.content[data-v-4fb2e37c]{width:497px;height:738px;margin:0 auto;background-image:url(/entrance/img/template-library/iPhoneXWhite.png);background-size:100% 100%;border:1px solid transparent;position:relative;box-sizing:border-box}.content .content-box[data-v-4fb2e37c]{width:322px;height:604px;margin-left:87px;margin-top:59px;border-radius:34px;overflow:hidden;position:relative}.content .content-box .iframe-box[data-v-4fb2e37c]{width:322px;height:583.5px;margin-top:20.5px;--tw-bg-opacity:1;background-color:rgba(255,255,255,var(--tw-bg-opacity))}.content .content-box .handset[data-v-4fb2e37c]{position:absolute;top:0;left:50%;transform:translateX(-50%);width:154.5px}.content .content-box .status-box[data-v-4fb2e37c]{width:322px;height:20.5px;position:absolute;top:0;text-align:center;line-height:20.5px}.content .content-box .status-box .status[data-v-4fb2e37c]{width:280px}.content .code-box[data-v-4fb2e37c]{width:100px;padding:18px 16px 16px 16px;box-shadow:0 6px 10px 0 rgba(0,0,0,.08);right:-97px;top:80px;position:absolute;border-radius:4px;--tw-bg-opacity:1;background-color:rgba(255,255,255,var(--tw-bg-opacity));text-align:center}.content .code-box .r[data-v-4fb2e37c]{line-height:16px;height:16px}.content .code-box img[data-v-4fb2e37c],.content .code-box span[data-v-4fb2e37c]{display:inline-block;box-sizing:border-box;vertical-align:middle}.content .code-box .r:first-child img[data-v-4fb2e37c]:first-child{width:16px;height:15.56px;opacity:.85}.content .code-box .r:first-child span[data-v-4fb2e37c]:nth-child(2){color:rgba(0,0,0,.85);margin-left:6px;font-size:14px;font-weight:400}.content .code-box p[data-v-4fb2e37c]{color:rgba(0,0,0,.45);margin-top:8px;font-size:12px;font-weight:400}.content .code-box .code-img-box[data-v-4fb2e37c]{width:100px;height:100px;margin-top:16px}.content .code-box .code-img-box img[data-v-4fb2e37c]{width:100%}.content .code-box[data-v-4fb2e37c] .el-divider--horizontal{margin:15px 0 8px 0!important}.content .code-box .r[data-v-4fb2e37c]:last-child{margin-top:8px;cursor:pointer}.content .code-box .r:last-child img[data-v-4fb2e37c]:first-child{height:16px;width:16px}.content .code-box .r:last-child span[data-v-4fb2e37c]:last-child{margin-left:4px;font-size:12px;font-weight:400;--tw-text-opacity:1;color:rgba(39,117,232,var(--tw-text-opacity))}.content[data-v-c805edce]{margin-top:15px;height:calc(100% - 47px);padding:16px;--tw-bg-opacity:1;background-color:rgba(255,255,255,var(--tw-bg-opacity))}.content .bg-box[data-v-c805edce]{width:100%;height:100%;background-image:url(/entrance/img/template-library/computer-bg.png);background-size:100% 100%;border:1px solid transparent;padding:40px 40px;box-sizing:border-box}.content .bg-box .ifame-box[data-v-c805edce]{height:100%;margin:0 auto;--tw-bg-opacity:1;background-color:rgba(242,245,250,var(--tw-bg-opacity))}.previewLib[data-v-0ad135e2]{display:flex}.previewLib .left-block[data-v-0ad135e2]{width:83%;padding:17px 32px;display:flex;flex-direction:column;--tw-bg-opacity:1;background-color:rgba(242,245,250,var(--tw-bg-opacity))}.previewLib .left-block header[data-v-0ad135e2]{height:30px;position:relative;display:flex;justify-content:space-between}.previewLib .left-block header .left[data-v-0ad135e2]{width:calc(50% - 84px)}.previewLib .left-block header .left h3[data-v-0ad135e2]{color:rgba(0,0,0,.85);max-width:380px;display:inline-block;width:75%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:middle;font-size:20px;font-weight:500}.previewLib .left-block header .left label[data-v-0ad135e2]{color:rgba(108,116,138,.65);margin-left:8px;display:inline-block;vertical-align:middle;font-size:12px;font-weight:400}.previewLib .left-block header .left label i[data-v-0ad135e2]{font-style:normal;color:rgba(0,0,0,.65);margin:0 4px;font-weight:600}.previewLib .left-block header .middle[data-v-0ad135e2]{position:absolute;left:50%;display:flex;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;transform:translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));--tw-translate-x:-50%}.previewLib .left-block header .middle .active[data-v-0ad135e2]{--tw-text-opacity:1;color:rgba(39,117,232,var(--tw-text-opacity))}.previewLib .left-block header .middle div img[data-v-0ad135e2]{height:24px;width:24px;cursor:pointer;vertical-align:middle}.previewLib .left-block header .middle div span[data-v-0ad135e2]{color:#6c748a;margin-left:8px;cursor:pointer;vertical-align:middle;font-size:14px;font-weight:400}.previewLib .left-block header .middle div[data-v-0ad135e2]:last-child{margin-left:49px}.previewLib .left-block header .right[data-v-0ad135e2]{width:102px;height:30px;line-height:30px;cursor:pointer;border-radius:2px;--tw-bg-opacity:1;background-color:rgba(39,117,232,var(--tw-bg-opacity));text-align:center;font-size:14px;font-weight:400;--tw-text-opacity:1;color:rgba(255,255,255,var(--tw-text-opacity))}.previewLib .left-block article[data-v-0ad135e2]{flex:1}.previewLib .right-block[data-v-0ad135e2]{width:17%;height:100%;--tw-bg-opacity:1;background-color:rgba(255,255,255,var(--tw-bg-opacity))}.previewLib .right-block h3[data-v-0ad135e2]{color:rgba(0,0,0,.85);margin:16px auto 8px 24px;font-size:14px;font-weight:400}.previewLib .right-block .content[data-v-0ad135e2]{height:calc(100% - 38px);padding:0 24px;overflow:auto}.previewLib .right-block .content .item-box[data-v-0ad135e2]{width:187px;height:248px;box-shadow:0 6px 10px 0 rgba(0,0,0,.08);margin-bottom:16px;cursor:pointer;overflow:hidden;--tw-bg-opacity:1;background-color:rgba(255,255,255,var(--tw-bg-opacity))}.previewLib .right-block .content .item-box .img-box[data-v-0ad135e2]{width:187px;height:200px;overflow:hidden}.previewLib .right-block .content .item-box .img-box img[data-v-0ad135e2]{width:100%}.previewLib .right-block .content .item-box .info[data-v-0ad135e2]{padding:8px 12px}.previewLib .right-block .content .item-box .info p[data-v-0ad135e2]{font-family:PingFangSC-Regular;color:rgba(0,0,0,.85);display:-webkit-box;text-overflow:ellipsis;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;word-break:break-word;font-size:12px;font-weight:400}