@charset "utf-8";
/* CSS Document */
*{margin: 0;padding: 0;list-style: none;font-family: 'Arial';}
body{height: 100vh;overflow: hidden;font-size: .24rem;color: #797979;margin: 0 auto;background: #fff;font-family: "方正黑体_GBK","Arial","Microsoft YaHei","黑体","宋体",sans-serif;font-weight: normal;}
a{text-decoration: none;}
h1,h2,h3,h4,h5{font-weight: normal;font-size: .24rem;}
input{border: none;outline: none;}
.fl{float: left;}
.fr{float: right;}
.flex{display: -webkit-box;display: -ms-flexbox;display: flex;}
.clearfloat{zoom: 1;}
.clearfloat:after{display:block;clear:both;content:"";visibility:hidden;height:0}
.notClick {pointer-events: none;cursor: default;}
::-webkit-scrollbar {display:none}

/*公用*/
.float-error-img{width: .4rem;height: .4rem;display: block;float: left;background: url(../images/float/error_m.png);background-size: 100%;}
.float-error-msg{margin: .2rem 0 -0.1rem 0.5rem;height: .4rem;font-size: .3rem;line-height: .4rem;color: #ff4b59;text-align: left;}
.float-remind-img{background: url(../images/float/gantan.png);background-size: 100%;}
/*侧滑页面*/
.cehua_page{width:75%; margin-right:15%; position:fixed; top:0; bottom:0; left:-100%; background:#f5f5f5; z-index:99;height:100%;max-width: 406px;}
.cehua_close{left:100%; position:absolute; margin-top:180px; top:0; width:33px; height:100px; background:url(../images/sdk/new/close.png) no-repeat; cursor:pointer;background-size: 100% 100%;}
.cehua_reload{left:100%; position:absolute; margin-top:290px; top:0; width:33px; height:100px; background:url(../images/sdk/new/reload.png) no-repeat; cursor:pointer;background-size: 100% 100%;}
.cehua_home{left:100%; position:absolute; margin-top:400px; top:0; width:33px; height:100px; background:url(../images/sdk/new/home.png) no-repeat; cursor:pointer;background-size: 100% 100%;}
.cehua_con{height: 100vh;}

/*头部信息*/
.float-header{left: 0;top: 0;background-color: #fff;z-index: 2;position: relative;}
.float-user-header{border-bottom: 1px solid #e5e5e5;width: auto;font-size: .28rem;color: #333;line-height: .92rem;padding: .2rem 0 .2rem .2rem;position: relative;background: url(../images/sdk/new/header_background.jpg) no-repeat;background-size: 100% 100%;}
.float-user-header .float-user-name{text-indent: .38rem;}
.float-user-info{position: relative;padding-left: 2rem;font-size: .24rem;overflow: hidden;height: 1.9rem;}
.float-user-info .float-header-img{position: absolute;left: .3rem;top: .15rem;width: 1.5rem;height: 1.5rem;border-radius: 50%;}
.float-user-name{line-height: 2rem;width: 70%;overflow: hidden;display: block;white-space: nowrap;text-overflow: ellipsis;font-size: .55rem;overflow: hidden;position: absolute;color: #ffff;font-family: 方正黑体_GBK;font-weight: 100;}
.float-user-logout{float: right;right: 0;background-color: #e5e5e5;padding: 0.1em 0.8em;border-radius: 1.3rem;font-size: 0.24rem;color: #5d5c5c;border: 1px solid #d4d4d4;margin-top: .28rem;margin-left: 0.8em;}
.float-account-info a{display: inline-block;background: #fff;border-radius: .3rem;color: #ff4b5c;height: .62rem;width: 2rem;line-height: .62rem;margin-left: .3rem;font-family: 方正黑体_GBK;text-align: center;}
.float-now-play-game{width: 100%;height: 1.035rem;line-height: 1.035rem}
.float-now-play-game .float-game-icon{background:url(../images/float/game.png) no-repeat;background-size: 100%;width: 0.8rem;height: 0.6rem;float: left;margin: .2rem;}
.float-now-play-game .float-game-tip,.float-game-name{font-size: .4rem;font-family: 方正黑体_GBK;}
.float-now-play-game .float-game-name{color: #ff4b5c;}

/*导航*/
.float-navi table{width:100%;border-collapse: collapse;}
.float-navi td{text-align: center;font-size: .28rem;cursor: pointer;background-color: #f5f6f7;border-bottom: 1px solid #797979;color:#797979;}
.float-navi .focus{background-color: #ffffff;border-bottom: 1px solid #f1f1f1;color:#ff4b5c}
.float-navi a{display: block;position: relative;border-bottom: 1px solid transparent;padding: .8rem 0 .12rem 0;-webkit-tap-highlight-color: rgba(255, 255, 255, 0);-webkit-user-select: none;}
.float-navi a span{width: .6rem;height: .6rem;position: absolute;left: 50%;top: .15rem;margin-left: -0.3rem;}
.float-navi a .float-navi-gift{background:url(../images/float/gift_2.png) no-repeat;background-size: 100% 100%;}
.float-navi a .float-navi-news{background:url(../images/float/news_2.png) no-repeat;background-size: 100% 100%;}
.float-navi a .float-navi-kf{background:url(../images/float/talk_2.png) no-repeat;background-size: 100% 100%;}
.float-navi .focus .float-navi-gift{background:url(../images/float/gift.png) no-repeat;background-size: 100% 100%;}
.float-navi .focus .float-navi-news{background:url(../images/float/news.png) no-repeat;background-size: 100% 100%;}
.float-navi .focus .float-navi-kf{background:url(../images/float/talk.png) no-repeat;background-size: 100% 100%;}

/*导航内容*/
.float-contents{overflow: auto;width: 100%;}
.float-gift-list,.float-news-list,.float-kf-list{padding: 0 .2rem;width:auto;}
.float-gift-detail{padding: .3rem 0 .28rem 0;border-bottom: 1px solid #f4f4f4;position: relative;width: 100%;}
.float-gift-detail h3{font-size: 0.42rem;margin-bottom: .3rem;position: relative;padding-left: .7rem;width: 70%;font-weight: 500;color: #797979;font-family: 方正黑体_GBK;}
.float-gift-detail p{font-size: 0.32rem;}
.float-gift-detail h3 .float-gift-icon{background: url(../images/float/gift.png) no-repeat;width: .6rem;height: .6rem;position: absolute;left: 0;top: 50%;margin-top: -.3rem;background-size: 100% 100%;}
.float-get-gift-code{position: absolute;right: 0;top: .31rem;background-color: #ff4b59;text-align: center;border-radius: 4px;font-size: .24rem;color: #fff;height: .58rem;line-height: .58rem;width: 1.18rem;font-family: 方正黑体_GBK;}
/*.float-news-list{padding: 0 .2rem;}*/
.float-news-list a{line-height: .6rem;border-bottom: 1px solid #e5e5e5;padding: .26rem 0 .12rem 0;cursor: pointer;}
.float-news-type{border-style: solid;border-width: 1px;padding: .02rem .02rem 0 .02rem;font-size: .24rem;height: .3rem;display: inline-block;line-height: .3rem;border-radius: .06rem;margin-right: .05rem;border-color: #00b4ff;color: #00b4ff;margin-top: .08rem;}
.font-color-red{border-color: #ff2a2a;color: #ff2a2a;}
.font-color-yellow{border-color: #ffa800;color: #ffa800;}
.float-news-title{color: #797979;font-size: .32rem;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;/*-webkit-box-flex: 1;-ms-flex: 1;*/flex: 1;margin-right: .5rem;display: block;width:50%;}
.float-news-time{color: #ccc;font-size: .32rem;display: inline-block;}
.float-kf-info{overflow: hidden;}
.float-kf-info .float-kf-list{height: 1.5rem;/*margin: 0 .28rem 0 .28rem;*/line-height: 1.5rem;border-bottom: 1px solid #f4f4f4;padding-left: .6rem;}
.float-kf-info .float-kf-list p{float: left;font-size: .3rem;}
.float-kf-info .float-kf-list a{float: right;width: 1.48rem;height: .56rem;text-align: center;line-height: 0.6rem;background-color: #ff4b59;color: #fff;border-radius: 6px;margin-top: .42rem;cursor: pointer;}
.float-kf-info .float-kf-qrcode{text-align: center;margin: .82rem 0 .28rem;}
.float-kf-info .float-kf-qrcode img{width: 4.05rem;height: 4.18rem;display: inline-block;}
.float-kf-desc{text-align: center;color: #404040;width: 5.5rem;margin: 0 auto;}
.float-kf-desc h3{font-size: .45rem;margin: .2rem;}

/*遮罩层 公共*/
.float-shade{position: fixed;top: 0;right: 0;bottom: 0;left: 0;z-index: 199;background-color: rgba(0,0,0,1);}
.float-pop-up-body{overflow: hidden;z-index: 4;width: 6rem;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%);background: #fff;border-radius: 8px;}
.float-pop-up-body-content{padding: .34rem .24rem;text-align:center;}
.float-pop-up-header{background-color: #ECECEC;}
.float-pop-up-header p{float: left;width: 100%;height: .7rem;line-height: .7rem;font-size: .3rem;color: #FB3838;margin-right: -0.7rem;text-align: center;}
.float-pop-up-header i{background: url(../images/float/game_cancer.png) no-repeat;width: 0.6rem;height: .6rem;background-size: 100%;float: right;margin-top: .05rem;}
.float-pop-up-input-box li{height: .84rem;line-height: .84rem;border: 1px solid #BEBEBE;background-size: .18rem .34rem;font-size: .28rem;cursor: pointer;display: flex;margin-top: .3rem;border-radius: 3px;}
.float-pop-up-input-box li i{background-size: 100%;display: inline-block;width: .6rem;height: .6rem;margin: auto .15rem auto .15rem;}
.float-pop-up-input-box .account-icon i{background: url(../images/float/acc_header.png) no-repeat;}
.float-pop-up-input-box .pass-icon i{background: url(../images/float/acc_pass.png) no-repeat;}
.float-pop-up-input-box .idcard-icon i{background: url(../images/float/idcard.png) no-repeat;}
.float-pop-up-input-box li input{border: none;display: block;width: 4.37rem;height: .3rem;margin: auto;border-left: 1px solid #BEBEBE;font-size: .28rem;line-height: .3rem;padding-left: .15rem;}
.float-pop-up-input-box .submit-button{border: none;}
.float-pop-up-input-box .submit-button{background: #ff4b59;color: #fff;border-radius: 5px;}
.btu-font{width: 100%;text-align: center;}

/*咨询内容*/
.float-shade-body{position: fixed;top: 50%;left: 50%;width: 80%;max-width: 406px;height: 85vh;background-color: #fff;border: 1px solid #999;border-radius: 0.1rem;outline: 0;box-shadow: 0 3px 7px rgba(0,0,0,0.3);background-clip: padding-box;transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%);border-bottom: 1px solid #fff;}
.float-shade-close{float: right;font-size: 0.6rem;line-height: 1.4em;color: #000;text-shadow: 0 1px 0 #fff;opacity: .4;filter: alpha(opacity=20);padding: 0;cursor: pointer;background: transparent;border: 0;-webkit-appearance: none;margin: 0 .2rem -.3rem;outline: none;}
.float-shade-contents{position: relative;padding: 0.2rem 0.4rem 0;line-height: 1.8em;}
.float-art-tit{text-align: center;}
.float-art-tit h2{font-size: .34rem;margin-bottom: .2rem;}
.float-art-tit span{font-size: .24rem;font-style: normal;display: block;text-align: center;}
.float-art-box{width: 100%;width: 100%;max-height: 78vh;overflow-y: auto;overflow-x: hidden;}
.float-art-con p{letter-spacing: .5px;line-height: 20px;}
.float-art-con img{display: block;margin: auto;max-width: 100%;}

/*礼包码*/
.flaot-gift-pop-up-body{width: 4.92rem}
.gift-code-title{font-size: .3rem;color: #000000;}
.gift-code-msg{margin: .35rem 0 .15rem 0;font-size: .29rem;}
.gift-code-content{font-size: .2rem;text-align: center;background: #e9e9e9;border: none;outline: 0;color: #898989;height: .46rem;line-height: .46rem;overflow: auto;padding: 0 5px;-webkit-box-flex: 1;-ms-flex: 1;box-flex: 1;flex: 1;}
.float-pop-up-body .color-font{color: #47A5FB;}
.float-pop-up-body .btn-border{border-right: .5px solid #ECECEE;}
.float-pop-up-body .btn{width: 49.8%;float: left;height: .8rem;line-height: .8rem;text-align: center;font-size: .3rem;border-top: .5px solid #ECECEE;}

/*绑定手机账号*/
.float-pop-up-input-box .verify-code{width: 2.8rem;float: left;}
.float-pop-up-input-box .verify-code input{border: none;display: block;width: 2.5rem;height: .3rem;margin: auto;font-size: .28rem;line-height: .3rem;text-align: center;}
.float-pop-up-input-box .verify-code-but{width: 2.1rem;float: right;background: #ff4b59;color: #fff;border-radius: 5px;}

/*绑定身份信息*/
.bind-card-tip{font-size: 1em;width: 88%;height: 2em;text-align: center;margin: .2rem auto;color: red;margin-bottom: -1em;}

/*横屏用户中心样式 display: none;*/
.user-win{position: fixed;top: 50%;left: 50%;margin-left: -3rem;margin-top: -2.5rem;width: 6rem;height: 5rem;background-color: #FFFFFF;z-index: 99;border-radius:8px; display: none;}
/*.user-win .user-close{position: absolute;top: .1rem;right: .1rem;width: .3rem;height: .3rem;font-size: 0.25rem;text-align: center;line-height: 20px;}*/
.user-win .user-img-account-box{position: relative;width: 100%;height: 1.8rem;text-align: center;font-size: .3rem;color: #838383;top: .2rem;}
.user-win .user-img-account-box .user-header-img{display: flex;width: 1.2rem;height: 1.2rem;margin: 0 auto .25rem auto;}
.user-win .user-caozuo-box{position: relative;width: 100%;height: 1.8rem;text-align: center;top: .1rem;}
.user-win .user-caozuo-box .user-common{width: 1.7rem;height: 1.7rem;display: inline-flex;justify-content: center;flex-wrap: wrap;align-items: flex-end;margin: .2rem .35rem 0 .35rem;font-size: .25rem}
.user-win .user-caozuo-box .user-common .user-bind-mobile-icon{height: .8rem;  width: .8rem; background:url(../images/float/bind-mobile.png) no-repeat;background-size: 100% 100%;}
.user-win .user-caozuo-box .user-common .user-logout-icon{height: .8rem;  width: .8rem;  background:url(../images/float/logout.png) no-repeat;background-size: 100% 100%;}
.user-win .user-back-game-btn{position: relative;top: .4rem;width: 50%;height: .7rem;margin: 0 auto;text-align: center;font-size: .35rem;line-height: .7rem;color: #ffffff;background: #ff4b59;border-radius: 8px;}