body{
    background: #f8fafc;
}
/* banner */
.poster-main {
    position: relative;
    margin-top: 25px;
  }
  .poster-main a,
  .poster-main img {
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 5px;
  }
  .poster-main .poster-list {
    width: 1000px;
    height: 500px;
  }
  .poster-main .poster-list .poster-item {
    width: 200px;
    height: 500px;
    position: absolute;
    left: 0;
    top: 0;
  }
  .icons{
    background: url(https://resource.bear20.com/bear_download/images/indexIcons.png) no-repeat;
  }
  .poster-btn {
    width: 36px !important;
    height: 36px !important;
    /* background: #e7e8ea; */
    background:rgba(0,0,0,0.3);
    border-radius: 50%;
    cursor: pointer;
    z-index: 999;
}
.poster-btn:hover{
    /*background: #cccfd2;*/
    background:rgba(0,0,0,0.7);
}
.poster-prev-btn{
    position: absolute;
    top: 50%;
    margin-top: -18px;
    left: 20px;
    z-index: 999;
}
.poster-next-btn{
    position: absolute;
    top: 50%;
    margin-top: -18px;
    right: 20px;
}
.poster-prev-btn .previcon{
    display: inline-block;
    width: 5px;
    height: 9px;
    background-position: -32px -4px;
    position: absolute;
    left: 16px;
    top: 50%;
    margin-top: -4.5px;
}
.poster-next-btn .nexticon{
    display: inline-block;
    width: 5px;
    height: 9px;
    background-position: -41px -4px;
    position: absolute;
    right: 16px;
    top: 50%;
    margin-top: -4.5px;
}
/* 软件专题 */
.software_zt{
    width: 100%; 
    margin-top: 40px;   
}
.software_zt .title .floatL span.icons{
    width: 25px;
    height: 25px;
    display: inline-block;
    background-position: -53px -1px;
    vertical-align: middle;
}
.software_zt .title .floatL span.icons:hover{
    /* transform: rotateZ(360deg); */
    transition: transform .5s ease-in-out 0s;
    -webkit-transition: transform .5s ease-in-out 0s;
}
.software_zt .title .floatL h2{
    display: inline;
    color: #3c4248;
    font-size: 27px;
    font-weight: 400;
    vertical-align: middle;
    margin-left: 5px;
}
.software_zt .title .floatL ul{
    display: inline-block;
    vertical-align: middle;
    padding-left: 5px;
}
.software_zt .title .floatL ul li{
    float: left;
    font-size: 17px;
    color: #a3a3a3;
    cursor: pointer;
    margin-left: 25px;
}
.software_zt .title .floatL ul li:hover{
    color: #5c97ff;
}
.software_zt .title .floatL ul li.active{
    color: #5c97ff;
}
.software_zt .title .floatR a{
    font-size: 17px;
    color: #a3a3a3;
}
.software_zt .title .floatR span{
    display: inline-block;
    width: 8px;
    height: 13px;
    background-position: -309px -38px;
    margin-left: 7px;
}
.software_zt .title .floatR{
    margin-top: 5px;
}
.software_zt .title .floatR a:hover{
    color: #5c97ff;
}
.software_zt .title .floatR a:hover span{
    background-position: -295px -38px;
}
.software_zt ul.zt_list li{
    width: 382px;
    height: 260px;
}
.software_zt ul.zt_list .jt{
    display: block;
    width: 38px;
    height: 10px;
    background-position: -135px -5px;
    margin-top: 25px;
}
.software_zt ul.zt_list .title{
    display: block;
    width: 100%;
    height: 191px;
    border-radius: 10px;
    font-size: 25px;
    color: #fff;
    text-align: center;
    line-height: 238px;
}
.software_zt ul.zt_list li:nth-child(6n+1) .title{
    background: linear-gradient(to bottom right,#dea8e4,#c17ccb);
    background: -webkit-linear-gradient(to bottom right,#dea8e4,#c17ccb);
    background: -moz-linear-gradient(to bottom right,#dea8e4,#c17ccb);
    background: -o-linear-gradient(to bottom right,#dea8e4,#c17ccb);
    background: -ms-linear-gradient(to bottom right,#dea8e4,#c17ccb);
}
.software_zt ul.zt_list li:nth-child(6n+2) .title{
    background: linear-gradient(to bottom right,#e6b5f2,#fa96c5);
    background: -webkit-linear-gradient(to bottom right,#e6b5f2,#fa96c5);
    background: -moz-linear-gradient(to bottom right,#e6b5f2,#fa96c5);
    background: -o-linear-gradient(to bottom right,#e6b5f2,#fa96c5);
    background: -ms-linear-gradient(to bottom right,#e6b5f2,#fa96c5);
}
.software_zt ul.zt_list li:nth-child(6n+3) .title{
    background: linear-gradient(to bottom right,#9be6b3,#66e78d);
    background: -webkit-linear-gradient(to bottom right,#9be6b3,#66e78d);
    background: -moz-linear-gradient(to bottom right,#9be6b3,#66e78d);
    background: -o-linear-gradient(to bottom right,#9be6b3,#66e78d);
    background: -ms-linear-gradient(to bottom right,#9be6b3,#66e78d);
}
.software_zt ul.zt_list li:nth-child(6n+4) .title{
    background: linear-gradient(to bottom right,#db99c9,#bf5e97);
    background: -webkit-linear-gradient(to bottom right,#db99c9,#bf5e97);
    background: -moz-linear-gradient(to bottom right,#db99c9,#bf5e97);
    background: -o-linear-gradient(to bottom right,#db99c9,#bf5e97);
    background: -ms-linear-gradient(to bottom right,#db99c9,#bf5e97);
}
.software_zt ul.zt_list li:nth-child(6n+5) .title{
    background: linear-gradient(to bottom right,#a3d6f5,#88c2f4);
    background: -webkit-linear-gradient(to bottom right,#a3d6f5,#88c2f4);
    background: -moz-linear-gradient(to bottom right,#a3d6f5,#88c2f4);
    background: -o-linear-gradient(to bottom right,#a3d6f5,#88c2f4);
    background: -ms-linear-gradient(to bottom right,#a3d6f5,#88c2f4);
}
.software_zt ul.zt_list li:nth-child(6n+6) .title{
    background: linear-gradient(to bottom right,#bda6e7,#a485e3);
    background: -webkit-linear-gradient(to bottom right,#bda6e7,#a485e3);
    background: -moz-linear-gradient(to bottom right,#bda6e7,#a485e3);
    background: -o-linear-gradient(to bottom right,#bda6e7,#a485e3);
    background: -ms-linear-gradient(to bottom right,#bda6e7,#a485e3);
}
.software_zt ul.zt_list{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.software_zt ul.zt_list li{
    border: 1px solid #f2f3f4;
    border-radius: 10px;
    cursor: pointer;
    background: #fff;
    margin-top: 30px;
}
.software_zt ul.zt_list li .content{
    height: 191px;
    border-radius: 10px;
    border-bottom: 1px solid #f0f3f4;
    display: none;
}
.software_zt ul.zt_list li .content_introduce{
    height: 133px;
    font-size: 17px;
    color: #24292f;
    line-height: 32px;
    padding: 0px 23px;
    display: block;
    text-align: justify;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
    padding-top: 25px;
}
.software_zt ul.zt_list li .content p{
    padding: 0px 23px;
    display: flex;
    justify-content: space-between;
    font-size: 14px;
    color: #aeafb2;
}
.software_zt ul.zt_list li .content p i{
    color: #599fff;
    font-style: normal;
}
.software_zt ul.zt_list li .content p .time{
    display: inline-block;
    width: 14px;
    height: 14px;
    background-position: -311px -481px;
    margin-right: 4px;
    vertical-align: middle;
    margin-top: -2px;
}
.software_zt ul.zt_list li .content p .yj{
    display: inline-block;
    width: 20px;
    height: 13px;
    background-position: -282px -481px;
    margin-right: 4px;
    vertical-align: middle;
    margin-top: -2px;
}
.software_zt ul.zt_list li .top p.bottom{
    padding: 0px 20px;
}
.software_zt ul.zt_list li .top p.bottom .floatL{
    font-size: 22px;
    color: #24292f;
    margin-top: 18px;
}
.software_zt ul.zt_list li:hover .title{
    display: none;
}
.software_zt ul.zt_list li:hover .content{
    display: block;
}
.software_zt ul.zt_list li:hover{
    box-shadow: 0 0 26px rgba(0,61,131,0.1);
}
.software_zt ul.zt_list li:hover p.bottom .floatL{
    color: #3e8dff;
}
.software_zt ul.zt_list li:hover p.bottom .jt{
    background-position: -177px -5px;
}
/* 下载榜 */
.rankling_list{
    width: 100%;
    padding-top: 40px;
}
.rankling_list .soft_weeklyRanking{
    width: 382px;
    /* height: 612px; */
    border: 1px solid #e6e6e6;
    border-radius: 20px;
    margin-right: 23px;
    overflow: hidden;
}
.rankling_list .soft_weeklyRanking:nth-child(3){
    margin-right: 0px;
}
.rankling_list .title{
    font-size: 27px;
    color: #24292f;
    padding: 18px 20px;
    display: block;
}
.rankling_list .soft_weeklyRanking .title span.icon1{
    display: inline-block;
    width: 25px;
    height: 25px;
    background-position: -369px -10px;
    margin-right: 15px;
    vertical-align: middle;
    margin-top: -5px;
}
.rankling_list .soft_weeklyRanking .title span.icon2{
    display: inline-block;
    width: 35px;
    height: 25px;
    background-position: -407px -6px;
    margin-right: 15px;
    vertical-align: middle;
    margin-top: -5px;
}
.rankling_list .soft_weeklyRanking .title span.icon3{
    display: inline-block;
    width: 23px;
    height: 25px;
    background-position: -454px -3px;
    margin-right: 15px;
    vertical-align: middle;
    margin-top: -5px;
}
.rankling_list ul{
    background: #fff;
    border-radius: 20px;
}
.rankling_list ul li{
    transition: transform .3s ease-in-out,translateY .3s ease-in-out,box-shadow .3s ease-in-out;
    overflow: hidden;
    border-top: 1px solid #f0f2f4;
    border-radius: 20px 20px 0px 0px;
}
.rankling_list ul li a{
    padding: 24px 12px 0px 12px;
    display: block;
    padding-bottom: 20px;
    /* border-bottom: 1px dotted #ebebeb; */
}
.rankling_list .soft_weeklyRanking ul li:nth-child(5) a{
    border: none;
}
.rankling_list ul li a img{
    width: 63px;
    height: 63px;
    border-radius: 10px;
    margin-left: 7px;
}
.rankling_list ul li a h3{
    width: 204px;
    white-space: nowrap;
    font-size: 20px;
    color: #24292f;
    font-weight: 500;
    margin-top: 3px;
    overflow: hidden;
}
.rankling_list ul li .middle{
    margin-left: 13px;
    display: block;
}
.rankling_list ul li .middle .detail{
    margin-top: 10px;
}
.rankling_list ul li .middle .detail span{
    margin-right: 15px;
}
.rankling_list ul li span.jt{
    display: block;
    width: 38px;
    height: 10px;
    background-position: -135px -5px;
    margin-top: 25px;
}
.rankling_list ul li .softIcon .softIcon-hover{
    top: -10px;
    left: -3px;
}
.rankling_list ul li:hover .softIcon-hover {
    transform: scale(1);
}
.rankling_list ul li:hover{
    transform: translateY(-1px);
    background-color: transparent;
    border-top-style: solid!important;
    background-image: linear-gradient(#fff,hsla(0,0%,100%,.5) 30%,#fff);
    box-shadow: 0 0 26px rgb(0 61 131 / 10%);
}
.rankling_list ul li:hover h3{
    color: #3e8dff;
}
.rankling_list ul li:hover span.jt{
    background-position: -177px -5px;
}
.rankling_list ul li:hover img {
    transform: scale(1.1);
    transition: transform .5s ease-in-out 0s;
    -webkit-transition: transform .5s ease-in-out 0s;
}
.rankling_list .detail span{
    color: #aaaaaa;
    font-size: 13px;
    /* margin-right: 14px; */
}
.rankling_list .detail i.download{
    display: inline-block;
    width: 11px;
    height: 11px;
    background-position: -82px -4px;
    margin-right: 4px;
}
.rankling_list .detail i.comment{
    display: inline-block;
    width: 13px;
    height: 11px;
    background-position: -98px -4px;
    margin-right: 4px;
}
.rankling_list .detail i.time{
    display: inline-block;
    width: 11px;
    height: 11px;
    background-position: -118px -4px;
    margin-right: 4px;
}
.softIcon {
    position: relative;
}
.softIcon .softIcon-hover {
    background-color: var(--color);
    background-size: cover;
    background-repeat: no-repeat;
}

.softIcon .softIcon-hover{
    --size: 83px;
    width: var(--size);
    height: var(--size);
    position: absolute;
    top: 19px;
    left: -10px;
    background-image: var(--img);
    border-radius: 55px;
    opacity: .6;
    transform: scale(0) translateX(-50%);
    filter: blur(20px) opacity(70%);
    z-index: -1;
    transition-delay: .05s;
    transition: transform .3s ease-in-out;
}
/* 最新专题、精品软件 */
.lastTab{
    width: 100%;
    background: #fff;
    margin-top: 40px;
    padding: 40px 0px;
}
.lastTab .layout{
    width: 1138px;
    border: 1px solid #e6e6e6;
    border-radius: 5px;
    padding: 20px 30px;
}
.lastTab .title li{
    float: left;
}
.lastTab .title .TabName{
    font-size: 24px;
    color: #3c4248;
    cursor: pointer;
}
.lastTab .title .TabName:hover,.lastTab .title .TabName.active{
    color: #3e8dff;
}
.lastTab .title .line{
    width: 1px;
    height: 22px;
    margin: 0px 28px;
    background: #e6e9eb;
    margin-top: 5px;
}
.lastTab .TabList ul{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding-top: 5px;
}
.lastTab .TabList ul li{
    width: 118px;
    white-space: nowrap;
    overflow: hidden;
    margin-top: 15px;
}
.lastTab .TabList ul li:nth-child(10n){
    width: 64px;
}
.lastTab .TabList ul li a{
    width: 64px;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    font-size: 16px;
    color: #6d6d6d;
}
.lastTab .TabList ul li a:hover{
    color: #3e8dff;
}
/* 底部 */
.footer{
    background: #fff;
    margin-top: 0px;
}
 /* 置顶样式 */
 .topping{
    width: 102px;
    height: 102px;
    position: fixed;
    right: 20px;
    cursor: pointer;
    transition: bottom ease 2s;
    z-index: 2;
}
.topping span.icons{
    width: 84px;
    height: 84px;
    display: block;
    background-position: -11px -404px;
}
.topping span.icons:hover{
    width: 84px;
    height: 84px;
    display: block;
    background-position: -106px -405px;
}
/* 头部搜索框样式修改 */
header nav .search input.text{
    border: none;
}
header nav .search{
    border: 1px solid #efefef;
    border-radius: 30px;
    margin-top: 18px;
}