.uploader-wrap{color:#aaa;font-size:14px;font-weight:400;.ant-upload{padding:0!important;color:#aaa}.ant-upload,.imag-box{width:100%;height:100%}.imag-box{position:relative;.image{object-fit:contain}.edit-wrap{position:absolute;top:0;left:0;opacity:0;display:flex;align-items:center;justify-content:center;color:#fff;font-size:16px;font-weight:500;background:rgba(0,0,0,.4);.icon{font-size:32px;color:#fff}}}.add-icon{font-size:24px;color:#686c78;margin-bottom:16px}&:hover{.edit-wrap{opacity:1}}}.card{border:none;box-sizing:border-box;.title{color:#1a1a1a;font-size:16px;font-weight:500;margin-bottom:16px}}.tip{color:#686c78}.desc,.tip{font-size:14px;font-weight:500}.desc{margin-left:16px;color:#aaa}.dot{background:#f4523b;width:8px;height:8px;border-radius:50%;margin-right:8px}.basic{.input{width:448px;height:40px}.textarea{.ant-input{width:448px;height:100px}}.upload-content{width:660px}}.hover-card{opacity:0;cursor:pointer;height:100%;width:100%;position:absolute;top:0;left:0;display:flex;align-items:center;justify-content:center;z-index:10;background:rgba(0,0,0,.6);&:hover{opacity:1}}.upload-case{.card{margin-top:16px;&:first-child{margin-top:0}.input{width:100%;height:40px}.textarea{.ant-input{height:100px}}}.case-list{display:flex;flex-wrap:wrap;padding:0;.case-image{position:relative;width:260px;height:155px;margin-right:16px;margin-bottom:16px;border-radius:8px;overflow:hidden;& :nth-child(3n){margin-right:0;margin-bottom:0}img{object-fit:cover;width:100%;height:100%}.icon{font-size:32px;color:#fff}}}}.members{margin-top:0;.member-list{display:flex;flex-wrap:wrap;.item{margin-right:16px;margin-bottom:16px;position:relative;width:387px;height:194px;border-radius:8px;overflow:hidden;&:nth-child(3n){margin-right:0}.item-bg{width:100%;height:100%;object-fit:cover}.select-box{flex-direction:column;color:hsla(0,0%,100%,.85);font-size:14px;font-weight:400;text-align:center;z-index:1;background:rgba(0,0,0,.35);.name{color:#fff;font-size:24px;font-weight:500;margin-top:6px}}.edit,.select-box{position:absolute;top:0;left:0;display:flex;align-items:center;justify-content:center;height:100%;width:100%}.edit{cursor:pointer;opacity:0;z-index:10;background:rgba(0,0,0,.6);.icon{font-size:24px;color:#fff;&:first-child{margin-right:24px}}}&:hover{.edit{opacity:1}}}}.add-wrap{cursor:pointer;width:387px;height:194px;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:8px;background:#f7f9fa;margin-top:16px;color:#aaa;font-size:14px;font-weight:400;.icon{margin-bottom:8px;font-size:32px;color:#686c78}}}.members-modal{.input{height:40px}.textarea{.ant-input{height:100px}}}.case-list{background:#fff;padding:16px;height:auto;display:flex;flex-wrap:wrap;.case-item{position:relative;width:387px;height:194px;border-radius:8px;overflow:hidden;margin-right:16px;margin-bottom:16px;.item-bg{width:100%;height:100%;object-fit:cover}.select-box{padding:12px 16px;bottom:0;justify-content:space-between;color:hsla(0,0%,100%,.85);font-size:14px;font-weight:400;z-index:1;color:#fff;.brand-name{color:hsla(0,0%,100%,.65)}}.edit,.select-box{position:absolute;left:0;display:flex;align-items:center;width:100%}.edit{cursor:pointer;height:100%;opacity:0;top:0;justify-content:center;z-index:10;background:rgba(0,0,0,.6);.icon{font-size:24px;color:#fff;&:first-child{margin-right:24px}}}&:hover{.edit{opacity:1}}}}#components-layout-demo-side .logo{background:hsla(0,0%,100%,.2)}.ant-layout-sider-trigger,.ccc{background:#fff;color:#8c8c8c}.ant-layout,.content-wrapper{background:#f7f9fc}.avatar{width:30px;height:30px;border-radius:50%;margin-right:30px}.nav-header{height:80px;.nav-icon{font-size:40px;animation:rotate 3s ease-in-out infinite}}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(1turn)}}