﻿
/* CSS Document */
.rankType_tit {
  position: relative;
  float: left;
  width: 210px;
  margin-right: 0px;
  overflow: hidden;
  margin-top: 20px;
}
.rankType_tit dl {
  width: 200px;
	background: #fff2e9;
	text-align: center;
	z-index: 999;
/*	position: fixed;*/
}
.rankType_tit dl a{
	display: block;
	width:100%;
	font-size: 15px;
	text-align: center;
}
.rankType_tit dl dt {
  width: 100%;
  overflow: hidden;
  margin: 0 auto;
  background: #a8440d;
  font-size: 14px;
  line-height: 42px;
  text-align: left;
  border-bottom: 1px dashed #a8440d;
}
.rankType_tit dl dd {
  width: 100%;
  overflow: hidden;
  margin: 0 auto;
  font-size: 14px;
  line-height: 42px;
  text-align: left;
  border-bottom: 1px dashed #ffa868;
}
.rankType_tit dl dd:hover, .rankType_tit dl dd.cur{
  color: #a8440d;
  border-left: 2px solid #a8440d;
}
.rankType_tit dl dd:hover a, .rankType_tit dl dd.cur a{
  color: #a8440d;
}
.rankType_tit dl dt a {
  color: #fff;
}
.main_title_2 {
  width: 100%;
  margin:0 auto;
  height: 56px;
  position: relative;
}
.main_title_2::after {
  content: '';
  display: block;
  width: 100%;
  height: 1px;
  background: #ededed;
  bottom: 1px;
  position: absolute;
  z-index: 1;
}
.main_title_2 span {
  display: inline-block;
  padding: 0 6px;
  color: #404040;
  font-size: 18px;
  position: relative;
  line-height: 56px;
  height: 56px;
  font-weight: bold;
}
.main_title_2.margin12 span {
  padding: 0 12px;
}
.main_title_2 span::after {
  z-index: 2;
  content: '';
  display: block;
  position: absolute;
  height: 5px;
  background-color: #f76341;
  border-radius: 3px;
  width: 80px;
  margin-left: -40px;
  left: 50%;
  bottom: 0;
}
.main_title_2 a.click_more {
	position: absolute;
	bottom: 10px;
	right: 0;
	line-height: normal;
}
.rankType_con {
  width: 1050px;
  overflow: hidden;
  position: relative;
  margin-top: 20px;
	float: right;
}
.rankType_con .rankType_item {
  width: 100%;
  overflow: hidden;
  position: relative;
  margin-bottom: 16px;
}
.rankType_item .rankItem {
  width: 330px;
  margin-right: 30px;
  margin-top:46px;
  float: left;
  position: relative;
  box-sizing: border-box;
  border: 1px #e8e8e8 solid;
}
.rankType_item div.rankItem:nth-child(3n){
  margin-right: 0;
}
.rankItem .label {
  display: block;
  text-align: center;
  width: 180px;
  height: 44px;
  line-height: 44px;
  background: #eee;
  color: #fff;
  font-size: 18px;
  letter-spacing: 1.2px;
  font-weight: 700;
  margin: -20px auto 0
}
.rankItem ul {
  width: 300px;
  margin: 15px auto;
  overflow: hidden
}
.rankItem ul li {
  width: 100%;
  line-height: 44px;
  overflow: hidden;
  padding: 12px 0;
  border-bottom: 1px dashed #edeff5
}
.rankItem ul li span {
  float: left;
  width: 16px;
  height: 16px;
  line-height: 16px;
  color: #fff;
  text-align: center;
  display: block;
  margin: 3px 15px 0 0;
  font-family: simsun;
  font-size: 12px
}
.rankItem ul li .title {
  display: block;
  float: left;
  width: 240px;
  overflow: hidden;
  height: 22px;
  line-height: 22px;
  font-size: 14px;
  color: #2e2e2e;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.rankItem ul li .info {
  display: none;
  overflow: hidden;
  float: left
}
.rankItem ul li .info .img {
  float: left;
  display: block;
  margin-right: 10px
}
.rankItem ul li .info .img, .rankItem ul li .info .img img {
  width: 60px;
  height: 60px;
  border-radius: 8px
}
.rankItem ul.pcgm_rank li .info .img, .rankItem ul.pcgm_rank li .info .img img {
  width: 60px;
  height: 90px;
  border-radius: 4px
}
.rankItem ul li .info .bt {
  display: block;
  width: 170px;
  height: 20px;
  line-height: 20px;
  overflow: hidden;
  font-size: 16px;
  color: #2e2e2e;
  margin-top: 6px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.rankItem ul li .info .bt:hover {
  color: #0281ff
}
.rankItem ul li .info p {
  height: 20px;
  line-height: 20px;
  float: left;
  font-size: 12px;
  color: #9e9e9e;
  margin-top: 16px
}
.rankItem ul li .info p a {
  color: #9e9e9e;
  margin-right: 8px;
}
.rankItem ul li .info p a:hover {
  color: #1e89e0;
}
.rankItem ul li .info p u.size {
  color: #9e9e9e;
  margin-left: 8px;
}
.rankItem ul li .downl_ico {
  float: right;
  display: block;
  background: url(../images/img_icon.png) no-repeat;
  height: 16px;
  width: 16px;
  background-position: 0 -46px;
  margin-top: 3px
}
.rankItem ul li.on .title {
  display: none
}
.rankItem ul li.on span {
  height: 32px;
  line-height: 32px;
  margin-top: 17px
}
.rankItem ul li.on .info {
  display: block
}
.rankItem ul li.on .downl_ico {
  margin-top: 26px;
  background-position: 0 -62px
}
.rankItem .more {
  display: block;
  margin: 10px auto;
  background: #f2f2f2;
  height: 36px;
  line-height: 36px;
  width: 300px;
  text-align: center;
  font-size: 14px;
  color: #333
}
.rankItem .more:hover {
  opacity: .8
}
.rankItem .label {
  background: -webkit-linear-gradient(to right, #ff7f7f 0%, #ff6666 100%) !important;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff7f7f', endColorstr='#ff6666', GradientType=1) !important;
  background: linear-gradient(to right, #ab6969 0%, #ff6666 100%) !important
}
.pcsf_item .label {
	background:-webkit-linear-gradient(to right,#3399ff 0%,#0281ff 100%)!important;
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#3399ff',endColorstr='#0281ff',GradientType=1 )!important;
	background:linear-gradient(to right,#556e88 0%,#0281ff 100%)!important
}
.azgm_item .label {
	background:-webkit-linear-gradient(to right,#66cc77 0%,#52cc66 100%)!important;
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#66cc77',endColorstr='#52cc66',GradientType=1 )!important;
	background:linear-gradient(to right,#587b5e 0%,#52cc66 100%)!important
}
.azsf_item .label {
	background:-webkit-linear-gradient(to right,#f6a646 0%,#ff9210 100%)!important;
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6a646',endColorstr='#ff9210',GradientType=1 )!important;
	background:linear-gradient(to right,#a46418 0%,#ff9210 100%)!important
}
.zxgl_item .label {
	background:-webkit-linear-gradient(to right,#953f10 0%,#97461a 100%)!important;
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#953f10',endColorstr='#97461a',GradientType=1 )!important;
	background:linear-gradient(to right,#572f19 0%,#97461a 100%)!important
}
.rankItem li em {
  width: 22px;
  font-style: normal;
  font-size: 10px;
  line-height: 16px;
  height: 28px;
  margin-right: 12px;
  float: left;
  text-align: center;
  /*
  position: absolute;
  left: 0;
  top: 0px;
*/
  color: #fff;
  background: url(../images/top4.png) no-repeat;
  background-size: 100%;
  background-position: bottom left;
}
.rankItem li:nth-child(1) em {
  background: url(../images/top1.png) no-repeat;
  background-size: 100%;
  background-position: bottom left;
}
.rankItem li:nth-child(2) em {
  background: url(../images/top2.png) no-repeat;
  background-size: 100%;
  background-position: bottom left;
}
.rankItem li:nth-child(3) em {
  background: url(../images/top3.png) no-repeat;
  background-size: 100%;
  background-position: bottom left;
}
/*原排行榜单页面start*/
/*游戏排行单页面*/
.sofApList {
  width: 100%;
  overflow: hidden;
  margin: 0 auto;
  max-height: 160px;
}
.tvpart_aplist {
  width: 100%;
  overflow: hidden;
  margin: 0 auto;
  max-height: 270px;
}
.sofApList li {
  width: 298px;
  float: left;
  margin-right: 36px;
  margin-bottom: 20px;
}
.sofApList li:nth-child(4n) {
  margin-right: 0px;
}
.sofApList li .sofAp_img {
  width: 70px;
  height: 70px;
  float: left;
  margin-right: 10px;
  text-align: center;
  vertical-align: middle;
  border: 1px solid #f7f7f7;
  border-radius: 10px;
  overflow: hidden;
  box-sizing: border-box;
}
.sofApList li .sofAp_img img {
  width: 70px;
  height: 70px;
  text-align: center;
  vertical-align: middle;
}
.sofApList li .sofAp_info {
  width: 218px;
  float: left;
  height: 70px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 13px;
}
.sofApList .sofAp_name {
  width: 100%;
  display: block;
  font-size: 15px;
  margin-bottom: 6px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #444;
}
.sofApList p {
  width: 100%;
  font-size: 12px;
  margin-bottom: 6px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #999;
}
.sofApList p:last-child {
  margin-bottom: 0px;
  line-height: 24px;
}
.sofApList p:last-child span {
  font-size: 13px;
}
.sofApList p span {
  margin-right: 6px;
  margin-left: 6px;
}
.sofApList p span:first-child {
  margin-left: 0px;
}
.sofApList p span:last-child {
  margin-right: 0px;
}
/*左侧导航*/
.rankType_tit ul.fst_lfNav {
  width: 200px;
  float: left;
}
.fst_lfNav li {
  width: 100%;
  overflow: hidden;
  margin: 0 auto;
  background: #fff2e9;
  /*	fffefa*/
  font-size: 14px;
  /*	height: 42px;*/
  line-height: 42px;
  text-align: left;
  margin-bottom: 20px;
  border-bottom: 1px dashed #ffa868;
}
.fst_lfNav li h3 {
  text-align: center;
  border-bottom: 1px dashed #ffa868;
  background: #ffa868;
}
.fst_lfNav li ul {
  width: 100%;
  overflow: hidden;
  margin: 0 auto;
  /*	background: #fff2e9;*/
  font-size: 14px;
  /*	height: 42px;*/
  line-height: 42px;
  text-align: left;
}
.fst_lfNav li ul li {
  width: 100%;
  overflow: hidden;
  margin: 0 auto;
  padding: 0 14px;
  box-sizing: border-box;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.fst_lfNav li ul li:hover, .fst_lfNav li ul li.cur {
  color: #ed6d0f;
  border-left: 2px solid #ed6d0f;
}
.fst_lfNav li ul li:hover a, .fst_lfNav li ul li.cur a {
  color: #ed6d0f;
}
.fst_lfNav li ul li a {
  width: 100%;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.fst_lfNav li ul li:last-child {
  border-bottom: none;
}
/*软件列表*/
.sf_inneBox {
  width: 100%;
  overflow: hidden;
  margin: 0 auto;
}
.sf_inneBox .sf_inneList {
  width: 100%;
  overflow: hidden;
  margin: 0 auto;
  /*	margin-top:20px;*/
}
.sf_inneList li {
  width: 100%;
	position: relative;
  overflow: hidden;
  margin: 0 auto;
  height: 112px;
  padding-bottom: 12px;
  margin-bottom: 12px;
  border-bottom: 1px dashed #eee;
}
.sf_inneList li a.sf_inneName {
  width: 100%;
  display: block;
  font-size: 16px;
	box-sizing: border-box;
  margin-bottom: 10px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.rank_inneList li a.sf_inneName {
  width: 100%;
  display: block;
  font-size: 16px;
	padding-left: 32px;
	box-sizing: border-box;
  margin-bottom: 10px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.sf_inneList li .sf_inneImg {
  width: 80px;
  display: block;
  position: relative;
  float: left;
  margin-right: 16px;
  height: 80px;
  border-radius: 4px;
  overflow: hidden;
}
.sf_inneList li .sf_inneImg img {
  width: 80px;
  height: 80px;
}
.sf_inneList li .sf_inneInfo {
  width: 70%;
  float: left;
  height: 80px;
  margin-right: 38px;
}
.sf_inneList li .sf_inneInfo p {
  width: 100%;
  font-size: 13px;
  color: #999;
  margin-top: 6px;
}
.sf_inneList li .sf_inneInfo p.sf_inneSize span {
  font-size: 13px;
  color: #666;
  margin-right: 20px;
}
.sf_inneInfo p span a {
  color: #666;
}
.sf_inneInfo p span a:hover {
  color: #09f;
}
.sf_inneInfo p label {
  color: #999;
}
.sf_inneList li .sf_inneInfo p.sf_inneSumm {
  width: 100%;
  font-size: 14px;
  color: #777;
  margin-top: 8px;
  line-height: 24px;
  display: -webkit-box;
  display: -moz-box;
  text-overflow: -o-ellipsis-lastline;
  text-overflow: ellipsis;
  overflow: hidden;
  -webkit-line-clamp: 2; /*控制文本行数，多少行以后开始省略号 */
  line-clamp: 2;
  -webkit-box-orient: vertical;
}
.sf_inneList li .sf_inneBtnStar {
  width: 126px;
  float: right;
  text-align: center;
}
.sf_inneList li .sf_inneBtnStar a {
  width: 126px;
  display: block;
  background: #1e89e0;
  border: 2px solid #1e89e0;
  color: #fff;
  box-sizing: border-box;
  border-radius: 36px;
  height: 36px;
  text-align: center;
  line-height: 32px;
}
.sf_inneList li .sf_inneBtnStar a:hover {
  background: #0969b7;
  border: 2px solid #0969b7;
  color: #fff;
}
.sf_inneList li .sf_inneBtnStar > div {
  width: 100%;
  font-size: 13px;
  margin-bottom: 4px;
  margin-top: 0px;
  color: #777;
}
.sf_inneList li .sf_inneBtnStar label {
  display: inline-block;
  font-size: 13px;
  line-height: 24px;
  color: #777;
}
.sf_inneList li .sf_inneBtnStar .app_starBox {
  width: 72px;
  /*	display: inline-block;*/
  height: auto;
  margin: 0 auto;
  margin-top: 10px;
}
.sf_inneList li .sf_inneBtnStar > div .app_starBox {
  display: inline-block;
}
/*电脑游戏排行列表*/
.sf_gampc li {
    height: 128px;
}
.sf_gampc li .sf_inneBtnStar a {
	margin-top:12px;
}
.sf_gampc li a.sf_inneName {
    margin-bottom: 16px;
}
.sf_gampc li .sf_inneImg {
  width: 60px;
  display: block;
  position: relative;
  float: left;
  margin-right: 16px;
  height: 90px;
  border-radius: 4px;
  overflow: hidden;
}
.sf_gampc li .sf_inneImg img {
  width: 60px;
  height: 90px;
}
.sf_gampc li .sf_inneInfo {
  width: 76%;
  float: left;
  height: 90px;
  margin-right: 38px;
}
.sf_gampc li .sf_inneInfo p {
     margin-top: 0px; 
}
.sf_gampc li .sf_inneInfo p.sf_inneSumm {
    width: 100%;
    font-size: 14px;
    color: #777;
    margin-top: 5px;
    line-height: 24px;
    display: -webkit-box;
    display: -moz-box;
    text-overflow: -o-ellipsis-lastline;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    -webkit-box-orient: vertical;
}
.sf_inneList li em {
  width: 22px;
  font-style: normal;
  font-size: 10px;
  line-height: 16px;
  height: 28px;
  margin-right: 12px;
  float: left;
  text-align: center;
  position: absolute;
  left: 0;
  top: 0px;
  color: #fff;
  background: url(../images/top4.png) no-repeat;
  background-size: 100%;
  background-position: bottom left;
}
.sf_inneList li:nth-child(1) em {
  background: url(../images/top1.png) no-repeat;
  background-size: 100%;
  background-position: bottom left;
}
.sf_inneList li:nth-child(2) em {
  background: url(../images/top2.png) no-repeat;
  background-size: 100%;
  background-position: bottom left;
}
.sf_inneList li:nth-child(3) em {
  background: url(../images/top3.png) no-repeat;
  background-size: 100%;
  background-position: bottom left;
}
.mainBody .w330 {
  width: 330px;
  overflow: hidden;
  position: relative;
}
.rankType_con .w330 {
  margin-right: 30px;
}
.rankType_con .w330:nth-child(3n) {
  margin-right: 0px;
}
.type_title span.soft_num {
  color: #999;
  float: right;
  position: absolute;
  right: 0px;
  top: 4px;
}
.type_title span.soft_num em {
  color: #ff0000;
  margin: 0 4px;
  font-weight: bold;
}
.gm_glright {
	position: relative;
}
.gm_glright a.click_more {
	position: absolute;
	top: -8px;
	right: 6px;
}
/*原排行榜单页面end*/