.screen-box{margin: auto;width: 1320px;}
.nav{margin-top: 11px;justify-content:space-between}
.logo-box{width: 329px;position: relative;display: block;height: 61px;}
.logo{position: absolute;width: 61px;height: 57px;background: url(../images/logo.png); left: 0;top:5px}
.logo-top{position: absolute;width: 259px;height: 41px;background: url(../images/logo-top.png); left: 71px;top:0}
.logo-bottom{position: absolute;width: 118px;height: 18px;background: url(../images/logo-bottom.png); left: 71px;top:41px}

.search-box{width: 554px;height: 40px;border-radius: 20px;background-color: #fff;padding:0 4px;margin-top:10px;}
.search-box input{border-radius: 20px;flex-grow: 2; border: 0;padding-left: 20px;outline:none;}
.search-box div{width: 59px;height: 33px;border-radius: 20px;background: rgba(56, 56, 56, 1);margin-top:3px; cursor: pointer; text-align:center;line-height:33px;color:#fff;}

.menu a{color: #fff; padding:10px 20px ;font-weight: 500;}
.menu a.e{font-weight: 700;}
.menu a.login{width: 80px;height: 40px;text-align: center;line-height: 40px;color: #670001;background:#FFFFFF;border-radius:4px;padding:0;margin-left: 20px;}



.mask{position: fixed;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.2);z-index: 88;top: 0;left: 0;}
.read-box{position: fixed;width: 800px;height: 320px;z-index: 89;background: #fff;left: 50%;top:50%;transform: translate(-50%, -50%)}
.read-qr{position: absolute;top: 9px;right: 10px;width: 47px;height: 47px;background: url(../images/qr.png) no-repeat;background-size: contain;cursor: pointer;}
.read-book-img{position: absolute;width: 168px;height: 240px;top: -34px;left: 36px;border-radius: 8px;overflow: hidden;}
.read-book-img img {width: 100%;height: 100%;object-fit: cover;}
.read-content{margin-left: 240px;margin-right: 30px;height:300px;position:relative;}
.read-title{font-size: 20px;font-weight: 700;color: rgba(56, 56, 56, 1);margin-top: 20px;}
.read-author{color: rgba(56, 56, 56, 1);font-size: 14px;font-weight: 500;}
.read-other{font-size: 12px;color: rgba(128, 128, 128, 1);margin-top: 13px;}
.read-desc{font-size: 14px;color: rgba(128, 128, 128, 1);padding-top: 17px;border-top:0.5px solid #E5E5E5;margin-top: 15px;line-height:22px;}
.read-tool{justify-content:center;gap: 14px;margin-top: 20px;color: rgba(56, 56, 56, 1);font-size: 12px;cursor: pointer;position:absolute;bottom:20px;width:100%}
.read-tool div{background: #F6F6F6;width: 110px;height: 32px;text-align: center;line-height: 32px;border-radius: 16px;}
.read-tool div.read-but{background: #D64F4F;color: #fff;}
.read-qr-box{width: 210px;height: 228px;opacity: 1;border-radius: 2px;background: #FFFFFF;box-shadow: 0px 2px 4px  #000000;position: absolute;top: 0;right: -230px;}
.qr-info{width: 180px;height: 180px;}
.qr-info img{width: 100%;height: 100%;object-fit: cover;margin-left: 15px;margin-top: 10px;}
.qr-text{text-align: center;margin-top: 12px;color: rgba(56, 56, 56, 1);font-size: 14px;}