.content[data-v-9635d2c6]{min-height:600px;padding-right:400px}.content .left[data-v-9635d2c6]{display:flex;justify-content:center}.content .left .phone[data-v-9635d2c6]{position:relative;margin-top:61px;width:375px;height:667px;overflow:hidden}.content .left .phone img[data-v-9635d2c6]{width:100%;height:100%}.content .left .phone .mask[data-v-9635d2c6]{position:absolute;top:0;right:0;bottom:0;left:0;height:auto;background:#333;opacity:.5;z-index:9}.content .right[data-v-9635d2c6]{width:400px;position:fixed;top:78px;right:14px;bottom:78px;overflow-y:auto;background-color:#fff}.content .right[data-v-9635d2c6] .main-content{border-top:6px solid #f0f2f5}.main .main-header[data-v-9635d2c6]{padding:20px 15px;background:#fff;font-weight:500;font-size:16px;line-height:16px;color:#333}.main .main-content[data-v-9635d2c6]{border-top:6px solid #f0f2f5;padding:20px 15px;background:#fff}.main .main-content .title[data-v-9635d2c6]{font-size:14px;line-height:14px;color:#333}.main .main-content .form .tip[data-v-9635d2c6]{padding:28px 0 20px;font-size:12px;line-height:12px;color:#bbb}.main .main-content .form .form-item[data-v-9635d2c6]:last-child{margin-bottom:0}.main .main-content .form .form-item[data-v-9635d2c6]{font-size:12px;line-height:12px}.main .main-content .form .form-item .form-label[data-v-9635d2c6]{width:95px;color:#999}.main .main-content .form .form-item .form-value[data-v-9635d2c6]{flex:1;color:#666}.main .main-content .form .form-item .form-value[data-v-9635d2c6] .ivu-radio-group{margin:0 -8px -20px 0}.main .main-content .form .form-item .form-value[data-v-9635d2c6] .ivu-radio-wrapper{width:83px;margin-bottom:20px}.main .main-content .form .form-item .form-value[data-v-9635d2c6] .ivu-radio{margin-right:10px}.main .main-content .form .form-item .form-value .picTxt[data-v-9635d2c6]{display:flex;align-items:center}.main .main-content .form .form-item .form-value .picTxt .tip[data-v-9635d2c6]{margin-left:16px;font-size:12px;color:#bbb}.main .main-content .form .form-item .form-value .pictrue[data-v-9635d2c6]{width:64px;height:64px}.main .main-content .form .form-item .form-value .upload-box[data-v-9635d2c6]{display:flex;align-items:center;justify-content:center;width:64px;height:64px;border:1px solid #eee;border-radius:4px}.main .main-content .form .form-item .form-value .upload-box .ivu-icon[data-v-9635d2c6]{color:#bbb}.fab-wrapper[data-v-9635d2c6]{position:absolute;right:10px;z-index:10;padding:5px;border-radius:23px;background:hsla(0,0%,100%,.5)}.fab-wrapper .btn[data-v-9635d2c6]{width:35px;height:35px;border-radius:50%;background:#fff}.fab-wrapper .btn+.btn[data-v-9635d2c6]{margin-top:8px}.fab-wrapper .btn img[data-v-9635d2c6]{display:block;width:100%;height:100%;border-radius:50%}.fab-wrapper.style2[data-v-9635d2c6]{right:0;display:flex;align-items:center;border-radius:37px 0 0 37px}.fab-wrapper.style2 .btn[data-v-9635d2c6]{margin:0 8px 0 0}.fab-wrapper.style2 .iconfont[data-v-9635d2c6]{width:14px;height:14px;margin:0 5px 0 0;font-size:14px;line-height:14px;text-align:center}.box-item[data-v-9635d2c6]{position:relative;display:flex;padding:14px 20px 16px 0;border-radius:3px;margin-bottom:20px;background:#f9f9f9}.box-item .del-box[data-v-9635d2c6]{position:absolute;right:0;top:0;cursor:pointer;transform:translate(50%,-50%)}.box-item .del-box .iconfont[data-v-9635d2c6]{font-size:16px;color:#ccc}.left-tool[data-v-9635d2c6]{display:flex;align-items:center;justify-content:center;width:40px}.left-tool .iconfont[data-v-9635d2c6]{color:#ddd;font-size:18px;cursor:move}.right-wrapper[data-v-9635d2c6]{flex:1}.right-wrapper .cell+.cell[data-v-9635d2c6]{margin-top:13px}.right-wrapper .item-title[data-v-9635d2c6]{color:#999;font-size:12px;width:40px}.right-wrapper .img-wrapper[data-v-9635d2c6]{display:flex}.right-wrapper .img-wrapper .img-item[data-v-9635d2c6]{width:64px;height:64px;margin-right:20px}.right-wrapper .img-wrapper .img-item .name[data-v-9635d2c6]{color:#bbb;font-size:12px;text-align:center;margin-top:7px}.right-wrapper .img-wrapper .img-item .pictrue[data-v-9635d2c6]{width:100%;height:100%;cursor:pointer;border:1px solid #eee;position:relative;border-radius:3px}.right-wrapper .img-wrapper .img-item img[data-v-9635d2c6]{display:block;width:100%;height:100%}.right-wrapper .img-wrapper .img-item .empty-img[data-v-9635d2c6]{display:flex;align-items:center;justify-content:center;flex-direction:column;width:100%;height:100%;font-size:12px;color:#bfbfbf;border:1px solid #eee;border-radius:3px}.right-wrapper .img-wrapper .img-item .empty-img .iconfont[data-v-9635d2c6]{font-size:24px}.right-wrapper .img-wrapper .img-item .txt[data-v-9635d2c6]{position:absolute;left:0;bottom:0;width:100%;height:22px;line-height:22px;text-align:center;background:rgba(0,0,0,.5);color:#fff;font-size:12px;border-radius:0 0 3px 3px}.right-wrapper .slider-box[data-v-9635d2c6]{flex:1}.add-btn[data-v-9635d2c6]{width:100%;height:36px;border-radius:3px;border-color:#eee;color:#666}.fixed-card[data-v-9635d2c6]{position:fixed;right:0;bottom:0;left:200px;z-index:99;box-shadow:0 -1px 2px #f0f0f0;padding-right:400px}.style3[data-v-9635d2c6]{height:149px;padding:0}.style3 .inner[data-v-9635d2c6]{position:absolute;top:50%;right:0;transform:translateY(-50%)}.style3 .main-btn[data-v-9635d2c6]{background:#fff;box-shadow:0 0 8px 0 rgba(0,0,0,.1)}.style3 .main-btn .img[data-v-9635d2c6],.style3 .main-btn[data-v-9635d2c6]{width:35px;height:35px;border-radius:50%}.style3 img[data-v-9635d2c6]{border-radius:50%}.style3 .btn3[data-v-9635d2c6]{position:absolute;width:35px;height:35px;border-radius:50%;margin:0;background:#fff}.style3 .btn3[data-v-9635d2c6]:first-child{top:-49px;right:27px}.style3 .btn3[data-v-9635d2c6]:nth-child(2){top:0;right:57px}.style3 .btn3[data-v-9635d2c6]:nth-child(3){top:49px;right:27px}.style3 .btn4[data-v-9635d2c6]{position:absolute;width:35px;height:35px;border-radius:50%;margin:0;background:#fff}.style3 .btn4[data-v-9635d2c6]:first-child{top:-56px;right:6px}.style3 .btn4[data-v-9635d2c6]:nth-child(2){top:-27px;right:51px}.style3 .btn4[data-v-9635d2c6]:nth-child(3){top:27px;right:51px}.style3 .btn4[data-v-9635d2c6]:nth-child(4){top:56px;right:6px}.style3 .btn5[data-v-9635d2c6]{position:absolute;width:35px;height:35px;border-radius:50%;margin:0;background:#fff;box-shadow:0 0 8px 0 rgba(0,0,0,.1)}.style3 .btn5[data-v-9635d2c6]:first-child{top:-57px;right:0}.style3 .btn5[data-v-9635d2c6]:nth-child(2){top:-42px;right:44px}.style3 .btn5[data-v-9635d2c6]:nth-child(3){top:0;right:57px}.style3 .btn5[data-v-9635d2c6]:nth-child(4){top:42px;right:44px}.style3 .btn5[data-v-9635d2c6]:nth-child(5){top:57px;right:0}.style4[data-v-9635d2c6]{right:-62px;width:175px;height:175px;border-radius:50%;background:hsla(0,0%,100%,.5);box-shadow:0 0 7px 0 rgba(0,0,0,.1)}.style4 .inner[data-v-9635d2c6]{position:absolute;top:50%;right:70px;transform:translateY(-50%)}.style4 .main-btn[data-v-9635d2c6]{border-radius:50%}.style4 .btn[data-v-9635d2c6],.style4 .main-btn[data-v-9635d2c6]{width:35px;height:35px;background:#fff;box-shadow:0 0 8px 0 rgba(0,0,0,.1)}.style4 .btn[data-v-9635d2c6]{position:absolute}.style4 .btn+.btn[data-v-9635d2c6]{margin:0}.style4 .btn[data-v-9635d2c6]:first-child{top:-57px;right:0}.style4 .btn[data-v-9635d2c6]:nth-child(2){top:-42px;right:44px}.style4 .btn[data-v-9635d2c6]:nth-child(3){top:0;right:57px}.style4 .btn[data-v-9635d2c6]:nth-child(4){top:42px;right:44px}.style4 .btn[data-v-9635d2c6]:nth-child(5){top:57px;right:0}