/*公用样式部分*/
body,h1,h2,h3,h4,h5,h6,div,p,dl,dt,dd,ol,ul,li,form,table,th,td,a,img,span,strong,var,em,input,textarea,select,option{margin:0;padding:0;}
html,body{font-family:"微软雅黑";font-size: 16px;}
ul,ol,li{list-style:none;}
img{border:0;vertical-align: top;}
input,select,textarea{outline:0;}
textarea{resize:none;}
table{border-collapse:collapse;border-spacing:0;}
th,strong,var,em{font-weight:normal;font-style:normal;}
a{text-decoration:none; color:#000;}
a:link,a:visited,a:hover,a:active{text-decoration:none;}
.clearfix:after {content:"\200B"; display:block; height:0; clear:both;}
.clearfix {*zoom:1;}
.f_hidden{display: none;visibility: hidden;}
.none{display: none;}
.clear{clear:both;}
* {box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;}

body{background: linear-gradient(to bottom, #ffebd8 0%, #fffefb 100%);}
.wrap{background: #fff6ed url(../images/bg_column_top.png) center 0 no-repeat;}
.section{background: url(../images/bg_column_bottom.png) center bottom no-repeat;}
.crumbsBox{width: 1200px; margin: 0 auto;}
#breadcrumb{width: 100%; line-height: 2em; font-size: 14px; color: #222;padding:40px 0 30px;border-bottom: 1px solid #f78d4d;margin-bottom: 60px;}
#breadcrumb a{color: #222;}
#breadcrumb a:hover{color: #bd1a2d;}

.waterfall_wrap {width: 1200px;margin: 0 auto;padding-bottom: 200px;}
.waterfall-container {column-count: 3;column-gap: 45px;}
.lazyload {opacity: 0;transition: opacity 0.3s;-webkit-transition: opacity 0.3s;min-height: 150px;}
.lazyloaded {opacity: 1;}
#load-status {text-align: center;padding: 20px;color: #000;font-size: 16px;display: none;}

.waterfall-item{position: relative;margin-bottom: 45px;}
.waterfall-item .book-card{position:relative;height:290px;border:0;display:flex;display:-ms-flexbox;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;overflow:hidden;}
.waterfall-item .book-card img{width: 100%;height: 100%;}
.waterfall-item .ribbon{position:absolute;left:0;top:15px;z-index:3;background:#f78742;color:#fff;font-size:14px;padding:6px 20px 6px 12px;clip-path:polygon(0 0,100% 0,calc(100% - 12px) 50%,100% 100%,0 100%);-webkit-clip-path:polygon(0 0,100% 0,calc(100% - 12px) 50%,100% 100%,0 100%);letter-spacing:1px;}
.waterfall-item .book-intro{padding:60px 20px 30px;background: rgba(0, 0, 0, 0.6);height:290px;position: absolute;top: 0;left: 0;display: none;width: 100%;}
.waterfall-item a>h3{color:#fff;font-size:24px;line-height:1.5em;color: #fff;position: absolute;left: 0;top:120px;width: 100%;text-align: center;padding: 0 2%;}
.waterfall-item .book-intro h3{color:#fff;font-size:24px;line-height:1.5em;color: #fff;padding-top: 20px;text-align: center;}
.waterfall-item .book-intro h4{color:#fff;font-size:14px;line-height:1.5em;color: #fff;padding-top: 20px;text-align: center;font-weight: 400;}
.waterfall-item .book-intro .txt{border-top:1px solid #ffe3ac;color:#fff;font-size:16px;line-height:1.5em;padding-top: 20px;margin-top: 20px;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow: hidden;}
.waterfall-item:hover .book-intro{display: block;}
.waterfall-item:hover a>h3{display: none;}
.waterfall-item .icon_local{background: url(../images/icon_local_column.png) 0 0 no-repeat;width: 14px;height: 18px;display: inline-block;vertical-align: middle;margin-right: 5px;}
.wrap_shudan .waterfall-item{border: 1px solid #f78742;}
.wrap_shudan .waterfall-item .ribbon{top: 25px;}
.wrap_shudan .waterfall-item .book-intro h3{padding-top: 45px;}
.jiucuo_btn{position: fixed;right: 0;bottom:350px;z-index: 1001;}
.jiucuo_btn a{display: block;background: #fff;width: 55px;border-top-left-radius: 10px;border-bottom-left-radius: 10px;padding: 10px 0;text-align: center;box-shadow: 0px 0px 10px 0px rgb(5 0 0 / 10%);}
.jiucuo_btn img{width:30px;}
.jiucuo_btn p{font-size:16px;color:#C72820;padding: 5px 0 0;font-weight:700;}
.jiucuo_btn p span{display:block;}
.jiucuo_btn .close_jiucuo_btn{position: absolute;left: -15px;top: -15px;cursor: pointer;width: 30px;height: 30px;display: flex;align-items: center;justify-content: center;}
.jiucuo_btn .close_jiucuo_btn img{width:15px;height:15px;}
@media screen and (max-width:1023px){
    html,body{width:100%;overflow-x:hidden;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}
    body{font-size:16px;}
    img{max-width:100%;height:auto;}
    .wrap{background-size:cover;background-position:center top;}
    .section{background-size:cover;background-position:center bottom;}
    .crumbsBox{width:100%;padding:0 15px;box-sizing:border-box;}
    #breadcrumb{padding:20px 0 15px;margin-bottom:25px;font-size:13px;line-height:1.8;}
    .waterfall_wrap{width:100%;padding:0 15px;box-sizing:border-box;padding-bottom: 20px;}
    .waterfall-container{column-count:1;column-gap:0;}
    .waterfall-item{display:inline-block;width:100%;margin-bottom:20px;position:relative;break-inside:avoid;-webkit-column-break-inside:avoid;page-break-inside:avoid;}
    .waterfall-item .book-card{height:auto;min-height:0;}
    .waterfall-item .book-card img{width:100%;height:auto;display:block;}
    .waterfall-item .ribbon{top:10px;font-size:14px;padding:5px 16px 5px 10px;}
    .waterfall-item .book-intro{height:100%;padding:30px 15px 20px;box-sizing:border-box;}
    .waterfall-item .book-intro h3{font-size:18px;padding-top:10px;}
    .waterfall-item .book-intro h4{font-size:16px;padding-top:10px;}
    .waterfall-item .book-intro .txt{font-size:16px;line-height:1.5em;padding-top:12px;margin-top:12px;}
    .waterfall-item a > h3{font-size:18px;top:20%;padding:0 10px;}
    .waterfall-item .icon_local{background-size:contain;width:12px;height:16px;margin-right:4px;}
    #load-status{font-size:14px;padding:15px 0;}
   }
   @media screen and (max-width:767px){
    .jiucuo_btn{bottom:240px;}
    .jiucuo_btn p{font-size:14px;padding:3px 0 0;}
    }
   @media screen and (max-width:375px){body{font-size:14px;}
   .waterfall-item .book-intro h3{font-size:16px;}
   .waterfall-item a > h3{font-size:16px;}
   .waterfall-item .ribbon{font-size:12px;padding:4px 14px 4px 8px;}
   }