@charset "utf-8";

body {
    background : #eef3f6;
}

.ndxTop {
    margin-top       : 0;
    padding-top      : 16px;
    background-color : #fff;
}

.g-top-recomd {
    margin-top : 0;
}

.g-top-recomd .m-recomd-top {
    display         : flex;
    justify-content : center;

}

.mainLeft {
    float        : left;
    width        : 890px;
    margin-top   : 15px;
    border-right : 1px solid #eeeeee;
}

.mainLeft .hd {
    float       : left;
    font-size   : 16px;
    color       : #666;
    height      : 45px;
    line-height : 45px;
    width       : 888px;
    background  : #f7f7f7;
    border      : 1px solid #dfdfdf;
}

.mainLeft .hd li {
    float        : left;
    padding      : 4px 15px;
    cursor       : pointer;
    padding      : 0 20px;
    border-right : 1px #ccc solid;
}

.mainRight {
    float      : right;
    width      : 309px;
    margin-top : 16px;
}

.n_top {
    padding-bottom : 20px;
    background     : #fff;
}

.screen {
    background : #FFF;
    padding    : 5px 20px 0 20px;
    margin-top : 1px
}

.screen ul li span {
    font-size   : 16px;
    height      : 50px;
    line-height : 50px;
    float       : left
}

.screen ul li {
    border-bottom : 1px #eee solid;
    line-height   : 50px;
}

.screen ul li a {
    display         : inline-block;
    height          : 24px;
    margin          : 10px 0;
    line-height     : 24px;
    padding         : 0 12px;
    border          : 1px #fff solid;
    color           : #666;
    text-decoration : none;
}

.screen ul li a.on21 {
    margin  : 0;
    padding : 0
}

.screen ul li a:hover,
.screen ul li a.on2 {
    height        : 22px;
    line-height   : 22px;
    padding       : 0 12px;
    border        : 1px #10a0ea solid;
    border-radius : 3px;
    color         : #10a0ea;
}

.screen_py a.on2 {
    padding : 0 12px !important;
}

.screen_py a {
    padding : 0 8px !important;
    border  : 1px #fff solid;
}

.screen_py a:hover {
    padding : 0 8px;
    border  : 1px #fff solid;
}

.news2 {
    position      : relative;
    padding       : 20px 0 10px;
    overflow      : hidden;
    zoom          : 1;
    border-bottom : 1px dotted #ccc;
}

.news2 .is_down {
    display      : block;
    padding-left : 16px;
    position     : absolute;
    width        : 90px;
    height       : 30px;
    line-height  : 30px;
    background   : #519ee9 url(../images/listicon.png) 20px -158px no-repeat;
    color        : #fff;
    font-size    : 12px;
    text-align   : center;
    right        : 0px;
    bottom       : 69px;
}

.news2 .type {
    color     : #5c697a;
    font-size : 12px;
}

.news2 .type a {
    float : none;
    color : #10a0ea;
}

.news2 a {
    float        : left;
    margin-right : 18px;
}

.news2 a img {
    width  : 135px;
    height : 135px;
    float  : left;
}

.news2 h3 {
    color          : #444;
    font-size      : 22px;
    font-weight    : normal;
    padding-bottom : 10px;
    text-overflow  : ellipsis;
    line-height    : 23px;
    overflow       : hidden;
    zoom           : 1;
}

.news2 h3 a {
    white-space   : nowrap;
    width         : 455px;
    _width        : 445px;
    overflow      : hidden;
    text-overflow : ellipsis;
    margin-right  : 0px;
    color         : #2c3e50;
    font-size     : 18px;
}

.news2 h3 a:hover {
    color : #10a0ea;
}

.new2,
.d1 {
    color     : #F26C4F !important;
    font-size : 12px;
}

.news2 p {
    color         : #5c697a;
    line-height   : 25px;
    font-size     : 12px;
    height        : 47px;
    overflow      : hidden;
    margin        : 5px 0 9px;
    padding-right : 150px;
}

.type_icon {
    background   : url(../images/bg_latest.png) no-repeat -2px -0px;
    display      : inline-block;
    padding-left : 24px;
    margin-right : 32px !important;
    font-size    : 14px;
    height       : 20px;
}

span.updata_icon {
    background   : url(../images/bg_latest.png) no-repeat -2px -20px;
    padding-left : 20px;
    height       : 19px;
    display      : inline-block
}

p.intro_center {
    float       : left;
    width       : 545px;
    height      : 18px;
    line-height : 18px;
    font-size   : 14px;
}

.intro_center span {
    color        : #888;
    float        : left !important;
    font-size    : 12px;
    margin-right : 15px;
}

.intro_center_z {
    background   : url(../images/spirit.png) no-repeat -199px -160px;
    padding-left : 25px
}

.intro_center_y {
    background   : url(../images/spirit.png) no-repeat -199px -184px;
    padding-left : 25px
}

.intro_center_s {
    background   : url(../images/spirit.png) no-repeat -199px -118px;
    padding-left : 25px
}

.noTop {
    background : #fff;
    padding    : 0 20px;
}

.boxRight {
    padding    : 10px;
    background : #fff;
    box-sizing : border-box;
}

.boxRight .t-img {
    width : 100%;
}

.m-cy .m-gx {
    margin : 20px 0;
}

.u-tit b {
    padding-left : 0;
}


.newgame-top-nums {
    width      : 100%;
    overflow   : hidden;
    margin-top : 20px;
}

.newgame-top-nums a {
    text-align : center;
    display    : block;
}

.newgame-top-nums a.kc {
    float            : left;
    width            : 172px;
    background-color : #f7f7f7;
    line-height      : 40px;
}

.newgame-top-nums a.kc+.kc {
    float : right;
}

.newgame-top-nums a.first {
    font-size     : 16px;
    margin-bottom : 10px;
    line-height   : 30px;
    height        : 30px;
    overflow      : hidden;
    color         : #35a0f9;
}

.newgame-top-nums a.first strong {
    font-size : 30px;
}

.newgame-top-nums a.first:before,
.newgame-top-nums a.first:after {
    content : "——";
    padding : 0 10px;
}

.newgame-top-channel {
    width    : 100%;
    overflow : hidden;
}

.newgame-top-channel a {
    display             : block;
    width               : 140px;
    position            : relative;
    height              : 57px;
    line-height         : 57px;
    overflow            : hidden;
    margin-top          : 10px;
    text-align          : center;
    background-position : center center;
    background-repeat   : no-repeat;
    background-size     : auto 100%;
    float               : left;
}

.newgame-top-channel strong {
    display   : block;
    width     : 100%;
    height    : 100%;
    position  : absolute;
    z-index   : 2;
    font-size : 14px;
    color     : #fff;
}

.newgame-top-channel img {
    position        : absolute;
    left            : -100%;
    top             : 0;
    height          : 100%;
    width           : 100%;
    transition      : all 0.2s;
    z-index         : 3;
    opacity         : 0;
    object-position : cover;
    object-fit      : cover;
}

.newgame-top-channel span {
    position         : absolute;
    right            : -100%;
    top              : 50%;
    margin-top       : -10px;
    height           : 20px;
    padding          : 0 10px;
    transition       : all 0.5s;
    z-index          : 4;
    line-height      : 20px;
    background-color : #fff;
    border-radius    : 10px;
    font-size        : 12px;
}

.newgame-top-channel a:hover img {
    left    : 0;
    opacity : 1;
}

.newgame-top-channel a:hover span {
    right : 10px;
}

.newgame-top-channel a:nth-child(2n) {
    float : right;
}

.newgame-top-channel a:nth-child(n) strong {
    background-color : rgba(236, 87, 71, 0.9);
}

.newgame-top-channel a:nth-child(2n) strong {
    background-color : rgba(140, 151, 200, 0.9);
}

.newgame-top-channel a:nth-child(3n) strong {
    background-color : rgba(245, 190, 90, 0.9);
}

.newgame-top-channel a:nth-child(4n) strong {
    background-color : rgba(95, 200, 234, 0.9);
}

.newgame-top-channel a:nth-child(5n) strong {
    background-color : rgba(166, 147, 124, 0.9);
}

.newgame-top-channel a:nth-child(6n) strong {
    background-color : rgba(147, 192, 70, 0.9);
}

.m-cy .m-gx .tabcon li:last-child {
    border-bottom : none;
}

/* 专题列表 */
.dj_labe_list {
    width            : 1200px;
    overflow         : hidden;
    margin           : 0 auto;
    padding          : 0 16px 16px;
    background-color : #fff;
    box-sizing       : border-box;
}

.dj_labe_list .warp {
    padding-bottom : 5px;
}

.dj_labe_list .warp li {
    height     : 244px;
    width      : 1120px;
    border     : 1px solid #dadada;
    background : #eeeeee;
    padding    : 0 19px;
    position   : relative;
    margin     : 20px 0 15px 0;
}

.dj_labe_list .warp li .info {
    height       : 45px;
    padding-top  : 7px;
    line-height  : 45px;
    position     : relative;
    padding-left : 10px;
    width        : 780px;
    overflow     : hidden;
    font-weight  : normal;
}

.dj_labe_list .warp li .info i {
    display       : block;
    width         : 4px;
    height        : 4px;
    background    : #939393;
    border-radius : 50%;
    position      : absolute;
    top           : 28px;
    left          : 0;
}

.dj_labe_list .warp li .info .a1 {
    font-size : 18px;
    max-width : 550px;
    color     : #313131;
    float     : left;
    display   : block;
    overflow  : hidden;
}

.dj_labe_list .warp li .info .a2 {
    display      : block;
    float        : left;
    max-width    : 144px;
    overflow     : hidden;
    height       : 100%;
    padding-left : 23px;
    color        : #F0412A;
    font-size    : 13px;
}

.dj_labe_list .warp li .info span {
    padding-left : 5px;
    color        : #313131;
    font-size    : 13px;
}

.dj_labe_list .warp .line {
    width         : 790px;
    height        : 5px;
    background    : #dadada;
    position      : relative;
    border-radius : 4px;
}

.dj_labe_list .warp .line i {
    height        : 5px;
    position      : absolute;
    top           : 0;
    left          : 0;
    background    : #f4a76d;
    width         : 300px;
    border-radius : 4px;
}

.dj_labe_list .warp li p {
    width       : 790px;
    font-size   : 15px;
    line-height : 24px;
    color       : #313131;
    padding-top : 10px;
    height      : 52px;
    overflow    : hidden;
}

.dj_labe_list .warp .list_a {
    padding  : 2px 0;
    width    : 810px;
    height   : 100px;
    overflow : hidden;
}

.dj_labe_list .warp .list_a a {
    width        : 100px;
    height       : 100px;
    border       : 2px solid transparent;
    float        : left;
    overflow     : hidden;
    margin-right : 8px;
}

.dj_labe_list .warp .list_a a img {
    width      : 100%;
    min-height : 90px;
}

.dj_labe_list .warp .list_a a:hover {
    border             : 2px solid #F0412A;
    -webkit-transition : all 0.3s;
    -moz-transition    : all 0.3s;
    -ms-transition     : all 0.3s;
    -o-transition      : all 0.3s;
    transition         : all 0.3s;
}

.dj_labe_list .warp li .a_last {
    width    : 300px;
    height   : 200px;
    border   : 2px solid #595959;
    position : absolute;
    left     : 19px;
    bottom   : 19px;
    overflow : hidden;
}

.dj_labe_list .warp li .a_last img {
    width      : 100%;
    min-height : 200px;
}

.dj_labe_list .warp li .a_last:hover {
    border             : 2px solid #F0412A;
    -webkit-transition : all 0.3s;
    -moz-transition    : all 0.3s;
    -ms-transition     : all 0.3s;
    -o-transition      : all 0.3s;
    transition         : all 0.3s;
}

.dj_labe_list .warp li:hover h6 .a1 {
    color : #F0412A;
}

.dj_labe_list .warp li:hover h6 i {
    background : #F0412A;
}

.dj_labe_list .warp li a:hover {
    text-decoration : none;
}

.dj_labe_info {
    width    : 1160px;
    overflow : hidden;
    margin   : 0 auto;
}

.dj_labe_info .pagewrap {
    border-top : none;
    margin-top : 0;
}

/* 文章列表 */
.news {
    position      : relative;
    padding       : 20px 0 10px;
    overflow      : hidden;
    zoom          : 1;
    border-bottom : 1px dotted #ccc;
}

.news .is_down {
    display      : block;
    padding-left : 16px;
    position     : absolute;
    width        : 90px;
    height       : 30px;
    line-height  : 30px;
    background   : #519ee9 url(../images/listicon.png) 20px -158px no-repeat;
    color        : #fff;
    font-size    : 12px;
    text-align   : center;
    right        : 0px;
    bottom       : 69px;
}

.news .type a {
    float : none;
    color : #10a0ea;
}

.news a {
    float        : left;
    margin-right : 18px;
}

.news a img {
    width  : 135px;
    height : 135px;
    float  : left;
}

.newnew a img {
    width : 200px;
}

.news h3 {
    color          : #444;
    font-size      : 22px;
    font-weight    : normal;
    padding-bottom : 10px;
    text-overflow  : ellipsis;
    line-height    : 23px;
    overflow       : hidden;
    zoom           : 1;
}

.news h3 a {
    white-space   : nowrap;
    width         : 455px;
    _width        : 445px;
    overflow      : hidden;
    text-overflow : ellipsis;
    margin-right  : 0px;
    color         : #2c3e50;
    font-size     : 18px;
}

.news h3 a:hover {
    color : #10a0ea;
}

.new,
.d1 {
    color     : #F26C4F !important;
    font-size : 12px;
}

.news p {
    width         : 480px;
    color         : #5c697a;
    line-height   : 25px;
    font-size     : 12px;
    height        : 47px;
    overflow      : hidden;
    margin        : 5px 0 9px;
    padding-right : 20px;
}

strong.view_icon {
    float        : left;
    background   : url(../images/bg_latest.png) no-repeat 1px -55px;
    padding-left : 29px;
    margin-right : 32px;
    font-weight  : normal;
    color        : #5c697a;
    font-size    : 12px;
}

/* 排行榜 */
.Awarp {
    max-width  : 1200px;
    min-width  : 980px;
    margin     : 0 auto;
    background : #fff;
}

.Rankbox {
    width       : 30.933%;
    margin-left : 1.8%;
    border      : solid 1px #dedede;
    box-sizing  : border-box;
    margin-top  : 15px;
}

.RankT_tit {
    background-color : #f7f7f7;
    height           : 40px;
    line-height      : 40px;
    padding          : 0 12px;
}

.RankT_tit h3 {
    font-size        : 14px;
    height           : 26px;
    line-height      : 26px;
    margin-top       : 7px;
    background-color : none;
    padding          : 0 8px;
    border-radius    : 15px;
}

.RankT_tit h3 a {
    color           : #0068a5;
    display         : inline-block;
    text-decoration : none;
}

.RankT_normal h3 {
    background-color : #f7f7f7;
}

.RankT_normal h3 a {
    color : #000
}

.phtlist {
    margin  : 0px;
    padding : 8px;
}

.phtlist a {
    color : #666;
}

.phtlist a:hover {
    text-decoration : underline;
}

.phtlist a:visited {
    color : #666;
}

.phtlist ul {
    margin           : 0px;
    padding          : 0px;
    list-style-image : none;
    list-style-type  : none;
}

.phtlist li {
    list-style-image : none;
    list-style-type  : none;
    clear            : both;
    line-height      : 28px;
    overflow         : hidden;
    font-size        : 14px;
    white-space      : nowrap;
    text-overflow    : ellipsis;
}

.phtlist .undis {
    display : none;
}

.Rinkzt {
    margin-left  : 1.8%;
    margin-right : 1.8%;
    width        : auto;
}

.hotZT {
    border-top : solid 1px #ddd;
}

.hotZT h3 {
    padding     : 6px 0 10px 0;
    color       : #000;
    font-size   : 18px;
    font-weight : bold;
}

.hotZT ul {
    overflow : hidden;
}

.hotZT ul li {
    float         : left;
    width         : 16.2%;
    overflow      : hidden;
    padding-right : 5px;
}

.hotZT ul li a {
    height      : 28px;
    line-height : 28px;
    color       : #666;
}

.hotZT ul li i {
    width            : 3px;
    height           : 10px;
    display          : inline-block;
    background-color : #37aafb;
    margin-right     : 5px;
}

.dst_Right {
    font-size        : 14px;
    background-color : #f7f7f7;
    height           : 36px;
}

.dst_Right a {
    padding         : 0 8px;
    margin-right    : 8px;
    line-height     : 34px;
    display         : inline-block;
    color           : #333;
    text-decoration : none;
}

.dst_Right a.press {
    background-color : #fff;
    color            : #f65d0b;
    border           : solid 1px #f4f4f4;
    border-bottom    : 1px solid #fff;
}

.phtspana {
    font-weight  : bold;
    font-size    : 13px;
    color        : #FF3300;
    margin-right : 8px;
    text-align   : right;
    display      : block;
    width        : 20px;
    float        : left;
}

.phtspan {
    font-weight  : bold;
    font-size    : 13px;
    margin-right : 8px;
    text-align   : right;
    display      : block;
    width        : 20px;
    float        : left;
}

.bgwhite {
    background    : #fff;
    width         : 840px;
    padding       : 0 20px;
    position      : relative;
    margin-bottom : 20px;
}

.kf-info {
    width         : 840px;
    height        : 100px;
    border-bottom : 1px solid #e6e6e6;
    margin        : 0 auto;
}

.kf-info>h1 {
    font-size   : 26px;
    color       : #404040;
    height      : 60px;
    width       : 800px;
    overflow    : hidden;
    line-height : 60px;
    text-align  : center;
    margin-top  : 10px;
}

.kf-info ul {
    width           : 780px;
    height          : 20px;
    margin          : 10px 0 0 0;
    display         : flex;
    justify-content : center;
}

.kf-info ul li {
    display   : block;
    font-size : 14px;
    color     : #999;
    margin    : 0 16px 0 14px;
}

.kf-info ul li a {
    color : #808080;
}

.lokph {
    cursor   : pointer;
    position : relative;
}

.lokph i img {
    margin         : -4px 6px 0 0;
    vertical-align : middle;
}

.lokph:hover .phewm {
    display : block;
}

.lokph .phewm {
    display    : none;
    position   : absolute;
    width      : 160px;
    height     : 180px;
    background : #fff;
    right      : -167px;
    top        : -63px;
    border     : 1px solid #d9e9d5;
}

.lokph .phewm p {
    text-align  : center;
    line-height : 30px;
}

.lokph .phewm img {
    width   : 140px;
    height  : 140px;
    display : block;
    margin  : 2px auto 10px;
}

.txt-con {
    width       : 780px;
    height      : auto;
    margin      : 0 auto 50px;
    font-size   : 15px;
    line-height : 1.6;
    color       : #555;
}

.txt-con article {
    padding : 15px 0 0;
}

.txt-con img {
    max-width : 760px;
}

.txt-con img.big-pic {
    margin-bottom : 15px;
}

.txt-con>p {
    font-size   : 15px;
    color       : #595959;
    line-height : 30px;
    margin      : 10px 0;
}

.txt-con a {
    color : #4c33e5;
}

.txt-con>p img {
    display   : block;
    max-width : 760px;
    margin    : 15px auto;
}

.txt-con>p span {
    color : #f25657;
}

.txt-con>span {
    display     : block;
    font-size   : 15px;
    color       : #feaa48;
    font-weight : bold;
    line-height : 30px;
}

.txt-con table {
    margin : 30px auto;
}

.txt-con tr td {
    line-height : 30px;
    font-size   : 14px;
    color       : #808080;
    padding     : 10px;
}

.txt-con h3 {
    font-size   : 19px;
    color       : #000;
    height      : 25px;
    line-height : 25px;
    font-weight : bold;
}

.txt-con h3 i {
    display        : inline-block;
    width          : 4px;
    height         : 18px;
    background     : #0099ff;
    margin-right   : 8px;
    vertical-align : middle;
}

.nhtAlwBox {
    width      : 838px;
    height     : 138px;
    background : #F9F9F9;
    border     : 1px solid #F0F0F0;
    margin-top : 27px;
}

.nhtAlwImg {
    float  : left;
    width  : 100px;
    height : 100px;
    margin : 20px 0px 0px 18px;
}

.nhtAlwImg a img {
    width         : 100px;
    height        : 100px;
    border-radius : 20px;
}

.nhtAlwBox dl {
    float  : left;
    width  : 520px;
    margin : 20px 0px 0px 15px;
}

.nhtAlwBox dl dt a {
    display     : block;
    height      : 20px;
    line-height : 20px;
    overflow    : hidden;
    font-size   : 16px;
}

.nhtAlwBox dl dd.cont1 {
    font-size   : 12px;
    color       : #999999;
    height      : 20px;
    line-height : 20px;
    overflow    : hidden;
    margin-top  : 6px;
}

.nhtAlwBox dl dd.cont1 span {
    display : inline-block;
}

.nhtAlwBox dl dd.cont1 em {
    font-size : 20px;
    color     : #FEA341;
    display   : inline-block;
    margin    : 0px 0px 0px 20px;
}

.nhtAlwBox dl dd.cont2 {
    width      : 520px;
    margin-top : 6px;
}

.nhtAlwBox dl dd.cont2 span {
    display : block;
    float   : left;
    width   : 76px;
    height  : 25px;
    margin  : 0px 10px 0px 0px;
}

.nhtAlwBox dl dd.cont2 span a {
    display         : block;
    width           : 76px;
    height          : 25px;
    line-height     : 25px;
    text-align      : center;
    border-radius   : 5px;
    text-decoration : none;
    color           : #FFFFFF;
    font-size       : 12px;
}

.nhtAlwBox dl dd.cont2 span a.bg1 {
    background : #25C88A;
}

.nhtAlwBox dl dd.cont2 span a.bg2 {
    background : #FE6161;
}

.nhtAlwBox dl dd.cont2 span a.bg3 {
    background : #FEA342;
}

.nhtAlwBox dl dd.cont2 span a.bg4 {
    background : #7878BC;
}

.nhtAlwBox dl dd.cont2 span a.bg5 {
    background : #CC99FF;
}

.nhtAlwBox dl dd.cont2 span a h3 {
    font-weight : normal;
}

.nhtAlwBox dl dd.cont3 {
    height      : 16px;
    line-height : 16px;
    overflow    : hidden;
    color       : #999999;
    font-size   : 12px;
    margin-top  : 8px;
}

.nhtZntXz {
    float  : right;
    width  : 137px;
    height : 48px;
    margin : 45px 25px 0px 0px;
}

.nhtZntXz a {
    display    : block;
    width      : 137px;
    height     : 48px;
    background : #0172BC;
}

.nhtZntXz a b {
    display    : block;
    float      : left;
    width      : 15px;
    height     : 15px;
    background : url(../images/bg4.png) no-repeat -85px 0px;
    margin     : 18px 10px 0px 25px;
}

.nhtZntXz a h3 {
    float       : left;
    font-size   : 14px;
    color       : #FFFFFF;
    font-weight : normal;
    line-height : 48px;
}

.nhtZntXz a:hover {
    background : #0182D8;
}

.shortcut {
    width : 100%;
    float : left;
}

.shortcut li {
    float : left;
}

.shortcut li a {
    width              : 70px;
    float              : left;
    height             : 70px;
    color              : #fff;
    text-align         : center;
    transition         : all 0.5s ease;
    -moz-transition    : all 0.5s ease;
    -ms-transition     : all 0.5s ease;
    -o-transition      : all 0.5s ease;
    -webkit-transition : all 0.5s ease;
    margin             : 0 11px 20px 15px;
    display            : inline
}

.shortcut li a p {
    margin-top : 47px
}

.shortcut li a:hover {
    text-decoration : none;
    opacity         : 0.7;
    filter          : alpha(opacity=80)
}

.shortcut li .a1 {
    background : #ff5f81 url(../images/shortcut.png) no-repeat 0 0
}

.shortcut li .a2 {
    background : #675fd6 url(../images/shortcut.png) no-repeat -67px 0
}

.shortcut li .a3 {
    background   : #ffaa1c url(../images/shortcut.png) no-repeat -137px 0;
    margin-right : 8px
}

.shortcut li .a4 {
    background : #1bbc9b url(../images/shortcut.png) no-repeat 2px -70px
}

.shortcut li .a5 {
    background : #62b5e5 url(../images/shortcut.png) no-repeat -70px -70px
}

.shortcut li .a6 {
    background   : #60c36e url(../images/shortcut.png) no-repeat -137px -70px;
    margin-right : 8px
}

.shortcut li .a7 {
    background : #939393 url(../images/shortcut.png) no-repeat 4px -140px
}

.shortcut li .a8 {
    background : #ff5f5f url(../images/shortcut.png) no-repeat -70px -140px
}

.shortcut li .a9 {
    background   : #c881ac url(../images/shortcut.png) no-repeat -137px -140px;
    margin-right : 8px
}

/* 新闻详情标题 */
.game_recom_tit {
    width          : 100%;
    height         : 40px;
    padding-bottom : 10px;
    border-bottom  : 1px solid #E6E6E6;
    margin-bottom  : 20px;
}

.game_recom_tit h2 {
    display     : inline-block;
    height      : 40px;
    line-height : 40px;
    float       : left;
    position    : relative;
    padding     : 0 8px;
    color       : #0071BC;
    font-size   : 18px;
    font-weight : normal;
}

.game_recom_tit h2:before {
    content    : '';
    display    : block;
    float      : left;
    width      : 67px;
    height     : 11px;
    background : url(../images/bg18.png) no-repeat 0 0;
    position   : absolute;
    left       : 0;
    top        : 0;
}

.game_recom_tit h2:after {
    content    : '';
    display    : block;
    float      : right;
    width      : 40px;
    height     : 9px;
    background : url(../images/bg18.png) no-repeat -70px 0;
    position   : absolute;
    right      : 0;
    bottom     : 0;
}

.ask_recom_more {
    display         : block;
    float           : right;
    color           : #999999;
    font-size       : 14px;
    position        : relative;
    height          : 18px;
    line-height     : 18px;
    margin-top      : 15px;
    text-decoration : none;
    position        : relative;
}

.ask_recom_more i {
    display    : block;
    width      : 12px;
    height     : 12px;
    float      : right;
    margin     : 3px 0 0 5px;
    background : url(../images/bg18.png) no-repeat -180px -60px;
}

.ask_recom_more:hover {
    color : #0071BC;
}

.ask_recom_more:hover i {
    background-position : -240px -60px;
}

/* 相关攻略 */
.gl {
    position : relative;
}

.gl_list {
    overflow   : hidden;
    margin-top : 10px;
}

.gl_list li {
    float         : left;
    width         : 190px;
    margin-right  : 20px;
    margin-bottom : 15px;
}

.gl_list li a {
    overflow : hidden;
}

.gl_list li .gl_pic {
    position   : relative;
    display    : block;
    overflow   : hidden;
    transition : 0.5s;
}

.gl_list li span {
    display : block;
}

.gl_list li .pic {
    position      : relative;
    width         : 190px;
    height        : 100px;
    overflow      : hidden;
    border-radius : 8px;
}

.gl_list li .pic img {
    width      : 190px;
    height     : 100px;
    transition : 0.5s;
}

.gl_list li .gl_name {
    height     : 42px;
    font-size  : 14px;
    color      : #333;
    margin-top : 4px;
    overflow   : hidden;
}

.gl_list li .gl_num {
    height      : 24px;
    line-height : 24px;
    padding     : 0 3px;
    position    : absolute;
    left        : 0;
    top         : 76px;
    text-align  : center;
    background  : #ff5459;
}

.gl_list li .gl_num {
    background : #12b89c;
}

.gl_list li .gl_num i {
    width          : 13px;
    height         : 13px;
    margin-right   : 6px;
    display        : inline-block;
    vertical-align : middle;
    background     : url(../images/icon-star.png) no-repeat;
}

.gl_list li .gl_num em {
    display        : inline-block;
    font-size      : 14px;
    color          : #fff;
    vertical-align : middle;
}

.gl_list li .pic:hover img {
    transform : scale(1.1);
}

.gl_list li a:hover .pic:after {
    content    : "";
    background : rgba(0, 0, 0, 0.2);
    position   : absolute;
    top        : 0;
    right      : 0;
    bottom     : 0;
    left       : 0;
}

.gl_list li a:hover .gl_name {
    color : #12b89c;
}

/* 相关合集 */
.tab-cont {
    display : table;
    margin  : 10px auto;
}

.gamehj-lis {
    height  : auto;
    display : none;
}

.gamehj-lis>ul {
    width   : 810px;
    display : table;
}

.gamehj-lis>ul>li {
    display : block;
    float   : left;
    width   : 250px;
    height  : 70px;
    margin  : 20px 20px 0 0;
}

.gamehj-lis>ul>li>a img {
    width         : 70px;
    height        : 70px;
    display       : block;
    float         : left;
    margin-right  : 10px;
    border-radius : 12px;
}

.gamehj-lis>ul>li>a p {
    display     : block;
    float       : left;
    width       : 170px;
    overflow    : hidden;
    height      : 24px;
    line-height : 24px;
    font-size   : 16px;
    color       : #4c4c4c;
    margin-top  : 2px;
}

.gamehj-lis>ul>li:hover>a p {
    color : #0071BC;
}

.gamehj-lis>ul>li>p {
    display     : block;
    float       : left;
    font-size   : 12px;
    color       : #8ba8a3;
    width       : 160px;
    height      : 20px;
    line-height : 22px;
}

.gamehj-lis>ul>li>p a {
    color : #8ba8a3;
}

.hslb-c {
    width  : 780px;
    height : 120px;
}

.hslb-c>img {
    display       : block;
    float         : left;
    width         : 216px;
    height        : 120px;
    border-radius : 10px;
    margin-right  : 20px;
}

.hslb-c a {
    display      : table;
    text-align   : center;
    float        : left;
    width        : 530px;
    height       : 24px;
    color        : #4c4c4c;
    *margin-left : 30px;
    *width       : 500px;
    font-size    : 18px;
}

.hslb-c a:hover {
    color : #0071BC;
}

.hslb-c a span,
.hslb-c a p {
    display     : inline-block;
    *display    : block;
    *float      : left;
    line-height : 20px;
}

.hslb-c a p {
    margin      : 0 25px;
    max-width   : 290px;
    overflow    : hidden;
    height      : 19px;
    font-weight : bold;
}

.hslb-c>p {
    display            : block;
    float              : left;
    height             : 79px;
    width              : 530px;
    font-size          : 14px;
    color              : #4c4c4c;
    margin-top         : 10px;
    line-height        : 26px;
    overflow           : hidden;
    display            : -webkit-box;
    -webkit-line-clamp : 3;
    -webkit-box-orient : vertical;
    word-break         : break-all;
}

.noewm {
    width        : 160px;
    margin-right : 10px;
    margin-top   : 20px;
}

.noewm p {
    width        : 160px;
    border-right : none;
}

.tablis span {
    display     : block;
    float       : left;
    width       : auto;
    height      : 30px;
    line-height : 30px;
    margin      : 10px 0 0 20px;
    text-align  : center;
    font-size   : 14px;
    color       : #4c4c4c;
    cursor      : pointer;
    position    : relative;
    padding     : 0 3px;
}

.tablis span.on {
    color : #0071BC !important;
}

.dowl-left>h1 {
    width       : 810px;
    height      : 35px;
    line-height : 30px;
    overflow    : hidden;
    font-size   : 30px;
    color       : #4c4c4c;
    font-weight : bold;
}

.dowl-left {
    width   : 800px;
    padding : 20px 0;
}

.dowl-left>h1 span {
    font-family : '宋体';
    color       : #8ba8a3;
    font-size   : 12px;
    margin-left : 10px;
}

.dowl-info {
    width         : 100%;
    margin-top    : 30px;
    height        : auto;
    border-bottom : 1px solid #e6e6e6;
}

.dowl-top {
    height : 240px;
}

.dowl-min {
    width      : 790px;
    height     : 100px;
    margin-top : 20px;
}

.dowl-min>img {
    width         : 100px;
    height        : 100px;
    display       : block;
    float         : left;
    border-radius : 14px;
    margin-right  : 20px;
}

.dowl-min .dowl-img {
    position : absolute;
    right    : 20px;
    top      : 55px;
    width    : 150px;
    height   : 150px;
}

.dowl-min ul {
    width   : 647px;
    height  : 60px;
    display : block;
    float   : left;
}

.dowl-min ul li {
    display      : block;
    float        : left;
    width        : 140px;
    height       : 30px;
    line-height  : 30px;
    margin-right : 20px;
    overflow     : hidden;
    font-size    : 14px;
    color        : #808080;
}

.dow-cont {
    display : block;
    float   : left;
    margin  : 20px 10px 0 0;
    height  : 40px;
    cursor  : pointer;
}

.dow-cont>a>img {
    height : 40px;
}

.downl-btn {
    display       : block;
    float         : left;
    width         : 184px;
    height        : 40px;
    background    : #0099ff;
    border-radius : 8px;
}
.downl-btn.grey{
    background: #bbb;
}

.downl-btn>p {
    display      : block;
    float        : left;
    width        : 130px;
    height       : 40px;
    text-align   : center;
    line-height  : 40px;
    color        : #fff;
    font-size    : 16px;
    border-right : 1px solid #ccc;
}

.downl-btn>p a {
    display : block;
    color   : #fff;
}

.sm-op {
    display    : block;
    float      : left;
    width      : 50px;
    height     : 40px;
    position   : relative;
    background : url(../images/bg-wx-ico.png) no-repeat center;
}

.sm-op>div {
    display    : none;
    width      : 158px;
    height     : 190px;
    position   : absolute;
    right      : -8px;
    top        : 58px;
    background : url(../images/bg-wx2.png) no-repeat;
    z-index    : 9;
}

.sm-op>div img {
    width  : 136px;
    height : 136px;
    margin : 16px 5px 0 6px;
}

.sm-op>div P {
    width      : 150px;
    text-align : center;
    font-size  : 14px;
    color      : #4c4c4c;
}

.sm-op:hover>div {
    display : block;
}

.icon-safe p img {
    margin : 0 8px 0 4px;
}

.dowl-left .tag_box {
    width: 500px;
    float: left;
    margin-top: 5px;
}

.dowl-left .tag_box a {
    margin        : 0 6px;
    padding       : 2px 6px;
    border        : 1px solid #0099ff;
    border-radius : 6px;
    color         : #0099ff;
}

.dowl-left .tag_box a:hover {
    background : #0099ff;
    color      : #fff;
}

.game_decoration {
    position   : relative;
    margin-top : 50px;
}

.htIn_game_intro {
    margin-top : 21px;
    font-size  : 14px;
}

.htIn_artIn_recom {
    line-height : 23px;
}

.htIn_artIn_recom i {
    display      : block;
    float        : left;
    width        : 20px;
    height       : 23px;
    margin-right : 5px;
    background   : url(../images/bg22.png) no-repeat 0 -25px;
}

.htIn_artIn_recom a {
    text-decoration : underline;
    margin-left     : 7px;
}

.htIn_game_intro p {
    line-height : 30px;
    margin-top  : 18px;
}

.htIn_game_intro p i {
    font-style : normal;
}

.htIn_game_intro h2 {
    display     : inline-block;
    font-weight : bold;
    color       : #0071BC;
    font-size   : 18px;
    margin-top  : 20px;
}

.htIn_game_intro h2:before,
.htIn_game_intro h2:after {
    content    : '';
    display    : block;
    width      : 10px;
    height     : 2px;
    margin-top : 12px;
    background : #0071BC;
}

.htIn_game_intro h2:before {
    float        : left;
    margin-right : 7px;
}

.htIn_game_intro h2:after {
    float       : right;
    margin-left : 7px;
}

.htIn_game_intro img {
    display   : block;
    margin    : 0 auto;
    max-width : 100%;
}

.game_pic_swiper {
    height     : 300px;
    margin-top : 25px;
}

.game_pic_swiper .swiper-slide {
    width       : auto !important;
    height      : 284px;
    margin-left : 8px;
}

.game_pic_swiper .swiper-slide:first-child {
    margin-left : 0
}

.game_pic_swiper iframe {
    width : 458px;
}

.game_pic_swiper iframe,
.game_pic_swiper img {
    height : 100%;
}

.game_pic_swiper .swiper-scrollbar {
    bottom : 0;
}

.game_pic_swiper .swiper-button-next,
.game_pic_swiper .swiper-button-prev {
    display    : block;
    width      : 25px;
    height     : 284px;
    margin-top : 0;
    background : rgba(0, 0, 0, 0.5);
    position   : absolute;
    top        : 0;
    z-index    : 2;
}

.game_pic_swiper .swiper-button-prev {
    left : 0
}

.game_pic_swiper .swiper-button-next {
    right : 0
}

.game_pic_swiper .swiper-button-next:after,
.game_pic_swiper .swiper-button-prev:after {
    content    : '';
    display    : block;
    width      : 10px;
    height     : 16px;
    margin-top : -18px;
    position   : absolute;
    top        : 50%;
    margin-top : -5px;
    background : url(../images/bg22.png) no-repeat;
}

.game_pic_swiper .swiper-button-prev:after {
    background-position : -180px -25px;
    left                : 6px;
}

.game_pic_swiper .swiper-button-next:after {
    background-position : -190px -25px;
    right               : 6px;
}

/* 相关推荐 */
.dowl-right {
    width          : 100%;
    margin-bottom  : 20px;
    margin-top     : 10px;
    padding-left   : 16px;
    padding-bottom : 20px;
    box-sizing     : border-box;
    border-bottom  : 10px solid #eef3f6;
}

.dowl-right .qhbtn {
    cursor      : pointer;
    line-height : 20px;
    font-size   : 16px;
    color       : #8ba8a3;
    height      : 20px;
}

.dowl-right .version_list {
    font-size : 14px;
}

.dowl-right .version_list li {
    line-height   : 1;
    margin-top    : 26px;
    white-space   : nowrap;
    overflow      : hidden;
    text-overflow : ellipsis;
}

.dowl-right .qhbtn:hover {
    color : #0099ff;
}

.bt-c2 {
    height : 24px;
}

.bt-c2 p,
.bt-c2 h2 {
    font-weight : normal;
    display     : block;
    float       : left;
    text-indent : .6em;
    width       : auto;
    font-size   : 20px;
    color       : #4c4c4c;
    line-height : 22px;
    border-left : 5px solid #0099ff;
}

.bt-c2 a {
    float       : right;
    line-height : 24px;
    font-size   : 14px;
    color       : #8ba8a3;
    margin      : 0 0 0 20px;
    height      : 24px;
    display     : inline-block;
}

.upload_link {
    width     : 90px;
    height    : 50px;
    float     : left;
    font-size : 14px;
    color     : #404040;
    position  : relative;
    z-index   : 999;
    top       : -12px;
    right     : -94px;
}

.upload_link a {
    display      : block;
    float        : right;
    color        : #404040;
    line-height  : 50px;
    margin-right : 20px;
}

.upload_link .downl_tips {
    float  : right;
    cursor : pointer;
}

.downl_tips:hover .downl_tips_wrap {
    display : block;
}

.upload_link .downl_tips span {
    line-height : 50px;
}

.upload_link .downl_tips_wrap {
    display         : none;
    width           : 240px;
    height          : 239px;
    position        : absolute;
    right           : 0;
    top             : 38px;
    background      : url("../images/bg-ewm3.png") no-repeat;
    background-size : 100% 100%;
}

.upload_link .downl_tips_wrap .title {
    text-align    : center;
    margin        : 20px 20px 0;
    border-bottom : 1px solid #f7e9fd;
    height        : 50px;
    line-height   : 50px;
    color         : #333;
    font-weight   : bold;
    font-size     : 16px;
}

.upload_link .downl_tips_wrap p {
    margin      : 5px 20px;
    line-height : 22px;
    color       : #666;
    font-size   : 14px;
    border-left : none
}

.upload_link .downl_tips_wrap u {
    color           : #7cb47b;
    display         : block;
    text-decoration : none
}

.lb-con {
    width         : 280px;
    height        : 60px;
    display       : block;
    float         : left;
    border-bottom : 1px dashed #ddd;
}

.lb-con>a img {
    width         : 50px;
    height        : 50px;
    display       : block;
    float         : left;
    margin        : 5px 20px 0 10px;
    border-radius : 12px;
}

.lb-con>a p {
    width       : 138px;
    height      : 20px;
    display     : block;
    float       : left;
    margin-top  : 10px;
    overflow    : hidden;
    line-height : 20px;
    color       : #404040;
    font-size   : 16px;
}

.lb-con>a p:hover {
    color : #0099ff;
}

.lb-con:hover {
    background : #f0f0f0;
}

.dowl-but {
    display       : block;
    float         : right;
    width         : 60px;
    height        : 26px;
    text-align    : center;
    line-height   : 26px;
    border        : 1px solid #0099ff;
    color         : #0099ff;
    border-radius : 6px;
    margin-top    : -14px;
}

.dowl-but:hover {
    color      : #fff;
    background : #0099ff;
}

.tuijian-dowl p {
    height      : 24px;
    width       : 138px;
    margin      : 2px 0;
    overflow    : hidden;
    line-height : 24px;
    font-size   : 12px;
    color       : #8ba8a3;
}

/* 专题详情顶部 */
.g-left-box {
    width      : 100%;
    height     : auto;
    background : #fff;
    padding    : 0 0 14px 0;
    display    : block;
    overflow   : hidden;
    margin     : 15px 0 0 0;
}

.g-introd-box .g-introd-left {
    width  : 300px;
    height : auto;
}

.g-introd-box .g-introd-left dt {
    width      : 100%;
    height     : 216px;
    background : url(../images/keyword-imgbg.jpg) no-repeat;
    display    : block;
    overflow   : hidden
}

.g-introd-box .g-introd-left dt img {
    width   : 270px;
    height  : 186px;
    margin  : 15px 0 0 15px;
    display : block;
}

.g-introd-box .g-introd-left dd {
    width       : 100%;
    height      : 16px;
    line-height : 16px;
    font-size   : 14px;
    font-weight : normal;
    color       : #333;
    text-align  : center;
    display     : block;
    overflow    : hidden;
    margin      : 15px 0 0 0;
}

.g-introd-box .g-introd-left dd a {
    color : #333
}

.g-introd-box .g-introd-left dd a:hover {
    color           : #14985c;
    text-decoration : underline
}

.g-introd-box .g-introd-right {
    width       : 510px;
    height      : auto;
    margin-left : 20px;
}

.g-introd-box .g-introd-right dt {
    position : relative;
    width    : 100%;
    height   : auto;
    display  : block;
    overflow : hidden
}

.g-introd-box .g-introd-right dt h1 {
    width       : 100%;
    height      : 30px;
    line-height : 30px;
    font-size   : 24px;
    font-weight : 400;
    color       : #000;
    font-family : arial, "Microsoft YaHei", "\5fae\8f6f\96c5\9ed1";
    display     : block;
    overflow    : hidden
}

.g-introd-box .g-introd-right dt em {
    width       : 100%;
    height      : 18px;
    line-height : 18px;
    font-size   : 14px;
    font-weight : normal;
    color       : #666;
    text-indent : 25px;
    display     : block;
    overflow    : hidden;
    position    : relative;
    zoom        : 1;
    margin      : 10px 0 0 0;
}

.g-introd-box .g-introd-right dt b {
    width      : 18px;
    height     : 18px;
    background : url(../images/keyword-icon.png) no-repeat 0 -402px;
    display    : block;
    overflow   : hidden;
    position   : absolute;
    left       : 0;
    top        : 0;
}

.g-introd-box .g-introd-right dt b.time_k {
    position    : absolute;
    top         : 39px;
    left        : 133px;
    width       : 202px;
    background  : none;
    font-weight : normal;
    font-size   : 14px;
    color       : #666;
}

.g-introd-box .g-introd-right dt em span {
    font-weight : bold;
    color       : #ff7252;
    padding     : 0 4px;
}

.g-introd-box .g-introd-right .g-cont {
    width    : 500px;
    height   : 90px;
    padding  : 0 10px 0 0;
    display  : block;
    overflow : auto;
    margin   : 10px 0 0 0;
}

.g-introd-box .g-introd-right .g-cont p {
    width       : 100%;
    height      : auto;
    line-height : 28px;
    font-size   : 14px;
    font-weight : normal;
    color       : #666;
    display     : block;
    overflow    : hidden;
}

.g-introd-box .g-introd-right .other_key {
    line-height : 33px;
}

.g-introd-box .g-introd-right .other_key span {
    color : #999999;
}

.g-introd-box .g-introd-right .other_key a {
    color         : #fff;
    padding       : 6px 10px;
    border-radius : 4px;
    white-space   : nowrap;
}

.g-introd-box .g-introd-right .other_key a:hover {
    opacity : .8;
}

.g-introd-box .g-introd-right .other_key a:nth-of-type(n+1) {
    background : #30dbb1;
}

.g-introd-box .g-introd-right .other_key a:nth-of-type(n+2) {
    background : #f2a0a1;
}

.g-introd-box .g-introd-right .other_key a:nth-of-type(n+3) {
    background : #f8b862;
}

.g-introd-box .g-introd-right .other_key a:nth-of-type(n+4) {
    background : #a59aca;
}

.g-introd-box .g-introd-right .m-bdshare {
    width    : 100%;
    height   : auto;
    display  : block;
    overflow : hidden;
    margin   : 14px 0 0 0;
}

.g-day-box {
    width    : 100%;
    height   : auto;
    margin   : 11px 0 0 0;
    display  : block;
    position : relative;
    zoom     : 1;
}

.g-day-box .g-recomd-day {
    width      : 274px;
    height     : auto;
    background : #fff;
    margin     : 4px 0 0 0;
    padding    : 0 0 10px 0;
    display    : block;
    /* overflow   : hidden; */
}

.g-day-box .g-recomd-day .g-name {
    width       : 180px;
    height      : 22px;
    line-height : 22px;
    font-size   : 20px;
    font-weight : normal;
    color       : #333;
    font-family : arial, "Microsoft YaHei", "\5fae\8f6f\96c5\9ed1";
    margin      : 10px 0 0 20px;
    overflow    : hidden;
}

.g-day-box .g-recomd-day .g-name:hover {
    color           : #14985c;
    text-decoration : underline
}

.g-day-box .g-recomd-day .g-img {
    width  : 66px;
    height : 66px;
    margin : 16px 0 0 17px;
}

.g-day-box .g-recomd-day .g-img img {
    width    : 100%;
    height   : 66px;
    display  : block;
    overflow : hidden
}

.g-day-box .g-recomd-day p {
    width       : 148px;
    height      : 92px;
    line-height : 18px;
    font-size   : 12px;
    font-weight : normal;
    font-family : Arial, Helvetica, sans-serif;
    color       : #888;
    text-indent : 2em;
    margin      : 16px 0 0 12px;
    overflow    : hidden;
}

.g-day-box .g-recomd-day ul {
    width    : 260px;
    height   : auto;
    float    : left;
    margin   : 0px 0 0 16px;
    float    : left;
    display  : inline;
    overflow : hidden
}

.g-day-box .g-recomd-day ul li {
    width       : 122px;
    height      : 14px;
    line-height : 14px;
    font-size   : 12px;
    font-weight : normal;
    color       : #999;
    font-family : Arial, Helvetica, sans-serif;
    float       : left;
    margin      : 6px 0 0 0;
    float       : left;
    display     : inline;
    overflow    : hidden
}

.g-day-box .g-recomd-day ul li span {
    color : #555
}

.g-day-box .g-recomd-day ul .m-hover {
    width : 100%;
}

.g-day-box .g-recomd-day .g-btn {
    width       : 220px;
    height      : 55px;
    line-height : 55px;
    font-size   : 20px;
    font-weight : normal;
    color       : #fff;
    font-family : arial, "Microsoft YaHei", "\5fae\8f6f\96c5\9ed1";
    text-indent : 86px;
    background  : #3fb118;
    float       : left;
    margin      : 8px 0 0 27px;
    float       : left;
    display     : block;
    /* overflow    : hidden; */
    position    : relative;
    zoom        : 1;
	margin-bottom: 10px;
}



.g-day-box .g-recomd-day .g-btn .QR_code_box {
    background     : #fff;
    line-height    : 2.5;
    position       : absolute;
    z-index        : 11111;
    font-size      : 16px;
    text-align     : center;
    color          : #333;
    width          : 100%;
    box-sizing     : border-box;
    flex-direction : column;
    text-indent    : 0;
    border         : 1px solid #f44747;
    display        : none;
}
.g-day-box .g-recomd-day .g-btn .QR_code_box .b_m_url img{
	width:150px;
	height:150px;
}
.g-day-box .g-recomd-day .g-btn b {
    width      : 29px;
    height     : 29px;
    background : url(../images/keyword-icon.png) no-repeat 0 -542px;
    display    : block;
    overflow   : hidden;
    position   : absolute;
    left       : 42px;
    top        : 14px;
}

.g-day-box .g-recomd-day .g-btn:hover {
    background : #f44747
}

.g-day-box .g-recomd-day .g-bg {
    width      : 112px;
    height     : 112px;
    background : url(../images/keyword-icon.png) no-repeat 0 -121px;
    display    : block;
    overflow   : hidden;
    position   : absolute;
    right      : -8px;
    top        : -15px;
    z-index    : 10
}

.hotLabel .hL_cont ul {
    display    : flex;
    flex-wrap  : wrap;
    width      : 100%;
    margin-top : 20px;
}

.hotLabel .hL_cont ul li {
    width      : 341px;
    padding    : 0 21px;
    border     : 1px solid #ececec;
    margin     : 0 0 20px 22px;
    position   : relative;
    background : #fff;
}

.hotLabel .hL_cont ul li:nth-of-type(3n+1) {
    margin-left : 0;
}

.hotLabel .hL_cont ul li:hover {
    border             : 1px solid #ff9400;
    -moz-box-shadow    : 0 10px 20px #ddd;
    /* Firefox */
    -webkit-box-shadow : 0 10px 20px #ddd;
    /* Safari 和 Chrome */
    box-shadow         : 0 10px 20px #ddd;
    /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */
}

.hotLabel .hL_cont .hL_sty {
    padding       : 24px 0;
    border-bottom : 1px dashed #ececec;
    position      : relative;
}

.hotLabel .hL_cont .hL_sty .img {
    display : block;
    float   : left;
}

.hotLabel .hL_cont .hL_sty .img img {
    display       : block;
    width         : 80px;
    height        : 80px;
    border-radius : 16px;
}

.hotLabel .hL_cont .hL_sty .img img:hover {
    opacity : .8;
    filter  : progid:DXImageTransform.Microsoft.Alpha(opacity=80);
}

.hotLabel .hL_cont .hL_sty .txt {
    float  : left;
    margin : 0 0 0 15px;
    width  : 155px;
}

.hotLabel .hL_cont .hL_sty .txt h6 {
    color         : #333333;
    font-size     : 18px;
    font-weight   : normal;
    line-height   : 25px;
    height        : 25px;
    overflow      : hidden;
    text-overflow : ellipsis;
    white-space   : nowrap;
}

.hotLabel .hL_cont .hL_sty .txt p {
    color       : #666666;
    font-size   : 14px;
    line-height : 15px;
    height      : 15px;
    margin      : 12px 0 0 0;
}

.hotLabel .hL_cont .hL_sty .txt p span {
    color : #333333;
}

.hotLabel .hL_cont .hL_sty .txt p em {
    color  : #ff9400;
    margin : 0 5px 0 0;
}

.hotLabel .hL_cont .hL_sty .txt p em a {
    color   : #ff9400;
    margin  : 0;
    padding : 0;
}

.hotLabel .hL_cont .hL_sty .down {
    position         : absolute;
    bottom           : 24px;
    right            : 0;
    display          : block;
    width            : 70px;
    text-align       : center;
    height           : 30px;
    line-height      : 30px;
    background-color : #f9f9f9;
    color            : #54bf05;
    font-size        : 14px;
    border-radius    : 2px;
    z-index          : 99;
}

.hotLabel .hL_cont .hL_sty .down:hover {
    background-color : #54bf05;
    color            : #fff;
}

.hotLabel .hL_cont .hL_j {
    margin        : 15px 0;
    height        : 45px !important;
    overflow      : hidden !important;
    text-overflow : ellipsis;
}

.hotLabel .hL_cont .hL_j p {
    color              : #888888;
    font-size          : 14px;
    line-height        : 25px;
    overflow           : hidden;
    text-overflow      : ellipsis;
    display            : -webkit-box;
    -webkit-box-orient : vertical;
    -webkit-line-clamp : 2;
}

.hotLabel .hL_cont .hL_j p b {
    color       : #333333;
    font-weight : bold;
}

.hotLabel .hL_cont .hL_j p a {
    color : #0c9ffd;
}

.hotLabel .hL_cont .hL_j p a:hover {
    color : #ffc502;
}

.hotLabel .hL_cont .hL_pos {
    background : url(../images/hotlabel_bg.png) no-repeat right top;
    position   : absolute;
    top        : -4px;
    right      : -5px;
    width      : 94px;
    height     : 95px;
    z-index    : 98;
}

.box4 {
    padding          : 10px;
    background-color : #FFF
}

.game_video {
    width  : 100%;
    height : 300px;
    margin : 14px 0
}

.video_a {
    width        : 520px;
    height       : 300px;
    position     : relative;
    float        : left;
    margin-right : 8px;
    overflow     : hidden
}

.video_a img {
    width   : 520px;
    height  : 300px;
    display : block
}

.video_a .icon {
    display     : none;
    width       : 56px;
    height      : 56px;
    background  : url(../images/icon.png) no-repeat -89px -291px;
    position    : absolute;
    left        : 50%;
    top         : 98px;
    margin-left : -37px;
    z-index     : 10
}

.video_a .bg {
    height     : 42px;
    width      : 560px;
    background : #000;
    opacity    : .8;
    filter     : alpha(opacity=80);
    position   : absolute;
    left       : 0;
    bottom     : 0
}

.video_a .tit {
    padding     : 0 10px;
    height      : 42px;
    font-size   : 16px;
    line-height : 42px;
    position    : absolute;
    left        : 0;
    bottom      : 0;
    width       : 493px
}

.video_a .bnt {
    display    : block;
    width      : 32px;
    height     : 32px;
    position   : absolute;
    right      : 13px;
    bottom     : 5px;
    background : url(../images/icon.png) no-repeat -506px -69px;
    overflow   : hidden
}

.video_a a {
    color : #fff
}

.video_a:hover .bg {
    height : 300px
}

.video_a:hover .icon {
    display : block
}

.video_a:hover .tit {
    height      : 300px;
    line-height : 300px;
    padding     : 0 0px;
    width       : 520px;
    overflow    : hidden;
    font-size   : 24px;
    font-weight : bold;
    text-align  : center
}

.video_a:hover .bnt {
    display : none
}

.video_list {
    float    : left;
    height   : 300px;
    width    : 650px;
    overflow : hidden;
    position : relative
}

.video_b {
    width         : 315px;
    height        : 145px;
    float         : left;
    margin-left   : 10px;
    margin-bottom : 10px;
    position      : relative;
    overflow      : hidden;
    zoom          : 1
}

.video_b img {
    width   : 315px;
    height  : 145px;
    display : block
}

.video_b .sml {
    width    : 315px;
    height   : 36px;
    position : absolute;
    left     : 0;
    bottom   : 0
}

.video_b .sml a {
    display     : block;
    padding     : 0 44px 0 8px;
    height      : 36px;
    width       : 263px;
    line-height : 36px;
    color       : #fff;
    position    : absolute;
    left        : 0;
    bottom      : 0;
    z-index     : 10
}

.video_b .sml b {
    display    : block;
    width      : 26px;
    height     : 26px;
    position   : absolute;
    right      : 10px;
    bottom     : 5px;
    z-index    : 10;
    background : url(../images/icon.png) no-repeat -504px -37px
}

.video_b .sml .bg {
    display    : block;
    width      : 315px;
    height     : 36px;
    background : #000;
    opacity    : .7;
    filter     : alpha(opacity=70)
}

.video_b .big {
    width    : 300px;
    height   : 145px;
    position : absolute;
    left     : 0;
    bottom   : 0;
    display  : none
}

.video_b .big .bg {
    display    : block;
    width      : 315px;
    height     : 145px;
    background : #000;
    opacity    : .8;
    filter     : alpha(opacity=80)
}

.video_b .big b {
    display     : block;
    width       : 40px;
    height      : 40px;
    background  : url(../images/icon.png) no-repeat -152px -299px;
    position    : absolute;
    left        : 50%;
    top         : 30px;
    margin-left : -28px;
    z-index     : 10
}

.video_b .big p {
    position    : absolute;
    left        : 0;
    bottom      : 0;
    padding     : 0 0px;
    width       : 315px;
    height      : 145px;
    line-height : 145px;
    text-align  : center;
    color       : #fff;
    font-size   : 16px;
    font-weight : bold;
    z-index     : 10;
    overflow    : hidden
}

.video_b:hover .sml {
    display : none
}

.video_b:hover .big {
    display : block
}

.video_a .b_line {
    background : #FFDC38;
    height     : 5px
}

.video_b .b_line {
    background : #FFDC38;
    height     : 3px
}

.box4 .game_video .gift-list {
    float       : left;
    width       : 520px;
    margin-left : 10px
}

.box4 .game_video .gift-list .gift-item {
    float            : left;
    width            : 32%;
    height           : 35px;
    margin-right     : 2%;
    margin-bottom    : 9px;
    line-height      : 35px;
    text-align       : center;
    background-color : #f6f6f6;
    overflow         : hidden;
    font-size        : 12px;
    color            : #444
}

.box4 .game_video .gift-list .gift-item a {
    color       : inherit;
    white-space : nowrap;
}

.box4 .game_video .gift-list .gift-item:nth-of-type(3n) {
    margin-right : 0
}

.box4 .game_video .gift-list .gift-item:hover {
    background-color : #f60;
    color            : #ffffff
}

.wz-list ul {
    display   : flex;
    position  : relative;
    z-index   : 2;
    overflow  : hidden;
    flex-wrap : wrap;
}

.wz-list ul li {
    width        : 32%;
    height       : 34px;
    overflow     : hidden;
    margin-right : 15px;
    background   : url(../images/ico-circle.png) no-repeat left;
}

.wz-list ul li a {
    display       : block;
    float         : left;
    overflow      : hidden;
    white-space   : nowrap;
    text-overflow : ellipsis;
    height        : 34px;
    line-height   : 34px;
    margin-left   : 12px;
    width         : 680px;
    text-indent   : .5em;
    font-size     : 14px;
    color         : #4c4c4c;
}

.wz-list ul li:hover {
    background : #f0f0f0 url(../images/ico-circle2.png) no-repeat left !important;
}

.wz-list ul li:hover a {
    color      : #0099ff;
    background : #f0f0f0;
}



.add-wrap {
    background-color : #feffe9;
    position         : relative;
    border-radius    : 10px;
    width            : 80%;
    min-width        : 500px;
    padding          : 30px 0 15px 0;
    text-align       : center;
    margin           : 20px auto;
    box-shadow       : 0 0 20px 2px #bbb;
}

.add-wrap .add-wrap-tit {
    background-color : #998AA0;
    color            : #fff;
    font             : normal bolder 18px microsoft yahei;
    text-indent      : 0;
    text-align       : center;
    line-height      : 34px;
    position         : absolute;
    border-radius    : 5px;
    width            : 300px;
    height           : 35px;
    left             : 50%;
    margin-left      : -150px;
    margin-top       : -42px;
    overflow         : hidden;
}

.add-wrap .add-wrap-main {
    display      : inline-block;
    margin       : 10px auto 0;
    position     : relative;
    padding-left : 200px
}

.add-wrap .add-wrap-main>a {
    position   : absolute;
    left       : 10px;
    top        : 50%;
    margin-top : -70px;
    display    : inline-block;
    color      : rgb(26, 113, 222);
}

.add-wrap .add-wrap-main>a>span {
    display           : inline-block;
    width             : 180px;
    height            : 140px;
    vertical-align    : middle;
    border            : none;
    background-size   : contain;
    background-repeat : no-repeat;
    opacity           : 1;
}

.add-wrap .add-wrap-main>a>span img {
    width  : 140px;
    height : 140px;
}

.add-wrap .add-wrap-main div {
    display     : inline-block;
    width       : 260px;
    font-family : microsoft yahei;
    text-align  : center;
}

.add-wrap .add-wrap-main div p {
    color           : #998AA0;
    text-indent     : 0;
    margin          : 5px;
    margin-top      : 0;
    text-decoration : none;
    font-weight     : bold;
    line-height     : 30px;
    font-size       : 20px;
    padding         : 0;
}

.add-wrap .add-wrap-main div a {
    display : block;
}

.add-wrap .add-wrap-main div a span {
    margin           : 10px 0px;
    display          : block;
    font-weight      : 600;
    color            : rgb(255, 255, 255);
    font-size        : 16px;
    border-radius    : 10px;
    text-indent      : 0px;
    background-color : rgb(255, 186, 0);
    height           : 30px;
    line-height      : 30px;
    text-align       : center;
    padding          : 5px 10px;
    overflow         : hidden;
}

.add-wrap .add-wrap-main div a span:hover {
    background : #ffa200
}