@charset "utf-8";
.g-head .g-head-left {margin-right: 100px;}

.th_bg{position: absolute;width: 100%;max-width: 1920px;top: 109px;left:0;right:0;margin:auto;z-index: -1;}
.th_bg i{display: block;width:100%;height: 200px;}
.th_bg .i1{background: url(../images/in_bg1.png) no-repeat;}
.th_bg .i2{background: url(../images/in_bg2.png) no-repeat;}
.th_bg .i3{background: url(../images/in_bg3.png) no-repeat;}
.th_bg .i4{background: url(../images/in_bg4.png) no-repeat;}
.th_bg .i5{background: url(../images/in_bg5.png) no-repeat;}
.th_bg .i6{background: url(../images/in_bg6.png) no-repeat;}


.th_header_box{width: 1220px;background: #fff;margin:10px auto 0;padding:0 10px;box-sizing: border-box;}
.th_header{}
.main-top-b li {float:  left;display:  inline;width:  70px;margin-left: 43px;position:  relative;z-index:  1;}
.main-top-b li:first-child{margin-left: 0;}
.main-top-b img { display:  block; width: 70px; height: 70px; background-color: #f8f8f8; border-radius: 15px; margin:  0 auto; }
.main-top-b {overflow:  hidden;position:  relative;padding-top: 20px;}
.main-top-b span {display:  block;text-align:  center;color:  #333;font-size:  12px;white-space:  nowrap;overflow:  hidden;text-overflow:  ellipsis;height: 30px;line-height: 30px;}

.sky_xl_zt{}
.sky_xl,.sky_zt{overflow: hidden;margin-top: 23px;}
.sky_xl_zt span{float: left;padding: 2px 9px;margin-right: 15px;color: #fff;border-radius: 2px;font-size: 12px;}
.sky_xl_zt>div:nth-of-type(1) span{background: #f6af25;}
.sky_xl_zt>div:nth-of-type(2) span{background: #32ccff;}
.sky_xl_tag{float: left;width: 1119px;overflow: hidden;height: 22px;line-height: 22px;}
.sky_xl_tag a{float: left;position: relative;margin-left: 24px;font-size: 14px;}
.sky_xl_tag a:first-child{margin-left: 0;}
.sky_xl_zt>div:nth-of-type(1) .sky_xl_tag a:nth-of-type(3n+3){color:#008fe9;}
.sky_xl_zt>div:nth-of-type(2) .sky_xl_tag a:nth-of-type(3n+2){color:#008fe9;}
.sky_xl_tag a:before{content:'';position: absolute;left:-12px;width: 1px;height: 13px;background: #aaa;top:0;bottom:0;margin:auto;}

.th_header_img{margin-top:50px;overflow: hidden;}
.mh_banner{width: 600px;height: 370px;float: left;}
.mh_banner .swiper-wrapper{}
.mh_banner .swiper-slide{overflow: hidden;-webkit-transition: transform 1.0s;-moz-transition: transform 1.0s;-ms-transition: transform 1.0s;-o-transition: transform 1.0s;}
.mh_banner .swiper-slide a{display: block;position: relative;}
.mh_banner .swiper-slide a img{width: 100%;height: 370px;display: block;}
.mh_banner .swiper-slide a p{position: absolute;width: 100%;height: 68px;line-height: 68px;color: #fff;z-index: 2;left: 0;bottom: 0;padding: 0 130px 0 25px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;box-sizing: border-box;font-size: 20px;font-weight: bold;background: rgba(1,1,1,.5);}
.mh_banner .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{
    text-align: right;bottom: 24px;padding-right: 10px;box-sizing: border-box;}
.mh_banner .swiper-pagination-bullet{background:#fff;width: 7px;height: 7px;opacity: 1;}
.mh_banner .swiper-pagination-bullet-active{width: 42px;height: 7px;background-color: #32ccff;border-radius: 4px;}


.th_header_hot{float:left;overflow: hidden;width: 600px;box-sizing: border-box;padding-left: 20px;}
.th_header_hot a{float: left;margin-bottom: 23px;position: relative;font-size: 12px;color: #fff;width: 280px;height: 173px;overflow: hidden;}
.th_header_hot a:nth-of-type(odd){margin-right:20px;}
.th_header_hot a img{width: 100%;height: 100%;transition: all 0.3s linear;display: block;}
.th_header_hot a p{background:rgba(1,1,1,.5);font-weight: bold;text-align: center;width: 100%;height: 100%;font-size: 18px;color:#fff;line-height: 173px;position: absolute;top:0;left:0;display: none;}
.th_header_hot a:before{content:'';width: 82px;height: 31px;background: url(../images/in.png) -82px -36px;position: absolute;top:0;left:0;z-index:2;transition: all 0.3s linear;opacity: 0;}
.th_header_hot a:after{content:'热门专区';position: absolute;top: 6px;left: 70px;z-index:2;transition: all 0.3s linear;opacity: 0;}
.th_header_hot a:hover:before{background: url(../images/in.png) 0 -36px;transition: all 0.3s linear;opacity: 1;}
.th_header_hot a:hover:after{left: 11px;transition: all 0.3s linear;opacity: 1;}
.th_header_hot a:hover p{display: block;}
.th_header_hot a:hover img{transition: all 0.3s linear;transform: scale(1.2);}

/*热门文章*/
.th_rg_box{
    width: 1220px;
    margin: 0 auto 20px;
    padding: 20px 10px 0 10px;
    box-sizing: border-box;
    background: #fff;
    overflow: hidden;
}
.th_r{width: 400px;float: left;}
.th_g{width: 560px;float: right;margin-left: 40px;height: 370px;}
.th_r_img{
    overflow: hidden;
    margin: 10px 0 0 -10px;
}
.th_r_img a{
    float: left;
    width: 90px;
    margin: 10px 0 0 10px;
}
.th_r_img a:nth-of-type(3n+3){margin-right:0;}
.th_r_img a img{
    width: 100%;
    height: 90px;
    display: block;
    border-radius: 5px;
}
.th_r_img a p{
    font-size: 12px;
    height: 12px;
    line-height: 12px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-top: 7px;
}

.th_g_strategy{
    overflow: hidden;
    padding-top: 18px;
}
.th_g_strategy a{overflow: hidden;font-size: 14px;display: block;margin-bottom: 13px;}
.th_g_strategy a i{float: left;color: #ff9d0a;width: 92px;font-style: normal;}
.th_g_strategy a p{float: left;width: 400px;}
.th_g_strategy a u{float: right;color: #999999;text-decoration: none;width: 46px;text-align: right;}
.th_g_strategy a i,.th_g_strategy a p,.th_g_strategy a u{height: 20px;line-height: 20px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.th_g_strategy a:hover p{color: #ff9d0a;}

/*游戏下载*/
.th_gb_box{width: 1220px;margin: 0 auto;overflow: hidden;background: #fff;padding:10px;box-sizing: border-box;}
.th_game_box{width: 850px;float: left;position: relative;}
.th_bank_box{width: 300px;float: right;}
.th_game_tabs{
    width: 680px;
    position: absolute;
    top: 0;
    right: 0;
    overflow: hidden;
}
.th_game_tab{
    float: left;
    overflow: hidden;
}
.th_game_tab a{
    float: left;
    background-color: #f0f2f4;
    border-radius: 19px;
    margin-right: 17px;
    font-size: 16px;
    padding: 10px 17px 10px 41px;
    position: relative;
}
.th_game_tab a.active{
    color: #008fe9;
}
.th_game_tab a:first-child:before{content:'';width: 13px;height: 12px;position: absolute;background: url(../images/in.png) -33px 0 no-repeat;top: 12px;left: 17px;}
.th_game_tab a:last-child:before{content:'';width: 15px;height: 15px;position: absolute;background: url(../images/in.png) -54px 0 no-repeat;top: 12px;left: 17px;}
.th_game_tab a.active:first-child:before{content:'';background: url(../images/in.png) -33px -18px no-repeat;}
.th_game_tab a.active:last-child:before{content:'';background: url(../images/in.png) -54px -18px no-repeat;}
.th_game_more{
    float: right;
    position: relative;
    font-size: 14px;
    color: #999;
    width: 60px;
    text-align: right;
    height: 20px;
    line-height: 20px;
    margin-top: 9px;
}
.th_game_more:before{content:'';width: 20px;height: 20px;position: absolute;background: url(../images/in.png) -78px 0 no-repeat;left: 0;}
.th_game_more:hover:before{content:'';background: url(../images/in.png) -108px 0 no-repeat;}
.th_game_more:hover{color:#333;}
.th_game_contnet{margin-top: 26px;}
.th_game_none{display: none;}
.th_game_none.active{display: block;}
.th_game_classify{
    overflow: hidden;
    height: 26px;
    margin-top: 26px;
}
.th_game_classify a{
    float: left;
    margin-right: 10px;
    font-size: 14px;
    position: relative;
    height: 24px;
    line-height: 24px;
    border: 1px solid #ddd;
    padding: 0 10px;
}
.th_game_classify a.active{
    color: #fff;
    background: #1691f0;
    border-color: #1691f0;
}
.th_game_classify.scroll{
}
.th_game_classify.scroll::-webkit-scrollbar {width: 6px; height:5px; }
.th_game_classify.scroll::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 6px #fff;-webkit-border-radius: 10px;border-radius:10px;} 
.th_game_classify.scroll::-webkit-scrollbar-thumb {-webkit-border-radius: 10px;border-radius: 10px;background: #f0f0f0; -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);} 
.th_game_classify.scroll::-webkit-scrollbar-thumb:window-inactive {background: #f0f0f0;}
.th_game_classify a:last-child{margin-right:0;}
.th_bank_con{
    margin-top: 7px;
}
.th_bank_con ul{
    overflow: hidden;
    display: none;
}
.th_bank_con ul.active{
    display: block;
}
.th_bank_con ul li{
    float: left;
    margin: 14px 48px 0 0;
}
.th_bank_con ul li:nth-of-type(7n+7){margin-right:0;}
.th_bank_con ul li a{
    display: block;
    width: 80px;
}
.th_bank_con ul li a img{
    width: 80px;
    height: 80px;
    border-radius: 12px;
    display: block;
}
.th_bank_con ul li a p{
    height: 35px;
    line-height: 35px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: center;
}

/*游戏排行榜*/
.th_bank_list{
    padding-top: 10px;
}
.th_bank_list a{
    display: block;
    overflow: hidden;
    margin-top: 16px;
    position: relative;
}
.th_bank_list a .th_bank_img{
    width: 25px;
    height: 25px;
    float: left;
    border-radius: 3px;
    margin-right: 13px;
    z-index: 2;
    position: relative;
}
.th_bank_list a .th_bank_div{
    float: left;
    width: 210px;
}
.th_bank_list a .th_bank_div p{
    height: 25px;
    line-height: 25px;
    width: 210px;
    overflow: hidden;
    font-size: 14px;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.th_bank_list a .th_bank_div span{
    font-size: 12px;
    color: #999;
    display: none;
}
.th_bank_list a .th_bank_div:before{
	content:'';width: 121px;height: 90px;background-image: linear-gradient(90deg, #ffac2a 0%, #ff8e42 100%);position: absolute;top: -10px;left: -185px;opacity: 0;transition: all 0.3s linear;}
.th_bank_list a .th_bank_div:after{content:'';width: 0;height: 0;border-top: 90px solid white;border-left: 20px solid transparent;position: absolute;top: -10px;left: -10px;opacity: 0;transition: all 0.3s linear;}
.th_bank_list a.active .th_bank_div:before{content:'';left: -130px;opacity: 1;transition: all 0.3s linear;}
.th_bank_list a.active .th_bank_div:after{content:'';left: -29px;opacity: 1;transition: all 0.3s linear;}
.th_bank_list a>span{
    float: right;
    position: relative;
    width: 45px;
    height: 25px;
    border: solid 1px #0084ff;
    color: #008fe9;
    text-align: center;
    line-height: 25px;
    box-sizing: border-box;
}
.th_bank_list a>span:before{content:'';}
.th_bank_list a.active .th_bank_div{
    width: 120px;
    height: 70px;
    position: relative;
}
.th_bank_list a.active{padding:10px 0;border: solid 1px #eaeaea;}
.th_bank_list a.active .th_bank_img{
    margin-left: 27px;
    width: 70px;
    height: 70px;
    border-radius: 10px;
    margin-right: 32px;
}
.th_bank_list a.active .th_bank_div span{
    display: block;
}
.th_bank_list a.active>span{
    font-size: 12px;
    border: 0;
    position: relative;
    margin-top: 34px;
}
.th_bank_list a.active>span:before{content:'';width: 20px;height: 20px;background: url(../images/in.png) -136px 0 no-repeat;position: absolute;top: -19px;right: 12px;}
.th_bank_list a.active .th_bank_div p{margin-top:10px;}
.th_bank_list a.active:before{content:'1';position:absolute;top: 34px;left: 8px;font-size:16px;color:#fff;z-index:3;font-weight: bold;}
.th_bank_list a.active:nth-of-type(1):before{content:'1';}
.th_bank_list a.active:nth-of-type(2):before{content:'2';}
.th_bank_list a.active:nth-of-type(3):before{content:'3';}
.th_bank_list a.active:nth-of-type(4):before{content:'4';}
.th_bank_list a.active:nth-of-type(5):before{content:'5';}
.th_bank_list a.active:nth-of-type(6):before{content:'6';}
.th_bank_list a.active:nth-of-type(7):before{content:'7';}
.th_bank_list a.active:nth-of-type(8):before{content:'8';}
.th_bank_list a.active:nth-of-type(9):before{content:'9';}
.th_bank_list a.active:nth-of-type(10):before{content:'10';}

/*软件合集*/
.th_soft_box{
    width: 1220px;
    margin: 0 auto;
    background: #fff;
    padding: 20px 10px 0 10px;
    box-sizing: border-box;
}
.m_rest_swiper{margin-top:20px;position: relative;}
.m_rest_container{ background:#fff;}
.m_rest_container .swiper-slide img{width: 100%;height: 155px;display: block;border-radius: 4px;object-fit:cover;}
.m_rest_container .swiper-slide a{ display: block; }
.m_rest_container .swiper-slide p{
	color:#fff;
	text-align: center;
	font-size: 14px;
	position: absolute;
	width: 100%;
	height: 100%;
	line-height: 150px;
	padding:0 15px;
	box-sizing:border-box;
	top:0;
	left:0;
	background: rgba(1,1,1,.4);
	}
/*左右切换按钮*/
.m_rest_swiper .swiper-button-prev{width: 28px;height: 155px;left: 0;top: 22px;display: inline-block;outline: none;}
.m_rest_swiper .swiper-button-next{width: 28px;height: 155px;right: 0;top: 22px;display: inline-block;outline: none;}
.m_rest_swiper .swiper-button-prev, .swiper-container-rtl .swiper-button-next{background: #333 url(../images/in.png) no-repeat -163px 64px;}
.m_rest_swiper .swiper-button-next, .swiper-container-rtl .swiper-button-prev{background: #333 url(../images/in.png) no-repeat -182px 64px;}


/*软件下载*/
.th_gb_con{
    width: 1220px;
    margin: 0 auto;
    background: #fff;
    padding: 50px 10px 0 10px;
    box-sizing: border-box;
    overflow: hidden;
    }
/*软件合集*/
.th_soft_con{
    width: 1220px;
    margin: 0 auto;
    background: #fff;
    padding: 20px 10px 0 10px;
    box-sizing: border-box;
    overflow: hidden;
    }

/*排行榜*/
.website-rank {position: relative;width: 1220px;margin: 0 auto;background: #fff;padding: 50px 10px 0 10px;box-sizing: border-box;}
.rank-item {float: left;width: 324px;margin-right: 114px;position: relative;}
.website-rank>div:last-child{margin-right:0;}
.tank-item-tit {display: block;text-align: center;color: #333;font-size: 20px;font-weight: bold;background: #fff;width: 200px;margin: 0 auto;transform: translateY(-50%);position: relative;}
.website-rank:after {content: "";display: block;clear: both;}
.tank-item-tit:before{content: "";width: 200px;height: 20px;position: absolute;left: 10px;background: url(../images/in.png) 0 -75px no-repeat;}
.rank-item:nth-of-type(2) .tank-item-tit:before,.rank-item:nth-of-type(2) .tank-item-tit:after {background-position-y: -105px;}
.rank-item:nth-of-type(3) .tank-item-tit:before,.rank-item:nth-of-type(3) .tank-item-tit:after {background-position-y: -136px;}
.rk-list {padding: 50px 0px 0 0px;overflow: hidden;box-sizing: border-box;}
.rk-list li.active .rk-hide {display: block;}
.rk-list li.active .rk-show {display: none;}
.rk-list li .rk-show {display: block;}
.rk-list li .rk-hide {display: none;}
.rk-num {float: left;width: 20px;height: 20px;background: #b6b6b6;text-align: center;color: #fff;line-height: 20px;font-size: 14px;margin-top: 10px;}
.rk-list li {overflow: hidden;}
.rk-hide img {display: block;float: left;width: 80px;height: 80px;border-radius: 10px;display: block;}
.rk-box {float: left;border-bottom: 1px solid #e7e7e7;padding: 10px 0;margin-left: 13px;width: 291px;box-sizing: border-box;}
.rk-list li:last-child .rk-box{border:0;}
.rk-show h5 {display: block;color: #333;font-size: 14px;font-weight: normal;height: 20px;line-height: 20px;width: 100%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.rk-r h5 {display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;font-size: 16px;height: 16px;line-height: 16px;color: #333;font-weight: normal;}
.rk-r {float: left;width: 120px;margin-left: 15px;}
.rk-type {margin-top: 17px;height: 12px;line-height: 12px;color: #999;font-size: 12px;display: block;}
.rk-type em {color: #666;margin-left: 2px;}
.rk-score {display: block;width: 86px;height: 13px;margin-top: 10px;background: url(../images/index-jlt.png) 0 -34px no-repeat;}
.rk-score i {display: block;background: url(../images/index-jlt.png) -96px -34px no-repeat;height: 100%;}
.rk-list li:nth-of-type(-n+3) .rk-num {background: #ed1c1c;}
.website-rank .rank-item:nth-of-type(2) li:nth-of-type(-n+3) .rk-num {background: #1c7eed;}
.website-rank .rank-item:nth-of-type(3) li:nth-of-type(-n+3) .rk-num {background: #23c22a;}
.website-rank .rank-item:nth-of-type(4) li:nth-of-type(-n+3) .rk-num {background: #ffa235;}
.website-rank .rank-item:nth-of-type(1) .th_rank_tit{position:absolute;width: 96px;background: white;left: 122px;top: -10px;height: 40px;line-height: 40px;text-align: center;z-index: 2;font-size: 24px;font-style: italic;font-weight: bold;}
.website-rank .rank-item:nth-of-type(1) .th_rank_tit i{color: #ed1c1c;}
.website-rank .rank-item:nth-of-type(1) .th_rank_tit b{color: #333;}
.website-rank .rank-item:nth-of-type(2) .th_rank_tit{position:absolute;width: 96px;background: white;left: 122px;top: -10px;height: 40px;line-height: 40px;text-align: center;z-index: 2;font-size: 24px;font-style: italic;font-weight: bold;}
.website-rank .rank-item:nth-of-type(2) .th_rank_tit i{color: #1c7eed;}
.website-rank .rank-item:nth-of-type(2) .th_rank_tit b{color: #333;}
.website-rank .rank-item:nth-of-type(3) .th_rank_tit{position:absolute;width: 96px;background: white;left: 122px;top: -10px;height: 40px;line-height: 40px;text-align: center;z-index: 2;font-size: 24px;font-style: italic;font-weight: bold;}
.website-rank .rank-item:nth-of-type(3) .th_rank_tit i{color: #ffa235;}
.website-rank .rank-item:nth-of-type(3) .th_rank_tit b{color: #333;}

/*最新推荐小游戏*/
.th_news_box{width: 1220px;margin: 0 auto;background: #fff;padding: 50px 10px 0 10px;box-sizing: border-box;overflow: hidden;}
.th_news{float: left;position: relative;width: 850px;}
.th_news .th_game_more{position: absolute;top: 0;right: 0;}
.th_game_zt{float: right;position: relative;width: 300px;}
.th_news_litle{overflow: hidden;margin-top: 22px;}
.th_news_litle li{float: left;margin: 0 53px 20px 0;}
.th_news_litle li a{width: 76px;color: #333;position: relative;box-sizing: border-box;display: block;}
.th_news_litle li p{height: 35px;line-height: 35px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.th_news_litle li:nth-of-type(7n+7){margin-right:0;}
.th_news_litle li a:hover{color: #ff9d0a;}

.th_game_cen{overflow: hidden;margin-top: 24px;}
.th_game_cen li{margin: 0 19px 10px 0;overflow: hidden;float: left;}
.th_game_cen a{width: 131px;float: left;height: 50px;border-radius: 3px;border: solid 1px #d6d6d6;overflow: hidden;box-sizing: border-box;position: relative;}
.th_game_cen a:nth-of-type(2n+2){margin-right: 0;}
.th_game_cen a img{width: 50px;height: 50px;border-radius: 3px;float: left;z-index: 2;position: relative;display: block;}
.th_game_cen a p{float: left;width: 79px;height: 48px;line-height: 20px;z-index: 2;position: relative;padding: 7px 0 0 7px;box-sizing: border-box;overflow:hidden;}
.th_game_cen a:hover span{color:#fff;}
.th_game_cen a:after{content:'';background-color: #1c7eed;width: 93px;height: 50px;position: absolute;top: 0;right: -80px;z-index: 1;opacity:0;transition: all 0.3s linear;}
.th_game_cen a:hover:after{content:'';right: 0px;opacity:1;transition: all 0.3s linear;}
/*游戏分类*/
.th_classification{width: 1220px;background: #fff;margin: 0 auto;padding: 30px 10px 50px 10px;box-sizing: border-box;}
.th_game_classify_box ul{display: none;}
.th_game_classify_box ul.active{display: block;}
.th_classification .th_game_classify{}
.th_game_classify_box{overflow: hidden;margin-top:20px;}
.th_game_classify_box a{display: block;}
.th_game_classify_box a:nth-of-type(9n+9){margin-right:0;}
.th_game_classify_box li{margin: 0 37px 20px 0;float: left;width: 100px;}
.th_game_classify_box li:nth-of-type(9n+9){margin-right:0;}
.th_game_classify_box a img{width: 100%;height: 75px;display: block;}
.th_game_classify_box a p{height: 35px;line-height: 35px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;text-align: center;}
.th_game_classify_box a span{display:block;height: 35px;line-height: 35px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;text-align: center;}
.th_game_classify_box a:hover p{color: #f1565b;}

/* repeat-model-rank */
.global-title:after {content: "";display: block;clear: both;overflow: hidden;}
.global-title h5 {float: left;font-size: 20px;height: 20px;line-height: 20px;color: #676767;font-weight: bold;}
.global-title h5 em {color: #676767;}
.model-rank {float: left;margin-left: 40px;width: 300px;}
.modelrank-tab {float: right;margin-top: -5px;}
.modelrank-tab span {height: 33px;float: left;text-align: center;line-height: 33px;color: #999;font-size: 16px;border-radius: 100px;position: relative;cursor: pointer;padding: 0 10px;}
.modelrank-tab span:last-child {margin-left: 30px;}
.modelrank-tab span.active {background: #eaf4ff;color: #1278f2;}
.modelrank-tab span:last-child:before {width: 1px;height: 50%;background: #ccc;content: "";position: absolute;top: 50%;left: -15px;transform: translateY(-50%) rotate(15deg);}
.modelrank-list.active {display: block;}
.modelrank-list {display: none;}
.modelrank-box {margin-top: 11px;}
.modelrank-list li {overflow: hidden;padding: 11px 0;display: block;width: 100%;}
.mrank-show span {float: left;width: 20px;height: 20px;background: #ccc;text-align: center;color: #fff;line-height: 20px;}
.mrank-show h5 {float: left;font-size: 14px;color: #999;height: 20px;line-height: 20px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;width: 170px;margin-left: 12px;font-weight: normal;}
.mrank-show em {float: right;color: #999;font-size: 12px;height: 20px;line-height: 20px;position: relative;text-indent: 23px;}
.mrank-show em:before {content: "";position: absolute;top: 50%;left: 0;transform: translateY(-50%);width: 12px;height: 12px;border-radius: 50%;background: #ccc;}
.mrank-show em:after {content: "";position: absolute;top: 36%;left: 6px;border: 1px solid #000000b3;width: 3px;height: 2px;border-color: transparent transparent #fff #fff;}
.mrank-show {overflow: hidden;display: block;}
.modelrank-list li.active .mrank-show {display: none;}
.mrank-hide {display: none;overflow: hidden;}
.modelrank-list li.active .mrank-hide {display: block;width: 100%;}
.modelrank-list li:nth-of-type(-n+3) .mrank-show span {background: #ff7b3e;}
.mrank-img {float: left;width: 80px;height: 80px;background: #e6e6e6;border-radius: 5px;overflow: hidden;position: relative;}
.mrank-img img {display: block;position: absolute;top: 50%;left: 0;transform: translateY(-50%);width: 100%;height: auto;min-height: 100%;}
.mrank-c {float: left;margin-left: 13px;width: 160px;}
.mrank-title {display: block;font-size: 15px;color: #333;height: 15px;line-height: 15px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;margin-top: 1px;}
.mrank-label {display: block;color: #999;font-size: 12px;height: 12px;line-height: 12px;margin-top: 23px;}
.mrank-time {display: block;color: #999;font-size: 12px;height: 12px;line-height: 12px;position: relative;text-indent: 23px;margin-top: 13px;}
.mrank-time:after {content: "";position: absolute;top: 28%;left: 6px;border: 1px solid #000000b3;width: 3px;height: 2px;border-color: transparent transparent #fff #fff;}
.mrank-time:before {content: "";position: absolute;top: 50%;left: 0;transform: translateY(-50%);width: 12px;height: 12px;border-radius: 50%;background: #ccc;}
.mrank-r {float: right;width: 37px;height: 80px;position: relative;color: #1278f2;font-size: 12px;line-height: 120px;text-align: center;}
.mrank-r:after {content: "";width: 20px;height: 20px;background: url(../images/in.png) -136px 0 no-repeat;position: absolute;top: 17px;left: 50%;transform: translateX(-50%);}



.i_heji{width: 1200px;margin: 0 auto;margin-top: 55px;}
.i_heji .bs_game_h2{width: 318px;}
.i_heji .bs_game_f_tab{margin-top:35px;}
.i_heji .bs_game_f_tab a{float:right;color: #77aced;padding-right: 16px;height: 34px;line-height: 34px;position: relative;}
.i_heji .bs_game_f_tab a:after{content:'';width: 13px;height: 10px;background: url(../images/oubk.png) -112px -243px no-repeat;position: absolute;top: 0;right: 0;bottom: 0;margin: auto;}
.i_heji .bs_game_f_tab:after {width: 65%;right: 58px;}

.i_heji_con{overflow: hidden;margin-top:25px;}
.i_heji_f{float: left;width: 710px;}
.i_heji_r{float: right;width: 480px;}
.i_heji_f{overflow: hidden;margin-left: -30px;}
.i_heji_f a{float: left;margin: 0 0 20px 30px;width: 206px;}
.i_heji_f a img{width: 206px;height: 120px;display: block;}
.i_heji_f a p{
    font-size: 16px;
    color: #333;
    height: 46px;
    line-height: 46px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    }
.i_heji_r ul{height: 345px;overflow: hidden;}
.i_heji_r ul li{border-bottom: 1px solid #2d3940;position: relative;margin-bottom: 9px;}
.i_heji_r ul li:last-child{border:0;}
.i_heji_r ul li a{display: block;font-size: 16px;color: #333;height: 20px;line-height: 20px;padding-right: 100px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.i_heji_r ul li p{color: #666;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;line-height: 20px;height: 40px;margin: 9px 0;}
.i_heji_r ul li time{position: absolute;color: #999;top: 7px;right: 0;}
.i_game{width: 1200px;margin: 0 auto;margin-top: 40px;}
.bs_game_f_tab{overflow: hidden;position: relative;}
.bs_game_h2{float: left;width: 260px;height: 34px;line-height: 34px;font-size: 24px;color: #dd163b;box-sizing: border-box;position: relative;margin: 0;}
.bs_game_h2 span{color: #676767;margin-left: 10px;}
.bs_game_f_tab:after{content:'';position: absolute;width: 79%;height: 2px;background: #6d7a88;top: 16px;right: 0;}