/*Reset*/
html{-webkit-text-size-adjust:none;}/*禁止ios客户端缩放*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {margin:0;padding:0;-webkit-text-size-adjust:none;}
table {border-collapse:collapse;border-spacing:0;}
fieldset,img { border:0;}
address,caption,cite,code,dfn,em,th,var {font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;}
q:before,q:after {content:'';}
abbr,acronym {border:0;}
a { cursor:pointer; }
.clearfix:after {visibility:hidden;display: block;font-size: 0;content:"";clear: both;height: 0;}
.clearfix { zoom:1;} 
.clear{ clear:both; font-size:0; height:0; overflow:hidden;}

body{color:#333333; background:#fff url(../images/bg.jpg) no-repeat center 0;}
body,button,input,select,textarea { font-size:12px; font-family:Tahoma,Helvetica,Arial,"microsoft yahei","Microsoft Yahei",sans-serif;}
a{color:#333333;text-decoration:none;}
a:hover {text-decoration: none;color: #186DC3;}
.wrap_w{ width:1200px;margin:0 auto;text-align:left;}

.topbar{ width:100%; height:40px; line-height:40px; border-bottom:1px solid #eeeeee; background:#F5F5F5; color:#ddd;}
.topleft{ float:left;}
.topleft a{ display:inline-block; color:#7c7c7c; margin:0 10px;}
.topleft a:hover,.topleft a.on{ color:#DC2D11
}
.topright{ float:right; color:#666;}
.topright a{ color:#7c7c7c; margin:0 10px;}
.topright a:hover{ color:#DC2D11
}

.header{ width:100%; height:100px;overflow:hidden;}
.header .logo{width:190px; height:60px; margin:20px 0 0 0; float:left; background:url(../images/logo.png) no-repeat 0 0;}
.header .logo a{display:block; width:100%; height:100%;}
.header-search{width:330px; margin:0 100px 0 200px; padding:20px 0;float:left;}
.searchbar{width:100%; overflow:hidden}
.searchstyle{ width:80%; height:29px; background:#fff; border:3px solid #DC2D11; margin-bottom:10px; float:left;display:inline-block;padding-left:2px;}
.searchstyle:focus{ outline:none}
.searchebtn{width:16%; height:35px;*height:34px; text-align:center; border:none; background:#DC2D11; display:inline-block; color:#fff; cursor:pointer;}
.searchebtn:focus{ outline:none;}
.searchhot{ height:18px; line-height:18px; overflow:hidden}
.searchhot span{ font-weight:bold; color:#7e7e7e; vertical-align:middle}
.searchhot a{ margin:0 10px 10px 10px; color:#7e7e7e}
.searchhot .hot{ color:#DC2D11
;}
.header-flash{width:370px; height:100px;float:right; text-align:right;overflow:hidden;}
.header-flash a{display:block;width:100%;height:100%;}
.header-flash img{display:block;width:100%;height:100%;object-fit:cover;}

.menu{background:#DC2D11;}
.menu ul{  height:50px; line-height:50px;}
.menu ul li{float:left;height:50px;}
.menu ul li a{ font-size:16px; color:#fff;padding:0 40px; display:block;height:50px;}
.menu ul li a:hover{background: #BE1A00;}
.menu ul li.cur{background:#BE1A00;}



.footer{padding:26px 0 32px;background:#1e2d47;margin-top:50px}
.f-links{height:22px;padding:0 0 16px 70px;border-bottom:1px solid #2c3d5a;position:relative}
.f-links span{width:70px;height:22px;display:block;line-height:22px;color:#aeb8ca;position:absolute;top:0;left:0}
.f-links .roll li{float:left;height:22px;line-height:22px;text-align:center;padding-right:15px;}
.f-links .roll li a{color:#aeb8ca;transition:all .5s ease}
.f-links a.more{width:50px;height:22px;display:block;text-align:center;line-height:22px;color:#666;position:absolute;top:0;right:0;transition:all .5s ease}
.infoot{height:110px;overflow:hidden;padding-top:18px}
.infoot .ifc{float:left;width:560px;padding-left:0}
.infoot .ifc p{color:#c6cfde;line-height:1.9;font-size:12px;}
.infoot .ifc p a{color:#c6cfde;transition:all .5s ease}
.infoot .ifc p span{color:#7f8da7;margin:0 12px;}
.infoot .ifr{float:left;width:170px;min-height:80px;padding:10px 0 0 90px;position:relative;}
.infoot .ifr p{font-size:12px;line-height:20px;color:#c6cfde;margin-top:0;text-align:left;}
.infoot .ifl{float:right;width:180px;height:52px;padding-top:4px;text-align:right;}
.infoot .ifl img{max-width:100%;height:auto;}


.crumbs {padding:20px 0;color:#999; font-size:14px;}
.crumbs em{ font-weight:bold;}

.page{width:auto; text-align:center;height:26px;padding:20px 0;display:block; overflow:hidden; line-height:26px;}
.page a,.page a:visited,.page a:active{ display:inline-block;height:26px; line-height:26px; font-size:12px; color:#666; padding:0 10px; font-family:Tahoma, Arial, Helvetica, sans-serif; background:#d8d8d8; text-decoration:none;overflow:auto; vertical-align:top; margin:0 2px;}
.page a:hover{ background:#DC2D11
;color:#fff;}
.page span{ background:#DC2D11
; color:#fff; font-weight:bold;height:24px; line-height:24px; font-size:12px; font-style:normal; display:inline-block;padding:0 10px 2px 10px; font-family:Tahoma, Arial, Helvetica, sans-serif; vertical-align:top; margin-right:4px !important;}
.page .pager-dot {background:none; color:#CCC;}

.col-auto{}
.col-auto h1.title{ font-size:24px; border-bottom:1px solid #eee; text-align:center; padding-bottom:10px; margin-bottom:15px;}
.col-auto .cons{ font-size:16px; line-height:1.9; min-height:500px;}



.mask{ position:fixed; background:#000; width:100%; height:100%;opacity:0.5; top:0; left:0; z-index:300; display:none;}
.login{ position:fixed; width:394px; height:430px; top:50%; left:50%; margin-top:-215px; margin-left:-197px; background:#fff; z-index:999; text-align:left; font-family:'\5b8b\4f53'; display:none;}
.login h3{background:#f7f7f7;font-size:14px; height:47px;line-height:47px; font-weight:bold; padding-left:20px;}
.login h3 .login_close{ font-size:24px; float:right; padding-right:15px; color:#CCC; font-weight:normal; cursor:pointer;}
.login p.tips{ font-size:12px; height:18px; padding:10px 0 10px 15px; color:#999;}
.login .formbox{ padding:0 20px;}
.login .formbox div{ margin-bottom:15px;}
.login .formbox .txtinput{display:block;position: relative;height: 16px;padding: 12px 10px 12px 10px;border: 1px solid #ddd; width:332px; font-size:14px;font-family:'\5b8b\4f53';}
.login .formbox #check{ vertical-align: middle;}
.login .formbox #sub{display:block;border: none;background: #DC2D11
; height:40px; line-height:40px;width:354px; cursor:pointer; font-size:16px; color:#fff;font-family:'\5b8b\4f53'; font-weight:bold;}
.login .formbox .login_m{}
.login .formbox .login_m .r{ float:right;}
.login .formbox .login_m .r a{ color:#DC2D11
;}
.login .login_else{ text-align:right; padding:0 20px 0 20px;}
.login .login_else a{color:#DC2D11
;}
.login .login_other{ padding:15px 20px 0 20px; border-top:1px solid #eee; margin-top:30px;}
.login .login_other ul{ padding:15px 0 0 0;}
.login .login_other li{ float:left; width:24px; height:22px; margin-right:10px; }
.login .login_other li a{ display:block; width:24px; height:22px;background: url(pass_login_icons.png) no-repeat 0 0;text-indent:-99999px;}
.login .login_other li#qq a{ background-position:-25px 0;}
.login .login_other li#weibo a{background-position:0 0;}

.reg{ position:fixed; width:394px; height:500px; top:50%; left:50%; margin-top:-250px; margin-left:-197px; background:#fff; z-index:999; text-align:left; font-family:'\5b8b\4f53'; display:none;}
.reg h3{background:#f7f7f7;font-size:14px; height:47px;line-height:47px; font-weight:bold; padding-left:20px; margin-bottom:20px;}
.reg h3 .reg_close{ font-size:24px; float:right; padding-right:15px; color:#CCC; font-weight:normal;cursor:pointer;}
.reg .formbox{ padding:0 20px;}
.reg .formbox div{ margin-bottom:20px;}
.reg .formbox div label{ font-size:14px; padding:0 5px 0 0; display:inline-block; width:50px; text-align:right; font-weight:bold;}
.reg .formbox .txtinput{display:inline-block;position: relative;height: 16px;padding: 12px 10px 12px 10px;border: 1px solid #ddd; width:270px; font-size:14px;font-family:'\5b8b\4f53';}
.reg .formbox .txtcode{display:inline-block;position: relative;height: 16px;padding: 12px 10px 12px 10px;border: 1px solid #ddd; width:157px; font-size:14px;font-family:'\5b8b\4f53';vertical-align: middle;}
.reg .formbox .reg_p img{ display:inline-block; vertical-align:middle; height:40px; border:1px solid #eee;}
.reg .formbox #check{ vertical-align: middle;}
.reg .formbox #sub{display:block;border: none;background: #DC2D11
; height:40px; line-height:40px;width:354px; cursor:pointer; font-size:16px; color:#fff;font-family:'\5b8b\4f53'; font-weight:bold;}
.reg .formbox .reg_m{}
.reg .formbox .reg_m .r{ float:right;}
.reg .formbox .reg_m .r a{ color:#DC2D11
;}
.reg .reg_else{ text-align:right; padding:0 20px 0 20px;}
.reg .reg_else a{color:#DC2D11
;}
.reg .reg_other{ padding:15px 20px 0 20px; border-top:1px solid #eee; margin-top:30px;}
.reg .reg_other ul{ padding:15px 0 0 0;}
.reg .reg_other li{ float:left; width:24px; height:22px; margin-right:10px; }
.reg .reg_other li a{ display:block; width:24px; height:22px;background: url(pass_login_icons.png) no-repeat 0 0;text-indent:-99999px;}
.reg .reg_other li#qq a{ background-position:-25px 0;}
.reg .reg_other li#weibo a{background-position:0 0;}


.wx_gift_ok{width:100%; height:100%;position:fixed; left:0; top:0; z-index:9999; text-align: left;}
.wx_gift_ok .mask_layer{background:#000;width:100%; height:100%;position:absolute; left:0; top:0; z-index:10;}
.wx_gift_ok .box{width:500px; height:300px; position:fixed; left:50%; top:50%; margin:-150px 0 0 -250px;  background:#fff;font-family:'Microsoft YaHei'; z-index:100;}
.wx_gift_ok .close{ font-size:28px; position:absolute; right:0px; top:0px; cursor:pointer; font-family:"宋体"; color:#fff; width:30px; height:30px; text-align:center; line-height:30px; background:#333;}
.wx_gift_ok .cons{ padding:30px;}
.wx_gift_ok .cons h5{font-size:16px; padding-top:40px; padding-bottom:15px;}
.wx_gift_ok .cons div{}
.wx_gift_ok .cons div p{ border:1px solid #ddd; height:45px; line-height:45px;display:inline-block; width:290px; padding:0 15px; vertical-align:top; font-size:14px;}
.wx_gift_ok .cons div .btns{ width:100px; height:45px; line-height:45px;display:inline-block; background:#DC2D11
; text-align:center; color:#fff;vertical-align:top;cursor:pointer;}
.wx_gift_ok .cons span{ font-size:16px; padding-top:15px; display:block;}



/* top */
.top{height:37px; text-align: right; line-height:37px; float: right; color:#ccc;}
.top a{color:#6c6c6c;}
.top a:hover{color:#1cbf62;}
.top a.red{color:#DC2D11
;}
.top .fl{ width:700px; overflow:hidden; height:37px;}
.top .fl div{color:#DC2D11
; margin-right:8px; float:right;}
.top .fl .nl{ width:250px;height: 37px; overflow:hidden;}
.top .fl #top_news_list{ width:250px; display:block; height:auto;}
.top .fl #top_news_list a{float: left;width: 250px;height: 37px;line-height: 37px;display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.top .fl #xguc_login_script{ width:auto;}
.top .fl #xguc_login_script .username{ width:120px; margin-right:0px;height: 37px; display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis; float:left;}
.top .fl #xguc_login_script .username_r{width:140px;height: 37px;}
.top .fl #xguc_login_script a{ margin-right:5px;}
.top .fl .admin{}

.top .fr a{ padding:5px 5px 5px 25px; background:#FF0;}
.top .fr a.a1{background:url(bg.gif) -222px 6px no-repeat;}
.top .fr a.a1:hover{background:url(bg.gif) -222px -25px no-repeat;}
.top .fr a.a2{background:url(bg.gif) -221px -60px no-repeat;}
.top .fr a.a2:hover{background:url(bg.gif) -221px -93px no-repeat;}
.top .fr a.a3{background:url(bg.gif) -222px -129px no-repeat;}
.top .fr a.a3:hover{ background:url(bg.gif) -222px -165px no-repeat;}
.top .fr a.none{ padding:5px 0px 5px 25px; background:url(bg.gif) -222px -200px no-repeat;}
.top .fr a.none:hover{background:url(bg.gif) -222px -236px no-repeat;}

/* Common hero-style header for non-index pages */
.common-hero-header{position:relative;overflow:hidden;background:#111;}
.common-hero-header-bg{position:absolute;inset:0;background:url('/Public/static/image/banner.png') center center/cover no-repeat;opacity:1;}
.common-hero-topbar{position:relative;z-index:2;height:50px;line-height:50px;border-bottom:1px solid rgba(61,125,255,.35);}
.common-hero-topbar .wrap_w{display:flex;justify-content:space-between;align-items:center;}
.common-hero-left{display:flex;align-items:center;gap:24px;}
.common-hero-logo{width:128px;height:32px;display:block;}
.common-hero-logo img{width:100%;height:100%;object-fit:contain;}
.common-hero-links a,.common-hero-right a,.common-hero-right span{color:#d7dceb;font-size:12px;margin-right:14px;}
.common-hero-right a:last-child{margin-right:0;}
.common-hero-menu{position:absolute;left:0;right:0;bottom:0;background:rgba(20,31,46,.92);z-index:2;}
.common-hero-menu-inner{position:relative;}
.common-hero-menu ul{height:56px;line-height:56px;display:flex;align-items:center;flex-wrap:nowrap;}
.common-hero-menu ul li{float:none;display:block;}
.common-hero-menu ul li a{font-size:15px;padding:0 34px;color:#fff;display:block;white-space:nowrap;}
.common-hero-menu ul li.cur{background:#f2381a;}
.common-hero-search{position:absolute;right:0;top:12px;width:142px;height:30px;background:rgba(255,255,255,.14);border-radius:14px;padding:0 10px;border:1px solid rgba(255,255,255,.12);color:#d8deec;}

/* Ensure inner pages keep new header style */
.common-hero-header .common-hero-menu{background:rgba(20,31,46,.92)!important;}
.common-hero-header .common-hero-menu ul{display:flex!important;align-items:stretch!important;flex-wrap:nowrap!important;padding:0!important;margin:0!important;list-style:none!important;}
.common-hero-header .common-hero-menu ul li{float:none!important;display:flex!important;align-items:stretch!important;margin:0!important;padding:0!important;}
.common-hero-header .common-hero-menu ul li a{color:#ccd4ea!important;display:flex!important;align-items:center!important;line-height:normal!important;padding:0 28px!important;height:56px!important;box-sizing:border-box!important;border-bottom:3px solid transparent!important;white-space:nowrap!important;}
.common-hero-header .common-hero-menu ul li.cur a{color:#fff!important;border-bottom-color:#2d6fff!important;}
.common-hero-header .common-hero-topbar .wrap_w{display:flex!important;justify-content:space-between!important;align-items:center!important;}

.gamelistbox{ width:1300px;}
.gamelistbox li{width:585px;border:1px solid #e5e5e5;position:relative;overflow:hidden;margin:0 25px 20px 0;float:left}
.gamelistbox li a img{ width:115px; float:left; padding:20px;}
.gamelistbox li .box01{ float:left; width:300px; padding-top:20px;}
.gamelistbox li .box01 span{ font-size:14px; display:block; padding-bottom:5px;}
.gamelistbox li .box01 span em{ margin-right:10px;}
.gamelistbox li .box01 span.tt{ font-size:18px;}
.gamelistbox li .box01 div{ display:none;}
.gamelistbox li .box02{ padding-top:20px;}
.gamelistbox li .code{ position:absolute;left:20px;top:20px; display:none;}
.gamelistbox li .code img{width:115px;}
.download02{ width:112px; height:65px; border:0; cursor:pointer; background:url(../images/bg.gif) 0 -557px; }
.download02:hover{width:112px; height:65px; border:0; cursor:pointer; background:url(../images/bg.gif) 0 -635px;}

/** login */
.hidden {
    display: none;
}
.login-register{position: relative;
    height: 32px;
    line-height: 32px;
    float: left;}

.login-register-link {
    border-right: 1px solid #e4e4e4;
    line-height: 12px;
    height: 12px;
    margin-top: 10px;
}
.login-register .trigger {
    display: inline-block;
    line-height: 1;
    color: #0078ff;
    outline: 0;
    padding-right: 10px;
}
/****/
address, caption, cite, code, dfn, em, var, i {
    font-style: normal;
    font-weight: normal;
}
input, textarea {
    outline: none;
    resize: none;
}


/* ===== 弹窗基础 ===== */
.g-pop{width:100%;height:100%;position:fixed;top:0;left:0;z-index:1000;display:none;}
.g-pop.active{display:block;}
.g-pop .m-mask{width:100%;height:100%;background:rgba(80,80,80,.6);position:absolute;top:0;left:0;}
.g-pop .m-box,.g-register-pop .m-register-box{
  position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);
  width:580px;max-height:92vh;overflow-y:auto;
  background:#fff;border-radius:20px;
  box-shadow:0 8px 40px rgba(0,0,0,.12);
  padding:52px 56px 44px;box-sizing:border-box;
  margin:0;height:auto;
}
.g-pop .link-close{
  display:block;width:36px;height:36px;position:absolute;top:20px;right:20px;
  background:none;font-size:0;z-index:5;
}
.g-pop .link-close::before,.g-pop .link-close::after{
  content:'';position:absolute;top:50%;left:50%;
  width:18px;height:2px;background:#bbb;border-radius:1px;
}
.g-pop .link-close::before{transform:translate(-50%,-50%) rotate(45deg);}
.g-pop .link-close::after{transform:translate(-50%,-50%) rotate(-45deg);}
.g-pop .link-close:hover::before,.g-pop .link-close:hover::after{background:#666;}

/* 标题 */
.pop-title{font-size:26px;font-weight:700;color:#1a1a2e;text-align:center;margin:0 0 48px;padding:0;border:none;background:none;}

/* 输入框 */
.pop-field{
  display:flex;align-items:center;
  border:1px solid #dfe2ea;border-radius:8px;
  height:56px;padding:0 20px;
  background:#fff;margin-bottom:28px;
  transition:border-color .2s;
}
.pop-field:focus-within{border-color:#7a8aff;}
.pop-icon{width:20px;height:20px;flex-shrink:0;margin-right:14px;fill:#ccc;}
.pop-prefix{color:#333;font-size:15px;margin-right:12px;flex-shrink:0;user-select:none;}
.pop-field input{
  border:none;background:none;outline:none;
  height:54px;width:100%;font-size:15px;color:#333;padding:0;
}
.pop-field input::placeholder{color:#b8bfcf;font-size:14px;}
.pop-field .error-msg{display:none;}

/* 安全码/验证码同行 */
.pop-field-row{display:flex;align-items:stretch;gap:12px;margin-bottom:28px;}
.pop-field-row .pop-field{margin-bottom:0;flex:1;min-width:0;}
.pop-field-flex{flex:1;}
.pop-code-btn{
  display:flex;align-items:center;justify-content:center;
  height:56px;padding:0 24px;
  border:1px solid #dfe2ea;border-radius:8px;
  background:#fff;color:#7a8aff;
  font-size:14px;white-space:nowrap;
  text-decoration:none;transition:border-color .2s;flex-shrink:0;
}
.pop-code-btn:hover{border-color:#7a8aff;}
.pop-code-btn.disabled{color:#ccc;}
.pop-captcha-img{height:56px;border-radius:8px;border:1px solid #dfe2ea;cursor:pointer;flex-shrink:0;}

/* 协议勾选 */
.pop-agree{display:flex;align-items:center;margin-bottom:0;}
.pop-agree .checkbox-optimize{
  display:inline-flex;align-items:center;cursor:pointer;
  margin:0;padding:0;background:none;border:none;width:auto;height:auto;
}
.pop-agree .icon-agree{
  width:20px;height:20px;border:2px solid #d0d4e0;border-radius:5px;
  background:none;margin-right:8px;display:inline-block;position:relative;
  background-image:none;flex-shrink:0;
}
.pop-agree .checkbox-optimize.active .icon-agree{background:#7a8aff;border-color:#7a8aff;}
.pop-agree .checkbox-optimize.active .icon-agree::after{
  content:'';position:absolute;top:2px;left:5px;
  width:6px;height:10px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg);
}
.pop-agree .agree-txt,.pop-agree .agree-txt.active{font-size:13px;color:#666;cursor:pointer;}
.pop-agree .agree-txt a{color:#7a8aff;}
.pop-agree .agree-txt a:hover{text-decoration:underline;}

/* 提交按钮 */
.pop-submit{
  display:block;width:100%;height:56px;
  background:#7a8aff;color:#fff;
  border:none;border-radius:10px;
  font-size:16px;font-weight:600;
  cursor:pointer;margin-top:44px;transition:background .2s;
}
.pop-submit:hover{background:#6070ee;}
.pop-submit-light{background:#d8dcf5;}
.pop-submit-light:hover{background:#7a8aff;}

/* 底部链接 */
.pop-footer-right{text-align:right;margin-top:28px;}
.pop-footer-right a{color:#aaa;font-size:13px;text-decoration:none;}
.pop-footer-right a:hover{color:#7a8aff;}
.pop-sep{color:#ddd;margin:0 8px;}
.pop-footer-center{text-align:center;margin-top:24px;}
.pop-footer-center .has-account{font-size:13px;color:#aaa;}
.pop-footer-center .ime-login{color:#7a8aff;font-size:13px;text-decoration:none;}

/* Tab胶囊 */
.tab-trigger-bar{
  display:flex;background:#f0f1f7;border-radius:28px;
  padding:4px;margin:0 0 44px;width:100%;box-sizing:border-box;overflow:hidden;
}
.tab-trigger-bar a{
  flex:1;text-align:center;height:48px;line-height:48px;
  font-size:15px;color:#666;border-radius:24px;
  background:none;padding:0;display:block;transition:all .2s;text-decoration:none;
}
.tab-trigger-bar a:hover{color:#333;}
.tab-trigger-bar a.active{background:#7a8aff;color:#fff;box-shadow:0 2px 8px rgba(122,138,255,.3);}

/* 注册表单区 */
.g-register-pop .form-box{padding:0;width:100%;overflow:visible;}
.register-tab-box{display:none;width:100%;}
.register-tab-box.active{display:block;}

/* 错误信息 */
.error-msg{color:#ff4d4f;font-size:13px;}
.registerpop-error{color:#ff4d4f;font-size:13px;text-align:center;margin-top:8px;}

/* 兼容旧JS选择器 */
.g-login-pop .form-box{padding:0;}
.g-login-pop .login-btn{display:none;}
.g-login-pop .title-bar,.g-login-pop .bottom-bar{display:none;}
/* 底部 */
.g-register-pop .box-bar{text-align:center;margin-top:24px;position:static;bottom:auto;right:auto;}
.g-register-pop .has-account{font-size:13px;color:#aaa;}
.g-register-pop .ime-login{color:#7a8aff;font-size:13px;text-decoration:none;}
.g-register-pop .registerpop-error{color:#ff4d4f;font-size:13px;text-align:center;margin-top:8px;}
  font-size:16px;font-weight:600;
  cursor:pointer;margin:40px 0 0;
  background-image:none;text-indent:0;
  transition:background .2s;
}
.g-register-pop .m-register-box .form-box .register-btn:hover{background:#7a8aff;}

/* 底部 */
.g-register-pop .box-bar{
  text-align:center;margin-top:24px;
  position:static;bottom:auto;right:auto;
}
.g-register-pop .has-account{font-size:13px;color:#aaa;}
.g-register-pop .ime-login{color:#7a8aff;font-size:13px;text-decoration:none;}
.g-register-pop .registerpop-error{color:#ff4d4f;font-size:13px;text-align:center;margin-top:8px;}

#notice{margin-left:30px;}
.success{color:green;}
.fail{color:red;}

.starwrap{color: #CCC;font-size: 14px;height: 18px;width: 100%;clear:both;}
.star {
    width: 76px;
    background-position: 0 -26px;
    display: inline-block;
}
.star, .star .star_num {
    height: 15px;
    background-size: 76px 15px;
    background-image: url(../images/star1.png);
    background-repeat: no-repeat;
}
.star .star_num {
    background-position: 0 0;
    width: 50%;
}

/* ===== 首页头部UI覆盖 ===== */
/* 662/1920 ≈ 34.5vw，容器高度跟随屏幕宽度动态缩放，最小500px最大800px */
.common-hero-header{position:relative;overflow:hidden;background:#0a0e1a;display:flex;flex-direction:column;justify-content:space-between;height:clamp(500px,34.5vw,800px);min-height:0;padding-bottom:80px;box-sizing:border-box;}
.common-hero-header-bg{position:absolute;inset:0;background:url('/Public/static/image/banner.png') center center/cover no-repeat;opacity:1;}

/* Banner 四周暗角遮罩 — 中心完全透明保持原图亮度，仅边缘渐暗 */
.common-hero-header::before{
  content:'';
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
  background:
    linear-gradient(to right, rgba(5,8,20,.92) 0%, rgba(5,8,20,.5) 12%, transparent 28%, transparent 72%, rgba(5,8,20,.5) 88%, rgba(5,8,20,.92) 100%),
    linear-gradient(to bottom, rgba(5,8,20,.6) 0%, transparent 18%, transparent 78%, rgba(5,8,20,.75) 100%);
}
.common-hero-header::after{display:none;}

/* 顶栏 */
.common-hero-topbar{position:relative;z-index:2;height:48px;line-height:48px;border-bottom:1px solid rgba(255,255,255,.1);}
.common-hero-topbar .wrap_w{display:flex;justify-content:space-between;align-items:center;}
.common-hero-left{display:flex;align-items:center;}
.common-hero-logo{display:flex;align-items:center;height:48px;margin-right:0;padding-right:16px;border-right:1px solid rgba(255,255,255,.15);}
.common-hero-logo img{height:30px;width:auto;object-fit:contain;}
.common-hero-links a{color:#ccd4ea;font-size:13px;padding:0 16px;display:inline-block;line-height:48px;border-left:1px solid rgba(255,255,255,.1);margin-right:0;}
.common-hero-links a:hover{color:#fff;}
.common-hero-right a,.common-hero-right span{color:#ccd4ea;font-size:13px;margin-right:6px;}
.common-hero-right a:hover{color:#fff;}

/* Hero 文案 */
.common-hero-main{position:relative;z-index:2;display:block;padding-top:30px;color:#fff;}
.common-hero-main-left{width:560px;}
.common-hero-main-left h2{font-size:50px;line-height:1.1;color:#ff3d5e;font-weight:900;margin-bottom:8px;}
.common-hero-main-left h3{font-size:44px;line-height:1.2;color:#fff;font-weight:800;margin-bottom:12px;}
.common-hero-main-left p{font-size:13px;color:#b8c2de;line-height:1.9;max-width:500px;}
.common-hero-main-left .hero-btn{display:inline-block;margin-top:20px;background:#2d6fff;color:#fff;font-size:14px;border-radius:22px;padding:10px 30px;}
.common-hero-main-left .hero-btn:hover{background:#1a55e0;color:#fff;}

/* Hero 底部卡片+资讯 */
.common-hero-main-detail{position:relative;z-index:2;display:flex;justify-content:space-between;align-items:stretch;margin-top:18px;min-height:200px;}
.common-hero-main-card{width:400px;height:auto;min-height:200px;overflow:hidden;position:relative;}
.common-hero-main-card img{width:100%;height:100%;object-fit:cover;}
.common-hero-card-mask{position:absolute;left:0;right:0;bottom:0;padding:12px 16px;background:linear-gradient(180deg,transparent,rgba(0,0,0,.65));text-align:center;}
.common-hero-card-title{font-size:30px;line-height:1;color:#e8f0ff;font-weight:800;letter-spacing:3px;}
.common-hero-card-sub{font-size:12px;color:#c8d8f4;letter-spacing:3px;margin-top:4px;}
.common-hero-card-btn{display:inline-block;margin-top:8px;background:rgba(228,236,255,.92);color:#3d5070;font-size:12px;line-height:28px;padding:0 28px;border-radius:2px;}
.common-hero-main-right{width:360px;height:auto;min-height:200px;background:rgba(15,20,38,.88);padding:14px 16px;}
.common-hero-main-right h3{font-size:20px;line-height:1;color:#fff;font-weight:700;margin-bottom:10px;}
.common-hero-feature{padding-bottom:8px;border-bottom:1px solid rgba(255,255,255,.1);margin-bottom:8px;overflow:hidden;}
.common-hero-feature h4{font-size:14px;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.6;}
.common-hero-feature p{font-size:12px;color:#8a9abf;line-height:1.7;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.common-hero-feature a{float:right;font-size:12px;color:#7a90c0;}
.common-hero-news{display:flex;flex-direction:column;}
.common-hero-news li{display:flex;align-items:center;gap:8px;padding:5px 0;border-bottom:1px solid rgba(255,255,255,.07);}
.common-hero-news li:last-child{border-bottom:none;}
.common-hero-news li em{font-style:normal;color:#fff;font-size:11px;padding:1px 6px;border-radius:2px;flex-shrink:0;}
.common-hero-news li em.notice{background:#2d6fff;}
.common-hero-news li em.activity{background:#f58a00;}
.common-hero-news li a{color:#c2cce6;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.common-hero-news li a:hover{color:#fff;}

/* 导航菜单 — 用!important覆盖inline style */
.common-hero-menu{background:rgba(10,15,30,.96)!important;margin-top:16px!important;}
.common-hero-menu ul{height:56px!important;line-height:normal!important;display:flex!important;align-items:stretch!important;}
.common-hero-menu ul li{display:flex!important;align-items:stretch!important;}
.common-hero-menu ul li a{color:#ccd4ea!important;font-size:14px!important;display:flex!important;align-items:center!important;height:56px!important;line-height:normal!important;padding:0 28px!important;border-bottom:3px solid transparent!important;box-sizing:border-box!important;white-space:nowrap;}
.common-hero-menu ul li a:hover{color:#fff!important;}
.common-hero-menu ul li.cur{background:none!important;}
.common-hero-menu ul li.cur a{color:#fff!important;border-bottom-color:#2d6fff!important;}