@import url(https://fonts.googleapis.com/css?family=Noto+Sans+SC|Open+Sans&display=swap);.login{display:flex;align-items:center;min-height:100vh;background-image:url(/static/media/login.9f7174b7.png);background-size:cover}.login .content{display:flex;flex-direction:column;width:420px;background-color:#fff;border-radius:8px;margin:2vw 10vw;padding:48px 40px}.login .content .title{font-size:24px;font-weight:700;margin-bottom:30px}.login .content .ant-input{height:50px;border-radius:4px;margin-bottom:30px}.login .content .ant-input-password{border-color:#8c8f94;margin-bottom:30px;padding:0 11px 0 0;box-sizing:border-box}.login .content .ant-input-password .ant-input{height:48px;margin-bottom:0;padding:4px 11px}.login .content .ant-btn{width:100%;height:50px;border-radius:4px}@media(max-width:600px)and (max-height:1024px){.login{align-items:flex-start}.login .content{width:100%;margin:50vw 3vw 0;padding:24px 20px}}.layouts{height:100%}.layouts .main-wrapper{display:flex;height:calc(100% - 56px)}.layouts .main-wrapper .main-container{width:100%;height:100%;padding:5px 10px;background-color:#f6f6f7;overflow-y:auto;position:relative}.main-header{justify-content:space-between;position:relative;height:56px;box-shadow:0 2px 2px -1px rgba(0,0,0,.15);padding:0 10px;z-index:99;background:#fff}.main-header,.main-header .main-header-logo{display:flex;align-items:center}.main-header .main-header-logo .title{width:190px;font-size:18px;font-weight:700}.main-header .main-header-logo .store-name{font-size:18px;font-weight:700;margin-left:20px}.main-header .header-info{display:flex;align-items:center;justify-content:space-between;width:100%}.main-header .header-info .menu-unfold{display:none}.main-header .header-info .iconfont{font-size:22px}.main-header .header-info .avatar{display:flex;align-items:center;height:56px;padding:0 10px;cursor:pointer}.main-header .header-info .avatar:hover{background-color:hsla(0,0%,80%,.6)}.main-header .header-info .avatar .username{font-size:14px}.main-header .header-info .avatar:after{display:inline-block;content:"";width:0;height:0;border:4px solid transparent;border-top-color:#606266;margin-left:8px;margin-top:6px}.avatar-popover .ant-popover-inner{min-width:180px;border-radius:8px;box-shadow:-1px 0 20px rgba(23,24,24,.05),0 1px 5px rgba(0,0,0,.15);padding:10px 5px}.avatar-popover .ant-popover-inner .ant-popover-inner-content{border-radius:8px;overflow:hidden;padding:0 8px}.avatar-popover .ant-popover-inner .ant-popover-inner-content .popover-content{border-radius:8px}.avatar-popover .ant-popover-inner .ant-popover-inner-content .popover-content .item{display:flex;align-items:center;padding:6px 8px;cursor:pointer}.avatar-popover .ant-popover-inner .ant-popover-inner-content .popover-content .item:hover{background-color:#f6f6f7}.avatar-popover .ant-popover-inner .ant-popover-inner-content .popover-content .item .iconfont{font-size:20px;margin-right:15px}@media(max-width:600px)and (max-height:1024px){.main-header .main-header-logo .title{display:none}.main-header .header-info .menu-unfold{display:block}.main-header .header-info .menu-unfold .iconfont{font-size:24px}.main-header .header-info .phoneHidden{display:none!important}}.main-navbar{min-width:200px;height:100%;background-color:#001528;padding:10px;overflow-y:auto;-webkit-user-select:none;user-select:none;box-sizing:border-box}.main-navbar .ant-menu{border:none;background-color:#001528!important}.main-navbar .ant-menu .ant-menu-item{width:100%;height:38px;line-height:38px;margin:0;padding:0 0 0 10px!important}.main-navbar .ant-menu .ant-menu-item .ant-menu-title-content{margin:0}.main-navbar .ant-menu .ant-menu-item .ant-menu-title-content a{display:flex;align-items:center;color:#c3ebfd}.main-navbar .ant-menu .ant-menu-item .ant-menu-title-content a .iconfont{font-size:20px;margin-right:5px}.main-navbar .ant-menu .ant-menu-submenu-title{display:flex;align-items:center;height:38px;line-height:38px;margin:0;padding:0 0 0 10px!important}.main-navbar .ant-menu .ant-menu-submenu-title:hover{color:#c3ebfd}.main-navbar .ant-menu .ant-menu-submenu-title .iconfont{color:#c3ebfd;font-size:20px!important;margin-right:5px!important}.main-navbar .ant-menu .ant-menu-submenu-title .ant-menu-submenu-arrow{color:#c3ebfd}.main-navbar .ant-menu .ant-menu-submenu-title .ant-menu-title-content{color:#c3ebfd;margin:0}.main-navbar .ant-menu .ant-menu-submenu .ant-menu-sub{padding-left:30px;position:relative}.main-navbar .ant-menu .ant-menu-submenu .ant-menu-sub:before{content:"";height:100%;opacity:1;width:3px;background:#d8f2fd;position:absolute;left:18px;top:0;border-radius:15px}.main-navbar .ant-menu .ant-menu-submenu .ant-menu-sub .ant-menu-item{height:32px;line-height:32px;padding-left:10px!important}.main-navbar .ant-menu .ant-menu-submenu .ant-menu-sub .ant-menu-item a{color:#c3ebfd}.main-navbar .ant-menu .ant-menu-item-active,.main-navbar .ant-menu .ant-menu-submenu-active{border-radius:3px!important;background:#0c3c65!important}.main-navbar .ant-menu .ant-menu-item-selected{font-weight:700;border-radius:3px;background-color:#082d4c!important}.main-navbar .ant-menu .ant-menu-item-selected a{color:#409eff!important}.main-navbar .ant-menu .ant-menu-item-selected a .iconfont{font-weight:400}.main-navbar .ant-menu .ant-menu-item-selected:after{display:none}.main-navbar .ant-menu .navbar-head{height:auto;line-height:normal;color:#3f6ad8;font-size:.875rem;font-weight:700;margin:0;padding:10px 0 5px!important}.main-navbar .ant-menu .navbar-head:after{display:none}.main-navbar .ant-menu .navbar-head:hover{color:#3f6ad8!important;background:none!important}.main-navbar .ant-menu .navbar-head.ant-menu-item-active{border-radius:0}.main-navbar-collapsed{min-width:60px;padding:0}.main-navbar-collapsed .ant-menu.ant-menu-inline-collapsed{width:60px}.main-navbar-collapsed .ant-menu.ant-menu-inline-collapsed .ant-menu-item{min-width:60px;height:50px;line-height:50px;padding:0!important}.main-navbar-collapsed .ant-menu.ant-menu-inline-collapsed .ant-menu-submenu-title{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;height:50px;line-height:50px;padding:0!important}.main-navbar-collapsed .ant-menu.ant-menu-inline-collapsed .ant-menu-submenu .ant-menu-submenu-arrow,.main-navbar-collapsed .ant-menu.ant-menu-inline-collapsed .ant-menu-submenu .ant-menu-title-content,.main-navbar-collapsed .ant-menu.ant-menu-inline-collapsed .ant-menu-title-content-collapsed{display:none!important}.main-navbar-collapsed .ant-menu.ant-menu-inline-collapsed .iconfont{display:flex;width:60px;height:50px;line-height:50px;font-size:24px!important;margin:0!important}.main-navbar-collapsed .ant-menu.ant-menu-inline-collapsed .iconfont:before{margin:0 auto}@media(max-width:600px)and (max-height:1024px){.main-navbar{width:100%;box-shadow:6px 0 16px -8px rgba(0,0,0,.08),9px 0 28px 0 rgba(0,0,0,.05),12px 0 48px 16px rgba(0,0,0,.03)}.main-mobile{width:0;height:100%;overflow:hidden;transition:width .3s;position:fixed;top:0;left:0;z-index:999}.main-mobile-open{width:200px;max-width:360px}.main-mask{display:none;width:100%;height:100%;background-color:rgba(0,0,0,.5);position:fixed;top:0;left:0;z-index:99}.main-mask-block{display:block}}.filter{display:flex;flex-wrap:wrap;justify-content:space-between;background-color:#fff;margin-bottom:5px;padding:12px 24px}.filter .backtrack{display:flex;align-items:center;cursor:pointer}.filter .backtrack .btn{padding:0 8px}.filter .backtrack .title{color:#096dd9;font-weight:600;margin-left:15px}.filter .ant-select{width:196px}.filter .ant-btn{display:flex;align-items:center;justify-content:center}.subcomponent{background-color:#fff}.subcomponent .sub-body{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.subcomponent .sub-body .sub-content{display:table}.subcomponent .sub-body .sub-content .sub-content-row{display:table-row}.subcomponent .sub-body .sub-content .sub-content-row .content,.subcomponent .sub-body .sub-content .sub-content-row .label{display:table-cell;text-align:left;white-space:nowrap;padding:10px 0}.subcomponent .sub-body .sub-content .sub-content-row .label{font-weight:600;padding-right:30px;vertical-align:middle}.subcomponent .sub-body .sub-content .sub-content-row .content{width:100%}.subcomponent .sub-body .sub-content .sub-content-row .content .modularity-rules{display:flex;align-items:center;margin-bottom:5px}.subcomponent .sub-body .sub-content .sub-content-row .content .modularity-rules:last-child{margin-bottom:0}.subcomponent .sub-body .sub-content .sub-content-row .content .modularity-rules .iconfont{font-size:20px;margin-left:5px;cursor:pointer}.subcomponent .sub-body .sub-content .sub-content-row .content .ant-select{width:100%}.subcomponent .sub-footer{width:100%;text-align:right;border-top:1px solid #f0f0f0;border-radius:0 0 2px 2px;padding:10px 16px;position:absolute;bottom:0;right:0}.table-modal .ant-modal-body{padding-top:12px}.table-modal .ant-modal-body .w-table-wrapper{padding:0}.table-modal .ant-modal-body .w-table-wrapper .w-header{padding-top:0}.permissions{padding:20px}.permissions .ant-tabs-tab{font-weight:800;margin-top:0!important}.permissions .sub-body .sub-content .secondary .label{padding-left:10px}.permissions .sub-body .sub-content .secondary .label:before{content:"--";margin-right:5px;vertical-align:text-bottom}@media(max-width:600px)and (max-height:1024px){.filter .ant-space,.filter .ant-space-item,.filter .ant-space .ant-space-item,.filter .ant-space .ant-space-item .ant-btn,.filter .ant-space .ant-space-item .ant-select{width:100%}.filter .ant-space .ant-space-item .ant-btn .ant-space{width:auto}.filter .ant-picker,.subcomponent .sub-body{width:100%}.subcomponent .sub-body .sub-content{display:block;width:100%}.subcomponent .sub-body .sub-content .sub-content-row{display:block}.subcomponent .sub-body .sub-content .sub-content-row .label{display:block;border:none;padding:10px 0 0}.subcomponent .sub-body .sub-content .sub-content-row .content{display:block;width:100%;min-width:100%;padding:3px 0 6px;overflow-x:auto}}.package .package-box{display:flex}.package .package-box .item{width:240px;border-radius:4px;border:5px solid #cbcbcd;box-sizing:border-box;margin:5px;cursor:pointer}.package .package-box .item:hover{border:5px solid #1890ff;background-color:#f6f6f7}.package .package-box .item:hover .heade{color:#fff;border-color:#1890ff;background-color:#1890ff}.package .package-box .item .heade{font-size:16px;font-weight:500;padding:16px;border:1px solid #cbcbcd}.package .package-box .item .content{padding:8px 16px}.package .package-box .item .content .card-item{font-size:12px;margin-bottom:16px}.package .package-box .item .content .card-item .title{font-size:1rem;font-weight:600;margin-bottom:5px}.package .package-box .item .content .card-item .number,.package .package-box .item .content .price{font-size:1rem;font-weight:600}.package .package-box .item .content .modularitys{display:block;min-height:250px}.package .package-box .disabled{background-color:#f5f5f5;cursor:auto}.package .package-box .disabled,.package .package-box .disabled .heade{color:rgba(0,0,0,.2509803922);border-color:#d9d9d9}.package .package-box .disabled:hover{border:5px solid #d9d9d9;background-color:#f5f5f5}.package .package-box .disabled:hover .heade{color:rgba(0,0,0,.2509803922);border-color:#d9d9d9;background-color:#f5f5f5}.package .package-box .current{border-color:#67c23a}.package .package-box .current .heade{color:#fff;border-color:#67c23a;background-color:#67c23a}.package .next-level .heade{display:flex;align-items:center;margin-bottom:20px;cursor:pointer}.package .next-level .heade .ant-btn{display:flex;align-items:center;min-height:auto;padding:8px}.package .next-level .heade .title{display:inline-block;font-size:14px;margin-left:10px}.package .next-level .content{display:flex;align-items:flex-start}.package .next-level .content .table{flex:2 2 30rem;min-width:51%;border-radius:.5rem;border:1px solid #c9cccf;margin-right:1.25rem}.package .next-level .content .table .item{display:flex;align-items:center;border-bottom:1px solid #c9cccf;padding:1.5rem;cursor:pointer}.package .next-level .content .table .item:last-child{border:none}.package .next-level .content .table .item .day{display:inline-block;width:80px}.package .next-level .content .table .disabled{color:rgba(0,0,0,.2509803922);border-color:#d9d9d9;background-color:#f5f5f5;cursor:auto}.package .next-level .content .total{flex:1 1 15rem;min-width:0;border-radius:.5rem;border:1px solid #c9cccf}.package .next-level .content .total .item{display:flex;align-items:center;justify-content:space-between;padding:10px}.package .next-level .content .total .item .label{flex-shrink:0}.package .next-level .content .total .item .default-btn{width:100%;color:#8c9196;border-color:transparent;background-color:#f1f1f1}.package .next-level .content .total .item .selected-btn{width:100%;color:#fff;border-color:#409eff;background-color:#409eff}@media(max-width:600px)and (max-height:1024px){.package .package-box{display:block}.package .package-box .item{width:100%}.package .package-box .item .content .modularitys{display:flex;flex-wrap:wrap;min-height:auto}.package .package-box .item .content .modularitys .title{width:100%}.package .package-box .item .content .modularitys p{margin-right:10px}.package .next-level .content{display:block}.package .next-level .content .table{margin-right:0;margin-bottom:10px}}#root,.App,body,html{height:100%;margin:0;font-size:.875rem!important;font-family:"Noto Sans SC","Open Sans",sans-serif}p{margin:0}.pointer{cursor:pointer}.link-type,.link-type:focus{color:#0c3c65;cursor:pointer}.link-type:focus:hover,.link-type:hover{color:#20a0ff}.textDecoration{text-decoration:underline}.red{color:red}.green{color:green}.blue{color:#00f}.ant-btn-background-ghost{color:#0c3c65!important;border-color:#409eff!important;background-color:#ecf5ff!important}.ant-btn-background-ghost:hover{color:#fff!important;border-color:#409eff!important;background-color:#409eff!important}.ant-table-row .ant-table-cell,.ant-table-thead .ant-table-cell{padding:3px!important}.ant-radio-group{margin:0!important}.ant-input,.ant-input-affix-wrapper{border-color:#8c8f94!important}.ant-input{border-radius:4px!important}.ant-select{font-size:.875rem!important}.ant-picker,.ant-select .ant-select-selector{border-color:#8c8f94!important}.ant-btn{display:flex!important;align-items:center!important;justify-content:center!important}.ant-btn,.ant-checkbox-wrapper,.ant-menu,.ant-modal .ant-modal-body,.ant-picker,.ant-picker-input input,.ant-radio-button-wrapper,.ant-tabs,.ant-tabs-tab-btn{font-size:.875rem!important}.ant-modal .ant-modal-confirm-btns{display:flex;justify-content:flex-end}.ant-collapse,.ant-popover,.ant-space,.ant-tooltip .ant-tooltip-inner,.ant-upload{font-size:.875rem!important}.ant-picker-calendar .ant-radio-group{display:none!important}