.top_bar[data-v-b3a3ca1e]{position:relative;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;height:53px;padding:0 20px 0 20px;background:#fff;-webkit-box-shadow:0 1px 4px 0 rgba(17,31,44,.04);box-shadow:0 1px 4px 0 rgba(17,31,44,.04);z-index:3}.top_bar .back[data-v-b3a3ca1e],.top_bar[data-v-b3a3ca1e]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.top_bar .back[data-v-b3a3ca1e]{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:32px;height:32px;margin-right:12px;border-radius:50%;border:1px solid rgba(25,31,37,.18);-webkit-transition:all .3s;-o-transition:.3s all;transition:all .3s;cursor:pointer}.top_bar .back[data-v-b3a3ca1e]:hover{-webkit-box-shadow:0 5px 10px 0 rgba(22,31,49,.1);box-shadow:0 5px 10px 0 rgba(22,31,49,.1)}.top_bar .back .iconfont[data-v-b3a3ca1e]{font-size:12px}.widgetForm[data-v-b3a3ca1e]{position:absolute;left:0;right:0;top:84px;bottom:87px}.widgetForm .draggable.empty>span[data-v-b3a3ca1e]{display:block;min-height:80px}.page_scroll[data-v-b3a3ca1e]{background-color:#f4f5f7;height:calc(100vh - 53px)}.main[data-v-b3a3ca1e]{padding:20px;display:-webkit-box;display:-ms-flexbox;display:flex;min-height:calc(100vh - 53px)}.main .form_panel[data-v-b3a3ca1e]{width:320px}.main .form_main[data-v-b3a3ca1e]{-webkit-box-flex:1;-ms-flex:1;flex:1}.main .form_setting[data-v-b3a3ca1e]{width:504px}[data-v-b3a3ca1e] .widget_scroll{height:100%}[data-v-b3a3ca1e] .widget_scroll .is-vertical{z-index:99}[data-v-b3a3ca1e] .widgetForm .no_label .el-form-item__label{display:none}[data-v-b3a3ca1e] .widgetForm .no_label .el-form-item__content{margin-left:0!important}.phone_box[data-v-b3a3ca1e]{width:372px;height:100%;min-height:680px;max-height:860px;margin:auto;position:relative;padding:0}.phone_box .topbar[data-v-b3a3ca1e]{position:relative;width:100%;height:84px;top:-1px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;padding:0 10px 10px;margin-bottom:-1px;background-color:#409eff;background:-webkit-linear-gradient(30deg,#7f4e5f,#291a2d);background:-o-linear-gradient(30deg,#7f4e5f 0,#291a2d 100%);background:linear-gradient(60deg,#7f4e5f,#291a2d)}.phone_box .topbar[data-v-b3a3ca1e]:after{position:absolute;-webkit-box-sizing:border-box;box-sizing:border-box;content:"";pointer-events:none;top:-50%;right:-50%;bottom:-50%;left:-50%;border:0 solid #ebedf0;border-width:1px 0;-webkit-transform:scale(.5);-o-transform:scale(.5);transform:scale(.5)}.phone_box .topbar .menu[data-v-b3a3ca1e]{margin-left:10px;width:26%;background-color:hsla(0,0%,100%,.3);height:28px;border-radius:20px;padding:5px 1px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.phone_box .topbar .menu>[data-v-b3a3ca1e]{width:50%;height:100%}.phone_box .topbar .more[data-v-b3a3ca1e]{position:relative;text-align:center}.phone_box .topbar .dot[data-v-b3a3ca1e]{display:inline-block;vertical-align:middle;width:4px;height:4px;border-radius:50%;background-color:#ebedf0}.phone_box .topbar .dot[data-v-b3a3ca1e]:nth-child(2){width:6px;height:6px;margin:0 3px}.phone_box .topbar .closeable[data-v-b3a3ca1e]{border-left:1px solid #ebedf0;text-align:center;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}.phone_box .topbar .closeable .close_btn[data-v-b3a3ca1e]{width:17px;height:17px;border-radius:50%;position:relative;border:2px solid #ebedf0}.phone_box .topbar .closeable .close_btn[data-v-b3a3ca1e]:after{content:"";position:absolute;width:5px;height:5px;border-radius:50%;background-color:#ebedf0;left:4px;top:4px}.phone_box .topbar[data-v-b3a3ca1e] .el-input{-webkit-box-flex:1;-ms-flex:1;flex:1}.phone_box .topbar[data-v-b3a3ca1e] .el-input .el-input__inner{border-radius:20px;border:none}.phone_box .bottom_navbar[data-v-b3a3ca1e]{height:87px;position:absolute;bottom:0;width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;padding-top:4px;-ms-flex-pack:distribute;justify-content:space-around;background-color:#fff}.phone_box .bottom_navbar[data-v-b3a3ca1e]:after{position:absolute;-webkit-box-sizing:border-box;box-sizing:border-box;content:"";pointer-events:none;top:-50%;right:-50%;bottom:-50%;left:-50%;border:0 solid #ebedf0;border-width:1px 0;-webkit-transform:scale(.5);-o-transform:scale(.5);transform:scale(.5)}.phone_box .bottom_navbar .tabBar[data-v-b3a3ca1e]{text-align:center}.phone_box .bottom_navbar .tabBar .iconfont[data-v-b3a3ca1e]{font-size:20px}.phone_box .bottom_navbar .tabBar .fill[data-v-b3a3ca1e]{color:#fd4949}.phone_box .navigation-bar[data-v-b3a3ca1e]{width:34%;height:5px;position:absolute;background-color:#000004;border-radius:10px;bottom:10px;left:33%}.buttons .sound-off[data-v-b3a3ca1e]{height:35px;top:15%}.buttons .sound-off[data-v-b3a3ca1e],.buttons .volume-up[data-v-b3a3ca1e]{-webkit-box-shadow:0 .1em .4em rgba(0,0,0,.5) inset;box-shadow:inset 0 .1em .4em rgba(0,0,0,.5);background:#fd4949;background:-webkit-linear-gradient(306deg,#fd4949,#bd2121);background:-o-linear-gradient(306deg,#fd4949 0,#bd2121 100%);background:linear-gradient(144deg,#fd4949,#bd2121);width:10px;position:absolute;left:-5px;border-radius:2px}.buttons .volume-up[data-v-b3a3ca1e]{height:55px;top:22%}.buttons .volume-down[data-v-b3a3ca1e]{-webkit-box-shadow:0 .1em .4em rgba(0,0,0,.5) inset;box-shadow:inset 0 .1em .4em rgba(0,0,0,.5);background:#fd4949;background:-webkit-linear-gradient(306deg,#fd4949,#bd2121);background:-o-linear-gradient(306deg,#fd4949 0,#bd2121 100%);background:linear-gradient(144deg,#fd4949,#bd2121);width:10px;height:55px;position:absolute;top:30.4%;left:-5px;border-radius:2px}.phone-front[data-v-b3a3ca1e]{padding:6px;z-index:1;width:100%;height:100%;max-height:860px;background-color:#fd4949;-webkit-box-shadow:0 .1em .4em rgba(0,0,0,.5) inset,.6em 1.8em 3em rgba(0,0,0,.38);box-shadow:inset 0 .1em .4em rgba(0,0,0,.5),.6em 1.8em 3em rgba(0,0,0,.38);border-radius:65px;position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.phone-front .antenna[data-v-b3a3ca1e]{background-color:#fd7676;width:100%;height:6px;position:absolute;left:0;z-index:-1}.phone-front .antenna.antenna-1[data-v-b3a3ca1e]{top:60px}.phone-front .antenna.antenna-2[data-v-b3a3ca1e]{bottom:60px}.phone-front .antenna-vertical[data-v-b3a3ca1e]{background-color:#fd7676;width:6px;height:50%;position:absolute;z-index:-1}.phone-front .antenna-vertical.antenna-v-1[data-v-b3a3ca1e]{top:0;right:72px}.phone-front .antenna-vertical.antenna-v-2[data-v-b3a3ca1e]{bottom:0;left:72px}.phone-front .border[data-v-b3a3ca1e]{width:100%;height:100%;padding:9px;background-color:#000004;border-radius:60px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.phone-front .border .screen[data-v-b3a3ca1e]{position:relative;width:100%;height:100%;border-radius:50px;background:#f4f5f7;overflow:hidden}.phone-front .border .screen:hover .screen-2[data-v-b3a3ca1e]{top:-2000px;-webkit-transition:all 1.6s;-o-transition:all 1.6s;transition:all 1.6s}.phone-front .border .screen .notch[data-v-b3a3ca1e]{background-color:#000004;position:absolute;top:-5px;width:50%;height:4.4%;border-bottom-left-radius:20px;border-bottom-right-radius:20px;left:50%;-webkit-transform:translate(-50%);-o-transform:translate(-50%);transform:translate(-50%);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;z-index:2}.phone-front .border .screen .notch .speaker[data-v-b3a3ca1e]{width:24%;height:14%;border-radius:50px;background-color:#202021;-webkit-box-shadow:0 .1em .4em rgba(0,0,0,.37) inset;box-shadow:inset 0 .1em .4em rgba(0,0,0,.37);margin-bottom:.4em}.phone-front .border .screen .notch .camera[data-v-b3a3ca1e]{width:.65em;height:.65em;margin-left:.55em;border-radius:100px;background-color:#1a1a22;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:.4em}.phone-front .border .screen .notch .camera .lens-1[data-v-b3a3ca1e]{width:.3em;height:.3em;border-radius:50px;background:#7b95ff;background:-webkit-linear-gradient(306deg,#7b95ff,#000 48%,#7b95ff);background:-o-linear-gradient(306deg,#7b95ff 0,#000 48%,#7b95ff 100%);background:linear-gradient(144deg,#7b95ff,#000 48%,#7b95ff)}