.custom-color-main{position:relative;font-size:14px;height:calc(100vh - 79px);padding:40px 0 0 30px;display:flex}.custom-color-main .custom-color-left .color-style{display:flex;align-items:center;color:#1b1b1b}.custom-color-main .custom-color-left .color-style .radio-item{margin-left:20px;margin-right:25px;display:flex}.custom-color-main .custom-color-left .color-list{display:flex;flex-wrap:wrap;width:200px;margin-left:42px;margin-top:13px}.custom-color-main .custom-color-left .color-list .color-item{width:54px;height:35px;line-height:45px;border-radius:5px;text-align:center;margin:5px}.custom-color-main .custom-color-left .custom-color{display:flex;align-items:center;color:#000;background-color:#ddd;width:110px;border-radius:4px;margin:12px 0 0 46px}.custom-color-main .custom-color-left .custom-color .el-color-picker{margin-right:10px}.custom-color-main .custom-color-right{font-size:0;margin-left:70px;display:flex;align-items:flex-start}.custom-color-main .custom-color-right img{width:297px}.custom-color-main .custom-color-right .custom-color-1{position:relative}.custom-color-main .custom-color-right .custom-color-1 .color-1-title{position:absolute;top:226px;left:18px;background:#fff;font-size:13px;width:106px;line-height:22px}.custom-color-main .custom-color-right .custom-color-1 .color-1-btn{position:absolute;bottom:27px;left:16px;background:#fff;font-size:12px;color:#fff;height:30px;line-height:30px;width:261px;border-radius:17px;text-align:center}.custom-color-main .custom-color-right .custom-color-2{border-radius:10px;box-shadow:0 0 2px 2px rgba(0,0,0,.1);margin:4px 20px 0 20px}.custom-color-main .custom-color-right .custom-color-3{position:relative;border-radius:10px;box-shadow:0 0 2px 2px rgba(0,0,0,.1);margin-top:3px;width:290px;font-size:13px;overflow:hidden;background-color:#f8f9fa}.custom-color-main .custom-color-right .custom-color-3 .custom-page-header{height:120px;overflow:hidden}.custom-color-main .custom-color-right .custom-color-3 .custom-page-header .page-header-title{color:#fff;text-align:center;margin:18px 0 10px 0}.custom-color-main .custom-color-right .custom-color-3 .custom-page-header .page-header-user{display:flex}.custom-color-main .custom-color-right .custom-color-3 .custom-page-header .page-header-user .user-avatar{font-size:0;margin:0 10px 0 17px}.custom-color-main .custom-color-right .custom-color-3 .custom-page-header .page-header-user .user-avatar img{width:34px;height:34px}.custom-color-main .custom-color-right .custom-color-3 .custom-page-header .page-header-user .user-info{font-size:12px;color:#fff}.custom-color-main .custom-color-right .custom-color-3 .custom-page-header .page-header-user .user-info .user-mc-level{display:flex;align-items:center;margin-bottom:3px}.custom-color-main .custom-color-right .custom-color-3 .custom-page-header .page-header-user .user-info .user-level{font-size:10px;border:1px solid #fff;line-height:1.5;padding:0 3px;margin-left:4px}.custom-color-main .custom-color-right .custom-color-3 .page-content{position:relative;height:62px;display:flex;align-items:center;font-size:12px;background-color:#fff;margin:-22px 8px 0 8px;border-radius:8px;padding-top:6px}.custom-color-main .custom-color-right .custom-color-3 .page-content .page-content-refresh{position:absolute;top:5px;left:5px;color:#e9bd83;font-size:14px}.custom-color-main .custom-color-right .custom-color-3 .page-content .page-content-item{width:22%}.custom-color-main .custom-color-right .custom-color-3 .page-content .page-content-item .page-content-item-label{font-size:13px;color:#333;text-align:center;margin-bottom:2px}.custom-color-main .custom-color-right .custom-color-3 .page-content .page-content-item .page-content-item-data{color:#777;font-size:10px;text-align:center}.custom-color-main .custom-color-right .custom-color-3 .page-banner{margin:8px}.custom-color-main .custom-color-right .custom-color-3 .page-banner img{width:100%}.custom-color-main .custom-color-right .custom-color-3 .page-contente-2{background-color:#fff;margin:0 8px;border-radius:8px;padding-bottom:10px}.custom-color-main .custom-color-right .custom-color-3 .page-contente-2 .page-contente-2-header{display:flex;align-items:center;justify-content:space-between;font-size:12px;color:#222;height:36px;padding:0 8px}.custom-color-main .custom-color-right .custom-color-3 .page-contente-2 .page-contente-2-header .page-contente-2-header-all{display:flex;align-items:center;font-size:9px;color:#777}.custom-color-main .custom-color-right .custom-color-3 .page-contente-2 .page-contente-2-control{display:flex}.custom-color-main .custom-color-right .custom-color-3 .page-contente-2 .page-contente-2-control .page-contente-2-item{text-align:center;font-size:9px;width:25%}.custom-color-main .custom-color-right .custom-color-3 .page-footer{display:flex;align-items:center;margin-top:73px;background-color:#fff;height:56px}.custom-color-main .custom-color-right .custom-color-3 .page-footer .page-footer-item{text-align:center;font-size:9px;width:33%}