@charset "utf-8";
html, body{height: 100%}
body{margin: 0; font-family:-apple-system,"Helvetica Neue","PingFang SC","Microsoft YaHei", Arial, "Hiragino Sans GB", "WenQuanYi Zen Hei", sans-serif; font-size:.24rem; -webkit-user-select:auto!important; color:#000;}
*{-webkit-box-sizing: border-box; box-sizing: border-box; -webkit-tap-highlight-color:rgba(255,0,0,0);}
button{cursor: pointer;}
/* ::-webkit-scrollbar{display:none;} */
ul,ol,dl,dd,h1,h2,h3,h4,h5,h6,p,input,button{margin: 0; padding: 0;}
ul,ol{list-style: none;}
input,button{font-family:"PingFang SC", "Helvetica Neue","Microsoft YaHei";}
a{text-decoration: none; color:#000;}
a:hover{text-decoration: none;}
.clearfloat:after{content: ""; display: table; height: 0; clear: both; visibility: hidden;}
.clearfloat:before{content: ""; display: table; height: 0; clear: both; visibility: hidden;}
.viewport{max-width: 750px; margin: 0 auto; position: relative; min-height:100%;}
.id_bj{
    
    background:#a21318 url('../images/bj.png') no-repeat;
    background-size:100%;
    padding:6.85rem 0 0;
}
.bodybox{
    padding:.2rem 0 .5rem;
}

.title_box img{
    display: block;
    width:100%;
}
.title_box{
    position:relative;
}
.blbtn{
    display: block;
    width:4.8rem;
    margin:.2rem auto 0;
    height:1rem;
    border-radius: .5rem;
    
    outline: none;
    border:0;
    background:#ffe376;
    background:linear-gradient(to top, #ffe376 ,#fffcf2 );
    font-size:.4rem;
    font-weight: 900;
    color:#d61313;
}
.rulebtn{
    display: flex;
    justify-content: center;
    align-items: center;
    padding:.2rem 0;
    font-size:.28rem;
    color:#fff;
}

.rulebtn i{
    display:inline-block;
    vertical-align: middle;
    width:.36rem;
    height:.36rem;
    border-radius: .1rem;
    border:1px solid #fff;
    margin-right: .1rem;
}
.rulebtn b{
    color:#ffe270;
}

.rulebtn.current i{
    background:url('../images/dui.png') no-repeat;
    background-size:100% 100%;
}
.rulebox{
    padding:.2rem .3rem .3rem;
    background:url('../images/rulebox.png') no-repeat;
    background-size:100% 100%;
    border-radius: .2rem;
    width:6.86rem ;
    height:6.44rem;
    margin:0 auto .3rem;
    color:#FFF;
}
.ruleboxcon{
    display: block;
    padding:.24rem;
    font-size:.26rem;
    color:#FFF;
    height:4.6rem;
    overflow: auto;

}
.ruleboxcon a{
    color:#01eaff;
    text-decoration: underline;
}
.ruleboxcon span{
    color:#fff570;
}

.modal_bg{
    position: fixed;
    left:0;
    top:0;
    width:100%;
    height:100%;
    z-index: 99;
    background-color:rgba(0, 0, 0, .7);
    display: none;
}
.modal_box{
    background:#fffef4;
    position: absolute;
    left:50%;
    top:50%;
    -webkit-transform: translate(-50% ,-50%);
            transform: translate(-50% ,-50%);
    width:5.8rem;
    min-height:2rem;
    max-height:96%;
    max-height:96vh;
    padding:.2rem 0 .2rem;
    border-radius: .2rem;
    
}

.close_btn{
    position: absolute;
    right:0;
    left:0;
    margin: 0 auto;
    bottom:-1rem;
    width:.6rem;
    height:.6rem;
    border-radius: 50%;
    background: url('../images/close_btn.png') no-repeat center center;
    background-size:100% 100%;
    border-radius: 50%;

}
.close_btn2{
    position: absolute;
    right:.3rem;
    top:0;
    width:.4rem;
    height:.4rem;
    border-radius: 50%;
    background: url('../images/close.png') no-repeat center center;
    background-size:100% 100%;
    border-radius: 50%;

}
.modal_box > h1{
    color:#e33636;
    font-size:.4rem;
    font-weight: 900;
    text-align: center;
    padding:0 .2rem ;
}
.modal_box > h2{
    font-size:.4rem;
    font-weight: 400;
    text-align: center;
    line-height:.5rem;
    margin-top:.2rem;
    color:#B5713A;
}


.modal_box > h3{
    font-size:.3rem;
    font-weight: 400;
    text-align: center;
    line-height:.5rem;
    color:#484848;
}
.modal_box > h3 b {
    color:#B5713A;
}
.modal_box_con{
    max-height:5rem;
    max-height:60vh;
    overflow: auto;
    padding:0 .3rem .2rem;
    font-size:.28rem;
    color:#2f2f2f;
    
}
.modal_box_con > p{
    text-align: center;
}
.modal_box_con > p span{
    display: inline-block;
    text-align: left; 
}

.modal_box_con > p span b{
    color:#1241a2;
    font-weight: 400;
}
.modal_box_con > p span strong{
    color:#1241a2;
    font-weight: 900;
}
.modal_box_con > h3{
    font-size:.36rem;
    font-weight: 400;
    text-align: center;
    padding:.3rem 0;
}

.md_code{
    display: block;
    width:1.98rem;
    height:1.98rem;
    margin: .2rem auto;
}
.share_img{
    display: block;
    width:100%;
}
.rule_box_con{
    font-size:.24rem;
    color:#222;
}
.rule_box_con img{
    display: block;
    width:100%;
}


.btn_box{
    text-align: center;
    font-size: 0;
    margin: .1rem 0 .2rem;
    padding:.1rem 0 0;
}
.btn_box button{
    outline: none;
    border:0;
    min-width:45%;
    margin: .1rem 1% 0;
    height:.75rem;
    padding: 0 .3rem;
    font-size:.3rem;
    border-radius:.37rem;
    color:#fff;
    background-color:#B5713A;
    box-shadow: 0 0 .1rem #FFF inset;
}
.btn_box u {
    display: block;
    text-align: center;
    font-size:.26rem;
    padding:.2rem;
    color:#FFF;
}


.login_box_md p , .login_box_md div{
    height:.8rem;
    border-radius: .14rem;
    border:1px solid #e5e5e5;
    background-color:#FFF;
    position: relative;
    margin-bottom:.2rem;
    padding:0 .3rem;
}
.login_box_md input{
    display: block;
    width:100%;
    height:100%;
    outline: none;
    border:0;
    background-color:transparent;
    font-size:.26rem;
}
.login_box_md div input{
    width:60%;
}
.login_box_md div button{
    position: absolute;
    right:0;
    top:0;
    width:40%;
    height:100%;
    outline: none;
    border:0;
    background-color:transparent;
    color:#e33636;
}
.login_box_md span{
    display: block;
    width:100%;
    text-align: center;
}




.loading_gif_bg{
    position: fixed;
    left:0;
    top:0;
    z-index:100;
    width:100%;
    height:100%;
    background-color:rgba(0,0,0,.5);
    display: none;
}
/* loading样式 */
.k-ring-2 {
    position: absolute;
    left:0;
    right:0;
    top:0;
    bottom:0;
    width:7.5rem;
    height:1rem;
    margin:auto ;
    
}
.loading_gif_bg p{
    margin-top:.2rem;
    text-align: center;
    font-size:.24rem;


}
.k-ball-holder2 {
    position: relative;;
    width:1rem;
    height:1rem;
    margin : 0 auto ;
}
.k-ball-holder2 {
    -webkit-animation:k-loadingE 2.3s linear infinite;
            animation:k-loadingE 2.3s linear infinite;
}
@-webkit-keyframes k-loadingE {
    0% {-webkit-transform:rotate(0deg);transform:rotate(0deg);}
    100% {-webkit-transform:rotate(360deg);transform:rotate(360deg);}
}
@keyframes k-loadingE {
    0% {-webkit-transform:rotate(0deg);transform:rotate(0deg);}
    100% {-webkit-transform:rotate(360deg);transform:rotate(360deg);}
}
.k-ball1e {
    position:absolute;
    top:0;
    left:0;
    width:.3rem;
    height:.3rem;
    border-radius:100%;
    background:#CDDC39
}
.k-ball2c {
    position:absolute;
    bottom:0;
    left:0;
    width:.3rem;
    height:.3rem;
    border-radius:100%;
    background:#4f4df9
}
.k-ball5b {
    position:absolute;
    top:0;
    right:0;
    width:.3rem;
    height:.3rem;
    border-radius:100%;
    background:#4CAF50
}
.k-ball6b {
    position:absolute;
    bottom:0;
    right:0;
    width:.3rem;
    height:.3rem;
    border-radius:100%;
    background:#3F51B5
}

.md_hint_box{
    position: fixed;
    left:50%;
    top:50%;
    transform: translate(-50% , -50%);
    min-width:70%;
    max-width: 90%;
    background-color:rgba(0,0,0,.8);
    border-radius: .1rem;
    padding:.2rem;
    z-index:99;
    text-align: center;
    display: none;
    
}
.md_hint_box_txt{
    font-size: .28rem;
    color: #FFFFFF;
}
.md_hint_box b{
    color:#ffff9b;
}

.show{
    display: block;
}

.mobile_box{
    position: fixed;
    right:.1rem;
    top:.1rem;
    background-color:transparent;
    height:.5rem;
    line-height:.5rem;
    border-radius: .25rem;
    z-index:5;
    font-size:0;
    border:1px solid #FFF;
    padding-right: 1rem;
    box-shadow: 0 0 .1rem #FFF inset;
}
.mobile_box span{
	vertical-align:middle;
    font-size:.26rem;
    color:#000;
    display: inline-block;
    height:.5rem;
    line-height:.5rem;
    padding:0 .2rem;
    
}
.mobile_box button{
    position: absolute;
    right:0;
    top:0;
    z-index:1;
    outline: none;
    height:.5rem;
    line-height:.5rem;
    border-radius: .25rem;
    border:0;
    padding:0 .3rem;
    color:#000;
    font-size:.26rem;
    background-color:#fff;
}

.blmdbox{
    width:6.1rem;
    padding:.3rem 0;
}
.blmdbox h3{
    font-size:.34rem;
    color:#343434;
    text-align: center;
    margin:0 auto;
    font-weight: 400;
}
.blmdboxcon{
    padding: .2rem .3rem;
    background-color:#f2f2f2;
    color:#898989;
    font-size:.22rem;
    margin:.2rem 0;
    max-height:5rem;
    height:2.5rem;
    border-radius: .3rem;
}
.blmdboxcon div{
    height:100%;
    overflow: auto;
}
.bljgbox{
    text-align: right;
    font-size:.24rem;
    color:#343434;
    padding:0 .5rem;
}
.bljgbox b{
    color:#ff495b;
    font-size:.34rem;
}
.bljgbox strong{
    font-size:.44rem;
}




button.gray_btn{
    background-image: none !important;
    background-color:#c4c4c4 !important;
    box-shadow: none !important;
}
button.gray_btn2{
    background-image: none !important;
    background-color:#a5a5a5 !important;
    box-shadow: none !important;
    color:#fff !important;
}
button.block_btn{
    display: block;
    min-width:80%;
    margin: 0 auto;
}
button.fff_btn{
    background-color:#fff;
    color:#fc4117;
}
button.blue_btn{
    background-image: none !important;
    background-color:#446fec;
}

.xyh4{
    font-size:.24rem;
    color:#484848;
    text-align: center;
    font-weight: 900;
}
.xyrulebtn{
    text-align: center;
}
.xyrulebtn i{
    display:inline-block;
    vertical-align: middle;
    width:.35rem;
    height:.35rem;
    border-radius: .05rem;
    border:1px solid #484848;
    margin-right: .1rem;
}
.xyrulebtn span{
    display: inline-block;
    vertical-align: middle;
    font-size:.24rem;
    color:#484848;
    width:80%;
    text-align: left;
}
.xyrulebtn.current i{
    background:url('../images/dui_b.png') no-repeat;
    background-size:100% 100%;
}
#xyrule_md .rule_box_con{
    color:#484848;
    background-color:#FFF;
}

.blyzmbox{
    margin:.2rem auto;
    width:80%;
    display: flex;
    background-color:#FFF;
    border-radius: .1rem;
    border:1px solid #000;
    overflow: hidden;
}
.blyzmbox input{
    display: block;
    width:50%;
    outline: none;
    border:0;
    height:.7rem;
    padding:0 .2rem;
    font-size:.24rem;

}
.blyzmbox button{
    display: block;
    width:50%;
    outline: none;
    border:0;
    height:.7rem;
    padding:0 .1rem;
    background-color:#FFF;
    color:#f62828;
    font-size:.24rem;
}