.surnameBox[data-v-bc90acb2]{padding-top:5.208333vw;padding-bottom:18.75vw;width:100%;min-height:100vh;box-sizing:border-box;background-image:url(../img/surnameDetilesBg.d741d15a.jpg);background-repeat:no-repeat;background-size:cover;overflow:auto}.BoxMsg[data-v-bc90acb2]{width:67.708333vw;margin:0 auto;padding-bottom:1.041667vw}.BoxMsg .BookMain .bookList[data-v-bc90acb2]{width:100%;height:15.625vw;margin-bottom:1.041667vw;padding:1.041667vw 2.083333vw;box-sizing:border-box;background-color:rgba(255,246,231,.5);display:flex;justify-content:space-between;align-items:center}.BoxMsg .BookMain .bookList .activeFm[data-v-bc90acb2]{width:7.291667vw;height:10.416667vw;object-fit:contain;margin-right:.520833vw}.BoxMsg .BookMain .bookList .activeMsg[data-v-bc90acb2]{width:calc(100% - 8.33333vw);height:11.458333vw;color:#666;position:relative;font-size:.833333vw}.BoxMsg .BookMain .bookList .activeMsg .bookName[data-v-bc90acb2]{color:#333;font-size:1.458333vw;margin-bottom:.520833vw}.BoxMsg .BookMain .bookList .activeMsg .botText[data-v-bc90acb2]{margin-top:1.041667vw}.BoxMsg .BookMain .bookList .activeMsg .btnLook[data-v-bc90acb2]{position:absolute;right:0;bottom:0;width:6.25vw}.BoxMsg .containBox[data-v-bc90acb2]{background-color:rgba(255,246,231,.5);width:100%;padding:1.041667vw 0;box-sizing:border-box;min-height:10.416667vw}.BoxMsg .containBox .containTop[data-v-bc90acb2]{text-align:center}.BoxMsg .containBox .containBot[data-v-bc90acb2]{width:100%;display:flex;justify-content:center;align-items:center;flex-direction:column}.BoxMsg .containBox .containBot .imgBox[data-v-bc90acb2]{width:26.041667vw;height:26.041667vw;object-fit:contain}[data-v-bc90acb2] .el-divider--horizontal{border-top:1px #602e08 var(--el-border-style)}[data-v-bc90acb2] .el-divider__text{background-color:#855c1c;color:#fff}.surnameBox[data-v-7b4fb0cc]{padding-top:70px;width:100%;min-height:100vh;padding-bottom:150px;box-sizing:border-box;background-image:url(../img/surnameDetilesBg.d741d15a.jpg);background-repeat:no-repeat;background-size:cover;overflow:auto;font-size:14px}.BoxMsg[data-v-7b4fb0cc]{width:100%;padding-bottom:20px}.BoxMsg .BookMain[data-v-7b4fb0cc]{padding:0 10px;box-sizing:border-box}.BoxMsg .BookMain .bookList[data-v-7b4fb0cc]{width:100%;height:200px;margin-top:20px;padding:20px 10px;box-sizing:border-box;background-color:rgba(255,246,231,.5);display:flex;justify-content:space-between;align-items:center}.BoxMsg .BookMain .bookList .activeFm[data-v-7b4fb0cc]{width:100px;height:150px;object-fit:contain}.BoxMsg .BookMain .bookList .activeMsg[data-v-7b4fb0cc]{width:calc(100% - 115px);color:#666;position:relative;font-size:14px}.BoxMsg .BookMain .bookList .activeMsg .bookName[data-v-7b4fb0cc]{color:#333;font-size:18px;margin-bottom:5px}.BoxMsg .BookMain .bookList .activeMsg .botText[data-v-7b4fb0cc]{margin-top:10px}.BoxMsg .BookMain .bookList .activeMsg .btnLook[data-v-7b4fb0cc]{position:absolute;right:0;bottom:0;width:80px}.BoxMsg .containBox[data-v-7b4fb0cc]{width:100%;padding:20px 10px;box-sizing:border-box;min-height:200px}.BoxMsg .containBox .containTop[data-v-7b4fb0cc]{text-align:center}.BoxMsg .containBox .imgList[data-v-7b4fb0cc]{width:100%;padding:20px;box-sizing:border-box}.BoxMsg .containBox .imgList .containBot[data-v-7b4fb0cc]{width:100%;display:flex;justify-content:center;align-items:center;flex-direction:column;position:relative;box-sizing:border-box;height:300px}.BoxMsg .containBox .imgList .containBot .img[data-v-7b4fb0cc]{width:100%;height:100%;object-fit:cover;z-index:1;border:6px solid #fff;box-sizing:border-box;box-shadow:2px 2px 5px rgba(0,0,0,.3)}.BoxMsg .containBox .imgList .containBot[data-v-7b4fb0cc]:before{content:"";height:100%;width:100%;background-color:#d9d9d9;border:6px solid #fff;box-shadow:2px 2px 5px rgba(0,0,0,.3);position:absolute;top:0;left:-5px;z-index:0;transform:rotate(-3deg);transform-origin:50% 50%}.BoxMsg .containBox .imgList .containBot[data-v-7b4fb0cc]:after{content:"";height:100%;width:100%;background-color:#e5e5e5;border:6px solid #fff;box-shadow:2px 2px 5px rgba(0,0,0,.3);position:absolute;top:-5px;left:0;z-index:0;transform:rotate(3deg);transform-origin:50% 50%}[data-v-7b4fb0cc] .el-divider--horizontal{border-top:1px #602e08 var(--el-border-style)}[data-v-7b4fb0cc] .el-divider__text{background-color:#855c1c;color:#fff}.boxCss[data-v-24c75dc4],.boxLay1[data-v-24c75dc4],.boxLay2[data-v-24c75dc4]{width:100%}@media screen and (max-width:960px){.boxLay1[data-v-24c75dc4]{display:none}}@media screen and (min-width:960px){.boxLay2[data-v-24c75dc4]{display:none}}