@charset "utf-8";
html {-webkit-text-size-adjust:none;}
body,div,hr,p,blockquote,ul,ol,li,table,th,td,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,input,button,select,textarea,fieldset,legend,ins,menu{margin:0;padding:0;}
html,body,button,input,label,select,option,textarea,button,fieldset,legend,ins,sup{font:12px/1.5 Arial,'Lucida Grande',\5FAE\8F6F\96C5\9ED1,Verdana,Tahoma,\5b8b\4f53;outline: none; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing: grayscale;}
h1,h2,h3,h4,h5,h6{font-size:100%; font-weight:normal;}
ul,ol{list-style:none;}
address,cite,dfn,em,var{font-style:normal;}
a{color:#999; text-decoration:none;star:expression(this.onFocus=this.blur()); /* for Ie*/}
img{ border:none;}
.clear{clear: both;zoom: 1;}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder { /* WebKit, Blink, Edge */
  color: #fff;
}
input:-moz-placeholder,textarea:-moz-placeholder{ /* Mozilla Firefox 4 to 18 */
  color: #fff;
}
input::-moz-placeholder,textarea::-moz-placeholder { /* Mozilla Firefox 19+ */
  color: #fff;
}
input:-ms-input-placeholder,textarea:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #fff;
}
.placeholder{position: absolute;top: 10px;left: 15px; z-index: 10;color: #fff;font-size: 180%;}
.text_over{text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.cleared:after{content: "";display: block;clear: both;}
/*20220323 添加*/
.headBox{border:5px solid #5346e7;border-radius: 50%;box-sizing: border-box;}
.btn{position: relative; -wbekit-box-sizing: border-box;box-sizing: border-box; -wbekit-border-radius: 5px;border-radius: 5px; -webkit-transform: perspective(1px) translateZ(0);transform: perspective(1px) translateZ(0);-webkit-transition-property: color;transition-property: color;-webkit-backface-visibility: hidden;-moz-osx-font-smoothing: grayscale;overflow: hidden;}
.btn:hover{border-color: #ffffff;}
.btn:before{content: "";position: absolute;top: 0;left: 0;right: 0;bottom: 0;background-color: #5346e7;z-index: -1;-webkit-transform: scale(1);transform: scale(1);-webkit-transition: transform 0.2s ease-out;transition: transform 0.2s ease-out;}
.btn:hover:before{-webkit-transform: scale(0);transform: scale(0);}


html,body{height: 100%;}
/*登录前最小宽带1000*/
body{width: 100%; background-color: #11121c;min-width:1000px;}
.wrap,.sub_wrap{position:relative; max-width:1920px; min-width:1000px;margin:0 auto;overflow: hidden;background-color: #11121c;}
.sub_wrap{height: 100%; background: #0e0a1b url("../images/top_bg.jpg") top center no-repeat;}
/* 20240618 .wrap_rg新增 padding-top: 1px; */
.wrap_rg{position: relative;padding-left: 23em;width: 100%;box-sizing: border-box;padding-top: 1px;}
.wrap_rgMain{position: relative; width: 87.2%;margin: 0 auto; max-width: 1200px;min-width: 960px;}
.wrap_rg .gameClass,.wrap_rg .prem_main{width: 100%;}
/* 20240305 修改 */
/* .index_main{padding-top: 10.667rem;}
.header{position:fixed; top:5.8334rem; z-index:11; width:100%; max-width:1920px;min-width: 1000px; height:6em; background:url("../images/top_bg.png") repeat-x;background-size: auto 100%;} */

/* 20240305 修改 */
.index_main{padding-top: 4.8334rem;}
.header{position:fixed; top:0; z-index:11; width:100%; max-width:1920px;min-width: 1000px; height:6em; background:url("../images/top_bg.png") repeat-x;background-size: auto 100%;}
.header .section { position: relative;}
.header .logo{ float:left;margin-top: 0.5416667em; width: 13.91667em;height: 3.75em;margin-left: 3%; background: url("../images/ghw.png") center no-repeat;background-size: 100% auto;}
/* 20240530 修改*/
.header .extend {float:right;margin-right: 1%; }

.header .sign-box {float:left; position: relative;}
.header .sign-box .login_btn{position: relative; float:left;min-width: 6.572em;height: 2.143em;font-size:116.667%;color: #5346e7;font-weight: bold; line-height: 1.715em;padding-left:2.5em;padding-right: 0.5em; border: 3px solid #5346e7;box-sizing: border-box;margin-right: 1.1667em; -webkit-border-radius: 5px; border-radius:5px;-webkit-transition: all 0.15s ease-out; transition: all 0.15s ease-out; margin-top:1em;}
.header .sign-box .login_btn:after{content: "";position: absolute;top: 0.2145em;left: 1em; width: 1.0715em;height: 1.286em; background: url("../images/user_icon.png") no-repeat;background-size: 100% 100%;}
.header .sign-box .login_btn:hover{box-shadow: 0 0 .9375rem 0 #5346e7;color: #ffffff;background-color: #5346e7;}
.header .sign-box .login_btn:hover:after{background: url("../images/user_icon2.png") no-repeat;background-size: 100% 100%; }
.header .sign_line{float: left;width: 0;height:3.41667em;margin-top: 0.70833em;border-left: 1px solid #7167eb;border-right: 1px solid #9a92f1; margin-right: 1.1667em; }
.header .nav{float: right;margin-right: 2%;}
.header .nav li{float: left; height:4.83334em;margin-right: 1.133em; }
.header .nav li:last-child{margin-right: 0;}
.header .nav li a{position: relative; display: block;padding: 0 0.9167em;height: 3.2223em;line-height: 3.2223em;color: #1e254b;font-size: 150%;font-weight: bold;overflow: hidden;}
.header .nav li a::before{content: '';position: absolute;bottom: 0;left: 0; width: 100%;height: 0;z-index: -1; background-color: #978eff;-webkit-border-top-left-radius: 8px;-webkit-border-top-right-radius: 8px;border-top-left-radius: 8px;border-top-right-radius: 8px;-webkit-transition: 0.35s all;transition: 0.35s all;}
.header .nav li.current a::before,.header .nav li a:hover::before{height: 1.6667em;}
/* 20240530 新增搜索按钮 */
.login_search{float: left;margin-top: 1.08334rem; width: 2.58334rem;height: 2.58334rem;background: url(../images/account/login_search.png) no-repeat;background-size: 100% 100%; border-radius: 50%;border: 3px solid #5346e7;box-sizing: border-box;-webkit-transition: background-color 0.15s ease-out; transition: background-color 0.15s ease-out; }
.login_search:hover{background: #5346e7 url(../images/account/login_search2.png) no-repeat;background-size: 100% 100%;}


/*多语言选择 20230524修改*/
.header .cho-language {float:left; height:3.86667em;margin-top: 1.08334em; margin-right:0.8333em;}
.cho-language .i-language {float:left; width:2.41667em; height: 2.416667em;margin-right: 0.5em;}
.cho-language .selected {height:2.416667em; line-height:1.416667em; overflow: hidden; zoom:1; cursor:pointer;}
.cho-language .selected span {float:left;}
.cho-language .i-drop {float:left; margin-top:1.0334em; border-width:0.75em .5em 0 .5em;}
.cho-language .drop-list li a {height:2.5em;line-height: 2.5em;}
.cho-language .drop-list .i-language {float:left; margin-top:0.5em;}
.cho-language .drop-list span {float:left; margin-left:0.3333em;}
.i-drop {width:0; height: 0; margin-left:0.4em; border-width:0.75em .5em 0 .5em; border-style:solid dashed dashed dashed; border-color: #5346e7 transparent transparent transparent; overflow: hidden;}
.i-language {background: url(../images/account/circle2.png) no-repeat;background-size: 100% 100%;}
.drop-box {position:relative; }
.drop-list {display:none; position:absolute; top:3.6em;right: -1.5em; padding:5px 0; background: #ffffff; border:2px solid #5346e7;}
.drop-list li a {display: block; padding:0 0.6em; line-height:1.5em; color:#5346e7;text-align: center; }
.drop-list li a:hover {background-color: #5346e7; text-decoration: none;color: #fff;}



/*主页轮播*/
.index_sliderBanner{position:relative;overflow:hidden;min-width:1000px;margin-bottom: 5.334em;}
.index_sliderBanner .bd{position: relative;width: 100%;}
.index_sliderBanner .a{position: relative;display: block; width: 100%;}
.index_sliderBanner .top_banner,.top_play img{display: block;width: 100%;height: auto;}
.index_sliderBanner .hd,.logged_sliderBanner .hd{position: absolute;bottom: 1.5em;left: 50%;margin-left: -15em; width: 30em;text-align: center;height: 5em;}
.index_sliderBanner .hd li,.logged_sliderBanner .hd li{position: relative; display: inline-block;vertical-align: bottom; width: 0.9167em;height: 0.9167em;margin: 0 0.6667em;}
.index_sliderBanner .hd li.on,.logged_sliderBanner .hd li.on{height:4.0833em;}
.index_sliderBanner .hd li:after,.logged_sliderBanner .hd li:after{content: "";position: absolute;bottom: 0;left: 0; width: 0.9167em;height: 0.9167em;;background-color: #ffffff;-webkit-border-radius: 0.35em;border-radius: 0.35em;-webkit-transition: height 0.4s ease-out;transition: height 0.4s ease-out; }
.index_sliderBanner .hd li.on:after,.logged_sliderBanner .hd li.on:after{height: 100%;background-color: #5346e7;}
/*登陆后轮播*/
.logged_main{position: relative;width: 100%;max-width: 1200px;min-width: 960px;height: auto; margin: 0 auto 5em;padding-top: 1.5em;}
.logged_sliderBanner{position: relative;width: 79.75%;height: auto;padding-bottom: 6em;}
.logged_sliderBanner img,.logged_sliderBanner .a{position: relative; display: block;width: 100%;height: auto;border-radius: 10px;}
.logged_sliderBanner .hd{bottom: 0;}

/*最近登录信息*/
.loggedBox{position: absolute;top: 0;right: 0;padding: 2em 0; width: 17%;background-color: #11121c;height: 100%;-webkit-box-sizing: border-box;box-sizing: border-box;}
.logged_title{position: relative; font-size: 150%;color: #ffffff;margin-top: 0.5em;margin-bottom: 1em; font-weight: bold;text-transform: uppercase;}
.logged_games{display: block;width: 100%;padding: 1.8334em 0;border-bottom: 1px solid #1f2040;height: 6.25em;}
.logged_games:last-child{border-bottom: none;}
.logged_games img{display: inline-block; vertical-align: bottom;width: 36.765%;border-radius: 10px;}
.logged_games span{display: inline-block; vertical-align: bottom;width:58%;line-height: 2em; margin-left: 5%; /* font-size: 116.6667%; */color: #ffffff;}
.logged_games:hover span{text-decoration: underline;color: #978eff;}



/*游戏分类*/
.gameClass{position: relative;width: 87.2%;max-width: 1200px;min-width: 960px; min-height: 30em;margin: 0 auto 5.334em;background-color: #11121c; z-index:2; }
.gameClass::after{content: "";clear: both;}
.gc_main{position: relative;margin: 0 auto;padding: 0 0 1.667em 0; width: 100%;z-index: 2;}
.gc_main:after{content: '';display: block;width: 0; clear: both;}
.gc_title{position: relative;display: inline-block; color: #ffffff;font-size: 150%;margin-bottom:0.5em;font-weight: bold;}
.gc_title:after{content: "";position: absolute;top: 0.375em;right: -1.8em;border-right: 0.667em solid transparent;border-left: 0.667em solid #978eff;border-top: 0.375em solid transparent;border-bottom: 0.375em solid transparent; }
.gc_ul{margin-right: -1%;}
.gc_ul li{position: relative; float: left;width: 19%;margin-right: 1%;margin-bottom: 2em;}
.gc_ul li img,
.gameAll_ul li img{display: block;width: 100%;height: auto;-webkit-border-top-left-radius: 5px;-webkit-border-top-right-radius: 5px;border-top-left-radius: 5px;border-top-right-radius: 5px;}
.eg_txt,.ga_txt{padding: 0.55em 4%; background-color: #1f203a;width: 92%;height: auto;}
.eg_title{color: #ffffff;font-size: 133.33%;font-weight: bold;line-height: 1.25em;margin-bottom: 0.25em;}
.eg_txt .eg_p{width: 100%; color: #85829f;font-size: 100%;line-height: 1.5em;text-overflow: ellipsis;white-space: nowrap; overflow: hidden;}
.eg_info{position: absolute;top: 0;width: 100%;height: 60%;z-index: 3;}
.eg_showTxt{display: none;position: absolute;top: 20%;width: 82%;min-height: 3em;color: #ffffff;border-radius: 0.3572em;word-wrap: break-word; padding: 1em;background-color: #1b1b1b;opacity: 0.9;box-sizing: border-box;}
.eg_showTxt.lf{left: 80%;}
.eg_showTxt.rg{right: 80%;}
.eg_showTxt.lf:before{ content: "";position: absolute;left: -1em;top: 10%; border-left: 0.5em solid transparent;border-right: 0.5em solid #1b1b1b;border-top: 0.4286em solid transparent; border-bottom: 0.4286em solid transparent;}
.eg_showTxt.rg:before{ content: "";position: absolute;right: -1em;top: 10%; border-left: 0.5em solid #1b1b1b;border-right: 0.5em solid transparent;border-top: 0.4286em solid transparent; border-bottom: 0.4286em solid transparent;}
.eg_info:hover .eg_showTxt{display: block;}
.eg_showMask{position: absolute;bottom: -0.6em;left: -5%;width: 110%;height: 13.2em;overflow: hidden;}
.eg_show{display: none; position: absolute;left: 4%;width: 92%;height: 12.7em;bottom: 5px; box-shadow: 0.3333em 0.3333em 0.416667em #040000;overflow: hidden;padding: 2%;box-sizing: border-box; background-color: rgba(17,18,28,.88);z-index: 2;text-decoration: none;}
.eg_show .eg_showName{display: block; width: 96%;margin: 2% auto; color: #978eff;font-size: 133.334%;text-decoration: underline;-webkit-animation: fadeInUp 0.15s 0.3s linear backwards;animation: fadeInUp 0.15s 0.3s linear backwards;}
.eg_show .eg_type{width: 96%;margin: 0 auto 4%;color: #ffffff;line-height: 1.6667em;-webkit-animation: fadeInUp 0.1s 0.4s linear backwards;animation: fadeInUp 0.1s 0.4s linear backwards;text-overflow: ellipsis;white-space: nowrap; overflow: hidden;}
.eg_show .eg_type2{width: 96%;margin: 3% auto 0;overflow: hidden;cursor: default;-webkit-animation: fadeInUp2 0.15s 0.45s linear backwards;animation: fadeInUp2 0.15s 0.45s linear backwards;}
.eg_show .eg_type2:before{content: "";float: left;margin-right: 2%; width: 1.41667em;height:1.667em;background: url("../images/label.png") no-repeat;background-size: 100% 100%;}
.eg_type2 span{float: left;margin-left: 1%; background-color: #949494;width: 43%;line-height: 1.6667em;height: 1.6667em;text-align: center;border-radius: 0.3572em;color: #fff;box-sizing: border-box;}
.eg_showBtn{position: absolute;bottom: 3%;left: 3%;width: 96%;height: 3.1em; background:transparent;-webkit-animation: fadeInLeft 0.2s 0.5s linear backwards;animation: fadeInLeft 0.2s 0.5s linear backwards;}
.eg_showBtn a{display: block;margin-left: 2%;width: 3.08334em;height: 3.08334em;}
.eg_showBtn .eg_showGames{position: relative;display: inline; min-width: 9.1875em;font-size: 133.334%;padding: 0.625em 0.66em 0.625em 3.25em; font-weight: bold;text-transform: uppercase;color: #ffffff;background-color: #5346e7; -webkit-box-sizing: border-box;box-sizing: border-box;border-radius: 5px;}
.eg_showBtn .eg_showGames:after{content: "";position: absolute;top: 0.28125em;left: 0.75em;width: 1.75em;height: 1.75em; background: url("../images/games_icon.png") no-repeat;background-size: 100% 100%;}
/*.eg_showBtn .eg_showGames:hover{box-shadow: 0 0 .9375rem 0 #5346e7;}*/
.eg_showBtn .eg_showAndroid{ float: left;margin-top: -0.5em; background:url("../images/eg_showAndroid2.png") no-repeat;background-size: 100% 100%;}
.eg_showBtn .eg_showApp{float: left;margin-left: 5%;margin-top: -0.5em; background: url("../images/eg_showApp2.png") no-repeat;background-size: 100% 100%;}
/* 20230829 新增apk按钮 */
.eg_showBtn .eg_showApk{float: left;margin-left: 5%;margin-top: -0.5em; background: url("../images/eg_showApk.png") no-repeat;background-size: 100% 100%;}

.ga_txt{height: 1.96667em;line-height: 1.96667em;}
.ga_txt span{font-size: 133.333%;font-weight: bold;color: #ffffff;}

.gc_nav{position: relative;width: 100%;overflow: hidden;}
.gc_nav li{position: relative; float: left;color: #ffffff;padding: 0 0.9167em;height: 3em;line-height: 3em; margin-right: 2em;font-size: 150%;font-weight: bold; cursor: pointer;text-indent: 0;}
.gc_nav li:before{content: "";position: absolute;left: 0;bottom: 0; width: 100%;height: 0; background-color: #978eff;border-radius: 0.1em;z-index: -1;-webkit-transition: all 0.25s;transition: all 0.25s;}
.gc_nav li.on:before,.gc_nav li:hover:before{display: block;height: 1.61112em;}
.gc_all{position: relative;width: 100%;min-height: 10em;background-color: #1d1e39;padding: 6.3334em 2.0833em 2em;box-sizing: border-box; }
.gc_all ul{display: none;}
.gameAll_ul li{position: relative; float: left;width: 23.4783%;margin: 0 0.76085% 7em;}
.gameAll_ul li .eg_showMask{height: 10em;}
.gameAll_ul li .eg_show{height: 9.5em;}
.gameAll_ul .eg_showName{margin: 0.6% auto -1%;}
.gameAll_ul .eg_type2 span{width: 36.7%;}
.gameAll_ul .eg_showBtn{bottom: 0;-webkit-animation-delay: 0.4s;animation-delay: 0.4s;-webkit-animation-duration: 0.25s;animation-duration: 0.25s;}
.eg_play{position: absolute;top: 0;left: 0;width: 100%;height: 8em;}



/*问题页*/
.que_noGames{position: relative;width: 1000px;margin: 100px auto 150px;background-color: #3d3d3d;height: 530px;}
.que_noGamesIcon{position: absolute;top: 100px;left: 0;width: 100%;text-align: center;}
.que_noGamesTips{position: absolute;top: 330px;left: 250px;width: 500px;color: #ff005b;font-size: 24px;text-align: center;}
.que_noGamesBtn{position: absolute;top: 390px;left: 50%;margin-left: -85px; color: #2d2c2c;font-size: 200%;line-height: 44px;text-align: center;width: 170px;height:44px;background-color: #e9e9e9;border-radius: 28px;overflow: hidden;	z-index: 1;-webkit-transition: all 0.8s;transition: all 0.8s; -webkit-backface-visibility: hidden;-moz-osx-font-smoothing: grayscale;}
.que_noGamesBtn:hover{background-color: #ff005b;color: #fff;}


/*右下角牛皮癣 */
.right_code{position:fixed;right:0;bottom:0;width:210px;height:150px;z-index: 10;}
.code_gift{display: block; width:210px;height:150px;background:url("../images/code_gift.gif") no-repeat;}
.code_close{position: absolute;top: 0;right: 0;width: 14px;height: 14px;text-align: center;line-height: 14px;background-color: #000;color: #fff;}

/* 20230915 改成右下角牛皮癣*/
.left_advSmallImg{position: fixed;bottom: 0;right: 0;width: 11%; display: block;z-index: 11;-webkit-transform: translateX(0);transform: translateX(0);-webkit-transition: transform 0.3s 0.7s linear;transition: transform 0.3s 0.7s linear;}
.left_advSmallImg.on{-webkit-transform: translateX(100%);transform: translateX(100%);-webkit-transition: transform 0.3s linear;transition: transform 0.3s linear;}
.left_advSmallClose{position: absolute;top: 0;right: 0;}
.left_advSmallClose,.left_advBigClose{width: 18px;height: 18px;background: url("../images/pop_close.png") no-repeat;background-size: 100% 100%;-webkit-transition: transform 0.4s linear;transition: transform 0.4s linear;}
.left_advSmallClose:hover,.left_advBigClose:hover{-webkit-transform: rotate(180deg);transform: rotate(180deg);}
.left_advBigImg{position: fixed;bottom: 0;left: 0; width: 100%;height: auto;-webkit-transform: translateX(100%);transform: translateX(100%);-webkit-transition: transform 0.6s linear;transition: transform 0.6s linear;z-index: 11;}
.left_advBigImg.on{-webkit-transform: translateX(0);transform: translateX(0);-webkit-transition: transform 0.6s 0.4s linear;transition: transform 0.6s 0.4s linear;}
.left_advBigImg img,.left_advSmallImg img{display: block;width: 100%;}
.left_time{position: absolute;top: 50%;right: 15%;color: #ffffff;font-size: 16px;}
.left_advBigClose{position: absolute;top: 32%;right: 15%;}




.bot_main{position: relative; width:100%;overflow: hidden;}
.bot_main a{position: relative;float: right; margin-left:1.8em;width: 4.58334em;height: 4.58334em;border-radius: 50%;border: 0.334em solid #5346e7;box-sizing: border-box;}
.bot_main a:before{top: -0.334em;left: -0.334em;-webkit-border-radius: 100%;border-radius: 100%;width: 4.58334em;height: 4.58334em;-webkit-transition: transform 0.15s ease-out;transition: transform 0.15s ease-out;}
.bot_main span{position: absolute;top: -0.334em;left: -0.334em; width: 4.58334em;height: 4.58334em; }
.bot_main a:hover{border-color: #ffffff;}
.facebook span{background: url("../images/account/fb.png") no-repeat;background-size: 100%;}
.discord span{background: url("../images/account/discord.png") no-repeat;background-size: 100%;}
.ytb span{background: url("../images/account/ytb.png") no-repeat;background-size: 100%;}



/*尾部*/
.bot_bg{position: relative;width: 100%;height: auto;margin-top: 1em;z-index: 0;overflow: hidden;}
.copyright{position: relative;padding:1.5em 0;width:100%;text-align:center;font-size: 133.333%;background-color: #11121c;line-height: 1.5em;display:block;color: #ffffff;z-index:3;}
.copyright a{color: #ffffff;}
.copyright a:hover{ color: #978eff;}

/* 20240305 新增用户条款 */
.policyBox{position: fixed;top: 0;left: 0; width: 100%;min-width: 1000px; height: 5.8334rem;background-color: #1e1e1e;z-index: 11;}
.policyBd{position: relative;width: 87.2%;max-width: 1200px;min-width: 960px;margin: 0 auto;height: 5.8334rem;}
.policyTxt{position: relative;width: 85%;height: 100%;}
.policyTxt p{display: inline-block;vertical-align: middle;font-size: 1.167rem;line-height: 1.667rem;color: #fff;}
.policyLink{color: #fff;text-decoration: underline;}
.policyTxt span{display: inline-block;width: 0;height: 100%;vertical-align: middle;}
.policyBtn a{min-width: 8.5rem;font-weight: normal;font-size: 1.167rem;height: 2.5834rem;line-height: 2.25rem;}



/*点击弹出窗 兼容IE  20220310修改  close.png 图片要更新 --------------*/
.mask{ width: 100%; height: 100%; background: #000; opacity: .7;filter:alpha(opacity=70); position: fixed; left: 0; top: 0; z-index:99;}
.pop{width: 39.16667em;height: 32.5em;z-index:99;background: #11121c;
  margin-left:-19.58333em!important;/*FF IE7 half of its width */
  margin-top:-13em!important;/*FF IE7 half of its height*/

  left:50%;/*FF IE7*/

  top:40%;/*FF IE7*/

  margin-top:0px;

  position:fixed!important;/*FF IE7*/

  position:absolute;/*IE6*/

  _top:       expression(eval(document.compatMode &&
document.compatMode=='CSS1Compat') ?
documentElement.scrollTop + (document.documentElement.clientHeight-this.offsetHeight)/2 :/*IE6*/
            document.body.scrollTop + (document.body.clientHeight - this.clientHeight)/2);/*IE5 IE5.5*/

}
.pop_close,.pop_pointClose{position: absolute;top: 1.125em;right: -2.2em;width: 1.75em;height: 1.75em;cursor: pointer; background: url("../images/pop_close.png") no-repeat;background-size: 100% 100%;}
.pop_close:hover,.pop_pointClose:hover{background: url("../images/pop_close2.png") no-repeat;background-size: 100% 100%;-webkit-transform: rotate(-180deg);transform: rotate(-180deg);-webkit-transition: all 0.35s;transition: all 0.35s;}
.pop_logBox{position: relative;width: 100%;height: 4em;background-color: #1f203a;overflow: hidden;box-shadow: 0px 0.333em 0.25em -0.2em #000000;}
.pop_logBox li{float: left;font-size: 133.334%;font-weight: bold;line-height: 3em;height: 3em;color: #978eff;width: 50%;text-align: center;box-sizing: border-box;cursor: pointer;}
.pop_logBox li.on,.pop_logBox li:hover{color: #fff;}
.pop_logBox li:first-child{border-right: 0.091em solid #000000;}
.pop_bd{position: relative; width: 80%;margin: 0 auto;overflow: hidden; padding-top: 3em;}
.pop_bd label{font-size: 116.667%;color: #ffffff;}
.pop_em,.pop_pw,.pop_vc{display: block;width: 100%;height: 2.7143em;margin: 0.5em 0 1.3636364em;font-size: 116.667%;color: #ffffff;line-height: 2.5715em;text-indent: 0.6818182em;background-color: #000000;border-radius: 5px;border: 1px solid #ffffff;box-sizing: border-box;}
.pop_agree input,.pop_remember input{width: 1em;height: 1em;vertical-align: -0.25px;margin-right: 0.41667em;}
/* 20240305修改 */
.pop_agree,.pop_agree a{color: #ffffff;}
.pop_agree a{text-decoration: underline;}

.pop_Btn,.pop_save,.pop_logAg{position: relative;float: left;margin-left: 2.25em;margin-top: 1.5em;color: #ffffff;font-size: 133.334%;line-height: 2.0625em;text-align: center;font-weight: bold;width: 9.375em;height: 2.4375em;background-color: #5346e7;border: 0.1875em solid #5346e7;border-radius: 1.27273em;overflow: hidden;z-index: 1;-webkit-transition: all 0.2s;transition: all 0.2s;}
.pop_Btn:hover,.pop_save:hover,.pop_logAg:hover{background-color: #11121c;text-decoration: none;border: 0.1875em solid #ffffff;}
.pop_Btn span,.pop_save span,.pop_logAg span{display: block;width: 100%;text-align: center;height: 2.13637em;line-height: 2.13637em; }
.pop_signOthers{float: left; margin-top: 2.2em;margin-left: 3em;color: #909090;;}
.pop_signOthers img{display: block;width: 100%;}
.pop_signOthers a{display: inline-block;width: 3.08334em;height: 3.08334em;vertical-align: bottom;margin-left: 1.5em;-webkit-transition: all 0.35s;transition: all 0.35s;}
.pop_fb{background: url("../images/log_fb.png") no-repeat;background-size: 100% 100%;}
.pop_fb:hover{background: url("../images/log_fb2.png") no-repeat;background-size: 100% 100%;}
.pop_google{background: url("../images/log_google.png") no-repeat;background-size: 100% 100%;}
.pop_google:hover{background: url("../images/log_google2.png") no-repeat;background-size: 100% 100%;}
.pop_remember,.pop_forget{color: #ffffff;}
.pop_remember{float: left;}
.pop_forget{float: right;}
.pop_forget:hover{text-decoration: underline;}
.pop_issue{float: left;width: 12.5em;text-align: center;color: #5346e7;margin-top: 0.8333em;margin-left: 3em;text-decoration: underline;}
#pop_forget .pop_bd,#pop_fp .pop_bd{margin: 4em auto;padding-top: 1px;}
#pop_forget .pop_Btn,#pop_fp .pop_Btn{ margin-left: 2.1111em; margin-top: 2em;}
.pop_vc{float: left;width: 40%;}
.pop_yzm{float: left;margin-left: 15%;width: 30%;height: 2.375em;line-height: 2.375em;margin-top: 0.5em; text-align: center; color: #909090;font-size: 133.334%;}
.pop_findTips{position: absolute;bottom: 4.5em;left: 0;color: #f00;width: 100%;text-align: center;}
.pop_title{font-size: 133.334%;font-weight: bold;line-height: 3em;height: 3em;color: #fff;text-align: center;}
.pop_pr{position: relative;}
.pop_tips{position: absolute;top: 0;left: 8em;background-color: #e5e5e5;border-radius: 5px;color: #5346e7;padding: 0.2em 0.8333em;}
.pop_tips:before{content: "";position: absolute;top: 100%;left: 10%;border: 7px solid transparent;border-top: 7px solid #ffffff;}
.pop_lfBg{position: absolute;top: 0;left: 0;width: 11em;height: 100%;background-color: #000;z-index: -1;}
.pop_ghw{position: absolute;bottom: 1em;left: 0.5em;width: 9.83334em;}
.pop_ghw img{display: block;width: 100%;}
.pop_bd2{position: relative; width: 100%;overflow: hidden;margin-top: 2.08333em;}
.pop_lfBox{float: left;width: 10em;margin-left: 1em;}
.pop_lfBox a{display: block;width: 8em;padding-right: 3em;margin-bottom: 1.5em; height: 2.5em;text-align: center;line-height: 2.5em;color: #ffffff;font-size: 116.667%;}
.pop_lfBox a:hover,.pop_lfBox a.on{color: #fff; background: url("../images/pop_lfBtn.png") no-repeat;background-size: 100% 100%;}
.pop_rgBox{float: right;width: 23em;margin-right: 2.58334em;}
.pop_rgLl,.pop_rgRe{position: relative;margin:7.833em auto 0;}
.pop_rgBtn{position: relative; display: block; width: 18.75em;height:2.5em;line-height: 2.16667em;text-align: center;color: #ffffff;margin: 0 auto 1em;background-color: #11121c;border: 2px solid #5346e7;-webkit-box-sizing: border-box;box-sizing: border-box;}
.pop_rgBtn:hover{border-color: #fff;}

.pop_rgRe{margin: 11.25em auto 0;}
.pop_rgBtn i{position: absolute;top: -0.3334em;left: -0.1667em;width: 3em;height: 2.25em; background: url("../images/pop_hotBtn.png") no-repeat;background-size: 100% 100%;}
.pop_rgTitle{position: absolute;top: 3.4546em;left: 0;width: 19.7143em;text-align: center;font-size: 116.667%;font-weight: bold;color: #ffffff;}
.pop_rgOther{position: relative;width: 23.667em;height: 18em;margin: 0 auto 0;padding-top:7em;overflow: hidden;}
.pop_rgOther .pop_rgBtn{margin-bottom: 0.5em;}
.pop_rgOtherBox{position: relative;width: 23em;height: 20.667em;overflow-y: auto;}
.pop_save,.pop_logAg{margin-left: 29.3%;}
.pop_successTips{margin: 5em auto 2em;text-align: center;color: #ff0000;font-size: 150%;}
.pop_fbNotice{color: #fff;margin-top: -1em;font-size: 116.667%;line-height: 1.8;}
.pop_fbNotice span{font-weight: bold;}
.pop_fbLink{color: #5346e7;text-decoration: underline;}
.pop_back{position: absolute;top: 0.75em;left: 1.25em;width: 2.5em;height: 2.5em;  background: url("../images/pop_back.png") no-repeat;background-size: 100% 100%;}

.pop_selectBox{position: absolute;top: 0;right: 4.708334em;width: 18.75em;height:2.5em; border: 0.1667em solid #ffffff;box-sizing: border-box;z-index: 2;}
.pop_selectBox:before{content: "";position: absolute;top: 0;right: 4.3334em;width: 0.1667em;height: 2.16667em;background-color: #fff;}
.pop_select,.pop_selectInput{position: absolute;top: 2.1667em;left: 0;border: 0;width: 13.91667em;height: 2.16667em;text-indent: 0.83334em; background-color:#fff;}
.pop_select{display: none;height: auto;}
.pop_select a{display: block; color: #000;padding: 0.5em 0;line-height: 1.5em;border: 1px solid #ffffff;}
.pop_select a:hover{background-color: #5346E7;color: #ffffff;}
.pop_selectInput{top: 0;background-color: #11121c;line-height: 2.1667em;color: #ffffff;}
.pop_selectLogin{position: absolute;top: 0;right: 0;width: 4.3334em;height: 2.1667em;line-height: 2.1667em;text-align: center;background-color: #6d6d6d;color: #bfbfcc;cursor: default;}



/*my messages  20220301修改*/
.my_messagesList{width: 100%;font-size:100%;padding:0.1em 0;margin-top: 1.5em; overflow: hidden; -webkit-box-sizing: border-box;box-sizing: border-box;}
.my_messagesItem{position: relative;padding: 2.5em 5em;margin-bottom: 4em; width: 100%; background-color: #1f203a;color: #ffffff;border-radius: 0.41667em; -webkit-box-sizing: border-box;box-sizing: border-box;}
.my_messages{position: relative;width: 100%;cursor: pointer;}
.my_messagesTitle{width: 70%;line-height: 2em;font-size: 133.334%;}
.my_messagesContent{position: relative; width: 66%;line-height: 2em;}
.my_messagesContent i{display: inline-block;width: 1.15em;height: 1.29em;vertical-align: -0.2em;margin-right: 0.5em; background: url("../images/account/my_readInfo.png") no-repeat;background-size: 100% 100%;}
.my_messagesContent i.unread{vertical-align: -0.1em;width: 1.15em;height: 0.857em; background: url("../images/account/my_unreadInfo.png") no-repeat;background-size: 100% 100%;}
.my_messagesExpiry,.my_messagesDate{position: absolute;top: 0.4em;right: 0;width: 28%;  text-align: right;}
.my_messagesDate{top: 2.6em;}
.my_messagesItem .my_messagesBd{display: none; position: relative;margin-top: 0.8em;padding: 1em 3.3em 1em 1em;overflow: hidden;line-height: 2; width: 100%;background-color: #11121c; -webkit-box-sizing: border-box;box-sizing: border-box;}
.my_messagesItem.open .my_messagesBd{display: block;}
.my_messagesMark{float: left;width: 100%;word-wrap: break-word;}
.my_messagesMark img{display: block;max-width: 100%;margin: 0.5em 0;}
.my_messagesDelete{cursor: pointer;float: right;margin-right: -2.3em;width: 1em;height: 1.36em; background:url("../images/account/my_delete.png") no-repeat;background-size: 100% 100%;}
.my_messagesNone{width: 100%;padding: 2.5em 5em;overflow: hidden;margin-top: 1.5em; background-color: #1f203a; -webkit-box-sizing: border-box;box-sizing: border-box;}
.my_messagesTips{width: 100%;height: 10em;line-height: 10em;font-size: 133.334%;color: #ffffff;text-align: center; background-color: #11121c;}
.my_pop{display: none; width: 43.33em; height: 20em;z-index:99;background-color: #11121c;
  margin-left:-21.665em!important;/*FF IE7 half of its width */
  margin-top:-8em!important;/*FF IE7 half of its height*/

  left:50%;/*FF IE7*/
  top:40%;/*FF IE7*/

  margin-top:0px;
  position:fixed!important;/*FF IE7*/
  position:absolute;/*IE6*/

  _top:       expression(eval(document.compatMode &&
document.compatMode=='CSS1Compat') ?
documentElement.scrollTop + (document.documentElement.clientHeight-this.offsetHeight)/2 :/*IE6*/
            document.body.scrollTop + (document.body.clientHeight - this.clientHeight)/2);/*IE5 IE5.5*/}
/*.my_popBd{width: 90%;margin: 0 auto;color: #cdcdcd;overflow: hidden;font-size: 150%;}*/
.pop_messageText{color: #ffffff;font-size: 116.6667%;line-height: 3;}
.pop_profileText{color: #ffffff;font-size: 133.334%;padding: 1.5rem 0; text-align: center;font-weight: bold;line-height: 2;}


/*my orders  20230428新增.my_gamesLogoNav*/
.my_orderNav,.my_gamesLogoNav{position: relative;width: 100%;height: 4em;overflow: hidden;z-index: 1;}
.my_orderNav a,.my_gamesLogoNav a{position: relative; float: left;color: #ffffff;font-size: 150%;height: 3em;line-height: 3em;padding: 0 1em; font-weight: bold;margin-right: 1.5em;}
.my_orderNav a::before,.my_gamesLogoNav a::before{content: '';position: absolute;bottom: 0;left: 0; width: 100%;height: 0;z-index: -1; background-color: #978eff;-webkit-border-top-left-radius: 0.1em;-webkit-border-top-right-radius: 0.1em;border-top-left-radius: 0.1em;border-top-right-radius: 0.1em;-webkit-transition: 0.35s all;transition: 0.35s all;}
.my_orderNav a.on:before,.my_orderNav a:hover:before,
.my_gamesLogoNav a.on:before,.my_gamesLogoNav a:hover:before
{height: 1.61112em;}

.my_orderList{background-color: #2a2860;padding: 1.3334em 2em;width: 100%;box-sizing: border-box;min-height: 5em;overflow: hidden;margin-bottom: 2.5em;}
.my_orderList:last-child{margin-bottom: 0;}
.my_orderText{font-weight: bold;line-height: 2em;margin-bottom: 0.83334em;}
.my_orderLogo{float: left;background-color: #1f203a;border-radius: 0.41667em;width: 16.5em;height: 8.083334em;margin-right: 9em;}
.my_orderLogo img{display: block;width: 100%;}
.my_orderInfo{float: left;color: #978eff;line-height: 1.6667em;margin-top: -0.2em;}
.my_ordersPage{width: 100%;text-align: center;margin: 2em auto 1em;}
.my_ordersPageMain{display: inline-block; padding: 0.25em; background-color: #11121c;overflow: hidden;border-radius: 0.41667em;}
.my_ordersPage a{position: relative;display: inline-block;line-height: 1.5; color: #ffffff;padding: 0.35em 0.5em;}
.my_ordersPage a:hover,.my_ordersPage a.current{color: #978eff;}
.my_ordersPage .my_ordersPrev{padding-left: 2em;}
.my_ordersPage .my_ordersNext{padding-right: 2em;}
.my_ordersPrev i{position: absolute;top: 0.6em;left: 0.14em; border: 0.5em solid transparent;border-right: 0.667em solid #ffffff;border-left: 0.667em solid transparent}
.my_ordersNext i{position: absolute;top: 0.6em;right: 0.14em;border: 0.5em solid transparent;border-left: 0.667em solid #ffffff;border-right: 0.667em solid transparent}
.my_ordersNext:hover i,.my_ordersNext.current i{border-left: 0.667em solid #978eff;}
.my_ordersPrev:hover i,.my_ordersPrev.current i{border-right: 0.667em solid #978eff;}
.my_ordersTips{color: #909090;font-size: 60%;line-height: 2em;}

/*my favorites*/
#my_favoritesGames{padding: 4em 5% 1em; overflow: hidden;}
#my_favoritesGames .bd{width: 100%; overflow: hidden;}
#my_favoritesGames .gameAll_ul.onLf{-webkit-animation: mfg 0.16s linear;animation: mfg 0.16s linear;}
#my_favoritesGames .gameAll_ul.onRg{-webkit-animation: mfg2 0.16s linear;animation: mfg2 0.16s linear;}
#my_favoritesGames li{width: 31.3333%;margin: 0 1% 2em;}
#my_favoritesGames .prev,#my_favoritesGames .next{position: absolute;top: 50%;margin-top: -1em; border: 1.1667em solid transparent;border-right-width: 2em;border-left-width: 2em;}
#my_favoritesGames .prev{left: -1em;border-right-color: #fff;}
#my_favoritesGames .prev:hover{border-right-color: #5346E7;}
#my_favoritesGames .next{right: -1em;border-left-color: #fff;}
#my_favoritesGames .next:hover{border-left-color: #5346E7;}
#my_hotGames{padding:2em 0;}
#my_hotGames li{width: 24%;}

@-webkit-keyframes mfg {
  from{
    -webkit-transform: translateX(33.33%);
    transform: translateX(33.33%);
  }
  to{
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes mfg {
  from{
    -webkit-transform: translateX(33.33%);
    transform: translateX(33.33%);
  }
  to{
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@-webkit-keyframes mfg2 {
  from{
    -webkit-transform: translateX(-33.33%);
    transform: translateX(-33.33%);
  }
  to{
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes mfg2 {
  from{
    -webkit-transform: translateX(-33.33%);
    transform: translateX(-33.33%);
  }
  to{
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}


/*account security*/
.my_asItem{position: relative;width: 100%;padding: 1em 1.6em;overflow: hidden;margin-bottom: 2em; -webkit-box-sizing: border-box;box-sizing: border-box;background-color: #3d3d3d;color: #909090;}
.my_asImg{position: absolute;top: 0;left: 1.6em; width: 7%;height: 100%;}
.my_asImg img{display: inline-block;vertical-align: middle;width: 100%;}
.my_asImg i{display: inline-block;vertical-align: middle;width: 0;height: 100%;}
.my_asTxt{float: left;width: 70%;font-weight: bold;line-height: 1.3em;margin: 0.4em 0 0.4em 9%;}
.my_asTxt p{font-size: 77.7778%;font-weight: normal;}
.my_asBtn{float: right;width: 17.41%;margin: 0.75em 0; height: 1.9em;line-height: 1.9em;text-align: center;background-color: #909090;color: #fff;font-weight: bold;border-radius: 2em; }
.my_asBtn:hover{background-color: #ff005b;}
/*邮箱绑定*/
#pop_emailBind{height: 42em;
  margin-top:-16.8em!important;/*FF IE7 half of its height*/}
#pop_emailBind .pop_Btn{margin-left: 4.5em;margin-top: 0.5em;cursor: pointer;}
.pop_ebText{font-size: 116.667%;color: #ffffff;margin-bottom: 1em;}
#pop_emailBind .pop_save{margin-top: 0;}
#pop_emailSend2.out,#pop_emailSend2.out:hover{cursor: not-allowed;background-color: #949494;border: none;}
#pop_emailSend2.out:before{background-color: #949494;}

/*gift pack shop  20220301添加*/
.gift_main{max-width:1350px; min-width:1100px;}
.gift_pack{position: relative;width: 25.778%; background-color: #3d3d3d;padding:1.2em 0;-webkit-box-sizing: border-box;box-sizing: border-box;}
.gift_packTitle{position: relative; font-size: 166.6667%;color: #cbcbcb;font-weight: bold;text-indent: 0.75em;width: 81.9%;margin: 0 auto 0.6em;}
.gift_packTitle:after{content: "";position: absolute;top: 0.25em;left: 0;width: 0.35em;height: 0.85em;background-color: #ff005b;border-radius: 0.25em;}
.gift_packList{position: relative;width: 81.9%;margin: 0 auto;-webkit-box-sizing: border-box;box-sizing: border-box;}
.gift_packItems,.gift_packItems a{display: block; width: 100%;overflow: hidden;}
.gift_packItems a:hover span,.gift_packItems.on a span{text-decoration: underline;color: #ff005b;}
.gift_packItems{padding: 1.2em 0; height: 8.65em;border-bottom: 1px solid #2d2c2c;-webkit-box-sizing: border-box;box-sizing: border-box;}
.gift_packItems:last-child{border-bottom: none;}
.gift_packItems img{display: inline-block; vertical-align: bottom;width: 26.2%;border-radius: 5px;}
.gift_packItems span{display: inline-block; vertical-align: bottom;width:68%; margin-left: 5%; font-size: 133.33%;color: #949494;}
.gift_packBox{float: right; width: 74.3%;height: 100%;overflow: hidden; -webkit-box-sizing: border-box;box-sizing: border-box;margin-right: -2%;}
.gift_packContent{position: relative;width: 100%;}
.gift_banner{position: relative;width: 100%;height: auto;}
.gift_banner .hd{position: relative;width: 100%;margin-top: 0.5em;}
.gift_banner .hd li{display: inline-block;width: 0.7em;height: 0.7em;margin: 0 0.8333em;background-color: #909090;-webkit-border-radius: 0.35em;border-radius: 0.35em;-webkit-transition: width 0.4s linear;transition: width 0.4s linear;}
.gift_banner .hd li.on{background-color: #ff005b;width: 12em;}
.gift_rules{position: relative;width: 100%;margin:1em 0; line-height: 1.875em; color: #cdcdcd;font-size: 133.333%;font-weight: bold;}
.gift_codeBox{position: relative;width: 100%;height: auto;padding: 1.5em 0;}
.gift_codeContent{position: relative; width: 100%;display: none;}
.gift_codeContent .my_gamesTitle{font-size: 150%;color: #cdcdcd;}
.gift_history{position: absolute;top: 0;right: 2px;font-size: 116.667%;line-height: 1.5428em;color: #949494;z-index: 2;}
.gift_history:hover{color: #ff005b;}
.gift_codeList{position: relative;width: 100%;margin: 1em 0 0;font-size: 100%;}
.gift_codeItem{position: relative;width: 100%;height: 10em;overflow: hidden; background-color: #3d3d3d;margin-bottom: 1.6em;}
.gift_gifts{float: left;margin-left: 4%;margin-top: 2.0833em; width: 7.194%;}
.gift_codeTxt{float: left;margin: 0.4em 4%;color: #909090;font-size: 116.6667%;width: 50%;}
.gift_codeTxt span{font-size: 128.57143%;font-weight: bold;color: #cdcdcd;}
.gift_codeCollect{float: right;font-size: 183.3333%;outline: none;border: 0; font-weight: bold;margin-top: 1.75em;margin-right: 2.26%; width: 17.1634%;height: 1.95455em;background-color: #909090;color: #fff;text-align: center;line-height: 1.954545em;border-radius: 1em;}
.gift_codeCollect.on{background-color: #ff005b;}
.gift_codeCollect.out{cursor: not-allowed;}
.gift_codeCollect.out:hover{background-color: #909090;}
.gift_codeTips{position: absolute;bottom: 0.5em;right: 2%;color: #ff005b;font-size: 100%;}
.pop_giftTxt{font-size: 116.667%; text-align: center;font-weight: bold;margin: 1.4em 0;}
.pop_giftTxt input{display: inline-block;margin-left: 1.2em;color: #ffffff;font-size: 88.8889%; width: 59.2%;height: 1.5em;line-height: 1.5em;text-indent: 0.6em; background-color: #909090;border: none;}
.pop_giftTips{font-size: 66.6667%;text-align: center;margin-top: -1.6em;color: #ff0000;line-height: 1.4em;}

/*profile 20220715新增 width:1000*/
.my_profileContent{position: relative;width: 80%;height: auto;margin: 0 auto;min-width: 800px;max-width: 1000px;}
.my_profileSkin{position: relative;width: 100%;padding-top: 1em;}
.my_profileSkin img{display: block; width: 100%;border-radius: 10px;}
.my_profileSkinBtn{position: absolute;top: 2em;right: 1em;width: 1.916667em;height: 1.916667em; background: url("../images/account/skin.png") no-repeat;background-size: 100% 100%;}
.my_profileSkinBtn:hover{background: url("../images/account/skin2.png") no-repeat;background-size: 100% 100%;}
.my_profileMain{position: relative;width: 100%;margin: 4em auto;}
.my_profileBox{position: relative;width: 100%;padding: 1.5em 2em;line-height: 2em;min-height: 7em; background-color: #1f203a;border-radius:0.416667em;color: #ffffff; -webkit-box-sizing: border-box;box-sizing: border-box;overflow: hidden;}
/* 20240822修改图标 为div加了position: relative;*/
.my_profileDate,.my_profileGift,.my_profileHome{position: relative; display: inline-block;vertical-align: middle;margin-left: 2em; width: 2.5834rem;height: 2.08334rem; background: url("../images/account/free.png") no-repeat;background-size: 100% 100%;}
.my_profileDate:hover{background: url("../images/account/free2.png") no-repeat;background-size: 100% 100%;}
.my_profileDate.redDot::after{right: -0.1rem;}
.my_profileHistory{display: inline-block;margin-top: 1em;  color: #ffffff;font-size: 100%;line-height: 2em;text-decoration: underline;}
.my_profileHistory:hover{color: #978eff;}
.my_profileGift{width: 1.83334em;background: url("../images/account/gift.png") no-repeat;background-size: 100% 100%;}
.my_profileGift:hover{background: url("../images/account/gift2.png") no-repeat;background-size: 100% 100%;}
.my_profileHome{width: 2.083334em;height: 1.91667em; background: url("../images/account/home.png") no-repeat;background-size: 100% 100%;}
.my_profileHome:hover{background: url("../images/account/home2.png") no-repeat;background-size: 100% 100%;}
.my_profileShop,.my_profileSet{float: right; min-width: 7.25em;height: 2.2857em;line-height: 2em;text-align: center;font-weight: bold;color: #fff;border: 2px solid #5346e7; font-size: 116.667%;}
#my_profile{height: 8.6em;}
.my_profileInfo{position: relative;width:66.7%;min-height: 5em; font-size: 100%;background-color: #11121c;border-radius: 5px;padding: 1em;margin-bottom: 2em; -webkit-box-sizing: border-box;box-sizing: border-box;}
.my_profileInfo label{display: block;color: #ffffff;line-height: 2em;font-size: 100%;font-weight: bold;}
.my_profileInfo input{display: block;color: #fff; line-height: 1.7143em;font-size: 100%;width: 100%;outline: none;border: none;background-color: transparent;}
.my_profileInfo:after{content: "";clear: both;display: block;}
.my_profileInfo .my_profileGift{margin-left: 0;margin-top: 0.58334em;}
.my_profileSex{width: 100%;height: 1.7146em;font-size: 100%;overflow: hidden;font-weight: bold;}
.my_profileSex span{position: relative; float: left;padding-right: 1.6em;margin-right: 5em; color: #ffffff;cursor: default;}
.my_profileSex span:after{content: "";position: absolute;top: 0.3508em;right: 0;background-color: #fff;width: 1em;height: 1em;border-radius: 50%;}
.my_profileSex span.checked:after{background-color: #978eff;}
.my_profileTriangle:after{content: "";position: absolute;bottom: 0;right: 0;border: 0.61em solid transparent;border-top: 0.61em solid #978eff; -webkit-transform: rotate(-45deg);transform: rotate(-45deg); }
.my_profileInfo #dataInput{width: 103%;cursor: pointer;}
.timeData{display: none; width: 50%;height: 7.858em;position: absolute;left: 50%!important;top:5.6667em!important;font-size: 100%;background-color: #11121c;z-index: 2;border: 1px solid #978eff;border-radius: 5px;}
.timeData >div{width: 33.33%;float: left;height: 7.858em;}
.timeData >div >a{position: relative; display: block;width: 80%;margin: 0 auto;height: 2.14857em;text-align: center;transition: all 0.3s;}
.timeData > div >a:first-child:after{content: "";position: absolute;top: 0.2143em;left: 50%;margin-left:-0.857em;border: 0.857em solid transparent;border-bottom: 1.0714em solid #ffffff;}
.timeData > div >a:last-child:after{content: "";position: absolute;top: 0;left: 50%;margin-left:-0.857em;border: 0.857em solid transparent;border-top: 1.0714em solid #ffffff;}
.timeData >div >a:first-child:hover:after{border-bottom-color: #978eff;}
.timeData >div >a:last-child:hover:after{border-top-color: #978eff;}
.timeData >div >input{outline: none;width: 80%;height: 2.14286em;display: block;margin: 0.714286em auto;line-height: 2.14286em;text-align: center;color: #ffffff;background: #1f203a;}
.timeData >span{display: none;text-indent: 4px;color: #ffffff;position: absolute;left: 0;top: 9.4286em;}
.my_profileCountry{width: 103%;height: 2em;font-size: 100%;cursor: pointer;}
.my_profileCountryName{display: none; position: absolute;top: 6.1em;left: 0;width: 100%;background-color: #11121c;text-indent: 1.2859em; padding: 0.8em 0;height:13.6025em; border: 1px solid #978eff;border-radius: 5px;z-index: 2;overflow-y: auto;box-sizing: border-box;}
.my_profileCountryName ul{display: block; width: 100%;height: auto;}
.my_profileCountryName li{font-size: 100%;line-height: 2em;cursor: default;}
.my_profileCountryName li:hover{background-color: #5346e7;}
.my_profileInfo .my_profileAddress{display: block;font-size: 100%;resize: none; color: #fff;line-height: 2em; width: 100%;height: 6em;background-color: transparent;outline: none;border: none;}
.my_profileDiscord,.my_profileDiscordText{float: left;color: #fff; line-height: 1.7143em;font-size: 100%;}
.my_profileInfo .my_profileDiscordText{margin-left: 1em; width: 86%;}
.my_profileSave{display: block;margin-left: 56%; width: 7.25em;height: 2.2857em;line-height: 2em;text-align: center;font-weight: bold;color: #fff;border-radius: 5px;border: 2px solid #5346e7; font-size: 116.667%;}
.my_profilePassword{padding: 3em 0;border-bottom: 1px solid #11121c;}
.my_profileEmail{padding: 3em 0;}
.my_profileImg{float: left;margin-top: 0.375em; }
.my_profileText{float: left;margin-left: 2.5rem;}
.my_profileText span{font-size: 116.667%;font-weight: bold;}
.my_profilePassword .my_profileShop,.my_profileEmail .my_profileShop{margin-top: 0.6072em;}
.my_profileEmail .my_profileImg{margin-top: 0.875em;}

/*--------20230724修改开始----------*/
#my_profileSave{display: none; position: absolute;top: 1.5rem;right: 13rem;}
#my_birthday2,#my_birthday1{width: 40em; height: 40em;
  margin-left:-20em!important;/*FF IE7 half of its width */
  margin-top:-16em!important;/*FF IE7 half of its height*/}
.my_birthdayGames{position: relative; width: 100%;font-size: 116.667%;min-height: 2em;margin-bottom: 1.5em;}
.my_birthdayGames:after{content: "";display: block; clear: both;}
.my_birthdayGames span{float: left;width: 20%;text-align: right;font-size: 100%;color: #ffffff;height: 2em;line-height: 2em;margin: 0 2%;}
.my_birthdayGamesSelect,.my_birthdayGames p{position: relative; float: left;width: 66%;height: 2em;color: #ffffff; font-size: 100%;text-indent: 1em; background-color: #000000;border: none;border-radius: 5px;border: 1px solid #fff;}
.my_birthdayGamesSelect i{font-style: normal;line-height: 2em;}
.my_birthdayGamesUl{display: none; position:absolute;top: 2em;left: 0;z-index: 2;padding: 0.5em 0;max-height: 18em; width: 100%;background-color: #1f203a;border: 1px solid #ffffff;border-radius: 5px;box-sizing: border-box;overflow: hidden;}
.my_birthdayGamesUl li{display: block;width: 100%;height: 2em;font-size: 85.72%; line-height: 2em;}
.my_birthdayGamesUl li:hover{background-color: #5346e7;}
.my_birthdayGames p{height: 20em;text-indent: 0;padding: 0.5em;box-sizing: border-box;}
.my_birthdayClaim,.my_birthdayOk,.my_vipOk{display: block;margin: 1.5em auto; color: #ffffff;font-size: 133.334%;line-height: 2.0625em;text-align: center;font-weight: bold;width: 9.375em;height: 2.4375em;background-color: #5346e7;border: 0.1875em solid #5346e7;border-radius: 1.27273em;overflow: hidden;z-index: 1;-webkit-transition: all 0.2s;transition: all 0.2s;cursor: pointer;}
.my_birthdayClaim{margin: 1em auto;}
.my_birthdayClaim:hover,.my_birthdayOk:hover,.my_vipOk:hover{background-color: #11121c;border: 0.1875em solid #ffffff;}
.my_birthdayClaim.out,.my_birthdayClaim.out:hover{cursor: not-allowed;background-color: #949494;border: none;}
.my_birthdayClaim.out:before{background-color: #949494;}
.my_birthdayCode{display: block;font-size: 150%;width: 100%;text-align: center;color: #5346e7;}
.my_birthdayRg{float: right;width: 80%;min-height: 2em;margin-top: -1.5em;}
.my_birthdayTips{margin-top: 1em; font-size: 116.667%;color: #ffffff;line-height: 2.5em;}
.my_birthdayTips a{color: #ff005b;}
.my_birthdayTips a:hover{text-decoration: underline;}
.my_birthdayNoTips{margin: 2em auto 1em;font-size: 116.667%;text-align: center;color: #ffffff;}
.my_birthdayNoTips input{vertical-align: -2px;}
/*--------20230724修改结束----------*/


/*my GHG Club*/
.my_clubList{position: relative;width: 100%;height: auto;}
.my_clubItem{margin-bottom: 1em;}
.my_clubTitle{width: 100%; font-weight: bold;color: #a5a5a5;overflow: hidden;margin-bottom: 0;cursor: pointer;}
.my_clubTitle img{float: left; width: 3.0715em;margin-right: 0.8em;margin-top: 0.572em;}
.my_clubTitle span{float: left; line-height: 3.43em;}
.my_clubContent{display: none; position: relative;font-size: 50%; width: 100%;min-height: 5em;padding: 0.5em 1.2857em;background-color: #3d3d3d; margin-top: 2px;border-top-left-radius: 5px;border-top-right-radius: 5px; border-bottom: 1px solid #ff005b;box-sizing: border-box;}
.my_clubItem.open .my_clubContent{display: block;}


/*vip faq页面 20220310新增 */
.vip_banner{position: relative;width: 100%;height: auto;padding-top: 1em;}
.vip_banner img{display: block;width: 100%;border-radius: 0.83334em;}
.vip_nav{position: relative;width: 100%;margin: 3em auto 0;overflow: hidden;z-index: 1;}
.vip_nav ul{margin-left: 0.5em;}
.vip_nav li{position: relative; float: left;color: #ffffff;padding: 0 0.9167em;height: 3em;line-height: 3em; margin-right: 2em;font-size: 150%;font-weight: bold; cursor: pointer;text-indent: 0;}
.vip_nav li:before{content: "";position: absolute;left: 0;bottom: 0; width: 100%;height: 0; background-color: #978eff;border-radius: 0.1em;z-index: -1;-webkit-transition: all 0.25s;transition: all 0.25s;}
.vip_nav li.on:before,.vip_nav li:hover:before{display: block;height: 1.61112em;}
.vip_box{position: relative;width: 100%;min-height: 30em;margin: 0 auto 5em;background-color: #1d1e39;border-radius: 5px;}
.vip_content{display: none; position: relative;width: 100%;padding: 2em 1.5em;box-sizing: border-box;}
.vip_title{width: 100%; font-size: 150%;height: 1.778em;line-height: 1.778em;color: #ffffff;font-weight: bold;margin-bottom: 0.5em;}
.vip_title img{width: 2.3889em;}
.vip_title img,.vip_title span{display: inline-block;vertical-align: middle;margin-right: 0.6em;}
.vip_txt{font-size: 100%;color: #717ea7;line-height: 2em;margin-bottom: 2em;}
.vip_txt span{font-size: 116.667%;color: #fff;font-weight: bold;}
.vip_link{color: #978eff;text-decoration: underline;}



/*premium 20220506新增付费页   2023106付费页修改  20231106再修改*/
.prem_ul li .eg_showMask{height: 104%;}
.prem_ul li .eg_show{height: 100%;-webkit-border-top-left-radius: 1em;-webkit-border-top-right-radius: 1em;border-top-left-radius: 1em;border-top-right-radius: 1em;}
.prem_ul li .prem_pc{position: absolute;top: 50%;left: 50%;margin: -2.95835em 0 0 -2.95835em; width: 5.9167em;height: 5.9167em; background: url("../images/premium/pc.png") no-repeat;background-size: 100% 100%;}
.logged_premium{width: 100%;}
.prem_main{position: relative;width: 87.2%;max-width: 1200px;min-width: 960px; min-height: 10em;margin: 0 auto 3.334em;background-color: #11121c; z-index:2;overflow: hidden;}
.prem_dclBanner{position: relative;width: 79.5%;padding-top: 1em;}
.prem_dclBanner .bd li{position: relative;width: 100%;height: 29.4167em;}
.prem_dclBanner .bd li iframe{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.prem_dclBanner .bd img{display: block;width: 100%;border-radius:0.8334em; }
.prem_dclBanner .hd ul{margin-top: 0.8334em; display: flex;justify-content:space-between;align-content: space-around;}
.prem_dclBanner .hd li{position: relative;cursor: pointer;width: 17.194%;}
.prem_dclBanner .hd li:first-child{width: 26.419%;}
.prem_dclBanner .hd .prem_video{position: absolute;top: 50%;left: 50%;margin-top: -2.375em;margin-left: -2.375em; width: 4.75em;height: 4.75em; background: url("../images/premium/video_btn.png") no-repeat;background-size: 100% 100%; z-index: 2;-webkit-animation: open 1s infinite ease-out alternate;animation: open 1s infinite ease-out alternate; }
.prem_dclBanner .hd li.on:after{content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0,0,0,.45);}
.prem_dclBanner .hd img{display: block;width: 100%; border-radius: 0.4167em;}
.prem_gamesInfo{position: absolute;right: 0;top: 0;width: 19%;padding-top: 1em;font-size: 116.67%;line-height: 2em;color: #ffffff;height: 100%;word-wrap: break-word;overflow: hidden;}
.prem_dclBox{margin-bottom: 4rem;}
.prem_dclLine{position: absolute;bottom: 0;left: 3%; clear: both; width: 94%;height: 2px;background-color: #11121c;}
.prem_dclBox .prem_dclInfoBox:last-child .prem_dclLine{display: none;}
.prem_dclInfoBox{position: relative;width: 94%;min-height: 6.75em;padding: 2.25rem 3%;background-color: #1d1e39;overflow: hidden;}
.prem_dclInfo{position: relative;float: left; width: 46rem;height:6.75rem;background-color: #11121c;border-radius: 0.4167rem;overflow: hidden; }
.prem_dclInfo img{float: left;width: 21.02%;}
.prem_dclInfo span{float: right;width: 20%; color: #ffffff;line-height: 6.75rem;font-size: 1.334rem;cursor: default;}
.prem_dclInfo .prem_dclPrice{width: 55%;margin-left: 0.5%;}
/*20240118修改 20240222 修改*/
.prem_dclBuy{position: relative; float: right;margin-top: 2rem; width: 10.8334rem;height: 2.667rem;line-height: 2.334rem;text-align: center;font-weight: bold;color: #fff;border-radius: 5px;border: 2px solid #5346e7; font-size: 1.167rem;}

.prem_dclConfigure{position: relative;width: 100%;margin: 0.5em 0 2em;}
.prem_dclConfigure table{display: table; width: 100%;background-color: #1d1e39;color: #ffffff;font-size: 116.667%;text-align: center;box-sizing: border-box;}
.prem_dclConfigure table th,.prem_dclConfigure table td{padding: 0.9em 0.5em; border: 1px solid #11121c;cursor: default;}
/* 20230627新增 20240222 修改 */
.prem_exchangeTips{position: relative; width: 94%;margin: 0 auto 10px; color: #fff;text-align: right;font-size: 1.1667rem;overflow: hidden;}
/*20240118新增*/
.prem_dclResidue{position: absolute;top:70%;right: 3%;color: #ffffff;font-size: 1.1667rem;width: 10.8334rem;text-align: center;}



/*20220815 新增积分商城*/
.my_GHGpoint{position: relative;min-height: 2.6667em;}
.my_pointLine{display: block;width: 100%; height: 1.5em; border-bottom: 2px solid #11121c;margin-bottom: 1.5em;}
.my_pointText{position: relative;width: 80%;line-height: 2em;height: 100%;}
.my_pointText32{line-height: 2.667em;}
.my_pointText span{color: #9189f6;}
.my_pointText p{display: inline-block;vertical-align: middle;}
.my_pointBtnBox{position: absolute;top: 0;right: 0;height: 100%;}
.my_pointBtnBox:after,.my_pointText:after{content: "";display: inline-block;width: 0;height: 100%;vertical-align: middle;}
.my_pointBtn{ min-width: 10.56em;float: none;display: inline-block;vertical-align: middle;padding: 0 0.5em;overflow: visible;}
.my_pointImg{display: inline-block;vertical-align: middle;margin-right: 0.83334em;min-width: 6.58344em;}
.my_pointImg img{display: block;max-width: 100%;margin: 0 auto; border-radius: 5px;}
/*20230724新增*/
.my_pointRecharge i{display: inline-block;font-style: normal;min-width: 152px;padding-right: 20px;vertical-align: top;}
.my_pointRecharge em{display: inline-block;vertical-align: top;}



/* 20231101 修改合并到taskCenter页面中，不再做弹窗 因为要适应滚动条到具体像素，所以这里用px更合理 */
/* 20240603 修改 */
#taskCenter{min-width: 900px;}
.pop_pointTime{position: relative;font-size: 12px; width: 100%;box-sizing: border-box;color: #ffffff;line-height: 20px;margin: 0 auto 1.5rem;}
.pop_pointOrange{color: #fd9f02;font-size: 14px;}
.pop_pointBox{position: relative;width: 854px;height: 159px;margin:0 auto;}
.pop_pointLf,.pop_pointRg{position: absolute;top: 0;width: 107px;height: 100%; box-sizing: border-box;}
.pop_pointLf{left: 0;background-color: #31325a;}
.pop_pointGeneral,.pop_pointDay{background-color: #31325a;}
.pop_pointRg{right: 0;border-left: 2px solid #11121c;background-color: #404396;}
.pop_pointMain{position: relative;width: 640px;height: 100%;margin: 0 auto;background-color: #1f203a;overflow: hidden;}
.pop_pointTh,.pop_pointTd,.pop_pointTd2{position: relative; width: 105px;height: 39px;border-bottom: 2px solid #11121c;border-right: 2px solid #11121c;text-align: center;color: #fff;}
.pop_pointTh{line-height: 39px;font-size: 16px;}
.pop_pointTh.orange{color: #febd19;}
.pop_pointTd{height: 58px;}
.pop_pointTd2{height: 58px;background-color: #2a2860;border-bottom:0;}
.pop_pointLf .pop_pointTd::after,.pop_pointLf .pop_pointTd2::after,.pop_points::after{content: "";display: inline-block;width: 0;height: 100%;vertical-align: middle;}
.pop_pointLf p{display: flex;font-weight: 600;height: 100%;align-items: center;justify-content:center;}
.pop_pointCheckInBox{position: relative;width: 2887px;height: 159px;overflow: hidden;}
.pop_pointCheckInBox ul{position: relative;display: block; width: 2994px;}
.pop_pointDay li,.pop_pointGeneral li,.pop_pointPass li{float: left;}
.pop_pointDay li:last-child,.pop_pointGeneral li:last-child,.pop_pointPass li:last-child,#pointTotal,#pointRewards,#pointDay{border-right:0;}
.pop_pointGames{position: absolute;top: 26px;left: 50%;margin-left: -26px; width: 52px;height: 39px; background: url(../images/account/task_icon5.png) no-repeat;background-size: 100% 100%;z-index: 0;}
#pointTotal{background-color: #404396;}
#pointTotal:hover .pop_pointTips{display: block;}
.pop_pointTips{display: none;position: absolute;top: 12px;left: 90%;width: 200px;text-align: left;z-index: 5;}
.pop_pointTips em{display: inline-block; color: #fff;padding: 10px;text-align: left; border: 1px solid #fff; background-color: #1f203a;}
.pop_pointTips::before,.pop_pointTips::after{content: "";position: absolute;top: 10px;left: -18px;border-width: 6px 9px;border-style: solid;border-color: transparent #fff transparent transparent;}
.pop_pointTips::after{top: 11px;left: -14px;border-width: 5px 8px;border-color: transparent #1f203a transparent transparent;}
.pop_pointInfo{position: relative;width: 854px;margin: 15px auto;color: #fff;text-align: center;font-weight: 600;font-size: 12px; }
.pop_pointInfo em,.pop_pointInfo a{font-size: 18px;color: #ff005b;}
.pop_pointInfo a{text-decoration: underline;}
.pop_taskTips{display: grid;width: 100%;height: 100%;align-content: space-evenly;color: #fff;font-size: 1.1667rem;}
.pop_taskTips p{margin-bottom: 0.8rem;}
.pop_taskTips em{font-weight: bold;color: #ff005b;font-size: 1.334rem;}

.pop_pointClaim,.my_pointHistory,.my_pointExchange{display: block;cursor: pointer;background-color: transparent; width: 84.8%;height: 2.1667rem;text-align: center;border: 2px solid #5346e7; line-height: 1.8334rem; margin: 0.5em auto;box-sizing: border-box;}
.my_pointHistory span,.my_pointExchange span{font-weight: bold;color: #ffffff;}
.pop_pointClaim span{color: #fff;font-size: 14px;}
.pop_pointTd2 .pop_pointClaim span{color: #febd19;font-weight: bold;font-size: 14px;}
.pop_pointDisable,.pop_pointDisable:hover{background-color: #717ea7;border-color: #717ea7;cursor: not-allowed;}
.pop_pointDisable.btn:before{background-color: transparent;}
.pop_pointClaim{position: absolute;bottom: 18px;left: 7.6%;margin: 0;height: 26px;line-height: 22px;}
.pop_pointStore{position: relative;width: 70%;padding: 12px 24px;color: #ffffff;line-height: 14px; margin: 1.5em auto 0;background-color: #1f203a;border-radius: 5px;box-sizing: border-box;}
.pop_pointStore .my_pointBtnBox{right: 2em;}


/*积分订单表格*/
.my_pointNum{margin: 2em 0; color: #fff;font-weight: bold;}
.my_pointOrder{box-sizing: border-box;width: 100%;padding: 1em;background-color: #2a2860;margin: 2em 0 5em;}
.my_pointOrder table{width: 100%;}
.my_pointOrder th{padding: 0.83334em 0.5em;text-align: center;color: #978eff;font-size: 133.3333%;font-weight: normal; background-color: #2a2860;border: 1px solid #2a2860;}
.my_pointOrder td{padding: 0.83334em 0.5em;text-align: center;border: 1px solid #2a2860;background-color: #1f203a;}

/*积分商城 20231106修改*/
.my_pointSelect{position: relative; padding-top: 2.5em;width: 100%;min-height: 3em;z-index: 2;}
.my_pointGames{position: relative; float: left;width: 19em;height: 2.6667em;margin-right: 3em;}
.my_pointGames input{display: block;width: 100%;border: 1px solid #ffffff;text-indent: 0.8333em;padding-right: 2em;line-height: 2.5em;background-color: #1f203a; height: 2.6667em;box-sizing: border-box;color: #ffffff;}
.my_pointGames:after{content: "";position: absolute;top: 0.75em;right: 0;border-left: 0.83334em solid #ffffff;border-top: 0.5em solid transparent;border-bottom: 0.5em solid transparent;border-right: 0.83334em solid transparent;-webkit-animation: all 0.25s;animation: all 0.25s;}
.my_pointGames.on:after{-webkit-transform: rotate(90deg);transform: rotate(90deg);top: 1.25em;right: 0.8333em;}
.my_pointGames ul{display: none; position: absolute;top: 2.6667em;left: 0; width: 100%;border: 1px solid #ffffff;border-top: none;padding: 0.5em 0; min-height: 2.5em;max-height: 16em;overflow: hidden; background-color: #2a2860;box-sizing: border-box;}
.my_pointGames li{cursor: default; box-sizing: border-box;width: 100%;padding: 0 0.8333em;height: 2.5em;line-height: 2.5em;color: #ffffff;}
.my_pointGames li:hover{background-color: #1F203A;}
.my_pointHistory{float: left;width: 12em;margin: 0;}
.my_pointStore{width: 94.9%;margin: 0 auto;padding-top: 3em;}
.my_pointStore li{position: relative; float: left; width: 31.3333%;margin: 0 1% 5em;}
.my_pointStore li img{display: block;width: 100%;height: auto;-webkit-border-top-left-radius: 5px;-webkit-border-top-right-radius: 5px;border-top-left-radius: 5px;border-top-right-radius: 5px;}
.my_pointStoreTxt{position: relative;width: 100%;line-height: 1.6667em; box-sizing: border-box;padding: 0.3em 0.5em; background-color: #11121c;}
.my_pointExchange{width: 9em;margin: 0.6em 0 0.9em;}
#pop_pointExchange{width: 54.16667em;height: 37.5em;box-sizing: border-box;
  margin-left:-27.083334em!important;/*FF IE7 half of its width */
  margin-top:-15em!important;/*FF IE7 half of its height*/}
.pop_pointImg{position: absolute;left: 3em;top: 6.5em;width: 20em;}
.pop_pointImg img{display: block;width: 100%;}
.pop_pointContent{position: relative;margin-top: 2.3em;margin-left: 26em;width: 28em;color: #ffffff;line-height: 2em;}
.pop_pointContentTxt{position: relative;width: 100%;height: 22.8em;overflow: hidden;}
.my_pop,#pop_gamesCurrency{z-index: 100;}
#pop_notEnoughPoint .pop_profileText img,#pop_redeemFailed .pop_profileText img{vertical-align: -0.5rem;margin-right: 0.5em;}
.pop_pointPr label{float: left;width: 15%;line-height: 2.7143em;}
.pop_pointPr .pop_em{float: left;width: 85%;margin: 0;}
#pop_pointCode .pop_Btn{margin-left: 2.41667em;margin-top: 2em;}
.yellow{color: #fff832;margin-left: 0.5rem;}

/*平台币商城*/
.my_coinTxt{width: 93.2%;margin: 0 auto 1.5em;color: #ffffff;overflow: hidden; }
.my_coinBox{width: 100%;margin: 0 auto;overflow: hidden;}
.my_coinBox li{position: relative;float: left;width: 28.8%;min-height: 10em; margin-left: 3.4%;cursor: pointer;margin-bottom: 3em;}
.my_coinBox li:after{display: none; content: "";position: absolute;top: 1px;right: 1px;width: 1.6667em;height: 1.6667em; background:#5346E7 url("../images/account/gou.png") center no-repeat;}
.my_coinBox li.on .my_coinContent,.my_coinBox li:hover .my_coinContent{border-color: #5346E7;}
.my_coinBox li.on:after,.my_coinBox li:hover:after{display: block;}
.my_coinContent{position: relative; width: 100%;padding: 1.11667em 1.5em;min-height: 9rem; border: 1px solid #11121c; background-color: #11121c;box-sizing: border-box;}
.my_coinContent img{display: block;width: 27.3%;margin-top: 0.7rem;}
.my_coinContent .my_ghgPass{width: 33.7%;margin-top: 1.8rem;}
.my_coinNum{position: absolute;left: 42%;top:1.3em;}
.my_coinNum p{margin-top: 0.1em; font-size: 300%;font-weight: bold;color: #ffa100;line-height: 1.2em;}
.my_coinName{color: #ffffff;font-size: 116.6667%;}
.my_coinPrice{width: 100%;height: 1.8572em;line-height: 1.8573em;text-align: center; font-size: 116.6667%;background-color: #5346e7;}
.my_coinInfoLf,.my_coinInfoRg{float: left;font-size: 133.3334%;line-height: 3em;margin-bottom: 1em;}
.my_coinInfoLf{width: 20%;font-weight: bold;margin-right:1%;}
.my_coinInfoRg{width: 50%;}
.my_coinInfoRg u{color: #978eff;font-size: 87.5%;}
.my_coinInfoRg p{font-size: 87.5%;}
.my_coinInfoRg span{font-size:112.5%;color: #ffa100;font-weight: bold; }
.my_coinTips{display: block; color: #ff005b;margin-bottom: 1em;}
.my_coinNext{display: block; width: 9em;height: 2.2857em;line-height: 2em;text-align: center;color: #fff;border: 2px solid #5346e7; font-size: 116.667%;cursor: pointer;}
.my_passCard{position: absolute;top: 1px;left: 1px;background-color: #ff005b;color: #fff;padding: 0.3rem 1rem 0;text-align: center;border-top-right-radius: 0.83334rem;border-bottom-right-radius: 0.83334rem;}
.my_passCard span{display: inline-block;min-width: 5rem;font-size: 1.334rem;font-weight: bold;}
.my_coinLink{color: #ffa100;text-decoration: underline;}


/*动画*/
@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@-webkit-keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@-webkit-keyframes fadeInUp2 {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 20%, 0);
    transform: translate3d(0, 20%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInUp2 {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 20%, 0);
    transform: translate3d(0, 20%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@-webkit-keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}


@keyframes open {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(0.9);
  }
}

@-webkit-keyframes open {
  0% {
    -webkit-transform: scale(1);
  }
  100% {
    -webkit-transform: scale(0.9);
  }
}

/* 20230627修改 */
@keyframes coinScale {
  to{
    background-position: 0 -2964px;
  }
}
@-webkit-keyframes coinScale {
  to{
    background-position: 0 -2964px;
  }
}

/*礼包中心 20230627修改*/
.logged_giftPack{width: 100%;padding-top: 1em;}
.my_gamesLogo{position: relative;width: 92%;height: auto;margin: 1em auto;}
.my_gamesLogo .bd{position: relative;width: 100%;overflow: hidden;}
.my_gamesLogo .bd ul{float: left;width: 100%; overflow: hidden;}
.my_gamesLogo .bd li{float: left; width: 18.2%;margin-right: 2.2%;}
.my_gamesLogo .bd li:last-child{margin-right: 0;}
.my_gamesLogo .bd li img{display: block;width: 100%;border: 1px solid #000;background-color: #000000;border-radius: 0.8334em;box-sizing: border-box;}
.my_gamesLogo .bd li:hover img,.my_gamesLogo .bd li.on img{border-color: #fff;}
.my_gamesLogo .prev,.my_gamesLogo .next{position: absolute;top: 50%;margin-top: -1em; border: 1.1667em solid transparent;border-right-width: 2em;border-left-width: 2em;}
.my_gamesLogo .prev{left: -5em;border-right-color: #fff;}
.my_gamesLogo .prev:hover{border-right-color: #5346E7;}
.my_gamesLogo .next{right: -5em;border-left-color: #fff;}
.my_gamesLogo .next:hover{border-left-color: #5346E7;}
.my_giftPack{display: none;}
.my_giftBox{padding: 1.5em 3.1667em;}
.my_giftBox>.my_profileShop{margin-bottom: 2em;}
.my_giftBox>.gc_title{font-size: 116.667%;font-weight: normal;text-transform: uppercase;}
.my_giftBox>.gc_title:after{content: "";position: absolute;top: 0.3em;right: -2.3em;border-right: 0.8572em solid transparent;border-left: 0.8572em solid #978eff;border-top: 0.5em solid transparent;border-bottom: 0.5em solid transparent; }
.my_giftBox .my_pointStore{width: 100%;background-color: #11121c;box-sizing: border-box;padding: 2em 2% 0; margin-bottom: 4.5em;}
.my_giftBox .my_pointStore li{width: 23.68%;margin: 0 0.66% 2em;}
.my_pointStoreTxt p{overflow: hidden;text-overflow: ellipsis;word-wrap: normal;}
.my_giftMore{float: right;color: #978eff;}
.my_giftMore:hover{color: #fff;}
/* 20230926新增月卡专享 */
.my_pointPass,.my_pointPassOnly{margin: 0.3rem 0;width: 100%;padding: 0.5rem; background-color: #1f203a;margin-left: -0.5rem;}
.my_pointPass img{float: left; width: 24% !important;margin-right: 0.5rem;}
.my_pointPass s,.my_pointPass span{float: left;}
.my_pointPass span{color: #fff832;margin-left: 0.5rem;}
.my_pointPassOnly img{width: 44.55% !important;}



/*20221209新增*/
/*切换按钮 登出 弹窗*/
/*2024118新增 perip_addressFinsh*/
#logout_warning,#add_favorite_tips,#perip_addressFinsh{height: 19em;
  margin-top:-7.6em!important;/*FF IE7 half of its height*/}
#logout_warning .pop_title{color: #ff005b;}
#logout_warning .pop_bd{width: 88%;padding-top: 2em;}
.pop_txt2{color: #ffffff;line-height: 1.6667em;}
.pop_logoutBtn{width: 100%;text-align: center;margin-top: 2em;}
.pop_logoutBtn a{display: inline-block;margin: 0 2em;width: 6.5em;height: 2.2143em;color: #ffffff;font-size: 116.667%; background-color: #11121c; border: 2px solid #5346e7;text-align: center;line-height:1.9286em; }
.pop_logoutBtn .pop_logoutGrey{border-color: #1f203a;}
.pop_logoutBtn .pop_logoutGrey:hover{border-color: #fff;}
.pop_logoutGrey:before{background-color: #1f203a;}
#add_favorite_tips .pop_txt2,#perip_addressFinsh .pop_txt2{text-align: center;font-size: 1.6rem;padding-top: 1rem;}

/*20230224新增*/
/*预注册按钮弹窗*/
#pop_preRegister{width: 28em; height: 40em;margin-left:-14em!important;margin-top:-16em!important;/*FF IE7 half of its height*/}
.pop_preRegisterImg{width: 24.1667em;height:18.1667em; margin: 0.5em auto;}
.pop_preRegisterImg img{display: block;width: 100%; border-radius: 5px;}
.pop_preBd{width: 21em;margin: 1em auto 1em;color: #ffffff;font-size: 1.1667em;line-height: 1.7em;}
.pop_preName{color: #978eff;font-weight: bold;}
.pop_learnMore{display: block; width: 11.5em;height: 2.5em;line-height:2.2em; margin: 0 auto;text-align: center;font-weight: bold;color: #fff;border: 2px solid #5346e7;box-sizing: border-box; }


/*20231010修改mobile games*//* 20231204 新增APK包页面 */
.header_apk{position: relative;}
.header_apk::before{content: "";position: absolute;top: 0;right: 0;width: 6.5834rem;height: 1.5rem; background: url(../images/mobile/apkOff.png) no-repeat;background-size: 100% 100%; image-rendering: -webkit-optimize-contrast;}
.header_apk::after{content: "";position: absolute;top: 1.5rem;right: 5.5rem;border-width: 0.4rem 0.3rem;border-color: transparent;border-style: solid; border-top-color: rgba(255,0,91);}
.img{display: block; border-radius: 5px;width: 100%;}
.mobile_banner{position: relative;padding-top:1rem;margin-bottom: 2.5rem;}
.mobile_apkMore{position: absolute;top: 86%;right: 2%;;min-width: 7rem;text-align: center;height: 2.334rem;line-height: 2.334rem; font-size:1.334rem;color: #fff;border: 2px solid #5346e7;}
.mobile_apkMore:hover{color: #5346E7;border-color: #5346E7;}
.mobile_all{position: relative;width: 100%;padding: 4rem 2.33% 5rem;background-color: #1d1e39;box-sizing: border-box;}
.mobile_games{width: 100%;margin: 0 auto;overflow: hidden;}
.mobile_games li{position: relative; float: left; width: 31.466%;margin-left: 1.4005%; min-height: 10rem;background-color: #11121c;padding: 1.0834rem;margin-bottom: 4rem; box-sizing: border-box;border-top-left-radius: 5px;border-top-right-radius: 5px;}
.mobile_gIcon{float: left;width:15.57%;margin-right: 2.25%;margin-bottom: 1rem;margin-left: 2%;}
.mobile_gName{position: relative;width: 80%;margin-top: 0.6rem; float: left;color: #ffffff;font-size: 1.334rem;font-weight: bold;}
.mobile_gName:hover{color: #978eff;text-decoration: underline;}
.mobile_gTxt{float: left;width:80%;color: #85829f;font-size: 1rem;margin-top: 0.3rem; text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.mobile_gImg{clear: left;position: relative; display: block; width: 100%;margin: 1rem 0;}
.mobile_gDownload{position: relative;width: 100%;display: flex;justify-content:space-evenly;flex-direction: row;}
.mobile_google,.mobile_ios{display: block;width: 40.72%; height: 3.41667rem;}
.mobile_gDownload a,.mobile_gDownload a:hover{background-size: 100% 100%; image-rendering: -webkit-optimize-contrast;/*处理模糊的代码*/}
.mobile_google{ background: url("../images/mobile/google.png") no-repeat;}
.mobile_google:hover{background: url("../images/mobile/google2.png") no-repeat;}
.mobile_ios{background: url("../images/mobile/app_store.png") no-repeat;}
.mobile_ios:hover{background: url("../images/mobile/app_store2.png") no-repeat;}
.mobile_gDownload .eg_preRegister{min-width: 39%;padding: 0 0.5rem;font-size: 1.1667rem;height: 3.41667rem; font-weight: bold; color: #ffffff;line-height:3.0834rem;text-align: center;border: 2px solid #5346e7;box-sizing: border-box;}
.mobile_gDownload .eg_preRegister:hover{border-color: #ffffff;}
.mobile_apkBox{position: absolute;bottom: 0;left: 0;width: 100%;}
.mobile_apkBox img{pointer-events: none;display: block;width: 100%;}
.mobile_apk{position: absolute;top: 69%;left: 25.896%;width: 48.208%;height: 22.325%;background: url(../images/mobile/apk.png) no-repeat;background-size: 100% 100%;z-index: 2;}
.mobile_apk:hover{background: url(../images/mobile/apk2.png) no-repeat;background-size: 100% 100%;}
.mobile_apk em::before{content: "";position: absolute;left: 0.0834rem;top: 0.4167rem; width: 100%;height: 100%; background: url(../images/mobile/sub.png) no-repeat;background-size: 100% 100%;z-index: -1;-webkit-transform: rotate(-25deg);transform: rotate(-25deg);}
.mobile_apk em{position: absolute;top: -0.334rem;right: 0;width: 38.51%;height: 60%;padding-left: 17%;color: #fff;font-size: 1.1667rem;font-weight: bold;-webkit-transform: rotate(25deg);transform: rotate(25deg); box-sizing: border-box;}
.mobile_codeBox{position: absolute;top: 2%;left: 3.293%;width: 93.414%;height: 96%;text-align: center;}
.mobile_codeBox::before{visibility: hidden; content: ""; position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(27,27,27,.9);border-radius: 5px;z-index: 2;}
.mobile_codeInfo{display: none;position: absolute;top: 4%;left: 3%;line-height: 1.2;width: 94%;text-align: center;color: #fff;font-size: 1rem;z-index: 2;margin: 0 auto;}
.mobile_code{position: absolute;left: 0;right: 0;margin: 0 auto; bottom: 28%;width: 25.642%;height: 27.78%;background: url(../images/mobile/code.jpg) no-repeat;background-size: 100% 100%; z-index: 2;-webkit-transition: all 0.3s;transition: all 0.3s;}
.mobile_code{cursor:  url(../images/mobile/magnifier.png) 2 2, default;}
.mobile_close{display: none; position: absolute;top: 0.6rem;right: 0.6rem;width: 1.75rem;height: 1.75rem; background: url(../images/mobile/close.png) no-repeat;background-size: 100% 100%; image-rendering: -webkit-optimize-contrast;z-index: 3;}
.mobile_close:hover{background: url(../images/mobile/close2.png) no-repeat;background-size: 100% 100%; }
.mobile_codeBox.hover::before,.mobile_codeBox.hover .mobile_codeInfo,.mobile_codeBox.hover .mobile_close{display: block;visibility: visible;}
.mobile_codeBox.hover .mobile_code{bottom: 27%;width: 50%;height: 54.17%;cursor:  url(../images/mobile/magnifier2.png) 2 2, default;}
.mobile_gamesInfo{display: none; position: absolute;top: 2.94%;left: 3.293%;width: 93.414%;padding: 0.8rem 5%; border-radius: 5px;z-index: 2;color: #fff;background-color: rgba(27,27,27,.9);box-sizing: border-box;}
.mobile_gamesInfo::before{content: "";position: absolute;top: -1.3rem;left: 5%;border-width: 0.7rem 0.6rem;border-color: transparent;border-style: solid; border-bottom-color: rgba(27,27,27,.9);}
.mobile_gamesInfo.on{display: block;}
.mobile_faqBox{position: relative;width: 97.119%;margin: -3rem auto 0;}
.mobile_faqTitle{width: 76%; color: #978eff;font-size: 2rem;font-weight: bold;line-height: 2.5;margin-top: 2rem;}
.mobile_faqTxt{width: 76%; color: #fff;font-size: 1.334rem;line-height: 2.5rem;}
.mobile_apkTxt a{font-size: 1.167rem;color: #fff;line-height: 2rem;text-decoration: underline;}
.mobile_apkTxt a:hover{color: #978eff;}
#pop_apk{width: 54rem;height: 52rem;
  box-sizing: border-box;
  margin-left: -27rem!important;
  /*FF IE7 half of its width */
  margin-top: -20.8rem!important;
  /*FF IE7 half of its height*/}
#pop_apk .pop_userBox{width: 94%;margin: 1.5rem auto 0;height: 45rem;}
#pop_apkImg{display: block;max-width: 100%;margin: 0 auto;}





/* 20230518 新增task center -----20230627修改  20231101再修改  20240603 再修改*/
.my_taskTop{position: relative;padding: 1.5rem 2rem;color: #fff;width: 100%;min-height: 18rem;border-radius: 0.8334rem;background-color: #1f203a;margin: 1rem 0;box-sizing: border-box;}
.my_taskTitle{font-size: 5rem;font-weight: 600;padding-top: 1rem;}
.my_taskRt{position: absolute;top:0;right: 0;text-align: right;line-height: 2;font-size: 1rem;height: 100%;display: grid;align-content: space-evenly;}
.my_taskRt img,.my_taskTxt img{width: 3.5rem;vertical-align: middle;}
.my_taskBtnBox{position: absolute;bottom: 0.5rem;right: 0;}
.my_taskTxt{text-align: center;margin-bottom: 0.5rem;font-weight: bold;}
.my_taskCl{color: #fff832;font-weight: normal;text-align: center;margin-bottom: 0.5rem;}
.my_taskQuetion,.my_taskGift{position: absolute;top: 0.8rem;right: 0.8rem;width: 2.8334rem;height: 2.8334rem; border-radius:50%;border: 0.25rem solid #5346e7;box-sizing: border-box;overflow: visible;}
.my_taskQuetion::before,.my_taskGift::before{border-radius:50%;}
.my_taskQuetion:hover,.my_taskGift:hover{border-color: #fff;}
.my_taskQuetion span,.my_taskGift span{position: absolute;top: -0.25rem;left: -0.25rem;width: 2.8334rem;height: 2.8334rem; background: url(../images/account/quetion.png);background-size: 100% 100%;}
.my_taskGift{right: 4.3rem;}
.my_taskGift span{background: url(../images/account/gift.png) center no-repeat;background-size: 46%;}
.my_taskList{display: flex;flex-wrap: wrap;justify-content: space-between;width: 100%;margin: 1rem auto 2rem;}
.my_taskOption{position: relative;display: block;width: 49.5%;background-color: #1f203a;color: #fff;margin-bottom: 1.8rem; overflow: hidden;padding: 2.8rem 0.5rem 0.8rem 0.5rem;border: 1px solid #2a2860;box-sizing: border-box;border-radius: 0.41667rem; }
.my_taskOption::before{content: "";position: absolute;top: 0;left: 0;width: 100%;height: 2rem;background-color: #2a2860;}
.my_taskOption.green{border-color: #46e792;}
.my_taskOption.green .my_taskTxt{color: #46e792;}
.my_taskOption.green::before{background-color: #46e792;}
.my_taskOption.blue{border-color: #4baafb;}
.my_taskOption.blue .my_taskTxt{color: #4baafb;}
.my_taskOption.blue::before{background-color: #4baafb;}
.my_taskOption.purple{border-color: #bf66f9;}
.my_taskOption.purple .my_taskTxt{color: #bf66f9;}
.my_taskOption.purple::before{background-color: #bf66f9;}
.my_taskOption.yellow{border-color: #eec067;margin-left:0;}
.my_taskOption.yellow .my_taskTxt{color: #eec067;}
.my_taskOption.yellow::before{background-color: #eec067;}
.my_taskOption.red{border-color: #e75d46;}
.my_taskOption.red .my_taskTxt{color: #e75d46;}
.my_taskOption.red::before{background-color: #e75d46;}
.my_pointText2{position: relative;width: 76%;display: grid;grid-template-columns: auto 1fr;height: 100%;align-items: center;line-height: 2rem;}
.my_taskOption .my_pointBtn{min-width: 9rem;}
.my_taskOption .my_pointGet{border-color: #fda70f;}
.my_taskOption .my_pointGet:hover{border-color: #fff;}
.my_taskOption .my_pointGet::before{background-color: #fda70f;}
.my_taskOption .my_GHGpoint{height: 8rem;}



/* 20230524 新增多语言选择 language */
.lang_box{position: relative;width: 92%;margin-left: 8%; min-height: 42rem;padding: 3rem 0; display: flex;flex-wrap: wrap;align-content:flex-start;}
.lang_flag{ width: 28.333%;color: #fff;font-size: 1.5rem;margin: 0 1% 5rem 4%;font-weight: bold;line-height:1.5rem}
.lang_flag img{margin-right:0.5rem;vertical-align: text-bottom;}
.lang_flag:hover{color: #5346e7;}


/* 20230707 新增小游戏页面 */
.mini_title{position: relative;}
.mini_name{float: left;margin-right: 1rem;font-size: 1.5rem;line-height: 2.5rem;font-weight: bold;color: #fff;}
.mini_Class{float: left;position: relative;width: 19rem;height: 3rem;}
.mini_select{position: relative;width: 100%;height: 2.5rem;line-height: 2.5rem;padding: 0 2rem 0 0.8rem; color: #fff; border: 1px solid #fff;background-color: #1f203a; box-sizing: border-box;cursor: pointer;}
.mini_select::after{content: "";position: absolute;top: 0.75rem;right: 1rem;border-width: 0.8334rem 0.5rem 0 0.5rem; border-style: solid dashed dashed dashed; border-color: #fff transparent transparent transparent;}
.mini_selectBox{display: none; position: absolute;top:100%;left: 0;width: 100%;max-height: 15rem;overflow: hidden; box-sizing: border-box;background-color: #1f203a;z-index: 2;border: 2px solid #5346e7;}
.mini_selectBox li{padding: 0 0.8rem;color: #fff;line-height: 2.5rem;height: 2.5rem;box-sizing: border-box;cursor: pointer;}
.mini_selectBox li:hover{background-color: #5346e7;}
.mini_ul{margin-right: -2.8667%;margin-top: 1.5rem;}
.mini_ul li{position: relative; float: left;width: 13.8%;margin-right: 2.8667%;margin-bottom: 3rem;overflow: hidden;}
.mini_img{position: relative;display: block;overflow: hidden;}
.mini_img img{display: block;width: 100%;height: auto;-webkit-border-top-left-radius: 5px;-webkit-border-top-right-radius: 5px;border-top-left-radius: 5px;border-top-right-radius: 5px;}
.mini_img::before{content: ""; opacity: 0; position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0,0,0,.42);}
.mini_games{opacity: 0; position: absolute;top: 18.5%;left: 18.5%;width: 63%;border-radius: 50%;border:2px solid #fff;background-color: rgba(31,32,58,.58);-webkit-transform: translate3d(50%, 50%, 0);transform: translate3d(50%, 50%, 0);-webkit-transition: opacity 0.3s, transform 0.3s;transition: opacity 0.3s, transform 0.3s;}
.mini_games img{-webkit-transform: translate3d(-120%,-120%,0);transform: translate3d(-120%,-120%,0);-webkit-transition: opacity 0.3s, transform 0.3s;transition: opacity 0.3s, transform 0.3s;}
.mini_img:hover .mini_games,.mini_img:hover .mini_games img,.mini_img:hover::before{ opacity: 1;-webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0);}

/* 20230727 新增公告栏模块 和个人资料页面修改*/
.wrap_rgMain .logged_hornBg{width: 100%;}
.logged_hornBg{position: relative;margin: -2rem auto 3rem;;width: 87.2%;max-width: 1200px;min-width: 960px; height: 2.5rem;padding-left: 5rem; background: url(../images/account/horn_bg.png) left center no-repeat;background-size: 100% 100%; overflow: hidden;box-sizing: border-box;}
.logged_hornBg::after{content: "";position: absolute;top: 0.334rem;left: 0; width: 2.1667rem;height: 1.8334rem;; background: url(../images/account/horn.png) no-repeat;background-size: 100% 100%;}
.logged_hornInfo{position: absolute;top: 0;left: 3.6rem;width: 92%;}
.logged_hornInfo .bd li a,.logged_hornInfo .bd li{display: block; line-height: 2.5rem;font-size: 1.5rem;color: #fff;font-weight: bold;width: 100%;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.logged_hornInfo .bd li a{text-decoration: underline;}
.logged_hornInfo .bd li a:hover,.logged_hornInfo .bd li:hover{color: #978eff;}
.my_profileBox .my_pointLine{border-bottom-width: 1px;}
.my_profileGames{float: left; display: flex;width: 50rem;justify-content: flex-start;}
.my_profileGames img{display:block;width: 6.25rem;border-radius: 10px;margin-right: 2rem;}
.my_profileGames+.my_profileShop{margin-top: 1.8rem;}

/* 20230905 新增月卡专区 */
#pop_gamesCurrency .my_birthdayGames{margin-top: 1rem; margin-bottom: 2.8rem;}
#pop_gamesCurrency .pop_tips{top: -2.5rem;}
#pop_gamesCurrency .pop_Btn{margin-left: 3.8em;}
.my_monthlyFreeInfo{float: left;width: 76%; color: #fff;margin-bottom: 1.5rem;line-height: 1.5rem;}
.my_monthlyFreeInfo em,.pop_freeText em{color: #9189f6;font-size: 1.167rem;}
.pop_freeText{font-size: 1.167rem;color: #fff;text-align: center;line-height: 2;}

/* 20231018 新增游戏周边兑换页  20240618 删除.perip_main 的 overflow: hidden;*/
.perip_main{position: relative;width: 100%;padding: 3em 2%;min-height: 60em; background-color: #1f203a;border-radius:0.416667em;color: #ffffff; -webkit-box-sizing: border-box;box-sizing: border-box;}
.perip_topBox{position: relative;width: 100%;height: auto;margin-bottom: 3rem;}
.perip_banner{position: relative;width: 49.827%;}
.perip_banner .bd{position: relative;padding-left: 31.011%; width: 100%;box-sizing: border-box;}
.perip_banner .bd li{display: block; width: 100%;background-color: #fff;border-radius:0.416667em;overflow: hidden;}
.perip_banner .bd li img,.perip_banner .hd li img{display: block;max-width: 100%;margin: 0 auto;}
.perip_banner .hd{position: absolute;top: 0;left: 0;width: 28.572%;height: 100%;}
.perip_banner .hd li{display: block;width: 100%;height: 23.78%;margin-bottom: 3.8%;border-radius:0.416667em;overflow: hidden;cursor: pointer;}
.perip_infoBox{position: absolute;top: 0;right: 0;padding-top: 0.5%; width: 48.785%;height: 100%;box-sizing: border-box;}
.perip_infoName{display: block;color: #978eff;font-size: 2.334rem;line-height: 1;margin-bottom: 0.8rem;}
.perip_infoTime,.perip_infoLimit,.perip_infoPoint{font-size: 1.334rem;color: #fff;}
.perip_orange{color: #f69b03;}
.perip_infoLine{width: 100%;margin: 1rem 0;height: 1px; background-color: #393682;}
.perip_infoPoint{margin-bottom: 2rem;}
.perip_infoPoint span{position: relative;float: left;}
.perip_need{text-align: right;margin-right: 0.5rem;min-width: 7.334rem;}
.perip_pass{position: absolute;top: 120%;right: 0;width: 4rem;}
.perip_pass2{display: inline-block; width: 4rem;vertical-align: middle;}
.perip_passOnly{width: 7.334rem;}
.perip_pass img,.perip_pass2 img{display: block;width: 100%;}
.perip_passPrice{position: absolute;top: 120%;left: 0;}
.perip_passPrice s{color: #fff;}
.perip_infoStyle,.perip_infoSize{position: relative;width: 100%;height: 19.85%; padding-left: 22.065%;box-sizing: border-box;font-size: 1.334rem;}
.perip_infoStyleName{position: absolute;left: 0;top: 1.1rem;width: 22.065%;line-height: 2.334rem;color: #fff;text-align: right;}
.perip_infoStyle li{float: left; margin-top: 1.1rem;width: 17.352%;height: 2.334rem;background-color: #fff;color: #000;font-size: 1.334rem;line-height: 2.334rem;margin-left: 2.648%; text-align: center;cursor: pointer;}
.perip_infoStyle li:hover,.perip_infoStyle li.on{background-color: #5346e7;color: #fff;}
.perip_infoSize{margin-top: 0.5rem;height: 9.69%;}
.perip_infoSize .pop_tips{top: -2.3rem;}
.perip_infoSize select{margin-top: 1.1rem;margin-left: 2.648%;width: 17.352%;height: 2.334rem;line-height: 2.334rem;text-align: center;font-size: 1.334rem;border:0;}
.perip_infoSize section option{display: block; height: 2.334rem;line-height: 2.334rem;}
.perip_infoExchange{position: absolute;bottom: 8%;left: 50%;margin-left: -14.413%;width: 28.826%;height: 4rem;line-height: 3.667rem;color: #fff;font-size: 1.667rem;border: 0.1667rem solid #5346e7; text-align: center;box-sizing: border-box;}
.perip_infoExchange.out{cursor: not-allowed; background-color: #a0a0a0;border-color: #a0a0a0;border-radius: 0.41667rem;}
.perip_infoSurplus{position: absolute;bottom: 0;width: 100%;font-size: 1.334rem; text-align: center;color: #fff;}
.perip_content{position: relative;width: 100%;height: auto;box-sizing: border-box;overflow: hidden;}
/* .perip_productList,.perip_details{min-height: 30rem;background-color: #fff;border-top-left-radius: 0.41667rem;border-top-right-radius: 0.41667rem;box-sizing: border-box;}
.perip_productList{float: left;width: 22.0487%;padding: 0.334rem 0 4rem;}
.perip_details{float: right;width: 75.1736%;box-sizing: border-box;} */
/*跟随宽度100% 20240131修改*/
.perip_details{width: 100%;box-sizing: border-box;}
.perip_productName{width: 100%;padding-left: 5.91%;color: #11121c;font-size: 1.334rem;line-height: 4rem;margin-bottom: 0.5rem; border-bottom: 1px solid #11121c; box-sizing: border-box;}
.perip_productList li{position: relative;width: 100%;padding: 3.334rem 5.91% 1rem;box-sizing: border-box;margin-bottom: 0.5rem;}
.perip_productList li::after{content: "";position: absolute;bottom: 0;left: 5.91%;width: 88.189%;border-bottom: 1px dotted #1d1e39;}
.perip_productTag{position: absolute;top: 0.5rem;left: 5.91%;padding: 0.05rem 0.667rem; font-style: normal; color: #ff005b; border: 0.167rem solid #ff005b;border-radius: 0.4167rem;}
.perip_productImg{position: relative;display: block; width: 100%;overflow: hidden;border-radius: 0.4167rem;margin-bottom: 1rem;}
.perip_productImg img,.perip_details img{display: block;max-width: 100%;width: 100%; margin: 0 auto;}
.perip_productTxt{display: block; color: #1d1e39;font-size: 1.334rem;}
.perip_productTxt s{color: #1d1e39;}
a.perip_productTxt:hover{color: #5346e7;}
.my_perip .perip_main{padding: 2em 1.3%;}
.my_perip .perip_banner{width: 58.933%;}
.my_perip .perip_infoBox{width: 39.631%;}
.my_perip .perip_infoStyle,.my_perip .perip_infoSize{padding-left: 30%;}
.my_perip .perip_infoStyle li,.my_perip .perip_infoSize select{width: 28.13%;margin-left: 5.2%;}
.my_perip .perip_infoExchange{width: 41.97%;margin-left: -20.985%;}
.my_perip .perip_productList{width: 26.079%;}
/* .my_perip .perip_details{width: 71.87%;} */
.my_perip .perip_infoStyleName{width: 30%;}

/* 20240118 新增收货地址 */
#perip_address{width: 60rem;height: 55rem;
  box-sizing: border-box;
  margin-left: -30rem!important;
  /*FF IE7 half of its width */
  margin-top: -22rem!important;
  /*FF IE7 half of its height*/}
#pop_address{width: 96%;height: 45rem;overflow: hidden;padding-top: 3rem;margin: 0 auto;}
.pop_addressBox{position: relative;width: 91.667%;margin: 0 auto;padding-bottom: 1rem;}
.dept_select {display: block; width: 100%;}
.chosen-container{width: 100%;}
.pop_addressLb{position: relative;display: block; font-size: 1.1667rem;line-height:1.667rem;font-weight: bold;color: #fff;padding-left: 1rem;}
.pop_addressLb i{display: inline-block;font-size: 18px;margin-left: 0.2rem; font-weight: 900;font-style: normal; color: #f60158;}
.pop_addressLb span{font-weight: normal;}
.pop_addressInput{position: relative;width: 100%;margin: 1rem 0 2.5rem;}
.pop_addressInput input,.pop_addressInput textarea{position: relative;width: 100%;height: 3.334rem; line-height: 3.334rem;color: #fff;font-size: 1.1667rem;text-indent: 1rem; background-color: #1f203a;border-radius: 5px;border: 0;}
.pop_addressInput textarea:focus{background-color: #2a2860;border: 1px solid #fff;}
.pop_addressInput .pop_required.red{border: 1px solid #F60158;background-color: #1f203a;}
.pop_addressDetail{margin: 1rem 0;}
.pop_addressTips{display: none; position: absolute;top:110%;left: 1rem; color: #F60158;font-size: 1rem;}
.pop_addressNext{display: inline-block;margin: 0 3rem; width: 13.5rem;height: 4rem;line-height: 3.667rem;color: #fff;font-size: 1.667rem;border: 0.1667rem solid #5346e7; text-align: center;box-sizing: border-box;}
.pop_addressBtn{position: relative; margin: 0 auto;text-align: center;}
.pop_addressTips2{text-align: center;color: #F60158;font-size: 1rem;margin-bottom: 1rem;}
.pop_addressTxt{color: #ffffff;padding-left: 1rem;line-height: 2;}
.pop_country,.pop_city,.pop_province{display: none;}
.pop_addressList{display: none;}

/* 20240618 周边页新增导航栏样式 */
.perip_nav{display: none; position: -webkit-sticky;position: sticky;top: 4.8334rem; width: 100%;height: 5.1667rem;padding: 0.75rem 2%;line-height: 3.667rem; box-sizing: border-box;z-index: 2; background-color: #393682;margin-bottom: 2rem;}
.perip_obtenir{float: left; font-size: 1.8rem;font-weight: bold;margin-right: 2%;}
.perip_navPoint{float: left; font-size: 1.334rem;}
.perip_navPoint i{display: inline-block; width: 4rem;vertical-align: middle;}
.perip_navPoint i img{display: block;width: 100%;}
.perip_nav .perip_infoExchange{float: left; display: block; width: 14.96%;margin-top: 0.334rem;height: 3rem;line-height: 2.667rem; bottom: auto; position: relative;left: auto;margin-left: 3%;}
.perip_navTop{float: right;width: 3.667rem;height: 3.667rem;border-radius: 50%;border: 0.25rem solid #5346e7;}
.perip_navTop span{position: absolute;top: -0.25rem;left: -0.25rem;width: 3.667rem;height: 3.667rem;background: url(../images/account/top.png) no-repeat;background-size: 100% 100%;}
.my_perip .perip_nav{top: 0;}

/* 20240530 新增搜索框弹窗 */
#pop_search{position: fixed; width: 100%;height: 100%;box-sizing: border-box;padding-top: 3rem;overflow: auto;z-index: 99;}
.pop_searchMain{position: relative;width: 75rem;min-height: 50rem; margin: 0 auto;background-color: #11121c;padding: 3rem 1rem 2rem;}
#pop_search .pop_close{right: 2rem;}
#pop_searchBox{position: relative; max-height: 66rem;overflow: hidden;padding: 1px 0;}
.pop_search{position: relative;width: 78%;overflow: hidden;margin: 0 0 1.5rem 12%;padding-top: 1rem;}
.pop_search input{float: left; width: 94.586%;height: 3.08334rem;line-height: 2.9167rem;text-indent: 1rem;color: #fff;font-size: 1.334rem; border-radius: 5px 0 0 5px; background-color: #11121c;border: 1px solid #fff;box-sizing: border-box;}
.pop_search input::-webkit-input-placeholder{ /* WebKit, Blink, Edge */
  color: #616161;
}
.pop_search input:-moz-placeholder{ /* Mozilla Firefox 4 to 18 */
  color: #fff;
}
.pop_search input::-moz-placeholder { /* Mozilla Firefox 19+ */
  color: #616161;
}
.pop_search input:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #616161;
}
.pop_search img{float: left;width: 5.414%;}
.pop_searchBox{width: 98%;overflow: hidden;margin: 1rem auto;}
.pop_searchClassLf{float: left; width: 10%;text-align: right;color: #978eff;font-size: 1.1667rem;margin-right: 1.3%;}
.pop_searchClassRg{float: left;width: 88.6%;color: #fff;font-size: 1.1667rem;}
.pop_searchClassRg li{float: left;position: relative; width: 15.667%;margin-right: 1%;padding-left: 1.5rem;line-height: 1.6rem;cursor:default; box-sizing: border-box;}
.pop_searchClassRg li::before{content: "";position: absolute;top: 0.3rem;left: 0;width: 1rem;height: 1rem;background-color: #fff;}
.pop_searchClassRg li.checked::before{background: #22ac38 url(../images/account/gou.png) no-repeat;background-size: 100% 100%;}
.pop_searchLiner{border: 1px solid #1f2040;width: 90%;margin: 2rem auto;}
.pop_searchGamesList{ position: relative;width: 83%;margin-left: 12%;height: auto;padding-bottom: 1rem;}
.pop_searchGamesList a{position: relative; display: flex;justify-content: space-between; width: 100%;height: 5rem;margin-bottom: 1.5rem;}
.pop_searchGamesIcon{display: block;width: 8.033%;border-radius: 10px;}
.pop_searchGamesBox{width: 90%;height: 100%;display: flex;flex-direction: column;justify-content: center;}
.pop_searchGamesName{color: #9188f5;font-size: 1.5rem;}
.pop_searchGamesInfo{width: 100%; color: #fff;line-height: 2rem;}
.pop_searchTips,.pop_searchTips2{width: 90%;margin: 3rem auto;text-align: center;color: #fff;font-size: 2.2rem;}
.pop_searchTips2{font-size: 1.7rem;}
.pop_searchTips2 p{font-size: 1.5rem;font-weight: normal;}


/* 20240719 新增手游介绍页 */
.borderTop5{border-top-left-radius: 5px;border-top-right-radius: 5px;}
.border10{border-radius: 10px;}
.flex1{flex: 1;}
.imgBlock{display: block;width: 100%;}
.spaceBetween{display: flex;justify-content: space-between;}
.mobile_gamesClear::after{display: none;}
.mobile_gamesIntroBanner{position:relative;overflow:hidden;min-width:1000px;margin-bottom: 2rem;}
.mobile_gamesIntroBox{width: 73.334%;min-height: 30rem;}
.mobile_gamesOthers{width: 25.8334%;background-color: #1d1e39;min-height: 30rem;padding: 2rem 1.5%;box-sizing: border-box;}
.mobile_gamesIntro{position: relative;width: 100%;padding: 1rem 3%; background-color: #1d1e39; box-sizing: border-box;}
.mobile_gamesIntroRt{width: 19%;height: 100%;padding-top: 3.334rem; position: absolute;top: 0;right: 3%; z-index: 1;padding-bottom: 1rem;box-sizing: border-box;}
.mobile_gamesIntroRt::before{content: "";position: absolute;bottom: 1.25rem;left: 0; width: 2px;background-color: #11121c;height: 7.5rem;}
.mobile_gamesIntroRt div{display: flex;flex-direction: column;align-items: flex-end;height: 100%;justify-content: center;}
.mobile_gamesIntroIcon{margin-right: 1.5rem;width: 6.25rem;}
.mobile_gamesIntroName{font-size: 1.5rem;font-weight: bold;color: #fff;text-transform: uppercase;line-height: 3.334rem;}
.mobile_gamesIntroApk{position: relative;top: 0;left: 0;display: block; width: 12.334rem;height: 3.75rem;}
.mobile_gamesIntroApk em{font-size: 1rem;}
.mobile_gamesIntroApkBox,.mobile_gamesOthers a{display: flex;justify-content: flex-start;align-items: flex-end;}
.mobile_gamesINtroApkContent{max-width: 60%;}
.mobile_gamesIntroCode{position: relative;width: 8rem;height: 8rem;margin-left: 1rem;}
.mobile_gamesIntroCode .mobile_codeBox{top:-100%;left: -100%;width: 300%;height: 250%;}
.mobile_gamesIntroCode .mobile_codeInfo{top: 12%;}
.mobile_gamesIntroCode .mobile_code{width: 33.334%;height: 40%;bottom: 20%;}
.mobile_gamesIntroCode .mobile_codeBox.hover .mobile_code{width: 54.166%;height: 65%;bottom: 8%;}
.mobile_gamesIntroApkInfo{ color: #fff;font-size: 1rem; line-height: 1.334rem;margin-top: 0.5rem;}
.mobile_gamesIntroRt a,.mobile_gamesIntroRt a:hover{background-size: 100% 100%; image-rendering: -webkit-optimize-contrast;/*处理模糊的代码*/}
.mobile_gamesIntroRt a{width: 81.35%;margin-top: 1.1667rem;}
.mobile_gamesOthersName{color: #fff;font-size: 1.1667rem;line-height: 1.667rem;margin-bottom: 1rem;}
.mobile_gamesOthers img{display: block;width:27.376%;margin-right: 0.75rem;}
.mobile_gamesOthers a{margin-top: 2rem;}
.mobile_gamesOthers a:hover .mobile_gamesOthersName{text-decoration: underline;color: #978eff;}
.mobile_gamesOthersTitle{font-size: 1.5rem;color: #fff;}
.mobile_gamesIntroTop{margin-top: 0.8334rem;position: relative;width: 100%;padding: 1rem 0;min-height: 50rem; background-color: #1d1e39; box-sizing: border-box;}
.mobile_gamesIntroTxtBox{color: #fff;font-size: 1.1667rem;line-height: 1.5rem;width: 100%;padding: 1rem 3%;box-sizing: border-box;}
.mobile_gamesIntroTxtBox h2{font-size: 1.5rem;font-weight: bold;line-height: 2.5rem;}
.mobile_gamesIntroTxtBox h3{font-size: 1.334rem;line-height: 2rem;}
.mobile_gamesIntroTxtBox p{margin: 1.2rem 0;}
.mobile_gamesIntroApkBox .mobile_gDownload{justify-content: flex-start;}
/* 轮播图 */
.mobile_gamesSwiperBox{position: relative; width: 100%;height: 17rem;margin: 2rem auto 1rem;padding: 0 3%;box-sizing: border-box;}
.mobile_gamesSwiperInner{position: relative;width: 100%;height: 100%;}
.gamesSwiperBg{display: block;width: 43.1%;opacity: 0;}
.mobile_gamesSwiper{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.mobile_gamesSwiper .swiper-slide img{display: block;width: 100%;border-radius: 10px;}
.mobile_gamesSwiperBoth .swiper-button-prev,.mobile_gamesSwiperBoth .swiper-button-next{position: absolute;top: 50%;margin-top: -1.791667rem; width: 3.58334rem;height: 3.58334rem;background-color: #5346e7; border-radius:50%;border: 0.25rem solid #5346E7; z-index: 1;}
.mobile_gamesSwiperBoth .swiper-button-prev::before,.mobile_gamesSwiperBoth .swiper-button-next::before{border-radius: 50%;}
.mobile_gamesSwiperBoth .swiper-button-prev span,.mobile_gamesSwiperBoth .swiper-button-next span{position: absolute;top: -0.25rem;left: -0.25rem;width: 3.58334rem;height: 3.58334rem;background: url("../images/mobile/gamesIntroLt.png") no-repeat;background-size:100% 100%;}
.mobile_gamesSwiperBoth .swiper-button-prev:after,.mobile_gamesSwiperBoth .swiper-button-next:after{ display: none;}
.mobile_gamesSwiperBoth .swiper-button-prev{left: -2%;}
.mobile_gamesSwiperBoth .swiper-button-next{right: -2%;-webkit-transform: rotate(180deg);transform: rotate(180deg);}
.mobile_gamesSwiperBoth .swiper-button-prev:hover,.mobile_gamesSwiperBoth .swiper-button-next:hover{border-color: #ffffff;background-color: transparent;}
.mobile_gamesSwiper .mobile_gamesVideo{border-radius: 10px;overflow: hidden;}


/* 轮播弹窗 */
.gamesPop{position: fixed;top: 0;left: 0;bottom: 0;right: 0;background: rgba(0,0,0,.7); z-index: 99;}
.gamesPopSwiper{position: absolute;top: 15%;left: 14%; width: 72%;height: 70%;}
.gamesPopSwiper .swiper-slide img{ position: absolute;left: 50%;top: 50%;width: auto;height: auto; max-width: 100%;max-height: 100%;
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);}
.gamesPopSwiper .swiper-button-prev{left: 2%;}
.gamesPopSwiper .swiper-button-next{right: 2%;}



/*媒体查询要置底*/
@media screen and (max-width: 1500px) {
  .wrap_rgMain .mobile_codeInfo{font-size: 10px;}
  .wrap_rgMain .mobile_apk em{font-size: 1rem;}
  .my_perip .perip_infoTime{letter-spacing: -0.1rem;}
}
@media screen and (max-width: 1400px) {
  html,body,button,input,label,select,option,textarea,button,fieldset,legend,ins,sup{font:10px/1.5 Arial}
  .right_code{display: none;}
  /*20230627积分签到修改*/
  #pointTotal .pop_pointTips{left: -180px;text-align: right;}
  #pointTotal .pop_pointTips::before,#pointTotal .pop_pointTips::after{left:200px;;border-color: transparent transparent transparent #fff;}
  #pointTotal .pop_pointTips::after{left: 198px;border-color: transparent transparent transparent #1f203a;}
}