.header{padding:0 20px;color:#fff;background-color:#00c6ae;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.header,.header .title{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.header .title{font-size:22px;line-height:30px}.header .title img{width:38px;height:38px;vertical-align:middle;margin-right:10px}.header .title .logo{width:42px;height:42px}.header .welcome{font-size:14px;line-height:20px}.header .color-picker-content{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;text-align:center}.header .color-picker-content .el-color-picker{margin:20px}.header .color-picker-btns{text-align:center;margin:20px}.el-dropdown-link{padding:0 6px;border:1px solid #fff;border-radius:5px;cursor:pointer;color:#fff}.el-icon-arrow-down{font-size:12px}.box[data-v-25b063dd]{position:absolute;z-index:1;height:100%;width:100vw;background-color:#f1f2f7}.box .hd[data-v-25b063dd]{height:56px;width:100vw;left:0;top:0;line-height:56px}.box .content[data-v-25b063dd]{width:100%;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;-ms-flex-line-pack:center;align-content:center;padding-top:20%}.box .content span[data-v-25b063dd]{margin:20px 0}.box .content .el-button[data-v-25b063dd]{width:100px}.box .footer-text[data-v-25b063dd]{position:absolute;bottom:20px;width:100%;color:#999;text-align:center;line-height:20px;height:20px}