@charset "utf-8";
html,body,div,p,span,a,ul,li,ol,dl,dd,dt,p,h1,h2,h3,h4,h5,h6,form,fieldset,legend,img,input{padding:0;margin:0}
html, body {position: relative;}
body{font:14px 'Microsoft YaHei',Arial,Helvetica,sans-serif,'宋体';background:#fff;width:100%;height: 100vh;overflow: hidden;}
input{font-family:'Microsoft YaHei',Arial,Helvetica,sans-serif,'宋体'}
a{text-decoration:none;color:#333}
li{list-style:none}
i{font-style: normal;}
.fl{float:left}
.fr{float:right}
img{border:none;width: 100%;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.w100{width: 100%;}
.mgauto{margin: 0 auto;display: block;}
.center{text-align: center;}
.bgfff{background: #fff;}
.m15{margin: 15px;}
.ml15{margin-left: 15px;}
.mt25{margin-top: 25px;}
.mt20{margin-top: 20px;}
.mt15{margin-top: 15px;}
.mt10{margin-top: 10px;}
.mb10{margin-bottom: 10px;}
.mb20{margin-bottom: 20px;}
.hide{display: none;}
.show{display: block;}
.font12{font-size: 12px;}
.font14{font-size: 14px;}
.red{color:red;}
.gray{color: #afafaf;}
.border{border: 1px solid #ccc;padding: 2px 5px;border-radius: 7px;}
.layui-layer-close,.layui-layer-close1{display: none!important;}

header{height: 8vh;}
.header{height: 8vh;line-height: 8vh;background: #fff;}
.header .logo{width: auto;height: 100%;margin-left: 1rem;}
.header .logo img{max-height: 6vh;width: auto;}
.header #moreBtn{width: 2.5rem;margin-right: 1rem;position: relative;}
.header img{vertical-align: middle;}
.header .reddot{width: 10px;height: 10px;position: absolute;right: -5px;top: 7px;background: #ff0202;border-radius: 5px;}

.banner{position: relative;}
.banner img{height: 100%;}
.banner .pagination{text-align: center;position: absolute;width: 100%;bottom: 5%;z-index: 1;}
.banner .swiper-pagination-bullet{width: 12px;height: 12px;background: #848484;margin: 0 3px;opacity: unset;}
.banner .swiper-pagination-bullet-active{background: #fff;}


.aside{width: 40%;height: 100vh;background: rgba(199,199,199,0.9); position: absolute;top: 0;right: -40%;z-index: 5;
    text-align: center;border-radius: 10px 0 0 10px;}
.aside .avatar img{width: 3.5rem;margin: 30px 0 10px;}
.aside ul{}
.aside ul li{height: 4rem;line-height: 4rem;letter-spacing: 2px;padding-left: 10%;position: relative;}
.aside ul li.active{background: #e99a00;}
.aside ul li.active a{color: #fff;}
.aside ul li a{display: block;}
.aside ul li a i{width: 22px;height: 19px;display: inline-block;position: absolute;left: 8%;top: 35%;}
.aside ul li:first-of-type a i{background: url(../m_images/index/index_b.png);background-size: 100% 100%;}
.aside ul li:nth-of-type(2) a i{background: url(../m_images/index/gift_b.png);background-size: 100% 100%;}
.aside ul li:nth-of-type(3) a i{background: url(../m_images/index/game_b.png);background-size: 100% 100%;}
.aside ul li:nth-of-type(4) a i{background: url(../m_images/index/pay_b.png);background-size: 100% 100%;}
.aside ul li:nth-of-type(5) a i{background: url(../m_images/index/service_b.png);background-size: 100% 100%;}

.aside ul li:first-of-type.active a i{background: url(../m_images/index/index_w.png);background-size: 100% 100%;}
.aside ul li:nth-of-type(2).active a i{background: url(../m_images/index/gift_w.png);background-size: 100% 100%;}
.aside ul li:nth-of-type(3).active a i{background: url(../m_images/index/game_w.png);background-size: 100% 100%;}
.aside ul li:nth-of-type(4).active a i{background: url(../m_images/index/pay_w.png);background-size: 100% 100%;}
.aside ul li:nth-of-type(5).active a i{background: url(../m_images/index/service_w.png);background-size: 100% 100%;}

.aside_bottom{width: 100%;position: absolute;bottom: 8%;display: block;}
.aside_bottom span{width: 40%;display: inline-block; text-align: center;}

.aside .nav_border a{border-bottom: 1px solid #c33e3e;display: inline-block;width: 85px;height: 50px;}




#mask{width: 100%;height: 100%;position: fixed;top: 0;left: 0;background: #000;background: rgba(0,0,0,0.5);
    overflow: hidden;z-index: 4;display: none;}

#login_box,#register_box{width: 80%;position: absolute;left: 50%;top: 50%;transform:translateY(-50%) translateX(-50%);
    background: #fff;border-radius: 5px;z-index: 5;display: none;}
#login_box form,#register_box form{margin: 7%;}
#login_box form input,#register_box form input,#login_box form select{width: 100%;height: 35px;border-radius:7px;border:1px solid #e5e5e5;background: #e5e5e5;text-indent: 1em;}

#login_box form .loginUl li,#register_box form .regUl li{margin-bottom: 10px;}

#login_box form .loginBtnBox{border-bottom: 1px solid #ccc;padding-bottom: 20px;}
#login_box form .loginBtnBox a{width: 48%;height: 35px;line-height: 35px; margin-left: 4%;float: left;border-radius: 5px;
    background:#ffb932;border: 0;color: #fff;letter-spacing: 2px;text-align: center;}
#login_box form .loginBtnBox a:first-of-type{margin-left: 0;}
#login_box form #FBloginBtn{width: 40px;display: block;}

#register_box{left: 150%;}
#register_box{display: block;}
#register_box .reg_title{text-align: center;margin: 20px 0;}
#register_box .reg_title i{width: 30px;height: 20px;display: inline-block;background: url(../m_images/index/return.png);
background-size: 100% 100%;vertical-align: middle;position: absolute;left: 7%;top: 5.7%;}
#register_box .reg_title h3{display: inline-block;}
#regBtn{width: 50%;height: 35px;line-height: 35px;border-radius: 5px;background:#ffb932;border: 0;color: #fff;
    letter-spacing: 2px;text-align: center;display: block;margin: 25px auto;}


label.bui-radios-label input {position: absolute;opacity: 0;visibility: hidden;}
label.bui-radios-label .bui-radios {display: inline-block;position: relative;width: 13px;height: 13px;background: #FFFFFF;
border: 1px solid #979797;border-radius: 50%;vertical-align: -2px;margin-right: 3px;}
label.bui-radios-label input:checked + .bui-radios:after {position: absolute;content: "";width: 7px;height: 7px;
background-color: #fff;border-radius: 50%;top: 3px;left: 3px;}
label.bui-radios-label input:checked + .bui-radios {background: #ffd12d;border: 1px solid #ffd12d;}
label.bui-radios-label input:disabled + .bui-radios {background-color: #e8e8e8;border: solid 1px #979797;}
label.bui-radios-label input:disabled:checked + .bui-radios:after {background-color: #c1c1c1;}
label.bui-radios-label.bui-radios-anim .bui-radios {-webkit-transition: background-color ease-out .3s;
    transition: background-color ease-out .3s;}

@-webkit-keyframes loading-3{50%{transform:scale(.4);opacity:.4}
    100%{transform:scale(1);opacity:1}
}
.loading{position: fixed;left: 50%;top: 50%;margin-left: -10px;margin-top: -10px;z-index: 99999;}
.loading i{display:block;width:12px;height:12px;border-radius:50%;background-color:#01D8FF;position:absolute}
.loading i:nth-child(1){top:25px;left:0;-webkit-animation:loading-3 1s ease 0s infinite}
.loading i:nth-child(2){top:17px;left:17px;-webkit-animation:loading-3 1s ease -0.12s infinite}
.loading i:nth-child(3){top:0px;left:25px;-webkit-animation:loading-3 1s ease -0.24s infinite}
.loading i:nth-child(4){top:-17px;left:17px;-webkit-animation:loading-3 1s ease -0.36s infinite}
.loading i:nth-child(5){top:-25px;left:0;-webkit-animation:loading-3 1s ease -0.48s infinite}
.loading i:nth-child(6){top:-17px;left:-17px;-webkit-animation:loading-3 1s ease -0.6s infinite}
.loading i:nth-child(7){top:0px;left:-25px;-webkit-animation:loading-3 1s ease -0.72s infinite}
.loading i:nth-child(8){top:17px;left:-17px;-webkit-animation:loading-3 1s ease -0.84s infinite}

.footer{background: #333;height: 80px;line-height: 20px;color: #fff;text-align: center;position: absolute;
    bottom: 0;display: block;width: 100%;font-size: 12px;z-index: 4;}
.footer p{margin-top: 5px;}
.footer div a{color: #fff;margin-left: 5px;}
.footer div a:first-of-type{margin-right: 5px;}