body,p,ol,dl,ul,li,dt,dd,input,fieldset,h1,h2,h3,h4,h5,h6,table,form{margin:0;padding:0}
li{list-style-type:none}
a{text-decoration:none;color:#666;cursor: pointer;}
.left{float:left;}
.right{float:right;}
.clear:after{content:".";clear:both;height:0;visibility:hidden;overflow:hidden;display:block;}
img{border:none;vertical-align: top;}
body{font:12px "SimSun";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
input{border:none}

body{background: #fdfaf5;overflow-x: hidden;}
.banner{margin-bottom: 50px;}
.banner img{width: 100%;}

.main{width: 1200px;margin:0 auto;}
.main a{display: block;}

.bgPc2{width: 100%;padding:60px 0 48px;background: #fcfaf4;}
.mainBottom ul img{width: 154px;height: 208px;border:1px solid #c6c6c6;}
.mainBottom ul li{float:left;width: 330px;padding:24px 24px;border:1px solid #cb0101;margin-bottom: 18px;}
.mainBottom .mainli{margin-right: 0}
.mainBottomCover{width: 154px;margin-right: 20px;}
.bookMsgBox{width: 155px;}
.mainBottom ul .tx{text-align: center;}
.mainBottom ul .tl{text-align: left;}
.f18{font-size: 18px;line-height: 24px;margin-bottom: 10px;color:#333;font-weight: bold;}
.f16{font-size: 16px;line-height: 22px;margin-bottom: 10px;color:#999;font-weight: bold;margin-top: 28px;}
.f14{font-size: 14px;color:#666;}
.pb{color:#fff;width:108px;height:34px;line-height: 34px;background: #cb0101;}
.tt{min-height: 50px;line-height: 24px;word-break: break-all; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
.more{width: 140px;height: 38px;line-height: 38px;margin:0 auto;color: #cb0101;text-align: center;}

.m30{margin:0 30px;}
.bgPc1{width: 100%;padding-top:60px;padding-bottom:48px;background: url(../img/bg1.jpg) center center no-repeat;}
.bgPc2{background:#fdfaf5;}
.bgPc0{background:#f8f2f2;}
.biaoti{width: 382px;height: 49px;margin:0 auto 40px;}
.biaoti img{width:100%;}
.bgPc3{width: 100%;padding-top:60px;background: url(../img/bg2.jpg) center center no-repeat;}

.bgPc4{width: 100%;padding-top:60px;padding-bottom:48px;background: url(../img/bg2.jpg) center top no-repeat;}



a.backPrev {
    float: left;
    margin-right: 16px;
    padding-left: 12px;
    width: 76px;
    height: 36px;
    text-align: center;
    color: #fff;
    font-size: 18px;
    background: url(../img/backPrev.png) no-repeat right center;
    line-height: 36px;
}
.path{
    overflow: hidden;
    padding: 10px;
}
.f_title {
    text-align: right;
    font-size: 13px;
    color: #333;
    margin: 20px 60px -40px 0;
    padding-bottom: 24px;
}
.footer {
    line-height: 24px;
}
.footMain {
    padding: 30px 0;
    text-align: center;
    color: #fff;
}
.footer{
    font-size: 13px;
    color:#fff;
} 
.footer a{
    color:#fff;
}
@media screen and (min-width:320px) and (max-width:1024px){
    body{width: 125%}
} 
@media screen and (min-width:1400px) and (max-width:2000px){
    .book_list li .list_book_name {font-size: 16px;}
}
.mylist{
    display: flex;
    justify-content: space-between;
}
.mylist>li{
    width: 30%;
}
.three-line{
	display: inline;
	text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  line-clamp: 3;
  -webkit-box-orient: vertical;
}