/*公用样式1*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,header,hgroup,nav,section,article,aside,footer,figure,figcaption,menu,button {
    margin: 0;padding: 0;outline: 0
}

body {font-family: 'PingFangSC','Microsoft Yahei',"Helvetica Neue", Helvetica, STHeiTi, sans-serif;line-height: 1.5;font-size: 0.32rem;color: #444;-webkit-user-select: none;-webkit-text-size-adjust: none;-webkit-tap-highlight-color: rgba(255,255,255,0)}

h1,h2,h3,h4,h5,h6 {font-size: inherit;font-weight: normal}
fieldset,img {border: 0}
li {list-style: none}
input,button,textarea,select {
    font-family: inherit;font-size: inherit;font-weight: inherit;border: 0;background: none;-webkit-appearance: none;outline: 0
}
a,button,input,select,textarea,a:focus,button:focus,input:focus,select:focus,textarea:focus,[onclick] {
    outline: 0;-webkit-tap-highlight-color: rgba(255,255,255,0)
}
a {-webkit-touch-callout: none;text-decoration: none;color: #00a5e0;outline: 0}
em,i {font-style: normal}
em {color: #f28c48}

html,body{height:100%;background-color: #f17b57;margin: 0 auto;padding: 0px;}

.clearfix:after{ display:block;visibility:hidden;clear:both; height:0;content:".";}
.clearfix{display:inline-block;}
* html .clearfix{height:1%;}
.clearfix{ display:block;}

.share{position: absolute; left: -300px; top:-300px; width: 300px; height: 300px;}

/*延迟时间*/
.delay02{-moz-animation-delay: 0.2s; -webkit-animation-delay: 0.2s;  -o-animation-delay: 0.2s;  animation-delay: 0.2s;}
.delay03{-moz-animation-delay: 0.3s; -webkit-animation-delay: 0.3s;  -o-animation-delay: 0.3s;  animation-delay: 0.3s;}
.delay04{-moz-animation-delay: 0.4s; -webkit-animation-delay: 0.4s;  -o-animation-delay: 0.4s;  animation-delay: 0.4s;}
.delay05{-moz-animation-delay: 0.5s; -webkit-animation-delay: 0.5s;  -o-animation-delay: 0.5s;  animation-delay: 0.5s;}
.delay06{-moz-animation-delay: 0.6s; -webkit-animation-delay: 0.6s;  -o-animation-delay: 0.6s;  animation-delay: 0.6s;}
.delay07{-moz-animation-delay: 0.7s; -webkit-animation-delay: 0.7s;  -o-animation-delay: 0.7s;  animation-delay: 0.7s;}
.delay08{-moz-animation-delay: 0.8s; -webkit-animation-delay: 0.8s;  -o-animation-delay: 0.8s;  animation-delay: 0.8s;}
.delay09{-moz-animation-delay: 0.9s; -webkit-animation-delay: 0.9s;  -o-animation-delay: 0.9s;  animation-delay: 0.9s;}
.delay1{-moz-animation-delay: 1s; -webkit-animation-delay: 1s;  -o-animation-delay: 1s;  animation-delay: 1s;}
.delay2{-moz-animation-delay: 2s; -webkit-animation-delay: 2s;  -o-animation-delay: 2s;  animation-delay: 2s;}
.delay3{-moz-animation-delay: 3s; -webkit-animation-delay: 3s;  -o-animation-delay: 3s;  animation-delay: 3s;}
.delay4{-moz-animation-delay: 4s; -webkit-animation-delay: 4s;  -o-animation-delay: 4s;  animation-delay: 4s;}
.delay11{-moz-animation-delay: 1.1s; -webkit-animation-delay: 1.1s;  -o-animation-delay: 1.1s;  animation-delay: 1.1s;}
.delay12{-moz-animation-delay: 1.2s; -webkit-animation-delay: 1.2s;  -o-animation-delay: 1.2s;  animation-delay: 1.2s;}
.delay12{-moz-animation-delay: 1.2s; -webkit-animation-delay: 1.2s;  -o-animation-delay: 1.2s;  animation-delay: 1.2s;}
.delay13{-moz-animation-delay: 1.3s; -webkit-animation-delay: 1.3s;  -o-animation-delay: 1.3s;  animation-delay: 1.3s;}
.delay14{-moz-animation-delay: 1.4s; -webkit-animation-delay: 1.4s;  -o-animation-delay: 1.4s;  animation-delay: 1.4s;}
.delay15{-moz-animation-delay: 1.5s; -webkit-animation-delay: 1.5s;  -o-animation-delay: 1.5s;  animation-delay: 1.5s;}
.delay16{-moz-animation-delay: 1.6s; -webkit-animation-delay: 1.6s;  -o-animation-delay: 1.6s;  animation-delay: 1.6s;}
.delay17{-moz-animation-delay: 1.7s; -webkit-animation-delay: 1.7s;  -o-animation-delay: 1.7s;  animation-delay: 1.7s;}
.delay18{-moz-animation-delay: 1.8s; -webkit-animation-delay: 1.8s;  -o-animation-delay: 1.8s;  animation-delay: 1.8s;}
.delay19{-moz-animation-delay: 1.9s; -webkit-animation-delay: 1.9s;  -o-animation-delay: 1.9s;  animation-delay: 1.9s;}
.delay21{-moz-animation-delay: 2.1s; -webkit-animation-delay: 2.1s;  -o-animation-delay: 2.1s;  animation-delay: 2.1s;}
.delay22{-moz-animation-delay: 2.2s; -webkit-animation-delay: 2.2s;  -o-animation-delay: 2.2s;  animation-delay: 2.2s;}
.delay23{-moz-animation-delay: 2.3s; -webkit-animation-delay: 2.3s;  -o-animation-delay: 2.3s;  animation-delay: 2.3s;}
.delay24{-moz-animation-delay: 2.4s; -webkit-animation-delay: 2.4s;  -o-animation-delay: 2.4s;  animation-delay: 2.4s;}
.delay25{-moz-animation-delay: 2.5s; -webkit-animation-delay: 2.5s;  -o-animation-delay: 2.5s;  animation-delay: 2.5s;}
.delay26{-moz-animation-delay: 2.6s; -webkit-animation-delay: 2.6s;  -o-animation-delay: 2.6s;  animation-delay: 2.6s;}
.delay27{-moz-animation-delay: 2.7s; -webkit-animation-delay: 2.7s;  -o-animation-delay: 2.7s;  animation-delay: 2.7s;}
.delay28{-moz-animation-delay: 2.8s; -webkit-animation-delay: 2.8s;  -o-animation-delay: 2.8s;  animation-delay: 2.8s;}
.delay29{-moz-animation-delay: 2.9s; -webkit-animation-delay: 2.9s;  -o-animation-delay: 2.9s;  animation-delay: 2.9s;}
.delay31{-moz-animation-delay: 3.1s; -webkit-animation-delay: 3.1s;  -o-animation-delay: 3.1s;  animation-delay: 3.1s;}
.delay32{-moz-animation-delay: 3.2s; -webkit-animation-delay: 3.2s;  -o-animation-delay: 3.2s;  animation-delay: 3.2s;}
.delay33{-moz-animation-delay: 3.3s; -webkit-animation-delay: 3.3s;  -o-animation-delay: 3.3s;  animation-delay: 3.3s;}
.delay34{-moz-animation-delay: 3.4s; -webkit-animation-delay: 3.4s;  -o-animation-delay: 3.4s;  animation-delay: 3.4s;}
.delay35{-moz-animation-delay: 3.5s; -webkit-animation-delay: 3.5s;  -o-animation-delay: 3.5s;  animation-delay: 3.5s;}
.delay38{-moz-animation-delay: 3.8s; -webkit-animation-delay: 3.8s;  -o-animation-delay: 3.8s;  animation-delay: 3.8s;}
.delay4{-moz-animation-delay: 4s; -webkit-animation-delay: 4s;  -o-animation-delay: 4s;  animation-delay: 4s;}


::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:    #fff;
    font-weight: normal;
}
:-moz-placeholder {/* Mozilla Firefox 4 to 18 */
   color:    #fff;
   font-weight: normal;
}
::-moz-placeholder {/* Mozilla Firefox 19+ */
   color:    #fff;
   font-weight: normal;
}
:-ms-input-placeholder {/* Internet Explorer 10-11 */
   color:    #fff;
   font-weight: normal;
}

/*主体样式*/
.S_container{width: 10rem;height: 100%;margin: 0 auto;color: #fff;font-size: 0.32rem;}
.S_banner_box{width: 100%;position: relative;}
.S_banner_bottom{width: 100%;position: absolute;bottom: 0;left: 0;}
.S_banner,.S_banner img,.S_banner_bottom img,.shareMask img{width: 100%;}
.S_main{width: 100%;padding: 1rem;box-sizing: border-box;background-color: #f17b57;}

.S_ling_box,
.S_content_box .S_quan_box,
.S_content_box .S_btn_box_lg,
.S_rules_box{padding: 0 0.4rem;}

.S_ling_box .S_ipt_box{width: 100%;height: 1.2rem;border: 1px solid #fff;border-radius: 0.1rem;padding: 0.2rem 0.53rem;box-sizing: border-box;margin-bottom: 0.48rem;}
.S_ling_box .S_ipt_box .S_ipt{width: 100%;font-size: 0.4rem;color: #fff;line-height: 0.8rem;}

.S_content_box{display: none;}
.S_content_box .S_quan_box{margin-bottom: 0.48rem;}
.S_content_box .S_quan_box .S_quan {width: 100%;height: 2.6rem;background: url(../img/quan_bg.png) center top no-repeat; background-size: 100% auto;position: relative;}
.S_content_box .S_quan_box .S_quan h1{font-size: 0.7rem;color: #f17b57;font-weight: bolder;}
.S_content_box .S_quan_box .S_quan .S_quan_left{width: 3rem;padding: 0 0.53rem;box-sizing: border-box;position: absolute;top: 0;left: 0;}
.S_content_box .S_quan_box .S_quan .S_quan_left h1{line-height: 2.6rem;text-align: center;}
.S_content_box .S_quan_box .S_quan .S_quan_right{padding: 0.53rem;padding-left: 3rem;box-sizing: border-box;}

.S_content_box .S_quan_box .S_quan .S_quan_right h1{line-height: 1rem;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.S_content_box .S_quan_box .S_quan .S_quan_right h3{line-height: 0.4rem;font-size: 0.28rem;color: #999;}
.S_content_box .S_quan_box .S_quan_message{font-size: 0.28rem;line-height: 0.6rem;text-align: justify;width: 100%;}
.S_content_box .S_quan_box .S_quan_message span{color: #ffe16a;}
.S_content_box .S_btn_box{display: none;}
.S_rules_box .S_ruler_title{font-size: 0.4rem;line-height: 1rem;color: #ffe16a;}
.S_rules_box .S_rules{font-size: 0.32rem;line-height: 0.53rem;}

.S_btn_box{width: 100%;margin-bottom: 0.48rem;}
.S_btn{display: block;height: 1.2rem;line-height: 1.1rem;font-size: 0.4rem;text-align: center;font-weight: bolder;}
.S_btn_box.S_btn_box_lg .S_btn{width: 100%;background: url(../img/btn_l_bg.png) center top no-repeat; background-size: 100% auto;color: #f17b57;}
.S_btn_box.S_btn_box_lg .S_btn:disabled{background: url(../img/btn_d_bg.png) center top no-repeat; background-size: 100% auto;color: #fafafa;}
.S_btn_box_ul li{width: 50%;float: left;}
.S_btn_box_ul li .S_btn{width: 3.6rem;margin: 0 auto;color: #7e5e4e;}
.S_btn_box_ul li:first-child .S_btn{background: url(../img/btn_m_bg.png) center top no-repeat; background-size: 100% auto;}
.S_btn_box_ul li:last-child .S_btn{background: url(../img/btn_s_bg.png) center top no-repeat; background-size: 100% auto;}
.S_btn:not(:disabled):hover,
.S_btn:not(:disabled):active{opacity: 0.8;}

/*提示*/
.tipMask{width: 100%; height: 100%; position: absolute; top:0; left:0; background-color: transparent;); z-index: 999; overflow: hidden;display: none;}
.tip{width: 6rem;line-height: 0.6rem;background-color: rgba(252,216,105,.9);font-size:0.4rem;color: #f17b57;position: absolute;top: 50%;left: 50%;margin-left: -3rem;margin-top: -25%;z-index: 999;padding: 0.8rem;box-sizing: border-box;border-radius: 0.1rem;text-align: center;}
.shareMask{width: 100%;height: 100%;position: fixed;top: 0;left: 0; z-index: 999;background-color: rgba(0, 0, 0, .8);display: none;}
/*loading*/
@-webkit-keyframes line-scale-pulse-out {
    0% {
        -webkit-transform: scaley(1);
        transform: scaley(1); }

    50% {
        -webkit-transform: scaley(0.4);
        transform: scaley(0.4); }

    100% {
        -webkit-transform: scaley(1);
        transform: scaley(1); } }

@keyframes line-scale-pulse-out {
    0% {
        -webkit-transform: scaley(1);
        transform: scaley(1); }

    50% {
        -webkit-transform: scaley(0.4);
        transform: scaley(0.4); }

    100% {
        -webkit-transform: scaley(1);
        transform: scaley(1); } }
.line-scale-pulse-out{margin: 4rem 0 .5rem 0;}
.line-scale-pulse-out > div {
    background-color: #ffa000;
    width: .1rem;
    height: .5rem;
    border-radius: .1rem;
    margin: .1rem;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    display: inline-block;
    -webkit-animation: line-scale-pulse-out 0.9s 0s infinite cubic-bezier(.85, .25, .37, .85);
    animation: line-scale-pulse-out 0.9s 0s infinite cubic-bezier(.85, .25, .37, .85); }
.line-scale-pulse-out > div:nth-child(2), .line-scale-pulse-out > div:nth-child(4) {
    -webkit-animation-delay: 0.2s !important;
    animation-delay: 0.2s !important; }
.line-scale-pulse-out > div:nth-child(1), .line-scale-pulse-out > div:nth-child(5) {
    -webkit-animation-delay: 0.4s !important;
    animation-delay: 0.4s !important; }

@-webkit-keyframes line-scale-pulse-out-rapid {
    0% {
        -webkit-transform: scaley(1);
        transform: scaley(1); }

    80% {
        -webkit-transform: scaley(0.3);
        transform: scaley(0.3); }

    90% {
        -webkit-transform: scaley(1);
        transform: scaley(1); } }

@keyframes line-scale-pulse-out-rapid {
    0% {
        -webkit-transform: scaley(1);
        transform: scaley(1); }

    80% {
        -webkit-transform: scaley(0.3);
        transform: scaley(0.3); }

    90% {
        -webkit-transform: scaley(1);
        transform: scaley(1); } }

.line-scale-pulse-out-rapid > div {
    background-color: #ffa000;
    width: .1rem;
    height: .5rem;
    border-radius: .1rem;
    margin: .1rem;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    display: inline-block;
    -webkit-animation: line-scale-pulse-out-rapid 0.9s 0s infinite cubic-bezier(.11, .49, .38, .78);
    animation: line-scale-pulse-out-rapid 0.9s 0s infinite cubic-bezier(.11, .49, .38, .78); }
.line-scale-pulse-out-rapid > div:nth-child(2), .line-scale-pulse-out-rapid > div:nth-child(4) {
    -webkit-animation-delay: 0.25s !important;
    animation-delay: 0.25s !important; }
.line-scale-pulse-out-rapid > div:nth-child(1), .line-scale-pulse-out-rapid > div:nth-child(5) {
    -webkit-animation-delay: 0.5s !important;
    animation-delay: 0.5s !important; }


.loading{width: 100%; height: 100%; position: fixed; left: 0; top: 0; background: #fff;
    z-index: 999; text-align: center; font-size: .37rem; color: #999;}


/* 样式放在结尾，防止 base64 图片造成拥塞 */
@-webkit-keyframes rotation {
    10% { -webkit-transform: rotate(-90deg) }
    50%, 60% { -webkit-transform: rotate(0deg) }
    90% { -webkit-transform: rotate(-90deg) }
    100% { -webkit-transform: rotate(-90deg) }
}
@keyframes rotation {
    10% { transform: rotate(-90deg)}
    50%, 60% { transform: rotate(0deg)}
    90% { transform: rotate(-90deg)}
    100% { transform: rotate(-90deg)}
}
#orientLayer { display: none; }
@media screen and (min-aspect-ratio: 13/9) { 
    #orientLayer { display: block; } 
}
.mod-orient-layer { display: none; position: fixed; height: 100%; width: 100%; left: 0; top: 0; right: 0; 
    bottom: 0; background: #000; z-index: 29891014 }
.mod-orient-layer__content { position: absolute; width: 100%; top: 45%; margin-top: -0.75rem; 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;
    transform: rotate(-90deg); -webkit-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: 0.2rem; font-size: 0.3rem; color: #fff }
.swiper-container {
  width: 100%;
  height: 100%; overflow: hidden;
}

.swiper-container-fullpage>.swiper-wrapper>.swiper-slide {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}