.flex[data-v-70ca1af3],.iconbox[data-v-70ca1af3]{display:-webkit-box;display:-ms-flexbox;display:flex}.iconbox[data-v-70ca1af3]{width:30px;height:30px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;background:#fff;margin-right:5px;color:#409eff;-webkit-box-shadow:0 2px 12px 0 rgba(0,0,0,.1);box-shadow:0 2px 12px 0 rgba(0,0,0,.1);font-size:20px}.flex[data-v-66428f86]{display:-webkit-box;display:-ms-flexbox;display:flex}.flex-align-center[data-v-66428f86]{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.font-label[data-v-66428f86]{font-size:14px;color:#606266;line-height:1.5;white-space:nowrap;-webkit-box-flex:0;-ms-flex:0 0;flex:0 0;margin-right:10px;font-weight:700}.flex[data-v-6f3cbde0]{display:-webkit-box;display:-ms-flexbox;display:flex}.flex-align-center[data-v-6f3cbde0]{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.font-label[data-v-6f3cbde0]{font-size:14px;color:#606266;line-height:1.5;white-space:nowrap;-webkit-box-flex:0;-ms-flex:0 0;flex:0 0;margin-right:10px;font-weight:700}.flex[data-v-39423217]{display:-webkit-box;display:-ms-flexbox;display:flex}.flex-align-center[data-v-39423217]{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.font-label[data-v-39423217]{font-size:14px;color:#606266;line-height:36px;white-space:nowrap;-webkit-box-flex:0;-ms-flex:0 0 70px;flex:0 0 70px;margin-right:10px;text-align:right;font-weight:700}.grayfont-12[data-v-39423217]{color:#999;line-height:1.5;font-size:12px;margin-top:5px}.upload-img[data-v-39423217]{width:120px;height:65px}[data-v-3e8dcfca]{color:#606266}.max-900[data-v-3e8dcfca]{max-height:800px;overflow-y:auto}.flex[data-v-3e8dcfca]{display:-webkit-box;display:-ms-flexbox;display:flex}.flex-align-center[data-v-3e8dcfca]{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.font-label[data-v-3e8dcfca]{font-size:14px;color:#606266;line-height:36px;white-space:nowrap;-webkit-box-flex:0;-ms-flex:0 0 70px;flex:0 0 70px;margin-right:10px;text-align:right;font-weight:700}.grayfont-12[data-v-3e8dcfca]{color:#999;line-height:1.5;font-size:12px;margin-top:5px}.garybox[data-v-3e8dcfca]{background:#fbfbfb;padding:16px;-webkit-box-flex:1;-ms-flex:1;flex:1}.flex{display:-webkit-box;display:-ms-flexbox;display:flex}.flex--align-start{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.modepage{width:100%;overflow-y:auto;padding-left:10px}.main{background:#f5f5f5;-webkit-box-shadow:0 2px 5px 0 rgba(0,0,0,.1);box-shadow:0 2px 5px 0 rgba(0,0,0,.1);-ms-flex-negative:0;flex-shrink:0}.main,.main img{width:375px}.main .header{position:relative;top:0;left:0}.main .header .header-cursor{cursor:pointer;width:375px;height:104px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.main .header .header-cursor .header-title{position:absolute;width:100%;bottom:20px;text-align:center;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.main .header .class-setpagetitle{position:absolute;top:0;left:400px}.main .welcome{position:relative;padding:8px 20px;background:#fff}.main .welcome .welcome-cursor{cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.main .welcome .welcome-cursor .wel-font{color:#333;font-size:14px;line-height:1.5;margin-left:20px}.main .welcome .class-setwelcome{position:absolute;top:0;left:400px}.main .banner{width:375px;position:relative;top:0;left:0;z-index:50;min-height:200px}.main .banner img{vertical-align:bottom}.main .banner .banner-cursor{cursor:pointer}.main .banner .banner-cursor .bannerbox{width:100%;position:absolute;left:0;top:0}.main .banner .banner-cursor .bannerbox .title{font-size:40px;color:#f4e0c6;text-align:center;margin-top:38px;line-height:1.5}.main .banner .banner-cursor .bannerbox .subtitle{font-size:16px;color:#fff;text-align:center;margin-top:8px;line-height:1.5}.main .banner .class-setbg{position:absolute;top:0;left:400px}.main .howtobe{width:375px;z-index:100;position:relative;top:-29px;left:0}.main .howtobe .howtobe-cursor{cursor:pointer}.main .howtobe .howtobe-cursor .howtobox .contentbox{width:345px;margin:0 auto;background:#fff;border-radius:8px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-shadow:0 2px 5px 0 rgba(0,0,0,.1);box-shadow:0 2px 5px 0 rgba(0,0,0,.1);position:relative}.main .howtobe .howtobe-cursor .howtobox .contentbox .howto-button{padding:8px 20px;border-radius:26px;margin-top:15px;font-size:16px;line-height:1.5;font-weight:700;color:#fff;text-align:center}.main .howtobe .howtobe-cursor .howtobox .contentbox .center-font{font-size:14px;color:#606266;line-height:1.5;margin-top:15px;width:300px;white-space:pre-wrap;margin-bottom:50px;word-break:break-all}.main .howtobe .howtobe-cursor .howtobox .contentbox img{position:absolute;bottom:0}.main .howtobe .class-setcontent{position:absolute;top:0;left:400px}.main .outline{outline:2px solid #409eff;margin:2px 0;clear:both;display:block}.right-set{width:1000px;height:500px;-ms-flex-negative:0;flex-shrink:0}.spread-content[data-v-5d17c6dd]{display:-webkit-box;display:-ms-flexbox;display:flex;height:466px}.spread-content .flexBox[data-v-5d17c6dd]{display:-webkit-box;display:-ms-flexbox;display:flex;margin-bottom:20px}.spread-content .spread-left[data-v-5d17c6dd]{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:150px}.spread-content .spread-left .spread-left-item[data-v-5d17c6dd]{width:130px;height:36px;line-height:36px;padding-left:10px;-webkit-box-sizing:border-box;box-sizing:border-box;font-size:14px;cursor:pointer}.spread-content .spread-left .spreadLeftCurrent[data-v-5d17c6dd]{background:#ecf5ff;color:#409eff}.spread-content .spread-right[data-v-5d17c6dd]{-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;padding-left:20px;border-left:1px solid #ddd}.spread-content .spread-right .label[data-v-5d17c6dd]{width:90px;text-align:right}.spread-content .spread-right .qrcode[data-v-5d17c6dd]{display:-webkit-box;display:-ms-flexbox;display:flex;width:200px;margin-left:150px;margin-top:10px}.spread-content .spread-right .share-config[data-v-5d17c6dd]{display:-webkit-box;display:-ms-flexbox;display:flex}.spread-content .spread-right .share-config .preview-wraper[data-v-5d17c6dd]{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;width:280px}.spread-content .spread-right .share-config .preview-wraper .image[data-v-5d17c6dd]{height:388px;background-color:#f5f5f5;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.spread-content .spread-right .share-config .preview-wraper .bottom[data-v-5d17c6dd]{position:relative;z-index:1;height:80px;display:-webkit-box;display:-ms-flexbox;display:flex}.spread-content .spread-right .share-config .preview-wraper .bottom .left[data-v-5d17c6dd]{-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;overflow:hidden}.spread-content .spread-right .share-config .preview-wraper .bottom .left .name[data-v-5d17c6dd]{font-size:15px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;padding:15px 10px 10px;margin-right:10px}.spread-content .spread-right .share-config .preview-wraper .bottom .left .desc[data-v-5d17c6dd]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:12px;overflow:hidden;margin:0 10px}.spread-content .spread-right .share-config .preview-wraper .bottom .left .desc img[data-v-5d17c6dd]{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:16px;height:16px;border-radius:100%;margin-right:5px}.spread-content .spread-right .share-config .preview-wraper .bottom .left .desc .text[data-v-5d17c6dd]{-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;white-space:nowrap;overflow:hidden;line-height:1}.spread-content .spread-right .share-config .preview-wraper .bottom .right[data-v-5d17c6dd]{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;margin-right:10px}.spread-content .spread-right .share-config .preview-wraper .bottom .right img[data-v-5d17c6dd]{width:68px;height:68px;border-radius:100%;overflow:hidden;margin:-20px auto 0}.spread-content .spread-right .share-config .preview-wraper .bottom .right .text[data-v-5d17c6dd]{font-size:10px;color:#999;margin-top:5px;white-space:nowrap}.spread-content .spread-right .share-config .share-edit[data-v-5d17c6dd]{-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;margin-left:20px;margin-right:10px}.spread-content .spread-right .mini-share-card[data-v-5d17c6dd]{display:-webkit-box;display:-ms-flexbox;display:flex}.spread-content .spread-right .mini-share-card .card-preview[data-v-5d17c6dd]{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;position:relative}.spread-content .spread-right .mini-share-card .card-preview .bg[data-v-5d17c6dd]{display:block;width:240px}.spread-content .spread-right .mini-share-card .card-preview .card[data-v-5d17c6dd]{position:absolute;top:88px;right:36px;width:151px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.spread-content .spread-right .mini-share-card .card-preview .card .bottom[data-v-5d17c6dd],.spread-content .spread-right .mini-share-card .card-preview .card .top[data-v-5d17c6dd]{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:100%}.spread-content .spread-right .mini-share-card .card-preview .card .center[data-v-5d17c6dd]{-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;min-height:138px;background:url(https://cdn.dkycn.cn/images/melyshop/mini-share-card-2.png) 0 repeat-y;background-size:100% 100%;overflow:hidden;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.spread-content .spread-right .mini-share-card .card-preview .card .center .share-text[data-v-5d17c6dd]{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;line-height:16px;min-height:16px;max-height:32px;font-size:12px;margin:3px 8px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.spread-content .spread-right .mini-share-card .card-preview .card .center .share-image[data-v-5d17c6dd]{display:block;width:132px;height:105px;margin:3px 8px 8px}.share-image-wraper[data-v-5d17c6dd]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.share-image-wraper .right[data-v-5d17c6dd]{width:170px;height:120px;margin-left:10px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.share-image-wraper .right .right-tip[data-v-5d17c6dd]{font-size:12px;color:#999;line-height:20px}.share-image-wraper .right .right-clear[data-v-5d17c6dd]{font-size:14px;color:#1890ff;cursor:pointer}.share-uploader .el-upload[data-v-5d17c6dd]{border:1px dashed #d9d9d9;border-radius:6px;cursor:pointer;position:relative;overflow:hidden}.share-uploader .el-upload[data-v-5d17c6dd]:hover{border-color:#409eff}.share-uploader[data-v-5d17c6dd]{border:1px dashed #ddd;overflow:hidden}.avatar-uploader-icon[data-v-5d17c6dd],.share-uploader[data-v-5d17c6dd]{font-size:28px;color:#8c939d;width:120px;height:120px;line-height:120px;text-align:center}.avatar[data-v-5d17c6dd]{width:120px;height:120px;display:block}