/* 基本 */
body,ul,li,ol,span,p,dl,dt,dd {
    margin: 0;
    padding: 0;
}
ul,li{
    list-style: none;
}
h1,h2,h3,h4,h5,h6 {
    margin: 0;
}
a {
    text-decoration: none;
}
/*.svg_white {*/
/*    fill: #FFF;*/
/*}*/

body {
    margin: 0;

    /*background-image: url(bg.jpg);*/
    /*background-repeat: no-repeat;*/
    /*background-attachment: fixed;*/

    background-color: var(--bodyer-bg-color);

    font-family: "Source Sans Pro", sans-serif;
    font-size: 14px;
    /*line-height: 140%;*/
    color: #666;
}

body::after {
    content: "";
    display: block;
    width: 100%;
    height: 420px;
    position: absolute;
    top: -30px;
    left: 0;
    background: url(./bg.svg) no-repeat 50%;
    z-index: -1;
    opacity: .38;
}


input {
    outline: medium none;
    outline: none;
    /*-webkit-tap-highlight-color: rgba(0, 0, 0, 0);*/
}

input:focus {
    border-color: #FF9900;
    /*-webkit-box-shadow: inset 0 1px 1px rgba(255, 136, 0, .075), 0 0 8px rgba(255, 136, 0, .6);*/
}



/*侧边栏*/
.sider > .hot > h2 {
    font-size: 1.25rem;
    color: #000;
    border-left: 3px solid #000;
    padding-left: 15px;
    margin-bottom: 15px;
}

.sider > .hot > ul > li {
    line-height: 30px;
    /* 1. 关键属性：强制文本在一行内显示，不自动换行 */
    white-space: nowrap;
    /* 2. 必要属性：隐藏超出容器边界的文本内容 */
    overflow: hidden;
    /* 3. 必要属性：文本溢出时显示省略号（...） */
    text-overflow: ellipsis;
}

.sider > .hot > ul > li > span {
    display: inline-block;
    background: 0 0;
    color: #9195A3;
    width: 18px;
    font-size: 15px;
    letter-spacing: -1px;
    color: #9195A3;
    margin-right: 5px;
}

.sider > .hot > ul > li:nth-child(1) > span {
    color: #FE2D46;
}

.sider > .hot > ul > li:nth-child(2) > span {
    color: #F60;
}

.sider > .hot > ul > li:nth-child(3) > span {
    color: #FAA90E;
}

.sider > .hot > ul > li > a {
    color: #333333;
    font-size: 14px;
}
/*分页*/
.list_pagination {
    padding: 70px 0 50px 0;
    margin-bottom: 15px;
    text-align: center;
    font-size: 14px;
    font-weight: bold;
}

.list_pagination > ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.list_pagination > ul > li.prev {
    color: #999999;
}

.list_pagination > ul > li.action {
    color: #06b26b;
}

.list_pagination > ul > li {
    display: inline-block;
    margin: 0 3px;
    margin-top: 20px;
}

.list_pagination > ul > li a {
    text-decoration: none;
    background-color: #ddd;
    color: #666;
    opacity: 1;
}

.list_pagination > ul > li a,
.list_pagination > ul > li span {
    /*display: inline-block;*/
    padding: 7px 15px;
    border-radius: 4px;
}


#app {
    /*height: 100vh;*/
    /*position: relative;*/
}

#app:after {
    /*content: "";*/
    /*position: fixed;*/
    /*!*position: absolute;*!*/
    /*left: 0px;*/
    /*top: 0px;*/
    /*width: 100%;*/
    /*height: 100%;*/
    /*z-index: -1;*/
    /*filter: blur(8px);*/
    /*transform: scale(1.1);*/
    /*background-image: url("./bg.jpg");*/
    /*background-size: cover;*/
    /*background-position: center;*/
    /*background-attachment: fixed;*/
    /*overflow: hidden;*/
}


/* 首页 */

.home {
    padding: 0px 25px;
}


/*头部*/
.top {
    padding-top: 10px;
    display: flex;
    justify-content: space-between;
    /*width: 100%;*/
    width: 1200px;
    margin: 0 auto;
    /*margin: 0 25px;*/
}

.top > .menu > ul {
    display: flex;
    flex-direction: row;
}

.top > .menu > ul > li {
    margin-right: 10px;
}

.top > .menu > ul > li > a {
    line-height: 30px;
    color: #333333;
    font-size: 18px;
    font-weight: normal;
}

.top > .nav > .slogan {
    text-align: center;
    height: 30px;
    line-height: 30px;
    color: #999999;
}

/* 新logo */
.home_blogo {
    margin-top: 120px;
    margin-bottom: 30px;
    text-align: center;
}

.home_blogo img {
    width: 230px;
}

/**
首页搜索
 */
.home_info{
    text-align: center;
    margin-top: 100px;
    color: #333;
    line-height: 50px;
    font-size: 16px;
}
.home_search{
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 80px;
}
.home_search .search_form {
    width: 700px;
}

.home_search .search_form .search-btn .icon path {
    fill: #ff0000; /* 填充色 */
}

.home_search .search-row {
    box-shadow: 0px 0 15px 0 rgba(0,0,0,0.1),0 0 1px rgba(0,0,0,0.1);
    border-radius: 50px;
    /* border: 2px solid red; */
    background-color: #fff;
    /*padding: 6px;*/
    padding: 6px 10px;
    position: relative;
    display: flex;
    align-items: center;
    /* background-color: white; */
    /* border: solid #D5D5D5 2px; */
    /* border-radius: 10px; */
    /* padding: 2px; */
}
.home_search svg {
    width: 30px;
    height: 30px;
}
.home_search .search-btn {
    width: 80px;
    margin-right: 10px;
    cursor: pointer;
    padding: 0 16px;
    font-size: 16px;
    font-weight: 700;
    border-radius: 50px;
    color: #fff;
    background-color: #3eaf7c;
    /*background: linear-gradient(to right bottom, #eb4883 0%, #e60c19 100%);*/
}

/*.home_search .search_type_container {*/
/*    position: relative;*/
/*    display: inline-block;*/
/*}*/

/*.home_search .search-type {*/
/*    position: relative;*/
/*    height: 30px;*/
/*    padding: 0 25px 0 10px;*/
/*    border: none;*/
/*    background: transparent;*/
/*    font-size: 14px;*/
/*    color: #666;*/
/*    cursor: pointer;*/
/*    z-index: 10;*/
/*    -webkit-appearance: none;*/
/*    -moz-appearance: none;*/
/*    appearance: none;*/
/*    display: flex;*/
/*    align-items: center;*/
/*    margin: 0;*/
/*}*/

/*.home_search .search-type + svg {*/
/*    position: absolute;*/
/*    right: 5px;*/
/*    top: 50%;*/
/*    transform: translateY(-50%);*/
/*    width: 12px;*/
/*    height: 12px;*/
/*    pointer-events: none;*/
/*    z-index: 5;*/
/*    color: #999;*/
/*}*/

/*.home_search .search-type:focus {*/
/*    outline: none;*/
/*}*/

.home_search .search_form input {
    flex: 1;
    border: 0;
    height: 30px;
    margin: 0;
    display: inline-block;
    padding: 6px 10px 7px;
    min-width: 0;
    background: none;
    box-sizing: content-box;
    background-color: white !important;
}
.home_search .search-row:focus-within {
    /* border: solid #333 2px; */
    outline: none;
}

/**
搜索
 */
.search-row {
    position: relative;
}

.search-btn {
    position: absolute;
    top: 50%;
    right: 1px;
    overflow: hidden;
    width: 40px;
    /*height: 40px;*/
    margin-top: -20px;
    color: #ccc;
    border: none;
    outline: none;
    background: transparent;
    font-size: 14px;
    line-height: 36px;
}

.search-row input {
    width: 100%;
    height: 40px;
    border-radius: 0;
    box-shadow: none;
    box-sizing: border-box;
}

.form-control {
    border: 1px solid #e5e5e5;
    border-radius: 3px;
    box-shadow: none;

    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
}

/*!*首页标题*!*/
/*.home .logo_title {*/
/*    margin-top: 100px;*/
/*    letter-spacing: 10px;*/
/*}*/

/*.home .logo_title h1 {*/
/*    font-family: "微软雅黑", "Microsoft YaHei", sans-serif;*/
/*    position: relative;*/
/*    width: 100%;*/
/*    text-align: center;*/
/*    line-height: 50px;*/
/*    font-size: 50px;*/
/*    font-weight: bold;*/
/*    padding-bottom: 30px;*/
/*    !*color: #06b26b;*!*/
/*    color: #00a99d;*/
/*}*/

/* 首页最新展示 */
.module_list {
    width: 1200px;
    margin: 0 auto;
    margin-bottom: 100px;
}

.module_list_title {
    font-size: 22px;
    display: inline-block;
    position: relative;
    /* padding-left: 28px; */
    font-weight: bold;
    color: #000;
}

.module_list_title img {
    width: 25px;
    height: 25px;
    margin-right: 5px;
    margin-top: -5px;
}


.module_list_box ul {
    margin-top: 20px;
    display: grid;
    grid-auto-flow: row;
    grid-template-columns: repeat(8, calc(12.5% - 10px));
    grid-row-gap: 20px;
    grid-column-gap: 10px;
}



.module_list_box ul li {
    /* width: calc(20% - 18px); */
}

.module_list_box ul li .thumb {
    /* 设置固定的宽高比例 */
    aspect-ratio: 2/3;
    overflow: hidden;
    position: relative;
}

.module_list_box ul li .thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 10px;
}

.module_list_box ul li .title{
    /*text-align: center;*/
    /*white-space: nowrap;*/
    /*overflow: hidden;*/
    /*text-overflow: ellipsis;*/
    margin-top: 12px;
     /* 1. 核心属性：开启WebKit内核的多行文本截断（适配Chrome、Safari等主流浏览器） */
    display: -webkit-box;
    /* 2. 关键属性：设置文本显示的最大行数为2 */
    -webkit-line-clamp: 2;
    /* 3. 关键属性：设置盒子内文本的排列方向为垂直（配合-webkit-line-clamp生效） */
    -webkit-box-orient: vertical;
    /* 4. 必要属性：隐藏超出容器的文本内容（基础截断前提） */
    overflow: hidden;
    /* 5. 必要属性：文本溢出时显示省略号（单/多行截断都需要） */
    text-overflow: ellipsis;
}

.module_list_box ul li .title a {
    color: #000000;
    text-decoration: none;
}

.module_list_box ul li .title a:hover {
    color: #e50914;
}

/*手机*/
@media screen and (max-width: 768px) {
    .module_list {
        width: 100%;
    }

    .module_list_box ul {
        margin-top: 20px;
        display: grid;
        grid-auto-flow: row;
        grid-template-columns: repeat(2, calc(50% - 10px));
        grid-row-gap: 20px;
        grid-column-gap: 10px;
    }
}



/*首页搜索*/
.home .search{
    display: flex;
    align-items: flex-start;
    justify-content: center;
}
.home .search .search-row {
    position: relative;
}
.home .search svg {
    width: 30px;
    height: 30px;
}
.home .search .search-btn {
    position: absolute;
    top: 3px;
    right: 20px;
    overflow: hidden;
    width: 40px;
    height: 40px;
    margin-top: 0px;
    color: #ccc;
    border: none;
    outline: none;
    background: transparent;
    font-size: 14px;
    cursor: pointer;
}
.home .search .search_form input {
    width: 700px;
    border: 0;
    height: 30px;
    margin: 0;
    display: block;
    padding: 6px 0 7px;
    min-width: 0;
    background: none;
    box-sizing: content-box;
    border-radius: 10px !important;
    background-color: white !important;
    padding-left: 20px;
    border: solid #999 1px;
}
.home .search .search_form input:focus {
    border: solid #00a99d 1px;
    outline: none;
}


.home .google_transverse {
    margin: 50px auto 0 auto;
    text-align: center;
}

/*热门*/
/*.home .hot {*/
/*    background-color: #FFFFFF;*/
/*    width: 1000px;*/
/*    border: solid 1px #999;*/
/*    margin-top: 100px;*/
/*    margin: 100px auto 100px auto;*/
/*    border-radius: 10px;*/
/*    box-sizing: border-box;*/
/*    padding: 20px 20px 30px 20px;*/
/*}*/
/*.home .hot > .title {*/
/*    background-image: url("./hot.png");*/
/*    background-size: contain;*/
/*    background-repeat: no-repeat;*/
/*    background-position: 0px 0px;*/
/*    line-height: 30px;*/
/*    padding-left: 40px;*/
/*    margin: 0px 0px 20px 0px;*/
/*    color: #FA523D;*/
/*    font-weight: bold;*/
/*    font-size: 20px;*/
/*}*/

/*.home .hot > .title span {*/
/*    float: right;*/
/*    font-weight: normal;*/
/*    font-size: 14px;*/
/*}*/

/*.home .hot .box ul {*/
/*    display: grid;*/
/*    grid-auto-flow: row;*/
/*    grid-template-columns: repeat(auto-fit, calc((100% - 3 * 20px) / 4));*/
/*    grid-row-gap: 20px;*/
/*    grid-column-gap: 20px;*/
/*}*/



/*.home .hot .box ul li {*/
/*    overflow: hidden;*/
/*    text-overflow: ellipsis;*/
/*    white-space: nowrap;*/
/*}*/

/*.home .hot .box ul li:nth-child(1) i {*/
/*    color: #ff1800;*/
/*}*/

/*.home .hot .box ul li:nth-child(2) i {*/
/*    color: #ff5407;*/
/*}*/

/*.home .hot .box ul li:nth-child(3) i {*/
/*    color: #ff9400;*/
/*}*/

/*.home .hot .box ul li i {*/
/*    font-style: normal;*/
/*    color: #999999;*/
/*    font-weight: bold;*/
/*}*/

/*.home .hot .box ul li a {*/
/*    color: #333333;*/
/*}*/



/*最新*/
.home .new {
    display: flex;
    flex-direction: row;
    width: 100%;
    /*width: 1088px;*/
    /*margin: 0 25px;*/
    margin-top: 100px;
}
.home .new .list {
    width: 100%;
    /*width: 738px;*/
    /*background-color: aqua;*/
}
.home .new .title ul {
    display: flex;
    flex-direction: row;
}
.home .new .title ul li {
    margin-right: 20px;
}
.home .new .title ul li h2 {
    font-size: 1.25rem;
}
.home .new .title ul li.action {
    color: #0000EE;
    border-bottom: solid 3px #0000EE;
    padding-bottom: 10px;
}

.home .new .box {
    margin-top: 20px;
}

.home .new .box ul {
    display: grid;
    grid-auto-flow: row;
    grid-template-columns: repeat(auto-fit, calc((100% - 7 * 20px) / 8));
    grid-row-gap: 50px;
    grid-column-gap: 20px;
}

.home .new .box ul li {
    width: 100%;
    display: flex;
    flex-direction: column;
    /*flex-direction: row;*/
}


.home .new .box ul li .thumb {
    width: 100%;
    max-height: 300px;
    /*width: 140px;*/
    /*margin-right: 20px;*/
}

.home .new .box ul li .thumb img{
    display: block;
    width: 100%;
    /*max-height: 300px;*/
    /*min-height: 300px;*/
    /*max-width: 150px;*/
    height: 300px;
    transition: transform .3s ease-out;
}

.home .new .box ul li .info {
    /*display: none;*/
    display: flex;
    flex-direction: column;
}

.home .new .box ul li .info .title {
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.home .new .box ul li .info .title a {
    color: #333333;
    font-size: 16px;
    line-height: 50px;
    /*font-weight: bold;*/
}

.home .new .box ul li .info .author {
    font-size: 12px;
    color: #999999;
    line-height: 30px;
}

.home .new .box ul li .info .jianjie {
    padding: 10px 0px;
    font-size: 14px;
    color: #666666;
    line-height: 22px;
}

.home .new .box ul li .info .dingjia {
    color: #333333;
    line-height: 30px;
    font-weight: bold;
    font-size: 14px;
}

.home .new .sider {
    width: 300px;
    margin-left: 50px;
}

.home .new .sider .hot h2 {
    font-size: 1.25rem;
    margin-bottom: 10px;
}

.home .new .sider .hot ul li {
    line-height: 30px;
}

.home .new .sider .hot ul li span {
    display: inline-block;
    background: 0 0;
    color: #9195A3;
    width: 18px;
    font-size: 15px;
    letter-spacing: -1px;
    color: #9195A3;
    margin-right: 5px;
}

.home .new .sider .hot ul li:nth-child(1) span {
    color: #FE2D46;
}

.home .new .sider .hot ul li:nth-child(2) span {
    color: #F60;
}

.home .new .sider .hot ul li:nth-child(3) span {
    color: #FAA90E;
}

.home .new .sider .hot ul li a:link {
    color: #0000EE;
    font-size: 14px;
}

.home .new .sider .hot ul li a:visited {
    color: #4007A2;
}

.home .new .sider .hot ul li a:hover {
    text-decoration: underline;
}

.home .new .sider .hot ul li a:active {
    color: #1A73E8;
}



.home .friendlink {
    width: 100%;
    /*width: 1200px;*/
    margin: 0 auto;
    margin-top: 100px;
    margin-bottom: 50px;
    font-size: 12px;
    /*padding: 0 20px;*/
    box-sizing: border-box;
}

.home .friendlink a {
    color: #999999;
}



/*手机*/
@media screen and (max-width: 768px) {
    .home .top {
        padding: 20px;
        width: 100%;
        box-sizing: border-box;
    }
    .home .search .search_form input {
        width: 300px;
    }

    .home .hot {
        background-color: #FFFFFF;
        width: 90%;
        border: solid 1px #999;
        margin-top: 100px;
        margin: 100px auto 100px auto;
        border-radius: 10px;
        box-sizing: border-box;
        padding: 20px 20px 30px 20px;
    }

    .home .hot .box ul {
        display: grid;
        grid-auto-flow: row;
        grid-template-columns: repeat(auto-fit, calc((100% - 0 * 20px) / 1));
        grid-row-gap: 20px;
        grid-column-gap: 20px;
    }



    .home .new {
        display: flex;
        flex-direction: row;
        width: 100%;
        padding: 0px 20px;
        margin-top: 200px;
        box-sizing: border-box;
    }
    .home .new .list {
        width: 100%;
    }
    .home .new .sider {
        display: none;
    }
    .home .friendlink {
        width: 100%;
    }

    .home .new .box ul {
        display: grid;
        grid-auto-flow: row;
        grid-template-columns: repeat(auto-fit, calc((100% - 1 * 20px) / 2));
        grid-row-gap: 30px;
        grid-column-gap: 20px;
    }
    .home .new .box ul li .thumb img{
        height: 200px;
    }
}



.footer {
    /*position: fixed;*/
    /*bottom: 0;*/
    /*left: 0;*/
    width: 100%;
    font-size: 12px;
    text-align: center;
    color: #A49D9D;
    line-height: 30px;
    /*background-color: #f5f5f5;*/
}

.footer .about {
    display: inline-block;
}

.footer .about ul {
    display: flex;
}

.footer .about ul li {
    margin-right: 10px;
}

.footer .about ul li a {
    color: #E5E5E5;
}


#load-more {
    position: relative;
    padding: 10px 10px;
    margin: 10px auto;
    text-align: center;
    width: 120px;
    border-radius: 10px;
    cursor: pointer;
    background-color: #E5E5E5;
    font-size: 18px;
    margin-top: 50px;
    margin-bottom: 100px;
}

/*读书频道*/

.channel_book {
    width: 100%;
    padding: 0 25px;
    box-sizing: border-box;
}

/*顶部搜索*/
.top_header {
    background-color: #FFFFFF;
    display: flex;
    align-items: center;
    height: 64px;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.06);
}
.top_block {
    width: 1200px;
    margin: 0 auto;
    display: flex;
    flex-direction: row;
    /*margin-top: 40px;*/
}

.top_block .top_blogo {
    /*margin-top: 120px;*/
    /*margin-bottom: 30px;*/
    align-items: center;
    display: flex;
}

.top_block .top_blogo img {
    width: 180px;
    margin-left: -30px;
}

.top_block .top_search {
    /*display: flex;*/
    /*align-items: center;*/
    /*justify-content: center;*/
    /*margin-bottom: 80px;*/
}
.top_block .top_search .search_form {
    width: 500px;
    border: 1px solid #3eaf7c;
    border-radius: 50px;
    padding: 2px 10px;
}

.top_block .top_search .search_form .search-btn .icon path {
    fill: #ff0000; /* 填充色 */
}

.top_block .top_search .search-row {
    /*box-shadow: 0px 0 15px 0 rgba(0,0,0,0.1),0 0 1px rgba(0,0,0,0.1);*/
    border-radius: 50px;
    /* border: 2px solid red; */
    background-color: #fff;
    /*padding: 6px;*/
    /*padding: 6px 10px;*/
    position: relative;
    display: flex;
    align-items: center;
    /* background-color: white; */
    /* border: solid #D5D5D5 2px; */
    /* border-radius: 10px; */
    /* padding: 2px; */
}
.top_block .top_search svg {
    width: 30px;
    height: 30px;
}
.top_block .top_search .search-btn {
    border-top-right-radius: 50px;
    border-bottom-right-radius: 50px;
    width: 80px;
    margin-right: -11px;
    cursor: pointer;
    /*padding: 0 16px;*/
    font-size: 16px;
    font-weight: 700;
    /*border-radius: 50px;*/
    color: #fff;
    background-color: #3eaf7c;
    /*background: linear-gradient(to right bottom, #eb4883 0%, #e60c19 100%);*/
}

.top_block .top_search .search_form input {
    flex: 1;
    border: 0;
    height: 33px;
    margin: 0;
    display: inline-block;
    padding: 0px;
    /*padding: 6px 10px 7px;*/
    min-width: 0;
    background: none;
    box-sizing: content-box;
    background-color: white !important;
}
.top_block .top_search .search-row:focus-within {
    /* border: solid #333 2px; */
    outline: none;
}

.top_block .top_menu {
    flex: 1;
    display: flex;
    justify-content: flex-end;
}

.top_block .top_menu ul li {
    display: inline-block;
    padding: 0 0 0 20px;
}

.top_block .top_menu ul li a {
    line-height: 30px;
    color: #333333;
    font-size: 18px;
    font-weight: normal;
}

@media screen and (max-width: 768px) {
    .top_block {
        width: 100%;
    }
    .top_block .top_search .search_form {
        width: 100%;
    }
    .top_block .top_menu {
        display: none;
    }
}


/*频道等文字标题*/
.header {
    padding-top: 20px;
    display: flex;
    width: 900px;
    margin: 0 auto;
}

.header > .logo_title {
    letter-spacing: 10px;
    font-size: 30px;
    font-weight: bold;
    line-height: 50px;
}

.header > .logo_title > a {
    color: #00a99d;
}


.header > .search{
    padding-top: 5px;
    justify-content: center;
}
.header > .search .search-row {
    position: relative;
}
.header > .search svg {
    width: 30px;
    height: 30px;
}
.header > .search .search-btn {
    position: absolute;
    top: 3px;
    right: 20px;
    overflow: hidden;
    width: 40px;
    height: 40px;
    margin-top: 0px;
    color: #ccc;
    border: none;
    outline: none;
    background: transparent;
    font-size: 14px;
}
.header > .search > .search_form input {
    width: 700px;
    border: 0;
    height: 30px;
    margin: 0;
    display: block;
    padding: 6px 0 7px;
    min-width: 0;
    background: none;
    box-sizing: content-box;
    border-radius: 10px !important;
    background-color: white !important;
    padding-left: 20px;
    border: solid #999 1px;
}

.header > .search > .search_form input:focus {
    border: solid #00a99d 1px;
    outline: none;
}



.channel_book .main {
    width: 1200px;
    margin: 0 auto;
    /*width: 1480px;*/
    /*margin: 50px auto 50px auto;*/
    /*background-color: red;*/
    box-sizing: border-box;
    overflow: hidden;
    margin-top: 100px;
    margin-bottom: 80px;
}

.channel_book .lists {
    box-sizing: border-box;
    width: 1200px;
    /*width: 1080px;*/
    float: left;
    /*background-color: green;*/
}

.channel_book .list {
    width: 100%;
    /*padding: 50px 25px 0px 25px;*/
    box-sizing: border-box;
    /*margin-top: 20px;*/
    margin-bottom: 20px;

}
.channel_book .list .title {
    display: flex;
    justify-content:space-between;
}
.channel_book .list .title h1 {
    font-size: 1.25rem;
    border-left: 3px solid #333333;
    padding-left: 15px;
    margin-bottom: 30px;
    color: #333333;

}

.channel_book .list .title span {
    line-height: 30px;
    padding-left: 10px;
    color: #999999;
}

.channel_book .list .title span a {
    color: #999999;
}

.channel_book .list ul {
    /*display: grid;*/
    /*grid-auto-flow: row;*/
    /*grid-template-columns: repeat(7, calc(14.28% - 7.5px));*/
    /*grid-row-gap: 15px;*/
    /*grid-column-gap: 10px;*/

    /*display: grid;*/
    /*grid-auto-flow: row;*/
    /*grid-template-columns: repeat(auto-fit, calc((100% - 4 * 20px) / 5));*/
    /*grid-row-gap: 20px;*/
    /*grid-column-gap: 20px;*/


    display: grid;
    grid-auto-flow: row;
    grid-row-gap: 20px;
    grid-column-gap: 20px;
    grid-template-columns: repeat(auto-fit, calc((100% - 7 * 20px) / 8));
}

.channel_book .list ul li {
    /*margin: 0;*/
    /*padding: 0;*/
    /*list-style: none;*/
    width: 100%;
    /*text-overflow: ellipsis;*/
    /*overflow: hidden;*/
    /*white-space: nowrap;*/
}

.channel_book .list ul li img{
    width: 100%;
    height: 100%;
    aspect-ratio: 3/4;
    object-fit: fill;
    transition: transform .3s ease-out;
    border-radius: 10px;
}

.channel_book .list ul li .title a {
    color: #333333;
    /*line-height: 30px;*/
     /* 1. 核心属性：开启WebKit内核的多行文本截断（适配Chrome、Safari等主流浏览器） */
    display: -webkit-box;
    /* 2. 关键属性：设置文本显示的最大行数为2 */
    -webkit-line-clamp: 2;
    /* 3. 关键属性：设置盒子内文本的排列方向为垂直（配合-webkit-line-clamp生效） */
    -webkit-box-orient: vertical;
    /* 4. 必要属性：隐藏超出容器的文本内容（基础截断前提） */
    overflow: hidden;
    /* 5. 必要属性：文本溢出时显示省略号（单/多行截断都需要） */
    text-overflow: ellipsis;
}

.channel_book .list ul li .author {
    font-size: 12px;
    color: #999999;
}

.channel_book .sider {
    width: 360px;
    float: right;
}

/*手机*/
@media screen and (max-width: 768px) {
    .channel_book .top {
        padding: 20px;
        width: 100%;
        box-sizing: border-box;
    }
    .channel_book .header {
        width: 300px;
        margin: 0 auto;
        flex-direction: column;
        text-align: center;
    }
    .channel_book .header .search .search_form input {
        width: 300px;
    }

    .channel_book .main {
        width: 100%;
    }

    .channel_book .lists {
        width: 100%;
    }

    .channel_book .sider {
        width: 100%;
    }

    .channel_book .list {
        width: 100%;
        padding: 30px 20px 50px 20px;
        box-sizing: border-box;
    }


    .channel_book .list ul {
        display: grid;
        grid-auto-flow: row;
        grid-template-columns: repeat(auto-fit, calc((100% - 1 * 20px) / 2));
        grid-row-gap: 30px;
        grid-column-gap: 20px;
    }
    .channel_book .list li .thumb img{
        height: 200px;
    }
}


/*搜索*/
.searchpage {
    /*width: 100%;*/
    /*padding: 0 25px;*/
    box-sizing: border-box;
    width: 1200px;
    margin: 0 auto;
    margin-top: 100px;
}

.searchpage .top {
    padding-top: 10px;
    display: flex;
    justify-content: space-between;
    /*width: 100%;*/
    /*padding: 0 25px;*/
    /*width: 1200px;*/
    margin: 0 auto;
}


.searchpage .header {
    padding-top: 50px;
    display: flex;
    /*width: 1200px;*/
    margin: 0 auto;
    width: 1480px;
}

.searchpage .header .logo_title {
    letter-spacing: 10px;
    font-size: 30px;
    font-weight: bold;
    margin-right: 50px;
    margin-left: 50px;
}

.searchpage .header .logo_title a {
    color: #00a99d;
}




.searchpage .header .search{
    /*padding-top: 25px;*/
    justify-content: center;
}
.searchpage .header .search .search-row {
    position: relative;
}
.searchpage .header .search svg {
    width: 30px;
    height: 30px;
}
.searchpage .header .search .search-btn {
    position: absolute;
    top: 3px;
    right: 20px;
    overflow: hidden;
    width: 40px;
    height: 40px;
    margin-top: 0px;
    color: #ccc;
    border: none;
    outline: none;
    background: transparent;
    font-size: 14px;
}
.searchpage .header .search .search_form input {
    width: 700px;
    border: 0;
    height: 30px;
    margin: 0;
    display: block;
    padding: 6px 0 7px;
    min-width: 0;
    background: none;
    box-sizing: content-box;
    border-radius: 10px !important;
    background-color: white !important;
    padding-left: 20px;
    border: solid #999 1px;
}

.searchpage .tools {
    padding: 10px 0px;
    margin: 0 auto;
    width: 1480px;
}

.searchpage .tools ul {
    display: flex;
    flex-direction: row;
    margin-left: 230px;
}
.searchpage .tools ul li {
    margin-right: 20px;
}
.searchpage .tools ul li img {
    width: 15px;
    height: 15px;
}
.searchpage .tools ul li a {
    color: #333333;
}
.searchpage .tools ul li.action {
    color: #333333;
    border-bottom: solid 3px #333333;
    padding-bottom: 10px;
    font-weight: bold;
}

/*搜书籍*/

.searchpage .book {
    /*width: 1480px;*/
    margin: 50px auto 50px auto;
    /*background-color: red;*/
    box-sizing: border-box;
    overflow: hidden;
}


.searchpage .book .result {
    box-sizing: border-box;
    /*width: 1080px;*/
    width: 800px;
    float: left;
}

.searchpage .book .result .numbers {
    padding: 10px 0px;
    font-size: 14px;
    color: #333333;
    font-size: 1.25rem;
    font-weight: bold;
}

.searchpage .book .result .numbers span {
    color: #3eaf7c;
}

.searchpage .book .result .info {
    padding-top: 20px;
}

.searchpage .book > .result > ul > li {
    margin-bottom: 20px;
    /*background-color: rgba(255,255,255,0.1);*/
    border-radius: 10px;
    box-sizing: border-box;
    padding: 20px;
    border: solid 1px #e5e5e5;
}

.searchpage .book .result ul li .site {
    display: flex;
}

.searchpage .book .result ul li .site .icon {
    width: 26px;
    height: 26px;
    text-align: center;
    border: 1px solid #ececec;
    background-color: #f5f5f5;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 0;
}

.searchpage .book .result ul li .site .icon img {
    width: 16px;
    height: 16px;
}

.searchpage .book .result ul li .site .name {
    font-size: 14px;
    color: #FFFFFF;
    display: flex;
    align-items: center;
    padding-left: 10px;
}

.searchpage .book .result ul li .title a {
    font-size: 20px;
    line-height: 28px;
}


.searchpage .book .result ul li .title a:link {
    color: #333333;
}

.searchpage .book .result ul li .title a:visited {
    color: #333333;
}

.searchpage .book .result ul li .title a:hover {
    text-decoration: underline;
}

.searchpage .book .result ul li .title a:active {
    color: #333333;
}


.searchpage .book .result ul li .des {
    overflow: hidden;
    white-space: normal;
    line-height: 22px;
    color: #666666;
    font-size: 14px;
}

.searchpage .book .result ul li .des .date {
    float: left;
    color: #9195A3;
    padding-right: 5px;
}

.searchpage .book .result ul li .jubao {
    display: flex;
}



.searchpage .book .result ul li .jubao a {
    font-size: 12px;
    color: #999999;
}


.searchpage .book .sider {
    width: 360px;
    float: right;
}

.searchpage .google_transverse {
    margin: 10px auto 0 auto;
    text-align: center;
}

/*搜文件*/

.searchpage .file {
    width: 1480px;
    margin: 50px auto 50px auto;
    /*background-color: red;*/
    box-sizing: border-box;
    overflow: hidden;
}


.searchpage .file .result {
    box-sizing: border-box;
    width: 1080px;
    float: left;
}

.searchpage .file .result .numbers {
    padding: 10px 0px;
    font-size: 14px;
    color: #333333;
}

.searchpage .file .result .info {
    padding-top: 20px;
}

.searchpage .file > .result > ul > li {
    margin-bottom: 20px;
    /*background-color: rgba(255,255,255,0.1);*/
    border-radius: 10px;
    box-sizing: border-box;
    padding: 20px;
    border: solid 1px #e5e5e5;
}

.searchpage .file .result ul li .title {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.searchpage .file .result ul li .title a {
    font-size: 20px;
    line-height: 28px;
    color: #333333;
}


.searchpage .file .result ul li .title a:link {
    color: #333333;
}

.searchpage .file .result ul li .title a:visited {
    color: #333333;
}

.searchpage .file .result ul li .title a:hover {
    text-decoration: underline;
}

.searchpage .file .result ul li .title a:active {
    color: #333333;
}


.searchpage .file .result ul li .des {
    overflow: hidden;
    white-space: normal;
    line-height: 22px;
    color: #333333;
    font-size: 14px;
}

.searchpage .file .result ul li .des .date {
    float: left;
    color: #333333;
    padding-right: 10px;
}

.searchpage .file .result ul li .jubao {
    display: flex;
}



.searchpage .file .result ul li .jubao a {
    font-size: 12px;
    color: #333333;
}


.searchpage .file .sider {
    width: 360px;
    float: right;
}



/*搜索分页*/

.searchpage .pagination {
    margin-bottom: 15px;
    font-size: 18px;
}

.searchpage .pagination ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.searchpage .pagination ul li {
    display: inline-block;
    margin: 0 3px;
    margin-top: 20px;
}

.searchpage .pagination ul .action {
    padding-bottom: 10px;
    border-bottom: solid 2px #00a99d;
}

.searchpage .pagination ul .action span {
    color: #00a99d;
}

.searchpage .pagination ul li a {
    text-decoration: none;
    color: #666;
    opacity: 1;
}

.searchpage .pagination ul li a,
.searchpage .pagination ul li span {
    /*display: inline-block;*/
    padding: 7px 15px;
    border-radius: 4px;
    color: #333333;
}



/*手机*/
@media screen and (max-width: 768px) {
    .searchpage .top {
        padding: 20px;
        width: 100%;
        box-sizing: border-box;
    }
    .searchpage .header {
        width: 300px;
        margin: 0 auto;
        flex-direction: column;
        text-align: center;
    }
    .searchpage .header .search .search_form input {
        width: 300px;
    }

    .searchpage .tools {
        display: flex;
        flex-direction: column;
        width: 100%;
        padding: 10px 20px 0px 20px;
        box-sizing: border-box;
    }

    .searchpage .tools ul {
        margin-left: 0;
        width: 100%;
    }


    .searchpage .book {
        display: flex;
        flex-direction: column;
        width: 100%;
        padding: 20px;
        box-sizing: border-box;
    }
    .searchpage .book .result {
        margin-left: 0;
        padding-bottom: 0px;
        width: 100%;
    }

    .searchpage .book .sider {
        display: none;
    }

    .searchpage .file {
        display: flex;
        flex-direction: column;
        width: 100%;
        padding: 20px;
        box-sizing: border-box;
    }
    .searchpage .file .result {
        margin-left: 0;
        padding-bottom: 0px;
        width: 100%;
    }

    .searchpage .file .sider {
        display: none;
    }

}




/*类别*/

.category {
    width: 100%;
    padding: 0 25px;
    box-sizing: border-box;
}


.category .header {
    padding-top: 20px;
    display: flex;
    width: 900px;
    margin: 0 auto;
}


.category > .main {
    width: 1200px;
    margin: 0 auto;
    /*width: 1480px;*/
    /*margin: 50px auto 50px auto;*/
    /*background-color: red;*/
    box-sizing: border-box;
    overflow: hidden;
    margin-top: 100px;
    margin-bottom: 80px;
}

.category > .main > .list {
    /*width: 100%;*/
    /*padding: 0 25px;*/
    box-sizing: border-box;
    /*margin-top: 20px;*/

    /*width: 1200px;*/
    /*margin: 0 auto;*/
    /*padding: 50px 0 0 0;*/
    /*width: 1080px;*/
    /*float: left;*/
    /*background-color: green;*/
    width: 1200px;

}
.category > .main > .list > .title {
    display: flex;
}
.category > .main > .list > .title > h1 {
    font-size: 1.25rem;
    border-left: 3px solid #333333;
    padding-left: 15px;
    margin-bottom: 30px;
    color: #333333;
}

.category > .main > .list > .title > span {
    line-height: 30px;
    padding-left: 10px;
    color: #999999;
}

.category > .main > .list > .title > span a {
    color: #999999;
}

.category > .main > .list > ul {
    /*display: grid;*/
    /*grid-auto-flow: row;*/
    /*grid-template-columns: repeat(7, calc(14.28% - 7.5px));*/
    /*grid-row-gap: 15px;*/
    /*grid-column-gap: 10px;*/

    /*display: grid;*/
    /*grid-auto-flow: row;*/
    /*!*grid-template-columns: repeat(auto-fit, calc((100% - 7 * 20px) / 8));*!*/
    /*grid-template-columns: repeat(auto-fit, calc((100% - 4 * 20px) / 5));*/
    /*grid-row-gap: 20px;*/
    /*grid-column-gap: 20px;*/

    display: grid;
    grid-auto-flow: row;
    grid-row-gap: 20px;
    grid-column-gap: 20px;
    grid-template-columns: repeat(auto-fit, calc((100% - 7 * 20px) / 8));
}

.category > .main > .list > ul > li {
    /*margin: 0;*/
    /*padding: 0;*/
    /*list-style: none;*/
    width: 100%;
    /*text-overflow: ellipsis;*/
    /*overflow: hidden;*/
    /*white-space: nowrap;*/
}

.category > .main > .list > ul > li img{
    display: block;
    width: 100%;
    height: 100%;
    aspect-ratio: 3/4;
    object-fit: fill;
    transition: transform .3s ease-out;
    border-radius: 10px;
}

.category > .main > .list > ul > li > .title a {
    color: #333333;
    /*line-height: 30px;*/
    /* 1. 核心属性：开启WebKit内核的多行文本截断（适配Chrome、Safari等主流浏览器） */
    display: -webkit-box;
    /* 2. 关键属性：设置文本显示的最大行数为2 */
    -webkit-line-clamp: 2;
    /* 3. 关键属性：设置盒子内文本的排列方向为垂直（配合-webkit-line-clamp生效） */
    -webkit-box-orient: vertical;
    /* 4. 必要属性：隐藏超出容器的文本内容（基础截断前提） */
    overflow: hidden;
    /* 5. 必要属性：文本溢出时显示省略号（单/多行截断都需要） */
    text-overflow: ellipsis;
}

.category > .main > .list > ul > li > .author {
    font-size: 12px;
    color: #999999;
}

.category > .main > .sider {
    width: 360px;
    float: right;
    /*background-color: blue;*/
}



/*手机*/
@media screen and (max-width: 768px) {
    .category {
        padding: 0px 20px;
    }
    .category .top {
        padding: 20px;
        width: 100%;
        box-sizing: border-box;
    }
    .category .header {
        width: 300px;
        margin: 0 auto;
        flex-direction: column;
        text-align: center;
    }
    .category .header .search .search_form input {
        width: 300px;
    }
    .category > .main {
        width: 100%;
    }

    .category > .main > .list {
        width: 100%;
        /*padding: 30px 20px 50px 20px;*/
        box-sizing: border-box;
    }
    .category > .main > .sider {
        width: 100%;
    }
    .category > .main > .list > ul {
        display: grid;
        grid-auto-flow: row;
        grid-template-columns: repeat(auto-fit, calc((100% - 1 * 20px) / 2));
        grid-row-gap: 30px;
        grid-column-gap: 20px;
    }
    .category > .main > .list li .thumb img{
        height: 200px;
    }
}



/*内容*/

.subject {
    width: 1200px;
    margin: 0 auto;
    /*width: 100%;*/
    /*padding: 0 20px;*/
    box-sizing: border-box;
    margin-top: 100px;
}


.subject .header {
    padding-top: 20px;
    display: flex;
    width: 900px;
    margin: 0 auto;
}


.subject .main {
    width: 1200px;
    margin: 0 auto;
    /*width: 1480px;*/
    /*margin: 50px auto 50px auto;*/
    /*background-color: red;*/
    box-sizing: border-box;
    overflow: hidden;
    margin-top: 80px;
    margin-bottom: 80px;
}

.subject .content {
    box-sizing: border-box;
    width: 800px;
    margin: 0 auto;
    /*width: 1080px;*/
    float: left;
    /*width: 100px;*/
    /*padding: 0 25px;*/
    /*box-sizing: border-box;*/
}

.subject .content .google_transverse {
    margin: 10px auto 0 auto;
    text-align: center;
}

.subject .content .subnav {
    font-size: 13px;
    padding: 20px 0px;
}
.subject .content .subnav ul > li{
    display: inline-block;
}
.subject .content .subnav ul > li + li::before{
    content: ">";
    color: #999999;
}
.subject .content .subnav ul > li > a {
    color: #333333;
}

.subject .content .post_info {
    display: flex;
    flex-direction: row;
}

.subject .content .post_info .thumb img {
    height: 340px;
    width: 240px;
    overflow: hidden;
    border-radius: 10px;
}

.subject .content .post_info .thumb .trip {
    padding-top: 10px;
}

.subject .content .post_info .thumb .trip .jubao {
    text-align: center;
}

.subject .content .post_info .thumb .trip .jubao a {
    font-size: 12px;
    color: #999999;
}


.subject .content .post_info .about {
    margin-left: 50px;
}

.subject .content .post_info .about ul li {
    width: 500px;
    line-height: 35px;
    /*text-overflow: ellipsis;*/
    /*overflow: hidden;*/
    /*white-space: nowrap;*/
    color: #333333;
}

.subject .content .post_info .about ul li a {
    color: #333333;
    text-decoration: underline;
}

.subject .content .post_info .about ul li h1 {
    margin: 0;
    display: contents;
    font-size: 16px;
    font-weight: normal;
    color: #333333;
}

.subject .content .post_info .about ul li span {
    display: inline-block;
    width: 70px;
    margin: 0 .75rem 0 0;
    text-align: justify;
    text-align-last: justify;
    color: #969fb7;
}

.subject .content .post_info .about ul li .tag {
    position: relative;
    padding-left: 22px;
    margin-right: 10px;
}

.subject .content .post_info .about ul li .tag::before {
    content: "";
    background-image: url("img_tag.svg");
    background-repeat:no-repeat;
    background-position:center;
    background-size:20px 20px;
    width: 20px;
    height: 20px;
    position: absolute;
    left: 0;
    bottom: 0;
}




.subject .content .post_content {
    padding: 50px 0 0 0;
    color: #333333;
}

.subject .content .post_content h2 {
    font-size: 1.25rem;
    border-left: 3px solid #333333;
    padding-left: 15px;
    margin-bottom: 30px;
    color: #333333;
}

.subject .content .post_download {
    padding: 50px 0 0 0;
    margin-bottom: 30px;
}

.subject .content .post_download h2 {
    font-size: 1.25rem;
    border-left: 3px solid #333333;
    padding-left: 15px;
    margin-bottom: 30px;
    color: #333333;
}

.subject .content .post_download ul {
    display: flex;
    flex-direction: row;
}

.subject .content .post_download ul li {
    margin-right: 20px;
}

.subject .content .post_download ul li .download {

}

.subject .content .post_download .download a {
    color: #fff;
    padding: 5px 17px;
    border-radius: 5px;
    text-decoration: none;
    display: inline-block;
    background: #00a99d;
}
/*.subject .content .post_download .download a:hover {*/
/*    background: #FFFFFF;*/
/*}*/

.subject .content .post_comment {
    padding: 50px 0 0 0;
    margin-bottom: 30px;
}

.subject .content .post_comment .title {
    display: flex;
    justify-content: space-between;
}

.subject .content .post_comment .title h2 {
    font-size: 1.25rem;
    border-left: 3px solid #333333;
    padding-left: 15px;
    color: #333333;
}

.subject .content .post_comment .title .more a {
    color: #999999;
}


.subject .content .post_comment ul li {
    display: flex;
    flex-direction: row;
    margin-top: 30px;
}

.subject .content .post_comment ul li .name {
    width: 100px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #999999;
}


.subject .content .post_comment ul li .comment {
    color: #333333;
    flex: 1;
    /*margin-left: 20px;*/
    /*padding: 2%;*/
    /*left: 0;*/
    /*background-color: #E9F7F1;*/
    /*border: 1px solid #B2E4D0;*/
    /*border-radius: 1em;*/
    /*position: relative;*/
}

.subject .content .post_comment ul li .comment span {
    color: #999999;
    /*position: absolute;*/
    /*top: 10%;*/
    /*right: 4%;*/
    font-size: 12px;
    margin-left: 1em;
}


.subject .content .post_tags {
    margin-bottom: 30px;
}

.subject .content .post_tags .title {
    display: flex;
    justify-content: space-between;
}

.subject .content .post_tags .title h2 {
    font-size: 1.25rem;
    border-left: 3px solid #333333;
    padding-left: 15px;
    color: #333333;
}

.subject .content .post_tags .title .more a {
    color: #999999;
}

.subject .content .post_tags .list a {
    background-color: #f4f4f5;
    padding: 5px 10px 5px 10px;
    border-radius: 5px;
    color: #909399;
    margin-right: 10px;
    margin-top: 10px;
    display: inline-block;
    position: relative;
}



.subject .content .post_tags i {
    font-size: 12px;
    margin-left: 5px;
}



.subject .content .post_like {
    margin-bottom: 30px;
}

.subject .content .post_like h2 {
    font-size: 1.25rem;
    border-left: 3px solid #333333;
    padding-left: 15px;
    margin-bottom: 30px;
    color: #333333;
}

.subject .content .post_like ul {
    /*display: grid;*/
    /*grid-auto-flow: row;*/
    /*grid-template-columns: repeat(7, calc(14.28% - 7.5px));*/
    /*grid-row-gap: 15px;*/
    /*grid-column-gap: 10px;*/

    display: grid;
    grid-auto-flow: row;
    grid-template-columns: repeat(auto-fit, calc((100% - 4 * 20px) / 5));
    grid-row-gap: 20px;
    grid-column-gap: 20px;
}

.subject .content .post_like ul li {
    margin: 0;
    padding: 0;
    list-style: none;
}

.subject .content .post_like ul li img{
    display: block;
    width: 100%;
    /*max-width: 150px;*/
    /*height: 300px;*/
    aspect-ratio: 3/4;
    object-fit: fill;
    transition: transform .3s ease-out;
    border-radius: 10px;
}

.subject .content .post_like ul li .title a {
    color: #333333;
    line-height: 30px;
    /* 1. 核心属性：开启WebKit内核的多行文本截断（适配Chrome、Safari等主流浏览器） */
    display: -webkit-box;
    /* 2. 关键属性：设置文本显示的最大行数为2 */
    -webkit-line-clamp: 2;
    /* 3. 关键属性：设置盒子内文本的排列方向为垂直（配合-webkit-line-clamp生效） */
    -webkit-box-orient: vertical;
    /* 4. 必要属性：隐藏超出容器的文本内容（基础截断前提） */
    overflow: hidden;
    /* 5. 必要属性：文本溢出时显示省略号（单/多行截断都需要） */
    text-overflow: ellipsis;
}

.subject .content .post_like ul li .author {
    font-size: 12px;
    color: #999999;
}

.subject .content .post_hot {
    margin-bottom: 30px;
}

.subject .content .post_hot h2 {
    font-size: 1.25rem;
    border-left: 3px solid #333333;
    padding-left: 15px;
    margin-bottom: 30px;
    color: #333333;
}

.subject .content .post_hot ul {
    /*display: grid;*/
    /*grid-auto-flow: row;*/
    /*grid-template-columns: repeat(7, calc(14.28% - 7.5px));*/
    /*grid-row-gap: 15px;*/
    /*grid-column-gap: 10px;*/

    display: grid;
    grid-auto-flow: row;
    grid-template-columns: repeat(auto-fit, calc((100% - 4 * 20px) / 5));
    grid-row-gap: 20px;
    grid-column-gap: 20px;
}

.subject .content .post_hot ul li {
    margin: 0;
    padding: 0;
    list-style: none;
}

.subject .content .post_hot ul li img{
    display: block;
    width: 100%;
    /*max-width: 150px;*/
    /*height: 300px;*/
    aspect-ratio: 3/4;
    object-fit: fill;
    transition: transform .3s ease-out;
    border-radius: 10px;
}

.subject .content .post_hot ul li .title a {
    color: #333333;
    line-height: 30px;
    /* 1. 核心属性：开启WebKit内核的多行文本截断（适配Chrome、Safari等主流浏览器） */
    display: -webkit-box;
    /* 2. 关键属性：设置文本显示的最大行数为2 */
    -webkit-line-clamp: 2;
    /* 3. 关键属性：设置盒子内文本的排列方向为垂直（配合-webkit-line-clamp生效） */
    -webkit-box-orient: vertical;
    /* 4. 必要属性：隐藏超出容器的文本内容（基础截断前提） */
    overflow: hidden;
    /* 5. 必要属性：文本溢出时显示省略号（单/多行截断都需要） */
    text-overflow: ellipsis;
}

.subject .content .post_hot ul li .author {
    font-size: 12px;
    color: #999999;
}

.subject .sider {
    width: 360px;
    float: right;
}

/*手机*/
@media screen and (max-width: 768px) {
    .subject {
        width: 100%;
        padding: 0 20px;
    }
    .subject .top {
        padding: 20px;
        width: 100%;
        box-sizing: border-box;
    }
    .subject .header {
        width: 300px;
        margin: 0 auto;
        flex-direction: column;
        text-align: center;
    }
    .subject .header .search .search_form input {
        width: 300px;
    }

    .subject .main {
        width: 100%;
    }

    .subject .sider {
        width: 100%;
    }

    .subject .content {
        width: 100%;
        /*padding: 0px 20px 0px 20px;*/
        box-sizing: border-box;
    }
    .subject .content .post_info {
        flex-direction: column;
    }
    .subject .content .post_info .thumb {
        text-align: center;
    }
    .subject .content .post_like ul {
        grid-template-columns: repeat(2, calc(50% - 7.5px));
    }
    .subject .content .post_hot ul {
        grid-template-columns: repeat(2, calc(50% - 7.5px));
    }
}


/*电子书频道*/

.ebook_channel {
    width: 100%;
    padding: 0 25px;
    box-sizing: border-box;
}


.ebook_channel .top {
    padding-top: 10px;
    display: flex;
    justify-content: space-between;
    /*width: 100%;*/
    /*padding: 0 25px;*/
    /*width: 1200px;*/
    margin: 0 auto;
}

.ebook_channel .header {
    padding-top: 20px;
    display: flex;
    width: 900px;
    margin: 0 auto;
}


.ebook_channel .list {
    width: 100%;
    /*width: 1200px;*/
    margin: 0 auto;
    padding: 50px 0 0 0;
    margin-bottom: 50px;
}
.ebook_channel .list .title {
    display: flex;
    justify-content:space-between;
}



.ebook_channel .list .title h1 {
    font-size: 1.25rem;
    border-left: 3px solid #f73859;
    padding-left: 15px;
    margin-bottom: 30px;
    color: #A49D9D;
}

.ebook_channel .list .title span {
    line-height: 30px;
    padding-left: 10px;
    color: #999999;
}

.ebook_channel .list .title span a {
    color: #FFFFFF;
}

.ebook_channel .list ul {
    /*display: grid;*/
    /*grid-auto-flow: row;*/
    /*grid-template-columns: repeat(2, calc(50% - 20px));*/
    /*grid-row-gap: 15px;*/
    /*grid-column-gap: 20px;*/

    display: grid;
    grid-auto-flow: row;
    grid-template-columns: repeat(auto-fit, calc((100% - 1 * 20px) / 2));
    grid-row-gap: 20px;
    grid-column-gap: 20px;
}


.ebook_channel .list ul li {
    /*margin: 0;*/
    /*padding: 0;*/
    /*list-style: none;*/
    width: 100%;
    /*text-overflow: ellipsis;*/
    /*overflow: hidden;*/
    /*white-space: nowrap;*/
    display: flex;
    flex-direction: row;
}

.ebook_channel .list ul li .thumb {
    width: 200px;
    margin-right: 12px;
}

.ebook_channel .list ul li .thumb img{
    display: block;
    /*max-width: 150px;*/
    height: 300px;
    transition: transform .3s ease-out;
}

.ebook_channel .list ul li .info {
    display: flex;
    flex-direction: column;
}

.ebook_channel .list ul li .info .title a {
    color: #FFFFFF;
    font-size: 16px;
    line-height: 30px;
    font-weight: bold;
}

.ebook_channel .list ul li .info .ftitle {
    color: #999999;
}

.ebook_channel .list ul li .info .author {
    font-size: 12px;
    color: #999999;
    line-height: 30px;
}

.ebook_channel .list ul li .info .jianjie {
    padding: 10px 0px;
    font-size: 14px;
    line-height: 22px;
    color: #FFFFFF;
}

.ebook_channel .list ul li .info .dingjia {
    line-height: 30px;
    font-weight: bold;
    font-size: 14px;
    color: #FFFFFF;
}




/*手机*/
@media screen and (max-width: 768px) {
    .ebook_channel .top {
        padding: 20px;
        width: 100%;
        box-sizing: border-box;
    }
    .ebook_channel .header {
        width: 300px;
        margin: 0 auto;
        flex-direction: column;
        text-align: center;
    }
    .ebook_channel .header .search .search_form input {
        width: 300px;
    }
    .ebook_channel .list {
        width: 100%;
        padding: 30px 20px 50px 20px;
        box-sizing: border-box;
    }
    .ebook_channel .list ul {
        grid-template-columns: repeat(1, calc(100% - 0px));
    }
}




/*电子书类别*/

.ebook_category {
    width: 100%;
    padding: 0 25px;
    box-sizing: border-box;
}

.ebook_category .top {
    padding-top: 10px;
    display: flex;
    justify-content: space-between;
    /*width: 100%;*/
    /*padding: 0 25px;*/
    /*width: 1200px;*/
    margin: 0 auto;
}

.ebook_category .header {
    padding-top: 20px;
    display: flex;
    width: 900px;
    margin: 0 auto;
}


.ebook_category .list {
    width: 100%;
    /*width: 1200px;*/
    margin: 0 auto;
    padding: 50px 0 0 0;
    margin-bottom: 50px;
}
.ebook_category .list .title {
    display: flex;
}
.ebook_category .list .title h1 {
    font-size: 1.25rem;
    border-left: 3px solid #f73859;
    padding-left: 15px;
    margin-bottom: 30px;
    color: #A49D9D;
}

.ebook_category .list .title span {
    line-height: 30px;
    padding-left: 10px;
    color: #999999;
}

.ebook_category .list .title span a {
    color: #FFFFFF;
}

.ebook_category .list ul {
    /*display: grid;*/
    /*grid-auto-flow: row;*/
    /*grid-template-columns: repeat(2, calc(50% - 20px));*/
    /*grid-row-gap: 15px;*/
    /*grid-column-gap: 20px;*/

    display: grid;
    grid-auto-flow: row;
    grid-template-columns: repeat(auto-fit, calc((100% - 1 * 20px) / 2));
    grid-row-gap: 20px;
    grid-column-gap: 20px;
}

.ebook_category .list ul li {
    /*margin: 0;*/
    /*padding: 0;*/
    /*list-style: none;*/
    width: 100%;
    /*text-overflow: ellipsis;*/
    /*overflow: hidden;*/
    /*white-space: nowrap;*/
    display: flex;
    flex-direction: row;
}

.ebook_category .list ul li .thumb {
    width: 200px;
    margin-right: 12px;
}

.ebook_category .list ul li .thumb img{
    display: block;
    /*max-width: 150px;*/
    height: 300px;
    transition: transform .3s ease-out;
}

.ebook_category .list ul li .info {
    display: flex;
    flex-direction: column;
}

.ebook_category .list ul li .info .title a {
    color: #FFFFFF;
    font-size: 16px;
    line-height: 30px;
    font-weight: bold;
}

.ebook_category .list ul li .info .ftitle {
    color: #999999;
}

.ebook_category .list ul li .info .author {
    font-size: 12px;
    color: #999999;
    line-height: 30px;
}

.ebook_category .list ul li .info .jianjie {
    padding: 10px 0px;
    font-size: 14px;
    line-height: 22px;
    color: #FFFFFF;
}

.ebook_category .list ul li .info .dingjia {
    line-height: 30px;
    font-weight: bold;
    font-size: 14px;
    color: #FFFFFF;
}



.ebook_category .pagination {
    padding: 70px 0 50px 0;
    margin-bottom: 15px;
    text-align: center;
    font-size: 14px;
}

.ebook_category .pagination ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.ebook_category .pagination ul li {
    display: inline-block;
    margin: 0 3px;
    margin-top: 20px;
}

.ebook_category .pagination ul li a {
    text-decoration: none;
    background-color: #ddd;
    color: #666;
    opacity: 1;
}

.ebook_category .pagination ul li a,
.ebook_category .pagination ul li span {
    /*display: inline-block;*/
    padding: 7px 15px;
    border-radius: 4px;
}

/*手机*/
@media screen and (max-width: 768px) {
    .ebook_category .top {
        padding: 20px;
        width: 100%;
        box-sizing: border-box;
    }
    .ebook_category .header {
        width: 300px;
        margin: 0 auto;
        flex-direction: column;
        text-align: center;
    }
    .ebook_category .header .search .search_form input {
        width: 300px;
    }
    .ebook_category .list {
        width: 100%;
        padding: 30px 20px 50px 20px;
        box-sizing: border-box;
    }
    .ebook_category .list ul {
        grid-template-columns: repeat(1, calc(100% - 0px));
    }
}



/*电子书内容*/


.ebook_subject {
    width: 100%;
    padding: 0 25px;
    box-sizing: border-box;
}

.ebook_subject .top {
    padding-top: 10px;
    display: flex;
    justify-content: space-between;
    /*width: 100%;*/
    /*padding: 0 25px;*/
    /*width: 1200px;*/
    margin: 0 auto;
}


.ebook_subject .header {
    padding-top: 20px;
    display: flex;
    width: 900px;
    margin: 0 auto;
}

.ebook_subject .content {
    width: 100%;
    /*width: 1200px;*/
    margin: 0 auto;
    padding: 50px 0 0 0;
    margin-bottom: 50px;
}

.ebook_subject .content .google_transverse {
    margin: 10px auto 0 auto;
    text-align: center;
}

.ebook_subject .content .subnav {
    font-size: 13px;
    padding: 20px 0px;
}
.ebook_subject .content .subnav ul > li{
    display: inline-block;
}
.ebook_subject .content .subnav ul > li + li::before{
    content: ">";
    color: #999999;
}
.ebook_subject .content .subnav ul > li > a {
    color: #FFFFFF;
}

.ebook_subject .content .post_info {
    display: flex;
    flex-direction: row;
}

.ebook_subject .content .post_info .thumb img {
    height: 340px;
    width: 240px;
    overflow: hidden;
}

.ebook_subject .content .post_info .thumb .trip {
    padding-top: 10px;
}

.ebook_subject .content .post_info .thumb .trip .jubao {
    text-align: center;
}

.ebook_subject .content .post_info .thumb .trip .jubao a {
    font-size: 12px;
    color: #999999;
}


.ebook_subject .content .post_info .about {
    margin-left: 50px;
}

.ebook_subject .content .post_info .about ul li {
    line-height: 35px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    color: #FFFFFF;
}

.ebook_subject .content .post_info .about ul li h1 {
    margin: 0;
    display: contents;
    font-size: 16px;
    font-weight: normal;
    color: #FFFFFF;
}

.ebook_subject .content .post_info .about ul li i {
    font-style: normal;
    padding-left: 10px;
    color: #999999;
}

.ebook_subject .content .post_info .about ul li span {
    display: inline-block;
    width: 70px;
    margin: 0 .75rem 0 0;
    text-align: justify;
    text-align-last: justify;
    color: #969fb7;
}

.ebook_subject .content .post_info .about ul li .tag {
    position: relative;
    padding-left: 22px;
    margin-right: 10px;
}

.ebook_subject .content .post_info .about ul li .tag::before {
    content: "";
    background-image: url("img_tag.svg");
    background-repeat:no-repeat;
    background-position:center;
    background-size:20px 20px;
    width: 20px;
    height: 20px;
    position: absolute;
    left: 0;
    bottom: 0;
}

.ebook_subject .content .post_info .link {
    margin-top: 50px;
}

.ebook_subject .content .post_info .link .read a {
    color: #fff;
    padding: 5px 17px;
    border-radius: 5px;
    text-decoration: none;
    display: inline-block;
    background: #238fe0;
}

.ebook_subject .content .post_shumu {
    padding: 50px 0 0 0;
}

.ebook_subject .content .post_shumu h2 {
    font-size: 1.25rem;
    border-left: 3px solid #f73859;
    padding-left: 15px;
    margin-bottom: 30px;
    color: #FFFFFF;
}

.ebook_subject .content .post_shumu ul li {
    /*margin: 0;*/
    /*padding: 0;*/
    /*list-style: none;*/
    width: 100%;
    /*text-overflow: ellipsis;*/
    /*overflow: hidden;*/
    /*white-space: nowrap;*/
    display: flex;
    flex-direction: row;
    padding-bottom: 20px;
}

.ebook_subject .content .post_shumu ul li .thumb {
    width: 140px;
    margin-right: 12px;
}

.ebook_subject .content .post_shumu ul li .thumb img{
    display: block;
    max-width: 150px;
    height: 210px;
    transition: transform .3s ease-out;
}

.ebook_subject .content .post_shumu ul li .info {
    display: flex;
    flex-direction: column;
}

.ebook_subject .content .post_shumu ul li .info .title a {
    color: #333333;
    font-size: 16px;
    line-height: 30px;
    font-weight: bold;
}

.ebook_subject .content .post_shumuul li .info .author {
    font-size: 12px;
    color: #999999;
    line-height: 30px;
}

.ebook_subject .content .post_shumu ul li .info .jianjie {
    padding: 10px 0px;
    font-size: 14px;
    color: #666666;
    line-height: 22px;
}

.ebook_subject .content .post_shumu ul li .info .dingjia {
    color: #333333;
    line-height: 30px;
    font-weight: bold;
    font-size: 14px;
}


.ebook_subject .content .post_content {
    padding: 50px 0 50px 0;
    color: #FFFFFF;
}

.ebook_subject .content .post_content h2 {
    font-size: 1.25rem;
    border-left: 3px solid #f73859;
    padding-left: 15px;
    margin-bottom: 30px;
    color: #FFFFFF;
}

.ebook_subject .content .post_content ul li {
    list-style: disc;
}

.ebook_subject .content .post_content ul li.level_0 {
    margin-left: 2em;
}

.ebook_subject .content .post_content ul li.level_1 {
    margin-left: 4em;
}

.ebook_subject .content .post_content ul li.level_2 {
    margin-left: 6em;
}


/*展开/收起*/
.ebook_subject .content .post_content .catelog_button {
    color: #238fe0;
}

.ebook_subject .content .post_content .catelog_button::before {
    content: "(";
}

.ebook_subject .content .post_content .catelog_button::after {
    content: ")";
}


.ebook_subject .content .post_download {
    padding: 50px 0 0 0;
    margin-bottom: 30px;
}

.ebook_subject .content .post_download h2 {
    font-size: 1.25rem;
    border-left: 3px solid #f73859;
    padding-left: 15px;
    margin-bottom: 30px;
}

.ebook_subject .content .post_download ul {
    display: flex;
    flex-direction: row;
}

.ebook_subject .content .post_download ul li {
    margin-right: 20px;
}

.ebook_subject .content .post_download ul li .download {

}

.ebook_subject .content .post_download .download a {
    color: #fff;
    padding: 5px 17px;
    border-radius: 5px;
    text-decoration: none;
    display: inline-block;
    background: #238fe0;
}
.ebook_subject .content .post_download .download a:hover {
    background: #FF5151;
}

.ebook_subject .content .post_comment {
    padding: 50px 0 0 0;
    margin-bottom: 30px;
}

.ebook_subject .content .post_comment h2 {
    font-size: 1.25rem;
    border-left: 3px solid #f73859;
    padding-left: 15px;
}

.ebook_subject .content .post_comment ul li {
    display: flex;
    flex-direction: row;
    margin-top: 30px;
}

.ebook_subject .content .post_comment ul li .name {
    width: 100px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}


.ebook_subject .content .post_comment ul li .comment {
    color: #666666;
    flex: 1;
    /*margin-left: 20px;*/
    padding: 2%;
    left: 0;
    background-color: #E9F7F1;
    border: 1px solid #B2E4D0;
    border-radius: 1em;
    position: relative;
}

.ebook_subject .content .post_comment ul li .comment span {
    color: #999999;
    position: absolute;
    top: 10%;
    right: 4%;
    font-size: 12px;
}


.ebook_subject .content .post_tags {
    margin-bottom: 30px;
}

.ebook_subject .content .post_tags h2 {
    font-size: 1.25rem;
    border-left: 3px solid #f73859;
    padding-left: 15px;
    margin-bottom: 30px;
}

.ebook_subject .content .post_tags a {
    background-color: #f4f4f5;
    padding: 5px 10px 5px 36px;
    border-radius: 5px;
    color: #909399;
    margin-right: 10px;
    margin-top: 10px;
    display: inline-block;
    position: relative;
}


.ebook_subject .content .post_tags a::before {
    content: "";
    background-image: url("img_tag.svg");
    background-repeat:no-repeat;
    background-position:center;
    background-size:20px 20px;
    width: 20px;
    height: 20px;
    position: absolute;
    left: 10px;
    bottom: 5px;
}

.ebook_subject .content .post_like {
    margin-bottom: 30px;
}

.ebook_subject .content .post_like h2 {
    font-size: 1.25rem;
    border-left: 3px solid #f73859;
    padding-left: 15px;
    margin-bottom: 30px;
}

.ebook_subject .content .post_like ul {
    display: grid;
    grid-auto-flow: row;
    grid-template-columns: repeat(7, calc(14.28% - 7.5px));
    grid-row-gap: 15px;
    grid-column-gap: 10px;
}

.ebook_subject .content .post_like ul li {
    margin: 0;
    padding: 0;
    list-style: none;
}

.ebook_subject .content .post_like ul li img{
    display: block;
    width: 100%;
    max-width: 150px;
    height: 210px;
    transition: transform .3s ease-out;
}

.ebook_subject .content .post_like ul li .title a {
    color: #333333;
    line-height: 30px;
}

.ebook_subject .content .post_like ul li .author {
    font-size: 12px;
    color: #999999;
}

.ebook_subject .content .post_hot {
    margin-bottom: 30px;
}

.ebook_subject .content .post_hot h2 {
    font-size: 1.25rem;
    border-left: 3px solid #f73859;
    padding-left: 15px;
    margin-bottom: 30px;
}

.ebook_subject .content .post_hot ul {
    display: grid;
    grid-auto-flow: row;
    grid-template-columns: repeat(7, calc(14.28% - 7.5px));
    grid-row-gap: 15px;
    grid-column-gap: 10px;
}

.ebook_subject .content .post_hot ul li {
    margin: 0;
    padding: 0;
    list-style: none;
}

.ebook_subject .content .post_hot ul li img{
    display: block;
    width: 100%;
    max-width: 150px;
    height: 210px;
    transition: transform .3s ease-out;
}

.ebook_subject .content .post_hot ul li .title a {
    color: #333333;
    line-height: 30px;
}

.ebook_subject .content .post_hot ul li .author {
    font-size: 12px;
    color: #999999;
}

/*手机*/
@media screen and (max-width: 768px) {
    .ebook_subject .top {
        padding: 20px;
        width: 100%;
        box-sizing: border-box;
    }
    .ebook_subject .header {
        width: 300px;
        margin: 0 auto;
        flex-direction: column;
        text-align: center;
    }
    .ebook_subject .header .search .search_form input {
        width: 300px;
    }
    .ebook_subject .content {
        width: 100%;
        padding: 30px 20px 50px 20px;
        box-sizing: border-box;
    }
    .ebook_subject .content .post_info {
        flex-direction: column;
    }
    .ebook_subject .content .post_info .thumb {
        text-align: center;
    }
    .ebook_subject .content .post_like ul {
        grid-template-columns: repeat(2, calc(50% - 7.5px));
    }
    .ebook_subject .content .post_hot ul {
        grid-template-columns: repeat(2, calc(50% - 7.5px));
    }
}



/*关于*/


.about_page {
    width: 100%;
    padding: 0 25px;
    box-sizing: border-box;
}

.about_page .top {
    padding-top: 10px;
    display: flex;
    justify-content: space-between;
    /*width: 100%;*/
    /*padding: 0 25px;*/
    /*width: 1200px;*/
    margin: 0 auto;
}


.about_page .header {
    padding-top: 20px;
    display: flex;
    width: 900px;
    margin: 0 auto;
}

.about_page .content {
    width: 100%;
    /*width: 1200px;*/
    margin: 0 auto;
    padding: 50px 0 0 0;
    margin-bottom: 50px;
}

.about_page .content h2 {
    font-size: 1.25rem;
    border-left: 3px solid #f73859;
    padding-left: 15px;
    margin-bottom: 30px;
}

.about_page .content ul li {
    margin-top: 20px;
    display: flex;
}

.about_page .content ul li .label {
    width: 100px;
}

.about_page .content ul li .item .i {
    width:500px;
    line-height: 30px;
}

.about_page .content ul li .item .t {
    width:500px;
}

.about_page .content ul li .label span {
    color: #F00;
}

.about_page .content ul li button {
    line-height: 30px;
    padding: 0px 10px;
    cursor: pointer;
}

/*手机*/
@media screen and (max-width: 768px) {
    .about_page .top {
        padding: 20px;
        width: 100%;
        box-sizing: border-box;
    }
    .about_page .header {
        width: 300px;
        margin: 0 auto;
        flex-direction: column;
        text-align: center;
    }
    .about_page .header .search .search_form input {
        width: 300px;
    }
    .about_page .content {
        width: 100%;
        padding: 50px 20px 50px 20px;
        box-sizing: border-box;
    }
    .about_page .content ul li .item .i {
        width:200px;
        line-height: 30px;
    }
    .about_page .content ul li .item .t {
        width:200px;
    }
}

/*电子书*/
.file_category {
    width: 100%;
    /*padding: 0 25px;*/
    box-sizing: border-box;
}


.file_category .top {
    display: flex;
    justify-content: space-between;
    width: 100%;
    padding: 10px 25px 0px 25px;
    box-sizing: border-box;
}


.file_category .header {
    padding-top: 20px;
    display: flex;
    width: 900px;
    margin: 0 auto;
}

.file_category > .main {
    width: 1480px;
    margin: 50px auto 50px auto;
    /*background-color: red;*/
    box-sizing: border-box;
    overflow: hidden;
}

.file_category > .main > .list {
    /*width: 100%;*/
    /*padding: 0 25px;*/
    box-sizing: border-box;
    /*margin-top: 20px;*/

    /*width: 1200px;*/
    /*margin: 0 auto;*/
    /*padding: 50px 0 0 0;*/
    width: 1080px;
    float: left;

    /*width: 1200px;*/
    /*margin: 0 auto;*/
    /*padding: 50px 0 0 0;*/

}
.file_category > .main > .list .title {
    display: flex;
}
.file_category > .main > .list .title h1 {
    font-size: 1.25rem;
    border-left: 3px solid #333333;
    padding-left: 15px;
    margin-bottom: 30px;
    color: #333333;
}

.file_category > .main > .list .title span {
    line-height: 30px;
    padding-left: 10px;
    color: #999999;
}

.file_category > .main > .list .title span a {
    color: #999999;
}

.file_category > .main > .list > ul {
    display: grid;
    grid-auto-flow: row;
    grid-template-columns: repeat(auto-fit, calc((100% - 3 * 20px) / 4));
    grid-row-gap: 20px;
    grid-column-gap: 20px;
}

.file_category > .main > .list > ul li {
    width: 100%;
    height: 100px;
    /*background-color: rgba(0, 169, 157, 0.5);*/
    padding: 10px;
    box-sizing: border-box;
    border-radius: 5px;
    border: solid 1px #e5e5e5;
}


.file_category > .main > .list > ul li .title a {
    /*text-overflow: ellipsis;*/
    /*overflow: hidden;*/
    /*white-space: nowrap;*/
    /*line-height: 30px;*/
    color: #000000;
    font-size: 14px;
    display: -webkit-box; /* 老版本语法 */
    -webkit-box-orient: vertical; /* 文本排列方向 */
    -webkit-line-clamp: 2; /* 限制显示行数 */
    overflow: hidden; /* 隐藏溢出内容 */
    text-overflow: ellipsis; /* 溢出显示省略号 */
    line-height: 1.5; /* 可选：设置行高 */
    max-height: 3em; /* 可选：行高1.5*2行=3em */
    min-height: 3em;
}

.file_category > .main > .list > ul li .author {
    font-size: 12px;
    color: #999999;
}

.file_category > .main > .list > ul li .fileextension {
    font-size: 12px;
    color: #666666;
    line-height: 30px;
    float: left;
    margin-top: 5px;
}

.file_category > .main > .list > ul li .filesize {
    font-size: 12px;
    color: #666666;
    line-height: 30px;
    float: right;
    margin-top: 5px;
}


.file_category > .main > .sider {
    width: 360px;
    float: right;
    /*background-color: blue;*/
}


/*手机*/
@media screen and (max-width: 768px) {

    .file_category .top {
        padding: 20px;
        width: 100%;
        box-sizing: border-box;
    }
    .file_category .header {
        width: 300px;
        margin: 0 auto;
        flex-direction: column;
        text-align: center;
    }
    .file_category .header .search .search_form input {
        width: 300px;
    }
    .file_category .list {
        width: 100%;
        padding: 30px 20px 50px 20px;
        box-sizing: border-box;
    }

    .file_category > .main {
        width: 100%;
    }

    .file_category > .main > .list {
        width: 100%;
    }

    .file_category > .main > .sider {
        width: 100%;
    }

    .file_category > .main > .list > ul {
        display: grid;
        grid-auto-flow: row;
        grid-template-columns: repeat(auto-fit, calc((100% - 0 * 20px) / 1));
        grid-row-gap: 30px;
        grid-column-gap: 20px;
    }
}

/*电子书内容*/

.post_file_hot {
    padding: 50px 0 0 0;
    margin-bottom: 30px;
}

.post_file_hot h2 {
    font-size: 1.25rem;
    border-left: 3px solid #333333;
    padding-left: 15px;
    margin-bottom: 30px;
    color: #333333;
}

.post_file_hot h2 {
    font-size: 1.25rem;
}

.post_file_hot ul {
    display: grid;
    grid-auto-flow: row;
    grid-template-columns: repeat(auto-fit, calc((100% - 3 * 20px) / 4));
    grid-row-gap: 20px;
    grid-column-gap: 20px;
}

.post_file_hot ul li {
    width: 100%;
    height: 100px;
    /*background-color: rgba(0, 169, 157, 0.5);*/
    padding: 10px;
    box-sizing: border-box;
    border-radius: 5px;
    border: solid 1px #e5e5e5;
}

.post_file_hot ul li .title {
    /*text-overflow: ellipsis;*/
    /*overflow: hidden;*/
    /*white-space: nowrap;*/
    /*line-height: 30px;*/
    font-size: 14px;
    display: -webkit-box; /* 老版本语法 */
    -webkit-box-orient: vertical; /* 文本排列方向 */
    -webkit-line-clamp: 2; /* 限制显示行数 */
    overflow: hidden; /* 隐藏溢出内容 */
    text-overflow: ellipsis; /* 溢出显示省略号 */
    line-height: 1.5; /* 可选：设置行高 */
    max-height: 3em; /* 可选：行高1.5*2行=3em */
    min-height: 3em;
}

.post_file_hot ul li .title a {
    color: #000000;
    font-size: 14px;
}

.post_file_hot ul li .author {
    font-size: 12px;
    color: #999999;
}

.post_file_hot ul li .fileextension {
    font-size: 12px;
    color: #666666;
    line-height: 30px;
    float: left;
    margin-top: 5px;
}

.post_file_hot ul li .filesize {
    font-size: 12px;
    color: #666666;
    line-height: 30px;
    float: right;
    margin-top: 5px;
}

/*手机*/
@media screen and (max-width: 768px) {

    .post_file_hot ul {
        display: grid;
        grid-auto-flow: row;
        grid-template-columns: repeat(auto-fit, calc((100% - 0 * 20px) / 1));
        grid-row-gap: 30px;
        grid-column-gap: 20px;
    }
}



/*跳转*/

.go {
    padding-top: 120px;
}

.go .wrapper {
    width: 600px;
    margin: 0 auto;
    padding: 25px;
    background-color: #f7f7f7;
    border: 1px solid #babbbc;
    border-radius: 5px;
}

.go .wrapper h1 {
    margin-bottom: 12px;
    font-size: 16px;
    font-weight: 700;
    line-height: 1;
}

.go .wrapper .link {
    margin-top: 12px;
    word-wrap: normal;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    cursor: pointer;
}

.go .wrapper .actions {
    margin-top: 15px;
    padding-top: 30px;
    text-align: right;
    border-top: 1px solid #d8d8d8;
}

.go .wrapper .button {
    display: inline-block;
    padding: 10px 16px;
    color: #fff;
    font-size: 14px;
    line-height: 1;
    background-color: #0077d9;
    border-radius: 3px;
}

/*手机*/
@media screen and (max-width: 768px) {
    .go {
        padding-top: 120px;
        padding-left: 20px;
        padding-right: 20px;
    }

    .go .wrapper {
        width: 100%;
        padding: 25px 10px;
        box-sizing: border-box;
    }
}

/*下载页面*/


.download_blcok {
    padding-top: 30px;
}

.download_blcok > .title {
    font-size: 20px;
    font-weight: bold;
    color: #333333;
}



.download_blcok > .list {
    padding: 30px 0px;
}

.download_blcok > .list > .box {
    display: flex;
    max-width: 600px;
    margin: auto;
    transition: .3s;
    gap: 10px;
    align-items: center;
    border: 1px solid #DDDDDD;
    border-radius: 10px;
    margin-top: 10px;
    margin-bottom: 30px;
    padding: 5px 10px;
    position: relative;
    top: 0;
}

.download_blcok > .list > .box > .img img {
    width: 50px;
    height: 50px;
    box-shadow: none;
}

.download_blcok > .list > .box > .info {
    margin-left: 10px;
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #333;
}

.download_blcok > .list > .box > .info .source a {
    text-decoration: none;
    font-size: 16px;
    font-weight: bold;
    color: #0078F2;
}

.download_blcok > .list > .box > .info .button .btn {
    background-color: #0078F2;
    border-color: #0078F2;
    padding: 10px 10px;
    color: #FFF;
    border-radius: 10px;
}

.download_blcok > .list > .box > .info .button a {
    text-decoration: none;
}

#download_declaration {
    /*background: #FFFFFF;*/
    line-height: 30px;
    font-size: 14px;
    color: #333333;
}

#download_declaration>h1 {
    font-size: 12px;
    display: inline;
}

#download_declaration>h2 {
    font-size: 12px;
    display: inline;
}

#download_declaration a {
    color: #333333;
    text-decoration: underline;
}



#download_tips {
    margin-top: 50px;
    line-height: 30px;
    /*background: #FFFFFF;*/
    font-size: 14px;
    color: #333333;
}

#download_tips ol {
    margin: 0;
    padding-left: 12px;
}

#download_tips ol li {
    margin: 8px 0;
    padding-bottom: 8px;
    list-style-type: decimal;
    border-bottom: 1px dashed #eee;
}



/*返回顶部-右侧浮动*/
.gotop {
    position: fixed;
    right: 20px;
    bottom: 170px;
    width: 40px;
    height: 40px;
    transition: all .3s;
    text-align: center;
    color: #fff;
    background-image: url("img_gotop.png");
    /*background-image: url("img_gotop.svg");*/
    background-repeat:no-repeat;
    background-position:center;
    background-size:40px 40px;
    line-height: 40px;
    text-decoration: none;
    border-radius: 5px;
}

.gotop_show {
    transform: translateY(0);
    opacity: 1;
}

.gotop_hide {
    visibility: hidden;
    transform: translateY(40px);
    opacity: 0;
}

/*动画*/

.shape {
    height: 100%;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 100%;
}

.shape .shape_1{
    width: 30px;
    right: 22%;
    top: 21%;
    opacity: .5;
    animation: animationFramesFour 15s linear infinite alternate;
    position: absolute;
}

.shape .shape_2{
    width: 30px;
    right: 30%;
    bottom: 12%;
    opacity: .5;
    animation: animationFramesFive 15s linear infinite alternate;
    position: absolute;
}

.shape .shape_3{
    width: 30px;
    left: 50%;
    top: 50%;
    opacity: .5;
    animation: animationFramesThree 15s linear infinite alternate;
    position: absolute;
}

.shape .shape_4{
    width: 30px;
    right: 3%;
    top: 70%;
    opacity: .5;
    animation: animationFramesFour 15s linear infinite alternate;
    position: absolute;
}

.shape .shape_5 {
    width: 30px;
    right: 28%;
    bottom: 10%;
    opacity: .5;
    animation: animationFramesOne 15s linear infinite;
    position: absolute;
}

.shape .shape_6 {
    width: 30px;
    bottom: 5%;
    left: 38%;
    opacity: .5;
    animation: animationFramesFour 20s linear infinite alternate;
    position: absolute;
}

.shape .shape_7 {
    width: 30px;
    left: 4%;
    bottom: 4%;
    opacity: .5;
    animation: animationFramesOne 17s linear infinite;
    position: absolute;
}

.shape .shape_8 {
    width: 30px;
    left: 4%;
    top: 60%;
    opacity: .5;
    animation: animationFramesOne 20s linear infinite alternate;
    position: absolute;
}

.shape .shape_9 {
    width: 20px;
    left: 41%;
    top: 22%;
    opacity: .5;
    animation: animationFramesOne 17s linear infinite;
    position: absolute;
}

.shape .shape_10{
    width: 100px;
    left: 20%;
    top: 10px;
    opacity: .5;
    animation: animationFramesOne 15s linear infinite;
    position: absolute;
}

.shape .shape_11 {
    width: 100px;
    left: 4%;
    top: 100px;
    opacity: .5;
    animation: animationFramesOne 15s linear infinite;
    position: absolute;
}

@keyframes animationFramesOne {
    0% {
        transform: translate(0) rotate(0)
    }

    20% {
        transform: translate(73px,-1px) rotate(36deg)
    }

    40% {
        transform: translate(141px,72px) rotate(72deg)
    }

    60% {
        transform: translate(83px,122px) rotate(108deg)
    }

    80% {
        transform: translate(-40px,72px) rotate(144deg)
    }

    to {
        transform: translate(0) rotate(0)
    }
}

@keyframes animationFramesTwo {
    0% {
        transform: translate(0) rotate(0) scale(1)
    }

    20% {
        transform: translate(73px,-1px) rotate(36deg) scale(.9)
    }

    40% {
        transform: translate(141px,72px) rotate(72deg) scale(1)
    }

    60% {
        transform: translate(83px,122px) rotate(108deg) scale(1.2)
    }

    80% {
        transform: translate(-40px,72px) rotate(144deg) scale(1.1)
    }

    to {
        transform: translate(0) rotate(0) scale(1)
    }
}

@keyframes animationFramesThree {
    0% {
        transform: translate(165px,-179px)
    }

    to {
        transform: translate(-346px,617px)
    }
}

@keyframes animationFramesFour {
    0% {
        transform: translate(-300px,151px) rotate(0)
    }

    to {
        transform: translate(251px,-200px) rotate(180deg)
    }
}

@keyframes animationFramesFive {
    0% {
        transform: translate(61px,-99px) rotate(0)
    }

    21% {
        transform: translate(4px,-190px) rotate(38deg)
    }

    41% {
        transform: translate(-139px,-200px) rotate(74deg)
    }

    60% {
        transform: translate(-263px,-164px) rotate(108deg)
    }

    80% {
        transform: translate(-195px,-49px) rotate(144deg)
    }

    to {
        transform: translate(-1px) rotate(180deg)
    }
}