.page_box[data-v-716f1eba]{margin-top:10px}.template-body .template-title[data-v-7e1d2e26]{display:flex;flex-direction:row}.template-body .template-title .template-icon[data-v-7e1d2e26]{width:13px;height:38px;border-width:0;background-color:#169dea}.template-body .template-title .template-text[data-v-7e1d2e26]{width:auto;height:38px;line-height:38px;color:#333;font-size:20px;margin-left:10px}.template-body .template-preview[data-v-7e1d2e26]{height:auto;background:#f0f0f0;margin-top:30px;display:flex;flex-wrap:wrap;padding:10px}.template-body .template-preview .template-preview-left[data-v-7e1d2e26]{position:relative}.template-body .template-preview .template-preview-left .template-mask[data-v-7e1d2e26]{z-index:10;position:absolute;left:0;top:0;width:375px;height:667px}.template-body .template-preview .template-preview-left .template-img[data-v-7e1d2e26]{width:375px;height:667px;border-radius:20px;border:1px solid #dcdfe6}.template-body .template-preview .template-preview-right[data-v-7e1d2e26]{width:calc(100% - 390px);height:auto;background-color:#fff;margin-left:10px;border-radius:10px;padding:20px}.template-body .template-preview .template-preview-right .template-name[data-v-7e1d2e26]{height:60px;line-height:60px}.template-body .template-preview .template-preview-right .template-qrcode[data-v-7e1d2e26]{width:100%;height:auto;border:1px solid #f0f0f0;border-radius:5px}.template-body .template-bottom[data-v-7e1d2e26]{margin-top:30px}.template-body .template-item[data-v-7e1d2e26]{display:flex;flex-direction:column;margin-right:10px;cursor:pointer;position:relative;width:186px;height:498px}.template-body .template-item .template-views[data-v-7e1d2e26]{border:1px solid #dee1e7;border-radius:5px;position:absolute;left:0;top:0;transition:top .2s;-moz-transition:top .2s;-webkit-transition:top .2s;-o-transition:top .2s}.template-body .template-item .template-active[data-v-7e1d2e26]{width:100%;height:327px;background-color:#333;filter:Alpha(Opacity=60);opacity:.6;position:absolute;top:0;left:0;z-index:11}.template-body .template-item .template-button[data-v-7e1d2e26]{width:100%;height:auto;text-align:center;position:absolute;left:0;top:40%;z-index:11;transform:translateY(-40%)}.template-body .template-item .template-button[data-v-7e1d2e26] .el-button{display:block;margin:10px auto}.template-body .template-item .tempalte-box[data-v-7e1d2e26]{position:relative;width:186px;height:417px}.template-body .template-item .tempalte-box .tempalte-item-box[data-v-7e1d2e26]{width:100%;height:417px;position:absolute;left:0;top:0}.template-body .template-item .tempalte-box .tempalte-item-box img[data-v-7e1d2e26]{width:100%;height:417px}.template-body .template-item .tempalte-box .bd-text[data-v-7e1d2e26]{font-weight:500;color:#000;padding:15px 10px;position:absolute;left:0;bottom:0;z-index:10;background-color:#fff;width:100%;height:90px}.template-body .template-item .tempalte-box .bd-text .bd-name[data-v-7e1d2e26]{font-size:14px;opacity:.85;margin-bottom:7px}.template-body .template-item .tempalte-box .bd-text .bd-description[data-v-7e1d2e26]{font-size:12px;opacity:.45}.template-body .preview-bottom[data-v-7e1d2e26]{display:flex;flex-wrap:wrap;width:100%;position:relative;background-color:#fff}.template-body .f-right[data-v-7e1d2e26]{margin-top:10px;text-align:right;padding-right:20px}.code-box[data-v-7e1d2e26]{width:100%;height:350px;position:relative}.code-box .code-image[data-v-7e1d2e26]{width:100px;height:100px;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}