/* CSS Document 
 * DESCRIPTION     天极下载 
 * AUTHOR  Chenlq  
 * TIME  2023-05-23
 */
* {
    margin: 0;
    padding: 0;
    font-family: -apple-system,Helvetica,'Microsoft YaHei',arial,sans-serif;
    font-weight: normal;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    font-style: normal;
}

@media (min-width: 320px){html{font-size: 42.6667px;} }
@media (min-width: 360px){html{font-size: 48px;} }
@media (min-width: 375px){html{font-size: 50px;} }
@media (min-width: 384px){html{font-size: 51.2px;} }
@media (min-width: 390px){html{font-size: 52px;} }
@media (min-width: 414px){html{font-size: 55.2px;} }
@media (min-width: 448px){html{font-size: 59.7333px;} }
@media (min-width: 480px){html{font-size: 48px;} }
@media (min-width: 512px){html{font-size: 68.2667px;} }
@media (min-width: 544px){html{font-size: 72.5333px;} }
@media (min-width: 576px){html{font-size: 76.8px;} }
@media (min-width: 608px){html{font-size: 81.0667px;} }
@media (min-width: 640px){html{font-size: 85.3333px;} }
@media (min-width: 750px){html{font-size: 100px;} }

body {
    background-color: #f5f5f5;
    color: #2c2c2c;
    font-size: 0.32rem;
    -ms-text-size-adjust: 100% !important;
    -webkit-text-size-adjust: 100% !important;
    -moz-text-size-adjust: 100% !important;
    text-size-adjust: 100% !important;
}
body > img{
   display: none;
}
a {
    display: inline-block;
    color: #2c2c2c;
    -webkit-backface-visibility: hidden;
    text-decoration: none;
}
li{
    list-style: none
}
video,img{
   max-width:100% 
}
input,
button {
    outline: none;
    border: 0;
    font-weight: normal;
    vertical-align: baseline;
}
::placeholder {
  color:#bdbdbd;
  font-size:0.26rem;
}
.hidden {
    overflow: hidden;
}
.flexbox {
    display: flex;
}
.flexWrap {
    display: flex;
    -webkit-flex-wrap:wrap;
    flex-wrap: wrap;
    /* justify-content: space-between; */
}
.flexCenter {
    display: flex;
    align-items: center;
    justify-content: center;
}
.flexBetween{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.container {
    background-color: #ffffff;
    margin-top: 0.3rem;
    padding: 0 0.4rem 0.40rem;
}
.container-top {
    margin-top: 0;
}
.container-pad-right{
    padding-right: 0;
}
.tabHref {
    display: none;
}
.tabHref.active {
    display: block;
}
.text-nowrap{
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.bgcolor1,.app-keywords a:nth-of-type(5n+1){
    background-color:#46c0f9;
}
.bgcolor2,.app-keywords a:nth-of-type(5n+2){
    background-color:#e463f7;
}
.bgcolor3,.app-keywords a:nth-of-type(5n+3){
    background-color:#00df93;
}
.bgcolor4,.app-keywords a:nth-of-type(5n+4){
    background-color:#df8300;
}
.bgcolor5,.app-keywords a:nth-of-type(5n+5){
    background-color:#8809f4;
}
/*.bgcolor6{
    background-color:#46c0f9;
}
.bgcolor7{
    background-color:#e463f7;
}
.bgcolor8{
    background-color:#00df93;
}
.bgcolor9{
    background-color:#df8300;
}
.bgcolor10{
    background-color:#8809f4;
}*/
.index-icon,header .search-box:after,.hotList li a.hotItem::before,.navigation a:after,.phb-tab-tit span.active:after,.phb-tab-tit span.active:before{
    background: url("https://m.yesky.com/TLimages2023/yeskydown/mdownload/images/main/m_index_icon.png") no-repeat;  
    background-size: 1.38rem;      
}
/* 头部 */
header{
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 99;
    font-weight: 500;
    background:#fff;
}
header .down-head {    
    height: 1.06rem;
    padding: 0 0.35rem;
}

header .logo{   
    margin-top: 0.10rem; 
    width: 2.56rem;
    height: 0.55rem;
    display: inline-block;
    background: url("https://m.yesky.com/TLimages2023/yeskydown/mdownload/images/main/logo.png") no-repeat;
    background-size: 2.56rem;
}
header .search-box:after {
    content: "";
    width: 0.34rem;
    height: 0.34rem;
    position: absolute;
    top: 0.10rem;
    right: 0.2rem;    
    background-position: 0 0;
}
header .search-box{
    width: 3.32rem;
    height: 0.58rem;
    position: relative;    
}
header .search-box .search-txt{
   background: #f1f1f1;
   line-height: 0.58rem;
   font-size: 0.26rem;
   padding-left: 0.28rem;
   color: #000;
   border-radius: 0.5rem;
   box-sizing: border-box;
   width: 100%;
} 
header .search_box .search-txt:focus{
    color: #000; 
}
nav {
    width: 100%;
    height: 0.78rem;
    background: #195dc9;
    padding: 0 0.1rem;
    font-size: 0;
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}
nav a {    
    display: inline-block;
    height: 0.78rem;
    line-height: .78rem;
    text-align: center;
    font-size: .30rem;
    color: #ffffff;
}
nav a:nth-of-type(1){
    padding-left:0.20rem;
}
nav a:last-child{
    padding-right:0.20rem;
}
nav a.active {    
    padding:0 0.20rem;
    font-size: .32rem;
    font-weight: bold;
    background: #f68b34;
}
.jdt-box{
    width: 100%;
    padding:0.30rem 0 0 0.20rem;
    box-sizing: border-box;
    overflow: hidden;
}
.jdt-box .swiper-slide{
    width: 86.3%;
    background:#fff;
    border-radius: 0.10rem; 
    padding:0.20rem;   
    margin-right: 0.20rem;
    box-sizing: border-box;
}
.jdt-box .swiper-slide .img img{
    border-radius: 0.10rem;
    width: 100%;
    height: 2.95rem;
}
.jdt-box .swiper-slide dl{
    width: 100%;
    margin-top: 0.15rem;
    
}
.jdt-box .swiper-slide dl dt{
    width: 1.06rem;
    height: 1.06rem;
    margin-right: 0.20rem;
    /*float:left;*/
}
.jdt-box .swiper-slide dl dt img{
    width: 1.06rem;
    height: 1.06rem;
    display: block;
}
.jdt-box .swiper-slide dl dd{
    flex:1;  
    overflow: hidden; 
}
.jdt-box .swiper-slide dl dd .tit{
    font-size: 0.32rem;
    color:#2c2c2c;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 90%;
}
.jdt-box .swiper-slide dl dd span{
    margin-top: 0.08rem;
}
.jdt-box .swiper-slide dl dd .size{
    font-size: 0.24rem;
    color:#787878;   
    display: block;
}
.jdt-box .swiper-slide dl dd .category{
    font-size: 0.22rem;
    color:#787878;
    display: block;
}
.a-but,.btn-down{
    width: 1.12rem;
    height: 0.48rem;
    font-size: 0.24rem;
    color:#fff;
    text-align: center;    
    background-image: linear-gradient(to right,#00c853 ,#00b84c);    
    border-radius: 0.48rem;      
}
.channel-title{
    padding:0.30rem 0 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.channel-title h2{
    font-size: 0.38rem;
    color:#2b2b2b;    
}
.channel-title a{
    font-size: 0.22rem;
    color:#f68b34;
    padding:0.05rem 0.24rem;
    border:#f68b34 solid 0.02rem;
    border-radius: 0.30rem;
}
.channel-title a:hover{
    background:#f68b34;
    color:#fff;
}
.slid_single{
    width: 100%;
    overflow: hidden;
}
.zjbb,.xpty,.c-zjbb{
    padding-right: 0;    
}
.zjbb .channel-title,.c-zjbb .channel-title{
    padding-right: 0.40rem;
}
.slid_single ul{
    width:100%;
    overflow: hidden;
    overflow-x: scroll;
    padding-bottom: 0.1rem;   
}
.slid_single ul li{
    width: 1.20rem;
    margin-top: 0.30rem;
    margin-right:0.5rem;    
}
.slid_single ul li a{
    width: 100%;
    display: flex;    
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}
.slid_single ul li img{
    width: 1.12rem;
    height: 1.12rem;
    display: block;
}
.slid_single ul li p,.slid_single ul li button{
    margin-top: 0.15rem;
}
.slid_single ul li .rjname,.slid_single ul li p:nth-of-type(1){
    width: 100%;
    text-align: center;
    font-size: 0.24rem;
    color:#5c5c5c;   
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;    
}
.slid_single ul::-webkit-scrollbar{
    display: none;
}
/*本周热门*/
.bzrm{
    padding-right: 0;    
}
.bzrm .channel-title{
    padding-left: 0.40rem;
}
.slid_multiple{
    width: 100%;
    overflow: hidden;
}
.slid_multiple ul{
    margin-top: 0.10rem;
}
.slid_multiple ul li a{
    padding: 0.3rem 0;
    line-height: 1;
    border-bottom: 0.01rem solid #eee;
    margin-right: 0.50rem;
}
.slid_multiple ul li:nth-of-type(3n) a{
    border-bottom:0;
}
.slid_multiple ul li figure{
    width: 1.1rem;
    height: 1.1rem;
}
.slid_multiple ul li figure img{
    width: 1.1rem;
    height: 1.1rem;
    display: block;
}
.slid_multiple ul li section{
    flex: 1;
    padding:0 0.18rem;
    color: #787878;
    font-size: 0.24rem;
}
.slid_multiple ul li section .tit{
    font-size: 0.32rem;
    color: #2c2c2c; 
    line-height: 1.2;
    overflow: hidden;    
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    word-break: break-all;
}
.slid_multiple ul li section p{
    margin-top: 0.15rem;
    line-height: 1.1;  
    font-size: 0.24rem;  
    color:#787878;   
    overflow: hidden;    
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
.slid_multiple li span{    
    font-size: 0.30rem;
    color:#5f5f5f;
    font-weight: bold;
    padding-right: 0.18rem;
}
.slid_multiple li:nth-of-type(1) span{
    color:#f2c547;
}
.slid_multiple li:nth-of-type(2) span{
    color:#a5a5a7;
}
.slid_multiple li:nth-of-type(3) span{
    color:#ee8261;
}
.tab-tit{
    width: 100%;
    padding-top: 0.38rem;
    text-align: center;
}
.tab-tit span,.tab-tit a{
    padding: 0 0.30rem 0 0.25rem;
    font-size: 0.30rem;
    color:#5c5c5c;
    position: relative;
}
.tab-tit span:after,.tab-tit a:after{    
    content: '';
    width: 0.02rem;
    height: 0.2rem;
    background: #f68b34;
    position: absolute;
    right: -0.04rem;
    top: 55%;
    transform: translate(0, -50%);
    font-size: 0;
}
.tab-tit span:last-child:after,.tab-tit a:last-child:after{  
    content:''; 
    width: 0;
}
.tab-tit span.active,.tab-tit a.active{
    color:#f68b34;
}
.app-tabs-cont ul{
    margin-top: 0.10rem;
}
.app-tabs-cont li{
    width: 1.16rem;
    margin:0.30rem 0.46rem 0 0;
    text-align: center;
}
.app-tabs-cont li:last-child:nth-child(4n+2) {       
     margin-right: calc((100% - 24%) / 3 * 2);
}
.app-tabs-cont li:last-child:nth-child(4n+3) {
    margin-right: calc((100% - 24%) / 3 * 1);
}
.app-tabs-cont li:nth-of-type(4n){
    margin-right: 0;
}
.app-tabs-cont li a{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}
.app-tabs-cont li img{
    width: 1.16rem;
    height: 1.16rem;
    display: block;
}
.app-tabs-cont li p{
    margin-top: 0.15rem;
}
.app-tabs-cont li .rjname{
    font-size: 0.24rem;
    color:#5c5c5c;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
/* 24小时网友热搜 */
.hotList {
    margin-top: 0.20rem;  
    /*justify-content: space-between;  */
}
.hotList li a {
    background: #f5f5f5;
    line-height: 0.6rem;
    height: 0.6rem;
    padding: 0 0.32rem;
    /* min-width: 1.5rem; */
    text-align: center;
    display: inline-block;
    margin: 0.20rem 0.20rem 0 0;
    box-sizing: border-box;
    border-radius: 0.5rem;
    font-size: 0.26rem;
    color: #5c5c5c;
}
.hotList li a.hotItem {
    background-image: linear-gradient(to right,#fea031 ,#f68b34); 
    position: relative;
    padding: 0 0.32rem 0 0.6rem;
    color:#fff;
}
.hotList li a.hotItem::before {
    content: "";
    display: inline-block;
    width: 0.2rem;
    height: 0.27rem;  
    background-position:-0.54rem 0;   
    position: absolute;
    left: 0.32rem;
    top: 0.16rem;
}
/* 最新教程 */
.zxjc{
    padding-bottom: 0.10rem;
}
.courseList {
    padding-top: 0.4rem;
}
.courseList li .courseItem {
    justify-content: space-between;
    color: #787878;
    padding: 0.3rem 0;
    border-bottom: 0.01rem solid #eeeeee;
}
.courseList.active li:first-child .courseItem{
    padding: 0.3rem 0;
}
.courseList li:first-child .courseItem {
    padding: 0.05rem 0 0.3rem;
}
.courseList li:last-child .courseItem{
    border-bottom: 0;
}
.courseList li .courseItem figure {
    width: 2.17rem;
    height: 1.62rem;
    border-radius: 0.1rem;
    box-sizing: border-box;
    border: .01rem solid #e7e7e7;
}
.courseList li .courseItem figure img {
    width: 2.17rem;
    border-radius: 0.1rem;
}
.courseList li .courseItem-right {
    flex: 1;
    padding-left: 0;
    width: calc(100% - 2.17rem);
    box-sizing: border-box;
}
.courseList li .courseItem-right h3 {
    font-size: 0.28rem;
    line-height: 0.4rem;
    text-overflow: ellipsis;
    color: #2c2c2c;
    margin: 0.1rem 0;
}
.courseList li .courseItem-right p {
    font-size: 0.24rem;
    color:#949494;
    line-height: 1.66;
    padding: 0.15rem 0 0.06rem;
    overflow:hidden; 
    text-overflow:ellipsis;
    display:-webkit-box; 
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2; 
}
.courseList li .courseItem-right span {
    font-size: 0.22rem;
    padding-right: 0.24rem;
    color:#9b9b9b;
}
/*热门专题*/
.rmzt-list{    
    justify-content: space-between;
}
.rmzt-list li{
    margin-top: 0.30rem;
    width: 48%;
    text-align: center;
}
.rmzt-list li a{
    display: block;
}
.rmzt-list li img{
    width: 100%;
    height: auto;
    max-height: 1.55rem;
    border:#e7e7e7 solid 0.01rem;
    border-radius: 0.10rem;
    display: block;
}
.rmzt-list li p{
    margin-top: 0.15rem;
    font-size: 0.24rem;
    color:#5c5c5c;    
}
/*人气飙升/时下最热/品质好游*/
.rq-zr-hy{
    padding-right: 0;
}
/* 友情链接 */
.links {    
    flex-wrap: wrap;
}
.links a {
    font-size: 0.30rem;
    margin-top: 0.30rem;
    padding-left: .22rem;
    padding-right: .22rem;
    color: #5c5c5c;
    position: relative;
}
.links a::after {
    content: '';
    width: 0.02rem;
    height: 0.2rem;
    background-color: #f68b34;
    position: absolute;
    right: -0.04rem;
    top: 55%;
    transform: translate(0, -50%);
}
.links a:first-child {
    padding-left: 0;
}
.links a:last-child {
    padding-right: 0;
}
.links a:last-child::after {
    width: 0;
}
.container:empty{
    display: none;
}
/* 返回顶部 */
.backtop {
    width: .9rem;
    height: .9rem;
    background:url(https://m.yesky.com/TLimages2023/yeskydown/mdownload/images/main/back.png) no-repeat;
    background-size: 0.9rem 0.9rem;
    position: fixed;
    bottom: 15%;
    right: 0.2rem;
    z-index: 9;
    display: none;
}
/*面包屑导航*/
.navigation{
    padding-top:0.40rem;    
    align-items: center;
    color:#949494;
}
.navigation a,.navigation span{
    font-size: 0.22rem;
    color:#949494;
    padding:0 0.08rem;
}
/* .navigation a:after{
    content:'';
    margin:0 0.10rem;
    width: 0.19rem;
    height: 0.14rem;
    background-position: -1.02rem -0.23rem;
    display: inline-block;
} */
/* 分页 */
.pages {
    justify-content: center;
    align-items: center;
    font-size: .3rem;
    padding: .4rem 0 0;
}
.pages a {
    color: #f68b34;
    padding: 0 .3rem;
    position: relative;
}
.pages a.disable {
    color: #9d9d9d;
}
.pages a::after {
    content: "";
    position: absolute;
    width: .02rem;
    height: .2rem;
    right: 0;
    top: 50%;
    transform: translate(0,-50%);
    background-color: #e5e5e5;
}
.pages a:last-child:after {
    width: 0;
}
/*换一换*/
.channel-title a.change{
    padding:0.06rem 0.24rem
}
.channel-title a.change:before{
    content:'';
    margin-right: 0.06rem;
    width: 0.25rem;
    height: 0.21rem;
    background-position: 0 0;
    display: inline-block;
    vertical-align: -0.02rem;
}
.channel-title a.change:hover:before{
    background-position: -0.80rem -0.30rem;
}
/*加载更多-查看更多*/
.more {
    margin-top: 0.15rem;
    width: 100%;
    text-align: center;
}
.more span,.more a{
    width: 2.30rem;
    height: 0.61rem;
    font-size: 0.30rem;
    color:#f68b34;
    text-align: center;
    line-height: 0.65rem;
    border:#f68b34 solid 1px;
    border-radius: 0.65rem;
    display: inline-block;
}
/*404*/
.m-error{
    padding-top: 0.30rem;
    flex-wrap: wrap;
}
.m-error img{
    width: 70.75%;
    display: block;
}
.m-error p{ 
    font-size: 0.28rem;
    color:#949494;
    line-height: 0.48rem;
    text-align: center;
}
/*免责声明*/
.mz-ts .content{
    margin-top: 0.30rem;
    padding:0.10rem 0.30rem;
    border:#e0e0e0 solid 1px;
    border-radius: 0.12rem;
}
.mz-ts .content p{
    padding-top: 0.15rem;
    font-size: 0.24rem;
    color:#555454;
    line-height: 2.1;
}
.mz-ts .tab-tit a{
    padding-left: 0.35rem;
}

footer{
    color: #5c5c5c;
    line-height: 0.5rem;
    text-align: center;
    padding:0.5rem 0 0.65rem;
    background: #eee;
    font-size: 0.2rem;
    color: #ccc;
}
footer a{
    margin:0 .15rem;
    font-size: 0.24rem;
    color:#7f7f7f;
}
footer span{
    margin:0 .15rem;
    font-size: 0.24rem;
    color:#7f7f7f;
}