/**
 * DESCRIPTION    星动下载 2024
 * AUTHOR  Chenlq  
 * TIME  2024-09-19
 */
*{
    vertical-align: baseline;
    /*font-weight: inherit;*/
    font-family: 'Arial', 'Microsoft YaHei', '微软雅黑';
    font-style: inherit;
    font-size: 100%;
    outline: 0;
    padding: 0;
    margin: 0;
    border: 0;
    color:#070707;
    line-height:inherit;
    list-style:none;
    text-decoration:none;
}
:focus {
  outline: none;
}

img,
form,
div,
ul,
li,
dl,
dt,
dd,
h1,
h2,
h4,
span,
p,
input,
h1,
h2,
h3,
blockquote {
    border: 0;
    padding: 0;
    margin: 0;
    font-weight: normal;
}

i{
    font-style: normal;
}

button{
    border: none;
    background: none;
}

li,
em {
    list-style-type: none;
    list-style-position: outside;
    font-style: normal;
}

.clear {
    clear: both
}

a{
    text-decoration: none;
    color: #070707;
}
a{
   /* transition: color .2s linear;*/
}
a:hover{
    color:#0095ff;
   /* transition: color .2s linear;*/
}
body{
    background:#f8fafc;
    min-width: 1200px;
}
:root{   
    --blueColor: #0095ff;
    --size14:14px;
    --size16:16px;
    --border:#eee solid 1px;
    --shadow:0px 0px 10px rgb(214,214,214,1);
}
section{
    width: 100%;
    display: inline-block;
}

.layout,.main-layout{
    width: 1200px;
    margin: 0 auto;
}
.clearfix::after{
    content: '';
    display: block;
    clear: both;
}
.floatL{
    float: left;
}
.floatR{
    float: right;
}
.pull-left{
    float:left; 
}
.pull-right{
    float:right;
}
.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;
}
.redColor{
    color:#fe4a05;
}
.mag-t40{
    margin-top: 40px;
}
a.img img{
    width: 100%;
    height: 100%;
    display: block;
}
a.tit{
    font-size: 16px;
    color:#070707;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
}
a.tit:hover{
    color:var(--blueColor);
}
a.bigimg img{
    width: 100%;
    height: 100%;    
    display: block;
    transition: all 1s;
}
a.bigimg img:hover{
    transform: scale(1.1);
}
.des{
    font-size: 14px;
    color:#717171;
}
.des01{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
}
.des02{
    overflow:hidden;
    text-overflow: -o-ellipsis-lastline;  
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    word-break: break-all;
}
.index_icon,.serach .btn,.doubleBtnBox ul.newdown li.left span:nth-of-type(1) p.hot:before,header ul li.hot:before{
    background:url(../images/202410/icon.png) no-repeat;
}
.keyword_link{
    color:var(--blueColor);
}
/*header*/
header{
    width: 100%;
    height: 80px;
    background:#fff;
    box-shadow:1px 0px 10px rgb(203,213,221,0.5);
    display: flex;    
    justify-content: center;
    position: relative;
}
header .layout{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
header .logo{
    float:left;
}
header ul{
    position: relative;
}
header ul li{
    float:left;
    padding: 0 25px;
    font-size: 18px;
    color:#7d7d7d;
    font-weight: bold;
}
header ul li a{
    font-size: 18px;
    color:#7d7d7d;
    font-weight: normal;
}
header ul li a:hover{
    color:#202020;
    font-weight: bold;
}
header ul li.on a{
    color:#202020;
    font-weight: bold;
}
header ul li.hot{
    position: relative;
}
header ul li.hot:before{
    content:'HOT';
    width: 36px;
    height: 25px;
    background-position: -103px -254px;    
    font-size:12px;
    color:#fff;
    line-height: 18px; 
    text-align: center;
    display: inline-block;
    position: absolute;
    top: -16px;
    right: -10px;
}
header ul li.hot:after{
    content:'';
    width: 0;
    height: 0;
    border-top: 8px solid #f7599b;
    border-right: 8px solid transparent;
    position: absolute;
    top: 0px;
    right: 12px;
}
header .navmore{
    position: relative;
    cursor: pointer;
}
header .navmorelay {
    width: 368px;
    height: 408px;
    padding: 0 30px;
    border:#f2f3f4 solid 0px;
    background:url(../images/202410/headfc.png) no-repeat;
    box-shadow: 0 0 10px 4px rgba(227,227,227,0.5);
    border-radius: 15px;
    position: absolute;
    top: 40px;
    left: 50%;
    transform: translate(-50%, 0);
    z-index: 9;
    box-sizing:border-box;
    display: none;
}
header .navmorelay:before{
    content:'';
    width: 100%;
    height: 30px;
    position: absolute;
    top: -20px;
    left: 0;
    display: inline-block;
    background:transparent;
}
header .navmorelay dl{
    margin: 18px 0 0;
}
header .navmorelay dl dt{
    font-size: 20px;
    color:#1c1d28;
    font-weight: bold;
}
header .navmorelay dl dd{
    margin-top: 12px; 
    display: flex;    
    justify-content: space-between;   
}
header .navmorelay dl dd span{
    width: 80px;
    text-align: center;
    display: inline-block;
}
header .navmorelay dl dd span:last-child{
    margin-right: auto;
}
header .navmorelay dl dd span .img{
    width: 44px;
    height: 44px;
    display: block; 
    margin: 0 auto;  
    border-radius: 10px; 
    overflow: hidden;
}
header .navmorelay dl dd span .img img{
    transition: all 0.5s;
}
header .navmorelay dl dd span .img img:hover{
    transform: scale(1.1);
}
header .navmorelay dl dd span .tit{
    padding-top: 9px;
    font-size: 14px;
    color:#202020;
}
header .navmorelay dl dd span .tit:hover{
    color:var(--blueColor);    
}
header em{
    content:'';
    width: 100%;
    height: 780px;    
    background:rgba(0,0,0,0.6);
    position: absolute;
    top: 80px;
    left: 0;    
    display: none;
    z-index: 2;
}
header ul > span.underline{
    width: 16px;
    height: 4px;
    background: #61baf9;
    border-radius: 4px;
    display: block;
    position: absolute;
    left: 35px;
    bottom: -10px;
    -webkit-transition: all .35s ease-in-out;
    -moz-transition: all .35s ease-in-out;
    -ms-transition: all .35s ease-in-out;
    -o-transition: all .35s ease-in-out;
    transition: all .35s ease-in-out;
}
header ul.h_n_592470 > span.underline{
    left: 35px;    
    font-weight: bold;
}
header ul.h_n_592476 > span.underline{
    left: 139px;
}
header ul.h_n_592475 > span.underline{
    left: 261px;
}
header ul.h_n_592473 > span.underline{
   left: 365px;
}
header ul.h_n_592556 > span.underline{
    left: 451px;
}
header ul #nav_index:hover~span.underline {
    left: 35px;
}
header ul #nav_soft:hover~span.underline {
    left: 139px;
}
header ul #nav_game:hover~span.underline {
    left: 261px;
}
header ul #nav_jc:hover~span.underline {
    left: 365px;
}
header ul #nav_zm:hover~span.underline {
    left: 451px;
}
header ul li.navmore:hover .navmorelay{
    display: block;
}

.serach{
    width: 310px;
    height: 42px;
    background:#f3f6f9;
    border-radius: 42px;
    position: relative;
}
.serach .txt{
    width: 230px;
    height: 42px;
    line-height: 42px;
    font-size: 16px;
    color:#7d7d7d;
    padding-left: 40px;
    background:transparent;
}
.serach .btn{
    width: 18px;
    height: 18px;
    background-position: -164px 0;
    position: absolute;
    right: 21px;
    top: 12px;
}
/*banner */
.advertisement_wrap {
    width: 100%;
    overflow: hidden;
    margin: 40px 0 0;   
    display: inline-block; 
    float:left;
}
.advertisement {     
    position: relative;
}
.advertisement_pic a{
    display: none;
}
.advertisement_pic a:nth-of-type(1){
    display: block;
}
.advertisement_pic a img{
    width: 100%;
    display: block;
} 
.advertisement p {
    position: absolute;
    bottom: 5px;
    right: 0px;
}

.advertisement p span {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #e5e5e5;
    display: inline-block;
    margin-right: 12px;
}

.advertisement p span.advertisement_active {
    background: #ed8938;
}
.advertisement_aside{
    margin-top: 30px;
    float:left;
}
.advertisement_aside img{
    width: 100%;
    height: auto;  
    border-radius: 10px;  
    display: block;
}

.advertisement:after{
    content: '';
    display: inline-block;
    position: absolute;
    right: 0px;
    bottom: 0;
    width: 29px;
    height: 16px;
    background-image: url(https://www.singdown.com/TLimages2009/yesky/images/pic/adtips.png);
}

button,a.btn{
    width: 70px;
    height: 30px;  
    font-size: 12px;
    color:#fff;;  
    line-height: 32px;
    text-align: center;
    background:#5bb868;
    border-radius: 30px;
    display: inline-block;
    cursor: pointer;
}
button:hover,a.btn:hover{
    background:#63ce87;
}
.title{
    width: 100%;
    height: 30px;
    font-size: 26px;
    color:#131313;
    font-weight: bold;
    font-family: 'Arial', '黑体';
    line-height: 30px;
}
.title i{
    margin-right: 15px;
    display: inline-block;
    vertical-align: middle;
}
.title span{
    float:right;
    font-size: 16px;
    
}
.title span em{
    color:#b9b9b9;
    padding: 0 25px;
    border-right: #d7d7d7 solid 1px;
    cursor: pointer;
}
.title span em:last-child{
    padding-right: 0;
    border:0;
}
.title span .active{
    color:#131313;
    position: relative;
}
.title span .active:before{
    content:'';
    width: 16px;
    height: 3px;
    background-image:linear-gradient(to left,#7fe8a7,#63bbf9 80%);
    border-radius: 3px;
    display: inline-block;
    position: absolute;
    bottom: -8px;
    left: 50%;
    margin-left: -8px;
}
.title span em:last-child.active:before{
    margin-left: 6px;
}
.more{
    float:right;
    font-size: 14px;
    color:#b9b9b9;
    font-weight:normal;
}
.more:hover{
    color:#81bdff;
}
span.change{
    font-size: 16px;
    color:#b9b9b9;
    line-height: 31px;
    cursor: pointer;
}
span.change em{   
    margin-top: 7px;
    width: 16px;
    height: 16px;
    background-position: -190px 0;
    vertical-align: -1px;
}
span.change:hover{
    color:#81bdff;
}
span.change:hover em{
    background-position: -190px -17px;
}
.tab-title{
    width: 100%;
    height: 45px;
    overflow: hidden;
}
.tab-title span{
    width: 130px;
    height: 38px;
    margin-right: 26px;
    font-size: 16px;
    color:#595959;
    text-align: center;
    line-height: 38px;
    background:#f0f5f9;
    border-radius: 10px;
    float:left;
    position: relative;
    cursor: pointer;
}
.tab-title span:last-child{
    margin-right: 0;
}
.tab-title span.active{
    color:#fff;
    background-image:linear-gradient(to bottom,#6ed1c0,#459af6 60%);
}
.tab-title span.active:before{
    content:'';
    border-width: 8px;
    border-style: solid;
    border-color: #459af6 transparent transparent transparent;
    display: inline-block;
    position: absolute;
    bottom: -16px;
    left: 50%;
    transform: translate3d(-50%, 0, 0);
}
/*面包屑导航*/
.position{
    padding-top: 20px;
    width: 100%;
    font-size: 14px;
    color:#535353;
    display: inline-block;
}
.position .layout,.position a{
    font-size: 14px;
    color:#535353;
}
.position a:hover{
    color:var(--blueColor);
}
/*底部切换块*/
.bottom-tab-box{
    margin-top: 40px;
    width: 100%;
    padding:0 20px;
    border:#ecf0f4 solid 1px;
    background:#fff;
    box-sizing: border-box;
    border-radius: 15px;
}
.bottom-tab-box .bottom-tabTit{
    width: 100%;
    height: 50px;
    margin-top: 12px;
    line-height: 50px;
    border-bottom:#ebeff2 solid 1px;
}
.bottom-tab-box .bottom-tabTit span{
    margin-right: 45px;
    font-size: 20px;
    color:#939393;
    line-height: 50px;
    display: inline-block;
    cursor: pointer;
}
.bottom-tab-box .bottom-tabTit span.active{
    color:#131313;
    font-family: 'Arial', '黑体';
    font-weight: bold;
    position: relative;
}
.bottom-tab-box .bottom-tabTit span.active:before{
    content:'';
    width: 90%;
    height: 3px;
    background-image: linear-gradient(to left, #7fe8a7, #63bbf9 80%);
    border-radius: 3px;
    display: inline-block;
    position: absolute;
    left: 5%;
    bottom: -1px;
}
.bottom-tab-box ul{
    display: flex;    
    justify-content: space-between;
    flex-wrap: wrap;
    padding-bottom: 20px;
}
.bottom-tab-box ul li{
    width: 115px;
    height: 120px;
    margin-top:20px;    
    text-align: center; 
    display: inline-block;
}
.bottom-tab-box  li > a{
    width: 100%;
    height: 100%;
    display: block; 
}
.bottom-tab-box  li .seIcon {
    width: 60px;
    height: 60px;
    display: inline-block;
    position: relative;
}
.bottom-tab-box  li .seIcon img{    
    width: 60px;
    height: 60px;
    border-radius: 10px;
    transition: transform .5s ease-in-out 0s;
    -webkit-transition: transform .5s ease-in-out 0s;
    
}
.bottom-tab-box  li .seName {
    padding: 0 5px;    
    margin-top: 5px;
    font-size: 14px;
    color: #070707;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;    
}

.bottom-tab-box  li .seName:hover{    
    color:#009cff;
}
.bottom-tab-box .softIcon {
    position: relative;
}
.softIcon .softIcon-hover {
    background-color: var(--color);
    background-size: cover;
    background-repeat: no-repeat;
}
.bottom-tab-box .softIcon .softIcon-hover{
    --size: 60px;
    width: var(--size);
    height: var(--size);
    position: absolute;    
    background-image: var(--img);
    border-radius: 55px;   
    opacity: .6;
    transform: scale(0) translateX(-50%);
    filter: blur(15px) opacity(100%);
    z-index: 0;
    transition-delay: .05s;
    transition: transform .3s ease-in-out;
}
.bottom-tab-box ul li a .softIcon .softIcon-hover{
    top: -45px;
    left: 5px;
}
.bottom-tab-box ul li:hover{   
    transition: all .5s;
}
.bottom-tab-box ul li a:hover .softIcon-hover {
    transform: scale(1);
}
.bottom-tab-box ul li a:hover img{
    transform: scale(1);
}
.bottom-tab-box ul li .btn{    
    margin-top: 6px;
    width: 60px;
    height: 26px;
    font-size:12px;
    color:#63ce87;
    text-align: center;
    line-height: 28px;
    border:#63ce87 solid 1px;
    background:#fff;
    border-radius: 26px;
    display: inline-block;
}
.bottom-tab-box ul li .btn:hover{
    color:#fff;
    background:#63ce87;
}
.bottom-tab-box  ul.bottom-tab-zmrj li{
    width: 150px;
    height: 50px;
    margin-right: 50px;
    padding:0 15px;
    font-size: 16px;
    color:#83898d;
    text-align: center;
    line-height: 50px;
    background:#f9f9fb;
    border-radius: 50px;
    float:left;
    transition: all .5s;
    box-sizing: border-box;
}
.bottom-tab-box  ul.bottom-tab-zmrj li a{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.bottom-tab-box  ul.bottom-tab-zmrj li:nth-of-type(6n){
    margin-right: 0;
}
.bottom-tab-box  ul.bottom-tab-zmrj li:hover{ 
    background-image: linear-gradient(to right, #d1fde7, #c7efff );
}
.bottom-tab-box  ul.bottom-tab-zmrj li:hover a{
    color:#131313;
    font-family: 'Arial', '黑体';
    font-weight: bold;
}
/*友情链接*/
.yqlink{
    width: 100%;
    margin-top: 40px;
    padding: 34px 0 20px;
    background:#3c3c3a;
    border-bottom:#494948 dashed 1px;
    display: inline-block;
}
.yqlink .title{
    padding-left: 20px;
    font-size: 22px;
    color:#fff;
    font-weight: 500;
    font-family: 'Arial', '黑体';
}
.yqlink ul{
    padding: 10px 20px 0;
}
.yqlink ul li{
    width: 110px;
    float: left;
    margin-right: 65px;   
}
.yqlink ul li:nth-of-type(7n){
    margin-right: 0
}
.yqlink ul li a{    
    /*color:#fff;*/
    color:hsla(0, 0%, 100%, .7);
    font-size: 14px;
    line-height: 40px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
}
footer{
    width: 100%;
    padding: 35px 0;
    margin-top: 40px;
    background:#3c3c3a;
    font-size: 14px;   
   /* color:#fff;*/
    color:hsla(0, 0%, 100%, .7);;
    text-align: center;
    float:left;
}
footer .channel_content a{
    margin: 0 20px;   
    /*color:#fff;*/
    color:hsla(0, 0%, 100%, .7);;
}
footer .copyright{
    padding-top: 15px;
    line-height: 26px;    
    color:#fff;
    color:hsla(0, 0%, 100%, .7);;
    font-size: 14px;
}
footer .copyright a{    
    /*color:#fff;*/
    color:hsla(0, 0%, 100%, .7);;
}
.pageindex footer{
    margin-top: 0;
}
.back{
    width: 81px;
    height: 81px;
    text-align: center;   
    background:#fff;
    border:#eee solid 1px;
    border-radius: 50%;
    box-sizing: border-box;
    display: block;
    cursor: pointer;
    transition: all ease-in-out .3s; 
    position: fixed;
    bottom: 200px;
    right: 30px;   
    z-index: 1000;
}
.back i{
    margin: 28px 0 0 0;
    width: 21px;
    height: 25px;
    background-position: -92px -69px;    
    display: inline-block;  
}
.back span{
    display: none;
}
.back:hover{
    border-color:#d6e9fe;
    box-shadow: 0 0 15px 0 rgba(217,228,239,1);
}
.back:hover i{
    background-position: -67px -69px;  
}
.back.hid {
    opacity: 0;
    margin-bottom: -200px;
    visibility: hidden;
}
/*分页*/
.pagingWrap {
   width: 100%;
   text-align: center;
   display: inline-block;
}
.paging {
    width: 100%;
    height: 30px;
    text-align: center;
    margin-top: 30px;
    padding-bottom: 10px;
}
.paging:empty{
    display: 
}
.paging div{
  display: inline-block;
  width: 30px;
  height: 30px;
  font-size: 14px;
  color: #9c9c9c;
  text-align: center;
  line-height: 30px;   
  box-shadow: 0 0 10px 0 rgba(215,229,240,1);   
  border-radius: 50%;  
  margin: 0px 6px ;
  cursor: pointer; 
  overflow: hidden;       
}
.paging .first,.paging .last{
    display: none;
}
.paging .prev,.paging .next{
    width: 60px;
    border-radius: 30px;       
}
.paging div.disable { 
    color:#9c9c9c;   
    cursor: not-allowed;    
}
.paging div.active {
    background: #149ff9;
    color: #fff;   
}
.paging div:hover {
    background: #149ff9;
    color: #fff;   
}
.paging div.disable:hover{
    color: #343434; 
    background:none;   
}
.heji-list .paging{
    width: auto;
    display: inline-block;
}

/*列表分页*/
.pages {
    width: 100%;
    text-align: center;
    font-size: 14px;
    margin-top: 30px;
    padding-bottom: 10px;
    display: inline-block;
}

.pages a,
.pages span{    
    width: 30px;
    height: 30px;
    font-size: 14px;
    color: #9c9c9c;
    text-align: center;
    line-height: 30px;      
    border-radius: 50%;  
    box-shadow: 0 0 10px 0 rgba(215,229,240,1);   
    margin: 0px 8px ;
    display: inline-block;
    cursor: pointer; 
    overflow: hidden;   
}

.pages a:hover {
    background: #149ff9;
    color: #fff;   
}
.pages span {
    background: #149ff9;
    color: #fff;  
}
.pages font a{
    width: 60px;
    border-radius: 30px; 
}
#zm_pages{
    padding-bottom: 0;
}
#zm_pages span{
    display: none;
}
#zm_pages .laypage_next{
    width: 60px;
    border-radius: 30px;
}
#zm_pages span.laypage_curr,#zm_pages span.laypage_total{
    display: inline-block;
}
#zm_pages .laypage_total{
    width: 120px;
    height: 30px;
    font-size: 12px;
    color:#9c9c9c;
    border-radius: 30px;
    background:none;    
}
#zm_pages .laypage_total label{
    display: inline-block;
}
#zm_pages .laypage_total input{
    width: 25px;
    font-size: 12px;
    color:#9c9c9c;
    text-align: center;
    display: inline-block;
}
 #zm_pages .laypage_total .laypage_btn{
    padding-left: 5px;
    width: 30px;
    border:0;
    background:none;
    font-size: 12px;
    color:#489ef2;
    display: inline-block;    
 }
.laypage_skip::-webkit-outer-spin-button,
.laypage_skip::-webkit-inner-spin-button {
 -webkit-appearance: none;
}
.laypage_skip.input[type='number'] {
 -moz-appearance: textfield;
} 


.loadMore {
    width: 100%;
    padding: 25px 0;
    text-align: center;
}
.loadMore span{
    width: 150px;
    height: 50px;
    font-size: 18px;
    color:#ffffff;
    text-align: center;
    line-height: 50px;
    background:#63ce87;
    border-radius: 50px;
    display: inline-block;
    cursor: pointer;
}
.changeColor{
    color:#f25d5f!important;
}
@media screen and (max-width:1440px){
    .back{    
        right: 10px;
    }
}
@media screen and (min-width:1600px){
    .back{    
        right: 60px;
    }
}