.mtts-header {
    width: 1220px;
    height: 526px;
    margin: 0 auto 24px;
    background: url("../../images/img/mtts/header_bg.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%;
}
.mtts-con{
    width: 1220px;
    margin: 0 auto;
}
.mtts-con-title{
    font-size: 28px;
    text-align: center;
    height: 116px;
    line-height: 116px;
    letter-spacing: 10px;
    text-align: center;
    background: #faeeea;
}
.mtts-con-h1:after{
    content: "";
    position: absolute;
    bottom: -20px;
    width: 120px;
    height: 1px;
    display: inline-block;
    background: #E71F12;
}
.mtts-con-h1{
    position: relative;
    font-size: 19px;
    line-height: 34px;
    margin-top: 20px;
    display: none;
}
.mtts-con-desc {
    font-size: 20px;
    color: #464545;
    padding: 0px 0px 20px;
    line-height: 44px;
    margin-bottom: 10px;
    margin-top: -12px;
}
.mtts-con-desc p{
    margin: 12px 0;
    text-align: justify;
}
.mtts-con-books {
    padding: 12px 0px 10px;
    display: flex;
    justify-content: space-between;
    flex-flow: row wrap;
    align-items: center;
    margin-bottom: 10px;
}
.mtts-con-books:after{
    content: "";
    width: 37.4%;
}

.mtts-con-books-itme,.yl {
    /*width: 194px;*/
    /*height: 270px;*/
    margin: 0 0px 104px;
    position: relative;
    text-align: center;

}

.mtts-con-books-itme a,.yl a {
    display: block;
}
.mtts-con-books-itme img,.yl img{
    border: 1px solid #ebebeb;
    box-shadow: 5px 5px 10px #ebebeb;
    margin: 0px 4px;
    height: 270px;
    width: 194px;
    display: block;
}
.yl img.base{
    height: 225px;
    width: 162px;
}


.mtts-con-books-itme-con{
    position: absolute;
    /*bottom: -64px;*/
    left: 0;
    width: 100%;
    margin-top:10px;
}
.mtts-con-books-itme-con-name{
    font-size: 18px;
    color: #444444;
    text-align: center;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-all;
}
.mtts-con-books-itme-con-author{
    text-align: center;
    font-size: 14px;
    margin-top: 6px;
    color: #888;
}
.mtts-con-books-itme-con-desc{
    display: none;
    width: 326px;
    height: 270px;
    position: absolute;
    top: 0px;
    right: -326px;
    background: #f6f6f6;
    z-index: 1;
    border: 1px solid #ddd;
    border-radius: 4px;
    box-sizing: border-box;
    padding: 15px 10px;
    text-align: left;
    color: #888;
}
.yl:last-child .mtts-con-books-itme-con-desc{
    height: 300px;
}
.mtts-con-books-itme-con-desc .mtts-con-books-itme-con-author,
.mtts-con-books-itme-con-desc .mtts-con-books-itme-con-name{
    text-align: left;
}
.mtts-con-books-itme-con-desc:after{
    content: '';
    width: 8px;
    height: 17px;
    background: url("../../images/img/arrows2.png") center top no-repeat;
    position: absolute;
    left: -8px;
    top: 50%;
    margin-top: -8px;
}
.mtts-con-books-itme:nth-of-type(5n+5) .mtts-con-books-itme-con-desc{
    right: initial;
    left: -326px;
}
.mtts-con-books-itme:nth-of-type(5n+5) .mtts-con-books-itme-con-desc:after{
    left: initial;
    right: -7px;
    transform: rotate(180deg);
    -moz-transform:rotate(180deg) ;
}
.yl:nth-of-type(6n+6) .mtts-con-books-itme-con-desc{
    right: initial;
    left: -326px;
}
.yl:nth-of-type(6n+6) .mtts-con-books-itme-con-desc:after{
    left: initial;
    right: -7px;
    transform: rotate(180deg);
    -moz-transform:rotate(180deg) ;
}

.mtts-con-books-itme-con-text{
    color: #888;
    margin-top: 12px;
    line-height: 21px;
}
.mtts-con-books-itme a:hover ~.mtts-con-books-itme-con-desc,.yl a:hover ~.mtts-con-books-itme-con-desc{
    display: block;
}
.mtts-con-books-itme img:hover ~.mtts-con-books-itme-con-desc,.yl img:hover ~.mtts-con-books-itme-con-desc{
    display: block;
}
.mtts-con-ch {
    /*background: #faeeea;*/
    overflow: hidden;
}
.mtts-con-ch-item{
    padding: 40px;
    border-bottom: 1px solid #f5e6e3;
    margin-bottom: 0px;
}
.mtts-con-ch .mtts-con-ch-item:nth-child(odd){
    background: #f8f8f8;
}
.mtts-con-ch-item.f8{
    background: #f8f8f8;
}
.mtts-con-ch-item::after{
    clear: both;
    content: ' ';
    display: table;
}
.mtts-con-ch-item:nth-child(10){
    border-bottom: 1px solid transparent;
}
.mtts-con-ch-item-cover{
    width: 190px;
    margin-right: 30px;
    text-align: center;
    background: #fff;
    float: left;
    vertical-align: middle;
    height: 190px;
    border: 1px solid #f5e6e3;
    border-radius:96px;
    margin-top: 5px;
    display: flex;align-items: center
}
.mtts-con-ch-item-cover img{
    align-items: center;
    margin: 0 auto;
}

.mtts-con-ch-item-title{
    font-size: 20px;
    margin: 15px 0px;
    font-weight: bold;
}
.mtts-con-ch-item-desc{
    font-size: 16px;
    margin-bottom: 0px;
    line-height: 26px;
    width: 1130px;
    text-align: justify;
}
.mtts-angle{
    position: relative;
}
/*.mtts-angle::after {
    content: '';
    position: absolute;
    bottom: -50px;
    left: 50%;
    margin-left: -56px;
    width: 0;
    height: 0;
    border-left: 50px solid transparent;
    border-right: 50px solid transparent;
    border-top: 50px solid #fff;
}*/
.mtyl::after{
    border-top: 50px solid #f6f6f6;
}
@media screen and (max-width: 980px) {
    .mtts-con{
        width: 1100px;
        overflow: hidden;
    }
}
.mtts-con-books-itme img.mobile, .yl img.mobile{
    display: none !important;
}
.mobile{
    display: none !important;
}
.pc{
    display: block !important;
}

/*小屏幕*/
@media screen and (max-width: 768px) {
    .mtts-con{
        width:100%;
    }
    .mtts-con-desc{
        padding-bottom:10px;
    }
    .mtts-con-desc p{
        margin:10px auto 0;
        width: calc(100% - 40px);
        line-height: 32px;
        font-size: 15px !important;
    }
    .mtts-con-books{
        margin:0 auto;
        width: calc(100% - 40px);
        padding-top:0;
    }
    .yl,.mtts-con-books-itme{
        width:47%;/*31*/
        height:auto;
        margin-bottom:0;
    }
    .mtts-con-books-itme img, .yl img{
        margin:0;
        width:100%;
        height:auto;
    }
    .yl img.base{
        width:100%;
        height:auto;
    }
    .mtts-con-books-itme-con-name{
        font-size:14px;
    }
    .mtts-con-books-itme-con-author{
        font-size: 12px;
        min-height:36px;
        margin-top: 4px;
    }
    .mtts-con-books:after{
        width: 31%;
    }
    .mtts-con-books-itme-con{
        position: inherit;
        bottom: inherit;
        left: inherit;
        /*min-height:60px;*/
        /*min-height:80px;*/
    }
    .mtts-con-books-itme img:hover ~.mtts-con-books-itme-con-desc,.yl img:hover ~.mtts-con-books-itme-con-desc{
        display: none;
    }
    .mtts-con-books-itme-con-desc,.mtts-con-books-itme:nth-of-type(3n+3) .mtts-con-books-itme-con-desc,.mtts-con-books-itme:nth-of-type(5n+5) .mtts-con-books-itme-con-desc{
        height:auto;
        min-height:270px;
        /*width: 228%;*/
        /*right:-228%*/
        left:inherit;
        width: 125%;
        right: -125%;
    }
    .mtts-con-books-itme-con-desc .mt-close{
        position: absolute;
        top:10px;
        right:10px;
        width:20px;
        height:20px;
    }
    .mtts-con-books-itme-con-desc .mt-close img{
        border:none !important;
        box-shadow: none !important;
    }
    .mtts-con-books-itme:nth-of-type(5n+5) .mtts-con-books-itme-con-desc:after{
        left:-8px;
        transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
    }
    .mtts-con-books-itme:nth-of-type(2n+2) .mtts-con-books-itme-con-desc:after {
        left: initial;
        right: -7px;
        transform: rotate(180deg);
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
    }
    .mtts-con-books-itme:nth-of-type(2n+2) .mtts-con-books-itme-con-desc{
        right: initial;
        left:-125%;
    }
    .mtts-con-books-itme img.pc, .yl img.pc{
        display: none !important;
    }
    .mtts-con-books-itme img.mobile, .yl img.mobile{
        display: block !important;
    }
    .mtts-con-books-itme-con-text{
        margin-top:0;
    }
    .mtts-con-books-itme-con-desc:after{
        top:20%;
    }
    .pc{
        display: none !important;
    }
    .mobile{
        display: block !important;
    }
    .tc{
        text-align: center !important;
        width:100% !important;
    }

}