/*头部*/
.headtop{
    height: 40px;
    background: #333333;
    font-size:12px;
}
.mgl10 {
    margin-left: 10px;
}
.clear {
    clear: both;
    zoom:1}

.clear:before,.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}

.clearfix {
    zoom:1}

.clearfix:after {
    clear: both;
    overflow: hidden
}

.headtop .fl{float: left;}
.headtop .fr{float: right;}
.ico-1{ background:url(../images/ico-1.png) no-repeat;}
.t-left li a{ display:block; float:left; height:40px; line-height:40px; margin-right:10px; padding-left:15px;}
.t-left li.bgright,.t-right .bgright{ background:url(../images/bgright.png) right center no-repeat;}
.t-right li a{ display:block; height:40px; line-height:40px; margin-right:5px; }
.t-right li.login-h a{ width:auto; text-align:right; padding:0 5px 0 0;}
.t-right li.login-h a.t-log-out{width:auto; padding-right:10px; margin-right:10px;}
.t-left li a i,.t-right li a i{ display:block; float:left; width:14px; height:14px; margin:15px 4px 0 -15px;}
.webgame{ background-position: 88px -454px;}
.webgame i{ background-position:0 0;}
.webgame:hover i{background-position:0 -18px;}
.setindex i{ background-position:0 -500px;}
.setindex:hover i{background-position:0 -516px;}
.collect i{ background-position:0 -37px;}
.collect:hover i{background-position:0 -54px;}
.t-right{ width:500px;height:41px;}
.registet,.login{ background-position: 73px -454px;}
.registet i{ background-position:0 -74px;}
.registet:hover i{background-position:0 -94px;}
.login i{ background-position:0 -114px;}
.login:hover i{background-position:0 -132px;}
.t-right li a.allgame{width:75px; margin-right:0; background-position: 63px -184px;}
.t-right li a.t-log-name{ padding-left:20px; background-position: -18px -534px; padding-right:2px;}
.radialpagebg{background: radial-gradient(69% 120% at 50% 9%, #6F6556 0%, #333333 56%);width: 100%;height: auto}
.header {
    background: unset;
    height: 98px;
    position: relative;
    top: 0;
    z-index: 999;
}
.twrap, .wrapper {
    width: 1200px;
    position: relative;
    margin: 0 auto;
}
.topHeaderBlack {
    height: 40px;
    background: #21242B;
}
.header .baseOtherTopDetail{
    display: none;
}
.con {
    width: 1202px;
    margin: 0 auto;
    flex-wrap: wrap; /* 允许换行 */
}
.toptext{
    width: 1032px;
    height: 18px;
    color: #bfbfbf;
    font-size:0.75rem;
    padding-top: 15px;
    line-height: 100%;
    overflow: hidden;
    flex-basis: 100%; /* 强制占满整行 */
}
.headnav{
    width: 1202px;
    height: 80px;
    /*overflow: hidden;*/
    flex-basis: 100%; /* 强制占满整行 */
    display: flex;
    margin-top:10px;
}
.headnav .headerLogo{
    width: 300px;
    height: 60px;
    justify-content: left;
    margin-top: 16px;
}
.headnav .headerLogo img{height: 35px;}
.headnav .menu{
    width: 654px;
    height: 60px;
    justify-content: center;
}
.headnav .menu a{
    color: #ccc;
    line-height: 60px;
    display: inline-block;
    height: 60px;
    padding:0 10px;
    margin: 0 2px 0 2px;
    font-size: 16px;
    position: relative;
}
.headnav .menu a.active{
    color: #fff;
    font-weight: 600;
}

.headnav .menu a div{
    height: 4px;
    background: #FF9701;
    position: absolute;
    left: 0px;
    bottom:0;
    width: 100%;
    display:none;
}

.headnav .menu a div.primary-base{
    width: 50px;
}
.headnav .menu a div.active{
    display: inline-block;
}
.headdown{
    background:#FF9701;padding:10px 15px;font-weight: 600;font-size:14px;color:#333333;border-radius:22px;position: relative;top: 24px;left: 40px
}

.headerTopTogether{
    height: 65px;
    float: left;
    width: 180px;
    top:0;
}
.headerTopTogether img {
    display: inline-block;
    width: 156px;
}
.headrightbox{
    width: 320px;
    height: 80px;
    position: relative;
    right: 0;
    top: 0;
}
.rightLoginTip{
    justify-content: flex-end;
    height: 40px;
    display: flex;
    align-items: center;
    color: #fff;
    top:2px;
    right: 0px;
    position: relative;
}
.rightLoginTip .loginPage{left:25px;}
.rightLoginTip .langimg{margin:8px 0 0 0; vertical-align: top;}
.rightLoginTip .downLoadIcon {
    display: inline-block;
    width: 16px;
    height: 16px;
    background-image: url('../images/newIndex/ico_download.png');
    background-size: 100% 100%;
    margin-right: 8px;
}
.rightLoginTip .downLoadTextTip {
    color: #018FFF;
    margin-right: 41px;
    white-space: nowrap;
}
.rightLoginTip p {
    font-size: 12px;
    float: left;
    line-height: 40px;
}
.rightLoginTip .loginAvatarOut img {
    display: inline-block;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    margin-right: 16px;
}
.rightLoginTip .people_info{position: relative;}
.rightLoginTip .people_info .newPeople {
    display: flex;
    align-items: center;
}
.rightLoginTip .people_info img {
    display: inline-block;
    width: 26px;
    height: 26px;
    border-radius: 50%;
    margin-right: 6px;
    margin-top: 7px;

}
.rightLoginTip .people_info .red-dot {
    position: absolute;
    top: 24px;
    left: 18px;
    width: 10px;
    height: 10px;
    background-color: red;
    border-radius: 50%; /* 圆形 */
}
.rightLoginTip .login,.rightLoginTip .zhuce{color: #fff}
.userName{
    font-size: 12px;
    float: left;
    line-height: 40px;
    margin-right: 10px;
}

.mainHeaderTop {
    height: 95px;
}
.mainHeaderTop .con {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.searchContainerBox {
    float: right;
    width:140px;
    height: 36px;
    color: #FF9701;
    position: relative;
    top:12px;
    right: 0;
}
.searchContainerBox .searchIcon {
    display: inline-block;
    width: 20px;
    height: 21px;
    border-radius: 22px;
    background-color:#FF9701;
    position: absolute;
    right: 0px;
    top: 0px;
    padding: 11px;

}
.searchContainerBox input {
    height: 40px;
    line-height: 40px;
    width: 140px;
    text-indent: 16px;
    color: #FF9701;
    display: block;
    font-weight: 100;
    z-index: 999;
    border-radius: 22px;
    background: rgba(255, 151, 1, 0.16);
    border: none;
}
.searchContainerBox input::placeholder {
    color: #FF9701;
    font-size: 12px;
}
.headerTypeShow {
    display: flex;
    font-size: 16px;
    color: #fff;
    height: 74px;
    margin-left: -22px;
    position: relative;
    overflow: hidden;
    line-height: 40px;
    margin-top: 23px;
}
.typeAll a{
    max-width: 122px;
    /* min-width: 89px; */
    width: auto;
    padding: 0 10px 0 15px;
}

.mainHeaderTop .headerTypeShow .act_1 {
    /* left: 0%; */
    left: 0px;
    text-align: center;
    /* width: 52px; */
}
.mainHeaderTop .headerTypeShow .act_2 span:first-child {
    min-width: 35px;
}
.mainHeaderTop .headerTypeShow .act_2 {
    /* left: 32%; */
    /* left: 85px; */
    left: 99px;
    text-align: center;
    /* width: 52px; */
}
.mainHeaderTop .headerTypeShow .act_3 {
    left: 198px;
    /* left: 66%; */
    /* padding: 0 10px; */
    /* width: 52px; */

    text-align: center;
}
.typeAll a:hover{
color: #018EFF;
}
.typeAll .fh1{
    left: 25px;
}
.typeAll .fh2{
    left: 20px;
}
.typeAll .fh3{
    /* left: 20px; */
    /* left: 75px;
    top: 0px; */
    /* top: -103px; */
    /* position: absolute; */
    position: relative;
    left: 20px;
}
/* .typeAll a{
    max-width: 122px;
    min-width: 89px;
} */
.typeAll{
    position: relative;
    width: 250px;
}
.headerTypeShow>a {
    display: inline-block;
    /* width: 78px; */
    width: auto;
    padding: 0 12px 0 12px;
    max-width: 122px;
    /* min-width: 89px; */
    height: 100%;
    overflow: hidden;
    position: relative;
    cursor: pointer;
    /* padding: 0 23px; */
    text-align: center;
    color: #b2b3ba;
    /* overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis; */
    /* border: 1px solid red; */
}
.headerTypeShow a span{
    float: left;
    display: inline-block;
    max-width: 133px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 18px;
    /* min-width: 42px; */
    /* display: flex;
    align-items: center;
    justify-content: center; */
    /* border: 1px solid red; */
}
.headerTypeShow .h-menu:after{
top: -1px;
}
.i-line{
    color: #D6DCE9;
    position: relative;
    /* left: -25px; */
}
/* .headerTypeShow>a::after {
    content: '/';
    position: relative;
    right: 23px;
    top: 0;
    color: #D6DCE9;
} */
.headerTypeShow>a:last-child::after {
    display: none;
}
.newPlayIcon  {
    display: inline-block;
    width: 30px;
    height: 20px;
    background-image: url('../images/newIndex/ico_new.png');
    background-size: 100% 100%;
    position: absolute;
    /* right: 14px; */
    right: 1px;
    top: 13px;
}
.headerTypeShow .active {
    color: #ff4c4c;
    background-color: transparent;
}
.headerTypeShow>a:hover {
    color: #ff4c4c;
}
.headerTypeShow .active::before {
    content: '';
    display: inline-block;
    width: 20px;
    height: 3px;
    background: linear-gradient(90deg, #ff4c4c 0%, #ff4c4c 100%);
    /* position: absolute;
    bottom: 0;
    left: 0; */
    position: relative;
    top: 60px;
    display: flex;
    margin: 0 auto;
}
.headerTypeShow a::before {
    content: '';
    display: inline-block;
    width: 20px;
    height: 3px;
    background: rgba(255, 255, 255, 0.1);
    /* position: absolute;
    bottom: 0;
    left: 0; */
    position: relative;
    top: 71px;
    display: flex;
    margin: 0 auto;
}
.headerTypeShow .h-menu .active::before {
    content: '';
    display: inline-block;
    width: 34px;
    height: 3px;
    background: linear-gradient(
90deg, #005AFF 0%, #018FFF 100%);
    position: relative;
    top: 71px;
    display: flex;
}
.headerTypeShow .h-menu .active{
    top:0px !important
}
.headerTypeShow .i-line{
    width: 2px;
    height: 28px;
    background: url(../images/index/navLine.png) no-repeat;
    display: block;
    margin: 0 12px;
    float: left;
    top:8px;
}
.headerTypeShow a:after{
    position: absolute;
    /* top: -107px; */
    top: 3px;
    /* right: -3px; */
    right: 0px;
    content: '';
    /* padding-right: -49px;
    margin-right: -82px; */
    width: 8px;
    height: 16px;
color: #D6DCE9;
}
.wei:after {

    left: 118px !important;

color: #D6DCE9;
  }
.js_usermune2 a:after{
    position: relative;
    top: -106px;
    left: 46px;
    content: ' ';
    width: 8px;
height: 16px;

}
/* .headerTypeShow .js_usermune2:after{
    position: relative;
    top: -80px;
    left: 46px;  
    content: '/';    
    width: 8px;
height: 16px;  
color: #D6DCE9;
} */

.h-w{
    float: left;
    position: relative;
    top: 3px;
    max-width: 78px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    min-width: 42px
}
.h-menu {
    display: block;
    text-align: center;
    margin-top: -6px;
    position: relative;
    top: 0px;

}
.main_menu{color: #7a7a7a; line-height: 22px; padding: 12px 0px;}
.main_menu a{color: #7a7a7a;  padding:2px 4px; display: inline-block;}
.main_menu a:hover{background:#f0f0f0;}
.main_menu .gt{width: 12px; height: 12px; margin-bottom: -2px; background: url('../images/gtwo.png') center 100% no-repeat; background-size: 100%; display: inline-block; overflow: hidden;}
.maindesc{color: #bfbfbf; line-height: 18px; font-size:0.75rem;}

.footer {
    padding:12px 0 0 0;
    position: relative;
    /* min-height: 342px; */
    min-height: 130px;
    background: #303136;
    margin-top: 30px;

}
.footer .friendLinkModal {
    width: 100%;
    min-height: 47px;
    height: auto;
    background: #FFFFFF;
    line-height: 22px;
}
.linkMainBody {
    display: flex;
    flex-wrap: wrap;
    color: #737B8A;
    font-size: 12px;
    height: auto;
    padding-top: 14px;
}
.linkMainBody .defaultLinkText {
    margin-right: 25px;
}
.linkNameCollect {
    width: 93%;
}
.linkNameCollect a{
    margin-right: 18px;
    color: #737B8A;
}
.finalModalBlack {
    min-height: 188px;

}
.logoAttendModal{
    display: flex;
    justify-content: space-between;
    height: 91px;
    border-bottom: 1px solid #2A2E3D;
}
.logoAttendModal img {
    display: inline-block;
    width: 218px;
    height: 62px;
    margin-top: 15px;
}
.footer-cooperate {
    display: flex;
    align-items: center;
}
.footer-cooperate a {
    display: inline-block;
    color: #FFFFFF;
    font-size: 14px;
    /* width: 115px; */
    height: 15px;
    line-height: 15px;
    border-right: 1px solid #737B8A;
    text-align: right;
    padding: 0 30px;
}
.footer-cooperate a:last-child{
    padding: 0 0 0 30px;
}
.footer-cooperate a:last-child {
    border-right: none;
}
.footer-cooperate a:hover {
    color: #018FFF;
}
.reportTipGameModal {
    height: 96px;
    text-align: center;
    border-bottom: 0px solid #2A2E3D;
    color: #737B8A;
    line-height: 30px;
    box-sizing: border-box;
    padding-top: 18px;
    font-size: 12px;
}
.finalTipText {
    color: #737B8A;
    margin-top: 20px;
    text-align: center;
    font-size: 12px;
}
.reportTipGameModal span {
    margin-right: 13px;
}
.reportTipGameModal a {
    color: #737B8A;
    margin-right: 8px;
}
.reportTipGameModal a:hover {
    color: #018FFF;
}
.hover_modal {
    width: 112px;
    height: 247px;
    border: none;
    background-color: transparent;
    bottom: 60px;
    right:16%;
}

@media (max-width: 1300px) {
    .hover_modal {
        right: 0%;
    }
}
.hover_modal .off_accounts{
    background: #fff;
    border-radius: 5px;
    width: 112px;
    height: 156px;
    text-align: center;
    border-radius: 5px;
    box-shadow: 1px 3px 1px 1px rgba(0,0,0,0.1);
}
.off_accounts .codeimg{padding-top: 6px;}
.hover_modal .codename{margin-top: 10px; font-size: 12px; line-height: 180%;}
.hovergotop{
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #f0f0f0;
    text-align: center;
    cursor: pointer;
    position: relative;
    margin-left: 35%;
    margin-bottom: 10px;
}
.hovergotop:hover{background: #c1c1c1;}
.hovergotop .backTopIcon {
    background-image: url('../images/gtop.png');
}
.hoverFixedItem {
    width: 58px;
    height: 58px;
    background-color: #fff;
    border: 1px solid #DDDDDD;
    border-radius: 5px;
    margin-bottom: 5px;
    line-height: 58px;
    text-align: center;
    cursor: pointer;
    position: relative;
}
.hoverFixedItem:last-child {
    margin-bottom: 0;
}
.sameRightIcon {
    display: inline-block;
    width: 30px;
    height: 30px;
    background-image: url('../images/newIndex/line-line.png');
    background-size: 100% 100%;
    margin-top: 5px;
}
.qqIcon {
    background-image: url('../images/newIndex/fb.png');
}
.sameRightIcon.wechatIcon {
    background-image: url('../images/newIndex/ico-wechat-n.png');
}
.backTopIcon {
    background-image: url('../images/gtop.png');
}
.now.hoverFixedItem {
    background: linear-gradient(90deg, #005AFF 0%, #018FFF 100%);
}
.hoverFixedItem:first-child:hover .sameRightIcon{
    background-image: url('../images/newIndex/line-line2.png');
}
.now.hoverFixedItem .qqIcon {
    background-image: url('../images/newIndex/fb2.png');
}
.now.hoverFixedItem .backTopIcon {
    background-image: url('../images/gtop.png');
}
.now.hoverFixedItem .sameRightIcon.wechatIcon {
    background-image: url('../images/newIndex/ico-wechat-s.png');
}
.hoverServiceModal {
    display: none;
    width: 192px;
    height: 60px;
    background: linear-gradient(90deg, #005AFF 15%, #018FFF 100%);
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    color: #fff;
    font-size: 16px;
    line-height: 58px;
    position: absolute;
    left: -191px;
    top: -1px;
}
.hoverServiceModal a{
    color: #fff;
}
.hoverServiceModal a:hover{
    color: #fff;
}
.now.hoverFixedItem:first-child{
    background: #018FFF;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-color:#018FFF ;
}
.now.hoverFixedItem:nth-child(2){
    background: #018FFF;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-color:#018FFF ;
}
.now.hoverFixedItem:nth-child(3) {
    border-color: transparent;
}
.qqContactBox {
    display: none;
    width: 130px;
    height: 140px;
    background: linear-gradient(90deg, #005AFF 0%, #018FFF 100%);
    border-radius: 5px;
    line-height: 30px;
    position: absolute;
    left: -145px;
    top: 0;
}
.qqContactBox img {
    display: block;
    width: 100px;
    height: 100px;
    border-radius: 5px;
    margin: auto;
    margin-top: 10px;
}
.qqContactBox span {
    font-size: 12px;
    color: #fff;
}
/* 页游 */
.yeyou-game_page {
	margin-top: 114px;
}
/* 礼包 */
.bag_banner {
    margin-top: 114px;
}
/* 充值 */
.invest_mon_con.layui-container {
    margin-top: 24px;
}
.userinfo_con{
    margin-top: 34px !important;
}
.news_con{margin-top: 135px !important;}
.serviceIndex-page {

    margin-top: 24px !important;
}
.bag_detail.layui-container{
    margin-top: 24px !important;
}
.new_detail_con.layui-container{
    margin-top: 114px !important;
}
.footernav_html{
   margin-top: 25px;
}
.user_account{
    color:#d6dce9;
}
.user_account:hover{
    color:#e8e8e8;
}
#goToRefer:hover{
    color:#737B8A;
    cursor: default;
}

/* pc官网开服 */
.openService{
    width: 100%;
    background: #2B1812;
    margin-top: 115px !important;
    float: left;
    /* padding-bottom: 70px !important; */
    height: auto;
    min-height: auto !important;
}
.img_bg_kaifu{
    width: 100%;
    height: 100%;
    /* background: #2B1812; */
    /* background-image:linear-gradient(to top, rgba(255,255,255,0.5), rgba(255,255,255,0)), url("/static/images/img_bg_kaifu.png"); */
}
.img_bg_kaifu{
    position: absolute;
    width: 100%;
}
.serviceContainer1{
    position: relative;
    /* top: 230px; */
    background: #FDE1BD;
    border: 2px solid #A02423;
    box-shadow: 0px 0px 20px 0px rgba(28, 33, 49, 0.6);
    /* margin-bottom: 230px !important; */
}
.tablebox{
    margin: 7px;
    border: 1px solid rgb(160,36,35,0.5);
    font-family: 'Microsoft YaHei';
}
.tablebox table tr th{
    font-size: 15px;

font-weight: 400;
color: #F9EDB6;
    height: 42px;
background: linear-gradient(180deg, #AB3A1B, #C56124);
text-align: left;
    padding-left: 42px;
}
.tablebox table tr td{
    height: 50px;
    text-align: left;
    padding-left: 42px;
    max-width: 230px;
    font-size: 13px;
    font-weight: 400;
    color: #BE4833;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;

}
.tablebox table tr{
    background: rgb(252,218,174)
}
.tablebox table tr:hover{
    background: #FFF1DF !important;
}
.color_blue{
    color: #018FFF;
}
.color_blue:hover{
    color: #018FFF;
}
.tablebox table tr:nth-child(odd){
    background:#FDE1BD;
}
.pageSy{
    width: 100% !important;
}

.footer .footer_logo{
    margin:5px 20px 0 0;
    width: 126px;
    float: left;
    height: 120px;
}
.footer .footer_logo img{height: 32px;}
.footer .footer-text{
    width:880px;
    display: flex;
    float: left;
    height: 110px;
    align-items: center;
    flex-wrap: wrap;
    margin:5px 0 0 0;
}
.footer .footer-text a{color: #fff; font-weight: 700; display: inline-block; font-size: 0.72rem; width: 208px; height: 18px; margin:0;}

.title-h3{height: 30px;}
.title-h3 h3{height: 30px;line-height: 30px;font-size: 19px;font-weight: 700;position: relative;border-bottom: 0px solid #ccc;}
.title-h3 h3 span i{height: 8px;background: url("../images/newIndex/underline.png") left center no-repeat; display: inline-block;position: absolute;left: -8px;bottom: -2px; z-index: -1;}
.title-h3 h3 em a{font-size: 14px;color: #333;float: right;position: relative;top: 3px;transition: color .3s;}
.title-h3 h3 em a:hover{color: #ff3b43;}
.title-h3 h3 em a i{width: 20px;height: 20px;background: url(../images/newIndex/icon_next.png) no-repeat left center;display: inline-block;position: relative;top: 4px;margin-left: 8px;}
.title-h3 h3 em a:hover i{}
.title-h3 h3 em{font-style: normal;}
.newsbox{
    margin-top: 80px;
}
.newsbox .newslist{
    margin-top: 40px;
}
.newsbox .newslist .nrow{
    padding:0px 0;
    height: 38px;
    width: 100%;
    display: flex;
}
.newsbox .newslist .nrow .icon{width: 44px; text-align: center; height: 20px; margin-right: 14px; font-size: 14px; font-weight:700; background:#e3ff34; color: #262626; border-radius: 2px;}
.newsbox .newslist .nrow .title{width: 912px; overflow: hidden;  font-weight:700;  font-size:0.8rem;}
.newsbox .newslist .nrow .author{width: 48px; margin-left: 20px; height: 19px; line-height: 19px; text-align: center; font-size:0.7rem; background: #f5f5f5; border-radius: 12px;}
.newsbox .newslist .nrow .time{width: 52px; text-align: right; font-size:0.7rem; color: #595959;}


.topgames{margin-top:80px; width: 100%; height: 100%; overflow: hidden; position:relative;}
.topgames .gamelist{margin:6px 0 0 0;}
.topgames .gamelist .row{width: 333px; height: 60px; margin:22px 0 0 16.5px; display: flex; float: left; position:relative;}
.topgames .gamelist .row.first{margin-left:0;}
.topgames .gamelist .row .gameicon{margin-right: 12px;}
.topgames .gamelist .row .gameicon img{border-radius: 6px; width: 54px; height: 54px;}
.topgames .gamelist .row .title{width:180px; height: 21px; margin-top:8px; overflow: hidden;  white-space: nowrap; text-overflow: ellipsis; font-size: 0.8rem; font-weight: 700; color: #262626;}
.topgames .gamelist .row .onedes{width:180px; height: 18px; overflow: hidden;  white-space: nowrap; text-overflow: ellipsis; font-size: 0.75rem; color: #595959;}
.topgames .gamelist .row .btn{width:66px; height:24px; position: absolute; z-index: 9; margin: 14px 0 0 12px; line-height:24px; border-radius: 14px; font-size: 0.75rem; font-weight: 700; padding:0; color: #262626; background:#f0f0f0; border:0;}
.topgames .gamelist .row .btn:hover{background: #FFF8F6F6;}
.topgames .gamelist .row .gameicon::before{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 289px;
    background: radial-gradient(
            circle at center,
            transparent 10%,
            rgba(255, 255, 255, 0.5) 100%
    );
    opacity: 0;
    transition: opacity 0.2s;
    pointer-events: none;
    z-index: 1;
}
.topgames .gamelist .row:hover .gameicon::before {
    opacity: 1;
}

.footnav{margin-top: 30px;}
.footnav .navrow{display: flex; margin-top: 10px;}
.footnav .navrow .icon{width: 24px; height: 24px;}
.footnav .navrow .text{width: 958px; height: 24px; line-height: 24px; margin-left: 10px; font-weight: 700;}
.footnav .navrow .go{width: 24px; height: 24px; background: url('../images/game/go.png') center center no-repeat;}

.openstart{margin-top: 60px;}
.openstart .btn{width: 384px; margin-left:327px; background: #e3ff34; line-height:28px; height:28px; overflow: hidden; border-radius: 15px; font-weight: 700;}
.openstart .btn:hover{background-color: #f1ff99;}
.startfix{text-align: center; position: fixed; bottom: 12px; margin-left:327px; z-index: 99;}
.startfix .btn{width: 384px; background: #e3ff34; line-height:28px; height:28px; overflow: hidden; border-radius: 15px; font-weight: 700;}
.startfix .btn:hover{background-color: #f1ff99;}

.news_openstart{margin-top: 20px; padding: 10px; background: #fff; border-radius: 5px; width: 440px; height: 100px; margin-left:320px;}
.news_openstart .gamebtn{display: flex;}
.gamebtn .gameicon{width: 100px; height: 100px;}
.gamebtn .gameicon img{border-radius:10px;}
.gamebtn .gamecent{width: 230px; margin:32px 12px 0 14px;}
.gamebtn .gamecent .gtitle{width: 100%; overflow: hidden;}
.gamebtn .gamecent .gdesc{color: #595959; font-size: 12px; margin-top: 5px;}
.gamebtn .btn{width: 76px; padding: 4px 0px; background: #e3ff34; line-height:28px; height:28px; border-radius: 15px; font-weight: 700; margin-top: 30px;}
.gamebtn .btn:hover{background-color: #f1ff99;}
.gstartfix{position: fixed; bottom: 12px; z-index: 99; opacity: 0.9; }

.mainh1{height:50px;}
.mainh1 h1{margin:0.2rem 0; height: 30px;line-height: 30px;font-size: 18px;font-weight: 700;position: relative;border-bottom: 0px solid #ccc; letter-spacing: 1px;}
.mainh1 h1 span{font-size: 1.2rem;}
.mainh1 h1 span i{height: 8px;background: url("../images/newIndex/underline.png") left center no-repeat; display: inline-block;position: absolute;left: -8px;bottom: -2px; z-index: -1;}
i, em {
    font-style: normal;
}

.bottom_7 {
    width: 100%;
    color: rgba(204, 204, 204, 1);
    font-size: 14px;

    position: relative;
}
.bottom_7_t {
    background-color: rgba(46, 46, 46, 1);
    display: flex;
    justify-content: space-evenly;
    padding: 40px 0;
    max-width:1200px;
    margin:0 auto;
}
.bottom_7_t_1 {
    width: 40%;
    align-content: center;
}
.bottom_7_t_2{
    display: flex;
}
.bottom_7_t_1_1{
    margin-top:10px;
}
.bottom_7_t_1_1>span:not(:first-child) {
    margin-left: 20px;
}

.bottom_7_t_1_2 {
    margin-top: 10px;
}
.bottom_7_t_1 a{color:#666}
.bottom_7_t_1 a:hover{color:#ff4302}

.bottom_7_t_2_2 {
    margin-left: 20px;
}

.bottom_7_t_2_1>div,.bottom_7_t_2_2>div {
    text-align: center;
}
.bottom_7_t_2_1>img{
    width: 100px;
    height: 100px;
}
.bottom_7_t_2_2>img{
    width: 100px;
    height: 100px;
}
.bottom_7_t_3_2>.text {
    color: rgba(87, 87, 87, 1);
    margin: 10px 0;
    font-size: 12px;
}
.bottom_7_b {
    background-color: rgba(37, 37, 37, 1);
    text-align: center;
    padding: 10px 0;
}

.gcontainer{
    min-height: 560px;
}

.ico-2 {
    background: url(../images/game/ico-2.png) no-repeat;
    overflow: hidden;
}
.ico-btn {
    background: url(../images/game/ico-btn.png) no-repeat;
    display: block;
    overflow: hidden;
}
.b-con-title{ height:48px; border-bottom:2px solid #e4e4e4;}
.b-con-title span{ display:block; height:48px; line-height:48px; border-bottom:2px solid #ff6100; color:#ff6100; font-size:24px;}
.b-con-title i.b-con-hot{ display:block; width:21px; height:12px; background-position:0 -188px; left:100px; top:10px;}
.b-con-title i.b-con-gl{ display:block; width:43px; height:12px; background-position:0 -288px; left:100px; top:10px;}
.b-con-title i.b-con-hd{display:block; width:33px; height:12px; background-position:0 -315px; left:100px; top:10px;}
.b-con-title i.b-con-kflb{display:block; width:21px; height:12px; background-position:0 -342px; left:100px; top:10px;}
.b-con-title i.b-con-xyph{display:block; width:28px; height:12px; background-position:0 -367px; left:100px; top:10px;}
.b-con-title i.b-con-yxlb{display:block; width:22px; height:12px; background-position:0 -391px; left:100px; top:10px;}
.b-con-title i.b-con-yxsp{display:block; width:34px; height:12px; background-position:0 -413px; left:100px; top:10px;}
.b-con-title i.b-con-yqlj{display:block; width:24px; height:12px; background-position:0 -438px; left:100px; top:10px;}
.b-con-title a.on i.b-con-yqlj{background-position:0 -461px;}
.b-con-title i.b-con-hzhb{display:block; width:57px; height:12px; background-position:0 -484px; left:280px; top:10px;}
.b-con-title a.on i.b-con-hzhb{ background-position:0 -506px;}
.b-con-title i.b-con-xgxw{display:block; width:30px; height:12px; background-position:0 -573px; left:100px; top:10px;}
.b-con-title i.b-con-xgxw{background-position:0 -753px;}
.b-con-title a.on i.b-con-xgxw{background-position:0 -740px;}
.b-con-title i.b-con-zxwz{display:block; width:34px; height:12px; background-position:0 -766px; left:280px; top:10px;}
.b-con-title a.on i.b-con-zxwz{background-position:0 -779px;}
.b-con-title a{ display:block; width:35px; height:20px; line-height:20px; padding-right:15px; background-position:30px -687px; right:0; top:20px; color:#8b8b8b; font-size:14px;}
.b-con-title a:hover{ color:#ff9758;background-position:30px -708px; }

.b4-kf-title{ height:53px; line-height:53px; background:#ededed; color:#333333; font-size:18px; margin-top:18px;}
.b4-kf-title span{ width:108px; text-align:center; display:inline-block;}
.b4-kf-line1{ width:0; height:30px; overflow:hidden; border-left:1px solid #cccccc; left:108px; top:11px;}
.b4-kf-line2{ width:0; height:30px; overflow:hidden; border-left:1px solid #cccccc; left:217px; top:11px;}
.b4-kf-list{ height:354px; width:309px; padding:4px 7px 2px 7px; border:1px solid #f0f0f0; border-top:0; overflow:hidden;}
.b4-kf-list li{ border-bottom:1px solid #f0f0f0; height:50px; line-height:50px; font-size:14px;}
.b4-kf-list li span,.b4-kf-list li a{ display:inline-block; width:103px; height:50px; text-align:center; color:#666666;overflow:hidden;}
.b4-kf-list li a:hover{ color:#ff3300;}

.b4-xglist-box{ height:412px; border:1px solid #f0f0f0; margin-top:18px;overflow:hidden;}
.b4-xf-list{ padding:4px 7px 2px 7px; }
.b4-xf-list li{ overflow:hidden; border-bottom:1px solid #f0f0f0; position:relative;}
.b4-xfl1{ height:51px; *height:48px; overflow:hidden;}
.b4-xfl2{ height:96px; *height:94px; overflow:hidden;}
.b4-rank-name{ display:block; float:left; height:50px; line-height:50px; color:#666666; font-size:14px;}
.b4-rank-down{font-size:12px;  width:70px; height:20px; background-position:0 -113px;color:#4badff; line-height:20px; text-align:center;left:225px; top:16px; }
.b4-rank-down:hover{ background-position:0 -93px; color:#fff;}
.rank{ display:block; float:left; width:43px; height:50px; background:url(../images/game/rank.png) no-repeat;}
.b4-rank-1{ background-position:10px 0;}
.b4-rank-2{ background-position:10px -51px;}
.b4-rank-3{ background-position:10px -104px;}
.b4-rank-4{ background-position:10px -155px;}
.b4-rank-5{ background-position:10px -205px;}
.b4-rank-6{ background-position:10px -256px;}
.b4-rank-7{ background-position:10px -308px;}
.b4-rank-ico{ left:40px; top:11px; width:70px; height:70px;}
.b4-rank-name2{ left:120px; top:14px; font-size:16px;width: 106px;overflow: hidden;height: 25px;}
.b4-rank-des{ left:120px; top:45px; color:#999999; width:175px; height:32px; line-height:16px; overflow:hidden;}