/* 精选软件 */
.selected {
    width: 100%;
    margin-top: 20px;
}

.selected_content {
    height: 122px;
    padding: 17px 33px;
    background: url('http://resource.mydown.com/TLimages2009/topspeed/images/selected.png') no-repeat top left;
    background-color: #ffffff;
    font-size: 0;
    box-sizing: border-box;
}

.selected_content li {
    display: inline-block;
    width: 10%;
    text-align: center;
}

.selected_content li .seIcon {
    width: 54px;
    height: 54px;
    display: inline-block;
    position: relative;
    transition: transform .3s ease-in-out;
}

.selected_content li .seName {
    margin-top: 14px;
    font-size: 16px;
    color: #858585;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
}
.selected_content li .seName:hover{
    text-decoration: underline;
    color: #0082ff
}
.selected_content li.hot1 .seIcon:before {
    content: '';
    width: 38px;
    height: 22px;
    background: url(https://resource.mydown.com/TLimages2023/mydown/images/202302/jsxzindex/index_icon.png) no-repeat;
    background-position: 0 0;
    position: absolute;
    top: -10px;
    right: -5px;
    display: inline-block;
    z-index: 5;
}
.selected_content li .seIcon img{
    position: relative;
    z-index: 2;
    transition: transform .3s ease-in-out;
}
.selected_content li .seIcon:hover img{
    transform: scale(1.1);  
}
.selected_content li .seIcon span{
    width: 54px;
    height: 54px;
    position: absolute;
    top: 0;
    left: 0;
    transform: scale(1);
    filter: blur(15px) opacity(0);
    transition:transform .3s ease-in-out, translateY .3s ease-in-out;
    -webkit-transition: transform .3s ease-in-out, translateY .3s ease-in-out;
}
.selected_content li .seIcon:hover span{
    transform: scale(1.1);    
    filter: blur(15px) opacity(50%);
    transition-delay: .03s;
    transition: transform .3s ease-in-out, translateY .3s ease-in-out;
}
/* 面包屑导航 */
.position{
    width: 100%;
    font-size: 14px;
    color: #8d8d8d;
    margin-top: 20px;
}
.position a{
    color: #8d8d8d;
    font-size: 14px;
}
.position a:hover{
    color: #0082ff;
}
/* 分类导航 */
.main{
    width: 100%;
    margin-top: 20px;
}
.main .main_left{
    width: 820px;
}
.main_left .sort_nav ul{
    overflow: hidden;
}
.main_left .sort_nav ul li{
    width: 100px;
    height: 34px;
    line-height: 34px;
    text-align: center;
    margin-right: 20px;
    float: left;
    background: #fff;
}
.main_left .sort_nav ul li:nth-child(n+8){
    margin-top: 15px;
}
.main_left .sort_nav ul li:nth-child(7n) {
    margin-right: 0px;
}
.main_left .sort_nav ul li a{
    font-size: 16px;
    color: #353535;
    display: block;
    width: 64px;
    overflow: hidden;
    white-space: nowrap;
    margin: 0 auto;
}
.main_left .sort_nav ul li:hover,.main_left .sort_nav ul li.active{
    background: #2aa2f3;
}
.main_left .sort_nav ul li:hover a,.main_left .sort_nav ul li.active a{
    color: #fff;
    text-decoration: none;
}
.main_left .softList{
    /* background: #fff;
    border: 1px solid #eee; */
    margin-top: 20px;
}
/* 软件列表 */
.main_left .softList .title{
    position: relative;
    line-height: 55px;
    border: 1px solid #eee;
    background: #fff;
    border-radius: 5px 5px 0px 0px;
}
.main_left .softList .title h1{
    display: inline-block;
    font-size: 22px;
    color: #0971e8;
    font-weight: bold;
    margin-left: 25px;
}
.main_left .softList .title .floatL span{
    font-size: 16px;
    color: #b1b0b0;
    margin-left: 15px;
}
.main_left .softList .title .floatL span i{
    color: #0971e8;
}
.main_left .softList .title .floatR{
    margin-right: 25px;
}
.main_left .softList .title .floatR li{
    font-size: 16px;
    color: #878787;
    cursor: pointer;
}
.main_left .softList .title .floatR li.active,.main_left .softList .title .floatR li:hover{
    color: #f86565;
    font-weight: bold;
}
.main_left .softList .title .floatR li:nth-child(1){
    margin-right: 30px;
}
.main_left .softList .title .splitLine{
    position: absolute;
    right: 102px;
    color: #878787;
}
.main_left .softList_content .contentBox ul{
    background: #fff;
    border: 1px solid #eee;
    border-top: none;
    border-radius: 0px 0px 5px 5px;
}
.main_left .softList_content .contentBox ul li{
    padding: 20px 40px;
    border-bottom: 1px dashed #Eee;
    cursor: pointer;
    transition: transform .3s ease-in-out,translateY .3s ease-in-out,box-shadow .3s ease-in-out;
}
.main_left .softList_content .contentBox ul li:hover{
    transform: translateY(-1px);
    box-shadow: 0 0 26px rgba(0,61,131,0.1);
}
.main_left .softList_content .contentBox ul li:nth-last-child(1){
    border: none;
}
.main_left .softList_content .contentBox ul li img{
    width: 70px;
    height: 70px;
}
.main_left .softList_content .contentBox ul li a.floatL{
    display: block;
}
.main_left .softList_content .contentBox ul li span.right{
    margin-left: 20px;
}
.main_left .softList_content .contentBox ul li span.right a{
    font-size: 16px;
    color: #1d1d1d;
    font-weight: bold;
    width: 460px;
    display: block;
    white-space: nowrap;
    overflow: hidden;
}
.main_left .softList_content .contentBox ul li span.right a:hover{
    color: #0082ff;
}
.main_left .softList_content .contentBox ul li span.right p{
    margin-top: 5px;
}
.main_left .softList_content .contentBox ul li span.right p.time span{
    font-size: 14px;
    color: #989898;
}
.main_left .softList_content .contentBox ul li span.right p.time i{
    color: #e5e5e5;
    padding: 0px 20px;
}
.main_left .softList_content .contentBox ul li span.right p.tip span{
    width: 55px;
    height: 20px;
    text-align: center;
    line-height: 20px;
    font-size: 12px;
    color: #fff;
    background: #60c1ff;
    display: inline-block;
    margin-right: 12px;
    border-radius: 3px;
}
.main_left .softList_content .contentBox ul li a.floatR{
    width: 116px;
    height: 36px;
    border: 2px solid #5ac557;
    border-radius: 5px;
    font-size: 16px;
    color: #1fc758;
    line-height: 36px;
    /* font-weight: bold; */
    text-align: center;
    margin-top: 15px;
    cursor: pointer;
}
.main_left .softList_content .contentBox ul li a.floatR:hover{
    background: #1fc758;
    color: #fff;
    text-decoration: none;
}
.main_left .softList_content .contentBox ul li p.shortcomment{
    font-size: 14px;
    color: #727272;
    margin-top: 15px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
/* 下载排行分页 */
.pagingWrap {
    position: relative;
    left: 50%;
    float: left;
}
.paging {
    position: relative;
    left: -50%;
    margin-top: 20px;
    padding-bottom: 50px;
  }
  .paging div{
      width: 27px;
      height: 27px;
      font-size: 14px;
      color: #4a4a4a;
      text-align: center;
      line-height: 27px;
      border: 1px solid #eee;
      float: left;
      margin: 0px 3px ;
      cursor: pointer;
      background: #fff;
      border-radius: 5px;
  }
   .paging .first,.paging .last{
      width: 59px;
      height: 27px;
  }
   .paging .prev,.paging .next{
      width: 59px;
      height: 27px;
  }
  .paging div.disable {
    color: #fff;
    cursor: not-allowed;
    background-color: rgb(211, 211, 211);
  }
  .paging div.active {
    background-color: #1a99fc;
    color: #fff;
  }
  .paging .pagingDiv:hover {
    background-color: #1a99fc;
    color: #fff;
}
/* 最新软件分页 */
.pages {
    text-align: center;
    font-size: 12px;
    margin-top: 25px;
}

.pages a,
.pages span {
    height: 26px;
    padding: 0px 9px;
    font-size: 14px;
    color: #4a4a4a;
    text-align: center;
    line-height: 26px;
    border: 1px solid #eee;
    margin: 0px 3px ;
    cursor: pointer;
    background: #fff;
    border-radius: 5px;
    display: inline-block;
}

.pages a:hover {
    background-color: #1a99fc;
    color: #fff;
    text-decoration: none;
}
.pages span {
    background-color: #1a99fc;
    color: #fff;
}
/* 热门软件推荐 */
.main_right{
    width: 362px;
}
.main_right .title h2{
    margin-left: 20px;
}
.main_right .hotSoft_tj{
    border: 1px solid #eee;
    background: #fff;
    border-radius: 5px;
}
.main_right .hotSoft_tj ul{
    padding: 0px 20px 18px 20px;
}
.main_right .hotSoft_tj ul li{
    margin-top: 18px;
}
.main_right .hotSoft_tj ul li a{
    display: block;
}
.main_right .hotSoft_tj ul li img{
    width: 53px;
    height: 53px;
    border: 1px solid #eee;
    border-radius: 10px;
    display: block;
} 
.main_right .hotSoft_tj ul li span.floatL{
    width: 160px;
    margin-left: 8px;
    white-space: nowrap;
    overflow: hidden;
}
.main_right .hotSoft_tj ul li span.floatL a{
    font-size: 14px;
    color: #323232;
    display: block;
    margin-top: 5px;
}
.main_right .hotSoft_tj ul li span.floatL a:hover{
    color: #0082ff;
}
.main_right .hotSoft_tj ul li span.floatL p{
    font-size: 14px;
    color: #949494;
    margin-top: 5px;
}
.main_right .hotSoft_tj ul li span.floatL p i{
    margin: 0px 5px;
}
.main_right .hotSoft_tj ul li button{
    width: 73px;
    height: 26px;
    border: 1px solid #5ac557;
    border-radius: 5px;
    font-family: '微软雅黑';
    font-size: 14px;
    color: #5ac557;
    margin-top: 15px;
    cursor: pointer;
}
.main_right .hotSoft_tj ul li button:hover{
    background: #1fc758;
    color: #fff;
}
/* 电脑软件下载周排行 */
.main_right .softDown_weekPh{
    background: #fff;
    border: 1px solid #eee;
    margin-top: 25px;
    border-radius: 5px;
}
.icon {
    background: url(https://resource.mydown.com/TLimages2009/topspeed/mydown/images/icons.png) no-repeat;
}
.main_right .softDown_weekPh ul li span.icon{
    width: 20px;
    height: 24px;
    margin-top: 10px;
    display: block;
    font-size: 12px;
    color: #fff;
    text-align: center;
    line-height: 24PX;
}
.main_right .softDown_weekPh ul li span.icon{
    background-position: -102px -8px;
}
.main_right .softDown_weekPh ul li span.icon1{
    background-position: -8px -8px;
}
.main_right .softDown_weekPh ul li span.icon2{
    background-position: -37px -8px;
}
.main_right .softDown_weekPh ul li span.icon3{
    background-position: -72px -8px;
}
.main_right .softDown_weekPh ul{
    padding: 8px 20px 20px 20px;
}
.main_right .softDown_weekPh ul li{
    margin-top: 12px;
    white-space: nowrap;
    overflow: hidden;
}
.main_right .softDown_weekPh ul li .top img{
    width: 38px;
    height: 38px;
    border-radius: 10px;
    margin-left: 15px;
    display: block;
}
.main_right .softDown_weekPh ul li a.SoftwareName{
    font-size: 14px;
    color: #1d1d1d;
    line-height: 38px;
    margin-left: 10px;
    width: 280px;
    white-space: nowrap;
    overflow: hidden;
}
.main_right .softDown_weekPh ul li.show .SoftwareName {
    font-weight: bold;
}
.main_right .softDown_weekPh ul li a.SoftwareName:hover{
    color: #0082ff;
}
.softDown_weekPh ul li .bottom{
    margin-left: 30px;
    margin-top: 10px;
    overflow: hidden;
    display: none;
}
.softDown_weekPh ul li.show .bottom{
    display: block;
}
.softDown_weekPh ul li .bottom .picture_box{
    width: 48px;
    height: 48px;
    border: 1px solid #eee;
    border-radius: 5px;
    position: relative;
    display: block;
    float: left;
}
.softDown_weekPh ul li .bottom .picture_box img{
   width: 35px;
   position: absolute;
   top: 50%;
   left: 50%;
   margin-left: -17px;
   margin-top: -17px;
   vertical-align: top;
}
.softDown_weekPh ul li .bottom p{
    vertical-align: top;
    font-size: 14px;
    color: #838282;
    float: left;
    margin-left: 10px;
}
.softDown_weekPh ul li .bottom  p span{
    color: #dbdbdb;
    padding: 0px 15px;
}
.softDown_weekPh ul li .bottom  p button,.softDown_weekPh ul li .bottom  p a.but{
    display:block;
    width: 62px;
    height: 21px;
    border: 1px solid #00ca44;
    color: #00ca44;
    font-size: 14px;
    text-align: center;
    line-height: 20px;
    border-radius: 5px;
    margin-top: 5px;
    background: #fff;
    cursor: pointer;
}
.softDown_weekPh ul li .bottom  p button:hover,.softDown_weekPh ul li .bottom  p a.but:hover{
    background: #00ca44;
    color: #fff;
    text-decoration: none;
}

/* 最新软件教程 */
.main_right .newSoftJc{
    border: 1px solid #eee;
    background: #fff;
    margin-top: 25px;
    border-radius: 5px;
}
.main_right .newSoftJc ul{
    padding: 5px 20px 20px 20px;
}
.main_right .newSoftJc ul li {
    margin-top: 15px;
}
.main_right .newSoftJc ul li a.floatL{
    width: 118px;
    height: 59px;
    overflow: hidden;
}
.main_right .newSoftJc ul li img{
    width: 118px;
    height: 59px;
    border: 1px solid #eee;
    display: block;
    transition: all 1s;
}
.main_right .newSoftJc ul li img:hover{
    transform: scale(1.1);
}
.main_right .newSoftJc ul li span.floatL{
    margin-left: 10px;
    width: 176px;
}
.main_right .newSoftJc ul li span.floatL a{
    font-size: 14px;
    color: #1f1e1e;
    white-space: nowrap;
    overflow: hidden;
    display: block;
    text-overflow: ellipsis;
}
.main_right .newSoftJc ul li span.floatL p{
    font-size: 14px;
    color: #808080;
    overflow: hidden;
    margin-top: 6px;
}
.main_right .newSoftJc ul li span.floatL a:hover {
    color: #0082ff;
}
/* 软件合集 */
.main_right .soft_Collections{
    border: 1px solid #eee;
    background: #fff;
    margin-top: 25px;
    border-radius: 5px;
}
.main_right .soft_Collections ul{
    padding: 12px 20px 22px 20px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.main_right .soft_Collections ul li{
    width:  150px;
    height: 34px;
    background: #eee;
    line-height: 34px;
    text-align: center;
    margin-top: 9px;
    cursor: pointer;
}
.main_right .soft_Collections ul li:hover{
    background: #2aa2f3;
}
.main_right .soft_Collections ul li a{
    font-size: 14px;
    color: #353535;
    display: block;
    margin: 0px 5px;
    overflow: hidden;
    white-space: nowrap;
}
.main_right .soft_Collections ul li:hover a{
    color: #fff;
    text-decoration: none;
}
/* 频道介绍 */
.introduce{
    width: 100%;
    margin-top: 25px;
}
.introduce .layout{
    background: #fff;
    border-radius: 5px;
}
.introduce p span{
    font-size: 14px;
    color: #3e3f40;
    font-weight: bold;
}
.introduce p{
    padding: 25px;
    font-size: 14px;
    color: #666;
    line-height: 30px;
    border: 1px solid #eee;
    border-radius: 5px;
}
/* 修改软件列表样式  2022-11-23 */
.main_left .softList_content .contentBox ul li img{
    width: 80px;
    height: 80px;
}
.main_left .softList_content .contentBox ul li span.right{
    width: 480px;
    margin-top: 4px;
}
.main_left .softList_content .contentBox ul li span.right p.time span{
    font-size: 12px;
}
.main_left .softList_content .contentBox ul li p.shortcomment {
font-size: 14px;
color: #727272;
margin-top: 15px !important;
overflow: hidden;
white-space: normal;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
line-height: 22px;
}
.main_left .softList_content .contentBox ul li span.right p{
margin-top: 6px;
}

/* 软件列表内软件相关专题样式 */
.softXgzt{
    margin-left: 100px;
    margin-top: 10px;
    display: block;
}
.softXgzt a{
    font-size: 12px;
    color: #fff;
    padding: 5px 10px;
    background: #28a8ff;
    border-radius: 3px;
    margin-right: 12px;
    border: 1px solid #28a8ff;
    text-decoration: none;
}
.softXgzt a:hover {
    color: #28a8ff;
    background: #e5f4ff;
}

.main_left .softList_content .contentBox ul li span.right .softName{
    width: 460px;
    display: block;
white-space: nowrap;
overflow: hidden;
}
.main_left .softList_content .contentBox ul li span.right .softName a{
    width: auto;
    display: inline-block;
    vertical-align: middle;
}
.main_left .softList_content .contentBox ul li span.right .softName span{
    display: inline-block;
    vertical-align: middle;
    margin-top: 2px;
}
.main_right .softDown_weekPh ul li a.SoftwareName{
    width: auto;
}
.main_right .softDown_weekPh ul li .top i{
    line-height: 38px;
    margin-left: 3px;
}