.color_div{border:1px solid #dbdbdb;border-radius:4px;width:240px;background:#fff}.color_div .input-with-reset{margin-left:10px}.color_div .input-with-reset,.color_div .input-with-reset .el-color-picker__trigger{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.color_div .input-with-reset .el-color-picker__trigger{border:none;width:36px!important;height:36px!important}.color_div .input-with-reset .el-color-picker__trigger .el-color-picker__icon{color:transparent}.color_div .input-with-reset .el-input input{border:none;border-radius:0;outline:none}.color_div .input-with-reset .el-button{padding:0 20px}.flex_div,.setting{display:-webkit-box;display:-ms-flexbox;display:flex}.setting{background:#fff;padding:0 20px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:calc(100vh - 110px)}.setting .setting_body{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;overflow-y:auto}.setting .setting_body .setting_body_item .header{background:#e0e3e8;height:40px;line-height:40px;padding-left:20px;margin-top:20px;margin-bottom:20px}.setting .setting_bootom{height:60px;line-height:60px;border-top:1px solid #dcdfe6}.theme,.theme .theme-item{display:-webkit-box;display:-ms-flexbox;display:flex}.theme .theme-item{position:relative;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-right:10px;border:1px solid #e9edef;border-radius:2px;padding:10px 0;width:70px;height:70px;cursor:pointer}.theme .theme-item.active{border:1px solid #2d8cf0}.theme .theme-item .theme-color{height:24px}.theme .theme-item .theme-color .theme-btn{position:relative;z-index:1;display:inline-block;width:30px;height:24px}.theme .theme-item .theme-color .subcolor{position:relative;z-index:0;margin-left:-6px}.theme .theme-text{margin-top:10px;font-size:12px;line-height:16px}.color-box{-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-top:8px;cursor:pointer}.color-box,.color-box .theme-color-tip{display:-webkit-box;display:-ms-flexbox;display:flex}.color-box .theme-btn{display:inline-block;width:20px;height:20px;background:#8150f2}.color-box .ml-20{margin-left:20px}.color-box .text{margin-left:4px;font-size:14px;line-height:20px;color:#000}.theme_img img{width:200px;margin-right:50px}