@charset "utf-8";
/* titile */
.page-tit{ height: 34px; line-height:34px; background: #f6f6f6; border-left: 3px solid #ee6a2c; position: relative; border-bottom: 1px solid #fff;}
.page-tit h2{font-size: 16px; float: left; color: #111; font-weight: bold; margin-left: 10px;}
.page-tit::after{display: block; content: ''; width: 100%; height: 1px; background: #e5e5e5;position: absolute; left: 0; bottom: -1px;}

.page-tit2{height: 48px; padding-top: 10px; position: relative; border-bottom: 1px solid #f1f1f1;}
.page-tit2 h2{font-size: 18px; float: left; color: #111; font-weight: bold; border-bottom: 2px solid #ee6a2c; height: 48px; line-height: 48px;}
.page-tit2 .more{display: block; float: right; width: 58px; height: 24px; background: #f6f6f6; color: #999; text-align: center; line-height: 24px; border-radius: 12px; margin-top: 12px; transition: all .3s;}
.page-tit2 .more:hover{background: #ee6a2c; color: #fff;}
.content{
    position: relative;
}
/* g-top */
.g-top{padding: 35px 28px 0; margin-bottom: 10px; box-sizing: border-box;background: url(../images/bg-icon.png) no-repeat; height: 250px;}

.g-details{margin-bottom: 7px;height: 140px;}
.g-details .img{width:140px; height: 100%;float: left; margin-right: 24px;}
.g-details .img img{width: 100%; height:100%;border-radius: 24px;}

.g-details .msg{width: 697px; float: left; margin-right: 22px;}
.g-details .msg h1{font-size: 24px; font-weight: bold;color: #111;overflow: hidden;height: 32px; line-height: 32px;margin-bottom: 8px;}

.g-details .msg ul{margin-bottom: 9px;overflow: hidden; zoom: 1;}
.g-details .msg ul li{width: 245px; float: left; height: 32px; line-height: 32px;color: #555;}

.g-details .msg .tags{overflow: hidden; zoom:1; height: 24px;}
.g-details .msg .tags em{display: none;}
.g-details .msg .tags a{ display: inline-block;padding: 0 10px;color:#ee6a2c;height: 22px;margin-right: 10px; line-height: 22px; float: left; border:1px solid #ee6a2c;}
.g-details .msg .tags i{ display: inline-block;padding: 0 10px;color:#adadad;height: 22px;margin-right: 10px; line-height: 22px; float: left;border:1px solid #adadad;}
.g-details .msg .tags a:nth-of-type(1){color:#ffb16b; border-color:#ffb16b;}
.g-details .msg .tags a:nth-of-type(2){color:#8297ec; border-color:#8297ec;}
.g-details .msg .tags a:nth-of-type(3){color:#ff978a; border-color:#ff978a;}


.g-details .btn-box{width: 188px; float: left; padding-top: 17px;}
.g-details .btn-box a{display: block;width: 100%; height: 44px; font-size:16px; color: #fff; line-height: 44px;border-radius: 3px; background-color: #20cf78; margin-bottom: 20px;}
.g-details .btn-box a i{display: inline-block; width: 24px; height: 26px; background: url(../images/icons.png) no-repeat; background-position: -22px 0; float: left; margin: 9px 10px 0 30px;}
.g-details .btn-box .ios-btn{background: #4497ec;}
.g-details .btn-box .ios-btn i{background-position-x: -54px;}
.g-details .btn-box .no-btn{background: #ccc;}
.g-details .btn-box .yuyue-btn{display: none; background: #ffb80e;text-align: center;}
.g-details .btn-box .yuyue-btn i{display: none;}
.g-details .btn-box a:hover{opacity: .8; filter: alpha(opacity=80);}
.g-details .btn-box a.pc_btn{
    background: #4497ec !important;
    text-align: center;
}
.g-details .btn-box a.pc_btn span{
    background:url(../images/pc_btn.png) no-repeat 0 0;
    display: inline-block;
    width: 24px;
    height: 24px;
    background-size: 100% 100%;
    vertical-align: middle;
    margin-right: 8px;
}

/* nav-jump */
/* .nav-jump{height: 46px; line-height: 46px; background: #faece6;}
.nav-jump span{ font-size: 17px; color: #333; float: left; cursor: pointer; position: relative; padding: 0 45px; height:46px;}
.nav-jump i{color: #b5b6b6; float: left;}
.nav-jump span.active,.nav-jump span:hover{font-weight: bold; color: #ee6a2c;}
.nav-jump span.active::after{display: inline-block; content: ''; border-left: 6px solid transparent;border-right: 6px solid transparent;border-bottom: 6px solid #ee6a2c; position: absolute; left: 50%; bottom: 0; margin-left: -6px;}
 */
/* nav-jump */
.nav-jump{height: 67px; line-height: 67px;}
.nav-jump span{ font-size: 18px; color: #333; float: left; cursor: pointer; position: relative; padding: 0 45px; height: 67px;}
.nav-jump i{color: #b5b6b6; float: left;}
.nav-jump span.active,.nav-jump span:hover{font-weight: bold; color: #ff5d48;}
.nav-jump span.active::after{display: inline-block; content: ''; border-left: 9px solid transparent;border-right: 9px solid transparent;border-bottom: 9px solid #ee6a2c; position: absolute; left: 50%; bottom: 0; margin-left: -9px;}



/* con-left */
.con-left{width: 810px;background-color: #fff;margin-bottom: 20px; padding: 25px 0; box-sizing: border-box;}

/* slide_img */
.img-box{width:100%; height: 370px; position: relative; margin-bottom: 30px}
.img-box .prev {display: block;width: 30px;height: 100%;background: #666;position: absolute;left: 0;top: 0%;cursor: pointer; overflow: hidden;zoom: 1;}
.img-box .prev em{display: inline-block; width: 14px; height: 28px; background: url(../images/icons.png) no-repeat; background-position: -83px 0; float: left; margin: 171px 0 0 8px;}
.img-box .next {display: block;width: 30px;height: 100%;background: #666;position: absolute;right: 0;top: 0%;cursor: pointer; overflow: hidden;zoom: 1;}
.img-box .next em{display: inline-block; width: 14px; height: 28px; background: url(../images/icons.png) no-repeat; background-position: -100px 0; float: left; margin: 171px 0 0 8px;}
.img-box .prev:hover em{opacity: .6; filter: alpha(opacity=60);}
.img-box .next:hover em{opacity: .6; filter: alpha(opacity=60);}

.slide_box {height: 100%;overflow: hidden; position: relative;z-index: 0;width: 720px; margin: 0 auto;}
.slide_box .img_list {position: absolute;left: 0;top: 0;width: 9999px;}
.slide_box .img_list li {float: left;}
.slide_box .img_list li img {height: 370px;width: auto;padding-right: 17px; cursor: pointer;}

/* intro-con */
.intro-con{margin-bottom: 30px;}
.intro-con .con{font-size:15px;line-height: 30px; padding-top: 15px;}
.intro-con .con img{max-width: 580px;display: block;margin:10px auto;}
.intro-con .con h3{color:#ee6a2c;margin: 14px 0 3px;font-size:15px;}

/* banben-box */
.banben-box{margin-bottom: 30px;}
.banben-box ul{padding-top: 10px;}
.banben-box ul li{height:60px;padding: 16px 0; border-bottom: 1px dashed #e5e5e5;overflow: hidden;zoom: 1;}
.banben-box ul li .img{display: block;width: 60px; height: 60px; float: left; margin-right: 20px; }
.banben-box ul li .img img{display: block;width: 100%; height: 100%; border-radius: 9px;}
.banben-box ul li .mid{width: 570px; float: left;}
.banben-box ul li .mid .tit{display: block; width:100%; height: 34px;line-height: 34px; font-size: 16px; color: #222; margin-bottom: 4px;}
.banben-box ul li .mid p{height: 22px;line-height: 22px; font-size: 12px; color: #999;}
.banben-box ul li .mid p i{margin: 0 8px;}

.banben-box ul li .btn{ width:108px; height:30px; line-height: 30px; text-align: center; color: #ee6a2c; display: inline-block; border-radius: 3px; border:1px solid #ee6a2c; float: right; margin:13px 0 0 0; transition: all ease .3s;}

.banben-box ul li .btn:hover{background: #ee6a2c; color: #fff;}
.banben-box ul li .tit:hover{color: #ee6a2c;}

/* heji-intro */
.heji-intro{margin-bottom: 30px;}
.tab-nav{margin: 14px 0 20px;}
.tab-nav span{cursor: pointer; display: inline-block; float: left; height: 36px; line-height: 36px; color: #333;padding: 0 5px;margin-right: 70px;font-size: 16px;}
.tab-nav span.active{color: #ee6a2c;border-bottom: 1px solid #ee6a2c;} 

.g_intro{overflow: hidden; zoom: 1;}
.g_intro .img{ width:260px; height: 130px; display: block; float: left;}
.g_intro .img img{ width: 100%; height:100%;}
.g_intro .g_text{width: 510px;float: right;}
.g_intro .g_text .t-box{display: flex; height: 40px;line-height: 40px;}
.g_intro .g_text .tit{ font-size:16px;overflow: hidden;font-weight: bold; color: #222; flex: 1; margin-right: 10px;}
.g_intro .g_text .tit:hover{color: #ee6a2c;}
.g_intro .g_text .more{width: 58px; height: 24px; background: #f6f6f6; color: #999; text-align: center; line-height: 24px; border-radius: 12px; margin-top: 8px; transition: all .3s;}
.g_intro .g_text .more:hover{background: #ee6a2c; color: #fff;}

.g_intro .g_text p{font-size: 14px; color: #666; line-height: 28px; max-height: 84px; overflow-y: auto;}

.g-like-box ul{width: 850px; overflow: hidden; zoom: 1;}
.g-like-box ul li{width: 210px; float: left;margin:25px 40px 0 0; height: 80px; background: #f6f6f6; padding: 15px;}

.g-like-box ul li .img{display: block; width: 80px; height: 80px; border-radius: 12px; overflow: hidden;float: left;}
.g-like-box ul li .img img{display: block; width: 100%; height: 100%; transition: all .3s;}
.g-like-box ul li .img img:hover{transform: scale(1.1);}
.g-like-box ul li .mid{width: 117px; float: right;}
.g-like-box ul li .mid .tit{display: block; height: 24px; font-size: 16px; line-height: 24px; overflow: hidden; color: #222;}
.g-like-box ul li .mid span{display: block; height: 18px; font-size: 12px; line-height: 18px; color: #999; margin-top: 10px;}
.g-like-box ul li .mid .tit:hover{color: #ee6a2c;}

/* hot-box */
.hot-box{margin-bottom: 30px;}
.hot-box ul{width: 870px;overflow: hidden; zoom:1;}
.hot-box ul li{width: 84px; float: left; margin: 24px 60px 0 0;}
.hot-box ul li .img{display: block; width: 84px; height: 84px; border-radius: 11px; margin-bottom: 15px;overflow: hidden;}
.hot-box ul li .img img{display: block; width: 100%; height: 100%; transition: all .3s;}
.hot-box ul li .img img:hover{transform: scale(1.1);}
.hot-box ul li p{display: block; height: 24px; line-height: 24px;text-align: center; color: #333; overflow: hidden; white-space:nowrap; text-overflow: ellipsis;font-size: 16px;margin-bottom: 5px;}
.hot-box ul li i{display: block; height: 24px; line-height: 24px;text-align: center; color: #999;font-size: 14px;margin-bottom: 12px;}

.hot-box ul li .btn{ width:82px; height:26px; line-height: 26px; text-align: center; color: #ee6a2c; border-radius: 3px; border:1px solid #ee6a2c; margin:0 auto; transition: all ease .3s;}
.hot-box ul li .btn:hover{background: #ee6a2c; color: #fff;}
.hot-box ul li p:hover{color: #ee6a2c;}

/* news-box */
.news-box{margin-bottom: 30px;}
.news-box ul{
    width: 870px;
    padding-top: 5px;
}
.news-box ul li{
    width: 372px;
    border-bottom: 1px dashed #e3e3e3;
    float: left;
    margin-right: 63px;
}
.news-box ul li a{
    display: block;
}
.news-box ul li a em{
    display: inline-block;
    width: 4px;
    height: 4px;
    background: #909090;
    border-radius: 50%;
    margin: 25px 10px 0 0;
    vertical-align: top;
}
.news-box ul li a span{
    display: inline-block;
    font-size: 16px;
    color: #555555;
    line-height: 54px;
    height: 54px;   
    width: 340px;
    overflow: hidden;    
    text-overflow:ellipsis;    
    white-space: nowrap;
}
.news-box ul li a:hover em{
    background: #ee6a2c;
}
.news-box ul li a:hover span{
    color:#ee6a2c;
}


/* 
con-right
*/
.con-right{width: 330px;margin-left: 60px;}

/* hot-games */
.hot-games{background: #fff; margin-bottom: 30px;}
.hot-games ul{padding-top: 5px;}

.hot-games ul li{display: flex;align-items: center; padding: 20px 0; border-bottom: 1px solid #e5e5e5;}
.hot-games ul li .img{display: block; width: 60px; height: 60px; border-radius: 8px; margin-right: 14px; overflow: hidden;}
.hot-games ul li .img img{display: block; width: 100%; height: 100%; transition: all .3s;}
.hot-games ul li .img img:hover{transform: scale(1.1);}
.hot-games ul li .mid{flex: 1; }
.hot-games ul li .mid .tit{display: block; height: 26px; font-size: 15px; line-height: 26px; overflow: hidden; color: #333; margin-bottom: 14px;}
.hot-games ul li .mid p{height: 20px; font-size: 12px; line-height: 20px; color: #999;}
.hot-games ul li .mid p i{margin: 0 8px;}
.hot-games ul li .mid .tit:hover{color: #ee6a2c;}

.hot-games ul li .btn{ width:58px; height:24px; line-height: 24px; text-align: center; color: #aaa; display: inline-block; border-radius:3px;transition: all ease .3s;border:1px solid #d5d5d5; margin-left: 10px;}
.hot-games ul li .btn:hover{color: #fff; background: #ee6a2c;}
.hot-games ul .li-1 .btn{color: #ff5c5c; border-color: #ff5c5c;}
.hot-games ul .li-2 .btn{color: #ffb843; border-color: #ffb843;}
.hot-games ul .li-3 .btn{color: #4ee493; border-color: #4ee493;}
.hot-games ul .li-1 .btn:hover{background: #ff5c5c;}
.hot-games ul .li-2 .btn:hover{background: #ffb843;}
.hot-games ul .li-3 .btn:hover{background: #4ee493;}

/* rank-box */
.rank-box{ background: #fff; margin-bottom: 30px;}

.swiper-container3{padding-top: 5px; width: 100%;}
.swiper-pagination3{width: 58px!important; height: 24px; background: #f6f6f6; border-radius: 12px; display: block; text-align: center; right: 0; top: 21px;}
.swiper-pagination3 span{display: inline-block; width: 6px; height: 6px; background: #333; border-radius: 50%; margin:  0 5px;}
.swiper-pagination3 .swiper-pagination-bullet-active{background: #ee6a2c;}

.rank-box ul li{height: 72px;overflow: hidden;zoom: 1;padding: 20px 0; border-bottom: 1px solid #e5e5e5;}
.rank-box ul li .num{display:block;width:16px; height:72px;font-size:14px;background:#b9b9b9; color:#fff;line-height: 72px; text-align: center; border-radius: 3px;float: left;margin: 0 15px 0 0;}
.rank-box ul li.top-1 .num {background: #ff5c5c;}
.rank-box ul li.top-2 .num {background: #ffb843;}
.rank-box ul li.top-3 .num {background: #4ee493;}
.rank-box ul li .img{display: block; width: 72px; height: 72px; border-radius: 10px; float: left; overflow: hidden;}
.rank-box ul li .img img{width: 100%; height: 100%; border-radius: 10px;}
.rank-box ul li .infor{width: 210px; float: right;}
.rank-box ul li .infor .tit{display: block; font-size: 15px; height: 20px; line-height: 20px; overflow: hidden;}
.rank-box ul li .infor div{font-size: 12px; height: 20px; line-height: 20px;color: #999; margin-top: 6px;}

/* hot-zt */
.hot-zt{background: #fff; margin-bottom: 30px;}
.hot-zt ul{padding-top: 24px;}
.hot-zt ul li{margin-bottom: 15px;}
.hot-zt ul li a{display: block; width: 100%;}
.hot-zt ul li a span{display: block; width: 100%; height: 160px;overflow: hidden;}
.hot-zt ul li a span img{width: 100%; height:100%;transition: all .3s;}
.hot-zt ul li a p{font-size: 15px; height: 25px;text-align: center; line-height: 25px; color: #333;overflow: hidden; margin-top: 10px;}
.hot-zt ul li a:hover img{ transform: scale(1.1);}
.hot-zt ul li a:hover p{color: #ee6a2c;}

/* latest-box */
.latest-box{background: #fff; margin-bottom: 30px;}
.latest-box ul{padding-top: 5px;}
.latest-box ul li{height: 72px;overflow: hidden;zoom: 1;padding: 20px 0; border-bottom: 1px dashed #e5e5e5;}
.latest-box ul li .img{display: block; width: 72px; height: 72px; border-radius: 10px; float: left; overflow: hidden;}
.latest-box ul li .img img{width: 100%; height: 100%; border-radius: 10px;}
.latest-box ul li .infor{width: 240px; float: right;}
.latest-box ul li .infor .tit{display: block; font-size: 15px; height: 20px; line-height: 20px; overflow: hidden;}
.latest-box ul li .infor div{font-size: 12px; height: 20px; line-height: 20px;color: #999; margin-top: 6px;}
.latest-box ul li .infor .type i{margin: 0 8px;}

/* big_img */
.big_img {position: fixed;z-index: -1;opacity: 0;background: rgba(0,0,0,.9);width: 100%;height: 100%;top: 0;left: 0}
.big_img .swiper-container2 {position: relative;width: 100%;height: 100%}
.big_img .swiper-container2 .swiper-wrapper {width: 100%;height: 100%}
.big_img .swiper-slide {width: 100%;height: 100%;display: table}
.big_img .swiper-slide .cell {width: 100%;height: 100%;display: table-cell;vertical-align: middle;text-align: center}
.big_img .swiper-slide img {max-width: 70%;max-height: 900px;margin: 0 auto}

/*yuyue*/
.yAlert_bg{ display: none; background: rgba(0,0,0,.5); position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 9998; }
.yAlert{width: 500px;position: fixed;height:240px;padding-bottom:10px;left: 50%;z-index: 9999;background: #fff;border-radius: 10px;overflow:hidden;top: 230px;display: none;margin-left: -250px;}
.yAlert_t{background: #ee6a2c;font:16px/45px microsoft yahei;color:#fff;padding:0 15px;}
.yAlert_t span{float: right;font-size: 18px;width: 50px;text-align: center;cursor: pointer;}
.yAlert input,.yAlert .yAlert_bs,.yAlert .yAlert_br{width:80%;padding:0 10px;font:14px/40px microsoft yahei;border-radius: 5px;}
.yAlert input{border:#ccc 1px solid;display: block;margin:20px auto;height: 40px;overflow: hidden}
.yAlert input:focus{border:#ee6a2c 1px solid}
.yAlert_b{border-top:#ddd 1px solid}
.yAlert .yAlert_bs,.yAlert .yAlert_br{font-size:16px;margin:10px auto;text-align: center}
.yAlert .yAlert_bs{background: #ee6a2c;color:#fff;cursor: pointer;}
.yAlert .yAlert_br{border: #ee6a2c 1px solid;color: #ee6a2c;cursor: pointer;}

@media only screen and (max-width: 480px) {
    .g-top{padding: 10px 10px 0; margin-bottom: 0; border-bottom: 10px solid #efefef;box-sizing: border-box; background: none; height: auto;}
    .g-details{position: relative; height: auto; margin-bottom: 0;}
    .g-details .img{width: 80px; height: 80px;margin-right: 10px;}
    .g-details .img img{border-radius: 10px;}
    .g-details .msg{width: calc(100% - 90px); margin-right: 0; position: relative;height: 116px;}
    .g-details .msg h1{font-size: 18px; margin-bottom: 0; height: 30px; line-height: 30px; overflow: hidden;}
    .g-details .msg ul{margin-bottom: 0;}
    .g-details .msg ul li{width: 50%; font-size: 12px; height: 20px; line-height: 20px; margin-top: 5px;}
    .g-details .msg ul li em{display: none;}
    .g-details .msg ul li:nth-child(odd){width: 100px;}
    .g-details .msg ul li:nth-child(even){width: calc(100% - 105px);}
    .g-details .msg .tags{position: absolute; left: -90px; bottom: 0;}
    .g-details .msg .tags em{display: inline; float: left;}
    .g-details .btn-box{width: 100%;}
    .g-details .btn-box a{width: 90%; float: none; margin: 0 auto; height: 40px; line-height: 40px;text-align: center;}
    .g-details .btn-box .ios-btn{display: none;}
    .g-details .btn-box a i{display: none;}
	
	.btn-box .downbtn_a {
        display: inline-block !important;
        width: 48% !important;
        height: 36px !important;
        margin-right: 4% !important;
        background: #fff !important;
        color: #499949 !important;
        box-sizing: border-box;
        border: 1px solid #499949;
    }
    .btn-box .downbtn_b {
        background: #499949;
        display: inline-block !important;
        width: 48% !important;
        margin: 0px 0 12px;
        height: 36px !important;
        vertical-align: top;
    }
    .btn-box p {
        font-size: 12px !important;
        background: #fff3e2;
        color: #787878 !important;
        padding: 4px 8px;
        box-sizing: border-box;
        border: 1px solid #ffe0b5;
        line-height: 20px !important;
        margin-top: 10px;
        border-radius: 5px;
        height: auto !important;
    }
    .btn-box p em {
        color: #f75934;
    }
    /* .nav-jump */
    .nav-jump{height: 50px; line-height: 50px;display: flex; background: none;}
    .nav-jump span{height: 50px; line-height: 50px; font-size: 15px; padding: 0; flex: 1;text-align: center;}

    .con-left{width: 100%; margin-bottom: 10px; padding: 20px 0 0;}

    /*big-img*/
    .big_img {position: fixed;z-index: -1;opacity: 0;background: rgba(0,0,0,.9);width: 100%;height: 100%;top: 0;left: 0}
    .big_img .swiper-container2 {position: relative;width: 100%;height: 100%}
    .big_img .swiper-container2 .swiper-wrapper {width: 100%;height: 100%}
    .big_img .swiper-slide {width: 100%;height: 100%;/* display: table */}
    .big_img .swiper-slide .cell {width: 100%;height: 100%;/* display: table-cell; */vertical-align: middle;text-align: center;}
    .big_img .swiper-slide img {max-width: 90%;max-height: 90%;margin: 0 auto;position: absolute; left: 50%; top: 50%;transform: translate(-50%,-50%);}
    .big_img .swiper-pagination2 {position: absolute;top: .2rem;text-align: center;width: 100%}
    .big_img .swiper-pagination2 span {margin: 0 .05rem}

    /* slide-img */
    .img-box{width: 100%; margin-bottom: 15px; padding: 0 10px; box-sizing: border-box;height: 250px;}
    .slide_box{width: 100%;}
    .slide_box .img_list{position: static; width: auto; display: flex; flex-shrink: 0; overflow-x: auto; box-sizing: border-box;}
    .img-box .prev{display: none;}
    .img-box .next{display: none;}
    .img-box ul{height: 250px; padding: 0}
    .slide_box .img_list li img{height: 250px;padding-right: 12px;}

    /* .intro-con */
    .intro-con{width: 100%; padding: 0 10px; box-sizing: border-box; margin-bottom: 10px;}
    .intro-con .con{font-size: 14px; line-height: 28px;}
    .intro-con .con img{max-width: 85%;}
    .intro-con .con h3{font-size: 15px; margin-top: 8px;}

    /* .banben-box */
    .banben-box{width: 100%; padding: 0 10px; box-sizing: border-box;margin-bottom: 20px;}
    .banben-box ul li{display: flex; padding-top: 5px;}
    .banben-box ul li .img {margin-right: 10px;}
    .banben-box ul li .mid{flex: 1;}
    .banben-box ul li .btn{width: 62px; height: 26px; line-height: 26px;}
    .banben-box ul li .btn em{display: none;}

    /* .heji-intro */
    .heji-intro{width: 100%; padding: 0 10px; box-sizing: border-box;margin-bottom:10px;}
    .tab-nav{margin: 8px 0 12px; display: flex; overflow-x: auto; overflow-y: hidden; padding-bottom: 10px;}
    .tab-nav::-webkit-scrollbar{display: none;}
    .tab-nav span{padding: 0 10px; margin: 0 5px; height: 28px; line-height: 28px;flex-shrink: 0;}

    .g_intro .img{width: 160px; height: 80px;}
    .g_intro .g_text{width: calc(100% - 170px); padding-top: 0;}
    .g_intro .g_text .t-box{height: 22px;}
    .g_intro .g_text .tit{font-size: 14px; height:22px; line-height:22px;}
    .g_intro .g_text .more{width: 48px; font-size: 12px; height: 22px; line-height: 22px;margin: 0;}
    .g_intro .g_text p{font-size: 12px; line-height: 18px; max-height: 54px; overflow:hidden;margin-top: 5px;}

    .g-like-box ul{width: 100%;padding-top: 14px;}
    .g-like-box ul li{width: 48%; margin:0 4% 16px 0; position: relative; padding: 12px 10px; box-sizing: border-box;height: auto;}
    .g-like-box ul li:nth-child(even){margin-right: 0;}
    .g-like-box ul li .img{width: 60px; height: 60px; border-radius: 10px; margin-right: 10px;}
    .g-like-box ul li .btn{position: absolute; left: 74px;bottom: 0; width: 58px; height: 24px; line-height: 24px;}
    .g-like-box ul li .mid{overflow: hidden; zoom: 1; height: 60px; width: calc(100% - 70px);}
    .g-like-box ul li .mid .tit{font-size: 14px; height: 20px; line-height: 20px;}
    .g-like-box ul li .mid span{font-size: 12px; line-height: 18px; height: 18px; margin-top: 3px;}
    .g-like-box ul li .mid span em{display: none;}

    /* .hot-box */
    .hot-box{width: 100%; padding: 0 10px; box-sizing: border-box;margin-bottom:0}
    .hot-box ul{width: 100%; padding-top: 20px;}
    .hot-box ul li{width: 25%; margin: 0 0 18px 0;}
    .hot-box ul li a{width: 90%; margin: 0 auto; display: block;}
    .hot-box ul li .img{width: 64px; height: 64px;border-radius: 8px;margin: 0 auto 6px;}
    .hot-box ul li p{font-size: 14px; margin-bottom: 0;}
    .hot-box ul li i{font-size: 12px; margin-bottom: 5px;}
    .hot-box ul li .btn{width: 62px; height: 26px; line-height: 26px;}
    .hot-box ul li .btn em{display: none;}

    .news-box{display: none;}
    /* .con-right */
    .con-right{width: 100%; display: none;}

}