@charset "utf-8";

body, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, button, img { margin:0;padding:0;border:0;}
body{ background:#f1f1f1;}
img, button { border:none }
ol, ul, li { list-style:none }
body { font-family:"Hiragino Sans GB","Helvetica Neue","Helvetica","Microsoft Yahei","\5FAE\8F6F\96C5\9ED1", "\5B8B\4F53";font-size:14px;color:#333;}
h1, h2, h3, h4, h5, h6 { text-decoration: none;  font-weight: normal;  font-size: 100%; }
s, i, u, em { font-style:normal }
.fl { float:left }
.fr { float:right }
.clear { clear:both ;zoom:1;}
.clearfix:before, .clearfix:after {content:"";display:table;}
.clearfix:after{clear:both;overflow:hidden;}
.clearfix{ zoom:1;}
a { color:#333;text-decoration:none;}
a:hover {color: #437ffc;}
a:focus { outline:none;-moz-outline:none;}
input {box-sizing:content-box;font-family:"Hiragino Sans GB","Helvetica Neue","Helvetica","Microsoft Yahei","\5FAE\8F6F\96C5\9ED1", "\5B8B\4F53";}
input:-webkit-autofill { -webkit-box-shadow:0 0 0px 1000px white inset;}
.mt20 {margin-top: 20px;}
.mt30{margin-bottom: 30px;}
.head,.w,.wrap,.w1200{width:1200px;margin:0 auto;}
.text-1{overflow:hidden;text-overflow:ellipsis;white-space: nowrap;}
.bfff{ background:#fff;}
.otxt,.obtn{ background:none; border:none;}
img{-webkit-user-select: none; vertical-align:top;}
img{ max-width:100%;}
#header .top a:hover, #footer a:hover, #help ul li a:hover, .zhushou li a:hover, .tjyd .title i a:hover, .tjyd li a:hover, .news_view .time a:hover, .qs_read li a:hover {color: #F00;}
.triangleup,.triangledown,.triangleleft,.triangleright{ position:absolute; display:block;}
.triangleup{width:0;height:0;border-left:50px solid transparent;border-right:50px solid transparent;border-bottom:100px solid #28a965;}
.triangledown{width:0;height:0;border-left:50px solid transparent;border-right:50px solid transparent;border-top:100px solid #28a965;}
.triangleleft{width:0;height:0;border-top:50px solid transparent;border-bottom:50px solid transparent;border-right:100px solid #28a965;}
.triangleright{width:0;height:0;border-top:50px solid transparent;border-bottom:50px solid transparent;border-left:100px solid #28a965;}
.topleft{width:0;height:0;border-top:10px solid black;border-left:10px solid transparent;}
.hmab1,.hmab1:hover{ color:#ffae5f;}
.hmab2,.hmab2:hover{ color:#8c97cb;}
.hmab3,.hmab3:hover{ color:#f74b4b;}
.hmab4,.hmab4:hover{ color:#c49155;}
.hmab5,.hmab5:hover{ color:#93d877;}
.hmab6,.hmab6:hover{ color:#f38ce3;}
.hmab1 .topleft{ border-top-color:#ffae5f;}
.hmab2 .topleft{ border-top-color:#8c97cb;}
.hmab3 .topleft{ border-top-color:#f74b4b;}
.hmab4 .topleft{ border-top-color:#c49155;}
.hmab5 .topleft{ border-top-color:#93d877;}
.hmab6 .topleft{ border-top-color:#f38ce3;}
.module {background: #fff;box-shadow: 0 2px 3px 0 rgb(0 0 0 / 15%);margin-bottom: 15px;}

a:hover,.htop a:hover{color: #437ffc;}
.g-box-1200 {width: 1200px;height: auto;margin: 0 auto;display: block;overflow: hidden}
.htop{ padding:8px 0; border-bottom:1px solid #f1f1f1;background-color: #fafafa;}
.htop,.htop a{ color:#8e8e8e;}
.htop em{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#e6dfdd; padding:0 10px;}
.hnav{background: #437ffc;}
.hnav li{float:left;width: 10%;text-align:center;}
.hnav li.curr,.hnav li:hover{background: #437ffc;}
.hnav a{ display:block; vertical-align:top; line-height:46px; height:46px; font-size:18px; color:#fff;}

.hhead{ padding:20px 0;}
.hlogo{ display:block; height:74px;}
.hlogo img{ height:100%;}
.hheadm{ position:relative;}
.topbox{float: right;display: block;text-align: center;}
.topbox img{width: 48px;height: 48px;}
.topbox p{margin-top: 10px;color: #646464;font-size: 12px;}


.loaction { height:20px;line-height:20px;margin:8px 0 8px 0px;padding-left:22px;font-size:14px;color:#a5a5a5;background:url(../images/ctips.png) no-repeat -300px -3px;}
.loaction a { color:#a5a5a5;}
.loaction a:hover { color:#333;text-decoration:underline;}
.loaction .no { color:#333;}
.loaction b {color:#f30;font-weight:normal}

.ico {display: inline-block;background: url(../images/tips.png) no-repeat;}
/*wrap_con*/
.wrap_con .hd { height:36px;}
.wrap_con .hd h3,.wrap_con .hd h2 { line-height:20px;font-size:20px;float:left;font-weight:bold;color:#333;cursor:default;}
.wrap_con .hd .cont_More { height:22px;display:inline-block;overflow:hidden;float:right;line-height:22px;float:right;}

/* 分页1 */
.pages { height:auto;overflow:hidden;text-align:center;padding:30px 0;}
.pages a,.pages b { border:1px solid #e4e4e4;font-family:"Tahoma", "Arial";height:38px;line-height:38px;padding:0 15px;margin:0 4px;display:inline-block;overflow:hidden;background:#FFF;color:#6a6a6a;}
.pages b{background-color:#437ffc;color:#fff;}
.pages a:hover { background:#f2f2f2;color:#6a6a6a;text-decoration:none;}
.pages a.on { background:#FF4839;border-color:#FF4839;color:#FFF;}
.pages a b{border:none;padding:0;background-color:transparent;color:#6a6a6a;}
.pages a[title='Total record']{background:#f2f2f2;color:#6a6a6a;}

/* 分页2 */
.page{display: table;text-align:center;margin: 30px auto 10px;width:680px;}
.page .prv a,.page .next a,.page .first a,.page .last a,.page .prv a{display:block; cursor: pointer;width: 60px;height:30px;text-align: center;line-height: 30px;font-size: 14px;color: #333;border: 1px solid #e6e6e6;margin:0 5px;padding: 0 6px;border-radius: 5px;}
.page .prv a:hover,
.page .next a:hover,
.page .first a:hover,
.page .last:hover a{border: 1px solid #437ffc ;color: #437ffc;}
.pagingUl{float: right;padding: 0;margin: 0;list-style: none;height: 30px;}
.pagingUl li{float: left;width: 40px;height: 30px;text-align: center;margin-right: 5px;border-radius: 5px}
.pagingUl li a{display: inline-block;width: 40px;height: 30px;text-align: center;line-height: 30px;color: #666;font-size: 14px;border-radius: 5px;border: 1px solid #437ffc;}
.pagingUl li a:hover ,
.pagingUl li a.activP{background-color: #437ffc;color: #fff;}

#footer {  background: #2a2a2b;  line-height: 30px;  font-size: 14px;  color: #626262;  padding: 20px 0px;  text-align: center;  margin-top: 20px;}
#footer a {  color: #bebebe;  padding: 0px 10px;}
.warp{width: 1200px;margin: 0px auto 20px;}
.gotop {display: none;position: fixed;z-index: 9999;right: 45px;bottom: 130px;width: 40px;height: 40px;line-height: 20px;cursor: pointer;background: url(../images/btn-up.png) no-repeat;text-align: center;color: #fff;padding: 5px;font-size: 14px;}
.gotop:hover {background-position: 0 -50px;}

/* ┗( ▔, ▔ )┛ */
/*top-list*/
.wrap980 {position: relative;margin-right: auto;margin-left: auto;width: 1200px;}
.weizhi{height:34px;border-bottom:2px solid #437ffc;color:#999;line-height:34px}
.weizhi a{color:#999}
.weizhi a:hover{color:#437ffc}
.weizhi font{color:#437ffc}
.weizhi span,.weizhi2 span{padding:0 5px}
.weizhi2{height:43px;color:#000;line-height:43px}
.weizhi2 a{color:#000}
.weizhi2 span{color:#fb6060}
.content {width: 1200px;margin: 20px auto;background: #fff;box-sizing: border-box;padding: 20px;overflow: hidden;}
.rank_list {margin-top: 40px;overflow: hidden}
.rank_list .rank_box {border-radius: 10px;width: 360px;float: left;margin-right: 40px}
.rank_list .rank_box:nth-last-child(1) {margin-right: 0px}
.rank_list .rank_box .rank_title {width: 360px;height: 80px;background: #437ffc;border-radius: 10px 10px 0px 0px;box-sizing: border-box;padding-top: 12px;position: relative}
.rank_list .super .rank_title {background: #437ffc}
.rank_list .over_v .rank_title {background: #F14E52}
.rank_list .GM_game .rank_title {background: #20C356}
.rank_list .rank_box .rank_title::after {content: '';background: url(../img/GAMERANKING.png) no-repeat;width: 383px;height: 36px;position: absolute;top: 8px;left: 0}
.rank_list .rank_box .rank_title h2 {font-size: 20px;font-family: Microsoft YaHei;font-weight: bold;color: #FFFFFF;text-align: center}
.rank_list .rank_box .rank {width: 360px;background: #FFFFFF;border: 1px solid #DEE4E7;border-radius: 10px;padding: 0 20px;margin-top: -26px;position: relative;z-index: 10;box-sizing: border-box;}
.rank_list .rank_box .rank .item {padding: 20px 0;overflow: hidden;border-bottom: 1px dashed #DEE4E7}
.rank_list .rank_box .rank .item .No {width: 22px;height: 22px;background: #CED4DF;border-radius: 4px;font-size: 15px;font-family: DINPro;font-weight: bold;color: #FFFFFF;text-align: center;line-height: 22px;float: left}
.rank_list .rank_box .rank .item .info_img {width: 170px;height: 22px;border-radius: 16px;overflow: hidden;float: left;margin-left: 14px;transition: height 0.3s}
.rank_list .rank_box .rank .item .info_img img {width: 68px;height: 68px;border-radius: 16px;float: left;display: none}
.rank_list .rank_box .rank .item.active .info_img {width: 282px;height: 68px}
.rank_list .rank_box .rank .item.active .info_img img {display: block}
.rank_list .rank_box .rank .item .info {width: 200px;height: 68px;margin-left: 14px;float: left}
.rank_list .rank_box .rank .item .info h2 {width: 100%;font-size: 14px;font-family: Microsoft YaHei;font-weight: 400;color: #333333;line-height: 22px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.rank_list .rank_box .rank .item .info .type_btn {overflow: hidden;margin-top: 5px}
.rank_list .rank_box .rank .item .info .type {float: left;width: 136px}
.rank_list .rank_box .rank .item .info .type .type_text {font-size: 12px;font-family: Microsoft YaHei;font-weight: 400;color: #999999}
.rank_list .rank_box .rank .item .info .type .type_text span {color: #F14E52;box-sizing: border-box;padding-left: 6px;margin-left: 6px;position: relative}
.rank_list .rank_box .rank .item .info .type .type_text span::before {content: '';width: 1px;height: 11px;background: #E5E5E5;position: absolute;top: 2.5px;left: 0}
.rank_list .rank_box .rank .item .info .recharge {overflow: hidden;margin-top: 4px}
.rank_list .rank_box .rank .item .info .recharge span {float: left;width: 14px;height: 13px;background: url(../img/chong.png) no-repeat}
.rank_list .rank_box .rank .item .info .recharge .num {font-size: 12px;font-family: Microsoft YaHei;font-weight: 400;color: #437ffc;line-height: 13px;float: left;margin-left: 5px}
.rank_list .rank_box .rank .item .info .btn {width: 64px;height: 32px;background: rgba(255,255,255,0);border: 1px solid #437ffc;box-sizing: border-box;border-radius: 2px;display: block;line-height: 30px;text-align: center;font-size: 12px;font-family: Microsoft YaHei;font-weight: 400;color: #437ffc;float: right;position: unset;top: unset;z-index: unset;cursor: unset;}
.rank_list .rank_box .rank .item .info .btn:hover {background: #437ffc;color: #FFFFFF}
.rank_list .rank_box .rank .item .down_num {font-size: 12px;font-family: Microsoft YaHei;font-weight: 400;color: #999999;line-height: 22px;float: right}
.rank_list .rank_box .rank .item .down_num span {color: #F14E52}
.rank_list .rank_box .rank .item.active .down_num {
    display: none
}
.rank_list .super .rank .item:nth-child(1) .No {
    background-color: rgba(61,126,255,1)
}
.rank_list .super .rank .item:nth-child(2) .No {
    background-color: rgba(61,126,255,0.8)
}
.rank_list .super .rank .item:nth-child(3) .No {
    background-color: rgba(61,126,255,0.6)
}
.rank_list .over_v .rank .item:nth-child(1) .No {
    background-color: rgba(241,78,82,1)
}
.rank_list .over_v .rank .item:nth-child(2) .No {
    background-color: rgba(241,78,82,0.8)
}
.rank_list .over_v .rank .item:nth-child(3) .No {
    background-color: rgba(241,78,82,0.6)
}
.rank_list .GM_game .rank .item:nth-child(1) .No {
    background-color: rgba(32,195,86,1)
}
.rank_list .GM_game .rank .item:nth-child(2) .No {
    background-color: rgba(32,195,86,0.8)
}
.rank_list .GM_game .rank .item:nth-child(3) .No {
    background-color: rgba(32,195,86,0.6)
}
.section{background-color: #fff;margin-top: 20px;padding: 10px 15px;}
.section .title{overflow: hidden;height: 30px;line-height: 30px;font-size: 14px;color: #434343;}
.section .title h2{float: left;position: relative;font-size: 20px;padding-left: 10px;}
.section .title h2::before{content: '';display: block;width: 4px;height: 20px;background: #437ffc;position: absolute;top: 6px;left: 0px;}
.section .title .more{float: right;line-height: 30px;color: #999;}
.section .title .more i{display: block;width: 12px;height: 12px;float: right;margin: 9px 0 0 5px;background: url(../img/bg18.png) no-repeat -180px -60px;}
.recom-rank ul {display: flex;flex-wrap: wrap;margin-top: 10px;}
.recom-rank ul li {width: 277.5px;float: left;margin-bottom: 20px;margin-right: 20px;}
.recom-rank ul li:nth-of-type(4n) {margin-right: 0;}
.recom-rank ul li .box {background: #f9f9f9;border-radius: 10px;overflow: hidden;padding-bottom: 11px;}
.recom-rank ul li .imgBox {display: block;width: 100%;height: 138px;}
.recom-rank ul li .imgBox img {display: block;width: 100%;height: 100%;}
.recom-rank ul li .tt {padding: 0 12px;height: 30px;line-height: 30px;font-size: 18px;font-weight: normal;margin-top: 9px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.recom-rank ul li .tt a:hover {color: #437ffc;}
.recom-rank ul li .text {padding: 0 12px;font-size: 14px;color: #999;line-height: 24px;height: 72px;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.recom-rank ul li .clearfix {padding: 0 12px;line-height: 28px;color: #999;font-size: 14px;padding-top: 6px;}
.recom-rank ul li .btn {display: block;width: 74px;height: 26px;line-height: 26px;border: 1px solid #999;border-radius: 3px;text-align: center;color: #999;position: unset;top: unset;z-index: unset;}
.recom-rank ul li .btn:hover {color: #437ffc;border-color: #437ffc;}
.recom-rank ul li:hover .box {-moz-box-shadow: 2px 2px 5px #999;-webkit-box-shadow: 2px 2px 5px #999;box-shadow: 2px 2px 5px #999;}

.newest-game ul {display: flex;flex-wrap: wrap;}
.newest-game ul li {display: flex;flex-wrap: wrap;width: 376px;background: #fcfcfc;margin: 10px 20px 20px 0;}
.newest-game ul li:nth-of-type(3n) {margin-right: 0;}
.newest-game ul li a.img {display: block;overflow: hidden;margin: 20px;width: 100px;height: 100px;flex: 0 0 auto;}
.newest-game ul li a.img img {width: 100%;height: 100%;border-radius: 22px;}
.newest-game ul li a.img img:hover {opacity: 0.8;}
.newest-game ul li .info {width: 220px;height: 100px;margin-top: 20px;flex: 1 1 auto;}
.newest-game ul li .info .bt {display: block;width: 100%;height: 30px;line-height: 30px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;font-size: 18px;color: #2e2e2e;margin-top: 4px;}
.newest-game ul li .info .bt:hover {color: #437ffc;}
.newest-game ul li .info .tags {font-size: 12px;color: #9e9e9e;margin: 8px 0;}
.newest-game ul li .info .tags i {display: inline-block;width: 1px;height: 10px;background: #437ffc;margin: 0 8px;}
.newest-game ul li .info .downl {display: block;margin-top: 4px;width: 90px;height: 28px;line-height: 28px;text-align: center;font-size: 14px;color: #999;border-radius: 3px;border: 1px solid #999;}
.newest-game ul li .info .downl:hover {background: #437ffc;color: #fff;border-color: #437ffc;}
.newest-game ul li:hover {box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);}
.newest-game ul .desc {width: 100%;height: 62px;font-size: 12px;color: #858585;line-height: 20px;overflow: hidden;margin-left: 20px;margin-bottom: 10px;}
.newest-game ul .desc span {font-size: 12px;color: #9d97be;width: 40px;height: 20px;line-height: 20px;}

.newspart{padding: 10px 0;}
.newspart .title{padding: 0 15px;}
.newspart .yxgl_content{overflow: hidden;background: #fff;}
.yxgl_content .left_zwzx{width: 727px;background: #fff;padding: 20px 10px 0 10px;box-sizing: border-box;}
.yxgl_content .right_zwzx{width: 473px;background: #fff;}
.yxgl_content .left_zwzx .left_zwzx_list{overflow: hidden;margin-bottom: 20px;position: relative;}
.yxgl_content .left_zwzx .left_zwzx_list .left_zwzx_list_a{width: 244px;height: 160px;position: absolute;top: 0;left: 0;}
.yxgl_content .left_zwzx .left_zwzx_list .left_zwzx_list_a .left_zwzx_list_img{width: 244px;height: 160px;border-radius: 12px;border: solid 1px #fff;box-sizing: border-box;}
.yxgl_content .left_zwzx .left_zwzx_list .left_zwzx_list_right{height: 160px;padding: 16px 0;box-sizing: border-box;margin-left: 270px;}
.yxgl_content .left_zwzx .left_zwzx_list .left_zwzx_list_right .left_zwzx_list_right_tit{display: block;height: 24px;font-size: 14px;font-weight: bold;letter-spacing: 0px;color: #333333;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.yxgl_content .left_zwzx .left_zwzx_list .left_zwzx_list_right .left_zwzx_list_right_text{height: 100px;font-size: 12px;line-height: 20px;letter-spacing: 0px;color: #333333;overflow: hidden;text-align: justify;}
.yxgl_content .left_zwzx .left_zwzx_list .left_zwzx_list_right .left_zwzx_list_right_text .right_zwzx_xx{position: absolute;right: 0;bottom: 20px;background: #fff;line-height: 20px;font-size: 12px;font-weight: bold;color: #666666;}
.yxgl_content .left_zwzx .left_zwzx_list:hover .left_zwzx_list_right .left_zwzx_list_right_tit{color: #437ffc;}
.yxgl_content .left_zwzx .left_zwzx_list:hover .left_zwzx_list_a .left_zwzx_list_img{border-radius: 12px;border: solid 1px #ffb71c;}
.yxgl_content .left_zwzx .left_zwzx_list:hover .left_zwzx_list_right .left_zwzx_list_right_text .right_zwzx_xx{color: #437ffc;}
.yxgl_content .right_zwzx ul li{padding: 2px 10px;box-sizing: border-box;}
.yxgl_content .right_zwzx ul li .right_zwzx_list_right_tit{font-size: 14px;font-weight: bold;line-height: 32px;letter-spacing: 0px;color: #333333;display: block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.yxgl_content .right_zwzx ul li .right_zwzx_list_right_tit i{display: block;background: #437ffc;width: 4px;height: 4px;border-radius: 50%;float: left;margin-right: 8px;margin-top: 17px;}
.yxgl_content .right_zwzx ul li .right_zwzx_list_right_text{height: 55px;font-size: 12px;color: #a7a7a7;line-height: 18px;overflow: hidden;position: relative;}
.yxgl_content .right_zwzx ul li .right_zwzx_list_right_text .right_zwzx_xx{position: absolute;right: 0;bottom: 2px;font-size: 12px;font-weight: bold;line-height: 18px;letter-spacing: 0px;color: #666666;background: #fff;}
.yxgl_content .right_zwzx ul li:hover{background: #f7f7f7;border-radius: 12px;}
.yxgl_content .right_zwzx ul li:hover .right_zwzx_list_right_tit{color: #437ffc;}
.yxgl_content .right_zwzx ul li:hover .right_zwzx_list_right_text .right_zwzx_xx{color: #437ffc;background: #f7f7f7;}
.yxgl_content .right_yxgl_xx{width: initial;height: 20px;font-size: 12px;line-height: 18px;letter-spacing: 0px;color: #666666;position: absolute;right: 0;bottom: 0;overflow: hidden;background: #fff;font-weight: bold;}

.newstop{margin-bottom: 30px;padding: 10px 0;}
.newstop .title{margin-bottom: 15px;padding: 0 15px;}
.newstop ul{width: 105%;overflow: hidden;}
.newstop ul li{width: 258px; height: 268px; background: #f9f9fe; overflow: hidden; padding: 10px 10px 0  10px; position: relative; float: left; margin: 0 30px 30px 0;}
.newstop ul li .bt{ height: 40px; line-height: 40px; text-align: center; overflow: hidden; font-size: 16px; color: #000; }
.newstop ul li .text{ line-height: 20px; color: #626675; height: 80px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; word-break: break-all;     }
.newstop ul li .imgli{height: 56px; margin: 10px 0;}
.newstop ul li .imgli img{width: 100%;height: 100%;}
.newstop ul li .imgli .img{ width: 56px; display: block; float: left; margin: 0 15px; border-radius: 15px; height: 56px;}
.newstop ul li .btn{position: absolute; width: 100%; height: 50px; line-height:50px; left: 0px; bottom: 0px; text-align: center; display: block; background: #81a7ff; color: #fff;top: unset;z-index: unset;cursor: unset;}
.newstop ul li .btn:hover{background: #487df7;}
.load-more {display: block;width: 350px;height: 50px;line-height: 50px;text-align: center;border-radius: 25px;border: 1px solid #c3c3c3;font-size: 20px;color: #437ffc;margin: 40px auto;}