/*公共样式*/
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)}
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td{margin:0;padding: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
}
/* :not(a) > img {
    pointer-events: none;
  } */
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: #fff;outline: 0}
em,i {font-style: normal}
em {color: #f28c48}

html,body{height:100%;background-color: #f9f9f9;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;}

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

/*登录*/
.S_login_modal,
.S_guize_modal,
.S_confirm_modal{
    width: 100%;height: 100%;background: rgba(0,0,0,0.8);position: absolute; top: 0;left: 0;z-index: 999;
}
.S_guize_modal,
.S_confirm_modal{
    position: fixed;
}
.S_login_box{
    width: 80%;background: #ffed80;padding: 0 0.8rem 0.6rem;
    box-sizing: border-box;font-size: 0.4rem;color: #313131;
    position: absolute;top: 50%;left: 10%;border-radius: 0.1rem;
    margin-top: -4rem;
}
.S_login_box .S_login_title{
    text-align: center;
    font-size: 0.4rem;color: #313131;
    height: 1.4rem;line-height: 1.4rem;
}
.S_login_box .S_login_img,.S_login_box .S_login_img img{width: 100%;}
.S_login_box .S_ipt{width: 100%;padding-bottom: 0.3rem;text-align: left;box-sizing: border-box;}
.S_login_box .S_ipt_box{padding-right: 40%;position: relative;}
.S_login_box .S_ipt .S_tel_ipt,
.S_login_box .S_ipt .S_yzm_ipt{
    width: 100%;border: 1px solid #313131;
    padding: 0.2rem;box-sizing: border-box;
}
.S_login_box .S_ipt .S_yzm_btn{
    width: 35%;
    position: absolute;top: 0;right: 0;color: #fff;
    background: #313131;
}
.S_login_box .S_ipt .S_tel_ipt,
.S_login_box .S_ipt .S_yzm_ipt,
.S_login_box .S_ipt .S_yzm_btn{
    display: block;font-size: 0.37rem;
    outline: 0;box-sizing: border-box;
    height: 1.2rem;
}

.S_login_box .S_ipt .S_yzm_btn:active{opacity: 0.8;}
.S_login_box .S_ipt .S_yzm_btn:disabled{background: #999;}
.S_login_box .S_error{
    color: #f5744c;font-size: 0.37rem;
    text-align: left;line-height: 0.6rem;
    padding-bottom: 0.2rem;
    box-sizing: border-box;
}
.S_login_close,
.S_guize_close{
    display: block;
    width: 0.6rem;height: 0.6rem;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACsAAAApCAMAAACbSyD5AAAAnFBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////+TINBkAAAAM3RSTlMAb/t+gXt5d3FrhnSNAvby68Wil2cxCgXv6NFSS0Q9KiURDuXgzL+5tbCril9ZNwghFxTWv9SwAAABJUlEQVQ4y43T6XKCMBSG4aCgFnFHEHe0rnVpm/u/t3K+MZMWhnx9fzDh8AxDZoJSKmwpXhwpoVr7lL5pHQktCjmVN3a1FBEKaxYTTvHZFjspujXkZtxjFN0trqFNO1gAX9Mq9Qwt40vKKFr2ZXh+MopWwKeEUuCBPDgmZRrYgW0NPNoxih6z37hTS9F0KI8POaUWz78NdZ7sTQb8RSnwXlBGKdq+61dtRfsEBuWFoLMtl/JToT3HbW3KNv+i/lyuwymj2FZ+sNhJu8UqH2GDD0qlHfBgXUNbhqLkaLGTAp/kvr9iFD3PwMsa2vkzSy8ya5RxUKHAV+AFo6g3Br5zavFNmZqgXgUCT4BjShGwjilFkQWwHj39H68lqCMfFEWgroKouPwA7mVQd0N+f20AAAAASUVORK5CYII=") center center no-repeat;
    background-size: 100% 100%;
}
.S_login_close{
    position: absolute;left: 50%;margin-left: -0.3rem;bottom: -1.3rem;
}
.S_login_btn{
    display: block;width: 100%;height:1.2rem;line-height: 1.2rem;
    background: #313131;color: #fff;text-align: center;
}
.S_login_btn.disabled,
.S_login_btn:disabled{
    background-color: #999;
}
/* 规则 */
.S_guize_modal .S_guize_modal_container{
    width: 7.2rem;
    max-height: 11.8rem;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -3.6rem;
    margin-top: -5.9rem;
}
.S_guize_modal .S_guize_modal_content{
    width: 7.2rem;
    padding: .5rem;
    box-sizing: border-box;
    max-height: 10.8rem;
    margin: 0 auto;
    background-color: #ffffff;
    border-radius: .1rem;
    font-size: .4rem;
    color: #444;
    overflow: visible;
}
.S_guize_modal .S_guize_modal_content > h1{
    font-weight: 600;
    line-height: 1;
    padding-bottom: .5rem;
}
.S_guize_modal .S_guize_modal_content .S_modal_guize_main{
    max-height: 8.9rem;
    overflow: scroll;
    -webkit-overflow-scrolling: touch;
}
.S_guize_modal .S_guize_modal_content .S_modal_guize_main p:not(:last-child){
    padding-bottom: .5rem;
}
.S_guize_close{
    margin: 0 auto;
    margin-top: 1.4rem;

 }
/* 询问弹层 */
.S_confirm_modal{

}
.S_confirm_modal .S_confirm_centent{
    width: 80%;background: #fff;box-sizing: border-box;
    font-size: 0.4rem;color: #313131;
    position: absolute;top: 50%;left: 10%;border-radius: 0.1rem;
    margin-top: -4rem;
    padding-bottom: .5rem;
}
.S_confirm_main{
    padding: 0.8rem 0.6rem;
    line-height: 1.5;text-align: center;
}
/* app旧版本提示 */
.S_upModel{width: 100%;height: 100%;background: rgba(0,0,0,0.8);position: fixed; top: 0;left: 0;z-index: 999;}
.S_upModel_main{width: 80%;background: #fff;border-radius: 0.1rem;position: absolute;top: 50%;left: 50%;margin-left: -40%;margin-top:-1rem;text-align: center;font-size: 0.4rem;color: #444;}
.S_upModel_main p{line-height: 1.5rem;padding: 0.2rem;}
.S_upModel_main .S_upModel_btn{height: 1.2rem;}
.S_upModel_main .S_upModel_btn li{width: 50%;height: 1.2rem;float: left;}
.S_upModel_main .S_upModel_btn li:first-child{border-right: 1px solid #eee;box-sizing: border-box;}
.S_upModel_main .S_upModel_btn li:first-child a{color: #999;}
.S_upModel_main a{display: block;border-top: 1px solid #eee;color: #ffa000;line-height: 1.2rem;}
/* btns */
.S_common_btns{
    width: 100%;
    box-sizing: border-box;
    display: box;              /* OLD - Android 4.4- */
    display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;      /* TWEENER - IE 10 */
    display: -webkit-flex;     /* NEW - Chrome */
    display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
    -webkit-flex-wrap: nowrap;
    -moz-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    -o-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-flex-direction: nowrap;
    -moz-flex-direction: nowrap;
    -ms-flex-direction: nowrap;
    -o-flex-direction: nowrap;
    flex-direction: row;
}
.S_common_btns li{
    width: 100%;box-sizing: border-box;
}
.S_common_btns li a.S_common_btn{
    display: block;font-size: .4rem;text-align: center;color: #fff;
    width: 100%;height: 1.28rem;line-height: 1.28rem;margin: 0 auto;
}
.S_common_btns li a.S_common_btn_red{
    background: #fb8456;
}
.S_common_btns li a.S_common_btn_blue{
    background: #5a6fb0;
}
.S_common_btns li a.S_common_btn.disabled{
    background: #999;
}
.S_common_btns.Size_mid li a.S_common_btn{
    width: 6.8rem;
}
.S_common_btns.Size_smal{
    padding: 0 .64rem;
}
.S_common_btns.Size_smal li{
    padding: 0 .24rem;
}
.S_common_btns.Bor_8 li a.S_common_btn{
    border-radius: .11rem;
}
.S_common_btns.Bor_48 li a.S_common_btn{
    border-radius: .64rem;
}
/* 活动规则 */
.S_common_guize{
    text-align: center;
}
.S_common_guize a{
    font-size: .32rem;
    padding: .13rem 0;
    border-bottom: 1px solid #444;
    color: #444;
}
/*提示*/
.S_tip{padding: 0.25rem 0.5rem;font-size: 0.4rem; line-height: 0.6rem;background: rgba(0,0,0,0.8);color: #fff;opacity: 0.8;}
/*layer*/
.layui-m-layer0 .layui-m-layerchild {
    width: 80%!important;
    max-width: 80%!important;
    border-radius: 0.1rem!important;
    overflow: hidden;
}
.layui-m-layercont {
    padding: 0!important;
    line-height: 0.6rem !important;
    font-size: 0.4rem !important;
    background: transparent;
}
.layui-m-layermsg .layui-m-layerchild {
    max-width: 80%;
    background: transparent;
}
.layui-m-layermsg .layui-m-layerchild {max-width: 80%;}
/*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;display: none;}


/* 横屏切换 */
@-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 }