@charset "UTF-8";
* {
    padding: 0;
    margin: 0;
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
    -webkit-appearance: none;
    outline: none;
    -webkit-touch-callout: none;
}
html {
    font-size: 62.5%; /*10 ÷ 16 × 100% = 62.5%*/
    width: initial;
}
html,
body {
    height: 100%;
    width: 100%;
}
html body {
    overflow: auto;
    position: static;
    width: initial;
}
img {
    -webkit-user-select: none;
    pointer-events: none;
}
body {
    background-color: #fff;
    font-size: 1.2rem;
    color: #000;
}
i,
em,
li {
    font-style: normal;
    list-style: none;
}
input {
    outline: none;
    border-radius: 0;
    -webkit-user-select: all;
}
a {
    text-decoration: none;
    color: #000;
}
.w100 {
    display: block;
    width: 100%;
}
.h100 {
    display: block;
    height: 100%;
}
.hide {
    display: none;
}
.screen {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}
.fix {
    content: "";
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}
.android .fix {
    position: absolute;
}
.ts {
    font-size: 1.6rem;
    text-align: center;
    line-height: 4;
}
.sw1,
.sw2 {
    display: none;
}
.wrapper {
    position: relative;
    z-index: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.scroller {
    background-color: #488229;
    position: absolute;
    z-index: 1;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    width: 100%;
    height: auto;
    left: 0;
    -webkit-transform: translateZ(0);
       -moz-transform: translateZ(0);
        -ms-transform: translateZ(0);
         -o-transform: translateZ(0);
            transform: translateZ(0);
    -webkit-touch-callout: none;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    -webkit-text-size-adjust: none;
        -ms-text-size-adjust: none;
}
.swiper-container {
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
}
.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-transition-property: -webkit-transform;
            transition-property: -webkit-transform;
         -o-transition-property: transform;
            transition-property: transform;
            transition-property: transform, -webkit-transform;
    -webkit-box-sizing: content-box;
            box-sizing: content-box;
}
.swiper-container-android .swiper-slide,
.swiper-wrapper {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}
.swiper-container-vertical > .swiper-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
}
.swiper-slide {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    -webkit-transition-property: -webkit-transform;
            transition-property: -webkit-transform;
         -o-transition-property: transform;
            transition-property: transform;
            transition-property: transform, -webkit-transform;
}
.swiper-slide.on:before {
    content: "";
    position: absolute;
    height: 100%;
    width: 80%;
    left: 10%;
    top: 0;
    box-sizing: border-box;
    border: .25rem solid #f8b900;
    z-index: 2;
}
.swiper-container-fade.swiper-container-free-mode .swiper-slide {
    -webkit-transition-timing-function: ease-out;
         -o-transition-timing-function: ease-out;
            transition-timing-function: ease-out;
}
.swiper-container-fade .swiper-slide {
    pointer-events: none;
    -webkit-transition-property: opacity;
         -o-transition-property: opacity;
            transition-property: opacity;
}
.swiper-container-fade .swiper-slide .swiper-slide {
    pointer-events: none;
}
.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto;
}
.acm {
    position: absolute;
    width: 100%;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
}
.acm2 {
    position: relative;
    width: 100%;
    height: 100%;
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
}
.load-center {
    position: absolute;
    width: 100%;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
}
.load-center > img {
    position: relative;
    z-index: 1;
}
.loads {
    position: absolute;
    width: 100%;
    height: 48.36%;
    left: 0;
    top: 0;
    overflow: hidden;
}
.loads > div {
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
    -webkit-transform: translateY(100%);
}
.loads > div.on {
    -webkit-animation: load .5s linear forwards;
}
@-webkit-keyframes load {
    100% {
        -webkit-transform: translateY(0%);
    }
}
.loading {
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
    font-size: 1.2rem;
    text-align: center;
    color: #399e66;
    -webkit-transform: translateY(-120%);
}
.main {
    background-color: #5595ed;
    overflow: hidden;
}
.pp {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.p1 {
    background-position: center top;
}
.pm {
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 0;
}
.po {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-position: center top;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}
.dao {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-position: center bottom;
    background-size: 100% auto;
    display: none;
}
.lou {
    position: absolute;
    width: 100%;
    height: 132%;
    left: 0;
    top: -76%;
    background-position: center top;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}
.logo1 {
    position: absolute;
    width: 19%;
    left: 1rem;
    top: 1rem;
}
.logo2 {
    position: absolute;
    width: 12%;
    right: 1rem;
    top: 1rem;
}
.music {
    position: absolute;
    right: 1.8rem;
    top: 4.5rem;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}
.music-off {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}
.music-on {
    position: absolute;
    width: 101%;
    height: 102%;
    left: 0;
    top: -1%;
    background-position: right top;
    background-repeat: no-repeat;
    background-size: contain;
}
.music.on .music-on {
    -webkit-animation: zhuan 2s linear infinite;
    top: -2%;
}
.music.on .music-off {
    opacity: 0;
}
@-webkit-keyframes zhuan {
    0% {
        -webkit-transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
    }
}
.p1-tit {
    position: absolute;
    width: 80%;
    left: 10%;
    top: 11%;
    -webkit-transform-origin: center top;
}
.more-tit1 {
    position: absolute;
    width: 81.56%;
    left: 9.72%;
    top: 21%;
    -webkit-transform-origin: center top;
}
.more-tit2 {
    position: absolute;
    width: 85.625%;
    left: 7.1875%;
    top: 22.5%;
    -webkit-transform-origin: center top;
}
.shudi {
    position: absolute;
    width: 29.84%;
    left: 35.02%;
    top: 15%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}
.shu,
.miao {
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 0;
}
.miao {
    display: none;
}
.miao1 {
    left: -2%;
}
.tree {
    position: absolute;
    width: 300%;
    left: -105%;
    bottom: 0;
    display: none;
}
.p1-miao {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    display: none;
}
.shu-tit {
    position: absolute;
    width: 52.8%;
    left: 23.6%;
    top: 10.5%;
    -webkit-transform-origin: center bottom;
    display: none;
}
.miao-tit,
.tree-tit,
.pai-tit {
    position: absolute;
    width: 100%;
    left: 0;
    top: 21%;
    font-size: 1.4rem;
    color: #fff;
    text-align: center;
    line-height: 2;
    height: 2.8rem;
}
.tree-tit,
.pai-tit {
    top: 10.5%;
    line-height: 1.4;
    display: none;
    -webkit-transform-origin: center bottom;
}
.p1-shu3 .tree-tit,
.p1-shu3 .pai-tit {
    top: 15%;
}
.pai-tit {
    top: 10.5%;
}
.pai-tit em {
    font-size: 2rem;
    color: #fff4b6;
    padding: 0 .5rem;
}
.miao-tit > span,
.tree-tit > span {
    -webkit-animation: suofang 1.2s linear infinite;
}
@-webkit-keyframes suofang {
    0% {
        -webkit-transform: scale(1);
    }
    50% {
        -webkit-transform: scale(1.2);
    }
    100% {
        -webkit-transform: scale(1);
    }
}
.tree-tit > span,
.miao-tit > span {
    display: none;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    text-align: center;
}
.miao-tit > span:first-child {
    display: block;
}
.tree-tit > span {
    display: block;
}
/*
.miao-tit > span > em {
    position: relative;
    z-index: 1;
}
.miao-tit > span > em:first-child {
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
    z-index: 0;
    -webkit-animation: sf 1.5s linear infinite;
}
*/
@-webkit-keyframes sf {
    0% {
        -webkit-transform: scale(1);
        opacity: .6;
    }
    66% {
        -webkit-transform: scale(1.5);
        opacity: 0;
    }
    100% {
        opacity: 0;
    }
}
.btn {
    position: absolute;
    width: 52%;
    left: 24%;
    -webkit-transform-origin: center top;
}
.btn-bao,
.btn-cha,
.btn-more,
.btn-home2,
.btn-share2 {
    width: 43.28%;
}
.btn-share {
    width: 38.44%;
}
.btn-sure,
.btn-submit {
    position: relative;
    margin: auto;
    left: auto;
}
.btn-back {
    bottom: 12%;
    z-index: 2;
    display: none;
}
.btn-back.show {
    display: block;
    opacity: 0;
    -webkit-animation: fadeIn .3s linear forwards;
}
@-webkit-keyframes fadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
.acm#zz-pai {
    top: 48%;
}
.btn > img {
    position: relative;
    z-index: 1;
}
.btn-shadow {
    position: absolute;
    z-index: 0;
    left: -.8%;
    bottom: -21%;
    width: 101.81%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: 100% auto;
    opacity: .8;
}
.btn-start,
.btn-make,
.btn-bao,
.btn-share {
    top: 51%;
}
.btn-cha,
.btn-more,
.btn-home2,
.btn-share2 {
    top: 33%;
}
.btn-more2,
.btn-back2 {
    top: 57%;
}
.btn-cha2 {
    top: 36%;
}
.btn-bao2 {
    top: 68%;
}
.btn-home {
    position: absolute;
    left: 50%;
    top: 71%;
    -webkit-transform: translateX(-50%);
    border-bottom: 1px solid #ffc317;
    color: #ffc317;
    -webkit-transform-origin: center top;
    display: none;
}
.btn-cha2,
.btn-bao2,
.btn-more2,
.btn-back2 {
    display: none;
}
.btn-close2 {
    position: absolute;
    width: 11%;
    height: 10%;
    right: 1%;
    top: 0%;
}
.end-tit {
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
    -webkit-transform: translateY(-170%);
}
.btn-make {
    display: none;
}
.btn-bao,
.btn-cha,
.btn-home2 {
    left: 6.4%;
    display: none;
}
.btn-share,
.btn-more,
.btn-share2 {
    left: auto;
    right: 3.9%;
    display: none;
}
.btn-share {
    right: 5.9%;
}
.btn-share .btn-shadow,
.btn-bao .btn-shadow,
.btn-cha .btn-shadow,
.btn-more .btn-shadow,
.btn-home2 .btn-shadow,
.btn-share2 .btn-shadow {
    bottom: -18%;
}
.btn-sm {
    top: 52%;
    position: absolute;
    right: 6.5%;
    width: 12.5%;
    -webkit-transform-origin: center top;
}
.zz {
    position: absolute;
    left: 0;
    top: 0;
    background-color: rgba(0, 0, 0, .75);
}
.sm,
.login,
.xztree,
.pai,
.bm,
.bm2,
.baoed {
    position: relative;
    width: 86%;
    margin: auto;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}
.pai {
    width: 84.53%;
}
.shudi .pai {
    position: absolute;
    left: 49%;
    bottom: 240%;
    -webkit-transform: translateX(-50%) scale(.2);
    -webkit-transform-origin: center bottom;
    display: none;
}
.shudi .pai.s2 {
    bottom: 220%;
}
.shudi .pai.s3 {
    bottom: 190%;
}
#sm,
#bm {
    position: absolute;
    width: 82%;
    left: 50%;
    top: 25%;
    -webkit-transform: translateX(-50%);
}
#bm {
    width: 80%;
    top: 23%;
}
.zz {
    display: none;
}
.zz > div {
    display: none;
}
#zz-login .btn-code {
    position: absolute;
    width: 19.4%;
    height: 11%;
    right: 10%;
    top: 41.4%;
}
#zz-login .btn-code span {
    position: absolute;
    width: 100%;
    text-align: center;
    top: 50%;
    -webkit-transform: translateY(-55%);
    line-height: 1;
    font-size: 1.4rem;
    color: #fff;
}
#zz-login .btn-code span:last-child {
    display: none;
}
#zz-login .btn-code.on span:first-child {
    display: none;
}
#zz-login .btn-code.on span:last-child {
    display: block;
}
#zz-login input {
    position: absolute;
    left: 10.5%;
    border: 0;
    background-color: rgba(99, 0, 0, 0);
    width: 80.5%;
    height: 15%;
    top: 40%;
    font-size: 1.6rem;
}
#zz-login input.login-code {
    top: 63%;
}
input::placeholder {
    color: #878787;
}
input {
    color: #666;
}
.xztree-tit {
    position: relative;
    width: 100%;
    text-align: center;
    font-size: 1.2rem;
    color: #fff;
    line-height: 1.4;
}
.xz-tree {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    display: none;
}
.xz-tree:first-child {
    display: block;
}
.btn-prev,
.btn-next {
    position: absolute;
    width: 13%;
    top: 50%;
    height: 12%;
}
.btn-prev {
    left: 9%;
}
.btn-next {
    right: 8%;
}
.btn-yuan {
    position: absolute;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    bottom: 4%;
}
.btn-chan {
    left: 10%;
}
.btn-shui {
    right: 10%;
}
.btn-chan > img {
    position: absolute;
    width: 69.27%;
    top: -10%;
    left: 27%;
}
.btn-shui > img {
    position: absolute;
    width: 92%;
    top: 20%;
    left: -2%;
}
.btn-yuan .text {
    position: absolute;
    width: 57.23%;
    left: 50%;
    bottom: 0;
    -webkit-transform: translate(-50%, 28%);
}
.dh-chan {
    position: absolute;
    width: 60%;
    right: 48%;
    bottom: 41%;
    -webkit-transform: translateX(100%);
    display: none;
}
.dh-shui {
    position: absolute;
    width: 75%;
    right: 48%;
    bottom: 44%;
    -webkit-transform: translateX(100%);
    display: none;
}
.pai-main {
    position: absolute;
    width: 82%;
    left: 18%;
    top: 65%;
    -webkit-transform: translateY(-50%);
}
.pai-main > div {
    position: relative;
    width: 100%;
    display: block;
    height: 3.2rem;
    line-height: 3.2rem;
    font-size: 1.5rem;
    color: #7b2b01;
}
.pai-main em {
    display: inline-block;
}
.pai-main em.pai-em1 {
    width: 2.9rem;
}
.pai-main em.pai-em2 {
    width: .7rem;
}
.pai-ren {
    position: relative;
    display: inline-block;
    width: 11rem;
    border: 0;
    height: 3rem;
    line-height: auto;
    box-sizing: border-box;
    background-color: rgba(0, 0, 0, 0);
    font-size: 1.5rem;
    color: #7b2b01;
}
input.pai-ren::placeholder {
    color: #fff;
}
.hb {
    margin: auto;
    position: relative;
}
#haibao {
    display: block;
    margin: auto;
    pointer-events: auto;
}
.haibao-text {
    font-size: 1.6rem;
    padding-top: 2rem;
    line-height: 1;
    text-align: center;
    color: #fff;
    -webkit-transform-origin: center top;
}
.btn-close {
    position: absolute;
    width: 9%;
    right: 0;
    top: 0;
    -webkit-transform: translate(46%, -46%);
}
.bmsr {
    position: relative;
    width: 70%;
    left: 50%;
    top: 67%;
    -webkit-transform: translate(-50%, -50%);
}
.bmsr > div {
    position: relative;
    width: 100%;
    border-bottom: 1px solid #dfae6d;
    height: 3rem;
    line-height: 3rem;
    margin-bottom: 1rem;
    color: #dfae6d;
    overflow: hidden;
    white-space: nowrap;
}
.bm-em1,
.bm-em2 {
    display: inline-block;
    width: 2.4rem;
}
.bm-em2 {
    width: .6rem;
}
.bmsr > div input {
    position: relative;
    display: inline-block;
    width: 100%;
    height: 3rem;
    border: 0;
    background-color: rgba(0, 0, 0, 0);
    font-size: 1.2rem;
}
#bmd {
    display: none;
}
#zz-bm .btn-code {
    position: absolute;
    height: 2rem;
    line-height: 2rem;
    width: 5rem;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    background-color: #ce9551;
    color: #fff;
    text-align: center;
    border-radius: 1rem;
    display: none;
}
#zz-bm .btn-code span {
    position: absolute;
    width: 100%;
    text-align: center;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    line-height: 1;
    font-size: 1.2rem;
    color: #fff;
}
#zz-bm .btn-code span:last-child {
    display: none;
}
#zz-bm .btn-code.on span:first-child {
    display: none;
}
#zz-bm .btn-code.on span:last-child {
    display: block;
}
.weui-half-screen-dialog__ft {
    padding: 30px 24px 32px;
}
.p1-yun,
.p1-yun2 {
    position: absolute;
    width: 100%;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-130%);
}
.p1-yun2 {
    top: 38%;
    display: none;
}
.more-shu {
    position: absolute;
    left: 50%;
    bottom: 10%;
    -webkit-transform: translateX(-51.2%);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    -webkit-transform-origin: center center;
    display: none;
}
.more-tit {
    position: absolute;
    left: 40%;
    top: 1%;
    font-size: 1.4rem;
    line-height: 1;
    color: #fff;
}
.btn-smore1 {
    position: absolute;
    width: 11%;
    height: 12%;
    left: 30%;
    top: 29%;
}
.btn-smore2 {
    position: absolute;
    width: 11%;
    height: 12%;
    left: 71%;
    top: 48%;
}
#wrapper1 {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}
.more-top {
    position: relative;
    z-index: 0;
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
}
.more-m1,
.more-m2 {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    z-index: 1;
    background-position: center top;
    background-repeat: no-repeat;
    background-size: contain;
}
.more-bottom1 {
    position: relative;
    width: 100%;
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: 100% auto;
}
.more-pai {
    position: absolute;
    -webkit-transform: translateX(-50%);
    left: 50%;
    bottom: 0;
}
.qrcode {
    position: absolute;
    left: 66.3%;
    width: 22.8%;
    opacity: 0;
}
.qrcode > img {
    pointer-events: auto;
}
.qrcode1 {
    top: 26.9%;
}
.qrcode2 {
    top: 37.9%;
}
.qrcode3 {
    top: 48.32%;
}
.qrcode4 {
    top: 59.52%;
}
.qrcode5 {
    top: 69.84%;
}
.qrcode6 {
    top: 81.04%;
}
.qrcode7 {
    top: 92.15%;
}
.qrcode11,
.qrcode12 {
    position: absolute;
    width: 31.42%;
    top: 8.6%;
}
.qrcode11 > img,
.qrcode12 > img {
    pointer-events: auto;
}
.qrcode11 {
    left: 14%;
}
.qrcode12 {
    right: 14%;
}
.hand {
    position: absolute;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    pointer-events: none;
    -webkit-animation: hand 1s linear infinite;
}
@-webkit-keyframes hand {
    0% {
        -webkit-transform: scale(.5);
    }
    50% {
        -webkit-transform: scale(.7);
    }
    100% {
        -webkit-transform: scale(.5);
    }
}
.hand1 {
    left: 32%;
    top: 37%;
}
.hand2 {
    left: 72%;
    top: 57%;
}
#indexmiao {
    position: absolute;
    width: 81%;
    left: 50%;
    bottom: 54%;
    -webkit-transform: translateX(-50%);
}
#shumiao1 {
    position: absolute;
    width: 81%;
    left: 50%;
    bottom: 54%;
    -webkit-transform: translateX(-50%);
    display: none;
}
#shumiao2 {
    position: absolute;
    width: 81%;
    left: 50%;
    bottom: 54%;
    -webkit-transform: translateX(-50%);
    display: none;
}
#shumiao3 {
    position: absolute;
    width: 81%;
    left: 50%;
    bottom: 54%;
    -webkit-transform: translateX(-50%);
    display: none;
}
@media screen and (min-height:450px){

}
@media screen and (min-height:500px){

}
@media screen and (min-width:360px){
    html {
        font-size: 69%;
    }
}
@media screen and (min-width:360px) and (min-height:560px) {

}
@media screen and (min-width:370px){
    html {
        font-size: 71%;
    }
}
@media screen and (min-width:370px) and (min-height:600px){

}
@media screen and (min-width:375px) and (min-height:640px) {

}
@media screen and (min-width:375px) and (min-height:720px) {

}
@media screen and (min-width:400px){
    html {
        font-size: 80%;
    }
}
@media screen and (min-width:400px) and (min-height:670px) {

}
@media screen and (min-width:400px) and (min-height:750px) {

}

.weui-mask {
    position: fixed;
    z-index: 1000;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.6);
}
.weui-dialog {
    position: fixed;
    z-index: 5000;
    width: 80%;
    max-width: 300px;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    background-color: #fff;
    text-align: center;
    border-radius: 3px;
    overflow: hidden;
}
.weui-dialog__bd {
    padding: 0 1.6em .8em;
    min-height: 40px;
    font-size: 15px;
    line-height: 1.3;
    word-wrap: break-word;
    word-break: break-all;
    color: #999;
}
.weui-dialog__bd:first-child {
    padding: 2.7em 20px 1.7em;
    color: #353535;
    font-weight: normal;
    margin-bottom: 0;
    line-height: 1.8;
}
.weui-dialog__ft {
    position: relative;
    line-height: 2.67;
    font-size: 18px;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
}
.weui-dialog__ft:after {
    content: " ";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    height: 1px;
    border-top: 1px solid #d5d5d6;
    color: #d5d5d6;
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    -webkit-transform: scaleY(0.5);
            transform: scaleY(0.5);
}
.weui-dialog__btn {
    display: block;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
            flex: 1;
    color: #3cc51f;
    text-decoration: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    position: relative;
}
.weui-dialog__btn:active {
    background-color: #eee;
}
.weui-dialog__btn:after {
    content: " ";
    position: absolute;
    left: 0;
    top: 0;
    width: 1px;
    bottom: 0;
    border-left: 1px solid #d5d5d6;
    color: #d5d5d6;
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    -webkit-transform: scaleX(0.5);
            transform: scaleX(0.5);
}
.weui-dialog__btn:first-child:after {
    display: none;
}
.weui-dialog__btn_default {
    color: #353535;
    display: none;
}
.js_dialog2 .weui-dialog__btn_default {
    display: block;
}
.weui-dialog__btn_primary {
    color: #0bb20c;
}
.weui-mask_transparent {
    position: fixed;
    z-index: 1000;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
}
.weui-toast {
    position: fixed;
    z-index: 5000;
    width: 7.6em;
    min-height: 7.6em;
    top: 180px;
    left: 50%;
    margin-left: -3.8em;
    background: rgba(17, 17, 17, 0.7);
    text-align: center;
    border-radius: 5px;
    color: #fff;
 }
.weui-loading {
    margin: 1.7em 0 0;
    width: 38px;
    height: 38px;
    display: inline-block;
    vertical-align: baseline;
    -webkit-animation: weuiLoading 1s steps(12, end) infinite;
    background:transparent url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMjAiIGhlaWdodD0iMTIwIiB2aWV3Qm94PSIwIDAgMTAwIDEwMCI+PHBhdGggZmlsbD0ibm9uZSIgZD0iTTAgMGgxMDB2MTAwSDB6Ii8+PHJlY3Qgd2lkdGg9IjciIGhlaWdodD0iMjAiIHg9IjQ2LjUiIHk9IjQwIiBmaWxsPSIjRTlFOUU5IiByeD0iNSIgcnk9IjUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAgLTMwKSIvPjxyZWN0IHdpZHRoPSI3IiBoZWlnaHQ9IjIwIiB4PSI0Ni41IiB5PSI0MCIgZmlsbD0iIzk4OTY5NyIgcng9IjUiIHJ5PSI1IiB0cmFuc2Zvcm09InJvdGF0ZSgzMCAxMDUuOTggNjUpIi8+PHJlY3Qgd2lkdGg9IjciIGhlaWdodD0iMjAiIHg9IjQ2LjUiIHk9IjQwIiBmaWxsPSIjOUI5OTlBIiByeD0iNSIgcnk9IjUiIHRyYW5zZm9ybT0icm90YXRlKDYwIDc1Ljk4IDY1KSIvPjxyZWN0IHdpZHRoPSI3IiBoZWlnaHQ9IjIwIiB4PSI0Ni41IiB5PSI0MCIgZmlsbD0iI0EzQTFBMiIgcng9IjUiIHJ5PSI1IiB0cmFuc2Zvcm09InJvdGF0ZSg5MCA2NSA2NSkiLz48cmVjdCB3aWR0aD0iNyIgaGVpZ2h0PSIyMCIgeD0iNDYuNSIgeT0iNDAiIGZpbGw9IiNBQkE5QUEiIHJ4PSI1IiByeT0iNSIgdHJhbnNmb3JtPSJyb3RhdGUoMTIwIDU4LjY2IDY1KSIvPjxyZWN0IHdpZHRoPSI3IiBoZWlnaHQ9IjIwIiB4PSI0Ni41IiB5PSI0MCIgZmlsbD0iI0IyQjJCMiIgcng9IjUiIHJ5PSI1IiB0cmFuc2Zvcm09InJvdGF0ZSgxNTAgNTQuMDIgNjUpIi8+PHJlY3Qgd2lkdGg9IjciIGhlaWdodD0iMjAiIHg9IjQ2LjUiIHk9IjQwIiBmaWxsPSIjQkFCOEI5IiByeD0iNSIgcnk9IjUiIHRyYW5zZm9ybT0icm90YXRlKDE4MCA1MCA2NSkiLz48cmVjdCB3aWR0aD0iNyIgaGVpZ2h0PSIyMCIgeD0iNDYuNSIgeT0iNDAiIGZpbGw9IiNDMkMwQzEiIHJ4PSI1IiByeT0iNSIgdHJhbnNmb3JtPSJyb3RhdGUoLTE1MCA0NS45OCA2NSkiLz48cmVjdCB3aWR0aD0iNyIgaGVpZ2h0PSIyMCIgeD0iNDYuNSIgeT0iNDAiIGZpbGw9IiNDQkNCQ0IiIHJ4PSI1IiByeT0iNSIgdHJhbnNmb3JtPSJyb3RhdGUoLTEyMCA0MS4zNCA2NSkiLz48cmVjdCB3aWR0aD0iNyIgaGVpZ2h0PSIyMCIgeD0iNDYuNSIgeT0iNDAiIGZpbGw9IiNEMkQyRDIiIHJ4PSI1IiByeT0iNSIgdHJhbnNmb3JtPSJyb3RhdGUoLTkwIDM1IDY1KSIvPjxyZWN0IHdpZHRoPSI3IiBoZWlnaHQ9IjIwIiB4PSI0Ni41IiB5PSI0MCIgZmlsbD0iI0RBREFEQSIgcng9IjUiIHJ5PSI1IiB0cmFuc2Zvcm09InJvdGF0ZSgtNjAgMjQuMDIgNjUpIi8+PHJlY3Qgd2lkdGg9IjciIGhlaWdodD0iMjAiIHg9IjQ2LjUiIHk9IjQwIiBmaWxsPSIjRTJFMkUyIiByeD0iNSIgcnk9IjUiIHRyYW5zZm9ybT0icm90YXRlKC0zMCAtNS45OCA2NSkiLz48L3N2Zz4=) no-repeat;
    background-size: 100%;
}
@-webkit-keyframes weuiLoading {
    0% {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
    }
    100% {
        -webkit-transform: rotate3d(0, 0, 1, 360deg);
    }
}
#orientLayer {
    display: none;
    z-index: 9999999;
}
.mod-orient-layer {
    display: none;
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: #000;
    z-index: 9997;
}
.mod-orient-layer__content {
    position: absolute;
    width: 100%;
    top: 45%;
    margin-top: -75px;
    text-align: center;
}
.mod-orient-layer__icon-orient {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIYAAADaCAMAAABU68ovAAAAXVBMVEUAAAD29vb////x8fH////////x8fH5+fn29vby8vL////5+fn39/f6+vr////x8fH////////+/v7////09PT////x8fH39/f////////////////////x8fH///+WLTLGAAAAHXRSTlMAIpML+gb4ZhHWn1c2gvHBvq1uKJcC6k8b187lQ9yhhboAAAQYSURBVHja7d3blpowFIDhTUIAOchZDkre/zE7ycySrbUUpsRN2/1fzO18KzEqxEVgTiZNfgmmtxRc8iaR8HNe8x4BtjQePKayYCIoyBSgvNNE1AkNSHqZyLqk97EgUCCHBzZ5mkg7ScvIJuIyOyXBRFxgpqWZyGsAZLB1KjsJi8nutHU4JCRbFRH8tmirI9k8Jx2sqNs8K/m0LQkrktO2crgcgXGB4AiTEsB0hJfo9MGgX7CGcYiYwQxmMOOvZwRhBG8tCoMXjBDeXvWCEcHbi14wgCBmMIMZzGAGM5jxETNwzMAxA8cMHDNwzMAxA8cMHDNwzMAxA8cMHDNwzMAxY6E2rUQxnH2tz9cirlJFwFBJedaPnUv0M7++egPDE8iAJcIDmxwH5wwv9vUviw2kLbVO3TJU5uul/EyB0FoLp4x60PdGUd3qPurrWyjGGTc05u+1dcgI7/+tCCPARWGhH7o5Y7RCf+bH9ctXLp6v2BVDxfqz0oPXeSVaNtINo/1SXDv4dck8IIkbhtC2ol+iouEonTBCbYvVMnXOjxww6s/RFrBUpXHh/gw1rHj5d/qhYn9Gpk2FWh6xRBRX5Oj3Znh2Sq49/L6+y8pB26q9GbE2dbA2mVbx6I+7MfBglLCttm73ZQi7AD3iL4HqjFYJHSPRppqaUaJ3ATpGa+ckpGak2hRRMyqjGMkvl+xyFeSMwjAqcsZgGDdyhl0oNTnDN4yenJGZFGxNChP5/Y3efh6SM2rDOJMzboYxkDMqwyjIGcIw6F+io2FU1IxIm1JqRmgXSkvNKNCXeTpGrU0JNSO2c6LIGPgCS8AuDHz9ta0SXWDtxoDRH+MqlbC2Dt2G2JFRadtQZt2qq/orGowdGb2euxYiqWEpVWhTBnszoNAPdStuQwxqf0aocdWKW4Z+DfszIh8pxJqbuCE4YAC+4bm0evtipjpgJHeFnyyt1Ku2xa0bhjxr27p75rECNwyI9ZwvXkHq+7aTaMEV44YYy/spfgjgjNHaWW+GeUhGEX7tLlVinIFDDSgnOwhi1V6bU0b6tVS9eAERe863g4dRrtiHdc6o+nn5vtyVVgR79Cqt4uL6gfHPQyGqtP2vf7HADGbcYwaOGThm4JiBYwaOGThm4JiBYwaOGThm4JiBYwaOGThm4JiBYwaOGThm4JjhtOM+J/AgT008yDMkN/dPP9hzS8zAMQN3OEYeekp5YU7KOKXwVXqiY+QS7smcinGKABWdiBgpPJTSMHJ4KidhhPBUSMLw4CmPhKHgKUXCkHsygum71ftNSgCX6bsl8FQyfbcL5EdYsDk0R3j7aiA5wpt5AjKg/2gLJEBD/0Hf2OOf/vRrj6z/7GtP4B3nMKyjHA12kIPSjnJs3FEO0TvKkYJHOWCR+rjJH0Vn6fI5PjNbAAAAAElFTkSuQmCC);
    display: inline-block;
    width: 67px;
    height: 109px;
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
    -webkit-animation: rotation infinite 1.5s ease-in-out;
            animation: rotation infinite 1.5s ease-in-out;
    -webkit-background-size: 67px;
            background-size: 67px;
}
.mod-orient-layer__desc {
    margin-top: 20px;
    font-size: 15px;
    color: #fff;
}
@-webkit-keyframes rotation {
    10% {
        -webkit-transform: rotate(90deg);
                transform: rotate(90deg);
    }
    50%,
    60% {
        -webkit-transform: rotate(0deg);
                transform: rotate(0deg);
    }
    90% {
        -webkit-transform: rotate(90deg);
                transform: rotate(90deg);
    }
    100% {
        -webkit-transform: rotate(90deg);
                transform: rotate(90deg);
    }
}
@media all and (min-aspect-ratio: 13/9){
    #orientLayer {
        display: block;
    }
}