body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:center}.App a{color:#000;text-decoration:none}.App .flex-row{display:flex;flex-direction:row}.App .flex-col{display:flex;flex-direction:column}.App .justify-start{display:flex;justify-content:flex-start}.App .justify-center{display:flex;justify-content:center}.App .justify-end{display:flex;justify-content:flex-end}.App .justify-between{display:flex;justify-content:space-between}.App .justify-around{display:flex;justify-content:space-around}.App .items-start{align-items:flex-start;display:flex}.App .items-center{align-items:center;display:flex}.App .items-end{align-items:flex-end;display:flex}.App .highest-layer{position:absolute;z-index:99999}.App .sec-highest-layer{z-index:99998}.App .trd-highest-layer{z-index:99997}.input-with-label{background-color:#f0f0f0;display:flex}.input-with-label .before-label{box-sizing:border-box;flex-shrink:0;padding:0 10px}.input-with-label .input{background-color:initial;border:0;border-radius:0 4px 4px 0;flex:1 1;outline:none}.config-title-wrap{align-items:start;box-sizing:border-box;display:flex;flex-direction:column;height:70px;width:100%}.config-title-wrap div{flex:1 1;overflow:hidden;text-align:start;text-overflow:ellipsis;white-space:nowrap;width:100%}.config-title-wrap .title{color:#000;font-weight:700}.config-title-wrap .detail{color:#cacaca;font-size:13px;font-weight:400}.input-number-bg{background-color:#f0f0f0;border-radius:4px;height:30px;overflow:hidden;width:155px}.input-number-bg input{background-color:initial;border:0;color:#696969;flex:1 1;font-size:13px;font-weight:400;outline:none;padding-left:7px;width:30px}.input-number-bg label{color:#999;flex-shrink:0;margin-right:8px;-webkit-user-select:none;user-select:none}.input-number-bg .arrow{background-color:#ebebeb;flex-shrink:0;height:30px;width:11px}.input-number-bg .arrow div{cursor:pointer;height:50%;-webkit-user-select:none;user-select:none;width:100%}.input-number-bg .arrow div:hover{opacity:.3}.input-number-bg .arrow div:first-of-type{border-top:1px solid #d0d0d0;box-sizing:border-box;transform:rotate(180deg)}.slider-custom-wrap .title{color:#999;font-size:12px;margin-bottom:4px}.slider-custom-wrap .slider-wrap{width:100%}.slider-custom-wrap .slider-wrap .slider-box{background-color:#f0f0f0;border-radius:4px;box-sizing:border-box;flex:1 1;margin-right:12px;padding:6px 8px}.radio-custom-wrap .title{color:#999;font-size:12px;margin-bottom:4px}.select-wrap{border-radius:4px;display:flex;overflow:hidden}.select-wrap .normal{background-color:#f0f0f0;color:#c2c2c2;cursor:pointer;flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.select-wrap .normal:hover{opacity:.8}.select-wrap .active{background-color:#477aff;color:#fff}.nav-button{border-radius:4px;color:#fff;cursor:pointer;line-height:30px;text-align:center}.nav-button.normal{background-color:#efefef;color:#797979}.nav-button.normal:hover{opacity:.6}.nav-button.blue{background:linear-gradient(180deg,#3d73ff,#5282ff)}.nav-button.blue:hover{background:linear-gradient(180deg,#3d73ff,#6292ff)}.nav-button.login{background:#87db60}.nav-button.login:hover{background:#97eb70}.color-picker-wrap{background:#fff;border:1px solid #f0f0f0;border-radius:5px}.color-picker-wrap .title{color:#999;font-size:12px}.color-picker-wrap .picker{border:.35px solid #d9d9d9;border-radius:3px}.color-picker-wrap .input{background-color:initial;block-size:0;border:0;border-radius:2px;cursor:pointer;outline:none;overflow:hidden;padding:0;padding-block:0}.color-picker-wrap .input::-webkit-color-swatch-wrapper{border:none;padding:0}.color-picker-wrap .input::-webkit-color-swatch{border:none}.text-area{background:#f0f0f0;border:0;outline:none}.list-item-wrap{background-color:initial;border-radius:8px;color:#18181b;cursor:pointer;font-size:14px;max-height:38px;min-width:172px;padding:12px}.list-item-wrap.active{background-color:#fff}.list-item-wrap .item-text{margin-left:8px}.list-item-wrap .item-text.active{font-weight:500}.nav-select-tab-wrap{height:32px;width:100%}.nav-select-tab-wrap .tab{box-sizing:border-box;color:#616161;cursor:pointer;font-size:16px;height:32px;-webkit-user-select:none;user-select:none}.nav-select-tab-wrap .tab.active{border-bottom:2px solid #003769;color:#003769;font-weight:500}.search-wrap{background-color:#fff;border:1px solid #c9c9c9;border-radius:42px;box-sizing:border-box;font-size:16px;height:46px;padding:4px;position:relative;width:507px}.search-wrap .input-area{border-radius:80px;position:relative;width:100%;z-index:2}.search-wrap .input-area .icon{height:32px;margin-left:10px;margin-right:8px;width:32px}.search-wrap .input-area .input{border:0;color:#afafaf;flex:1 1;font-size:16px;outline:none}.search-wrap .input-area .input::-webkit-input-placeholder{color:#afafaf}.search-wrap .input-area .input::-ms-input-placeholder{color:#afafaf}.search-wrap .input-area .input ::-moz-placeholder{color:#afafaf}.search-wrap .input-area .clear{height:.14rem;margin-left:.19rem;margin-right:.06rem;width:.14rem}.search-wrap .input-area .search-btn{background-color:#2177f8;border-radius:23px;cursor:pointer;height:38px;width:70px}.search-wrap .input-area .search-btn:hover{opacity:.6}.search-wrap .input-area .search-btn img{height:30px;width:30px}.expand-text{position:relative}.expand-text .text-box{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.expand-text img{cursor:pointer;height:16px;margin-left:8px;width:16px}.expand-text .float-box{background-color:#fcfcfc;border-radius:12px;box-sizing:border-box;color:#333;font-size:12px;padding:4px 16px;position:absolute;text-align:center;top:0;transform:translateY(calc(-100% - 6px));z-index:20}.expand-text .float-box.bottom{transform:translateY(calc(20% + 6px))}.pass-word-comp{width:170}.pass-word-comp img{cursor:pointer;height:16px;margin-left:32px;width:16px}.alert-comp-wrap{height:100vh;left:0;position:fixed;top:0;width:100vw;z-index:10000}.alert-comp-wrap .content{background:#fff;border:1px solid #d1daf1;border-radius:20px;box-shadow:0 8px 33px 0 #11111366;box-sizing:border-box;left:50%;padding:20px;position:absolute;top:50%;transform:translate(-50%,-50%)}.alert-comp-wrap .content .title{color:#1841d3;font-size:24px;font-weight:500;height:38px}.alert-comp-wrap .content .custom{margin-bottom:20px;margin-top:20px}.alert-comp-wrap .content .button-box .button{background-color:#f1f3f6;border-radius:2px;color:#6d7072;cursor:pointer;font-size:14px;height:30px;width:90px}.alert-comp-wrap .content .button-box .button:hover{opacity:.7}.alert-comp-wrap .content .button-box .button.confirm{background-color:#405eab;color:#fff;margin-left:10px}.alert-input-wrap .label{color:#232323;font-size:14px;font-weight:500;margin-right:8px}.alert-input-wrap .input{background-color:#f1f3f6;border-radius:4px;box-sizing:border-box;display:flex;flex:1 1;height:38px;max-width:561px;padding:12px}.alert-input-wrap .input input{background-color:initial;border:none;flex:1 1;font-size:12px;outline:none}.alert-textarea-wrap .label{color:#232323;font-size:14px;font-weight:500;margin-right:8px;margin-top:10px}.alert-textarea-wrap .text-area{background-color:#f1f3f6;border-radius:4px;box-sizing:border-box;display:flex;flex:1 1;height:111px;max-width:561px;padding:12px}.alert-textarea-wrap .text-area textarea{background-color:initial;border:none;flex:1 1;font-size:12px;outline:none}.warning-alert-wrap{height:100vh;left:0;position:fixed;top:0;width:100vw}.warning-alert-wrap .content{background:#fff;border:1px solid #d1daf1;border-radius:20px;box-shadow:0 8px 33px 0 #11111366;flex-shrink:0;height:201.286px;width:423.733px}.warning-alert-wrap .content .button-box{margin-top:20px}.warning-alert-wrap .content .button-box .button{background-color:#f1f3f6;border-radius:2px;color:#6d7072;cursor:pointer;font-size:14px;height:30px;width:90px}.warning-alert-wrap .content .button-box .button:hover{opacity:.7}.warning-alert-wrap .content .button-box .button.confirm{background-color:#405eab;color:#fff;margin-left:10px}.left-content-wrap{background-color:#f4f4f5;box-shadow:0 2px 8px 0 #00000026;box-sizing:border-box;display:flex;flex-direction:column;height:100%;padding-top:21px;position:relative;width:100%;z-index:1}.left-content-wrap .main-content{align-items:center;display:flex;flex:1 1;flex-direction:column;overflow:scroll}.left-content-wrap .main-content .select{align-items:center;cursor:pointer;display:flex;height:40px;margin-top:8px;width:100%}.left-content-wrap .main-content .select:first-of-type{margin-top:0}.left-content-wrap .main-content .select.active{background-color:#497cff;color:#fff}.left-content-wrap .main-content .select.active:before{background-color:#325fff;content:"";height:100%;width:7px}.left-content-wrap .main-content .select div{margin-left:20px;max-width:133px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.left-content-wrap .main-content .select img{height:21px;margin-right:5px;width:21px}.my-jd-bean-wrap{height:100%;padding:15px 24px;width:100%}.my-jd-bean-wrap .content{background-color:#fff;border-radius:12px;max-height:692px;max-width:1184px;overflow:scroll;padding:10px 20px}.my-jd-bean-wrap .content .handle-item{color:#1890ff;cursor:pointer;font-size:12px}.my-jd-bean-wrap .content .handle-item:nth-of-type(2){margin-left:40px}.my-jd-bean-wrap .content .handle-item:hover{opacity:.6}.my-jd-bean-wrap .content .handle-item.using{color:#959595}.my-jd-bean-wrap .content .handle-item.delete{color:#de0303}.my-jd-bean-wrap .content .handle-item .btn-text{margin-left:4px}.add-sku-wrap{margin-top:20px;width:100%}.add-sku-wrap .label{color:#232323;font-size:14px;font-weight:500;margin-right:8px}.add-sku-wrap .sku-list{flex:1 1}.pay-bean-alert .message{color:#f009;font-size:12px;text-align:center;width:100%}.email-manager-wrap{box-sizing:border-box;height:100%;padding:15px 24px;width:100%}.email-manager-wrap .content{background-color:#fff;border-radius:12px;max-height:692px;max-width:1184px;overflow:scroll;padding:10px 20px}.email-manager-wrap .content .handle-item{color:#1890ff;cursor:pointer;font-size:12px}.email-manager-wrap .content .handle-item:nth-of-type(2){margin-left:40px}.email-manager-wrap .content .handle-item:hover{opacity:.6}.email-manager-wrap .content .handle-item.using{color:#959595}.email-manager-wrap .content .handle-item.delete{color:#de0303}.email-manager-wrap .content .handle-item .btn-text{margin-left:4px}.navigator{background:linear-gradient(180deg,#001529,#082745);display:flex;height:100%;justify-content:space-between;width:100%}.navigator .left-area{align-items:center;box-sizing:border-box;display:flex;height:48px;padding:8px 16px;width:251px}.navigator .left-area img{height:33px;width:33px}.navigator .left-area .name{color:#fff;flex-shrink:0;font-size:18px;font-weight:400;line-height:32px;margin:0 12px}.navigator .right-area{align-items:center;display:flex;height:100%}.navigator .right-area .line{background-color:#ffffff3d;height:30px;width:1px}.navigator .right-area .login-area{margin:0 18px}.navigator .right-area .login-area .avatar{border-radius:50%;height:24px;margin:0 8px 0 12px;width:24px}.navigator .right-area .login-area .name{color:#fff;cursor:pointer;font-size:14px;margin-right:12px}.navigator .right-area .login-area .name:hover{opacity:.8}.login-wrap{background-color:#f0f0f5;height:100vh;overflow:hidden;position:relative;width:100vw}.login-wrap .title img{height:101px;width:101px}.login-wrap .title span{color:#000000d9;font-size:50px;font-weight:800;-webkit-user-select:none;user-select:none;width:1000px}.login-wrap .input-area{color:#1890ff;font-size:14px;left:50%;overflow:hidden;position:absolute;top:176px;transform:translateX(-50%);width:360px;z-index:1}.login-wrap .input-area .tab{border-bottom:1px solid #0000000f;box-sizing:border-box;height:46px;padding-top:12px}.login-wrap .input-area .tab .line{background:#1890ff;height:2px;width:28px}.login-wrap .input-area .check-box{float:left;font-size:14px}.login-wrap .input-area .submit{background-color:#1890ff;border-radius:2px;color:#fff;cursor:pointer;height:40px;line-height:40px;text-align:center;width:360px}.login-wrap .input-area .submit:hover{opacity:.8}.login-wrap .big-logo{bottom:-50%;height:768px;left:50%;position:absolute;transform:translateX(-50%);width:768px}