.preview-dialog .el-dialog{border-radius:12px}.preview-dialog .el-dialog__header{padding:0;text-align:center}.preview-dialog .head-buttons{align-items:center;background:#f9f9f9;border-radius:8px;display:inline-flex;justify-content:center;margin:17px 0;padding:2px}.preview-dialog .head-buttons .button{align-items:center;border-radius:7px;color:#888;cursor:pointer;display:flex;height:38px;justify-content:center;width:38px}.preview-dialog .head-buttons .button.active,.preview-dialog .head-buttons .button:hover{background:#fff}.preview-dialog .head-buttons .button svg{display:block;height:14px;width:14px}.preview-dialog .el-dialog__body{border-radius:12px;overflow:hidden;padding:0 0 0 20px}.preview-dialog .head .content{text-align:center}.preview-dialog-qrcode img{display:block!important;height:auto;width:100%}.preview-dialog .el-dialog__body .content{display:flex;height:86vh;overflow:hidden}.preview-dialog .el-dialog__body .content .content-left{border-right:1px solid rgba(0,0,0,.06);flex:1;padding-right:20px;text-align:center}.preview-dialog .el-dialog__body .preview-box{background:#fff;height:calc(86vh - 90px);overflow-y:auto}.preview-dialog .el-dialog__body .preview-box.vcenter{align-items:center;display:flex}.preview-dialog .el-dialog__body .introduction{width:300px}.preview-dialog .introduction h1{border-bottom:1px solid rgba(0,0,0,.06);color:#3d3d3d;font-size:14px;font-weight:700;height:54px;line-height:54px;margin:0 0 18px;padding:0 15px}.preview-dialog .introduction .right-content{height:calc(86vh - 90px);overflow-x:hidden;overflow-y:auto;padding:0 17px 0 20px}.preview-dialog .introduction .right-content::-webkit-scrollbar{background-color:transparent;height:3px;width:3px}.preview-dialog .introduction .right-content::-webkit-scrollbar-track{background-color:transparent}.preview-dialog .introduction .right-content::-webkit-scrollbar-thumb{background-color:#b3b3b3}.preview-dialog .introduction .right-content .el-divider{border-color:rgba(0,0,0,.06)}.preview-dialog .introduction .right-content .el-divider--horizontal{margin:20px 0}.preview-dialog .introduction .right-content .info{color:#999}.preview-dialog .introduction .right-content .info p{font-size:14px;line-height:1.8;margin-bottom:5px}.preview-dialog .introduction .right-content .info p.title{color:#333;font-size:20px;line-height:22px;margin-bottom:15px}.preview-dialog .introduction .right-content .info p:last-child{margin-bottom:0}.preview-dialog .introduction .right-content .info p.tags .el-tag{border:none;margin:0 5px 0 0}.preview-dialog .introduction .right-content .info p.tags .el-tag:last-child{margin:0}.preview-dialog .introduction .right-content .buttons{display:flex;justify-content:space-between;margin-top:20px}.preview-dialog .introduction .right-content .buttons .usebutton{flex:1}.preview-dialog .introduction .right-content .buttons .collect-button{margin-left:6px;width:110px}.preview-dialog .introduction .right-content .recomm .hd{color:#333;font-size:14px;margin-bottom:10px}.preview-dialog .introduction .right-content .recomm .recomm-list{display:flex;flex-wrap:wrap;margin:0 0 0 -5px}.preview-dialog .introduction .right-content .recomm .recomm-list .recomm-list-item{cursor:pointer;margin:0 0 0 5px;width:83px}.preview-dialog .introduction .right-content .recomm .recomm-list .recomm-list-item .pic{background:#f9f9f9;height:112px;width:83px}.preview-dialog .introduction .right-content .recomm .recomm-list .recomm-list-item p{font-size:12px;height:30px;line-height:30px;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}.preview-dialog .preview{position:relative;transition:all .5s}.preview-dialog .preview iframe{border:none;margin:0;outline:none;padding:0;position:absolute;transition:all .5s}.preview-dialog .preview.preview-pc{box-sizing:content-box;height:100%;margin:0 auto;overflow:hidden;width:100%}.preview-dialog .preview.preview-pc iframe{height:100%;left:0;top:0;width:100%}.preview-dialog .preview.preview-pb1{background:url(https://0032cssimg.xiaoyunshu.cc/_nuxt/img/pad-port.4c5c041.png) no-repeat;background-size:100% 100%;height:1151px;margin:0 auto 30px;width:885px}.preview-dialog .preview.preview-pb1 iframe{height:960px;left:49px;top:76px;width:786px}.preview-dialog .preview.preview-pb2{background:url(https://0032cssimg.xiaoyunshu.cc/_nuxt/img/pad-land.af8f66a.png) no-repeat;background-size:100% 100%;box-sizing:content-box;height:785px;margin:0 auto 30px;width:1211px}.preview-dialog .preview.preview-pb2 iframe{height:703px;left:75px;top:41px;width:1041px}.preview-dialog .preview.preview-mb1{background:url(https://0032cssimg.xiaoyunshu.cc/_nuxt/img/phone-port.ea356a6.png) no-repeat;background-size:100% 100%;height:774px;margin:30px auto;width:383px}.preview-dialog .preview.preview-mb1 iframe{height:606px;left:22px;top:81px;width:338px}.preview-dialog .preview.preview-mb2{background:url(https://0032cssimg.xiaoyunshu.cc/_nuxt/img/phone-land.6c449e2.png) no-repeat;background-size:100% 100%;height:383px;margin:0 auto 30px;width:774px}.preview-dialog .preview.preview-mb2 iframe{height:337px;left:82px;top:23px;width:606px}.menu li[data-v-600dbebd]{cursor:pointer}.pagebar[data-v-600dbebd]{display:flex;justify-content:center}.pagebar[data-v-600dbebd] .el-pagination{padding-bottom:50px}