.marg28{margin-bottom:.28rem;}
.padd30{padding:.28rem .3rem;}
.radius10{border-radius: .1rem;overflow: hidden;background-color: #fff;}
.yy{box-shadow: 0 0 .18rem rgba(0, 0, 0, 0.06);}
.tclass{padding:.25rem .4rem;background-color: #f7f7f7;border-radius: .1rem;margin-top: .35rem;}
.tclass-list{margin-bottom: .05rem; display: flex;}
.tclass-list-tit{font-size: .18rem; font-weight: bold; width: 1.2rem;line-height: .28rem;padding-top: .18rem;}
.tclass-list-main{width: calc(100% - 1.2rem);padding:.1rem 0;border-bottom: 1px solid #e8e8e8; display: flex; flex-wrap: wrap;}
.tclass-list-main select{border: 1px solid #e60012;color:#fff;background-color: #e60012;border-radius: .06rem;padding:0 .06rem; height: .28rem;margin-right: .2rem;}
.tclass-list-main li{font-size: .16rem; position: relative; padding:0 .06rem; cursor: pointer;border-radius: .06rem;line-height: .28rem;margin-right: .2rem;margin-top: .08rem; margin-bottom: .08rem;}
.tclass-list-main li.cur,.tclass-list-main li:hover{background-color: #e60012;color:#fff;}
.tclass-list-main li.cur a,.tclass-list-main li:hover a{color:#fff;}
.tclass-list-main li i{position: absolute;top:0;right:-.12rem; width: .1rem;height: .28rem;}
.tclass-list-main li i::after{bottom:-.07rem;transform: rotate(180deg);}
.tclass-list-main li.cur i.top::before{-webkit-filter: grayscale(0);filter: grayscale(0);opacity: 1;}
.tclass-list-main li.cur i.down::after{-webkit-filter: grayscale(0);filter: grayscale(0);opacity: 1;}
.tproduct{background-color: #fff;padding:.25rem .4rem;border-radius: .06rem; background-color: #f7f7f7;}
.tproduct-tit{margin-bottom: .28rem;}
.tproduct-tit h3{font-size: .28rem; font-weight: bold;}
.tproduct-tit em{display: inline-block;font-size: .16rem; font-style: normal; font-weight: normal; color:#666;margin-left: .2rem;}
.tproduct .swiper{position: relative;overflow: visible;}
.tproduct .swiper-button{margin-top: 0;top:-.6rem; bottom:auto;right:0px;left:auto;width: .32rem;height: .32rem;border:1px solid #e60012;border-radius: 50%;}
.tproduct .swiper-button-prev{right:.4rem;}
.tproduct .swiper-button:after{color:#e60012;font-size: .16rem;}
.tproduct-main{position: relative;overflow: hidden;}
.tproduct-box{
    display: flex;
}
.tproduct-left{position: relative; width: 41.16%;height: 3.7rem; border-radius: .06rem;overflow: hidden;}
.tproduct-left a > img{width: 100%;height: 100%; transition: all .3s;}
.tproduct-left .texts{position: absolute;left: 0;bottom:0;width: 100%; padding:.15rem .3rem;background-color: rgba(0, 0, 0, 0.45);color:#fff;}
.tproduct-left .texts h3{font-size: .16rem;line-height: .18rem;height: .18rem;margin-bottom:.08rem; overflow: hidden;font-weight: normal;text-overflow: ellipsis;white-space: nowrap;}
.tproduct-left .texts em{display: block;line-height: .24rem;height: .48rem;overflow: hidden;text-overflow: -o-ellipsis-lastline;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical;}
.tproduct-left .texts b{display: block; font-weight: normal;line-height: .2rem;margin-top: .1rem;}
.tproduct-left .texts b img{margin-right: .06rem;}
.tproduct-right{width: 58.84%;display: flex; flex-wrap: wrap;}
.tproduct-right li{padding-left: .08rem;width: 33.33%; margin-bottom: .1rem;}
.tproduct-right li a{display: block;width: 100%; height: 1.8rem;overflow: hidden;border-radius: .06rem;}
.tproduct-right li img{width: 100%;height: 100%; transition: all .3s;}
.tproduct .swiper-button:hover,.thandbook-list li:hover h3::before,.tnews-main-ul li:hover h3::before{background-color: #e60012;}
.tproduct .swiper-button:hover:after{color:#fff;}
.tproduct-left:hover img,.tproduct-right li:hover img,.thandbook-imgs:hover img,.tnews-main-img:hover img,.tnews-downs li .imgs:hover img,.tprolist .swiper-slide a:hover > img{transform: scale(1.08);}
.library-search{
    margin-bottom: .45rem;
}
.search-content{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.search-content .search-input{
    width: 6.1rem;
    position: relative;
}
.search-content .search-input input{
    width: 100%;
    height: .51rem;
    font-size: .16rem;
    border-radius: .06rem;
    background: #f7f7f7;
    padding: .1rem .7rem .1rem .5rem;
}
.search-content .search-input a{
    display: flex;
    justify-content: center;
    align-items: center;
    width: .7rem;
    height: .51rem;
    position: absolute;
    top: 0;
    right: 0;
}
.search-content .search-input a img{
    width: .22rem;
}
.search-content .search-buttton{
    display: flex;
}
.search-content .search-buttton a{
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    width: 1.85rem;
    height: .43rem;
    font-size: .16rem;
    background: #f59a23;
    border-radius: .06rem;
}
.search-content .search-buttton a.red{
    background: #d9001b;
    margin-right: .15rem;
}
.search-content .search-buttton a img{
    width: .22rem;
    margin-right: .05rem;
}
.search-content .search-buttton a.red img{
    width: .27rem;
}
.library-latest{
    background: url(../images/library/latest_bg.jpg) no-repeat;
    background-position: bottom;
}
.latest-title{
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    margin-bottom: .4rem;
}
.latest-title h3{
    color: #262626;
    font-size: .36rem;
    font-weight: bold;
    margin-bottom: .1rem;
}
.latest-title h3 em{
    color: #666;
    font-size: .16rem;
    font-weight: normal;
    font-style: normal;
    margin-left: .15rem;
}
.latest-title ul{
    display: flex;
    align-items: center;
}
.latest-title ul li{
    margin-left: .2rem;
    position: relative;
}
.latest-title ul li a{
    display: inline-block;
    width: .9rem;
    color: #999;
    font-size: .16rem;
    text-align: center;
    transition: all.3s;
    cursor: pointer;
}
.latest-title ul li a::after{
    content: '';
    display: block;
    width: 1px;
    height: .13rem;
    background: #999;
    position: absolute;
    right: -.1rem;
    top: 50%;
    transform: translateY(-50%);
}
.latest-title ul li:last-child a::after{
    display: none;
}
.latest-title ul li.active a,
.latest-title ul li:hover a{
    color: #e62b00;
    font-size: .2rem;
    font-weight: bold;
}
.library-list {
    display: flex;
    flex-wrap: wrap;
    font-size: 0;
}
.library-list .library-item {
    width: 3.35rem;
    height: 2.5rem;
    position: relative;
    border-radius: 0.04rem;
    overflow: hidden;
    margin-right: 0.2rem;
    margin-bottom: 0.45rem;
}
.library-list .library-item::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background-image: -moz-linear-gradient( 90deg, rgb(0,0,0) 0%, rgba(0,0,0,0) 100%);
    background-image: -webkit-linear-gradient( 90deg, rgb(0,0,0) 0%, rgba(0,0,0,0) 100%);
    background-image: -ms-linear-gradient( 90deg, rgb(0,0,0) 0%, rgba(0,0,0,0) 100%);
    opacity: 0.8;
    width: 100%;
    height: 40%;
    z-index: 0;
}
.library-list .library-item >a {
    display: block;
    width: 100%;
    height: 100%;
}
.library-list .library-item:nth-of-type(4n) {
    margin-right: 0;
}
.library-list .library-item >a > img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all .3s;
}
.library-list .library-item:hover> a > img {
    transform: scale(1.1);
}
.library-list .library-item .like {
    display: flex;
    flex-direction: column;
    align-items: center;
    height: .25rem;
    overflow: hidden;
    position: absolute;
    left: 0.2rem;
    top: 0.2rem;
    z-index: 1;
}
.library-list .library-item .likes {
    position: absolute;
    right: 0.2rem;
    top: 0.2rem;
    z-index: 1;
}

.library-list .library-item .likes img {
    position: static;
    display: block;
    width: 0.23rem;
    height: 0.2rem;
    background: unset;
}

.library-list .library-item .like span{
    color: #fff;
    font-size: .14rem;
    border-radius: .06rem;
    background: rgba(0,0,0,.4);
    padding: .02rem 0.08rem;
    transition: all .3s;
}
.library-list .library-item .like img {
    opacity: 0;
    width: 0.23rem;
    transition: all .3s;
    cursor: pointer;
}
.library-list .library-item:hover .like img {
    opacity: 1;
    transform: translateY(-.22rem);
}
.library-list .library-item:hover .like span{
    opacity: 0;
    transform: translateY(-.3rem);
}
.library-list .library-item .con {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    z-index: 1;
    padding: 0.2rem;
}
.library-list .library-item .con .con-text .downs{
    display: flex;
    align-items: center;
    overflow: hidden;
    margin: .05rem 0;

}
.library-list .library-item .con .con-text .downs a{
    display: flex;
    align-items: center;
    justify-content: center;
    width: .9rem;
    height: .25rem;
    color: #fff;
    font-size: .12rem;
    border-radius: .05rem;
    background: #ff9b35;
    margin-right: .1rem;
    transform: translateY(.26rem);
    transition: all .3s;
    height: 0;
}
.library-list .library-item:hover .con .con-text .downs a{
    height: 0.25rem;
    transform: translateY(0);
}
.library-list .library-item .con .con-text .downs a.blue{
    background: #178fe6;
}
.library-list .library-item .con .con-text .downs a img{
    width: .13rem;
    margin-right: .05rem;
}
.library-list .library-item .con .con-text .downs a.blue img{
    width: .14rem;
}
.library-list .library-item .con .con-text h3 a{
    font-family: "思源黑体 Normal";
    font-weight: 400;
    font-size: 0.16rem;
    color: #ffffff;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.library-list .library-item .con .con-text em {
    font-style: normal;
    font-size: 0.14rem;
    color: #fff;
}
.library-list .library-item .con .con-text b {
    font-style: normal;
    color: #e1251b;
    vertical-align: text-bottom;
}
.library-list .library-item .con .con-text .listbtn {
    display: flex;
    overflow: hidden;
    transform: translateY(5px);
    height: 0;
    opacity: 0;
    transition: all .3s;
}
.library-list .library-item:hover .con .con-text .listbtn {
    display: flex;
    align-items: center;
    transform: translateY(0);
    height: 0.28rem;
    opacity: 1;
    padding-top: .02rem;
}
.library-list .library-item .con .con-text .listbtn .btn {
    display: flex;
    align-items: center;
    height: 0.28rem;
    font-size: 0.12rem;
    color: #fff;
    margin-right: .1rem;
}
.library-list .library-item .con .con-text .listbtn .btn img {
    width: 0.11rem;
    margin-right: 0.02rem;
}
.library-list .library-item .con .con-text .listbtn .btn:nth-child(2) img{
    width: 0.16rem;
}
.library-list .library-item .con .con-text .listbtn .btn:nth-child(3) img{
    width: 0.09rem;
}
.library-list .library-item .con .con-down img{
    width: .26rem;
}
.pagination .pageul .pageli a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: .35rem;
    height: .35rem;
    font-size: .16rem;
    color: #333333;
}

.pagination .pageul {
    display: flex;
    justify-content: center;
    align-items: center;
}

.pagination .pageul .pageli {
    /* margin: 0 5px; */
    border: 1px solid #d4d4d4;
    transition: all .3s;
}

.pagination .pageul .pageli:hover,
.pagination .pageul .pageli.active {
    background-color: #e01c26;
    border: 1px solid #e01c26;
}

.pagination .pageul .pageli:hover a,
.pagination .pageul .pageli.active a {
    color: #fff;
}

.pagination .pageul .pageli.active a {
    color: #fff;
}

.pagination {
    margin-top: .05rem;
    padding-bottom: .55rem;
}
.pagination .left {
    margin-right: .12rem;

}

.pagination .left a span {
    color: #cdcdcd;
    font-size: .16rem;
}

.pagination .right a span {
    font-size: .16rem;
}

.pagination .right {
    margin-left: .12rem;

}
.paginator select {
    padding: 5px;
    font-size: .16rem;
    border: 1px solid #d4d4d4;
    margin-left: .27rem;
    background-color: #fff;
  }
  
select:focus {
    outline: none;
}
/* 推荐 */
 .rec-title{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: .4rem 0;
}
 .rec-title .title-left{
    display: flex;
    align-items: flex-end;
}
 .rec-title .title-left h3{
    color: #262626;
    font-size: .36rem;
    font-weight: bold;
}
 .rec-title .title-left p{
    color: #666;
    font-size: .16rem;
    margin-bottom: .05rem;
    margin-left: .15rem;
}
 .rec-title .title-more a{
    display: flex;
    align-items: center;
}
 .rec-title .title-more a span{
    color: #262626;
    font-size: .16rem;
    border-bottom: 1px solid #e62b00;
    padding-bottom: .03rem;
}
 .rec-title .title-more a img{
    width: .21rem;
    margin-left: .1rem;
}
.library-rec .library-list .library-item:hover .like img{
    transform: translateY(0);
}
.library-list .library-item .con .con-text .listbtn{
    display: flex;
    align-items: center;
    color: #fff;
    font-size: .14rem;
    font-weight: bold;
    transform: translateY(0);
    height: 0.28rem;
    opacity: 1;
    padding-top: .02rem;
}
.library-list .library-item .con .con-down{
    color: #fff;
    font-size: .14rem;
    flex-shrink: 0;
}
.library-list .library-item .con .con-down em{
    color: #e1251b;
    font-weight: none;
    font-style: normal;
}
.all_page{
    padding-bottom: .55rem;
}