/* .layui-container { */
    /* padding: 0;
    width: 1207px!important;
	height:auto;
	overflow:hidden;
} */
.header{
    position: relative;
}
.newdetailpage{
    margin-top: 12px;
}
.layui-container {
    width: 1032px !important;
    margin: 0 auto;
    padding: 0;
}
.listcontent {
    background: #ffffff;
    padding: 5px 20px 140px 20px;
    margin: 35px auto 0;
    width: 1160px;
    overflow: hidden;
    z-index: 2;
}
.fl{ float:left;}
.fr{ float:right;}
.rel{position:relative;}
.abs {
    position: absolute;
}
.ico-3 {
    background: url(../images/game/ico-3.png) no-repeat;
}
.hide{ display:none;}
.lc-left{ width:796px; overflow:hidden; }
.b-list-box{ height:48px; width:100%; border-bottom:2px solid #e4e4e4; }
.b-list-box p strong{color:#666666;}
.b-list-box p{ height:48px; line-height:48px; border-bottom:2px solid #ff6100; font-size:14px; padding:0 5px 0 10px; color:#999999; float: left;}
.b-list-box p a,.b-list-box p span{ color:#999999; display:inline-block;font-size:14px;}
.b-list-box p a:hover{ text-decoration:underline;}

.b-tab-nav{ height:68px; width:830px;}
.b-tab-nav p{ float:left; display:inline;}
.b-tab-nav a{ display:block; float:left; margin:20px 20px 0 0; width:116px; height:38px; line-height:38px; font-size:16px; text-align:center; background:url(../images/game/ico-4.png) no-repeat;}
.b-tab-nav a.b-tab-zx{ color:#ff5388; background-position:0 -38px;}
.b-tab-nav a.b-tab-xwgg{ color:#82cc4c;background-position:-136px -38px;}
.b-tab-nav a.b-tab-jchd{ color:#fe3639;background-position:-272px -38px;}
.b-tab-nav a.b-tab-yxgl{ color:#59b4ff;background-position:-408px -38px;}
.b-tab-nav a.b-tab-zxxw{ color:#ff7928;background-position:-544px -38px;}
.b-tab-nav a.b-tab-yxsp{ color:#ffba00;background-position:-680px -38px;}
.b-tab-nav a.b-tab-zx:hover,.b-tab-nav p.on a.b-tab-zx{ color:#fff; background-position:0 0; font-weight:bold;}
.b-tab-nav a.b-tab-xwgg:hover,.b-tab-nav p.on a.b-tab-xwgg{ color:#fff;background-position:-136px 0;font-weight:bold;}
.b-tab-nav a.b-tab-jchd:hover,.b-tab-nav p.on a.b-tab-jchd{ color:#fff;background-position:-272px 0;font-weight:bold;}
.b-tab-nav a.b-tab-yxgl:hover,.b-tab-nav p.on a.b-tab-yxgl{ color:#fff;background-position:-408px 0;font-weight:bold;}
.b-tab-nav a.b-tab-zxxw:hover,.b-tab-nav p.on a.b-tab-zxxw{ color:#fff;background-position:-544px 0;font-weight:bold;}
.b-tab-nav a.b-tab-yxsp:hover,.b-tab-nav p.on a.b-tab-yxsp{ color:#fff;background-position:-680px 0;font-weight:bold;}

.b-content-main h1{ margin-top:30px; color:#ff6000; font-size:24px; color:#ff6000; font-weight:bold; text-align:center;}
.article-info{ text-align:center; color:#999999; margin-top:10px; padding-bottom:25px; border-bottom:1px dotted #e6e6e6;}
.article-info i{ margin:0 10px;}
.article{ color:#444444; line-height:24px; font-size:14px; padding-top:20px; padding-bottom:60px; overflow:hidden;border-bottom:1px dotted #e6e6e6;}
.article-page{ padding:20px 0; font-size:14px;border-bottom:1px dotted #e6e6e6;}
.article-page p{ margin-bottom:5px;}
.related-article .b-con-title a.b-rel-title{ display:block; width:130px; height:48px; margin-right:35px;}
.related-article .b-con-title .b-rel-title span{ color:#999999; border-bottom:2px solid #e4e4e4;}
.related-article .b-con-title a.on span{ color:#ff6100;border-bottom:2px solid #ff6100;}
.related_news_box{ height:150px; overflow:hidden; margin-top:10px;}
.related_news_list li{ float:left; display:inline;width:398px; height:30px; overflow:hidden; background:url(../images/game/ico-2.png) -57px -585px no-repeat;}
.related_news_list li a{text-align: left; display:block; width:280px; padding-left:20px; height:30px; line-height:30px; overflow:hidden; font-size:14px; float:left;}
.related_news_list li i{ color:#999; float:right; display:block;height:30px; line-height:30px; font-size:14px; margin-right:30px;}
#cybarrage-submit-content{ background:#fff;}
.barrage-submit-btn{ line-height:16px;}

.lc-right{ width:325px; }
.lr-box{overflow:hidden;}

.lr-gifts-box .b4-tg-box img{ left:-55px;}
.b4-tg-box .line-right{ width:0; border-left:1px solid #f0f0f0; height:138px; left:-1px; top:0; z-index:2;}
.lr-gifts-box .b4-tg-name{ right:20px;}
.lr-gifts-box .b4-tj-des{ right:20px;}
.lr-gifts-box .b4-tg-getgift{ right:20px;}
.lr-gifts-box .b4-tg-box2{ padding-left:1px;}
.lr-gifts-box .b4-tg-box2 li{ width:161px;}
.lr-gifts-box .b4-tj-ico{left:12px; top:14px;}
.lr-gifts-box .b4-tj-name{right:10px;width:70px;height:21px;overflow:hidden;text-align: left;}
.lr-gifts-box .b4-tj-sdes{right:10px; text-align: left;}
.lr-gifts-box .b4-tj-sgg{right:10px;}

.b4-tg-box{ height:138px; border:1px solid #f0f0f0; margin-top:18px; _overflow:hidden;*overflow:hidden;}
.b4-tg-box img{ left:0; top:-15px; width:428px; height:153px;}
.b4-tg-name{ right:40px; top:20px; color:#333333; font-size:16px; text-align:right;}
.b4-tj-des{ right:40px; top:46px; color:#999999; width:150px; height:36px; line-height:18px; overflow:hidden; text-align:right;}
.b4-tg-getgift{ width:105px; height:28px; color:#53c244; text-align:center; line-height:28px; font-size:16px; right:36px; top:93px; background-position:0 -216px;}
.b4-tg-getgift:hover{ color:#fff;background-position:0 -188px;}
.b4-tg-box2{}
.b4-tg-box2 li{ float:left; display:inline; width:214px; height:90px; border:1px solid #f0f0f0; margin:-1px 0 0 -1px; position:relative;}
.b4-tj-ico{ left:27px; top:15px; width:58px; height:58px;}
.b4-tj-name{ right:30px; top:13px; font-size:14px; text-align:right;}
.b4-tj-sdes{ color:#999; right:30px; top:32px;text-align:right;width:70px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.b4-tj-sgg{font-size:12px; width:70px; height:20px; background-position:0 -164px; right:30px; top:55px; color:#53c244; text-align:center; line-height:20px;}
.b4-tj-sgg:hover{ background-position:0 -144px; color:#fff;}

.layui-row{
    width: 1220px !important;

}
.new_detail_con{
    width: 100%;
    min-height: 600px;
    /* height: 1280px; */
    position: relative;
    top: 35px
}
.new_detail_con_title{
    font-size:21px;
    font-weight: 700;
    letter-spacing: 1px;
}
.new_detail_con_text{
    height: 24px;
    display: flex;
    color: #595959;
}
.new_detail_con_text .icon img{border-radius: 50%;}
.new_detail_con_text .gamename{margin-left: 10px;}
.new_detail_con_text .dateicon{background: url('../images/calendar-date-range.png') 0 0 no-repeat; background-size: 100%; width: 24px; height: 24px; margin-left: 30px;}
.new_detail_con_text .datetime{line-height: 24px; margin-left: 10px;}
.new_con_left{
    width:842px;
    margin-bottom: 50px;
    /* height:1142px; */
    background:rgba(255,255,255,1);
    border:1px solid rgba(221,221,221,1);
}
.new_con_right{
    margin-left: 26px
}
.new_con_img{
    width:334px;
    height:163px;
    background:rgba(255,255,255,1);
    border:1px solid rgba(221,221,221,1);
    margin-bottom: 10px
}
.new_con_bag{
    width:317px;
    /* height:442px; */
    background:rgba(255,255,255,1);
    border:1px solid rgba(221,221,221,1);
    padding-top: 14px;
    padding-left: 17px
}
.new_con_tj{
    width:334px;
    /* height:595px; */
    background:rgba(255,255,255,1);
    border:1px solid rgba(221,221,221,1);
    margin-top: 10px;
    margin-bottom: 40px
}
.new_con_left_title{
    font-size:12px;
    font-weight:400;
    color:rgba(119,119,119,1);
    margin-top: 13px;
    margin-left: 30px
}
.new_con_left_title a{
    color: #777777;
}
.new_con_left_title a:hover{
    color: #018FFF
}
.new_con_left_title span{
    color: #222222;
    width: 666px;
    display: inline-block;
    overflow: hidden;
    height: 12px;
    line-height: 12px;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.new_con_firstline{
    margin-top: 28px;
    margin-left: 30px;
    display: flex;
    align-items: center;
}
.new_con_firstline_left{
    width: 550px;
    font-size: 20px;
    color: #333333;
    font-weight: bold;
    margin-bottom: 6px;
    /* white-space: nowrap; */
    overflow: hidden;
    /* text-overflow: ellipsis; */
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
.new_con_firstline_right{
    font-size:12px;
    color:#999999;
    margin-top: 6px;
    margin-bottom: 6px;
    margin-left: 23px
}
.new_con_header_hx{
    width:781px;
    height:1px;
    background:rgba(222,226,229,1);
    margin-left: 30px;
}
.new_activity_con{
    width:775px;
    min-height:250px;
    font-size:16px;
    margin-left: 30px;
    overflow: hidden;
    margin-top: 19px;
    word-break: break-all;
}
.new_activity_con img{
    max-width: 100%;
}
.new_activity_con_title{
    color: #222222;
    font-size: 14px;
    font-weight:bold;
}
.new_activity_con_summny{
    color: #222222;
    font-size: 14px;
    line-height: 24px
}
.new_activity_con_item{
    margin-top: 35px
}
.new_activity_con_item img{
    width: 100%;
    margin-top: 10px;
}
.new_con_next_prev{
    height: 48px;
    font-size:14px;
    color:rgba(102, 102, 102, 1)!important;
    margin-top: 30px;
    margin-bottom: 20px;
    font-weight:400;
}
.new_con_next_prev a{
    color:#262626 !important;
}
.new_con_next_prev p{

}
.new_con_next_prev p:hover span{
    color: #262626;
}
.new_con_next_prev .left_prev{float:left; width: 300px; height: 40px; line-height: 40px; background: #f0f0f0; border-radius: 15px;}
.new_con_next_prev .left_prev:hover,.new_con_next_prev .right_next:hover{background: #f2f2f2;}
.new_con_next_prev .left_prev .title{width: 255px; margin-right: 8px; height: 40px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; float: right;}
.new_con_next_prev .left_prev .icon{display:inline-block; width: 24px; height: 24px; background: url('../images/news/aleft.png') no-repeat; margin:10px 0 0 10px;}
.new_con_next_prev .right_next{float:right; width: 300px; height: 40px; line-height: 40px; background: #f0f0f0; border-radius: 15px;}
.new_con_next_prev .right_next .title{width: 255px; margin-left: 8px; height: 40px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; float: left;}
.new_con_next_prev .right_next .icon{display:inline-block; width: 24px; height: 24px; background: url('../images/news/aright.png') no-repeat; margin:10px 0px 0 5px;}
.new_con_about{
    height:20px;
    font-size:14px;
    font-weight:400;
    color:#666666;
    margin-left: 30px;
    margin-top: 18px
}
.new_con_about_con_item{
    margin-top: 15px;
    float: left;
    margin-left: 30px;
    width: 380px;
    cursor: pointer;
    color:rgba(102, 102, 102, 1)!important;
}
.new_con_about_con_item:hover{
    color: #018FFF;
}
.new_con_about_con_item p{
    width: 360px;
    text-overflow:ellipsis;
    white-space: nowrap;
    overflow: hidden;
	font-size:12px;
	margin-left:5px;
}
.new_con_about_con_item p:hover{
    color: #018FFF;
}
.dotcolorblue{
    background-color: #018FFF!important;
}
.new_con_about_con_item div{
    width:4px;
    height:4px;
    background:rgba(212,210,210,1);
    border-radius:50%;
    margin-top: 8px
}
.new_con_img img{
    width:334px;
    height:163px;
}
.new_bag_header{
    height: 20px;
}
.new_con_about_con{
    overflow: hidden;
    padding-bottom: 25px;
}
.new_bag_sx{
    width:3px;
    height:15px;
    background:rgba(1,143,255,1);
}
.new_bag_title{
    font-size:14px!important;
    color: #222222;
    line-height: 15px;
    margin-left: 8px;
}
.new_bag_item{
    width: 300px;
    height:60px;
    margin-top: 10px;
    border-bottom: 1px solid #EEEEEE;
}
.new_con_bag .new_bag_item:last-child{
    border: none;
}
.new_bag_item:last-child .new_bag_hx{
    display: none;
}
.new_bag_item_img{
    background-color: #e2e2e2;
    width:49px;
    height:49px;
    border-radius:11px;
    margin-left: 3px
}

.new_bag_item_img_img{
    background-color: #e2e2e2;
    width:49px;
    height:49px;
    border-radius:11px;
}
.receive_bag_modal{
    display: none;
    width:100%;
    height:191px;
    /* background-color: #FFFFFF; */
    /* box-shadow:0px 0px 7px 1px rgba(0, 0, 0, 0.2); */
    /* border-radius:5px; */
    z-index: 999;
    /* position: fixed;
    top: 30%;
    left:50%; */
}
.receive_bag_modal_header{
    width: 100%;
    height:42px;
    border-radius:5px 5px 0px 0px; 
    background-color: #E2E2E2;
    font-size:17px!important;
    text-align: center;
}
.receive_bag_modal_header span{
    text-align: center;
    width:101px;
    height:18px;
    font-weight:400;
    color:rgba(34,34,34,1);
    position: relative;
    top: 8px;
}
.close_receive_bag_modal img{
    position: relative;
    left:90px;
    cursor: pointer;
}
.receive_bag_modal_firstline{
    width:285px;
    height:14px;
    color: #018FFF;
    background:rgba(226,226,226,1);
    border-radius:5px;
    padding: 8px 9px 10px 9px;
    margin-top: 20px;
    margin-left: 10px;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}
.receive_bag_modal_firstline span{
    color: #018FFF;
}
.receive_bag_modal_secondline{
    font-size:12px;
    font-weight:400;
    color:rgba(153,153,153,1);
    line-height:41px;
    text-align: center;
    width: 100%;
    height: 40px;
}
.receive_bag_modal_thirdline{
    width:80px;
    height:25px;
    padding-top: 6px;
    font-size:14px;
    background:#018FFF;
    border-radius:2px;
    position: relative;
    left:115px;
    text-align: center;
    color: white;
    cursor: pointer;
    box-shadow: none!important;
    border:none!important
}
.receive_bag_modal_firstline input{
    width: 220px;
    border: 0px;
    background-color: #e2e2e2;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
    color: #018FFF;
}
.new_bag_item_img .airtice_page_hot_bag{
    width:49px;
    height:49px;
    border-radius:11px;
}
.airtice_game_type{
    position: relative;
    top: -21px;
    left: 32px;
}
.new_bag_item_con{
    margin-left: 12px;
}
.new_bag_item_title{
    margin-top: 4px;
    width: 170px;
    color: #222222;
    font-size: 12px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.hot_bag_lq_btn{
    text-align: center;
    width:65px;
    height:24px;
    line-height:24px;
    background:#018FFF;
    font-size: 12px;
    /* padding-left: 7px; */
    color: #FFFFFF;
    border-radius:3px;
    margin-top: 11px;
    cursor: pointer;
    /*transform: scale(0.85);*/
    box-sizing: border-box;
}
.receive_bag_disabled
{
    background: #ccc;
}
.new_bag_item_comm{
    margin-top: 8px;
    width: 147px;
    font-size: 12px;
    color: #777777;
}
.new_bag_item_comm span{
    color: #ffa229
}
.new_bag_lq_btn{
    width:55px;
    height:20px;
    background:#018FFF;
    font-size: 12px;
    padding-top: 4px;
    padding-left: 7px;
    color: #FFFFFF;
    border-radius:2px;
    margin-top: 11px;
    cursor: pointer;
}
.new_bag_hx{
    width:300px;
    height:1px;
    background:#EEEEEE;
    margin-bottom: 10px
}
.new_bag_hx:last-of-type{
    display: none;
}
.new_con_tj_title{
    width:334px;
    height: 25px;
    padding-top: 15px;
	font-size:14px;
}
.new_con_tj_title p{
    margin-left: 5px;
}
.hot_remm_sx{
    width:3px;
    height:15px;
    background:rgba(1,143,255,1);
    margin-left: 20px;
    margin-top: 3px
}
.new_con_tj_con{
    width:334px;
    /* height: 530px; */
    margin-left: 10px
}
.new_con_tj_con_item{
    margin-left: 10px;
    height: 37px;
}
.new_con_tj_con_item:last-child .new_con_tj_con_item_xx{
    display: none;
}
.new_con_tj_con_item div{
    float: left;
}
.new_con_tj_con_item_one{
    width: 120px;
    height: 26px;
    text-overflow:ellipsis;
    white-space: nowrap;
    overflow: hidden;
    font-size:14px;
    color: #666666;
    padding-top: 10px
}
.new_con_tj_con_item_two{
    width: 120px;
    height: 26px;
    font-size:14px;
    color: #666666;
    padding-top: 10px
}
.new_con_tj_con_item_three{
    width: 60px;
    height: 26px;
    padding-top: 10px
}
.new_con_tj_con_otheritem_one{
    width: 120px;
    height: 25px;
    text-overflow:ellipsis;
    white-space: nowrap;
    overflow: hidden;
    font-size:12px;
    color: #222222;
    font-weight:400;
    padding-top: 7px
}
.new_con_tj_con_otheritem_two{
    width: 130px;
    height: 25px;
    font-size:12px;
    color: #222222;
    font-weight:400;
    padding-top: 7px;
	overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.new_con_tj_con_otheritem_three{
    width: 70px;
    height: 25px;
    padding-top: 3px
}
.new_con_tj_con_otheritem_three div{
    padding: 1px;
    height:20px;
    line-height:20px;
    border:1px solid rgba(1,143,255,1);
    border-radius:3px;
    color: #018FFF;
    font-size: 11px;
    cursor: pointer;
    text-align: center;
    margin-bottom: 3px
}
.new_con_tj_con_otheritem_three div:hover{
    background-color: #018FFF;
    color: #FFFFFF
}
.new_con_tj_con_item_xx{
    width:297px;
    height: 1px;
    border-bottom:1px dashed rgba(233,233,233,1);
    padding-left: 10px
}


/*游戏类型*/
.gamescreen_con_type {
    max-width: 80px;
    height: 26px;
    border-radius: 15px;
    line-height: 26px;
    padding: 0px 12px;
    font-size: 12px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin-right: 20px;
    margin-bottom: 5px;
    background: #f0f0f0;
}
.gamescreen_con_second_line {
    margin-top: 16px;
    position: relative;
    overflow: hidden;
    padding-top: 9px;
}
.type_name_sp {
    width: 70px;
    line-height: 20px;
    font-weight: 700;
}

.game-type-list2 {
    width: 960px;
    color: #262626;
}
.other-game-type .type_active{background: #f1ff99;}
.bluecolors:hover{
    color:#018FFF;
    cursor: pointer;
}
.other-game-type{
    width:92%;
}