@import url(base.css);
@import url(../../tools/font/iconfont.css);

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: Noto Sans TC;

}
@font-face {
    font-family: Noto Sans TC;
    src: url(../../../data/fonts/NotoSansTC-Regular.otf);
    font-style: normal;
}
html {
    /*width: 100%;*/
    font-weight: 400;
}
body {
    /*width: 100%;*/
    font-size:14px;
	 font-family: Noto Sans TC;
    /*display: inline-block;*/
    /*font-family: Arial,sans-serif;*/
    min-width: 1280px;
    margin: 0 auto;
}


.book-h5{
    display: none;
}
.book-pc{
    display: block;
}

ul, ol {
    list-style-type: none;
}
table {
    border-spacing: 0;
}
img {
    border: none;
    width: auto;
    max-width: 100%;
}
a {
    text-decoration: none;
    color: #000000;
}
.no-data {
    text-align: center;
    padding-top: 80px;
    padding-bottom: 100px;
    color:#959595;
    font-size: 20px;
}
.no-data img {
    height: 80px;
}
.no-data p {
    margin-bottom: 15px;
}
.no-data .search {
    display: inline-block;
    line-height: 42px;
    min-width: 180px;
    border: 1px solid #872F2B;
    font-size: 14px;
    color: #872F2B;
    border-radius: 5px;
}
.col-1 {
    width: calc(100% / 12 * 1 - 20px);
    width: 8.333%;
}
.col-2 {
    width: calc(100% / 12 * 2 - 20px);
}
.col-3 {
    width: calc(100% / 12 * 3 - 20px);
}
.col-4 {
    width: calc(100% / 12 * 4 - 20px);
}
.col-5 {
    width: calc(100% / 12 * 5 - 20px);
}
.col-6 {
    width: calc(100% / 12 * 6 - 20px);
}
.col-7 {
    width: calc(100% / 12 * 7 - 20px);
}
.col-8 {
    width: calc(100% / 12 * 8 - 20px);
}
.col-9 {
    width: calc(100% / 12 * 9 - 20px);
}
.col-10 {
    width: calc(100% / 12 * 10 - 20px);
}
.col-11 {
    width: calc(100% / 12 * 11 - 20px);
}
.col-12 {
    width: calc(100% / 12 *12 - 20px);
}
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12 {
    display: block;
    float: left;
    margin: 0 10px;
}

.container {
    width: calc(100% - 180px);
    /*max-width: 1800px; //缩放百分比 */
    margin: 0 auto;
    position: relative;
}
.container:after {
    display: block;
    content: "";
    height: 0;
    clear: both;
}
.
.block {
    margin-top: 20px;
}
.block-title {
    line-height: 20px;
    color: #FFFFFF;
    border-bottom: 3px solid #C4C4C4;
    margin-bottom: 20px;
    position: relative;
}
.block-title .sub-title {
    min-width: 66px;
    line-height: 64px;
    display: inline-block;
    font-size: 24px;
    color: #727171;
    text-align: justify;
    text-align-last: justify;
    position: relative;
    letter-spacing: 0.2em;
}
.block-title .title {
    min-width: 66px;
    line-height: 64px;
    display: inline-block;
    font-size: 24px;
    color: #872F2B;
    text-align: justify;
    text-align-last: justify;
    position: relative;
    letter-spacing: 0.2em;
}
.block-title .title:after {
    display: block;
    content: "";
    width: 100%;
    height: 0;
    clear: both;
    border-bottom: 6px solid #872F2B;
    position: absolute;
    bottom: -3px;

}
.block-title .remark {
    position: absolute;
    right: 0;
    top: 50%;
    color: #000000;
    transform: translateY(-50%);
}
.block-title .remark a {
    color: #872F2B;
    text-decoration: underline;
}
.block-title .more {
    position: absolute;
    top: calc(50% - 7px);
    right: 0;
    height: 20px;
    line-height: 20px;
    color: #727171;
    padding-left: 15px;
    cursor: pointer;
    font-size: 18px;
    letter-spacing: 0.05em;
}
.block-title .more:before {
    display: block;
    content: "";
    width: 8px;
    height: 8px;
    border-top: 1px solid #727171;
    border-right: 1px solid #727171;
    position: absolute;
    top: 0;
    left: 0;
    transform: translateY(6px) rotate(45deg);
}
.block-title .block-tabs {
    display: inline-block;
    position: absolute;
    top: 55%;
    transform: translateY(-50%);
    margin-left: 20px;
    /*

    top: 0;
    left: 150px;
    */
}
.block-content {
    padding-top: 20px;
    padding-bottom: 20px;
}
.block:after, .block-content:after {
    display: block;
    content: "";
    height: 0;
    clear: both;
}
#topnav {
    width: 100%;
    height: 100px;
    padding-top: 20px;
}
#topnav .logo {
    float: left;
}
#topnav .logo img {
    height: 60px;
}
#topnav .logo-text {
    float: left;
    margin-left: 20px;
}
#topnav .logo-text .website-name {
    height: 34px;
    line-height: 34px;
    font-size: 30px;
    text-align: justify;
    text-align-last: justify;
}
#topnav .logo-text .website-name-sub {
    font-size: 12px;
    margin-top: 12px;
    height: 14px;
    line-height: 14px;
}
#topnav .search {
    float: left;
    margin-left: 50px;
}
#topnav .search .search-box {
    height: 30px;
    position: relative;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    overflow: hidden;
}
#topnav .search .search-box input {
    display: block;
    width: 100%;
    min-width: 420px;
    height: 30px;
    line-height: 30px;
    padding-left: 10px;
    padding-right: 40px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    border: 1px solid #000000;
}
#topnav .search .search-box span {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    width: 30px;
    height: 30px;
    line-height: 28px;
    background-color: #727171;
    color: #FFFFFF;
    text-align: center;
    font-size: 13px;
}
#topnav .search .search-box #filter_type {
    display: block;
    position: absolute;
    top: 0;
    right: 30px;
    width: 90px;
    height: 30px;
    line-height: 28px;
    background-color: #727171;
    color: #FFFFFF;
    text-align: center;
    font-size: 13px;
}
#topnav .search .search-tag {
    height: 20px;
    line-height: 20px;
    margin-top: 10px;
    max-width: 800px;
    overflow: hidden;
}
#topnav .search .search-tag .item {
    color: #872F2b;
}
#topnav .btns {
    float: right;
    height: 15px;
    margin-top: 35px;
}
#topnav .btns a {
    margin-right: 20px;
    color: #727171;
}
#topnav .btns a:last-child {
    margin-right: 0;
}

#header {
    width: 100%;
    background-repeat: no-repeat;
    color: #FFFFFF;
}

#header .header-menu {
    height: 50px;
    font-size: 16px;
    background-image: url(images/bg_menu.png);
    background-size: auto 100%;
}
#header .header-menu .menu {
    width: 100%;
    text-align: center;
    display: flex;
    justify-content: center;
    position: absolute;
}
#header .header-menu .menu a {
  /*  width: 100%;*/
    text-align: center;
    line-height: 50px;
    margin: 0 20px;
    font-size: 18px;
    font-weight: 400;
    cursor: pointer;
    color: #FFFFFF;
}
#header .header-menu .menu .a {
    /*  width: 100%;*/
    margin: 0px;
    text-align: center;
    line-height: 50px;
    font-size: 18px;
    font-weight: 400;
    cursor: pointer;
    color: #FFFFFF;
}

.mask{
    display: none;
    background-color: rgba(155,155,155,0.5);
    position: fixed;
    height: 100%;
    width: 100%;
    top: 50px;
    color: #727171;
}


.swiper-button-next, .swiper-container-rtl .swiper-button-prev{
    background-color:rgba(0,0,0,0);
    opacity: 1;
}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
    background-color:rgba(0,0,0,0);
    opacity: 1;
}

/* 分社专区 下拉菜单*/
#header .header-menu .menu .brand-menu {
    background-color: #fff;
    border-bottom: 1px solid #999;
    border-left: 1px solid #999;
    border-right: 1px solid #999;
    width: 200px;
    position: absolute;
    right: 0px;
    box-shadow: 1px 3px 3px #999;
    z-index: 99;
    display: none;
}

#header .header-menu .menu .brand-menu .brand-name{
    font-size: 18px;
    color: #727171;
    line-height: 70px;
}

#header .header-menu .menu .brand-menu .brand-name:hover{
    color: #872f2b;
    font-weight: 700;
}

#header .header-menu .menu .brand-menu .brand-image{
    width: 36%;
    margin: 0px 10px;
}

#header .header-menu .menu .themes .a:first-child div{
    margin-top: 10px;
}

/* 图书出版 下拉菜单*/
#header .header-menu .menu .book-menu {
    background-color: #fff;
    border-bottom: 1px solid #999;
    border-left: 1px solid #999;
    border-right: 1px solid #999;
    position: absolute;
    left: -3em;
    width: 820px;
    box-shadow: 1px 3px 3px #999;
    z-index: 99;
    display: none;
}
#header .header-menu .menu .book-menu .menu-left-container {
    margin: 20px;
    border-right: solid 1px #727171;
    width: 120px;
    float:left;
}
#header .header-menu .menu .book-menu .menu-right-container {
    margin: 20px 50px 20px 0px;
    width: calc(100% - 210px);
    float: right;
}

#header .header-menu .menu .book-menu .menu-right-container .header-category .category-item p {
    color: #872F2b;
    cursor: pointer
}
#header .header-menu .menu .book-menu .menu-right-container .header-category{
    color: #727171;
}

#header .header-menu .menu .book-menu .menu-right-container .header-category {
    color: #727171;
}
#header .header-menu .menu .book-menu .menu-right-container .header-category div:nth-child(4n+1){
    clear: left;
}

#header .header-menu .menu .book-menu .menu-right-container .header-category .title{
    font-size: 20px;
    margin: 10px 0px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-align: left;
    -webkit-line-clamp: 1;
}


#header .header-menu .menu .book-menu .theme-name{
    font-size: 20px;
    color: #872f2b;
    line-height: 50px;
}

#header .header-menu .menu .book-menu .brands-inner a:first-of-type{
    color: #872f2b;
}
#header .header-menu .menu .book-menu .brand-name{
    font-size: 20px;
    color: #727171;
    line-height: 35px;
    display: none;
}

#header .header-menu .menu .book-menu  .marks {
    height: 25px;
}

/* 活动专区 下拉菜单*/
#header .header-menu .menu .event-menu {
    background-color: #fff;
    border-bottom: 1px solid #999;
    border-left: 1px solid #999;
    border-right: 1px solid #999;
    width: 100%;
    position: absolute;
    right: 0px;
    box-shadow: 1px 3px 3px #999;
    z-index: 99;
    display: none;
}

#header .header-menu .menu .event-menu .brand-name{
    font-size: 18px;
    color: #727171;
    line-height: 30px;
    width: auto;
    text-align: center;
}

#header .header-menu .menu .event-menu .brand-name:hover{
    color: #872f2b;
    font-weight: 700;
}

#header .header-menu .menu .event-menu .brand-image{
    width: 36%;
    margin: 0px 10px;
}

#header .header-menu .menu .themes .a:first-child div{
    margin-top: 10px;
}
#header .header-menu .menu .themes .a:last-child div{
    margin-bottom: 10px;
}

/* 關於中華 下拉菜单*/
#header .header-menu .menu .about-menu {
    background-color: #fff;
    border-bottom: 1px solid #999;
    border-left: 1px solid #999;
    border-right: 1px solid #999;
    width: 100%;
    position: absolute;
    right: 0px;
    box-shadow: 1px 3px 3px #999;
    z-index: 99;
    display: none;
}

#header .header-menu .menu .about-menu .brand-name{
    font-size: 18px;
    color: #727171;
    line-height: 30px;
    width: auto;
    text-align: center;
}

#header .header-menu .menu .about-menu .brand-name:hover{
    color: #872f2b;
    font-weight: 700;
}


#header .header-menu .menu .textbook-menu {
    background-color: #fff;
    border-bottom: 1px solid #999;
    border-left: 1px solid #999;
    border-right: 1px solid #999;
    width: 200%;
    position: absolute;
    right: -50%;
    box-shadow: 1px 3px 3px #999;
    z-index: 99;
    display: none;
}

#header .header-menu .menu .textbook-menu .brand-name{
    font-size: 18px;
    color: #727171;
    line-height: 30px;
    width: auto;
    text-align: center;
}

#header .header-menu .menu .textbook-menu .brand-name:hover{
    color: #872f2b;
    font-weight: 700;
}

#header .header-menu .menu .textbook-menu .brand-image{
    width: 36%;
    margin: 0px 10px;
}

#header .header-menu .menu .themes .a:first-child div{
    margin-top: 10px;
}
#header .header-menu .menu .themes .a:last-child div{
    margin-bottom: 10px;
}

.flex{
    display: flex;
}

#main {
    overflow:auto;
}

.banners {
    min-width: 100%;
    height: auto;
}
.banners .main-images {
    width: 67%;
    height: 0;
    padding-bottom: 33.5%;
    float: left;
}
.banners .aside-images {
    width: 33%;
    float: right;
}
.banners .aside-images .item {
    width: 100%;
    height: 0;
    padding-bottom: 48%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: auto 100%;
}
.banners .banner-info {
    width: calc(540px + 10%);
    height: 280px;
    position: absolute;
    right: 40%;
    top: 50%;
    bottom: 100px;
    color: #FFFFFF;
    transform: translateY(-100px);
}
.banners .banner-info .banner-title {
    font-size: 38px;
}
.banners .banner-info .banner-desc {
    margin-top: 40px;
    font-size: 24px;
    line-height: 150%;
}
.banners .banner-info .banner-btn {
    margin-top: 40px;
}
.banners .banner-info .banner-btn a {
    display: inline-block;
    color: #FFFFFF;
    border: 1px solid #FFFFFF;
    padding: 10px 20px;
    border-radius: 5px;
}

/*   首页图书   */

.home-book {
    width: calc(67% - 40px);
    float: left;
}

.home-book .item {
    width: 25%;
    float: left;
    background-color: #fff;
    margin-bottom: 40px;
    text-align: center;
}

.home-book .item:nth-child(4n) {
    margin-right: 0;
}

.home-book .item:nth-child(4n) {
    margin-right: 0;
}
.home-book .item  .image {
    width: 80%;
    height: 0;
    padding-bottom: 80%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
    position: relative;
    left: 10%;
}
.home-book .item .name {
    height: 42px;
    line-height: 20px;
    padding: 0px 10%;
    color: #872F2b;
    cursor: pointer;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-align: left;
    -webkit-line-clamp: 2;
    margin-top: 20px;
}
.home-book .item .name  a{
    color: #872F2b;
}
.home-book .item .author {
    height: 20px;
    line-height: 20px;
    overflow: hidden;
    padding: 0 10%;
    text-align: left;
    color: #3D3D3D;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-top: 10px;
}
.home-book .item .author a{
    color: #3D3D3D;
}
.home-book-themes {
    position: absolute;
    top: 0;
    left: 150px;
}
/*   首页图书   */

/*   首页影片   */
.home-video {
    width: 33%;
    float: right;
}
.home-video .item {
    margin-bottom: 30px;
}
.home-video .item .image {
    width: 100%;
    height: 0;
    padding-bottom: 56.7%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
}
.home-video .item .name {
    color: #872F2b;
    height: 20px;
    line-height: 20px;
    margin: 15px 0px;
    cursor: pointer;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}

.home-video .item .summary {
    height: 100px;
    line-height: 20px;
    padding: 0 0px;
    margin-bottom: 25px;
    color: #3D3D3D;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
}
.home-video .item .type {
    height: 20px;
    font-size: 14px;
    letter-spacing:0.2em;
    line-height: 20px;
    color: #727171;
    padding: 0 0px;
}
/*   首页影片   */

/*   首页品牌   */
.home-brands .block-content {
    text-align: center;
}
.home-brands .item {
    display: inline-block;
    width: 17%;
    padding: 0px 30px;
    margin: 0px 20px;
    cursor: pointer;
}
.home-brands .item .logo {
    width: 100%;
    height: 0;
    padding-bottom: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
}

/*   首页品牌   */

/*   首页博客   */
/*.home-blogs .left-item {
    float: left;
    width: calc(67% - 40px);
    padding-bottom: 17%;
    height: 0;
    position: relative;
    margin-bottom: 30px;
}*/
.home-blogs .left-result .left-item {
    padding-bottom: 26%;
    height: 0;
    position: relative;
    margin-bottom: 30px;
}
.home-blogs .left-result{
    float: left;
    width: calc(67% - 40px);
}

/*.home-blogs .right-item {
    float: right;
    width: 33%;
    height: 0;
    padding-bottom: 10.5%;
    position: relative;
    margin-bottom: 30px;
}*/
.home-blogs .right-result .right-item {
    /*float: right;*/
    /*width: 33%;*/
    height: 0;
    padding-bottom: 32.5%;
    position: relative;
    margin-bottom: 30px;
}
.home-blogs .right-result {
    float: right;
    width: 33%;
}

.home-blogs .left-item .image {
    width: 43%;
    height: 100%;
    position: absolute;
    left: 0;
    background-position: center center;
    background-size: 100% auto;
    background-repeat: no-repeat;
}

.home-blogs .left-item .info {
    width: 57%;
    height: 100%;
    position: absolute;
    padding-left: 30px;
    right: 0;
}
.home-blogs .left-item .info .category {
    height: 35px;
    /*line-height: 35px;*/
    line-height: 1;
    color: #727171;
    letter-spacing: 0.25em;
}
.home-blogs .left-item .info .title {
    height: 35px;
    line-height: 35px;
    color: #872F2B;
    font-size: 16px;
    cursor: pointer;
    overflow: hidden;
}
.home-blogs .left-item .info .desc {
    height: 100px;
    max-height: 75px;
    line-height: 25px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    color: #3D3D3D;
}
.home-blogs .left-item .info .writer {
    /*height: 35px;*/
    /*line-height: 35px;*/
    /*height: 35px;*/
    line-height: 1;
    position: absolute;
    bottom: 0;
    color: #3D3D3D;
}

.home-blogs .right-item .image {
    width: 35%;
    height: 100%;
    position: absolute;
    left: 0;
    background-position: center center;
    background-size: auto 100% ;
    background-repeat: no-repeat;
}
.home-blogs .right-item .info {
    float: right;
    width: 60%;
}
.home-blogs .right-item .info .category {
    height: 35px;
    line-height: 1;
    color: #959595;
}
.home-blogs .right-item .info .title {
    height: 70px;
    line-height: 25px;
    color: #872F2B;
    font-size: 16px;
    cursor: pointer;
    overflow: hidden;
}
.home-blogs .right-item .info .desc {
    display: none;
}
.home-blogs .right-item .info .writer {
    /*height: 35px;*/
    line-height: 1;
    position: absolute;
    bottom: 0;
    color: #3D3D3D;
}

.home-blog-category {
    position: absolute;
    top: 0;
    left: 150px;
}

/*   首页博客   */

.tabs, sub-tabs {
    height: 2.5rem;
    line-height: 2.5rem;
}
.tabs a, .sub-tabs a {
    display: block;
    float: left;
    height: 2.5rem;
    line-height: 2.5rem;
    padding: 0 1rem;
    color: #727171;
    font-size: 18px;
    letter-spacing: 0.05em;
}
.tabs a.selected, .sub-tabs a.selected {
    color: #872F2B;
    height: 2.5rem;
    line-height: 2.5rem;
    background: #fff;
    -webkit-tap-highlight-color: transparent;
    outline: none;
    /*font-weight: bold;*/
}

.tab-content {
    border-top: none;
    padding: 0.9rem;
    min-height: 320px;
    display: none;
}

/*   首页文化活动   */
.home-events {
    width: calc(67% - 40px);
    float: left;
}
.home-events .item {
    width: 100%;
    height: 0;
    padding-bottom: 28.8%;
    position: relative;
    margin-bottom: 20px;
}
.home-events .item:after {
    content: '';
    display: block;
    padding-bottom: 28.8%;
}

.home-events .item .image {
    position: absolute;
    left: 0;
    top: 0;
    width: 42%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: auto 100%;
    background-position: center center;
}

.home-events .item .tags {
    background-color: #727171;
    color: #ffffff;
    position: absolute;
    right: 20px;
    top: 20px;
    font-size: 14px;
    line-height: 20px;
    padding: 7px 12px;
    border-radius: 20px;
}
.home-events .item .info {
    position: absolute;
    right: 0;
    top: 0;
    width: 58%;
    height: 100%;
    padding-left: 30px;
}
.home-events .item .info .name {
    height: 25px;
    line-height: 25px;
    color: #872F2B;
    font-size: 14px;
    margin-bottom: 10px;
    cursor: pointer;
    overflow: hidden;
}
.home-events .item .info .desc {
    text-overflow: ellipsis;
    height: 100px;
    /*max-height: 102px;*/
    line-height: 20px;
    color: #3D3D3D;
    margin-bottom: 10px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
}
.home-events .item .info .date {
    height: 25px;
    line-height: 25px;
    overflow: hidden;
    background-image: url(images/icon_date.png);
    background-repeat: no-repeat;
    background-size: auto 18px;
    background-position: left;
    padding-left: 20px;
    position: absolute;
    bottom: 35px;
    color: #3D3D3D;
}
.home-events .item .info .time {
    display: inline-block;
    height: 25px;
    line-height: 25px;
    background-image: url(images/icon_time.png);
    background-repeat: no-repeat;
    background-size: auto 18px;
    background-position: left;
    padding-left: 20px;
    margin-left: 20px;
    color: #3D3D3D;
}
.home-events .item .info .address {
    height: 25px;
    line-height: 25px;
    overflow: hidden;
    background-image: url(images/icon_location.png);
    background-repeat: no-repeat;
    background-size: auto 18px;
    background-position: left;
    padding-left: 20px;
    position: absolute;
    bottom: 0;
    color: #3D3D3D;
}
/*   首页文化活动   */

/*   首页课程   */
.home-course {
    width: 33%;
    float: right;
}

.home-course .item .image {
    width: 100%;
    height: 0;
    padding-bottom: 57.1%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
}
.home-course .item .name {
    color: #872F2b;
    max-height: 40px;
    line-height: 20px;
    margin: 15px 0px 10px 0px;
    cursor: pointer;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.home-course .item .summary {
    height: 60px;
    line-height: 20px;
    margin-bottom: 25px;
    color: #3D3D3D;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}
/*   首页课程   */

/*  导航  */
.breadcrumb {
    width: 100%;
    line-height: 30px;
    padding: 0 20px;
    letter-spacing: 0.2em;
}
.breadcrumb a {
    cursor: pointer;
    color: #727171;
}
.breadcrumb .icon {
    display: none;
    font-size: 14px!important;
    margin-right: 5px;
}
.breadcrumb a:after {
    content: ">";
    margin-left: 5px;
    margin-right: 5px;
    color: #757575!important;
}
.breadcrumb a:last-child:after {
    content: "";
}
.breadcrumb a:hover {
    color: #872F2B;
}
.breadcrumb a:last-child {
    color: #872F2B;
    /*font-weight: bold;*/
}
/*  导航  */

/*  书籍列表页  */
.book-category{
    width: 245px;
    float: left;
}
.book-main-outter{
    width: calc(100% - 245px);
    float: left;
}
.book-categories {
    min-width: 175px;
    margin-left: 20px;
    margin-right: 50px;
}
.book-categories .category-item .title {
    color: #872F2b;
    line-height: 40px;
    border-bottom: 1px solid #C4C4C4;
    cursor: pointer;
    font-size: 18px;
    letter-spacing: 0.05em;
}
.book-categories .category-item .default_sign {
    width: 20px;
    margin: 15px 0px;
    height: 20px;
    float: right;
}
.book-categories .lists {
    display: none;
}
.book-categories .item {
    color: #727171;
    font-size: 18px;
    line-height: 50px;
    cursor: pointer;
    letter-spacing: 0.05em;
    text-indent: 0.5em;
}
.book-categories .items {
    color: #727171;
    font-size: 18px;
    line-height: 50px;
    cursor: pointer;
    letter-spacing: 0.05em;
    text-indent: 1em;
}
.book-categories .items.selected {
    font-weight: 700;
    color: #872F2B;
    letter-spacing: 0.05em;
}
.book-categories .item.selected {
    font-weight: 700;
    color: #872F2B;
    letter-spacing: 0.05em;
}
.book-main {

}

.book-lists .item {
    float: left;
    width: calc(20% - 12px);
    margin-right: 15px;
    background-color: #FFFFFF;
    padding: 15px;
    margin-bottom: 15px;
    overflow: hidden;
    cursor: pointer;
}
.book-lists .item:nth-child(5n+1){
    clear:left;
}
.book-lists .item .image {
    width: 100%;
    height: 0;
    padding-bottom: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
}

.book-lists .item .info {
    margin-top: 10px;
}
.book-lists .item .info .author {
 color: #3D3D3D;
}
.book-lists .item .info .author a{
    color: #3D3D3D;
}
.book-lists .item .info .name {
    height: 40px;
    line-height: 20px;
    color: #872F2B;
    margin-bottom: 5px;
    cursor: pointer;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.book-lists .item .info .name a{
    color: #872F2B;
}
.book-lists .item:nth-child(5n) {
    margin-right: 0;
}

/*  书籍列表页  */


/*  书籍详情页  */
.book-images {
    width: 100%;
    height: 0;
    padding-bottom: 130%;
    position: relative;
    margin-top: 10px;
}
.book-images .book-images-content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.book-info {
    padding-left: 20px;
}

.book-info .book-name {
    font-size: 24px;
    color: #872F2B;
    max-height: 80px;
    line-height: 40px;
    margin-bottom: 10px;
    font-weight: 700;
    letter-spacing: 0.02em;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.book-info .attr {
   flex: 1;
    color: #434343;
    font-size: 16px;
}
.book-info .attr .name {
    display: inline-block;
    width: 90px;
    line-height: 40px;
    font-size: 14px;
    color: #3D3D3D;
}
.book-info .share{
    /*display: flex;*/
    /*justify-content: space-between;*/
    float: right;
}
/*.book-info div:fi span:nth-child(2) {*/
    /*display: inline-block;*/
    /*width: calc(100% - 300px)!important;*/
    /*color: #3D3D3D;*/
    /*min-width: 50px;*/
    /*font-size: 14px;*/
/*}*/
.book-info .attr .value {
    display: inline-block;
    width: calc(100% - 300px);
    color: #3D3D3D;
    min-width: 50px;
    font-size: 14px;
}

.book-info .attr .value.link a {
    color: #872F2B;
    text-decoration: underline;
    margin-right: 10px;
}

.book-info .attr .value.price {
    color: #872F2B;
    /*font-weight: bold;*/
    font-size: 14px;
    font-weight: 700;
    line-height: 40px;
}
 .buttons {
    width: 100%;
    margin-top: 40px;
    position: relative;
    min-width: 550px;
     float: left;
}
 .buttons .button {
    display: inline-block;
    width: 30%;
    background-color: #FFFFFF;
    color: #872F2B;
    text-align: center;
    line-height: 48px;
    border: 1px solid #872F2B;
    padding: 0 25px;
    font-size: 18px;
    border-radius: 5px;
    cursor: pointer;
    margin-left: 20px;
    min-width: 200px;
    letter-spacing: 0.05em;
}
.book-info .type {
    /*width: 100%;*/
    margin-top: 0px;
    position: relative;
}
.book-info .type .button:first-child{
    margin-left:0px;
}
.book-info .type .solid{
    color: #872F2B!important;
    border: 1px solid #872F2B!important;
}

.book-main .book-pictures{
    width: 294px;
    height: 379px;
    float: left;
}
.book-main .book-info-inner{
    width: calc(100% - 314px);
    float: right;
}
.book-info .type .button {
    display: inline-block;
    /*width: 35%;*/
    background-color: #FFFFFF;
    color: #727171;
    text-align: center;
    line-height: 30px;
    border: 1px solid #727171;
    padding: 0 15px;
    font-size: 14px;
    border-radius: 5px;
    cursor: pointer;
    margin-left: 20px;
}
 .buttons .button-tips{
    position: absolute;
    width: 30%;
    text-align: center;
    font-size: 12px;
    line-height: 30px;
    color: #727171;
    min-width: 200px;
}
.book-main .block-content h3{
    color: #3D3D3D;
    font-size: 14px;
}
.book-main .block-content .desc{
    color: #3D3D3D;
    font-size: 14px;
    word-break: break-word;
}
.buttons .button.solid {
    background-color: #872F2B;
    color: #FFFFFF;
}
.buttons .button:first-child {
    margin-left: 0;
   /* width: 140px;*/
}
 .buttons .button .iconfont {
    font-size: 24px!important;
    position: relative;
    top: 2px;
}
.extend-books .item {
    float: left;
    width: calc(25% - 12px);
    margin-right: 15px;
    background-color: #FFFFFF;
    padding: 15px;
    margin-bottom: 15px;
    overflow: hidden;
}
.extend-books .item:nth-child(4n+1){
    clear: both;
}
.extend-books .item .image {
    width: 100%;
    height: 0;
    padding-bottom: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
}

.extend-books .item .info {
    margin-top: 10px;
}
.extend-books .item .info .name {
    height: 40px;
    line-height: 20px;
    color: #872F2B;
    margin-bottom: 5px;
    cursor: pointer;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.extend-books .item .info .name a{
    color: #872F2B;
}
.extend-books .item .info .author{
    font-size: 14px;
    color: #3D3D3D;
}
.extend-books .item .info .author a{
    color: #3D3D3D;
}
.extend-books .item:nth-child(4n) {
    margin-right: 0;
}
/*  书籍详情页  */


/*  品牌  */
.brand-lists .block-content {
    text-align: center;
}
.brand-lists .item {
    display: inline-block;
    width: 200px;
    height: 200px;
    margin: 20px 50px;
    cursor: pointer;
}
.brand-lists .item .logo {
    width: 100%;
    height: 0;
    padding-bottom: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
}
.brand-detail {
    padding-left: 6%;
    padding-right: 6%;
}
.brand-detail-logo {
    width: 25%;
    float: left;
    padding-top: 40px;
}


.brand-detail-desc, .brand-detail-motto {
    width: 41%;
    float: left;
    padding: 40px 60px 0px 60px;
    line-height: 180%;
    color: #888888;
}

.brand-detail-desc .name, .brand-detail-motto .name {
    font-size: 22px;
    color: #872F2B;
    margin-bottom: 20px;
}
 .brand-detail-motto .name .marks {
   float: right;
    height: 25px;
}
.brand-detail-email {
    width: 100%;
    float: left;
    padding: 0 20px;
    line-height: 180%;
    color: #872F2B;
    text-align: center;
    margin-top: 50px;
}
.brand-detail-email .name {
    color: #000000;
}

.brand-book-lists .item {
    float: left;
    width: calc(20% - 12px);
    margin-right: 15px;
    background-color: #FFFFFF;
    padding: 15px;
    margin-bottom: 15px;
    overflow: hidden;
}

.brand-book-lists .item:nth-child(5n+1){
    clear:left;!important;
}

.brand-book-lists .item .image {
    width: 100%;
    height: 0;
    padding-bottom: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
}

.brand-book-lists .item .info {
    margin-top: 10px;
}
.brand-book-lists .item .info .name {
    height: 40px;
    line-height: 20px;
    color: #872F2B;
    margin-bottom: 5px;
    cursor: pointer;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.brand-book-lists .item .info .name a{
    color: #872F2B;
}

.brand-book-lists .item .info .author {
    color: #3D3D3D;
}
.brand-book-lists .item .info .author a{
    color: #3D3D3D;
}
.brand-book-lists .item:nth-child(5n) {
    margin-right: 0;
}

.brand-detail-logo-image {
    margin: 10px 30px;
    padding: 0 20px;
}

.brand-detail-link{
    /* margin:10px 20px; */
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
}

.brand-detail-link .share_icon{
  /*  min-width:40px;*/
    /* flex:0 0 25% */
    margin: 0.2rem;
}

.brand-detail-text{
    margin:10px 0;
    text-align: center;
    color: #872F2B;
}
/*  品牌  */
/* 会员中心徽章 */

.members-badge-lists{

}
.members-badge-lists .item .logo{
    float: left;
    width: 40%;
    height:auto;
}
.members-badge-lists .item{
    margin: 0px;
    width: 100%;
    height: auto;
}
.members-badge-lists .col-4{
    margin: 0px;
    width: 33%;
    float: left;
    height: auto;
}
.members-badge-lists .item .full-all{
    width: 100%;
}
.members-badge-lists .item:after {
    display: block;
    content: "";
    height: 0;
    clear: both;
}
.members-badge-lists .info{
    float: left;
    width: 60%;
    text-align: left;
    padding-left: 10px;
}
.members-badge-lists .info .name{
    font-size: 14px;
    height: 60px;
    line-height: 30px;
    color: #872F2B;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    display: -webkit-box;
    margin-bottom: 10px;
}
.members-badge-lists .info .desc{
    font-size: 14px;
    color: #3d3d3d;
}
/* 会员中心徽章 */
/* 会员徽章 */
.badge-lists{

}
.badge-lists .item .logo{
    float: left;
    width: 40%;
    height:auto;
}
.badge-lists .item{
    margin: 0px;
    width: 100%;
    height: auto;
}
.badge-lists .col-4{
    margin: 0px;
    width: 33%;
    float: left;
    height: auto;
}
.badge-lists .item .full-all{
    width: 100%;
}
.badge-lists .item:after {
    display: block;
    content: "";
    height: 0;
    clear: both;
}
.badge-lists .info{
    float: left;
    width: 60%;
    text-align: left;
    padding-left: 10px;
}
.badge-lists .info .name{
    font-size: 20px;
    height: 60px;
    line-height: 30px;
    color: #872F2B;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    display: -webkit-box;
    margin-bottom: 10px;
}
.badge-lists .info .desc{
    font-size: 20px;
}

/* 会员徽章 */

/*  影片列表页  */
.video-categories {
    width: 18%;
    float: left;
    padding-left: 20px;
}
.video-categories .category-title {
    color: #B78181;
    line-height: 40px;
    border-bottom: 1px solid #C4C4C4;
    cursor: pointer;
}
.video-categories .category-tabs-title{
    color: #7F7F7F;
    line-height: 40px;
    /*border-bottom: 1px solid #C4C4C4;*/
    cursor: pointer;
    font-size: 16px;
}
.video-categories .selected{
    color: #B78181!important;
    line-height: 40px;
    /*border-bottom: 1px solid #C4C4C4;*/
    cursor: pointer;
    font-size: 16px;
}
.video-categories .category-item {
    color: #7F7F7F;
    font-size: 16px;
    line-height: 50px;
    cursor: pointer;
}
.video-categories .category-item.selected {
    color: #872F2B;
}

.video-main {
    width: calc(82% - 40px);
    float: right;
}

.video-lists .item {
    margin-bottom: 30px;
}
.video-lists .item:after {
    display: block;
    content: "";
    height: 0;
    clear: both;
}
.video-lists .item .image {
    float: left;
    width: 40%;
    height: 0;
    padding-bottom: 22.68%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
}
.video-lists .item .info {
    float: right;
    width: calc(60% - 30px);
    height: 0;
    padding-bottom: 22.68%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
}
.video-lists .item .name {
    color: #872F2B;
    height: 60px;
    line-height: 30px;
    margin-bottom: 20px;
    font-size: 22px;
    /*cursor: pointer;*/
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.video-lists .item .summary {
    height: 100px;
    line-height: 20px;
    color: #3D3D3D;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
}

.video-detail .name {
    color: #872F2B;
    font-size: 22px;
    margin-bottom: 20px;
}
.relevant-videos .item {
    width: calc(33.3% - 15px);
    float: left;
    margin-right: 15px;
}
.relevant-videos .item .image {
    width: 100%;
    height: 0;
    padding-bottom: 56.7%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
}
.relevant-videos .item .name {
    color: #872F2b;
    height: 40px;
    line-height: 20px;
    margin: 15px 0;
    cursor: pointer;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.relevant-videos .item .summary {
    height: 60px;
    line-height: 20px;
    padding: 0 10px;
    margin-bottom: 25px;
    color: #3D3D3D;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}
.relevant-videos .item:nth-child(3n) {
    margin-right: 0;
}
.embed-container .play-button {
    width: 90px;
    height: 60px;
    background-color: #333;
    box-shadow: 0 0 30px rgb(0 0 0 / 60%);
    z-index: 1;
    opacity: .8;
    border-radius: 6px;
}
.embed-container {
    position: relative;
    padding-bottom: 47%;
    height: 0;
    overflow: hidden;
    max-width: 100%;
    cursor: pointer;
}
.embed-container .play-button {
    top: 50%;
    left: 50%;
    transform: translate3d(-50%, -50%, 0);
    position: absolute;
}
.embed-container .picture {
    top: 50%;
    left: 50%;
    transform: translate3d(-50%, -50%, 0);
    position: absolute;
}
.embed-container .play-button:before {
    content: "";
    border-style: solid;
    border-width: 15px 0 15px 26px;
    border-color: transparent transparent transparent #fff;
}
.embed-container .play-button:before {
    position: absolute;
}
.play-button:before {
    top: 50%;
    left: 50%;
    transform: translate3d(-50%, -50%, 0);
}
/*  影片列表页  */

/* 搜索结果页 */
.search-lists{
    padding:0 66px;
}
.search-lists .item {
    width: 100%;
    margin-bottom: 0%;
    display: flex;
}
.search-lists .item .image {
    float: left;
    height: 0;
    padding-bottom: 25%;
    margin: 5px 40px 0px 20px;
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: center center;
}
.search-lists .item .info .title {
    /*height: 70px;*/
    /*line-height: 70px;*/
    /*color: #872F2B;*/
    /*font-size: 25px;*/
    /*overflow: hidden;*/
    /*letter-spacing: 5px;*/

    height: 25px;
    line-height: 22px;
    color: #872F2B;
    font-size: 22px;
    overflow: hidden;
    letter-spacing: 5px;
    margin-bottom: 53px;
}

.search-lists .item .info .title a{
    color: #872F2B;
}

.search-list-blog {
    width: 100%;
}
.search-list-blog .col-12{
    margin: 0px;
}

.search-lists .author {
    /*font-size: 20px;*/
    margin-bottom: 20px;
    color: #3d3d3d;
    font-size: 17px;
    letter-spacing: 0.05em;
}
.search-lists .author a{
    color: #3d3d3d;
    margin-right: 1.2rem;
}
.search-lists .summary {
    line-height: 220%;
    color: #717171;
    margin-top: 15px;
    margin-bottom: 15px;
}
.search-lists .summary a{
    color: #717171;
}
.search-lists .desc {
    text-overflow: ellipsis;
    height: 60px;
    /* max-height: 102px; */
    font-size: 14px;
    line-height: 20px;
    color: #3D3D3D;
    margin-bottom: 10px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}
.search-lists .desc  a{
    color: #3D3D3D;
}
/*.search-lists .summary{*/
    /*padding-top: 20px;*/
    /*padding-bottom: 20px;*/
/*}*/
/* 搜索结果页 */

/*  作者页  */
.author-search-box {
    padding: 20px 0 50px 0;
}
.author-search-box .search {
    width: 420px;
    margin: 0 auto;
}
.author-search-box .search .search-box {
    height: 30px;
    position: relative;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    overflow: hidden;
}
.author-search-box .search .search-box input {
    display: block;
    width: 100%;
    min-width: 420px;
    height: 30px;
    line-height: 30px;
    padding-left: 10px;
    padding-right: 40px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    border: 1px solid #872F2B;
}
.author-search-box .search .search-box input::-webkit-input-placeholder {
     /* placeholder颜色  */
      color: #D9D9D9;
     /* placeholder字体大小  */
    font-size: 14px;
     /* placeholder位置  */

}


.author-search-box .search .search-box span {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    width: 30px;
    height: 30px;
    line-height: 28px;
    background-color: #872F2B;
    color: #FFFFFF;
    text-align: center;
    font-size: 13px;
}

.author-search-box .author-search-title {
    color: #872F2b;
    font-size: 24px;
    text-align: center;
    margin-bottom: 30px;
    letter-spacing: 0.2em;
}

.author-lists .author-item {
    width: 25%;
    float: left;
}
.author-lists .author-item:nth-child(4n+1){
    clear:left;
}
.author-lists .author-item .item {
    width: 60%;
    margin: 0 auto;
    cursor: pointer;
}
.author-lists .author-item .userface {
    width: 100%;
    height: 0;
    padding-bottom: 132%;
    background-color: #E1CCCB;
    background-position: 10px 10px;
    position: relative;
    left: 10px;
    top: 10px;
}
.author-lists .author-item .userface img {
    position: absolute;
    bottom: 10px;
    left: -10px;
}
.author-lists .author-item .name {
    text-align: center;
    margin: 20px 0 40px 0;
    font-size: 16px;
    color: #934441;
}
.author-detail {
    padding: 20px 15% 0px 15%;
    margin-bottom: 50px;
}
.author-detail .author-userface {
    width: 30%;
    float: left;
}
.author-detail .author-userface img {
    width: 100%;
}
.author-detail .author-info {
    width: 60%;
    float: right;
}
.author-detail .author-info .name {
    font-size: 24px;
    color: #872F2B;
    margin-bottom: 30px;
}

.author-detail .author-info .desc-title {
    font-size: 18px;
    color: #717171;
    margin-bottom: 10px;
}

.author-detail .author-info .desc {
    font-size: 16px;
    line-height: 180%;
    color: #515151;
}
.relevant-books {
    height: auto;
}
.relevant-books .item {
    width: 20%;
    height: 100%;
    float: left;
    position: relative;
}
.relevant-books .item .image {
    width: 70%;
    /*height: 0;*/
    /*padding-bottom: 80%;*/
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
    position: relative;
    top: 0;
    left: 15%;
}

.relevant-books .item .info {
    width: 70%;
    position: relative;
    /*bottom:  20px;*/
    margin-top: 20px;
    margin-bottom: 20px;
    left: 15%;
}
.relevant-books .item .info .name {
    height: 40px;
    line-height: 20px;
    color: #872F2B;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.relevant-books .item .info .author {
    margin-top: 5px;
}
/*  作者页  */


/*  博客  */
.recommend-blog .item {
    width: 100%;
    height: 0;
    padding-bottom: 28%;
    position: relative;
    margin-bottom: 30px;
    cursor: pointer;
}
.recommend-blog .item .image {
    width: 49%;
    height: 100%;
    position: absolute;
    left: 0;
    background-position: center center;
    background-size: 100% auto;
    background-repeat: no-repeat;
}

.recommend-blog .item .info {
    width: calc(51% - 40px);
    height: 100%;
    position: absolute;
    right: 0;
}
.recommend-blog .item .info .category {
    height: 35px;
    line-height: 35px;
    color: #959595;
}
.recommend-blog .item .info .title {
    height: 35px;
    line-height: 35px;
    color: #872F2B;
    font-size: 16px;
    overflow: hidden;
}
.recommend-blog .item .info .desc {
    height: 100px;
    line-height: 25px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
}
.recommend-blog .item .info .writer {
    height: 35px;
    line-height: 35px;
    font-size: 18px;
    color: #3d3d3d;
    position: absolute;
    letter-spacing: 0.05em;
    bottom: 0;
}

.blog-categories {
    position: relative;
    top: -45px;
    left: 150px;
    height: 2.5rem;
    line-height: 2.5rem;
    width: 80%;
}
.blog-categories a {
    display: block;
    float: left;
    height: 2.5rem;
    line-height: 2.5rem;
    padding: 0 1.5rem;
    color: #727171;
    font-size: 18px;
    letter-spacing: 0.05em;
    font-weight: 400;
}
.blog-categories a.selected {
    color: #872F2B;
    height: 2.5rem;
    line-height: 2.5rem;
    background: #fff;
}

.home-blogs .left-item .image {
    width: 43%;
    height: 100%;
    position: absolute;
    left: 0;
    background-position: center center;
    background-size: auto 100% ;
    background-repeat: no-repeat;
}

.blog-lists{
    padding-top: 0px;
}
.blog-lists .item {
    float: left;
    width: calc(33.3% - 42px);
    margin-right: 41px;
    margin-bottom: 30px;
}

.blog-lists .item .image {
    width: 100%;
}
.blog-lists .item .info {
    width: 100%;
}
.blog-lists .item .info .category {
    height: 35px;
    line-height: 35px;
    color: #727171;
    font-size: 14px;
    letter-spacing: 0.25em;
}
.blog-lists .item .info .category .time{
    color: #3d3d3d;
}
.blog-lists .item .info .title {
    /*height: 70px;*/
    line-height: 25px;
    color: #872F2B;
    font-size: 14px;
    cursor: pointer;
    overflow: hidden;
    letter-spacing: 0.02em;
}
.blog-lists .item .info .writer {
    height: 35px;
    line-height: 35px;
    font-size: 14px;
    color: #3d3d3d;
}
.blog-lists .item .info .time {
    float: right;
}
.blog-lists .item:nth-child(3n) {
    margin-right: 0;
}
/*  博客  */


/*  文化活动  */
.event-lists {
    padding: 0 20px;
}
.event-lists .item {
    width: 100%;
    margin-bottom: 40px;
}
.event-lists .item:after {
    display: block;
    content: "";
    height: 0;
    clear: both;
}
.event-lists .item .image {
    float: left;
    width: 60%;
    height: 0;
    padding-bottom: 30%;
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: center center;
}

.event-lists .item .info {
    float: right;
    width: calc(40% - 40px);
    position: relative;
}
.event-lists .item .info .name {
    height: 50px;
    line-height: 25px;
    color: #872F2B;
    font-size: 16px;
    cursor: pointer;
    margin-bottom: 10px;
    overflow: hidden;
}

.event-lists .item .info .date {
    height: 25px;
    line-height: 25px;
    overflow: hidden;
    background-image: url(images/icon_date.png);
    background-repeat: no-repeat;
    background-size: auto 18px;
    background-position: left;
    padding-left: 20px;
    margin-bottom: 10px;
}
.event-lists .item .info .time {
    display: inline-block;
    height: 25px;
    line-height: 25px;
    background-image: url(images/icon_time.png);
    background-repeat: no-repeat;
    background-size: auto 18px;
    background-position: left;
    padding-left: 20px;
    margin-bottom: 10px;
}
.event-lists .item .info .address {
    height: 25px;
    line-height: 25px;
    overflow: hidden;
    background-image: url(images/icon_location.png);
    background-repeat: no-repeat;
    background-size: auto 18px;
    background-position: left;
    padding-left: 20px;
}
.event-lists .item .info .desc {
    height: 120px;
    line-height: 20px;
    color: #3D3D3D;
    margin-top: 40px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 6;
}

.past-event {
    width: 100%;
}
.past-event .item {
    float: left;
    width: calc(33.33% - 10px);
    margin-right: 15px;
    margin-bottom: 40px;
}
.past-event .item:nth-child(3n) {
    margin-right: 0;
}
.past-event .item .image {
    width: 100%;
    height: 0;
    padding-bottom: 68.57%;
    position: relative;
}
.past-event .item .info {
    width: 100%;
}
.past-event  .item .tags {
    background-color: #727171;
    color: #ffffff;
    position: absolute;
    right: 20px;
    top: 20px;
    font-size: 14px;
    line-height: 20px;
    padding: 7px 12px;
    border-radius: 20px;
}
.past-event .item .info .name {
    float: left;
    width: 70%;
    height: 40px;
    line-height: 20px;
    color: #872F2B;
    font-size: 16px;
    margin: 10px 0;
    cursor: pointer;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
}
.past-event .item .info .date {
    /*width: 50%;*/
    float: right;
    text-align: right;
    margin-top: 10px;
    line-height: 20px;
}
.past-event .item .info .desc {
    width: 100%;
    float: left;
    height: 60px;
    line-height: 20px;
    color: #3D3D3D;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}

.event-detail {
    padding-left: 20px;
}
.event-detail .name {
    font-size: 24px;
    color: #872F2B;
    margin-bottom: 50px;
    font-weight: 700;
    letter-spacing: 0.02em;
}
.event-detail .info {
    position: relative;
    color: #872f2b;
    font-weight: 700;

}
.event-detail .info .date {
    height: 25px;
    line-height: 25px;
    overflow: hidden;
    background-image: url(images/icon_date_sel.png);
    background-repeat: no-repeat;
    background-size: auto 18px;
    background-position: left;
    padding-left: 20px;
    margin-right: 10px;
    font-weight: 700;
}
.event-detail .info .time {
    height: 25px;
    line-height: 25px;
    background-image: url(images/icon_time_sel.png);
    background-repeat: no-repeat;
    background-size: auto 18px;
    background-position: left;
    padding-left: 20px;
    margin-right: 10px;
    font-weight: 700;
}
.event-detail .info .address {
    height: 25px;
    line-height: 25px;
    overflow: hidden;
    background-image: url(images/icon_location_sel.png);
    background-repeat: no-repeat;
    background-size: auto 18px;
    background-position: left;
    padding-left: 20px;
    font-weight: 700;
}

    /*lable标签的大小、位置、背景颜色更改，在css选择时，“+”代表相邻元素，即当前元素的下一元素*/
.event-form  #color-input-red +label{
    display: block;
    width: 16px;
    height: 16px;
    cursor: pointer;
    top: 2px;
    left: 15px;
    background: #872f2b;
}

/*当input框为选中状态时，lable标签的样式，其中在css选择时，“：”表示当前input框的值，即checked；
      该部分主要对显示的“对号”的大限居中方式，显示颜色进行了设置*/
.event-form  #color-input-red:checked +label::before{
    display: block;
    content: "\2714";
    text-align: center;
    font-size: 12px;
    color: white;
}
.event-form  input[type=checkbox]{
    visibility: hidden;
    display: none;
}

.event-detail .tags {
    margin-top: 20px;
}
.event-detail .tags span {
    display: inline-block;
    line-height: 28px;
    padding: 0 20px;
    color: #872F2B;
    border: 1px solid #872F2B;
    border-radius: 14px;
    margin-right: 10px;
}

.event-detail .summary {
    margin-top: 20px;
    line-height: 220%;
    margin-bottom: 50px;
    color: #3d3d3d;
}

.event-detail .event-desc {
    margin-top: 20px;
    min-height: 240px;
    line-height: 220%;
    color: #3d3d3d;
}

.event-form {
    padding: 100px;
}
.event-form .form-table {
    width: 100%;
    border: 1px solid #C4C4C4;
    padding: 30px;
    border-radius: 5px;
    min-width: 400px;
}
.event-form .form-table td:first-child {
    width: 30%;
}
.event-form .form-table td {
    padding-bottom: 20px;
}
.event-form .form-table tr:first-child td {
    padding-bottom: 30px;
}
.event-form .form-table .title {
    font-size: 24px;
    color: #872F2B;
    letter-spacing: 0.2em;
}
.event-form .form-table .info {
    font-size: 12px;
    color: #727171;
}
.event-form .form-table .table-title{
    color: #3d3d3d;
}

.event-form  .advice{
    height: 15px;
    width: 15px;
    display: inline-block;
    background-image: url(images/checkbox-checked.png);
    background-repeat: no-repeat;
    background-position: center;
    vertical-align: middle;
    margin-top: -4px;
}
.event-form input[type="text"] {
    width: 100%;
    height: 38px;
    line-height: 38px;
    padding: 0 10px;
}
.event-form .check {
    width: 20px;
    float: left;
}
.event-form .info {
    width: calc(100% - 20px);
    float: left;
}

.event-form button {
    width: 50%;
    height: 38px;
    line-height: 38px;
    padding: 0 10px;
    border: none;
    background-color: #872F2B;
    color: #FFFFFF;
    border-radius: 4px;
}

.other-event .item {
    float: left;
    width: calc(33.33% - 10px);
    margin-right: 15px;
    margin-bottom: 40px;
    cursor: pointer;
}
.other-event .item:nth-child(3n) {
    margin-right: 0;
}
.other-event .item .image {
    width: 100%;
    height: 0;
    padding-bottom: 68.57%;
}
.other-event .item .info {
    width: 100%;
}
.other-event .item .info .name {
    width: 100%;
    height: 40px;
    line-height: 20px;
    color: #872F2B;
    font-size: 16px;
    margin-top: 10px;
    margin-bottom: 20px;
    cursor: pointer;
}

.other-event .item .info .desc {
    width: 100%;
    float: left;
    height: 60px;
    line-height: 20px;
    color: #3D3D3D;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}

.event-detail .detail_day {
    font-size: 16px;
    line-height: 30px;
    color: #3d3d3d;
    font-size: 14px;
}
.event-detail .flex{
    display: flex;
}
.event-detail .detail_tags {
   width: 16%;
    padding-right: 34px;
}
/*  文化活动  */

/*  博客  */
.blog-detail {
    width: 760px;
    margin: 0 auto;
}
.blog-detail .category {
    font-size: 14px;
    margin-bottom: 30px;
    letter-spacing: 0.25em;
    color: #727171;
}
.blog-detail .title {
    font-size: 24px;
    margin-bottom: 30px;
    letter-spacing: 0.2em;
    color: #872F2B;
    font-weight: 700;
}
.blog-detail .summary {
    font-size: 16px;
    margin-bottom: 30px;
    color: #3d3d3d;
}
.blog-detail .writer {
    font-size: 18px;
    margin-bottom: 30px;
    letter-spacing: 0.05em;
    color: #3d3d3d;
}
.blog-detail .desc {
    min-height: 420px;
    line-height: 220%;
    color: #3d3d3d;
    border-top: 1px solid #E5E5E5;
    padding-top: 15px;
}
.blog-detail .share{
    display: flex;
    justify-content: space-between;
}
.height_auto{
    max-height: 100%;
    padding: 0 5px;
}
/*  博客  */


/*  关于我们  */
.about-page {
    width: 760px;
    margin: 0 auto;
}
.about-page .title {
   /* font-size: 22px;
    margin-bottom: 30px;
    color: #717171;*/
}

/*.about-page .desc {*/
    /*min-height: 420px;*/
    /*line-height: 220%;*/
    /*color: #717171;*/
/*}*/
/*  关于我们  */

/*  联络我们  */
.contactus .content-solid{
    border-bottom: 2px solid #C4C4C4;
}
#contactus .sub-title{
    font-size: 20px;
    font-weight: 700;
    margin: 30px 0px 5px 0px;
    color: #872F2b;
}
#contactus .tips-text{
    font-size: 20px;
    color: #872F2b;
}
.login-box .required {
    color: #ff0000;
}
#apply .sub-title{
    margin: 15px 0px 15px 0px;
    color: #872F2b;
}
#apply .tips-text{
    font-size: 20px;
    color: #872F2b;
    margin-bottom: 15px !important;
    padding: 0 15px;
}
/*  联络我们  */

/*  课程  */
.course-lists {
    padding: 0 20px;
}
.course-lists .item {
    width: 100%;
    margin-bottom: 40px;
}
.course-lists .item:after {
    display: block;
    content: "";
    height: 0;
    clear: both;
}
.course-lists .item .image {
    float: left;
    width: 60%;
    height: 0;
    padding-bottom: 30%;
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: center center;
}

.course-lists .item .info {
    float: right;
    width: calc(40% - 40px);
    color: #717171;
    position: relative;
}
.course-lists .item .info .name {
    height: 60px;
    line-height: 30px;
    color: #872F2B;
    font-size: 20px;
    margin-bottom: 40px;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    display: -webkit-box;

}

.course-lists .item .info .suitable {
    height: 25px;
    line-height: 25px;
    overflow: hidden;
    background-image: url(images/icon_course_1.png);
    background-repeat: no-repeat;
    background-size: auto 18px;
    background-position: left;
    padding-left: 20px;
    margin-bottom: 10px;
    color:#3D3D3D;
}
.course-lists .item .info .duration {
    display: inline-block;
    height: 25px;
    line-height: 25px;
    background-image: url(images/icon_course_2.png);
    background-repeat: no-repeat;
    background-size: auto 18px;
    background-position: left;
    padding-left: 20px;
    margin-bottom: 10px;
    color:#3D3D3D;
}

.course-lists .item .info .lecturer {
    height: 25px;
    line-height: 25px;
    overflow: hidden;
    background-image: url(images/icon_course_3.png);
    background-repeat: no-repeat;
    background-size: auto 18px;
    background-position: left;
    padding-left: 20px;
    color:#3D3D3D;
}
.course-lists .item .info .desc {
    height: 100px;
    line-height: 20px;
    color: #3D3D3D;
    margin-top: 40px;
    margin-bottom: 30px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
}
.course-lists .item .info .btns {
    text-align: center;
}
.course-lists .item .info .btns .btn {
    display: inline-block;
    width: 80%;
    height: 36px;
    line-height: 36px;
    border-radius: 4px;
    background-color: #872F2B;
    text-align: center;
    color: #FFFFFF;
    cursor: pointer;
}

.course-detail {
    width: 760px;
    margin: 0 auto;
}
.course-detail:after {
    display: block;
    content: "";
    height: 0;
    clear: both;
}
.course-detail .info {
    color: #717171;
}
.course-detail .buy-info {

}
.course-detail .name {
    font-size: 24px;
    margin-bottom: 30px;
    color: #872F2B;
    font-weight: 700;
    letter-spacing: 0.02em;
}
.course-video-main{
    width: calc(100%);
    float: right;
}
.course-detail .suitable {
    height: 25px;
    line-height: 25px;
    overflow: hidden;
    background-image: url(images/icon_course_1.png);
    background-repeat: no-repeat;
    background-size: auto 18px;
    background-position: left;
    padding-left: 20px;
    margin-bottom: 10px;
    color: #3D3D3D;
}
.course-detail .duration {
    display: inline-block;
    height: 25px;
    line-height: 25px;
    background-image: url(images/icon_course_2.png);
    background-repeat: no-repeat;
    background-size: auto 18px;
    background-position: left;
    padding-left: 20px;
    margin-bottom: 10px;
    color: #3D3D3D;
}

.course-detail .lecturer {
    height: 25px;
    line-height: 25px;
    overflow: hidden;
    background-image: url(images/icon_course_3.png);
    background-repeat: no-repeat;
    background-size: auto 18px;
    background-position: left;
    padding-left: 20px;
    color: #3D3D3D;
}
.course-detail .summary {
    line-height: 220%;
    color: #717171;
    padding-top: 15px;
    margin-bottom: 15px;
}
.course-detail .share{
    margin: 20px 0px;
}
.course-detail .buy-info .rrp {
    text-align: center;
    color: #727171;
    margin-bottom: 15px;
   text-decoration: line-through;
    letter-spacing: 0.02em;
}
.course-detail .buy-info .price {
    text-align: center;
    color: #872F2B;
    line-height: 24px;
    margin-bottom: 15px;
    font-weight: bold;
}
.course-detail .buy-info .price span {
    font-size: 20px;
    display: inline-block;
}
.course-detail .buy-info .btns {
    text-align: center;
    margin-bottom: 10px;
}
.course-detail .buy-info .btns .btn {
    display: inline-block;
    width: 80%;
    height: 36px;
    line-height: 36px;
    border-radius: 4px;
    background-color: #872F2B;
    text-align: center;
    color: #FFFFFF;
    cursor: pointer;
}
.course-detail .buy-info .btns .disabled {
    background-color: #E5E5E5;
    color: #878787;
}
.course-detail .buy-info .buy-desc {
    text-align: center;
    color: #878787;
    font-size: 12px;
}
.course-detail .buy-info .buy-desc a {
    color: #727171;
    text-decoration: underline;
}
.course-detail .course-descriptions {
    margin-top: 50px;
}
.course-detail .course-descriptions .desc {
    line-height: 220%;
    color: #727171;
}
.course-chapters {
    border-bottom: 1px solid #D2D2D2;
}
.course-chapters .chapter-name {
    font-size: 18px;
    color: #872F2B;
    line-height: 50px;
}
.course-chapters .chapter-name span {
    display: inline-block;
    float: right;
    width: 30px;
    height: 30px;
    transform: translateY(10px);
    position: relative;
    cursor: pointer;
}
.course-chapters .chapter-name span:after {
    display: block;
    content: "";
    height: 3px;
    width: 20px;
    position: absolute;
    top: 13.5px;
    left: 5px;
    background-color: #872F2B;
}
.course-chapters .chapter-name span:before {
    display: block;
    content: "";
    height: 20px;
    width: 3px;
    position: absolute;
    top: 5px;
    left: 13.5px;
    background-color: #872F2B;
}

.course-chapters .chapter-name span.active:before {
    display: block;
    content: "";
    height: 0;
    position: absolute;
    top: 5px;
    left: 13.5px;
    background-color: #872F2B;
}
.course-chapters .course-sections {
    padding-left: 2rem;
    display: none;
}
.course-chapters .section-name {
    font-size: 1rem;
    color: #454545;
    line-height: 40px;
}
/*  课程  */

/*  购物车  */
.cart-lists {
    width: 65%;
    float: left;
}
.cart-lists .item{
    width: 100%;
    margin-top: 40px;
}
.cart-lists .item .image{
    width: 37%;
    background-position: center center;
    background-repeat: no-repeat;
    float: left;
}
.cart-lists .item .info{
    width: calc(34%);
    float: left;
}
.cart-lists .item .price{
    width: calc(21%);
    float: right;
    text-align: center;
}

.cart-lists .check-box{
    display: block;
    /*margin: 90px 45px;*/
    margin-top: 7%;
    margin-left: 5%;
    float:left;
}

.cart-lists .item .info .name {
    height: 50px;
    line-height: 25px;
    color: #872F2B;
    font-size: 16px;
    margin-bottom: 10px;
    overflow: hidden;
}
.cart-lists .item .info .duration {
    display: inline-block;
    /*height: 25px;*/
    line-height: 25px;
    background-image: url(images/icon_course_2.png);
    background-repeat: no-repeat;
    background-size: auto 18px;
    background-position: left;
    padding-left: 20px;
    margin-bottom: 10px;
}
.cart-lists .item .info .lecturer {
    /*height: 25px;*/
    line-height: 25px;
    overflow: hidden;
    background-image: url(images/icon_course_3.png);
    background-repeat: no-repeat;
    background-size: auto 18px;
    background-position: left;
    padding-left: 20px;
    /*overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;*/
}
.cart-lists .item .price .original {
    height: 30px;
    line-height: 30px;
    color: #727171;
    font-size: 18px;
}
.cart-lists .item .price .original .through{
    text-decoration: line-through
}
.cart-lists .item .price  .remove{
    font-size: 18px;
    text-decoration: underline;
    color: #872F2b;
}

.cart-lists .item .price .preferential_price {
    height: 50px;
    line-height: 50px;
    color: #872F2B;
    font-size: 18px;
    overflow: hidden;
}

.cart-subtotal {
    width: calc(35% - 40px);
    float: right;
}
.cart-subtotal .block-content{
    margin: 0px;
    background-color: #f5f5f5;
    padding: 20px;
    min-height: 320px;
    display: flex;
    flex-direction: column;
}
 .cart-subtotal .block-content .name{
    /*height: 30px;*/
    line-height: 30px;
    color: #727171;
    font-size: 18px;
    letter-spacing: 0.2em;
     width: 50%;
     float: left;
     word-break: break-all;
}
.cart-subtotal .block-content .price{
    /*height: 30px;*/
    line-height: 30px;
    color: #727171;
    font-size: 18px;
    letter-spacing: 0.2em;
    text-align: end;
    width: 30%;
    float: right;

}
.cart-subtotal .block-content .number{
    /*height: 30px;*/
    line-height: 30px;
    color: #727171;
    font-size: 18px;
    letter-spacing: 0.2em;
    width: 20%;
    float: left;
}

.cart-subtotal .block-content .selected{
    color: #872f2b;
}
.cart-subtotal .block-content .checked{

}
.cart-subtotal .block-content .results{
    flex: 1;
}
 .cart-subtotal .block-content .result{
     /*display: flex;*/
     /*flex-direction: row;*/
     justify-content: space-between;

 }

.cart-subtotal .block-content  .cart-total{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-bottom: 20px;
}

.cart-subtotal .block-content  .checked .btns {
    text-align: center;
    margin-bottom: 10px;
}
.cart-subtotal .block-content .checked .btn{
    display: inline-block;
    width: 80%;
    height: 36px;
    line-height: 36px;
    border-radius: 4px;
    background-color: #872F2B;
    text-align: center;
    color: #FFFFFF;
    cursor: pointer;
}

/*  购物车  */

/*  会员专区 member_index  */
.member-aside {
    padding-left: 20px;
}

.member-aside .item {
    display: block;
    line-height: 48px;
    font-size: 18px;
    color: #727171;
    border-bottom: 1px solid #E5E5E5;
    letter-spacing: 0.05em;
}
.member-aside .item.selected {
    color: #872F2B;
    font-weight: bold;
    font-size: 18px;
    letter-spacing: 0.05em;
}

.member-main {
    padding-left: 40px;
}

.member-item-left {
    width: 65%;
    float: left;
}
.member-item-right {
    width: 35%;
    float: right;
}
.member-userinfo {
    margin-bottom: 80px;
}
.member-main .member-userinfo .userface {
    width: 130px;
    height: 130px;
    float: left;
    margin-left: 50px;
}
.member-userinfo .username {
    width: 300px;
    height: 130px;
    float: left;
    margin-left: 50px;
    text-align: center;
    font-size: 22px;
    color: #6E6E6E;
    padding: 10px;
}
.member-userinfo .username a {
    display: block;
    color: #872F2B;
    font-size: 16px;
    margin-top: 60px;
    text-decoration: underline;
}
.member-userinfo .usercode {
    height: 130px;
    color: #872F2B;
    padding: 30px 0;
    line-height: 35px;
    font-size: 20px;
}
.member-userinfo .usercode {

}

.no-data .empty-text{
    font-size: 24px;
    letter-spacing: 0.2em;
    color: #727171;
}

.no-data .search-text{
    font-size: 18px;
    letter-spacing: 0.05em;
}

.collect-lists .item {
    width: 33%;
    float: left;
    background-color: #fff;
    margin-bottom: 40px;
    text-align: center;
}

.collect-lists .item .logo {
    width: 100%;
    height: 0;
    padding-bottom: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
}

.collect-lists .item .name{
    height: 42px;
    line-height: 20px;
    padding: 0px 10%;
    color: #872F2b;
    cursor: pointer;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-align: left;
    -webkit-line-clamp: 2;
    margin-top: 20px;
}
.collect-lists .item .name a{
    color: #872F2b;
}
.collect-lists .item .author {
    height: 20px;
    line-height: 20px;
    overflow: hidden;
    padding: 0 10%;
    text-align: left;
    color: #3D3D3D;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-top: 10px;
}
.collect-lists .item .author a{
    color: #3D3D3D;
}
.member-course-table .body .detail{
    width: 60%;
}
.member-course-table .body .date{
    width: 20%;
}
.member-course-table .body .edit{
    width: 20%;
}

/*  会员专区 我的课程 member_customer_course  */
.member-main .member-course-table{
    width: calc(100% - 20px);
    border: 0px;
    border-spacing: 0px 22px;
}
.member-main th:first-child{
    padding-left: 20px;

}
.member-main tr{
    border: 0px;
}
.member-main th{
    border: 0px;
    text-align: start;
    color:#727171;
    letter-spacing: 0.2em;
}
.member-main td{
    border: 0px;
}
.member-course-table .head {
    background-color: #F2F2F2;
    height: 40px;
    font-weight: 700;
    font-size: 14px;
    letter-spacing: 0.25em;
}
.member-course-table .head .detail{
    width: 50%;
}
.member-course-table .head .date{
    width: 15%;
}
.member-course-table .head .edit{
    width: 20%;
}
.member-course-table .button{
    display: inline-block;
    /* width: 35%; */
    background-color: #FFFFFF;
    color: #727171;
    text-align: center;
    line-height: 30px;
    border: 1px solid #727171;
    padding: 0 15px;
    font-size: 14px;
    border-radius: 5px;
    cursor: pointer;
    margin-left: 20px;
}
/*  会员专区 我的课程 member_customer_course  */
.member-main .member-course-table{
    width: calc(100% - 20px);
    border: 0px;

}
.member-main th:first-child{
    padding-left: 20px;

}
.member-main tr{
    border: 0px;
}
.member-main th{
    border: 0px;
    text-align: start;
    color:#727171;
    letter-spacing: 0.2em;
    font-size: 14px;
}
.member-main td{
    border: 0px;
}
/*.member-course-table .head {*/
    /*background-color: #c7c7c7;*/
    /*height: 40px;*/
/*}*/
.member-course-table .head .detail{
    width: 50%;
}
.member-course-table .head .head-date{
    width: 15%;
}
.member-course-table .head .edit{
    width: 20%;
}
.member-course-table .button{
    display: inline-block;
    /* width: 35%; */
    background-color: #FFFFFF;
    color: #727171;
    text-align: center;
    line-height: 30px;
    border: 1px solid #727171;
    padding: 0 15px;
    font-size: 14px;
    border-radius: 5px;
    cursor: pointer;
    margin-left: 20px;
}

.member-course-table .solid{
    color: #872F2B!important;
    border: 1px solid #872F2B!important;float: left;
}
.member-course-table .more {
    font-size: 20px;
    font-weight: 900;
    line-height: 40px;
    float: left;
    margin-left: 20px;
    color: #872F2B!important;
}
.member-course-table .item .image {
    float: left;
    width: 50%;
    height: 0;
    padding-bottom: 30%;
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: center center;

}
.member-course-table .item .name{
    height: 60px;
    line-height: 30px;
    color: #872F2B;
    font-size: 16px;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    display: -webkit-box;
    margin-bottom: 10px;
}
.member-course-table .item .duration {
    display: inline-block;
    height: 25px;
    line-height: 25px;
    background-image: url(images/icon_course_2.png);
    background-repeat: no-repeat;
    background-size: auto 18px;
    background-position: left;
    padding-left: 20px;
    margin-bottom: 10px;
    font-size: 14px;
    color: #3D3D3D;
}
.member-course-table .item .suitable {
    height: 25px;
    line-height: 25px;
    overflow: hidden;
    background-image: url(images/icon_course_1.png);
    background-repeat: no-repeat;
    background-size: auto 18px;
    background-position: left;
    padding-left: 20px;
    margin-bottom: 10px;
    color: #3D3D3D;
}
.member-course-table .item .lecturer {
    height: 25px;
    line-height: 25px;
    font-size: 14px;
    overflow: hidden;
    background-image: url(images/icon_course_3.png);
    background-repeat: no-repeat;
    background-size: auto 18px;
    background-position: left;
    padding-left: 20px;
    color: #3D3D3D;
}
.member-course-table  .date {
    font-size: 14px;
    color: #3D3D3D;
}
.member-course-table .item .info{
    float: right;
    width: calc(50% - 10px);
    color: #717171;
    position: relative;
}

/*会员专区 我的活动 member_customer_event */
.member-event-lists .item .info .event-date{
    height: 25px;
    line-height: 25px;
    overflow: hidden;
    background-image: url(images/icon_date.png);
    background-repeat: no-repeat;
    background-size: auto 18px;
    background-position: left;
    padding-left: 20px;
    bottom: 35px;
    color: #3D3D3D;
}
.member-event-lists .item .info .time {
    display: inline-block;
    height: 25px;
    line-height: 25px;
    background-image: url(images/icon_time.png);
    background-repeat: no-repeat;
    background-size: auto 18px;
    background-position: left;
    padding-left: 20px;
    margin-left: 20px;
    color: #3D3D3D;
}
.member-event-lists .item .info .address {
    line-height: 25px;
    background-image: url(images/icon_location.png);
    background-repeat: no-repeat;
    background-size: auto 18px;
    background-position: left;
    padding-left: 20px;
    bottom: 0;
    color: #3D3D3D;
}
.member-event-lists  .head .date{
    text-align: center;
}
.member-event-lists  .body .date{
    text-align: center;
}

/*会员专区 我的徽章 member_customer_event */
.member-badge-lists .item{
    width: 25%;
    float: left;
    text-align: center;
}
.member-badge-lists .item img{
    width: 66%;
    margin: auto;
}

.member-badge-lists .item .author{
    color: #3d3d3d ;
}

.member-badge-lists .item:nth-child(4n+1){
    clear: both;
}

/* 推荐文章 */
.home-blogs .font {
    letter-spacing:5px;
}
.home-blogs .category_name{
    letter-spacing:5px;
    font-size: 25px;
    line-height: 1.5rem;
}
.home-blogs .message{
    letter-spacing:5px;
    font-size: 25px;
    line-height: 1.5rem;
}
.home-blogs .item .info .title{
    height: 35px;
    line-height: 35px;
    color: #872F2B;
    font-size: 22px;
    overflow: hidden;
    letter-spacing: 5px;
    margin: 5px 0px 10px 0px;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    /* overflow: hidden; */
    text-overflow: ellipsis;
    display: -webkit-box;
}
.home-blogs .item .info .summary{
    height: 100px;
    max-height: 75px;
    line-height: 25px;
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    color: #3D3D3D;
}
.home-blogs .item .info .name{
    height: 25px;
    line-height: 25px;
    color: #872F2B;
    font-size: 14px;
    margin-bottom: 10px;
    cursor: pointer;
    overflow: hidden;
}
.recommend-blog .item .info .category {
    height: 35px;
    color: #727171;
    font-size: 24px;
    letter-spacing: 0.2em;
}

/* 推荐文章 */

/* 校長論壇 特殊品牌頁 */
.forum-lists .item .title {
    color: #872F2b;
    height: 40px;
    line-height: 20px;
    margin: 15px 0;
    cursor: pointer;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    color: #872F2B;
}
.forum-lists .item {
    float: left;
    width: calc(33.3% - 42px);
    margin-right: 41px;
    margin-bottom: 30px;
}
.forum-lists .item .summary {
    height: 60px;
    line-height: 20px;
    margin-bottom: 25px;
    color: #3D3D3D;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}
/*  会员专区 member_index  */

.login-box {
    width: 760px;
    margin: 0 auto;
    padding: 50px 0;
}

.form-item {
    margin-bottom: 20px;
    position: relative;
}
.form-item label {
    display: block;
    font-size: 14px;
    height: 25px;
    line-height: 18px;
}
.form-item input {
    display: block;
    width: 100%;
    height: 42px;
    line-height: 42px;
    padding: 0 10px;
    border-radius: 5px;
}
.form-item .input-radio{
    display: unset;
    height: auto;
    width: auto;
    margin-left: 20px;
}
.form-item .form-textarea{
    display: block;
    width: 100%;
    padding: 0 10px;
    border-radius: 5px;
    height: 150px;
}
.login-button {
    display: block;
    width: 100%;
    height: 42px;
    line-height: 42px;
    border: none;
    background-color: #872F2B;
    color: #FFFFFF;
}
.login-button:disabled {
    background-color: #E5E5E5;
    color: #878787;
}
.form-item .forget-text {
    position: absolute;
    top: 0;
    right: 0;
    color: #872F2B;
    text-decoration: underline;
}
.form-item .send-code {
    position: absolute;
    top: 25px;
    right: 0;
    width: 100px;
    height: 42px;
    line-height: 42px;
    text-align: center;
    background-color: #872F2B;
    color: #FFFFFF;
    border: none;
    border-radius: 5px;
}
.member-main .form-item .tips {
    color:#3d3d3d;
    font-size: 14px;
    letter-spacing: 0.05em;
    height: unset;
    height: 50px;
    line-height: 24px;
}
.member-main .form-item label{
    color:#872F2B;
    font-size: 18px;
    letter-spacing: 0.05em;
}
.member-main  .solid {
    color: #872F2B!important;
    border: 1px solid #872F2B!important;
    /*float: left;*/
}
.member-main .userface {
    width: 50px;
    height: 50px;
    margin: 20px 0px;
}
.member-main  .button{
    display: inline-block;
    /* width: 35%; */
    background-color: #FFFFFF;
    color: #727171;
    text-align: center;
    line-height: 40px;
    border: 1px solid #727171;
    padding: 0 15px;
    font-size: 14px;
    border-radius: 5px;
    cursor: pointer;
    /*margin-top: 20px;*/
    color: #872F2B;
    font-size: 18px;
    letter-spacing: 0.05em;
}
.member-main .form-item input{
    color: #3d3d3d;
    font-size: 14px;
}
/*  我的书架 member_book  */
/*.member-book-lists .item {
    width: 25%;
    float: left;
    background-color: #fff;
    margin-bottom: 40px;
    text-align: center;
}
.member-book-lists .item .logo {
    width: 100%;
    height: 0;
    padding-bottom: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
}
.member-book-lists .item .name {
    height: 42px;
    line-height: 21px;
    padding: 0 10%;
    color: #872F2b;
    cursor: pointer;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}*/
.member-main .member-book-table{
    width: calc(100% - 20px);
    border: 0px;
    border-spacing: 0px 22px;
}
.member-book-table .head {
    background-color: #F2F2F2;
    height: 40px;
    font-weight: 700;
    font-size: 14px;
    letter-spacing: 0.25em;
}
.member-book-table .head .detail{
    width: 30%;
}
.member-book-table .head .head-date{
    width: 15%;
}
.member-book-table .head .head-type{
    width: 5%;
}
.member-book-table .head .edit{
    width: 20%;
}
.member-book-table .button{
    display: inline-block;
    /* width: 35%; */
    background-color: #FFFFFF;
    color: #727171;
    text-align: center;
    line-height: 30px;
    border: 1px solid #727171;
    padding: 0 15px;
    font-size: 14px;
    border-radius: 5px;
    cursor: pointer;
    margin-left: 20px;
    margin-top: 0px;
}

.member-book-table .solid{
    color: #872F2B!important;
    border: 1px solid #872F2B!important;float: left;
}
.member-book-table .buy-one{
    /*color: #872F2B!important;*/
    /*border: 1px solid #872F2B!important;float: left;*/
    float: left;
}
.member-book-table .buy-one a{
    background-color: #872F2B;
    color: #FFFFFF;
}
.member-book-table .more {
    font-size: 20px;
    font-weight: 900;
    line-height: 32px;
    float: left;
    margin-left: 20px;
    color: #872F2B!important;
}
.member-book-table .item .image {
    float: left;
    width: 30%;
    height: 0;
    padding-bottom: 30%;
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: center center;

}
.member-book-table .item .name{
    height: 60px;
    line-height: 30px;
    color: #872F2B;
    font-size: 16px;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    display: -webkit-box;
    margin-bottom: 10px;
}
.member-book-table .item .name a{
    color: #872F2B!important;
}
.member-book-table .item .duration {
    display: inline-block;
    height: 25px;
    line-height: 25px;
    background-image: url(images/icon_course_2.png);
    background-repeat: no-repeat;
    background-size: auto 18px;
    background-position: left;
    padding-left: 20px;
    margin-bottom: 10px;
    font-size: 14px;
    color: #3D3D3D;
}
.member-book-table .item .suitable {
    height: 25px;
    line-height: 25px;
    overflow: hidden;
    background-image: url(images/icon_course_1.png);
    background-repeat: no-repeat;
    background-size: auto 18px;
    background-position: left;
    padding-left: 20px;
    margin-bottom: 10px;
    color: #3D3D3D;
}
.member-book-table .item .lecturer {
    height: 25px;
    line-height: 25px;
    font-size: 14px;
    overflow: hidden;
    background-image: url(images/icon_course_3.png);
    background-repeat: no-repeat;
    background-size: auto 18px;
    background-position: left;
    padding-left: 20px;
    color: #3D3D3D;
}
.member-book-table  .date {
    font-size: 14px;
    color: #3D3D3D;
}
.member-book-table  .date span{
    color: #7F7F7F;
    text-decoration: underline;
}
.member-book-table .item .info{
    float: left;
    width: calc(70% - 10px);
    color: #717171;
    position: relative;
}
.member-book-table .item .info a {
    color: #717171;
}

/* 分页 */
.navigation {
    margin-bottom: 50px;

    display: flex;
    justify-content: space-between;
    align-items: center;
}
.navigation .links {
    text-align: right;
}
.navigation .links a {
    display: inline-block;
    width: 2.5rem;
    height: 1.875rem;
    line-height: 1.875rem;
    text-align: center;
    font-size: 14px;
    font-weight: 400;
    color: #727171;
}
.navigation .links a:hover {
    color: #872F2B;
    font-weight: bold;
    font-size: 1.2rem;
}
.navigation .links a.current {
    color: #872F2B;
    font-weight: normal;
    font-weight: 700;
    font-size: 16px;
}
/* 分页 */

/*  页面底部 模块  */
#footer {
    background-color: #872F2B;
    color: #FFFFFF;
    text-align: center;
    padding: 30px 0;
    /*max-width: 1980px; //缩放百分比 */
    margin: 0 auto;
}
#footer .footer-title {
    font-size: 14px;
    margin-bottom: 20px;
}
#footer .footer-share img {
    width: 55px;
    margin: 0 20px;
}
#footer .footer-links a {
    display: inline-block;
    color: #FFFFFF;
    margin: 20px 10px;
    cursor: pointer;
}
#footer .copyright {
    color: #BBBBBB;
}
/*  页面底部 模块  */
/*  臨時註冊頁面模块  */

.h5banner{display: none}
/*  臨時註冊頁面模块  */


.radio-sex {
    position: relative;
    display: inline-block;
    margin-right: 12px;
}

.radio-sex input {
    vertical-align: middle;
    margin-top: -2px;
    margin-bottom: 1px; /* 前面三行代码是为了让radio单选按钮与文字对齐 */
    width: 20px;
    height: 20px;
    appearance: none; /*清楚默认样式*/
    -webkit-appearance: none;
    opacity: 0;
    outline: none; /* 注意不能设置为display:none*/
}

.radio-sex label {
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1; /*注意层级关系，如果不把label层级设为最低，会遮挡住input而不能单选*/
    width: 20px;
    height: 20px;
    border: 1px solid #3582E9;
    border-radius: 100%;
}

.radio-sex input:checked + label {
    background: #3582E9;
}

.radio-sex input:checked + label::after {
    content: "";
    position: absolute;
    left: 8px;
    top: 2px;
    width: 5px;
    height: 12px;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
    transform: rotate(45deg);
}

.reset-radio-wrap {
    display: inline-block;
    width: 100%;
    /*border: 1px solid #ededed;*/
    padding-left: 15px;
}
.reset-radio-wrap label {
    display: inline-block;
    padding: 5px 25px 5px 25px;
    position: relative;
    cursor: pointer;
}
.reset-radio-wrap label input[type=radio] {
    width: 16px;
    height: 16px;
    background-image: url(images/radio_off.png);
    appearance: none;
    -webkit-appearance: none;
    outline: none;
    position: absolute;
    top: 50%;
    left: 0px;
    margin-top: -8px;
    background-repeat: no-repeat;
    margin-left:0px
}
.reset-radio-wrap span{
    color: #3d3d3d;
    font-size: 14px;
}
.reset-radio-wrap label input[type=radio]:checked {
    background-image: url(images/radio_on.png);
}