/*头部*/
.header {
    background: rgb(48, 49, 54);
    height: 112px;
    position: fixed;
    top: 0;
    z-index: 999;
}
.topHeaderBlack {
    height: 40px;
    background: #21242B;    
}
.header .baseOtherTopDetail{
    display: none;
}
.con {
    width: 1032px;
    margin: 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: 1032px;
    height: 80px;
    /*overflow: hidden;*/
    flex-basis: 100%; /* 强制占满整行 */
    display: flex;
}
.headnav .headerLogo{
    width: 132px;
    height: 60px;
    justify-content: left;
    margin-top: 26px;
}
.headnav .headerLogo img{height: 32px;}
.headnav .menu{
    width: 680px;
    height: 80px;
    justify-content: center;
}
.headnav .menu a{
    color: #fff;
    line-height: 80px;
    display: inline-block;
    height: 80px;
    margin: 0 20px 0 20px;
    position: relative;
}

.headnav .menu a div{border-top-left-radius: .25rem;
    border-top-right-radius: .25rem;
    height: 6px;
    background: #e3ff34;
    position: absolute;
    left: 0px;
    bottom:0;
    width: 60px;
    display:none;
}

.headnav .menu a div.primary-base{
    width: 30px;
}
.headnav .menu a div.active{
    display: inline-block;
}

.headerTopTogether{
    height: 65px;
    float: left;
    width: 180px;
    top:0;
}
.headerTopTogether img {
    display: inline-block;
    width: 156px;
}
.headrightbox{
    width: 380px;
    height: 90px;
    position: relative;
    right: 0;
    top: 0;
}
.rightLoginTip{
    justify-content: flex-end;
    height: 40px;
    display: flex;
    align-items: center;
    color: #fff;
    top:20px;
    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: 208px;
    height: 36px;
    color: #999;
    background: #474955;
    border-radius: 5px;
    position: relative;
    top:8px;
    right: 0;
}
.searchContainerBox .searchIcon {
    display: inline-block;
    width: 16px;
    height: 16px;
    background-image: url('../images/newIndex/ico_search.png');
    background-size: 100% 100%;
    position: absolute;
    right: 20px;
    top: 10px;
}
.searchContainerBox input {
    float: left;
    height: 100%;
    border: none;
    background: #474955;
    padding-left: 10px;
    width: 80%;
    margin-left: 10px;
}
.searchContainerBox input::placeholder {
    color: #999;
    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: 114px;
}
.userinfo_con{
    margin-top: 127px !important;
}
.news_con{margin-top: 135px !important;}
.serviceIndex-page {

    margin-top: 114px !important;
}
.bag_detail.layui-container{
    margin-top: 114px !important;
}
.new_detail_con.layui-container{
    margin-top: 114px !important;
}
.footernav_html{
   margin-top: 25px;
}
.user_account{
    color:#d6dce9;
}
.user_account:hover{
    color:#d6dce9;
}
#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;}