#app,body,html{height:100%;margin:0;padding:0}.content{width:100%;height:100%;border:.0026rem solid #faf9de;position:relative;perspective:7.8125rem;background-color:#181818}.card{width:50%;height:100%;background-color:#fff;transition:transform 1s;transform-style:preserve-3d;transform-origin:0 50%}.card,.left{position:absolute;right:0}.left{transform:rotateY(-180deg)}.left,.right{z-index:100!important}.card div.back,.card div.font{position:absolute;width:100%;height:100%;backface-visibility:hidden;color:#898484;font-size:.09115rem}.card div.back{transform:rotateY(180deg);background:linear-gradient(90deg,#eaeaea,#fff 30%,#ddd);box-shadow:inset .07813rem 0 .39063rem .07813rem rgba(51,51,51,.3);padding-left:.46875rem;padding-top:.13021rem;padding-right:.19531rem}.card div.back .title{font-size:.13021rem;color:#000;text-align:center;font-weight:550}.card div.back ul h2,.card div.font ul h2{color:#000;font-size:.10417rem;padding:.02604rem}.card div.back ul h2:before,.card div.font ul h2:before{display:inline-block;content:"";width:.01563rem;height:.0625rem;background-color:#6a0c0c;margin:-.01302rem .03646rem}.card div.font{padding-right:.46875rem;padding-top:.13021rem;padding-left:.19531rem;box-shadow:inset .19531rem 0 .19531rem 0 rgba(51,51,51,.3)}.card div.font .title{font-size:.10417rem;color:#000;text-align:center;font-weight:550}.card .font .pag{right:.05208rem}.card .back .pag,.card .font .pag{font-size:.0651rem;color:#796643;position:absolute;bottom:.05208rem}.card .back .pag{left:.05208rem}ul p{text-indent:.13021rem;letter-spacing:.00521rem;line-height:1.8}.card .back .gest{left:0}.card .back .gest,.card .font .gest{width:10%;height:10%;position:absolute;top:45%}.card .font .gest{right:0}.card .back .pho{position:absolute;left:0;top:0;width:.73698rem;height:.33333rem;opacity:1}.card .back .img1{float:left;margin-right:.01302rem;width:50%;height:60%}.card .font .img2{float:bottom;margin-top:.01302rem}.card .back .img5{float:bottom;margin-right:.01302rem;width:30%}.card .font .img5{text-align:center}.card .back .img6{right:0}.card .back .img6,.card .back .img7{margin-right:.01302rem;width:30%;bottom:12%}.card .back .img7{left:39%}.card .font .img8{position:absolute;margin-right:.01302rem;width:100%;left:0;top:0}.imgbox{display:flex;justify-content:space-between}.card .back .img8[data-v-6657dabd]{position:absolute;margin-right:.01302rem;width:100%;left:0;top:0}