body{
	background-color: #f9f9f9;
}
.nav{
   background: #433f3f;
}
.pageposition {
  background: #fff;
}
.comm_part {
  overflow: hidden;
}
.topsec_slctbox {
  width: 100%;background: #fff;
  border: 1px solid #eee;
  box-sizing: border-box;
}
.topsec_slctbox .topsec_tabTit {
  width: 100%;
  padding: 0 20px;
  height: 56px;
  line-height: 56px;
  color: #666;
  border-bottom: 1px solid #eee;
  box-sizing: border-box;
}
.topsec_tabTit ul.topsec_tabList {
  overflow: hidden;
  display: inline-block;
}
ul.topsec_tabList li {
  float: left;
  height: 56px;
  margin-right: 50px;
	box-sizing: border-box;
  position: relative;
  color: #444444;
  overflow: hidden;
  line-height: 53px;
  font-size: 18px;
}
ul.topsec_tabList li.cur {
  border-bottom: 3px solid #358ff0;
}
.topsec_slctbox .topsec_filter {
  background-color: #f1f1f1;
  width: 100%;
  box-sizing: border-box;
  padding: 20px 20px 10px 20px;
}
.topsec_slctbox .filter_con {
  width: 100%;
  display: flex;
  position: relative;
  margin-bottom: 8px;
  overflow: hidden;
}
.topsec_filter .filter_item {
  align-items: flex-start;
  display: flex;
  flex-shrink: 0;
  position: relative;
}
.topsec_filter .filter_item.more_col {
  flex-shrink: 1;
}
.topsec_filter .filter_item .filter_type {
  color: #222;
  flex-shrink: 0;
  font-size: 14px;
  font-weight: 600;
  height: 26px;
  line-height: 26px;
  margin-right: 20px;
}
.w60 {
  width: 60px;
}
.filter_item ul.filter_list {
  zoom: 1;
  align-items: flex-start;
  display: block;
  display: flex;
  flex-wrap: wrap;
  height: auto;
  overflow: hidden;
}
ul.filter_list li {
  flex-shrink: 0;
  margin-right: 26px;
  text-align: left;
}
.more_col .filter_type {
  margin-top: 10px;
}
.more_col ul.filter_list li {
  margin-top: 10px;
}
ul.filter_list li:last-child {
  margin-right: 50px;
}
ul.filter_list li a {
  background: #fff;
  border: 1px solid #d6d6d6;
  border-radius: 4px;
  color: #555;
  cursor: pointer;
  display: inline-block;
  font-size: 14px;
  line-height: 32px;
  padding-left: 16px;
  padding-right: 16px;
  text-align: center;
}
ul.filter_list li.cur a {
  background: #358ff0 !important;
  border: 1px solid #358ff0 !important;
  color: #fff !important;
}
/*排行榜*/
.topsec_content {
  width: 100%;background: #fff;
  overflow: hidden;
  margin-top: 20px;
}
.topsec_indcon {
  width: auto;
  overflow: hidden;
  margin-top: 30px;
  margin-left: -50px;
}
.topsec_con_item {
  width: 400px;
  box-sizing: border-box;
  float: left;
  margin-left: 50px;
  border: 1px solid #eee;
}
.topsec_listTit {
  height: 74px;
  padding: 0 16px;
  box-sizing: border-box;
  background-color: #f9f9f9;
  width: 100%;
  border-bottom: 1px solid #eee;
}
.topsec_listTit > div h2 {
  font-size: 20px;
  font-weight: bold;
  color: #444;
  line-height: 40px;
  margin-top: 4px;
}
.topsec_listTit .click_more {
  color: #666;
  display: inline-block;
  height: 26px;
  text-align: right;
  padding-top: 20px;
  font-size: 12px;
}
.topsec_listTit .click_more::before {
  content: "...";
  display: inline-block;
  border: 1px solid #666;
  border-radius: 25px;
  width: 12px;
  height: 12px;
  position: relative;
  top: -3px;
  left: -5px;
  text-align: center;
  color: #666;
  line-height: 0.4;
}
.topsec_listTit .click_more:hover::before {
  color: #358ff0;
  border: 1px solid #358ff0;
}
.topsec_listTit .click_more:hover {
  color: #358ff0;
}
.topsec_listTit > div p {
  font-size: 14px;
  color: #777;
}
.com_topsecList {
  width: 100%;
  overflow: hidden;
  margin-top: 0px;
  padding-bottom: 20px;
}
.com_topsecList li {
  width: 100%;
  padding: 14px 16px;
  box-sizing: border-box;
  display: block;
  overflow: hidden;
  position: relative;
  border-bottom: 1px dashed #eee;
}
.com_topsecList li em.lb_tip {
  position: absolute;
  border-radius: 60px;
  padding: 0 6px;
  font-size: 12px;
  right: 16px;
  top: 14px;
  background-color: #ff9900;
  color: #fff;
  height: 22px;
  line-height: 22px;
}
.com_topsecList li:hover {
  background-color: #f9f9f9;
}
.com_topsecList li .tps_info {
  width: 260px
}
.com_topsecList li a.tps_tit {
  font-size: 16px;
  font-weight: bold;
  display: block;
  max-width: 260px;
  margin-bottom: 9px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.com_topsecList li .pm {
  float: left;
  width: 28px;
  height: 28px;
  line-height: 28px;
  font-size: 14px;
  background: #C5C5C5;
  text-align: center;
  color: #FFFFFF;
  border-radius: 100px;
  margin-top: 42px;
  margin-right: 12px;
}
ul.com_topsecList li .p_tt {
  color: black;
  font-size: 15px;
  max-width: 82%;
  line-height: 28px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
ul.com_topsecList li .a_down {
  display: none;
  padding: 0px 10px;
  margin-right: 10px;
  border: 1px solid #00be6e;
  color: #00be6e;
}
ul.com_topsecList li:hover .a_down {
  border: 1px solid #00be6e;
  color: #00be6e;
  display: inline-block;
}
ul.com_topsecList li .a_down:hover {
  border: 1px solid #00be6e;
  background-color: #00be6e;
  color: #fff;
}
.com_topsecList li a.pic {
  display: inline-block;
}
.com_topsecList li img {
  width: 66px;
  height: 66px;
  border-radius: 10px;
}
.com_topsecList li .l_text {
  height: 66px;
  margin-left: 16px;
}
.com_topsecList li .l_text span.app_starBox {
  display: block;
  margin-top: 4px;
}
.com_topsecList li .l_text p {
  display: block;
  margin-top: 16px;
  color: #a8a8a8;
}
.com_topsecList li .l_text p em {
  font-style: normal;
}
.com_topsecList li .l_text p a {
  color: #a8a8a8;
}
.com_topsecList li .l_text p a:hover {
  color: #358ff0;
}
ul.com_topsecList li a.tps_btn {
  display: none;
  text-align: center;
  height: 32px;
  line-height: 32px;
  box-sizing: border-box;
  color: #00be6e;
  border-radius: 4px;
  margin-top: 46px;
}
ul.com_topsecList li a.tps_btn i {
  display: inline-block;
  vertical-align: middle;
  background: url("../images/icon.png") no-repeat center;
  margin: -4px 0 0 0;
  height: 16px;
  width: 18px;
  background-position: -407px -133px;
}
ul.com_topsecList li:hover a.tps_btn {
  display: inline-block;
}
.com_topsecList li .nbone {
  background-color: #ff4800;
}
.com_topsecList li .nbtwo {
  background-color: #ff6d34;
}
.com_topsecList li .nbthr {
  background-color: #ffa07b;
}
.topsec_content table {
  width: 100%;
  box-sizing: border-box;
  overflow: hidden;
  border: 1px solid #eee;
}
.topsec_content table tr {
  width: 100%;
  overflow: hidden;
  border-bottom: 1px solid #eee;
}
.topsec_content table tr th {
  height: 46px;
  color: #666666;
  box-sizing: border-box;
  background-color: #f1f1f1;
}
.topsec_content table tr td {
  text-align: center;
  height: 88px;
  overflow: hidden;
  color: #777;
  position: relative;
}
.topsec_content table tr td .pm {
  display: inline-block;
  width: 28px;
  height: 28px;
  line-height: 28px;
  font-size: 14px;
  text-align: center;
  background: #C5C5C5;
  color: #FFFFFF;
  border-radius: 100px;
}
.topsec_content table tr td .app_starBox {
  margin: 0 auto;
  display: inline-block
}
table tr td .ph_img {
  width: 60px;
  height: 60px;
  margin-left: 16px;
}
table tr td > a {
  color: #358ff0;
}
table tr td .ph_img a {
  width: 60px;
  height: 60px;
  display: block;
  overflow: hidden;
  border-radius: 10px;
}
table tr td .ph_img a img {
  width: 60px;
  height: 60px;
  border-radius: 10px;
   transition: all 0.4s ease;
}
table tr:hover td .ph_img a img{
  transform: scale(0.95);
  transition: all 0.4s ease;
}
/*电脑游戏*/
table tr td .pcgm_img {
  width: 40px;
  height: 60px;
  margin-left: 16px;
}
table tr td .pcgm_img a {
 width: 40px;
  height: 60px;
  display: block;
  overflow: hidden;
  border-radius: 4px;
}
table tr td .pcgm_img a img {
  width: 40px;
  height: 60px;
  border-radius: 4px;
   transition: all 0.4s ease;
}
table tr:hover td .pcgm_img a img{
  transform: scale(0.95);
  transition: all 0.4s ease;
}
table tr td .ph_info {
  max-width: 320px;
  margin-left: 14px;
  position: relative;
  overflow: hidden;
  height: 60px;
}
table tr td .ph_info a {
  max-width: 320px;
  display: block;
  font-size: 16px;
  height: 20px;
  text-align: left;
  overflow: hidden;
  margin-top: 4px;
}
table tr td em {
  position: absolute;
  border-radius: 60px;
  padding: 0 6px;
  font-size: 12px;
  right: 0px;
  top: 14px;
  background-color: #ff9900;
  color: #fff;
  height: 22px;
  line-height: 22px;
}
table tr td .ph_info span {
  color: #777;
  width: 100%;
  text-align: left;
  font-size: 13px;
  display: block;
  margin-top: 16px;
}
.topsec_content table tr td .nbone {
  background-color: #ff4800;
}
.topsec_content table tr td .nbtwo {
  background-color: #ff6d34;
}
.topsec_content table tr td .nbthr {
  background-color: #ffa07b;
}
/*软件分类*/
.w920 {
  width: 920px;
  overflow: hidden
}
ul.SortList {
  width: 100%;
  overflow: hidden;
  margin-top: 20px;
}
ul.SortList li {
  width: 100%;
  box-sizing: border-box;
  overflow: hidden;
  border: 1px solid #eee;
  border-radius: 4px;
  margin-bottom: 20px;
  position: relative;
}
ul.SortList li .SortListLeft {
  line-height: 30px;
  width: 128px;
	position: absolute;
  text-align: center;
  font-size: 18px;
  top: 50%;
  margin-top: -64px;
  height: 122px;
}
.SortListLeft a {
	position: absolute;
	top: 50%;
	width: 128px;
	margin-top: -41px;
	vertical-align: middle;
  text-align: center;
  display: block;
  color: #17a2e7;
  font-weight: bold;
}
.SortListLeft i {
  background: url(../images/tb_icos.png) no-repeat;
  display: block;
  width: 42px;
  height: 42px;
  margin: 0 auto 10px;
  overflow: hidden;
  background-position:-156px 0 ;
}
.SortListLeft i.ico1,.SortListLeft i.ico205 {
	background-position:-156px 0 ;
}
.SortListLeft i.ico26,.SortListLeft i.ico238 {
	background-position:-520px 0 ;
}
.SortListLeft i.ico75,.SortListLeft i.ico246 {
	background-position:-416px 0 ;
}
.SortListLeft i.ico51 {
	background-position:-104px 0 ;
}
.SortListLeft i.ico87,.SortListLeft i.ico251 {
	background-position:-260px 0 ;
}
.SortListLeft i.ico100,.SortListLeft i.ico258 {
	background-position:-624px 0 ;
}
.SortListLeft i.ico143 {
	background-position:-52px 0 ;
}
.SortListLeft i.ico152 {
	background-position:-312px 0 ;
}
.SortListLeft i.ico122 {
	background-position:-676px 0 ;
}
.SortListLeft i.ico130 {
	background-position:-572px 0 ;
}
.SortListLeft i.ico161 {
	background-position:-364px 0 ;
}
.SortListLeft i.ico260 {
	background-position:-363px -42px ;
}
.SortListLeft i.ico1180,.SortListLeft i.ico1192,.SortListLeft i.ico2192 {
	background-position:-542px -42px ;
}
.SortListLeft i.ico2180,.SortListLeft i.ico3180,.SortListLeft i.ico3192,.SortListLeft i.ico4192   {
	background-position:-726px -0 ;
}
.SortListLeft i.ico215 {
	background-position:-600px -42px ;
}
ul.SortList li .SortListRight {
  align-items: flex-start;
  display: flex;
  flex-shrink: 1;
  position: relative;
  border-left: 1px solid #eee;
  margin-left: 128px;
  min-height: 122px;
}
.SortListRight dl {
  zoom: 1;
  margin-top: 16px;
  align-items: flex-start;
  display: block;
  display: flex;
  flex-wrap: wrap;
  height: auto;
  overflow: hidden;
}
.SortListRight dl dd {
  float: left;
  flex-shrink: 0;
  margin-left: 18px;
  margin-bottom: 16px;
}
.SortListRight dl dd a {
	width:106px;
	text-align: center;
  display: inline-block;
  line-height: 36px;
  height: 36px;
	overflow: hidden;
	padding: 0 8px;
	box-sizing: border-box;
  color: #444;
  background-color: #f1f1f1;
}
.SortListRight dl dd a:hover {
  color: #fff;
  background-color: #358ff0;
}
.w340 {
	width: 340px;
	overflow: hidden;
}
dl.sort_dllist {
    display: block;
    overflow: hidden;margin-left:-20px;
    padding-bottom: 16px;
}
.sort_ullist li:hover dl,.sort_ullist li.cur dl {
  display: block;
}
dl.sort_dllist dd{
	width: 100px;
	height: 36px;
	float: left;
	margin: 16px 0px 0 20px;
	line-height: 36px;
	text-align: center;
	box-sizing: border-box;
	border: 1px solid #eaeaea;
	background-color: #fff;
}
dl.sort_dllist dd a{display: block;
}
dl.sort_dllist dd:hover,dl.sort_dllist dd.on{
	border: 1px solid #358ff0;
	background-color: #358ff0;
}
dl.sort_dllist dd:hover a,dl.sort_dllist dd.on a{color: #fff;
}
.gmList_tab {
	width:100%;
  height: 40px;
}
.gmList_tab a {
  font-size: 18px;
  height: 40px;
}
.gmList_tab a.cur {
  color: #f76341;
}
.gmList_tab a.cur::after {
  width: 60px;
  margin-left: -30px;
}
.com_topsecList li .p_tl {
    display: block;
    float: left;
    width: 28px;
    height: 28px;
    line-height: 28px;
    background: #C5C5C5;
    font-size: 14px;
    text-align: center;
    color: #FFFFFF;
    border-radius: 100px;
    margin-right: 16px;
}
ul.com_topsecList li .p_tt {
    color: black;
    font-size: 15px;
    max-width: 82%;
    line-height: 28px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.com_rigbox {
	background-color: #fff;
	padding: 0 20px;
	margin-bottom: 20px;
	box-sizing: border-box;
}
.pagebar {
    clear: both;
    text-align: center;
    margin: 1em auto;
    overflow: hidden;
    border-radius: 4px;
}

.pagebar .pagebar-loading {
    display: block !important;
    color: #999;
    padding-left: 0 !important;
    margin: 0 !important;
    border-radius: 4px;
    box-shadow: 0 0 0.5em #eee inset;
    text-align: center;
    background-color: #f5f5f5;
}


.pagebar a {
    display: inline-block;
    vertical-align: top;
    overflow: hidden;
    margin-left: -1px;
    padding: 0 15px;
    height: 40px;
    line-height: 40px;
    border: 1px solid #ddd;
    background-color: #fff;
    position: relative;
    z-index: 5;
}