@charset "UTF-8";
html {font-size:62.5%;}
body{font-family: "Microsoft YaHei","Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", Arial, sans-serif;
	background: url(../huoshu_bgwd.jpg) no-repeat;}
.clearfix:after{clear:both;height:0;overflow:hidden;display:block;visibility:hidden;content:"";}
/** base **/
p {margin: 0;}
* { touch-action: none; } 
.m-top-fixed{position:fixed!important;top:0;z-index:10;}
.dis-table {display:table;}
.dis-table > * {display:table-cell;text-align: center;vertical-align: middle}
.dis-table > .tal {text-align: left;}
.dis-table > .tar {text-align: right;}
.dis-table > .tar .m-btn{font-size:1.15rem;display:inline-block;}
.full-opacity{opacity:1;}
.fr{float:right;}
@media only screen and (min-width: 320px) {
    html {
        font-size: 75% !important;
    }
}
@media only screen and (min-width: 360px) {
    html {
        font-size: 84.375% !important;
    }
}



/*** reset ***/
*{margin:0;padding:0;border:0 none;vertical-align:baseline;-webkit-box-sizing:border-box;box-sizing:border-box;/* -webkit-user-select:none; */outline:0;/*-webkit-user-select:none;*/-webkit-tap-highlight-color:transparent;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent;}
html{font-size:62.5%;font-family:"Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei",Arial,sans-serif;-webkit-text-size-adjust:100%;}
body{margin:0;}
html,body,form,fieldset,p,div,h1,h2,h3,h4,h5,h6{-webkit-text-size-adjust:none;}
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block;}
audio,canvas,progress,video{display:inline-block;vertical-align:baseline;}
audio:not([controls]){display:none;height:0;}
[hidden],template{display:none;}
a{background:0 0;text-decoration:none;}
a:active,a:hover{outline:0;}
b,strong{font-weight:700;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
small{font-size:80%;}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}
sup{top:-.5em;}
sub{bottom:-.25em;}
img{border:0;}
svg:not(:root){overflow:hidden;}
pre{overflow:auto;}
button,input,optgroup,select,textarea{font:inherit;margin:0;color:inherit;}
button{outline:none;overflow:visible;transition:none;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-webkit-transition-property:background-color;-webkit-transition-duration:0.3s;-webkit-transition-timing-function:ease;}
button:active{background:#e8e8e8 !important;color:#fff !important;}
button,select{text-transform:none;}
button,html input[type=button],input[type=reset],input[type=submit]{cursor:pointer;-webkit-appearance:button;}
button[disabled],html input[disabled]{cursor:default;}
input{line-height:normal;border-radius:0;-webkit-appearance:none;-webkit-tap-highlight-color:rgba(255,255,255,0);}
input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0;}
input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto;}
input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none;}
[contenteditable = "true"],input,textarea{-webkit-user-select:auto!important;-khtml-user-select:auto!important;-moz-user-select:auto!important;-ms-user-select:auto!important;-o-user-select:auto!important;user-select:auto!important;}
ul,li{list-style:none;}
textarea{overflow:auto;}
::-webkit-input-placeholder{ /* Chrome */
  color: #a1aab2;
}

/*
@media only screen and (min-width: 375px) {
    html {
        font-size: 87.89063% !important;
    }
}

@media only screen and (min-width: 410px) {
    html {
        font-size: 97.03% !important;
    }
}

@media only screen and (min-width: 480px) {
    html {
        font-size: 112.5% !important;
    }
}

@media only screen and (min-width: 560px) {
    html {
        font-size: 131.25% !important;
    }
}

@media only screen and (min-width: 640px) {
    html {
        font-size: 150% !important;
    }
}

@media only screen and (min-width: 720px) {
    html {
        font-size: 168.75% !important;
    }
}

@media only screen and (min-width: 750px) {
    html {
        font-size: 175.78125% !important;
    }
}

@media only screen and (min-width: 800px) {
    html {
        font-size: 187.5% !important;
    }
}

@media only screen and (min-width: 960px) {
    html {
        font-size: 100% !important;
    }
} */

#offCanvasSide {
    background-color: transparent;
}

.tapLeft,
.backLeft {
    height: 4.4rem;
    line-height: 1.7rem;
    width: 2.2rem;
    border-radius: 0 0.2rem 0.2rem 0;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    color: #fff;
    text-align: center;
    font-size: 1.2rem;
    padding: 0.5rem;
    position: absolute;
    top: 50%;
    left: 90vw;
    display: block;
}
.tapLeft {
    transform: translateY(25%);
    -webkit-transform: translateY(25%);
    background-color: #144566;
}

.backLeft {
    transform: translateY(-125%);
    -webkit-transform: translateY(-125%);
    background-color: #144566;
}

#offCanvasSideScroll {
    background-color:#fff;
}

#game-slide-left {
    width: 100%;
    background: #fff;
    -webkit-overflow-scrolling: touch;
    /* position: relative; */
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

#game-slide-left #game-slide-content {
    height: auto;
    width: 100%;
    background:#F2F6FA;
    position: relative;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

#game-slide-left #game-slide-content .slide-header {
    width: 100%;
    /* height: 6.9rem; */
    padding: 1rem 0.6rem;
    position: relative;
    border-bottom: 1px solid #f2f6fa;
    background-color:#fff;
}
.slide-header .img {width:3.1rem;}
.slide-header .img > div {width:3.1rem;height:3.1rem;border-radius: 50%;overflow:hidden;}
.slide-header .img > div > img {display: block;width:100%;}
.slide-header > div:last-child {width: 9.2rem;}
.player-name > div {text-align: left;padding-left: 0.25rem;}
.player-name .p-name {font-size: 1rem;color:#0a121a;line-height:1.6rem;}
.p-vip {display: inline-block;width:2.4rem;height:1.296rem;vertical-align:top;background:url(../images/vip/vip0.png) no-repeat center;background-size:100%;}
.p-vip.vip0 {background-image: url(../images/vip/vip0.png)}
.p-vip.vip1 {background-image: url(../images/vip/vip1.png)}
.p-vip.vip2 {background-image: url(../images/vip/vip2.png)}
.p-vip.vip3 {background-image: url(../images/vip/vip3.png)}
.p-vip.vip4 {background-image: url(../images/vip/vip4.png)}
.p-vip.vip5 {background-image: url(../images/vip/vip5.png)}
.p-vip.vip6 {background-image: url(../images/vip/vip6.png)}
.p-vip.vip7 {background-image: url(../images/vip/vip7.png)}
.p-vip.vip8 {background-image: url(../images/vip/vip8.png)}
.p-vip.vip9 {background-image: url(../images/vip/vip9.png)}
.p-vip.vip10 {background-image: url(../images/vip/vip10.png)}
.p-v {display:flex;font-size:1.25rem;font-weight:200;flex-direction:row;align-items:center;padding-left: 1.5rem;height:3rem;color:#ffa126;background: url(../images/vb.png) no-repeat left center;background-size: 1.4rem;}
.p-return{display:block;font-weight:400;color:#fff;font-size:1rem;line-height:2.05rem;width:8.5rem;height:2.35rem;padding-left: 0.65rem;margin-left:0.5rem;margin-top: 0.6rem;background:url(../images/p-return1.png) no-repeat top center;background-size:100%;}
.player-name{padding-top:0.75rem;}
.player-name .p-id {padding-left:0.15rem;font-size: 1.25rem;color:#3d454d;line-height: 1.6rem;white-space: nowrap;}
.slide-header .m-btn {display: inline-block;font-size:1rem;height: 2rem;line-height: 2rem;padding: 0 0.4rem;border-radius: 0.4rem;background-color: #09f;color: #fff;}
.slide-header .m-btn-service {margin-right: 0.5rem;}
/* .slide-header .m-btn-change {width:4.7rem;} */

/** qq service popup **/
.slide-popup-fade {position:absolute;top:0;left:0;width:100%;height:100%;z-index: 2;background-color: rgba(0, 0, 0, 0.3);}
.slide-popup-content {position: absolute;z-index:3;width:90%;background-color:#fff;border-radius: 0.4rem;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);}
.service-info {position:relative;padding: 1.5rem;}
.slide-popup-close {position: absolute;z-index:10;top:0;right:0;width:3rem;height:3rem;background:url(../images/close.png) no-repeat center;background-size:1rem;}
.slide-popup-content .vip_qq{position:relative;}
.slide-popup-content .vip_qq p{padding:5rem 1.25rem;display:flex;flex-direction:row;justify-content:space-between;align-items:center;}
.slide-popup-content .vip_qq p span{color:#0A121A;font-size:1.25rem;}
.slide-popup-content .vip_qq p span em{-moz-user-select:text;-o-user-select:text;-khtml-user-select:text;-webkit-user-select:text;-ms-user-select:text;user-select:text;font-style:normal;color:#222;}
.slide-popup-content .vip_qq p a{border:1px solid#D5DEE6; color:#0A121A;font-size:1rem;border-radius:0.5rem;line-height:1.75rem;padding:0.15rem 0.6rem;background-color:#fff;}
.slide-popup-content .vip_qq a{display: block;text-align: center;line-height: 3.6rem;background: #F5F6F7;border-radius: 0 0 0.4rem 0.4rem;color:#0099FF;}
.slide-popup-content .hide_success{background-color:#000;opacity:0.7;color:#ccc;padding:0.25rem 0.5rem;font-size:0.75rem;position:absolute;bottom:-20%;left:40%;}
.service-info h2 {color:#09f;font-size: 1.4rem;text-align: center;margin-top:0;margin-bottom:1.1rem;}
.service-info img {display: block;margin: 0 auto;width:12rem;}
.service-info > div {text-align: center;}
.service-info > div p {font-size: 1.2rem;line-height: 2rem;}
.service-info > div span {-webkit-user-select:all;user-select: all;}

/************************************************************************/
#game-slide-left #game-slide-content .slide-tab {
    height: 7.2rem;
    width: 100%;
    position: relative;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    background-color:#fff;
    top:0;
}
aside.game-slide-top{width:100%;height:6rem;display:block;background:url("../images/main-top-bg.png") center center no-repeat;background-size:cover;}
.nav-content {position: relative;}
.nav-content .content-wrap {position: absolute;top: 0;left: 0;width: 100%;border-top: 1rem solid #f2f6fa;background-color:#fff;}
.nav-content .content-detail {position: absolute;top:0.8rem;left:0.8rem;right:0.8rem;bottom:4rem;overflow: hidden;overflow-y: auto;}
.nav-content .content-detail > div > h2 {font-size: 1.2rem;text-align: center;}
.nav-content .content-detail > div > p {margin: 0;margin-bottom:0.3rem;text-indent: 2rem;font-size:1rem;color:#14171a;}
.content-tool {position:absolute;bottom:0;left:0;width:100%;height:4rem;border-top:1px solid #e1eaf2;}
.content-tool .c-btn {display: inline-block;border:none;font-size:1.2rem;padding:0 0.8rem;line-height: 2.4rem;background-color:#09f;border-radius:0.4rem;color:#fff;margin-top:0.8rem;margin-left:0.8rem;}
.content-pagni {float:right;margin-right:0.8rem;text-align: center;}
.content-pagni .page-no {display:inline-block;margin-top: 0.8rem;line-height: 2.4rem;font-size:1.2rem;margin-left:0.5rem;margin-right:0.5rem;}
.content-pagni .c-btn {margin-left:0;}
.content-tool .c-btn[disabled] {border:1px solid #D5DEE6;color: #D5DEE6;background-color: #fff;}

#game-slide-left #game-slide-content .slide-tab article {
    height: 7.2rem;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    display: flex;
    display: -webkit-flex;
    flex-direction: row;
}
#game-slide-left #game-slide-content .slide-tab article a {
    flex: 1;
    position: relative;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    display: block;
    line-height: 10.7rem;
    font-size: 1rem;
    color: #3d454c;
    text-align: center;
    background-size: 2.8rem;
}

/* 账户 */
.nav-account{background: url("../images/icon_account.png") no-repeat 50% 30%;}
/* 默认进入时 */
.nav-account.a-red{background: url("../images/icon_account_red.png") no-repeat 50% 30%;}
/*有红点时 */
.nav-account.a-red-active{background:url("../images/icon_accoun_red.png") no-repeat 50% 30%;}
.nav-gifts{background: url("../images/icon_gifts.png") no-repeat 50% 30%;}
/* 默认进入时*/
.nav-gifts.a-red{background: url("../images/icon_gifts_red.png") no-repeat 50% 30%;}
.nav-gifts.a-red-active{background:url("../images/icon_gifts_cur_red.png") no-repeat 50% 30%;}
.nav-level {background: url("../images/icon_level.png") no-repeat 50% 30%;}
/* 收藏 */
.nav-fav {background: url("../images/icon_fav.png") no-repeat 50% 30%;}
/* 更多游戏 */
.nav-more {background: url("../images/icon_more.png") no-repeat 50% 30%;}
/* 红点 */
.nav-more.a-red{background: url("../images/icon_more_red.png") no-repeat 50% 30%;}
.nav-more.a-red-active{background: url("../images/icon_more_cur_red.png") no-repeat 50% 30%;}
.nav-vip {background: url("../images/icon_vip.png") no-repeat 50% 30%;}
/* 红点 */
.nav-vip.a-red{background: url("../images/icon_vip_red.png") no-repeat 50% 30%;}
.nav-vip.a-red-active{background: url("../images/icon_vip_cur_red.png") no-repeat 50% 30%;}
.nav-activity {background: url("../images/icon_zixun.png") no-repeat 50% 30%;}
/* 红点 */
.nav-activity.a-red{background: url("../images/icon_activity_red.png") no-repeat 50% 30%;}
.nav-activity.a-red-active{background: url("../images/icon_activity_cur_red.png") no-repeat 50% 30%;}

.slide-tab article a.active,
.slide-tab article a:active {color: #0a121a;border-bottom:2px solid #09f;}
.nav-account.active,
a.nav-account:active{background: url("../images/icon_account_cur.png") no-repeat 50% 30%;}
a.nav-level.active,
a.nav-level:active {background: url("../images/icon_level_cur.png") no-repeat 50% 30%;;}
a.nav-gifts.active,
a.nav-gifts:active {background: url("../images/icon_gifts_1.png") no-repeat 50% 30%;;}
a.nav-fav.active,
a.nav-fav:active {background: url("../images/icon_fav_cur.png") no-repeat 50% 30%;;}
a.nav-more.active,
a.nav-more:active {background: url("../images/icon_more_cur.png") no-repeat 50% 30%;}
a.nav-vip.active,
a.nav-vip:active {background: url("../images/icon_vip_cur.png") no-repeat 50% 30%;}
a.nav-activity.active,
a.nav-activity:active {background: url("../images/icon_zixun_cur.png") no-repeat 50% 30%;}

.kf-h2 {margin-top:0;font-weight: normal;font-size:1.2rem;line-height:3rem;padding-left:2rem;margin-bottom:0;border-top:1rem solid #f2f6fa;border-bottom:1px solid #e1eaf2}
.kf-list {list-style: none;padding:0;margin:0.3rem 0;}
.kf-list > li {position:relative;margin: 0 2rem;padding-left: 2rem;line-height:2.4rem;}
.kf-list > li.active {color: #09f;}
.kf-list > li > div {text-align: center;font-size:1.2rem;}
.kf-list > li > div span{width:33.33%;}
.kf-list > li > div span:first-child {text-align:left;float:left;}
.kf-list > li > div span:last-child {text-align:right;float:right;}
.kf-list > li::before {content:"";position: absolute;z-index:1;top:50%;margin-top:-6px;left:0;width:6px;height:6px;border-radius:50%;background-color:#666;border: 4px solid rgba(255, 255, 255, 0.81);}
.kf-list > li.active::before {background-color: #09f;}
.kf-list > li:not(:last-child)::after {content:"";position: absolute;top: 50%;left:6px;height:100%;width:1px;background:#666;}
.kf-list > li.active::after {background-color: #09f;}
.gameBag-title span {
    position: absolute;
    right: 0rem;
    line-height: 3.6rem;
    color: #09f;
    font-size: 1.2rem;
}

.drag {
    height: 3.75rem;
    width: 3.75rem;
    position: fixed;
    top: 50%;
    right: -5px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    background: url("../images/drag_current.png") no-repeat 0 0;
    background-size: cover;
    border-radius: none;
    transition: right .5s ease 0s;
    z-index: 99999;
    opacity:0.7;
}
.drag_no_red{
    background: url("../images/drag_no_red.png") no-repeat 0 0;
    background-size:cover;
}
.gameBag-title {
    position: relative;
    height: 3.6rem;
    width: 100%;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    font-size: 1.1rem;
    color: #a1aab3;
    background: #fff;
    line-height: 4.1rem;
    border-left: 1.5rem solid transparent;
    border-right: 1.5rem solid transparent;
}

.gameBag-has-list,
.gameBag-not-list {
    position: relative;
    height: auto;
    width: 100%;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    background: #fff;
}

.gameBag-has-list .gameBag-has-item,
.gameBag-has-list .gameBag-not-item,
.gameBag-not-list .gameBag-has-item,
.gameBag-not-list .gameBag-not-item {
    position: relative;
    /* height: 9.1rem; */
    width: 100%;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    border-bottom: 1px solid #e1eaf2;
}

.gameBag-not-list .gameBag-none-item {
    height: auto;
    width: 100%;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    border-width: 2rem 1.5rem;
    border-color: transparent;
    border-style: solid;
}

.gameBag-has-list .gameBag-has-item:last-child,
.gameBag-has-list .gameBag-not-item:last-child,
.gameBag-not-list .gameBag-has-item:last-child,
.gameBag-not-list .gameBag-not-item:last-child {
    border-bottom: 1px solid #fff;
}

.gameBag-has-list .gameBag-has-item .item-wrap,
.gameBag-has-list .gameBag-not-item .item-wrap,
.gameBag-not-list .gameBag-has-item .item-wrap,
.gameBag-not-list .gameBag-not-item .item-wrap {
    position: relative;
    height: 100%;
    width: 100%;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    border-width: 2rem 1.2rem;
    border-color: transparent;
    border-style: solid;
}

.gameBag-has-list .gameBag-has-item .item-wrap .item-content,
.gameBag-has-list .gameBag-not-item .item-wrap .item-content,
.gameBag-not-list .gameBag-has-item .item-wrap .item-content,
.gameBag-not-list .gameBag-not-item .item-wrap .item-content {
    position: relative;
    height: 100%;
    width: 100%;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}
.gameBag-not-list .gameBag-not-item .item-wrap .item-content img{
    width: 100%;
}
.gameBag-list .m-gift-list{height:auto;border-bottom:1px solid #e1eaf2;position:relative;}
.gameBag-list .m-gift-list article{width:calc(100% - 8rem);margin:0 0 0.5rem 1.5rem;left:auto;top:auto;position:unset;height:auto;transform:none;display:inline-block;}
.gameBag-list .m-gift-list p:nth-child(1){height:3.6rem;line-height:4rem;font-size:1.2rem;color:#3d454c;position:unset;left:auto;transform:none;}
.gameBag-list .m-gift-list p:nth-child(2){line-height:1.7;font-size:0.8rem;color:#a1aab2;position:unset;left:auto;overflow:unset;text-overflow:unset;transform:none;-webkit-line-clamp:unset;}
.gameBag-list .m-gift-list .btn-blue{border:1px solid #d5dee6;border-radius:0.5rem;font-size:1rem;background:#09f;color:#fff;padding:0.5rem 1rem;text-decoration:none;position:absolute;top:50%;right:1.5rem;transform:translate(0%,-50%);-webkit-transform:translate(0%,-50%);}

.mask{width:100%;height:100%;background:#000;opacity:0.4!important;filter:alpha(opacity=40)!important;position:fixed;top:0;z-index:1000;display:none;}

.gift-qrcode-wrap{width:22.44rem;height:25.68rem;background:url("../images/bg_gift.png") 50% 50%;background-size:22.44rem 25.68rem;position:fixed;top:50%;left:50%;z-index:1001;transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);border-radius:0.5rem;font:1.4rem Yahei,Arial,Helvetica,sans-serif;color:#0a121a;}
.gift-qrcode-wrap .gift-qrcode-close{width:2.2rem;height:2.2rem;position:absolute;top:-2.2rem;right:-2.2rem;}
.gift-qrcode-wrap .gift-qrcode-title{line-height:6rem;font-size:2rem;font-weight:500;color:#a32018;text-align:center;}
.gift-qrcode-wrap .gift-qrcode-pic{width:11rem;height:11rem;margin:3rem auto 1rem auto;}
.gift-qrcode-wrap img{width:100%;height:100%;}
.gift-qrcode-wrap .gift-qrcode-txt{line-height:1.6;font-size:1.2rem;color:#fff;text-align:center;}

.giftget-tips-wrap{width:22rem;height:14rem;background:#fff;color:#0a121a;position:fixed;top:50%;left:50%;z-index:1001;transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);border-radius:0.5rem;font:1.4rem Yahei,Arial,Helvetica,sans-serif;}
.giftget-tips-wrap .giftget-tips-title{height:4rem;line-height:5rem;text-align:center;font-size:1.4rem;font-weight:500;}
.giftget-tips-wrap .giftget-tips-code{line-height:3rem;font-size:1.4rem;color:#a1aab2;text-align:center;}
.giftget-tips-wrap .giftget-tips-code span{font-size:1rem;padding:5px 10px;background:#eee;color:#555;-webkit-user-select:text;user-select:text;}
.giftget-tips-wrap .giftget-tips-txt{line-height:3rem;font-size:1rem;color:#a1aab2;text-align:center;}
.giftget-tips-wrap .giftget-tips-txt a{color:#a1aab2;text-decoration:underline;}
.giftget-tips-wrap .clipboardbtn{line-height:3rem;font-size:1.4rem;color:#09f;text-align:center;border-top:1px solid #e1eaf2;display:block;}

.gift-tips-wrap{width:22rem;height:12rem;background:#fff;color:#0a121a;position:fixed;top:50%;left:50%;z-index:1001;transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);border-radius:0.5rem;font:1.4rem Yahei,Arial,Helvetica,sans-serif;}
.gift-tips-wrap .gift-tips-title{height:4rem;line-height:5rem;text-align:center;font-size:1.4rem;font-weight:500;}
.gift-tips-wrap .gift-tips-txt{height:4rem;line-height:5rem;text-align:center;font-size:1.4rem;font-weight:500;}
.gift-tips-wrap .gift-tips-btn{height:4rem;border-top:1px solid #e1eaf2;font-size:1.4rem;}
.gift-tips-wrap .giftget-tips-close,.gift-tips-wrap .giftget-tips-login{width:49%;line-height:3.95rem;color:#09f;display:inline-block;text-align:center;}
.gift-tips-wrap .giftget-tips-close{border-right:1px solid #e1eaf2;}

.m-popup-bottom-tips{line-height:1.5;position:fixed;bottom:0;left:50%;z-index:9999;-webkit-transition:opacity .3s;transition:opacity .3s;-webkit-transform:translate(-50%,0);transform:translate(-50%,0);opacity:0.9;}
.m-popup-bottom-tips-message{padding:0.3rem 0.7rem;border-radius:0.3rem;font-size:1rem;background:#323232;color:#fff;text-align:center;}

.gift-for-vip {position:absolute;top:0;left:0;width:2.3rem;height:2.3rem;background:url(../images/gift_for_vip.png) no-repeat center;background-size:100%;}
.item-wrap .item-content article p {margin: 0;}
.item-content article p:nth-child(1) {
    color: #0a121a;
    font-size: 1.4rem;
}

.item-content article p:nth-child(1) span{
    margin-left:0.4rem;
    font-size: 1rem;
    color: #a1aab3;
}

.item-content article p:nth-child(2) {
    color: #3d454d;
    padding-right: 4.3rem;
    line-height: 2.4rem;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.gifts-progress {display:-webkit-flex;display: flex;-webkit-align-items:center;align-items:center;padding-right:5rem;}
.gifts-progress > div {-webkit-flex:1;flex:1;background:#ddd;height:0.8rem;width:100%;background-color:#f2f6fa;border-radius: 0.4rem;}
.gifts-progress > div > div {height:0.8rem;background:#09f;border-radius:0.4rem;width:0;}
.gifts-progress > span {font-size:1rem;padding-left:0.3rem;color:#09f;}
.gameBag-has-list .gameBag-has-item .item-wrap .item-content .mui-btn,
.gameBag-has-list .gameBag-not-item .item-wrap .item-content .mui-btn,
.gameBag-not-list .gameBag-has-item .item-wrap .item-content .mui-btn,
.gameBag-not-list .gameBag-not-item .item-wrap .item-content .mui-btn {
    transition: none;
    width: 4.3rem;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    font-size: 1.2rem;
    padding: 5px 10px;
    position: absolute;
    right: 0;
    bottom: 0;
}

.gameBag-has-list .gameBag-has-item .item-wrap .item-content .mui-btn:active,
.gameBag-has-list .gameBag-not-item .item-wrap .item-content .mui-btn:active,
.gameBag-not-list .gameBag-has-item .item-wrap .item-content .mui-btn:active,
.gameBag-not-list .gameBag-not-item .item-wrap .item-content .mui-btn:active {
    background: #a1aab2;
    color: #fff;
}

.gameBag-has-list .clipboardbtn,
.gameBag-not-list .clipboardbtn {
    background: #09f;
    color: #fff;
}

.gameBag-has-list .clipboardbtn:active,
.gameBag-not-list .clipboardbtn:active {
    background: #006bb2;
}

.gameBag-has-list .gameBag-has-item .item-wrap .item-content article,
.gameBag-not-list .gameBag-has-item .item-wrap .item-content article {
    /* height: 4.9rem; */
    width: 100%;
}

.gameBag-has-list .gameBag-has-item .item-wrap .item-content aside,
.gameBag-not-list .gameBag-has-item .item-wrap .item-content aside {
    height: 1rem;
    width: 80%;
    position: absolute;
    bottom: 0;
    left: 0;
}

.gameBag-has-list .gameBag-has-item .item-wrap .item-content aside p,
.gameBag-not-list .gameBag-has-item .item-wrap .item-content aside p {
    font-size: 1rem !important;
    color: #09f;
    margin: 0;
    line-height: 1rem;
}

.item-content .gift-code {padding-right: 4.3rem;font-size:1rem;color:#09f;}
.item-content .gift-code span {margin-left: 0.5rem;-webkit-user-select: all;user-select: all;}

.gameBag-has-list .gameBag-has-item .item-wrap .item-content aside p span,
.gameBag-not-list .gameBag-has-item .item-wrap .item-content aside p span {
    display: inline-block;
}

.activity-list {
    position: relative;
    width: 100%;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border-top: 1rem solid #f2f6fa;
    background: #fff;
    overflow: hidden;
    overflow-y: auto;
}
.activity-list a{
    width: 100%;
    height:100%;
}
.activity-list .activity-not-item {
    height: auto;
    width: 100%;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    border-width: 2rem 1.5rem;
    border-color: transparent;
    border-style: solid;
}

.activity-list .activity-item {
    position: relative;
    overflow:hidden;
    width: 100%;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    border-bottom: 1px solid #e1eaf2;
}
/* 
.activity-list .activity-item:last-child {
    border-bottom: 1px solid #fff;
} */

.activity-list .activity-item .item-wrap {
    position: relative;
    width: 100%;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    border-width: 2rem 1.5rem;
    border-color: transparent;
    border-style: solid;
    overflow:hidden;
}
/* 新增加的滑动条的样式 */
::-webkit-scrollbar {  
  width: 14px;  
  height: 14px;  
}  
  
::-webkit-scrollbar-track,  
::-webkit-scrollbar-thumb {  
  border-radius: 999px;  
  border: 5px solid transparent;  
}  
  
::-webkit-scrollbar-track {  
  box-shadow: 1px 1px 5px rgba(0,0,0,.2) inset;  
}  
  
::-webkit-scrollbar-thumb {  
  min-height: 20px;  
  background-clip: content-box;  
  box-shadow: 0 0 0 5px rgba(0,0,0,.2) inset;  
}  
  
::-webkit-scrollbar-corner {  
  background: transparent;  
}  

/* 新增加的滑动条的样式结束 */

.activity-list .activity-item .item-wrap .item-content {
    height: 100%;
    width: 100%;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    overflow:hidden;
    /* border-bottom:1px solid #E1EAF2; */
}

.activity-list .activity-item .item-wrap .item-content aside {
    overflow:hidden;
    width: 100%;
}
.activity-list .activity-item .item-wrap .item-content aside div{
   line-height:2rem;
   padding-top: 0.25rem;
}
.activity-list .activity-item .item-wrap .item-content aside .activity-pic,
.activity-list .activity-item .item-wrap .item-content aside .activity-pic img {
    width: 100%;
    height: 12rem;
    display: block;
}

.activity-list .activity-item .item-wrap .item-content article {
    height: 2.7rem;
    width: 65%;
    position: absolute;
    top:2rem;
    left: 0;
}

.activity-list .activity-item .item-wrap .wrap-title{
    width: 100%;
    margin: 0;
    color: #3d454d;
    font-size: 1.2rem;
    position:sticky;
    top:0;
    left:0;
    line-height: 1.4rem;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    z-index:10;
    padding: 0.75rem 0;
}
.activity-list .activity-item .item-wrap .wrap-title a{
    color: #3d454d;
}
.activity-list .activity-item .item-wrap .item-content article p:nth-child(1) {
    width: 100%;
    margin: 0;
    color: #a1aab3;
    font-size: 1rem;
    position: absolute;
    bottom: 0;
    left: 0;
    line-height: 1rem;
}

.activity-list .activity-item .item-wrap .item-content .mui-btn {
    transition: none;
    width: 6.7rem;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    font-size: 1.2rem;
    padding: 5px 10px;
    position: absolute;
    right: 0;
    bottom: 0;
}

.activity-list .activity-item .activity-todo-item .item-content .mui-btn {
    border: 1px solid #09f;
    color: #09f;
}

.activity-item-new {padding:0.5rem;overflow: hidden;border-bottom:1px solid #E1EAF2;}
.activity-item-new h2 {font-size: 1.2rem;height:2rem;line-height:2rem;margin-bottom:0;color: #14171a;font-weight:normal;white-space: nowrap;text-overflow:ellipsis;overflow:hidden;}
.activity-item-new div span {font-size: 1rem;color:#a1aab2;}
.fav-list {position: relative;height: auto;width: 100%;border-top: 1rem solid #f2f6fa;background: #fff;text-align: center;}
.fav-item h2 {font-weight: normal;font-size:1.6rem;color:#09f;line-height: 4.7rem;margin:0;}
.fav-down {background-color:#eaeef2;padding:1.6rem;}
.fav-down p {font-size:1.2rem;margin-bottom:0.3rem;}
.fav-down a {display: block;line-height: 3.1rem;font-size:1.2rem;border-radius: 0.4rem;width:12rem;margin:1.2rem auto 0;background-color:#09f;color:#fff;}
.fav-qr {padding: 1rem 0 1rem;}
.fav-qr p:first-child {color:#09f;font-size:1.2rem;}
.fav-qr img {width: 13rem;}
.fav-qr p span {-webkit-user-select: all;user-select: all;}
.payment-header {
    height: 15.3rem;
    -webkit-box-shadow: 0 1px 6px #f2f6fa;
    box-shadow: 0 1px 6px #f2f6fa;
    background: #4cb8ff;
    position: relative;
}

.payment-header.mui-bar a.mui-icon {
    color: #fff;
    font-size: 2rem;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 15px;
    left: 15px;
}

.payment-header article {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.payment-header .mui-title {
    height: 9.3rem;
    color: #fff;
    font-size: 1.8rem;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    line-height: 9.3rem;
}

.payment-header .mui-title span {
    font-size: 4.5rem;
}

.payment-header p {
    width: 100%;
    height: 6rem;
    margin: auto;
    color: #007acc;
    font-size: 1.2rem;
    text-align: center;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    position: absolute;
    bottom: 0;
    transform: translateY(0);
    -webkit-transform: translateY(0);
    line-height: 6rem;
}

.payment-header .icon-account {
    width: 1.6rem;
    height: 1.6rem;
    margin-right: 10px;
    background: url("../images/icon_account.png") no-repeat 50% 50%;
    background-size: 1.6rem 1.6rem;
    vertical-align: text-bottom;
    display: inline-block;
}

.payment-way {}

.payment-way .payment-title {
    position: relative;
    height: 4.6rem;
    width: 100%;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    font-size: 1.2rem;
    color: #a1aab3;
    background: #f2f6fa;
    line-height: 5.6rem;
    border-left: 1.5rem solid transparent;
    border-right: 1.5rem solid transparent;
}

.payment-way .payment-way-list {
    position: relative;
    height: auto;
    width: 100%;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    background: #fff;
}

.payment-way .payment-way-list .payment-wechat,
.payment-way .payment-way-list .payment-alipay {
    position: relative;
    height: 4.4rem;
    width: 100%;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    list-style: none;
}

.payment-way .payment-way-list .payment-wechat {
    border-bottom: 1px solid #e1eaf2;
}

.payment-way .payment-way-list .payment-wechat a,
.payment-way .payment-way-list .payment-alipay a {
    width: 80%;
    height: 4.4rem;
    line-height: 4.4rem;
    color: #0a121a;
    font-size: 1.4rem;
    position: absolute;
    top: 0;
    left: 15px;
}

.payment-way .payment-way-list .payment-wechat a .icon,
.payment-way .payment-way-list .payment-alipay a .icon {
    width: 3rem;
    height: 3rem;
    margin-right: 10px;
    vertical-align: middle;
    display: inline-block;
}

.payment-way .payment-way-list .payment-wechat a .icon {
    background: url("../wx.png") no-repeat 50% 0;
    background-size: 3rem 3rem;
}

.payment-way .payment-way-list .payment-alipay a .icon {
    background: url("../images/icon_alipay.png") no-repeat 50% 0;
    background-size: 3rem 3rem;
}

.payment-way .payment-way-list .mui-icon {
    color: #b4c5d6;
    font-size: 2rem;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 15px;
    right: 15px;
}


/*android*/

.AndroidWXpay {
    padding: 15px 40px 15px 15px;
}

.AndroidWXpay div.title {
    font-size: 16px;
    font-weight: 700;
    color: #000;
    line-height: 30px;
    margin-bottom: 10px;
    display: inline-block;
    position: relative;
}

.AndroidWXpay div.title:after {
    width: 30px;
    height: 24px;
    content: '';
    background: url("../images/android_arrow.png") no-repeat;
    background-size: 100%;
    display: inline-block;
    position: absolute;
    top: -5px;
    right: -30px;
}

.AndroidWXpay div.title p {
    color: #000;
}

.AndroidWXpay a.btn {
    width: 170px;
    height: 47px;
    background: url("../images/android_pic.png") no-repeat;
    background-size: 100%;
    color: #fff;
    line-height: 47px;
    padding-left: 10px;
    margin-bottom: 15px;
    display: block;
    text-align: center;
}

.AndroidWXpay p.footer {
    font-size: 12px;
    color: #777;
}


/*ios*/

.IosWXpay {
    padding: 10px;
    overflow: hidden;
    clear: both;
}

.IosWXpay div.IosWXpay-left {
    float: left;
    border-right: 1px dashed #e6e5e4;
    padding-right: 10px;
    height: 103px;
}

.IosWXpay div.IosWXpay-left div.IosWXpay-left-bg {
    background: url("../images/ios_pic.png") no-repeat;
    background-size: 70px 103px;
    width: 70px;
    height: 103px;
}

.IosWXpay div.IosWXpay-right {
    font-size: 16px;
    font-weight: 700;
    color: #000;
    line-height: 30px;
    padding: 15px 40px 15px 15px;
    display: block;
    overflow: hidden;
}

.IosWXpay div.IosWXpay-right div.IosWXpay-title {
    font-size: 16px;
    font-weight: 700;
    color: #000;
    line-height: 30px;
    margin-bottom: 10px;
    display: inline-block;
    position: relative;
}

.IosWXpay div.IosWXpay-right div.IosWXpay-title:after {
    width: 30px;
    height: 24px;
    content: '';
    background: url("../images/android_arrow.png") no-repeat;
    background-size: 100%;
    display: inline-block;
    position: absolute;
    top: -5px;
    right: -30px;
}

.IosWXpay-footer {
    font-size: 12px;
    color: #777;
    text-align: left;
}

.IosWXpay-footer a,
.footer a {
    color: #09f;
}

.toast-wrap {
    width:100%;
    height: 100vh;margin:auto;
    position: fixed;
    z-index: 100;
    background:url(../huoshu_bgwd.jpg) 50% 0 no-repeat ;
    background-size: cover;
	opacity: 1;
    top: 0;
    left:0;
}

.toast-wrap ::-webkit-input-placeholder {
    font-size: 1.2rem;
}

.toast-wrap .toast-login,
.toast-wrap .toast-login-phone {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    border: 10px transparent solid;
    border-left: 1.5rem transparent solid;
    border-right: 1.5rem transparent solid;
    border-bottom:1.5rem transparent solid;
    position: fixed;
    z-index: 10001;
    top:40%;
    left: 45%;
    overflow: hidden;
    /* background-color: #fff; */
    background: rgba(0, 0, 0, 0.7);
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    min-height: 4rem;
    border-radius: 1rem;
    height: auto;
    width: 80%;
    padding: 0;
    box-shadow: 1px 1px 15px 2px rgba(0, 0, 0, 0.5);
}

.toast-wrap .toast-login .login-header,
.toast-wrap .toast-login-phone .login-header {
    height: 3.6rem;
    width: 100%;
    font-size: 1.4rem;
    /* color: #0a121a; */
    color: #fff;
    text-align: center;
    line-height: 3.6rem;
}

.toast-wrap .toast-login .login-header,
.toast-wrap .toast-login-phone .login-close {
    width: 1.6rem;
    height: 1.6rem;
    line-height: 1.6rem;
    font-size: 2.2rem;
    color: #dbe3ec;
    text-align: center;
    position: absolute;
    top: 0.5rem;
    right: 0;
}

.toast-wrap .toast-login-phone .login-phone {
    height: auto;
    width: 100%;
    position: relative;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    display: flex;
    display: -webkit-flex;
    flex-direction: column;
}

.toast-wrap .toast-login-phone .login-phone .phone-login,
.toast-wrap .toast-login-phone .login-phone .phone-number,
.toast-wrap .toast-login-phone .login-phone .fg-and-reg,
.toast-wrap .toast-login-phone .login-phone .phone-code {
    height: 3rem;
    width: 100%;
    position: relative;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    margin: 0.5rem auto;
    display: flex;
    display: -webkit-flex;
    flex-direction: row;
    align-items: center;
}

.toast-wrap .toast-login-phone .login-phone .phone-login aside,
.toast-wrap .toast-login-phone .login-phone .phone-number aside,
.toast-wrap .toast-login-phone .login-phone .fg-and-reg aside,
.toast-wrap .toast-login-phone .login-phone .phone-code aside {
    position: relative;
    height: 100%;
    /* border: 1px solid #e1eaf2; */
    border: 1px solid #999;
    border-radius: 0.5rem;
}
.toast-wrap .bg-white .login-phone .phone-login aside,
.toast-wrap .bg-white .login-phone .phone-number aside,
.toast-wrap .bg-white .login-phone .phone-code aside{
    border:1px solid #E5EDF3;
    height:3rem;
}
.toast-wrap .bg-white .login-phone .phone-login,
.toast-wrap .bg-white .login-phone .phone-number,
.toast-wrap .bg-white .login-phone .phone-code{
    margin:0.5rem auto;
}
.toast-wrap .toast-login-phone .login-phone .phone-login aside .icon,
.toast-wrap .toast-login-phone .login-phone .phone-number aside .icon,
.toast-wrap .toast-login-phone .login-phone .fg-and-reg aside .icon,
.toast-wrap .toast-login-phone .login-phone .phone-code aside .icon {
    height: 3rem;
    width: 3rem;
    position: absolute;
    top: 0;
    left: 0;
    font-size: 1.6rem;
    text-align: center;
    /* color: #dbe3ec; */
    color: #fff;
    line-height: 3rem; 
}

.toast-wrap .toast-login-phone .login-phone .phone-login aside input,
.toast-wrap .toast-login-phone .login-phone .phone-number aside input,
.toast-wrap .toast-login-phone .login-phone .fg-and-reg aside input,
.toast-wrap .toast-login-phone .login-phone .phone-code aside input {
    height: 100%;
    width: 100%;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    margin: 0;
    padding: 0;
    text-indent: 3rem;
    font-size: 1.2rem;
    /* color: #3d454c; */
    color: #fff;
    border: 0;
    outline: none;
    background: transparent;
}
/* 临时用户绑定手机样式 */
.toast-wrap .bg-white{
    background:rgb(255,255,255);
}
.toast-wrap .bg-white span{
    color:#0099FF;
    display:block;
    width:100%;
    text-align:center;
    font-size:1.25rem;
    line-height:4rem;
    height:4rem;
}
.toast-wrap .bg-white .login-phone .phone-login,
.toast-wrap .bg-white .login-phone .phone-number,
.toast-wrap .bg-white .login-phone .fg-and-reg,
.toast-wrap .bg-white .login-phone .phone-code{
    height:4rem;
}
.toast-wrap .bg-white .login-phone .phone-login aside,
.toast-wrap .bg-white .login-phone .phone-number aside,
.toast-wrap .bg-white .login-phone .fg-and-reg aside,
.toast-wrap .bg-white .login-phone .phone-code aside{
    height:4rem;
}
.toast-wrap .bg-white .login-phone .phone-login aside input,
.toast-wrap .bg-white .login-phone .phone-number aside input,
.toast-wrap .bg-white .login-phone .fg-and-reg aside input,
.toast-wrap .bg-white .login-phone .phone-code aside input {
    color:#000;
    height:4rem;
    line-height:4rem;
}
.toast-wrap .bg-white .login-phone .phone-login aside .icon,
.toast-wrap .bg-white  .login-phone .phone-number aside .icon,
.toast-wrap .bg-white  .login-phone .fg-and-reg aside .icon,
.toast-wrap .bg-white  .login-phone .phone-code aside .icon {
    color:#dbe3ec;
    height:4rem;
    line-height:4rem;
}
.toast-wrap .bg-white .login-phone .phone-login button{
    height:98%;
}
.toast-wrap .toast-login-phone .login-phone .phone-number span {
    flex: 1;
}

.toast-wrap .toast-login-phone .login-phone .phone-number aside {
    flex: 3;
}

.toast-wrap .toast-login-phone .login-phone .phone-code span {
    flex: 1;
}

.toast-wrap .toast-login-phone .login-phone .phone-code aside {
    flex: 3;
}

.toast-wrap .toast-login-phone .login-phone .phone-code aside input {
    width: 70%;
}

.toast-wrap .toast-login-phone .login-phone .phone-code button {
    position: absolute;
    top: 50%;
    right: 0.5rem;
    transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    height: 70%;
    width: auto;
    border: 1px solid #09f;
    color: #09f;
    background-color: transparent;
    transition: none;
    font-size: 1rem;
}

.toast-wrap .toast-login-phone .login-phone .phone-code button:hover {
    background: none;
    color: auto;
}

.toast-wrap .toast-login-phone .login-phone .phone-login {
    height: 4rem;
}

.toast-wrap .toast-login-phone .login-phone .phone-login button {
    border: 1px solid #09f;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    background-color: #09f;
    color: #fff;
    height: 100%;
    width: 100%;
    height: 88%;
    font-size: 1.4rem; border-radius: 5px;
}

.toast-wrap .toast-login-phone .login-phone .phone-login button:active {
    background: #006bb3;
}

.toast-wrap .toast-login-phone .login-phone .fg-and-reg {
    height: 2rem;
    width: 100%;
    position: relative;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    margin: 0.5rem 0;
    margin-top: 0;
}

.toast-wrap .toast-login-phone .login-phone .fg-and-reg .fg {
    height: auto;
    width: auto;
    margin: 0;
    position: absolute;
    top: 0;
    left: 0;
    font-size: 1.2rem;
    color: #09f;
}

.toast-wrap .toast-login-phone .login-phone .fg-and-reg .reg {
    height: auto;
    width: auto;
    margin: 0;
    position: absolute;
    top: 0;
    right: 0;
    font-size: 1.2rem;
    text-align: right;
    color: #09f;
}

.toast-wrap .toast-login .login-functions,
.toast-wrap .toast-login-phone .login-functions {
    height: auto;
    width: 100%;
    position: relative;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    /* display: flex;
    display: -webkit-flex;
    flex-direction: column; */
}
.toast-wrap .toast-login .login-functions .login-functions-title,
.toast-wrap .toast-login-phone .login-functions .login-functions-title {
    /* height: 3rem; */
    height: 3.6rem;
    width: 100%;
    position: relative;
    z-index: 99;
    border:2px solid #0099FF;
}
.toast-wrap .toast-login .login-functions .login-functions-title h1,
.toast-wrap .toast-login-phone .login-functions .login-functions-title h1 {
    display: block;
    height: 100%;
    width: 100%;
    /* line-height: 3rem; */
    line-height:3.6rem;
    font-size:1.5rem;
    font-weight:normal;
    color:#0099FF;
    text-align: center;
    margin: 0;
    /* background: #fff; */
    z-index: 99;
    text-align: center;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
}
.toast-wrap .toast-login-phone .login-functions .login-functions-title{
    border:none;
}
.toast-wrap .toast-login-phone .login-functions .login-functions-title h1{
    color:#a1aab3;
    font-size:1.25rem;
}
.toast-wrap .toast-login .login-functions .login-functions-title h1.agreement,
.toast-wrap .toast-login-phone .login-functions .login-functions-title h1.agreement {
    font-size: 1rem;
}

.toast-wrap .toast-login .login-functions .login-functions-title h1.back,
.toast-wrap .toast-login-phone .login-functions .login-functions-title h1.back {
    /* line-height: 4.5rem; */
    line-height: 5rem;
    /* color: #3d454c; */
    color: #fff;
}

.toast-wrap .toast-login-phone .login-functions .login-functions-title h1 u {
    color: #09f;
    text-decoration: none;
}

.toast-wrap .toast-login .login-functions .login-functions-title span,
.toast-wrap .toast-login-phone .login-functions .login-functions-title span {
    display: block;
    /* border-bottom: 1px solid #e1eaf2; */
    width: 100%;
    position: absolute;
    top: 50%;
    left: 0;
}

.toast-wrap .toast-login .login-functions .login-functions-footer,
.toast-wrap .toast-login-phone .login-functions .login-functions-footer {
    /* height: 6.4rem; */
    height:6rem;
    position: relative;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    /* display: flex;
    display: -webkit-flex;
    flex-direction: row; */
    margin-top: 0.5rem;
}

.toast-wrap .toast-login .login-functions .login-functions-footer div,
.toast-wrap .toast-login-phone .login-functions .login-functions-footer div {
    /* flex: 1; */
    position: relative;
    /* display: flex;
    display: -webkit-flex;
    flex-direction: column; */
    float: left;
    width: 33.33%;
}

.toast-wrap .toast-login .login-functions .login-functions-footer div aside,
.toast-wrap .toast-login-phone .login-functions .login-functions-footer div aside {
    /* flex: 1; */
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    position: relative;
    border-radius: 100%;
}

.toast-wrap .toast-login .login-functions .login-functions-footer div span,
.toast-wrap .toast-login-phone .login-functions .login-functions-footer div span {
    display: block;
    height: 2.5rem;
    width: 100%;
    font-size: 1.15rem;
    color: #fff;
    text-align: center;
    line-height: 3.75rem;
}
.toast-wrap .toast-login-phone .login-functions .login-function-btn{
    /* display:flex;
    flex-direction:row;
    justify-content:space-around; */
    height:3.25rem;
}
.toast-wrap .toast-login-phone .login-functions .login-function-btn div{
    border:1px solid #0099ff;
    border-radius:0.5rem;
    width:45.2%;
    height:3.25rem;
    line-height:3.25rem; margin-top:10px;
    float: right;
}
.toast-wrap .toast-login-phone .login-functions .login-function-btn div:nth-child(1){
    float: left;
}
/* 取掉一键试玩 */
.toast-wrap .toast-login-phone .login-functions .login-function-btn .notry-btn{
    width:90%;
}
.toast-wrap .toast-login-phone .login-functions .login-function-btn div h1{
    font-size:1.15rem;
    font-weight:normal;
    color:#0099ff;
    width:100%;
    text-align:center;
    height:3.25rem;
    line-height:3.25rem;
    margin:0;
    
}


.toast-wrap .toast-login .login-functions .login-functions-footer div:nth-child(1)>aside,
.toast-wrap .toast-login-phone .login-functions .login-functions-footer div:nth-child(1)>aside {
    background: url("../wx.png") no-repeat 0 0;
    background-size: 3.5rem;
    width: 3.5rem;
    height: 3.5rem;
    margin: 0 auto;
}

.toast-wrap .toast-login .login-functions .login-functions-footer div:nth-child(1)>aside:active,
.toast-wrap .toast-login-phone .login-functions .login-functions-footer div:nth-child(1)>aside:active {
    background: url("../images/third-logo-wechat_cur.png") no-repeat 0 0;
    background-size: 3.5rem;
    width: 3.5rem;
    height: 3.5rem;
    margin: 0 auto;
}

.toast-wrap .toast-login .login-functions .login-functions-footer div:nth-child(2)>aside,
.toast-wrap .toast-login-phone .login-functions .login-functions-footer div:nth-child(2)>aside {
    background: url(../qq.png) no-repeat 0 0;
    background-size: 3.5rem;
    width: 3.5rem;
    height: 3.5rem;
    margin: 0 auto;
}

.toast-wrap .toast-login .login-functions .login-functions-footer div:nth-child(2)>aside:active,
.toast-wrap .toast-login-phone .login-functions .login-functions-footer div:nth-child(2)>aside:active {
    background: url("../qq.png") no-repeat 0 0;
    background-size: 3.5rem;
    width: 3.5rem;
    height: 3.5rem;
    margin: 0 auto;
}

.toast-wrap .toast-login .login-functions .login-functions-footer div:nth-child(3)>aside,
.toast-wrap .toast-login-phone .login-functions .login-functions-footer div:nth-child(3)>aside {
    background: url("../xl.png") no-repeat 0 0;
    background-size: 3.5rem;
    width: 3.5rem;
    height: 3.5rem;
    margin: 0 auto;
}

.toast-wrap .toast-login .login-functions .login-functions-footer div:nth-child(3)>aside:active,
.toast-wrap .toast-login-phone .login-functions .login-functions-footer div:nth-child(3)>aside:active {
    background: url("../images/third-logo-phone_cur.png") no-repeat 0 0;
    background-size: 3.5rem;
    width: 3.5rem;
    height: 3.5rem;
    margin: 0 auto;
}

.toast-wrap .toast-login .login-functions .login-functions-footer div:nth-child(4)>aside,
.toast-wrap .toast-login-phone .login-functions .login-functions-footer div:nth-child(4)>aside {
    background: url("../images/third-logo-onetest.png") no-repeat 0 0;
    background-size: 3.5rem;
    width: 3.5rem;
    height: 3.5rem;
    margin: 0 auto;
}

.toast-wrap .toast-login .login-functions .login-functions-footer div:nth-child(4)>aside:active,
.toast-wrap .toast-login-phone .login-functions .login-functions-footer div:nth-child(4)>aside:active {
    background: url("../images/third-logo-onetest.png") no-repeat 0 0;
    background-size: 3.5rem;
    width: 3.5rem;
    height: 3.5rem;
    margin: 0 auto;
}

.toast-wrap .toast-login .login-footer,
.toast-wrap .toast-login-phone .login-footer {
    height: 6rem;
    width: 100%;
    font-size: 1.2rem;
    color: #a1aab3;
    text-align: center;
    line-height: 6rem;
}

.toast-quitdialog {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    /* border: 10px transparent solid; */
    /* border-left: 1.5rem transparent solid; */
    border: 1rem transparent solid;
    /* border-right: 1.5rem transparent solid; */
    /* border-right: 1rem transparent solid; */
    /* border-bottom: 2.5rem transparent solid; */
    position: fixed;
    z-index: 10001;
    top: 50%;
    left: 50%;
    overflow: hidden;
    background-color: #fff;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    min-height: 4rem;
    border-radius: 1rem;
    height: auto;
    width: 90%;
    max-width: 400px;
    box-shadow: 1px 1px 15px 2px rgba(0, 0, 0, 0.5);
}
.toast-wrap .toast-quitdialog .close {height: 2rem;width: 2rem;position: absolute;top: 0.5rem;right: 0;font-size: 3rem;color: #dbe3ec;}
.toast-quitdialog > img {display:block;margin:0 auto;width:6rem;margin-top:1.5rem;}
.toast-quitdialog .hot-game {list-style: none;padding:0;margin-top: 1.2rem;margin-bottom:0.2rem;}
.toast-quitdialog .hot-game li {float: left;width: 25%;padding: 0.5rem;text-align:center;font-size:1rem;}
.toast-quitdialog .hot-game li p {white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.toast-quitdialog .hot-game li img {display: block;width:100%;}
.toast-quitdialog .qr {background-color:#eaeef2;text-align: center;padding: 1rem 0;margin-bottom: 1.2rem;}
.toast-quitdialog .qr .qr-inner {display: inline-block;}
.toast-quitdialog .qr .qr-inner img {float: left;width: 6rem;}
.toast-quitdialog .qr .qr-inner > div {padding-left: 0.6rem;}
.toast-quitdialog .qr .qr-inner > div p {font-size: 1.2rem;line-height: 2rem;}
.toast-quitdialog .qr .qr-inner > div p span {-webkit-user-select: all;user-select: all;}
.toast-quitdialog .qr .qr-inner > div p:last-child {color:#09f;}
.toast-quitdialog .p-a {text-align: center;color:#09f;margin: 1rem 0;}

.toast-wrap .toast-quitdialog .leave-center{
    margin: 1.5rem 0;
    padding: 1.25rem 0;
}
.toast-wrap .toast-quitdialog .leave-center .current-user{
    font-size:1.5rem;
    color:#0A121A;
    text-align:center;
    line-height:3rem;
}
.toast-wrap .toast-quitdialog .leave-center .current-user span{
    color:#0A121A;
}
.toast-wrap .toast-quitdialog .leave-center .phone-notice{
    color:#0099FF;
    text-align:center;
    font-size:1.25rem;
    line-height:3rem;
}
.toast-wrap .toast-quitdialog .juge {
    height: 3rem;
    width: 100%;
    position: relative;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    margin: 0.5rem auto;
    display: flex;
    display: -webkit-flex;
    flex-direction: row;
    align-items: center;
}

.toast-wrap .toast-quitdialog .juge p {
    display: block;
    width: 46%;
    margin: 0 2%;
    height: 100%;
    line-height: 2.6;
    text-align: center;
    border-radius: 0.5rem;
    float: left;
    /* background: #667380; */
    background: #09f;
    color: #fff;
    font-size: 1.2rem;
}

.toast-wrap .toast-quitdialog .juge p.going {background: #09f;}
.toast-wrap .toast-quitdialog .juge p.going a {display:block;color:#fff;}

.toast-wrap .toast-quitdialog .identify {
    display: block;
    height: 100%;
    width: 100%;
    line-height: 3rem;
    font-size: 1.2rem;
    color: #a1aab2;
    text-align: center;
    margin: 0 auto;
}

.toast-wrap .toast-quitdialog .identify input {
    margin-right: 0.5rem;
}
.toast-wrap .bg-white .login-phone .phone-code{
   display:flex;
   flex-direction:row;
   justify-content:space-between;
}
/* 验证码 */
.toast-wrap .bg-white .login-phone .phone-code aside #smd_send {
    width: 6.6rem;
    height:2.5rem;
    background-color: transparent;
    text-align: center;
    border-radius: 0.5rem;
    border: 1px solid #09f;
    color: #09f;
    font-size: 1rem;
    margin-left:64%;
    line-height:1.5rem;
}


.more-game-list{border-top: 1rem solid #f2f6fa;background-color:#fff;}
.more-game-list .more-game-title{border-left:2px solid #0099ff;line-height:1.5rem;margin:1rem 0 0 1rem;font-size:1.25rem;color:#000;padding-left:0.5rem;}
.game-i{width:100%;padding:1rem;border-bottom: 1px solid #e1eaf2;}
.game-i:last-child{border:none;}
.game-i .img{width:3rem;height:3rem;}
.game-i .img img{display:block;width:100%;}
.game-i .desc{padding-left: 0.5rem;width:calc(100% - 7.3rem);}
.game-i .desc div{display:flex;flex-direction:row;align-items:center;}
.game-i .desc div > h2{font-weight: normal;font-size:1.2rem;display:inline-block;height:1.5rem;line-height:1.5rem;max-width:11.4rem;overflow:hidden;}
.game-i .desc p{width:14rem;height:2rem;line-height: 2rem;overflow: hidden;}
.game-i .game-label{font-size:0.9rem;border:1px solid #5fd9ac;color:#5fd9ac;border-radius: 0.2rem;height:1.3rem;line-height:1.3rem;padding: 0 0.25rem;margin-left:0.4rem;}
.game-i .btn{width:4.3rem;}
.game-i .btn a{display:block;width:100%;text-align:center;font-size:1rem;border: 1px solid rgb(73, 160, 221);line-height: 2rem;border-radius:0.5rem;color:rgb(73, 160, 221)}

.qrcode-attention{width:260px;height:310px;text-align:center;position:fixed;top:50%;left:50%;transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);display:none;z-index:99999;}
.qrcode-attention img{width:260px;height:260px;display:block;}
.qrcode-attention p{width:260px;height:76px;line-height:30px;margin:0;padding:8px 0;font-size:1rem;background:#09f;color:#fff;}

.share-square{width:300px;height:100px;position:fixed;top:10px;right:5px;z-index:99999;display:none;}
.share-square > img{position:absolute;right:10px;-moz-animation:icon-bounce .2s ease-in-out infinite alternate;-webkit-animation:icon-bounce .2s ease-in-out infinite alternate;animation:icon-bounce .2s ease-in-out infinite alternate;}
.share-square span{font-size:14px;font-weight:700;color:#fff;position:absolute;right:5px;top:55px;}
.share-square span img{position:relative;top:5px;vertical-align:baseline;}

/* share-list */
.share-popup {top: initial;bottom: 0;transform: initial;left: 0;width: 100%;border-radius: 0;background:#fff;}
.share-popup > p {color:#121315;text-align:center;font-size:1.3rem;padding-top:1.5rem;padding-bottom: 1.5rem;}
.share-list {list-style:none;width:100%;padding:0;margin:0;padding-bottom:1.5rem;}
.share-list li {width:25%;float: left;}
.share-list li a {display:block;}
.share-list li img {display:block;width: 70%;margin: 0 auto;}
.share-list li span {display:block;text-align: center;font-size:1rem;color:#a3aab0;}

/* nav-level-page */
.nav-level-page {border-top: 1rem solid #f2f6fa;}
.level-my-qf,
.level-rewards {margin: 0 3%;}
.level-qf {display:inline-block;padding: 0.8rem 1rem;border-radius: 0.4rem;background:#f2f6fa;color:#a1aab2;font-size:1.2rem;margin-bottom: 0.4rem;}
.level-qf-info {margin-bottom: 1.4rem;}
.level-qf-info > span:first-child {margin-right: 1.5rem;}
.level-h2 {font-size:1.2rem;padding: 0.5rem 0;color:#0a121a;}
.level-detail {width: 100%;border: 1px solid #e1eaf2;border-radius: 0.4rem;overflow: hidden;}
.level-detail thead tr th {background-color: #8ea4b3;color:#fff;font-size: 1.2rem;font-weight: normal;padding: 0.6rem}
.level-detail tr td {font-size:1.2rem;text-align: center;padding:1rem 0;}
.level-detail tr th,
.level-detail tr td {border-right: 1px solid #f0f4f8;}
.level-detail tr th:last-child,
.level-detail tr td:last-child {border-right: none;}
.level-detail tr:nth-child(even) {background-color: #f7f9fa;}
.level-get-v {display:inline-block;background-color:#0099ff;color:#fff;font-size:1rem;padding: 0.4rem 1rem;border-radius:0.4rem;}
.level-get-v:focus,
.level-get-v:active {color: #a4d9fd;}
.level-get-disabled {display:inline-block;background-color:#e9ecf0;color:#a1aab3;font-size:1rem;padding: 0.4rem 1rem;border-radius:0.4rem;}
.level-all-qf {position:absolute;top: 4rem;left: 0.8rem;right: 0.8rem;border:1px solid #09f;min-height: 24rem;max-height: 34rem;}
.level-all-qf ul {position: absolute;width:100%;top:0;left:0;bottom: 4rem;overflow-y: auto;list-style: none;padding:0;margin:0;text-align:center;}
.level-all-qf ul li {display:block;line-height: 4rem;background: #fff;color: #09f;cursor:pointer;border-bottom:1px solid #b4e1ff;}
.level-all-qf ul li:last-child {border-bottom: none;}
.level-all-qf .cancel {position: absolute;left:0;bottom:0;width:100%;text-align:center;height:4rem;line-height: 4rem;background-color:#e0e0e0;border-top:1px solid #09f;}
.rewards-info {text-align:center;}
.rewards-info h2 {font-size: 1.3rem;line-height:3.4rem;font-weight:normal;}
.rewards-code {margin: 0 5%}
.rewards-code input {border:none;background-color:#f2f6fa;color:#666;}
.rewards-code a {display: block;line-height: 3rem;background: #09f;color: #fff;border-radius: 0.3rem;}
.rewards-info > img {width: 60%;margin: 1rem auto 0;}
.rewards-info .p-a {font-size: 1.2rem;color:#09f;}
.rewards-info .p-a > span:first-child {margin-right: 0.5rem;}
.rewards-info .p-b {margin-bottom: 1rem;}
.rewards-success h2 {text-align: center;font-size: 1.3rem;font-weight: normal;padding-top: 1.5rem;padding-bottom: 1rem;color: #09f;}
.rewards-success p {margin: 0 10%;font-size: 1.2rem;min-height: 6rem;}
.rewards-success a {display: block;text-align: center;line-height: 3.6rem;background: #f5f6f7;border-radius: 0 0 0.4rem 0.4rem;}

/* nav-vip-page */
.nav-vip-page {border-top: 1rem solid #f2f6fa;background-color:#fff;}
.vip-gift-list .vip-item-needshow{padding:1.5rem 0 1.25rem 2.5rem;overflow:hidden;border-bottom:1px solid #E1EAF2;}
.vip-gift-list .vip-item-need{display:flex;flex-direction:row;}
.vip-gift-list .vip-item-need span{color:#0099FF;font-size:1rem;line-height:2.5rem;font-weight:200;align-self:left;text-align:left;margin-right:0.5rem;}
.vip-gift-list .vip-item-need dl{margin:0;padding:0;}
.vip-gift-list .vip-item-need dl dd{padding: 0;margin: 0;color:#3D454C;font-size:1rem;text-align:left;font-weight:200;line-height:2.5rem;}
.vip-gift-list .vip-item-service{padding:2.5rem 0 1rem 0;display:flex;flex-direction:column;align-items:center;}
.vip-gift-list .vip-item-service img{width:12rem;height:12rem;}
.vip-gift-list .vip-item-service span{color:#A1AAB2;font-size:1.25rem;line-height:3rem;font-weight:200;}
.vip-gift-list .vip-item-service a{color:#fff;background-color:#0099FF;border-radius:1.25rem;line-height:2rem;padding:0.5rem 2.5rem;margin-top:0.4rem;}
.vip-gift-list .vip-item-service p{color:#ccc;font-size:0.75rem;text-align:center;line-height:1.5rem;padding:0 2.5rem 0 0.25rem;}
.vip-gift-list .vip-item-service p span{color:red;font-size:0.75rem;line-height:1.5rem;}
.vip-gift-list .vip-item-service .get-vip-qq-disabled{color:#ccc;background-color:#F2F6FA;margin-top:1.25rem;}
.vip-gift-list .vip-item-service .get-vip-qq{background-color:#0099FF;margin-top:1.25rem;}
.vip-gift-list > img {display:block;width: 55%;max-width: 220px;margin: 1.4rem auto 1rem;}
.vip-item-info {background:#97d4ff;height:3.2rem;line-height:3.2rem;padding: 0 1rem;overflow:hidden;}
.vip-item-info > span {color:#007acb;font-size:1.2rem;}
.vip-item-info > a {float:right;font-size:1rem;text-align:center;width:6rem;height:2.4rem;line-height:2.4rem;margin-top: 0.4rem;border-radius:0.4rem;}
.vip-item-info > a.vip-get-limit,.vip-item-info > a.vip-get-btn {background:#fff;color:#09f;}
.vip-item-info > a.vip-get-disabled {background:#f2f6fa;color:#a1aab2;}
.vip-gift-detail {padding: 0;margin: 0;list-style:none;overflow:hidden;background: #e8f4ff;}
.vip-gift-detail li {float:left;width:33.33333%;padding: 1.4rem 0;background: #e8f4ff;border-bottom:1px solid #E1EAF2;}
.vip-gift-detail li .vip-img-show{width:100%;overflow:hidden;text-align:center;display:flex;flex-direction:row;align-items:center;justify-content:center;}
.vip-gift-detail li .vip-img-show img {display:block;width:2.75rem;height:2.75rem;margin:0 0.25rem 0.4rem 0;}
.vip-gift-detail li .vip-img-show i{font-style:normal;color:#09f;margin:0 0.1rem;font-size:1.25rem;}
.vip-gift-detail li .vip-img-show span{color:#fff;width:2rem;height:1.5rem;border-radius:0.75rem;background-color:#09f;font-size:0.75rem;line-height:1.5rem;font-weight:400;}
.vip-gift-detail li span {display:block;font-size:1rem;text-align:center;font-weight:400;line-height:200%;max-width:100%;overflow:hidden;}
.vip-gift-list .tip {text-align: center;margin-bottom: 1rem;}
.vip-gift-list .tip1 {text-align:left;line-height:1.75rem;margin-top: 1rem;padding:0 0.5rem;}
.add-service {text-align: center}
.add-service > img {display: block;margin: 3rem auto 0.8rem;width: 8rem;border-radius: 50%;}
.add-service .p-a {color:#09f;}
.add-service .p-b {color:#0a121a;margin: 0.4rem 0;font-size: 1.2rem;}
.add-service a {display:block;width:12rem;text-align:center;margin: 1rem auto 2rem;background:#09f;
color:#fff;height:2.8rem;line-height:2.8rem;border-radius:1.4rem;}
.rewars-failure h2 {color: #eb2750;}

@-moz-keyframes icon-bounce{
    0%{top:5px;}
    50%{top:0px;}
    100%{top:-5px;}
}
@-webkit-keyframes icon-bounce{
    0%{top:5px;}
    50%{top:0px;}
    100%{top:-5px;}
}
@keyframes icon-bounce{
    0%{top:5px;}
    50%{top:0px;}
    100%{top:-5px;}
}

/* bind-success */
.toast-wrap .bind-success-item .bind-success-img{
    width:100%;
}
.toast-wrap .bind-success-item .bind-success-img aside{
    display:block;
    width:10.5rem;
    height:10.8rem;
    background:url("../images/success.png") 0 0 no-repeat;
    background-size:100%;
    margin: 1.5rem auto 0;
}
.toast-wrap .bind-success-item .bind-success span{
    width:100%;
    display:block;
    text-align:center;
}
.toast-wrap .bind-success-item .bind-success span:nth-child(1){
    color:#0099FF;
    font-size:1.75rem;
    line-height:4.2rem;
}
.toast-wrap .bind-success-item .bind-success span:nth-child(2){
    color:#3D454C;
    font-size:1.25rem;
    line-height:2rem;
}

/* 背景*/
.bg-Normal{background-color:#F2F6FA;z-index:2;height:100vh;}
/* account-bg */
.account-bg{padding-top:1.25rem;background-color:#F2F6FA;}
.account-bg .account-bind-phone{background-color:#fff;padding-top:1rem;}
.account-bg .account-m-base{padding:0.5rem 1.25rem;}
.account-bg .account-m-base .account-m-list label>input{font-size:1.45rem;height:4rem;background-color:#F2F6FA;border-radius:0.5rem;border:0;}
.account-bg .account-m-base input.change-smd-code{z-index:3;}
.account-bg .account-m-base input.account_validate_no{width:62%;}
.account-bg .account-m-base .submit-validate>label{display:flex;flex-direction:row;justify-content:space-between;}
.account-bg .account-m-base .account-m-list>label>.account_smd_send{width:35%;background-color:#09f;color:#fff;}
.account-bg .account-bind-phone .m-center-btn{opacity:0.4;margin:0 1.5rem;}
.account-bg .g-user-list{padding:0.25rem 0;background-color:#fff;margin:0;}
.account-bg .g-user-list .account-switch-btn{border-radius:0.5rem;color:#000;border:1px solid #D5DEE6;width:10.6rem;text-align:center;padding:1rem 0;margin:2rem auto 0;display:block;}
.account-bg .g-user-list .m-user-list{padding:0.85rem 0 0.85rem 1.85rem;}
.account-bg .g-user-list .m-user-list:last-child{border-bottom:0;}
.account-bg .g-user-list .realname-fcm{position:relative;}
.account-bg .g-user-list .m-user-list span.notice{display:block;background-color:red;width:1rem;height:1rem;border-radius:50%;position:absolute;transform:translateY(100%);right:3rem;}
.account-bg .g-user-list .m-user-list>a>span.fr{float:right;padding-right:1.25rem;}
/* account-bg */
#account-slide-content{background-color:#F2F6FA;width:100%;height:100%;}
/* 收藏游戏模块 */
.no-border{border:0;padding-top:1.25rem;}
.account-fav{margin:0 auto 0.75rem;padding:1.5rem;width:90%;display:flex;flex-direction:row;align-items:center;justify-content:space-between;background-color:#0B2536;border-radius:0.75rem;}
.account-fav img{width:8rem;height:8rem;z-index:3;}
.account-fav>.fav-down{background-color:#0B2536;}
.account-fav>.fav-down>p{color:#fff;}
.account-fav>.fav-down>a{border-radius:2.5rem;padding:0.35rem;font-size:1.5rem;}

/* 防沉迷认证模块 */
.account-fcm>.account-fcm-notice{padding:0 1.35rem;}
.account-fcm>.account-fcm-notice>p{color:#A1AAB2;line-height:1.25rem;line-height:2.5rem;}
.account-fcm>form{margin:0.75rem auto 0.5rem;}
.account-fcm>form>.fcm-list-need>.m-base-item{border:0;}
.account-fcm>form>.fcm-list-need>.m-base-item>label>input{padding-left:8.6rem;background-color:#F2F6FA;width:96%;height:4rem;line-height:4rem;border-radius:0.5rem;}
.account-fcm>form>.fcm-list-need>.m-base-item>label>span{height:4rem;line-height:4rem;padding-left:1.25rem;}
.account-fcm>form>.fcm-red-notice{padding-left:1.45rem;}
.account-fcm>form>.fcm-red-notice>p{height:2.5rem;line-height:2.5rem;}
.account-fcm>form>.m-center-btn{margin-top:0;}

/* 认证成功背景 */
.account-verify-bg{background-color:#F2F6FA;}


/* 修改密码模块 */
.change-password-content{width:100%;background-color:#fff;padding:1.25rem 0.75rem 0;}
.change-password-content>div>input{background-color:#F2F6FA;border-radius:0.5rem;border:0;height:4rem;}
.change-password-content>.change-password-smd{position:relative;}
.change-password-content>.change-password-smd>input{width:60%;}
.change-password-content>.change-password-smd>button{position:absolute;right:0;top:0;height:4rem;font-size:1.5rem;background-color:#09f;color:#fff;border:0;width:35%;}
.change-password-content>.change-password-login>button{background-color:#09f;opacity:0.4;color:#fff;padding:1.25rem 0;width:100%;}


/* 游戏资讯 */
.activity-list{padding-top:2rem;}
.activity-list .activity-switch{display:flex;flex-direction:row;justify-content:center;}
.activity-list .activity-switch>button{color:#3D454C;padding:0.75rem 1.5rem;font-size:1.35rem;}
.activity-list .activity-switch>button:first-child{border-right:0;border-top-right-radius:0;border-bottom-right-radius:0;}
.activity-list .activity-switch>button:last-child{border-left:0;border-top-left-radius:0;border-bottom-left-radius:0;}
.activity-list .activity-switch>button.active{color:#fff;background-color:#09f;}
.activity-list .g-activity-list{width:100%;padding:0.5rem 2.5rem;display:flex;flex-direction:column;align-content:center;margin-top:1rem;}
.activity-list .g-activity-list .a-activity-item{display:flex;flex-direction:row;align-items:center;width:98%;background-color:#F2F6FA;border-radius:0.75rem;font-size:1.35rem;text-align:left;padding:1.5rem;margin:0.75rem auto;}
.activity-list .g-activity-list .a-activity-item>span{color:#FF4C7B;display:block;width:7rem;}
.activity-list .g-activity-list .a-activity-item>span.m-s-2{color:#A04CFF;}
.activity-list .g-activity-list .a-activity-item>span::after{margin:auto 1rem;border:1px solid #E1EAF2;content:"";;height:2rem;}
.activity-list .g-activity-list .a-activity-item>a{color:#0A121A;text-align:left;}

/* 平台活动详情 */
.platform-detail{padding-top:1.25rem;}
.platform-detail>.platform-title>h2{color:#14171A;font-size:1.75rem;text-align:center;font-weight:normal;}
.platform-detail>.platform-title>.platform-date{color:#A1AAB2;font-size:1.25rem;text-align:center;display:block;}
.platform-detail>.platfrom-content{width:100%;padding:1rem 1.5rem;}
.platform-detail>.platfrom-content img{max-width:100%;display:block;margin:0 auto;}


/* 每日红包 */
.every-bounce{background-color:#fff;width:100%;padding: 0.75rem 0 0.75rem 1rem;margin-top:1.1rem;display: flex;flex-direction: row;align-items: center;}
.every-bounce>.bounce{display:inline-block;width:1.25rem;height:1.25rem;background:0 0 url("../images/bounce-notice.png") no-repeat;background-size:100%;}
.every-bounce>span{color:#fc2752;font-size:1.25rem;margin-left:0.75rem;}


/* sdkv币充值模块 */
.m-repay-method h2{font-size:1.5rem;}
.use-for-v{padding:1rem 1.25rem;}
.use-for-v dt{font-size:1.45rem;}
.use-for-v dd{font-size:1.25rem;padding-left:2em;}

@media only screen and (min-width:768px) and (max-width:1024px){
    aside.game-slide-top{height:8rem!important;}
}