@charset "utf-8";
.rankWrap {margin-top: -.02rem;position: relative;}
.rkMenu {margin-top: -.62rem;padding-left: .47rem;display: flex;flex-wrap: wrap;}
.rkMenu a {position: relative;display: block;padding: .06rem;height: .62rem;background: rgba(255,255,255,.15);border-radius: .2rem;margin-right: .11rem;text-align: center;}
.rkMenu a strong {position: relative;z-index: 1;display: block;width: 1.99rem;height: .62rem;font-size: .28rem;color: #000;line-height: .62rem;font-weight: 500;background: rgba(255,255,255,.5);border-radius: .12rem;overflow: hidden;text-shadow: -.02rem 0 #fff,0 .02rem #fff,.02rem 0 #fff,0 -.02rem #fff;}
.rkMenu a.current {background: rgba(255,255,255,.36);height: .87rem;}
.rkMenu a.current strong {height: .77rem;line-height: .77rem;padding-bottom: .1rem;font-size: .32rem;color: #07c5b9;font-weight: bold;background: rgba(255,255,255,.7);text-shadow: -.03rem 0 #fff,0 .03rem #fff,.03rem 0 #fff,0 -.03rem #fff;}
.rkMenu a.current strong {background: transparent;}
.rkMenu a.current:before {content: "";position: absolute;top: .06rem;left: .06rem;width: 1.99rem;height: .87rem;background: rgba(255,255,255,.7);border-radius: .12rem;}
.rankWrap ol {position: relative;top: -.18rem;background: #fff;margin: 0 0 .06rem;padding: .22rem 0 .06rem;}
.rankWrap ol li:nth-of-type(2n+1) {background-color: #f9fffe;}
.rankWrap ol li {position: relative;z-index: 1;}
.rankWrap ol li a {position: relative;display: flex;padding: .285rem 0;overflow: hidden;*zoom: 1;}
.rankWrap ol li a:before {content: "";position: relative;float: left;margin: .39rem .14rem 0 .13rem;display: block;width: .54rem;height: .54rem;line-height: .54rem;text-align: center;background: url(../images/icon.png) no-repeat;background-size: 10rem 10rem;}
.rankWrap ol li:nth-of-type(2n+1) a {padding: .335rem 0;}
.rankWrap ol li:nth-of-type(n+4) a:before {height: .28rem;margin-top: .5rem;}
.rankWrap ol li:nth-of-type(1) a:before {background-position: -.1rem -5.69rem;}
.rankWrap ol li:nth-of-type(2) a:before {background-position: -.85rem -5.69rem;}
.rankWrap ol li:nth-of-type(3) a:before {background-position: -1.6rem -5.69rem;}
.rankWrap ol li:nth-of-type(4) a:before {background-position: -2.28rem -5.69rem;}
.rankWrap ol li:nth-of-type(5) a:before {background-position: -2.89rem -5.69rem;}
.rankWrap ol li:nth-of-type(6) a:before {background-position: -3.51rem -5.69rem;}
.rankWrap ol li:nth-of-type(7) a:before {background-position: -4.12rem -5.69rem;}
.rankWrap ol li:nth-of-type(8) a:before {background-position: -4.72rem -5.69rem;}
.rankWrap ol li:nth-of-type(9) a:before {background-position: -5.34rem -5.69rem;}
.rankWrap ol li:nth-of-type(10) a:before {background-position: -5.95rem -5.69rem;}
.rankWrap ol li:nth-of-type(n+11) a:before {background: transparent;}
.rankWrap ol li a img {width: 1.28rem;height: 1.28rem;border-radius: .3rem;margin-right: .21rem;}
.rankWrap ol li a div {flex: 1;height: 1.28rem;overflow: hidden;}
.rankWrap ol li a div p {font-size: .28rem;color: #333;line-height: .42rem;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.rankWrap ol li a div span {display: block;margin-top: .06rem;font-size: .24rem;color: #9F9FA4;line-height: .32rem;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.rankWrap ol li a i {position: absolute;top: 0;bottom: 0;margin: auto;right: .22rem;display: block;width: 1.2rem;height: .46rem;line-height: .46rem;border: .02rem solid rgba(7,197,185,.5);border-radius: .27rem;font-size: .24rem;color: #07c5b9;text-align: center;overflow: hidden;font-style:inherit;}
.infoCont~.hwGSlist {margin-bottom: .2rem;}
.xinList {padding: .1rem 0;margin-bottom: .2rem;}
.xinList ul {display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;flex-wrap: wrap;margin: 0 0 0 .18rem;}
.xinList li {width: 2.14rem;height: 3.18rem;background: #fff;border-radius: .06rem;margin: 0 .105rem .2rem;border: .01rem solid #F4F4F4;}
.xinList li a {position: relative;display: block;text-align: center;padding: .31rem 0 .3rem 0;}
.xinList li a img {display: block;width: 1.2rem;height: 1.2rem;border-radius: .28rem;margin: 0 auto;}
.xinList li a p {display: block;max-width: 90%;font-size: .28rem;color: #000;height: .46rem;line-height: .46rem;margin: 0 auto;overflow: hidden;}
.xinList li a p:nth-of-type(2) {font-size: .22rem;color: #999;line-height: .26rem;height: .26rem;margin-bottom: .17rem;}
.xinList li span {display: block;margin: auto;width: 1.2rem;height: .46rem;line-height: .46rem;border: .02rem solid rgba(241, 33, 33, .5);border-radius: .27rem;text-align: center;font-size: .24rem;color: #07c5b9;}
.krNav .list {padding: .2rem 0 .2rem .26rem;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;flex-wrap: wrap;}
.krNav .list a {display: block;width: 3.4rem;height: .64rem;line-height: .64rem;text-align: center;background-color: #f2f2f2;color: #424242;font-size: .3rem;border-radius: .08rem;overflow: hidden;white-space: nowrap;margin: 0 .19rem .2rem 0;}
.krNav .list a.current {color: #fff;background-color: #FF9900;}
.rankBg {display: flex;justify-content: center;height: 2.12rem;width: 100%;background: url(../images/rank_bg.png);background-size: contain;}
.rankBg h1 {font-size: 0.44rem;color: #fff;font-weight: bolder;text-align: center;height: .86rem;line-height: .86rem;padding-top: .3rem;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.rankBg h1:before {content: "*";display: inline-block;vertical-align: top;font-size: .32rem;height: .12rem;height: .12rem;position: relative;top: 0.08rem;margin-right: .12rem;}
.rankBg h1:after {content: "*";display: inline-block;vertical-align: top;font-size: .32rem;height: .12rem;height: .12rem;position: relative;top: 0.08rem;margin-left: .02rem;}
.goTop{z-index: 10;}