*{
    box-sizing: border-box;
	touch-action: pan-y;
}
a{
    text-decoration: none;
}
p{
    margin: 0;
}
html {
    font-size: 125%;
    width:100%;
    height: 100%;
    position: relative;
	user-select: none;
	-webkit-user-select: none;
	touch-callout: none;
	-webkit-touch-callout: none;
	-webkit-text-size-adjust: none;
	overscroll-behavior: none;
	-webkit-tap-highlight-color: transparent;
}
.hide{
    display: none;
}
.clearfix {
    *zoom:1;
    *clear:both;
}
.clearfix:after {
    display:block;
    clear:both;
    content:".";
    visibility:hidden;
    overflow: hidden;
    height:0;
}
.fl {
    float:left;
    display:inline;
}
.fr {
    float:right;
    display:inline;
}
input{
    outline: 0;
}
/* 输入框文字以点显示 */
input.passwordIpt{
	-webkit-text-security:disc;text-security:disc;
}
ul{
    padding: 0;
    margin: 0;
    list-style: none;
}
.ptb_ico{
    display: inline-block;
    width: 14px;
    height: 14px;
    background: url(../img/ptb_ico.png) center center no-repeat;
    margin: 0 .1rem;
}
body{
    width: 100%;
    height: 100%;
    margin: 0;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}
.gameLayer {
    width: 100%;
    height: 100%;
    position: absolute;
    background: #000;
    top: 0;
    left: 0;
    overflow: hidden;
    z-index: 999;
}
body.xid_1.sdkstyle_1 .gameLayer.xid{
    padding-left:20px;
}
body.xid_1.sdkstyle_2 .gameLayer.xid{
    padding-top:20px;
}
.ajax-loading{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 9999;
    display: flex;
    align-items: center;
    justify-content: center;
}

/*悬浮框*/
.sdkcoinMin{
    position: absolute;
	width: 35px;
	height: 50px;
    cursor: pointer;
    bottom: 18%;
    left: 0px;
    z-index: 999;
    display: flex;
    align-items: center;
    justify-content: space-between;
	-webkit-tap-highlight-color: transparent;
}
body.xid_1.sdkstyle_1 .sdkcoinMin.xid{
    left: 20px;
}
.sdkcoinMin img.sdkcoin{
    width: 30px;
    height: 30px;
    z-index: 1001;
    position: absolute;
    left: 0;
}
.sdkcoinMin .ball{
	position: absolute;
	top: 8px;
	left: 23px;
	width: 0.5rem;
	height: 0.5rem;
	border: 1px solid #BA2802;
	background: #F11F1F;
	border-radius: 50%;
	z-index: 1001;
}
.global-bg{
    width: 100%;
    height: 100%;
    z-index: 1;
    position: absolute;
    top: 0;
    left: 0;    
    background-color: #000;
    background-position: center center;
	background-size: cover;
}
.mask {
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.5);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 99;
}

/* 加载loding */
.loading-fixed{text-align: center;height:3rem;position: absolute;top:50%;margin-top:-1.5rem;width:100%}
.loading-fixed .txt{font-size:.7rem;}

/* 登录&注册&找回密码 */
.login-box{
    position: absolute;
    width: 84%;
    max-width: 320px;
    height: auto;
    background-color: #f7f7f7;
    z-index: 999;
    margin-top: -1.5rem;
}
.agreementDom{
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 999;
    background: rgba(0,0,0,.5);
    display: flex;
    align-items: center;
    justify-content: center;
}
.login-box .nav-tabs , .login-box .nav-bar{
    height: 2.4rem;
    line-height: 2.4rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    font-size: .9rem;
}
.login-box .nav-tabs .tab{
    width: 100%;
    text-align: center;
    color: #666666;
    border-bottom: 1px solid #e8e8e8;
    position: relative;
}
.login-box .nav-tabs .tab.mobile::before{
    content: '';
    position: absolute;
    left: 0;
    top: 26%;
    width: 1px;
    height: 50%;
    background: #dfdfdf;
}
.login-box .nav-tabs .tab.active{
    color: #ff712b;
    border-color: #fdb693;
}
.login-box .nav-bar .back{
    cursor: pointer;
    background: url(../img/arrow_fl1.png) no-repeat 0 center;
    background-size: .45rem;
    padding-left: .7rem;
    color: #999;
    font-size: .65rem;
    display: inline-block;
    width: 1rem;
    height: 1rem;
    position: absolute;
    left: .75rem;
}
.login-box .nav-bar .tab{
    color: #333;
}
.login-box .login-ctn{
    width: 88%;
    margin: 6% 6% 0 6%;
}
.login-box .findpwd-ctn{
    width: 88%;
    margin: 5% 6% 0 6%;
}

.login-box .login-ctn .input-wrap-box{    
    border-radius: .3rem;
}
.login-box .login-ctn .input-wrap{
    border: 1px solid #d9d9d9;
    height: 2rem;
    line-height: 2rem;
    background: #fff;
    font-size: .7rem;
    padding: 0 .7rem 0 .5rem;
    display: flex;
    align-items: center;
    border-radius: .25rem;
    color: #666;
}
.login-box .login-ctn .input-wrap.first{
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}
.login-box .login-ctn .input-wrap.mid{
    border-bottom: none;
    border-radius: 0;
}
.login-box .login-ctn .input-wrap.last{
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}
.login-box .login-ctn .input-wrap input{
    height: 100%;
    width: 100%;
    border: 0;
    outline: 0;
    font-size:.7rem;
}
.login-box .findpwd-ctn .input-wrap{
    margin-bottom: .5rem;
    height: 1.8rem;
    line-height: 1.8rem;
}
.login-box .input-wrap{
    position: relative;
}
.login-box .input-wrap .icon{
    width: 1.2rem;
    height: 1.2rem;
    margin-right: .4rem;
}
.login-box .input-wrap .icon.username{
    background: url(../img/user_icon.png) center center no-repeat;
    background-size: 1rem;
}
.login-box .input-wrap .icon.password{
    background: url(../img/psw_icon.png) center center no-repeat;
    background-size: .9rem;
}
.login-box .input-wrap .icon.password2{
    background: url(../img/psw_icon2.png) center center no-repeat;
    background-size: .9rem;
}
.login-box .input-wrap .icon.mobile{
    background: url(../img/mobile_ico.png?v=1) center center no-repeat;
    background-size: .85rem;
}
.login-box .input-wrap .icon.code{
    background: url(../img/safe_icon.png?v=1) center center no-repeat;
    background-size: .9rem;
}
.login-box .login-ctn .input-wrap .mobilecode{
    width: calc(100% - 5.7rem);
}
span.getmobilecode{
    display: inline-block;
    width: 4.3rem;
    position: absolute;
    right:.25rem;
    top:.35rem;
    text-align: center;
    height: 1.2rem;
    line-height: 1.15rem;
    border: 1px solid #f8eac3;
    color: #ff712b;
    border-radius: .25rem;
    font-size: .65rem;
    cursor: pointer;
}
span.getmobilecode.disabled{
    border-color: #ececec;
    color: #b2b2b2;
    cursor: no-drop;
}

.login-box .login-ctn .other-item{
    height: 2.2rem;
    padding: .7rem 0 .9rem 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: .6rem;
    color: #999999;
}
.login-box .login-ctn .other-item .forget-link{
    color: #666;
}
.login-box .login-ctn .other-item input[type="checkbox"]{
    display: none;
}
.login-box .login-ctn .other-item label{
    position: relative;
    padding-left: 1rem;
}
.login-box .login-ctn .other-item label::before{
    content: '';
    width: .7rem;
    height: .7rem;
    position: absolute;
    left: 0;
    top: .02rem;
    background: #fafafa;
    border: 1px solid #d9d9d9;
    border-radius: 50%;
}
.login-box .login-ctn .other-item input[type="checkbox"]:checked+label::after {
    content: '';
    width: .7rem;
    height: .7rem;
    line-height: .7rem;
    position: absolute;
    left: 0;
    top: .02rem;
    border: 1px solid #5897ec;
    border-radius: 50%;
    color: #fff;
    background: #5897ec url(../img/check_ico.png) center center no-repeat;
    background-size: .45rem;
}
.login-box .login-ctn .other-item .agreementlink{
    color:#0099ff;
    cursor: pointer;
}
.login-box .login-ctn .login-submit{
    width: 100%;
    height: 2rem;
    line-height: 2rem;
    background: #ff712b;
    color: #f7f7f7;
    text-align: center;
    font-size: .85rem;
    border-radius: .28rem;
    cursor: pointer;
    margin-bottom: 1rem;
}
.login-box .login-ctn .login-submit.reg-submit{
    margin: .4rem 0 1.6rem 0;
}
.login-box .findpwd-ctn .login-submit.findpwd{
    margin: .9rem 0 1.15rem 0;
}
.login-box .login-ctn .box-after{
    height: 3rem;
    line-height: 3rem;
    background: #fff;
    width: calc(100% + 12%);
    position: relative;
    left: -6%;
    border-top: 1px solid #e6e6e6;
    padding: 0 .65rem;
}
.login-box .login-ctn .box-after.none{
    height: 1rem;
    border: 0 none;
    background: #F7F7F7;
}
.login-box .login-ctn .box-after .other-links{
    color: #444444;
    font-size: .65rem;
    line-height: 2rem;
    cursor: pointer;
    float: right;
    margin-top: .5rem;
}
.login-box .login-ctn .box-after .other-links em{
    display: inline-block;
    width: .52rem;
    height: .7rem;
    background: url(../img/regist_icon.png) no-repeat;
    background-size: contain;
    margin-right: .25rem;
    vertical-align: middle;
}
.login-box .login-ctn .box-after .loginlink{
    color:#999;
}
.login-box .login-ctn .box-after .loginlink em{
    width:.6rem;
    background:url(../img/login_icon.png) no-repeat;
    background-size: 100%;
}
.login-box .login-ctn .box-after .login-way{
    font-size: .6rem;
    color: #888888;
    float: left;
    display: flex;
    align-items: center;
}
.login-box .login-ctn .box-after .login-way a{
    color:#666666;
    font-size:.6rem;
    margin-left:.3rem;
}
.login-box .login-ctn .box-after .login-way img{
    width:.75rem;
    height:.75rem;
    vertical-align: middle;
    margin-right: .2rem;
}





/* 注册协议 */
.agreement-content{width: 90%;height: 83%;background: #fff;position: relative;max-width: 320px;max-height: 470px;padding-bottom: 2.2rem;}
.agreement-content .container{padding: .75rem .85rem 0 .85rem;height: 100%;position: relative;overflow-y: auto;}
.agreement-content .container .nav{text-align: center;color: #303030;font-size: .8rem;margin:0;padding-bottom: .5rem;font-weight: 500;display: flex;justify-content: center;border-bottom: 1px solid #e8e8e8;}
.agreement-content .container .nav span{width: 50%;height: 1.2rem;line-height: 1.2rem;cursor: pointer;}
.agreement-content .container .nav span.register{border-right:1px solid #e8e8e8;}
.agreement-content .container .nav span.on{color:#F77400;}
.agreement-content .container .txt1{font-weight: bold;color: #333333;font-size: .75rem;line-height: 1.5rem;margin:0}
.agreement-content .container .txt2 {font-size: .6rem;color: #333;line-height: 1rem;text-indent:.75rem;}
.agreement-content .container .txt2 p{text-indent:.75rem;font-size: .6rem;}
.agreement-content .text-level1 {padding-bottom: .5rem;}
.agreement-content .time {font-size: .6rem;color:#494949;margin-top: .3rem;margin-bottom: .25rem;}
.agreement-content .bold {font-weight: bold;}
.agreement-content .agree-btn{font-size: .6rem;width: 5.7rem;text-align: center;margin: .4rem auto 0 auto;border: 1px solid #d9d9d9;height: 1.3rem;line-height: 1.2rem;border-radius: .2rem;color: #666;cursor: pointer;}
.agreementDom .close{font-style: normal;position: absolute;right: .25rem;top: .5rem;line-height: .6rem;font-size: 1rem;color: #b7b7b7;font-family: 宋体;z-index: 2;cursor: pointer;}


/* 用户中心 */
.usercenter-fix{position: absolute;left:0;top:0;width: 100%;height:100%;z-index: 1000;background:#EEEEEE;}
.usercenter-fix .closebtn-top{position: absolute;right: 0;top:0;width: 1.7rem;height: 1.7rem;line-height: 1.7rem;color: #BDBBBB;text-align: center;cursor: pointer;font-family: 宋体;z-index: 9999;}
.usercenter-fix input::placeholder{color:#999999}

/* 布局 */
.usercenter-fix .nav_tab{position:absolute;top: 5.7rem;left:0;bottom:0;width: 100%;overflow: hidden;}
.usercenter-fix .nav_ctn{background: #fff;position: absolute;top: 0;left: 6.8rem;right:0;bottom:0;overflow: auto;}

/* 返回栏 */
.backtitle{height: 34px;line-height: 34px;background:#eeeeee;padding:0 .7rem;}
.backtitle .back{cursor: pointer;background:url(../img/arrow_fl2.png) no-repeat 0 center;background-size: .35rem;padding-left: .7rem;color: #333;font-size: .65rem;position: absolute;top: 0;left: .7rem;}
.backtitle .title{color:#333;font-size: .72rem;vertical-align: super;display: inline-block;width: 100%;text-align: center;}
.backtitle .title.title-left{text-align: left;}
.back_subtitle{font-size: .6rem;color:#505050;line-height: 1rem;padding: .85rem 0 0 0;margin: 0 .7rem;}
.hasback-ctn{height:calc(100% - 1.7rem);overflow-y: auto;}

/* 左侧 */
.user-left-ctn {width: 6.8rem;height: 100%;position: relative;background: #301a14;}
.user-info-area {height: 5.7rem;width: 100%;padding: .35rem .35rem 0 .35rem;}
.user-info-box {height: 2.9rem;display: flex;align-items: center;justify-content: space-between;border-bottom: 1px dashed #6c382a;padding-bottom: .5rem;}
.user-info-box .headPortrait {width: 1.8rem;height: 100%;display: flex;flex-wrap: wrap;justify-content: center;position: relative;}
.user-info-box .headPortrait .portrait {width: 1.8rem;height: 1.8rem;}
.user-info-box .headPortrait .vip_icon {height: .65rem;position: absolute;bottom: 0;}
.user-info-box .user-info {width: calc(100% - 2.1rem);height: 100%;color: #eeeeee;display: flex;flex-wrap: wrap;align-items: center;padding: .2rem 0;}
.user-info-box .user-info .nicheng {width: 100%;font-size: .6rem;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;color: #fff;}
.user-info-box .user-info .username-box{width: 100%;}
.user-info-box .user-info .username {width: 100%;font-size: .6rem;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.user-balance-box {width: 100%;height: 2.5rem;padding: .4rem 0 .5rem 0;display: flex;align-items: center;justify-content: center;}
.user-balance-box .balance-item {width: 50%;text-align: center;height: 100%;display: flex;align-items: center;flex-wrap: wrap;justify-content: center;}
.user-balance-box .balance-item .num {font-size: .6rem;color: #ffc600;line-height: .6rem;width: 100%;}
.user-balance-box .balance-item .num.getMyJifen {color: #ff66ff;}
.user-balance-box .balance-item .text {width: auto;font-size: .55rem;color: #c6c6c6;text-decoration: underline;display: inline-block;/* margin-top: .1rem; */}
.nav_tab .nav_menu{height:calc(100% - 1.5rem);overflow-y: auto;overflow-x: hidden;padding-bottom:.25rem;}
.nav_tab .nav_menu .item{height: 1.9rem;line-height: 1.9rem;font-size: .68rem;color: #ffcda9;white-space: nowrap;position:relative;padding-left: .7rem;}
.nav_tab .nav_menu .item::after{content: '';width: calc(100% - .5rem);height: 0px;position: absolute;bottom: -1px;left: 0.2rem;border-bottom: 1px dashed #6c382a;}
.nav_tab .nav_menu .item.active{color:#fff;background: url(../img/user/menu_active.jpg) no-repeat center;background-size: contain;}
.nav_tab .nav_menu .item.active::after{border-bottom: 0 none;}
.nav_tab .nav_menu .item .ico{width: .9rem;height: .9rem;float: left;background-size: contain;margin-top: .5rem;margin-right: .6rem;}
.nav_tab .nav_menu .item .ico_news{background-image: url(../img/user/menu_news1.png);}
.nav_tab .nav_menu .item.active .ico_news{background-image: url(../img/user/menu_news_h1.png);}
.nav_tab .nav_menu .item .ico_gift{background-image: url(../img/user/menu_gift1.png);}
.nav_tab .nav_menu .item.active .ico_gift{background-image: url(../img/user/menu_gift_h1.png);}
.nav_tab .nav_menu .item .ico_welfare{background-image: url(../img/user/menu_welfare1.png);}
.nav_tab .nav_menu .item.active .ico_welfare{background-image: url(../img/user/menu_welfare_h1.png);}
.nav_tab .nav_menu .item .ico_shiwan{background-image: url(../img/user/menu_shiwan1.png);}
.nav_tab .nav_menu .item.active .ico_shiwan{background-image: url(../img/user/menu_shiwan_h1.png);}
.nav_tab .nav_menu .item .ico_ticket{background-image: url(../img/user/menu_ticket.png);}
.nav_tab .nav_menu .item .ico_fanli{background-image: url(../img/user/menu_fanli1.png);}
.nav_tab .nav_menu .item.active .ico_fanli{background-image: url(../img/user/menu_fanli_h1.png);}
.nav_tab .nav_menu .item .ico_face_auth{background-image: url(../img/user/menu_face_auth1.png);}
.nav_tab .nav_menu .item .ico_service{background-image: url(../img/user/menu_service1.png);}
.nav_tab .nav_menu .item.active .ico_service{background-image: url(../img/user/menu_service_h1.png);}
.nav_tab .nav_menu .item .ico_recycle{background-image: url(../img/user/menu_recycle.png);}
.nav_tab .nav_menu .item.active .ico_recycle{background-image: url(../img/user/menu_recycle_h.png);}
.nav_tab .nav_menu .item .faceAuthTips{padding:0 .18rem;height: .78rem;line-height:.8rem;position: absolute;right: 0;top: -.24rem;font-size:.48rem;color:#fff;background:#E80000;font-style: normal;border-radius: 3px;}
.nav_tab .nav_menu .item .faceAuthTips:after{content:'';width:0;height:0;border-top:.28rem solid #E80000;border-right:.48rem solid transparent;position:absolute;bottom:-.18rem;left:50%;}
.nav_tab .nav_menu .item em.hasnum{position:absolute;top: 0.13rem;right: 0.13rem;width: 0.6rem;height: 0.6rem;background: #F11F1F;border-radius: 50%;font-size:.5rem;color:#fff;display:flex;justify-content: center;align-items: center;font-style:normal;}
.nav_tab .nav_menu .item em.hasnum1{position:absolute;top: 0.4rem;right: 0.4rem;width: 0.5rem;height: 0.5rem;background: #F11F1F;border: 1px solid #BA2802;border-radius: 50%;}
.nav_tab .nav_menu .item.active em.hasnum1{right:0.65rem;}

.nav_tab .operate-bar {width: calc(100% - 1.1rem);height: 1rem;position: absolute;bottom: 0.38rem;left: 0.5rem;display: flex;align-items: center;justify-content: space-between;}
.nav_tab .setup_menu{font-size:.6rem;color: #dcdcdc;background:url(../img/user/menu_setup1.png) no-repeat 0 center;padding-left: .9rem;background-size: .65rem;height:1rem;line-height:1rem;}
.nav_tab .message-btn, .user-info-area .user-info .message-btn{background-image:url(../img/user/message_ico.png);background-size: contain;width: .8rem;height: .8rem;position: relative;}
.nav_tab .message-btn .dot, .user-info-area .user-info .message-btn .dot{width: .3rem;height: .3rem;background: #FD0000;border-radius: 50%;position: absolute;top: -0.08rem;right: -0.08rem;}
.nav_tab .message-btn.hasnum, .user-info-area .user-info .message-btn.hasnum{background-image:url(../img/user/new_message_ico.png);}
.nav_tab .voucher-btn, .user-info-area .user-info .voucher-btn{background-image:url(../img/user/voucher_ico.png);background-size: contain;width: .8rem;height: .8rem;position: relative;}
.nav_tab .voucher-btn .dot, .user-info-area .user-info .voucher-btn .dot{width: .3rem;height: .3rem;background: #FD0000;border-radius: 50%;position: absolute;top: -0.08rem;right: -0.08rem;}

/* 首页 */
.userlist-ctn{height: calc(100% - 1.7rem);}
.userlist-ctn .activitylink{display: block;padding:.25rem;}
.userlist-ctn .activitylink.hide{display:none;}
.userlist-ctn .activitylink img{width: 100%;vertical-align: middle;}

.userlist-ctn .user_tab{height: 1.7rem;line-height:1.7rem;display: flex;justify-content: space-around;align-items: center;background:#F7F7F7;border-bottom:1px solid #EDEDED;font-size:.7rem;color:#222;}
.userlist-ctn .user_tab .tab{position:relative;}
.userlist-ctn .user_tab .tab.on{color:#ea5e00;}
.userlist-ctn .user_tab .tab.on:after{content:'';width:50%;height:2px;background:#FF6600;position:absolute;left:25%;bottom:0;}

.userlist-ctn .usertab_cn{height:100%;background: #fafafa;}

/* 用户设置 */
.setup-ctn{height: calc(100% - 1.7rem);padding: .35rem .7rem 0 .7rem;}
.setup-ctn .setuptab_cn{overflow-y: auto;}
.setup-ctn .setuptab_cn li{height: 1.9rem;line-height: 1.9rem;border-bottom: 1px solid #ECECEC;overflow: hidden;}
.setup-ctn .setuptab_cn li.listlink{cursor: pointer;}
.setup-ctn .setuptab_cn li.listlink .textlink{float:left;color:#333;font-size: .62rem;}
.setup-ctn .setuptab_cn li.listlink .golink{float:right;color:#7a7a7a;font-size: .55rem;}
.setup-ctn .setuptab_cn li.listlink .golink em.arrow{display: inline-block;width: .4rem;margin-left: .6rem;height: .7rem;background:url(../img/arrow_fr1.png) no-repeat;background-size: contain;vertical-align: middle;}
.setup-ctn .setuptab_cn li.listlink .golink em.switch-btn, .setup-ctn .setuptab_cn li.listlink .golink em.danmu-switch-btn{display: inline-block;width: 2rem;margin-left: .5rem;height: 1.9rem;background: url(../img/user/switch_gray.png) no-repeat;background-size: contain;vertical-align:top;}
.setup-ctn .setuptab_cn li.listlink .golink em.switch-btn.active, .setup-ctn .setuptab_cn li.listlink .golink em.danmu-switch-btn.active{background:url(../img/user/switch_green.png) no-repeat;background-size: contain;}
.setup-ctn .setuptab_cn li.changeaccount{border-bottom: 0;padding:1rem 0;height: auto;}
.setup-ctn .setuptab_cn li.changeaccount span{display: block;width:90%;margin: 0 5%;color:#ffffff;font-size: .75rem;cursor: pointer;background-color: #F15858;text-align: center;height: 1.9rem;line-height: 1.9rem;}
.setup-ctn .logout-btn{width: 100%;height: 1.5rem;line-height: 1.5rem;background: #f5f5f5;border: 1px solid #ebebeb;text-align: center;margin-top: .95rem;border-radius: 5px;font-size: .65rem;}

/* 新闻公告 */
.noticetab_cn .notice-box{height:calc(100% - 2.5rem);overflow-y: auto;background: #fff;}
.noticetab_cn .notice-box ul{padding: 0 .7rem;}
.noticetab_cn .notice-box ul li{display: flex;align-items: center;justify-content: space-between;height: 1.9rem;font-size: .6rem;color:#222;border-bottom:1px solid #F0F0F0;}
.noticetab_cn .notice-box ul li .title{max-width: calc(100% - 2.5rem);overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.noticetab_cn .notice-box ul li .date{width: 2.5rem;text-align: right;color: #666;}
.noticetab_cn .notice-box ul li.nodata{text-align: center;font-size: .6rem;color: #999;border:0;justify-content:center;padding:1rem 0;height:auto;}
.noticetab_cn .notice-box .moreNoticeBtn{display: none;width:4rem;height:1.2rem;text-align:center;line-height:1.2rem;font-size:.6rem;color:#4a4a4a;border:1px solid #F0F0F0;border-top:0;margin:0 auto;}
.noticetab_cn .notice-box .moreNoticeBtn em{display: inline-block;width:.4rem;max-width:12px;height:100%;vertical-align: top;background:url(../img/array_down1.png) no-repeat center center;background-size:100%;margin-left:.25rem;}

.notice-detail-ctn .notice_detail_box{padding-top: .6rem;height:100%;}
.notice-detail-ctn .detail-title{text-align: center;font-size: .8rem;line-height: 1rem;}
.notice-detail-ctn .detail-date{text-align: center;font-size: .55rem;color: #666;line-height:1.3rem;}
.notice-detail-ctn .detail-ctn{padding: .5rem;font-size: .6rem;line-height: 1rem;min-height:calc(100% - 2.3rem - 4.5rem)}
.notice-detail-ctn .detail-ctn img{max-width:100%}

.notice-detail-ctn table{border-collapse:collapse;border-spacing:0}
.notice-detail-ctn table.table30{margin:.5rem 0;}
.notice-detail-ctn table.table50{margin:.5rem 0;}
.notice-detail-ctn table.table70{margin:.5rem 0;}
.notice-detail-ctn table.table100{margin:.5rem 0;}
.notice-detail-ctn table.tables th,table.tables td{border: 1px solid #31849b;line-height: .8rem;font-size: .6rem;padding:.25rem;}
.notice-detail-ctn table.tables th{background: #31849b;color: #fff;}
.notice-detail-ctn table.tables.tables_b tr{background: #dbeff3;}
.notice-detail-ctn table.tables.tables_b tr:nth-child(2n){background: #fde9d9;}
.notice-detail-ctn table.tables td.f13, .notice-detail-ctn table.tables td.\31 3{font-size: .65rem;}
.notice-detail-ctn table.tables td.f14, .notice-detail-ctn table.tables td.\31 4{font-size: .7rem;}
.notice-detail-ctn table.tables td.f15, .notice-detail-ctn table.tables td.\31 5{font-size: .75rem;}
.notice-detail-ctn table.tables th p, .notice-detail-ctn table.tables td p{font-size: .6rem !important;line-height: 1rem !important;}

.userlist-ctn .operate-box{height: 1.5rem;margin:.4rem .75rem 0 .75rem;display: flex;justify-content: space-between;align-items: center;}
.userlist-ctn .operate-box .btn{height: 1.5rem;line-height: 1.5rem;font-size: .65rem;color: #486cbe;}
.userlist-ctn .operate-box .btn.disabled{color: #bababa;}
.userlist-ctn .operate-box .operate_ico{display:inline-block;width:.7rem;height:100%;vertical-align:top;margin-right:.2rem;background-repeat:no-repeat;background-size:100%;background-position: center center;}
.userlist-ctn .operate-box .btn.disabled .operate_ico{-webkit-filter:grayscale(100%);-o-filter:grayscale(100%);-moz-filter:grayscale(100%);-ms-filter:grayscale(100%);filter:grayscale(100%);filter:gray;}
.userlist-ctn .operate-box .refresh_ico{background-image:url(../img/refresh_ico2.png)}
.userlist-ctn .operate-box .return_ico{background-image:url(../img/return_ico1.png)}

/* 游戏记录 */
.gamerecordtab_cn .played-box{height:100%;overflow-y: auto;}
.gamerecordtab_cn .played-list{padding:0 .5rem .5rem;}
.gamerecordtab_cn .played-list li{height:4rem;border-bottom:1px solid #EEEEEE;display: flex;justify-content: space-between;align-items: center;}
.gamerecordtab_cn .played-list li .game-img{height:3rem;width:3rem;flex-shrink: 0;}
.gamerecordtab_cn .played-list li .game-data{width:100%;display: flex;flex-direction: column;justify-content: center;height:3rem;margin:0 .5rem;}
.gamerecordtab_cn .played-list li .game-data .game-info{display: flex;align-items: center;margin-bottom:.25rem;}
.gamerecordtab_cn .played-list li .game-data .game-info .gname{font-size:.7rem;font-weight: bold;color:#333333;margin-right:.5rem;}
.gamerecordtab_cn .played-list li .game-data .game-info .sname{padding:0 .25rem;height:.9rem;line-height:.9rem;border:1px solid #BBBBBB;color:#878787;font-size:.6rem;border-radius:3px;}
.gamerecordtab_cn .played-list li .game-data .role-info{font-size:.6rem;color:#666666;line-height:1rem;}
.gamerecordtab_cn .played-list li .game-data .color_b{color:#4475d8;}
.gamerecordtab_cn .played-list li .game-data .color_r{color:#cc6633;}
.gamerecordtab_cn .played-list li .playgame{width:2.8rem;height:1.4rem;text-align:center;line-height:1.4rem;background:#FF6600;border-radius:5px;font-size:.6rem;color:#fff;flex-shrink:0;}
.gamerecordtab_cn .played-list li.nodata{text-align:center;font-size:.6rem;border:0;color:#999;justify-content: center;}

/* 修改密码 */
.updatepwd-ctn .iptbox{padding: .75rem .7rem .55rem;}
.updatepwd-ctn .iptbox input{width:100%;border:1px solid #D9D9D9;height: 1.6rem;border-radius:.25rem;font-size: .65rem;margin-bottom: .5rem;text-indent: .5rem;}
.updatepwd-ctn .update-submit{height: 1.8rem;line-height: 1.8rem;background: #ff712b;color: #f7f7f7;text-align: center;font-size: .8rem;border-radius: .3rem;cursor: pointer;margin: 0 .7rem;}

/* 绑定手机号 */
.bindmobile-ctn .completed{text-align: center;}
.bindmobile-ctn .completed .text1{color:#0090ff;font-size:.9rem;margin-top: 1.2rem;}
.bindmobile-ctn .completed .text2{color: #787878;font-size:.75rem;margin-top: .75rem;}
.bindmobile-ctn .completed .text3{color:#999;font-size:.65rem;margin-top: .4rem;}
.bindmobile-ctn .completed .bindmobile-submit{color:#fff;background: #d9d9d9;height: 1.8rem;line-height: 1.8rem;text-align: center;font-size: .85rem;border-radius: .3rem;cursor: pointer;margin: 1.9rem .75rem 0;}
.bindmobile-ctn .bindmobile_box{padding: .75rem .7rem;}
.bindmobile-ctn .bindmobile_box .iptbox{position: relative;}
.bindmobile-ctn .bindmobile_box .iptbox input{width:100%;border:1px solid #D9D9D9;height: 1.6rem;border-radius:.25rem;font-size:.7rem;margin-bottom: .7rem;text-indent: .5rem;}
.bindmobile-ctn .bindmobile_box .iptbox .getverifycode{position: absolute;right:.25rem;top: .15rem;padding:0 .5rem;text-align: center;height:1.5rem;line-height: 1.5rem;color:#FF712B;cursor: pointer;border-radius:3px;font-size:.65rem;text-decoration: underline;}
.bindmobile-ctn .bindmobile_box .iptbox .getverifycode.disabled{color: #999;}
.bindmobile-ctn .bindmobile_box .bindmobile-submit{height: 1.8rem;line-height: 1.8rem;background: #ff712b;color: #f7f7f7;text-align: center;font-size: .8rem;border-radius: .3rem;cursor: pointer;margin-top:.5rem;}


/* 实名认证 */
.realname-ctn .realname-box{padding-top: .4rem;}
.realname-ctn .completed{padding: 0 .7rem;position: relative;}
.realname-ctn .completed .text1{color: #1493f4;font-size:.9rem;text-align: center;padding-top: 1.5rem;}
.realname-ctn .completed .text2{color:#505050;font-size: .68rem;margin-top: 1.9rem;}
.realname-ctn .completed .text3{color:#505050;font-size: .68rem;margin-top: .3rem;}
.realname-ctn .completed .realname-submit{display:inline-block;position:absolute;right: .7rem;bottom:.5rem;color: #1493f4;background:#fff;border: 1px solid #1493f4;width:auto;height: 1.3rem;line-height: 1.2rem;font-size: .6rem;border-radius: 4px;cursor: pointer;padding:0 .5rem;}
.realname-ctn .realname_box{padding: .25rem .7rem 0;}
.realname-ctn .realname_box .iptbox{margin-bottom: .9rem;}
.realname-ctn .realname_box .iptbox .label{display: block;font-size: .65rem;color:#4c4c4c;margin-bottom: .25rem;}
.realname-ctn .realname_box .iptbox input{position: relative;width:100%;border:1px solid #D9D9D9;height: 1.6rem;line-height: 1.6rem;border-radius:.25rem;font-size: .68rem;background:#FFFFFF;padding-left:.5rem;}
.realname-ctn .realname_box .tip{color:#999;font-size: .6rem;display: block;margin: .25rem 0 .5rem;}
.realname-ctn .realname_box .tip.error{color:#ff0000;}
.realname-ctn .realname_box .realname-submit{height: 1.8rem;line-height: 1.8rem;background: #ff712b;color: #f7f7f7;text-align: center;font-size: .8rem;border-radius: .3rem;cursor: pointer;margin-top: 1.4rem;}
.realname-ctn .realname_box .realnumtip{font-size: .6rem;color:#d61c1c;text-align: center;margin-top: .5rem;}

/* 设置安全码 */
.safecode-ctn .safecode_box{padding: .7rem .7rem;}
.safecode-ctn .safecode_box input{width:100%;border:1px solid #D9D9D9;height: 1.6rem;border-radius: .25rem;font-size: .65rem;margin-bottom: .5rem;text-indent: .5rem;}
.safecode-ctn .safecode_box .mobiletip{color:#505050;font-size: .62rem;padding: .3rem 0 .25rem 0;}
.safecode-ctn .safecode_box .mobiletip span{color:#848383;}
.safecode-ctn .safecode_box .itembox{position:relative;}
.safecode-ctn .safecode_box .getverifycode{position: absolute;right:.25rem;top:.2rem;padding:0 .5rem;text-align: center;height:1.5rem;line-height: 1.5rem;color:#FF712B;cursor: pointer;border-radius:3px;font-size:.65rem;text-decoration: underline;}
.safecode-ctn .safecode_box .getverifycode.disabled{color: #999;}
.safecode-ctn .safecode_box .safecode-submit{height: 1.8rem;line-height: 1.8rem;background: #ff712b;color: #f7f7f7;text-align: center;font-size: .8rem;border-radius: .3rem;cursor: pointer;margin-top: .8rem;}

/* 我的卡包 */
.myticket-ctn .myticket_box{padding:0 .5rem .25rem;}
.myticket-ctn .myticket_box li.none{width: 100%;padding-top:2.5rem;line-height: 2rem;font-size: .65rem;color:#9c9c9c;display: flex;flex-direction: column;justify-content: center;align-items: center;}
.myticket-ctn .myticket_box li.none img{height: 30%;max-height: 60px;}
.myticket-ctn .myticket_box li .item{border-bottom: 1px solid #EDEDED;padding:.4rem 0;height:4rem;display: flex;align-items: center;}
.myticket-ctn .myticket_box li .ticketbox{width: 6.4rem;height: 3.2rem;background: url(../img/user/voucher_quan.png) center center no-repeat;background-size: 100% 100%;display: flex;flex-direction: column;justify-content: flex-start;align-items: flex-start;position:relative;flex-shrink:0;}
.myticket-ctn .myticket_box li .ticketbox .money{font-size: 1.2rem;line-height:1.2rem;color:#a0500f;font-weight: bold;margin-left:.25rem;margin-top:8%;}
.myticket-ctn .myticket_box li .ticketbox .money em{font-size:.6rem;font-weight: normal;vertical-align: top;font-style: normal;line-height:normal;}
.myticket-ctn .myticket_box li .ticketbox .limit{font-size: .55rem;position: absolute;bottom:.25rem;right:.25rem;color:#a07210;}
.myticket-ctn .myticket_box li .ticketbox .gamelimit{font-size: .5rem;position: absolute;bottom:0;left:.25rem;color:#a07210;}
.myticket-ctn .myticket_box li .ticketbox.ticket_2{background: url(../img/voucher_ico1.png) center center no-repeat;background-size: 100% 100%;}
.myticket-ctn .myticket_box li .ticketbox.ticket_1{background: url(../img/voucher_ico2_1.png) center center no-repeat;background-size: 100% 100%;}
.myticket-ctn .myticket_box li .ticketbox.ticket_1 .money{color:#fff;}
.myticket-ctn .myticket_box li .ticketbox.ticket_1 .limit{color:#ffd4c8}
.myticket-ctn .myticket_box li .ticketbox.ticket_1 .gamelimit{color:#ffd4c8}
.myticket-ctn .myticket_box li .ticket_info{margin-left:.5rem;width:calc(100% - 6.9rem);overflow: hidden;}
.myticket-ctn .myticket_box li .ticket_info .text1{font-weight: bold;color:#333;font-size:.75rem;margin-bottom: .45rem;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.myticket-ctn .myticket_box li .ticket_info .text2{color:#666;font-size:.6rem;line-height: .9rem;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

/* 站内信 */
.message-ctn{height: calc(100% - 1.7rem);}
.message-ctn .message_tab{height: 1.9rem;line-height: 1.7rem;display: flex;align-items: center;border-bottom: 1px solid #e7e7e7;font-size: .65rem;color:#222;padding-left: .8rem;padding-top: .2rem;}
.message-ctn .message_tab .tab{position:relative;margin-right: 2.5rem;}
.message-ctn .message_tab .tab.on{color:#ea5e00;}
.message-ctn .message_tab .tab.on:after{content:'';width:50%;height:2px;background:#FF6600;position:absolute;left:25%;bottom:0;}

.message-ctn .message_box{height: calc(100% - 1.7rem - 2.2rem);overflow-y:auto;}
.message-ctn .message_box .message_list li{margin: 0 .7rem;border-bottom: 1px solid #D9D9D9;display: flex;align-items: center;justify-content: space-between;height:2.5rem;}
.message-ctn .message_box .message_list li .msg-icon{width: 1.5rem;height: 1.5rem;background: url(../img/msg_noread_ico.png) no-repeat;background-size: cover;flex-shrink:0;}
.message-ctn .message_box .message_list li .msg-ctn{width: 100%;display: flex;flex-direction: column;justify-content: center;margin:0 .25rem;overflow: hidden;}
.message-ctn .message_box .message_list li .msg-ctn .title{width: 100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-size: .68rem;color:#3e3e3e;}
.message-ctn .message_box .message_list li .msg-ctn .title span{color: #ff3939;}
.message-ctn .message_box .message_list li .msg-ctn .date{width: 100%;color:#666666;font-size: .52rem;}
.message-ctn .message_box .message_list li .msg-btn{display: flex;}
.message-ctn .message_box .message_list li .msg-btn div{padding:0 .25rem;border: 1px solid #C3C3C3;color: #5e5e5e;border-radius:3px;height: 1rem;line-height: .85rem;white-space: nowrap;font-size: .58rem;}
.message-ctn .message_box .message_list li .msg-btn .receive-btn{margin-right:.25rem;color: #B3B3B3;}
.message-ctn .message_box .message_list li .msg-btn .receive-btn.no-receive{border-color: #FF4F37;color: #FF4425;}
.message-ctn .message_box .message_list li.hasrecieve .msg-icon{background: url(../img/msg_award_ico.png) no-repeat;background-size: cover;}
.message-ctn .message_box .message_list li.read .msg-icon{background: url(../img/msg_read_ico.png) no-repeat;background-size: cover;}
.message-ctn .message_box .message_list li.read .msg-ctn .title, .message-ctn .message_box .message_list li.read .msg-ctn .date{color:#8d8d8d}
.message-ctn .no-data{height:calc(100% - 1.7rem - 1.5rem);}
.message-ctn .no-data div{height:100%;display: flex;flex-direction: column;justify-content: center;align-items: center;font-size:.65rem;color:#cacaca}
.message-ctn .no-data div img{height: 33%;max-height:60px;margin-bottom:.5rem;}
.message-ctn .delect-btns{float:right;padding:0 .25rem;border: 1px solid #FF9895;color: #ff0800;border-radius:3px;height:1rem;line-height: .9rem;white-space: nowrap;margin:.25rem .5rem 0 0;font-size:.6rem;}

.message-detail-ctn .message_detail_box{padding-top: .6rem;height:100%;}
.message-detail-ctn .detail-title{text-align: center;font-size: .8rem;line-height: 1rem;}
.message-detail-ctn .detail-date{text-align: center;font-size: .55rem;color: #666;line-height:1.3rem;}
.message-detail-ctn .detail-ctn{padding: .7rem;font-size: .55rem;line-height: 1rem;min-height: calc(100% - 2.3rem - 4.8rem);}
.message-detail-ctn .prize-area{margin: 0 .7rem;position: relative;height: 4.3rem;background:#F0F0F0;display: flex;flex-direction: column;justify-content: center;padding: .2rem .6rem 0 .6rem;}
.message-detail-ctn .prize-tips{color: #d42f2f;font-weight: bold;font-size: .75rem;display: flex;align-items: center;margin-bottom:.25rem;}
.message-detail-ctn .prize-tips span{width: 1.3rem;height: 1.3rem;background: url(../img/msg_award_ico.png) no-repeat;background-size: cover;margin-right: .2rem;}
.message-detail-ctn .prize-ctn{font-size: .55rem;color: #666;width: calc(100% - 3.4rem);display: flex;align-items: center;line-height: .95rem;}
.message-detail-ctn .prize-ctn .val:last-child{color: #ec2b2d;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width: 75%;}
.message-detail-ctn .extract-btn{position: absolute;right: 0.8rem;bottom: 0.5rem;font-size: .55rem;color: #fff;font-weight: bold;background: #ff7726;border: 1px solid #ff8c26;width: 3.3rem;height: 1.2rem;text-align: center;line-height: 1.1rem;border-radius: .1rem;}
.message-detail-ctn .extract-btn.disabled{border-color: #cacaca;color: #fff;background: #d2d2d2;}

.game-info-title{height: 2rem;line-height: 2rem;background:#F7F7F7;padding:0 .7rem;border-bottom: 1px solid #EDEDED;display: flex;align-items: center;}
.game-info-title .circle-icon{display: inline-block;width:auto;height: 60%;max-height: 16px;margin-right: .4rem;}
.game-info-title .game-name{color:#333;font-size: .7rem;white-space: nowrap;}
.game-info-title .fr-tip{float:right;color:#999999;font-size: .65rem;width: 100%;text-align: right;}


/* 礼包 */
.gift-ctn{height:100%;}
.gift-ctn .game-info{background: #eeeeee;height:1.7rem;display: flex;align-items: center;padding: 0 .7rem;}
.gift-ctn .game-info .circle-icon{height: 60%;max-height: 14px;margin-right: .25rem;}
.gift-ctn .game-info .game-name{font-size: .65rem;color: #0f0c1b;}

.gift-ctn .search-server .time-remain{font-size: .6rem;color: #666;width: 100%;padding-bottom: .45rem;}
.gift-ctn .search-server{margin: .6rem .7rem;display: flex;align-items: center;flex-wrap: wrap;}
.gift-ctn .search-server .choose-btn{width: 100%;height: 1.3rem;line-height: 1.2rem;border: 1px solid #d0d0d0;background: #fafafa;border-radius: .2rem;font-size: .65rem;color: #5d5d5d;padding-left: .4rem;position: relative;}
.gift-ctn .search-server .choose-btn:after{content: '';width: 1px;height: 1px;position: absolute;right: .4rem;top: .5rem;border-bottom: .2rem solid transparent;border-top: .2rem solid #a1a1a1;border-left: .2rem solid transparent;border-right: .2rem solid transparent;}
.gift-ctn .server-list-area{width: 100%;height: calc(100% - 5.7rem);position: absolute;bottom: 0;left: 0;z-index: 999;overflow: hidden;}
.gift-ctn .server-list-box{width: 100%;height: 100%;background: #333333;position: absolute;bottom: -100%;left: 0;z-index: 1000;overflow: hidden;}
.gift-ctn .server-list-box .server-list-title{height: 1.5rem;li;line-height: 1rem;width: 100%;color: #fdfdf1;font-size: .65rem;position: relativ;padding: .3rem .7rem .25rem .7rem;m;}
.gift-ctn .server-list-box .server-list-title .close-btn{position: absolute;right: 0;top: 0;width: 1.5rem;height: 1.5rem;line-height: 1.5rem;color: #8f8f8f;text-align: center;cursor: pointer;font-family: 宋体;font-size: .8rem;}
.gift-ctn .server-list-box .server-list{padding: 0 .7rem .5rem .45rem;height: calc(100% - 1.8rem);overflow-y: auto;/* margin-left: -2%; */}
.gift-ctn .server-list-box .server-list span{width: calc(25% - .25rem);background: #fff2ca;border: 1px solid #f8d98f;text-align: center;color: #7a533e;float: left;margin-top: .25rem;margin-left: .25rem;font-size: .65rem;padding: .15rem 0;border-radius: .2rem;cursor: pointer;}
.gift-ctn .server-list-box .server-list span.on{background: #FF5A00;border-color: #FF7124;position: relative;color: #fffbe4;}
.gift-ctn .server-list-box .server-list span.on:before{content: '';position: absolute;width: 8px;height: 8px;border-radius: 50%;right: -4px;top: -4px;background: #3DC839;border: 1px solid #3DC839;}
.gift-ctn .no-server-box{height:80%;display: flex;flex-direction: column;align-items: center;justify-content: center;}
.gift-ctn .no-server-box.hide{display: none;}
.gift-ctn .no-server-box img{width: 45%;max-width:100px;}
.gift-ctn .no-server-box .no-data{width: 100%;text-align: center;color: #c5c5c5;font-size: .7rem;margin-top: .5rem;}
.gift-ctn .gift_box{position: absolute;top: 5.1rem;left:0;right:0;bottom: 1rem;overflow: auto;z-index: 99;}
.gift-ctn .gift_box li{border-bottom: 1px solid #e7e7e7;margin: 0 .7rem;position: relative;height: 3.7rem;display: flex;justify-content: space-between;align-items: center;}
.gift-ctn .gift_box li .gifticon{width: 2.6rem;height: 2.6rem;background:url(../img/gift_icon.png) no-repeat;background-size:100%;flex-shrink: 0;}
.gift-ctn .gift_box li .gift_info{width:100%;margin-left: .7rem;overflow: hidden;}
.gift-ctn .gift_box li .gift_info .text1{color:#333;font-size: .65rem;line-height: .65rem;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.gift-ctn .gift_box li .gift_info .text2{color: #646464;font-size: .55rem;line-height: 1.1rem;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.gift-ctn .gift_box li .gift_info .receivebtn{display: inline-block;padding: 0 .45rem;background:#FF5825;height: 1rem;line-height: 1rem;border-radius: 3px;font-size: .6rem;color:#fff;white-space: nowrap;cursor: pointer;vertical-align: top;}
.gift-ctn .gift_box li .gift_info .receivebtn:hover{background:#FF7225;}
.gift-ctn .gift_box li .gift_info .receivebtn.disabled{background:#e2e1e1;color:#999;}
.gift-ctn .gift_box li .gift_info .operate{height: 1rem;line-height: 1rem;position:relative;}
.gift-ctn .gift_box li .gift_info .operate .card-code{background:#F1F1F1;color:#585858;font-size: .6rem;margin-right: 3.9rem;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;display: block;padding-left: .35rem;border-top-left-radius: 3px;border-bottom-left-radius: 3px;}
.gift-ctn .gift_box li .gift_info .operate .copy-btn{background: #ff5825;height:100%;width: 4rem;text-align: center;color:#fff;font-size: .6rem;border-radius: 3px;display:inline-block;position: absolute;right:0;top:0;cursor: pointer;}
.gift-ctn .gift_box li .gift_info .operate .copy-btn:hover{opacity: .9;}
.gift-ctn .gift_box li.no-data{text-align: center;color:#999;font-size:.7rem;margin-top:1.35rem;border:0;justify-content: center;}

.gift-ctn .tj-server-box{margin: .25rem .7rem;}
.gift-ctn .tj-server-box .notice-server-box{display: flex;justify-content: flex-start;font-size: .55rem;color:#5d5d5d;border-bottom:1px solid #D0D0D0;line-height: 1.8rem;padding-top: .15rem;}
.gift-ctn .tj-server-box .notice-server-box .label{white-space: nowrap}
.gift-ctn .tj-server-box .notice-server-box .soonlist{display: flex;}
.gift-ctn .tj-server-box .notice-server-box .linename{color: #ff2a1f;min-width: 7.2rem;}
.gift-ctn .tj-server-box .notice-server-box .kftime{color: #ff2a1f;white-space: nowrap;}
.gift-ctn .tj-server-box .new-server-box{display: flex;justify-content: flex-start;font-size: .55rem;color:#5d5d5d;line-height: 1.2rem;padding: .45rem 0;border-bottom:1px solid #D0D0D0;}
.gift-ctn .tj-server-box .new-server-box .label{white-space: nowrap}
.gift-ctn .tj-server-box .new-server-box .newlist .item{display: flex;}
.gift-ctn .tj-server-box .new-server-box .newlist .item .linename{min-width: 7.2rem;}
.gift-ctn .tj-server-box .new-server-box .newlist .item .getlibaobtn{color: #007eff;text-decoration: underline;cursor: pointer;white-space: nowrap;}
.gift-ctn .tj-server-box .new-server-box .newlist .item .kftime{color:#fd3939;white-space: nowrap;margin-left:.8rem;}
.gift-ctn .tj-server-box .more-server-btn{font-size: .55rem;color:#707070;text-align: center;margin-top: 1.3rem;cursor: pointer;display: flex;justify-content: center;align-items: center;}
.gift-ctn .tj-server-box .more-server-btn span{text-decoration: underline;}

/* 弹出提示 */
.toast-layer{width: 100%;height: 100%;position: absolute;left: 0;top: 0;display: flex;justify-content: center;align-items: center;z-index: 99999;background:rgba(0,0,0,.3);}
.toast{max-width: 65%;padding: .5rem 1rem;position: relative;z-index: 1000;background-color: rgba(0,0,0,.8);text-align: center;color: #fff;border-radius: .3rem;font-size: .7rem;}

.layer_wrap{width: 100%;height: 100%;position: absolute;left: 0;top: 0;z-index: 9999;background:rgba(0,0,0,.3);}
.layer_wrap .layer_content{position: absolute;left:50%;top:50%;background:#fff;width: 13rem;}
.layer_wrap .layer_content .close_btn{width: 1.3rem;height: 1.3rem;position: absolute;right: -.5rem;top: -.5rem;background: url(../img/news_close_btn.png) no-repeat;background-size: cover;cursor: pointer;font-size: 0;}
.layer_wrap .layer_content .title{padding:0 .75rem;height:1.75rem;line-height: 1.75rem;border: 1px solid #FF9000;background:#ffbb00;box-shadow: 0px 0px 0px 1px #ffc831 inset;font-size:.75rem;color:#fff;}
.layer_wrap .layer_content .content{padding:.75rem;font-size: .7rem;line-height: 1.2rem;}
.layer_wrap .layer_content .fotterbtn{text-align: center;padding: .2rem .75rem 1rem .75rem;}
.layer_wrap .layer_content .fotterbtn span{display: inline-block;padding: 0 .6rem;height: 1.4rem;line-height: 1.4rem;background:#509BEF;border-radius: 3px;font-size: .7rem;color:#fff;cursor: pointer;margin: 0 .2rem;}
.layer_wrap .layer_content .fotterbtn span.btn_1{background: #eee;color: #999;}

/* 通用弹框，作为 #navtabContent 的直接子元素显示 */
.common-popup{position:absolute;inset:0;z-index:10000;display:flex;align-items:center;justify-content:center;}
.common-popup-mask{position:absolute;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.45);}
.common-popup-panel{position:relative;z-index:1;width:85%;max-width:360px;max-height:90%;overflow:auto;background:#fff;box-shadow:0 4px 14px rgba(0,0,0,.22);}
.common-popup-body{padding:.75rem;font-size:.7rem;line-height:1.2rem;color:#333;}
.common-popup-close{position:absolute;top:.25rem;right:.25rem;width:1rem;height:1rem;padding:0;border:0;background:transparent;color:#7A7A7A;font-size:.8rem;line-height:1rem;cursor:pointer;z-index:2;}
.common-popup-close:hover{color:#333;}

.layer_wrap.exchangeMoneyResultlayer .layer_content{border-radius: .4rem;background: #f1f1f1;width: 12rem;}
.layer_wrap.exchangeMoneyResultlayer .layer_content .close_btn{display: none;}
.layer_wrap.exchangeMoneyResultlayer .layer_content .content{padding: 1rem .75rem .45rem .75rem;}
.layer_wrap.exchangeMoneyResultlayer .layer_content .exchange-money{text-align: center;color: #666;font-size: .8rem;line-height: 1.8rem;}
.layer_wrap.exchangeMoneyResultlayer .layer_content .exchange-money span{color: #fc7217;display: inline-block;width: 100%;font-size: 1.2rem;}
.layer_wrap.exchangeMoneyResultlayer .layer_content .fotterbtn span{background: #fc7217;padding: 0 1.1rem;height: 1.6rem;line-height: 1.6rem;border-radius: .3rem;font-size: .75rem;}

.layer_wrap.signChecklayer .layer_content , .layer_wrap.welfareChecklayer .layer_content{width: 85%;max-width: 365px;}
.layer_wrap.signChecklayer .warn-box , .layer_wrap.welfareChecklayer .warn-box{font-size: .65rem;}
.layer_wrap.signChecklayer .warn-box .layer-txt , .layer_wrap.welfareChecklayer .warn-box .layer-txt{padding: .2rem 0 .5rem 0;}
.layer_wrap.signChecklayer .warn-box .input-box , .layer_wrap.welfareChecklayer .warn-box .input-box{border-top: 1px solid #e0e0e0;border-bottom: 1px solid #e0e0e0;padding: .3rem 0 .8rem 0;}
.layer_wrap.signChecklayer .warn-box .item , .layer_wrap.welfareChecklayer .warn-box .item{display: flex;align-items: center;height: 1.4rem;line-height: 1.4rem;color: #0066ff;margin-top: .5rem;}
.layer_wrap.signChecklayer .warn-box .item .label , .layer_wrap.welfareChecklayer .warn-box .item .label{width: 30%;text-align: right;color: #333;}
.layer_wrap.signChecklayer .warn-box .item input , .layer_wrap.welfareChecklayer .warn-box .item input{width: 59%;height: 1.4rem;line-height: 1.4rem;border: 1px solid #e3e3e3;text-indent: .2rem;}
.layer_wrap.signChecklayer .warn-box .item input.mobilecode , .layer_wrap.welfareChecklayer .warn-box .item input.mobilecode{width: 30%;}
.layer_wrap.signChecklayer .warn-box .item .sendcode-btn , .layer_wrap.welfareChecklayer .warn-box .item .sendcode-btn{width: 26%;text-align: center;background: #fffdd1;border: 1px solid #ffd461;color: #c55010;border-radius: .1rem;box-sizing: border-box;height: 1.4rem;line-height: 1.4rem;margin-left: 3%;}

/* 支付弹出 */
.payment-fix{position: absolute;left:0;top:0;width:100%;height:100%;max-width: 660px;z-index: 999;background:#F7F7F7}
.payment-fix .closebtn-top{position: absolute;right:0;top:0px;width:1.75rem;height:2rem;background:#C11111;color:#FF9B8C;font-size:1.2rem;text-align: center;line-height: 2rem;cursor: pointer;z-index: 1;}
.payment-fix .payment_ctn{position: absolute;left:0;right:0;bottom:0;top:0rem;overflow: auto;}
.payment-fix .payment-title{height: 2rem;line-height: 2rem;background:#FF711B;text-align: center;padding:0 .7rem;}
.payment-fix .payment-title .back{float:left;cursor: pointer;background:url(../img/arrow_fl1.png) no-repeat 0 center;background-size:.45rem;padding-left:.75rem;color:#ffdcab;font-size:.7rem}
.payment-fix .payment-title .title{color:#fff;font-size:.9rem}

/* 优惠券 代金券 */
.ticket_bottom_layer .ticketbox{width:6rem;height:3.35rem;background:url(../img/ticket_bg.png) no-repeat;background-size:100%;text-align:right;}
.ticket_bottom_layer .ticketbox2{background:url(../img/ticket_bg2.png) no-repeat;background-size:100%}
.ticket_bottom_layer .ticketbox .money{display: block;color:#fff;font-size:1.1rem;font-weight: bold;margin:.5rem .4rem 0 0;}
.ticket_bottom_layer .ticketbox .money em{font-style: normal;font-weight: normal;font-size: .65rem;vertical-align: text-top;position: relative;top:2px}
.ticket_bottom_layer .ticketbox .limit{display: block;color:#fff;font-size:.6rem;line-height: 1rem;margin-right:.4rem}

.ticket_bottom_layer .ticketbox1{background:url(../img/voucher_ico1.png) no-repeat;background-size:100%;display: flex;flex-direction: column;justify-content: space-between;align-items: flex-start;}
.ticket_bottom_layer .ticketbox1 .money{color:#a0500f;text-align:left;margin:8% 0 0 .25rem;}
.ticket_bottom_layer .ticketbox1 .limit{color:#a07210;margin-right: .25rem;align-self:flex-end;margin-bottom:.25rem;}
    
/* 在线支付 */
.gamepay-ctn {position: absolute;top: 2rem;bottom: 0;left:0;right: 0;background:#fff;}
.gamepay-ctn .gamepay-ctn-fl{float: left;width: 35%;position: absolute;left:0;top:0;bottom:0;background:#fff;padding-top:1rem;border-right:5px solid #EEEEEE;}
.gamepay-ctn .gamepay-ctn-fl .item{width: 80%;margin: 0 auto;font-size: .75rem;color: #2d2d2d;border:1px solid #CCCCCC;background: #fff;margin-bottom: .5rem;border-radius: 5px;height:2rem;line-height: 1.9rem;text-align: center;cursor: pointer;position: relative;}
.gamepay-ctn .gamepay-ctn-fl .item em{width: 1.1rem;height: 1.1rem;display: inline-block;margin-right: .3rem;margin-top:0.4rem;vertical-align: top;}
.gamepay-ctn .gamepay-ctn-fl .pay-alipay em{background: url(../img/zfb_ico.png) center center no-repeat;background-size: contain;}
.gamepay-ctn .gamepay-ctn-fl .pay-weixin em{background: url(../img/wx_ico.png) center center no-repeat;background-size: contain;}
.gamepay-ctn .gamepay-ctn-fl .pay-xiyoubi em{background: url(../img/pay_ptb.png) center center no-repeat;background-size: contain;}
.gamepay-ctn .gamepay-ctn-fl .pay-xiyoubi em.tip{background: url(../img/ptb_tip.png) right top no-repeat;background-size: contain;width: 2.9rem;height: 0.9rem;margin:0;position: absolute;right: 0;top:-1px;}
.gamepay-ctn .gamepay-ctn-fl .pay-voucher em{background: url(../img/pay_coupon.png) center center no-repeat;background-size: contain;}
.gamepay-ctn .gamepay-ctn-fl .pay-voucher .dot{position: absolute;top: .42rem;right: .8rem;width: 0.5rem;height: 0.5rem;border: 1px solid #BA2802;background: #F11F1F;border-radius: 50%;z-index: 1001;}
.gamepay-ctn .gamepay-ctn-fl .item.active{border-color: #FF721D;background:#fff url(../img/check_mark_ico.png) no-repeat right bottom;background-size:.75rem}
.gamepay-ctn .gamepay-ctn-fl .item .fanliico{background:#F10000;border-radius: 2px;position: absolute;right:-1px;top:-1px;font-size: .7rem;padding:0 .25rem;font-style: normal;color:#fff;height: 1rem;line-height: 1rem;transform: scale(0.8);transform-origin: right 0;}
.gamepay-ctn .gamepay-ctn-fl .item .fanliico:after{content: '';width:0;height:0;position: absolute;bottom:-4px;left:30%;border-left: 3px solid #F10000;border-right: 3px solid transparent;border-top: 2px solid #F10000;border-bottom: 2px solid transparent;}
.gamepay-ctn .gamepay-ctn-fr{float: right;width: 60%;margin:0 2.5%;text-align: center;}
.gamepay-ctn .gamepay-ctn-fr .gamepay_title{border-bottom: 1px solid #E2E2E2;font-size: 0.75rem;font-weight: bold;color: #363636;height: 1.6rem;line-height: 1.6rem;margin-top:.25rem;}
.gamepay-ctn .gamepay_box{text-align: left;}
.gamepay-ctn .gamepay_box li.rel{position: relative;}
.gamepay-ctn .gamepay_box .fanlilink{position: absolute;right:0;top:1rem;cursor: pointer;height: 62%;}
.gamepay-ctn .gamepay_box .fanlilink img{height: 100%;width:auto;}
.gamepay-ctn .gamepay_box .fanlilink .fanli_ico{position: absolute;left: -43px;top: -23px;width: 78px;height: 22px;background: url(../img/fanli_ico.gif) no-repeat;display: inline-block;z-index: 99;}
.gamepay-ctn .gamepay_box li{border-bottom: 1px solid #EBEBEB;padding:.4rem 0;}
.gamepay-ctn .gamepay_box li .item{height: 1.25rem;line-height: 1.25rem;}
.gamepay-ctn .gamepay_box li .item label{color:#666;font-size:.7rem;width:3.6rem;text-align: left;display: inline-block;vertical-align: top;}
.gamepay-ctn .gamepay_box li .item .info{color:#333;font-size:.7rem;display: inline-block;vertical-align: top;}
.gamepay-ctn .gamepay_box li .item .info-fr{float:right;color:#666;font-size:.7rem;}
.gamepay-ctn .gamepay_box li .item .red{color:#ff3333;}
.gamepay-ctn .gamepay_box li .item .bold{font-weight: bold;}
.gamepay-ctn .gamepay_box li .item .point{cursor: pointer;}
.gamepay-ctn .gamepay_box li.ticket_li .item{height: auto;}
.gamepay-ctn .gamepay_box li .item .ticket_select{display: block;border:1px solid #CCCCCC;height: 1.75rem;line-height: 1.75rem;padding:0 .5rem;background:url(../img/array_down.png) no-repeat 97% center;background-size: .6rem;border-radius: 3px;margin-top: .2rem;color:#999}
.gamepay-ctn .gamepay_box li .item .ticket_select.has{color:#CC3300;}
.gamepay-ctn .gamepay_box li .item .ptbmoney{color:#ff711b;font-weight: bold;}
.gamepay-ctn .gamepay_box li .item .refreshbtn{color:#e67d20;font-size: 14px;text-decoration: underline;cursor: pointer;margin-left: .25rem;font-weight: bold;}
.gamepay-ctn .gamepay_box li .item .addlink{display: inline-block;cursor: pointer;width: .7rem;height: .7rem;margin-left: .25rem;background: url(../img/link_icon.png) center center no-repeat;background-size: contain;vertical-align: middle;position: relative;}
.gamepay-ctn .gamepay_box li .item .addlink:hover{background: url(../img/link_icon_h.png) center center no-repeat;background-size: contain;}
.gamepay-ctn .gamepay_box li .item .addlink em{width: 2.4rem;height: 1rem;display: inline-block;position: absolute;right: -2rem;top: -.9rem;background: url(../img/gj_ico.gif) 0 0 no-repeat;background-size: contain;}
.gamepay-ctn .gamepay_box li .item .ptb_bili{font-weight: normal;color: #999;font-size: .6rem;}
.gamepay-ctn .gamepay_box li .ptbUseTips{position:relative;margin-left:3.6rem;display: inline-block;white-space: nowrap;color:#505050;font-size:.6rem;height:1.2rem;line-height: 1.2rem;border:1px solid #FF9A9A;padding:0 .25rem;background:#fff;margin-top:-.15rem;}
.gamepay-ctn .gamepay_box li .ptbUseTips:before {content: '';position: absolute;top: -0.35rem;left: 1.25rem;width: 0;height: 0;border-bottom: .35rem solid #FF9A9A;border-right: .35rem solid transparent;}
.gamepay-ctn .gamepay_box li .ptbUseTips:after {content: '';position: absolute;top: -0.2rem;left: 1.3rem;width: 0;height: 0;border-bottom: .25rem solid #fff;border-right: .25rem solid transparent;}
.gamepay-ctn .gamepay_box li .ptbUseTips .color_r{color:#ff5400;font-weight: bold}
.gamepay-ctn .gamepay_box li .ptbUseTips .color_b{color:#0054ff;text-decoration: underline;cursor: pointer;margin-left:0.35rem;}

.gamepay-ctn .gamepay_box li.safe_li{border-bottom:0;}
.gamepay-ctn .gamepay_box li.safe_li .item{height:auto;}
.gamepay-ctn .gamepay_box li.safe_li label{width: auto;}
.gamepay-ctn .gamepay_box li.safe_li .safeipt{display: block;width: 100%;height:1.6rem;line-height: 1.6rem;border:1px solid #E8E8E8;text-indent: .5rem;font-size: .65rem;}
.gamepay-ctn .gamepay_box li.safe_li .set-safecode-tips{display: block;color: #ef5353;font-size:.65rem;}
.gamepay-ctn .gamepay_box li.safe_li .set-safecode-btn{width: auto;height: 1.1rem;line-height: 1.1rem;border: 1px solid #7dadff;text-align: center;color: #186eff;font-size: .6rem;margin-left:.25rem;cursor: pointer;padding:0 .25rem}
.gamepay-ctn .gamepay_box li.safe_li .safeipt.hide, .gamepay-ctn .gamepay_box li.safe_li .set-safecode-tips.hide{display: none;}

.gamepay-ctn .gamepay_box li.safe_li .safeipt::-webkit-input-placeholder{
  color:#999;
}
.gamepay-ctn .gamepay_box li.safe_li .safeipt::-moz-placeholder{   /* Mozilla Firefox 19+ */
  color:#999;
}
.gamepay-ctn .gamepay_box li.safe_li .safeipt:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */
  color:#999;
}
.gamepay-ctn .gamepay_box li.safe_li .safeipt:-ms-input-placeholder{  /* Internet Explorer 10-11 */
  color:#999;
}

.gamepay-ctn .fanlitext{color:#DC1819;font-size:.55rem;text-align: center;}
.gamepay-ctn .fanlitext span{color:#180DC5;cursor: pointer;}

.gamepay-ctn .paysubmitButton{display: flex;justify-content: space-around;padding:.75rem;margin-top:.25rem;}
.gamepay-ctn .paysubmitButton span{min-width:35%;padding:0 0.5rem;height:1.9rem;line-height:1.9rem;text-align: center;color:#fff;font-size:.8rem;border-radius:.25rem;position: relative;cursor: pointer;margin:0 0.25rem;background:#FF711B}
.gamepay-ctn .paysubmitButton span:hover{opacity: .9;}
.gamepay-ctn .paysubmitButton span.disabled{background: #cacaca;}
.gamepay-ctn .paysubmitButton .alipay_btn{background:#229BE8;border:1px solid #229BE8;}
.gamepay-ctn .paysubmitButton .alipay_btn em{position: absolute;top:-0.75rem;right:.75rem;background:url(../img/tuijian_icon.png) no-repeat;background-size:auto 100%;width:1.5rem;height:.9rem}
.gamepay-ctn .paysubmitButton .weixin_btn{background:#4FC433;border:1px solid #4FC433;}
.gamepay-ctn .paysubmitButton .pingtaibi_btn{background:#F7F7F7;border:1px solid #FF712B;color:#FF712B;position: relative;}
.gamepay-ctn .paysubmitButton .pingtaibi_btn i{position: absolute;right:-1px;top:-0.75rem;color:#FDF4C0;font-size:.6rem;height:1rem;line-height: 1rem;padding:0 .25rem;background:#F3712F;font-style: normal;border-radius: 2px;}
.gamepay-ctn .paysubmitButton .pingtaibi_btn i:after{content: '';width:0;height:0;position: absolute;bottom:-.75rem;right:20%;border:.5rem solid transparent;border-top:.25rem solid #F3712F;border-left: 0;}
.gamepay-ctn .paysubmitButton .pingtaibi_btn.disabled{background:#E0E0E0;border:1px solid #C0C0C0;color:#8A8A8A}
.gamepay-ctn .paysubmitButton .pingtaibi_btn.disabled i{background:#7B7B7B;color:#fff}
.gamepay-ctn .paysubmitButton .pingtaibi_btn.disabled i:after{border-top-color:#7B7B7B;}
.gamepay-ctn .paysubmitButton .ticket_btn{background:#FF6600;color:#fff;border:1px solid #FF6600;width:100%}

.gamepay-ctn .pay-error-tips{font-size: .62rem;margin-top: 1rem;color:#999;}

.ticket_bottom_layer{position: absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.3);max-width: 660px;z-index: 999;}
.ticket_bottom_layer .ticketlistbox{position: absolute;bottom:0;height:0;overflow: hidden;background:#fff;width:100%}
.ticket_bottom_layer .closebtn{position: absolute;right:.75rem;top:.5rem;cursor: pointer;z-index: 1;font-size:.9rem;color:#808080;}
.ticket_bottom_layer .title{margin:.75rem;color:#666;font-size:.8rem;height:1rem;line-height: 1rem;}
.ticket_bottom_layer .myticket_box{position:absolute;top:2.5rem;left:.75rem;right:.75rem;bottom:3rem;overflow: auto;}
.ticket_bottom_layer .myticket_box li{border: 1px solid #EDEDED;background:#FDFDFD;padding:.75rem;position: relative;height:5rem;margin-bottom: .5rem;cursor: pointer;}
.ticket_bottom_layer .myticket_box li .ticketbox{float:left;}
.ticket_bottom_layer .myticket_box li .ticket_info{position: absolute;left:7.25rem;right:2.45rem;top:.75rem}
.ticket_bottom_layer .myticket_box li .ticket_info .text1{font-weight: bold;color:#333;font-size:.75rem;margin-bottom: .45rem;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.ticket_bottom_layer .myticket_box li .ticket_info .text2{color:#666;font-size:.6rem;line-height: .9rem;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.ticket_bottom_layer .myticket_box li .ischeck{float:right;height:1.2rem;width: 1.2rem;margin-top:1.15rem;cursor: pointer;background:url(../img/check_icon.png) no-repeat;background-size:100%}
.ticket_bottom_layer .myticket_box li.active .ischeck{background:url(../img/checked_icon.png) no-repeat;background-size:100%}
.ticket_bottom_layer .myticket_box li.can_use0 .ticketbox{filter: grayscale(100%) contrast(50%);-webkit-filter: grayscale(100%) contrast(50%);}
.ticket_bottom_layer .myticket_box li.can_use0 .ticket_info .text1{color: #b2b2b2;}
.ticket_bottom_layer .myticket_box li.can_use0 .ticket_info .text2{color:#999;}
.ticket_bottom_layer .myticket_box li.can_use0 .ischeck{display: none;}
.ticket_bottom_layer .selectTicketbtn{
    position: absolute;
    bottom:.75rem;
    left:.75rem;
    right:.75rem;
    height:2rem;
    line-height: 2rem;
    text-align: center;
    color:#fff;
    font-size:.8rem;
    background:#c1c1c1;
    border-radius: 5px;
    cursor: pointer;
}
body.sdkstyle_1 .ticket_bottom_layer{width: 70%;}

.suregamepay-ctn .gamepay_box li .item label{width:6rem}

.paysafecode_area {position: relative;width:100%;height:1.7rem;}
.paysafecode_area .paysafecode-ipt {position: absolute;left: 0px;top: 0;width: 100%;height: 100%;color: #fff;font-size: 12px;-webkit-user-select: initial;outline: none;z-index: 999;opacity: 0;filter: alpha(opacity=0);}
.paysafecode_area .paysafecode-ipt-box {cursor: text;background: #fff;outline: none;position: relative;width:100%;height: 100%;border: 1px solid #dadada;}
.paysafecode_area .paysafecode-ipt-box i {float: left;display: block;width:16.66%;height: 100%;border-left: 1px solid #c6c6c6;}
.paysafecode_area .paysafecode-ipt-box .active {background: url(../img/user/password-blink.gif) no-repeat center center;background-size: auto 80%;}
.paysafecode_area .paysafecode-ipt-box b {display: block;width: 100%;height: 100%;overflow: hidden;visibility: hidden;background: url(../img/user/passeord-dot.png) no-repeat center center;background-size:8px;}
.paysafecode_area .paysafecode-ipt-box span {position: absolute;display: block;left: 0px;top: 0px;height: 100%;width:16.66%;border: 1px solid rgba(82, 168, 236, .8);border: 1px solid #00ffff\9;border-radius: 2px;visibility: hidden;-webkit-box-shadow: inset 0px 2px 2px rgba(0, 0, 0, 0.75), 0 0 8px rgba(82, 168, 236, 0.6);box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);}

/* 安全码 */
.safe-code-input{position: absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.3);max-width: 660px;z-index: 999;display: flex;justify-content: center;align-items: center;}
.paysafecode{position: relative;background:#fff;border-radius: .25rem;padding:1rem 2rem 1.75rem 2rem;box-shadow:0 0 6px 2px rgba(0,0,0,0.3);}
.paysafecode .title{margin-bottom:1rem;color: #666;font-size: .8rem;height: 1rem;line-height: 1rem;}
.paysafecode .closebtn{position: absolute;right:-0.5rem;;top:-0.5rem;;color:#fff;font-size:.8rem;cursor: pointer;background: #F26A6A;border: 1px solid #F14647;border-radius: 50%;width: 1.25rem;height: 1.25rem;text-align: center;line-height: 1.1rem;}
.paysafecode .ipt_box{background: #fff;position: relative;height: 1.9rem;border: 1px solid #B8B8B8;width:10.9rem;border-radius: 3px;display: flex;justify-content: space-between;border-right:0}
.paysafecode .sixDigitPassword{border:0;outline:none;width:6.9rem;height: 100%;font-size: 1rem;text-indent: .5rem;}
.paysafecode .safeSumbit{width:4rem;background:#F15419;margin: -1px 0;height: 1.9rem;border-top-right-radius: 3px;border-bottom-right-radius: 3px;color:#fff;line-height: 1.9rem;text-align: center;font-size:.75rem;cursor: pointer;}
.paysafecode .safeSumbit:hover{opacity: .9;}
.paysafecode .ui-securitycore .ui-form-item .ui-form-explain {margin-top: .4rem;}
.paysafecode .i-block {display: inline-block;}

/* 客服 */
.service-ctn{height: 100%;}
.service-ctn .service_tab{height:1.7rem;line-height:1.7rem;background: #eeeeee;padding: 0 .7rem;display: flex;align-items: center}
.service-ctn .service_tab .tab{font-size: .68rem;color: #0f0c1b;text-align: center;position:relative;margin-right:1rem;padding-right: 1rem;}
.service-ctn .service_tab .tab.on{color: #ff5418;}
.service-ctn .service_tab .tab1:after{content:'';width: 1px;height: .6rem;background: #8f8f8f;position:absolute;right: 0;top: .6rem;}
.service-ctn .times{height:1.2rem;line-height: 1.2rem;margin: .4rem .7rem .4rem .7rem;font-size:.6rem;color: #646464;}
.service-ctn .times span{color: #333;}
.service-ctn .service_box{height:calc(100% - 1.7rem);overflow-y: auto}
.service-ctn .service_box .item{margin:0 .7rem;height: 3.25rem;display: flex;align-items: center;}
.service-ctn .service_box .item.kftel{border-top:1px solid #DADADA;}
.service-ctn .service_box .item em{width: 1.6rem;height: 1.6rem;margin: 0 .7rem;flex-shrink: 0;}
.service-ctn .service_box .item em.phone{background:url(../img/service_ico1.png) no-repeat;background-size:100%}
.service-ctn .service_box .item em.qq{background:url(../img/qq1.png) no-repeat;background-size:auto 100%}
.service-ctn .service_box .item .linkbtn{height:1.25rem;width:3.5rem;line-height:1.25rem;border-radius:0.7rem;background:#FF8916;font-size:.6rem;color:#ffffff;text-align:center;flex-shrink: 0;}
.service-ctn .service_box .item .item_ctn{display:flex;flex-direction: column;width:100%;overflow: hidden;}
.service-ctn .service_box .item .item_ctn .text1{color:#4e4e4e;font-size: .75rem;margin-bottom:.2rem;}
.service-ctn .service_box .item .item_ctn .text2{color:#999999;font-size:.65rem;}

.service-ctn .kfcode{margin-top: 2rem;}
.service-ctn .kfcode .kftitle{text-align:center;font-size:0.8rem;color:#4e4e4e;line-height:1.5rem;}
.service-ctn .kfcode .kftitle em{display:inline-block;width: 1.2rem;height: 1.2rem;background:url(../img/weixin.png) no-repeat center center;background-size:100%;vertical-align: text-top;margin-right: .3rem;}
.service-ctn .kfcode .kfcodeimg{width: 6.2rem;height: 6.2rem;display: block;margin: .7rem auto .15rem auto;border: 1px solid #e8e8e8;padding: .25rem;}
.service-ctn .kfcode .text{font-size:.6rem;color: #4e4e4e;margin: 2rem 0.7rem 0.7rem;line-height:1.1rem;}
.service-ctn .kfcode .times{background: #e3e3e3;border-radius: 1rem;height: 1.3rem;line-height: 1.3rem;margin: .6rem auto 0 auto;width: 7.5rem;text-align: center;}

.service-ctn .question_box{height:calc(100% - 1.7rem);overflow-y: auto}
.service-ctn .question_box .times{background: #fff8e1;color: #444;padding-left: .4rem;margin: .4rem .7rem 0 .7rem;}
.service-ctn .question_box .times span{color: #f15500;}
.service-ctn .question_box .support_list{padding:0 .7rem;}
.service-ctn .question_box .support_list .item{display: flex;align-items:center;border-bottom:1px solid #DADADA;padding: .9rem .25rem .9rem 0;}
.service-ctn .question_box .support_list .item_ico{width:3.5rem;padding-top: 1.95rem;font-size:.65rem;color:#C98A20;text-align:center;flex-shrink:0;}
.service-ctn .question_box .support_list .item_ico.q_recharge{background:url(../img/q_recharge.png) no-repeat center 0;background-size:auto 1.6rem;}
.service-ctn .question_box .support_list .item_ico.q_ptb{background:url(../img/q_ptb.png) no-repeat center 0;background-size:auto 1.6rem;}
.service-ctn .question_box .support_list .item_ico.q_other{background:url(../img/q_other.png) no-repeat center 0;background-size:auto 1.6rem;}
.service-ctn .question_box .support_list .item_arraw{width:.6rem;height:1.2rem;background:url(../img/arrow_fr1.png) no-repeat center center;background-size:100%;flex-shrink:0;}
.service-ctn .question_box .support_list .item_list{width:100%;overflow: hidden;margin: 0 .5rem 0 .9rem;}
.service-ctn .question_box .support_list .item_list li{font-size:.6rem;line-height: 1.2rem;color:#4e4e4e;white-space: nowrap;overflow:hidden;text-overflow: ellipsis;}

/* 账号回收 */
.recycle-ctn{height:100%;background:#fff;}
.recycle-ctn .recycle-cn-box{height:calc(100% - 34px);overflow:auto;padding:.5rem .5rem .1rem;box-sizing:border-box;}
.recycle-ctn .tips-bar{padding:.2rem .4rem;background:#FFFCE5;border:1px solid #FFE485;border-radius:4px;color:#FF0000;font-size:.5rem;line-height:.9rem;}
.recycle-ctn .tips-link{float:right;margin-left:.35rem;color:#FF0000;text-decoration:underline;cursor:pointer;white-space:nowrap;font-weight:bold;}
.recycle-ctn .tab-bar{height:1.15rem;margin:.5rem 0;display:flex;align-items:center;}
.recycle-ctn .tab-item{height:1.15rem;line-height:1.1rem;margin-right:.35rem;padding:0 .6rem;border:1px solid #D0D0D0;border-radius:.6rem;color:#333;font-size:.5rem;cursor:pointer;}
.recycle-ctn .tab-item.active{border-color:#ff6f00;color:#ff6f00;}
.recycle-ctn .rule-link{margin-left:auto;color:#666;font-size:.5rem;text-decoration:underline;cursor:pointer;}
.recycle-ctn .rule-link em{display:inline-block;width:.65rem;height:.65rem;margin-right:.2rem;background:url(../img/recycle/rule_ico.png) no-repeat;background-size: 100% 100%;vertical-align: text-bottom;}

.recycle-ctn .recycle-item{position:relative;display:flex;align-items:center;padding:.45rem;border:1px solid #D0D0D0;border-radius:5px;height:3.5rem;margin-bottom:.4rem;}
.recycle-ctn .item-tip{position:absolute;right:-1px;top:-1px;padding:.05rem .3rem;border:1px solid #ffd0d0;border-radius:0 5px 0 5px;background:#fff2f2;color:#ff0000;font-size:.42rem;}
.recycle-ctn .item-tip.current{border-color:#A3EC83;background:#F7FFF1;color:#51b037;}
.recycle-ctn .item-main{display:flex;align-items:center;min-width:0;flex:1;margin-right:.2rem;height:100%;}
.recycle-ctn .game-icon{width:2.5rem;height:2.5rem;flex:0 0 auto;margin-right:.35rem;object-fit:cover;}
.recycle-ctn .item-info{display:flex;min-width:0;flex:1;flex-direction:column;font-size:.45rem;line-height:.72rem;color:#666;height:100%;}
.recycle-ctn .item-info .game-name{display:flex;align-items: center;color:#333;font-size:.5rem;margin-bottom:auto;}
.recycle-ctn .item-info .game-name .gname{white-space: nowrap;overflow: hidden;text-overflow: ellipsis; min-width: 0;}
.recycle-ctn .item-info .game-name .kaifu{flex: none;}
.recycle-ctn .item-info .role{color:#0066ff;}
.recycle-ctn .item-info .banned{color:#ff0000;}
.recycle-ctn .item-money{display:flex;flex:0 0 3.5rem;height:2.25rem;flex-direction:column;border-radius:4px;background:linear-gradient(to right,#FCE6BF 40%,#F8C25D);text-align:center;font-size:.48rem;color:#555;}
.recycle-ctn .item-money .money-label{height:.8rem;color:#333;font-size:.5rem;margin-top:.15rem;display:flex;justify-content: center;align-items: center;}
.recycle-ctn .item-money .money-label em{width:.6rem;height:.6rem;background:url(../img/recycle/ptb_ico.png) no-repeat;background-size:contain;margin-right:.2rem;}
.recycle-ctn .item-money .money-value{background:linear-gradient(to right,#FFFFFF,#FFFCF1);margin:0 .15rem;height:1.15rem;line-height:1.15rem;color:#ff6000;border-radius: 0 4px 4px 4px;font-size:.45rem;}
.recycle-ctn .item-money .money-value span{font-size:.6rem;}
.recycle-ctn .item-money.complete{background:linear-gradient(to right,#DCF6D1 40%,#D4F2C2);flex:0 0 6.25rem;}
.recycle-ctn .item-money.complete .money-label em{background:url(../img/recycle/success_ico.png) no-repeat;background-size:contain;}
.recycle-ctn .item-money.complete .money-value{background:linear-gradient(to right,#FFFFFF,#FEFCF0);}
.recycle-ctn .item-actions{width:6rem;display:flex;flex:0 0 auto;justify-content: flex-end;}
.recycle-ctn .item-actions button{width:2.75rem;height:1rem;border:1px solid #ff6c00;border-radius:3px;background:#ff6c00;color:#fff;font-size:.48rem;cursor:pointer;margin-left:.2rem;}
.recycle-ctn .item-actions button.secondary{background:#fff;color:#ff6c00;}
.recycle-ctn .item-actions button:disabled,.recycle-ctn .item-actions button.failed{border-color:#dedede;background:#ededed;color:#999;}
.recycle-ctn .recycle-failed-wrap{position:relative;display:inline-flex;}
.recycle-ctn .recycle-failed-mark{position:absolute;top:-.2rem;right:-.16rem;width:.42rem;height:.42rem;line-height:.4rem;border:1px solid #ff2a2a;border-radius:50%;background:#ff6161;color:#fff;font-size:.32rem;font-style:normal;font-weight:bold;text-align:center;z-index:1;}
.recycle-ctn .tip-text{font-size:.45rem;color:#666666;margin-bottom:.4rem;}

.recycle-ctn .empty-state{padding-top:2rem;text-align:center;color:#bbbbbb;font-size:.62rem;}
.recycle-ctn .empty-state .empty-icon{width:100%;height:4.8rem;margin:0 auto .35rem;background:url(../img/recycle/nodata.png) no-repeat center center;background-size:auto 100%;}
.recycle-ctn .empty-state p{margin:0;}

.recycle-confirm-popup.common-popup-panel{max-width:320px;}
.recycle-confirm-popup .common-popup-body{padding:1rem;}
.recycle-confirm-popup .recycle-confirm-info{font-size:.55rem;line-height:1rem;color:#333333;}
.recycle-confirm-popup .recycle-confirm-info p{margin:0 0 .5rem;text-align:center;font-size:.65rem;}
.recycle-confirm-popup .recycle-confirm-info p span,.recycle-confirm-popup .recycle-confirm-info .money{color:#ff3300;}
.recycle-confirm-popup .recycle-confirm-info .apply-info{display:flex;justify-content: center;background:#F3F3F3;padding:.5rem;}
.recycle-confirm-popup .recycle-confirm-info dl{display:grid;grid-template-columns:3.1rem 1fr;line-height:1rem;margin:0;}
.recycle-confirm-popup .recycle-confirm-info dt{color:#666666;text-align:right;}
.recycle-confirm-popup .recycle-confirm-info dd{margin:0;color:#333333;word-break:break-all;}
.recycle-confirm-popup .recycle-confirm-info dt:last-of-type,.recycle-confirm-popup .recycle-confirm-info dd.money{margin-top:.25rem;}
.recycle-confirm-popup .recycle-confirm-info .role{color:#0066ff;}
.recycle-confirm-popup .recycle-confirm-info .unit{font-size:.5rem;}

/* 账号回收手机验证弹框 */
.recycle-mobile-popup.common-popup-panel{width:13rem;max-width:85%;overflow:visible;}
.recycle-mobile-popup .common-popup-body{padding:0;}
.recycle-mobile-popup .common-popup-close{top:.37rem;}
.recycle-mobile-pop-cn{padding:.25rem .5rem 1rem;}
.recycle-mobile-pop-cn .title{font-size:.6rem;color:#333;line-height:1.5rem;border-bottom:1px solid #e5e5e5;margin-bottom:.62rem;}
.recycle-mobile-pop-cn .form-box{padding:0 .2rem;}
.recycle-mobile-pop-cn .form-item{display:flex;align-items:center;margin-bottom:.5rem;font-size:.55rem;color:#666;}
.recycle-mobile-pop-cn .form-item label{flex:0 0 3rem;margin-right:.2rem;text-align:right;}
.recycle-mobile-pop-cn .mobile-text{font-size:.55rem;color:#333;}
.recycle-mobile-pop-cn .mobile-input,.recycle-mobile-pop-cn .code-input{height:1.35rem;border:1px solid #d0d0d0;border-radius:5px;padding:0 .25rem;box-sizing:border-box;background:#fff;color:#333;font-size:.55rem;}
.recycle-mobile-pop-cn .mobile-input{width:100%;}
.recycle-mobile-pop-cn .code-input-wrap{display:flex;min-width:0;flex:1;}
.recycle-mobile-pop-cn .code-input{width:100%;min-width:0;border-right:0;border-radius:5px 0 0 5px;}
.recycle-mobile-pop-cn .send-code-btn{flex: 0 0 auto;padding:0 .2rem;height:1.35rem;border:1px solid #d0d0d0;border-left:0;border-radius:0 5px 5px 0;background:#fff;color:#ff6600;font-size:.5rem;cursor:pointer;box-sizing:border-box;}
.recycle-mobile-pop-cn .send-code-btn.disabled{color:#999;cursor:default;}

.recycle-popup-actions{display:flex;justify-content:center;margin-top:.75rem;}
.recycle-popup-actions button{width:3.5rem;height:1.25rem;line-height:1;border:1px solid #FF6C00;border-radius:3px;background:#FF6C00;color:#fff;font-size:.55rem;cursor:pointer;margin:0 .18rem;}
.recycle-popup-actions .cancel-btn{border-color:#D0D0D0;background:#fff;color:#666;}

.recycle-confirm-popup .recycle-simple-title{padding-bottom:.45rem;color:#333;font-size:.65rem;line-height:1rem;text-align:center;}
.recycle-confirm-popup .recycle-simple-tip{font-size:.62rem;line-height:1rem;color:#555;text-align:center;}

.recycle-rules-area{position: absolute;left: 0;top: 0;z-index: 99;background: rgba(0,0,0,.5);width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;}
.recycle-rules-area .recycle-rules-box{width: 100%;background: #fff;height:auto;max-height: 78%;position: absolute;bottom: 0;left: 0;padding: .6rem .9rem;}
.recycle-rules-area .recycle-rules-box .close-btn{width: 1.5rem;height: 1.5rem;line-height: 1.5rem;position: absolute;right: .1rem;top: 0;color: #7a7a7a;text-align: center;font-size: .9rem;font-family: 宋体;}
.recycle-rules-area .recycle-rules-box .title{font-size: .78rem;margin-bottom: .5rem;}
.recycle-rules-area .recycle-rules-box ul li{font-size: .5rem;line-height: 1rem;color:#333333;display: flex;justify-content: flex-start;}
body.sdkstyle_0 .recycle-rules-area .recycle-rules-box ul li{font-size: .65rem;margin-top: .5rem;}


.support-detail-ctn{position:relative;}
.support-detail-ctn .support_item{padding:.5rem .7rem;}
.support-detail-ctn .support_item .title{font-size:.7rem;color:#4e4e4e;}
.support-detail-ctn .support_item .ctn{margin-top:.25rem;font-size:.6rem;color:#616161;line-height:1rem;}
.support-detail-ctn .support_item.curritem .title{color: #d55a00;}
.support-detail-ctn .support_item.curritem .ctn{color: #d55a00;}
.support-detail-ctn img{max-width:100%;}


/* 实名认证 */
.fcmMask{
    position: absolute;
    left: 0;
    top: 0;
    background: rgba(0,0,0,.45);
    width: 100%;
    height: 100%;
    z-index: 10000;
}
.fcmForm{
    position: fixed;
    z-index: 10001;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 67.5%;
    height: 12rem;
    background: url(../img/fcm_bg.png) center center no-repeat;
    background-size: 100% 100%;
    padding: .4rem .5rem .5rem;
}
.fcmForm .realname_box{
    width: 100%;
    height: 100%;
    background: #f7f7f7;
    border-radius: .4rem;
    position: relative;
}
.fcmForm .fcmTitle{
    font-size: .8rem;
    line-height: 1.9rem;
    text-align: center;
    background: #e4e4e4;
    color: #434343;
    margin-bottom: .4rem;
    border-top-left-radius: .4rem;
    border-top-right-radius: .4rem;
}
.fcmForm .iptbox{
    position: relative;
    padding: .5rem .8rem 0 .8rem;
}
.fcmForm .iptbox .label{
    display: inline-block;
    font-size: .65rem;
    width: 5rem;
    height: 1.6rem;
    line-height: 1.6rem;
    text-align: center;
    position: absolute;
    left:0;
    top:0;
}

.fcmForm .iptbox input{
    width: 100%;
    background: #fff;
    border: 1px solid #d9d9d9;
    height: 1.7rem;
    line-height: 1.7rem;
    font-size: .7rem;
    text-indent: .6rem;
    border-radius: .2rem;
}
.fcmForm .realname-submit{
    width: calc(100% - 1.6rem);
    height: 1.8rem;
    line-height: 1.8rem;
    text-align: center;
    font-size: .85rem;
    background: #ff712b;
    border: 1px solid #ff712b;
    color: #f7f7f7;
    border-radius: .25rem;
    cursor: pointer;
    margin: .9rem auto 0 auto;
}
.fcm-close-btn{
    width: 1.4rem;
    height: 1.4rem;
    cursor: pointer;
    position: absolute;
    right: -.4rem;
    top: -.4rem;
    background: url(../img/close_btn.png) center center no-repeat;
    background-size: 100% 100%;
    z-index: 2;
}
.fcm-countdown-box{
    width: 1.4rem;
    height: 1.4rem;
    line-height: 1.4rem;
    position: absolute;
    bottom: -.4rem;
    left: 50%;
    margin-left: -.7rem;
    background: url(../img/countdown_icon.png) top center no-repeat;
    background-size: 100% 100%;
    color: #b9b9b9;
    text-align: center;
    font-size: .7rem;
}

/* 累充返利 */
.leichongFanliForm{
    position: fixed;
    z-index: 10001;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 67.5%;
    height: 12rem;
	background: url(../img/fcm_bg.png) center center no-repeat;
    background-size: 100% 100%;
    padding: .4rem .5rem .5rem;
}
.leichongfanli-box{
    width: 100%;
    height: 100%;
    background: #FFF2C7;
    border-radius: .4rem;
    position: relative;
}
.leichongfanli-box .lcfanli_ico{
    background: url(../img/fanli_ico.png) no-repeat center 0;
    margin: 8.5% 0 3% 0;
	height: 42%;
	background-size: auto 100%;
}
.leichongfanli-box .text{
    text-align: center;
	color:#ab0000;
	font-size: .7rem;
}
.leichongfanli-box .text .fanlimoney{
	font-weight: bold;
	color:#ff4800;
}
.leichongfanli-box .fanlibtn{
    width: 45%;
    height: 1.8rem;
    line-height: 1.8rem;
    text-align: center;
    font-size: .85rem;
    background: #23B114;
    border: 1px solid #23B114;
    color: #f7f7f7;
    border-radius: .25rem;
    cursor: pointer;
    margin: .9rem auto 0 auto;
}

/* 荣耀冠名 */
.guanmingForm{
    position: fixed;
    z-index: 10001;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 67.5%;
    height: 12rem;
    background: url(../img/guanming_bg.png?v=1) center center no-repeat;
    background-size: 100% 100%;
    padding: 1.2rem .5rem .5rem .5rem;
}
.guanmingForm .fcm-close-btn{
    top: .1rem;
}
.guanmingForm .fcm-countdown-box{
    /* margin-left: -.9rem; */
}
.guanming-list-box{
    width: 100%;
    height: calc(100% - 2.4rem);
    margin: 1.6rem 0 .8rem 0;
    padding: 0 5%;
}
.guanming-list-box .guanming-list{
    width: 100%;
    height: 100%;
    padding: .9rem 0;
    background: url(../img/streamer_bg1.png) center center no-repeat;
    background-size: 100% 100%;
}
.guanming-list-box .guanming-info{
    width: calc(100% - 1rem);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: .6rem;
    font-weight: bold;
    color: #a86712;
    margin: 0 .5rem;
}
.guanming-list-box .guanming-info div{
    width: auto;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 48%;
}
.guanming-list-box .guanming-info div:first-child{
    margin-right: 4%;
}
.guanming-list-box .guanming-info div span{
    color: #7f0c00;
}
.guanming-list-box .subtitle{
    width: calc(100% - 2rem);
    background: url(../img/streamer_title1.png) center center no-repeat;
    text-align: center;
    font-size: .55rem;
    font-weight: bold;
    color: #c07617;
    margin-top: .5rem;
    background-size: 118%;
    height: .6rem;
    line-height: .6rem;
    margin: .5rem 1rem 0 1rem;
}
.guanming-list-box .slogan{
    font-size: 1.2rem;
    font-weight: bold;
    color: #e92600;
    padding: .5rem .8rem 0 .8rem;
    text-align: center;
    line-height: 1.9rem;
}
.guanming-list-box1 .slogan{
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.guanming-list-box2{
    height: calc(100% - 2.3rem);
    margin: 1.5rem 0 .8rem 0;
}
.guanming-list-box2 .guanming-list{
    height: 49%;
    background: url(../img/streamer_bg2.png) center center no-repeat;
    background-size: 100% 100%;
    padding: .7rem 0;
}
.guanming-list-box2 .guanming-list:first-child{
    margin-bottom: 2%;
}
.guanming-list-box2 .subtitle{
    background: url(../img/streamer_title2.png) center center no-repeat;
    background-size: 170%;
    height: .3rem;
    line-height: .3rem;
    margin: .2rem 1rem 0 1rem;
}
.guanming-list-box2 .slogan{
    font-size: .85rem!important;
    padding: .15rem .8rem 0 .8rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 1.1rem;
}
.guanming-list-box3{
    height: calc(100% - 2.2rem);
    margin: 1.4rem 0 .8rem 0;
}
.guanming-list-box3 .guanming-list{
    background: url(../img/streamer_bg3.png) center center no-repeat;
    background-size: 100% 100%;
    height: 32%;
    margin-top: 2%;
    padding: .35rem 0;
}
.guanming-list-box3 .guanming-list:first-child{
    margin-top: 0;
}
.guanming-list-box3 .guanming-info{
    font-size: .55rem;
}
.guanming-list-box3 .slogan{
    font-size: .7rem;
    padding: .1rem .8rem 0 .8rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 1.1rem;
}
.signin-ctn{
    height: 100%;
}
.signin-ctn .sign-box{
    height: calc(100% - 1.7rem);
    background: #ee4f23;
}
.signin-ctn .signin-bar{
    background: url(../img/sign_bg.png) bottom center no-repeat;
    background-size: cover;
	height: 43%;
	padding: .5rem .8rem 0 .8rem;
	position: relative;
	max-height: 240px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
.signin-ctn .signin-bar .sign-info{
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: .65rem;
	height: 1rem;
	line-height: 1rem;
}
.signin-ctn .signin-bar .sign-info span{
    color: #ffe1a8;
    text-decoration: underline;
	cursor: pointer;
}
.signin-ctn .signin-bar .sign-btn{
    width: auto;
    height: 36%;
	max-height: 60px;
	align-self: center;
	cursor: pointer;
}
.signin-ctn .signin-bar .sign-btn img{
	height: 100%;
}
.signin-ctn .signin-bar .sign-info2{
    font-size: .7rem;
    color: #ffe1a8;
	display: flex;
	justify-content: center;
	margin-bottom: 5%;
}
.signin-ctn .signin-bar .sign-info2 .num{
	margin:0 .5rem;
}
.signin-ctn .signin-bar .sign-info2 .link{
	display: inline-block;
	width: .7rem;
	height: 100%;
	background:url(../img/go_ico.png) center center no-repeat;
    background-size: contain;
	cursor: pointer;
	vertical-align: top;
	margin-left: .4rem;
}
.signin-ctn .sign-list-box{
    margin: 0 .5rem 0;
	height: 50%;
	max-height: 210px;
}
.signin-ctn .sign-list-box .subtitle{
    display: flex;
	justify-content: space-between;
    align-items: center;
    font-size: .72rem;
    color: #ffe38d;
    height: 1.4rem;
    line-height: .7rem;
    margin-bottom: .25rem;
}
.signin-ctn .sign-list-box .subtitle .text{
    display: flex;
    flex-wrap: wrap;
	font-size: .6rem;
	color:#ffe38d;
}
.signin-ctn .sign-list-box .subtitle .text .date{
	font-size: .7rem;
	margin-right:.25rem;
}
.signin-ctn .sign-list-box .subtitle .ranklink{
	font-size: .65rem;
	font-weight: bold;
	color:#ffd8a6;
	text-decoration: underline;
	cursor: pointer;
	white-space: nowrap;
}
.signin-ctn .sign-list-box ul{
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
	height: calc(100% - 1.4rem - 0.25rem);
}
.signin-ctn .sign-list-box ul li{
    width: 19%;
    height: 100%;
}
.signin-ctn .sign-list-box ul li .list-info{
    width: 100%;
    height: calc(100% - 1.2rem - 0.4rem);
    background: url(../img/sign_award_bg.png) top center no-repeat;
    background-size: 100% 100%;
    text-align: center;
	display: flex;
	flex-direction: column;
	justify-content: space-around;
}
.signin-ctn .sign-list-box ul li .list-info .require{
    color: #e86024;
    font-size: .6rem;
    font-weight: bold;
    padding-top: .3rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.signin-ctn .sign-list-box ul li .list-info .reward-img{
    height: 30%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.signin-ctn .sign-list-box ul li .list-info .reward-img img{
    height: 100%;
}
.signin-ctn .sign-list-box ul li.list_3 .list-info .reward-img img{
    height: 80%;
}
.signin-ctn .sign-list-box ul li .list-info .reward{
    font-size: .65rem;
    color: #d75600;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.signin-ctn .sign-list-box ul li .btn{
    width: 90%;
    height: 1.2rem;
    background: url(../img/sign_award_btn2.png) top center no-repeat;
    background-size: contain;
    margin: .4rem auto 0 auto;
}
.signin-ctn .sign-list-box ul li.receive .btn{
    background: url(../img/sign_award_btn.png) top center no-repeat;
    background-size: contain;
    cursor: pointer;
}
.signin-ctn .sign-list-box ul li.hav_receive .list-info{
    background: url(../img/sign_award_bg2.png) top center no-repeat;
    background-size: 100% 100%;
}
.signin-ctn .sign-list-box ul li.hav_receive .list-info .reward{
    color: #e86024;
}
.signin-ctn .sign-list-box ul li.hav_receive .btn{
    background: url(../img/sign_award_btn3.png) top center no-repeat;
    background-size: contain;
}

.signin-ctn .paging {
    padding: 1rem 0 .5rem 0;
    margin-left: 1px;
    height: 2.3rem;
    display: flex;
    align-items: center;
    justify-content: center;
}
.signin-ctn .paging a, .signin-ctn .paging span {
    height: 1rem;
    line-height: .9rem;
    font-size: .55rem;
    border-radius: .1rem;
    color: #9a9a9a;
    border: 1px solid #ebebeb;
    margin-left: .3rem;
    margin-right: 0;
    width: 1rem;
    padding: 0;
    display: inline-block;
}
.signin-ctn .paging a:hover, .signin-ctn .paging a.cur {
    background-color: #db9352;
    border-color: #db9352;
    color: #fff;
}
.signin-ctn .paging a.prev , .signin-ctn .paging a.next {
    display: none;
}
.signin-ctn .paging a:first-child {
    margin-left: 0;
}
.signin-success-layer{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.5);
    z-index: 99;
}
.signin-success-box{
    position: absolute;
	width: 45%;
	height: 8rem;
	background: url(../img/sign_success_bg.png?v=1) top center no-repeat;
	background-size: contain;
	left: 50%;
	margin-left: -22.5%;
	top: 50%;
	margin-top: -4rem;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #ff7800;
	font-size: .7rem;
	padding-top: 2.8rem;
	line-height: 1.3rem;
}
.signin-awardsus-box{
    background: url(../img/sign_receive_success_bg.png) top center no-repeat;
    background-size: contain;
}
.signin-success-box .tips span{
    display: inline-block;
    width: 100%;
    color: #ff7800;
    font-size: .82rem;
}

/* 签到规则弹框 */
.signinruledes-area{position: absolute;left: 0;top: 0;z-index: 99;background: rgba(0,0,0,.5);width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;}
.signinruledes-box{width: 84%;background: #fff;height:auto;position: relative;color: #333;padding: .6rem .9rem;max-width: 500px;}
.signinruledes-box .close-btn{width: 1.3rem;height: 1.3rem;position: absolute;right: -.5rem;top: -.5rem;background: url(../img/news_close_btn.png) no-repeat;background-size: cover;}
.signinruledes-box .title{text-align: center;font-size: .8rem;font-weight: bold;margin-bottom: .5rem;}
.signinruledes-box ul li{font-size: .6rem;line-height: 1rem;display: flex;}
.signinruledes-box ul li span{margin-right: .25rem;}
.signinruledes-box ul li.color_r{color:#ff3333}
.signinruledes-box ul li.tip{margin-top:.75rem;}
body.sdkstyle_0 .signinruledes-box ul li{font-size: .65rem;margin-top: .25rem;}

/* 签到排行榜 */
.signin-rank-area{position: absolute;left: 0;top: 0;z-index: 99;background: rgba(0,0,0,.5);width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;}
.signin-rank-box{width: 84%;background: #fff;height:92%;max-height: 380px;position: relative;color: #333;max-width: 280px;padding:0 .25rem;}
.signin-rank-box .close-btn{width: 1.3rem;height: 1.3rem;position: absolute;right: -.5rem;top: -.5rem;background: url(../img/news_close_btn.png) no-repeat;background-size: cover;}
.signin-rank-box .title{height: 1.4rem;line-height: 1.4rem;font-size: .75rem;color:#333333;font-weight: bold;text-align: center;border-bottom: 1px solid #E7E7E7;}
.signin-rank-box .tablewrap{height: calc(100% - 1.4rem - 1.4rem - 1.7rem);overflow: auto;}
.signin-rank-box table{display: block;width:100%;display:table;border-collapse: collapse;border-spacing: 0;}
.signin-rank-box table th, .signin-rank-box table td{background:#FFFFFF;line-height:  .9rem;width:33.33%;text-align: center;font-size: .6rem;color:#242424;}
.signin-rank-box table th:nth-child(1), .signin-rank-box table td:nth-child(1){text-align: left;padding:0 .4rem;width:20%}
.signin-rank-box table th:nth-child(2), .signin-rank-box table td:nth-child(2){width:40%}
.signin-rank-box table th{background:#FF5D31;color:#ffffff;font-size: .7rem;}
.signin-rank-box table td{border-bottom:1px solid #E7E7E7;}
.signin-rank-box table .nodata{text-align: center !important;color:#666}
.signin-rank-box table .rank{display: inline-block;background: #ccc;width: 1rem;height: .8rem;text-align: center;line-height: .8rem;border-radius: 2px;color:#666666;font-size: .6rem;}
.signin-rank-box table tr .rank_1, .signin-rank-box table tr .rank_2, .signin-rank-box table tr .rank_3{background:#FF6633;color:#FFFF99;}
.signin-rank-box table tr:nth-of-type(10) td{border-bottom: 0;}
.signin-rank-box .mycountbox{font-size: .6rem;color:#535353;height: 1.4rem;line-height: 1.4rem;padding:0 .25rem;border-top:1px solid #E7E7E7;border-bottom:1px solid #E7E7E7;display: flex;justify-content: space-between;}
.signin-rank-box .mycountbox span{color:#ff3333;}
.signin-rank-box .paging_box{text-align: center;padding: .4rem 0;display: flex;justify-content: center;}
.signin-rank-box .paging_box a{display: inline-block;width: .9rem;height:.9rem;border:1px solid #DFDFDF;background:#FFFFFF;border-radius: 2px;text-align: center;line-height: .9rem;font-size: .6rem;color:#818181;margin: 0 .15rem;}
.signin-rank-box .paging_box a:hover{background:#f5f5f5}
.signin-rank-box .paging_box a.cur{border-color:#FBC82E;background:#FBC82E;color:#323232}

/* 签到日历 */
.signin-calendar-area{position: absolute;left: 0;top: 0;z-index: 99;background: rgba(0,0,0,.5);width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;}
.signin-calendar-box{width: 84%;background: #DEC175;height:80%;max-height: 380px;position: relative;color: #333;max-width: 380px;}
.signin-calendar-box .close-btn{width: 1.3rem;height: 1.3rem;position: absolute;right: -.5rem;top: -.5rem;background: url(../img/news_close_btn.png) no-repeat;background-size: cover;}
.signin-calendar-box .topbox{height: 2.5rem;padding:0 .5rem;display: flex;justify-content: space-between;align-items: center;background:#FDF5C6;border-bottom: 1px solid #D0AF68;}
.signin-calendar-box .topbox .dateinfo{display: flex;flex-direction: column;}
.signin-calendar-box .topbox .dateinfo .date{font-size: .75rem;color:#343433;}
.signin-calendar-box .topbox .dateinfo .num{font-size: .6rem;color:#666666;}
.signin-calendar-box .topbox .dateinfo .num font{color:#e15335;}
.signin-calendar-box .topbox .signbtn{height: 65%;}
.signin-calendar-box .calendar-box{height: calc(100% - 2.5rem);padding:.4rem}
.signin-calendar-box .calendar{height: 100%;}
.signin-calendar-box .calendar .weeks{height: 1.5rem;line-height: 1.5rem;display: flex;justify-content: flex-start;align-items: center;}
.signin-calendar-box .calendar .weeks div{font-size: .6rem;width: 14%;height: 100%;background:#87572E;margin: 0 1px;color:#ffffff;text-align: center;}
.signin-calendar-box .calendar .days{height:calc(100% - 1.5rem - 1px);display: flex;flex-direction: column;margin-top: 1px;}
.signin-calendar-box .calendar .days .dayline{display: flex;justify-content: flex-start;align-items: center;height:20%;margin: 1px 0;}
.signin-calendar-box .calendar .days .dayline .child{font-size: .7rem;width: 14%;height: 100%;background:#F7F4DC;margin: 0 1px;color:#333333;display: flex;align-items: center;justify-content: center;}
.signin-calendar-box .calendar .days .dayline .child.disabled{color:#adadad;cursor: no-drop;}
.signin-calendar-box .calendar .days .dayline .child.active{background:#F7F4DC url(../img/calendar_active.png) center center no-repeat;background-size:auto 70%;}
.signin-calendar-box .calendar .days .dayline .day{cursor: pointer;position: relative;}
.signin-calendar-box .calendar .days .dayline .retrieve-sign{position: absolute;right: 3%;bottom: 5%;z-index: 2;color: #1b86ff;font-size: .6rem;height: .62rem;line-height: .62rem;}

.layer_wrap.retrievesignlayer .layer_content{
    border-radius: .4rem;
    background: #f1f1f1;
    width: 11.5rem;
}
.layer_wrap.retrievesignlayer .layer_content .close_btn{
    display: none;
}
.layer_wrap.retrievesignlayer .retrievesign-text{
    text-align: center;
    font-size: .75rem;
    color: #666666;
    padding: 1rem 0 .5rem 0;
}
.layer_wrap.retrievesignlayer .layer_content .fotterbtn{
    padding: .2rem 1rem 1.7rem 1rem;
}
.layer_wrap.retrievesignlayer .layer_content .fotterbtn span{
    width: 44%;
    height: 1.5rem;
    line-height: 1.4rem;
    background: #35b432;
    border: 1px solid #35b432;
    border-radius: 5px;
    font-size: .77rem;
}
.layer_wrap.retrievesignlayer .layer_content .fotterbtn span.btn_1{
    background: #eaeaea;
    border-color: #d0d0d0;
    color: #929292;
}

.mining-ctn{
    height: 100%;
}
.mining-ctn .mining-box{
    width: 100%;
    height: calc(100% - 1.7rem);
    background: #371809;
}
.mining-ctn .goly-exchange-box{
    background: url(../img/gold_bg.png) top center no-repeat;
    background-size: cover;
    height: 18%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 .8rem 0 1rem;
}
.mining-ctn .goly-exchange-box .txt{
    width: 44%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    height: 2rem;
    padding-left: 1.6rem;
}
.mining-ctn .goly-exchange-box .txt:first-child{
    width: 30%;
    padding-left: 0;
    border-right: 1px solid #d1360b;
}
.mining-ctn .goly-exchange-box .label{
    color: #ff9e56;
    width: 100%;
    font-size: .65rem;
    height: 1rem;
    line-height: 1rem;
}
.mining-ctn .goly-exchange-box .val{
    color: #ffe981;
    width: 100%;
    font-size: 1rem;
    height: 1rem;
    line-height: 1rem;
}
.mining-ctn .goly-exchange-box .exchange-btn{
    background: url(../img/exchange_btn.png) right center no-repeat;
    width: 20%;
    height: 1.6rem;
    background-size: contain;
    position: relative;
}
.mining-ctn .goly-exchange-box .exchange-btn:hover{
    background: url(../img/exchange_btn_h.png) right center no-repeat;
    background-size: contain;
}
.mining-ctn .goly-exchange-box .exchange-btn.disabled{
    background: url(../img/exchange_btn_d.png) right center no-repeat;
    background-size: contain;
}
.mining-ctn .goly-exchange-box .exchange-btn .mark{
    width: 80%;
    position: absolute;
    right: -1px;
    top: -.9rem;
    z-index: 99;
}
.mining-ctn .goly-exchange-box .exchange-btn .mark img{
    width:100%;
    vertical-align: middle;
}
.mining-ctn .mining-area{
    background: url(../img/default_mining_bg.gif) center center no-repeat;
    background-size: cover;
    position: relative;
    height: 62%;
    margin: .13rem .4rem 0 .4rem;
}
.mining-ctn .mining-area.mipanim{
    background: url(../img/mining_bg.gif) center center no-repeat;
}
.mining-ctn .mining-area .physical-power-box{
    position: absolute;
    top: .4rem;
    left: .7rem;
    display: flex;
    align-items: center;
}
.mining-ctn .mining-area .physical-power-box .physical-power{
    width: 7.5rem;
    height: 1.5rem;
    line-height: 1.5rem;
    background: url(../img/bottle_bg.png) 0 0 no-repeat;
    background-size: contain;
    font-size: .75rem;
    color: #e4cb7d;
    text-indent: .8rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.mining-ctn .mining-area .physical-power-box .bottle{
    float: left;
    width: 4.5rem;
    height: 1.5rem;
    background: url(../img/bottle_icon.png) 0 -22px no-repeat;
    background-size: 3.3rem;
    position: relative;
}
.mining-ctn .mining-area .physical-power-box .bottle span{
    width: 0px;
    height: 1.5rem;
    float: left;
    position: absolute;
    z-index: 99;
    left: 0;
    background: url(../img/bottle_icon.png) 0 5px no-repeat;
    background-size: 3.3rem;
}
.mining-ctn .mining-area .physical-power-box .bottle.lock span{
    background-position: 0 -51px;
}
.mining-ctn .mining-area .physical-power-box .bottle span.active1{
    width: 1rem;
}
.mining-ctn .mining-area .physical-power-box .bottle span.active2{
    width: 2.3rem;
}
.mining-ctn .mining-area .physical-power-box .bottle span.active3{
    width: 3.7rem;
}
.mining-ctn .mining-area .physical-power-box .bottle.lock .lock-btn{
    position: absolute;
    width: .9rem;
    height: 1.5rem;
    left: 0;
    top: 0px;
    z-index: 100;
    cursor: pointer;
}
.mining-ctn .mining-area .antisecosis{
    font-size: .6rem;
    color: #8aff00;
    text-align: center;
    position: absolute;
    top: 2.2rem;
    left: 1.6rem;
}
.mining-ctn .mining-area .mining-btn{
    position: absolute;
    bottom: .9rem;
    width: 8rem;
    height: 2.4rem;
    background: url(../img/mining_btn.png) center center no-repeat;
    background-size: contain;
    cursor: pointer;
    right: 1rem;
}
.mining-ctn .mining-area .mining-btn:hover{
    background: url(../img/mining_btn_h.png) center center no-repeat;
    background-size: contain;
}
.mining-ctn .mining-area .mining-btn.disabled{
    background: url(../img/mining_btn_d.png) center center no-repeat;
    background-size: contain;
    cursor: no-drop;
}
.mining-ctn .mining-area .mining-loading-box{
    width: 80%;
    height: 2.4rem;
    line-height: 2.4rem;
    font-size: .7rem;
    background: url(../img/mining_tips.png) center center no-repeat;
    background-size: contain;
    text-align: center;
    left: 50%;
    position: absolute;
    bottom: .9rem;
    color: #762100;
    z-index: 99;
    margin-left: -40%;
}
.mining-ctn .mining-tips{
    font-size: .55rem;
    color: #707070;
    line-height: .8rem;
    margin: .4rem .4rem 0 .4rem;
	display: flex;
	justify-content: space-between;
}
.mining-ctn .mining-tips span{
	color:#d8c474;
	text-decoration: underline;
	cursor: pointer;
}
.mining-result-layer{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.3);
    z-index: 99;
}
.mining-result{
    position: absolute;
    width: 80%;
    height: 2.4rem;
    line-height: 2.4rem;
    left: 10%;
    top: 50%;
    z-index: 999;
    margin-top: -1.2rem;
    background: url(../img/mining_tips.png) center center no-repeat;
    background-size: contain;
    text-align: center;
    color: #b63300;
    font-size: 1rem;
    font-weight: bold;
}

/* 挖矿规则弹框 */
.miningruledes-area{position: absolute;left: 0;top: 0;z-index: 99;background: rgba(0,0,0,.5);width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;}
.miningruledes-box{width: 84%;background: #fff;height:auto;position: relative;color: #333;padding: .6rem .9rem;max-width: 500px;}
.miningruledes-box .close-btn{width: 1.3rem;height: 1.3rem;position: absolute;right: -.5rem;top: -.5rem;background: url(../img/news_close_btn.png) no-repeat;background-size: cover;}
.miningruledes-box .title{text-align: center;font-size: .8rem;font-weight: bold;margin-bottom: .5rem;}
.miningruledes-box ul li{font-size: .6rem;line-height: 1rem;display: flex;}
.miningruledes-box ul li span{margin-right: .25rem;color:#333333;font-weight: normal;}
.miningruledes-box .color_r{color:#cc3333;font-weight: bold;}

body.sdkstyle_0 .miningruledes-box ul li{font-size: .65rem;margin-top: .25rem;}

.welfare-ctn{height: 100%;}
.welfare-ctn .welfare-box {width: 100%;height: 100%;}
.welfare-ctn .game-info{background: #f7f7f7;height:1.7rem;display: flex;justify-content: space-between;align-items: center;padding: 0 .5rem;font-size: .5rem;color: #444444;border-bottom: 1px solid #EDEDED;}
.welfare-ctn .game-info .circle-icon{height: 60%;max-height: 16px;margin-right: .4rem;}
.welfare-ctn .game-info .game-name{font-size: .65rem;font-weight: bold;color: #444444;white-space: nowrap;}
.welfare-ctn .game-info .time-remain {font-size: .55rem;color: #333;width: 100%;margin-left: 1rem;}
.welfare-ctn .game-info .time-remain span{color: #ff1b1b;}
.welfare-ctn .game-info .time-remain.gray {color: #666;}

.welfare-ctn .award_require{height: 1.6rem;color: #666;display: flex;align-items: center;justify-content: space-between;font-size: .6rem;margin: .6rem .7rem 0 .7rem;background: #f7f7f7;padding: 0 .3rem 0 .6rem;border-radius: 4px;}
.welfare-ctn .award_require div{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: flex;
    align-items: center;
	margin-right: .4rem;
}
.welfare-ctn .award_require div:last-child{
    text-align: right;
    justify-content: flex-end;
	margin-right: 0;
}
.welfare-ctn .award_require .txt{
    color: #747474;
}
.welfare-ctn .award_require .blue{
    color: #2c5deb;
}
.welfare-ctn .award_require .updatetxt , .welfare-ctn .award_require .update-time{
    color: #666;
    font-size: .5rem;
    zoom: 0.9;
}
.welfare-ctn .award_require .update-btn{
    background: #ff7022;
    font-size: .58rem;
    line-height: 0.58rem;
    color: #ffffff;
    padding: .25rem .37rem;
    border: 1px solid #ff7022;
    box-sizing: border-box;
    margin-left: .2rem;
    zoom: 0.9;
    border-radius: .1rem;
    cursor: pointer;
    text-align: center;
    border-radius: 3px;
}
.welfare-ctn .award_require .update-btn.disabled{
	background: #f6f6f6;
	border-color: #d8d8d8;
	color: #9e9e9e;
}
.welfare-ctn .pay-securities-box{
	height: calc(100% - 1.7rem - 2.2rem - 2.15rem);
	padding: .6rem .7rem 0 0;
	display: flex;
	justify-content: space-around;
	align-items: flex-start;
	margin-left: -.3rem;
}
body.sdkstyle_0 .welfare-ctn .pay-securities-box{
    height: 263px;
}
.welfare-ctn .pay-securities-new{
    border: 1px solid #ffebbd;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 100%;
    max-height: 250px;
    position: relative;
    background: url(../img/welfare/welfare_item_bg.png?v=1) center center no-repeat;
    background-size: 100% 100%;
    width:100%;
    margin-left: 1rem;
    border-radius: 6px;
}
.welfare-ctn .pay-securities-new .kaifuday{
	position:absolute;
	left: -1px;
	top:-1px;
	width:3rem;
	height: 1.1rem;
	text-align:center;
	line-height: 1.1rem;
	background: url(../img/welfare/kaifu_day_bg1.png?v=1) no-repeat;
	background-size:100% 100%;
	font-size: .52rem;
	color:#ffffff;
	white-space: nowrap;
}
.welfare-ctn .pay-securities-new .end_ico{
	position: absolute;
	right:2%;
	bottom:5%;
	width:88%;
	height:28%;
	max-height:66px;
	background: url(/Public/Common/privilege/images/end_ico.png) no-repeat right 0;
	background-size: auto 100%;
	z-index: 11;
}
.welfare-ctn .quan_box{
	width: 85%;
	height: 3.4rem;
	margin-top: 1.5rem;
	max-width:140px;
}
.welfare-ctn .quan_box .quan_info{
    background: url(../img/quan_ico.png) center center no-repeat;
    background-size: cover;
    height: 100%;
    padding-left: .2rem;
    position: relative;
	display: flex;
	flex-direction: column;
	justify-content: space-around;
}
.welfare-ctn .quan_box .time{
	color: #ffb4b4;
	font-size: .55rem;
	white-space: nowrap;
	align-self: flex-end;
	margin-right:.2rem;
}
.welfare-ctn .quan_box .money-box{
    font-size: .75rem;
    color: #fff;
    display: flex;
    line-height: .9rem;
}
.welfare-ctn .quan_box .money-box .money{
    font-weight: bold;
    font-size: 1.2rem;
    line-height: 1rem;
}
.welfare-ctn .quan_box .label{
    width: calc(100% - 0.3rem);
    font-size: .55rem;
    color: #ffd0d0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    zoom: 0.88;
}
.welfare-ctn .voucher_box{}
.welfare-ctn .voucher_box .quan_info{
    background: url(../img/welfare/voucher_bg1.png) center center no-repeat;
    background-size: 100% 100%;
}
.welfare-ctn .voucher_box .time{
	color: #af8732;
	align-self: center;
	zoom:.88;
}
.welfare-ctn .voucher_box .money-box{
    color: #a0500f;
    margin-top: 3%;
}
.welfare-ctn .voucher_box .label{
    color: #a07210;
}
.welfare-ctn .voucher_box .label .gname{
	display: inline-block;
	max-width: 4.25rem;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	vertical-align: bottom;
}
.welfare-ctn .require_box{
    width: 100%;
    height: calc(100% - 5.4rem);
    padding-top:.25rem;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
}
.welfare-ctn .require_box .require_item , .welfare-ctn .require_box .havreward-box .tips{
    font-size: .55rem;
    color: #373737;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-bottom: .3rem;
}
.welfare-ctn .require_box .havreward-box{display: flex;flex-direction: column;justify-content:flex-start;align-items:center;}
.welfare-ctn .require_box .havreward-box .tips{color:#666}
.welfare-ctn .require_box .require_item.requireinfo{padding-top: .25rem;}
.welfare-ctn .require_box .require_item.requireinfo .info{margin: .15rem .25rem;}
.welfare-ctn .require_box .require_item.requireinfo .info span{color: #bd1515;}
.welfare-ctn .require_box .require_item.requireinfo .info span.jifen{color: #cf15fe;}
.welfare-ctn .require_box .require_item.surplus_item{
	margin-top: .75rem;
	color:#6a6a6a;
}
.welfare-ctn .require_box .getpay-btn{
    color: #fff;
    background: #ff5825;
    font-size: .68rem;
    border: 1px solid #ff5825;
    padding: .15rem .3rem;
    border-radius: .3rem;
    margin-top: .6rem;
    min-width: 3.4rem;
    text-align: center;
}
.welfare-ctn .require_box .getpay-btn.disabled{
    background: #f6f6f6;
    border-color: #d8d8d8;
    color: #9e9e9e;
}
.welfare-ctn .require_box .getpay-btn.linetime{
    background: #fff;
    border-color: #ffab92;
    color: #ff5825;
}
.welfare-ctn .welfare-btm{
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    font-size: .6rem;
    height: 1.4rem;
    line-height: 1.4rem;
    margin: 0 0.7rem;
}
.welfare-ctn .welfare-btm .myjifen{
    display: flex;
    align-items: center;
    color: #666;
}
.welfare-ctn .welfare-btm .myjifen span{
    color: #bf2fea;
}
.welfare-ctn .welfare-btm .myjifen em{
    width: .65rem;
    height: .65rem;
    display: inline-block;
    margin-left: .25rem;
    background: url(../img/link_icon.png) center center no-repeat;
    background-size: cover;
    cursor: pointer;
}
.welfare-ctn .welfare-btm .myjifen em:hover{
    background: url(../img/link_icon_h.png) center center no-repeat;
    background-size: cover;
}
.welfare-ctn .welfare-btm .myjifen .jiefenChannel{
	margin-left:.75rem;font-size: .65rem;color:#5088dc;cursor: pointer;text-decoration: underline;
}
.welfare-ctn .welfare-btm .myptb{
	width: 100%;
	color:#666;
	margin-top: .1rem;
	display: flex;
	align-items: center;
}
.welfare-ctn .welfare-btm .myptb .num{
	color:#ff6600;
	font-weight: bold;
}
.welfare-ctn .welfare-btm .myptb .link{
	color:#009900;
	text-decoration: underline;
	cursor: pointer;
	margin-left: .75rem;
}
.welfare-ctn .welfare-des{
    color: #484848;
    text-decoration: underline;
    cursor: pointer;
}
.welfareruledes-area{
    position: absolute;
    left: 0;
    top: 0;
    z-index: 99;
    background: rgba(0,0,0,.5);
    width: 100%;
    height: 100%;
}
.welfareruledes-box{
    width: 100%;
    background: #fff;
    max-height: 75%;
    color: #333;
    padding: .6rem .9rem 1.7rem .9rem;
    position: absolute;
    bottom: 0;
    left: 0;
}
.welfareruledes-box .close-btn{
    width: 1.5rem;
    height: 1.5rem;
    line-height: 1.5rem;
    position: absolute;
    right: .1rem;
    top: 0;
    color: #7a7a7a;
    text-align: center;
    font-size: .9rem;
    font-family: 宋体;
}
.welfareruledes-box .title{
    text-align: center;
    font-size: .8rem;
    font-weight: bold;
}
.welfareruledes-box .subtitle{
    font-size: .78rem;
    margin-bottom: .5rem;
}
.welfareruledes-box ul li{
    font-size: .5rem;
    line-height: 1rem;
    display: flex;
}

.welfareAward-area{position: absolute;left: 0;top: 0;z-index: 99;background: rgba(0,0,0,.5);width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;}
.welfareAward-box{width: 84%;background: #fff;max-height: 80%;position: relative;color: #333;max-width: 360px;}
.welfareAward-box .close-btn{width: 1.3rem;height: 1.3rem;position: absolute;right: -.5rem;top: -.5rem;background: url(../img/news_close_btn.png) no-repeat;background-size: cover;}
.welfareAward-box .toptip{background:#FFFAE4;border-bottom: 1px solid #F3E2CE;padding:.75rem 1rem;display: flex;align-items: center;}
.welfareAward-box .toptip img{height: 3.5rem;}
.welfareAward-box .toptip .textbox{display: flex;flex-direction: column;justify-content: space-around;margin-left: .75rem;height: 3rem;}
.welfareAward-box .toptip .textbox .text1{font-size: .75rem;color:#414141;}
.welfareAward-box .toptip .textbox .text2{font-size:.8rem;color:#414141;}
.welfareAward-box .toptip .textbox .text2 span{color:#c18c30;font-weight: bold;}
.welfareAward-box .toptip .textbox .text3{color:#ff2121;font-size: .6rem;}
.welfareAward-box .subtitle{font-size: .6rem;margin: .75rem .75rem .2rem;}
.welfareAward-box ul{margin: 0 .75rem .75rem;color:#4e4e4e;}
.welfareAward-box ul li{font-size: .6rem;line-height: 1rem;}

.ptbpay-ctn{width: 100%;height: calc(100% - 1.7rem);position: relative;background: #fff;}
.ptbpay-ctn .ptbpay-title{background: #eeeeee;height:1.7rem;display:flex;align-items:center;justify-content: space-between;padding: 0 .7rem;/* font-size: .65rem; *//* color: #585858; */}
.ptbpay-ctn .ptbpay-title .back{cursor: pointer; background:url(../img/arrow_fl1.png) no-repeat 0 center; background-size: .35rem;padding-left: .7rem;color:#999;font-size: .65rem;}
.ptbpay-ctn .ptbpay-title .title{color:#333;font-size: .75rem;}

.ptbpay-ctn .ptbpay-box{height:100%;overflow-y: auto;}
.ptbpay-ctn .ptbpay-box .user-ptb{font-size:.6rem;border-bottom: 1px solid #ebebeb;height: 1.7rem;line-height: 1.7rem;padding-left: .8rem;color: #666;}
.ptbpay-ctn .ptbpay-box .user-ptb span.ptb{color: #ff6000;}
.ptbpay-ctn .ptbpay-box .user-ptb span.refresh-ptb{text-decoration: underline;margin-left: .65rem;}
.ptbpay-ctn .ptbpay-area{
    padding: .7rem .7rem;
    text-align: center;
}
.ptbpay-ctn .ptbpay-area .item{
    display: flex;
    align-items: center;
    margin-bottom: 1.1rem;
    position: relative;
}
.ptbpay-ctn .ptbpay-area .item1{
    align-items: flex-start;
    margin-bottom: 1rem;
}
.ptbpay-ctn .ptbpay-area .item .label{
    font-size: .55rem;
    color: #666666;
    width: 3rem;
}
.ptbpay-ctn .ptbpay-area .item .pay-error-tips{
    font-size: .6rem;
    position: absolute;
    right: 0;
    top: 0;
    line-height: 1.6rem;
    color: #999;
}
.ptbpay-ctn .ptbpay-area .pay-spec{
    display: flex;
    flex-wrap: wrap;
    width: calc(100% - 3rem);
}
.ptbpay-ctn .ptbpay-area .pay-spec .payment-spec-item{
    width: 23%;
    margin-right: 2%;
    background: #ffffff;
    border: 1px solid #dadada;
    text-align: center;
    font-size: .55rem;
    height: 1.6rem;
    margin-bottom: .3rem;
    display: flex;
    align-items: center;
    justify-content: center;
}
.ptbpay-ctn .ptbpay-area .pay-spec .payment-spec-item.active{
    border: 1px solid #ff7a19;
    background: #fff url(../img/check_mark_ico.png) right bottom no-repeat;
    background-size: .7rem;
    color: #ff6600;
    font-weight: bold;
}
.ptbpay-ctn .ptbpay-area .pay-spec .input-money-box{
    width: 48%;
    border: 1px solid #dadada;
    height: 1.6rem;
    line-height: 1.6rem;
    background: #fff;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 .3rem;
    font-size: .5rem;
}
.ptbpay-ctn .ptbpay-area .pay-spec .input-money-box input{
    border: 1px solid #fff;
    height: 100%;
    font-size: .62rem;
    color: #333;
    width: 90%;
    display: flex;
    align-items: center;
}
.ptbpay-ctn .ptbpay-area .pay-spec .input-money-box.active{
    color: #ff6600;
}
.ptbpay-ctn .ptbpay-area .pay-way{
    width: calc(100% - 3rem);
    display: flex;
    align-items: flex-start;
}
.ptbpay-ctn .ptbpay-area .way-item{
	padding:0 .4rem;
    margin-right: 3%;
    height: 1.6rem;
    line-height: 1.6rem;
    background: #fbfbfb;
    border: 1px solid #dfdfdf;
    color: #8b8b8b;
    font-size: .68rem;
    border-radius: .2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    cursor: pointer;
}
.ptbpay-ctn .ptbpay-area .way-item .tj-ico{
    width: 1.3rem;
    height: .9rem;
    position: absolute;
    right: .45rem;
    top: -.5rem;
    background: url(../img/tj_ico.png) no-repeat;
    background-size: contain;
}
.ptbpay-ctn .ptbpay-area .way-item em{
    width: 1rem;
    height: 1rem;
    display: inline-block;
    margin-right: .3rem;
}
.ptbpay-ctn .ptbpay-area .way-item-alipay em{
    background: url(../img/zfb_ico.png) center center no-repeat;
    background-size: contain;
}
.ptbpay-ctn .ptbpay-area .way-item-weixin em{
    background: url(../img/wx_ico.png) center center no-repeat;
    background-size: contain;
}
.ptbpay-ctn .ptbpay-area .way-item-alipay.active{
    background: #009fe9;
    border-color: #009fe9;
    color: #fff;
}
.ptbpay-ctn .ptbpay-area .way-item-weixin.active{
    background: #30bf46;
    border-color: #30bf46;
    color: #fff;
}
.ptbpay-ctn .ptbpay-area .way-item-alipay.active em{
    background: url(../img/zfb_ico_a.png) no-repeat;
    background-size: contain;
}
.ptbpay-ctn .ptbpay-area .way-item-weixin.active em{
    background: url(../img/wx_ico_a.png) no-repeat;
    background-size: contain;
}
.ptbpay-ctn .ptbpay-area .way-item.active::after{
    content: '';
    width: .6rem;
    height: .6rem;
    position: absolute;
    right: -1px;
    bottom: -1px;
    background: url(../img/check_mark.png) right bottom no-repeat;
    background-size: cover;
}
.ptbpay-ctn .ptbpay-area .item .values{
    width: calc(100% - 3rem);
    font-size: .68rem;
    color: #ff4800;
    display: flex;
    align-items: center;
}
.ptbpay-ctn .ptbpay-area .item .values .dw_txt , .ptbpay-ctn .ptbpay-area .item .values .tip_txt{
	font-size:.55rem;
}
.ptbpay-ctn .ptbpay-area .item .values .tip_txt{
    color: #3366FF;
}

.ptbpay-ctn .ptbpay-area .item .ptbFirstPayMoney{position: relative;}
.ptbpay-ctn .ptbpay-area .item .ptbFirstPayMoney .first_pay_tip{width: 5.1rem;height: 1.2rem;position: absolute;left:0.7rem;top:-1rem;}

.ptbpay-ctn .ptbpay-area .item .ptbGjPayMoney , .ptbpay-ctn .ptbpay-area .item .ptbFirstPayMoney{
    display: flex;
    align-items: center;
}
.ptbpay-ctn .ptbpay-area .item .paybili_tips{
    font-size: .55rem;
    color: #585858;
    margin-left: .5rem;
}
.ptbpay-ctn .ptbpay-area .ptbpay-btn{
    width: auto;
    height: 1.6rem;
    line-height: 1.6rem;
    display: inline-block;
    padding: 0 1rem;
    background: #ff6600;
    text-align: center;
    font-size: .78rem;
    border-radius: .2rem;
    color: #fff;
    cursor: pointer;
	position: relative;
}
.payqrcode-area{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.3);
    z-index: 99;
    display: flex;
    align-items: center;
    justify-content: center;
}
.payqrcode-area .payqrcode-box{
    width: 196px;
    border: 2px solid #009FE9;
    border-radius: 4px;
    background: #009FE9;
    position: relative;
}
.payqrcode-area .payqrcode-box .close-btn{
    width: 1.3rem;
    height: 1.3rem;
    position: absolute;
    right: -.5rem;
    top: -.5rem;
    background: url(../img/news_close_btn.png) no-repeat;
    background-size: cover;
    cursor: pointer;
}
.payqrcode-area .payqrcode-box-weixin{
    border: 2px solid #30bf46;
    background: #30bf46;
}
.payqrcode-area .payqrcode-box #qrcodeIframe{
    border: 0 none;
    background: #fff;
    padding: 30px 30px 20px 30px;
    border-radius: 3px;
}
.payqrcode-area .payqrcode-box .codetip{
    width: 208px;
    height: 42px;
    line-height: 40px;
    color: #fff;
    font-size: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: -15px;
    border-radius: 0px;
    padding: 10px 0 15px 0;
}
.payqrcode-area .payqrcode-box .codetip em{
    width: 30px;
    height: 30px;
    background: url(../img/zfb_ico_a.png) no-repeat;
    background-size: 30px;
    margin-right: 8px;
}
.payqrcode-area .payqrcode-box-weixin .codetip em{
    background: url(../img/wx_ico_a.png) no-repeat;
    background-size: 30px;
}
.ptbpayrule-ctn{
    width: 100%;
    height: 100%;
}
.ptbpayrule-ctn .backtitle{
    height: 1.5rem;
    line-height: 1.5rem;
}
.ptbpayrule-ctn .backtitle .back{
    font-size: .6rem;
}
.ptbpayrule-ctn .backtitle .title{
    font-size: .7rem;
}
.ptbpayrule-ctn .ptbpayrule-box{
    padding: .5rem .75rem;
}
.ptbpayrule-ctn .vip-area{
    width: 100%;
    height: 3.6rem;
    background: url(../img/vip_bg.png) center center no-repeat;
    background-size: cover;
    border-top-left-radius: .3rem;
    border-top-right-radius: .3rem;
    padding: .25rem .3rem 0 .3rem;
    position: relative;
}
.ptbpayrule-ctn .vip-area .tips{
    text-align: center;
    font-size: .55rem;
    color: #fff9e3;
}
.ptbpayrule-ctn .vip-area .tips .green{
    color: #84ff00;
}
.ptbpayrule-ctn .vip-area .tips .yellow{
    color: #ffcb00;
}
.ptbpayrule-ctn .vip-area .vip-progress-box{
    height: .7rem;
    margin-top: .1rem;
    display: flex;
    align-items: center;
}
.ptbpayrule-ctn .vip-area .vip-progress-box .level{
    width: 8%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.ptbpayrule-ctn .vip-area .vip-progress-box .level img{
    width: 100%;
}
.ptbpayrule-ctn .vip-area .vip-progress-box .vip-progress{
    width: 82%;
    height: .5rem;
    display: flex;
    align-items: center;
    background: #4d2900;
    border: 1px solid #3a1f00;
    position: relative;
    border-radius: .1rem;
    margin: 0 1%;
}
.ptbpayrule-ctn .vip-area .vip-progress-box .bar{
    height: 100%;
    background: #50b349;
    border: 1px solid #85ca80;
    border-right-width: 2px;
}
.ptbpayrule-ctn .vip-area .vip-progress-box .text{
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    font-size: .5rem;
    color: #e3e3e3;
    display: flex;
    align-items: center;
    justify-content: center;
    zoom: 0.75;
}
.ptbpayrule-ctn .vip-area .tequan-box{
    position: absolute;
    left: .3rem;
    bottom: 0;
    width: calc(100% - .6rem);
    height: 1.4rem;
    background: #fff3c5;
    border: 1px solid #fcf2af;
}
.ptbpayrule-ctn .vip-area .tequan-box .mark{
    position: absolute;
    width: 2%;
    height: .4rem;
    left: 2%;
    top: -.2rem;
    background: #fff3c5;
    border-top: 1px solid #fcf2af;
    border-left: 1px solid #fcf2af;
    transform: rotate(45deg);
    border-top-left-radius: .1rem;
    border-top-right-radius: .1rem;
}
.ptbpayrule-ctn .vip-area .tequan-box .mark2{
    right: 2%;
    left: auto;
}
.ptbpayrule-ctn .vip-area .tequan-info{
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: .72rem;
}
.ptbpayrule-ctn .vip-area .tequan-info .mytequan{
    color: #7a4229;
    font-weight: bold;
}
.ptbpayrule-ctn .vip-area .tequan-info .mytequan span{
    color: #dd0000;
}
.ptbpayrule-ctn .vip-area .tequan-info .right-arrow{
    background: url(../img/arrow_r_ico.png) center center no-repeat;
    width: 1rem;
    height: 100%;
    background-size: contain;
    margin: 0 .6rem;
}
.ptbpayrule-ctn .ptbpay-rule{
    margin-top: .3rem;
    border-top: 1px solid #e1e1e1;
    border-right: 1px solid #e1e1e1;
}
.ptbpayrule-ctn .ptbpay-rule li{
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: .6rem;
    height: 1.3rem;
    line-height: 1.3rem;
    text-indent: 38%;
}
.ptbpayrule-ctn .ptbpay-rule li.head{
    text-align: center;
    background: #eeeeee;
    text-indent: 0!important;
}
.ptbpayrule-ctn .ptbpay-rule li div{
    width: 50%;
    border-left: 1px solid #e1e1e1;
    border-bottom: 1px solid #e1e1e1;
    color: #666;
}
.ptbpayrule-ctn .ptbpay-rule li div span{
    color: #ff2626;
}

/* 版本更新 */
.version_update_box{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.7);
    z-index: 9999;
    display: flex;
    align-items: center;
    justify-content: center;
}
.version_update_box .version_update_area{
    text-align: center;
}
.version_update_box .subtitle{
    text-align: center;
    width: 100%;
    height: 1.3rem;
}
.version_update_box .subtitle img{
    height: 100%;
}
.version_update_box .version_update_ctn{
    color: #efefef;
    width: 83%;
    margin: 2% auto 0 auto;
    text-align: left;
}
.version_update_box .version_update_ctn .text{
    width: 100%;
    display: inline-block;
    margin-bottom: .1rem;
    font-size: .5rem;
    line-height: 1.2rem;
}
.version_update_box .version_update_ctn .text2{
    text-indent: 1.5rem;
    margin-bottom: 0;
}
.version_update_box .version_update_ctn .text2 span{
    color: #ffda0d;
}
.version_update_box .enter_btn , .version_update_box .down_btn{
    display: inline-block;
    margin: 4% .5rem 0 .5rem;
    border: 1px solid #ffc529;
    border-radius: 2rem;
    padding: .35rem 1.1rem;
    color: #ffc529;
    font-size: .7rem;
    background: #1a1a1a;
}
.version_update_box .down_btn{
    background: #ffc529;
    border-color: #ffc529;
    color: #1a1a1a;
}

.choose-server-box{
    width: 80%;
	height: 80%;
    max-width: 856px;
	max-height: 605px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 999;
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.choose-server-box .bg_img{width: 100%;display: block;}
.choose-server-box .bg_img.btimg{margin-top:-1px;}
.choose-server-box .choose-cn{width:100%;height: 80%;background:url(../img/server_bg_c.png) repeat;background-size:100% auto;position: relative;}
.choose-server-box .choose-cn .cn_img{position: absolute;top:0;left:0;width: 100%;}
.choose-server-box .choose-tabs{
    width: 24%;
	height: 100%;
	margin-left:6%;
    line-height: 1.6rem;
    display: flex;
    align-items: center;
	align-content: flex-start;
    justify-content: flex-start;
	flex-wrap: wrap;
	position: relative;
	overflow: auto;
}
.choose-server-box .choose-tabs .tab{
	width:100%;
    background: url(../img/server_tab.png) no-repeat;
	background-size: 100% 100%;
    font-size: .75rem;
	color:#b6a07b;
    position: relative;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer;
	text-align: center;
}
.choose-server-box .choose-tabs .tab.active{
    background: url(../img/server_tab_h.png) no-repeat;
    background-size: 100% 100%;
}
.choose-server-box .choose-tabs .tab.active span{
    position: relative;
    z-index: 2;
    color: #f9e8c0;
	font-weight: bold;
}
.choose-server-box .server-lists{
	width:62%;
    height: 100%;
	position: relative;
	border:1px solid #323234;
	box-shadow: 0 0 1px 0 #0D0C0F;
	margin-right: 6%;
	padding:.5rem 0;
}
.choose-server-box .server-lists ul{
    height: 100%;
    padding: 0 .5rem;
    overflow-y: auto;
}
.choose-server-box .server-lists ul li{
    width: 32.33%;
    height: 1.4rem;
    line-height: 1.3rem;
    margin-right: 1%;
    margin-bottom: 1%;
    text-align: center;
    font-size: .65rem;
    float: left;
}
.choose-server-box .server-lists ul li.no-data{
    width: 100%;
    text-align: center;
    margin: 0;
    padding: 1rem 0;
	color:#7d7a7c;
}
.choose-server-box .server-lists a{
    display: inline-block;
    width: 100%;
    height: 100%;
    background: url(../img/server_nav.png) no-repeat;
	background-size:100% 100%;
    color: #d9a35e;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.choose-server-box .server-lists a:hover{
	background: url(../img/server_nav_h.png) no-repeat;
	background-size:100% 100%;
	color:#f9e8c0;
}

.sdkstyle_1 .choose-server-box{height: 90%;}
.sdkstyle_0 .choose-server-box .choose-tabs{width:18%;line-height: 2rem;}
.sdkstyle_0 .choose-server-box .server-lists{width:68%;}
.sdkstyle_0 .choose-server-box .server-lists ul li{height: 1.8rem;line-height: 1.7rem;}

/* 返利 */
.fanli-ctn{padding: .7rem;height: calc(100% - 1.7rem);}
.fanli-ctn .subtitle{
    background: #ff8500;
    height: 1.2rem;
    line-height: 1.2rem;
    text-align: center;
    font-size: .6rem;
    color: #f7f7f7;
    font-weight: bold;
}
.fanli-ctn .myfanli-area{
    border: 1px solid #ff8500;
    min-height: 12.2rem;
    width:63%;
    position: relative;
    background: #f7f7f7;
}
.fanli-ctn .myfanli-area .myfanli-list li{
    display: flex;
    align-items: center;
    justify-content: center;
    height: 1.35rem;
    line-height: 1.35rem;
}
.fanli-ctn .myfanli-area .myfanli-list li div{
    height: 100%;
    border-left: 1px solid #e3e3e3;
    border-bottom: 1px solid #e3e3e3;
    color: #333;
    font-size: .6rem;
    text-align: center;
	white-space:nowrap;
}
.fanli-ctn .myfanli-area .myfanli-list .date{
    width: 30%;
}
.fanli-ctn .myfanli-area .myfanli-list .paymoney{
    width: 25%;
}
.fanli-ctn .myfanli-area .myfanli-list .fanliptb{
    width: 25%;
}
.fanli-ctn .myfanli-area .myfanli-list .operate{
    width: 20%;
}
.fanli-ctn .myfanli-area .myfanli-list li.list .fanliptb{
    color: #ff7e00;
}
.fanli-ctn .myfanli-area .myfanli-list li.list .operate span{
    color: #009900;
    text-decoration: underline;
	cursor: pointer;
}
.fanli-ctn .myfanli-area .myfanli-list li.istoday .date,
.fanli-ctn .myfanli-area .myfanli-list li.istoday .paymoney,
.fanli-ctn .myfanli-area .myfanli-list li.istoday .fanliptb{
	color: #ff3333;
}
.fanli-ctn .myfanli-area .myfanli-list li.istoday .paymoney{
	font-weight: bold;
}
.fanli-ctn .myfanli-area .myfanli-list li.not .operate span{
    color: #999999;
    text-decoration: none;
	cursor: no-drop;
}
.fanli-ctn .myfanli-area .myfanli-list .head{
    height: 1.25rem;
    line-height: 1.25rem;
}
.fanli-ctn .myfanli-area .myfanli-list .head div{
    font-size: .55rem;
    color: #333;
    background: #f0f0f0;
    font-weight: bold;
}
.fanli-ctn .myfanli-area .myfanli-list .nofanli{
    height: 7.5rem;
	flex-direction: column;
	text-align: center;
}
.fanli-ctn .myfanli-area .myfanli-list .nofanli img{
    width: 18%;
}
.fanli-ctn .myfanli-area .myfanli-list .nofanli-text{
    border: 0 none;
    font-weight: normal;
    height: 2.6rem;
    line-height: 1.4rem;
    font-size: .65rem;
    color: #a1a1a1;
}
.fanli-ctn .myfanli-area .myfanli-list .nofanli .go-pay-link{
    border: 0 none;
    font-weight: normal;
    height: 1rem;
    line-height: 1rem;
    width: auto;
    display: inline-block;
    color: #5088dc;
    font-size: .6rem;
    text-decoration: underline;
}
.fanli-ctn .myfanli-area .info-item{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 .5rem .25rem .5rem;
	position: absolute;
	bottom:0;
	left:0;
	width:100%;
}
.fanli-ctn .myfanli-area .info-item.hide{
    display: none;
}
.fanli-ctn .myfanli-area .info-item .text{
    font-size: .6rem;
    color: #666;
    height: .9rem;
    line-height: .9rem;
    text-decoration: underline;
    cursor: pointer;
}
.fanli-ctn .myfanli-area .info-item .go-pay-link{
    font-size: .6rem;
    color: #5088dc;
    text-decoration: underline;
    height: .9rem;
    line-height: .9rem;
}
.fanli-ctn .myfanli-area .nodataimg{
	height: 25%;
	max-height: 60px;
	display: block;
	margin: 14% auto;
	display: none;
}
.fanli-ctn .myfanli-area.hasheight .nodataimg.isshow{
	display: block;
}
.fanli-ctn .fanli-rule-area{
    border: 1px solid #ff8500;
    width:35%;
    min-height: 12.2rem;
    background: #f7f7f7;
}

.fanli-ctn .fanli-vip-box{margin-bottom: .5rem;border: 1px solid #ffd88d;background: #fff5d7;border-radius: .2rem;padding: .35rem .5rem;}
.fanli-ctn .fanli-vip-box .tips{text-align: center;font-size: .55rem;color: #333;}
.fanli-ctn .fanli-vip-box .green{color: #1e9100;}
.fanli-ctn .fanli-vip-box .orange{color: #ff3a13;}
.fanli-ctn .fanli-vip-box .red{color: #cc0000;}
.fanli-ctn .fanli-vip-box .color_r{color: #ff3a13;}
.fanli-ctn .fanli-vip-box .vip-progress-box{height: 1rem;margin-top: .1rem;display: flex;align-items: center;}
.fanli-ctn .fanli-vip-box .vip-progress-box .level{width: 1.6rem;height: 0.6rem;flex-shrink: 0;}
.fanli-ctn .fanli-vip-box .vip-progress-box .level img{width: 100%;display: block;}
.fanli-ctn .fanli-vip-box .vip-progress-box .vip-progress{width: 100%;height: .55rem;background: #62481f;border: 1px solid #3a2608;position: relative;border-radius: 1rem;margin: 0 .25rem;}
.fanli-ctn .fanli-vip-box .vip-progress-box .bar{height: 100%;background: #32d526;border: 1px solid #99ea93;border-radius: 1rem;}
.fanli-ctn .fanli-vip-box .vip-progress-box .text{position: absolute;width: 100%;height: 100%;left: 0;top: 0;font-size: .6rem;color: #ffffff;display: flex;align-items: center;justify-content: center;}

.fanli-ctn .fanli-rule-area .fanli-rule-list{}
.fanli-ctn .fanli-rule-area .fanli-rule-list li{
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: .6rem;
    height: 1.35rem;
    line-height: 1.35rem;
    text-align: center;
    color: #333;
}
.fanli-ctn .fanli-rule-area .fanli-rule-list li .nojc{
	text-align: center;
}
.fanli-ctn .fanli-rule-area .fanli-rule-list li.head{
    height: 1.25rem;
    line-height: 1.25rem;
    text-align: center;
    background: #f0f0f0;
    font-weight: bold;
    font-size: .55rem;
}
.fanli-ctn .fanli-rule-area .fanli-rule-list li div{
    width: 50%;
    border-left: 1px solid #e3e3e3;
    border-bottom: 1px solid #e3e3e3;
	white-space: nowrap;
}
.fanli-ctn .fanli-rule-area .fanli-rule-list li div:first-child{
	border-left:0;
}
.fanli-ctn .fanli-rule-area .fanli-rule-list li:last-child div{
	border-bottom: 0;
}
.fanli-ctn .fanli-rule-area .fanli-rule-list li div span{
    color: #ff3333;
}

.fanli-rules-area{position: absolute;left: 0;top: 0;z-index: 99;background: rgba(0,0,0,.5);width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;}
.fanli-rules-area .fanli-rules-box{width: 100%;background: #fff;height:auto;max-height: 78%;position: absolute;bottom: 0;left: 0;padding: .6rem .9rem 1.2rem .9rem;}
.fanli-rules-area .fanli-rules-box .close-btn{
    width: 1.5rem;
    height: 1.5rem;
    line-height: 1.5rem;
    position: absolute;
    right: .1rem;
    top: 0;
    color: #7a7a7a;
    text-align: center;
    font-size: .9rem;
    font-family: 宋体;
}
.fanli-rules-area .fanli-rules-box .title{font-size: .78rem;margin-bottom: .5rem;}
.fanli-rules-area .fanli-rules-box ul li{font-size: .5rem;line-height: 1rem;color:#555555;display: flex;justify-content: flex-start;}
.fanli-rules-area .fanli-rules-box ul li.color_r{color:#ff3333;}
body.sdkstyle_0 .fanli-rules-area .fanli-rules-box ul li{font-size: .65rem;margin-top: .5rem;}

.fanliAwardlayer .layer_content , .fanliAwardSuslayer .layer_content{
    width: 14rem;
}
.fanliAwardSuslayer .layer_content .close_btn{
    display: none;
}
.fanli-award-box{
    padding: .7rem 0 0 0;
    text-align: center;
}
.fanli-award-box .layer-txt{
    font-size: .75rem;
    font-weight: bold;
}
.fanli-award-box .layer-txt span{
    color: #f93636;
    margin-left: .5rem;
}
.fanli-award-box .text{
    font-size: .6rem;
    color: #a1a1a1;
}
.fanli-award-box .text .red{
    color: #ec4747;
}
.fanliAwardlayer .layer_content .fotterbtn , .fanliAwardSuslayer .layer_content .fotterbtn{
    padding: .2rem .75rem 1.5rem .75rem;
}
.fanliAwardlayer .layer_content .fotterbtn span , .fanliAwardSuslayer .layer_content .fotterbtn span{
    background: -webkit-linear-gradient(top,#ff9813,#f48a01);
    border: 1px solid #df7300;
    border-radius: 0;
    padding: 0;
    height: 1.5rem;
    line-height: 1.4rem;
    font-size: .62rem;
    width: 36%;
}
.fanliAwardlayer .layer_content .fotterbtn span.btn_1{
    background: #f5f5f5;
    border-color: #d2d1d0;
    color: #949494;
}

/* 积分福利 */
.cornucopia-ctn{height:100%;}
.cornucopia-ctn .cornucopia-tab{height: 1.5rem;margin:.3rem .4rem 0}
.cornucopia-ctn .cornucopia-tab .tab{float:left;width:25%;height: 1.5rem;line-height: 1.5rem;border:1px solid #E2E2E2;text-align: center;font-size: .7rem;color:#333333;cursor: pointer;font-weight: bold;margin-right: -1px;}
.cornucopia-ctn .cornucopia-tab .tab.cur{border-color:#FF8726;background:#FF8726;color:#FDFDFD;}
.cornucopia-ctn .cornucopia-tab .rules{float:right;font-size: .6rem;cursor: pointer;color:#999;text-decoration: underline;line-height: 1.5rem;}

.cornucopia-ctn .jubao-box,.cornucopia-ctn .packet-box{display: none;}
.cornucopia-ctn .cornucopia-box{margin:0 .4rem .4rem .4rem;position: relative;background:#FFF8CD;height: calc(100% - 2rem - 1.5rem - 0.7rem);}
.cornucopia-ctn .cornucopia-box .packet-list{height:calc(100% - 1.5rem);padding-top:5%;}
.cornucopia-ctn .cornucopia-box .packet-list .icon{height: 20%;background:url(../img/jifen/pack_bn.png) no-repeat center 0;background-size: contain;}
.cornucopia-ctn .cornucopia-box .packet-list .packet-cn{display: flex;justify-content: space-around;margin-top: 5%;height: 65%;padding:0 .5rem;}
.cornucopia-ctn .cornucopia-box .packet-list .packet_item{width: 30%;height: 85%;max-height: 200px;position: relative;background: url(../img/jifen/redEnvelopes.png) no-repeat 0 0px;background-size:100% 100%;text-align: center;cursor: pointer;display: flex;justify-content:flex-start;flex-direction: column;}
.cornucopia-ctn .cornucopia-box .packet-list .packet_item .reward{height: 28%;display: flex;justify-content: center;align-items: center;font-size: .75rem;color: #ffe718;font-weight: bold;flex-shrink: 0;}
.cornucopia-ctn .cornucopia-box .packet-list .packet_item .reward1{height: calc(72% - 1.2rem);}
.cornucopia-ctn .cornucopia-box .packet-list .packet_item .num{height:30%;margin-bottom: 1%;font-size: .6rem;color: #fead98;display: flex;justify-content: center;align-items: flex-end;}
.cornucopia-ctn .cornucopia-box .packet-list .packet_item .consume{height:33.33%;font-size: .6rem;color: #fead98;display: flex;justify-content: center;align-items: flex-start;}
.cornucopia-ctn .cornucopia-box .packet-list .packet_item .btns{height: 33.33%;max-height: 1.2rem;width:80%;max-width: 70px;color: #de0101;background: url(../img/jifen/packet_btn.png) no-repeat;background-size: 100% 100%;display: inline-block;font-size: .65rem;cursor: pointer;margin:0 auto;display: flex;justify-content: center;align-items: center;}
.cornucopia-ctn .cornucopia-box .packet-list .packet_item .btns.disabled{cursor: no-drop;color: #757575;-webkit-filter:grayscale(100%);-o-filter:grayscale(100%);-moz-filter:grayscale(100%);-ms-filter:grayscale(100%);filter:grayscale(100%);filter:gray;}
.cornucopia-ctn .cornucopia-box .packet-list .packet_item .money{color:#fead98;font-size:.6rem;height: 33.33%;display: flex;justify-content: center;align-items: center;}
.cornucopia-ctn .cornucopia-box .packet-list .packet_item.received{background: url(../img/jifen/redEnvelopes1.png) no-repeat 0 0px;background-size:100% 100%;}
.cornucopia-ctn .cornucopia-box .packet-list .packet_item.received .reward{font-size: .6rem;color: #f43900;font-weight: normal;}

body.sdkstyle_0 .cornucopia-ctn .cornucopia-tab{height: 35px;}
body.sdkstyle_0 .cornucopia-ctn .cornucopia-tab .tab{height: 35px;line-height: 35px;}
body.sdkstyle_0 .cornucopia-ctn .cornucopia-box{height: calc(100% - 2rem - 35px - 0.7rem);}
body.sdkstyle_0 .cornucopia-ctn .cornucopia-box .packet-list .packet_item .reward{font-size: 18px;}
body.sdkstyle_0 .cornucopia-ctn .cornucopia-box .packet-list .packet_item .num{font-size: 14px;}
body.sdkstyle_0 .cornucopia-ctn .cornucopia-box .packet-list .packet_item .consume{font-size: 14px;height: 30%;}
body.sdkstyle_0 .cornucopia-ctn .cornucopia-box .packet-list .packet_item .btns{height: 30px;max-height: 30px;width:70%;max-width: 90px;}
body.sdkstyle_0 .cornucopia-ctn .cornucopia-box .packet-list .packet_item .btns:hover{background:url(../img/jifen/packet_btn_h.png) no-repeat;background-size:100% 100%;color:#ff1800;}
body.sdkstyle_0 .cornucopia-ctn .cornucopia-box .packet-list .packet_item.received{background: url(../img/jifen/redEnvelopes1.png) no-repeat 0 0px;background-size:100% 100%;}
body.sdkstyle_0 .cornucopia-ctn .cornucopia-box .packet-list .packet_item.received .reward{font-size: 16px;}
body.sdkstyle_1 .cornucopia-ctn .cornucopia-box{height: calc(100% - 1.7rem - 1.5rem - 0.7rem);}
body.sdkstyle_1 .cornucopia-ctn .cornucopia-box .packet-list{padding-top:2%;}
body.sdkstyle_1 .cornucopia-ctn .cornucopia-box .packet-list .packet-cn{margin-top: 3%;height:70%;}
body.sdkstyle_1 .cornucopia-ctn .cornucopia-box .packet-list .packet_item{height:100%}

.cornucopia-ctn .cornucopia-box .tips{color: #656565;font-size: .65rem;height: 1.5rem;line-height: 1.5rem;margin: 0 .5rem;}
.cornucopia-ctn .cornucopia-box .tips .myjifen span{color:#c144d4;}
.cornucopia-ctn .cornucopia-box .tips .jiefenChannel{float: left;margin-left:.75rem;font-size: .65rem;color:#5088dc;cursor: pointer;text-decoration: underline;}
.cornucopia-ctn .cornucopia-box .tips .rules{font-size: .65rem;color:#0030ff;cursor: pointer;text-decoration: underline;position: relative;display: none;margin-left:.75rem;}
.cornucopia-ctn .cornucopia-box .tips .rules em{position:absolute;top: -0.25rem;right: .6rem;width:.7rem;height:.7rem;background:#FF3333;border-radius: 50%;text-align: center;line-height: .7rem;font-size: .55rem;color:#ffffff;display: none;font-style: normal;}
.cornucopia-ctn .cornucopia-box .tips .loglink{font-size: .65rem;color:#ec5900;cursor: pointer;text-decoration: underline;display: none;}

/* 聚宝盆 */
.cornucopia-ctn .cornucopia-box.jubao{background:#fff;}
.cornucopia-ctn .cornucopia-box .cornucopia-list{height:calc(100% - 1.5rem);padding:.25rem .25rem 0 .25rem;}
.cornucopia-ctn .cornucopia-box .cornucopia-list ul{display: flex;justify-content: center;flex-wrap: wrap;align-content: flex-start;height: 100%;}
.cornucopia-ctn .cornucopia-box .list{width: 46%;height: 45%;background:#FFFBDB;background-image: linear-gradient(#FFF7CC,#FFFEF1);border:2px solid #FFEAB8;text-align: center;margin:0 .25rem .25rem .25rem;max-width: 290px;max-height: 170px;border-radius: .2rem;}
.cornucopia-ctn .cornucopia-box .list .name{font-size: .6rem;font-weight: bold;color: #fff3d0;height: 30%;margin:3% 0;display: flex;justify-content: center;align-items: center;background:url(../img/jifen/cornucopia_title.png) no-repeat center 0;background-size: auto 100%;padding-left:12%;padding-top:2%;max-height: 40px;}
.cornucopia-ctn .cornucopia-box .list .progressbar{width: 85%;height:.4rem;background:#E8E8E8;border-radius: .15rem;overflow: hidden;margin: 0 auto;}
.cornucopia-ctn .cornucopia-box .list .progressbar span{display: block;height: 100%;border:1px solid #1CA446;position:relative;background:#2DC246;max-width: 100%;box-sizing: border-box;}
.cornucopia-ctn .cornucopia-box .list .progressbar span:after{content: '';display: block;position:absolute;left:0;right:0;top:0;bottom:0;border:1px solid #60DA49;}
.cornucopia-ctn .cornucopia-box .list .num{width: 85%;height: 20%;max-height: 40px;margin:0 auto;font-size: .6rem;color: #464646;display: flex;justify-content:flex-start;align-items: center;}
.cornucopia-ctn .cornucopia-box .list .join{color:#464646;}
.cornucopia-ctn .cornucopia-box .list .join font{color:#ff6600;}
.cornucopia-ctn .cornucopia-box .list .linknum{font-size: .6rem;color:#666666;cursor: pointer;text-decoration: underline;white-space: nowrap;margin-left:.5rem;}
.cornucopia-ctn .cornucopia-box .list .differ{font-size: .6rem;color:#757575;margin-left:auto;}
.cornucopia-ctn .cornucopia-box .list .prizeWinner{height: 20%;max-height: 40px;font-size:.6rem;color:#ff6600;display: flex;justify-content:center;align-items: center;}
.cornucopia-ctn .cornucopia-box .list .btns{height: .9rem;line-height: .8rem;padding: 0 .5rem;border: 1px solid #cecece;background: #eaeaea;font-size: .5rem;color: #818181;display: inline-block;*display: inline;*zoom:1;border-radius: 2px;cursor: no-drop;vertical-align: middle;}
.cornucopia-ctn .cornucopia-box .list .btns.done{color: #fff;background: #259E22;border-color: #358400;cursor: pointer;position: relative;}
.cornucopia-ctn .cornucopia-box .list .btns.done em{position: absolute;top:0px;right:0px;bottom:0px;left:0px;border:1px solid #51B14E}
.cornucopia-ctn .cornucopia-box .list .btns.done:hover{background-color: #2BB011;}
.cornucopia-ctn .cornucopia-box .list .btns.done:hover em{border-color:#55C041}
.cornucopia-ctn .cornucopia-box .list .btns.load{color: #FF6000;background: #FFFBD5;border-color: #FF7800;padding:0 .4rem;}
.cornucopia-ctn .cornucopia-box .list .btns.wait{color: #FFFFFF;background: #FF602F;border-color: #FF6A36;}
.cornucopia-ctn .cornucopia-box .list .btns1{width:.9rem;height: .9rem;line-height: .65rem;text-align: center;border: 1px solid #87D265;background: #FFFBED;font-size:.8rem;color: #379D39;font-weight: bold;display: inline-block;*display: inline;*zoom:1;border-radius: 2px;vertical-align: middle;margin-left: .25rem;cursor: pointer;}
.cornucopia-ctn .cornucopia-box .list .consume{font-size:.6rem;color:#888888;margin-top:.2rem;}
body.sdkstyle_1 .cornucopia-ctn .cornucopia-box .list{height: 48%;}
body.sdkstyle_0 .cornucopia-ctn .cornucopia-box .list .name{font-size: 16px;margin:15px 0}
body.sdkstyle_0 .cornucopia-ctn .cornucopia-box .list .num{height: 40px;line-height: 40px;font-size: 14px;}
body.sdkstyle_0 .cornucopia-ctn .cornucopia-box .list .linknum{font-size: 14px;}
body.sdkstyle_0 .cornucopia-ctn .cornucopia-box .list .differ{font-size: 14px;}
body.sdkstyle_0 .cornucopia-ctn .cornucopia-box .list .btns{height: 25px;line-height: 23px;}
body.sdkstyle_0 .cornucopia-ctn .cornucopia-box .list .btns1{width:25px;height: 25px;line-height: 23px;}
body.sdkstyle_2 .cornucopia-ctn .cornucopia-box .list .name{margin: 6% 0;}

/* 积分福利规则说明 */
.cornucopia-jifenrule-area{position: absolute;left: 0;top: 0;z-index: 99;background: rgba(0,0,0,.5);width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;}
.cornucopia-jifenrule-box{width: 88%;background: #F1F1F1;height:auto;position: relative;color: #333;padding: .6rem .9rem;max-width: 560px;}
.cornucopia-jifenrule-box .close-btn{width: 1.3rem;height: 1.3rem;position: absolute;right: -.5rem;top: -.5rem;background: url(../img/news_close_btn.png) no-repeat;background-size: cover;cursor: pointer;font-size: 0;}
.cornucopia-jifenrule-box .title{font-size: .7rem;font-weight: bold;margin-bottom: .25rem;}
.cornucopia-jifenrule-box .title1{margin-top:.75rem}
.cornucopia-jifenrule-box ul li{font-size: .6rem;color:#555555;margin-top: .25rem;-webkit-text-size-adjust: none;display: flex;}
.cornucopia-jifenrule-box ul li span{margin-right: .25rem;}
body.sdkstyle_0 .cornucopia-jifenrule-box ul li{font-size: .65rem;margin-top: .5rem;}

/* 获取积分途径 */
.cornucopia-getjifen-area{position: absolute;left: 0;top: 0;z-index: 99;background: rgba(0,0,0,.5);width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;}
.cornucopia-getjifen-area .close-btn{width: 1.3rem;height: 1.3rem;position: absolute;left: 50%;top: 50%;background: url(../img/news_close_btn.png) no-repeat;background-size: cover;z-index:2;margin: -0.5rem 0 0 -0.5rem;}
.cornucopia-getjifen-box{width: 90%;background: #fff;height:auto;position: relative;color: #333;padding: .4rem .6rem;max-width: 500px;max-height: 95%;overflow: auto;}
.cornucopia-getjifen-box .title{font-size: .75rem;font-weight: bold;margin-bottom: .5rem;text-align: center;}
.cornucopia-getjifen-box ul li{font-size: .6rem;line-height: 1rem;color:#555555;margin-top: .25rem;display: flex;flex-wrap: wrap;border-bottom: 1px solid #e7e7e7;padding-bottom:.25rem}
.cornucopia-getjifen-box ul li .info{width:100%}
.cornucopia-getjifen-box ul li .des{width:100%;display: flex;color:#999;font-size: .55rem;}
.cornucopia-getjifen-box ul li .color_c{color:#ff6600;}
.cornucopia-getjifen-box ul li .color_r{color:#ff3333;cursor: pointer;text-decoration: none;}
.cornucopia-getjifen-box ul li .color_g{color:#00cc33;}
.cornucopia-getjifen-box ul li .color_b{color:#0099FF;margin-right: 0;}
.cornucopia-getjifen-box ul li .golink{float:right;}
.cornucopia-getjifen-box .tips{padding-top:.25rem;margin-top:.25rem;}
.cornucopia-getjifen-box .tips p{font-size: .5rem;color:#999;line-height: 1rem;position: relative;}
.cornucopia-getjifen-box .tips p.text2{display: flex;}
body.sdkstyle_0 .cornucopia-getjifen-box ul li{font-size: .65rem;margin-top: .5rem;}
body.sdkstyle_0 .cornucopia-getjifen-box .tips p{font-size: .65rem;line-height: 1.2rem;}

/* 聚宝目标奖励 */
.cornucopia-grand-area{position: absolute;left: 0;top: 0;z-index: 99;background: rgba(0,0,0,.5);width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;}
.cornucopia-grand-box{width: 84%;background: #FBF7E1;background-image: linear-gradient(#FFFBE5,#FFFBE5);border:1px solid #FFEDA1;height:auto;position: relative;color: #333;padding: .5rem .75rem;max-width: 320px;}
.cornucopia-grand-box .close-btn{width: 1.3rem;height: 1.3rem;position: absolute;right: -.5rem;top: -.5rem;background: url(../img/news_close_btn.png) no-repeat;background-size: cover;cursor: pointer;font-size: 0;}
.cornucopia-grand-box .title{font-size: .75rem;font-weight: bold;margin-bottom: .5rem;color:#cd2400;}
.cornucopia-grand-box ul{background:#FFFFFF;border:1px solid #EAEAEA;}
.cornucopia-grand-box ul li{height:1.1rem;line-height: 1.1rem;font-size: .65rem;color:#3d3d3d;margin: .4rem 0;}
.cornucopia-grand-box ul li span{height:100%;float:left;overflow: hidden;text-align: center;color:#505050;}
.cornucopia-grand-box ul li span.count{width:45%;text-align: left;padding-left:.4rem;}
.cornucopia-grand-box ul li span.count font label{color:#fa4848;}
.cornucopia-grand-box ul li span.count.standard font, .cornucopia-grand-box ul li span.count.standard font label{color:#2ac12a;}
.cornucopia-grand-box ul li span.award{width:28%;text-align: right;color:#cf570b;}
.cornucopia-grand-box ul li span.btnstatus{width:25%;margin-left:2%;}
.cornucopia-grand-box ul li span.btnstatus a{display: block;width:100%;max-width:38px;background: #ECECEC;border: 1px solid #CDCDCD;color: #8C8C8C;height: 1.1rem;line-height: 1.1rem;border-radius: 2px;cursor: no-drop;text-align: center;text-decoration: none;margin:0 auto;}
.cornucopia-grand-box ul li span.btnstatus a.btns_1{background: #35b432;border: 1px solid #2ba828;color: #fff;cursor: pointer;}
.cornucopia-grand-box ul li span.btnstatus a.btns_1:hover{background: #41d841;border-color: #32c42e;}
.cornucopia-grand-box ul li.head{height:1.25rem;line-height: 1.25rem;background:#F1F1F1;border-bottom:1px solid #E4E4E4;margin: 0;color:#686868;text-align: center;}
.cornucopia-grand-box ul li.head span{color:#686868;text-align: center;}

/* 聚宝详情 */
.cornucopia-join-area{position: absolute;left: 0;top: 0;z-index: 99;background: rgba(0,0,0,.5);width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;}
.cornucopia-join-box{width: 84%;background: #fff;height:auto;min-height: 16rem;position: relative;color: #333;max-width: 280px;}
.cornucopia-join-box .close-btn{width: 1.3rem;height: 1.3rem;position: absolute;right: -.5rem;top: -.5rem;background: url(../img/news_close_btn.png) no-repeat;background-size: cover;cursor: pointer;font-size: 0;}
.cornucopia-join-box .title{background:#FF8827;height: 1.3rem;line-height: 1.3rem;font-size: .65rem;color:#ffffff;font-weight: bold;padding:0 .25rem;}
.cornucopia-join-box .title .num{font-weight: normal;}
.cornucopia-join-box .tablewrap{height: 11.5rem;overflow: hidden;padding:.25rem .25rem 0 .25rem}
.cornucopia-join-box table{display: block;width:100%;display:table;border-collapse: collapse;border-spacing: 0;}
.cornucopia-join-box table th, .cornucopia-join-box table td{background:#FFFFFF;border:1px solid #EBEBEB;height: 1.1rem;line-height:  1.1rem;width:50%;text-align: center;font-size: .6rem;color:#242424;}
.cornucopia-join-box table th:nth-child(1), .cornucopia-join-box table td:nth-child(1){text-align: left;padding:0 .4rem;width:55%}
.cornucopia-join-box table th:nth-child(2), .cornucopia-join-box table td:nth-child(2){width:45%}
.cornucopia-join-box table th{background:#F4F4F4;color:#666;}
.cornucopia-join-box table .nodata{text-align: center !important;color:#666}
.cornucopia-join-box .myjoincountbox{font-size: .6rem;color:#535353;background:#FCF6E6;height: 1.5rem;line-height: 1.5rem;margin: 0 .25rem;padding:0 .25rem;border:1px solid #EBEBEB;}
.cornucopia-join-box .myjoincountbox span{color:#f36d00;}
.cornucopia-join-box .paging_box{text-align: center;padding: .4rem 0;display: flex;justify-content: center;}
.cornucopia-join-box .paging_box a{display: inline-block;width: .9rem;height:.9rem;border:1px solid #DFDFDF;background:#FFFFFF;border-radius: 2px;text-align: center;line-height: .9rem;font-size: .6rem;color:#818181;margin: 0 .15rem;}
.cornucopia-join-box .paging_box a:hover{background:#f5f5f5}
.cornucopia-join-box .paging_box a.cur{border-color:#FBC82E;background:#FBC82E;color:#323232}

/* 积分记录 */
.cornucopia-record-area{position: absolute;left: 0;top: 0;z-index: 99;background: rgba(0,0,0,.5);width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;}
.cornucopia-record-box{width: 84%;background: #fff;height: 80%;position: relative;color: #333;max-width: 300px;max-height: 380px;}
.cornucopia-record-box .close-btn{width: 1.3rem;height: 1.3rem;position: absolute;right: -0.5rem;top: -0.5rem;background: url(../img/news_close_btn.png) no-repeat;background-size: cover;}
.cornucopia-record-box .title{background:#FF5D31;height: 1.5rem;line-height: 1.5rem;font-size: .7rem;color:#ffffff;font-weight: bold;padding:0 .5rem;}
.cornucopia-record-box .cornucopia-log-list{height: calc(100% - 1.5rem);overflow: hidden;padding:.4rem .5rem;}
.cornucopia-record-box .cornucopia-log-list ul{overflow: hidden;}
.cornucopia-record-box .cornucopia-log-list li{height: 1.2rem;line-height: 1.2rem;color: #333;font-size:.65rem;display: flex;justify-content: space-between;}
.cornucopia-record-box .cornucopia-log-list li .name{color:#3c8aff;}
.cornucopia-record-box .cornucopia-log-list .jubao li .txt{display: block;min-width: 8rem;}
.cornucopia-record-box .cornucopia-log-list .luck li .txt{display: block;min-width: 7.5rem;}
.cornucopia-record-box .cornucopia-log-list .mining li .txt{display: block;min-width: 8rem;}
.cornucopia-record-box .cornucopia-log-list li .txt span{color: #ff4800;}
.cornucopia-record-box .cornucopia-log-list li .txt span.prize_jifen{color: #a923ff;}
.cornucopia-record-box .cornucopia-log-list .no-data {font-size: .7rem;text-align: center;padding: 20% 0;color: #666;justify-content: center;}

/* 聚宝弹框 */
.cornucopia-partake-area{position: absolute;left: 0;top: 0;z-index: 99;background: rgba(0,0,0,.5);width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;}
.cornucopia-partake-box{width: 84%;padding:.5rem;border:1px solid #FFEDA1;background: #FFFBE8;background-image: linear-gradient(#FFF8D9,#FFFFFA);height:auto;position: relative;color: #333;max-width: 360px;box-shadow:0px 0px 6px 2px rgba(0,0,0,0.3);}
.cornucopia-partake-box .close-btn{width: 1.3rem;height: 1.3rem;position: absolute;right: -0.5rem;top: -0.5rem;background: url(../img/news_close_btn.png) no-repeat;background-size: cover;}
.cornucopia-partake-box .title{text-align: center;color:#ec2900;font-size: .75rem;font-weight: bold;margin-bottom: .5rem;}
.cornucopia-partake-box .joinbox{border:1px solid #F8E8BC;background:#fff;padding:.75rem 0 .5rem 0;margin: .5rem 0;text-align: center;}
.cornucopia-partake-box .joinbox .join_bar{display: flex;justify-content: center;align-items: center;}
.cornucopia-partake-box .joinbox .label{font-size: .65rem;color:#3d3d3d;white-space: nowrap;}
.cornucopia-partake-box .joinbox .barbox{display: flex;justify-content: center;align-items: center;max-width: 200px;}
.cornucopia-partake-box .joinbox .reduce_add{width:1.5rem;height: 1.5rem;background:#F3F3F3;border:1px solid #CCCCCC;text-align: center;line-height: 1.3rem;font-size:1.3rem;color:#8D8D8D;cursor: pointer;overflow: hidden;}
.cornucopia-partake-box .joinbox .reduce_add:hover{border-color:#FFAE11;background:#fff;color:#FFA751;}
.cornucopia-partake-box .joinbox .num{width:30%;height: 1.5rem;background:#FFFFFF;border:1px solid #CCCCCC;text-align: center;line-height: 1.5rem;font-size:.65rem;color:#666;border-left:0;border-right:0;outline: none;}
.cornucopia-partake-box .joinbox .max{width:2.5rem;height: 1.5rem;background:#FFFFF9;border:1px solid #F7E2BA;text-align: center;line-height: 1.5rem;font-size:.6rem;color:#de8651;cursor: pointer;margin-left:.5rem;}
.cornucopia-partake-box .joinbox .max:hover{border-color:#FFAE11;background:#fff;color:#FF6000;}
.cornucopia-partake-box .text1{font-size:.6rem;color:#e3771e;margin-top: .4rem;height: 1.2rem;line-height: 1.2rem;}
.cornucopia-partake-box .text2{font-size: .6rem;color: #666666;margin-top:.1rem;}
.cornucopia-partake-box .bottom{display: flex;justify-content: center;align-items: center;}
.cornucopia-partake-box .btn_link{width: 3.4rem;height: 1.4rem;text-align: center;line-height:1.4rem;font-size:.7rem;color:#6A6A6A;display: inline-block;border: 1px solid #DADADA;background:#FFFFFF;border-radius: 3px;cursor: pointer;margin:0 .25rem}
.cornucopia-partake-box .btn_link:hover{border-color:#FFB85C;background:#fff;color:#FFA313}
.cornucopia-partake-box .btn_link.btn_sure{border-color:#FF5825;background:#FF5825;position: relative;color:#fff;}
.cornucopia-partake-box .btn_link.btn_sure em{position: absolute;top:0px;right:0;bottom:0;left:0;border:1px solid #FF7730;}
.cornucopia-partake-box .btn_link.btn_sure:hover{border-color:#FF5825;background:#FF7200;}
.cornucopia-partake-box .btn_link.btn_sure:hover em{border:1px solid #FF7200;}

/* 试玩 */
.shiwan-ctn{height: 100%;}
.shiwan-ctn .shiwan-box {width: 100%;height: 100%;max-height: 400px;}
.shiwan-ctn .item_box{background:#fff;width:100%;height: calc(100% - 8rem);display: flex;flex-direction: column;align-items: stretch;justify-content: flex-start;}
.shiwan-ctn .item_box.nodata{}
.shiwan-ctn .game-info{background: #f7f7f7;height:1.7rem;display: flex;justify-content: space-between;align-items: center;padding: 0 .5rem;font-size: .5rem;color: #444444;border-bottom: 1px solid #EDEDED;}
.shiwan-ctn .game-info .circle-icon{height: 60%;max-height: 16px;margin-right: .4rem;}
.shiwan-ctn .game-info .game-name{font-size: .65rem;font-weight: bold;color: #444444;white-space: nowrap;}
.shiwan-ctn .game-info .huodong-time {font-size: .55rem;color: #333;width: 100%;margin-left: 1rem;}
.shiwan-ctn .game-info .huodong-time span{color: #ff1b1b;}
.shiwan-ctn .game-info .huodong-time.gray {color: #666;}
.shiwan-ctn .require-box{width: calc(100% - 4.6rem);padding-top: 0.7rem;}

.shiwan-ctn .bar {width: 100%;height: .7rem;display: flex;justify-content: flex-start;}
.shiwan-ctn .bar div{font-size: .6rem;color: #666;height: 0.6rem;line-height: .6rem;margin-right: .5rem;}
.shiwan-ctn .bar div span{color: #0066ff;}
.shiwan-ctn .bar div.level-info{border-right: 1px solid #e6c470;width: 5.8rem;margin-right: .8rem;}
.shiwan-ctn .bar .reload{cursor: pointer;background: #005EEC;color: #fff;text-align:center;width: auto;height: .9rem;line-height: .8rem;font-size: .55rem;border:1px solid #005EEC;border-radius: 2px;padding: 0 .25rem;margin-top: -.1rem;}
.shiwan-ctn .bar .reload:hover{background:#00A8FF;color:#fff;border-color:#00A8FF;}
.shiwan-ctn .bar .reload.disabled,.shiwan-ctn .bar .reload.disabled:hover{background: #f2f2f2;border-color: #cccccc;color: #a3a3a3;cursor: no-drop;}

.shiwan-ctn .reward-item{height: calc(100% - 2.4rem);background: url(/Public/Home/h5_play/img/shiwan/shiwan_ctn_bg.png?v=1) no-repeat;background-size: cover;margin: .7rem .7rem .3rem .7rem;border: 1px solid #ffeaaa;border-radius: 3px;}
.shiwan-ctn .reward-box{width: 100%;height: 100%;position:relative;display: flex;align-items: flex-start;justify-content: space-between;padding: 1.6rem 0 0 .9rem;}
.shiwan-ctn .reward-box .integral-box{width: 4.5rem;height: 3.5rem;background: url(/Public/Home/h5_play/img/shiwan/jifen_ico.png) top center no-repeat;position: relative;background-size: contain;}
.shiwan-ctn .reward-box .integral-box .integral-val{width: 100%;height: 1.7rem;line-height: 1.7rem;text-align: center;position: absolute;left: 0;bottom:0;color: #fff;font-size: .6rem;font-weight: bold;display: flex;align-items: center;justify-content: center;}
.shiwan-ctn .reward-box .integral-box .integral-val span{font-size: .65rem;}
.shiwan-ctn .reward-box .require-info{margin-top: .65rem;display: flex;align-items: center;justify-content: flex-start;flex-wrap: wrap;}
.shiwan-ctn .reward-box .require-info .get-require , .shiwan-ctn .reward-box .require-info .remain-places{font-size: .6rem;color: #666666;height: 0.6rem;line-height: .6rem;margin-right: 0.5rem;}
.shiwan-ctn .reward-box .require-info .get-require{border-right: 1px solid #e6c470;width: 5.8rem;margin-right: .8rem;}
.shiwan-ctn .reward-box .require-info .val{color: #ff2d2d;}
.shiwan-ctn .reward-box .require-info .get-btn{margin: 1.85rem 0 0 0;width: 100%;}
.shiwan-ctn .reward-box .require-info .get-btn a{margin-left: 3.6rem;display:block;width: 3.5rem;height: 1.25rem;line-height: 1.2rem;background: #ff6000;border: 1px solid #ff6000;color: #fff;font-size: .65rem;text-align: center;border-radius: 3px;cursor:pointer;text-decoration: none;}
.shiwan-ctn .reward-box .require-info .get-btn a:hover{border-color:#FF7800;background:#FF7800;}
.shiwan-ctn .reward-box .require-info .get-btn a.disabled{color: #989898;border-color: #E6E6E6;background:#F8F8F8;cursor:no-drop;}
.shiwan-ctn .reward-box .end-ico {position: absolute;right: 31%;bottom: .15rem;width:3rem;height:3rem;background: url(/Public/Common/privilege/images/end_ico.png) no-repeat;background-size: contain}
.shiwan-ctn .reward-box .end-ico.got-it {background: url(/Public/Common/privilege/images/end_ico1.png) no-repeat;background-size: contain}

.shiwan-ctn .target-list-box{border: 1px solid #fce9ab;background: #fffef2;height: 4.2rem;margin: 0 0.7rem .3rem .7rem;display: flex;align-items: center;justify-content: center;padding-left: 1.2rem;position: relative;}
.shiwan-ctn .target-list-box .subtitle{height: calc(100% + 2px);line-height: .58rem;font-size: .55rem;font-weight: bold;text-align: center;position: absolute;background: #f4872b;color: #fff;top: -1px;left: -1px;width: 1.2rem;padding: 0 .2rem;float: left;display: flex;align-items: center;}
.shiwan-ctn .target-list-box .target-list{width: 33%;float: left;border-right: 1px solid #e0e0e0;text-align: center;margin: .55rem 0;}
.shiwan-ctn .target-list-box .target-list:last-child{border-right: 0 none;}
.shiwan-ctn .target-list-box .target-list .target-txt{font-size: .6rem;line-height: .6rem;}
.shiwan-ctn .target-list-box .target-list .target-txt span{color: #e62929;margin-left: .1rem;font-size: .63rem;}
.shiwan-ctn .target-list-box .target-list .target-txt span.color_g{color: #0f903a;}
.shiwan-ctn .target-list-box .target-list .target-award{text-align: center;font-size: .6rem;margin: .3rem 0 .1rem 0;display: flex;align-items: center;justify-content: center;color: #c435ff;}
.shiwan-ctn .target-list-box .target-list .target-award .jifen_icon{width: .7rem;height: .7rem;background: url(/Public/Home/h5_play/img/shiwan/jifen_icon.png) no-repeat;background-size: contain;margin-right: .1rem;}
.shiwan-ctn .target-list-box .target-list .get-status{width: 2.7rem;height: 1rem;line-height: .85rem;display: inline-block;background: #f8f8f8;border: 1px solid #e6e6e6;font-size: .6rem;color: #989898;border-radius: 3px;cursor: no-drop;}
.shiwan-ctn .target-list-box .target-list.done .get-status{background: #ff7f13;border-color: #ff7f13;color: #fff;cursor: pointer;}
.shiwan-ctn .target-list-box .target-list.done .get-status:hover{background: #ff7800;border-color: #ff7800;}
.shiwan-ctn .target-list-box .target-list.has .get-status{background: #e7e7e7;border-color: #e7e7e7;color: #989898;cursor: no-drop;}

.shiwan-ctn .tips{width: calc(100% - 1.4rem);height: 1rem;line-height: 1rem;color: #626262;font-size: .6rem;position: absolute;bottom: 1rem;left: .7rem;}
.shiwan-ctn .tips .color_z{color:#bf2fea;}
.shiwan-ctn .tips .jifenlink{color:#5088dc;cursor: pointer;text-decoration: underline;margin-left: .5rem;}
.shiwan-ctn .tips .rule{color:#484848;text-decoration: underline;cursor: pointer;}


.logotip-box-nodata{
	height:100%;
	text-align: center;
	color: #9c9c9c;
	font-size: .65rem;
	line-height: 1.3rem;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.logotip-box-nodata img{
	height: 28%;
	max-height: 70px;
	margin-bottom: 5%;
}
.logotip-box-nodata .refreshbox{
	display: inline-block;
	background:url(../img/refresh_ico.png) no-repeat 0 center;
	background-size: .7rem;
	color:#999999;
	font-size: .6rem;
	text-decoration: underline;
	cursor: pointer;
	padding-left:1rem;
	margin-top: .5rem;
}

/*适配移动端样式覆盖  sdkstyle_0 PC  sdkstyle_1 横屏  sdkstyle_2 竖屏  */
body.sdkstyle_0 .ajax-loading{
    width:720px;
}
body.sdkstyle_0 .sdkPage{
    width:720px;
}
body.sdkstyle_0 .fcmForm{
    width: 492px;
    height: 423px;
    padding: 15px 17px 19px 17px;
}
body.sdkstyle_0 .leichongFanliForm{
    width: 492px;
    height: 423px;
    padding: 15px 17px 19px 17px;
}
body.sdkstyle_0 .leichongfanli-box .fanlibtn{
    height: 50px;
    line-height: 50px;
    font-size: 26px;
    margin: 30px auto 0 auto;
}
body.sdkstyle_0 .leichongfanli-box .text{
    font-size: 26px;
}
body.sdkstyle_0 .fcmgmForm .guanming-list-box{
    width: 53%;
    height: calc(100% - 90px);
    margin: 60px 0 30px 0;
}
body.sdkstyle_0 .guanming-list-box .guanming-list{
    padding: 28px 0;    
}
body.sdkstyle_0 .guanming-list-box .guanming-info{
    font-size: 18px;
}
body.sdkstyle_0 .guanming-list-box .subtitle{
    width: calc(100% - 60px);
    font-size: 17px;
    height: 17px;
    line-height: 17px;
    background-size: 100%;
    margin: 15px 30px 0 30px;
}
body.sdkstyle_0 .guanming-list-box .slogan{
    font-size: 60px;
    padding: 13px 30px 0 30px;
    line-height: 82px;
}
body.sdkstyle_0 .fcmForm .fcmTitle{
    font-size: 36px;
    line-height: 70px;
    margin-bottom: 18px;
}
body.sdkstyle_0 .fcmForm .iptbox{
    padding: 24px 30px 0 30px;
}
body.sdkstyle_0 .fcmForm .iptbox input{
    height: 60px;
    line-height: 60px;
    font-size: 22px;
}
body.sdkstyle_0 .fcmForm .realname-submit{
    width: calc(100% - 60px);
    height: 70px;
    line-height: 70px;
    font-size: 30px;
    margin: 30px auto 0 auto;
}
body.sdkstyle_0 .fcm-close-btn{
    width: 60px;
    height: 60px;
    right: -17px;
    top: -28px;
}
body.sdkstyle_0 .fcm-countdown-box{
    width: 60px;
    height: 60px;
    line-height: 60px;
    font-size: 30px;
    margin-left: -30px;
    bottom: -25px;
}
body.sdkstyle_0 .signin-ctn .signin-bar .sign-btn{
	margin-top: 10%;
}
body.sdkstyle_0 .signin-ctn .signin-bar .sign-info{
    font-size: 16px;
}
body.sdkstyle_0 .signin-ctn .signin-bar .sign-info2{
    font-size: 16px;
}
body.sdkstyle_0 .signin-ctn .sign-list-box{
    margin: 0 20px 0 20px;
}
body.sdkstyle_0 .signin-ctn .sign-list-box .subtitle{
    font-size: 18px;
}
body.sdkstyle_0 .signin-ctn .sign-list-box ul li{
    width: 112px;
    height: 210px;
}
body.sdkstyle_0 .signin-ctn .sign-list-box ul li .list-info{
    width: 112px;
    height: 150px;
}
body.sdkstyle_0 .signin-ctn .sign-list-box ul li .list-info .require{
    font-size: 17px;
    padding-top: 10px;
}
body.sdkstyle_0 .signin-ctn .sign-list-box ul li .list-info .reward-img{
    height: 63px;
    margin: 7px 0 12px 0;
}
body.sdkstyle_0 .signin-ctn .sign-list-box ul li .list-info .reward{
    font-size: 16px;
}
body.sdkstyle_0 .signin-ctn .sign-list-box ul li .btn{
    width: 100px;
    height: 40px;
    margin: 20px auto 0 auto;
}
body.sdkstyle_0 .signin-success-box{
    width: 344px;
    height: 240px;
    font-size: 24px;
    line-height: 38px;
    padding-top: 50px;
    margin-left: -172px;
    margin-top: 0;
    top: 237px;
}
body.sdkstyle_0 .signin-success-box .tips span{
    font-size: 30px;
}
body.sdkstyle_0 .mining-ctn .mining-box{
    width: 640px;
    height: 670px;
    margin: 0 auto;
}
body.sdkstyle_0 .mining-ctn .goly-exchange-box{
    height: 125px;
    padding: 0 25px 0 25px;
}
body.sdkstyle_0 .mining-ctn .goly-exchange-box .txt{
    width: 340px;
    height: 53px;
}
body.sdkstyle_0 .mining-ctn .goly-exchange-box .txt:first-child{
    width: 160px;
}
body.sdkstyle_0 .mining-ctn .goly-exchange-box .label{
    font-size: 18px;
    height: 18px;
    line-height: 18px;
}
body.sdkstyle_0 .mining-ctn .goly-exchange-box .val{
    font-size: 30px;
    height: 35px;
    line-height: 42px;
}
body.sdkstyle_0 .mining-ctn .goly-exchange-box .exchange-btn{
    width: 140px;
    height: 48px;
}
body.sdkstyle_0 .mining-ctn .goly-exchange-box .exchange-btn .mark{
    width: 103px;
    height: 36px;
    top: -20px;
}
body.sdkstyle_0 .mining-ctn .mining-area{
    margin: 5px 10px 10px;
    height: 415px;
}
body.sdkstyle_0 .mining-ctn .mining-area .physical-power-box{
    top: 12px;
    left: 17px;
}
body.sdkstyle_0 .mining-ctn .mining-area .physical-power-box .physical-power{
    width: 216px;
    height: 45px;
    line-height: 45px;
    font-size: 22px;
    text-indent: 27px;
}
body.sdkstyle_0 .mining-ctn .mining-area .physical-power-box .bottle{
    background-position:0 -31px;
    background-size: auto;
    width: 127px;
    height: 45px;
}
body.sdkstyle_0 .mining-ctn .mining-area .physical-power-box .bottle.lock span{
    background-position: 0 -72px;
}
body.sdkstyle_0 .mining-ctn .mining-area .physical-power-box .bottle.lock .lock-btn{
    width: 24px;
    height: 45px;
}
body.sdkstyle_0 .mining-ctn .mining-area .physical-power-box .bottle span{
    height: 45px;
    background-size: auto;
    background-position: 0 7px;
}
body.sdkstyle_0 .mining-ctn .mining-area .physical-power-box .bottle span.active1{
    width: 30px;
}
body.sdkstyle_0 .mining-ctn .mining-area .physical-power-box .bottle span.active2{
    width: 65px;
}
body.sdkstyle_0 .mining-ctn .mining-area .physical-power-box .bottle span.active3{
    width: 100px;
}
body.sdkstyle_0 .mining-ctn .mining-area .physical-power-box .antisecosis{
    font-size: 18px;
    margin-left: 25px;
}
body.sdkstyle_0 .mining-ctn .mining-area .antisecosis{
    font-size: 17px;
    top: 70px;
    left: 47px;
}
body.sdkstyle_0 .mining-ctn .mining-area .mining-btn{
    width: 244px;
    height: 74px;
    bottom: 40px;
    right: 40px;
}
body.sdkstyle_0 .mining-ctn .mining-tips{
    font-size: 15px;
    line-height: 15px;
    margin: 15px 10px 0 10px;
}
body.sdkstyle_0 .mining-ctn .mining-area .mining-loading-box{
    bottom: 30px;
    height: 75px;
    width: 456px;
    margin-left: -228px;
    font-size: 24px;
    line-height: 75px;
}
body.sdkstyle_0 .mining-result{
    height: 75px;
    width: 456px;
    font-size: 32px;
    line-height: 75px;
    margin-top: -127px;
    left: 132px;
}
body.sdkstyle_0 .layer_wrap.signChecklayer .layer_content , body.sdkstyle_0 .layer_wrap.welfareChecklayer .layer_content{
    margin-top: -270px!important;
}
body.sdkstyle_0 .welfare-ctn .welfare-box{
    height: 350px;
}
body.sdkstyle_0 .welfare-ctn .game-info{
    font-size: 14px;
}
body.sdkstyle_0 .welfare-ctn .game-info .game-name{
    font-size: 16px;
}
body.sdkstyle_0 .welfare-ctn .game-info .time-remain{
    zoom: 1;
}
body.sdkstyle_0 .welfare-ctn .award_require{
    font-size: 15px;
}
body.sdkstyle_0 .welfare-ctn .award_require .updatetxt, body.sdkstyle_0 .welfare-ctn .award_require .update-time{
    font-size: 13px;
    zoom: 1;
}
body.sdkstyle_0 .welfare-ctn .award_require .update-btn{
    font-size: 13px;
    zoom: 1;
    padding: 4px 5px;
    border-radius: 3px;
    margin-left: 10px;
}
body.sdkstyle_0 .welfare-ctn .welfare-btm{
    font-size: 14px;
}

body.sdkstyle_0 .ptbpay-ctn{
    width: 580px;
    height: 690px;
    margin: 0 auto;
}
body.sdkstyle_0 .ptbpay-ctn .ptbpay-title{
    height: 72px;
    line-height: 72px;
    font-size: 16px;
}
body.sdkstyle_0 .ptbpay-ctn .ptbpay-title .rules{
    font-size: 18px;
}
body.sdkstyle_0 .ptbpay-ctn .ptbpay-area{
    padding: 30px 20px;
}
body.sdkstyle_0 .ptbpay-ctn .ptbpay-area .item{
    margin-bottom: 50px;
}
body.sdkstyle_0 .ptbpay-ctn .ptbpay-area .item1{
    margin-bottom: 40px;
}
body.sdkstyle_0 .ptbpay-ctn .ptbpay-area .item .label{
    font-size: 14px;
    width: 90px;
    margin-left: 0px;
}
body.sdkstyle_0 .ptbpay-ctn .ptbpay-area .item .pay-spec , body.sdkstyle_0 .ptbpay-ctn .ptbpay-area .pay-way, body.sdkstyle_0 .ptbpay-ctn .ptbpay-area .item .values{
    width: 530px;
}
body.sdkstyle_0 .ptbpay-ctn .ptbpay-area .pay-spec .payment-spec-item{
    width: 95px;
    height: 40px;
    margin-right: 10px;
    margin-bottom: 10px;
    font-size: 15px;
    background-size: 22px;
    border-width: 2px;
}
body.sdkstyle_0 .ptbpay-ctn .ptbpay-area .pay-spec .input-money-box{
    width: 200px;
    height: 40px;
    margin-bottom: 10px;
    font-size: 14px;
}
body.sdkstyle_0 .ptbpay-ctn .ptbpay-area .pay-spec .input-money-box input{
    font-size: 15px;
}
body.sdkstyle_0 .ptbpay-ctn .ptbpay-area .way-item{
    height: 40px;
    border-radius: 6px;
    margin-right: 20px;
    font-size: 17px;
}
body.sdkstyle_0 .ptbpay-ctn .ptbpay-area .way-item em{
    width: 22px;
    height: 22px;
    margin-right: 12px;
}
body.sdkstyle_0 .ptbpay-ctn .ptbpay-area .way-item .tj-ico{
    width: 42px;
    height: 26px;
    right: 15px;
    top: -20px;
}
body.sdkstyle_0 .ptbpay-ctn .ptbpay-area .way-item.active::after{
    width: 20px;
    height: 20px;
}
body.sdkstyle_0 .ptbpay-ctn .ptbpay-area .item .values{
    font-size: 18px;
}
body.sdkstyle_0 .ptbpay-ctn .ptbpay-area .item .values .dw_txt , body.sdkstyle_0 .ptbpay-ctn .ptbpay-area .item .values .tip_txt{
	font-size:17px;
}
body.sdkstyle_0 .ptbpay-ctn .ptbpay-area .item .ptbFirstPayMoney .first_pay_tip{
	left:30px;
}
body.sdkstyle_0 .ptbpay-ctn .ptbpay-area .ptbpay-btn{
    width: 150px;
    height: 45px;
    line-height: 45px;
    font-size: 20px;
    border-radius: 6px;
}
body.sdkstyle_0 .ptbpayrule-ctn{
    width: 660px;
    height: 690px;
    margin: 0 auto;
}
body.sdkstyle_0 .ptbpayrule-ctn .backtitle{
    height: 68px;
    line-height: 68px;
}
body.sdkstyle_0 .ptbpayrule-ctn .backtitle .back{
    font-size: 22px;
}
body.sdkstyle_0 .ptbpayrule-ctn .backtitle .title{
    font-size: 30px;
}
body.sdkstyle_0 .ptbpayrule-ctn .ptbpayrule-box{
    padding: 20px 30px;
}
body.sdkstyle_0 .ptbpayrule-ctn .vip-area{
    height: 152px;
    border-radius: 0;
    padding: 12px 10px 0 10px;
}
body.sdkstyle_0 .ptbpayrule-ctn .vip-area .tips{
    font-size: 22px;
}
body.sdkstyle_0 .ptbpayrule-ctn .vip-area .tips.tipfull{
    font-size: 16px;
	line-height: 30px;
}
body.sdkstyle_0 .ptbpayrule-ctn .vip-area .vip-progress-box{
    height: 25px;
    margin-top: 12px;
}
body.sdkstyle_0 .ptbpayrule-ctn .vip-area .vip-progress-box .level{
    width: 60px;
}
body.sdkstyle_0 .ptbpayrule-ctn .vip-area .vip-progress-box .vip-progress{
    width: 450px;
    height: 15px;
    border-radius: 2px;
    margin: 0 10px;
}
body.sdkstyle_0 .ptbpayrule-ctn .vip-area .vip-progress-box .text{
    font-size: 13px;
    zoom: 1;
}
body.sdkstyle_0 .ptbpayrule-ctn .vip-area .tequan-box{
    left: 10px;
    width: 570px;
    height: 60px;
}
body.sdkstyle_0 .ptbpayrule-ctn .vip-area .tequan-box .mark{
    width: 15px;
    height: 15px;
    left: 20px;
    top: -7px;
}
body.sdkstyle_0 .ptbpayrule-ctn .vip-area .tequan-box .mark2{
    right: 20px;
    left: auto;
}
body.sdkstyle_0 .ptbpayrule-ctn .vip-area .tequan-info{
    font-size: 22px;
}
body.sdkstyle_0 .ptbpayrule-ctn .vip-area .tequan-info .right-arrow{
    width: 36px;
    margin: 0 15px 0 20px;
}
body.sdkstyle_0 .ptbpayrule-ctn .ptbpay-rule{
    margin-top: 10px;
}
body.sdkstyle_0 .ptbpayrule-ctn .ptbpay-rule li{
    height: 40px;
    line-height: 40px;
    text-indent: 100px;
    font-size: 18px;
}

/* 有背景的防沉迷弹框 */
body.sdkstyle_0 .minfcmForm{
	width: 392px;
	height: 323px;
	margin: -100px -100px 0 0;
}
body.sdkstyle_0 .minfcmForm .fcmTitle{
    font-size: 24px;
    line-height: 50px;
}
body.sdkstyle_0 .minfcmForm .iptbox{
    padding: 14px 30px 0 30px;
}
body.sdkstyle_0 .minfcmForm .iptbox input{
    height: 45px;
    line-height: 45px;
    font-size: 15px;
}
body.sdkstyle_0 .minfcmForm .realname-submit{
    width: calc(100% - 60px);
    height: 45px;
    line-height: 45px;
    font-size: 18px;
    margin: 30px auto 0 auto;
}

body.sdkstyle_0 .guanming-list-box2 .subtitle{
    margin: 3px 30px 0 30px;
}
body.sdkstyle_0 .guanming-list-box2 .slogan{
    font-size: 31px!important;
    padding: 4px 24px 0 24px;
    line-height: 40px;
}
body.sdkstyle_0 .guanming-list-box3{
    height: calc(100% - 70px);
    margin: 50px 0 20px 0;
}
body.sdkstyle_0 .guanming-list-box3 .guanming-list{
    padding: 15px 0;
}
body.sdkstyle_0 .guanming-list-box3 .slogan{
    font-size: 32px;
    padding: 2px 30px 0 30px;
    line-height: 38px;
}
body.sdkstyle_0 .guanmingForm{
    width: 524px;
    height: 451px;
    padding: 43px 17px 23px 17px;
}
body.sdkstyle_0 .guanmingForm .guanming-list-box{
    height: calc(100% - 90px);
    margin: 60px 0 30px 0;
}
body.sdkstyle_0 .guanmingForm .fcm-close-btn{
    top: .1rem;
}
body.sdkstyle_0 .fcmgmForm .fcm-countdown-box{
    margin-left: -18px;
}
body.sdkstyle_0 .fcmgmForm{
    width: 994px;
    height: 451px;
    padding: 43px 17px 20px 0;
    background: url(../img/gmfcm_bg.png) center center no-repeat;
    background-size: 100% 100%;
}
body.sdkstyle_0 .version_update_box .subtitle{
    height: 36px;
}
body.sdkstyle_0 .version_update_box .version_update_ctn{
    width: 745px;
    margin: 50px auto 0 auto;
}
body.sdkstyle_0 .version_update_box .version_update_ctn .text{
    margin-bottom: 18px;
    font-size: 20px;
    line-height: 48px;
}
body.sdkstyle_0 .version_update_box .down_btn{
    font-size: 24px;
    padding: 15px 44px;
    margin-top: 115px;
}
body.sdkstyle_1 .sdkPage{
    width:70%;
    height: 100%;
    top:0;
    bottom:0;
}
body.sdkstyle_1 .fcmForm{
    width: 38%;
}
body.sdkstyle_1 .leichongFanliForm{
    width: 38%;
}
body.sdkstyle_1 .guanmingForm{
    width: 38%;
}
body.sdkstyle_1 .fcmgmForm{
    width: 72%;
    height: 12rem;
    background: url(../img/gmfcm_bg.png) center center no-repeat;
    background-size: 100% 100%;
    padding: 1.2rem .4rem .5rem 0;
}
body.sdkstyle_1 .fcmgmForm .fcm-close-btn , body.sdkstyle_0 .fcmgmForm .fcm-close-btn{
    top: .1rem;
}
body.sdkstyle_1 .fcmgmForm .leichongfanli-box , body.sdkstyle_0 .fcmgmForm .leichongfanli-box{
    width: 47%;
}
body.sdkstyle_1 .fcmgmForm .guanming-list-box{
    width: 53%;
    padding: 0 4%;
}
body.sdkstyle_1 .fcmgmForm .fcm-countdown-box{
    margin-left: -.3rem;
}
body.sdkstyle_1 .signin-ctn .signin-bar{
	height: 38%;
}
body.sdkstyle_1 .signin-ctn .sign-list-box{
	height: 55%;
}
body.sdkstyle_1 .news-detail-area .news-detail-box{
    height: 75%;
}
body.sdkstyle_2 .sdkPage{
    width:100%;
    height: 65%;
    top:unset;
    bottom:0;
}
body.sdkstyle_2 .fcmgmForm{
    width: 62%;
    height: 22.6rem;
    flex-wrap: wrap;
    background: url(../img/gmfcm_bg2.png) center center no-repeat;
    background-size: 100% 100%;
}
body.sdkstyle_2 .fcmgmForm .guanming-list-box{
    height: calc(50% - 2.8rem);
    margin: 2.1rem 0 .7rem 0;
    padding: 0 3%;
}
body.sdkstyle_2 .fcmgmForm .leichongfanli-box{
    height: calc(50% - .4rem);
    border-radius: .3rem;
    margin: .3rem 0 .1rem 0;
}
body.sdkstyle_2 .fcmgmForm .fcm-close-btn{
    top: .1rem;
}
body.sdkstyle_2 .fcmgmForm .fcm-countdown-box{
   /*  bottom: -.5rem; */
}
body.sdkstyle_2 .signin-success-box{
    width: 60%;
    margin-left: -30%;
}
body.sdkstyle_2 .mining-ctn .goly-exchange-box .exchange-btn{
    width: 26%;
}
body.sdkstyle_2 .version_update_box .subtitle{
    height: 1rem;
}
body.sdkstyle_2 .version_update_box .version_update_ctn{
    width: 90%;
    margin: 10% auto 0 auto;
}
body.sdkstyle_2 .version_update_box .version_update_ctn .text{
    line-height: 1.9rem;
    font-size: .65rem;
}
body.sdkstyle_2 .version_update_box .down_btn{
    margin-top: 14%;
}
body.sdkstyle_2 .choose-server-box{
    width: 90%;
}
body.sdkstyle_2 .choose-server-box .choose-tabs .tab{
    font-size: .6rem;
}
body.sdkstyle_2 .choose-server-box .server-lists{
}
body.sdkstyle_2 .choose-server-box .server-lists ul{
}
body.sdkstyle_2 .choose-server-box .server-lists ul li{
    font-size: .55rem;
}
/* body.xid_1:before{
    content: '';
    width: 20px;
    height: 100%;
    position: absolute;
    left: 0px;
    bottom: 0;
    background: #000;
    z-index: 999999;
}
body.xid_1 .sdkPage{
    width: calc(70% - 20px);
    left: 20px;
} */
@media screen and (min-width: 823px) and (min-height: 411px) {
    body.sdkstyle_1 .guanmingForm{
        width: 34%;
    }
    body.sdkstyle_1 .fcmForm{
        width: 34%;
    }
	body.sdkstyle_1 .leichongFanliForm{
		width: 34%;
	}
    body.sdkstyle_1 .fcmgmForm{
        width: 64.5%;
    }
}
@media screen and (max-width: 812px) and (max-height: 375px) {
    body.sdkstyle_1 .guanmingForm{
        width: 34.3%;
    }
    body.sdkstyle_1 .fcmForm{
        width: 34.5%;
    }
	body.sdkstyle_1 .leichongFanliForm{
		width: 34.5%;
	}
    body.sdkstyle_1 .fcmgmForm{
        width: 65.3%;
    }
}
@media screen and (max-width: 736px) and (max-height: 414px) {
    body.sdkstyle_1 .signin-success-box{
        width: 54%;
        margin-left: -27%;
    }
    body.sdkstyle_1 .ptbpay-ctn .ptbpay-area .item{
        margin-bottom: 1.3rem;
    }
    body.sdkstyle_1 .ptbpay-ctn .ptbpay-area .item1{
        margin-bottom: 1.1rem;
    }
    body.sdkstyle_1 .ptbpayrule-ctn .vip-area{
        height: 4rem;
        padding: .35rem .3rem 0 .3rem;
    }
    body.sdkstyle_1 .ptbpayrule-ctn .vip-area .vip-progress-box{
        height: .95rem;
        margin-top: .15rem;
    }
    body.sdkstyle_1 .ptbpayrule-ctn .vip-area .vip-progress-box .level{
        width: 9%;
    }
    body.sdkstyle_1 .ptbpayrule-ctn .vip-area .vip-progress-box .vip-progress{
        width: 80%;
        height: .6rem;
    }
    body.sdkstyle_1 .ptbpayrule-ctn .vip-area .vip-progress-box .text{
        zoom: 0.85;
    }
    body.sdkstyle_1 .ptbpayrule-ctn .ptbpay-rule li{
        height: 1.4rem;
        line-height: 1.4rem;
    }
}
@media screen and (max-width: 667px) and (max-height: 375px) {
    body.sdkstyle_1 .guanmingForm{
        width: 41.7%;
    }
    body.sdkstyle_1 .fcmForm{
        width: 42%;
    }
	body.sdkstyle_1 .leichongFanliForm{
		width: 42%;
	}
    body.sdkstyle_1 .fcmgmForm{
        width: 79.5%;
    }
    body.sdkstyle_1 .guanming-list-box .slogan{
        font-size: 1.15rem;
    }
    body.sdkstyle_1 .guanming-list-box2 .slogan {
        font-size: .8rem!important;
    }
    body.sdkstyle_1 .guanming-list-box3 .slogan {
        font-size: .65rem;
        line-height: 1rem;
    }
    body.sdkstyle_1 .signin-success-box{
        width: 56%;
        margin-left: -28%;
    }
    body.sdkstyle_1 .welfareruledes-box .subtitle{
        margin: .6rem 0 .2rem 0;
    }
    body.sdkstyle_1 .ptbpay-ctn .ptbpay-area .item{
        margin-bottom: 1.1rem;
    }
    body.sdkstyle_1 .ptbpay-ctn .ptbpay-area .item1 {
        margin-bottom: 1rem;
    }
    body.sdkstyle_1 .ptbpayrule-ctn .vip-area{
        height: 3.6rem;
        padding: .25rem .3rem 0 .3rem;
    }
    body.sdkstyle_1 .ptbpayrule-ctn .vip-area .vip-progress-box{
        height: .7rem;
        margin-top: .1rem;
    }
    body.sdkstyle_1 .ptbpayrule-ctn .vip-area .vip-progress-box .level{
        width: 8%;
    }
    body.sdkstyle_1 .ptbpayrule-ctn .vip-area .vip-progress-box .vip-progress{
        width: 82%;
        height: .5rem;
    }
    body.sdkstyle_1 .ptbpayrule-ctn .vip-area .vip-progress-box .text{
        zoom: 0.75;
    }
    body.sdkstyle_1 .ptbpayrule-ctn .ptbpay-rule li{
        height: 1.3rem;
        line-height: 1.3rem;
    }
}
@media screen and (max-width: 640px) and (max-height: 360px) {
    body.sdkstyle_1 .guanmingForm{
        height: 11.5rem;
        width: 42%;
    }
    body.sdkstyle_1 .fcmForm{
        height: 11.5rem;
    }
	body.sdkstyle_1 .leichongFanliForm{
		height: 11.5rem;
	}
	body.sdkstyle_1 .leichongfanli-box .fanlibtn{
		margin: .75rem auto 0 auto;
		font-size: .8rem;
	}
    body.sdkstyle_1 .fcmgmForm {
		width: 79.5%;
        height: 11.5rem;
        padding: 1.3rem .35rem .56rem 0;
    }
    body.sdkstyle_1 .guanming-list-box{
        height: calc(100% - 2rem);
        margin: 1.3rem 0 .7rem 0;
    }
    body.sdkstyle_1 .guanming-list-box .subtitle{
        background-size: 128%;
    }
    body.sdkstyle_1 .guanming-list-box .slogan{
        font-size: 1.1rem;
        line-height: 1.7rem;
    }
    body.sdkstyle_1 .fcmForm .iptbox {
        padding: .4rem .8rem 0 .8rem;
    }
    body.sdkstyle_1 .fcmForm .iptbox input{
        height: 1.65rem;
        line-height: 1.65rem;
        font-size: .65rem;
    }
    body.sdkstyle_1 .fcmForm .realname-submit{
        margin: .75rem auto 0 auto;
        font-size: .8rem;
    }
    body.sdkstyle_1 .guanming-list-box2 .guanming-list{
        padding: .6rem 0;
    }
    body.sdkstyle_1 .guanming-list-box2 .subtitle{
        background-size: 180%;
        margin: .15rem 1rem 0 1rem;
    }
    body.sdkstyle_1 .guanming-list-box2 .slogan{
        font-size: .75rem!important;
        line-height: 1.05rem;
    }
    body.sdkstyle_1 .guanming-list-box3{
        height: calc(100% - 2rem);
        margin: 1.3rem 0 .7rem 0;
    }
    body.sdkstyle_1 .guanming-list-box3 .slogan{
        font-size: .6rem;
        line-height: .9rem;
    }
    body.sdkstyle_1 .signin-success-box{
        width: 58%;
        margin-left: -29%;
    }
    body.sdkstyle_1 .mining-ctn .mining-tips{
        margin: .2rem .4rem 0 .4rem;
    }
    body.sdkstyle_1 .welfareruledes-box .title{
        font-size: .75rem;
    }
    body.sdkstyle_1 .welfareruledes-box .subtitle{
        font-size: .5rem;
        margin: .5rem 0 .2rem 0;
    }
    body.sdkstyle_1 .welfareruledes-box ul li{
        font-size: .5rem;
        zoom: 0.95;
    }
    body.sdkstyle_1 .ptbpay-ctn .ptbpay-area{
        padding: .6rem .75rem;
    }
    body.sdkstyle_1 .ptbpay-ctn .ptbpay-area .item{
        margin-bottom: .8rem;
    }
    body.sdkstyle_1 .ptbpay-ctn .ptbpay-area .item1 {
        margin-bottom: .7rem;
    }
    body.sdkstyle_1 .ptbpay-ctn .ptbpay-area .pay-spec .payment-spec-item ,  body.sdkstyle_1 .ptbpay-ctn .ptbpay-area .pay-spec .input-money-box{
        height: 1.5rem;
    }
}
@media screen and (max-width: 568px) and (max-height: 320px) {
    body.sdkstyle_1 .guanmingForm {
        height: 11rem;
        width: 45%;
    }
    body.sdkstyle_1 .fcmForm{
        height: 11rem;
        width: 45.2%;
    }
	body.sdkstyle_1 .leichongFanliForm{
		height: 11rem;
		width: 45.2%;
	}
	body.sdkstyle_1 .leichongfanli-box .fanlibtn{
		height: 1.5rem;
		line-height: 1.5rem;
		font-size: .75rem;
		margin: .7rem auto 0 auto;
	}
    body.sdkstyle_1 .fcmgmForm{
        height: 11rem;
        width: 85.5%;
    }
    body.sdkstyle_1 .guanming-list{
        padding: .85rem 0;
    }
    body.sdkstyle_1 .guanming-list-box .guanming-info{
        font-size: .5rem;
    }
    body.sdkstyle_1 .guanming-list-box .title{
        margin: .4rem 1rem 0 1rem;
    }
    body.sdkstyle_1 .guanming-list-box .slogan{
        font-size: 1.05rem;
        padding: .35rem .8rem 0 .8rem;
        line-height: 1.6rem;
    }
    body.sdkstyle_1 .guanming-list-box2{
        height: calc(100% - 2.2rem);
        margin: 1.2rem 0 1rem 0;
    }
    body.sdkstyle_1 .guanming-list-box2 .subtitle{
        background-size: 174%;
        margin: .15rem 1rem 0 1rem;
    }
    body.sdkstyle_1 .guanming-list-box2 .slogan{
        font-size: .7rem!important;
        padding: .1rem .8rem 0 .8rem;
        line-height: 1rem;
    }
    body.sdkstyle_1 .guanming-list-box3{
        height: calc(100% - 1.8rem);
        margin: 1.1rem 0 .7rem 0;
    }
    body.sdkstyle_1 .guanming-list-box3 .guanming-list{
        padding: .3rem 0;
    }
    body.sdkstyle_1 .guanming-list-box3 .slogan{
        font-size: .6rem;
        padding: .1rem .8rem 0 .8rem;
        line-height: .8rem;
    }
    body.sdkstyle_1 .fcmForm .fcmTitle{
        font-size: .75rem;
        line-height: 1.6rem;
        margin-bottom: .3rem;
    }
    body.sdkstyle_1 .fcmForm .iptbox{
        padding: .4rem .8rem 0 .8rem;
    }
    body.sdkstyle_1 .fcmForm .iptbox input{
        height: 1.6rem;
        line-height: 1.6rem;
        font-size: .6rem;
    }
    body.sdkstyle_1 .fcmForm .realname-submit{
        height: 1.75rem;
        line-height: 1.75rem;
        font-size: .75rem;
        margin: .7rem auto 0 auto;
    }
	body.sdkstyle_1 .signin-ctn .signin-bar .sign-info , body.sdkstyle_1 .signin-ctn .signin-bar .sign-info2{
	    font-size: .6rem;
	}
    body.sdkstyle_1 .signin-success-box{
        width: 66%;
        margin-left: -33%;
    }
    body.sdkstyle_1 .layer_wrap.signChecklayer .layer_content , body.sdkstyle_1 .layer_wrap.welfareChecklayer .layer_content{
        width: 92%;
    }
    body.sdkstyle_1 .mining-ctn .mining-tips{
        margin: .1rem .4rem 0 .4rem;
    }
    body.sdkstyle_1 .welfareruledes-box{
        padding: .5rem .9rem;
    }
    body.sdkstyle_1 .welfareruledes-box .title{
        font-size: .7rem;
    }
    body.sdkstyle_1 .welfareruledes-box .subtitle {
        font-size: .5rem;
        margin: .3rem 0 .2rem 0;
    }
    body.sdkstyle_1 .welfareruledes-box ul li{
        line-height: .92rem;
    }
    body.sdkstyle_1 .ptbpay-ctn .ptbpay-area .pay-spec .payment-spec-item, body.sdkstyle_1 .ptbpay-ctn .ptbpay-area .pay-spec .input-money-box {
        height: 1.3rem;
    }
    body.sdkstyle_1 .ptbpay-ctn .ptbpay-area .item .values{
        font-size: .55rem;
        zoom: 0.95;
    }
	body.sdkstyle_1 .ptbpay-ctn .ptbpay-area .item .values .dw_txt , body.sdkstyle_1 .ptbpay-ctn .ptbpay-area .item .values .tip_txt{
		font-size:.45rem;
	}
    body.sdkstyle_1 .ptbpayrule-ctn .vip-area .tequan-info{
        font-size: .6rem;
    }
    body.sdkstyle_1 .login-box .nav-tabs , body.sdkstyle_1 .login-box .nav-bar{
        height: 1.9rem;
        line-height: 1.9rem;
        font-size: .75rem;
    }
    body.sdkstyle_1 .login-box .login-ctn .login-submit{
        margin-bottom: .7rem;
    }
    body.sdkstyle_1 .login-box .login-ctn .login-submit.reg-submit{
        margin: 0rem 0 1rem 0;
    }
    body.sdkstyle_1 .login-box .login-ctn .box-after{
        height: 2.3rem;
        line-height: 2.3rem;
    }
    body.sdkstyle_1 .login-box .findpwd-ctn .input-wrap{
        margin-bottom: .4rem;
    }
    body.sdkstyle_1 .login-box .findpwd-ctn .login-submit.findpwd{
        margin: .6rem 0 .7rem 0;
    }
    body.sdkstyle_1 .version_update_box .version_update_ctn{
        width: 92%;
    }
    body.sdkstyle_1 .version_update_box .down_btn{
        margin-top: 5%;
    }
    .choose-server-box{
    }
    .choose-server-box .choose-tabs .tab{
    }
    .choose-server-box .server-lists{
    }
}
@media screen and (min-width: 411px) and (min-height: 823px) {
    .fcmForm{
        width: 68%;
    }
	.leichongFanliForm{
		width: 68%;
	}
    .guanmingForm{
        width: 68%;
    }
}
@media screen and (max-width: 414px) and (max-height: 736px) {
}
@media screen and (max-width: 375px) and (max-height: 812px) {
    .fcmForm{
       width: 74.5%;
    }
	.leichongFanliForm{
	   width: 74.5%;
	}
    .guanmingForm{
       width: 74.5%;
    }
    body.sdkstyle_2 .fcmgmForm{
        width: 68.5%;
    }
}
@media screen and (max-width: 375px) and (max-height: 667px) {
    .guanmingForm{
        width: 74.5%;
    }
    .guanming-list-box .slogan{
        /* font-size: .8rem!important; */
    }
    .guanming-list-box3 .slogan {
        font-size: .65rem!important;
        line-height: 1rem;
    }
}
@media screen and (max-width: 360px) and (max-height: 640px) {
    .fcmForm{
        height: 11.5rem;
    }
	.leichongFanliForm{
		height: 11.5rem;
	}
	.leichongfanli-box .fanlibtn{
		margin: .75rem auto 0 auto;
		font-size: .8rem;
	}
    .guanmingForm{
        height: 11.5rem;
        width: 74.5%;
    }
    .guanming-list-box{
        height: calc(100% - 2rem);
        margin: 1.3rem 0 .7rem 0;
    }
    .guanming-list-box .subtitle{
        background-size: 128%;
    }
    .guanming-list-box .slogan{
        font-size: 1.1rem;
        line-height: 1.7rem;
    }
    .guanming-list-box2 .guanming-list{
        padding: .6rem 0;
    }
    .guanming-list-box2 .guanming-info{
        font-size: .6rem;
    }
    .guanming-list-box2 .subtitle{
        background-size: 180%;
        margin: .15rem 1rem 0 1rem;
    }
    .guanming-list-box2 .slogan {
        font-size: .75rem!important;
        line-height: 1.05rem;
    }
    .guanming-list-box3 .guanming-list{
        /* padding: .5rem 0; */
    }
    .guanming-list-box3 .slogan{
        font-size: .6rem!important;
        line-height: .9rem;
    }
    .fcmForm .iptbox {
        padding: .4rem 0.8rem 0 .8rem;
    }
    .fcmForm .iptbox input{
        height: 1.65rem;
        line-height: 1.65rem;
        font-size: .65rem;
    }
    .fcmForm .realname-submit{
        margin: .75rem auto 0 auto;
        font-size: .8rem;
    }
    body.sdkstyle_2 .fcmgmForm{
        width: 67.5%;
        height: 21.5rem;
    }
    body.sdkstyle_2 .layer_wrap.signChecklayer .warn-box , body.sdkstyle_2 .layer_wrap.welfareChecklayer .warn-box{
        font-size: .6rem;
    }
}
@media screen and (max-width: 320px) and (max-height: 568px) {
    .fcmForm{
        width: 80%;
        height: 11rem;
    }
	.leichongFanliForm{
		width: 80%;
		height: 11rem;
	}
	.leichongfanli-box .fanlibtn{
		height: 1.75rem;
		line-height: 1.75rem;
		font-size: .75rem;
		margin: .7rem auto 0 auto;
	}
    .guanmingForm{
        height: 11rem;
        width: 80%;
    }
    .guanming-list-box{
        height: calc(100% - 2.5rem);
        margin: 1.5rem 0 1rem 0;
    }
    .guanming-list-box .guanming-list{
        padding: .85rem 0;
    }
    .guanming-list-box .guanming-info{
        font-size: .5rem;
    }
    .guanming-list-box .subtitle{
        background-size: 145%;
    }
    .guanming-list-box .slogan {
        font-size: 1.05rem;
        padding: .35rem .8rem 0 .8rem;
        line-height: 1.6rem;
    }
    .guanming-list-box2 {
        height: calc(100% - 2.2rem);
        margin: 1.2rem 0 1rem 0;
    }
    .guanming-list-box2 .guanming-list{
        padding: .6rem 0;
    }
    .guanming-list-box2 .subtitle{
        background-size: 174%;
        margin: .15rem 1rem 0 1rem;
    }
    .guanming-list-box2 .slogan{
        font-size: .7rem!important;
        padding: .1rem .8rem 0 .8rem;
        line-height: 1rem;
    }
    .guanming-list-box3{
        height: calc(100% - 1.8rem);
        margin: 1.1rem 0 .7rem 0;
    }
    .guanming-list-box3 .guanming-list{
        padding: .3rem 0;
    }
    .guanming-list-box3 .slogan{
        font-size: .6rem!important;
        padding: .1rem .8rem 0 .8rem;
        line-height: .8rem;
    }
    .fcmForm .fcmTitle{
        font-size: .75rem;
        line-height: 1.6rem;
        margin-bottom: .3rem;
    }
    .fcmForm .iptbox{
        padding: .4rem .8rem 0 .8rem;
    }
    .fcmForm .iptbox input{
        height: 1.6rem;
        line-height: 1.6rem;
        font-size: .6rem;
    }
    .fcmForm .realname-submit{
        height: 1.75rem;
        line-height: 1.75rem;
        font-size: .75rem;
        margin: .7rem auto 0 auto;
    }
    body.sdkstyle_2 .fcmgmForm{
        width: 70.5%;
        height: 19.9rem;
    }
    body.sdkstyle_2 .fcmgmForm .guanming-list-box{
        height: calc(50% - 2.5rem);
        margin: 1.8rem 0 .7rem 0;
    }
    body.sdkstyle_2 .signin-ctn .signin-bar .sign-info2{
        font-size: .6rem;
    }
    body.sdkstyle_2 .signin-success-box{
        width: 68%;
        margin-left: -34%;
    }
    body.sdkstyle_2 .mining-ctn .mining-tips{
        margin: .3rem .4rem 0 .4rem;
    }
}

/* 竖屏样式 */
body.sdkstyle_2 .user-left-ctn{
    width: 100%;
    height: 4.9rem;
}
body.sdkstyle_2 .user-info-area{
    height: 3rem;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: .4rem;
    background: #24140F;
}
body.sdkstyle_2 .user-info-box{
    padding-bottom: 0;
    border: 0 none;
    width: 42%;
    flex: none;
}
body.sdkstyle_2 .user-info-box .headPortrait{
    height: 2.1rem;
}
body.sdkstyle_2 .user-info-box .user-info{
    padding: .5rem 0;
}
body.sdkstyle_2 .user-info-box .user-info .username-box{
    display: flex;
}
body.sdkstyle_2 .user-info-box .user-info .username{
    width: auto;
    max-width: calc(100% - 1.1rem);
}
body.sdkstyle_2 .user-info-box .user-info .message-btn,
body.sdkstyle_2 .user-info-box .user-info .voucher-btn{
    margin: 0 0 0 .3rem;
}
body.sdkstyle_2 .user-balance-box{
    height: 3rem;
    padding: .5rem 1rem .5rem 0;
}
body.sdkstyle_2 .user-balance-box .balance-item{
    width: auto;
}
body.sdkstyle_2 .user-balance-box .balance-item .num{
    font-size: .68rem;
}
body.sdkstyle_2 .user-balance-box .service-item, body.sdkstyle_2 .user-balance-box .setup-item{
    width: 1.8rem;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    font-size: .55rem;
    color: #c6c6c6;
}
body.sdkstyle_2 .user-balance-box .service-item img, body.sdkstyle_2 .user-balance-box .setup-item img{
    width: .85rem;
}
body.sdkstyle_2 .nav_tab{
    top: 3rem;
    height: 1.9rem;
    background: #301A14;
}
body.sdkstyle_2 .nav_tab .nav_menu{
    height: 1.9rem;
    background: #301A14;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    overflow: hidden;
    padding-bottom: 0;
}
body.sdkstyle_2 .nav_tab .nav_menu .item{
    padding: 0 .2rem;
    line-height: 1.7rem;
    font-size: .68rem;
    width: 100%;
    text-align: center;
}
body.sdkstyle_2 .nav_tab .nav_menu .item.item_service{
    display: none;
}
body.sdkstyle_2 .nav_tab .nav_menu .item .ico{
    display: none;
}
body.sdkstyle_2 .nav_tab .nav_menu .item::after{
    width: 1px;
    height: 1.9rem;
    left: -1px;
    bottom: 0;
    border-left: 1px dashed #6c382a;
}
body.sdkstyle_2 .nav_tab .nav_menu .item.active{
    background: url(../img/user/menu_active_m.jpg) center no-repeat;
    background-size: 100%;
}
body.sdkstyle_2 .nav_tab .nav_menu .item.active::after{
    border-left: 0 none;
}
body.sdkstyle_2 .nav_ctn{
    left: 0;
    top: 4.9rem;
    height: calc(100% - 4.9rem);
}
body.sdkstyle_2 .gamepay-ctn .gamepay-ctn-fl{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 2.9rem;
    padding: 1rem .7rem 0 .7rem;
    border: 0 none;
}
body.sdkstyle_2 .gamepay-ctn .gamepay-ctn-fl .item{
    width: 32%;
    margin: 0 .1rem;
}
body.sdkstyle_2 .gamepay-ctn .gamepay-ctn-fl .pay-voucher .dot{
    top: .35rem;
    right: .1rem;
}
body.sdkstyle_2 .gamepay-ctn .gamepay-ctn-fr{
    width: calc(100% - 1.4rem);
    margin: 3.8rem .7rem 0 .7rem;
    border-top: 1px solid #eeee;
}

/* 设置安全码 */
.safecode-area{position: absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.3);max-width: 660px;z-index: 999;display: flex;justify-content: center;align-items: center;}
.safecode-area .safecode-box{max-width: 400px;width:80%;height: auto;background: #fff;}
.safecode-area .safecode-box .title{height: 1.5rem;line-height: 1.5rem;background: #F2660F;color: #fff;padding: 0 .35rem .25rem .6rem;font-size: .75rem;font-weight: bold;margin-bottom: .75rem;}
.safecode-area .safecode-box .title .close-btn{float: right;font-weight: normal;font-size:1.3rem;line-height: 1.25rem;cursor: pointer;}
.safecode-area .safecode-box .input-box{height: 1.6rem;line-height: 1.6rem;margin-top: .5rem;position: relative;}
.safecode-area .safecode-box .input-box .label{width: 30%;text-align: right;float: left;font-size: 13px;color:#666666;}
.safecode-area .safecode-box .input-box input{width: 55%;height: 1.6rem;border: 1px solid #DFDFDF;margin-left: .35rem;float: left;outline: 0;text-indent: .5rem;border-radius:3px;}
.safecode-area .safecode-box .input-box input.disabled{background: #F0F0F0;color: #777;}
/* .safecode-area .safecode-box .input-box .mobilecode{width: 30%;} */
.safecode-area .safecode-box .input-box .send-code{position:absolute;right:calc(15% - .35rem);top:0;padding:0 .25rem;height: 1.6rem;line-height: 1.6rem;color: #eb561b;font-size: .65rem;cursor: pointer;text-decoration: underline;}
.safecode-area .safecode-box .input-box .send-code.disabled{color: #999;}
.safecode-area .safecode-box .bind-btn{width: auto;display: inline-block;background: #F2660F;padding: 0 .75rem;color: #fff;font-size: .75rem;height: 1.6rem;line-height: 1.6rem;margin: .75rem 0 0 32%;cursor: pointer;border-radius: 3px;}
.safecode-area .safecode-box .tips{padding:0 .9rem;color: #777;font-size: .6rem;margin: .75rem 0 .5rem 0;}
.safecode-area input::-webkit-input-placeholder{color:#c9c9c9;}
.safecode-area input::-moz-placeholder{color:#c9c9c9;}
.safecode-area input:-moz-placeholder{color:#c9c9c9;}
.safecode-area input:-ms-input-placeholder{color:#c9c9c9;}

/* vip特权 */
.viptequan-ctn .vip_tequan_box{padding: .7rem;}
.viptequan-ctn .viplevel_box{width:100%;min-height: 3.75rem;padding:0 .5rem;background:url(/Public/Home/h5_play/img/vip_icon/vip_level_bg1.png?v=1) no-repeat;background-size:100% 100%;display: flex;flex-direction: column;justify-content: center;}

.viptequan-ctn .viplevel_box .viplevel_progress_box{display: flex;justify-content: space-between;align-items: center;background:#815D2F;border-radius: 3px;white-space: nowrap;height:1.25rem;margin: .5rem 0 .25rem 0;padding:0 .25rem;color:#e2c186;font-size:.6rem;}
.viptequan-ctn .viplevel_box .level_progress{width:100%;height:.7rem;border:1px solid #654722;background-color: #e3e3e3;border-radius: 2px;padding: 1px;position: relative;margin: 0 .25rem;}
.viptequan-ctn .viplevel_box .level_progress .progress_bar{height:100%;background:#32D526;border: 1px solid #99EA93;box-shadow: 0 0 0 1px #50B349;}
.viptequan-ctn .viplevel_box .level_progress span{color:#787878;font-size: .55rem;position:absolute;top:0;width: 100%;height:100%;display:flex;justify-content: center;align-items:center;}
.viptequan-ctn .viplevel_box .vip_icon_large{height: .7rem;}
.viptequan-ctn .viplevel_box .level_stage{font-size:.55rem;color:#70502a;text-align: center;}

.viptequan-ctn .vip_table_box{padding: .25rem 0 0 0;}
.viptequan-ctn .title_box{display: flex;justify-content: space-around;align-items: center;margin-bottom: .25rem;height: 1.5rem;line-height:1.5rem;border-bottom:1px solid #E4E4E4;}
.viptequan-ctn .title_box .tab{font-size:.7rem;color:#333333;position:relative;}
.viptequan-ctn .title_box .tab.on{color:#FF9000;}
.viptequan-ctn .title_box .tab.on:after{content:'';width:60%;height:2px;background:#FF9000;position:absolute;left:20%;bottom:0;}

.viptequan-ctn .vip_tequan_tb{width:100%;border-collapse: collapse;border-spacing: 0;table-layout: fixed;background:#fff;margin-top:0.5rem;}
.viptequan-ctn .vip_tequan_tb th{border:1px solid #DDDDDD;background-color:#F3F3F3;font-size:.6rem;color:#666;position:relative;font-weight: normal;padding:0 0.5rem;width:11%;height: 1.3rem;}
.viptequan-ctn .vip_tequan_tb th.active{background-color:#FFEFC9;color:#ff4b21;font-weight:bold;}
.viptequan-ctn .vip_tequan_tb td{border:1px solid #DDDDDD;font-size:.55rem;color:#666;text-align: center;padding: 0 0.45rem;width:10%;height: 1.25rem;}
.viptequan-ctn .vip_tequan_tb .td1{width: 20%;}
.viptequan-ctn .vip_tequan_tb .vip_icobn .td1{padding-left: 1rem;text-align: left;}
.viptequan-ctn .vip_tequan_tb td.alginfl{text-align:left;}
.viptequan-ctn .vip_tequan_tb td.active{background-color:#FFEFC9;color:#ff4b21;}
.viptequan-ctn .vip_tequan_tb tr .check{background-image:url(/Public/Home/h5_play/img/vip_icon/check.png);background-repeat: no-repeat;background-position: center center;background-size:auto 45%}
.viptequan-ctn .vip_tequan_tb tr .star{background:url(/Public/Home/h5_play/img/vip_icon/star.png) no-repeat center center;width: 50%;height:100%;display: inline-block;vertical-align: top;max-width:14px;background-size:contain;}

.vip_growth_system{position: relative;}
.vip_growth_system .vip_img{display: block;max-width: 85%;padding-top: .35rem;}
.vip_growth_system .vip_tips{font-size: .58rem;color:#636363;padding-top: .45rem;line-height: 1rem;}

.payurl-area{width: 100%;height: 100%;background: rgba(0,0,0,.7);top: 0;left: 0;position: absolute;z-index: 99;display: flex;align-items: center;justify-content: center;}
.payurl-area .payurl-box{position: relative;z-index: 100;background: #fff;width: 82%;border-top: 2px solid #ffb11b;padding: 0 1rem 1rem;}
.payurl-area .payurl-box .text{width: 100%;text-align: center;font-size: .65rem;padding: .8rem 0;line-height: .9rem;}
.payurl-area .payurl-box .payurl-text{width: 100%;border: 1px solid #9c9c9c;padding: .3rem .7rem;font-size: .7rem;word-break: break-all;line-height: .95rem;}
.payurl-area .payurl-box .btns{display: flex;align-items: center;justify-content: space-between;margin-top: .75rem;}
.payurl-area .payurl-box .btns div{width: 44%;text-align: center;font-size: .6rem;height: 1.6rem;line-height: 1.6rem;background: #b7b7b7;color: #fff;border-radius: .2rem;}
.payurl-area .payurl-box .btns .payurl-copy-btn{background: #25c3e0;}
.payurl-area .payurl-box .btns .payurl-copy-btn.success{background: #37c200;}

.face-authentication-area{position: absolute;left: 0;top: 0;z-index: 99;background: rgba(0,0,0,.5);width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;}
.face-authentication-area .close-btn{width: 1.3rem;height: 1.3rem;position: absolute;right: -.5rem;top: -.5rem;background: url(../img/news_close_btn.png) no-repeat;background-size: cover;cursor: pointer;font-size: 0;}
.face-authentication-area .face-authentication-box{width: 84%;background: #FFFFFF;height:auto;position: relative;color: #333;padding: 1.5rem 0 1rem;max-width: 360px;text-align: center;}
.face-authentication-area .face-authentication-box .title{font-size: .9rem;font-weight: bold;margin-bottom: 1.25rem;color:#f92c2c;}
.face-authentication-area .face-authentication-box .link-btn{display:inline-block;font-size:.9rem;color:#ffffff;background:#55C44A;padding:0 1rem;height:2rem;line-height: 2rem;margin:0 auto;border-radius: 1rem;}
.face-authentication-area .face-authentication-box .tiptext{font-size: .6rem;color:#7c7c7c;margin-top:1.25rem;}

.face-authentication-area .face-authentication-pcbox{width: 600px;height:430px;background: #FFFEF1 url(../img/face_bg.jpg?v=1) no-repeat;position: relative;color: #333;padding: 58px 20px 20px;}
.face-authentication-area .face-authentication-pcbox .title{text-align: center;font-size:28px;color:#f92c2c;}
.face-authentication-area .face-authentication-pcbox .subtitle{text-align: center;font-size:20px;color:#3f3f3f;margin-top:8px;}
.face-authentication-area .face-authentication-pcbox .codeimg{width:138px;height:138px;position:absolute;left:86px;top:202px;}
.face-authentication-area .face-authentication-pcbox .codeimg img{width:100%;height:100%;}
.face-authentication-area .face-authentication-pcbox .codeimg img.loading{width:40px;height:40px;margin:49px;}
.face-authentication-area .face-authentication-pcbox .tiptext{font-size:12px;color:#7c7c7c;position:absolute;left:20px;bottom:20px;}

.iphone-img-area{position: absolute;left: 0;top: 0;z-index: 99;background: rgba(0,0,0,.5);width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;}
.iphone-img-area .close-btn{width: 1.3rem;height: 1.3rem;position: absolute;right: -.8rem;top: -.8rem;background: url(../img/news_close_btn.png) no-repeat;background-size: cover;cursor: pointer;font-size: 0;}
.iphone-img-area .iphone-img{width:80%;position:relative;}
.iphone-img-area .link{width:100%;display:block;}
.iphone-img-area img{width:100%;vertical-align: middle;}

/* 左侧充值可领悬浮图标 */
.receive-welfare-icon{
    width: 1.7rem;
    height: 6.75rem;
    background: url(../img/receive_welfare_ico.png?v=1) center center no-repeat;
    background-size: cover;
    position: absolute;
    bottom: 40%;
    left: .2rem;
    z-index: 999;
    cursor: pointer;
}
.receive-welfare-icon.xid{
	left:20px;
}
.receive-welfare-icon .money{
    font-size: 1rem;
    color: #ffde00;
    font-weight: bold;
	padding-left:.4rem;
	display: block;
	height:1.4rem;
	line-height:1.4rem;
}
.receive-welfare-icon .txt{
    width: 1rem;
	height:calc(100% - 1.4rem);
	line-height:.8rem;
    font-size: .75rem;
    color: #ffde00;
    display: flex;
    justify-content: center;
	align-items: center;
    margin-left:.45rem;
	animation: receiveWelfareTxt .5s infinite alternate;
}
@keyframes receiveWelfareTxt
{
	0 {color:#f6d400;}
	50% {color:#24ff00;}
}


/* 弹幕 */
.show-danmu-icon{
    width: 40px;
    height: 40px;
    position: absolute;
    bottom: 25%;
    right: 0;
    background: url(../img/danmu_ico_d.png) center center no-repeat;
    background-size: cover;
    z-index: 1001;
    cursor: pointer;
}
.show-danmu-icon.on{
    background: url(../img/danmu_ico.png) center center no-repeat;
    background-size: cover;
}
.danmu-box {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 60px;
    z-index: 9999;
    background: #1a1a1a;
    display: flex;
    align-items: center;
    justify-content: center;
}
.danmu-ctn{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 80%;
}
.danmu-ctn .danmu-switch{
    width: 28px;
    height: 28px;
    margin-right: 12px;
    background: url(../img/danmu_switch_ico_d.png) center center no-repeat;
    background-size: contain;
}
.danmu-ctn .danmu-switch.on{
    background: url(../img/danmu_switch_ico.png) center center no-repeat;
    background-size: contain;
}
.danmu-ctn .danmu-input{
    width: calc(100% - 110px);
    background: #ffffff;
    border-radius: 5px;
    height: 30px;
    padding-left: 10px;
    display: flex;
    align-items: center;
}
.danmu-ctn .danmu-input input{
    width: calc(100% - 25px);
    height: 30px;
    border: 0 none;
}
.danmu-ctn .danmu-input .emote-btn{
    width: 18px;
    height: 18px;
    display: inline-block;
    background: url(../img/emote_ico.png) center center no-repeat;
    background-size: cover;
}
.danmu-ctn .send-danmu-btn{
    width: 60px;
    height: 30px;
    line-height: 30px;
    border-radius: 5px;
    background: #1f73e5;
    font-size: 12px;
    color: #fff;
    text-align: center;
    margin-left: 10px;
}

.scroll-danmu-box{
    -webkit-pointer-events: none;
    -moz-pointer-events: none;
    -ms-pointer-events: none;
    -o-pointer-events: none;
    pointer-events: none;
}
.scroll-danmu-box .danmu-item {
    height: 1.6rem;
    line-height: 1.4rem;
    background: #000;
    box-shadow: 0px 0px 12px 4px #fff;
    border: .1rem solid #dfdfdf;
    border-radius: 1rem;
    display: inline-block;
    box-sizing: border-box;
}
.scroll-danmu-box .danmu-item .label {
    float: left;
    height: 1.6rem;
    font-size: .7rem;
    color: #62b4ee;
    padding-left: .6rem;
    background: #0e101b;
    border-top-left-radius: 1rem;
    border-bottom-left-radius: 1rem;
    border: .1rem solid #dfdfdf;
    border-right: 0 none;
    margin-top: -0.1rem;
    margin-left: -0.1rem;
    font-weight: bold;
    position: relative;
    box-sizing: border-box;
}
.scroll-danmu-box .danmu-item .label::after {
    content: '';
    width: .85rem;
    height: 1.5rem;
    background: transparent url(../img/danmu_bar_bg.png) center center no-repeat;
    background-size: contain;
    right: -.85rem;
    top: -0.05rem;
    position: absolute;
}
.scroll-danmu-box .danmu-item .text {
    font-size: .8rem;
    color: #fff;
    float: left;
    width: auto;
    height: 1.4rem;
    padding: 0 .7rem 0 .8rem;
    text-align: left;
    box-sizing: border-box;
}
.scroll-danmu-box .danmu-item .text img {
    width: 24px;
    height: 24px;
    margin: 0 4px;
    vertical-align: sub;
}
.scroll-danmu-box .danmu-item.new {
    border-color: #ff6600;
    background: rgba(53,2,2,.5);
}
.scroll-danmu-box .danmu-item.new .label {
    border-color: #e34839;
    background: #441212;
    color: #ff8d55;
}
.scroll-danmu-box .danmu-item.new .label::after {
    background: transparent url(../img/danmu_bar_bg_r.png) center center no-repeat;
}
.scroll-danmu-box .danmu-item.new .text {
    color: #fff000;
}

.ptbUseTipLayer{position:absolute;top:0;left:0;width:100%;height:100%;}
.ptbUseTipLayer .mask_bg{width:100%;height:100%;background:#000;opacity: .3;filter:Alpha(opacity=30);}
.ptbUseTipLayer .cn{position:absolute;left:50%;top:50%;transform: translate(-50%,-50%);white-space: nowrap;line-height:1.1rem;padding:.6rem .75rem;background:#fff;box-shadow: 0 0 2px 0 rgba(0,0,0,0.2);}
.ptbUseTipLayer .cn .closebtn{position:absolute;right:0;top:0;height:.9rem;line-height: .8rem;width:.9rem;text-align: center;background:#424242;color:#D2D2D2;cursor: pointer;font-size:.75rem;}
.ptbUseTipLayer .cn .closebtn:hover{background:#DE3131;color:#fff;}
.ptbUseTipLayer .cn p{font-size:.65rem;color:#3a3a3a;}
.ptbUseTipLayer .cn .color_r{color:#ff3c00;}
.ptbUseTipLayer .cn .pour{color:#f40000;margin-top:.3rem;}

/* 推送消息 */
.scroll-notice-box{position: absolute;top: 12%;left: 26%;width:48vw;z-index: 999;}
.scroll-notice-mail{background:url('/Public/Home/h5_play/img/notice_mail_bg.gif') no-repeat;background-size:100% 100%;height:3.3vw;}
.scroll-notice-naming{background:url('/Public/Home/h5_play/img/notice_naming_bg.gif') no-repeat;background-size:100% 100%;height:4.36vw;}
.scroll-notice-box .close-icon{position: absolute;right: -1rem;top:0;display: inline-block;width: 1rem;height: 100%;cursor: pointer;background:url('/Public/Home/h5_play/img/notice_close.png') no-repeat center center;background-size:100%;}
.scroll-notice-box .notice-content{width:68%;height:96%;padding-top:1.5%;margin:0 auto;display: flex;justify-content: center;align-items: center;}
.scroll-notice-box .msg-box{width:100%;height:100%;overflow: hidden;user-select: none;-webkit-user-select: none;}
.scroll-notice-box .msg-box li{display: inline-block;white-space: nowrap;height: 100%;padding:0 100%;vertical-align: top;}
.scroll-notice-box .msg-box li div{display: flex;align-items: center;color:#f5d982;font-size:.6rem;white-space: nowrap;height: 100%;}
.scroll-notice-box .view-btn{color:#00d8ff;font-size:.6rem;text-decoration: underline;cursor: pointer;white-space: nowrap;margin-left:.5rem;}
.scroll-notice-naming .close-icon{right: 0.5rem;background-position:center 0;}
.scroll-notice-naming .notice-content{height:75%;padding-top:2.5%;}
.scroll-notice-naming .notice-content .msg-box li div{color:#fffd39}
.scroll-notice-naming .notice-content .view-btn{color:#fffd39}

body.sdkstyle_0 .scroll-notice-box{width:660px;left:50%;margin-left:-330px;}
body.sdkstyle_0 .scroll-notice-mail{height:45px;}
body.sdkstyle_0 .scroll-notice-naming{height:60px;}
body.sdkstyle_0 .scroll-notice-box .msg-box li div{font-size: 15px;}
body.sdkstyle_0 .scroll-notice-box .view-btn{font-size: 15px;}
body.sdkstyle_0 .scroll-notice-box .close-icon{width:22px;}

body.sdkstyle_2 .scroll-notice-box{width:80vw;left:10%;}
body.sdkstyle_2 .scroll-notice-mail{height:5.5vw;}
body.sdkstyle_2 .scroll-notice-naming{height:7.27vw;}

.footer{position: fixed;bottom: 0;left: 0;width: 100%;padding: .2rem 1rem;background-color: #999;color: #fff;font-size: .5rem;z-index: 100;text-align: center;}

/* 进游特效 */
.nobility-effect-box{position: absolute;top: 50%;left: 50%;width:75%;height:75%;transform: translate(-50%, -50%);z-index: 999;overflow:hidden;}
.nobility-effect-box .close-btn{position: absolute;right:0;top:.75rem;width:1.6rem;height:1.6rem;display: flex;align-items: center;justify-content: center;background: rgba(0,0,0,.7);border-radius: 50%;font-size: .9rem;color:#fff;z-index:2;animation: nobilityEffectFadeIn .2s ease-in;}
.nobility-effect-box .text{position: absolute;top: 1.1rem;left: 0;width: 100%;height: 1.6rem;line-height: 1.6rem;text-align: center;font-size: .75rem;color: #ffffff;background: url(/Public/Home/h5_play/img/txt_bg.png) center center no-repeat;background-size: contain;font-weight: bold;z-index:1}
.nobility-effect-box .text img{vertical-align:middle;height:.8rem;}
.nobility-effect-box.fade-out {animation: nobilityEffectFadeOut .2s ease-in-out forwards;}
@keyframes nobilityEffectFadeIn {
  0% {
    opacity: 0;
  }
  70% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes nobilityEffectFadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

body.sdkstyle_2 .nobility-effect-box{top: 50%;left: 0;width:100%;height:60%;transform: translate(0, -50%);}
body.sdkstyle_2 .nobility-effect-box .close-btn{right:8%;top:.75rem;}
body.sdkstyle_2 .nobility-effect-box .text{top: 1.1rem;left: 10%;width: 80%;height: 1.6rem;line-height: 1.6rem;}

/* 安全码二次验证 弹窗 */
.safecode-verify-area{
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background: rgba(0,0,0,.4);
    z-index: 9999;
}
.safecode-verify-box{
	width: 80%;
	max-width: 320px;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	background: #fff;
	padding-bottom: 1.1rem;
}
.safecode-verify-box .title{
	background: #f5f5f5;
	height: 1.5rem;
	line-height: 1.5rem;
	font-size: .7rem;
	font-weight: bold;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 0 .2rem 0 .5rem;
}
.safecode-verify-box .title .close-btn{
	height: 14px;
	line-height: 14px;
	font-size: 20px;
	font-family: 宋体;
	color: #999;
	cursor: pointer;
}
.safecode-verify-box .safecode-verify-ctn{
	padding: 0 .8rem;
	position: relative;
}
.safecode-verify-box .safecode-verify-ctn .subtitle{
	height: 1.7rem;
	line-height: 1.7rem;
	font-size: .58rem;
	color: #666;
	border-bottom: 1px solid #f5f5f5;
}
.safecode-verify-box .safecode-verify-ctn .input-box{
	color: #333;
	margin-top: .35rem;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.safecode-verify-box .safecode-verify-ctn .input-box .label{
	font-size: .65rem;
	line-height: 1.5rem;
	text-align: right;
	width: 3.5rem;
}
.safecode-verify-box .safecode-verify-ctn .input-box .text{
	line-height: 1.5rem;
	font-size: .65rem;
	width: calc(100% - 3.5rem);
}
.safecode-verify-box .safecode-verify-ctn .mobilecode{
	width: calc(100% - 3.5rem);
	height: 1.5rem;
	line-height: 1.5rem;
	border: 1px solid #d8d8d8;
	padding-left: .4rem;
	font-size: .65rem;
	float: left;
	border-radius: 5px;
}
.safecode-verify-box .safecode-verify-ctn .send-code{
    height: 1.5rem;
    line-height: 1.5rem;
    text-align: center;
    font-size: .65rem;
    color: #ff7700;
    cursor: pointer;
    position: absolute;
    right: .8rem;
    text-decoration: underline;
}
.safecode-verify-box .btn-box{
	margin-top: 1.1rem;
	display: flex;
	align-items: center;
	justify-content: center;
}
.safecode-verify-box .btn-box a{
	width: 30%;
	height: 1.6rem;
	line-height: 1.5rem;
	text-align: center;
	text-decoration: none;
	font-size: .7rem;
	margin-right: 10px;
	background: #fff;
	border: 1px solid #d8d8d8;
	color: #888;
	margin: 0 .25rem;
	border-radius: 5px;
}
.safecode-verify-box .btn-box a.confirm-btn{
	background: #ff711b;
	border-color: #ff711b;
	color: #fff;
}
/* 安全码多次错误提示 弹窗 */ 
.common-prompt-popup{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 999999999;
    background: rgba(0,0,0,.4);
    display: flex;
    align-items: center;
    justify-content: center;
}
.common-prompt-popup .prompt-popup-box{
    width: auto;
    min-width: 340px;
    height: auto;
    background: #fff;
    padding: 27px 38px 20px 38px;
    box-sizing: border-box;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    position: relative;
}
.common-prompt-popup .prompt-popup-box .close-btn{
    position: absolute;
    width: 13px;
    height: 12px;
    right: 9px;
    top: 10px;
    background: url(/Public/Common/images/prompt_popup/close_btn.png) center center no-repeat;
    cursor: pointer;
}
.common-prompt-popup .prompt-popup-box .close-btn:hover{
    background: url(/Public/Common/images/prompt_popup/close_btn_h.png) center center no-repeat;
}
.common-prompt-popup .prompt-popup-box .icon{
    width: 24px;
    height: 24px;
    flex: none;
}
.common-prompt-popup .prompt-popup-box .icon.info{
    background: url(/Public/Common/images/prompt_popup/info_ico.png) center center no-repeat;
}
.common-prompt-popup .prompt-popup-box .icon.circularinfo{
    background: url(/Public/Common/images/prompt_popup/info_ico2.png) center center no-repeat;
}
.common-prompt-popup .prompt-popup-box .icon.success{
    background: url(/Public/Common/images/prompt_popup/success_ico.png) center center no-repeat;
}
.common-prompt-popup .prompt-popup-box .icon.error{
    background: url(/Public/Common/images/prompt_popup/error_ico.png) center center no-repeat;
}
.common-prompt-popup .prompt-popup-box .popup-ctn{
    font-size: 14px;
    margin-left: 10px;
    color: #333;
    line-height: 24px;
    text-align: center;
    white-space: nowrap;
}
.common-prompt-popup .prompt-popup-box .popup-ctn .tips{
    margin: 5px 0 0 -17px;
    font-size: 12px;
}
.common-prompt-popup .prompt-popup-box .popup-ctn .red{
    color: #ff0000;
	font-size: 14px;
    font-weight: bold;
}
.common-prompt-popup .prompt-popup-box .popup-ctn .link{
    color: #0084ff;
    text-decoration: underline;
	cursor: pointer;
}
.common-prompt-popup .prompt-popup-box .confirm-btn{
    width: 50px;
    height: 26px;
    line-height: 26px;
    border: 1px solid #dedede;
    background: #f1f1f1;
    color: #333;
    font-size: 13px;
    font-weight: bold;
    position: absolute;
    right: 30px;
    top: 50%;
    margin-top: -14px;
    text-align: center;
    cursor: pointer;
}
.common-prompt-popup .prompt-popup-box .confirm-btn:hover{
    background: #fff;
    border-color: #ffa26a;
    color: #ff8800;
}
.common-prompt-popup .prompt-popup-box.hasbtn{
    padding: 28px 95px 28px 27px;
}
.common-prompt-popup .prompt-popup-box.hasbtn .popup-ctn{
    text-align: left;
}
