.header {
    height: 114px;
    position: fixed;
    top: 0;
    z-index: 999;
}
.topHeaderBlack {
    height: 40px;
    background: #21242B;    
}
.header .baseOtherTopDetail{
    display: none;
}
.con {
    width: 1200px;
    margin: auto;
}
.headerTopTogether{
    height: 40px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.headerTopTogether img {
    display: inline-block;
    width: 142px;
    height: 33px;
}
.rightLoginTip{
    display: flex;
    align-items: center;
    color: #D6DCE9;
}
.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 .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;

}
.userName{
    font-size: 12px;
    float: left;
    line-height: 40px;
    margin-right: 10px;
}

.mainHeaderTop {
    height: 74px;
    box-shadow: 0px 3px 7px 0px rgba(153, 153, 153, 0.1);
    border-radius: 5px 5px 0px 0px;
    line-height: 74px;
}
.mainHeaderTop .con {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.searchContainerBox {
    width: 208px;
    height: 36px;
    background: #EFF4F8;
    border-radius: 5px;
    position: relative;
}
.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: #EFF4F8;
    padding-left: 20px;
}
input::placeholder {
    color: #737B8A;
    font-size: 12px;
}
.headerTypeShow {
    display: flex;
    font-size: 16px;
    color: #737B8A;
    height: 74px;
    margin-left: -22px;
    position: relative;
    overflow: hidden;
}

.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{
padding: 0 23px;
}
.typeAll{
    position: relative;
    width: 250px;
}
.headerTypeShow>a {
    display: inline-block;
    /* width: 78px; */
    max-width: 122px;
    min-width: 89px;
    height: 100%;
    overflow: hidden;
    position: relative;
    cursor: pointer;
    /* padding: 0 23px; */
    text-align: center;
    /* 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;
    /* min-width: 42px; */
    /* display: flex;
    align-items: center;
    justify-content: center; */
    width: 100%;
    /* 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: #018EFF;
    background-color: transparent;
}
.headerTypeShow>a:hover {
    color: #018EFF;
}
.headerTypeShow .active::before {
    content: '';
    display: inline-block;
    width: 34px;
    height: 3px;
    background: linear-gradient(90deg, #005AFF 0%, #018FFF 100%);
    /* position: absolute;
    bottom: 0;
    left: 0; */
    position: relative;
    top: 71px;
    display: flex;
    margin: 0 auto;
}
.headerTypeShow a::before {
    content: '';
    display: inline-block;
    width: 34px;
    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 a:after{
    position: relative;
    /* top: -107px; */
    top: -74px;
    /* 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;

}

.footer {
    position: relative;
    /* min-height: 342px; */
    min-height: 280px;

}
.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: 282px;

}
.logoAttendModal{
    display: flex;
    justify-content: space-between;
    height: 111px;
    border-bottom: 1px solid #2A2E3D;
}
.logoAttendModal img {
    display: inline-block;
    width: 177px;
    height: 51px;
    margin-top: 30px;
}
.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: 116px;
    text-align: center;
    border-bottom: 1px 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: 58px;
    height: 247px;
    border: none;
    background-color: transparent;
    bottom: 60px;
}
.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/ico-kefu-n.png');
    background-size: 100% 100%;
    margin-top: 17px;
}
.qqIcon {
    background-image: url('../images/newIndex/ico-qq-n.png');
}
.sameRightIcon.wechatIcon {
    background-image: url('../images/newIndex/ico-wechat-n.png');
}
.backTopIcon {
    background-image: url('../images/newIndex/ico-top-n.png');
}
.now.hoverFixedItem {
    background: linear-gradient(90deg, #005AFF 0%, #018FFF 100%);
}
.hoverFixedItem:first-child:hover .sameRightIcon{
    background-image: url('../images/newIndex/ico-kefu-s.png');
}
.now.hoverFixedItem .qqIcon {
    background-image: url('../images/newIndex/ico-qq-s.png');
}
.now.hoverFixedItem .backTopIcon {
    background-image: url('../images/newIndex/ico-top-s.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: 125px;
}
.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;
}