.yearbooks {
  padding-bottom: 4%;
}

.yearbooks h2 {
  text-align: center;
}

.yearbooks__pic::before {
  padding-top: 65.63%;
}

.yearbooks__info {
  color: #1a1a1a;
  font-size: 17px;
}

.yearbooks__info:hover {
  color: #EBBF68;
}

.production {
  padding:2% 0;
}
.production .bnav { width: 40%; }

/*.production h2 {
  text-align: center;
}
*/
.production__pic::before {
  padding-top: 65.63%;
}

.production__info {
  color: #1a1a1a;
  font-size: 17px;
  margin-bottom: 5px;
  text-align:left;
  
  border-radius: 0 0 8px 8px;

}
.entries{border: 1px solid #CFCFCF;
  border-top: none;}
.production__info__author {
  color: #A6A6A6;
  font-size: 14px;
  margin-top: 0px;
  padding-left: 3%;;

    margin-bottom: 10px;
}

.production__info__brief {
  color: #A6A6A6;
  font-size: 14px;
  margin-top: 0px;
  padding-left: 3%;;
   -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  display: -webkit-box;
  overflow: hidden;
   margin-bottom:1em;
}
.production__info__brief p{padding: 0;margin: 0}
.production__info .line1{
    font-size: 22px;
    margin: 0;
    padding-top: 29px;
    margin-bottom: 3%;
    padding-left: 3%;

}
.cultureList .line1{text-align: center;font-weight: bold;padding-left:0; }
.production__info:hover {
  color: #EBBF68;
}
.production__info .tags{
   position: relative;
    width: 97%;
    padding-left: 3%;
    color: #ABABAB;
    font-size: 12px;
    margin-bottom: 2%;
  }
  .production__info .tags span{ width: auto;height: 17px;line-height: 17px;border: 1px solid #E7E7E7;padding: 3px; margin-right: 10px;}
  .production__info .tags .pushtime{
  border: none;height: 30px;
}
.production .detail{
   background-color: #ebbf68;
     font-size:16px;
     text-align: center;
     color: #ffffff;
     border-radius: 20px;
     width: 120px;
     height: 30px;
     line-height: 30px;
     display: block;
     margin: 25px auto;
}


.book-col-list {
  display: flex;
  flex-wrap: wrap;
}

.book-col-list .book-col-list__item {
  flex-shrink: 0;
  width: 28%;
  margin-right: 5%;
  margin-top: 5%;
}
.book-col-list .book-col-list__item:nth-child(1),.book-col-list .book-col-list__item:nth-child(2),.book-col-list .book-col-list__item:nth-child(3) {
 margin-top: 0;
}
.book-col-list .book-col-list__item:nth-child(3n) {
  margin-right: 0;
}

.book-col-list .book-col-list__item .book-col-list__item__pic {
  position: relative;
  overflow: hidden;
  box-shadow: 4px 4px 10px 0px #e1dddd;border-radius: 10px;
}
.book-col-list .book-col-list__item .book-col-list__item__pic .bookinfo{
  border: none;
}

.book-col-list .book-col-list__item .book-col-list__item__pic::before {
 /* content: '';
  display: block;*/
}

.book-col-list .book-col-list__item .book-col-list__item__pic img {
  /*position: absolute;*/
  width: 80%;
  
  transition: all .3s linear;
  /*border-radius:8px 8px 0 0;*/
  margin: 30px 10%;
}

.book-col-list .book-col-list__item .book-col-list__item__pic img:hover {
  transform: scale(1.1);

}
.book-col-list .book-col-list__item__pic:hover .qrcode{display: block;}
.book-col-list .qrcode{position: absolute;
    top: 0;
    width: 100%;
     height: 100%; 
    background-color:rgba(0,0,0,0.6);
    text-align: center;display: none;}
.book-col-list .book-col-list__item__pic .qrcode img{width: 50%;margin-top: 40%;background-color:#fff;border-radius:10px;padding:10px;opacity: 1}
.book-col-list .qrcode p{color: #fff;font-size: 18px;text-align: center;}

.bookdetail .navloc{font-size: 18px; color:#707070;padding:25px 0}
.bookdetail .title{color: #000000;text-align: left;}
.bookdetail .sjxq{color: #707070;}
.bookdetail .content{color: #a7a7a7;}

.bookdetail .left{width:30%;box-shadow: 4px 4px 10px 0px #e1dddd;border-radius: 10px;text-align: center;}
.bookdetail .left img{margin:20px auto;}
.bookdetail .left img.qrcode{width: 150px; height:150px;border-radius: 10px;}
.bookdetail .right{width:66.7%;padding-left: 3.3%;}
.bookdetail .line1{
  font-size: 22px;
  font-weight: bold;
   margin-top: 10px;
  margin-bottom: 10px;
}
.bookdetail .buyonline{
   background-color: #ebbf68;
     font-size:16px;
     text-align: center;
     color: #ffffff;
     border-radius: 20px;
     width: 120px;
     height: 30px;
     line-height: 30px;
     display: block;
     margin: 25px auto;
}