/* KaiFaMei原创源码，唯一官网：www.KaiFaMei.com*/
.clearfloat{*zoom:1;}
.clearfloat:before,.clearfloat:after{content:""; display:block; line-height:0;visibility:hidden;}
.clearfloat:after{ clear:both;}
.fl {float: left;}
.fr {float: right;}
.wrap {width: 1200px; height: auto; margin: 0 auto;}

/*垂直对齐*/
.m-list-flex{display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; }
.m-list-flex .m-cell-bd{ -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; overflow: hidden; }
/*文字截取*/
.single-line{ text-overflow:ellipsis;white-space:nowrap;overflow:hidden; }
.multi-line{min-height: 2em; display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-overflow:clip;overflow:hidden;}
.multi-line1{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-overflow:clip;overflow:hidden;}
/*图片*/
.pic {width: 100%; overflow: hidden;}
.pic img {width: 100%;-moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}
.trans {-moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}

i {font-style: normal;}


/*top*/
.topWrap img {width: 100%;}
/*footer*/
.footerWrap img {width: 100%;}

/*banner*/
.rankBanner {position: relative;}
.rankBanner img {width: 100%; }
.rankBanner h2 {width: 100%; height: 88px; text-align: center; line-height: 88px; font-size: 58px; color: #fff; position: absolute; left: 0; top: 50%;  margin-top: -44px; z-index: 2; }
.rankBanner h2 span {display: inline-block; vertical-align: top; position: relative;}
.rankBanner h2 span:before {display: block; content: ""; position: absolute; width: 90px; height: 3px; background: #fff; left: -126px; top: 50%; margin-top: -1px;}
.rankBanner h2 span:after {display: block; content: ""; position: absolute; width: 90px; height: 3px; background: #fff; right: -126px; top: 50%; margin-top: -1px;}

/*main*/
.rankHd {height: 58px; line-height: 58px; padding-top: 16px; border-bottom: 1px solid #e5e5e5;}
.rankHd p {padding-left: ; color: #7f7f7f;}
.rankHd p a {color: #7F7F7F;}
.rankHd p a:hover {color: #fe8900;}
.rankHd p span {color: #fe8900;}

.rankTit {padding: 52px 0 30px; text-align: center; }
.rankTitW {width: 260px; height: 42px; margin: 0 auto; line-height: 42px; color: #fe8900; border: 2px solid #fe8900; border-radius: 23px; position: relative;}
.rankTitW h2 {font-size: 18px; font-weight: 600;}
.rankTitLine {position: absolute; width: 238px; height: 100%; top: 0; }
.rankTitLine.rankTitLineL {left: -262px; background: url(../images/tit_bg_l.png) no-repeat right center;}
.rankTitLine.rankTitLineR {right: -262px; background: url(../images/tit_bg_r.png) no-repeat left center;}

.rankSec01 {padding-bottom: 38px;}
.rankSec01W ul {}
.rankSec01W ul li {float: left; width: 18%; height: 68px; line-height: 68px; margin-right: 2.5%; margin-bottom: 15px; text-align: center;}
.rankSec01W ul li:nth-child(5n) {margin-right: 0;}
.rankSec01W ul li a {display: block; height: 100%; color: #fff; border-radius: 4px; position: relative; background-repeat: no-repeat; background-position: center; background-size: cover; overflow: hidden;font-size:18px;font-weight:bold;}
.rankSec01W ul li a img {width: 100%; height: 100%; }
.rankSec01W ul li h3 {position: absolute; width: 100%; height: 100%; font-size: 18px; left: 0; top: 0; z-index: 3; font-family: 方正粗倩简体; text-shadow:0px 1px 3px #a3a0a0;}
.rankSec01W ul li a:hover {box-shadow: 0 0 18px 0 #9c9d9d;}
.rankSec01W ul li.rankSec01Bg1 a {background-image: url(../images/bg_img1.jpg);}
.rankSec01W ul li.rankSec01Bg2 a {background-image: url(../images/bg_img6.jpg);}
.rankSec01W ul li.rankSec01Bg3 a {background-image: url(../images/bg_img11.jpg);}
.rankSec01W ul li.rankSec01Bg4 a {background-image: url(../images/bg_img16.jpg);}

.rankSec02 {padding-bottom: 45px; background: #fafafa;}
.rankSec02W {}
.rankSec02W .fl {width: 31.66%; margin-left: 2.5%;}
.rankSec02W .fl:first-child {margin-left: 0;}
.rankSec02H {height: 105px; margin-bottom: 10px; text-align: center; background-repeat: no-repeat; background-position: center; background-size: cover; border-radius: 6px;}
.rankSec02H img {margin-top: 19px;}
.rankSec02H h2 {font-size: 24px; color: #fff; line-height: 48px;}
.rankSec02H.bg1 {background-image: url(../images/rant_bg_img1.jpg);}
.rankSec02H.bg2 {background-image: url(../images/rant_bg_img2.jpg);}
.rankSec02H.bg3 {background-image: url(../images/rant_bg_img3.jpg);}
.rankSec02W ul {}
.rankSec02W ul li {height: 80px; padding-right: 25px; }
.rankSec02C {height: 100%; border-bottom: 1px dashed #dcdcdc;}
.rankSec02W ul li span.num {float: left; width: 34px; margin-right: 18px; margin-top: 28px; text-align: center; color: #808080; }
.rankSec02W ul li span.num em {display: inline-block; width: 22px; height: 22px; line-height: 24px;border: 1px solid #aaa; border-radius: 4px; vertical-align: top;}
.rankSec02W ul li .cont {float: left;}
.rankSec02W ul li a.rankDown {float: right; width: 58px; height: 28px; margin-top: 25px; line-height: 30px; text-align: center; color: #999; border: 1px solid #bfbfbf; border-radius: 4px;}
.rankSec02W ul li .cont {margin-top: 10px;}
.rankSec02W ul li .cont h3 {margin-bottom: 6px; line-height: 32px;}
.rankSec02W ul li .cont h3 a {margin-right: 22px; font-size: 16px; font-weight: 600; color: #323232;}
.rankSec02W ul li .cont h3 span {color: #fe8900;}
.rankSec02W ul li .cont p {color: #808080;}
.rankSec02W ul li .cont p span {margin-right: 8px;}
.rankSec02W ul li:nth-child(1),
.rankSec02W ul li:nth-child(2),
.rankSec02W ul li:nth-child(3) {height: 108px;}
.rankSec02W ul li:nth-child(1) span.num,
.rankSec02W ul li:nth-child(2) span.num,
.rankSec02W ul li:nth-child(3) span.num {margin-top: 32px; height: 42px;}
.rankSec02W ul li:nth-child(1) span.num {background: url(../images/num_1.png) no-repeat left top;}
.rankSec02W ul li:nth-child(2) span.num {background: url(../images/num_2.png) no-repeat left top;}
.rankSec02W ul li:nth-child(3) span.num {background: url(../images/num_3.png) no-repeat left top;}
.rankSec02W ul li:nth-child(1) span.num em,
.rankSec02W ul li:nth-child(2) span.num em,
.rankSec02W ul li:nth-child(3) span.num em {width: 30px; height: 30px; line-height: 30px; font-size: 18px; font-weight: 600; color: #fff; border: none;}
.rankSec02W ul li:nth-child(1) a.rankDown,
.rankSec02W ul li:nth-child(2) a.rankDown,
.rankSec02W ul li:nth-child(3) a.rankDown {margin-top: 39px;}
.rankSec02W ul li:nth-child(1) .cont,
.rankSec02W ul li:nth-child(2) .cont,
.rankSec02W ul li:nth-child(3) .cont {margin-top: 26px;}
.rankSec02W ul li:first-child {background: url(../images/game_bg.png) no-repeat center; background-size: 100% 100%;}
.rankSec02W ul li:first-child .rankSec02C {border-bottom: none;}
.rankSec02W ul li:first-child a.rankDown {color: #ff8a00; border-color: #ff8a00;}
.rankSec02W ul li:first-child .pic {float: left; width: 70px; height: 70px;}
.rankSec02W ul li:first-child .inner {float: left; margin-left: 16px; margin-top: 4px;}
.rankSec02W ul li:first-child .cont {margin-top: 18px;}
.rankSec02W ul li:first-child h3 a {font-size: 18px; color: #fe8900;}
.rankSec02W ul li a.rankDown:hover {color: #fff; background: #fe8900; border-color: #fe8900;}

.rankSec03 {padding-bottom: 60px;}
.rankSec03H {margin: 22px 0 40px;}
.rankSec03H ul {padding: 0 36px;}
.rankSec03H ul li {float: left; width: 14.166%; height: 40px; margin-left: 3%; line-height: 42px; text-align: center; font-size: 16px;}
.rankSec03H ul li:first-child {margin-left: 0;}
.rankSec03H ul li a {display: block; height: 100%; border: 1px solid; border-radius: 20px; }
.rankSec03H ul li.col1 a {color: #fe8900; border-color: #fe8900;}
.rankSec03H ul li.col1.on a {color: #fff; background: #fe8900;}
.rankSec03H ul li.col2 a {color: #22ac38; border-color: #22ac38;}
.rankSec03H ul li.col2.on a {color: #fff; background: #22ac38;}
.rankSec03H ul li.col3 a {color: #61c6cc; border-color: #61c6cc;}
.rankSec03H ul li.col3.on a {color: #fff; background: #61c6cc;}
.rankSec03H ul li.col4 a {color: #39a0ff; border-color: #39a0ff;}
.rankSec03H ul li.col4.on a {color: #fff; background: #39a0ff;}
.rankSec03H ul li.col5 a {color: #ef2b31; border-color: #ef2b31;}
.rankSec03H ul li.col5.on a {color: #fff; background: #ef2b31;}
.rankSec03H ul li.col6 a {color: #8000ff; border-color: #8000ff;}
.rankSec03H ul li.col6.on a {color: #fff; background: #8000ff;}
.rankSec03H ul li a:hover {background: #fafafa;}
.rankSec03W {}
.rankSec03W li {padding: 28px 0; border-bottom: 1px solid #e5e5e5;}
.rankSec03W li .pic {float: left; width: 116px;}
.rankSec03W li .cont {float: left; width: 754px; margin-left: 15px;}
.rankSec03W li .cont h3 {line-height: 38px; margin-bottom: 2px;}
.rankSec03W li .cont h3 a {font-size: 22px; color: #4d4d4d;}
.rankSec03W li .cont h3 span {display: inline-block; width: 32px; margin-right: 18px; text-align: center; font-size: 0; vertical-align: top;}
.rankSec03W li .cont h3 span em {display: inline-block; width: 26px; height: 26px; line-height: 28px; font-size: 16px; font-weight: 600; color: #808080; background: #e5e5e5; border-radius: 4px; vertical-align: middle;}
.rankSec03W li .cont h4 {line-height: 30px; color: #929292;}
.rankSec03W li .cont h4 span {margin-right: 12px;}
.rankSec03W li .cont h4 em {margin: 0 12px;}
.rankSec03W li .cont h4 i {margin-left: 12px; color: #fe8900;}
.rankSec03W li .cont p {line-height: 24px; color: #808080;}
.rankSec03W li .rankSec03Dowm {float: right; width: 220px; height: 50px; margin-top: 20px; line-height: 50px; font-size: 16px; text-align: center; color: #fff; background: #fe8900; border-radius: 25px;}
.rankSec03W li .rankSec03Dowm:hover {background: #ec3637;}
.rankSec03W ul li:nth-child(1) h3 span,
.rankSec03W ul li:nth-child(2) h3 span,
.rankSec03W ul li:nth-child(3) h3 span {height: 100%; /*background-size: 100%;*/}
.rankSec03W ul li:nth-child(1) h3 span em,
.rankSec03W ul li:nth-child(2) h3 span em,
.rankSec03W ul li:nth-child(3) h3 span em {line-height: 27px;vertical-align: top; color: #fff; background: none;}
.rankSec03W ul li:nth-child(1) h3 span {background: url(../images/num_11.png) no-repeat left top; }
.rankSec03W ul li:nth-child(2) h3 span {background: url(../images/num_22.png) no-repeat left top; }
.rankSec03W ul li:nth-child(3) h3 span {background: url(../images/num_33.png) no-repeat left top; }
.rankSec03W ul li:first-child h3 a {color: #fe8900;}
.rankSec03W ul {display: none;}
.rankSec03W ul:first-child {display: block;}

.LoadMore {display: block; height: 50px; margin-top: 65px; line-height: 50px; text-align: center; color: #7b7b7b; background: #f2f2f2; border-radius: 6px;}

/*排行榜内页*/
.topmain {overflow: hidden;margin-bottom: 15px;width: 1200px;margin: 0 auto;clear: both;}
.count { width: 100%; position: relative; border-top:1px solid rgba(255,255,255,0);margin-top:-1px;}
.count-box { width: 1200px; margin: 0 auto; position: relative; top: 0; z-index: 3; transition: top 0.2s; padding:20px 0 1px; }/*auto*/
.box { margin-bottom: 20px; position: relative; }
.box-p20 {padding: 20px;margin-top: 20px;box-shadow: 0 0 10px rgba(0,0,0,0.1);border-left: 1px solid #eae9e9;border-right: 1px solid #eae9e9;background: #fff;}
.h{ margin-bottom: 20px; width: 100%; overflow: hidden; position:relative;}
.h-title { font-size: 18px; border-left: 5px solid #0CC6C6; padding-left: 10px;line-height:24px;float: left; }
.h .more, .h-nb .more,.h-line .more{ float: right; font-size: 13px; }
.b { overflow: visible; }
.ranking-box{width:540px;padding:270px 0 0;margin:0 auto;position:relative;color:#fff;}
.ranking-title{font-size:32px;font-weight:bold;padding-bottom:10px;}
.ranking-txt{font-size:18px;line-height:30px;}
.ranking-tabs{line-height:80px; text-align:center;font-size:30px;padding-left:20px;height:80px;overflow:hidden;}
.ranking-tabs span{display:inline-block;width:260px;background-color:#F66;color:#fff;border-radius:20px 20px 0 0; box-shadow:0 -5px 0 rgba(0,0,0,0.05) inset; position:relative;margin-left:-20px;text-shadow:2px 2px 0 rgba(0,0,0,0.2); cursor: pointer;}
.ranking-tabs span:last-child{ background-color:#69F}
.ranking-tabs span.active{ z-index:2;font-weight:bold; }
.ranking-bg{padding:50px; background-color:#fff; box-shadow:0 0 10px rgba(0,0,0,0.1);border: 1px solid #ffefef;}
.ranking-plist{}
.ranking-plist li{padding:30px 230px 30px 170px; background-color:rgba(12,198,198,0.06);border-radius:10px;margin-bottom:30px; position:relative;}
.ranking-plist li:last-child{margin-bottom:0;}
.ranking-plist li .ranking-num{ position:absolute;left:30px;top:0; background-color:#0cc6c6;color:#fff;padding:5px 10px;border-radius:4px 4px 100px 100px; z-index:4;font-size:20px;line-height:30px; box-shadow:-5px 0 0 rgba(0,0,0,0.05)}
.ranking-plist li .ranking-ico{ position:absolute;left:30px;top:30px;}
.ranking-plist li .ranking-ico,.ranking-plist li .ranking-ico img{width:120px;height:120px;}
.ranking-plist li .ranking-name a{font-size:24px;line-height:30px;}
.ranking-plist li .ranking-star{ display:inline-block; vertical-align:top;margin:0 5px;}
.ranking-plist li .ranking-class{ display:inline-block;vertical-align:top;font-size:14px; margin-left: 10px;margin-top: 4px;}
.ranking-plist li .ranking-class a{ display:inline-block;line-height:20px; background-color:#ffe7e7;color:#C66;padding:3px 5px;margin-right:10px;border-radius:4px;font-size: 14px;}
.ranking-plist li .ranking-txt{margin:10px 0;font-size:16px;color:#888;line-height:20px;height:40px;overflow:hidden;}
.ranking-plist li .ranking-info{border-top:1px solid rgba(0,0,0,0.1);padding-top:7px;height:20px;}
.ranking-plist li .ranking-info span{padding-right:60px;}
.ranking-plist li .ranking-r{ position:absolute;right:30px;top:60px;}
.ranking-plist li .ranking-r .btn{ display:block; text-align:center;line-height:50px;padding:0 20px;font-size:16px; background-color:#f63;color:#fff;border-radius:6px;}
.ranking-plist li .ranking-r a:hover{ opacity:0.8;}
.ranking-plist li .ranking-r p{margin-top:20px;}
.ranking-plist li .ranking-r p a{ display:inline-block;margin:0 5px;padding:0 10px;border-radius:4px;line-height:30px; background-color:#fff;border:1px solid #ddd;}
.ranking-plist li:first-child .ranking-num,.ranking-plist li:nth-child(2) .ranking-num,.ranking-plist li:nth-child(3) .ranking-num{border-radius:0 0 10px 10px;padding:0 20px}
.ranking-plist li:first-child .ranking-num:before,.ranking-plist li:nth-child(2) .ranking-num:before,.ranking-plist li:nth-child(3) .ranking-num:before{ content:"第 ";font-size:16px;}
.ranking-plist li:first-child .ranking-num:after,.ranking-plist li:nth-child(2) .ranking-num:after,.ranking-plist li:nth-child(3) .ranking-num:after{ content:" 名";font-size:16px;}
.ranking-plist li:first-child .ranking-num{ background-color:#F33;}
.ranking-plist li:nth-child(2) .ranking-num{ background-color:#FC0;}
.ranking-plist li:nth-child(3) .ranking-num{ background-color:#9C0;}
.ranking-plist li:first-child { background-color:rgba(255,56,56,0.08);}
.ranking-plist li:nth-child(2) { background-color:rgba(255,190,30,0.08);}
.ranking-plist li:nth-child(3) { background-color:rgba(140,220,50,0.08);}
.ranking-tlist li{padding:30px 30px 30px 220px; background-color:rgba(12,198,198,0.06);border-radius:10px;margin-bottom:30px; position:relative;}
.ranking-tlist li:last-child{margin-bottom:0;}
.ranking-tlist li .ranking-num{ position:absolute;left:30px;top:0; background-color:#0cc6c6;color:#fff;padding:5px 10px;border-radius:4px 4px 100px 100px; z-index:4;font-size:20px;line-height:30px; box-shadow:-5px 0 0 rgba(0,0,0,0.05)}
.ranking-tlist li .ranking-img{ position:absolute;left:30px;top:30px;}
.ranking-tlist li .ranking-img,.ranking-tlist li .ranking-img img{width:160px;height:120px;}
.ranking-tlist li .ranking-name{font-size:24px;line-height:30px;}
.ranking-tlist li .ranking-star{ display:inline-block; vertical-align:top;margin:0 5px;}
.ranking-tlist li .ranking-class{ display:inline-block;vertical-align:top;font-size:14px; position:absolute;right:30px;bottom:30px;max-width:540px;overflow:hidden;height:20px; text-align:right;}
.ranking-tlist li .ranking-class a{ display:inline-block;line-height:20px; background-color:rgba(255,255,255,0.7);padding:0 5px;margin-left:10px;border-radius:4px;}
.ranking-tlist li .ranking-txt{margin:10px 0;font-size:16px;color:#888;line-height:20px;height:40px;overflow:hidden;}
.ranking-tlist li .ranking-info{border-top:1px solid rgba(0,0,0,0.1);padding-top:7px;height:20px;}
.ranking-tlist li .ranking-info span{padding-right:60px;}
.ranking-tlist li:first-child .ranking-num,.ranking-tlist li:nth-child(2) .ranking-num,.ranking-tlist li:nth-child(3) .ranking-num{border-radius:0 0 10px 10px;padding:0 20px}
.ranking-tlist li:first-child .ranking-num:before,.ranking-tlist li:nth-child(2) .ranking-num:before,.ranking-tlist li:nth-child(3) .ranking-num:before{ content:"第 ";font-size:16px;}
.ranking-tlist li:first-child .ranking-num:after,.ranking-tlist li:nth-child(2) .ranking-num:after,.ranking-tlist li:nth-child(3) .ranking-num:after{ content:" 名";font-size:16px;}
.ranking-tlist li:first-child .ranking-num{ background-color:#F33;}
.ranking-tlist li:nth-child(2) .ranking-num{ background-color:#FC0;}
.ranking-tlist li:nth-child(3) .ranking-num{ background-color:#9C0;}
.ranking-tlist li:first-child { background-color:rgba(255,56,56,0.08);}
.ranking-tlist li:nth-child(2) { background-color:rgba(255,190,30,0.08);}
.ranking-tlist li:nth-child(3) { background-color:rgba(140,220,50,0.08);}
.ranking-l3{width:244px;}
.mr30{margin-right:30px;border-right:1px solid #eee;padding-right:30px;}
.mlr30{margin:0 30px;border-left:1px solid #eee;border-right:1px solid #eee;padding:0 30px;}
.ranking-class-list{line-height:40px;}
.ranking-class-list a{display: inline-block;border: 1px solid #eee;border-radius: 4px;padding: 0 10px; margin-right: 10px;margin-bottom: 10px;color: #6b6b6b;width: 133px;text-align: center;font-size: 14px;}
.ranking-class-list a:hover{border-color:#f60;color:#f60;}
.ranking-text li{ list-style:none;}
.ranking-text li span{padding:0 5px;margin-right:10px; display:inline-block; background-color:#A3B0BE;color:#fff;border-radius:2px;font-size:12px;}
.ranking-text li:first-child span{ background-color:#F33;}
.ranking-text li:nth-child(2) span{ background-color:#FC0;}
.ranking-text li:nth-child(3) span{ background-color:#9C0;}
.top-t{padding:10px 0 10px 20px;margin-top:10px;}
.top-t h1{font-size: 18px;border-left: 5px solid #0CC6C6;padding-left: 10px;line-height: 24px;font-weight:bold;}
.ranking-class-list a.active {color: #ffffff; background: #f60;}