.system-box[data-v-c211cf28]{display:-webkit-box;display:-ms-flexbox;display:flex;padding:0 .22rem}.system-box .system-left[data-v-c211cf28]{width:30%;height:100%;background:#fff;margin-right:1%;padding:.1rem}.system-box .system-left .system-left-main[data-v-c211cf28]{width:100%;height:100%;background:#fff;overflow:auto}.system-box .system-left .system-left-main .system-info .logo-need[data-v-c211cf28]{color:#999}.system-box .system-left .system-left-main .system-info .logo-img[data-v-c211cf28]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin:.1rem 0}.system-box .system-left .system-left-main .system-info .logo-img img[data-v-c211cf28]{width:100%;height:100%;margin-bottom:.1rem}.system-box .system-left .system-left-main .system-info .logo-img .logo-img-box1[data-v-c211cf28]{width:1.4rem;height:1.4rem;background:trnsparent}.system-box .system-left .system-left-main .system-info .logo-img .logo-img-box2[data-v-c211cf28]{width:2.4rem;height:.96rem;background:trnsparent}.system-box .system-left .system-left-main .el-button--text[data-v-c211cf28]{text-decoration:underline;color:#f76262}.system-box .system-right[data-v-c211cf28]{padding:.1rem}.system-box .system-right-top[data-v-c211cf28]{display:-webkit-box;display:-ms-flexbox;display:flex;margin-bottom:3%;width:100%;height:45%;background:#fff}.system-box .system-right-top .top-left[data-v-c211cf28]{margin-right:4%;flex-direction:column;flex-wrap:nowrap;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.system-box .system-right-top .top-left .tl-main[data-v-c211cf28],.system-box .system-right-top .top-left[data-v-c211cf28]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;-ms-flex-wrap:nowrap}.system-box .system-right-top .top-left .tl-main[data-v-c211cf28]{flex-direction:column;flex-wrap:nowrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-flex:1;-ms-flex:1;flex:1}.system-box .system-right-top .top-left .tl-main .form-label[data-v-c211cf28]{color:#999}.system-box .system-right-top .top-left .tl-main>[data-v-c211cf28]{word-break:keep-all;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;margin:.1rem 0;width:100%;font-size:.14rem}.system-box .system-right-top .top-left .tl-main>* .el-button--text[data-v-c211cf28]{color:#f76262;margin-left:.1rem;font-size:.14rem}.system-box .system-right-top .top-left .tl-main>* .el-button[data-v-c211cf28]:hover{text-decoration:underline}.system-box .system-right-top .top-right[data-v-c211cf28]{position:relative;padding:.1rem .2rem .1rem .5rem}.system-box .system-right-top .top-right .system-login-title[data-v-c211cf28]{color:#fff;background:#f76262;position:absolute;left:0;top:0;-webkit-writing-mode:vertical-lr;-ms-writing-mode:tb-lr;writing-mode:vertical-lr;padding:.15rem .1rem;border-radius:.2rem 0 .2rem 0}.system-box .system-right-top .top-right .system-login-main[data-v-c211cf28]{font-size:.14rem;text-align:center;height:100%;padding:1vw 0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.system-box .system-right-top .top-right .system-login-main .system-login-time[data-v-c211cf28]{border-radius:50%;width:9vw;height:9vw;background:#e0efe9;color:#4f54d0;text-align:center;font-weight:700;font-size:.2rem;line-height:9vw}.system-box .system-right-top>[data-v-c211cf28]{width:48%}.system-box .system-left-main[data-v-c211cf28],.system-box .system-right-bottom[data-v-c211cf28],.system-box .system-right-top>[data-v-c211cf28]{-webkit-box-shadow:0 0 .2rem 0 rgba(65,66,66,.1);box-shadow:0 0 .2rem 0 rgba(65,66,66,.1);border-radius:.2rem;padding:.2rem .4rem}.system-box .system-title[data-v-c211cf28]{color:#333;text-align:left;font-weight:700;font-size:.16rem;line-height:.3rem;margin-bottom:.15rem}.system-box .logo-need[data-v-c211cf28],.system-box .logo-ways[data-v-c211cf28]{color:#333;text-align:left;font-weight:400;font-size:.14rem;line-height:.3rem}.system-box .logo-need[data-v-c211cf28]{color:#666}.system-box .system-right-bottom[data-v-c211cf28]{padding:.1rem}.system-box .system-right-bottom .system-title[data-v-c211cf28]{padding:.1rem .3rem;margin-bottom:0}.system-box .color-main[data-v-c211cf28]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.system-box .color-main .color-item-bg[data-v-c211cf28]{-webkit-box-flex:1;-ms-flex:1;flex:1;margin:0 1%;width:31%;height:100%;background:#fff;padding:.1rem;max-height:2.6rem;max-width:3.6rem}.system-box .color-main .color-item[data-v-c211cf28]{-webkit-box-orient:vertical;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:.2rem;height:100%;cursor:pointer}.system-box .color-main .color-item .color-show[data-v-c211cf28],.system-box .color-main .color-item[data-v-c211cf28]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-direction:normal;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.system-box .color-main .color-item .color-show[data-v-c211cf28]{-webkit-box-orient:horizontal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.system-box .color-main .color-item .color-show .color-show-item[data-v-c211cf28]{-webkit-box-flex:1;-ms-flex:1;flex:1;margin:0 .5vw;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.system-box .color-main .color-item .color-show .color-show-item .item-bg[data-v-c211cf28]{border-radius:.3rem;width:.4rem;height:1.2rem}.system-box .color-main .color-item .color-show .color-show-item .item-code[data-v-c211cf28]{color:#999;font-weight:400;font-size:.12rem;line-height:.4rem}.system-box .color-main .color-item-select[data-v-c211cf28]{-webkit-box-shadow:0 0 .2rem 0 rgba(65,66,66,.1);box-shadow:0 0 .2rem 0 rgba(65,66,66,.1);border-radius:.2rem}