#leftMenu .menuItemBorder { height: 2px; border-bottom: 1px solid #ccc; width: 80%; margin-left: 20px; } #leftMenu .newIcon { font-size: 14px; margin: 0 8px 0 4px; } #leftMenu .ant-menu.ant-menu-dark .ant-menu-item-selected { background-color: #e8e8e8 !important; color: red !important; } #leftMenu .ant-menu.ant-menu-dark .ant-menu-item-selected i { color: red; } #leftMenu .ant-menu.ant-menu-dark .ant-menu-item-selected span { color: red !important; } #leftMenu .ant-menu-item-active span { color: #D44823 !important; } #leftMenu .ant-menu-dark .ant-menu-inline.ant-menu-sub { background: #e8e8e8; box-shadow: none; width: 90%; margin: 0 auto; } #leftMenu .ant-menu-submenu i { color: rgba(0, 0, 0); } #leftMenu .ant-menu-submenu span { color: rgba(0, 0, 0); } #leftMenu .ant-menu-submenu-open i { color: #000; } #leftMenu .ant-menu-submenu-open span { color: #000; } #leftMenu .ant-menu-submenu-open .ant-menu-sub .ant-menu-item-selected { background-color: transparent !important; } #leftMenu .ant-menu-submenu-title { font-size: 15px !important; margin: 3px 0 !important; color: #ffffff; } #leftMenu .ant-menu-submenu-title svg { font-size: 18px; } #leftMenu .ant-menu.ant-menu-dark .ant-menu-item { color: #ffffff; margin: 3px 0; font-size: 15px; } #leftMenu .ant-menu.ant-menu-dark .ant-menu-item svg { font-size: 18px; } #leftMenu .ant-menu.ant-menu-dark .ant-menu-item.subMenu { margin-left: -20px; margin-top: 0; margin-bottom: 0; } #leftMenu .ant-menu.ant-menu-dark .ant-menu-item-active { color: #EE3F10; } #leftMenu .ant-menu.ant-menu-dark { width: 240px; background-color: #e8e8e8 !important; } #leftMenu .ant-menu.ant-menu-dark .ant-menu-item-selected i.anticon { color: #f30; margin-left: 7px; vertical-align: middle; } #leftMenu .ant-menu-item > a b { margin-right: 5px; } #leftMenu .ant-menu-sub { padding: 10px 0; } #leftMenu .ant-menu-sub .ant-menu-item { height: 30px; line-height: 30px; } #leftMenu .ant-menu-submenu-arrow::after, #leftMenu .ant-menu-submenu-arrow::before { background-color: #000 !important; } .nav__style---base64-8-{min-height:100%;position:relative;background-color:#E8E8E8}.nav__style---base64-8- h1{background:url(https://ut-front.thisnew.com/images/components/Footer/images/logo_customaple.png) center/200px no-repeat;height:104px;margin-bottom:0}.nav__style---base64-8- .statusImg__style---base64-8-{position:absolute;top:10px;right:120px}.nav__style---base64-8- .contactUs__style---base64-8-{position:absolute;bottom:30px;left:14px;width:212px;height:114px;background-color:#272727;border-radius:10px;text-align:center;font-size:18px;color:#fff}.nav__style---base64-8- .contactUs__style---base64-8- div{position:relative;top:-40px}.nav__style---base64-8- .contactUs__style---base64-8- .email__style---base64-8-{font-size:14px}.nav__style---base64-8- .contactUs__style---base64-8- .email__style---base64-8- a{color:#fff}.nav__style---base64-8- .contactUs__style---base64-8- .iconContact__style---base64-8-{font-size:57px;background-color:#333;border-radius:50%;position:relative;top:-40px;color:#272727}@media screen and (max-width: 768px){.nav__style---base64-8-{display:none}} .customizationSearch .ant-form { display: flex; } .customizationSearch .ant-select-selection--single, .customizationSearch .ant-input { height: 40px; font-size: 16px; box-shadow: none; } .customizationSearch .ant-select-selection__rendered, .customizationSearch .ant-select-dropdown-menu-item { text-transform: capitalize; } .customizationSearch .ant-select-selection__rendered { margin-left: 18px !important; } .customizationSearch .ant-select-selection__rendered, .customizationSearch .ant-input { line-height: 40px; } .customizationSearch .ant-select-arrow:after { content: ''; width: 0; height: 0; display: inline-block; overflow: hidden; font-size: 0; line-height: 0; border-width: 5px; border-style: solid dashed dashed dashed; border-color: #878787 transparent transparent transparent; margin-top: 3px; margin-right: -4px; } .customizationSearch .ant-select-arrow i { display: none; } .customizationSearch .ant-select-selection--single { border-top-left-radius: 8px; border-bottom-left-radius: 8px; border: solid 1px #ebebeb; border-right-color: #ebebeb !important; border-top-right-radius: 0; border-bottom-right-radius: 0; border-right-style: dotted; } .customizationSearch .ant-select-focused .ant-select-selection, .customizationSearch .ant-select-selection:focus, .customizationSearch .ant-select-selection:active, .customizationSearch .ant-select-selection:hover { border-color: #ebebeb; box-shadow: none; } .customizationSearch .ant-btn .anticon { height: 26px; } .customization-search-select { width: 250px !important; top: 72px !important; } .customizationSearch__style---base64-8-{width:560px;margin-bottom:30px;margin-left:85%;font-size:16px;border-radius:8px;height:40px}@media screen and (max-width: 768px){.customizationSearch__style---base64-8-{display:none}}@media screen and (max-width: 1280px){.customizationSearch__style---base64-8-{width:auto}}.customizationSearch__style---base64-8- .select__style---base64-8-{width:161px;margin-bottom:0}.customizationSearch__style---base64-8- .input__style---base64-8-{width:354px;margin-bottom:0}.customizationSearch__style---base64-8- .input__style---base64-8- input{border-radius:0;border-right:0;border-top:solid 1px #ebebeb;border-bottom:solid 1px #ebebeb;box-shadow:none}.customizationSearch__style---base64-8- .input__style---base64-8- input::-webkit-input-placeholder{text-align:left}.customizationSearch__style---base64-8- .customizationSearchBtn__style---base64-8-{width:44px;height:40px;line-height:38px;margin-bottom:0;border-radius:0px 8px 8px 0px;background-color:initial;border:1px solid #ebebeb;box-shadow:initial;border-left:none;color:#EE3F10;text-align:center}.customizationSearch__style---base64-8- .customizationSearchBtn__style---base64-8-:hover{color:white;background:#DB5426;cursor:pointer}.customizationSearch__style---base64-8- .customizationSearchBtn__style---base64-8- i{font-size:24px} .headerProductsDropDownMenu__style---base64-8-{overflow:hidden;display:flex;margin-top:-7px;margin-left:-17px}.headerProductsDropDownMenu__style---base64-8- .menuContainerLeft__style---base64-8-{background:#f4f4f4;width:225px;position:relative;z-index:2}.headerProductsDropDownMenu__style---base64-8- .menuContainerLeft__style---base64-8- ul{padding:14px 0;list-style:none}.headerProductsDropDownMenu__style---base64-8- .menuContainerLeft__style---base64-8- a{display:block;height:40px;line-height:40px;font-size:15px;color:#666;padding:0 24px;overflow:hidden}.headerProductsDropDownMenu__style---base64-8- .menuContainerLeft__style---base64-8- a span{float:right}.headerProductsDropDownMenu__style---base64-8- .menuContainerLeft__style---base64-8- a span i{font-size:12px}.headerProductsDropDownMenu__style---base64-8- .menuContainerLeft__style---base64-8- a:hover{background:#EC3E0F;color:#fff}.headerProductsDropDownMenu__style---base64-8- .menuContainerRight__style---base64-8-{background:#fff;width:0;transform:translateX(-100%);transition:transform 0.3s, width 0s 0.3s}.headerProductsDropDownMenu__style---base64-8- .menuContainerRight__style---base64-8-.on__style---base64-8-{width:375px;transform:translateX(0);transition:transform 0.3s}.headerProductsDropDownMenu__style---base64-8- .menuContainerRight__style---base64-8- [class*='ant-spin-nested-loading'],.headerProductsDropDownMenu__style---base64-8- .menuContainerRight__style---base64-8- [class*='ant-spin-container']{height:100%}.headerProductsDropDownMenu__style---base64-8- .menuContainerRight__style---base64-8- [class*='ant-empty']{display:none}.headerProductsDropDownMenu__style---base64-8- .menuContainerRight__style---base64-8- [class*='ant-row']{height:100%;display:flex;flex-direction:column;flex-wrap:wrap;padding:12px 26px}.headerProductsDropDownMenu__style---base64-8- .menuContainerRight__style---base64-8- [class*='ant-list-item']{margin-bottom:0 !important}.headerProductsDropDownMenu__style---base64-8- .listTitle__style---base64-8-{font-size:18px;color:#666;padding:13px 0;line-height:1;margin:0;display:block}.headerProductsDropDownMenu__style---base64-8- .listTitle__style---base64-8-:hover{color:#EC3E0F}.headerProductsDropDownMenu__style---base64-8- .listItem__style---base64-8-{line-height:1;margin:0;font-size:15px;color:#999;padding:12px 0;display:block}.headerProductsDropDownMenu__style---base64-8- .listItem__style---base64-8-:hover{color:#EC3E0F} #menuBox { padding: 10px 0; } #menuBox > div { vertical-align: middle; } #menuBox li { padding: 0 15px; } #menuBox #goToBag:hover { color: #c99d79; } #menuBox a { color: #666666; font-size: 15px; margin: 0; padding: 10px 10px 10px 0; border-bottom: 1px dotted #ccc; display: flex; align-items: center; } #menuBox a span:nth-child(2) { flex: 1; } #menuBox li:last-child a { border-bottom: none; } #menuBox i { font-size: 27px; margin-right: 5px; vertical-align: middle; } #menuBox i.iconnotif { text-align: center; font-size: 22px; width: 27px; } #menuBox li:hover { background-color: initial; color: #DB5426; } #menuBox li:hover a { color: #DB5426; } #menuBox li:hover i { color: #DB5426; } .ant-badge-multiple-words { padding: 0 !important; box-shadow: initial !important; } [id^="menuCategories"] .ant-menu-submenu-title, [id^="menuCategories"] .ant-menu-item { height: 20px !important; line-height: 20px !important; } .customizationHeader__style---base64-8- .menuList__style---base64-8-{display:block;width:30px}@media screen and (max-width: 576px){.customizationHeader__style---base64-8- .headerContentCenter__style---base64-8-{text-align:center}}@media screen and (min-width: 769px){.customizationHeader__style---base64-8- .headerContentCenter__style---base64-8- img{margin-left:24%;margin-top:10px}}@media screen and (max-width: 768px){.customizationHeader__style---base64-8- .headerContentCenter__style---base64-8- img{width:180px;margin:10px 0}}.customizationHeader__style---base64-8- .headerContentRight__style---base64-8- img{width:20px;height:20px;margin:0 15px;cursor:pointer}@media screen and (max-width: 768px){.customizationHeader__style---base64-8- .headerContentRight__style---base64-8- img{margin:0 5px}}.customizationHeader__style---base64-8- .menu__style---base64-8-{display:none}.customizationHeader__style---base64-8- .myAdminLine__style---base64-8-{display:block;height:1px;background:#eee}.customizationHeader__style---base64-8- .drawer__style---base64-8-{display:none}.customizationHeader__style---base64-8- .drawer__style---base64-8-{width:100%;height:100%;position:fixed;z-index:10000;top:0;left:0}.customizationHeader__style---base64-8- .drawerMask__style---base64-8-{width:100%;height:100%;position:absolute;background-color:rgba(0,0,0,0.45);z-index:10000;top:0;left:0;opacity:0;transition:opacity 0.3s linear, height 0s ease 0.3s}.customizationHeader__style---base64-8- .drawerContent__style---base64-8-{position:absolute;z-index:11111;top:0;left:0;width:0;height:100%;transition:all 0.3s ease-in-out;box-shadow:-0.02rem 0 0.08rem rgba(0,0,0,0.15);background-color:#fff;padding:0.88rem 0.23rem;overflow-y:scroll}.customizationHeader__style---base64-8- .drawerShopHeader__style---base64-8-{display:flex}.customizationHeader__style---base64-8- .drawerShopHeaderLogo__style---base64-8-{width:0.3rem;height:0.3rem}.customizationHeader__style---base64-8- .drawerShopHeaderTitle__style---base64-8-{margin-left:0.18rem}.customizationHeader__style---base64-8- .drawerShopHeaderTitle__style---base64-8- .drawerShopHeaderTitleName__style---base64-8-{font-size:0.26rem;font-weight:normal;font-stretch:normal;letter-spacing:0rem;color:#333333;font-weight:800;vertical-align:top}.customizationHeader__style---base64-8- .drawerShopHeaderTitle__style---base64-8- .drawerShopHeaderTitleInfo__style---base64-8-{font-size:0.18rem;font-weight:normal;font-stretch:normal;letter-spacing:0rem;color:#999999;vertical-align:top}.customizationHeader__style---base64-8- .drawerShopHeaderLine__style---base64-8-{background-image:url(https://ut-front.thisnew.com/images/components/CustomizationHeader/img/p_line_dotted_one.jpg);background-repeat:repeat;background-size:contain;width:3.29rem;height:0.02rem;margin:0.15rem 0}.customizationHeader__style---base64-8- .drawerShopContentText__style---base64-8-{font-size:0.22rem;font-weight:normal;font-stretch:normal;line-height:0.44rem;letter-spacing:0rem;color:#333333;margin-left:0.48rem}.customizationHeader__style---base64-8- .drawerShopContentText__style---base64-8- a{color:#333333}.customizationHeader__style---base64-8- .drawerShopContentText__style---base64-8- .icon__style---base64-8-{float:right}.customizationHeader__style---base64-8- .drawerShopFooterLine__style---base64-8-{background-image:url(data:image/jpeg;base64,/9j/2wCEAAEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQECAgICAgICAgICAgMDAwMDAwMDAwMBAQEBAQEBAgEBAgICAQICAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDA//dAAQABP/uAA5BZG9iZQBkwAAAAAH/wAARCAAQABoDABEAAREBAhEB/8QAXgAAAgMBAAAAAAAAAAAAAAAAAAoCAwYHAQEAAAAAAAAAAAAAAAAAAAAAEAABBQEAAQQDAQAAAAAAAAAFAQIDBAYHFQgRFBYSExcAEQEAAAAAAAAAAAAAAAAAAAAA/9oADAMAAAERAhEAPwB7OjzzIUps9NWIa18mf3+33olLPT+iEI59VtWbVmlolYL2tsw6XLU27Ql43NkG2wABYaijaNNRY5agAfnmQDy5SUeQ1s0mWvbO8CQh0/ohyO1a2N27d0TDkJjWkItjWp2bkiDq5Vt6AFG1kQ5lSOKNjAgB5zjgS4xRZDXzrjclo8nnfJ9T6PokuANFbzVsxa0KHteUTdHa9jN0kpmjPkSwuOSxHTtV471xlgNTkwIrK5bNZcFOUtA82ADAQ1k5pD+yN2BQcdWHjpzGv1ZQ5qNUUmqV2OsEiV25fvTK6axPLM98jg//0HgA8/pnW1hkAt4n81/bevw838TXxLbKeoqGLrn95XGLUiSWPsSww7r7XJS9jD2qc+cqo697gZWf0zvs81TEt4mlyQz1hOQ/Wa+JZZQ/EXLJ3D+eKMibJEWU6l77Qo78Zn2v3/N93q/3CnFz+mB7uTfz1vDkfLzHey8O+oVsPG5OORk+fJ05OX+IiasPOVMyZbzjBf4jnWfGfJRXtrewdH5m/nUnOOfycfTHJyWTEZR/Lk53GHi5+nOngaDsSmFizrWZ+PHJmlq+MbRRKbaX6khRI/x/wf/Z);background-repeat:repeat;background-size:contain;width:3.29rem;height:0.16rem;margin:0.37rem 0}.customizationHeader__style---base64-8- .drawerCreateHeader__style---base64-8-{display:flex}.customizationHeader__style---base64-8- .drawerCreateHeaderLogo__style---base64-8-{width:0.3rem;height:0.3rem}.customizationHeader__style---base64-8- .drawerCreateHeaderTitle__style---base64-8-{margin-left:0.18rem}.customizationHeader__style---base64-8- .drawerCreateHeaderTitle__style---base64-8- .drawerCreateHeaderTitleName__style---base64-8-{font-size:0.26rem;font-weight:normal;font-stretch:normal;letter-spacing:0rem;color:#333333;font-weight:800}.customizationHeader__style---base64-8- .drawerCreateHeaderTitle__style---base64-8- .drawerCreateHeaderTitleInfo__style---base64-8-{font-size:0.18rem;font-weight:normal;font-stretch:normal;letter-spacing:0rem;color:#999999}.customizationHeader__style---base64-8- .drawerCreateHeaderLine__style---base64-8-{background-image:url(https://ut-front.thisnew.com/images/components/CustomizationHeader/img/p_line_dotted_one.jpg);background-repeat:repeat;background-size:contain;width:3.29rem;height:0.02rem;margin:0.15rem 0}.customizationHeader__style---base64-8- .drawerCreateContentText__style---base64-8-{font-size:0.22rem;font-weight:normal;font-stretch:normal;line-height:0.44rem;letter-spacing:0rem;color:#333333;margin-left:0.48rem}.customizationHeader__style---base64-8- .drawerCreateContentText__style---base64-8- a{color:#333333}@media screen and (max-width: 768px){.customizationHeader__style---base64-8- .menu__style---base64-8-{position:fixed;width:100%;height:51px;bottom:0;background:#fff;display:block}.customizationHeader__style---base64-8- .menu__style---base64-8- div{width:20%;text-align:center;display:inline-block}.customizationHeader__style---base64-8- .menu__style---base64-8- a>i{font-size:30px;color:#666}.customizationHeader__style---base64-8- .menu__style---base64-8- a>i:hover{color:#ff3333}}.customizationHeader__style---base64-8-{position:relative}@media screen and (max-width: 768px){.customizationHeader__style---base64-8-{z-index:120}}.customizationHeader__style---base64-8- .container__style---base64-8-{transform:translate3d(0, 0, 0)}.customizationHeader__style---base64-8- .contactUs__style---base64-8-{background-color:#333}@media screen and (max-width: 768px){.customizationHeader__style---base64-8- .contactUs__style---base64-8-{padding:5px 7px;display:block !important}}@media screen and (max-width: 768px){.customizationHeader__style---base64-8- .contactUs__style---base64-8- .contactUsContainer__style---base64-8-{padding:0px}}@media screen and (max-width: 768px){.customizationHeader__style---base64-8- .contactUs__style---base64-8- .contactUsContainer__style---base64-8- a:nth-child(2) i{font-size:20px;margin-right:2px}}@media screen and (max-width: 768px){.customizationHeader__style---base64-8- .contactUs__style---base64-8- .contactUsContainer__style---base64-8- a:nth-child(2) span{font-size:14px}}@media screen and (max-width: 768px){.customizationHeader__style---base64-8- .contactUs__style---base64-8- .contactUsContainer__style---base64-8- a:nth-child(3){padding-right:10px;margin-right:8px}}@media screen and (max-width: 768px){.customizationHeader__style---base64-8- .contactUs__style---base64-8- .contactUsContainer__style---base64-8- a:nth-child(3)::after{height:18px;top:0;bottom:0;margin:auto 0}}@media screen and (max-width: 768px){.customizationHeader__style---base64-8- .contactUs__style---base64-8- .contactUsContainer__style---base64-8- a:nth-child(3) i{font-size:20px;margin-right:2px}}@media screen and (max-width: 768px){.customizationHeader__style---base64-8- .contactUs__style---base64-8- .contactUsContainer__style---base64-8- a:nth-child(3) span{font-size:14px}}.customizationHeader__style---base64-8- .contactUsContainer__style---base64-8-{max-width:1440px;margin:auto;padding:9px 0;overflow:hidden}@media screen and (max-width: 1440px){.customizationHeader__style---base64-8- .contactUsContainer__style---base64-8-{padding:0 30px}}.customizationHeader__style---base64-8- .contactUsContainer__style---base64-8- a{font-size:14px;color:#fff;float:right;height:28px;line-height:28px}.customizationHeader__style---base64-8- .contactUsContainer__style---base64-8- a:hover{color:#db5426}@media screen and (max-width: 768px){.customizationHeader__style---base64-8- .contactUsContainer__style---base64-8- a:first-of-type{display:none}}.customizationHeader__style---base64-8- .contactUsContainer__style---base64-8- a *{vertical-align:middle}.customizationHeader__style---base64-8- .contactUsContainer__style---base64-8- a i{font-size:30px}@media screen and (max-width: 768px){.customizationHeader__style---base64-8- .contactUsContainer__style---base64-8- a i{font-size:20px;margin-right:5px}}.customizationHeader__style---base64-8- .contactUsContainer__style---base64-8- a:first-child{float:left}@media screen and (max-width: 768px){.customizationHeader__style---base64-8- .contactUsContainer__style---base64-8- a:nth-child(3){display:none}}.customizationHeader__style---base64-8- .contactUsContainer__style---base64-8- a:nth-child(4),.customizationHeader__style---base64-8- .contactUsContainer__style---base64-8- a:nth-child(3){padding-right:10px;margin-right:7px;position:relative}.customizationHeader__style---base64-8- .contactUsContainer__style---base64-8- a:nth-child(4)::after,.customizationHeader__style---base64-8- .contactUsContainer__style---base64-8- a:nth-child(3)::after{content:'';position:absolute;right:0;top:0;width:1px;height:100%;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAAcCAYAAABLam7PAAAAWklEQVQIma3Ouw2AMAxF0RtAfERJzTQMwDKMxABMk5pNLkqKSJFS4sZH8pNt1KjOCbsagkqqDtiy1FddqlHBkbv6qFM7cwFDwgrUJwpuYEx7TrVvZyLwz6s6fRzITEWHNH0jAAAAAElFTkSuQmCC);background-repeat:repeat;background-size:cover}.customizationHeader__style---base64-8- .headerContent__style---base64-8-{margin:auto;max-width:1440px;padding:5px 25px}@media screen and (max-width: 768px){.customizationHeader__style---base64-8- .headerContent__style---base64-8-{height:auto;padding:0}}.customizationHeader__style---base64-8- .headerContent__style---base64-8- .headerContentLeft__style---base64-8-{cursor:pointer}.customizationHeader__style---base64-8- .headerContent__style---base64-8- .headerContentLeft__style---base64-8- .menuList__style---base64-8-{display:none}.customizationHeader__style---base64-8- .headerContent__style---base64-8- .headerContentLeft__style---base64-8- .shoppingCard__style---base64-8-{display:none}@media screen and (max-width: 768px){.customizationHeader__style---base64-8- .headerContent__style---base64-8- .headerContentLeft__style---base64-8-{padding:0 15px;display:flex;justify-content:space-between}.customizationHeader__style---base64-8- .headerContent__style---base64-8- .headerContentLeft__style---base64-8- .menuList__style---base64-8-{display:block;width:25px;margin:15px 10px}.customizationHeader__style---base64-8- .headerContent__style---base64-8- .headerContentLeft__style---base64-8- .menuLogo__style---base64-8-{width:100%;height:35px;margin-bottom:0.16rem}.customizationHeader__style---base64-8- .headerContent__style---base64-8- .headerContentLeft__style---base64-8- .shoppingCard__style---base64-8-{display:block;width:30px}.customizationHeader__style---base64-8- .headerContent__style---base64-8- .headerContentLeft__style---base64-8- .logo__style---base64-8-{margin:0.17rem 0 0.26rem 0 !important;padding:0}.customizationHeader__style---base64-8- .headerContent__style---base64-8- .headerContentLeft__style---base64-8- .logo__style---base64-8-:after{width:0;height:0}.customizationHeader__style---base64-8- .headerContent__style---base64-8- .headerContentLeft__style---base64-8- .logo__style---base64-8- img{width:102px;height:42px}}.customizationHeader__style---base64-8- .headerContentLeft__style---base64-8-{float:left;height:100%;display:flex;align-items:center}.customizationHeader__style---base64-8- .headerContent__style---base64-8- b,.customizationHeader__style---base64-8- .headerContent__style---base64-8- .pTitle__style---base64-8-{transition:all 0.3s}.customizationHeader__style---base64-8- .headerContent__style---base64-8- b{display:block;padding-top:30px;font-size:23px;color:#333333;line-height:1}.customizationHeader__style---base64-8- .headerContent__style---base64-8- .pTitle__style---base64-8-{padding-top:9px;font-size:15px;line-height:1;color:#999;margin-bottom:0}.customizationHeader__style---base64-8- .headerContent__style---base64-8- .fgx__style---base64-8-{display:block;width:25px;height:25px;border-radius:13px;background:#333;text-transform:uppercase;color:#fff;font-size:11px;text-align:center;line-height:25px;margin:0 44px}@media screen and (max-width: 768px){.customizationHeader__style---base64-8- .headerContent__style---base64-8- .fgx__style---base64-8-{display:none}}.customizationHeader__style---base64-8- .headerContentRight__style---base64-8-{float:right;padding-top:25px}@media screen and (max-width: 768px){.customizationHeader__style---base64-8- .headerContentRight__style---base64-8-{display:none;padding-top:17px}}.customizationHeader__style---base64-8- .headerContentRight__style---base64-8- a.btnLogin__style---base64-8-{width:auto;padding:0 10px;background-color:initial;border-radius:10px;font-size:16px;color:#333333}.customizationHeader__style---base64-8- .headerContentRight__style---base64-8- a.btnLogin__style---base64-8- i{font-size:25px;margin-right:5px;vertical-align:middle}.customizationHeader__style---base64-8- .headerContentRight__style---base64-8- a.btnSellerCenter__style---base64-8-{width:150px;background-color:initial;border-radius:10px;font-size:16px}.customizationHeader__style---base64-8- .headerContentRight__style---base64-8- a:hover{color:#c99d79}.customizationHeader__style---base64-8- .headerContentRight__style---base64-8- a i{font-size:30px;vertical-align:middle}.customizationHeader__style---base64-8- .headerContentBox__style---base64-8-{max-width:1440px}.customizationHeader__style---base64-8- .logo__style---base64-8-{position:relative}@media screen and (max-width: 768px){.customizationHeader__style---base64-8- .logo__style---base64-8-{display:inline-block}}.customizationHeader__style---base64-8- .logoTwo__style---base64-8-{display:none}@media screen and (max-width: 768px){.customizationHeader__style---base64-8- .logoTwo__style---base64-8-{display:block}}.customizationHeader__style---base64-8- .tabItem__style---base64-8-{height:100%;position:relative;cursor:pointer}@media screen and (max-width: 768px){.customizationHeader__style---base64-8- .tabItem__style---base64-8-{display:none}}.customizationHeader__style---base64-8- .tabItemContent__style---base64-8-{height:100%}.customizationHeader__style---base64-8- .tabItem__style---base64-8-:hover b,.customizationHeader__style---base64-8- .tabItem__style---base64-8-:hover p{color:#db5426}.customizationHeader__style---base64-8- .tabItem__style---base64-8-:hover::after{background-color:#db5426}.customizationHeader__style---base64-8- .tabItem__style---base64-8-:hover .tabMenuContainer__style---base64-8-{height:54px}.customizationHeader__style---base64-8- .tabItem__style---base64-8-::after{position:absolute;content:'';display:block;height:4px;width:140px;background-color:#fff;bottom:0;left:50%;margin-left:-70px;transition:all 0.3s}.customizationHeader__style---base64-8- .tabMenu__style---base64-8-{position:fixed;left:0;z-index:2;bottom:0;height:0}.customizationHeader__style---base64-8- .tabMenuContainer__style---base64-8-{width:100vw;background:#efefef;height:0;overflow:hidden;transition:all 0.3s}.customizationHeader__style---base64-8- .tabMenu__style---base64-8- ul{list-style:none;max-width:1440px;margin:0 auto;padding:0;white-space:nowrap;overflow:hidden}.customizationHeader__style---base64-8- .tabMenu__style---base64-8- ul li{display:inline-block;font-size:16px;color:#333;padding:0 20px;height:54px;line-height:54px}.customizationHeader__style---base64-8- .tabMenu__style---base64-8- ul li:last-child a{color:#fff;height:22px;display:inline-block;line-height:22px;background:#f33;padding:0 11px;border-radius:11px}.customizationHeader__style---base64-8- .tabMenu__style---base64-8- ul li a{color:#333}.customizationHeader__style---base64-8- .tabMenu__style---base64-8- ul li a:hover{color:#db5426}.customizationHeader__style---base64-8- .headerContentRight__style---base64-8-{display:flex;justify-items:center}.customizationHeader__style---base64-8- .menuLists__style---base64-8-{background-color:#f9f9f9;height:50px;display:flex;justify-items:center;width:100%}@media screen and (max-width: 768px){.customizationHeader__style---base64-8- .menuLists__style---base64-8-{display:none}}.customizationHeader__style---base64-8- .menuListsContent__style---base64-8-{width:1440px;margin-left:30%;display:flex;justify-items:center;font-size:16px}@media screen and (max-width: 1440px){.customizationHeader__style---base64-8- .menuListsContent__style---base64-8-{padding:0 20px}}.customizationHeader__style---base64-8- .menuListsContentText__style---base64-8- a{margin-right:99px;line-height:50px;color:#333333}.customizationHeader__style---base64-8- .menuListsContentText__style---base64-8-:hover a{color:#ec3e0f}.cartBox__style---base64-8-{width:435px;border-radius:5px;text-align:left;min-height:50px;background:#fff;border:1px solid #f0f0f0;color:#808080;padding:20px 30px}.cartBox__style---base64-8- .cartList__style---base64-8-{overflow:hidden}.cartBox__style---base64-8- .link__style---base64-8-{color:#000}.cartBoxTitle__style---base64-8-{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.cartBox__style---base64-8- img{border:1px solid #ebebeb;width:100px;height:100px}.cartBox__style---base64-8- .delCartIcon__style---base64-8-{color:#333;cursor:pointer}.cartBox__style---base64-8- .noData__style---base64-8-{padding-top:10px;color:#808080;font-size:13px}.cartBox__style---base64-8- .optionVal__style---base64-8-{color:#999;font-size:12px}.menuBox__style---base64-8-{padding:10px 0}.menuBox__style---base64-8- li{padding:0 15px}.menuBox__style---base64-8- a{color:#666666;font-size:15px;margin:0;padding:10px 0;border-bottom:1px dotted #ccc}.menuBox__style---base64-8- li:last-child a{border-bottom:none}.menuBox__style---base64-8- i{font-size:27px;margin-right:5px;vertical-align:middle}.menuBox__style---base64-8- li:hover{background-color:#db5426}.menuBox__style---base64-8- li:hover a{color:#fff}.menuBox__style---base64-8- li:hover i{color:#fff}@media screen and (max-width: 768px){.menuBox__style---base64-8- .ant-badge-count__style---base64-8-{right:20px !important}}.myAdminContainer__style---base64-8-{width:100% !important;max-width:100% !important}.overText__style---base64-8-{overflow:hidden;text-overflow:ellipsis;white-space:nowrap} #managerHeader .ant-menu-light { background-color: initial; border-bottom: 0px; margin-left: 20px; } #managerHeader .ant-menu-item-active { border-bottom: 0px; } #managerHeader .manageMenu.ant-menu-item { padding: 0 12px; } #managerHeader .ant-menu-submenu .ant-menu-submenu-title { padding: 0 12px; } #managerHeader .ant-menu-item, #managerHeader .ant-menu-submenu { border-bottom: 0px; } #managerHeader .ant-menu-item a, #managerHeader .ant-menu-submenu a, #managerHeader .ant-menu-item .ant-menu-submenu-title, #managerHeader .ant-menu-submenu .ant-menu-submenu-title { color: #78829b; } #managerHeader .ant-menu-item a:hover, #managerHeader .ant-menu-submenu a:hover, #managerHeader .ant-menu-item .ant-menu-submenu-title:hover, #managerHeader .ant-menu-submenu .ant-menu-submenu-title:hover { color: #ffffff; } #managerHeader .ant-menu-item-selected a { color: #ffffff; } #managerHeader .iconuser_list_or, #managerHeader .iconicon_money { color: #78829b; font-size: 30px; margin-right: 10px; } .ant-menu:not(.ant-menu-horizontal) .manageMenu.ant-menu-item-selected, .manageMenu.ant-menu-item:hover { color: #0186f6; background-color: #f4fbff; } .manageMenu.ant-menu-item:active, .manageMenu.ant-menu-submenu-title:active { background: #f4fbff; } .manageMenu.ant-menu-item-selected > a, .manageMenu.ant-menu-item-selected > a:hover { color: #0186f6; } .manageMenu.ant-menu-item > a:hover { color: #0186f6; } .manageMenu .ant-menu-submenu-title:hover span { color: #0186f6; } .manageMenu .ant-menu-submenu-title span { color: rgba(0, 0, 0, 0.65); } .manageHeader__style---base64-8-{background:#3b414f}.manageHeader__style---base64-8- .container__style---base64-8-{max-width:1440px;margin:auto;height:70px;display:flex;align-items:center;justify-content:space-between}.manageHeader__style---base64-8- .container__style---base64-8- .menu__style---base64-8-{display:flex;align-items:center}.manageHeader__style---base64-8- .container__style---base64-8- .menu__style---base64-8- .menuList__style---base64-8-{display:flex;align-items:center;justify-content:space-between;width:359px;font-size:15px;color:#78829b;margin-left:33px}.manageHeader__style---base64-8- .container__style---base64-8- .menu__style---base64-8- .menuList__style---base64-8- span{cursor:pointer}.manageHeader__style---base64-8- .user__style---base64-8- *{vertical-align:middle}.manageHeader__style---base64-8- .user__style---base64-8- span{color:#a8b0c4;font-size:15px}.manageHeader__style---base64-8- .userLine__style---base64-8-{display:inline-block;height:50px;width:0px;border-right:1px dotted #a8b0c4;margin:0 16px}.manageHeader__style---base64-8- .userName__style---base64-8-{display:inline-block;line-height:50px}.manageHeader__style---base64-8- .userNameIcon__style---base64-8-{font-size:24px;background:#78829b;color:#3b414f;border-radius:15px;padding:3px;margin-right:10px}.manageHeader__style---base64-8- .userLogoutIcon__style---base64-8-{font-size:20px;margin-right:10px;color:#a8b0c4}.manageHeader__style---base64-8- .icon__style---base64-8-{font-size:28px;margin-right:10px;color:#78829b} .footerContainer { border-top: 1px solid #ccc; } .footerContainer .ant-input-group-addon { background-color: #FF3333 !important; } .footerContainer .ant-input-search-button { background-color: #FF3333 !important; border-color: #FF3333 !important; } footer .mobileAddress__style---base64-8-{display:none}footer .mobile_footer_block_left_list__style---base64-8-{display:none}footer .ContactWidthLink__style---base64-8-{padding-left:10px;line-height:25px;font-size:16px;font-family:'Nunito', sans-serif, SF Pro SC, SF Pro Text, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif !important}footer .ContactWidthLink__style---base64-8- div:hover a{color:#ee3f10 !important}footer .ContactWidthLink__style---base64-8- i{vertical-align:middle;padding-right:10px}footer .ContactWidthLink__style---base64-8- span{visibility:middle}footer .judgeTip__style---base64-8-{color:red;width:300px;display:block}@media screen and (max-width: 768px){footer .DoLargeVolumeH3__style---base64-8-{padding-left:20%}}footer .DoLargeVolume__style---base64-8-{display:inline-block;width:calc(100% - 70px);max-width:450px}@media screen and (max-width: 768px){footer .DoLargeVolume__style---base64-8-{padding-left:15px;margin-left:25px}}footer .payPalImg__style---base64-8-{width:273px;margin-top:20px !important;left:calc(50% - 10px);height:55px;margin-left:0 !important;position:absolute;background:url(https://ut-front.thisnew.com/images/components/Footer/images/paypal.png)}footer .payPalImgBox__style---base64-8-{margin-left:25%;position:absolute;right:30%}footer .payPalImgBox__style---base64-8- .payPalImgNew__style---base64-8-{width:80px;height:80px}footer .bottom__style---base64-8-{background-color:#000000}@media screen and (max-width: 768px){footer .bottom__style---base64-8-{display:none}}footer .bottomContainer__style---base64-8-{padding:0 55px}footer .top__style---base64-8-{background:#fff;overflow:hidden}footer .topContainer__style---base64-8-{height:295px;max-width:1440px;margin:auto;padding-top:57px}@media screen and (max-width: 1440px){footer .topContainer__style---base64-8-{padding:57px 30px 0}}@media screen and (max-width: 768px){footer .topContainer__style---base64-8-{padding:10px 20px 0 20px;display:flex;flex-direction:column;height:initial}}footer .topContainer__style---base64-8- h3{padding-left:10px;line-height:90px;font-size:20px;height:55px;box-sizing:content-box;color:#000;width:calc(100% - 100px);font-weight:bolder;font-style:normal}@media screen and (max-width: 768px){footer .topItem__style---base64-8-:nth-child(1){width:100% !important}footer .topItem__style---base64-8-:nth-child(1) h3{width:100%;background-size:90px;padding-bottom:10px}footer .topItem__style---base64-8-:nth-child(1) ul{width:100%;max-width:500px}}footer .topItem__style---base64-8-:nth-child(2) div{width:350px}footer .topItem__style---base64-8-:nth-child(3) p{margin:0 0 0 10px;font-size:16px;color:#fff;line-height:28px;padding-left:24px}footer .topItem__style---base64-8-:nth-child(3) p i{font-size:24px;float:left;margin-left:-24px}@media screen and (max-width: 768px){footer .topItem__style---base64-8-:nth-child(3){width:100%}footer .topItem__style---base64-8-:nth-child(3) h3{width:100%;padding-bottom:0px}footer .topItem__style---base64-8-:nth-child(3) p{width:100%}}footer .topItem__style---base64-8- ul{padding:0;margin-left:10px}footer .topItem__style---base64-8- ul li{width:49%;float:left;line-height:25px;white-space:nowrap;list-style:none}footer .topItem__style---base64-8- ul li:hover::before{color:#ee3f10}footer .topItem__style---base64-8- ul li:hover a{color:#ee3f10}footer .topItem__style---base64-8- ul li::before{color:#000}footer .topItem__style---base64-8- ul li a{color:#000}footer .topItem__style---base64-8- ul li a:hover{color:#ee3f10}footer .bottom__style---base64-8-{background:#fff;line-height:67px}footer .bottomContainer__style---base64-8-{max-width:1440px;margin:auto;overflow:hidden}footer .bottom__style---base64-8- p{color:#000;font-size:14px;margin:0}footer .bottom__style---base64-8- p:nth-child(1){float:left;padding-top:5px}footer .bottom__style---base64-8- p:nth-child(2){float:left;margin-top:9px;margin-left:97px}footer .bottom__style---base64-8- p:nth-child(3){float:right}footer .bottom__style---base64-8- p a{display:inline-block;width:36px;height:30px;font-size:30px;line-height:30px;color:#000;vertical-align:middle;margin-left:13px;background-size:30px;background-position:center;transition:all 0.2s}footer .bottom__style---base64-8- p a i{font-size:42px}footer .bottom__style---base64-8- p a.facebookLink__style---base64-8- i{color:#3b71db}footer .bottom__style---base64-8- p a.instagramLink__style---base64-8-:hover i{color:#ffc56f}footer .bottom__style---base64-8- p a.pinterestLink__style---base64-8- i{color:#941b1b}footer .topItem__style---base64-8-:nth-child(1){padding-left:50px}footer .ContactBox__style---base64-8-{border-left:1px solid #000}footer .mobileBottom__style---base64-8-{display:none}@media screen and (max-width: 768px){footer .mobileBottom__style---base64-8-{display:block;width:100%;padding:0 20px}footer .mobilePayPalImgBox__style---base64-8-{margin-left:30px}footer .mobilePayPalImgBox__style---base64-8- img{height:80px}footer .mobileCopyrightText__style---base64-8-{font-weight:700;padding-bottom:50px;font-size:12px}footer .footer_block_left_list__style---base64-8-{display:none}footer .ContactWidthLink__style---base64-8-{width:100%;padding-bottom:10px}footer .ContactWidthLink__style---base64-8- div{vertical-align:middle;display:inline-block}footer .ContactWidthLink__style---base64-8- div i{vertical-align:middle;font-size:0.3rem;padding-right:0.1rem}footer .ContactWidthLink__style---base64-8- div span{font-size:0.24rem}footer .ContactWidthLink__style---base64-8- div:nth-child(1){width:45%}footer .ContactWidthLink__style---base64-8- div:nth-child(3){width:33%;font-size:0.24rem !important}footer .ContactWidthLink__style---base64-8- div:nth-child(4){width:33%;font-size:0.24rem !important;text-align:center}footer .ContactWidthLink__style---base64-8- div:nth-child(5){width:33%;font-size:0.24rem !important}footer .ContactWidthLink__style---base64-8- div:nth-child(5){float:right}footer .ContactBox__style---base64-8-{border-left:none}footer .ContactBox__style---base64-8- .ContactWidthLink__style---base64-8-{color:#000;width:100% !important}footer .ContactTitle__style---base64-8-{padding-bottom:0 !important;padding-left:30px;font-weight:700}footer .mobile_footer_block_left_list__style---base64-8-{display:block}footer .mobile_footer_block_left_list__style---base64-8- ul{padding:0;margin:0;width:initial !important;max-width:initial !important}footer .mobile_footer_block_left_list__style---base64-8- li{list-style:none;padding:0;margin:0;width:initial !important;line-height:24px !important;float:initial !important;white-space:initial !important;margin-bottom:15px}footer .mobile_footer_block_left_list__style---base64-8- div{display:flex;justify-content:space-between}footer .mobile_footer_block_left_list__style---base64-8- li a{color:#000;font-weight:700;font-size:12px}footer .mobile_footer_block_left_list__style---base64-8- li::before{content:'';display:none}footer .mobile_footer_block_left_list__style---base64-8- li a:before{content:'\2022';color:#fff;font-size:12px;margin-right:8px}footer .mobile_footer_block_left_list__style---base64-8- li a:hover{color:#fff !important}footer .topItem__style---base64-8-:nth-child(3){display:none}footer .topItem__style---base64-8-:nth-child(1){padding-left:0px}footer .topContainer__style---base64-8- h3{padding-left:10px;line-height:60px;font-size:16px;height:50px;box-sizing:content-box;padding-bottom:15px;width:max-content;margin:0 0 15x;font-weight:bolder;font-style:normal}footer .topItem__style---base64-8-:nth-child(1) h3{padding-left:0;padding-bottom:0}footer .address__style---base64-8-{display:none}footer .mobileAddress__style---base64-8-{display:block}} .userEmailVerificationTopTip__style---base64-8-{padding:12px 0;background:#ffe6e6;text-align:center;position:relative;margin-bottom:1px}.userEmailVerificationTopTip__style---base64-8- p{font-size:18px;color:#f33;display:inline-block;margin-bottom:0;padding-right:20px;vertical-align:middle}.userEmailVerificationTopTip__style---base64-8- button{outline:none;cursor:pointer}.userEmailVerificationTopTip__style---base64-8- button.sendEmail__style---base64-8-{width:86px;height:32px;background:#f33;border-radius:10px;border:0;padding:0;color:#fff;display:inline-block;line-height:32px;vertical-align:middle}.userEmailVerificationTopTip__style---base64-8- button.sendEmail__style---base64-8-:hover{background:#f93}.userEmailVerificationTopTip__style---base64-8- button.sendEmail__style---base64-8-.disabled__style---base64-8-{background:#ddd}.userEmailVerificationTopTip__style---base64-8- button.close__style---base64-8-{position:absolute;border:0;background:none;top:0;right:0;font-size:25px;color:#666;display:block;padding:0 18px}@media screen and (max-width: 768px){.userEmailVerificationTopTip__style---base64-8-{height:auto;padding:0.4rem 0.24rem 0.2rem 0.24rem;line-height:1}.userEmailVerificationTopTip__style---base64-8- p{font-size:0.3rem;line-height:0.4rem;margin-bottom:0.2rem;text-align:left;padding:0}.userEmailVerificationTopTip__style---base64-8- button{width:1.36rem;height:0.5rem;border-radius:0.1rem;font-size:0.28rem;line-height:0.5rem}.userEmailVerificationTopTip__style---base64-8- a{padding:0.12rem;line-height:0.42rem;font-size:0.7rem}} .checkoutPurchase__style---base64-8- h3{font-size:20px;color:#333333;font-weight:700}.checkoutPurchase__style---base64-8- h4{font-size:18px}.checkoutPurchase__style---base64-8- .formBtn__style---base64-8-{margin-top:35px}.checkoutPurchase__style---base64-8- .formBtn__style---base64-8- .formBtnSave__style---base64-8-{font-size:18px;height:40px;border-radius:10px}.checkoutPurchase__style---base64-8- .shippingInfo__style---base64-8- .addressList__style---base64-8-{margin-top:15px;margin-bottom:20px;position:relative}.checkoutPurchase__style---base64-8- .shippingInfo__style---base64-8- .addressList__style---base64-8- .listDiv__style---base64-8-{color:#333;position:relative;padding:15px;border:solid 1px #dfdfdf;border-radius:4px;margin-right:35px}.checkoutPurchase__style---base64-8- .shippingInfo__style---base64-8- .addressList__style---base64-8- .listDiv__style---base64-8- .txtLeft__style---base64-8-{text-align:right;color:#999999;padding-right:5px}.checkoutPurchase__style---base64-8- .shippingInfo__style---base64-8- .addressList__style---base64-8- .listDivOn__style---base64-8-{border:solid 2px #DB5426;background-color:#fff}.checkoutPurchase__style---base64-8- .shippingInfo__style---base64-8- .addressList__style---base64-8- .listDiv__style---base64-8- .checked__style---base64-8-{width:0;height:0;border-top:35px solid transparent;border-left:35px solid transparent;border-bottom:35px solid #DB5426;position:absolute;right:0;bottom:0}.checkoutPurchase__style---base64-8- .shippingInfo__style---base64-8- .addressList__style---base64-8- .listDiv__style---base64-8- .icon__style---base64-8-{color:#ffffff;font-size:27px;position:absolute;right:-4px;bottom:-10px}.checkoutPurchase__style---base64-8- .shippingInfo__style---base64-8- .addressList__style---base64-8- .selectAddress__style---base64-8-{margin-top:15px;position:absolute;right:55px;top:40px}.checkoutPurchase__style---base64-8- .shippingInfo__style---base64-8- .addressList__style---base64-8- .selectAddress__style---base64-8- .btn__style---base64-8-{font-size:14px;width:156px;height:36px;border-radius:10px}.checkoutPurchase__style---base64-8- .shippingInfo__style---base64-8- .checkoutCoupon__style---base64-8- .btnCoupon__style---base64-8-{border-radius:10px;height:35px}.checkoutPurchase__style---base64-8- .shippingInfo__style---base64-8- .purchaseList__style---base64-8-{margin-bottom:30px;margin-right:35px}.checkoutPurchase__style---base64-8- .shippingInfo__style---base64-8- .purchaseList__style---base64-8- h4{font-size:18px}.checkoutPurchase__style---base64-8- .shippingInfo__style---base64-8- .tableFooter__style---base64-8- .left__style---base64-8-{color:#333333}.checkoutPurchase__style---base64-8- .shippingInfo__style---base64-8- .tableFooter__style---base64-8- .shippingTip__style---base64-8-{color:#ff3333;font-size:14px}.checkoutPurchase__style---base64-8- .shippingInfo__style---base64-8- .tableFooter__style---base64-8- .right__style---base64-8-{padding-left:20px;font-size:16px;text-align:right;padding-right:30px;color:#000000;font-weight:700}.checkoutPurchase__style---base64-8- .shippingInfo__style---base64-8- .tableFooter__style---base64-8- .right__style---base64-8- span{color:#ff3333;font-size:22px}.checkoutPurchase__style---base64-8- .shippingInfo__style---base64-8- .tableFooter__style---base64-8- .right__style---base64-8- p{margin-bottom:0}.checkoutPurchase__style---base64-8- .shippingInfo__style---base64-8- .tableFooter__style---base64-8- .shippingTxt__style---base64-8-{text-align:right;line-height:30px;padding-right:10px}.checkoutPurchase__style---base64-8- .shippingInfo__style---base64-8- .checkoutBox__style---base64-8-{margin-top:15px;margin-bottom:20px}.checkoutPurchase__style---base64-8- .shippingInfo__style---base64-8- .checkoutBox__style---base64-8- h4{font-size:18px;line-height:39px;color:#333333}.checkoutPurchase__style---base64-8- .shippingInfo__style---base64-8- .checkoutBox__style---base64-8- .tip__style---base64-8-{color:#ff4700;margin-left:10px}.checkoutPurchase__style---base64-8- .shippingInfo__style---base64-8- .checkoutBox__style---base64-8- .detail__style---base64-8-{font-size:16px;color:#333;margin-bottom:10px;border:solid 1px #e4e4e4}.checkoutPurchase__style---base64-8- .shippingInfo__style---base64-8- .checkoutBox__style---base64-8- .detail__style---base64-8- .odd__style---base64-8-,.checkoutPurchase__style---base64-8- .shippingInfo__style---base64-8- .checkoutBox__style---base64-8- .detail__style---base64-8- .even__style---base64-8-{line-height:20px}.checkoutPurchase__style---base64-8- .shippingInfo__style---base64-8- .checkoutBox__style---base64-8- .detail__style---base64-8- .odd__style---base64-8-{background-color:#fffaf6}.checkoutPurchase__style---base64-8- .shippingInfo__style---base64-8- .checkoutBox__style---base64-8- .detail__style---base64-8- .leftTxt__style---base64-8-{padding:15px 25px;border-right:1px dashed #ccc}.checkoutPurchase__style---base64-8- .shippingInfo__style---base64-8- .checkoutBox__style---base64-8- .detail__style---base64-8- .rightTxt__style---base64-8-{padding:15px 25px}.checkoutPurchase__style---base64-8- .shippingInfo__style---base64-8- .checkoutBox__style---base64-8- .detail__style---base64-8- .price__style---base64-8-{font-size:22px;color:#ff3333;font-weight:700}.checkoutPurchase__style---base64-8- .topBtn__style---base64-8-{margin-bottom:20px}.checkoutPurchase__style---base64-8- .addressTable__style---base64-8-{max-height:500px} #customerOrder h3 { padding-bottom: 5px; } #customerOrder .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):first-child { border: none; padding-left: 0; } #customerOrder .ant-radio-button-wrapper:first-child { padding-left: 0; } #customerOrder .ant-radio-button-wrapper { border: none; padding: 0 10px; height: 35px; } #customerOrder .ant-radio-button-wrapper:not(:first-child):before { background-color: #fff !important; } #customerOrder .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled) { box-shadow: -1px 0 0 0 #fff; } #customerOrder .ant-divider { margin: 10px 0; } #customerOrder .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):focus-within { outline: 0px solid rgba(196, 150, 114, 0.06); } #customerOrder .tableTxt .storeLogo { width: 24px; height: 23px; } #customerOrder .tableTxt .woologo { width: 27px; height: 16px; } #customerOrder .tableTxt .virtual { display: inline-block; width: 24px; height: 24px; text-align: center; background: #ff3333; border-radius: 50%; line-height: 24px; } #customerOrder .tableTxt .virtual i { color: #fff; font-size: 15px; } #customerOrder .ant-badge-count { min-width: 18px; height: 18px; line-height: 18px; } @media screen and (max-width: 768px) { #customerOrder { display: none; } #mobileOrder h3 { font-size: 0.34rem; padding: 0.2rem 0.3rem; } #mobileOrder .ant-tabs-nav .ant-tabs-tab { margin-right: 0.2rem; padding: 0.24rem; margin-left: -0.2rem; } #mobileOrder .ant-tabs-ink-bar { background-color: transparent; } #mobileOrder .ant-tabs-tab-btn-disabled { display: none; } #mobileOrder .ant-tabs-nav-container-scrolling { padding-left: 0.5rem; } .loading-container { position: absolute; bottom: 20px; width: 100%; text-align: center; } } #root .pageLoading.ant-spin-spinning.customerOrder .ant-spin-dot { margin-top: calc(50vh - 100px); margin-bottom: 20px; font-size: 30px; } #root .pageLoading.ant-spin-spinning.customerOrder .ant-spin-text { font-size: 24px; } .etsyLogo { width: 24px; height: 22px; border-radius: 50%; padding-right: 2px; } .wixLogo { width: 24px; height: 22px; border-radius: 50%; padding-right: 2px; } .customerOrder__style---base64-8- [class~='ant-form-item']{margin-right:20px}.customerOrder__style---base64-8- h3{font-size:20px;color:#333333;font-weight:700}.customerOrder__style---base64-8- .checkoutBox__style---base64-8- h5{font-size:16px;color:#576077}.customerOrder__style---base64-8- .checkoutBox__style---base64-8- .detail__style---base64-8-{font-size:16px;color:#333;margin-bottom:10px;border:solid 1px #e4e4e4}.customerOrder__style---base64-8- .checkoutBox__style---base64-8- .detail__style---base64-8- .odd__style---base64-8-,.customerOrder__style---base64-8- .checkoutBox__style---base64-8- .detail__style---base64-8- .even__style---base64-8-{line-height:20px;padding:10px}.customerOrder__style---base64-8- .checkoutBox__style---base64-8- .detail__style---base64-8- .odd__style---base64-8-{background-color:#fffaf6}.customerOrder__style---base64-8- .topRightBox__style---base64-8-{margin:10px 0 0}.customerOrder__style---base64-8- .linkTip__style---base64-8-{padding:15px 0 10px;text-decoration:none;font-size:15px;color:#f33535}.customerOrder__style---base64-8- .linkTip__style---base64-8- a{color:#f33535;text-decoration:underline}.customerOrder__style---base64-8- .topShopType__style---base64-8-{margin-bottom:20px}.customerOrder__style---base64-8- .topShopType__style---base64-8- .btn__style---base64-8-{border-color:#fff;outline:none;font-size:20px;box-shadow:none}.customerOrder__style---base64-8- .topShopType__style---base64-8- .btn__style---base64-8-:first-child{border-right:none;border-left:none;border-bottom:none;border-top:none}.customerOrder__style---base64-8- .topShopType__style---base64-8- .btn__style---base64-8-:before{opacity:0}.customerOrder__style---base64-8- .checkTip__style---base64-8-{text-decoration:underline;color:#ff3333;font-size:14px;cursor:pointer}.customerOrder__style---base64-8- .topBox__style---base64-8-{padding:15px 0 10px}.customerOrder__style---base64-8- .searchForm__style---base64-8-{padding:7px 0}.customerOrder__style---base64-8- .searchBtn__style---base64-8- i{font-size:27px;color:#ff3333;vertical-align:middle;margin-right:10px}.customerOrder__style---base64-8- .searchBtn__style---base64-8- .spanNumber__style---base64-8-{color:#ff3333}.customerOrder__style---base64-8- .countDown__style---base64-8-{padding-left:10px;display:inline;color:#f33;white-space:nowrap}.customerOrder__style---base64-8- .modifyShipping__style---base64-8- .tips__style---base64-8-{color:#ff3333;font-size:14px}.customerOrder__style---base64-8- .table__style---base64-8- th{white-space:nowrap}.customerOrder__style---base64-8- .orderTip__style---base64-8-{color:#ff3333;font-size:15px;margin-top:10px;padding:15px 20px;border-radius:4px;margin-bottom:-10px;border:1px solid #fac7cd;background-color:#fff0f2}.customerOrder__style---base64-8- .orderTip__style---base64-8- .orderTiplist__style---base64-8-{margin-bottom:2px}.customerOrder__style---base64-8- .orderTip__style---base64-8- .orderTiplist__style---base64-8- [class~='ant-badge']{margin-right:10px}.customerOrder__style---base64-8- .orderTip__style---base64-8- .orderTiplist__style---base64-8- .specTip__style---base64-8-{font-size:16px;font-weight:bold}.mobileOrder__style---base64-8-{display:none}@media screen and (max-width: 768px){.mobileOrder__style---base64-8-{display:block;margin:0 -0.24rem}.mobileOrder__style---base64-8- .tabBox__style---base64-8-{width:7.5rem;background-color:#fff7f1}.mobileOrder__style---base64-8- .orderListBox__style---base64-8-{padding:0.2rem}.mobileOrder__style---base64-8- .orderListBox__style---base64-8- .orderList__style---base64-8-{background:#fff;box-shadow:0px 4px 16px 0px rgba(30,30,30,0.22);border-radius:0.2rem;margin:0.3rem 0}.mobileOrder__style---base64-8- .orderListBox__style---base64-8- .orderList__style---base64-8- .orderListTitle__style---base64-8-{background:#f3f3f3;border-top-left-radius:0.2rem;border-top-right-radius:0.2rem;height:0.8rem;line-height:0.8rem;color:#333333}.mobileOrder__style---base64-8- .orderListBox__style---base64-8- .orderList__style---base64-8- .orderListTitleName__style---base64-8-{display:flex;align-items:center}.mobileOrder__style---base64-8- .orderListBox__style---base64-8- .orderList__style---base64-8- .orderListTitleNameSpan__style---base64-8-{overflow:hidden;text-overflow:ellipsis;max-width:calc(100% - 1.4rem)}.mobileOrder__style---base64-8- .orderListBox__style---base64-8- .orderList__style---base64-8- .orderListTitle__style---base64-8- img,.mobileOrder__style---base64-8- .orderListBox__style---base64-8- .orderList__style---base64-8- .orderListTitle__style---base64-8- .virtual__style---base64-8-{width:0.44rem;height:0.44rem;margin-left:0.3rem;margin-right:0.2rem}.mobileOrder__style---base64-8- .orderListBox__style---base64-8- .orderList__style---base64-8- .orderListTitle__style---base64-8- .virtual__style---base64-8-{display:inline-block;text-align:center;background:#ff3333;border-radius:50%;line-height:0.44rem}.mobileOrder__style---base64-8- .orderListBox__style---base64-8- .orderList__style---base64-8- .orderListTitle__style---base64-8- .virtual__style---base64-8- i{color:#fff;font-size:15px}.mobileOrder__style---base64-8- .orderListBox__style---base64-8- .orderList__style---base64-8- .orderListTitle__style---base64-8- .orderTime__style---base64-8-{color:#888;text-align:right;padding-right:10px}.mobileOrder__style---base64-8- .orderListBox__style---base64-8- .orderList__style---base64-8- .orderListTxt__style---base64-8-{padding:0.2rem}.mobileOrder__style---base64-8- .orderListBox__style---base64-8- .orderList__style---base64-8- .orderListTxt__style---base64-8- p{margin-bottom:0.1rem}.mobileOrder__style---base64-8- .orderListBox__style---base64-8- .orderList__style---base64-8- .orderListTxt__style---base64-8- .orderNum__style---base64-8-{color:#333333}.mobileOrder__style---base64-8- .orderListBox__style---base64-8- .orderList__style---base64-8- .orderListTxt__style---base64-8- .orderListPrice__style---base64-8-{padding-top:0.3rem;border-top:1px dotted #ccc;color:#000;font-size:0.35rem;line-height:0.5rem}.mobileOrder__style---base64-8- .orderListBox__style---base64-8- .orderList__style---base64-8- .orderListTxt__style---base64-8- .orderListPrice__style---base64-8- .smallPrice__style---base64-8-{color:#f33535;font-weight:700}.mobileOrder__style---base64-8- .orderListBox__style---base64-8- .orderList__style---base64-8- .orderListTxt__style---base64-8- .orderListPrice__style---base64-8- .bigPrice__style---base64-8-{color:#f33535;font-size:0.45rem;font-weight:700}.mobileOrder__style---base64-8- .orderListBox__style---base64-8- .orderList__style---base64-8- .orderListTxt__style---base64-8- .orderListPrice__style---base64-8- .right__style---base64-8-{text-align:right}.mobileOrder__style---base64-8- .orderListBox__style---base64-8- .orderList__style---base64-8- .orderListTxt__style---base64-8- .orderListPrice__style---base64-8- .right__style---base64-8- i{font-size:0.7rem;margin-right:0.25rem}.mobileOrder__style---base64-8- .orderListBox__style---base64-8- .orderList__style---base64-8- .orderListTxt__style---base64-8- .orderListPrice__style---base64-8- .right__style---base64-8- i:last-child{margin-right:0}.mobileOrder__style---base64-8- .orderListBox__style---base64-8- .orderList__style---base64-8- .countDown__style---base64-8-{padding-left:0.2rem;display:inline-block;color:#f33;white-space:nowrap}}.bulkPaymentModal__style---base64-8- [class~='ant-modal-body']{padding:0 30px}.bulkPaymentModal__style---base64-8- [class~='ant-modal-header']{border-bottom:0;padding:30px 0 28px 30px}.bulkPaymentModal__style---base64-8- [class~='ant-modal-title']{font-size:19px}.bulkPaymentModal__style---base64-8- [class~='ant-modal-footer']{border-top:0;text-align:center;padding:30px 30px 40px;overflow:hidden}.bulkPaymentModal__style---base64-8- [class~='ant-modal-footer'] button{margin:0;width:112px;height:36px;line-height:36px;font-size:15px;border:0}.bulkPaymentModal__style---base64-8- [class~='ant-modal-close']{top:-10px;right:-10px}.bulkPaymentModal__style---base64-8- [class~='ant-modal-close'] [class~='ant-modal-close-x']{width:30px;height:30px;background-color:#ff3333;border-radius:15px;line-height:30px;color:#fff}.bulkPaymentModalSearchBar__style---base64-8-{display:flex;align-items:center;margin-bottom:20px}.bulkPaymentModalSearchBar__style---base64-8- [class~='ant-form-item']{display:flex;margin-bottom:0;margin-right:20px}.bulkPaymentModalResultContainer__style---base64-8-{border:1px solid #e4e4e4}.bulkPaymentModalResultContainer__style---base64-8- .tableHeader__style---base64-8-{background:#f5f5f5;height:50px;line-height:50px}.bulkPaymentModalResultContainer__style---base64-8- .tableHeader__style---base64-8-,.bulkPaymentModalResultContainer__style---base64-8- .tableTr__style---base64-8-{font-size:15px;color:#000;display:flex;align-items:center}.bulkPaymentModalResultContainer__style---base64-8- .tableHeader__style---base64-8- [class~='ant-checkbox-wrapper'],.bulkPaymentModalResultContainer__style---base64-8- .tableTr__style---base64-8- [class~='ant-checkbox-wrapper']{margin-left:12px;margin-right:10px}.bulkPaymentModalResultContainer__style---base64-8- .tableHeader__style---base64-8->div:nth-of-type(1),.bulkPaymentModalResultContainer__style---base64-8- .tableTr__style---base64-8->div:nth-of-type(1){width:200px}.bulkPaymentModalResultContainer__style---base64-8- .tableHeader__style---base64-8->div:nth-of-type(2),.bulkPaymentModalResultContainer__style---base64-8- .tableTr__style---base64-8->div:nth-of-type(2){width:230px}.bulkPaymentModalResultContainer__style---base64-8- .tableHeader__style---base64-8->div:nth-of-type(3),.bulkPaymentModalResultContainer__style---base64-8- .tableTr__style---base64-8->div:nth-of-type(3){width:210px}.bulkPaymentModalResultContainer__style---base64-8- .tableHeader__style---base64-8->div:nth-of-type(4),.bulkPaymentModalResultContainer__style---base64-8- .tableTr__style---base64-8->div:nth-of-type(4){width:110px}.bulkPaymentModalResultContainer__style---base64-8- .tableHeader__style---base64-8->div:nth-of-type(5),.bulkPaymentModalResultContainer__style---base64-8- .tableTr__style---base64-8->div:nth-of-type(5){width:140px}.bulkPaymentModalResultContainer__style---base64-8- .tableHeader__style---base64-8->div:nth-of-type(6),.bulkPaymentModalResultContainer__style---base64-8- .tableTr__style---base64-8->div:nth-of-type(6){flex:1}.bulkPaymentModalResultContainer__style---base64-8- .tableTr__style---base64-8-{height:67px;line-height:24px;padding:0;border:0}.bulkPaymentModalResultContainer__style---base64-8- .tableTr__style---base64-8- [class*='countDown']{margin-bottom:0;color:#f33;font-size:12px;line-height:20px;padding-left:10px}.bulkPaymentModalResultContainer__style---base64-8- .tableTr__style---base64-8- [class*='countDown'] i{vertical-align:middle}.bulkPaymentModalResultContainer__style---base64-8- .tableTr__style---base64-8-:nth-child(odd){background:#fffaf6}.bulkPaymentModalResultContainer__style---base64-8- .tableTr__style---base64-8- img{max-width:26px}.bulkPaymentModalResultContainer__style---base64-8- .tableBody__style---base64-8-{height:335px;overflow:auto}.bulkPaymentModalResultContainer__style---base64-8- .tableBody__style---base64-8- [class~='ant-empty']{position:absolute;height:100%;left:0;right:0;display:flex;flex-direction:column;justify-content:center;margin:0}.bulkPaymentModalResultContainer__style---base64-8- .tableTotal__style---base64-8-{display:flex;align-items:center;justify-content:space-between;padding:0 14px;border-top:1px solid #e4e4e4}.bulkPaymentModalResultContainer__style---base64-8- .tableTotal__style---base64-8- p{text-align:right;font-size:16px;color:#333;height:60px;line-height:60px;margin-bottom:0}.bulkPaymentModalResultContainer__style---base64-8- .tableTotal__style---base64-8- p b{color:#f33;font-weight:normal}.bulkPaymentModalResultContainer__style---base64-8- .tableTotal__style---base64-8- p:last-child b{font-weight:bold;font-size:22px}.bulkPaymentModalResultContainer__style---base64-8- .firstLoading__style---base64-8-{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(255,255,255,0.8);z-index:10;text-align:center}.bulkPaymentModalResultContainer__style---base64-8- .firstLoading__style---base64-8-::after{content:'';display:inline-block;width:0px;height:100%;background:#ccc;vertical-align:middle}.bulkPaymentModalResultContainer__style---base64-8- .firstLoading__style---base64-8- [class~='ant-spin-dot']{vertical-align:middle}.bulkPaymentModalResultContainer__style---base64-8- .loading__style---base64-8-,.bulkPaymentModalResultContainer__style---base64-8- .noMore__style---base64-8-{text-align:center;height:36px;line-height:36px}.bulkPaymentModalPayment__style---base64-8-{position:relative}.bulkPaymentModalPayment__style---base64-8- .total__style---base64-8-{font-size:18px;color:#333;line-height:1;margin-top:42px;margin-bottom:-66px}.bulkPaymentModalPayment__style---base64-8- .total__style---base64-8- b{font-size:26px;color:#f33}.bulkPaymentModalPayment__style---base64-8- .total__style---base64-8- del{padding-left:10px;font-size:22px;color:#999}.bulkPaymentModal__style---base64-8- .bankTransferIcon__style---base64-8-{vertical-align:middle;margin-left:10px}.bulkPaymentModal__style---base64-8- .cardPay__style---base64-8-{min-height:300px}.bulkPaymentModal__style---base64-8- .virtualShopIcon__style---base64-8-{display:inline-block;width:24px;height:24px;text-align:center;background:#ff3333;border-radius:50%;line-height:24px;margin-right:2px}.bulkPaymentModal__style---base64-8- .virtualShopIcon__style---base64-8- i{color:#fff;font-size:15px}.bulkPaymentModal__style---base64-8- .storeName__style---base64-8-{vertical-align:middle;width:160px;display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bulkPaymentModal__style---base64-8- .btns__style---base64-8-{text-align:center;padding-top:30px;padding-bottom:40px}.bulkPaymentModal__style---base64-8- .btns__style---base64-8- button{width:186px;height:36px;font-size:15px}.bulkPaymentModal__style---base64-8- .btns__style---base64-8- button:nth-child(2){margin-left:40px}.bulkPaymentModal__style---base64-8- .btns__style---base64-8-.payment__style---base64-8-{text-align:right}.bulkPaymentModal__style---base64-8- .btns__style---base64-8-.payment__style---base64-8- button{width:112px}.importOrderModal__style---base64-8- [class~='ant-modal-body']{padding:0 30px}.importOrderModal__style---base64-8- [class~='ant-select-selection-selected-value']{max-width:403px}.importOrderModal__style---base64-8- [class~='ant-modal-header']{border-bottom:0;padding:30px 0 28px 30px}.importOrderModal__style---base64-8- [class~='ant-modal-title']{font-size:19px}.importOrderModal__style---base64-8- [class~='ant-modal-footer']{border-top:0;text-align:left;padding:30px 0 40px 120px}.importOrderModal__style---base64-8- [class~='ant-modal-footer'] button{margin:0;width:112px;height:36px;line-height:36px;font-size:15px;border:0}.importOrderModal__style---base64-8- [class~='ant-modal-close']{top:-10px;right:-10px}.importOrderModal__style---base64-8- [class~='ant-modal-close'] [class~='ant-modal-close-x']{width:30px;height:30px;background-color:#ff3333;border-radius:15px;line-height:30px;color:#fff}.importOrderModal__style---base64-8- [class~='ant-select-selection--single']{height:36px}.importOrderModal__style---base64-8- [class~='ant-select-selection__rendered']{line-height:34px}.importOrderModal__style---base64-8- [class~='ant-form-item']{display:flex;margin-bottom:18px}.importOrderModal__style---base64-8- [class~='ant-form-item-label']{width:90px;text-align:right;font-size:14px}.importOrderModal__style---base64-8- [class~='ant-form-item-label']>label{color:#333}.importOrderModal__style---base64-8- [class~='ant-form-item-control-wrapper']{flex:1}.importOrderModalSelectFile__style---base64-8- [class~='ant-form-item-label']{line-height:58px}.importOrderModalSelectFile__style---base64-8- .uploadArea__style---base64-8-{height:58px;background:#fffbf7;border:2px dashed #ca9e7b;border-radius:6px;display:inline-block;position:absolute;font-size:16px;line-height:54px;cursor:pointer;padding:0 16px;color:#ff3333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.importOrderModalSelectFile__style---base64-8- .uploadArea__style---base64-8-.on__style---base64-8-{border-style:solid}.importOrderModalSelectFile__style---base64-8- .uploadArea__style---base64-8- i{color:#ff3333;font-size:28px;vertical-align:middle;margin-right:8px}.importOrderModalSelectFile__style---base64-8- .uploadArea__style---base64-8- input{opacity:0;cursor:pointer;position:absolute;left:0;top:0;width:100%;height:100%}.importOrderModal__style---base64-8- .downloadBtn__style---base64-8-{padding-left:90px;font-size:16px;margin-left:87px;line-height:1;color:#f33}.importOrderModal__style---base64-8- .downloadBtn__style---base64-8- i{color:#f33}.addStoreItem__style---base64-8-{display:flex;align-items:center;padding:5px 12px 17px}.addStoreItem__style---base64-8- input{flex:1;height:34px}.addStoreItem__style---base64-8- button{height:34px;margin-left:10px}.uploadFileSuccessModalContainer__style---base64-8- ul{display:flex;align-items:center;padding:0;margin:0;list-style:none;justify-content:center}.uploadFileSuccessModalContainer__style---base64-8- ul li{color:#576077;font-size:20px;white-space:nowrap;margin-right:14px}.uploadFileSuccessModalContainer__style---base64-8- ul li:last-child{margin-right:0}.uploadFileSuccessModalContainer__style---base64-8- ul li span.completed__style---base64-8-{color:#16ad99}.uploadFileSuccessModalContainer__style---base64-8->div{margin-top:20px;background:#fff0f2;border:1px solid #fac7cd;border-radius:4px;padding:13px 20px;font-size:15px;color:#666;display:flex;line-height:24px}.uploadFileSuccessModalContainer__style---base64-8->div p{text-align:left;flex:1;color:#fd942b;margin:0} .publicPayMsg__style---base64-8-{text-align:center}.publicPayMsg__style---base64-8- .msgTxt__style---base64-8-{color:#493A2E;font-size:29px;font-weight:bold}.publicPayMsg__style---base64-8- .msgTxtSig__style---base64-8-{color:#493A2E;font-size:29px;font-weight:bold;margin-bottom:30px}.publicPayMsg__style---base64-8- .msgTxtSmall__style---base64-8-{color:#493A2E;font-size:22px;margin:20px 0 30px}.publicPayMsg__style---base64-8- .msgBtn__style---base64-8-{display:none}.publicPayMsg__style---base64-8- .msgBtn__style---base64-8- [class~="ant-btn-danger"]{line-height:45px;font-size:16px;height:45px;min-width:200px;border-radius:12px;box-shadow:0px 7px 13px 0px rgba(243,53,53,0.24);margin:0 15px;border-color:#f33}.publicPayMsg__style---base64-8- .msgTime__style---base64-8-{font-size:14px;color:#999;margin-top:25px}.WalletSuccessContent__style---base64-8-{padding-left:5px}.WalletSuccessContent__style---base64-8- ul,.WalletSuccessContent__style---base64-8- li,.WalletSuccessContent__style---base64-8- p{margin:0;padding:0;list-style:none}.WalletSuccessContent__style---base64-8- .bTitle__style---base64-8-{font-size:16px;color:#c49672;height:40px;line-height:40px}.WalletSuccessContent__style---base64-8- .Ftitle__style---base64-8-{padding-top:20px}.WalletSuccessContent__style---base64-8- h2{font-size:25px;width:487px;margin:0 auto;font-family:PingFang-SC-Heavy;color:#493A2E}.WalletSuccessContent__style---base64-8- img{margin-bottom:15px}.WalletSuccessContent__style---base64-8- .btnToUp__style---base64-8-{background-color:#FF3333;width:210px;height:46px;font-size:16px;box-shadow:0px 7px 13px 0px rgba(243,53,53,0.24);border-radius:12px;margin-top:15px;color:#fff} .bulkPaymentTypeChoice__style---base64-8- .tip__style---base64-8-{font-size:15px;color:#f33;line-height:1;margin-bottom:22px}.bulkPaymentTypeChoice__style---base64-8- .tip__style---base64-8- b{font-size:17px}.bulkPaymentTypeChoice__style---base64-8- [class~='ant-alert-error']{border-color:#fac7cd;background-color:#fff0f2;color:#f33;font-size:14px;line-height:24px;padding:16px 14px !important;text-align:justify;margin-bottom:22px}.bulkPaymentTypeChoice__style---base64-8- [class~='ant-alert-message']{display:none}.bulkPaymentTypeChoice__style---base64-8- [class~='ant-form-item']{display:flex;margin-bottom:26px}.bulkPaymentTypeChoice__style---base64-8- [class~='ant-form-item-control']{line-height:34px;height:36px}.bulkPaymentTypeChoice__style---base64-8- [class~='ant-select-selection--single']{height:36px}.bulkPaymentTypeChoice__style---base64-8- [class~='ant-select-selection--single'] [class~='ant-select-selection__rendered']{line-height:34px}.bulkPaymentTypeChoice__style---base64-8- [class~='ant-form-item-label']{line-height:36px}.bulkPaymentTypeChoice__style---base64-8- [class~='ant-tabs-bar']{margin-bottom:26px}.bulkPaymentTypeChoice__style---base64-8- [class~='ant-tabs-nav-container']{height:38px !important}.bulkPaymentTypeChoice__style---base64-8- [class~='ant-tabs-tabpane']{max-height:60vh;overflow-y:auto}.bulkPaymentTypeChoice__style---base64-8- [class~='ant-tabs-tabpane']::-webkit-scrollbar{width:6px}.bulkPaymentTypeChoice__style---base64-8- [class~='ant-tabs-tabpane']::-webkit-scrollbar-thumb{width:6px;background:rgba(51,51,51,0.3);border-radius:3px}.bulkPaymentTypeChoice__style---base64-8- [class~='ant-tabs-tab']{width:156px !important;height:38px !important;background:#f8efe8 !important;border-radius:10px 10px 0px 0px !important;text-align:center;margin-right:6px !important;border:0 !important;font-size:18px;color:#EC3E0F}.bulkPaymentTypeChoice__style---base64-8- [class~='ant-tabs-tab']:last-child{margin-right:0 !important}.bulkPaymentTypeChoice__style---base64-8- [class~='ant-tabs-tab'][class~='ant-tabs-tab-active']{background:#EC3E0F !important;color:#fff !important}.bulkPaymentTypeChoice__style---base64-8- [class~='ant-tabs-tab'][class~='ant-tabs-tab-disabled']{background:#ccc !important;color:#fff !important}.bulkPaymentTypeChoice__style---base64-8- [class~='ant-collapse-header']{background:#f0f0f0;height:38px;line-height:38px !important;padding:0 16px 0 13px !important;font-size:18px}.bulkPaymentTypeChoice__style---base64-8- [class~='ant-collapse-header'][aria-expanded='true']{background:#f8efe8;color:#EC3E0F !important}.bulkPaymentTypeChoice__style---base64-8- [class~='ant-collapse-header'][aria-expanded='false']{color:#666666 !important}.bulkPaymentTypeChoice__style---base64-8- [class~='ant-collapse']{border:0;background:#fff}.bulkPaymentTypeChoice__style---base64-8- [class~='ant-collapse-content-box']{padding:22px 0 0 10px !important}.bulkPaymentTypeChoice__style---base64-8- [class~='ant-collapse-item']{border:0 !important;margin-bottom:26px}.bulkPaymentTypeChoice__style---base64-8- [class~='ant-collapse-item']:last-child{margin-bottom:0}.bulkPaymentTypeChoice__style---base64-8- [class~='ant-tabs-content']{padding-left:10px}.bulkPaymentTypeChoice__style---base64-8- [class~='ant-collapse-content']{border:0}.bulkPaymentTypeChoice__style---base64-8- h6{font-size:17px;margin-bottom:10px;font-weight:bold;line-height:1}.bulkPaymentTypeChoice__style---base64-8- .bankItem__style---base64-8-{margin-bottom:22px}.bulkPaymentTypeChoice__style---base64-8- .bankDescription__style---base64-8-{margin-bottom:10px}.bulkPaymentTypeChoice__style---base64-8- .bankDescription__style---base64-8- p{margin:0;padding:0}.bulkPaymentTypeChoice__style---base64-8- .bankInfo__style---base64-8-{background:#fffaf6;padding:16px}.bulkPaymentTypeChoice__style---base64-8- .bankInfo__style---base64-8- p{margin-bottom:6px;padding:0} #payModalPayment .payModalTab { margin-bottom: 15px; } #payModalPayment .payModalTab .ant-tabs-bar { border-bottom: none; margin: 0; } #payModalPayment .payModalTab .ant-modal-body { padding-bottom: 40px; } #payModalPayment .payModalTab .ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab { border: none; border-radius: 10px 10px 0px 0px; min-width: 145px; font-size: 18px; text-align: center; color: #fff; padding: 0 15px; height: 35px; line-height: 35px; background-color: #EC3E0F; } #payModalPayment .payModalTab .ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab-active { background-color: #FF3333; border-bottom: none; color: #fff; } #payModalPayment .payModalTab .ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab-disabled { background-color: #ccc; color: #fff; } #payModalPayment .payModalTab .ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-nav-wrap { border-bottom: 1px solid #eee; } .CardWrap .ant-modal-header { border-bottom: none; } .payModal__style---base64-8- [class~='ant-alert-error']{border-color:#fac7cd;background-color:#fff0f2;color:#f33;font-size:14px;line-height:24px;padding:16px 14px !important;text-align:justify;margin-bottom:22px}.payModal__style---base64-8- [class~='ant-modal-body']{padding:0 30px 30px}.payModal__style---base64-8- [class~='ant-modal-header']{border-bottom:0;padding:20px 0 20px 30px}.payModal__style---base64-8- [class~='ant-modal-title']{font-size:19px}.payModal__style---base64-8- [class~='ant-modal-footer']{border-top:0;text-align:left;padding-left:30px}.payModal__style---base64-8- [class~='ant-modal-footer'] button{margin:0;width:112px;height:36px;line-height:36px;font-size:15px;border:0}.payModal__style---base64-8- [class~='ant-modal-footer'] button:hover{background:#f33}.payModal__style---base64-8- [class~='ant-modal-close']{top:-10px;right:-10px}.payModal__style---base64-8- [class~='ant-modal-close'] [class~='ant-modal-close-x']{width:30px;height:30px;background-color:#ff3333;border-radius:15px;line-height:30px;color:#fff}.payModal__style---base64-8- .tip__style---base64-8-{font-size:15px;color:#f33;line-height:1;margin-bottom:22px}.payModal__style---base64-8- .tip__style---base64-8- b{font-size:17px}.payModalPayment__style---base64-8- [class~='ant-radio-wrapper']{display:block;color:#333;margin-bottom:18px;font-size:16px;line-height:16px}.payModalPayment__style---base64-8- [class~='ant-radio']:hover [class~='ant-radio-inner'],.payModalPayment__style---base64-8- [class~='ant-radio-input']:focus+[class~='ant-radio-inner']{border-color:#9b9b9b}.payModalPayment__style---base64-8- [class~='ant-radio-inner']{border-color:#9b9b9b}.payModalPayment__style---base64-8- [class~='ant-radio-inner']:after{background-color:#666}.payModalPayment__style---base64-8- .total__style---base64-8-{font-size:18px;color:#333;padding-left:15px;font-weight:bold}.payModalPayment__style---base64-8- .total__style---base64-8- .payButton__style---base64-8-{width:120px;height:36px;font-size:15px;margin-left:10px;float:right}.payModalPayment__style---base64-8- .total__style---base64-8- b{font-size:26px;color:#f33}.payModalPayment__style---base64-8- .total__style---base64-8- b.originalPrice__style---base64-8-{font-size:22px;text-decoration:line-through;margin-left:10px;color:#999999}.payModalPayment__style---base64-8- .description__style---base64-8- .bankTransferIcon__style---base64-8-{vertical-align:middle;margin-left:10px;position:absolute;top:15px;right:15px}.payModalPayment__style---base64-8- .description__style---base64-8- .payTip__style---base64-8-{color:#EC3E0F;font-size:14px;margin-bottom:15px}.payModalPayment__style---base64-8- .description__style---base64-8- .payTip__style---base64-8- span{color:#ff3333;font-weight:700}.payModalPayment__style---base64-8- .description__style---base64-8- ul{background:#fffaf6;padding:13px 20px;list-style:none;margin-bottom:20px;position:relative}.payModalPayment__style---base64-8- .description__style---base64-8- li{font-size:16px;color:#000;line-height:30px}.payModalPayment__style---base64-8- .description__style---base64-8- li span{color:#999;font-size:14px;width:174px;float:left;text-align:right;white-space:nowrap}.payModalPayment__style---base64-8- .description__style---base64-8- li p{padding-left:174px;margin-bottom:0}.payModalPayment__style---base64-8- .description__style---base64-8->p{font-size:14px;color:#f33;line-height:26px;margin:-6px 0}.payModal__style---base64-8- .cardPay__style---base64-8-{min-height:300px}.payModal__style---base64-8- .checkPayType__style---base64-8-{display:block}.payModal__style---base64-8- .tabPane__style---base64-8-{padding:20px 15px 5px}.payModal__style---base64-8- .tabPane__style---base64-8- .radioLabel__style---base64-8-{vertical-align:middle}.payModal__style---base64-8- .tabPane__style---base64-8- .paypalLogo__style---base64-8-{margin:20px 0}.payModal__style---base64-8- .tabPane__style---base64-8- .paypalLogo__style---base64-8- img{width:148px;height:36px}.payModal__style---base64-8- .myBalance__style---base64-8-{color:#333;font-weight:bold;font-size:18px}.payModal__style---base64-8- .myBalance__style---base64-8- span{font-size:22px;color:#16ad99;margin-right:10px} .virtualScroll__style---base64-8-{overflow:hidden;max-height:100%;position:relative}.virtualScroll__style---base64-8-:hover .bar__style---base64-8-{opacity:1;transition:all .2s linear}.virtualScroll__style---base64-8- .box__style---base64-8-{height:100%;overflow:auto}.virtualScroll__style---base64-8- .box__style---base64-8-::-webkit-scrollbar{display:none}.virtualScroll__style---base64-8- .bar__style---base64-8-{position:absolute;right:0;top:0;bottom:0;width:4px;padding:1px;box-sizing:content-box;background:#fafafa;opacity:0;pointer-events:none;border-left:1px solid #e5e5e5;border-right:1px solid #e5e5e5;overflow:hidden;transition:opacity .2s ease-out}.virtualScroll__style---base64-8- .line__style---base64-8-{position:absolute;width:4px;background:#c2c2c2;border-radius:2px;min-height:20px} .myAddress__style---base64-8- h3{font-size:20px;color:#333333;font-weight:700}.myAddress__style---base64-8- .addressForm__style---base64-8- h4{font-size:18px}.myAddress__style---base64-8- .formBtn__style---base64-8-{margin-top:35px}.myAddress__style---base64-8- .formBtnSave__style---base64-8-,.myAddress__style---base64-8- .formBtnCancel__style---base64-8-{width:150px;font-size:18px;height:36px} .addressForm__style---base64-8-{margin-bottom:20px;text-align:center}.addressForm__style---base64-8->div{display:inline}.addressForm__style---base64-8- [class~="ant-form-explain"]{text-indent:0}@media screen and (max-width: 768px){.addressForm__style---base64-8-{width:100%}}.addressForm__style---base64-8- .CodeBrn__style---base64-8-{border-right:none}.addressForm__style---base64-8- .CodeBbn__style---base64-8-{border-bottom:none}.addressForm__style---base64-8- .codeBox__style---base64-8-{width:500px;border-radius:4px;background:#fff0f2;border:1px solid #fac7cd}.addressForm__style---base64-8- .codeBox__style---base64-8-:after{content:"";display:block;clear:both}.addressForm__style---base64-8- .Optional__style---base64-8-{position:absolute;top:8px;color:#999999;font-size:12px;font-family:PingFang SC;font-weight:400;left:-77px} .addressFormSystemMsg { top: 0 !important; } .addressFormSystemMsg p { margin: 0; padding: 0; } .addressFormSystemMsg .areaList { font-size: 0.3rem; } .addressFormSystemMsg .ant-modal-body { padding-top: 0; } .addressFormSystemMsg .codeItem { width: 100%; border-bottom: 1px solid #e8e8e8; color: #333; line-height: 0.74rem; font-size: 0.3rem; } .addressFormSystemMsg .ant-modal-close { top: 10px; right: 10px; } .addressFormSystemMsg .ant-modal-footer { border-top: none; height: 1rem; } @media screen and (max-width: 768px) { .addressFormSystemMsg .ant-modal-header { padding: 0.29rem 0.4rem; } } .addressFormSystemMsg .ant-modal-header { border-bottom: none; font-size: 0.32rem; font-family: PingFang SC; font-weight: bold; color: #666666; line-height: 0.24rem; } .addressFormSystemMsg .ant-modal-close-x { width: 0.52rem; height: 0.52rem; background: #ca9e7b; border-radius: 0.26rem; line-height: 0.56rem; color: #fff; } @media (max-width: 575px) { .ant-col-xs-24.ant-form-item-label label::after { display: inline-block; } } .myCheckout__style---base64-8- h3{font-size:20px;color:#333333;font-weight:700}.myCheckout__style---base64-8- h4{font-size:18px}.myCheckout__style---base64-8- .formBtn__style---base64-8-{margin-top:35px}.myCheckout__style---base64-8- .formBtn__style---base64-8- .formBtnSave__style---base64-8-{width:150px;font-size:18px;height:36px}.myCheckout__style---base64-8- .shippingInfo__style---base64-8- .addressList__style---base64-8-{width:1260px;margin-top:15px;margin-bottom:20px}.myCheckout__style---base64-8- .shippingInfo__style---base64-8- .addressList__style---base64-8- .listDiv__style---base64-8-{color:#333;position:relative;padding:15px;width:600px;border:solid 1px #dfdfdf;border-radius:4px}.myCheckout__style---base64-8- .shippingInfo__style---base64-8- .addressList__style---base64-8- .listDiv__style---base64-8- .txtLeft__style---base64-8-{text-align:right;color:#999999;padding-right:5px}.myCheckout__style---base64-8- .shippingInfo__style---base64-8- .addressList__style---base64-8- .listDivOn__style---base64-8-{border:solid 2px #DB5426;background-color:#fff}.myCheckout__style---base64-8- .shippingInfo__style---base64-8- .addressList__style---base64-8- .listDiv__style---base64-8- .checked__style---base64-8-{width:0;height:0;border-top:35px solid transparent;border-left:35px solid transparent;border-bottom:35px solid #DB5426;position:absolute;right:0;bottom:0}.myCheckout__style---base64-8- .shippingInfo__style---base64-8- .addressList__style---base64-8- .listDiv__style---base64-8- .icon__style---base64-8-{color:#ffffff;font-size:27px;position:absolute;right:-4px;bottom:-10px}.myCheckout__style---base64-8- .shippingInfo__style---base64-8- .addressList__style---base64-8- .selectAddress__style---base64-8-{margin-top:15px}.myCheckout__style---base64-8- .shippingInfo__style---base64-8- .addressList__style---base64-8- .selectAddress__style---base64-8- .btn__style---base64-8-{font-size:14px;width:156px}.myCheckout__style---base64-8- .shippingInfo__style---base64-8- .checkoutBox__style---base64-8-{width:450px;margin-top:15px;margin-bottom:20px}.myCheckout__style---base64-8- .shippingInfo__style---base64-8- .checkoutBox__style---base64-8- h4{font-size:16px;color:#576077}.myCheckout__style---base64-8- .shippingInfo__style---base64-8- .checkoutBox__style---base64-8- .tip__style---base64-8-{color:#ff4700;margin-left:10px}.myCheckout__style---base64-8- .shippingInfo__style---base64-8- .checkoutBox__style---base64-8- .detail__style---base64-8-{font-size:16px;color:#333;margin-bottom:10px;border:solid 1px #e4e4e4}.myCheckout__style---base64-8- .shippingInfo__style---base64-8- .checkoutBox__style---base64-8- .detail__style---base64-8- .odd__style---base64-8-,.myCheckout__style---base64-8- .shippingInfo__style---base64-8- .checkoutBox__style---base64-8- .detail__style---base64-8- .even__style---base64-8-{line-height:20px;padding:10px}.myCheckout__style---base64-8- .shippingInfo__style---base64-8- .checkoutBox__style---base64-8- .detail__style---base64-8- .odd__style---base64-8-{background-color:#fffaf6}.myCheckout__style---base64-8- .topBtn__style---base64-8-{margin-bottom:20px}.myCheckout__style---base64-8- .addressTable__style---base64-8-{max-height:500px} .myHome__style---base64-8- h3{font-size:20px;color:#333333;font-weight:700}.myHome__style---base64-8- .topBox__style---base64-8-{margin-bottom:30px}.myHome__style---base64-8- .topBoxDivOen__style---base64-8-{background-image:url(https://ut-front.thisnew.com/images/routes/MyHome/image/1.png);background-repeat:no-repeat;background-position:70px 60px}.myHome__style---base64-8- .topBoxDivTwo__style---base64-8-{background-image:url(https://ut-front.thisnew.com/images/routes/MyHome/image/2.png);background-repeat:no-repeat;background-position:70px 60px}.myHome__style---base64-8- .topBoxDivThree__style---base64-8-{background-image:url(https://ut-front.thisnew.com/images/routes/MyHome/image/3.png);background-repeat:no-repeat;background-position:95px 60px}.myHome__style---base64-8- .topBoxDiv__style---base64-8-{background-color:#f5f5f5;border-radius:10px;padding:25px;height:230px;width:300px;left:20%;position:relative}.myHome__style---base64-8- .topBoxDiv__style---base64-8- .title__style---base64-8-{font-size:20px;font-weight:700;color:#000;text-align:center}.myHome__style---base64-8- .topBoxDiv__style---base64-8- .num__style---base64-8-{margin-left:30%;margin-top:30px;font-size:60px;font-weight:700;color:red}.myHome__style---base64-8- .topBoxDiv__style---base64-8- i{color:#fff;font-size:130px;position:absolute;right:0;bottom:-35px}.myHome__style---base64-8- .topBoxIconDiv__style---base64-8-{text-align:center}.myHome__style---base64-8- .topBoxIconDiv__style---base64-8- i{font-size:35px;margin-top:50px;color:#ccc}.myHome__style---base64-8- .bottomBox__style---base64-8-{margin-bottom:20px}.myHome__style---base64-8- .bottomBox__style---base64-8- .processBox__style---base64-8-{width:1136px;margin:0 auto}.myHome__style---base64-8- .bottomBox__style---base64-8- img{width:100%}.myHome__style---base64-8- .bottomBoxDiv__style---base64-8- .titleStep1__style---base64-8-{margin-left:19%}.myHome__style---base64-8- .bottomBoxDiv__style---base64-8- .titleStep2__style---base64-8-{margin-left:30%}.myHome__style---base64-8- .bottomBoxDiv__style---base64-8- .titleStep3__style---base64-8-{margin-left:50%}.myHome__style---base64-8- .bottomBoxDiv__style---base64-8- .titleStep4__style---base64-8-{margin-left:60%}.myHome__style---base64-8- .bottomBoxDiv__style---base64-8- .txtStep3__style---base64-8-{margin-left:32%}.myHome__style---base64-8- .bottomBoxDiv__style---base64-8- .txtStep4__style---base64-8-{margin-left:42%}.myHome__style---base64-8- .bottomBoxDiv__style---base64-8- .title__style---base64-8-{font-size:22px;color:#576077;line-height:34px;margin-top:30px}.myHome__style---base64-8- .bottomBoxDiv__style---base64-8- .txt__style---base64-8-{font-size:16px;color:#333;margin-top:20px;min-height:100px;padding-left:15px;width:80%;font-weight:700} /** * Swiper 5.4.5 * Most modern mobile touch slider and framework with hardware accelerated transitions * http://swiperjs.com * * Copyright 2014-2020 Vladimir Kharlampidi * * Released under the MIT License * * Released on: June 16, 2020 */ @font-face { font-family: 'swiper-icons'; src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff"); font-weight: 400; font-style: normal; } :root { --swiper-theme-color: #007aff; } .swiper-container { margin-left: auto; margin-right: auto; position: relative; overflow: hidden; list-style: none; padding: 0; /* Fix of Webkit flickering */ z-index: 1; } .swiper-container-vertical > .swiper-wrapper { flex-direction: column; } .swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: flex; transition-property: transform; box-sizing: content-box; } .swiper-container-android .swiper-slide, .swiper-wrapper { transform: translate3d(0px, 0, 0); } .swiper-container-multirow > .swiper-wrapper { flex-wrap: wrap; } .swiper-container-multirow-column > .swiper-wrapper { flex-wrap: wrap; flex-direction: column; } .swiper-container-free-mode > .swiper-wrapper { transition-timing-function: ease-out; margin: 0 auto; } .swiper-slide { flex-shrink: 0; width: 100%; height: 100%; position: relative; transition-property: transform; } .swiper-slide-invisible-blank { visibility: hidden; } /* Auto Height */ .swiper-container-autoheight, .swiper-container-autoheight .swiper-slide { height: auto; } .swiper-container-autoheight .swiper-wrapper { align-items: flex-start; transition-property: transform, height; } /* 3D Effects */ .swiper-container-3d { perspective: 1200px; } .swiper-container-3d .swiper-wrapper, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-cube-shadow { transform-style: preserve-3d; } .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-slide-shadow-bottom { position: absolute; left: 0; top: 0; width: 100%; height: 100%; pointer-events: none; z-index: 10; } .swiper-container-3d .swiper-slide-shadow-left { background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-container-3d .swiper-slide-shadow-right { background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-container-3d .swiper-slide-shadow-top { background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-container-3d .swiper-slide-shadow-bottom { background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } /* CSS Mode */ .swiper-container-css-mode > .swiper-wrapper { overflow: auto; scrollbar-width: none; /* For Firefox */ -ms-overflow-style: none; /* For Internet Explorer and Edge */ } .swiper-container-css-mode > .swiper-wrapper::-webkit-scrollbar { display: none; } .swiper-container-css-mode > .swiper-wrapper > .swiper-slide { scroll-snap-align: start start; } .swiper-container-horizontal.swiper-container-css-mode > .swiper-wrapper { scroll-snap-type: x mandatory; } .swiper-container-vertical.swiper-container-css-mode > .swiper-wrapper { scroll-snap-type: y mandatory; } :root { --swiper-navigation-size: 44px; /* --swiper-navigation-color: var(--swiper-theme-color); */ } .swiper-button-prev, .swiper-button-next { position: absolute; top: 50%; width: calc(var(--swiper-navigation-size) / 44 * 27); height: var(--swiper-navigation-size); margin-top: calc(-1 * var(--swiper-navigation-size) / 2); z-index: 10; cursor: pointer; display: flex; align-items: center; justify-content: center; color: var(--swiper-navigation-color, var(--swiper-theme-color)); } .swiper-button-prev.swiper-button-disabled, .swiper-button-next.swiper-button-disabled { opacity: 0.35; cursor: auto; pointer-events: none; } .swiper-button-prev:after, .swiper-button-next:after { font-family: swiper-icons; font-size: var(--swiper-navigation-size); text-transform: none !important; letter-spacing: 0; text-transform: none; font-variant: initial; line-height: 1; } .swiper-button-prev, .swiper-container-rtl .swiper-button-next { left: 10px; right: auto; } .swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after { content: 'prev'; } .swiper-button-next, .swiper-container-rtl .swiper-button-prev { right: 10px; left: auto; } .swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after { content: 'next'; } .swiper-button-prev.swiper-button-white, .swiper-button-next.swiper-button-white { --swiper-navigation-color: #ffffff; } .swiper-button-prev.swiper-button-black, .swiper-button-next.swiper-button-black { --swiper-navigation-color: #000000; } .swiper-button-lock { display: none; } :root { /* --swiper-pagination-color: var(--swiper-theme-color); */ } .swiper-pagination { position: absolute; text-align: center; transition: 300ms opacity; transform: translate3d(0, 0, 0); z-index: 10; } .swiper-pagination.swiper-pagination-hidden { opacity: 0; } /* Common Styles */ .swiper-pagination-fraction, .swiper-pagination-custom, .swiper-container-horizontal > .swiper-pagination-bullets { bottom: 10px; left: 0; width: 100%; } /* Bullets */ .swiper-pagination-bullets-dynamic { overflow: hidden; font-size: 0; } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transform: scale(0.33); position: relative; } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active { transform: scale(1); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main { transform: scale(1); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev { transform: scale(0.66); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev { transform: scale(0.33); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next { transform: scale(0.66); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next { transform: scale(0.33); } .swiper-pagination-bullet { width: 8px; height: 8px; display: inline-block; border-radius: 100%; background: #000; opacity: 0.2; } button.swiper-pagination-bullet { border: none; margin: 0; padding: 0; box-shadow: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .swiper-pagination-clickable .swiper-pagination-bullet { cursor: pointer; } .swiper-pagination-bullet-active { opacity: 1; background: var(--swiper-pagination-color, var(--swiper-theme-color)); } .swiper-container-vertical > .swiper-pagination-bullets { right: 10px; top: 50%; transform: translate3d(0px, -50%, 0); } .swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet { margin: 6px 0; display: block; } .swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic { top: 50%; transform: translateY(-50%); width: 8px; } .swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { display: inline-block; transition: 200ms transform, 200ms top; } .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 4px; } .swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic { left: 50%; transform: translateX(-50%); white-space: nowrap; } .swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transition: 200ms transform, 200ms left; } .swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transition: 200ms transform, 200ms right; } /* Progress */ .swiper-pagination-progressbar { background: rgba(0, 0, 0, 0.25); position: absolute; } .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background: var(--swiper-pagination-color, var(--swiper-theme-color)); position: absolute; left: 0; top: 0; width: 100%; height: 100%; transform: scale(0); transform-origin: left top; } .swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { transform-origin: right top; } .swiper-container-horizontal > .swiper-pagination-progressbar, .swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite { width: 100%; height: 4px; left: 0; top: 0; } .swiper-container-vertical > .swiper-pagination-progressbar, .swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite { width: 4px; height: 100%; left: 0; top: 0; } .swiper-pagination-white { --swiper-pagination-color: #ffffff; } .swiper-pagination-black { --swiper-pagination-color: #000000; } .swiper-pagination-lock { display: none; } /* Scrollbar */ .swiper-scrollbar { border-radius: 10px; position: relative; -ms-touch-action: none; background: rgba(0, 0, 0, 0.1); } .swiper-container-horizontal > .swiper-scrollbar { position: absolute; left: 1%; bottom: 3px; z-index: 50; height: 5px; width: 98%; } .swiper-container-vertical > .swiper-scrollbar { position: absolute; right: 3px; top: 1%; z-index: 50; width: 5px; height: 98%; } .swiper-scrollbar-drag { height: 100%; width: 100%; position: relative; background: rgba(0, 0, 0, 0.5); border-radius: 10px; left: 0; top: 0; } .swiper-scrollbar-cursor-drag { cursor: move; } .swiper-scrollbar-lock { display: none; } .swiper-zoom-container { width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; text-align: center; } .swiper-zoom-container > img, .swiper-zoom-container > svg, .swiper-zoom-container > canvas { max-width: 100%; max-height: 100%; object-fit: contain; } .swiper-slide-zoomed { cursor: move; } /* Preloader */ :root { /* --swiper-preloader-color: var(--swiper-theme-color); */ } .swiper-lazy-preloader { width: 42px; height: 42px; position: absolute; left: 50%; top: 50%; margin-left: -21px; margin-top: -21px; z-index: 10; transform-origin: 50%; animation: swiper-preloader-spin 1s infinite linear; box-sizing: border-box; border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color)); border-radius: 50%; border-top-color: transparent; } .swiper-lazy-preloader-white { --swiper-preloader-color: #fff; } .swiper-lazy-preloader-black { --swiper-preloader-color: #000; } @keyframes swiper-preloader-spin { 100% { transform: rotate(360deg); } } /* a11y */ .swiper-container .swiper-notification { position: absolute; left: 0; top: 0; pointer-events: none; opacity: 0; z-index: -1000; } .swiper-container-fade.swiper-container-free-mode .swiper-slide { transition-timing-function: ease-out; } .swiper-container-fade .swiper-slide { pointer-events: none; transition-property: opacity; } .swiper-container-fade .swiper-slide .swiper-slide { pointer-events: none; } .swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active { pointer-events: auto; } .swiper-container-cube { overflow: visible; } .swiper-container-cube .swiper-slide { pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; z-index: 1; visibility: hidden; transform-origin: 0 0; width: 100%; height: 100%; } .swiper-container-cube .swiper-slide .swiper-slide { pointer-events: none; } .swiper-container-cube.swiper-container-rtl .swiper-slide { transform-origin: 100% 0; } .swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-active .swiper-slide-active { pointer-events: auto; } .swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-next, .swiper-container-cube .swiper-slide-prev, .swiper-container-cube .swiper-slide-next + .swiper-slide { pointer-events: auto; visibility: visible; } .swiper-container-cube .swiper-slide-shadow-top, .swiper-container-cube .swiper-slide-shadow-bottom, .swiper-container-cube .swiper-slide-shadow-left, .swiper-container-cube .swiper-slide-shadow-right { z-index: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .swiper-container-cube .swiper-cube-shadow { position: absolute; left: 0; bottom: 0px; width: 100%; height: 100%; background: #000; opacity: 0.6; -webkit-filter: blur(50px); filter: blur(50px); z-index: 0; } .swiper-container-flip { overflow: visible; } .swiper-container-flip .swiper-slide { pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; z-index: 1; } .swiper-container-flip .swiper-slide .swiper-slide { pointer-events: none; } .swiper-container-flip .swiper-slide-active, .swiper-container-flip .swiper-slide-active .swiper-slide-active { pointer-events: auto; } .swiper-container-flip .swiper-slide-shadow-top, .swiper-container-flip .swiper-slide-shadow-bottom, .swiper-container-flip .swiper-slide-shadow-left, .swiper-container-flip .swiper-slide-shadow-right { z-index: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; } [class^='productImagePreview__style'] #previewSwiper { top: 50%; transform: translateY(-50%); } [class^='productImagePreview__style'] #previewSwiper .swiper-slide { width: 470px; height: 470px; } [class^='productImagePreview__style'] #previewSwiper .swiper-slide img { display: block; margin: auto; width: 470px; height: 470px; object-fit: contain; } [class^='productImagePreview__style'] .swiper-button-prev, [class^='productImagePreview__style'] .swiper-button-next { text-align: center; color: #000; outline: none; } [class^='productImagePreview__style'] .swiper-button-prev.swiper-button-disabled, [class^='productImagePreview__style'] .swiper-button-next.swiper-button-disabled { cursor: pointer; pointer-events: inherit; opacity: 1; } [class^='productImagePreview__style'] .swiper-button-prev i, [class^='productImagePreview__style'] .swiper-button-next i { font-size: 40px; } [class^='productImagePreview__style'] .swiper-button-prev:hover, [class^='productImagePreview__style'] .swiper-button-next:hover { color: #DB5426; } [class^='productImagePreview__style'] .swiper-button-prev::after, [class^='productImagePreview__style'] .swiper-button-next::after { content: ''; } [class^='productImagePreview__style'] .swiper-button-next { transform: rotate(180deg); } [class^='productImagePreview__style'] .swiper-button-prev { left: 60px; } [class^='productImagePreview__style'] .swiper-button-next { right: 60px; } @media screen and (max-width: 768px) { [class^='productImagePreview__style'] .swiper-button-prev { left: 10px; } [class^='productImagePreview__style'] .swiper-button-next { right: 10px; } [class^='productImagePreview__style'] #previewSwiper { width: 5.7rem; margin: 0 auto; } [class^='productImagePreview__style'] #previewSwiper .swiper-slide img { max-width: 100%; height: 100%; } } .productImagePreview__style---base64-8-{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.6)}.productImagePreviewContainer__style---base64-8-{position:relative;height:600px;width:700px;margin:auto;top:50%;transform:translateY(-50%)}.productImagePreview__style---base64-8- .closePreview__style---base64-8-{position:absolute;width:600px;text-align:right;outline:none;background:none;display:block;box-shadow:none;color:#fff;font-size:28px;font-family:Arial, Baskerville, monospace;height:44px;top:0;left:50%;margin-left:-300px;border:0;cursor:pointer;opacity:0.65;transition:all 0.2s;user-select:none}.productImagePreview__style---base64-8- .closePreview__style---base64-8-:hover{opacity:1}@media screen and (max-width: 768px){.productImagePreview__style---base64-8-{bottom:51px;overflow:hidden}.productImagePreviewContainer__style---base64-8-{height:100%;width:100%;top:20px;background:#fff;transform:none}.productImagePreview__style---base64-8- .closePreview__style---base64-8-{width:0.53rem;height:0.53rem;background-color:#ff3333;border-radius:0.26rem;margin:0;top:0.24rem;right:0.24rem;left:auto;padding:0;opacity:1;font-size:16px;text-align:center}.productImagePreview__style---base64-8- .closePreview__style---base64-8- span{height:16px;display:inline-block;vertical-align:middle;line-height:1}} .myProduct__style---base64-8- .topBtn__style---base64-8-{position:absolute;right:20px;top:70px;z-index:10}.myProduct__style---base64-8- h3{font-size:20px;color:#333333;font-weight:700;padding-bottom:16px}.myProduct__style---base64-8- img.invaildImg__style---base64-8-{position:absolute;left:0;top:0;width:auto;height:auto;z-index:10}.myProduct__style---base64-8- .tableNoData__style---base64-8-{min-height:300px;padding-top:30px;text-align:center}.myProduct__style---base64-8- .tableNoData__style---base64-8- i{font-size:120px;border-radius:50%;padding:10px;background-color:#0186f6;color:#fff}.myProduct__style---base64-8- .tableNoData__style---base64-8- p{font-size:18px;line-height:20px;color:#333333;font-weight:700}.myProduct__style---base64-8- .tableAction__style---base64-8- i{font-size:28px;cursor:pointer;color:#333;vertical-align:middle;margin-right:17px}.myProduct__style---base64-8- .tableAction__style---base64-8- i:hover{color:#ff3333}.myProduct__style---base64-8- .tableTxt__style---base64-8- img{width:100px;height:100px} .variantModal__style---base64-8- .selectOption__style---base64-8-{margin-bottom:20px;width:100%}.variantModal__style---base64-8- .selectOption__style---base64-8- .Label__style---base64-8-{display:inline-block;max-width:120px;vertical-align:top;margin-top:5px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.variantModal__style---base64-8- .selectOption__style---base64-8- .Options__style---base64-8-{vertical-align:top;display:inline-block;width:calc(100% - 120px)}.variantModal__style---base64-8- .selectOption__style---base64-8- .Options__style---base64-8- .colorSelected__style---base64-8-{border:2px solid #f33}.variantModal__style---base64-8- .selectOption__style---base64-8- .Options__style---base64-8- .colorSelected__style---base64-8- .color__style---base64-8-{margin-top:1px !important}.variantModal__style---base64-8- .selectOption__style---base64-8- .Options__style---base64-8- .optionSizes__style---base64-8-{margin:5px 10px;padding:0 15px;cursor:pointer;height:30px;display:inline-block;background:#fff;border:1px solid #cdcdcd;border-radius:15px;font-size:14px;font-family:PingFang SC;line-height:30px;font-weight:500;color:#333}.variantModal__style---base64-8- .selectOption__style---base64-8- .Options__style---base64-8- .sizeSelected__style---base64-8-{background:#c99d7b;border:1px solid #c99d7b;color:#fff}.variantModal__style---base64-8- .optionColors__style---base64-8-{cursor:pointer;display:inline-block;margin:5px;width:26px;height:26px;border:1px solid #ccc;border-radius:6px;line-height:26px;text-align:center}.variantModal__style---base64-8- .optionColors__style---base64-8- .color__style---base64-8-{width:20px;height:20px;border-radius:4px;margin-top:2px;display:inline-block}.variantModal__style---base64-8- .tableBox__style---base64-8-{margin-top:30px;width:100%;background:#fff6f6;padding:20px;box-sizing:border-box}.variantModal__style---base64-8- .tips__style---base64-8-{font-size:15px;font-family:PingFang SC;font-weight:500;color:#f33;margin-bottom:20px} .variantModal .ant-table-tbody { max-height: 200px; overflow: auto; } .variantModal .ant-modal-body { padding-top: 0; } .variantModal .ant-table-pagination { display: none; } .variantModal .ant-table-tbody > tr:nth-of-type(odd) { background: #fffaf6; } .variantModal .ant-table-tbody > tr:nth-of-type(even) { background: #ffffff; } .variantModal .ant-table-tbody > tr > td { border-bottom: none; } .variantModal .ant-table-thead > tr > th { border-bottom: none; } .variantModal .ant-table table { border: 1px solid #e4e4e4; } .variantModal th.ant-table-row-cell-break-word { font-size: 16px; color: #333; } .MyDesignSystemMsg .ant-modal-footer { padding: 2px 16px 0 16px; padding-bottom: 40px !important; } .MyDesignVariantModal .ant-modal-body { padding-bottom: 6px !important; } .myPurchase__style---base64-8- h3{font-size:20px;color:#333333;font-weight:700}.myPurchase__style---base64-8- .formBtn__style---base64-8-{text-align:right;margin-bottom:35px;font-size:16px;padding:10px 15px;font-weight:700;border-radius:4px;border:solid 1px #f9ebe0;background-color:#fffaf6}.myPurchase__style---base64-8- .formBtn__style---base64-8- .formBtnCancel__style---base64-8-{width:112px;height:36px;background-color:#bbbbbb;color:#fff}.myPurchase__style---base64-8- .formBtn__style---base64-8- .formBtnSave__style---base64-8-{width:112px;height:36px}.myPurchase__style---base64-8- .formBtn__style---base64-8- .priceInfo__style---base64-8-{color:#ff3333;font-size:22px;margin-left:10px}.myPurchase__style---base64-8- .purchaseList__style---base64-8-{margin-bottom:30px}.myPurchase__style---base64-8- .purchaseList__style---base64-8- h4{font-size:18px}.myPurchase__style---base64-8- .tableFooter__style---base64-8- .left__style---base64-8-{color:#333333}.myPurchase__style---base64-8- .tableFooter__style---base64-8- .right__style---base64-8-{border-left:1px dotted #ccc;padding-left:20px;font-size:16px;text-align:right;padding-right:30px;color:#000000;font-weight:700}.myPurchase__style---base64-8- .tableFooter__style---base64-8- .right__style---base64-8- span{color:#ff3333;font-size:22px} .StoreList__style---base64-8- .center__style---base64-8-{margin-top:30px}.StoreList__style---base64-8- .center__style---base64-8- .topTip__style---base64-8-{width:1440px;padding-left:200px;margin:0 auto}.StoreList__style---base64-8- .center__style---base64-8- .topTip__style---base64-8- .moreTip__style---base64-8-{font-size:14px;color:#ff3333;margin-top:10px}.StoreList__style---base64-8- .center__style---base64-8- .notFound__style---base64-8-{width:1440px;margin:0 auto;text-align:center;padding:100px 0 150px}.StoreList__style---base64-8- .center__style---base64-8- .notFound__style---base64-8- .storeTip__style---base64-8-{font-size:34px;line-height:24px;color:#333333;font-style:italic;margin-top:20px;font-weight:700} .orderAuthorization__style---base64-8- h3{font-size:20px;color:#333333;font-weight:700}.orderAuthorization__style---base64-8- .storeBox__style---base64-8-{width:550px;margin:0 auto}.orderAuthorization__style---base64-8- .storeBox__style---base64-8- .topShopType__style---base64-8-{margin-bottom:20px;text-align:center}.orderAuthorization__style---base64-8- .storeBox__style---base64-8- .topShopType__style---base64-8- .btn__style---base64-8-{border-color:#fff;outline:none;font-size:20px;box-shadow:none}.orderAuthorization__style---base64-8- .storeBox__style---base64-8- .topShopType__style---base64-8- .btn__style---base64-8-:before{opacity:0}.orderAuthorization__style---base64-8- .storeBox__style---base64-8- .formBox__style---base64-8-{margin-bottom:10px}.orderAuthorization__style---base64-8- .storeBox__style---base64-8- .formBox__style---base64-8- .formList__style---base64-8-{margin-bottom:15px}.orderAuthorization__style---base64-8- .storeBox__style---base64-8- .formBox__style---base64-8- .formList__style---base64-8- .formLabel__style---base64-8-{text-align:right;padding-right:10px;line-height:30px}.orderAuthorization__style---base64-8- .storeBox__style---base64-8- .formBox__style---base64-8- .formList__style---base64-8- .formLabelTip__style---base64-8-{color:#EE3F10;font-size:18px}.orderAuthorization__style---base64-8- .storeBox__style---base64-8- .formBox__style---base64-8- .formList__style---base64-8- .formLabelTip__style---base64-8- button{width:100px}.orderAuthorization__style---base64-8- .storeBox__style---base64-8- .formBox__style---base64-8- .formList__style---base64-8- .formLabelTip__style---base64-8- .formBtn__style---base64-8-{margin-top:100px;margin-left:70px} .payOrder__style---base64-8- h3{font-size:20px;color:#333333} .tn-tmp-input-edit-save { display: flex; position: relative; transform: translate3d(0, 0, 0); } .tn-tmp-input-edit-save.on::after { opacity: 1; } .tn-tmp-input-edit-save::after { transition: all 0.3s; opacity: 0; content: ''; display: block; position: absolute; top: 0; left: 0; right: 0; height: 36px; border: 1px solid #E4E4E4; border-radius: 4px; background: #fff; z-index: -1; } .tn-tmp-input-edit-save button { border: 0; padding: 0; background: transparent; outline: none; box-shadow: none; line-height: 36px; height: 36px; } .tn-tmp-input-edit-save button:focus, .tn-tmp-input-edit-save button:hover { background: transparent; outline: none; box-shadow: none; } .tn-tmp-input-edit-save button i { font-size: 28px; } .tn-tmp-input-edit-save .ant-row { margin-bottom: 0; flex: 1; } .tn-tmp-input-edit-save .ant-row .ant-form-item-control { line-height: 36px; } .tn-tmp-input-edit-save .ant-row .ant-form-item-control .ant-input { border: 0; color: #000; font-size: 15px; background-color: transparent !important; } .tn-tmp-input-edit-save .ant-row .ant-form-item-control .ant-input:focus { box-shadow: none; } .commonResultIcon__style---base64-8-{width:500px;height:380px;margin:auto}.commonResultIconExpired__style---base64-8-{background:url(https://ut-front.thisnew.com/images/components/CommonResult/images/defaultexpire.png) center/318px no-repeat}.commonResultIconRemoved__style---base64-8-{background:url(https://ut-front.thisnew.com/images/components/CommonResult/images/defaultremoved.png) center/358px no-repeat}.commonResult__style---base64-8- div[class*='ant-result-title']{font-size:30px;color:#493a2e;line-height:1;padding-bottom:3px}.commonResult__style---base64-8- button[class*='ant-btn-primary']{background-color:#f33;box-shadow:0px 7px 13px 0px rgba(243,53,53,0.24);border-radius:12px;height:46px;width:210px;font-size:16px}.commonResult__style---base64-8- button[class*='ant-btn-primary']:hover{background-color:#ff9933}@media screen and (max-width: 768px){.commonResultIcon__style---base64-8-{width:4.6rem;height:4.6rem}.commonResultIconExpired__style---base64-8-{background-size:4.6rem}.commonResultIconRemoved__style---base64-8-{background-size:4.6rem}.commonResult__style---base64-8- div[class*='ant-result-title']{font-size:0.36rem}.commonResult__style---base64-8- button[class*='ant-btn-primary']{width:100%;height:0.76rem;font-size:0.32rem;border-radius:0.12rem}} .container__style---base64-8- .selectArea__style---base64-8-{list-style:none;display:flex;padding:0}.container__style---base64-8- .selectArea__style---base64-8- li img{width:100px;height:100px;margin-right:10px} .customizationDesignBuy__style---base64-8-{display:flex;flex:1;flex-flow:row wrap;align-items:center;justify-content:center;margin-bottom:100px}.customizationDesignBuy__style---base64-8- img{width:480px;height:480px;object-fit:contain;margin-right:40px}.customizationDesignBuyRight__style---base64-8-{margin-left:40px;width:530px}.customizationDesignBuy__style---base64-8- .selectArea__style---base64-8-,.customizationDesignBuy__style---base64-8- .quantity__style---base64-8-{display:flex}.customizationDesignBuy__style---base64-8- .selectArea__style---base64-8- .labelName__style---base64-8-,.customizationDesignBuy__style---base64-8- .quantity__style---base64-8- .labelName__style---base64-8-{white-space:nowrap;font-size:16px;color:#666;padding-right:10px;line-height:30px;width:94px;text-align:right}.customizationDesignBuy__style---base64-8- .selectArea__style---base64-8- .labelName__style---base64-8- b,.customizationDesignBuy__style---base64-8- .quantity__style---base64-8- .labelName__style---base64-8- b{color:#f33;padding-right:6px}.customizationDesignBuy__style---base64-8- .selectArea__style---base64-8- .labelName__style---base64-8- .labelSpan__style---base64-8-,.customizationDesignBuy__style---base64-8- .quantity__style---base64-8- .labelName__style---base64-8- .labelSpan__style---base64-8-{text-transform:capitalize}.customizationDesignBuy__style---base64-8- .selectArea__style---base64-8- .detailItme__style---base64-8-,.customizationDesignBuy__style---base64-8- .quantity__style---base64-8- .detailItme__style---base64-8-{height:26px;margin-top:3px;background:#f0f0f0;border-radius:13px;line-height:16px;padding:7px 12px;color:#666666}.customizationDesignBuy__style---base64-8- .selectArea__style---base64-8-{margin-top:30px}.customizationDesignBuy__style---base64-8- .selectArea__style---base64-8-:first-of-type{margin-top:0}.customizationDesignBuy__style---base64-8- .selectArea__style---base64-8- label{margin-right:20px;margin-bottom:14px;box-shadow:none;outline:none !important;text-align:center}.customizationDesignBuy__style---base64-8- .selectArea__style---base64-8- label::before{display:none !important}.customizationDesignBuy__style---base64-8- .selectArea__style---base64-8-.color__style---base64-8- label{border:0;padding:0;position:relative;background:#fff;outline:none}.customizationDesignBuy__style---base64-8- .selectArea__style---base64-8-.color__style---base64-8- label[class~='ant-radio-button-wrapper-disabled'] .colorRadio__style---base64-8-{border:1px dashed #bfbfbf}.customizationDesignBuy__style---base64-8- .selectArea__style---base64-8-.color__style---base64-8- label[class~='ant-radio-button-wrapper-disabled'] .colorRadio__style---base64-8- i{opacity:0.6}.customizationDesignBuy__style---base64-8- .selectArea__style---base64-8-.color__style---base64-8- label[class~='ant-radio-button-wrapper-disabled'] .colorRadio__style---base64-8-::after{position:absolute;display:block;content:'';width:100%;height:100%;top:50%;left:50%;transform:translate(-50%, -50%);background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABcAAAAXBAMAAAASBMmTAAAAHlBMVEUAAABnAABoAABnAABoAABoAABnAABpAABpAABlAADLvghKAAAACnRSTlMANMD5wq9CZmFEVXr+OAAAAC1JREFUGNNjQIDUAgSb0TkAwREymYCQUFZEkjASGBYSKUgSDMGOSGHSmoBgAwCN+AlsNYL2pgAAAABJRU5ErkJggg==) center/cover no-repeat}.customizationDesignBuy__style---base64-8- .selectArea__style---base64-8-.color__style---base64-8- label[class~='ant-radio-button-wrapper-checked']{box-shadow:none}.customizationDesignBuy__style---base64-8- .selectArea__style---base64-8-.color__style---base64-8- label[class~='ant-radio-button-wrapper-checked'] .colorRadio__style---base64-8-{border:2px solid #f33;padding:1px}.customizationDesignBuy__style---base64-8- .selectArea__style---base64-8-.color__style---base64-8- label[class~='ant-radio-button-wrapper-checked'] .colorRadioText__style---base64-8-{color:#f33}.customizationDesignBuy__style---base64-8- .selectArea__style---base64-8-.color__style---base64-8- .colorRadio__style---base64-8-{display:inline-block;border-radius:6px;width:26px;height:26px;border:1px solid #ccc;padding:2px;position:relative;vertical-align:middle}.customizationDesignBuy__style---base64-8- .selectArea__style---base64-8-.color__style---base64-8- .colorRadio__style---base64-8- i{display:block;width:100%;height:100%;border-radius:5px}.customizationDesignBuy__style---base64-8- .selectArea__style---base64-8-.color__style---base64-8- .colorRadioText__style---base64-8-{display:none;padding-left:0.16rem;font-size:0.32rem;color:#333;vertical-align:middle}.customizationDesignBuy__style---base64-8- .selectArea__style---base64-8-.option__style---base64-8- label{height:30px;line-height:30px;min-width:40px;background:#fff;border-radius:15px;border:solid 1px #cdcdcd;color:#333;font-size:14px}.customizationDesignBuy__style---base64-8- .selectArea__style---base64-8-.option__style---base64-8- label[class~='ant-radio-button-wrapper-disabled']{background:#fafafa;border:1px dashed #bfbfbf}.customizationDesignBuy__style---base64-8- .selectArea__style---base64-8-.option__style---base64-8- label[class*='ant-radio-button-wrapper-checked']{background:#DB5426;border:solid 1px #DB5426;color:#fff}.customizationDesignBuy__style---base64-8- div[class*='ant-radio-group']{text-align:left;margin-bottom:-14px}.customizationDesignBuy__style---base64-8- .btnBox__style---base64-8-{margin-top:30px}.customizationDesignBuy__style---base64-8- .btnBox__style---base64-8- button{height:46px;background-color:#ff3333;box-shadow:0px 7px 13px 0px rgba(243,53,53,0.24);border-radius:12px;margin-right:25px;width:148px;border-color:transparent}.customizationDesignBuy__style---base64-8- .btnBox__style---base64-8- button:hover{background-color:#ff9933;border-color:transparent}.customizationDesignBuy__style---base64-8- .btnBox__style---base64-8- button[disabled]{background-color:#ddd}.customizationDesignBuy__style---base64-8- .btnBox__style---base64-8- button:focus{background:#f33}.customizationDesignBuy__style---base64-8- .btnBox__style---base64-8- button.cancel__style---base64-8-{background:#dddddd;box-shadow:none;color:#333;width:95px}.customizationDesignBuy__style---base64-8- .btnBox__style---base64-8- button.cancel__style---base64-8-:hover{background:#333;color:#fff}.customizationDesignBuy__style---base64-8- .btnBox__style---base64-8- button.cancel__style---base64-8-[disabled]{color:rgba(0,0,0,0.25);background-color:#f5f5f5;border-color:#d9d9d9}.customizationDesignBuy__style---base64-8- .btnBox__style---base64-8- button:last-child{margin-right:0}.customizationDesignBuy__style---base64-8- .btnBox__style---base64-8- button i{font-size:24px;padding-right:2px;vertical-align:middle}.customizationDesignBuy__style---base64-8- .btnBox__style---base64-8- button span{vertical-align:middle}.customizationDesignBuy__style---base64-8- .quantity__style---base64-8-{font-size:16px;color:#666;line-height:1;text-align:center;margin-top:30px}.customizationDesignBuy__style---base64-8- .quantity__style---base64-8- a{display:inline-block;width:30px;height:30px;background:#f7f0ea;text-align:center;line-height:30px;vertical-align:middle;font-size:20px;transition:all 0.3s}.customizationDesignBuy__style---base64-8- .quantity__style---base64-8- a:first-of-type{border-radius:5px 0px 0px 5px}.customizationDesignBuy__style---base64-8- .quantity__style---base64-8- a:last-of-type{border-radius:0px 5px 5px 0px}.customizationDesignBuy__style---base64-8- .quantity__style---base64-8- a:hover{background:#DB5426;color:#fff}.customizationDesignBuy__style---base64-8- .quantity__style---base64-8- a.disable__style---base64-8-{background:#f0f0f0;color:#ccc;cursor:not-allowed}.customizationDesignBuy__style---base64-8- .quantity__style---base64-8- input{width:70px;height:30px;border:solid 1px #e8d6c8;text-align:center;color:#999;font-size:18px;box-shadow:none;outline:none;vertical-align:middle}@media screen and (max-width: 768px){.customizationDesignBuy__style---base64-8-{padding:0.24rem 0.25rem;margin-top:-0.34rem;margin-bottom:0}.customizationDesignBuy__style---base64-8- img{width:5.82rem;height:5.82rem;margin-right:0;margin-bottom:0.7rem}.customizationDesignBuyRight__style---base64-8-{margin-left:0;width:100%}.customizationDesignBuy__style---base64-8- .selectArea__style---base64-8-,.customizationDesignBuy__style---base64-8- .quantity__style---base64-8-{display:block;text-align:left}.customizationDesignBuy__style---base64-8- .selectArea__style---base64-8- .labelName__style---base64-8-,.customizationDesignBuy__style---base64-8- .quantity__style---base64-8- .labelName__style---base64-8-{text-align:left;font-size:0.2rem;display:block;line-height:1;margin-bottom:0.2rem}.customizationDesignBuy__style---base64-8- div[class*='ant-radio-group']{margin-bottom:-0.2rem}.customizationDesignBuy__style---base64-8- label[class*='ant-radio-button-wrapper']{padding:0 0.24rem;font-size:0.32rem;height:0.56rem;line-height:0.56rem;margin-bottom:0.2rem}.customizationDesignBuy__style---base64-8- .quantity__style---base64-8-{margin-top:0.3rem}.customizationDesignBuy__style---base64-8- .quantity__style---base64-8- p{margin-bottom:0}.customizationDesignBuy__style---base64-8- .quantity__style---base64-8- a{height:0.56rem;width:0.56rem}.customizationDesignBuy__style---base64-8- .quantity__style---base64-8- input{width:1.35rem;height:0.56rem;font-size:0.35rem;border-radius:0}.customizationDesignBuy__style---base64-8- .btnBox__style---base64-8-{margin-top:0.5rem;display:flex;justify-content:space-around;width:100%;margin-bottom:0.6rem}.customizationDesignBuy__style---base64-8- .btnBox__style---base64-8- button{width:3.32rem !important;height:0.76rem;line-height:0.76rem;border-radius:0.12rem;font-size:0.32rem}.customizationDesignBuy__style---base64-8- .selectArea__style---base64-8-{margin-top:0.3rem}.customizationDesignBuy__style---base64-8- .selectArea__style---base64-8-.color__style---base64-8- .colorRadio__style---base64-8-{display:inline-block;border-radius:0.06rem;width:0.46rem;height:0.46rem;border-color:#D6D6D6}.customizationDesignBuy__style---base64-8- .selectArea__style---base64-8-.color__style---base64-8- .colorRadio__style---base64-8- i{border-radius:0.06rem}.customizationDesignBuy__style---base64-8- .selectArea__style---base64-8-.color__style---base64-8- .colorRadioText__style---base64-8-{display:inline-block}.customizationDesignBuy__style---base64-8- .selectArea__style---base64-8-.option__style---base64-8- label{height:0.54rem;line-height:calc(0.54rem - 2px);min-width:0.64rem;border-radius:0.18rem;text-align:center;border-color:#cdcdcd;font-size:0.32rem}.customizationDesignBuy__style---base64-8- .selectArea__style---base64-8-.option__style---base64-8- label[class~='ant-radio-button-wrapper-disabled']{background:#fafafa;border:1px dashed #bfbfbf}.customizationDesignBuy__style---base64-8- .selectArea__style---base64-8-.option__style---base64-8- label[class*='ant-radio-button-wrapper-checked']{background:#f33 !important;border:solid 1px #f33 !important;color:#fff !important}} .tn-tmp-input-edit-save { display: flex; position: relative; transform: translate3d(0, 0, 0); } .tn-tmp-input-edit-save.on::after { opacity: 1; } .tn-tmp-input-edit-save.on .unit { display: none; } .tn-tmp-input-edit-save .unit { line-height: 36px; margin-right: -12px; } .tn-tmp-input-edit-save::after { transition: all 0.3s; opacity: 0; content: ''; display: block; position: absolute; top: 0; left: 0; right: 0; height: 36px; border: 1px solid #E4E4E4; border-radius: 4px; background: #fff; z-index: -1; } .tn-tmp-input-edit-save button { border: 0; padding: 0; background: transparent; outline: none; box-shadow: none; line-height: 36px; height: 36px; } .tn-tmp-input-edit-save button:focus, .tn-tmp-input-edit-save button:hover { background: transparent; outline: none; box-shadow: none; } .tn-tmp-input-edit-save button i.iconuser_edit { font-size: 28px; } .tn-tmp-input-edit-save .ant-row { margin-bottom: 0; flex: 1; } .tn-tmp-input-edit-save .ant-row .ant-form-item-control { line-height: 36px; } .tn-tmp-input-edit-save .ant-row .ant-form-item-control .ant-input { border: 0; color: #000; font-size: 15px; background-color: transparent !important; } .tn-tmp-input-edit-save .ant-row .ant-form-item-control .ant-input:focus { box-shadow: none; } .myDesignTable__style---base64-8- .actionSave__style---base64-8-{margin-right:30px}.myDesignTable__style---base64-8- img{width:55px;height:55px;object-fit:contain;cursor:pointer}.myDesignTable__style---base64-8- .checkDownloadList__style---base64-8-{font-size:15px;text-decoration:underline;color:#ff3333;line-height:24px;cursor:pointer}.myDesignTable__style---base64-8- button{padding:0;background:transparent;border:0;outline:none;height:36px;line-height:36px}.myDesignTable__style---base64-8- button i{font-size:22px;vertical-align:middle}.myDesignTable__style---base64-8- button.myDesignTableButtonEditDesign__style---base64-8- i{font-size:26px}.myDesignTable__style---base64-8- button.myDesignTableButtonAddToCart__style---base64-8- i{font-size:26px}.myDesignTable__style---base64-8- button.myDesignTableButtonAddToDownloadList__style---base64-8- i{font-size:23px}.myDesignTable__style---base64-8- button.myDesignTableButtonAddToStore__style---base64-8- i{font-size:21px}.myDesignTable__style---base64-8- button:hover,.myDesignTable__style---base64-8- button:focus{background:transparent}.myDesignTable__style---base64-8- th{white-space:nowrap}.myDesignTable__style---base64-8- td:nth-child(3) span{max-width:34vw;display:block}.myDesignTable__style---base64-8- td:nth-child(5){white-space:nowrap}.myDesignTable__style---base64-8- tr[class*='disabled']{position:relative;transform:translate3d(0, 0, 0)}.myDesignTable__style---base64-8- tr[class*='disabled']::after{position:absolute;content:'';display:block;width:200px;height:100%;left:0;top:0;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEMAAABACAMAAAB2gDrvAAAA21BMVEUAAACZmZmZmZmampqSkpKVlZWZmZmYmJiZmZmYmJiZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmampqampqZmZmYmJiZmZmampqZmZmYmJiZmZmbm5uampqZmZmYmJiYmJiYmJiYmJiZmZmqqqr8/Pyjo6Obm5vf39/29vaenp7o6Ojw8PC8vLyysrLU1NTOzs75+fnz8/PT09PIyMixsbGoqKj+/v719fXi4uLc3NzY2NjFxcWgoKDt7e3AwMCtra3v7+/Ly8u/v7+2traurq6lpaXj4+PneLvAAAAAJHRSTlMA9vsKBRLowqUa8t7Xz7u1rXFIPi0g452Qh35mXTUn7siWVVDbLvllAAAB+klEQVRYw6zT13LDIBRFUez03nuZlANCxUWSJbn3kv//oihxADmTGOFkP96HNcBwya89bBaWdXlOtJ3tYlmb/0A86onTApZ1+Xdi70JPvBYxr1xZlXgRBFrsB2R/R0/cSwLcFsjKBKxO8B052NATdxmi26hNmqxiSpzgq8EM6PQALFznyYQAewOi0gfGQi6GW2t64lY+BMqxzxNWBca2JaaHJsSUlZE4Ni8zzw6mJsQNZNUUoSmS+DUqZkc5iGvIFALZ8bqeeIZMIW2ItnMQV1BZtXYyR6gBsb6dJRotz6GfiOiKmBFoVRGxFPHlKZ5zEMdQcQw7ndKslyKi6xzEEVSuZ40pS9BsS+NGT6xlCfCwhrhOKw1uQhxioX7QhVdXi3abg9iCym36XR5G4BW5IydEX5ZAN3ICP3I4YEKQQvZr+RbvD1m9LybFO2JmuGEvLFnApEkVYWa4oxZcL0VkxXtiYMSNGH59hAWk+EJMjIEXW9wOaIrY8iKvxMgAqqUUcShkhVNiarieQCRhZCjkvd06tAEghIIg+t0ll5w6AYbQCP3XhSKDZQiOLeCJVdOG8f4hDO6EWDXmO2sJYTAIZZBa3oDwBqnlDTrJGxDeoJO8AeGND8IZpJY3SC1vPBDCoNa0QWp5g9TyBqnlDQhvkFreSLG9HHd3R9cBgQ20N4JNstYAAAAASUVORK5CYII=) top left/64px no-repeat}.myDesignTable__style---base64-8- tr[class*='disabled'] button:not(.myDesignTableButtonDelete__style---base64-8-){display:none} .MyDesignSystemMsg .ant-modal-footer { padding: 2px 16px 0 16px; padding-bottom: 40px !important; } .MyDesignVariantModal .ant-modal-body { padding-bottom: 6px !important; } .mydesign-list .edit-design-btn .ant-btn:disabled { background: none; } .mydesign-list .edit-design-btn .ant-btn i { font-size: 26px; } .uploadImg__style---base64-8-{margin:0 30px;position:relative;padding:15px 20px}.uploadImg__style---base64-8- .scrollBox__style---base64-8-{width:100%;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-ms-overflow-style:none}.uploadImg__style---base64-8- .scrollBox__style---base64-8-::-webkit-scrollbar{display:none}.uploadImg__style---base64-8- .scrollBox__style---base64-8->div{white-space:nowrap}.uploadImg__style---base64-8- .leftBtn__style---base64-8-{width:20px;height:20px;background:#000000;opacity:0.5;border-radius:50%;position:absolute;top:calc(50% - 10px);text-align:center;line-height:20px;color:#fff;left:-30px;z-index:99}.uploadImg__style---base64-8- .rightBtn__style---base64-8-{width:20px;height:20px;color:#fff;background:#000000;opacity:0.5;border-radius:50%;position:absolute;text-align:center;line-height:20px;top:calc(50% - 10px);right:-30px;z-index:999}.uploadImg__style---base64-8- .rightBtn__style---base64-8- i{transform:rotate(180deg);display:inline-block}.uploadImg__style---base64-8- .imgBox__style---base64-8-{width:100px;height:100px;background-color:#fff;cursor:pointer;position:relative;display:inline-block;margin-right:18px;border:1px solid #eee}.uploadImg__style---base64-8- .imgBox__style---base64-8- .overBg__style---base64-8-{width:100px;height:100px;position:absolute;display:none;top:0;background-color:rgba(0,0,0,0.6)}.uploadImg__style---base64-8- .imgBox__style---base64-8- .overBg__style---base64-8- .iconfont__style---base64-8-{color:#fff;position:absolute;font-size:25px;top:30px;left:37px}.uploadImg__style---base64-8- .imgBox__style---base64-8- img{width:100%;height:100%}.uploadImg__style---base64-8- .imgBox__style---base64-8-:hover .overBg__style---base64-8-{display:block}.uploadImg__style---base64-8-.uploadTable__style---base64-8-{background-color:transparent;width:auto}.uploadImg__style---base64-8-.uploadTable__style---base64-8- .imgBox__style---base64-8-{display:inline-block;margin-right:18px} .MyProductAddToStore__style---base64-8- .uploadImg__style---base64-8-{padding:26px 0 15px}.MyProductAddToStore__style---base64-8- .topBox__style---base64-8- h3{font-size:20px;color:#333333;font-weight:700;margin-bottom:0;padding-bottom:0}.MyProductAddToStore__style---base64-8- .OverLine__style---base64-8-{text-overflow:-o-ellipsis-lastline;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical}.MyProductAddToStore__style---base64-8- img.invaildImg__style---base64-8-{position:absolute;left:0;top:0;width:auto;height:auto;z-index:10}.MyProductAddToStore__style---base64-8- img.chartImage__style---base64-8-{width:300px;height:300px}.MyProductAddToStore__style---base64-8- .tableNoData__style---base64-8-{min-height:300px;padding-top:30px;text-align:center}.MyProductAddToStore__style---base64-8- .tableNoData__style---base64-8- i{font-size:120px;border-radius:50%;padding:10px;background-color:#0186f6;color:#fff}.MyProductAddToStore__style---base64-8- .tableNoData__style---base64-8- p{font-size:18px;line-height:20px;color:#333333;font-weight:700}.MyProductAddToStore__style---base64-8- .tableAction__style---base64-8- i{font-size:30px;cursor:pointer;color:#333;vertical-align:middle;margin-right:17px}.MyProductAddToStore__style---base64-8- .tableAction__style---base64-8- i:hover{color:#ff0000}.MyProductAddToStore__style---base64-8- .formBox__style---base64-8-{margin-bottom:20px;padding-top:30px}.MyProductAddToStore__style---base64-8- .formBox__style---base64-8- .rightBtn__style---base64-8-{text-align:center}.MyProductAddToStore__style---base64-8- .formBox__style---base64-8- .rightBtn__style---base64-8- button{width:100px;border-color:transparent}.MyProductAddToStore__style---base64-8- .formBox__style---base64-8- .rightBtn__style---base64-8- button:first-child{background-color:#ddd;color:#666666}.MyProductAddToStore__style---base64-8- .formBox__style---base64-8- .rightBtn__style---base64-8- button[disabled]{background-color:#ddd;color:#fff}.MyProductAddToStore__style---base64-8- .formBox__style---base64-8- .formTitle__style---base64-8-{background:#f9f9f9;font-size:18px;font-weight:bold;color:#dfc4b0;padding:10px 20px;margin-bottom:5px}.MyProductAddToStore__style---base64-8- .formBox__style---base64-8- .formContent__style---base64-8-{color:#ff3333;margin-left:20px;font-family:'acumin variable concept'}.MyProductAddToStore__style---base64-8- .formBox__style---base64-8- .formContent__style---base64-8- i{vertical-align:middle;font-size:28px;color:#ff3333}.MyProductAddToStore__style---base64-8- .formBox__style---base64-8- .formList__style---base64-8-{margin-bottom:15px}.MyProductAddToStore__style---base64-8- .formBox__style---base64-8- .required__style---base64-8-{color:#ff3333;margin-right:3px}.MyProductAddToStore__style---base64-8- .formBox__style---base64-8- .formLable__style---base64-8-{text-align:right;display:inline-block;line-height:32px;padding-right:10px;color:#000}.MyProductAddToStore__style---base64-8- .formBox__style---base64-8- .formSpan__style---base64-8-{line-height:33px;color:#999999}.MyProductAddToStore__style---base64-8- .formBox__style---base64-8- .priceInfo__style---base64-8-{color:#ff3333}.MyProductAddToStore__style---base64-8- .formBox__style---base64-8- .btnBox__style---base64-8-{margin-top:30px}.MyProductAddToStore__style---base64-8- .tableTxt__style---base64-8- img{width:100px;height:100px}.MyProductAddToStore__style---base64-8- .VariantTable__style---base64-8-{color:#000}.MyProductAddToStore__style---base64-8- .VariantTable__style---base64-8- .productsBox__style---base64-8- span.star__style---base64-8-{color:#ff3333}.MyProductAddToStore__style---base64-8- .VariantTable__style---base64-8- .productsBox__style---base64-8- span.priceNum__style---base64-8-{color:#ff3333}.MyProductAddToStore__style---base64-8- .VariantTable__style---base64-8- .productsBox__style---base64-8- span{color:#999;vertical-align:middle}.MyProductAddToStore__style---base64-8- .VariantTable__style---base64-8- [class~="tableTxt"]{color:#000 !important}.MyProductAddToStore__style---base64-8- .VariantTable__style---base64-8- [class~="ant-table-wrapper"]{border:none !important}.MyProductAddToStore__style---base64-8- .VariantTable__style---base64-8- .labelTxt__style---base64-8-{color:#999 !important}.MyProductAddToStore__style---base64-8- .mainProductVariant__style---base64-8-{width:355px;height:260px;display:flex;flex-direction:column;justify-content:space-between;float:left;padding:16px 20px;background-color:#f9f9f9;position:relative}.MyProductAddToStore__style---base64-8- .childProductVariant__style---base64-8-{flex:1;min-width:743px;height:260px;display:inline-block;padding:12px 12px 16px 36px;vertical-align:top}.MyProductAddToStore__style---base64-8- .mainVariantDetailBox__style---base64-8-{display:inline-block;overflow:hidden;text-overflow:ellipsis;cursor:pointer;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;width:100%;background-color:#f9f9f9;line-height:22px}.MyProductAddToStore__style---base64-8- .childVariantDetailBox__style---base64-8-{width:100%}.MyProductAddToStore__style---base64-8- .childVariantAttrBox__style---base64-8-{display:inline-block;white-space:nowrap;line-height:22px;width:20%}.MyProductAddToStore__style---base64-8- .childVariantAttrBox__style---base64-8->div:first-child{margin-bottom:22px}.MyProductAddToStore__style---base64-8- .childVariantBox__style---base64-8-{vertical-align:top;display:inline-block;overflow:hidden;text-overflow:ellipsis;cursor:pointer;-webkit-line-clamp:2;-webkit-box-orient:vertical;width:80%}.MyProductAddToStore__style---base64-8- .mainVariantImgBox__style---base64-8-{display:flex;justify-content:space-between}.MyProductAddToStore__style---base64-8- .variantsList__style---base64-8-{min-width:1098px;display:flex;padding-right:20px;border-top:1px solid #F7F6F6}.MyProductAddToStore__style---base64-8- .variantsList__style---base64-8-:nth-child(even) .mainProductVariant__style---base64-8-{background-color:#fff4eb !important}.MyProductAddToStore__style---base64-8- .variantsList__style---base64-8-:nth-child(even) .mainVariantDetailBox__style---base64-8-{background-color:#fff4eb !important}.MyProductAddToStore__style---base64-8- .variantsList__style---base64-8-:nth-child(even) .childProductVariant__style---base64-8-{background-color:#fffaf6 !important}.MyProductAddToStore__style---base64-8- .variantsList__style---base64-8-:nth-child(even) .invalid__style---base64-8-{background-color:#eaeaea !important;position:relative}.MyProductAddToStore__style---base64-8- .variantsList__style---base64-8-:nth-child(even) .invalid__style---base64-8- span{color:#999 !important}.MyProductAddToStore__style---base64-8- .variantsList__style---base64-8-:nth-child(even) .invalid__style---base64-8- button span{color:#fff !important}.MyProductAddToStore__style---base64-8- .variantsList__style---base64-8-:nth-child(even) .invalid__style---base64-8-::before{position:absolute;content:"";display:block;width:200px;height:100%;left:0;top:0;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEMAAABACAMAAAB2gDrvAAAA21BMVEUAAACZmZmZmZmampqSkpKVlZWZmZmYmJiZmZmYmJiZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmampqampqZmZmYmJiZmZmampqZmZmYmJiZmZmbm5uampqZmZmYmJiYmJiYmJiYmJiZmZmqqqr8/Pyjo6Obm5vf39/29vaenp7o6Ojw8PC8vLyysrLU1NTOzs75+fnz8/PT09PIyMixsbGoqKj+/v719fXi4uLc3NzY2NjFxcWgoKDt7e3AwMCtra3v7+/Ly8u/v7+2traurq6lpaXj4+PneLvAAAAAJHRSTlMA9vsKBRLowqUa8t7Xz7u1rXFIPi0g452Qh35mXTUn7siWVVDbLvllAAAB+klEQVRYw6zT13LDIBRFUez03nuZlANCxUWSJbn3kv//oihxADmTGOFkP96HNcBwya89bBaWdXlOtJ3tYlmb/0A86onTApZ1+Xdi70JPvBYxr1xZlXgRBFrsB2R/R0/cSwLcFsjKBKxO8B052NATdxmi26hNmqxiSpzgq8EM6PQALFznyYQAewOi0gfGQi6GW2t64lY+BMqxzxNWBca2JaaHJsSUlZE4Ni8zzw6mJsQNZNUUoSmS+DUqZkc5iGvIFALZ8bqeeIZMIW2ItnMQV1BZtXYyR6gBsb6dJRotz6GfiOiKmBFoVRGxFPHlKZ5zEMdQcQw7ndKslyKi6xzEEVSuZ40pS9BsS+NGT6xlCfCwhrhOKw1uQhxioX7QhVdXi3abg9iCym36XR5G4BW5IydEX5ZAN3ICP3I4YEKQQvZr+RbvD1m9LybFO2JmuGEvLFnApEkVYWa4oxZcL0VkxXtiYMSNGH59hAWk+EJMjIEXW9wOaIrY8iKvxMgAqqUUcShkhVNiarieQCRhZCjkvd06tAEghIIg+t0ll5w6AYbQCP3XhSKDZQiOLeCJVdOG8f4hDO6EWDXmO2sJYTAIZZBa3oDwBqnlDTrJGxDeoJO8AeGND8IZpJY3SC1vPBDCoNa0QWp5g9TyBqnlDQhvkFreSLG9HHd3R9cBgQ20N4JNstYAAAAASUVORK5CYII=) top left/64px no-repeat}.MyProductAddToStore__style---base64-8- .invalid__style---base64-8-{background-color:#eaeaea !important;position:relative}.MyProductAddToStore__style---base64-8- .invalid__style---base64-8- span{color:#999 !important}.MyProductAddToStore__style---base64-8- .invalid__style---base64-8- button span{color:#fff !important}.MyProductAddToStore__style---base64-8- .invalid__style---base64-8-::before{position:absolute;content:"";display:block;width:200px;height:100%;left:0;top:0;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEMAAABACAMAAAB2gDrvAAAA21BMVEUAAACZmZmZmZmampqSkpKVlZWZmZmYmJiZmZmYmJiZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmampqampqZmZmYmJiZmZmampqZmZmYmJiZmZmbm5uampqZmZmYmJiYmJiYmJiYmJiZmZmqqqr8/Pyjo6Obm5vf39/29vaenp7o6Ojw8PC8vLyysrLU1NTOzs75+fnz8/PT09PIyMixsbGoqKj+/v719fXi4uLc3NzY2NjFxcWgoKDt7e3AwMCtra3v7+/Ly8u/v7+2traurq6lpaXj4+PneLvAAAAAJHRSTlMA9vsKBRLowqUa8t7Xz7u1rXFIPi0g452Qh35mXTUn7siWVVDbLvllAAAB+klEQVRYw6zT13LDIBRFUez03nuZlANCxUWSJbn3kv//oihxADmTGOFkP96HNcBwya89bBaWdXlOtJ3tYlmb/0A86onTApZ1+Xdi70JPvBYxr1xZlXgRBFrsB2R/R0/cSwLcFsjKBKxO8B052NATdxmi26hNmqxiSpzgq8EM6PQALFznyYQAewOi0gfGQi6GW2t64lY+BMqxzxNWBca2JaaHJsSUlZE4Ni8zzw6mJsQNZNUUoSmS+DUqZkc5iGvIFALZ8bqeeIZMIW2ItnMQV1BZtXYyR6gBsb6dJRotz6GfiOiKmBFoVRGxFPHlKZ5zEMdQcQw7ndKslyKi6xzEEVSuZ40pS9BsS+NGT6xlCfCwhrhOKw1uQhxioX7QhVdXi3abg9iCym36XR5G4BW5IydEX5ZAN3ICP3I4YEKQQvZr+RbvD1m9LybFO2JmuGEvLFnApEkVYWa4oxZcL0VkxXtiYMSNGH59hAWk+EJMjIEXW9wOaIrY8iKvxMgAqqUUcShkhVNiarieQCRhZCjkvd06tAEghIIg+t0ll5w6AYbQCP3XhSKDZQiOLeCJVdOG8f4hDO6EWDXmO2sJYTAIZZBa3oDwBqnlDTrJGxDeoJO8AeGND8IZpJY3SC1vPBDCoNa0QWp5g9TyBqnlDQhvkFreSLG9HHd3R9cBgQ20N4JNstYAAAAASUVORK5CYII=) top left/64px no-repeat}.MyProductAddToStore__style---base64-8- .profitsBox__style---base64-8-{display:inline-block;position:relative;text-align:center;padding-right:30px} #MyProductAddToStore .ant-table-tbody > .ant-table-row-level-0 > td { padding: 12px 16px !important; } #MyProductAddToStore .ant-modal-body { min-height: 500px; padding-bottom: 10px; } #MyProductAddToStore tr:hover:not(.ant-table-expanded-row):not(.ant-table-row-selected) > td { background: #FFF4EB; } #MyProductAddToStore .ant-table-row-level-0:nth-of-type(4n+1) { background-color: #FFFAF6 !important; } #MyProductAddToStore .ant-table-expanded-row:nth-of-type(4n+2) { background-color: #FFFAF6 !important; } #MyProductAddToStore .ant-table-expanded-row:nth-of-type(4n+4) { background-color: #FFF !important; } #MyProductAddToStore .ant-row .ant-btn { margin-right: 25px; min-width: 112px; height: 36px; } #MyProductAddToStore .iconuser_edit { font-size: 30px; font-weight: 400; position: absolute; top: -9px; } #MyProductAddToStore .selectColor .ant-checkbox-group { margin: 10px 0 20px; } #MyProductAddToStore .selectColor .ant-checkbox-group .ant-checkbox-wrapper:not(:first-child)::before { width: 0px; } #MyProductAddToStore .selectColor .ant-checkbox-group label { padding: 0; background: none !important; border: 0; margin-right: 10px; } #MyProductAddToStore .selectColor .ant-checkbox-group label .ant-checkbox { display: none; } #MyProductAddToStore .selectColor .ant-checkbox-group label .Checkbox-i { display: inline-block; border-radius: 6px; width: 26px; height: 26px; border: 1px solid #ccc; padding: 2px; position: relative; vertical-align: middle; } #MyProductAddToStore .selectColor .ant-checkbox-group label .Checkbox-i i { display: block; width: 100%; height: 100%; border-radius: 5px; } #MyProductAddToStore .selectColor .ant-checkbox-group label span { padding: 0; } #MyProductAddToStore .selectColor .ant-checkbox-group label[class~='ant-checkbox-wrapper-checked'] { border: 0; box-shadow: none; } #MyProductAddToStore .selectColor .ant-checkbox-group label[class~='ant-checkbox-wrapper-checked'] .Checkbox-i { border: 2px solid #f33; padding: 1px; } #MyProductAddToStore .selectSize .ant-checkbox-group { margin: 10px 0 20px; } #MyProductAddToStore .selectSize .ant-checkbox-group .ant-checkbox-wrapper:not(:first-child)::before { width: 0px; } #MyProductAddToStore .selectSize .ant-checkbox-group label { height: 30px; line-height: 30px; margin: 0 10px 10px 0; padding: 0 15px; background: #fff; color: #333; border: solid 1px #cdcdcd; border-radius: 15px; font-size: 14px; white-space: nowrap; } #MyProductAddToStore .selectSize .ant-checkbox-group label .ant-checkbox { display: none; } #MyProductAddToStore .selectSize .ant-checkbox-group label span { padding: 0; } #MyProductAddToStore .selectSize .ant-checkbox-group label[class~='ant-checkbox-wrapper-checked'] { background: #DB5426; border: solid 1px #DB5426; color: #fff !important; } #MyProductAddToStore .selectImg .ant-checkbox-group { margin: 10px 0 0; } #MyProductAddToStore .selectImg .ant-checkbox-group .ant-checkbox-wrapper:not(:first-child)::before { width: 0px; } #MyProductAddToStore .selectImg .ant-checkbox-group label { margin: 0 16px 16px 0; padding: 0; background: none !important; border: 1px solid #eee; position: relative; } #MyProductAddToStore .selectImg .ant-checkbox-group label .ant-checkbox { position: absolute; top: 5px; right: 5px; } #MyProductAddToStore .selectImg .ant-checkbox-group label .Checkbox-img { padding: 0; } #MyProductAddToStore .selectImg .ant-checkbox-group span { margin: 0; padding: 0; } .MatchingProduct__style---base64-8- h3{font-size:20px;color:#333333;font-weight:700}.MatchingProduct__style---base64-8- .stepBox__style---base64-8-{padding:20px 0 50px;width:392px;margin:0 auto}.MatchingProduct__style---base64-8- .stepBox__style---base64-8- [class~='ant-steps-item-content'],.MatchingProduct__style---base64-8- .stepBox__style---base64-8- [class~='ant-steps-item-icon']{vertical-align:middle}.MatchingProduct__style---base64-8- .stepBox__style---base64-8- [class~='ant-steps-icon']{font-size:20px !important;top:0 !important}.MatchingProduct__style---base64-8- .stepBox__style---base64-8- [class~='ant-steps-item-title']{padding-right:20px;color:#333 !important}.MatchingProduct__style---base64-8- .stepBox__style---base64-8- [class~='ant-steps-item']{margin-right:20px}.MatchingProduct__style---base64-8- .stepBox__style---base64-8- [class~='ant-steps-item-icon']{margin-right:10px}.MatchingProduct__style---base64-8- .subTotalPrice__style---base64-8-{margin:20px 0;font-size:16px}.MatchingProduct__style---base64-8- .subTotalPrice__style---base64-8- .right__style---base64-8-{text-align:right;color:000}.MatchingProduct__style---base64-8- .subTotalPrice__style---base64-8- .tipTxt__style---base64-8-{color:#ff3333;font-size:15px}.MatchingProduct__style---base64-8- .subTotalPrice__style---base64-8- .tipTxt__style---base64-8- img{margin-right:10px}.MatchingProduct__style---base64-8- .subTotalPrice__style---base64-8- span{color:#ff3333;font-weight:700;font-size:22px}.MatchingProduct__style---base64-8- img.invaildImg__style---base64-8-{position:absolute;left:0;top:0;width:auto;height:auto;z-index:10}.MatchingProduct__style---base64-8- .formBtn__style---base64-8-{text-align:center;margin-top:30px;margin-bottom:35px;font-size:16px;padding:10px 15px;font-weight:700}.MatchingProduct__style---base64-8- .formBtn__style---base64-8- .formBtnCancel__style---base64-8-{width:112px;height:36px;background-color:#bbbbbb;color:#fff}.MatchingProduct__style---base64-8- .formBtn__style---base64-8- .formBtnSave__style---base64-8-{width:112px;height:36px}.MatchingProduct__style---base64-8- .formBtn__style---base64-8- .priceInfo__style---base64-8-{color:#ff3333;font-size:22px;margin-left:10px} .MatchingProduct { padding-bottom: 10px; } .MatchingProduct .ant-table-thead .ant-table-column-title { color: #333 !important; font-weight: bold; font-size: 16px; } .MatchingProduct .ant-table-thead > tr > th { border-bottom: none; } .MatchingProduct .ant-input-search .ant-input-affix-wrapper { border-radius: 4px; } .MatchingProduct .ant-input-search .ant-input-affix-wrapper input { border: none; } .MatchingProduct .ant-input-search input { border: 1px solid #EBEBEB; border-radius: 8px; } .MatchingProduct .ant-table-row td { border: none; } .MatchingProduct .ant-table-row:nth-child(even) { background: #FFFAF6; } .MatchingProduct .ant-table-wrapper { max-height: 600px !important; } .MatchingProduct .ant-table-wrapper .ant-table-body { max-height: 400px; } .MatchingProduct .ant-table-wrapper .ant-table-content { border: 1px solid #E4E4E4; } .MatchingProduct .ant-input-search .ant-input-affix-wrapper input { border: none; } .MatchingProduct .ant-input-suffix { font-size: 20px; } .MatchingProduct .ant-input-suffix i { color: #EC3E0F !important; } .VariantProduct__style---base64-8-{display:flex;flex:1;flex-flow:row wrap;align-items:center;padding-bottom:30px}.VariantProduct__style---base64-8- img{width:400px;height:400px;object-fit:contain;margin-right:40px}.VariantProductRight__style---base64-8-{width:510px}.VariantProduct__style---base64-8- .selectArea__style---base64-8-,.VariantProduct__style---base64-8- .quantity__style---base64-8-{display:flex}.VariantProduct__style---base64-8- .selectArea__style---base64-8- .labelName__style---base64-8-,.VariantProduct__style---base64-8- .quantity__style---base64-8- .labelName__style---base64-8-{white-space:nowrap;font-size:16px;color:#666;padding-right:10px;line-height:30px;width:94px;text-align:right}.VariantProduct__style---base64-8- .selectArea__style---base64-8- .labelName__style---base64-8- b,.VariantProduct__style---base64-8- .quantity__style---base64-8- .labelName__style---base64-8- b{color:#f33;padding-right:6px}.VariantProduct__style---base64-8- .selectArea__style---base64-8- .labelName__style---base64-8- .labelSpan__style---base64-8-,.VariantProduct__style---base64-8- .quantity__style---base64-8- .labelName__style---base64-8- .labelSpan__style---base64-8-{text-transform:capitalize}.VariantProduct__style---base64-8- .selectArea__style---base64-8- .detailItme__style---base64-8-,.VariantProduct__style---base64-8- .quantity__style---base64-8- .detailItme__style---base64-8-{height:26px;margin-top:3px;background:#f0f0f0;border-radius:13px;line-height:16px;padding:7px 12px;color:#666666}.VariantProduct__style---base64-8- .selectArea__style---base64-8-{margin-top:30px}.VariantProduct__style---base64-8- .selectArea__style---base64-8-:first-of-type{margin-top:0}.VariantProduct__style---base64-8- .selectArea__style---base64-8- label{margin-right:20px;margin-bottom:14px;box-shadow:none;outline:none !important;text-align:center}.VariantProduct__style---base64-8- .selectArea__style---base64-8- label::before{display:none !important}.VariantProduct__style---base64-8- .selectArea__style---base64-8-.color__style---base64-8- label{border:0;padding:0;position:relative;background:#fff;outline:none}.VariantProduct__style---base64-8- .selectArea__style---base64-8-.color__style---base64-8- label[class~='ant-radio-button-wrapper-disabled'] .colorRadio__style---base64-8-{border:1px dashed #bfbfbf}.VariantProduct__style---base64-8- .selectArea__style---base64-8-.color__style---base64-8- label[class~='ant-radio-button-wrapper-disabled'] .colorRadio__style---base64-8- i{opacity:0.6}.VariantProduct__style---base64-8- .selectArea__style---base64-8-.color__style---base64-8- label[class~='ant-radio-button-wrapper-disabled'] .colorRadio__style---base64-8-::after{position:absolute;display:block;content:'';width:100%;height:100%;top:50%;left:50%;transform:translate(-50%, -50%);background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABcAAAAXBAMAAAASBMmTAAAAHlBMVEUAAABnAABoAABnAABoAABoAABnAABpAABpAABlAADLvghKAAAACnRSTlMANMD5wq9CZmFEVXr+OAAAAC1JREFUGNNjQIDUAgSb0TkAwREymYCQUFZEkjASGBYSKUgSDMGOSGHSmoBgAwCN+AlsNYL2pgAAAABJRU5ErkJggg==) center/cover no-repeat}.VariantProduct__style---base64-8- .selectArea__style---base64-8-.color__style---base64-8- label[class~='ant-radio-button-wrapper-checked']{box-shadow:none}.VariantProduct__style---base64-8- .selectArea__style---base64-8-.color__style---base64-8- label[class~='ant-radio-button-wrapper-checked'] .colorRadio__style---base64-8-{border:2px solid #f33;padding:1px}.VariantProduct__style---base64-8- .selectArea__style---base64-8-.color__style---base64-8- label[class~='ant-radio-button-wrapper-checked'] .colorRadioText__style---base64-8-{color:#f33}.VariantProduct__style---base64-8- .selectArea__style---base64-8-.color__style---base64-8- .colorRadio__style---base64-8-{display:inline-block;border-radius:6px;width:26px;height:26px;border:1px solid #ccc;padding:2px;position:relative;vertical-align:middle}.VariantProduct__style---base64-8- .selectArea__style---base64-8-.color__style---base64-8- .colorRadio__style---base64-8- i{display:block;width:100%;height:100%;border-radius:5px}.VariantProduct__style---base64-8- .selectArea__style---base64-8-.color__style---base64-8- .colorRadioText__style---base64-8-{display:none;padding-left:0.16rem;font-size:0.32rem;color:#333;vertical-align:middle}.VariantProduct__style---base64-8- .selectArea__style---base64-8-.option__style---base64-8- label{height:30px;line-height:30px;min-width:40px;background:#fff;border-radius:15px;border:solid 1px #cdcdcd;color:#333;font-size:14px}.VariantProduct__style---base64-8- .selectArea__style---base64-8-.option__style---base64-8- label[class~='ant-radio-button-wrapper-disabled']{background:#fafafa;border:1px dashed #bfbfbf}.VariantProduct__style---base64-8- .selectArea__style---base64-8-.option__style---base64-8- label[class*='ant-radio-button-wrapper-checked']{background:#DB5426;border:solid 1px #DB5426;color:#fff}.VariantProduct__style---base64-8- div[class*='ant-radio-group']{text-align:left;margin-bottom:-14px}.VariantProduct__style---base64-8- .btnBox__style---base64-8-{margin-top:30px}.VariantProduct__style---base64-8- .btnBox__style---base64-8- button{height:46px;background-color:#ff3333;box-shadow:0px 7px 13px 0px rgba(243,53,53,0.24);border-radius:12px;margin-right:25px;width:148px;border-color:transparent}.VariantProduct__style---base64-8- .btnBox__style---base64-8- button:hover{background-color:#ff9933;border-color:transparent}.VariantProduct__style---base64-8- .btnBox__style---base64-8- button[disabled]{background-color:#ddd}.VariantProduct__style---base64-8- .btnBox__style---base64-8- button:focus{background:#f33}.VariantProduct__style---base64-8- .btnBox__style---base64-8- button.cancel__style---base64-8-{background:#dddddd;box-shadow:none;color:#333;width:95px}.VariantProduct__style---base64-8- .btnBox__style---base64-8- button.cancel__style---base64-8-:hover{background:#333;color:#fff}.VariantProduct__style---base64-8- .btnBox__style---base64-8- button.cancel__style---base64-8-[disabled]{color:rgba(0,0,0,0.25);background-color:#f5f5f5;border-color:#d9d9d9}.VariantProduct__style---base64-8- .btnBox__style---base64-8- button:last-child{margin-right:0}.VariantProduct__style---base64-8- .btnBox__style---base64-8- button i{font-size:24px;padding-right:2px;vertical-align:middle}.VariantProduct__style---base64-8- .btnBox__style---base64-8- button span{vertical-align:middle}.VariantProduct__style---base64-8- .quantity__style---base64-8-{font-size:16px;color:#666;line-height:1;text-align:center;margin-top:30px}.VariantProduct__style---base64-8- .quantity__style---base64-8- a{display:inline-block;width:30px;height:30px;background:#f7f0ea;text-align:center;line-height:30px;vertical-align:middle;font-size:20px;transition:all 0.3s}.VariantProduct__style---base64-8- .quantity__style---base64-8- a:first-of-type{border-radius:5px 0px 0px 5px}.VariantProduct__style---base64-8- .quantity__style---base64-8- a:last-of-type{border-radius:0px 5px 5px 0px}.VariantProduct__style---base64-8- .quantity__style---base64-8- a:hover{background:#DB5426;color:#fff}.VariantProduct__style---base64-8- .quantity__style---base64-8- a.disable__style---base64-8-{background:#f0f0f0;color:#ccc;cursor:not-allowed}.VariantProduct__style---base64-8- .quantity__style---base64-8- input{width:70px;height:30px;border:solid 1px #e8d6c8;text-align:center;color:#999;font-size:18px;box-shadow:none;outline:none;vertical-align:middle}@media screen and (max-width: 768px){.VariantProduct__style---base64-8-{padding:0.24rem 0.25rem;margin-top:-0.34rem;margin-bottom:0}.VariantProduct__style---base64-8- img{width:5.82rem;height:5.82rem;margin-right:0;margin-bottom:0.7rem}.VariantProductRight__style---base64-8-{margin-left:0;width:100%}.VariantProduct__style---base64-8- .selectArea__style---base64-8-,.VariantProduct__style---base64-8- .quantity__style---base64-8-{display:block;text-align:left}.VariantProduct__style---base64-8- .selectArea__style---base64-8- .labelName__style---base64-8-,.VariantProduct__style---base64-8- .quantity__style---base64-8- .labelName__style---base64-8-{text-align:left;font-size:0.2rem;display:block;line-height:1;margin-bottom:0.2rem}.VariantProduct__style---base64-8- div[class*='ant-radio-group']{margin-bottom:-0.2rem}.VariantProduct__style---base64-8- label[class*='ant-radio-button-wrapper']{padding:0 0.24rem;font-size:0.32rem;height:0.56rem;line-height:0.56rem;margin-bottom:0.2rem}.VariantProduct__style---base64-8- .quantity__style---base64-8-{margin-top:0.3rem}.VariantProduct__style---base64-8- .quantity__style---base64-8- p{margin-bottom:0}.VariantProduct__style---base64-8- .quantity__style---base64-8- a{height:0.56rem;width:0.56rem}.VariantProduct__style---base64-8- .quantity__style---base64-8- input{width:1.35rem;height:0.56rem;font-size:0.35rem;border-radius:0}.VariantProduct__style---base64-8- .btnBox__style---base64-8-{margin-top:0.5rem;display:flex;justify-content:space-around;width:100%;margin-bottom:0.6rem}.VariantProduct__style---base64-8- .btnBox__style---base64-8- button{width:3.32rem !important;height:0.76rem;line-height:0.76rem;border-radius:0.12rem;font-size:0.32rem}.VariantProduct__style---base64-8- .selectArea__style---base64-8-{margin-top:0.3rem}.VariantProduct__style---base64-8- .selectArea__style---base64-8-.color__style---base64-8- .colorRadio__style---base64-8-{display:inline-block;border-radius:0.06rem;width:0.46rem;height:0.46rem;border-color:#D6D6D6}.VariantProduct__style---base64-8- .selectArea__style---base64-8-.color__style---base64-8- .colorRadio__style---base64-8- i{border-radius:0.06rem}.VariantProduct__style---base64-8- .selectArea__style---base64-8-.color__style---base64-8- .colorRadioText__style---base64-8-{display:inline-block}.VariantProduct__style---base64-8- .selectArea__style---base64-8-.option__style---base64-8- label{height:0.54rem;line-height:calc(0.54rem - 2px);min-width:0.64rem;border-radius:0.18rem;text-align:center;border-color:#cdcdcd;font-size:0.32rem}.VariantProduct__style---base64-8- .selectArea__style---base64-8-.option__style---base64-8- label[class~='ant-radio-button-wrapper-disabled']{background:#fafafa;border:1px dashed #bfbfbf}.VariantProduct__style---base64-8- .selectArea__style---base64-8-.option__style---base64-8- label[class*='ant-radio-button-wrapper-checked']{background:#f33 !important;border:solid 1px #f33 !important;color:#fff !important}} .CountrySwitch__style---base64-8-{display:inline-block;position:relative}.CountrySwitch__style---base64-8- .ant-select__style---base64-8-{display:none !important}.CountrySwitch__style---base64-8- .showValueBox__style---base64-8-{position:absolute;top:0;left:0;padding:0 0 0 11px;box-sizing:border-box;height:31px;line-height:30px;text-align:left}.CountrySwitch__style---base64-8- .selectDom__style---base64-8-{border-radius:8px}.CountrySwitch__style---base64-8- .selectDom__style---base64-8- .ant-select-selection__style---base64-8-{border-radius:8px}.CountrySwitch__style---base64-8- .selectDom__style---base64-8- .ant-select-selection-selected-value__style---base64-8- span{display:none} .CountrySwitchBox { display: inline-block; } .CountrySwitchBox .ant-select-selection { border-radius: 8px; } .CountrySwitchBox .ant-select-selection-selected-value span { display: none; } .countrySwitchDropDown { width: 290px !important; } .telephoneAreaCodeSelect .ant-select-dropdown { width: 200px !important; } .telephoneAreaCodeSelect .ant-form-explain { text-indent: 0; margin-left: 150px; } .telephoneAreaCodeSelect .contryDiv { width: 140px; box-sizing: content-box; padding-right: 10px; } .telephoneAreaCodeSelect .telDiv { width: calc(100% - 150px); } .telephoneAreaCodeSelect .CountrySwitchBox { width: 100%; } .telephoneAreaCodeSelect .CountrySwitchBox > div { width: 100%; } .telephoneAreaCodeSelect .ant-select-selection { border-radius: 4px; } @media screen and (max-width: 768px) { .telephoneAreaCodeSelect .contryDiv { width: 2rem !important; padding-right: 0.1rem; } .telephoneAreaCodeSelect .ant-form-explain { text-indent: 0; margin-left: 2.1rem; } .telephoneAreaCodeSelect .telDiv { width: calc(100% - 2.1rem); } } .profileAccount__style---base64-8- [class~="ant-tabs-nav-scroll"]{position:relative}.profileAccount__style---base64-8- [class~="ant-tabs-nav-scroll"]::after{content:"";position:absolute;display:block;height:1px;background-color:#eee;bottom:0;width:100%}@media screen and (max-width: 768px){.profileAccount__style---base64-8- [class~="ant-tabs-nav-scroll"]::after{display:none}}@media screen and (max-width: 768px){.profileAccount__style---base64-8-{width:100vw;margin-left:-0.23rem}}.profileAccount__style---base64-8- [class~="ant-form-item"]{display:flex}.profileAccount__style---base64-8- [class~="ant-form-item-label"]{line-height:36px}.profileAccount__style---base64-8- [class~="ant-form-item-control"]{width:530px;line-height:36px;text-align:left}.profileAccount__style---base64-8- [class~="ant-input"]{border-color:#d9d9d9;padding:0 15px}.profileAccount__style---base64-8-.profileAccountInformation__style---base64-8- button{margin-left:110px}.profileAccount__style---base64-8-.profileAccountInformation__style---base64-8- [class~="ant-form-item-label"]{width:110px}.profileAccount__style---base64-8- [class~="ant-tabs-bar"]{margin-bottom:21px !important;width:640px;border-bottom:1px solid #eee}@media screen and (max-width: 768px){.profileAccount__style---base64-8- [class~="ant-tabs-bar"]{width:100%;border:0;background:#fff7f1;margin:0.5rem 0 !important}}@media screen and (max-width: 768px){.profileAccount__style---base64-8- [class~="ant-tabs-content"]{padding:0 0.23rem}}.profileAccount__style---base64-8- [class~="ant-tabs-tab"]{width:156px !important;text-align:center}@media screen and (max-width: 768px){.profileAccount__style---base64-8- [class~="ant-tabs-tab"]{height:0.7rem !important;line-height:0.7rem !important;background:none !important;color:#666 !important;border:0 !important;width:auto !important}}@media screen and (max-width: 768px){.profileAccount__style---base64-8- [class~="ant-tabs-tab"][class~="ant-tabs-tab-active"]{color:#DB5426 !important}}@media screen and (max-width: 768px){.profileAccount__style---base64-8- [class~="ant-tabs-nav-container"]{height:0.7rem !important}}.profileAccountPcBtn__style---base64-8-{width:100px;padding:0;height:36px;margin-top:16px;font-size:15px;border:0;box-shadow:none;text-shadow:none}.profileAccountMobileBtns__style---base64-8-{display:none}.profileAccount__style---base64-8- .telephoneAreaCodeSelect__style---base64-8- [class~="ant-select-selection-selected-value"]{width:100px}@media screen and (max-width: 768px){.profileAccount__style---base64-8- [class~="ant-form-item"]{display:block}.profileAccount__style---base64-8- [class~="ant-form-item-label"]{line-height:1;padding-bottom:0.3rem}.profileAccount__style---base64-8- [class~="ant-form-item-label"] label{color:#000}.profileAccount__style---base64-8- [class~="ant-form-item-control"]{width:100%;line-height:0.7rem}.profileAccount__style---base64-8- [class~="ant-input"]{border-color:#ccc;padding:0 0.26rem;font-size:0.3rem}.profileAccount__style---base64-8-.profileAccountInformation__style---base64-8- [class~="ant-form-item-label"]{width:auto}.profileAccountPcBtn__style---base64-8-{display:none !important}.profileAccountMobileBtns__style---base64-8-{display:flex;justify-content:space-between}.profileAccountMobileBtns__style---base64-8- button{display:block;margin:0 !important;width:3.38rem;height:0.76rem !important;font-size:0.32rem;background:#ddd;border-radius:0.12rem;border:0;color:#666}.profileAccountMobileBtns__style---base64-8- button[class~="ant-btn-primary"]{background:#f33;color:#fff;box-shadow:0rem 0.07rem 0.13rem 0rem rgba(243,53,53,0.24)}}.profileAccount__style---base64-8- .receivingEmailTip__style---base64-8-{font-size:13px;color:#f33;padding-left:110px;margin-top:-10px;margin-bottom:10px;line-height:1}@media screen and (max-width: 768px){.profileAccount__style---base64-8- .receivingEmailTip__style---base64-8-{margin-top:-14px;font-size:0.3rem;padding-left:0;line-height:1.5;margin-bottom:1rem}} .profileAccountAddressBook__style---base64-8- .linkToNewAddress__style---base64-8-{width:125px;height:36px;line-height:36px;text-align:center;color:#fff;font-size:15px;border-radius:4px;background:#ff3333;display:block;margin-bottom:20px}.profileAccountAddressBook__style---base64-8- .linkToNewAddress__style---base64-8-:hover{background:#f33}.profileAccountAddressBook__style---base64-8- .item__style---base64-8-{border:1px solid #dfdfdf;display:flex;padding:16px 20px;margin-bottom:20px}.profileAccountAddressBook__style---base64-8- [class~="ant-pagination"]{text-align:left}.profileAccountAddressBook__style---base64-8- [class~="ant-pagination-total-text"]{float:right}.profileAccountAddressBook__style---base64-8- [class~="ant-pagination-options"]{float:left}.profileAccountAddressBook__style---base64-8- ul{flex:1;list-style:none;padding:0;margin:0;font-size:14px;color:#333;line-height:30px}.profileAccountAddressBook__style---base64-8- ul span{color:#999;width:80px;display:inline-block;text-align:right}.profileAccountAddressBook__style---base64-8- .btns__style---base64-8- button{padding:0;width:34px;height:34px;line-height:34px;vertical-align:middle}.profileAccountAddressBook__style---base64-8- .btns__style---base64-8- button i{font-size:24px}.profileAccountAddressBook__style---base64-8- .mobileBtns__style---base64-8-{display:none}.profileAccountAddressBook__style---base64-8- .addressTable__style---base64-8-::-webkit-scrollbar{width:8px;height:8px}.profileAccountAddressBook__style---base64-8- .addressTable__style---base64-8-::-webkit-scrollbar-thumb{border-radius:10px;background-color:#868e96}.profileAccountAddressBook__style---base64-8- .addressTable__style---base64-8- [class~="ant-list-item"]{border:1px solid #e8e8e8;margin-bottom:20px}.profileAccountAddressBook__style---base64-8- .addressTable__style---base64-8- [class~="ant-list-item-meta-description"]{line-height:26px}.profileAccountAddressBook__style---base64-8- .addressTable__style---base64-8- .loadingContainer__style---base64-8-{position:absolute;bottom:40px;width:100%;text-align:center}.profileAccountAddressBook__style---base64-8- .addressTable__style---base64-8- .labelLeft__style---base64-8-{text-align:right}.profileAccountAddressBook__style---base64-8- .addressTable__style---base64-8- .labelRight__style---base64-8-{color:#333;padding-left:10px}@media screen and (max-width: 768px){.profileAccountAddressBook__style---base64-8- .profileAccountMobileBtns__style---base64-8-{width:7.02rem;height:1.36rem;background:#fffaf6;border:0.01rem solid #f9ebe0;border-radius:0.04rem;position:fixed;left:0;right:0;margin:0 auto;bottom:51px;z-index:98;display:flex;padding:0 0.19rem;justify-content:flex-end;align-items:center}.profileAccountAddressBook__style---base64-8- .profileAccountMobileBtns__style---base64-8-:after{content:'';display:block;clear:both}.profileAccountAddressBook__style---base64-8- .profileAccountMobileBtns__style---base64-8- button{width:3rem}.profileAccountAddressBook__style---base64-8- .addressTable__style---base64-8-{margin-top:0.3rem}.profileAccountAddressBook__style---base64-8- .addressTable__style---base64-8- [class~="ant-list-item"]{position:relative;padding-bottom:.2rem}.profileAccountAddressBook__style---base64-8- .addressTable__style---base64-8- [class~="ant-list-item"]:last-child{border:1px solid #e8e8e8}.profileAccountAddressBook__style---base64-8- .linkToNewAddress__style---base64-8-{display:none}.profileAccountAddressBook__style---base64-8- .item__style---base64-8-{flex-wrap:wrap;box-shadow:0rem 0.04rem 0.16rem 0rem rgba(30,30,30,0.22);border-radius:0.1rem;padding:0.2rem;margin-bottom:0.5rem}.profileAccountAddressBook__style---base64-8- ul{width:100%;flex:auto;font-size:0.26rem}.profileAccountAddressBook__style---base64-8- ul li span{width:auto}.profileAccountAddressBook__style---base64-8- .btns__style---base64-8-{width:100%;text-align:right;padding-right:.2rem}.profileAccountAddressBook__style---base64-8- .btns__style---base64-8- button{background:none;border:0;box-shadow:none;width:0.5rem;height:0.5rem;line-height:0.5rem}.profileAccountAddressBook__style---base64-8- .btns__style---base64-8- button i{font-size:0.5rem;color:#fff}.profileAccountAddressBook__style---base64-8- .mobileBtns__style---base64-8-{display:flex}.profileAccountAddressBook__style---base64-8- .mobileBtns__style---base64-8- button{width:3.44rem;height:0.76rem;line-height:0.76rem;font-size:0.32rem;border-radius:0.12rem}.profileAccountAddressBook__style---base64-8- .mobileBtns__style---base64-8- button:first-child{background:#dddddd;color:#666}.profileAccountAddressBook__style---base64-8- .mobileBtns__style---base64-8- button:last-child{background:#f33;color:#fff;box-shadow:0rem 0.07rem 0.13rem 0rem rgba(243,53,53,0.24)}} .profileAccountAddressEdit__style---base64-8- .backButton__style---base64-8-{margin-left:130px;margin-right:20px}.profileAccountAddressEdit__style---base64-8- [class~='ant-form-item-label']{width:130px}.profileAccountAddressEdit__style---base64-8-.loading__style---base64-8-[class~=ant-spin-spinning]{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(255,255,255,0.8);z-index:10}.profileAccountAddressEdit__style---base64-8-.loading__style---base64-8-[class~=ant-spin-spinning]::after{content:'';display:inline-block;width:0px;height:100%;background:#ccc;vertical-align:middle}.profileAccountAddressEdit__style---base64-8-.loading__style---base64-8-[class~=ant-spin-spinning] [class~=ant-spin-dot]{font-size:50px;vertical-align:middle}@media screen and (max-width: 768px){.profileAccountAddressEdit__style---base64-8-{margin-bottom:1rem}} .profileAccountCenter__style---base64-8-{margin-left:-0.24rem;margin-right:-0.24rem;padding:0 0.24rem;background:url(https://ut-front.thisnew.com/images/routes/MyProfileCenter/images/accbg-new.png) top -0.25rem center/contain no-repeat;overflow:hidden;padding-bottom:1rem;margin-bottom:-1rem}.profileAccountCenter__style---base64-8- .top__style---base64-8-{height:0.8rem;line-height:0.8rem;margin:0.5rem 0.2rem;display:flex;justify-content:space-between}.profileAccountCenter__style---base64-8- .topName__style---base64-8-{color:#fff;font-size:0.4rem;font-weight:bold}.profileAccountCenter__style---base64-8- .topLogOut__style---base64-8-{font-size:0.3rem;color:#fff;font-weight:bold}.profileAccountCenter__style---base64-8- .topLogOut__style---base64-8- i{font-size:0.4rem;vertical-align:middle;padding-right:0.06rem}.profileAccountCenter__style---base64-8- .topLink__style---base64-8-{width:2.6rem;display:block;height:0.8rem;line-height:0.8rem;color:#fff;text-align:center;background:#f33;font-size:0.36rem;border-radius:0.12rem}.profileAccountCenter__style---base64-8- .topLink__style---base64-8- i{font-size:0.5rem;vertical-align:middle;padding-right:0.1rem}.profileAccountCenter__style---base64-8- .balanceBox__style---base64-8-{width:6rem;height:2.82rem;background-repeat:no-repeat;background-size:100% auto;margin:0 auto;padding-left:0.4rem;background-image:url(https://ut-front.thisnew.com/images/routes/MyProfileCenter/images/balance-new.png)}.profileAccountCenter__style---base64-8- .balanceBox__style---base64-8- .balanceNum__style---base64-8-{font-size:0.35rem;color:#fff;text-shadow:0.04rem 0.05rem 0.04rem rgba(121,81,48,0.22);font-weight:bold;padding-top:0.7rem;line-height:0.43rem}.profileAccountCenter__style---base64-8- .balanceBox__style---base64-8- .balanceNum__style---base64-8- span{font-size:0.45rem}.profileAccountCenter__style---base64-8- .balanceBox__style---base64-8- .balanceNum__style---base64-8- strong{font-size:0.6rem}.profileAccountCenter__style---base64-8- .balanceBox__style---base64-8- .balanceNumFrozen__style---base64-8-{font-size:0.3rem;color:#fff;margin-top:0.35rem;line-height:1}.profileAccountCenter__style---base64-8- .balanceBox__style---base64-8- .balanceNumFrozen__style---base64-8- i{font-size:0.38rem;margin-right:0.14rem}.profileAccountCenter__style---base64-8- .balanceBox__style---base64-8- .balanceNumFrozen__style---base64-8- span{vertical-align:middle}.profileAccountCenter__style---base64-8- .balanceBox__style---base64-8- .Account__style---base64-8-{font-weight:700;font-size:0.5rem;color:#fff}.profileAccountCenter__style---base64-8- .warnBox__style---base64-8-{color:#cc0000;margin:0.16rem 0.64rem 0.4rem;font-size:0.3rem;font-weight:bold;line-height:1}.profileAccountCenter__style---base64-8- ul{width:5.6rem;background:#fff;box-shadow:0px 0.15rem 0.73rem 0px rgba(163,163,163,0.42);border-radius:0.36rem;padding:0.14rem 0.23rem;color:#333;margin:0 auto;list-style:none}.profileAccountCenter__style---base64-8- ul li{height:1rem;line-height:1rem;border-bottom:1px solid #909090;padding:0 0.36rem 0 0.25rem;font-size:0.26rem}.profileAccountCenter__style---base64-8- ul li a{display:flex;align-items:center;justify-content:space-between;color:#333;font-weight:bold}.profileAccountCenter__style---base64-8- ul li a span:nth-of-type(1){flex:1}.profileAccountCenter__style---base64-8- ul li i{font-size:0.4rem;padding-right:0.27rem;vertical-align:middle;font-weight:400}.profileAccountCenter__style---base64-8- ul li i:nth-of-type(2){float:right;font-style:normal;padding:0;transform:rotate(180deg);font-size:0.25rem}.profileAccountCenter__style---base64-8- ul li:last-child{border-bottom:0} .profileAccountChangePassword__style---base64-8- button{margin-left:150px}.profileAccountChangePassword__style---base64-8- [class~='ant-form-item-label']{width:150px} .orderProduct__style---base64-8- h3{font-size:20px;color:#333333;font-weight:700}.orderProduct__style---base64-8- .stepBox__style---base64-8-{padding:20px 0 50px;width:392px;margin:0 auto}.orderProduct__style---base64-8- .stepBox__style---base64-8- [class~='ant-steps-item-content'],.orderProduct__style---base64-8- .stepBox__style---base64-8- [class~='ant-steps-item-icon']{vertical-align:middle}.orderProduct__style---base64-8- .stepBox__style---base64-8- [class~='ant-steps-icon']{font-size:20px !important;top:0 !important}.orderProduct__style---base64-8- .stepBox__style---base64-8- [class~='ant-steps-item-title']{padding-right:20px;color:#333 !important}.orderProduct__style---base64-8- .stepBox__style---base64-8- [class~='ant-steps-item']{margin-right:20px}.orderProduct__style---base64-8- .stepBox__style---base64-8- [class~='ant-steps-item-icon']{margin-right:10px}.orderProduct__style---base64-8- .subTotalPrice__style---base64-8-{margin:0px;line-height:28px;font-size:16px}.orderProduct__style---base64-8- .subTotalPrice__style---base64-8- .right__style---base64-8-{text-align:right;color:000}.orderProduct__style---base64-8- .subTotalPrice__style---base64-8- .tipTxt__style---base64-8-{color:#ff3333;font-size:15px}.orderProduct__style---base64-8- .subTotalPrice__style---base64-8- .tipTxt__style---base64-8- img{margin-right:10px}.orderProduct__style---base64-8- .subTotalPrice__style---base64-8- span{color:#ff3333;font-weight:700;font-size:22px}.orderProduct__style---base64-8- img.invaildImg__style---base64-8-{position:absolute;left:0;top:0;width:auto;height:auto;z-index:10}.orderProduct__style---base64-8- .formBtn__style---base64-8-{text-align:center;margin-top:30px;margin-bottom:35px;font-size:16px;padding:10px 15px;font-weight:700}.orderProduct__style---base64-8- .formBtn__style---base64-8- .formBtnCancel__style---base64-8-{width:112px;height:36px;background-color:#bbbbbb;color:#fff}.orderProduct__style---base64-8- .formBtn__style---base64-8- .formBtnSave__style---base64-8-{width:112px;height:36px}.orderProduct__style---base64-8- .formBtn__style---base64-8- .priceInfo__style---base64-8-{color:#ff3333;font-size:22px;margin-left:10px} .orderProduct .ant-table-footer { background-color: #fff !important; } .edit_box .anticon-question-circle { display: none; } .edit_box .antradio .ant-radio-button-wrapper:not(:first-child)::before { width: 0px; } .edit_box .antradio label { padding: 0; background: none !important; border: 0; margin-right: 10px; } .edit_box .antradio label .antradio-i { display: inline-block; border-radius: 6px; width: 26px; height: 26px; border: 1px solid #ccc; padding: 2px; position: relative; vertical-align: middle; } .edit_box .antradio label .antradio-i i { display: block; width: 100%; height: 100%; border-radius: 5px; } .edit_box .antradio label[class~='ant-radio-button-wrapper-checked'] { border: 0; box-shadow: none; } .edit_box .antradio label[class~='ant-radio-button-wrapper-checked'] .antradio-i { border: 2px solid #f33; padding: 1px; } .PaymentResultBox { width: 1037px !important; } .PaymentResultBox h3 { margin-bottom: 28px; font-weight: bold; } .PaymentResultBox .ImgBox { width: 100%; text-align: center; } .PaymentResultBox .BtnGroup { text-align: center; margin-bottom: 38px; } .PaymentResultBox .WBtn:hover { background-color: #ff9933; border-color: #f93; color: #fff; } .PaymentResultBox .RBtn { width: 316px; height: 46px; background: #ff3333; border-radius: 12px; font-size: 16px; font-family: PingFang SC; font-weight: 800; color: #ffffff; margin-right: 30px; } .PaymentResultBox .RbtnShadow { box-shadow: 0px 7px 13px 0px rgba(243, 53, 53, 0.24); } .PaymentResultBox .WBtn { color: #FF3333; border-radius: 12px; width: 201px; height: 46px; font-size: 16px; font-family: PingFang SC; font-weight: 800; border: 2px solid #ff3333; box-shadow: 0px 7px 13px 0px rgba(243, 53, 53, 0.1); } .addressForm__style---base64-8-{margin-bottom:20px;text-align:center}.addressForm__style---base64-8->div{display:inline}.addressForm__style---base64-8- [class~="ant-form-explain"]{text-indent:0}.addressForm__style---base64-8- .CodeItem__style---base64-8-{width:71px;border-right:1px dotted #fac7cd;border-bottom:1px dotted #fac7cd;float:left;height:35px;line-height:35px;text-align:center}.addressForm__style---base64-8- .CodeBrn__style---base64-8-{border-right:none}.addressForm__style---base64-8- .CodeBbn__style---base64-8-{border-bottom:none}.addressForm__style---base64-8- .codeBox__style---base64-8-{width:500px;border-radius:4px;background:#fff0f2;border:1px solid #fac7cd}.addressForm__style---base64-8- .codeBox__style---base64-8-:after{content:"";display:block;clear:both}@media screen and (max-width: 768px){.addressForm__style---base64-8-{width:100%}} .addressForm .has-error .ant-input { background: #fff !important; } .OrderSystemMsg .ant-modal-header { padding: 26px; } .OrderSystemMsg .ant-modal-header .ant-modal-title { font-size: 19px !important; color: #000 !important; font-family: PingFang-SC-Medium; font-weight: normal !important; } .OrderSystemMsg .ant-modal-body { padding-bottom: 0 !important; } .OrderSystemMsg .ant-modal-footer { padding-top: 0px !important; padding-bottom: 40px !important; border-top: none; text-align: center; padding-bottom: 25px; } .OrderSystemMsg .ant-modal-footer .ant-btn:first-child { display: none; } .OrderSystemMsg .ant-modal-footer .ant-btn-primary { min-width: 112px; height: 36px; } .compoCheckout__style---base64-8- .purchaseList__style---base64-8- [class="ant-table-tbody"] tr:nth-child(even){background-color:#FFFAF6 !important}.compoCheckout__style---base64-8- .purchaseList__style---base64-8- .ant-table-footer__style---base64-8-{border-top:2px solid #f5f5f5 !important}.compoCheckout__style---base64-8- .tableFooter__style---base64-8- [class="ant-radio ant-radio-checked"] [class="ant-radio-inner"]{border-color:#ff3333 !important}.compoCheckout__style---base64-8- .tableFooter__style---base64-8- [class="ant-radio ant-radio-checked"] [class="ant-radio-inner"]:after{background-color:#ff3333 !important}.compoCheckout__style---base64-8- .customTis__style---base64-8-{padding-top:5px;color:red}.compoCheckout__style---base64-8- h3{font-size:20px;color:#333333;font-weight:700}.compoCheckout__style---base64-8- h4{font-size:18px;margin-bottom:20px;line-height:1;color:#333}.compoCheckout__style---base64-8- .formBtn__style---base64-8- .formBtnSave__style---base64-8-{font-size:20px;height:44px;border-radius:10px}.compoCheckout__style---base64-8- .deractionHerf__style---base64-8-{color:#ff3333;text-decoration:underline;font-size:15px;cursor:pointer}.compoCheckout__style---base64-8- .hotTip__style---base64-8-{padding:0 5px;line-height:20px;margin-left:10px;font-weight:bold;text-align:center;display:inline-block;height:20px;font-size:12px;color:#fff;background:#FF3333;border-radius:10px}@media screen and (max-width: 768px){.compoCheckout__style---base64-8- .hotTip__style---base64-8-{height:0.38rem;line-height:0.38rem;border-radius:0.19rem;font-size:0.22rem}}.compoCheckout__style---base64-8- .shippingInfo__style---base64-8-{margin-bottom:100px}@media screen and (max-width: 768px){.compoCheckout__style---base64-8- .shippingInfo__style---base64-8-{display:none}}.compoCheckout__style---base64-8- .shippingInfo__style---base64-8- [class~='ant-alert']{margin-top:-10px;margin-bottom:20px}.compoCheckout__style---base64-8- .shippingInfo__style---base64-8- .addressList__style---base64-8-{margin-bottom:40px;position:relative}.compoCheckout__style---base64-8- .shippingInfo__style---base64-8- .addressList__style---base64-8- .listDiv__style---base64-8-{color:#333;position:relative;padding:20px;border:solid 1px #dfdfdf;border-radius:4px}.compoCheckout__style---base64-8- .shippingInfo__style---base64-8- .addressList__style---base64-8- .listDiv__style---base64-8-.listDivError__style---base64-8-{background:#fff0f2;border:1px solid #ffb4b4}.compoCheckout__style---base64-8- .shippingInfo__style---base64-8- .addressList__style---base64-8- .listDiv__style---base64-8- [class~='ant-row']{margin-bottom:6px;line-height:24px;font-size:14px}.compoCheckout__style---base64-8- .shippingInfo__style---base64-8- .addressList__style---base64-8- .listDiv__style---base64-8- [class~='ant-row']:first-child{margin-top:-5px}.compoCheckout__style---base64-8- .shippingInfo__style---base64-8- .addressList__style---base64-8- .listDiv__style---base64-8- [class~='ant-row']:last-child{margin-bottom:-5px}.compoCheckout__style---base64-8- .shippingInfo__style---base64-8- .addressList__style---base64-8- .listDiv__style---base64-8- .txtLeft__style---base64-8-{text-align:right;color:#999999;padding-right:5px}.compoCheckout__style---base64-8- .shippingInfo__style---base64-8- .addressList__style---base64-8- .listDiv__style---base64-8- .txtEllipsis__style---base64-8-{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-block;max-width:200px;vertical-align:middle}.compoCheckout__style---base64-8- .shippingInfo__style---base64-8- .addressList__style---base64-8- .listDivOn__style---base64-8-{border:solid 2px #DB5426;background-color:#fff}.compoCheckout__style---base64-8- .shippingInfo__style---base64-8- .addressList__style---base64-8- .listDiv__style---base64-8- .checked__style---base64-8-{width:0;height:0;border-top:35px solid transparent;border-left:35px solid transparent;border-bottom:35px solid #DB5426;position:absolute;right:0;bottom:0}.compoCheckout__style---base64-8- .shippingInfo__style---base64-8- .addressList__style---base64-8- .listDiv__style---base64-8- .icon__style---base64-8-{color:#ffffff;font-size:27px;position:absolute;right:-4px;bottom:-10px}.compoCheckout__style---base64-8- .shippingInfo__style---base64-8- .addressList__style---base64-8- .selectAddress__style---base64-8-{margin-top:15px;position:absolute;right:12px;top:35px}.compoCheckout__style---base64-8- .shippingInfo__style---base64-8- .addressList__style---base64-8- .selectAddress__style---base64-8- .btn__style---base64-8-{font-size:14px;height:36px;border-radius:4px}.compoCheckout__style---base64-8- .shippingInfo__style---base64-8- .checkoutCoupon__style---base64-8-{margin-bottom:40px;display:flex;align-items:center}.compoCheckout__style---base64-8- .shippingInfo__style---base64-8- .checkoutCoupon__style---base64-8- h4{margin:0}.compoCheckout__style---base64-8- .shippingInfo__style---base64-8- .checkoutCoupon__style---base64-8- .btnCoupon__style---base64-8-{border-radius:4px;height:34px;font-size:16px;margin-left:10px;flex:1}.compoCheckout__style---base64-8- .shippingInfo__style---base64-8- .purchaseList__style---base64-8-{margin-bottom:40px}.compoCheckout__style---base64-8- .shippingInfo__style---base64-8- .purchaseList__style---base64-8- h4{font-size:18px}.compoCheckout__style---base64-8- .shippingInfo__style---base64-8- .purchaseList__style---base64-8- th{font-size:16px;white-space:nowrap;background:#f5f5f5;border-bottom:0;font-weight:bold}.compoCheckout__style---base64-8- .shippingInfo__style---base64-8- .purchaseList__style---base64-8- td{font-size:15px;color:#000;border-bottom:0}.compoCheckout__style---base64-8- .shippingInfo__style---base64-8- .purchaseList__style---base64-8- td b{color:#f33;font-weight:normal}.compoCheckout__style---base64-8- .shippingInfo__style---base64-8- .purchaseList__style---base64-8- [class~='ant-table-footer']{background:#fff}.compoCheckout__style---base64-8- .shippingInfo__style---base64-8- .purchaseList__style---base64-8- [class~='ant-table-content']{border:1px solid #e4e4e4}.compoCheckout__style---base64-8- .shippingInfo__style---base64-8- .purchaseList__style---base64-8- [class~='ant-select-selection--single']{height:36px}.compoCheckout__style---base64-8- .shippingInfo__style---base64-8- .purchaseList__style---base64-8- [class~='ant-select-selection-selected-value']{line-height:34px}.compoCheckout__style---base64-8- .shippingInfo__style---base64-8- .tableFooter__style---base64-8-{display:flex;align-items:center;justify-content:space-between}.compoCheckout__style---base64-8- .shippingInfo__style---base64-8- .tableFooter__style---base64-8- .left__style---base64-8-{color:#333333}.compoCheckout__style---base64-8- .shippingInfo__style---base64-8- .tableFooter__style---base64-8- .shippingTip__style---base64-8-{color:#ff3333;font-size:14px}.compoCheckout__style---base64-8- .shippingInfo__style---base64-8- .tableFooter__style---base64-8- .right__style---base64-8-{padding-left:20px;font-size:16px;text-align:right;padding-right:30px;color:#000000;font-weight:700}.compoCheckout__style---base64-8- .shippingInfo__style---base64-8- .tableFooter__style---base64-8- .right__style---base64-8- span{color:#ff3333;font-size:22px}.compoCheckout__style---base64-8- .shippingInfo__style---base64-8- .tableFooter__style---base64-8- .right__style---base64-8- p{margin-bottom:0}.compoCheckout__style---base64-8- .shippingInfo__style---base64-8- .tableFooter__style---base64-8- .shippingTxt__style---base64-8-{text-align:right;font-size:14px;padding-right:8px}.compoCheckout__style---base64-8- .shippingInfo__style---base64-8- .checkoutBox__style---base64-8-{margin-bottom:40px}.compoCheckout__style---base64-8- .shippingInfo__style---base64-8- .checkoutBox__style---base64-8- .shippingCount__style---base64-8-{text-decoration:line-through;color:#adadad;font-size:13px;margin-left:5px}.compoCheckout__style---base64-8- .shippingInfo__style---base64-8- .checkoutBox__style---base64-8- .tip__style---base64-8-{color:#ff4700;margin-left:10px}.compoCheckout__style---base64-8- .shippingInfo__style---base64-8- .checkoutBox__style---base64-8- .detail__style---base64-8-{font-size:16px;color:#333;margin-bottom:10px;border:solid 1px #e4e4e4}.compoCheckout__style---base64-8- .shippingInfo__style---base64-8- .checkoutBox__style---base64-8- .detailItem__style---base64-8-{line-height:20px}.compoCheckout__style---base64-8- .shippingInfo__style---base64-8- .checkoutBox__style---base64-8- .detailItem__style---base64-8-:nth-child(odd){background-color:#fffaf6}.compoCheckout__style---base64-8- .shippingInfo__style---base64-8- .checkoutBox__style---base64-8- .detail__style---base64-8- .leftTxt__style---base64-8-{padding:15px 25px;border-right:1px dashed #ccc;font-weight:bold}.compoCheckout__style---base64-8- .shippingInfo__style---base64-8- .checkoutBox__style---base64-8- .detail__style---base64-8- small{color:#16ad99}.compoCheckout__style---base64-8- .shippingInfo__style---base64-8- .checkoutBox__style---base64-8- .detail__style---base64-8- .rightTxt__style---base64-8-{padding:15px 25px}.compoCheckout__style---base64-8- .shippingInfo__style---base64-8- .checkoutBox__style---base64-8- .detail__style---base64-8- .price__style---base64-8-{font-size:22px;color:#ff3333;font-weight:700}.compoCheckout__style---base64-8- .tableProductInfo__style---base64-8-{display:flex;align-items:center}.compoCheckout__style---base64-8- .tableProductInfo__style---base64-8- img{width:55px;height:55px;object-fit:contain}.compoCheckout__style---base64-8- .tableProductInfo__style---base64-8- a,.compoCheckout__style---base64-8- .tableProductInfo__style---base64-8- small{line-height:24px;font-size:15px}.compoCheckout__style---base64-8- .tableProductInfo__style---base64-8- a{color:#000}.compoCheckout__style---base64-8- .tableProductInfo__style---base64-8- small{color:#999}.compoCheckout__style---base64-8- .tableProductQuantity__style---base64-8-{text-align:center}.compoCheckout__style---base64-8- .tableProductTotalInfo__style---base64-8-{width:auto}.compoCheckout__style---base64-8- .tableProductTotalInfo__style---base64-8- tr:first-child td:last-child{color:#f33}.compoCheckout__style---base64-8- .tableProductTotalInfo__style---base64-8- td{font-size:16px;line-height:30px;font-weight:bold}.compoCheckout__style---base64-8- .topBtn__style---base64-8-{margin-bottom:20px}.compoCheckout__style---base64-8- .remarks__style---base64-8-{margin-bottom:26px}.compoCheckout__style---base64-8- .remarks__style---base64-8- textarea{background-color:#ffffff;border-radius:4px;height:100px;font-size:14px;width:100%;border:1px solid #dfdfdf;resize:none;outline:none;transition:all 0.3s;padding:12px 14px}.compoCheckout__style---base64-8- .remarks__style---base64-8- textarea:hover,.compoCheckout__style---base64-8- .remarks__style---base64-8- textarea:focus{border-color:#d1b49b;box-shadow:0 0 0 2px rgba(196,150,114,0.2)}.compoCheckout__style---base64-8- .mobileShippingInfo__style---base64-8-{display:none;margin-bottom:1.6rem;padding:0.34rem 0.24rem;background:#fff;margin-top:-0.34rem}@media screen and (max-width: 768px){.compoCheckout__style---base64-8- .mobileShippingInfo__style---base64-8-{display:block}}.compoCheckout__style---base64-8- .mobileShippingInfo__style---base64-8- .mobileItem__style---base64-8-{background:#fff;box-shadow:0 0.04rem 0.16rem 0 rgba(30,30,30,0.22);border-radius:0.1rem;margin-bottom:0.6rem}.compoCheckout__style---base64-8- .mobileShippingInfo__style---base64-8- .mobileItem__style---base64-8- .ErrorTip__style---base64-8-{background:#ffe6e6}.compoCheckout__style---base64-8- .mobileShippingInfo__style---base64-8- .mobileItem__style---base64-8- .ErrorTip__style---base64-8- h4{background-color:#ff3333;color:#fff}.compoCheckout__style---base64-8- .mobileShippingInfo__style---base64-8- .mobileItem__style---base64-8- .ErrorTip__style---base64-8- h4 i{color:#fff}.compoCheckout__style---base64-8- .mobileShippingInfo__style---base64-8- .mobileItem__style---base64-8- h4{background-color:#f3f3f3;height:0.8rem;line-height:0.8rem;padding-left:0.2rem;font-size:0.32rem;border-top-left-radius:.1rem;border-top-right-radius:.1rem;font-weight:normal;margin:0}.compoCheckout__style---base64-8- .mobileShippingInfo__style---base64-8- .mobileItem__style---base64-8- h4 i{vertical-align:middle;margin-left:0.2rem;color:#ccc}.compoCheckout__style---base64-8- .mobileShippingInfo__style---base64-8- .mobileItem__style---base64-8- [class~='ant-alert']{border:0}.compoCheckout__style---base64-8- .mobileShippingInfo__style---base64-8- .mobileItem__style---base64-8- .btn__style---base64-8-{margin:.1rem 0 0 0.2rem;width:2rem;height:0.56rem;padding:0;font-size:0.26rem}.compoCheckout__style---base64-8- .mobileShippingInfo__style---base64-8- .mobileShippingAddress__style---base64-8-{padding:0.36rem 0.35rem 0.4rem;margin-bottom:0}.compoCheckout__style---base64-8- .mobileShippingInfo__style---base64-8- .mobileShippingAddress__style---base64-8- p{margin:0}.compoCheckout__style---base64-8- .mobileShippingInfo__style---base64-8- .mobileShippingAddress__style---base64-8- p:first-child{width:1.5rem;text-align:right;color:#999}.compoCheckout__style---base64-8- .mobileShippingInfo__style---base64-8- .mobileShippingAddress__style---base64-8- p:last-child{flex:1;color:#333}.compoCheckout__style---base64-8- .mobileShippingInfo__style---base64-8- .mobileShippingAddress__style---base64-8- li{line-height:0.36rem;margin-bottom:0.13rem;font-size:0.26rem;display:flex}.compoCheckout__style---base64-8- .mobileShippingInfo__style---base64-8- .mobileShippingAddress__style---base64-8- li:last-child{margin-bottom:0}.compoCheckout__style---base64-8- .mobileShippingInfo__style---base64-8- .mobileProductItem__style---base64-8-{padding:0.4rem 0;margin:0 0.2rem;display:flex;align-items:center;border-bottom:1px solid #e5e5e5}.compoCheckout__style---base64-8- .mobileShippingInfo__style---base64-8- .mobileProductItem__style---base64-8- img{width:1.5rem;height:1.5rem;border:1px solid #ececec;margin-right:0.27rem}.compoCheckout__style---base64-8- .mobileShippingInfo__style---base64-8- .mobileProductItem__style---base64-8- ul{padding:0;margin:0;list-style:none;font-size:0.26rem;flex:1}.compoCheckout__style---base64-8- .mobileShippingInfo__style---base64-8- .mobileProductItem__style---base64-8- ul a{color:#000;line-height:0.36rem}.compoCheckout__style---base64-8- .mobileShippingInfo__style---base64-8- .mobileProductItem__style---base64-8- ul li{line-height:1}.compoCheckout__style---base64-8- .mobileShippingInfo__style---base64-8- .mobileProductItem__style---base64-8- ul li:first-child{margin-top:-0.05rem;line-height:0.36rem}.compoCheckout__style---base64-8- .mobileShippingInfo__style---base64-8- .mobileProductItem__style---base64-8- ul li:nth-child(2){margin:0.1rem 0 0.2rem;display:flex}.compoCheckout__style---base64-8- .mobileShippingInfo__style---base64-8- .mobileProductItem__style---base64-8- ul li:nth-child(2)>div{flex:1}.compoCheckout__style---base64-8- .mobileShippingInfo__style---base64-8- .mobileProductItem__style---base64-8- ul li:nth-child(3){color:#f33;font-size:0.3rem}.compoCheckout__style---base64-8- .mobileShippingInfo__style---base64-8- .mobileProductItem__style---base64-8- ul li:nth-child(3) b{font-weight:normal;font-size:0.38rem}.compoCheckout__style---base64-8- .mobileShippingInfo__style---base64-8- .mobileShippingMethods__style---base64-8-{margin:0 0.2rem;border-bottom:1px solid #ececec;padding:0.4rem 0;display:flex;align-items:center}.compoCheckout__style---base64-8- .mobileShippingInfo__style---base64-8- .mobileShippingMethods__style---base64-8- .shippingTxt__style---base64-8-{font-size:0.26rem;color:#000;white-space:nowrap;margin-right:14px}.compoCheckout__style---base64-8- .mobileShippingInfo__style---base64-8- .mobileProductTotalInfo__style---base64-8-{overflow:hidden;padding:0.4rem 0.2rem}.compoCheckout__style---base64-8- .mobileShippingInfo__style---base64-8- .mobileProductTotalInfo__style---base64-8- table{float:right}.compoCheckout__style---base64-8- .mobileShippingInfo__style---base64-8- .mobileProductTotalInfo__style---base64-8- table tr:first-child td{padding-bottom:0.2rem}.compoCheckout__style---base64-8- .mobileShippingInfo__style---base64-8- .mobileProductTotalInfo__style---base64-8- table tr:first-child td:last-child{color:#f33;font-size:0.38rem}.compoCheckout__style---base64-8- .mobileShippingInfo__style---base64-8- .mobileProductTotalInfo__style---base64-8- table td{font-size:0.24rem;color:#000;line-height:1;vertical-align:text-bottom}.compoCheckout__style---base64-8- .mobileShippingInfo__style---base64-8- .mobileProductTotalInfo__style---base64-8- table td:first-child{text-align:right}.compoCheckout__style---base64-8- .mobileShippingInfo__style---base64-8- .mobileProductTotalInfo__style---base64-8- table td:last-child{font-size:0.3rem}.compoCheckout__style---base64-8- .mobileShippingInfo__style---base64-8- .mobileCouponInput__style---base64-8-{padding:0.4rem 0.2rem;color:#000;font-size:0.26rem}.compoCheckout__style---base64-8- .mobileShippingInfo__style---base64-8- .mobileCouponInput__style---base64-8- button{width:3.77rem;height:0.56rem;padding:0;border-radius:0.1rem;margin-left:0.22rem}.compoCheckout__style---base64-8- .mobileShippingInfo__style---base64-8- .mobileDetailItem__style---base64-8-{height:0.64rem;line-height:0.64rem;padding:0 0.4rem;font-size:0.24rem}.compoCheckout__style---base64-8- .mobileShippingInfo__style---base64-8- .mobileDetailItem__style---base64-8- [class~='ant-col']:first-child{font-weight:bold;color:#333}.compoCheckout__style---base64-8- .mobileShippingInfo__style---base64-8- .mobileDetailItem__style---base64-8- [class~='ant-col']:last-child{text-align:right}.compoCheckout__style---base64-8- .mobileShippingInfo__style---base64-8- .mobileDetailItem__style---base64-8-:nth-child(even){background-color:#fffaf6}.compoCheckout__style---base64-8- .mobileShippingInfo__style---base64-8- .mobileDetailItem__style---base64-8- small{color:#16ad99}.compoCheckout__style---base64-8- .mobileShippingInfo__style---base64-8- .mobileDetailItem__style---base64-8- .shippingCount__style---base64-8-{text-decoration:line-through;color:#adadad;font-size:12px;margin-left:5px}.compoCheckout__style---base64-8- .mobileShippingInfo__style---base64-8- .mobileRemarks__style---base64-8-{padding:0 0.2rem}.compoCheckout__style---base64-8- .mobileShippingInfo__style---base64-8- .mobileSubmitArea__style---base64-8-{position:fixed;bottom:0.9rem;left:0.24rem;right:0.24rem;background:#fff;background:#fffaf6;border:1px solid #f9ebe0;border-radius:0.1rem;padding:0.2rem}.compoCheckout__style---base64-8- .mobileShippingInfo__style---base64-8- .mobileSubmitAreaBox__style---base64-8-{justify-content:space-between;align-items:center;display:flex;list-style:none;padding:0;margin-bottom:0.1rem}.compoCheckout__style---base64-8- .mobileShippingInfo__style---base64-8- .mobileSubmitAreaBox__style---base64-8- li:first-child{font-size:0.3rem;color:#000}.compoCheckout__style---base64-8- .mobileShippingInfo__style---base64-8- .mobileSubmitAreaBox__style---base64-8- li:first-child b{font-size:0.4rem;color:#f33}.compoCheckout__style---base64-8- .mobileShippingInfo__style---base64-8- .mobileSubmitAreaBox__style---base64-8- li:last-child{font-size:0.24rem;color:#000}.compoCheckout__style---base64-8- .mobileShippingInfo__style---base64-8- .mobileSubmitAreaBox__style---base64-8- li:last-child b{font-weight:normal}.compoCheckout__style---base64-8- .mobileShippingInfo__style---base64-8- .mobileSubmitArea__style---base64-8- .formBtnSavePay__style---base64-8-{width:3.5rem;height:0.76rem;padding:0 !important;font-size:0.3rem;border-radius:0.1rem;box-shadow:0px 3px 6px 0px rgba(3,3,3,0.24)}.compoCheckout__style---base64-8- .mobileShippingInfo__style---base64-8- .mobileSubmitArea__style---base64-8- .formBtnSave__style---base64-8-{width:2.6rem;height:0.76rem;padding:0 !important;font-size:0.3rem;border-radius:0.1rem;box-shadow:0px 3px 6px 0px rgba(3,3,3,0.24)}.selectAddressModal__style---base64-8-{width:900px !important}.selectAddressModal__style---base64-8- [class~="ant-modal-header"]{border-bottom:none;padding-bottom:0}.selectAddressModal__style---base64-8- [class~="ant-modal-body"]{padding-top:16px}.selectAddressModal__style---base64-8- .topBtn__style---base64-8-{margin-bottom:20px}.selectAddressModal__style---base64-8- .tableNoData__style---base64-8-{min-height:300px;padding-top:30px;text-align:center;background:url(https://ut-front.thisnew.com/images/.assets/images/defaultremoved.png) center no-repeat}.selectAddressModal__style---base64-8- .addressTableBtns__style---base64-8-{padding-right:15px;margin-top:-40px}.selectAddressModal__style---base64-8- .addressTableBtns__style---base64-8- button{width:34px;height:34px;line-height:34px;border-radius:6px;padding:0;vertical-align:middle}.selectAddressModal__style---base64-8- .addressTableBtns__style---base64-8- button i{font-size:24px}.selectAddressModal__style---base64-8- .addressTableBtns__style---base64-8- button:first-child{margin-right:16px}.selectAddressModal__style---base64-8- .addressTable__style---base64-8-{max-height:300px;overflow:auto}.selectAddressModal__style---base64-8- .addressTable__style---base64-8-::-webkit-scrollbar{width:8px;height:8px}.selectAddressModal__style---base64-8- .addressTable__style---base64-8-::-webkit-scrollbar-thumb{border-radius:10px;background-color:#868e96}.selectAddressModal__style---base64-8- .addressTable__style---base64-8- [class~="ant-list-item"]{border:1px solid #e8e8e8;margin-bottom:20px}.selectAddressModal__style---base64-8- .addressTable__style---base64-8- [class~="ant-list-item-meta-description"]{line-height:26px}.selectAddressModal__style---base64-8- .addressTable__style---base64-8- .loadingContainer__style---base64-8-{position:absolute;bottom:40px;width:100%;text-align:center}.selectAddressModal__style---base64-8- .addressTable__style---base64-8- .labelLeft__style---base64-8-{text-align:right}.selectAddressModal__style---base64-8- .addressTable__style---base64-8- .labelRight__style---base64-8-{color:#333;padding-left:10px}@media screen and (max-width: 768px){.selectAddressModal__style---base64-8-{height:100%}.selectAddressModal__style---base64-8- [class~='ant-modal-content']{position:absolute;height:calc(100% - 1.8rem);bottom:0;border-radius:0;display:flex;flex-direction:column}.selectAddressModal__style---base64-8- [class~='ant-modal-body']{height:calc(100% - 0.5rem);padding:0.1rem 0.24rem 0.3rem}.selectAddressModal__style---base64-8- [class~='ant-table-thead'] th{padding:0.16rem}.selectAddressModal__style---base64-8- [class~='ant-table-body'] td{padding:0.16rem}.selectAddressModal__style---base64-8- [class~='ant-modal-header']{border-bottom:0}.selectAddressModal__style---base64-8- .addressTable__style---base64-8-{max-height:none;height:calc(100% - 2rem)}}@media only screen and (max-width: 768px) and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3){.selectAddressModal__style---base64-8- .addressTable__style---base64-8-{max-height:11.8rem}}@media only screen and (max-width: 768px) and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 3){.selectAddressModal__style---base64-8- .addressTable__style---base64-8-{max-height:12.2rem}}@media only screen and (max-width: 768px) and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 2){.selectAddressModal__style---base64-8- .addressTable__style---base64-8-{max-height:12.2rem}}@media screen and (max-width: 768px){.selectAddressModal__style---base64-8- .addressTable__style---base64-8- [class~="ant-list-item"]{position:relative;padding-bottom:.9rem}.selectAddressModal__style---base64-8- .addressTable__style---base64-8- .addressTableBtns__style---base64-8-{position:absolute;bottom:.2rem;right:.2rem;padding-right:0}.selectAddressModal__style---base64-8- .addressTable__style---base64-8- .addressTableBtns__style---base64-8- button{background-color:#fff;border-color:#fff;text-shadow:none;box-shadow:none}.selectAddressModal__style---base64-8- .addressTable__style---base64-8- .addressTableBtns__style---base64-8- button i{color:#333;font-size:30px}.selectAddressModal__style---base64-8- .addressTable__style---base64-8- .addressTableBtns__style---base64-8- button i[class~="iconuser_edit"]{font-size:38px}}.voucherModal__style---base64-8- [class~='ant-modal-header']{padding:16px 30px 20px}.voucherModal__style---base64-8- [class~='ant-modal-body']{padding:0 10px 24px}.voucherModalContainer__style---base64-8-{overflow:auto;height:435px;padding:0 20px}.voucherModalContainer__style---base64-8-::-webkit-scrollbar{width:6px}.voucherModalContainer__style---base64-8-::-webkit-scrollbar-thumb{width:6px;background:rgba(51,51,51,0.3);border-radius:3px}.voucherModalItem__style---base64-8-{width:320px;height:125px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAUIAAAB/CAMAAACt4DtpAAABBVBMVEXx4tkAAADx4dbx4tf/5ub/8Mrw4NX88O/x5Njv3tT47eXz5tv15dnx49jy5dr69fH47+jy49jw4dXv4NT16uH37ubx49jw3tHu39Pv4tfy5Nbs38/37OTx5Nnx49bv28316N/w49jw4NTw4dPs2sziybXw5Nj//fv48er//vz//fr++/j////48On48uz///3+/Pr58+39+vf69fD//v78+fb58On37+j79/P79vD89/L7+PX69O39+PT69O/68uv++vb27ub79vL17OTz6eD06uL++fXy593dwarv4NPx5drt3M/jzLniybXbvqbw49ffxa/Uspbo1cXn0sHXuJ3q2Mn48ex+Chs8AAAAJ3RSTlP3APf3AQJ1B+Ew8OUQ9Nn69beVe+jrvFpDNiIa9dfSKfWdXkTh3Z6VdZQ0AAALaklEQVR42uzTQQ6CMBCF4ZmIhTZQAoaFG7YwpckY0z3e/1SaeAEpi7p43xH+vEfMXHFtzdB0BD/r/GBszRUzE3+0xk/9K8ABz37ypuVvwqsdnUZVgQM0RnWjvTJTxfd5VZEFDhLRdb5zRdyOe0TALBr3sWWqb050gSwq7laT9ZoWyJTUWzION84ncTI09LhxvqD9QM2GEZ6Qtoa6IGGBXCl0RAErPEHCBQnPSUh4lj6QEEc+CAn/DxIiYXlIiITlISESloeESFgeEiJheUiIhOUhIRKWh4RI+Gbf3lIbhqEgDC9HI4k5lRQM8S2GPnT/S2qhpW2aOJbyIijz78Afg0EC9U+EIuyfCEXYPxGKsH8iFGH/RCjC/onwM+9dijEGET4PWEbbNsvnJMJn/LwbFnxlcxBhax+AGd8RkwgbJxjWBeRvwyLChv25NGXiOp5EWP8PjK+Gm4giwrp8PG0k7jSKsGaBaRixExFFeAgYhoz9OIrwCHDOeBRRRPjwi1fDUZMI9/IuThtIHGRJhDsn4Xg21MRVhHcBy8VQFy2J8LZyQUOzCP8ucF7QVBbhlZ97y2iLGET4c5UQVgPRGJdalZf/TujCZCDRGlG8nnS/t3clbG3bYDhsEM6uB10P2q67dcuSj/qIjziBAOEqlPX//5RJMsEBA4kT9izu9j6PIFY+vZLf59MtO9oDSZjBGRH//2IBhJSAcA7Y/20JkRkGwrkQov90W4hAN9YN2jzgBE0tofjGXvWDkEgknB8hmkJDbIknrRZwv6H3PyIERMDhI4BN5YaIilbrZ2xRy/1GRESIRBw+CvwphteWa1Hcav3yw+bLZ9j6FjRUAoYcPhZCMvnlhfjZy7U/W1s762+2P7wnFDQbCAEvhY8Fxj08sQ6T9x+2f1vfai0prO5sbyaNfpdmbQHnnyS7g83tnVWlXmt5ZWVZifjrWtRcP9RbcjEsUX9OV3/tnyZrvyoBl1eWW0saK0srrze7TfVDBBJ5S7M4cuAcSPFEBbubr5VqWjwjoXlHfXujiX0KQqg6ikkHGNgc1kDdPTxk/dw2r6cvJVR6vnvVPDfUw8BE3qq20sP6C8dUaDZDxWbxxHzdwat3SrNSQoPV9jMLAYxBGcy/8YCF+TeNlRi3mGw1OccqVzEMZDnTozjIdNAfuUD668D3VdRXKVPJGfR9v7BiZRj/aDhUYIqHRQ/fI8aIPmsbAUsJTVV+8yNFgJoAkAlI2YLy0sUqCrjjVhauWBUJ3QoXuGFljXGBSo6l1YirSq8+ijByfJ44THqSOQMOwwTyMPQsYxVK2xLCogJQZNt26sfaystYGEEYhDCLVMJAsjiAMAwgj0ImFVeaxIIWpUf3lYtaL39Tit2ScGVp/fdDQfN9Afp9RPYk7eza1NlDiPVdssdoZz+lzjCgcmhTf1dZ5cbKU1bBrnC/9tG11ZlHv54RxQU0l33NBZCvuXyrsOpQfma7BZeySo1VT1lBlajPaKCsUsMlCq7cvebquyDfd9jhMMwPd8P+UR7uHsF4eCjjs6OI7KY0GGou1/2aU7sPFRe0d//Kg/0j6QwPYzkcOvBsN/TP/LB/Fst9fblfcF3k1D8kbq7KtWfKVSqRW7a6x96wRzfXlWIVCXf+uHToxWlAjk+E8/mI+gc5HR4E9K8TEpx8cdnpEd293KWHl5xeHATi+PjKqk93D3raqnPyhRqrc2V1LhVXhyirVFud9g3XxWfD5Sur/fNrLm01ynHf5CiUFfUN194Vl6esgObKjVWvd3wg/YOTaP/yCzk8P8R/ne8lx5dMfv4subHylVVHc/UUV356SIfK6uI87x5fZsoqzA++2PunQ3J0ysLjgzg/OFZcF4rrzOT45TSwT0zpVWKtRMdSXI7i6p8O6drOXRJ+3MQAkQ5AngodG4EesYAjLBIIZAcqygMgIJYIgIrSVgh0PCR6OspYuSqh63kIKSuVWEcZrmCMq6esDBcCxkpccRVRPdsSRUJLR41zdcRVuVwVBTp7vvT7MPZzGOf9TPb9mPehjpL5HkxM6W1XGHrDZSl6S3fdfSaZtsqh7Oec932Z7bGYmcSKK8/kHhuVyy3KZV2Xqyeo5goE3fyoFKu2hS8pApau8jpYpgXQwRo1RWVUaYWBiQLYHY8qrcqEJiiuCn0ZBQqrm1yWpi9zpAhZHuQOhFKFOIbQkTBTQTqZjmKZ441yrBbVgXE2lpBBhyuu6yiuuWIprBtFxRUuSl++UYrd3SODO3q/elFgQtTM9KN5iHPHIIWNghKFPMQVMTgJjCUTymV6ZD23a964ECFkFwLej94EDgdOhgMmweoW48KGzU6KR2zgwwjuTFcCCTnNon/t2cny8tKymiMv9E9OKB3sGE5CAm6CdG2Cb9CIFE5GCCbBJZuvl7Vw5UrN67VFXu1CCOFEzrDAknDIeTooiUgKpwAfTK7Kg7XXYys1q+/aC71eaE73Tp7oshSXSa4U4yaRQ2opCBm3J/thd7P9zqwXbu18fNN+9R4vrILmERtec/sciSvRwitJBobJlnBKjGuI0D37n+9ftd983Cr2TroL+/tPCAHSm/JcTIhLBWNZXNgjt0qUgh6HU4OHRBMpPNCnELV38kurZVFrYXfwEEDEqb/Kh4iEMCluPhxJkmhfrgPueLYQxE6c8P5fwqOo1WqJhd1HRgh0U1hi2pYQ4VRdyuLSu1YkhbXBFUzL+NA+8iIfCEEk5bPsd6CoHOAgkP6TJxvwgp+pIRLWQNYdpRNFurhwwwGcGywjjTyWhHAM62B0m6VoCTJuGD+ChmEjJQQRrIVyVpbAAml5Of8BmyaetRZyXgmhV3rzvIiaKKENDeq3hWUn7OBS0jnBcQMlDOrepFfphrg35s9MwfydrSpH/wEJy3UuHI50CgEqBjnmOst04FqQGTpl3DwJaw9GHFy6YaGRn5HiOk2dqOPZRMG2B1HKYX0kqHESkqymn0hSph2JFBWyYoxvckdxbTeUADVNQpzCmvBQmZgkQRRFiYfvY09qe2KncV6IvNo1GZSoeF4FJK7rhrhpEgIQM1gL3K63CuTUPbbZPAk9Vr9DqQPs1KNPmyehkPWHhrVAamZgN05C0KnrhpI8XHc15hh7Os2TsLYbQmk/yCcEnisDu3ESgqT2dIxH4p6deDt00jhOww4pZaw7fQ7vfh4ZLLCEgsPakBG55XqjxQd2pXIPz9oaZqRxD9OiiMH64GE0uJ7MhVza5UmQSs9ds1PuNU5CQDIGZwHnmcaN6pfcdW4kyeotvYpGrVobRAzOj6obghEIn+9xCiOhWGgJBXwEhLeHMJzM2toO7pDwyeIeBTFwHm/ng/BqTcZyXgmftNa6C+2FczzFVO0FwmqHguV803CLrLWeP13sY4X4UdxQGC6SzSuhFLe34p8+b7U36IK7YWWZfvadD2dE1ZtRwqByIGSj3Vr/wXIX+v0WOGaP1hralbZQ8Hrvoao8GP/Demt1ewMtdlX2GJtROFZpDdPbO+teNj2dz8ltBd2N7dXW0taLbKGrcrGV7jOFuq4nyxRX/tPlTGsRjbhRNK2EPquuYbg0e7Glzlovvf3pK3WViFgB4HthKtW/AICi3C+2gH3fZzV8xvagP7qCHV16JKSvIIn6XA63pyHzmV7AGClh/iCXsp/eLumz1itvX2wgc07TUkB3QX9NFSxkUTQHLMNRAyZfEAY20eiEkk8LmSBKRWnvuIaLSC476purG7LldGRpIJC2NwKpP66rLzZevF25emhiq/3hx6emlF1yP7rdLvkX0B2M5RvxT58+McY+3Qf4yfgqY7FK1vXiwpQxH0bmFjzOUv1NcTsDabggvJev+D5Lxm/dlMd++uOH9pZWr1U8t7Pefr725LuFx/dTY2RfjZmFsVqSJ2vP2+vFwzt/AzurUH2ttr9sAAAAAElFTkSuQmCC) center/cover no-repeat;margin-top:30px;position:relative;cursor:pointer}.voucherModalItem__style---base64-8-:nth-child(1),.voucherModalItem__style---base64-8-:nth-child(2){margin-top:15px}.voucherModalItem__style---base64-8-:nth-child(odd){float:left}.voucherModalItem__style---base64-8-:nth-child(even){float:right}.voucherModalItem__style---base64-8-.timeLess__style---base64-8-::after{display:block;content:'';width:38px;height:38px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADQAAAA0CAMAAADypuvZAAABEVBMVEUAAAD/NTX/ODj/Njb/NTX/Njb/QkL/NDT/MzP/Nzf/MTH/Ojr/Nzf/MzP/MzP/NTX/OTn/MzP/MzP/MzP/NDT/Nzf/MzP/MzP/NDT/MzP/NDT/MzP/MzP/NDT/NDT/NDT/NDT/NTX/MzP/NDT/NDT/NDT/MjL/NTX/MzP/MzP/MzP/NDT/NDT/MzP/Njb/MjL/5+b/LS3//////fz/5eP/Ly//7+3/3t3/RET/z87/Ojr/9/b/8fD/tbT/Xl3/Vlb/RUT/4+H/srH/6ef/29n/raz/b27/R0f/Jif/1tT/LCz/6+r/ubj/np3/cnL/ZWX/YF//UlL/S0r/QkL/Pj7/r67/+vj/qKb/i4r/ion/f35TlXVXAAAALXRSTlMAJh8kIRwDGA8MBQgV3NE5Evz0bGYKrcOGXkzlyKeIgDEv7+15V0Q0tZ+Wk8nQupZcAAADY0lEQVRIx8WW2VrqMBSFbZJCGco8iyjOR08CbcFiATlMgoLK5Pj+D3LSEGqQQe9cN/B9m5+VtdnsdOe35Y17FEWJ+1w/BhQ3gBITRHLI9wPEIzNAEAh5v0EAdwBM3BGFXFsO5mYEAPlM7Hg/tx89CUKAmJtnow1iyEE0oUYwsRXeTe6fzjH/esbPkLOUigkWdLSXYad0uzYxMKoyQhSJXB7YUcEqFbID5/fCeI1IIAPWeXnsrwpmCV6voxijvvQNUZ9ggOBNijBKWYJkmucgy8qFFc29TiiFvF8OB/cIY8iK5pQahOyAohGIzn26xWazJKjZLHYZRRIUgj7RCJ6pjMHD2otxJch4qQ0xo8J2LPeSUQrPnch0aE4q/7gqE7M+5efDfyUowUUqL6RdUDGntHqHlB2RTveeMzicBp8NVKhRDC9UbplWoawxlQuW+Vx2SgkKyRxyUyjhVLSHaq/QGN1QjRqFXvVBc0q7tIGIjwWQYF51KveP+lv/cWBUq0bto/+m395jLJ7Pt4iEMhGnUrDurhr9m2tdvx71G1d3VuFzBnNOqDiPtJA2qrVvNavbtbTbYu1GE0oJtPhjeSh0TETqqWk803EiLcN8EhmcpJDsNC8lQrjfKOljTRvrpUYfiwosQbllJ9Oolye9MnPaDO0TgbmhmayPkvlIbgfLmbIOFOfTKnRv3LjTdd24HjdqYvfwOVpMn49CJ2Hxd3qfFHWDSi/13sXfiVzSlocY5EISDO6KE1F5pQyjXiviROAoheLOkKOkOHuzjs7VmYmzd3iKnDEPsU4IU27Vr7nqVqerOaGykH6SAjwUOj3kDJkNzd60wjXtmfUZWVDHQNi09D3gGwLXB1WjXXTUNqqDFi44Qw59wqJ0RrbVLjWLgpqldosb5Zy/E++fBC4I3rqNcCBPI3mWdjI8COBtew9H0raRsJlddqrMEd6mlL1i4yurPBbZwvyBcOWS8ttU9HAzI8E1l43bpk5Usn7952wfxNstxmKXTSK87npKA8pAGmiFkimFYCwZ/uKmpvJA4swqNb90pfTeLuYcwYfJ4zN25YJNDyEKZBgIplOJZCCQPb+InkKGSH7XlgcJKM05xERfJVuyZ2ebfAwTJSKb3RQZfQIQ+FmY7+XyKX63LMvukMe786v6D7XL8+EN87/mAAAAAElFTkSuQmCC) center/cover no-repeat;position:absolute;top:-15px;left:-15px}.voucherModalItem__style---base64-8-.timeLess__style---base64-8- .voucherModalItemBottom__style---base64-8-{color:#f33}.voucherModalItem__style---base64-8-.on__style---base64-8-{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAUIAAAB/CAMAAACt4DtpAAABRFBMVEXq1MLq1cQAAADs18fr1MPs18fs1cXu2szs1sX13czr1MP60MTa2tXu2cvr1cXs2cjs18bt2cjt2Mfr1cTw3M/r1cTs1sbs2Mnt2Mf/48zgwqzt18jw3M3u2svu2srewKjjxrLfwKbs18j//fv48er//fr///78+vj////t2MjInXr//v348en8+fbu2cn//fz69O758uz8+PT+/PrJnnvp0b/37+f68+338On7+PX++/j69PD89/P++/n79vL27ub79vH9+vbFmHPElnH16+P9+fX79fDv2srz6uHDlW/17eXy593LoX/jzLnInXnt3M/t1sXHm3fx5NrdwariybXz49bGmXTv4dXo1cT26d7z3c3fxK/u39LTr5LGmnXbvqbm0sDZuqDBkWr15trq2crXtpvVs5fRq4vMo4LOpoa+jGLjxatZ5GJQAAAAI3RSTlP39wD48nXgMNcQ5wgFeukdt0P23ie8lVw2CfCdlXBZ6+HdnkKILTwAAA4vSURBVHja7Njtb9JAHMDxzuHYojOLJkaNxhd94LceeDxcguAgeqdotRxWZ3UPNNA4gf3/f4BHd85MqLTMxDe/7yvoy09+99AaN+bdKj7Z2yoY2GIbdzc2Nhcr3Nt7UryV4CWEOze372zuY0s6Ph0HzF9sOhk+3d7d0YS3i/cLx0fNgxK2GK2MY8GXFcrJo8fFC8IHW9++9IiDLYlAayjY0mQQRuOtB3PCnfsfjxpATBtbrA3NmXDTCsX48c4N4+Fu4Qt1TGxpNtSmgqUb8ke7D43i9vFLMLFUQj+FkPnqOZ9sF42bhSNCTCz3FPLYC9xIPto19jabhJpYGmF1tpwwEDKIXMmHe8bWft2xTSyNsDsUywQj76TyTYTMm94xCs9KSPgXws7Yk5qN/R5HGZ+14H0o/JjdNYx9JEzPJtD3Iu3GxS/MIP7RAxiFke+5SLiS8APn7MKNh6E2jCcWwEByl3nuJhKu3AylmBMyIfqnEy9Qv2Q8U4KnUkjJBEPCVYQOOROuyj9nXXinFi5jMXsN8MmfP0bCLMGAB3MsL/oE8MH3ZOx/UD+mgiVPkXBlNrRm3lxLisl7gEFwHn4FeD7xXBcJc5zJAXNV3uQ5wMj/rgT1ZRGPk2xBVb/jSW/Ygo7VgBc/POniFGaPwkgECVjgjetAoDXmyX88TrJmQ2XouUlhfNKAxokS1TGOhFkITXgdCHZhyA+twyhykTBnFL7zUBsKGc1nEBdyzuansjaMROQi4Ro55FBwreYi4VoRMhL6TEHCNSMwYMkVW4f3wvxReD30FKJWxLeTNSLQGc2EiBjDKVwzWyG+6E+5J3gQuEzlSnnOkTDnJwdoDc4YD0POuVCF5ziFOQ3niKT5tT8ezqZsOht+7h8iYf7l7AA4tFRpqUpO6a2BhPmzKXEgyYGD/Q0kXJPxImg9Q8JrpQhxCq+ZU0fCaxPiQr5eNhIi4X8PCZHwX0ZVSLh+hJiNdrtjI+H6gK96NVXzoIGE+SMK8E3V0tXqNhLmjZiVplUua8KyVUfCnCNo1zXgpeErJMwepY2DmkK7UrmKhNn3wHbXugqoxxAJs0SJ2X5hldUSXqjcMykSrp7AxpuensBFwloHp3D1GVKpWumVe0i4Ygu06zXrb5WtEkXC1KipAPUtJr0uTmFahHYOmisB1W7YoEi4LGK2uzUrU3WcwsUIoaVeJj49hkh4NUrNUlXRZCW06kj458cs/SactedNkyLhZYSab3IA6jGsIOGlH01uMVbOyk2bIGHSwjUw8xi+QsKf7V1rb9s2FHU2O6+l7bq2e2DAsI2UzIBUSIqYJOtlCbAdw0YQw6mRRzNkQ7buw/7/95F6WHGSRpa1DXa3g9KV6HuPqJMrUnxITiLQHXC4Ggj7/0JOBIQqAldETJeS0PhYJVQzSkzptzJIhMES0I3Dj3KJJqVanDTCNUCgu4SGWirhURt9VO/swlgUYzG1wnAJWZBxpCQ0qf7xiIip6CSNcF04S4ShjtBAri/84upqdjnA6KN49RnGQT6UUF9Co1RAnV3Orr5ofPtqe79xNbP1jQ9ENSEy4FkA1kfkliios9nx1vPtHxt7r3dePtvdmgzxRr9Kk2IMjAH8u0CgoZU8KQ/GR1u7z17u7DWS11q/ePZ8crnJGioBF8ZiarbH5VcxvZ08f/bis/SNwgoHX21Peht7LaspOQZJbQEL+KVHHE+2vzooXg2u8NX+hG9om6IGs+4Fke17sAaYVnJEBCf7X6XCFRJ+1mrONvBSxhiLzv02hPU1Gte4jEt7dzqeNVufFRJmePHmaLBpEmIMxIPhVN7X1BdMbjpO+o1DKklYOuKKBsdvXnzyQMKDVvNSx5oGQJ6KzTxpIt0stVq0BOVW5Ud8yJXeBhLLgcQhUi6YJIuL5Cx8xyIO5Nxmqpp0LAvCwkqmVNi7uymP5POfPkcN48ut1kEh4Rwv928p1hGmCAGcJKxhRAFCtNjFQCWUW+lamg3A3KmwRAtcYIFLv8NFHx4R5FYFFwWL9HJTDEzP4iYjzJCpz0lkQhhFfT2xiuxYF0JHAiAcx21mMcMmAwMmVmEEuc+IbXLCQukUyt2IJFwmEygtPc6K++Ac27PnLz95RMKd7/800GgsaK+Hg6GNOsM28oYUOyMc9BzUGTPkTTuIT9vIGgvQGyVWhrQKhwLz3MpD3rmB+HkbdceASqt2b4GrPXT0Ba6h5FLZLLEKpRWUuxkXk1xwGkgumlplXCNMu2PmXE+j7vUw6p2OouEpZONzm51f+4Hk8qeKC0su1O5ByQXbl791w/EpZ9Nzm0+njMyGkXXuRL0ps8dTBqfjlOtihKzzAHfVOXblEb07pddjWS42da62dx6T8PUPf3B08WsnOHkrvHenyDoboelZB/32NvDf/oKdm1M0/H2Izn+XVmcdcXKSWDnSanwWSqt25+0vKLF6L63e2+jiphNkVtZNynVRcI0l13XCVVidddE4P2LO1UPXCZchrYCy6iZWYXhyZltnb83x7xfu+c/X2m8/98yTXx373TvGEytLWpmSS4SSq3tzjcbvr7WL99345FcuraLu2UU8vpm6pzckOjlj3bOTjOtcHpGr0rffngimuG66svSmLrk8ydV7d3r16vWjEr46aiO3A7DRobjTxiB0deAJPQgFbsvsjkGpH+jCB3rQodIKg46BhbQSoZBZAhvK2cBYZtEwyLMUF1VZGZeRcGHqS3rlqJxMqrJA2NaFcvSFnnN1Frio5MKdAJg9x7Z60LZG0B6NOO9ZNuwR2xlB3u1BMyl9jGW5ci7dNLDucwJHju30pFUX8lE3ceRDh5EeSfhklt1zdKocw0wJQ6dZudxQIFWuYHC1XUi4WBcKXU/rHIr0vM7RdIRVFl7IAgCppGsgyQIq5Vl0bkXvOCYp5aJgkT4/Ik2tFrlUfUhzLqpqKN0gkHHCGIRZ4h5XSW0S7hnzIxZFpWm5POVo54424YxDlew7XMwWelrU3DHjKgohVF34aIvc0+kjrV/FLFCStSp93g8xPEgkIFxIMEsERu6HuSiICHng+IDLLykX1h9vkV+8OVz3+0KMQdt7svtGSpZlUeDBUhAPlAAxdV+4cb0TmjxiU9av8B+4ST9a7GJhl0vIXVCpd1L0ke117iNLHWJWeU1W4LZdDSxI6MFyRGWFQfxBH/ngOzlSs74/2oHTJ0Rg5RhUsyjc6xeR7DK4DPq0rECXk+3v0uowGy9s7U966/vLMamA5WsrmVa40OQz4I7y8rIrc1kFIY+X0HC/lY4X7r14/bL1pnm4tr+9g7NHbAgsRVw4BW7aegxSN96X2xjENlwSPAaUzuV6tDq8PGy+ab18vdf4dvfVfvNoxtZUQYxBEC4nIIm0QkFmpztxUUtiYPBKcycapViCatrjTYp9e9zcf/WtnMGb3fbCNW2LMcXJIzYVR/lwYBNopjERzTUUPqwE7hltIYJ2n0WAPi5i2Jsdq987cZG+pkP+akpOClh1qBlrjECShaFRKAKrg/OnHirDev6qn3X9DTecCFh9vgP7RauKgZSzNgYAf3A1wzqvqaFupcWVPM79hAqdPAxpH9bWkHCXfmBNzXq/s0tjsAqKLkV/3oL8XWFIBh9cX7jOK7to1do/yPyAWSyzTMOwNhzubuL6QmFXljCDmWf1541LXZCQ0s2TMIaw5oVMPC2TtDYI1zZwobAPK6KfewZ8IYuqeCZ3sJKGJv0PSOjPT2xAFm9G/GQ+madIBFnlMQq6cRJWvhnx5qfh8kQjkrcCgcc83+y3XYk47vsrPQhg4o2TUOpQsboKCl+WR6aWv3l1kdu3qzfKAG+ahJoHK8K44+yaYeibZl/7ELtf9S8ETbppEuKSK7lkyoOqyHsKLqsYhra2aRKC6t2KuNoYhldNQqdPN03Cyt0KEmn/ZA+SMEA3TELVP6kIg1ZrsSoeIN44CalZ9f7NDugTdDjB6veexAN00yQUdi5hlSmPJ8JaCK1GnBPY3jQJVwhDyH1BKV2ciU+34sjzbJtFZqDdOUDVMS+6KOH6v11dcAKrwvbTyTuFNPRSLgNmXDzU7ozqVh163aSRmgQ+gdXBB34/dt0g68zZcaJWUPw55i03BVE16hAsQEPrfiEXvbzq4AoLyzvMok7rFz3xip1IcU/CzjqPWifAPoH1EecLkh72Y1xe9XGKTZNQTSXVBsnCMCQPR7hFRQn79yWUM3jNI2ONJQTAI/Ul5O79iDPnItSSEOjmcbPx6tBfZwlpDP++mY8BLBoUmklYr4Oih0fbjc8/tfW1XRSnJo8GNSUsWgFchKG3ooRM3F9n+OnnjVbzVl/PBTUZ6oZhMSlAi1oh1FbpnxBi3n+s+7bZauzsXkXruiIkDUO7voQODxZrBX+le2vn/hOiyLva3Wl886x5LtZaw77jwFVAHFKEj4+BBjBgi4upaZXlIo6VuBWgKDhvPvum8cnel5NbijDNm6gnIL8stckt6iOXUHCLEOI4+QQmWQ6OBbk137ZFqpjas5wwO1cMBqWUUEI5WQ6Pc4kSATESt5Mv99RC4a93JzNbRxn0J7GETWoh/9UFyiGYRBR6zLYZ8yKPlWEQKVsf41Dah+qDRSDlMpmEUXD78kvvacYoYsyW/7k6WgSbTXa/TtZaH3z9ZfPq0vaNdYVPYORLhAxaVlfCegrdDNw0DC/btrojx5RMaQ5PtkyVwbojKzN4lGyU+Vu8kKfTUZ4hv7xqfvn1QbZcfa+1+/zTo2o4PDz6V3B8fJx9qjT5aVlcHEqvozsZh8cSKmdyqLiOFO/hxZJkE2WenrRiUdSfPt9t7RUPTXyz0/p8u7lVBY3G1r+KxtYaoDjp5vbnrZ304Z2/AACMrAlVnJM4AAAAAElFTkSuQmCC)}.voucherModalItemTop__style---base64-8-{display:flex;align-items:center;line-height:1;padding:27px 25px 0;height:42px;box-sizing:content-box}.voucherModalItemPrice__style---base64-8-{font-size:20px;color:#f33;flex:1}.voucherModalItemPrice__style---base64-8- b{font-size:30px}.voucherModalItemTitle__style---base64-8-{width:177px;font-size:17px;line-height:21px;color:#c79d79;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.voucherModalItemBottom__style---base64-8-{position:absolute;bottom:25px;left:20px;font-size:12px;color:#c79d79;padding-top:4px;line-height:1;width:100%;right:0}.voucherModalItem__style---base64-8- .usePrice__style---base64-8-{position:absolute;bottom:5px;left:20px;font-size:12px;color:#EC3E0F}.voucherModalItem__style---base64-8- .usePrice__style---base64-8- span{color:#FF3333;font-weight:600}@media screen and (max-width: 768px){.voucherModal__style---base64-8-{width:100% !important;height:100%;margin:0;max-width:none}.voucherModal__style---base64-8- [class~='ant-modal-content']{position:absolute;top:10px;bottom:0;border-radius:0;display:flex;flex-direction:column;width:100%}.voucherModal__style---base64-8- [class~='ant-modal-body']{padding:0 0 0.3rem;flex:1;overflow:hidden}.voucherModal__style---base64-8- [class~='ant-modal-header']{visibility:hidden}.voucherModal__style---base64-8- [class~='ant-modal-close']{top:0.24rem;right:0.24rem}.voucherModal__style---base64-8- [class~='ant-modal-close'] [class~='ant-modal-close-x']{width:30px;height:30px;background-color:#ff3333;border-radius:15px;line-height:30px;color:#fff}.voucherModal__style---base64-8- [class~='ant-modal-footer']{border-top:0}.voucherModal__style---base64-8- [class~='ant-modal-footer']>div{background:#fff9f5;border:1px solid #f9eadf;border-radius:0.04rem;text-align:center;padding:0.3rem 0}.voucherModal__style---base64-8- [class~='ant-modal-footer']>div button{width:2.62rem;height:0.76rem;font-size:0.32rem}.voucherModalContainer__style---base64-8-{margin:0;padding:0 0.25rem;height:100%;overflow-y:scroll;overflow-x:hidden}.voucherModalContainer__style---base64-8-::-webkit-scrollbar{resize:none}.voucherModalContainer__style---base64-8-::-webkit-scrollbar-thumb{resize:none}.voucherModalItem__style---base64-8-{float:none !important;margin-top:0.5rem;width:100%;height:2.3rem;background-size:contain;background-image:url(https://ut-front.thisnew.com/images/routes/CompoCheckout/images/phonevosbg@2x.png)}.voucherModalItem__style---base64-8-:nth-child(2){margin-top:0.5rem}.voucherModalItem__style---base64-8-.on__style---base64-8-{background-image:url(https://ut-front.thisnew.com/images/routes/CompoCheckout/images/phionover.png)}.voucherModalItem__style---base64-8-.timeLess__style---base64-8-::after{width:0.8rem;height:0.8rem;top:-0.4rem;left:-0.17rem}.voucherModalItemTop__style---base64-8-{height:0.92rem;padding:0.3rem 0.5rem 0}.voucherModalItemPrice__style---base64-8-{font-size:0.44rem}.voucherModalItemPrice__style---base64-8- b{font-size:0.54rem}.voucherModalItemTitle__style---base64-8-{width:4.3rem;font-size:0.32rem;line-height:0.46rem}.voucherModalItemBottom__style---base64-8-{bottom:0.45rem;font-size:0.26rem}.voucherModalItem__style---base64-8- .usePrice__style---base64-8-{bottom:0.1rem;font-size:0.26rem}}.labelEllipsis__style---base64-8-{display:inline-block;word-break:break-all;word-wrap:break-word;margin-right:2px}.shippingNotice__style---base64-8-{width:620px !important}.shippingNotice__style---base64-8- [class="ant-modal-title"]{font-size:19px;color:#000 !important}.shippingNotice__style---base64-8- [class="ant-radio ant-radio-checked"] [class="ant-radio-inner"]{border-color:#f33 !important}.shippingNotice__style---base64-8- [class="ant-radio ant-radio-checked"] [class="ant-radio-inner"]:after{background-color:#f33 !important}.shippingNotice__style---base64-8- .radioGroupBox__style---base64-8-{padding-left:18px;width:100%}.shippingNotice__style---base64-8- .radioGroupBox__style---base64-8- .modalOption__style---base64-8-{color:#000;font-weight:bold;margin-bottom:10px}.shippingNotice__style---base64-8- .radioGroupBox__style---base64-8- .modalOption__style---base64-8- label>span:nth-child(2){padding-right:40px}@media screen and (max-width: 768px){.shippingNotice__style---base64-8- .radioGroupBox__style---base64-8- .modalOption__style---base64-8-{margin-bottom:0.3rem}.shippingNotice__style---base64-8- .radioGroupBox__style---base64-8- .modalOption__style---base64-8- label>span:nth-child(2){padding-right:8px}}.shippingNotice__style---base64-8- .hotTip__style---base64-8-{padding:0 10px;line-height:20px;margin-left:10px;text-align:center;font-weight:bold;display:inline-block;height:20px;font-size:12px;color:#fff;background:#FF3333;border-radius:10px}@media screen and (max-width: 768px){.shippingNotice__style---base64-8-{margin:0 !important;max-width:100% !important;height:100%;padding:0 !important;padding-top:15px !important}.shippingNotice__style---base64-8- [class="ant-modal-content"]{height:100%}.shippingNotice__style---base64-8- [class="ant-modal-header"]{padding-top:0.83rem !important;padding-bottom:0.24rem !important}.shippingNotice__style---base64-8- .radioGroupBox__style---base64-8-{padding-left:0}.shippingNotice__style---base64-8- .hotTip__style---base64-8-{padding:0 0.17rem;line-height:0.38rem;font-weight:bold;margin-left:0.1rem;display:inline-block;text-align:center;height:0.38rem;font-size:0.22rem;color:#fff;background:#FF3333;border-radius:0.19rem}}.shippingNotice__style---base64-8- [class="ant-modal-header"]{padding-top:35px;font-size:19px;color:#000000}.shippingNotice__style---base64-8- [class="ant-modal-header"]{border-bottom:none;font-size:19px;color:#000}.shippingNotice__style---base64-8- [class="ant-modal-body"]{padding-top:0}.shippingNotice__style---base64-8- label{width:100%}.shippingNotice__style---base64-8- label>span:nth-child(1){display:inline-block}.shippingNotice__style---base64-8- label>span:nth-child(2){display:inline-block;width:100%}.shippingNotice__style---base64-8- label>span:nth-child(2) div{width:100%}.shippingNotice__style---base64-8- label>span:nth-child(2) div>span:nth-child(2){float:right}.shippingNotice__style---base64-8- .BtnGroup__style---base64-8-{width:100%;margin-top:24px;text-align:center}.shippingNotice__style---base64-8- .BtnGroup__style---base64-8- .cancelBtn__style---base64-8-{width:112px;height:36px;font-weight:bold;background:#DDDDDD;border-radius:4px;color:#666666;margin-right:26px}@media screen and (max-width: 768px){.shippingNotice__style---base64-8- .BtnGroup__style---base64-8- .cancelBtn__style---base64-8-{width:1.8rem;height:0.7rem;font-size:0.32rem}}.shippingNotice__style---base64-8- .BtnGroup__style---base64-8- .confirmBtn__style---base64-8-{width:112px;font-weight:bold;height:36px;background:#ff3333;border-radius:4px;color:#fff}@media screen and (max-width: 768px){.shippingNotice__style---base64-8- .BtnGroup__style---base64-8- .confirmBtn__style---base64-8-{width:1.8rem;height:0.7rem;font-size:0.32rem}} #ordersCheckout .ant-table-footer { background-color: initial; } #ordersCheckout .ant-table-tbody > tr:nth-child(even) { background-color: #fffaf6; } #ordersCheckout .ant-select-selection-selected-value { color: #999999; } #ordersCheckout .ant-steps-item-finish > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-title:after { background-color: #fff; border-bottom: 1px dotted #ccc; } #ordersCheckout .listDivError { background: #fff0f2; border: 1px solid #ffb4b4; } #ordersCheckout .listDivError .addValues { color: #727272; } #ordersCheckout .listDivWarm { background: #fff5ec; border: 2px solid #ffe1c4; } #ordersCheckout .listDivWarm .addValues { color: #727272; } #ordersCheckout .ant-btn.ant-btn-danger[disabled] { box-shadow: none !important; color: rgba(0, 0, 0, 0.25) !important; background-color: #f5f5f5 !important; border-color: #f5f5f5 !important; } #ordersCheckout .disableBtn { cursor: not-allowed; background: #f8f8f8 !important; border: 1px solid #e6e6e6 !important; } #ordersCheckout .disableBtn .ant-radio-wrapper { cursor: not-allowed; } #ordersCheckout .disableBtn .ant-radio-checked .ant-radio-inner { border: 2px solid #d9d9d9 !important; } #ordersCheckout .disableBtn .ant-radio-inner::after { top: 3px; left: 3px; background: #d9d9d9 !important; } #ordersCheckout .payBtn { width: 100%; height: 48px; padding-left: 20px; line-height: 40px; margin-bottom: 20px; border-radius: 4px; color: #333; font-size: 18px; font-weight: 500; font-family: PingFang SC; position: relative; } #ordersCheckout .payBtn img { position: absolute; right: 0; bottom: 0; padding-right: 10px; } #ordersCheckout .payBtn .ant-radio-wrapper { line-height: 40px; width: 100%; height: 100%; z-index: 100; } #ordersCheckout .payBtn .ant-radio { vertical-align: middle; } #ordersCheckout .payBtn .ant-radio + span { vertical-align: middle; } #ordersCheckout .payBtn:nth-child(1) { background: #fff; border: 1px solid #ffdec5; } #ordersCheckout .payBtn:nth-child(1) .ant-radio-inner { width: 18px; height: 18px; } #ordersCheckout .payBtn:nth-child(1) .ant-radio-inner { border: 2px solid #EE3F10; } #ordersCheckout .payBtn:nth-child(4) { background: #fff; border: 1px solid #ffdec5; } #ordersCheckout .payBtn:nth-child(4) .ant-radio-inner { width: 18px; height: 18px; } #ordersCheckout .payBtn:nth-child(4) .ant-radio-inner { border: 2px solid #EE3F10; } #ordersCheckout .payBtn:nth-child(2) { margin-bottom: 0; background: #fff; border: 1px solid #ffdec5; } #ordersCheckout .payBtn:nth-child(2) .ant-radio-inner { width: 18px; height: 18px; } #ordersCheckout .payBtn:nth-child(2) .ant-radio-inner { border: 2px solid #EE3F10; } #ordersCheckout .nowPayBtn { background: #ffe6e6 !important; border: 1px solid #ffb4b4 !important; } #ordersCheckout .nowPayBtn .ant-radio-inner { width: 18px; height: 18px; } #ordersCheckout .nowPayBtn .ant-radio-checked .ant-radio-inner { border: 2px solid #ff3333 !important; } #ordersCheckout .nowPayBtn .ant-radio-inner { background: #fff !important; } #ordersCheckout .nowPayBtn .ant-radio-inner::after { top: 3px; left: 3px; background: #ff3333 !important; } #ordersCheckout [haspos=true] { position: fixed !important; width: calc((100% - 250px)/4) !important; top: 0; right: 20px; } @media screen and (max-width: 768px) { #ordersCheckout [haspos=true] { width: 25% !important; } } #ordersCheckout .ant-radio-group { width: 100%; } .ordersCheckout__style---base64-8- .backBtn__style---base64-8-:hover{background:#333 !important;color:#fff !important;border:none !important}.ordersCheckout__style---base64-8- .deractionHerf__style---base64-8-{color:#ff3333;text-decoration:underline;font-size:15px;cursor:pointer}.ordersCheckout__style---base64-8- .hotTip__style---base64-8-{padding:0 5px;line-height:20px;margin-left:10px;font-weight:bold;text-align:center;display:inline-block;height:20px;font-size:12px;color:#fff;background:#FF3333;border-radius:10px}.ordersCheckout__style---base64-8- h3{font-size:20px;color:#333333;font-weight:700}.ordersCheckout__style---base64-8- h4{font-size:18px;margin-bottom:14px}.ordersCheckout__style---base64-8- img.invaildImg__style---base64-8-{position:absolute;left:-15px;top:-7px;width:auto;height:auto;z-index:10}.ordersCheckout__style---base64-8- .stepBox__style---base64-8-{position:absolute;width:100%;text-align:left}.ordersCheckout__style---base64-8- .formBtnBack__style---base64-8-{width:100%;height:44px;background:#ddd;border-radius:10px;font-size:20px;line-height:44px;text-align:center;color:#666;margin-top:20px;cursor:pointer}.ordersCheckout__style---base64-8- .paymentBox__style---base64-8-{width:100%;background:#fffaf6;border:1px solid #f9ebe0;border-radius:4px;box-sizing:border-box;padding:20px}.ordersCheckout__style---base64-8- .formBtn__style---base64-8-{width:100%}.ordersCheckout__style---base64-8- .formBtn__style---base64-8- .confirmBtn__style---base64-8-{background-color:#fff5f5;border:2px solid #f33;color:#f33}.ordersCheckout__style---base64-8- .formBtn__style---base64-8- .confirmBtn__style---base64-8-:hover{background-color:#ff9933;border-color:#f93;color:#fff}.ordersCheckout__style---base64-8- .formBtn__style---base64-8- .formBtnSave__style---base64-8-{font-size:20px;height:44px;border-radius:10px;box-shadow:0px 7px 10px 0px rgba(243,53,53,0.24);border-radius:6px}.ordersCheckout__style---base64-8- .formBtn__style---base64-8- .formBtnBack__style---base64-8-{width:100%;height:44px;background:#ddd;border-radius:10px;font-size:20px;line-height:44px;text-align:center;color:#666;margin-top:20px;cursor:pointer}.ordersCheckout__style---base64-8- .formBtn__style---base64-8- .formBtnBack__style---base64-8- .txtLeft__style---base64-8-{text-align:right;color:#999999;padding-right:5px}.ordersCheckout__style---base64-8- .shippingInfo__style---base64-8- .addressList__style---base64-8-{position:relative}.ordersCheckout__style---base64-8- .shippingInfo__style---base64-8- .addressList__style---base64-8- .btnEdit__style---base64-8-{position:absolute;right:30px;top:50px;z-index:10}.ordersCheckout__style---base64-8- .shippingInfo__style---base64-8- .addressList__style---base64-8- .listDiv__style---base64-8->div{display:inline-block;margin-right:20px}.ordersCheckout__style---base64-8- .shippingInfo__style---base64-8- .addressList__style---base64-8- .listDiv__style---base64-8-{color:#333;position:relative;min-height:53px;box-sizing:border-box;line-height:33px;width:calc(100% - 35px);border:solid 1px #dfdfdf;border-radius:4px;padding:10px 100px 10px 20px}.ordersCheckout__style---base64-8- .shippingInfo__style---base64-8- .addressList__style---base64-8- .listDivOn__style---base64-8-{border:solid 2px #DB5426;background-color:#fff}.ordersCheckout__style---base64-8- .shippingInfo__style---base64-8- .addressList__style---base64-8- .listDiv__style---base64-8- .checked__style---base64-8-{width:0;height:0;border-top:35px solid transparent;border-left:35px solid transparent;border-bottom:35px solid #DB5426;position:absolute;right:0;bottom:0}.ordersCheckout__style---base64-8- .shippingInfo__style---base64-8- .addressList__style---base64-8- .listDiv__style---base64-8- .icon__style---base64-8-{color:#ffffff;font-size:27px;position:absolute;right:-4px;bottom:-10px}.ordersCheckout__style---base64-8- .shippingInfo__style---base64-8- .addressList__style---base64-8- .selectAddress__style---base64-8-{margin-top:15px;position:absolute;right:55px;top:40px}.ordersCheckout__style---base64-8- .shippingInfo__style---base64-8- .addressList__style---base64-8- .selectAddress__style---base64-8- .btn__style---base64-8-{font-size:14px;width:156px;height:36px;border-radius:10px}.ordersCheckout__style---base64-8- .shippingInfo__style---base64-8- .checkoutCoupon__style---base64-8-{display:flex;align-items:center}.ordersCheckout__style---base64-8- .shippingInfo__style---base64-8- .checkoutCoupon__style---base64-8- h4{margin:0}.ordersCheckout__style---base64-8- .shippingInfo__style---base64-8- .checkoutCoupon__style---base64-8- .btnCoupon__style---base64-8-{border-radius:4px;height:34px;font-size:16px;margin-left:10px;flex:1}.ordersCheckout__style---base64-8- .shippingInfo__style---base64-8- .purchaseList__style---base64-8-{margin-bottom:30px;margin-right:35px}.ordersCheckout__style---base64-8- .shippingInfo__style---base64-8- .purchaseList__style---base64-8- h4{font-size:18px}.ordersCheckout__style---base64-8- .shippingInfo__style---base64-8- .tableFooter__style---base64-8- .left__style---base64-8-{color:#333333}.ordersCheckout__style---base64-8- .shippingInfo__style---base64-8- .tableFooter__style---base64-8- .shippingTip__style---base64-8-{color:#ff3333;font-size:14px}.ordersCheckout__style---base64-8- .shippingInfo__style---base64-8- .tableFooter__style---base64-8- .right__style---base64-8-{padding-left:20px;font-size:16px;text-align:right;padding-right:30px;color:#000000;font-weight:700}.ordersCheckout__style---base64-8- .shippingInfo__style---base64-8- .tableFooter__style---base64-8- .right__style---base64-8- span{color:#ff3333;font-size:22px}.ordersCheckout__style---base64-8- .shippingInfo__style---base64-8- .tableFooter__style---base64-8- .right__style---base64-8- p{margin-bottom:0}.ordersCheckout__style---base64-8- .shippingInfo__style---base64-8- .tableFooter__style---base64-8- .shippingTxt__style---base64-8-{text-align:right;line-height:30px;padding-right:10px}.ordersCheckout__style---base64-8- .shippingInfo__style---base64-8- .checkoutBox__style---base64-8-{margin-top:28px;margin-bottom:35px}.ordersCheckout__style---base64-8- .shippingInfo__style---base64-8- .checkoutBox__style---base64-8- h4{font-size:18px;line-height:27px;color:#333333}.ordersCheckout__style---base64-8- .shippingInfo__style---base64-8- .checkoutBox__style---base64-8- .tip__style---base64-8-{color:#ff4700;margin-left:10px}.ordersCheckout__style---base64-8- .shippingInfo__style---base64-8- .checkoutBox__style---base64-8- .detail__style---base64-8-{font-size:16px;color:#333;margin-bottom:10px;border:solid 1px #e4e4e4}.ordersCheckout__style---base64-8- .shippingInfo__style---base64-8- .checkoutBox__style---base64-8- .detail__style---base64-8- .odd__style---base64-8-,.ordersCheckout__style---base64-8- .shippingInfo__style---base64-8- .checkoutBox__style---base64-8- .detail__style---base64-8- .even__style---base64-8-{line-height:20px}.ordersCheckout__style---base64-8- .shippingInfo__style---base64-8- .checkoutBox__style---base64-8- .detail__style---base64-8- .odd__style---base64-8-{background-color:#fffaf6}.ordersCheckout__style---base64-8- .shippingInfo__style---base64-8- .checkoutBox__style---base64-8- .detail__style---base64-8- .odd__style---base64-8-:nth-child(odd){background:#fff}.ordersCheckout__style---base64-8- .shippingInfo__style---base64-8- .checkoutBox__style---base64-8- .detail__style---base64-8- .leftTxt__style---base64-8-{padding:15px 25px;border-right:1px dashed #ccc;font-weight:800}.ordersCheckout__style---base64-8- .shippingInfo__style---base64-8- .checkoutBox__style---base64-8- .detail__style---base64-8- .rightTxt__style---base64-8-{padding:15px 25px}.ordersCheckout__style---base64-8- .shippingInfo__style---base64-8- .checkoutBox__style---base64-8- .detail__style---base64-8- .price__style---base64-8-{font-size:22px;color:#ff3333;font-weight:700}.ordersCheckout__style---base64-8- .shippingInfo__style---base64-8- .checkoutBox__style---base64-8- .shippingCount__style---base64-8-{text-decoration:line-through;color:#adadad;font-size:13px;margin-left:5px}.ordersCheckout__style---base64-8- .topBtn__style---base64-8-{margin-bottom:20px}.ordersCheckout__style---base64-8- .addressTable__style---base64-8-{max-height:500px}.ordersCheckout__style---base64-8- .testMode__style---base64-8-{background-color:#f2dede;border-color:#ebccd1;color:#a94442;font-size:14px;width:100%;padding:15px;border:1px solid transparent;margin-bottom:22px}.ordersCheckout__style---base64-8- .testMode__style---base64-8- i{font-size:12px;border-radius:50%;background-color:#a94442;padding:2px;color:white;margin-right:5px}.ordersCheckout__style---base64-8- .payMaskTip__style---base64-8-{margin-top:20px;color:#ff3333;margin-bottom:20px}.ordersCheckout__style---base64-8- .payMaskTip__style---base64-8- .topTxt__style---base64-8-{padding:20px;background:#fff0f2;border:1px solid #fac7cd;border-radius:5px;color:#f33;font-size:14px;line-height:24px}.ordersCheckout__style---base64-8- .payMaskTip__style---base64-8- .botTxt__style---base64-8-{font-size:17px;font-weight:bold;color:#f33;margin:20px 0 5px}.ordersCheckout__style---base64-8- .payMaskTip__style---base64-8- .botTxt__style---base64-8- span{font-size:19px}.shippingNotice__style---base64-8-{width:620px !important}.shippingNotice__style---base64-8- [class="ant-modal-title"]{font-size:19px;color:#000 !important}.shippingNotice__style---base64-8- [class="ant-radio ant-radio-checked"] [class="ant-radio-inner"]{border-color:#f33 !important}.shippingNotice__style---base64-8- [class="ant-radio ant-radio-checked"] [class="ant-radio-inner"]:after{background-color:#f33 !important}.shippingNotice__style---base64-8- .radioGroupBox__style---base64-8-{padding-left:18px;width:100%}.shippingNotice__style---base64-8- .radioGroupBox__style---base64-8- .modalOption__style---base64-8-{color:#000;font-weight:bold;margin-bottom:10px}.shippingNotice__style---base64-8- .radioGroupBox__style---base64-8- .modalOption__style---base64-8- label>span:nth-child(2){padding-right:40px}@media screen and (max-width: 768px){.shippingNotice__style---base64-8- .radioGroupBox__style---base64-8- .modalOption__style---base64-8-{margin-bottom:0.3rem}.shippingNotice__style---base64-8- .radioGroupBox__style---base64-8- .modalOption__style---base64-8- label>span:nth-child(2){padding-right:8px}}.shippingNotice__style---base64-8- .hotTip__style---base64-8-{padding:0 10px;line-height:20px;margin-left:10px;text-align:center;font-weight:bold;display:inline-block;height:20px;font-size:12px;color:#fff;background:#FF3333;border-radius:10px}@media screen and (max-width: 768px){.shippingNotice__style---base64-8-{margin:0 !important;max-width:100% !important;height:100%;padding:0 !important;padding-top:15px !important}.shippingNotice__style---base64-8- [class="ant-modal-content"]{height:100%}.shippingNotice__style---base64-8- [class="ant-modal-header"]{padding-top:0.83rem !important;padding-bottom:0.24rem !important}.shippingNotice__style---base64-8- .radioGroupBox__style---base64-8-{padding-left:0}.shippingNotice__style---base64-8- .hotTip__style---base64-8-{padding:0 0.17rem;line-height:0.38rem;font-weight:bold;margin-left:0.1rem;display:inline-block;text-align:center;height:0.38rem;font-size:0.22rem;color:#fff;background:#FF3333;border-radius:0.19rem}}.shippingNotice__style---base64-8- [class="ant-modal-header"]{padding-top:35px;font-size:19px;color:#000000}.shippingNotice__style---base64-8- [class="ant-modal-header"]{border-bottom:none;font-size:19px;color:#000}.shippingNotice__style---base64-8- [class="ant-modal-body"]{padding-top:0}.shippingNotice__style---base64-8- label{width:100%}.shippingNotice__style---base64-8- label>span:nth-child(1){display:inline-block}.shippingNotice__style---base64-8- label>span:nth-child(2){display:inline-block;width:100%}.shippingNotice__style---base64-8- label>span:nth-child(2) div{width:100%}.shippingNotice__style---base64-8- label>span:nth-child(2) div>span:nth-child(2){float:right}.shippingNotice__style---base64-8- .BtnGroup__style---base64-8-{width:100%;margin-top:24px;text-align:center}.shippingNotice__style---base64-8- .BtnGroup__style---base64-8- .cancelBtn__style---base64-8-{width:112px;height:36px;font-weight:bold;background:#DDDDDD;border-radius:4px;color:#666666;margin-right:26px}@media screen and (max-width: 768px){.shippingNotice__style---base64-8- .BtnGroup__style---base64-8- .cancelBtn__style---base64-8-{width:1.8rem;height:0.7rem;font-size:0.32rem}}.shippingNotice__style---base64-8- .BtnGroup__style---base64-8- .confirmBtn__style---base64-8-{width:112px;font-weight:bold;height:36px;background:#ff3333;border-radius:4px;color:#fff}@media screen and (max-width: 768px){.shippingNotice__style---base64-8- .BtnGroup__style---base64-8- .confirmBtn__style---base64-8-{width:1.8rem;height:0.7rem;font-size:0.32rem}} .productsContent__style---base64-8- .WordFlodOpen__style---base64-8-{max-height:90px;overflow:hidden}.productsContent__style---base64-8- .WordFlodClose__style---base64-8-{max-height:auto}.productsContent__style---base64-8- .myDesignTable__style---base64-8- img{width:55px;height:55px;object-fit:contain;cursor:initial}.productsContent__style---base64-8- .myDesignTable__style---base64-8- button{padding:0;background:transparent;border:0;outline:none;height:36px;line-height:36px}.productsContent__style---base64-8- .myDesignTable__style---base64-8- button i{font-size:28px;vertical-align:middle}.productsContent__style---base64-8- .myDesignTable__style---base64-8- button.myDesignTableButtonAddToDownloadList__style---base64-8- i{font-size:20px}.productsContent__style---base64-8- .myDesignTable__style---base64-8- button.myDesignTableButtonDelete__style---base64-8- i{font-size:21px}.productsContent__style---base64-8- .myDesignTable__style---base64-8- button.myDesignTableButtonRefresh__style---base64-8- i{font-size:20px}.productsContent__style---base64-8- .myDesignTable__style---base64-8- button:hover,.productsContent__style---base64-8- .myDesignTable__style---base64-8- button:focus{background:transparent}.productsContent__style---base64-8- .myDesignTable__style---base64-8- .uploadError__style---base64-8-{color:#fff;display:inline-block;border-radius:12px;padding:2px 5px;cursor:pointer}.productsContent__style---base64-8- .myDesignTable__style---base64-8- .uploadError__style---base64-8- img{width:auto;height:auto}.productsContent__style---base64-8- .myDesignTable__style---base64-8- .uploadError__style---base64-8- i{vertical-align:middle;font-size:15px}.productsContent__style---base64-8- .myDesignTable__style---base64-8- .uploadSuccess__style---base64-8-{position:absolute;right:0;bottom:0;width:17px;height:17px}.productsContent__style---base64-8- .myDesignTable__style---base64-8- tr[class*='disabled']{position:relative;transform:translate3d(0, 0, 0)}.productsContent__style---base64-8- .myDesignTable__style---base64-8- tr[class*='disabled']::after{position:absolute;content:'';display:block;width:90px;height:100%;left:0;top:0;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEMAAABACAMAAAB2gDrvAAAA21BMVEUAAACZmZmZmZmampqSkpKVlZWZmZmYmJiZmZmYmJiZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmampqampqZmZmYmJiZmZmampqZmZmYmJiZmZmbm5uampqZmZmYmJiYmJiYmJiYmJiZmZmqqqr8/Pyjo6Obm5vf39/29vaenp7o6Ojw8PC8vLyysrLU1NTOzs75+fnz8/PT09PIyMixsbGoqKj+/v719fXi4uLc3NzY2NjFxcWgoKDt7e3AwMCtra3v7+/Ly8u/v7+2traurq6lpaXj4+PneLvAAAAAJHRSTlMA9vsKBRLowqUa8t7Xz7u1rXFIPi0g452Qh35mXTUn7siWVVDbLvllAAAB+klEQVRYw6zT13LDIBRFUez03nuZlANCxUWSJbn3kv//oihxADmTGOFkP96HNcBwya89bBaWdXlOtJ3tYlmb/0A86onTApZ1+Xdi70JPvBYxr1xZlXgRBFrsB2R/R0/cSwLcFsjKBKxO8B052NATdxmi26hNmqxiSpzgq8EM6PQALFznyYQAewOi0gfGQi6GW2t64lY+BMqxzxNWBca2JaaHJsSUlZE4Ni8zzw6mJsQNZNUUoSmS+DUqZkc5iGvIFALZ8bqeeIZMIW2ItnMQV1BZtXYyR6gBsb6dJRotz6GfiOiKmBFoVRGxFPHlKZ5zEMdQcQw7ndKslyKi6xzEEVSuZ40pS9BsS+NGT6xlCfCwhrhOKw1uQhxioX7QhVdXi3abg9iCym36XR5G4BW5IydEX5ZAN3ICP3I4YEKQQvZr+RbvD1m9LybFO2JmuGEvLFnApEkVYWa4oxZcL0VkxXtiYMSNGH59hAWk+EJMjIEXW9wOaIrY8iKvxMgAqqUUcShkhVNiarieQCRhZCjkvd06tAEghIIg+t0ll5w6AYbQCP3XhSKDZQiOLeCJVdOG8f4hDO6EWDXmO2sJYTAIZZBa3oDwBqnlDTrJGxDeoJO8AeGND8IZpJY3SC1vPBDCoNa0QWp5g9TyBqnlDQhvkFreSLG9HHd3R9cBgQ20N4JNstYAAAAASUVORK5CYII=) top left/64px no-repeat}.productsContent__style---base64-8- .myDesignTable__style---base64-8- tr[class*='disabled'] button:not(.myDesignTableButtonDelete__style---base64-8-){display:none}.productsContent__style---base64-8- .batchDesignEnable__style---base64-8-{height:36px;margin-left:10px}.productsContent__style---base64-8- .productsContentBtn__style---base64-8-{height:36px;display:inline-block;line-height:36px;text-align:center;margin-right:30px;background:#ca9e7b;border-radius:4px;padding:0 15px;justify-content:center;align-items:center;margin-bottom:24px}.productsContent__style---base64-8- .productsContentBtn__style---base64-8-:hover{cursor:pointer}.productsContent__style---base64-8- .productsContentBtn__style---base64-8- span{margin-left:3px;font-size:15px;color:white}.productsContent__style---base64-8- .productsContentBtn__style---base64-8- i{font-size:23px;color:white} .prouductModal .ant-modal-header { padding-top: 31px; } .prouductModal .ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab { border-radius: 10px 10px 0px 0px; font-size: 18px; color: #ffffff; padding: 0 20px; background-color: #cccccc; } .prouductModal .ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab-active { background-color: #EE3F10; color: #fff; } .prouductModal .ant-modal-body { padding: 0 24px; } .prouductModal .ant-modal-title { color: #576077; font-size: 20px; } .prouductModal .productSearch { width: 398px; display: flex; padding-top: 4px; padding-bottom: 20px; } .prouductModal .productSearch input { height: 40px; border: 1px solid #ebebeb; border-right: none; } .prouductModal .productSearch input:focus { box-shadow: initial; } .prouductModal .productSearchBtn { width: 44px; height: 40px ; line-height: 38px; margin-bottom: 0; border-radius: 0px 8px 8px 0px; background-color: initial; border: 1px solid #ebebeb; box-shadow: initial; border-left: none; color: #EE3F10; text-align: center; } .prouductModal .productSearchBtn:hover { color: white; background: #DB5426; cursor: pointer; } .prouductModal .productSearchBtn i { font-size: 24px; } .prouductModal .ant-btn { border: 0; box-shadow: none; background-color: initial; } .prouductModal .ant-btn:hover, .prouductModal .ant-btn:focus, .prouductModal .ant-btn:active, .prouductModal .ant-btn.active { background-color: initial; } .MyDesignVariantModal .ant-modal-body { padding-bottom: 6px !important; } .addressForm__style---base64-8-{margin-bottom:20px;text-align:center}.addressForm__style---base64-8->div{display:inline}.addressForm__style---base64-8- [class~="ant-form-explain"]{text-indent:0}.addressForm__style---base64-8- .CodeItem__style---base64-8-{width:71px;border-right:1px dotted #fac7cd;border-bottom:1px dotted #fac7cd;float:left;height:35px;line-height:35px;text-align:center}.addressForm__style---base64-8- .CodeBrn__style---base64-8-{border-right:none}.addressForm__style---base64-8- .CodeBbn__style---base64-8-{border-bottom:none}.addressForm__style---base64-8- .codeBox__style---base64-8-{width:500px;border-radius:4px;background:#fff0f2;border:1px solid #fac7cd}.addressForm__style---base64-8- .codeBox__style---base64-8-:after{content:"";display:block;clear:both}@media screen and (max-width: 768px){.addressForm__style---base64-8-{width:100%}} .addressForm .has-error .ant-input { background: #fff !important; } .PenddingSystemMsg .ant-modal-header { padding: 26px; } .PenddingSystemMsg .ant-modal-title { font-size: 19px !important; color: #000 !important; font-family: PingFang-SC-Medium; font-weight: 500 !important; } .PenddingSystemMsg .ant-modal-body { padding-bottom: 0; } .PenddingSystemMsg .ant-modal-footer { padding-top: 0px !important; padding-bottom: 40px !important; border-top: none; text-align: center; padding-bottom: 25px; } .PenddingSystemMsg .ant-modal-footer .ant-btn:first-child { display: none; } .PenddingSystemMsg .ant-modal-footer .ant-btn-primary { min-width: 112px; height: 36px; } #shoppingCartOrdersInfo .ant-table-footer { background-color: initial; border-top: 1px solid #e8e8e8; overflow: hidden; } #shoppingCartOrdersInfo .ant-table-tbody > tr:nth-child(even) { background-color: #fffaf6; } #shoppingCartOrdersInfo .listDivError { background: #fff0f2; border: 1px solid #ffb4b4; } #shoppingCartOrdersInfo .listDivError .addValues { color: #727272; } .LogisticsModal { position: fixed; height: calc(100% - 20vh); width: 100% !important; left: 0; max-width: 100% !important; top: 100px !important; padding: 0; margin: 0; } .LogisticsModal .ant-modal-body { height: 100%; } .LogisticsModal .ant-modal-content { height: 100%; text-align: center; } .LogisticsModal .ant-timeline { text-align: left !important; } .LogisticsModal .ant-timeline-item { padding-bottom: 1px; } .LogisticsModal .ant-timeline-item-tail { border-left: 2px dotted #e8e8e8; } .LogisticsModal .ant-timeline-item:first-child .ant-timeline-item-content p { color: #EC3E0F !important; } .LogisticsModal .ant-timeline .ant-timeline-item:first-child .ant-timeline-item-head { color: #EC3E0F; border-color: #EC3E0F; } .LogisticsModal .ant-timeline .ant-timeline-item:first-child .ant-timeline-item-content { color: #EC3E0F; } .trackingNumber p { font-size: 14px; } .trackingNumber .trackingNumberContent { max-height: 237px; overflow-y: scroll; padding: 10px; /*滚动条整体样式*/ /*滚动条滑块*/ /*滚动条轨道*/ } .trackingNumber .trackingNumberContent::-webkit-scrollbar { width: 6px; height: 1px; } .trackingNumber .trackingNumberContent::-webkit-scrollbar-thumb { border-radius: 10px; -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2); background: #B2B2B2; } .trackingNumber .trackingNumberContent::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 1px rgba(0, 0, 0, 0); border-radius: 10px; background: white; } .trackingNumber .trackingNumberContent .ant-timeline-item:first-child .ant-timeline-item-content p { color: #EC3E0F !important; } .trackingNumber .ant-popover-inner-content { padding-top: 30px; padding-bottom: 30px; } .trackingNumber .ant-popover-inner-content .trackingNumberStatus { display: flex; justify-content: center; align-items: center; height: 170px; width: 475px; } .trackingNumber .ant-popover-inner-content .ant-timeline-item:first-child .ant-timeline-item-content p { color: #EC3E0F !important; } .trackingNumber .ant-popover-inner-content .trackingNumberContentEmpty { display: flex; flex-direction: column; justify-content: center; align-items: center; } .trackingNumber .trackingNumberContentEmpty { display: flex; flex-direction: column; justify-content: center; align-items: center; } .trackingNumber .ant-timeline-item { padding-bottom: 1px; } .trackingNumber .ant-timeline-item-tail { border-left: 2px dotted #e8e8e8; } .trackingNumber .ant-timeline .ant-timeline-item:first-child .ant-timeline-item-head { color: #EC3E0F; border-color: #EC3E0F; } .trackingNumber .ant-timeline .ant-timeline-item:first-child .ant-timeline-item-content { color: #EC3E0F; } @media screen and (max-width: 768px) { .trackingNumberContent { max-height: 100%; overflow-y: scroll; padding: 0.1rem; } .ant-timeline-item { font-size: 0.32rem; } .ant-timeline-item p:nth-child(1) { font-size: 0.32rem; } .ant-timeline-item p:nth-child(2) { font-size: 0.26rem; } .ant-popover-inner-content { padding-top: 0.3rem; padding-bottom: 0.3rem; } .trackingNumberStatus { display: flex; text-align: center; justify-content: center; align-items: center; height: 170px; width: 475px; } .trackingNumberContentEmpty { display: flex; flex-direction: column; justify-content: center; align-items: center; } .ant-timeline-item { padding-bottom: 1px; } .ant-timeline-item-tail { border-left: 2px dotted #e8e8e8; } .ant-timeline .ant-timeline-item:first-child .ant-timeline-item-head { color: #EC3E0F; border-color: #EC3E0F; } .ant-timeline .ant-timeline-item:first-child .ant-timeline-item-content { color: #EC3E0F; } } .shoppingCartOrdersInfo__style---base64-8- .backBtn__style---base64-8-{background:#ddd;border-radius:4px;color:#666;width:110px;margin-bottom:23px;height:36px;font-size:15px}.shoppingCartOrdersInfo__style---base64-8- .backBtn__style---base64-8-:hover{background:#333 !important;color:#fff !important;border:none !important}.shoppingCartOrdersInfo__style---base64-8- .addToCart__style---base64-8-{padding:0;background:transparent;height:30px;line-height:30px;border:0;box-shadow:none}.shoppingCartOrdersInfo__style---base64-8- .addToCart__style---base64-8-:hover,.shoppingCartOrdersInfo__style---base64-8- .addToCart__style---base64-8-:focus{color:#EC3E0F;background:none}.shoppingCartOrdersInfo__style---base64-8- .addToCart__style---base64-8- i{font-size:40px}.shoppingCartOrdersInfo__style---base64-8- .editBtn__style---base64-8-{position:absolute;top:10px;right:10px}.shoppingCartOrdersInfo__style---base64-8- tr[class*='disabled']{position:relative;transform:translate3d(0, 0, 0)}.shoppingCartOrdersInfo__style---base64-8- tr[class*='disabled']::after{position:absolute;content:'';display:block;width:80px;height:100%;left:0;top:0;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEMAAABACAMAAAB2gDrvAAAA21BMVEUAAACZmZmZmZmampqSkpKVlZWZmZmYmJiZmZmYmJiZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmampqampqZmZmYmJiZmZmampqZmZmYmJiZmZmbm5uampqZmZmYmJiYmJiYmJiYmJiZmZmqqqr8/Pyjo6Obm5vf39/29vaenp7o6Ojw8PC8vLyysrLU1NTOzs75+fnz8/PT09PIyMixsbGoqKj+/v719fXi4uLc3NzY2NjFxcWgoKDt7e3AwMCtra3v7+/Ly8u/v7+2traurq6lpaXj4+PneLvAAAAAJHRSTlMA9vsKBRLowqUa8t7Xz7u1rXFIPi0g452Qh35mXTUn7siWVVDbLvllAAAB+klEQVRYw6zT13LDIBRFUez03nuZlANCxUWSJbn3kv//oihxADmTGOFkP96HNcBwya89bBaWdXlOtJ3tYlmb/0A86onTApZ1+Xdi70JPvBYxr1xZlXgRBFrsB2R/R0/cSwLcFsjKBKxO8B052NATdxmi26hNmqxiSpzgq8EM6PQALFznyYQAewOi0gfGQi6GW2t64lY+BMqxzxNWBca2JaaHJsSUlZE4Ni8zzw6mJsQNZNUUoSmS+DUqZkc5iGvIFALZ8bqeeIZMIW2ItnMQV1BZtXYyR6gBsb6dJRotz6GfiOiKmBFoVRGxFPHlKZ5zEMdQcQw7ndKslyKi6xzEEVSuZ40pS9BsS+NGT6xlCfCwhrhOKw1uQhxioX7QhVdXi3abg9iCym36XR5G4BW5IydEX5ZAN3ICP3I4YEKQQvZr+RbvD1m9LybFO2JmuGEvLFnApEkVYWa4oxZcL0VkxXtiYMSNGH59hAWk+EJMjIEXW9wOaIrY8iKvxMgAqqUUcShkhVNiarieQCRhZCjkvd06tAEghIIg+t0ll5w6AYbQCP3XhSKDZQiOLeCJVdOG8f4hDO6EWDXmO2sJYTAIZZBa3oDwBqnlDTrJGxDeoJO8AeGND8IZpJY3SC1vPBDCoNa0QWp5g9TyBqnlDQhvkFreSLG9HHd3R9cBgQ20N4JNstYAAAAASUVORK5CYII=) top left/64px no-repeat}.shoppingCartOrdersInfoBuyNow__style---base64-8-{text-align:right}.shoppingCartOrdersInfoBuyNow__style---base64-8- button[class*='ant-btn-primary']{width:100%;margin-top:35px;border:0;background:#f33;font-size:20px;padding:0 30px;height:44px;border-radius:10px}.shoppingCartOrdersInfoBuyNow__style---base64-8- button[class*='ant-btn-primary']:hover,.shoppingCartOrdersInfoBuyNow__style---base64-8- button[class*='ant-btn-primary']:focus{background-color:#ff9933}.shoppingCartOrdersInfoDetail__style---base64-8-{margin-bottom:20px;margin-top:25px}.shoppingCartOrdersInfoDetailContainer__style---base64-8-{display:flex;padding:17px 17px 10px;border:1px solid #dfdfdf;border-radius:4px;justify-content:space-between}.shoppingCartOrdersInfoDetailContainer__style---base64-8- p{margin-bottom:0;line-height:1.5;font-size:14px;width:100%;margin-bottom:7px}.shoppingCartOrdersInfoDetailContainer__style---base64-8- p span:first-child{display:inline-block;text-align:right;color:#999999;white-space:nowrap}.shoppingCartOrdersInfoDetailContainer__style---base64-8- p span:last-child{color:#333}.shoppingCartOrdersInfoDetailOrder__style---base64-8- .shoppingCartOrdersInfoDetail__style---base64-8-{margin:25px 0 20px}.shoppingCartOrdersInfoDetailOrder__style---base64-8- .shoppingCartOrdersInfoDetailContainer__style---base64-8- p{width:auto;font-size:16px}.shoppingCartOrdersInfoDetailOrder__style---base64-8- .shoppingCartOrdersInfoDetailContainer__style---base64-8- p span:first-child{width:auto}.shoppingCartOrdersInfo__style---base64-8- h3{font-size:20px;color:#333333;font-weight:700}.shoppingCartOrdersInfo__style---base64-8- h4{font-size:18px;margin-bottom:20px;color:#333;font-weight:600;line-height:1}.shoppingCartOrdersInfo__style---base64-8- .remarks__style---base64-8-{width:100%}.shoppingCartOrdersInfo__style---base64-8- .remarks__style---base64-8- textarea{width:100%;padding:6px 12px;border:1px solid #e5e5e5;color:#878787}.shoppingCartOrdersInfo__style---base64-8- .formBtn__style---base64-8-{margin-top:35px}.shoppingCartOrdersInfo__style---base64-8- .formBtn__style---base64-8- .formBtnSave__style---base64-8-{font-size:18px;height:40px;border-radius:10px}.shoppingCartOrdersInfo__style---base64-8- .shippingInfo__style---base64-8- .addressList__style---base64-8-{margin-bottom:28px;position:relative}.shoppingCartOrdersInfo__style---base64-8- .shippingInfo__style---base64-8- .addressList__style---base64-8- h4 span{font-size:14px;color:#ff3434;font-weight:normal;padding-left:5px}.shoppingCartOrdersInfo__style---base64-8- .shippingInfo__style---base64-8- .addressList__style---base64-8- .listDiv__style---base64-8->div{display:inline-block;margin-right:20px}.shoppingCartOrdersInfo__style---base64-8- .shippingInfo__style---base64-8- .addressList__style---base64-8- .listDiv__style---base64-8-{color:#333;position:relative;min-height:53px;box-sizing:border-box;line-height:33px;width:calc(100% - 35px);border:solid 1px #dfdfdf;border-radius:4px;padding:10px 100px 10px 20px}.shoppingCartOrdersInfo__style---base64-8- .shippingInfo__style---base64-8- .addressList__style---base64-8- .listDiv__style---base64-8- div>span:first-child{color:#999999}.shoppingCartOrdersInfo__style---base64-8- .shippingInfo__style---base64-8- .addressList__style---base64-8- .listDiv__style---base64-8- .txtLeft__style---base64-8-{text-align:right;color:#999999;padding-right:5px}.shoppingCartOrdersInfo__style---base64-8- .shippingInfo__style---base64-8- .addressList__style---base64-8- .listDivOn__style---base64-8-{border:solid 2px #DB5426;background-color:#fff}.shoppingCartOrdersInfo__style---base64-8- .shippingInfo__style---base64-8- .addressList__style---base64-8- .listDiv__style---base64-8- .checked__style---base64-8-{width:0;height:0;border-top:35px solid transparent;border-left:35px solid transparent;border-bottom:35px solid #DB5426;position:absolute;right:0;bottom:0}.shoppingCartOrdersInfo__style---base64-8- .shippingInfo__style---base64-8- .addressList__style---base64-8- .listDiv__style---base64-8- .icon__style---base64-8-{color:#ffffff;font-size:27px;position:absolute;right:-4px;bottom:-10px}.shoppingCartOrdersInfo__style---base64-8- .shippingInfo__style---base64-8- .addressList__style---base64-8- .selectAddress__style---base64-8-{margin-top:15px;position:absolute;right:55px;top:40px}.shoppingCartOrdersInfo__style---base64-8- .shippingInfo__style---base64-8- .addressList__style---base64-8- .selectAddress__style---base64-8- .btn__style---base64-8-{font-size:14px;width:156px;height:36px;border-radius:10px}.shoppingCartOrdersInfo__style---base64-8- .shippingInfo__style---base64-8- .checkoutCoupon__style---base64-8- .btnCoupon__style---base64-8-{border-radius:10px;height:35px}.shoppingCartOrdersInfo__style---base64-8- .shippingInfo__style---base64-8- .purchaseList__style---base64-8-{margin-bottom:30px;margin-right:35px}.shoppingCartOrdersInfo__style---base64-8- .shippingInfo__style---base64-8- .purchaseList__style---base64-8- h4{font-size:18px}.shoppingCartOrdersInfo__style---base64-8- .shippingInfo__style---base64-8- .tableFooter__style---base64-8- .left__style---base64-8-{color:#333333}.shoppingCartOrdersInfo__style---base64-8- .shippingInfo__style---base64-8- .tableFooter__style---base64-8- .shippingTip__style---base64-8-{color:#ff3333;font-size:14px}.shoppingCartOrdersInfo__style---base64-8- .shippingInfo__style---base64-8- .tableFooter__style---base64-8- .right__style---base64-8-{padding-left:20px;font-size:16px;text-align:right;padding-right:30px;color:#000000;font-weight:700}.shoppingCartOrdersInfo__style---base64-8- .shippingInfo__style---base64-8- .tableFooter__style---base64-8- .right__style---base64-8- span{color:#ff3333;font-size:22px}.shoppingCartOrdersInfo__style---base64-8- .shippingInfo__style---base64-8- .tableFooter__style---base64-8- .right__style---base64-8- p{line-height:1;margin-bottom:14px}.shoppingCartOrdersInfo__style---base64-8- .shippingInfo__style---base64-8- .tableFooter__style---base64-8- .right__style---base64-8- p:last-child{margin:0}.shoppingCartOrdersInfo__style---base64-8- .shippingInfo__style---base64-8- .tableFooter__style---base64-8- .shippingTxt__style---base64-8-{text-align:right;line-height:30px;padding-right:10px}.shoppingCartOrdersInfo__style---base64-8- .shippingInfo__style---base64-8- .checkoutBox__style---base64-8-{margin-top:15px;margin-bottom:35px}.shoppingCartOrdersInfo__style---base64-8- .shippingInfo__style---base64-8- .checkoutBox__style---base64-8- h4{font-size:18px;line-height:39px;color:#333333}.shoppingCartOrdersInfo__style---base64-8- .shippingInfo__style---base64-8- .checkoutBox__style---base64-8- .tip__style---base64-8-{color:#ff4700;margin-left:10px}.shoppingCartOrdersInfo__style---base64-8- .shippingInfo__style---base64-8- .checkoutBox__style---base64-8- .detail__style---base64-8-{font-size:16px;color:#333;margin-bottom:10px;border:solid 1px #e4e4e4}.shoppingCartOrdersInfo__style---base64-8- .shippingInfo__style---base64-8- .checkoutBox__style---base64-8- .detail__style---base64-8- .odd__style---base64-8-,.shoppingCartOrdersInfo__style---base64-8- .shippingInfo__style---base64-8- .checkoutBox__style---base64-8- .detail__style---base64-8- .even__style---base64-8-{line-height:20px}.shoppingCartOrdersInfo__style---base64-8- .shippingInfo__style---base64-8- .checkoutBox__style---base64-8- .detail__style---base64-8- .odd__style---base64-8-:nth-child(even){background-color:#fffaf6}.shoppingCartOrdersInfo__style---base64-8- .shippingInfo__style---base64-8- .checkoutBox__style---base64-8- .detail__style---base64-8- .leftTxt__style---base64-8-{padding:15px 25px;border-right:1px dashed #ccc;font-weight:800}.shoppingCartOrdersInfo__style---base64-8- .shippingInfo__style---base64-8- .checkoutBox__style---base64-8- .detail__style---base64-8- .rightTxt__style---base64-8-{padding:15px 25px}.shoppingCartOrdersInfo__style---base64-8- .shippingInfo__style---base64-8- .checkoutBox__style---base64-8- .detail__style---base64-8- .price__style---base64-8-{font-size:22px;color:#ff3333;font-weight:700}.shoppingCartOrdersInfo__style---base64-8- .shippingInfo__style---base64-8- .checkoutBox__style---base64-8- .shippingCount__style---base64-8-{text-decoration:line-through;color:#adadad;font-size:13px;margin-left:5px}.shoppingCartOrdersInfo__style---base64-8- .topBtn__style---base64-8-{margin-bottom:20px}.shoppingCartOrdersInfo__style---base64-8- .addressTable__style---base64-8-{max-height:500px}.shoppingCartOrdersInfo__style---base64-8- .mobileShoppingCartOrdersInfo__style---base64-8-{display:none}.shoppingCartOrdersInfo__style---base64-8- .refund__style---base64-8-{margin-right:35px}.shoppingCartOrdersInfo__style---base64-8- .refund__style---base64-8- h3{font-size:18px;color:#333;margin-top:20px;font-weight:normal}.shoppingCartOrdersInfo__style---base64-8- .refundBox__style---base64-8-{padding:15px;background:#fff0f2;border:1px solid #fac7cd;border-radius:4px;color:#999999;position:relative}.shoppingCartOrdersInfo__style---base64-8- .refundBox__style---base64-8- span{margin-right:20px;color:#333;font-size:14px}.shoppingCartOrdersInfo__style---base64-8- .refundBox__style---base64-8- .remarkSpan__style---base64-8-{display:inline-block;max-width:1080px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:middle}.shoppingCartOrdersInfo__style---base64-8- .refundBoxImg__style---base64-8-{position:absolute;right:0;top:0}.shoppingCartOrdersInfo__style---base64-8- .refundBox__style---base64-8- .price__style---base64-8-{color:#ff3333;font-weight:bold}@media screen and (max-width: 768px){.shoppingCartOrdersInfo__style---base64-8- .shoppingCartOrdersInfoContainerTitle__style---base64-8-,.shoppingCartOrdersInfo__style---base64-8- .shoppingCartOrdersInfoBuyNowContainer__style---base64-8-,.shoppingCartOrdersInfo__style---base64-8- .shippingInfo__style---base64-8-,.shoppingCartOrdersInfo__style---base64-8- .shoppingCartOrdersInfoTable__style---base64-8-,.shoppingCartOrdersInfo__style---base64-8- .backBtn__style---base64-8-,.shoppingCartOrdersInfo__style---base64-8- .refund__style---base64-8-{display:none !important}.shoppingCartOrdersInfo__style---base64-8- .mobileShoppingCartOrdersInfo__style---base64-8-{display:block;padding-top:0.35rem}.shoppingCartOrdersInfo__style---base64-8- .mobileOrderDetails__style---base64-8-{width:7.02rem;background:#fff;box-shadow:0rem 0.04rem 0.16rem 0rem rgba(30,30,30,0.22);border-radius:0.1rem}.shoppingCartOrdersInfo__style---base64-8- .mobileOrderDetailsTitle__style---base64-8-{width:7.02rem;height:0.8rem;background:#f3f3f3;font-size:0.32rem;font-weight:500;color:#000;line-height:0.8rem;padding-left:0.22rem}.shoppingCartOrdersInfo__style---base64-8- .mobileOrderDetailsTitle__style---base64-8-:after{content:'>';color:#ccc;padding-left:0.05rem}.shoppingCartOrdersInfo__style---base64-8- .mobileOrderDetailsContent__style---base64-8-{padding:0.29rem 0.2rem}.shoppingCartOrdersInfo__style---base64-8- .mobileOrderDetailsContentText__style---base64-8-{font-size:0.26rem}.shoppingCartOrdersInfo__style---base64-8- .mobileOrderDetailsContentText__style---base64-8- .mobileOrderDetailsContentTextTitle__style---base64-8-{color:#999999;line-height:0.3rem}.shoppingCartOrdersInfo__style---base64-8- .mobileOrderDetailsContentText__style---base64-8- .mobileOrderDetailsContentTextContent__style---base64-8-{color:#333333;line-height:0.3rem}.shoppingCartOrdersInfo__style---base64-8- .mobileOrderDetailsContentText__style---base64-8-:nth-child(n+1){padding-bottom:0.05rem}.shoppingCartOrdersInfo__style---base64-8- .mobileShippingAddress__style---base64-8-{width:7.02rem;background:#fff;box-shadow:0rem 0.04rem 0.16rem 0rem rgba(30,30,30,0.22);border-radius:0.1rem;margin-top:0.4rem}.shoppingCartOrdersInfo__style---base64-8- .mobileShippingAddressTitle__style---base64-8-{width:7.02rem;height:0.8rem;background:#f3f3f3;font-size:0.32rem;font-weight:500;color:#000;line-height:0.8rem;padding-left:0.22rem}.shoppingCartOrdersInfo__style---base64-8- .mobileShippingAddressTitle__style---base64-8-:after{content:'>';color:#ccc;padding-left:0.15rem}.shoppingCartOrdersInfo__style---base64-8- .mobileShippingAddressContent__style---base64-8-{padding:0.29rem 0.2rem}.shoppingCartOrdersInfo__style---base64-8- .mobileShippingAddressContentText__style---base64-8-{font-size:0.26rem}.shoppingCartOrdersInfo__style---base64-8- .mobileShippingAddressContentText__style---base64-8- .mobileShippingAddressContentTextTitle__style---base64-8-{color:#999999;line-height:0.3rem}.shoppingCartOrdersInfo__style---base64-8- .mobileShippingAddressContentText__style---base64-8- .mobileShippingAddressContentTextContent__style---base64-8-{color:#333333;line-height:0.3rem}.shoppingCartOrdersInfo__style---base64-8- .mobileShippingAddressContentText__style---base64-8- .mobileWarehouseContentMid__style---base64-8-{padding:0.4rem 0.2rem;display:flex;border-bottom:0.01rem solid #e5e5e5}.shoppingCartOrdersInfo__style---base64-8- .mobileShippingAddressContentText__style---base64-8- .mobileWarehouseContentMidDisabled__style---base64-8-{position:relative;transform:translate3d(0, 0, 0);background:#eaeaea}.shoppingCartOrdersInfo__style---base64-8- .mobileShippingAddressContentText__style---base64-8- .mobileWarehouseContentMidDisabled__style---base64-8-::after{position:absolute;content:'';display:block;width:80px;height:100%;left:0;top:0;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEMAAABACAMAAAB2gDrvAAAA21BMVEUAAACZmZmZmZmampqSkpKVlZWZmZmYmJiZmZmYmJiZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmampqampqZmZmYmJiZmZmampqZmZmYmJiZmZmbm5uampqZmZmYmJiYmJiYmJiYmJiZmZmqqqr8/Pyjo6Obm5vf39/29vaenp7o6Ojw8PC8vLyysrLU1NTOzs75+fnz8/PT09PIyMixsbGoqKj+/v719fXi4uLc3NzY2NjFxcWgoKDt7e3AwMCtra3v7+/Ly8u/v7+2traurq6lpaXj4+PneLvAAAAAJHRSTlMA9vsKBRLowqUa8t7Xz7u1rXFIPi0g452Qh35mXTUn7siWVVDbLvllAAAB+klEQVRYw6zT13LDIBRFUez03nuZlANCxUWSJbn3kv//oihxADmTGOFkP96HNcBwya89bBaWdXlOtJ3tYlmb/0A86onTApZ1+Xdi70JPvBYxr1xZlXgRBFrsB2R/R0/cSwLcFsjKBKxO8B052NATdxmi26hNmqxiSpzgq8EM6PQALFznyYQAewOi0gfGQi6GW2t64lY+BMqxzxNWBca2JaaHJsSUlZE4Ni8zzw6mJsQNZNUUoSmS+DUqZkc5iGvIFALZ8bqeeIZMIW2ItnMQV1BZtXYyR6gBsb6dJRotz6GfiOiKmBFoVRGxFPHlKZ5zEMdQcQw7ndKslyKi6xzEEVSuZ40pS9BsS+NGT6xlCfCwhrhOKw1uQhxioX7QhVdXi3abg9iCym36XR5G4BW5IydEX5ZAN3ICP3I4YEKQQvZr+RbvD1m9LybFO2JmuGEvLFnApEkVYWa4oxZcL0VkxXtiYMSNGH59hAWk+EJMjIEXW9wOaIrY8iKvxMgAqqUUcShkhVNiarieQCRhZCjkvd06tAEghIIg+t0ll5w6AYbQCP3XhSKDZQiOLeCJVdOG8f4hDO6EWDXmO2sJYTAIZZBa3oDwBqnlDTrJGxDeoJO8AeGND8IZpJY3SC1vPBDCoNa0QWp5g9TyBqnlDQhvkFreSLG9HHd3R9cBgQ20N4JNstYAAAAASUVORK5CYII=) top left/64px no-repeat}.shoppingCartOrdersInfo__style---base64-8- .mobileShippingAddressContentText__style---base64-8- .mobileWarehouseContentMidImg__style---base64-8-{width:1.5rem;height:1.5rem;border:0.01rem solid #ececec}.shoppingCartOrdersInfo__style---base64-8- .mobileShippingAddressContentText__style---base64-8- .mobileWarehouseContentMidRight__style---base64-8-{padding-left:0.27rem;display:flex;justify-content:space-between;flex-direction:column}.shoppingCartOrdersInfo__style---base64-8- .mobileShippingAddressContentText__style---base64-8- .mobileWarehouseContentMidRightTitle__style---base64-8-{width:4rem;font-weight:500;font-size:0.26rem;color:#000000;font-weight:500;line-height:1.3;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.shoppingCartOrdersInfo__style---base64-8- .mobileShippingAddressContentText__style---base64-8- .mobileWarehouseContentMidRightInfo__style---base64-8-{font-size:0.26rem;color:#666666;padding-top:5px;line-height:1}.shoppingCartOrdersInfo__style---base64-8- .mobileShippingAddressContentText__style---base64-8- .mobileWarehouseContentMidRightSize__style---base64-8-{margin-right:0.7rem}.shoppingCartOrdersInfo__style---base64-8- .mobileShippingAddressContentText__style---base64-8- .mobileWarehouseContentMidRightPrice__style---base64-8-{color:#f33535;margin-top:0.25rem;line-height:1}.shoppingCartOrdersInfo__style---base64-8- .mobileShippingAddressContentText__style---base64-8- .mobileWarehouseContentMidRightPrice__style---base64-8- .mobileWarehouseContentMidRightPriceDollar__style---base64-8-{font-size:0.3rem}.shoppingCartOrdersInfo__style---base64-8- .mobileShippingAddressContentText__style---base64-8- .mobileWarehouseContentMidRightPrice__style---base64-8- .mobileWarehouseContentMidRightPriceText__style---base64-8-{font-size:0.38rem}.shoppingCartOrdersInfo__style---base64-8- .mobileShippingAddressContentText__style---base64-8- .mobileWarehouseContentBottom__style---base64-8-{padding:0.3rem 0.2rem}.shoppingCartOrdersInfo__style---base64-8- .mobileShippingAddressContentText__style---base64-8- .mobileWarehouseContentBottomSubtotalTitle__style---base64-8-{font-size:0.24rem;font-weight:500;color:#000;padding-top:0.05rem}.shoppingCartOrdersInfo__style---base64-8- .mobileShippingAddressContentText__style---base64-8- .mobileWarehouseContentBottomSubtotalPrice__style---base64-8-{font-size:0.3rem;font-weight:500;color:#000;min-width:0.97rem;text-align:left;display:inline-block}.shoppingCartOrdersInfo__style---base64-8- .mobileShippingAddressContentText__style---base64-8- .mobileWarehouseContentBottomShippingTitle__style---base64-8-{font-size:0.24rem;font-weight:500;color:#000;padding-top:0.05rem}.shoppingCartOrdersInfo__style---base64-8- .mobileShippingAddressContentText__style---base64-8- .mobileWarehouseContentBottomShippingPrice__style---base64-8-{font-size:0.3rem;font-weight:500;color:#000;min-width:0.97rem;text-align:left;display:inline-block}.shoppingCartOrdersInfo__style---base64-8- .mobileShippingAddressContentText__style---base64-8- .mobileWarehouseContentBottomSubtotal__style---base64-8-{display:flex;justify-content:flex-end}.shoppingCartOrdersInfo__style---base64-8- .mobileShippingAddressContentText__style---base64-8- .mobileWarehouseContentBottomShipping__style---base64-8-{display:flex;justify-content:flex-end}.shoppingCartOrdersInfo__style---base64-8- .mobileShippingAddressContentText__style---base64-8- .mobileOrderTotals__style---base64-8-{width:7.03rem;height:4.42rem;background:#fff;box-shadow:0rem 0.04rem 0.16rem 0rem rgba(30,30,30,0.22);border-radius:0.1rem;margin:0.4rem 0}.shoppingCartOrdersInfo__style---base64-8- .mobileShippingAddressContentText__style---base64-8- .mobileOrderTotalsRow__style---base64-8-{display:flex;min-height:0.88rem}.shoppingCartOrdersInfo__style---base64-8- .mobileShippingAddressContentText__style---base64-8- .mobileOrderTotalsRow__style---base64-8-:nth-child(even){background-color:#fffaf6}.shoppingCartOrdersInfo__style---base64-8- .mobileShippingAddressContentText__style---base64-8- .mobileOrderTotalsRowTitle__style---base64-8-{flex:1;padding-left:0.58rem;border-right:0.01rem dashed #ccc;font-size:0.32rem;font-weight:bold;color:#333;line-height:0.88rem}.shoppingCartOrdersInfo__style---base64-8- .mobileShippingAddressContentText__style---base64-8- .mobileOrderTotalsRowText__style---base64-8-{flex:1;padding-left:0.58rem;font-size:0.32rem;font-weight:500;color:#000;line-height:0.88rem}.shoppingCartOrdersInfo__style---base64-8- .mobileShippingAddressContentText__style---base64-8-:nth-child(n+1){padding-bottom:0.05rem}.shoppingCartOrdersInfo__style---base64-8- .mobileLogisticList__style---base64-8-{background:#fff;box-shadow:0rem 0.04rem 0.16rem 0rem rgba(30,30,30,0.22);border-radius:0.1rem;margin-top:0.4rem}.shoppingCartOrdersInfo__style---base64-8- .mobileLogisticListTip__style---base64-8-{background-color:#FFF0F2;padding:.2rem;color:#FF3333}.shoppingCartOrdersInfo__style---base64-8- .mobileLogisticList__style---base64-8- h4{height:0.8rem;background:#f3f3f3;font-size:0.32rem;font-weight:500;color:#000;line-height:0.8rem;padding-left:0.22rem;margin-bottom:0}.shoppingCartOrdersInfo__style---base64-8- .mobileLogisticList__style---base64-8- h4:after{content:'>';color:#ccc;padding-left:0.15rem}.shoppingCartOrdersInfo__style---base64-8- .mobileWarehouse__style---base64-8-{width:7.02rem;background:#fff;box-shadow:0rem 0.04rem 0.16rem 0rem rgba(30,30,30,0.22);border-radius:0.1rem;margin-top:0.4rem}.shoppingCartOrdersInfo__style---base64-8- .shippingOptionMobileModal__style---base64-8-{width:100%}.shoppingCartOrdersInfo__style---base64-8- .mobileWarehouseTitle__style---base64-8-{width:7.02rem;height:0.8rem;background:#f3f3f3;font-size:0.32rem;font-weight:500;color:#000;line-height:0.8rem;padding-left:0.22rem}.shoppingCartOrdersInfo__style---base64-8- .mobileWarehouseTitle__style---base64-8-:after{content:'>';color:#ccc;padding-left:0.15rem}.shoppingCartOrdersInfo__style---base64-8- .mobileWarehouseContentTop__style---base64-8-{padding:0.35rem 0.2rem;border-bottom:0.01rem solid #e5e5e5}.shoppingCartOrdersInfo__style---base64-8- .mobileWarehouseContentTopStatus__style---base64-8-{display:flex;font-size:0.26rem}.shoppingCartOrdersInfo__style---base64-8- .mobileWarehouseContentTopStatusTitle__style---base64-8-{color:#999999}.shoppingCartOrdersInfo__style---base64-8- .mobileWarehouseContentTopStatusContent__style---base64-8-{color:#333333;margin-right:0.05rem}.shoppingCartOrdersInfo__style---base64-8- .mobileWarehouseContentTopStatusTime__style---base64-8-{color:#f33535}.shoppingCartOrdersInfo__style---base64-8- .mobileWarehouseContentTopStatusTime__style---base64-8- i{font-size:0.25rem}.shoppingCartOrdersInfo__style---base64-8- .mobileWarehouseContentTopLogistics__style---base64-8-{display:flex;font-size:0.26rem;margin-top:0.09rem}.shoppingCartOrdersInfo__style---base64-8- .mobileWarehouseContentTopLogisticsShipping__style---base64-8-{color:#999999;width:1.3rem}.shoppingCartOrdersInfo__style---base64-8- .mobileWarehouseContentTopLogisticsShippingText__style---base64-8-{color:#333333;margin-right:0.1rem}.shoppingCartOrdersInfo__style---base64-8- .mobileWarehouseContentTopLogisticsTracking__style---base64-8-{width:1.7rem;color:#999999}.shoppingCartOrdersInfo__style---base64-8- .mobileWarehouseContentTopLogisticsTrackingText__style---base64-8-{word-break:break-all;color:#333333}.shoppingCartOrdersInfo__style---base64-8- .mobileWarehouseContentMid__style---base64-8-{padding:0.4rem 0.2rem;display:flex;border-bottom:0.01rem solid #e5e5e5}.shoppingCartOrdersInfo__style---base64-8- .mobileWarehouseContentMidDisabled__style---base64-8-{position:relative;transform:translate3d(0, 0, 0);background:#eaeaea}.shoppingCartOrdersInfo__style---base64-8- .mobileWarehouseContentMidDisabled__style---base64-8-::after{position:absolute;content:'';display:block;width:80px;height:100%;left:0;top:0;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEMAAABACAMAAAB2gDrvAAAA21BMVEUAAACZmZmZmZmampqSkpKVlZWZmZmYmJiZmZmYmJiZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmampqampqZmZmYmJiZmZmampqZmZmYmJiZmZmbm5uampqZmZmYmJiYmJiYmJiYmJiZmZmqqqr8/Pyjo6Obm5vf39/29vaenp7o6Ojw8PC8vLyysrLU1NTOzs75+fnz8/PT09PIyMixsbGoqKj+/v719fXi4uLc3NzY2NjFxcWgoKDt7e3AwMCtra3v7+/Ly8u/v7+2traurq6lpaXj4+PneLvAAAAAJHRSTlMA9vsKBRLowqUa8t7Xz7u1rXFIPi0g452Qh35mXTUn7siWVVDbLvllAAAB+klEQVRYw6zT13LDIBRFUez03nuZlANCxUWSJbn3kv//oihxADmTGOFkP96HNcBwya89bBaWdXlOtJ3tYlmb/0A86onTApZ1+Xdi70JPvBYxr1xZlXgRBFrsB2R/R0/cSwLcFsjKBKxO8B052NATdxmi26hNmqxiSpzgq8EM6PQALFznyYQAewOi0gfGQi6GW2t64lY+BMqxzxNWBca2JaaHJsSUlZE4Ni8zzw6mJsQNZNUUoSmS+DUqZkc5iGvIFALZ8bqeeIZMIW2ItnMQV1BZtXYyR6gBsb6dJRotz6GfiOiKmBFoVRGxFPHlKZ5zEMdQcQw7ndKslyKi6xzEEVSuZ40pS9BsS+NGT6xlCfCwhrhOKw1uQhxioX7QhVdXi3abg9iCym36XR5G4BW5IydEX5ZAN3ICP3I4YEKQQvZr+RbvD1m9LybFO2JmuGEvLFnApEkVYWa4oxZcL0VkxXtiYMSNGH59hAWk+EJMjIEXW9wOaIrY8iKvxMgAqqUUcShkhVNiarieQCRhZCjkvd06tAEghIIg+t0ll5w6AYbQCP3XhSKDZQiOLeCJVdOG8f4hDO6EWDXmO2sJYTAIZZBa3oDwBqnlDTrJGxDeoJO8AeGND8IZpJY3SC1vPBDCoNa0QWp5g9TyBqnlDQhvkFreSLG9HHd3R9cBgQ20N4JNstYAAAAASUVORK5CYII=) top left/64px no-repeat}.shoppingCartOrdersInfo__style---base64-8- .mobileWarehouseContentMidImg__style---base64-8-{width:1.5rem;height:1.5rem;border:1px solid #ececec}.shoppingCartOrdersInfo__style---base64-8- .mobileWarehouseContentMidRight__style---base64-8-{padding-left:0.27rem;display:flex;justify-content:space-between;flex-direction:column}.shoppingCartOrdersInfo__style---base64-8- .mobileWarehouseContentMidRightTitle__style---base64-8-{width:4rem;font-weight:500;font-size:0.26rem;color:#000000;font-weight:500;line-height:1.3;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.shoppingCartOrdersInfo__style---base64-8- .mobileWarehouseContentMidRightInfo__style---base64-8-{font-size:0.26rem;color:#666666;padding-top:5px;line-height:1}.shoppingCartOrdersInfo__style---base64-8- .mobileWarehouseContentMidRightSize__style---base64-8-{margin-right:0.7rem}.shoppingCartOrdersInfo__style---base64-8- .mobileWarehouseContentMidRightPrice__style---base64-8-{color:#f33535;line-height:1;margin-top:0.25rem}.shoppingCartOrdersInfo__style---base64-8- .mobileWarehouseContentMidRightPrice__style---base64-8- .mobileWarehouseContentMidRightPriceDollar__style---base64-8-{font-size:0.3rem}.shoppingCartOrdersInfo__style---base64-8- .mobileWarehouseContentMidRightPrice__style---base64-8- .mobileWarehouseContentMidRightPriceText__style---base64-8-{font-size:0.38rem}.shoppingCartOrdersInfo__style---base64-8- .mobileWarehouseContentBottom__style---base64-8-{padding:0.3rem 0.2rem}.shoppingCartOrdersInfo__style---base64-8- .mobileWarehouseContentBottomSubtotalTitle__style---base64-8-{font-size:0.24rem;font-weight:500;color:#000;padding-top:0.05rem}.shoppingCartOrdersInfo__style---base64-8- .mobileWarehouseContentBottomSubtotalPrice__style---base64-8-{font-size:0.3rem;font-weight:500;color:#000;min-width:0.97rem;text-align:left;display:inline-block}.shoppingCartOrdersInfo__style---base64-8- .mobileWarehouseContentBottomShippingTitle__style---base64-8-{font-size:0.24rem;font-weight:500;color:#000;padding-top:0.05rem}.shoppingCartOrdersInfo__style---base64-8- .mobileWarehouseContentBottomShippingPrice__style---base64-8-{font-size:0.3rem;font-weight:500;color:#000;min-width:0.97rem;text-align:left;display:inline-block}.shoppingCartOrdersInfo__style---base64-8- .mobileWarehouseContentBottomSubtotal__style---base64-8-{display:flex;justify-content:flex-end}.shoppingCartOrdersInfo__style---base64-8- .mobileWarehouseContentBottomShipping__style---base64-8-{display:flex;justify-content:flex-end}.shoppingCartOrdersInfo__style---base64-8- .mobileOrderTotals__style---base64-8-{width:7.03rem;background:#fff;box-shadow:0rem 0.04rem 0.16rem 0rem rgba(30,30,30,0.22);border-radius:0.1rem;margin:0.4rem 0}.shoppingCartOrdersInfo__style---base64-8- .mobileOrderTotals__style---base64-8- .mobileOrderTitle__style---base64-8-{width:7.02rem;height:0.8rem;background:#f3f3f3;font-size:0.32rem;font-weight:500;color:#000;line-height:0.8rem;padding-left:0.22rem}.shoppingCartOrdersInfo__style---base64-8- .mobileOrderTotals__style---base64-8- .mobileOrderTitle__style---base64-8-:after{content:'>';color:#ccc;padding-left:0.15rem}.shoppingCartOrdersInfo__style---base64-8- .mobileRefundDetails__style---base64-8-{width:7.03rem;background:#fff;box-shadow:0rem 0.04rem 0.16rem 0rem rgba(30,30,30,0.22);border-radius:0.1rem;margin:0.4rem 0}.shoppingCartOrdersInfo__style---base64-8- .mobileRefundDetailsContent__style---base64-8-{padding:0.29rem 0.2rem;color:#333}.shoppingCartOrdersInfo__style---base64-8- .mobileRefundDetailsContent__style---base64-8- label{color:#999999}.shoppingCartOrdersInfo__style---base64-8- .mobileRefundDetailsContent__style---base64-8- span.price__style---base64-8-{color:#f33;font-weight:bold}.shoppingCartOrdersInfo__style---base64-8- .mobileRefundDetailsContent__style---base64-8- span.remarkSpan__style---base64-8-{display:inline-block;width:5rem;overflow:hidden;word-break:break-all;vertical-align:top}.shoppingCartOrdersInfo__style---base64-8- .mobileRefundDetailsImg__style---base64-8-{position:absolute;right:0;top:-0.02rem;height:0.8rem}.shoppingCartOrdersInfo__style---base64-8- .mobileRefundDetailsTitle__style---base64-8-{width:7.02rem;height:0.8rem;background:#f3f3f3;position:relative;font-size:0.32rem;font-weight:500;color:#000;line-height:0.8rem;padding-left:0.22rem}.shoppingCartOrdersInfo__style---base64-8- .mobileRefundDetailsTitle__style---base64-8-:after{content:'>';color:#ccc;padding-left:0.15rem}.shoppingCartOrdersInfo__style---base64-8- .mobileOrderTotalsRow__style---base64-8-{display:flex;min-height:0.88rem}.shoppingCartOrdersInfo__style---base64-8- .mobileOrderTotalsRow__style---base64-8-:nth-child(even){background-color:#fffaf6}.shoppingCartOrdersInfo__style---base64-8- .mobileOrderTotalsRowTitle__style---base64-8-{flex:1;padding-left:0.58rem;border-right:0.01rem dashed #ccc;font-size:0.32rem;font-weight:bold;color:#333;line-height:0.88rem}.shoppingCartOrdersInfo__style---base64-8- .mobileOrderTotalsRowText__style---base64-8-{flex:1;padding-left:0.58rem;font-size:0.32rem;font-weight:500;color:#000;line-height:0.88rem}.shoppingCartOrdersInfo__style---base64-8- .mobileOrderTotalsRowText__style---base64-8-.price__style---base64-8-{font-size:0.4rem;color:#ff3333}.shoppingCartOrdersInfo__style---base64-8- .shippingCount__style---base64-8-{text-decoration:line-through;color:#adadad;font-size:13px;margin-left:5px}.shoppingCartOrdersInfo__style---base64-8- .mobileRemakes__style---base64-8-{width:7.02rem;background:#fff;box-shadow:0rem 0.04rem 0.16rem 0rem rgba(30,30,30,0.22);border-radius:0.1rem;margin-bottom:calc(0.4rem + 1.36rem)}.shoppingCartOrdersInfo__style---base64-8- .mobileRemakesTitle__style---base64-8-{width:7.02rem;height:0.8rem;background:#f3f3f3;font-size:0.32rem;font-weight:500;color:#000;line-height:0.8rem;padding-left:0.22rem}.shoppingCartOrdersInfo__style---base64-8- .mobileRemakesTitle__style---base64-8-:after{content:'>';color:#ccc;padding-left:0.15rem}.shoppingCartOrdersInfo__style---base64-8- .mobileRemakesContent__style---base64-8-{word-break:break-all;padding:0.29rem 0.2rem}.shoppingCartOrdersInfo__style---base64-8- .mobileRemakesContentText__style---base64-8-{font-size:0.26rem}.shoppingCartOrdersInfo__style---base64-8- .mobileRemakesContentText__style---base64-8- .mobileRemakesContentTextContent__style---base64-8-{font-size:0.26rem;font-weight:500;color:#333333;line-height:0.36rem}.shoppingCartOrdersInfo__style---base64-8- .mobilePayNow__style---base64-8-{width:7.02rem;height:1.36rem;background:#fffaf6;border:0.01rem solid #f9ebe0;border-radius:0.04rem;position:fixed;left:0;right:0;margin:0 auto;bottom:51px;z-index:98;display:flex;padding:0 0.19rem;justify-content:flex-end;align-items:center}.shoppingCartOrdersInfo__style---base64-8- .mobilePayNowBtn__style---base64-8-{width:2.62rem;height:0.76rem;background:#f33;box-shadow:0rem 0.07rem 0.13rem 0rem rgba(243,53,53,0.24);border-radius:0.12rem;font-size:0.32rem;font-weight:800;color:#fff;line-height:0.76rem;text-align:center;cursor:pointer}} @media screen and (max-width: 768px){.logisticDetailModal__style---base64-8-[class~='ant-modal']{top:0.95rem}.logisticDetailModal__style---base64-8- [class~='ant-modal-content']{height:calc(100vh - 2.5rem)}}.logisticDetailModal__style---base64-8- [class~='ant-modal-body']{padding:40px 30px 30px}@media screen and (max-width: 768px){.logisticDetailModal__style---base64-8- [class~='ant-modal-body']{padding:0.6rem 0.2rem}}.logisticDetailModal__style---base64-8- [class~='ant-modal-close']{top:-10px;right:-10px}.logisticDetailModal__style---base64-8- [class~='ant-modal-close'] [class~='ant-modal-close-x']{width:30px;height:30px;background-color:#ff3333;border-radius:15px;line-height:30px;color:#fff}.logisticDetailModal__style---base64-8- .detail__style---base64-8-{font-size:18px;color:#576077;margin-bottom:18px;line-height:1}@media screen and (max-width: 768px){.logisticDetailModal__style---base64-8- .detail__style---base64-8-{display:none}}.logisticDetailModal__style---base64-8- .detail__style---base64-8- span{margin-right:30px}.logisticDetailModal__style---base64-8- .detailBox__style---base64-8-{display:flex;max-height:500px;overflow-y:auto}.logisticDetailModal__style---base64-8- .detailBox__style---base64-8-::-webkit-scrollbar{width:8px;height:8px}.logisticDetailModal__style---base64-8- .detailBox__style---base64-8-::-webkit-scrollbar-thumb{border-radius:10px;background-color:#868e96}.logisticDetailModal__style---base64-8- .detailBox__style---base64-8- h4{color:#575757;font-size:18px;margin-bottom:18px;line-height:1}.logisticDetailModal__style---base64-8- .detailBoxProduct__style---base64-8-{width:300px;float:left}@media screen and (max-width: 768px){.logisticDetailModal__style---base64-8- .detailBoxProduct__style---base64-8-{display:none}}.logisticDetailModal__style---base64-8- .detailBoxProduct__style---base64-8- ul{margin:0;padding:0;list-style:none}.logisticDetailModal__style---base64-8- .detailBoxProduct__style---base64-8- li{display:flex;margin-bottom:30px;font-size:14px;color:#999}.logisticDetailModal__style---base64-8- .detailBoxProduct__style---base64-8- li:last-child{margin-bottom:0}.logisticDetailModal__style---base64-8- .detailBoxProduct__style---base64-8- li>div{flex:1;overflow:hidden;padding:0 28px 0 12px;line-height:1}.logisticDetailModal__style---base64-8- .detailBoxProduct__style---base64-8- li>div div{margin-bottom:6px}.logisticDetailModal__style---base64-8- .detailBoxProduct__style---base64-8- li>div div:last-child{margin-bottom:0}.logisticDetailModal__style---base64-8- .detailBoxProduct__style---base64-8- h5{color:#000;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:6px}.logisticDetailModal__style---base64-8- .detailBoxProduct__style---base64-8- img{width:55px;height:55px}.logisticDetailModal__style---base64-8- .detailBoxLogistic__style---base64-8-{margin-top:18px;flex:1;background:#fffaf6}@media screen and (max-width: 768px){.logisticDetailModal__style---base64-8- .detailBoxLogistic__style---base64-8-{height:calc(100vh - 3.7rem);overflow:auto;margin:0}}.logisticDetailModal__style---base64-8- .detailBoxLogistic__style---base64-8- a{font-size:16px;line-height:32px;color:#ff3333}.logisticDetailModal__style---base64-8- .detailBoxLogistic__style---base64-8- a span{font-size:14px}.logisticDetailModal__style---base64-8- .trackingIcon__style---base64-8-{margin:8px auto 25px;width:62px;height:62px;border-radius:50%;background:#ff3333;line-height:62px}.logisticDetailModal__style---base64-8- .trackingIcon__style---base64-8- i{font-size:40px;color:#fff}.logisticDetailModal__style---base64-8- .trackingZg__style---base64-8-{padding:20px 0}.logisticDetailModal__style---base64-8- .trackingZg__style---base64-8-,.logisticDetailModal__style---base64-8- .trackingEmpty__style---base64-8-{text-align:center;position:sticky;top:40%}.logisticDetailModal__style---base64-8- .trackingEmpty__style---base64-8- p{width:380px;margin:0 auto;line-height:2;font-size:16px;color:#ff3333}@media screen and (max-width: 768px){.logisticDetailModal__style---base64-8- .trackingEmpty__style---base64-8- p{width:100%}}.logisticDetailModal__style---base64-8- .trackingSds__style---base64-8-{padding:12px;background:#fffaf6}@media screen and (max-width: 768px){.logisticDetailModal__style---base64-8- .trackingSds__style---base64-8-{padding:.1rem}}.logisticDetailModal__style---base64-8- .trackingSds__style---base64-8- [class~='ant-timeline-item-head']{width:13px;height:13px;border-width:3px;border-color:#ccc}.logisticDetailModal__style---base64-8- .trackingSds__style---base64-8- [class~='ant-timeline-item-tail']{border-left-style:dotted;border-left-width:1px;left:6px;top:13px;height:calc(100% - 13px)}.logisticDetailModal__style---base64-8- .trackingSds__style---base64-8- [class~='ant-timeline-item-content']{font-size:14px;color:#576077;line-height:1;top:0}.logisticDetailModal__style---base64-8- .trackingSds__style---base64-8- [class~='ant-timeline-item-content'] p{margin-bottom:12px}.logisticDetailModal__style---base64-8- .trackingSds__style---base64-8- [class~='ant-timeline-item']{padding-bottom:18px}.logisticDetailModal__style---base64-8- .trackingSds__style---base64-8- [class~='ant-timeline-item']:first-child{color:#ff3333}.logisticDetailModal__style---base64-8- .trackingSds__style---base64-8- [class~='ant-timeline-item']:first-child [class~='ant-timeline-item-head']{border-color:#ff3333}.logisticDetailModal__style---base64-8- .trackingSds__style---base64-8- [class~='ant-timeline-item']:first-child [class~='ant-timeline-item-tail']{border-left-color:#ff3333}.logisticDetailModal__style---base64-8- .trackingSds__style---base64-8- [class~='ant-timeline-item']:first-child [class~='ant-timeline-item-content']{color:#ff3333} .logisticList__style---base64-8-{border:1px solid #dfdfdf;border-radius:4px;width:calc(100% - 35px)}@media screen and (max-width: 768px){.logisticList__style---base64-8-{border:0;border-radius:0;width:100%}}.logisticList__style---base64-8- ul{overflow:hidden;padding:0;margin:0}.logisticList__style---base64-8- li{width:33.33%;float:left;list-style:none;padding:16px 0 16px 16px;position:relative}@media screen and (max-width: 768px){.logisticList__style---base64-8- li{width:100%;float:none;padding:.4rem .2rem}.logisticList__style---base64-8- li:nth-of-type(even){background-color:#fffaf6}}.logisticList__style---base64-8- li:nth-of-type(6n+4)::before{content:'';display:block;position:absolute;width:300%;left:0;top:0;z-index:-1;height:100%;background:#fffaf6}@media screen and (max-width: 768px){.logisticList__style---base64-8- li:nth-of-type(6n+4)::before{display:none}}.logisticList__style---base64-8- li::after{content:'';position:absolute;border-right:1px dotted #b8b8b8;height:44px;right:0;top:50%;margin-top:-22px}@media screen and (max-width: 768px){.logisticList__style---base64-8- li::after{display:none}}.logisticList__style---base64-8- li:nth-of-type(3n+3)::after,.logisticList__style---base64-8- li:last-child::after{display:none}.logisticList__style---base64-8- li p{font-size:14px;color:#999;margin-bottom:0;line-height:1}.logisticList__style---base64-8- li p:first-child{margin-bottom:15px}@media screen and (max-width: 768px){.logisticList__style---base64-8- li p:first-child{margin-bottom:.18rem}}.logisticList__style---base64-8- li p b{color:#333;font-weight:normal}.logisticList__style---base64-8- li p button{background:none;border:0;outline:none;color:#DB5426;text-decoration-style:solid;text-decoration-line:underline;cursor:pointer;padding:0}@media screen and (max-width: 768px){.logisticList__style---base64-8- li p{font-size:.26rem}}.logisticList__style---base64-8- .noData__style---base64-8-{text-align:center;padding:32px 0;color:#ccc} .shopifyDelegateBox { width: 480px !important; } .shopifyDelegateBox .ant-modal-confirm .ant-modal-body { padding: 30px 32px 30px !important; } .shopifyDelegateBox .ant-modal-confirm-btns { margin-top: 15px; } .shopifyDelegateBox .ant-modal-confirm-content { margin: 0; } .shopifyDelegateBox i { color: #3a8053 !important; font-size: 40px !important; } .shopifyDelegateBox .storeListLi { text-align: center; } .shopifyDelegateBox .ant-btn { width: 112px !important; height: 36px !important; background: #ca9e7b !important; border-radius: 4px !important; border-color: #ff3333 !important; } .shopifyDelegateBox .ant-btn:hover { color: #fff !important; background: #d1b49b !important; } .shopifyDelegateBox .ant-btn .ant-modal-confirm-btns { margin-top: 15px; } .shopifyDelegateBox .ant-btn .ant-modal-confirm-content { margin: 0; } .shopifyDelegateBox .ant-btn i { color: #3a8053 !important; font-size: 40px !important; } .shopifyDelegateBox .ant-btn .ant-btn { width: 112px !important; height: 36px !important; background: #ca9e7b !important; border-radius: 4px !important; border-color: #ff3333 !important; } .shopifyDelegateBox .ant-btn .ant-btn:hover { color: #fff !important; background: #d1b49b !important; } [class="ant-table-wrapper myDesignTable__style---base64-8-"] .ant-btn { box-shadow: none !important; } .imgAmazon { content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABcAAAAZCAYAAADaILXQAAAF/0lEQVRIS5VWC0xTZxS+97a39AGF0gdvSpkobnNDkTGMiTCQhwwmOAlMUMkSX0yXQKZRjBTdAnFuEF4iRKfCDEETJQZNXAREN5cgioSuSsv7UVrGo7T03Xt3LgGD8th2kyb3v/ec7//Od77/3KLIKteJEyecQ0JCvAcGBoJlMtn74+PjAjqdbg0ICOj39PR83tTUJGtoaFChKEouB4OugI2GhoZ6CQSCfR0dHclardbLbDYzCYKgU0A4jltoNNrE2rVr/9y/f3+Zu7t7e0pKiv1drOXA0czMTO/W1tZzwDjGZrO5zyeRAGwnSZK+AAJri5+fX3t+fv6BjIwM2bsVLAG/d+8e9/r169/evHkzy263uwGQHViqXF1d/4JKpqempiRqtXoDbMKkNsEwzBgdHX3R19f3bFVVlXYx+yXgdXV17+Xk5NweGRn5EAJR0HgckkvkcnlNYGCgYdeuXW6XLl0qaGtri4X3c1W4ubn9UVxcvDstLW10VfCampp12dnZP4HGEigTB4bdycnJ31y9erWfSpRKpRhov6ewsLDIYrHwqWdQlfzy5cs7kpKS5mLeyPZuEyCZcffuXf6hQ4eYJpPJoaysbAYYjW3btg179OgR3WAw4FwuNwrAL+r1eko2Cryvuro6CqrqXRV88UtoEqerq8s5NTXVFxrrPzo6KtJoNIJXr14Fw/PwBd35fH5/eXl5FMT1/Cs4JKH+/v6+a9asSe3s7IzW6XRiSOJCgxmUW0AOHNbUb65n/xmc0hRcEQT2+n5iYiIY9BVAPslgMMYAeFQkEmnA5zyw6ab/zRzAvW/cuFHZ3d0dM+8Gm0QieZ6QkFBUW1v7BE6nNTIycntpaenPUJGQYg5kesFB21fVHALwvr6+5KKiogvgFm8q0cnJSXnq1Kmj0LSHBw8etFKSXbhwIREqq4KGiuYb2llZWZkAp3RwRc137tzpAgnnmpubvwZ9WVSgWCxuOX78eFpWVtYYtS4pKXEAzx8G6+WB9i7UMxcXl05wVXx6evrwiuAbN24UGo3GitevXycBQxoV6OPj0wqMvzp9+vQItT5y5IgPDKwKcEwcLOdioDoFWHMPvHu2eAS8dULj4+N54OMC8PNeaOQccw6H0w/DSapQKO5TvgeW6TAiji2aOQgAGiMiImpB8zMLFVK5b4EfPVriQKP1plRUVBRAyV7zJdrYbHY/2LIdJGMPDQ0Fwcau8I4A6dgL7KGp8jNnzh6enNQ8BlMQS8CpB7m5uT719fWVSqUyCqRhLGgI7Gxwj4ENh8PDwxt4PN7MnTt39kLjfWCwjW7duvXWyZMnC2NjY1VvckiyGWZ0BJU4d1E+9/AQf1BaXvxdj6I7DEBdKIcAgNXR0XEcPh51cGiuMJk8WsvjB3kalerT4JDQW25CVnVNRtgMYvgdRxxxEonarUct3Y1BOI2YRdSKYXRLtnFhk7i4OCHMk3Vms00yazLRvdyFapgpCnDK2Pnz53WUpImJiaLNm8N8DQatsqAgY9b88rdobPhpOGHR0Qm3sCeoqeNKDKJqjUdoTBmhGWhkMTJV6KKvCuV9lUqF5uXlWVf6nFGEKHfZ5b9+adf2FiODTc722WEtqpHVO/J0PVvMLyuPYTjPwPCLuWbue/CC/dkXk6hEalrs2+XuSZAR+biFa1a0CNFPcpMQz00HkCkln1S3GebcQjZL6bMvflyPskQ5qJHYgHHIvxFxwn3M2e+prat4hMX3MiLMAOs4y5mgzvv09CgdN+ocOOt3c82z2vXI4O0Y+1D7JkwYqMS35N+yznRvwFhC2VtW1P8S4k7z+OhzpLdxH6IleSjDRpD0WR3qJB4hOGIVinP1QAVDDGoeYujzRSxWb9LEZKMc1iQikDSiup4ah+0/qCwmhoTBofUv+cyRMinD9PSaB+YVE0Zq5ZGEVhGEmCzuqAVCSYwkEQxBcYJEmDYtwhLIUc+YZkQY+nBmWqESRUhhcwirr6dRfVvprwVCPjuA6ycwnqMknG82mf0wvRoUsTJhAwvBEk1iDtigVXlbw8bFE+iOUvNy/fgHjJ3ZU30y2vwAAAAASUVORK5CYII=); } .imgShopify { content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAbCAYAAABiFp9rAAAIQElEQVRIS42We3AT1xnFzz60q5V2JVmSZVvINkI2YIx5FFMgBoqZlhIgARLiMk3TGWhKktJmkk4zaackA0loQ0iatiGTlDAMZVLaGIYO4RWSAUwbwAXLWIABV/hRy9iSbEuy3o9dba/NhGmHELJ/7R+73++e75z73Uvhazwej9dxy9ezJJaIW0VR6LPZ7M3d3Tf6Ghoasl/j97FPqPt92NLSXubxtK0vtBjXZWRZ7OzsiRgkw74iq9kzpWbS6aqqquH71bgvqKOjw/r55xc2Op3lPxH1etvly+0osJigyGpMEIRBjmW3LVla/+empialvr5e/irgPRWdPn2aDQ8lHqZZvD19ek3ZmaZmVE50wVVRjgsXWuFylSISD3aYCrWbLnY0Z1OpSPMzj2wO3gt2T5C31Vt4/orn5/Pnf/NnkVBU3+bxYMXKRcjJWRw9egpTZ0lwOHX5oXBy8J2PdvY77OVHH5yz4nCRZPVPKJk/QFFU7n+hX6Ho/KJQKPzBgkU1E3wD1+lENoDCcSx6OgM4ddiHuiVGVE8rRXREizf/+lY+mPImxpfaRpx216VVM597aapjqeeeIK/3j7wXIb6cmmtrORt9WBG6X6qq5UxyPkH+yY8lx9+XQte1GGofcKCo0IKRKI93/r4D/sQ1GM0KCq2GwbVzXtm4eFLBQYpqUL6A3VHk9R7jY9rBxcGEuy4UzJS3fKrWV06nip01GobKc1DzDAHR0NA8OFYLmpgnMDqEojTe/3gnRnJ9MFtZFBTQkSU1T71sMpZ9UO9cl74L1BlqMV73fbhpIHZpPatK+mxU5M1WCRxPAKoILWskEBY0lQfD5pFXKQicDoPDKnYd2424EoDFykEyKskFk9a8u6ziudcslsroXaDewVb7xd4db4SSPQ08K5GaMihZB7u4AKXmWTDpHGAYHqncIHpCp5DIBiEKJvgDOew5sRdpDMFq0UIwZOWasnmH185+7ZkisSZwF6gneGbm2a73GpPysIumaAp5FtWF38MUx3LotAYwRM2oSfFkAC29u5FSQjDoLPD5Uth3ch+yVAxmswCdMaVWlEzubJi5bZnLNtd7F+hq36H6C91/2pfJx4tHKzqNS1BX+TQErYREZgjZXBxazohg7Bqu9h8k7WNgFApxszuCA00HILNpFJi10EspjLM5+tZM3bxqWvkK9/+BVFWlWnv/stzds3tXVk0UcbQFi1y/hKt4PkLxTvyz83ekVcQDfQUYSoNkLgyWJX5ojej49xAOnj8CcDmYjDz0hjSsZqN/9fRN6+eWP/4J2U/qnRHU3t7IhRj/Dy4PfPSGrKQtJq0Ty6u3wWKaAH/kCk5cexmRdBcEjRmi1g4dS1pJFOl4A65dH8THFz8Bwym3QcYsJIkNPTj5py+WUuP3VlffHrxj8fb4t+v7hoaevznU9IKqyAZRU4SlU7ZinGUGckoavtAFuP/zIQLxqyRpJoicDZxGC5GAPO0DOO4+BU4AJAMH0ZCDKCmx+RMff91UNP0P3y3+4egmvA0KkWif6t61pSd8fgNLcwJpJabZ12LuhPXQcQUkygqGol6c634PtyIXiBIrUWaDQECXLvvQ5DkHQU/iLmkICOQ9nZo3YeX7da4NW1zm2pE7IH/MYzvR/psdA9G2VTxr0ChqmuwZEXPKn0SNfTW0jAkUraIv7MbJG1vHIm7Q26HXWtHS1ovma62kOANeZCEaCVCfkqc56g49On3Lxi8iPqaoc/BfE0/e2HJkONlVwTE64l4OWSUGlhIwu+zHmFP2JLQaCSk5jM9uvIKe4X+QPWQlYSiBu60Pbm87Kc4REEVANDgxqTotFV2PzXh1ZaVlcfsdRZcDx+edbn/tQDQzYBcYI8oK6hDN+OCLnIfDOB+ra3bASIpmlAhO3tyKm8FPSdtM0BOvLnkCuNp9EzxRpBVJ64yARpdASUFR/yNTX31s5rhV58ZAqrqZbu4ev+K0d/vOtDxcVChMxUNVb0PDaNAZIivnHHCaF5LE6RHL9OF4xy8QTLSDJwo52oA2Twje/lvgdSw4PU0CQREoibhR8q+s2vSjOeVPHB+NOHWMTGydkvn+ma4d2zNqwlIu1uGhydth1TuRz8skCAxUdXQqxOEJ7Me53nfJe560kkde5nCpLYxbw2FwOgYMP9o64pEoo0Bkwt+peOpXTnbGnsrKZRnq0I1tkpIaeLbFt/dFmuYkLSuh1PgAaopWo1hXS0KhJX5F0Rn5DK39e4hPIXCMBI2GgZxV4W4NIRhNQUsUaSWiSlAg6PLQ6TPxb7meeHPB1HVv2ajqONV47nlzJDn46yv+I08zbE7HaThy8mTHImzRTSI+mJFWwohkukCreQLWkwlOVs/SyKTzaHGHyfTIwVwowuoQkSGjCmqcKIxnZjlW/G1F1eYXSqTKQapRbWS0Z/2zuwYvPZtVQjOSuYCUkANcjo3ziprQqVRGo9GwZD+J4GmJTHANWIYdU5RKquT+MIIkWUCRSyAhIHnNylDlBDmv4uo0+8Lra6p++6jTXnuDhEGl9u9voOPiTPPM8YtNNJszR2K3xg0ngq5QvPsbI6ne2QlliM8pEY2sjvB5OiswGorniB/pOE1aF4OmiIbeypBGsEmBMqbMWmuqUCgOTLTNOFU7adXvnbZq/5feGRobGxlhgsDXjpusT8hZYzaWMgwlb5XEMv2ukVSgJpLqXxjP+oRQLMj4gllystpzJdL464X6Mre9wHm51Db+usDrwz3+5ti3Z22IkdTl73uB/GLMjyp3u48IZZPnGLKRRHEiG5VCMb9p9DJnloojBo3o9/Q0D+lle+zL7nj/BVzvcUl6KY1GAAAAAElFTkSuQmCC); } .imgWooCommerce { content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABsAAAAQCAMAAADQzfSkAAAB+1BMVEX////o2uXp2+br3ujs4eru4uvu4+vv5Oz07PP27/T28PX28fX///+LQn2LQ32LQ36MQ36OR4COSIGPSIGPSYKQSYKQSoKQSoOQS4ORS4SRTISRTYSRTYWSTYWSToWSToaST4aTToWTT4aTUIaTUIeUUIeUUYeUUYiUUoiVUYeVUoiVU4iVU4mVVImWVImWVIqXVYmXVoqXVouYV4yYWIyZWI2ZWY2ZWo2ZWo6aWY6aWo6aW46bXI+bXY+bXZCdX5GdYJKeYZOgZJWhZpahZ5aiZ5ajapmkapmkbJqlbJqlbZumbpumb5yocZ2teaOteqSygaizgqm0hau0hqu1hqy3iq63iq+3i6+4i6+4jLC6jrG7kbO8kbS8krS9lLXAmLjAmbnBmbnCnLvFob7Ho8DHpMDHpMHIpcHKqcTLqsXMrMXMrMbMrcbOr8jPscnQs8vTt83Uuc/Uus/Vus/XvtLaw9Xaw9bbxNbbxNfbxdfeytrfy9vhz97k0uDk0+Hm1uPm1+Pn2OTn2eXo2uXp2+bp2+fp3Ofq3ejr3unr3+nt4uvt4+vu5Ozv5O3v5e3w5u7w5+7x6O/z6/H07PL07fL07fP07vP17vP17/T28PX38vb49Pf59fj69/n6+Pr7+Pr7+fv8+vz8+/z9+/z9/Pz9/P39/f3+/v7////Z94ghAAAADXRSTlP1+Pj4+Pj4+Pj4+Pj42FHX9gAAAXBJREFUGBllwYk/FGEcB+DfYgx5SeiydppGM7tWdjPLrsyL5FaOHNGhUFJt7txX5SZEUTljyffPdISPPp6HiAWZ/M4zBTEi5pUk5Z/wK8opKfY9oxCp4oHBD7m/PE9yWez8gCq5ue0CBcaj38JT05Ndr/Amun6wnRvu7J6BaocaQOLl5VmVp6x4I0Z2E5rhw9fb99awg8qbAokXh3yGvQXDlq0JN+bMXSjsxbPsv8NhAomRrXiY6cOfAnS8RKnnMarWpmK0hW+XBBJvPUH1R4yhCS/acF9/jUfojNXXR8IFEq05mNqeycAeSppQri5upO5Oh9bj7VWBRKvjF1Bm+QQU5WP9Jxoi+zGP3y5NoEBN6cakYhQBhYlP55bfxaXd7Vv5nOtRAyjExotX8wzurNvO4km2O07OuaZrBrcGE/ugXL9mlmU5SoqWdc51+cgNxcuI4cfo+IlGp6N2/MjodzBiOGupxr6JY4yI/c/kz47RPvEIg55iTrKzAAAAAElFTkSuQmCC); } .imgEtsy { content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAXCAYAAADk3wSdAAAESUlEQVRIS62U328UVRTHP/fO7MxuC4VSd9cSDE0wgj7w4KsmVuILERMTAZG4rUKJGoIGFRMj+OIbiURRE2KI2BIxAY3hLyD8MBojRNGExAcFioXdpYXS7u6d3Zk75sxMS31FbzLJTOac7/1+z/meo+7sHZi10WVH8T+cGKLugUjNvNtv2va6vxDSZjeoGBZeFpN+K5u+WA0SkxyJ1eB4/YGqv18yulHz5/5JUKzSxwnBOvM5yYuAWhfiCPIxhFn8/L9COVC1vWXjtKp3mVqIZ0FJtgvCep6tsItBR4IMLR8K/gK2QCSg1ffKRjdSUElu50r0bPxA1EAwiRuLxhyhVlgUnsqj/QLhslXEtYs0j+xEFxL1aUm6y4Gqv1M2qln1QycF1dYjWrOevhc+Ju5dCbeuEP52EqcznVL3+4iX9uM+NEj4+3GmDo3gdKWgroWoqxSoG3tKRjdrvtRQjhuCAXrW7aBr0+c0vthM48wJYj9RnGTn2mDXPEXvs7uZ2v80TvfdNtsE9O2SoVmbr6ncGMew5NEX8UaOYo4N0Th7FK2gk3XbkQ+3B716EHvhJHEua6YQK5QCVX2zbKyp+jq7TNh4BpzBCj2VMVpfb+POqSNoF6RETgQqvwzdCSBoEIsTMpWSq/PlQE3sLpnY1Pw5v0lAzoD3RIWe4TEaXw4zfXYMlQGGTejZcYDwj/MEv3xFpEFnfpRc5ZcCNfFG2dhm1Z+zTQIagCdMh0fpXDhG89dzaCdCRw70LKV7wx7q+zeir5yik/l4rqpaajqxs2ys+HROggIvAH9wiEXbRgmvnad9+SJaWZSN0UuWk1+7nvq+QWZvnsHv3G2SqHWkptdeK5vIVOe7LyHCtPDkEEu3j3Lzs000T3+DI0WX6THQt+cQk5d+wDs9SjuXjqv8c2RUhen4KyVjTc1P/JIMNrgdAa3QOzLG5Kebaf10Ih1dQNTqRStQUUTUuE7optMllfEi0MJ0fKRkbFDzlYxeluhGUFhXoXfHGNMHN3Pr5xPJ4hAmYrfITf2s+1cTNmdxb/+dMBbzu9KoqyMlE7UWdF/YRNA1WKHv1TFuf7SRqfPfZtOW+VH8Og3L3jqMnbjIzHcHaechF4GTl5q+XDIdk24pYSNyCjOgn9tOuXKYqSOvM338E7SMonhU2ITgrnyE+z/8nvG9z2BvnEusJUxzwvTaUMl0gpqfqcdb3M/i5RtYtGsf9K2A1k0aP56E9iRK5Yj9bnLFB/EffhwbW8a3lrF6JpEg5UlAr1aKphPUk0YJi/yqteQe2wKzDdyoQScnm7eQ7BJpcyx0bROv3YU78ACTB3YR5sJ014rHvWKgrm4tGmvqyZZK2isSJUZDW0MSny1tMYc0KtlIUbp4PFl7mceFqSOgf20pGlp1X5bFfz0CqvPFQP35fNHYVv1f5r9XcFGQy98XqEsvDcx23brhhGKTe0WTPOmJA80l5egfd3jeyNT65REAAAAASUVORK5CYII=); } .imgWix { content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAXCAIAAABrvZPKAAAACXBIWXMAAAsTAAALEwEAmpwYAAAG+2lUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDUgNzkuMTYzNDk5LCAyMDE4LzA4LzEzLTE2OjQwOjIyICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1sbnM6cGhvdG9zaG9wPSJodHRwOi8vbnMuYWRvYmUuY29tL3Bob3Rvc2hvcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOSAoV2luZG93cykiIHhtcDpDcmVhdGVEYXRlPSIyMDIyLTEwLTE0VDEwOjE3OjA3KzA4OjAwIiB4bXA6TW9kaWZ5RGF0ZT0iMjAyMi0xMC0xNFQxMDo0MzowNyswODowMCIgeG1wOk1ldGFkYXRhRGF0ZT0iMjAyMi0xMC0xNFQxMDo0MzowNyswODowMCIgZGM6Zm9ybWF0PSJpbWFnZS9wbmciIHBob3Rvc2hvcDpDb2xvck1vZGU9IjMiIHBob3Rvc2hvcDpJQ0NQcm9maWxlPSJzUkdCIElFQzYxOTY2LTIuMSIgcGhvdG9zaG9wOkhpc3Rvcnk9IjIwMjItMTAtMTRUMTA6Mzg6NTIrMDg6MDAmI3g5O+aWh+S7tiBldHN5bG9nby5wbmcg5bey5omT5byAJiN4QTsyMDIyLTEwLTE0VDEwOjQwOjI1KzA4OjAwJiN4OTvmlofku7YgQzpcVXNlcnNcMTIzXERvd25sb2Fkc1x3aXhsb2dvLnBuZyDlt7LlrZjlgqgmI3hBOzIwMjItMTAtMTRUMTA6NDM6MDcrMDg6MDAmI3g5O+aWh+S7tiBDOlxVc2Vyc1wxMjNcRG93bmxvYWRzXHdpeGxvZ28ucG5nIOW3suWtmOWCqCYjeEE7IiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOmIxNDdlMjgzLWQ4MWUtM2Q0ZC1hOGIyLWNlZDMxYzQ5NTE1NSIgeG1wTU06RG9jdW1lbnRJRD0iYWRvYmU6ZG9jaWQ6cGhvdG9zaG9wOjMzZGYwMDJhLTg2ZmUtZWI0Yy05MDUyLTMxODBmNGQ2YzljMyIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOmI4NjQ3ZDU0LTVlNzMtYmE0OC04YjgyLTY4Mjk3NTBmOWQ1NCI+IDx4bXBNTTpIaXN0b3J5PiA8cmRmOlNlcT4gPHJkZjpsaSBzdEV2dDphY3Rpb249ImNyZWF0ZWQiIHN0RXZ0Omluc3RhbmNlSUQ9InhtcC5paWQ6Yjg2NDdkNTQtNWU3My1iYTQ4LThiODItNjgyOTc1MGY5ZDU0IiBzdEV2dDp3aGVuPSIyMDIyLTEwLTE0VDEwOjE3OjA3KzA4OjAwIiBzdEV2dDpzb2Z0d2FyZUFnZW50PSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOSAoV2luZG93cykiLz4gPHJkZjpsaSBzdEV2dDphY3Rpb249InNhdmVkIiBzdEV2dDppbnN0YW5jZUlEPSJ4bXAuaWlkOmIxNDdlMjgzLWQ4MWUtM2Q0ZC1hOGIyLWNlZDMxYzQ5NTE1NSIgc3RFdnQ6d2hlbj0iMjAyMi0xMC0xNFQxMDo0MzowNyswODowMCIgc3RFdnQ6c29mdHdhcmVBZ2VudD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKFdpbmRvd3MpIiBzdEV2dDpjaGFuZ2VkPSIvIi8+IDwvcmRmOlNlcT4gPC94bXBNTTpIaXN0b3J5PiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PhGKLtcAAAGTSURBVDiN7dOx6zEBGAfw50dHl0jSJVK3KbMkWW41GHC2M9ss/AFXil3YxGyRFHUrk8WCy4AJJ+qklHP5/gZ63z/gt7z1/p7xqc/T83zr+QJAPyjLT/Cv/yd8IpGQZfn1ehFRo9GQJOlwOBCRqqo8z/f7/Vgspmmaz+er1+tvNplMWJYlIgJQq9Xcbvf1ep3P506nk4jK5TKAUqnEsux6vRZF8fl8NptNIppOp7qu+/3+VCoFgACcz2ci2m637Xbb4XB0Oh2O4wBEo9F8Pq+qqtVqPR6PADKZTDgcliQpGAyapvnxALxeb6vVyuVy2Wx2s9kQ0fsERVEURSEiTdMA7Pf7QCBgs9kURXnDT37JZLLX641Go3Q67XK5PB5PpVIhIkEQHo/Hn7R2u93tdmMYZrlcflrvMd1u12KxMAyzWq1M0xQEgYji8TiA4XBIRKfTyTAMu91eLBYHgwERzWazv/svFguO4yKRiK7rAKrVKsMwsiwDGI/HDMPc7/dCocDz/OVyMQxDFMVQKATg6/d//2v/DVOP4lj78kfHAAAAAElFTkSuQmCC); } .imgSq { content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABsAAAAQCAIAAABocZPBAAAACXBIWXMAAAsTAAALEwEAmpwYAAAGs2lUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDUgNzkuMTYzNDk5LCAyMDE4LzA4LzEzLTE2OjQwOjIyICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1sbnM6cGhvdG9zaG9wPSJodHRwOi8vbnMuYWRvYmUuY29tL3Bob3Rvc2hvcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOSAoV2luZG93cykiIHhtcDpDcmVhdGVEYXRlPSIyMDIyLTExLTE3VDE0OjQ1OjUwKzA4OjAwIiB4bXA6TW9kaWZ5RGF0ZT0iMjAyMi0xMS0xN1QxNDo1MToxOSswODowMCIgeG1wOk1ldGFkYXRhRGF0ZT0iMjAyMi0xMS0xN1QxNDo1MToxOSswODowMCIgZGM6Zm9ybWF0PSJpbWFnZS9wbmciIHBob3Rvc2hvcDpDb2xvck1vZGU9IjMiIHBob3Rvc2hvcDpJQ0NQcm9maWxlPSJzUkdCIElFQzYxOTY2LTIuMSIgcGhvdG9zaG9wOkhpc3Rvcnk9IjIwMjItMTEtMTdUMTQ6NDY6MzArMDg6MDAmI3g5O+aWh+S7tiB3b2xvZ28ucG5nIOW3suaJk+W8gCYjeEE7MjAyMi0xMS0xN1QxNDo1MToxOSswODowMCYjeDk75paH5Lu2IEY6XDIwMjIuMTFcMTEuMTQtMTEuMThcc3F1YXJlc3BhY2Vcc3F1YXJlc2xvZ28ucG5nIOW3suWtmOWCqCYjeEE7IiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOmEwNzMwNGNhLWY0ZDAtNmI0MS04OTcyLTk5ZDViYzk5MTNmNyIgeG1wTU06RG9jdW1lbnRJRD0iYWRvYmU6ZG9jaWQ6cGhvdG9zaG9wOjAzZDM1NGYyLTAwNTQtMjI0Yy05ZTA3LTAyOWEyMzI2ZTdmMSIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOjRjM2E1OWIzLWMzMjEtYjI0OS05MzNmLWM0ZjdmZjU1ZTdiYiI+IDx4bXBNTTpIaXN0b3J5PiA8cmRmOlNlcT4gPHJkZjpsaSBzdEV2dDphY3Rpb249ImNyZWF0ZWQiIHN0RXZ0Omluc3RhbmNlSUQ9InhtcC5paWQ6NGMzYTU5YjMtYzMyMS1iMjQ5LTkzM2YtYzRmN2ZmNTVlN2JiIiBzdEV2dDp3aGVuPSIyMDIyLTExLTE3VDE0OjQ1OjUwKzA4OjAwIiBzdEV2dDpzb2Z0d2FyZUFnZW50PSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOSAoV2luZG93cykiLz4gPHJkZjpsaSBzdEV2dDphY3Rpb249InNhdmVkIiBzdEV2dDppbnN0YW5jZUlEPSJ4bXAuaWlkOmEwNzMwNGNhLWY0ZDAtNmI0MS04OTcyLTk5ZDViYzk5MTNmNyIgc3RFdnQ6d2hlbj0iMjAyMi0xMS0xN1QxNDo1MToxOSswODowMCIgc3RFdnQ6c29mdHdhcmVBZ2VudD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKFdpbmRvd3MpIiBzdEV2dDpjaGFuZ2VkPSIvIi8+IDwvcmRmOlNlcT4gPC94bXBNTTpIaXN0b3J5PiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pt4/f4sAAAKdSURBVDiNrZTBSyphFMX1LQNp0X9wpmkMJlAhK5wWgWStVMSoyALJiELaBNEqhDauBC2IWgSVq4FhXKRFbdqEIIhusmkgpyhoEZQamNPI9xbyHkWNb/PO9nJ+3Pudw2ckhBj+q37pDQgh+/v7NE37/X5VVVdXV3t6eiiKoigqGAzWajVdJNHR7u4ugP7+/qenp5WVFQA+n08UxdnZWQAXFxd6xp+JR0dHAOx2e61Wi8ViAEKh0Nvb2+HhoSzLxWJRD/cz8eDggKZph8Px+voajUYBTExMEEJmZmYACIJACEmlUjs7O5eXlx8fH/8giqIIgGXZSqWSSCQATE1NaZo2OTkJIJFI3N3d2e12/NHi4mI7oqIovb29Npvt8fFxa2sLgNvtJoQEAgEAsVjs5eWF4zgAe3t7hUJhenoaQDKZ1CVub28D4Hl+c3MTgNfrbTab4XAYQDQaVVW1r6+vFcvNzc3a2trz87PD4eA47jPkS3tUVTUYDJ2dneVy2el08jw/Pz9/fHw8Nze3vLzscrkajUY8Hu/q6hobG+N53mg0dnR01Ot13fZks1mapsfHx6+ursrlcmu79fX19/f3gYEBAKenp6VSiWEYm8328PAQj8cBRCKRdslsbGzgk0KhkKZpIyMjAERRlCTJbDYzDHN/f59MJgFwHNdoNNoRCSGCICwsLASDQUEQNE0bHh5ulUZRFAAMwyiKIooiTdNDQ0O3t7ftsv4uTdPC4fDJyYksy1arlWXZ6+vrVCoFoHX4d4susVqtjo6OejweSZKy2SxFUQCKxWI6ne7u7h4cHJRl+UejLrFery8tLf19UJZlz8/PM5kMAKvVKkmSntFI9H+zZrPJ83wulzOZTB6Px2KxnJ2d5fN5t9ttNpv1XL8B8dPyAKAJLvYAAAAASUVORK5CYII=); } .payMsg { width: 560px !important; } .payMsg .ant-modal-confirm .ant-modal-body { padding: 30px 32px 12px !important; } .payMsg .ant-modal-confirm-btns { margin-top: 15px; } .payMsg .ant-modal-confirm-content { margin: 0; } .payMsg i { color: #3a8053 !important; font-size: 40px !important; } .payMsg .ant-btn { width: 112px !important; height: 36px !important; background: #ca9e7b !important; border-radius: 4px !important; border-color: #ff3333 !important; } .payMsg .ant-btn:hover { color: #fff !important; background: #d1b49b !important; } .payMsg .ant-modal-confirm-body > .anticon + .ant-modal-confirm-title + .ant-modal-confirm-content { margin-left: 0; } .payMsg .payMsgTxt { color: #ff3333; text-align: left; } .payMsg .payMsgTxt > div { font-size: 16px; } .payMsg .payMsgTxt .payMsgPrice { font-size: 17px; font-weight: bold; margin-top: 15px; margin-bottom: 20px; } .payMsg .payMsgTxt .payMsgPrice span { font-size: 19px; } .systemMsg.myAdminStores .ant-modal-header { padding: 40px 30px 0 30px; } .systemMsg.myAdminStores .ant-modal-body { padding: 20px 30px 30px; } .systemMsg.myAdminStores .ant-modal-footer { padding: 0 30px 40px; } .systemMsg.myAdminStores .ant-form-item { margin-bottom: 5px; } .systemMsg.myAdminStores .ant-form-item .ant-form-explain { text-indent: 0; } .storesContent__style---base64-8- .virtualStoreIcon__style---base64-8-{display:inline-block;width:24px;height:24px;text-align:center;background:#ff3333;border-radius:50%;line-height:24px}.storesContent__style---base64-8- .virtualStoreIcon__style---base64-8- i{color:#fff;font-size:15px}.storesContent__style---base64-8- .myDesignTable__style---base64-8- img{width:initial;height:initial;object-fit:contain;cursor:pointer}.storesContent__style---base64-8- .myDesignTable__style---base64-8- button{padding:0;background:transparent;border:0;outline:none;height:36px;line-height:36px}.storesContent__style---base64-8- .myDesignTable__style---base64-8- button i{font-size:28px;vertical-align:middle}.storesContent__style---base64-8- .myDesignTable__style---base64-8- button .myDesignTableButtonAddToDownloadList__style---base64-8- i{font-size:20px}.storesContent__style---base64-8- .myDesignTable__style---base64-8- button:hover,.storesContent__style---base64-8- .myDesignTable__style---base64-8- button:focus{background:transparent}.storesContent__style---base64-8- .myDesignTable__style---base64-8- td:nth-child(3){width:40%}.storesContent__style---base64-8- .myDesignTable__style---base64-8- td:nth-child(3) span{max-width:34vw;display:block}.storesContent__style---base64-8- .myDesignTable__style---base64-8- td:nth-child(4){width:10%}.storesContent__style---base64-8- .myDesignTable__style---base64-8- td:nth-child(5){width:10%}.storesContent__style---base64-8- .myDesignTable__style---base64-8- tr[class*='disabled']{position:relative;transform:translate3d(0, 0, 0)}.storesContent__style---base64-8- .myDesignTable__style---base64-8- tr[class*='disabled']::after{position:absolute;content:'';display:block;width:200px;height:100%;left:0;top:0;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEMAAABACAMAAAB2gDrvAAAA21BMVEUAAACZmZmZmZmampqSkpKVlZWZmZmYmJiZmZmYmJiZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmampqampqZmZmYmJiZmZmampqZmZmYmJiZmZmbm5uampqZmZmYmJiYmJiYmJiYmJiZmZmqqqr8/Pyjo6Obm5vf39/29vaenp7o6Ojw8PC8vLyysrLU1NTOzs75+fnz8/PT09PIyMixsbGoqKj+/v719fXi4uLc3NzY2NjFxcWgoKDt7e3AwMCtra3v7+/Ly8u/v7+2traurq6lpaXj4+PneLvAAAAAJHRSTlMA9vsKBRLowqUa8t7Xz7u1rXFIPi0g452Qh35mXTUn7siWVVDbLvllAAAB+klEQVRYw6zT13LDIBRFUez03nuZlANCxUWSJbn3kv//oihxADmTGOFkP96HNcBwya89bBaWdXlOtJ3tYlmb/0A86onTApZ1+Xdi70JPvBYxr1xZlXgRBFrsB2R/R0/cSwLcFsjKBKxO8B052NATdxmi26hNmqxiSpzgq8EM6PQALFznyYQAewOi0gfGQi6GW2t64lY+BMqxzxNWBca2JaaHJsSUlZE4Ni8zzw6mJsQNZNUUoSmS+DUqZkc5iGvIFALZ8bqeeIZMIW2ItnMQV1BZtXYyR6gBsb6dJRotz6GfiOiKmBFoVRGxFPHlKZ5zEMdQcQw7ndKslyKi6xzEEVSuZ40pS9BsS+NGT6xlCfCwhrhOKw1uQhxioX7QhVdXi3abg9iCym36XR5G4BW5IydEX5ZAN3ICP3I4YEKQQvZr+RbvD1m9LybFO2JmuGEvLFnApEkVYWa4oxZcL0VkxXtiYMSNGH59hAWk+EJMjIEXW9wOaIrY8iKvxMgAqqUUcShkhVNiarieQCRhZCjkvd06tAEghIIg+t0ll5w6AYbQCP3XhSKDZQiOLeCJVdOG8f4hDO6EWDXmO2sJYTAIZZBa3oDwBqnlDTrJGxDeoJO8AeGND8IZpJY3SC1vPBDCoNa0QWp5g9TyBqnlDQhvkFreSLG9HHd3R9cBgQ20N4JNstYAAAAASUVORK5CYII=) top left/64px no-repeat}.storesContent__style---base64-8- .myDesignTable__style---base64-8- tr[class*='disabled'] .myDesignTableButtonAdd__style---base64-8-{display:inline-block !important}.storesContent__style---base64-8- .myDesignTable__style---base64-8- tr[class*='disabled'] .myDesignTableButtonDelete__style---base64-8-{display:inline-block !important}.storesContent__style---base64-8- .storesContentBtn__style---base64-8-{width:125px;height:36px;background:#ca9e7b;border-radius:4px;display:flex;justify-content:center;align-items:center;margin-bottom:24px}.storesContent__style---base64-8- .storesContentBtn__style---base64-8-:hover{cursor:pointer}.storesContent__style---base64-8- .storesContentBtn__style---base64-8- span{margin-left:3px;font-size:15px;color:white}.storesContent__style---base64-8- .storesContentBtn__style---base64-8- i{font-size:23px;color:white}.storesContent__style---base64-8- .uploadError__style---base64-8-{color:#fff;display:inline-block;border-radius:12px;padding:2px 5px;cursor:pointer}.storesContent__style---base64-8- .uploadError__style---base64-8- img{width:auto;height:auto}.storesContent__style---base64-8- .uploadError__style---base64-8- i{font-size:15px}.storesContent__style---base64-8- .uploadSuccess__style---base64-8-{color:#fff;display:inline-block;border-radius:12px;padding:2px 5px;cursor:pointer}.storesContent__style---base64-8- .uploadSuccess__style---base64-8- img{width:auto;height:auto}.storesContent__style---base64-8- .uploadSuccess__style---base64-8- i{font-size:15px}.virtualStoreOption__style---base64-8-{font-size:18px;color:#576077}.virtualStoreOption__style---base64-8- i{font-size:20px;width:30px;height:30px;display:inline-block;background:#ff3333;color:#fff;border-radius:50%;line-height:30px;margin-right:6px} #walletContent .ant-collapse-content-active { border-top: none !important; } #walletContent .ant-collapse-content { border-top: none !important; } #walletContent .ant-input { box-shadow: none; } #walletContent .ant-collapse-item { margin-bottom: 10px; } #walletContent [role='tablist'] { width: 670px; border-bottom: 1px solid #eeeeee; } #walletContent .ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab { padding: 0 37px; margin-right: 6px; } #walletContent .ant-modal-wrap { overflow: hidden; } #walletContent .ant-tabs-tab { width: 156px; color: #f8efe8; height: 38px; background: #f8efe8; border-radius: 10px 10px 0px 0px; } #walletContent .ant-tabs-tab-active { width: 156px; height: 38px; color: #fff; background: #c89d7a; border-radius: 10px 10px 0px 0px; } .site-collapse-custom-collapse .ant-input:focus { box-shadow: none !important; } .site-collapse-custom-collapse .ant-collapse { border: none !important; } .site-collapse-custom-collapse .ant-collapse > .ant-collapse-item { border: none !important; } .site-collapse-custom-collapse .ant-collapse-content { border: none !important; } .site-collapse-custom-collapse .ant-collapse-content-active { border-top: none !important; } .site-collapse-custom-collapse .ant-collapse-content { border-top: none !important; } .walletContent__style---base64-8-{padding-left:5px}.walletContent-content__box__style---base64-8-{display:block}.walletContent__style---base64-8- ul,.walletContent__style---base64-8- li,.walletContent__style---base64-8- p{margin:0;padding:0;list-style:none}.walletContent__style---base64-8- h2{font-size:17px;font-weight:bold;color:#000}.walletContent__style---base64-8- [class~="ant-tabs-bar"]{margin-bottom:26px}.walletContent__style---base64-8- [class~="ant-modal-body"]{padding-left:30px;padding-right:30px}.walletContent__style---base64-8- [class~="ant-tabs-nav-container"]{height:38px !important}.walletContent__style---base64-8- [class~="ant-tabs-tab"]{width:156px !important;height:38px !important;background:#f8efe8 !important;border-radius:10px 10px 0px 0px !important;text-align:center;margin-right:6px !important;border:0 !important;font-size:18px;color:#EC3E0F}.walletContent__style---base64-8- [class~="ant-tabs-tab"]:last-child{margin-right:0 !important}.walletContent__style---base64-8- [class~="ant-tabs-tab"][class~="ant-tabs-tab-active"]{background:#EC3E0F !important;color:#fff !important}.walletContent__style---base64-8- [class~="ant-tabs-tab"][class~="ant-tabs-tab-disabled"]{background:#ccc !important;color:#fff !important}.walletContent__style---base64-8- [class~="ant-collapse"]{border:0;background:#fff}.walletContent__style---base64-8- [class~="ant-collapse-content-box"]{padding:18px 0 0 10px !important}.walletContent__style---base64-8- [class~="ant-collapse-item"]{border:0 !important;margin-bottom:26px}.walletContent__style---base64-8- [class~="ant-collapse-item"]:last-child{margin-bottom:0}.walletContent__style---base64-8- [class~="ant-tabs-content"]{padding-left:10px}.walletContent__style---base64-8- [class~="ant-collapse-content"]{border:0}.walletContent__style---base64-8- .topTitle__style---base64-8-{font-size:15px;color:#ff3333;margin-bottom:10px}.walletContent__style---base64-8- .topTitle__style---base64-8- span{font-size:17px;font-weight:bold}.walletContent__style---base64-8- .bTitle__style---base64-8-{font-size:16px;color:#c49672;height:40px;line-height:40px}.walletContent__style---base64-8- .fTitle__style---base64-8-{margin-bottom:20px;line-height:1;padding-bottom:0}.walletContent__style---base64-8- .fTitle__style---base64-8- span{font-size:14px;color:#f33}.walletContent__style---base64-8- .fTitle__style---base64-8- b{font-size:16px}.walletContent__style---base64-8- .recharge__style---base64-8-{margin-bottom:50px}.walletContent__style---base64-8- .recharge__style---base64-8- p{display:inline-block;font-size:14px;color:#9a9a9a;line-height:1;vertical-align:middle}.walletContent__style---base64-8- .recharge__style---base64-8- p b{font-size:16px;color:#f33}.walletContent__style---base64-8- .balanceBox__style---base64-8-{width:331px;height:162px;background-repeat:no-repeat;background-image:url(https://ut-front.thisnew.com/images/routes/Wallet/images/balance.png);font-size:26px;font-weight:bold;color:#fff;margin-bottom:40px}.walletContent__style---base64-8- .balanceBox__style---base64-8- p{text-shadow:4px 5px 4px rgba(121,81,48,0.22);margin:0}.walletContent__style---base64-8- .balanceBox__style---base64-8- p:first-child{height:32px;box-sizing:content-box;line-height:32px;padding:67px 0 18px 37px;font-size:32px;letter-spacing:1px}.walletContent__style---base64-8- .balanceBox__style---base64-8- p:first-child span{font-size:26px}.walletContent__style---base64-8- .balanceBox__style---base64-8- p:last-child{padding-left:20px;line-height:15px}.walletContent__style---base64-8- .balanceBox__style---base64-8- p:last-child span{font-size:12px;vertical-align:middle}.walletContent__style---base64-8- .balanceBox__style---base64-8- p:last-child b{font-size:15px;vertical-align:middle}.walletContent__style---base64-8- .addMoney__style---base64-8-{height:40px;outline:none;vertical-align:middle;margin-right:12px}.walletContent__style---base64-8- .addMoney__style---base64-8- [class~="ant-input"]{font-size:15px !important}.walletContent__style---base64-8- .paneBox__style---base64-8-{width:659px;height:247px;background:#fffaf6;padding:25px}.walletContent__style---base64-8- .paneBox__style---base64-8- li{line-height:30px}.walletContent__style---base64-8- .paneBox__style---base64-8- li .desc__style---base64-8-{display:inline-block;color:#999999;font-size:14px;font-weight:400;width:180px;text-align:right}.walletContent__style---base64-8- .paneBox__style---base64-8- li .cont__style---base64-8-{color:#333;font-size:16px;display:inline-block;font-weight:400;padding-left:10px}.walletContent__style---base64-8- .btnOk__style---base64-8-{background-color:#ff3333;color:#fff;box-shadow:0px 7px 13px 0px rgba(243,53,53,0.24);border-radius:4px;height:38px}.walletContent__style---base64-8- .warnTip__style---base64-8-{color:#ff3333;width:659px;height:85px;background:#fff0f2;border:1px solid #fac7cd;border-radius:4px;padding:22px 18px;font-size:PingFang-SC-Medium;margin-bottom:26px;font-weight:500;margin-top:17px;font-size:15px}.walletContent__style---base64-8- .activity__style---base64-8-{overflow:hidden;margin-bottom:0;padding:0 10px 14px}.walletContent__style---base64-8- .activity__style---base64-8- li{float:left;margin-bottom:26px;padding:21px 0 18px;margin-right:36px}.walletContent__style---base64-8- .activityItem__style---base64-8-{cursor:pointer;width:230px;background:#fffdfb;border:1px solid #f1e3d8;border-radius:10px;margin:auto;text-align:center;transition:all 0.3s}.walletContent__style---base64-8- .activityItem__style---base64-8-:hover{background:#fffaf6;box-shadow:0px 9px 27px rgba(201,161,129,0.45)}.walletContent__style---base64-8- .activityItem__style---base64-8-:hover button{background-color:#ff3333;border-color:#ff3333}.walletContent__style---base64-8- .activityItem__style---base64-8- p{line-height:1;color:#EC3E0F}.walletContent__style---base64-8- .activityItem__style---base64-8- p:nth-of-type(1){font-size:24px;margin-bottom:13px}.walletContent__style---base64-8- .activityItem__style---base64-8- p:nth-of-type(2){font-size:17px}.walletContent__style---base64-8- .activityItem__style---base64-8- strong{font-size:32px}.walletContent__style---base64-8- .activityItem__style---base64-8- b{color:#f33}.walletContent__style---base64-8- .activityItem__style---base64-8- button{height:36px;border-radius:18px;margin:20px auto -18px !important;display:block;font-size:17px}.walletContent__style---base64-8- .activityFlag__style---base64-8-{display:block;height:42px;width:42px;border-radius:50%;border:1px solid #e3cab6;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAMAAADzapwJAAAAjVBMVEUAAADJnXrGnHrInXrFkm3JnXrJnnrJnXrInXrGnXjJoHzJnX3JnXrInnrJnnrJnXrBn3HJnXvInHrJnXrJnnrJnXzJnXvJnXvInHrHnXrKnnvJnnvHnXvJnXrInXnInnrJoHrInXnInXrLn3zHnnnJn3vNoXzHnXrJnHvNoHjInXrLn3vNoX3Qo37TpYAoU1mKAAAAKnRSTlMA80vYBcJk+d4wGRTGurVgC+fir5SKgFE4JyHVm3VoTkT87NjKx6hWVTO+xNxYAAAA1ElEQVQY032P2XKDMAxFRQLYYPYdsnZvLZn//7xiQacJYXJepDkj3ZFgRX/KjyuVdY3nEL0ONy7cVYcXQ6i18RflBn6Z0zhJyxizVO3xo5By/8dbpKbAn+t3e9nd0WXw7mwQAeEGBHqTWSPquZplmTU2NXsqqnPqW8COYBhog5riMLsGwGiUSan6MpHoDMMBReWyphamxnW/KIJ61CiCZTpOVJ/EkvaQGhqLkPV/NqZw9j67OdtySdEe5JyUzZuYtRBckPLIY1ZfIjFPnt/UtXiUovkFhRQveC/g41kAAAAASUVORK5CYII=) center/22px no-repeat #fff;margin:-21px auto 18px}.walletContent__style---base64-8- .offer__style---base64-8-{display:inline-block}.walletContent__style---base64-8- .offer__style---base64-8- ul{display:flex}.walletContent__style---base64-8- .offer__style---base64-8- li{width:120px;line-height:1;font-size:16px;font-weight:bold}.walletContent__style---base64-8- .offer__style---base64-8- li:first-child{width:100px;color:#9a9a9a}.walletContent__style---base64-8- .offer__style---base64-8- li:last-child{width:240px}.walletContent__style---base64-8- .offer__style---base64-8- li b{color:#f33}.walletContent__style---base64-8- .offerTop__style---base64-8-{border-bottom:2px dotted #808080;position:relative}.walletContent__style---base64-8- .offerTop__style---base64-8-::after{display:block;content:"";position:absolute;height:2px;width:110px;right:0;bottom:-2px;background:linear-gradient(to left, #fff 0%, transparent 100%)}.walletContent__style---base64-8- .offerTop__style---base64-8- li{padding-bottom:8px}.walletContent__style---base64-8- .offerBottom__style---base64-8- li{padding-top:8px}.walletContent__style---base64-8- .offerFlag__style---base64-8-{display:inline-block;width:13px;height:20px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAUCAMAAABh7EcdAAAAZlBMVEUAAAD/MzP/NTX/MjL/NDT/MzP/Njb/MzP/MjL/MzP/MzP/MzP/MzP/MzP/MjL/MzP/MjL/MzP/MzP/MjL/NDT/Njb/MzP/MzP/NDT/MzP/MzP/MzP/MjL/MzP/MzP/MjL/Li7/MzMQK1lpAAAAIXRSTlMA2gQf9nYT7aD75tN7O8rErKVQTSsX3dzFtZKRj4FLQgumlCo2AAAAjElEQVQY0z3NVxbEIAgF0CdGTe+Z3tj/JueRdj/AAwKgJTh1YcFqdGrcCJoy3WQTEK98dPmN8RIRmGqB1MwBHGoFgLQcRaHaw/RsomQpgvP8VOLJ0uDFD8w5ZjuQqsRYNECuh7sAczquN6CgmxfMr1NTRayazFZ8sHus2w++1ORxqvUNnHzF1km+AvMHMkIOrhWEN64AAAAASUVORK5CYII=) center/cover no-repeat;margin-bottom:-10px;margin-right:12px;margin-left:-6px} #walletContent .ant-input { height: 100%; box-shadow: 0px 4px 10px 0px rgba(69, 69, 69, 0.11); } #walletContent .ant-input { height: 100%; border: 1px solid #ebebeb; border-left: none; font-size: 18px; color: #999999; } #walletContent .ant-input-wrapper { height: 100%; } #walletContent .ant-input-group-addon { font-size: 18px; color: #999999; border: 1px solid #ebebeb; border-right: none; } .WalletSuccessContent__style---base64-8-{padding-left:5px}.WalletSuccessContent__style---base64-8- ul,.WalletSuccessContent__style---base64-8- li,.WalletSuccessContent__style---base64-8- p{margin:0;padding:0;list-style:none}.WalletSuccessContent__style---base64-8- .bTitle__style---base64-8-{font-size:16px;color:#c49672;height:40px;line-height:40px}.WalletSuccessContent__style---base64-8- .Ftitle__style---base64-8-{padding-top:20px}.WalletSuccessContent__style---base64-8- h2{font-size:26px;max-width:490px;margin:0 auto;font-family:PingFang-SC-Heavy;color:#493A2E}.WalletSuccessContent__style---base64-8- img{margin-bottom:15px}.WalletSuccessContent__style---base64-8- .btnToUp__style---base64-8-{background-color:#FF3333;width:210px;height:46px;font-size:16px;box-shadow:0px 7px 13px 0px rgba(243,53,53,0.24);border-radius:12px;margin-top:15px;color:#fff} [class^='myAdminProductImagePreview__style'] #previewSwiper .swiper-slide { width: 600px; min-height: 636px; } [class^='myAdminProductImagePreview__style'] #previewSwiper .swiper-slide img { display: block; margin: auto; width: 600px; height: 600px; object-fit: contain; } [class^='myAdminProductImagePreview__style'] #previewSwiper .swiper-slide p { color: #333; font-size: 16px; line-height: 1; margin-left: 40px; margin-bottom: 10px; display: flex; } [class^='myAdminProductImagePreview__style'] #previewSwiper .swiper-slide p span:last-child { flex: 1; white-space: break-spaces; word-break: break-word; } [class^='myAdminProductImagePreview__style'] .swiper-button-prev, [class^='myAdminProductImagePreview__style'] .swiper-button-next { text-align: center; color: #000; outline: none; top: calc(50% + 36px); } [class^='myAdminProductImagePreview__style'] .swiper-button-prev.swiper-button-disabled, [class^='myAdminProductImagePreview__style'] .swiper-button-next.swiper-button-disabled { cursor: pointer; pointer-events: inherit; opacity: 1; } [class^='myAdminProductImagePreview__style'] .swiper-button-prev i, [class^='myAdminProductImagePreview__style'] .swiper-button-next i { font-size: 40px; } [class^='myAdminProductImagePreview__style'] .swiper-button-prev:hover, [class^='myAdminProductImagePreview__style'] .swiper-button-next:hover { color: #DB5426; } [class^='myAdminProductImagePreview__style'] .swiper-button-prev::after, [class^='myAdminProductImagePreview__style'] .swiper-button-next::after { content: ''; } [class^='myAdminProductImagePreview__style'] .swiper-button-next { transform: rotate(180deg); } [class^='myAdminProductImagePreview__style'] .swiper-button-prev { left: 28px; } [class^='myAdminProductImagePreview__style'] .swiper-button-next { right: 28px; } @media screen and (max-width: 768px) { [class^='myAdminProductImagePreview__style'] .swiper-button-prev { left: 10px; } [class^='myAdminProductImagePreview__style'] .swiper-button-next { right: 10px; } [class^='myAdminProductImagePreview__style'] #previewSwiper { width: 5.7rem; margin: 0 auto; } [class^='myAdminProductImagePreview__style'] #previewSwiper .swiper-slide img { max-width: 100%; height: 100%; } } .myAdminProductImagePreview__style---base64-8-{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.6)}.myAdminProductImagePreviewContainer__style---base64-8-{position:relative;min-height:790px;width:740px;margin:auto;top:50%;transform:translateY(-50%);background:#fff;padding:30px 30px 38px}.myAdminProductImagePreview__style---base64-8- .closePreview__style---base64-8-{width:30px;height:30px;background-color:#ff3333;border-radius:15px;line-height:30px;color:#fff;border:0;padding:0;font-size:24px;right:-15px;top:-15px;position:absolute;outline:none;cursor:pointer}.myAdminProductImagePreview__style---base64-8- .closePreview__style---base64-8-:hover{opacity:1}.myAdminProductImagePreview__style---base64-8- h2{font-size:19px;margin-bottom:33px}.myAdminProductImagePreview__style---base64-8- [class~='swiper-pagination']{position:static;padding-top:20px;font-size:16px}@media screen and (max-width: 768px){.myAdminProductImagePreview__style---base64-8-{bottom:51px;overflow:hidden}.myAdminProductImagePreviewContainer__style---base64-8-{height:100%;width:100%;top:20px;background:#fff;transform:none}.myAdminProductImagePreview__style---base64-8- .closePreview__style---base64-8-{width:0.53rem;height:0.53rem;background-color:#ff3333;border-radius:0.26rem;margin:0;top:0.24rem;right:0.24rem;left:auto;padding:0;opacity:1;font-size:16px;text-align:center}.myAdminProductImagePreview__style---base64-8- .closePreview__style---base64-8- span{height:16px;display:inline-block;vertical-align:middle;line-height:1}} #customerOrder h3 { padding-bottom: 5px; } #customerOrder .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):first-child { border: none; padding-left: 0; } #customerOrder .ant-radio-button-wrapper:first-child { padding-left: 0; } #customerOrder .ant-radio-button-wrapper { border: none; padding: 0 10px; height: 35px; } #customerOrder .ant-radio-button-wrapper:not(:first-child):before { background-color: #fff !important; } #customerOrder .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled) { box-shadow: -1px 0 0 0 #fff; } #customerOrder .ant-divider { margin: 10px 0; } #customerOrder .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):focus-within { outline: 0px solid rgba(196, 150, 114, 0.06); } #customerOrder .tableTxt .storeLogo { width: 24px ; height: 23px; } #customerOrder .tableTxt .woologo { width: 27px; height: 16px; } #customerOrder .serviceSelect .ant-select-selection__placeholder { color: rgba(0, 0, 0, 0.65); } #customerOrder .iconicon_infomess { margin-left: 8px; } @media screen and (max-width: 768px) { #customerOrder { display: none; } #mobileOrder h3 { font-size: 0.34rem; padding: 0.2rem 0.3rem; } #mobileOrder .ant-tabs-nav .ant-tabs-tab { margin-right: 0.2rem; padding: 0.24rem; margin-left: -0.2rem; } #mobileOrder .ant-tabs-ink-bar { background-color: transparent; } #mobileOrder .ant-tabs-tab-btn-disabled { display: none; } #mobileOrder .ant-tabs-nav-container-scrolling { padding-left: 0.5rem; } .loading-container { position: absolute; bottom: 20px; width: 100%; text-align: center; } } .payments__style---base64-8- [class~='ant-form-item']{margin-right:20px}.payments__style---base64-8- h3{font-size:20px;color:#333333;font-weight:700}.payments__style---base64-8- .checkoutBox__style---base64-8- h5{font-size:16px;color:#576077}.payments__style---base64-8- .checkoutBox__style---base64-8- .detail__style---base64-8-{font-size:16px;color:#333;margin-bottom:10px;border:solid 1px #e4e4e4}.payments__style---base64-8- .checkoutBox__style---base64-8- .detail__style---base64-8- .odd__style---base64-8-,.payments__style---base64-8- .checkoutBox__style---base64-8- .detail__style---base64-8- .even__style---base64-8-{line-height:20px;padding:10px}.payments__style---base64-8- .checkoutBox__style---base64-8- .detail__style---base64-8- .odd__style---base64-8-{background-color:#fffaf6}.payments__style---base64-8- .topRightBox__style---base64-8-{margin:10px 0 0}.payments__style---base64-8- .topShopType__style---base64-8-{margin-bottom:20px}.payments__style---base64-8- .topShopType__style---base64-8- .btn__style---base64-8-{border-color:#fff;outline:none;font-size:20px;box-shadow:none}.payments__style---base64-8- .topShopType__style---base64-8- .btn__style---base64-8-:first-child{border-right:none;border-left:none;border-bottom:none;border-top:none}.payments__style---base64-8- .topShopType__style---base64-8- .btn__style---base64-8-:before{opacity:0}.payments__style---base64-8- .checkTip__style---base64-8-{text-decoration:underline;color:#ff3333;font-size:14px;cursor:pointer}.payments__style---base64-8- .topBox__style---base64-8-{padding:15px 0 10px}.payments__style---base64-8- .searchForm__style---base64-8-{padding:7px 0}.payments__style---base64-8- .searchBtn__style---base64-8- i{font-size:27px;color:#ff3333;vertical-align:middle;margin-right:10px}.payments__style---base64-8- .searchBtn__style---base64-8- .spanNumber__style---base64-8-{color:#ff3333}.payments__style---base64-8- .countDown__style---base64-8-{padding-left:10px;display:inline;color:#f33;white-space:nowrap}.payments__style---base64-8- .modifyShipping__style---base64-8- .tips__style---base64-8-{color:#ff3333;font-size:14px}.payments__style---base64-8- .tableActionButton__style---base64-8-{padding:0;background:transparent !important;border:0;outline:none;height:36px;line-height:36px;margin-right:15px;vertical-align:middle}.payments__style---base64-8- .tableActionButton__style---base64-8- i{font-size:22px}.payments__style---base64-8- .tableActionButton__style---base64-8- i[class~='iconicon_sp_view']{font-size:28px}.payments__style---base64-8- .tableActionButton__style---base64-8- i[class~='iconuser_cancel']{font-size:29px;margin-left:-4px;margin-right:-4px}.payments__style---base64-8- .showBulkPaymentInfoModalBtn__style---base64-8-{font-size:16px;margin-top:15px;margin-bottom:-5px;padding:0;color:#EC3E0F}.payments__style---base64-8- .showBulkPaymentInfoModalBtn__style---base64-8- i{font-size:22px;vertical-align:middle}.payments__style---base64-8- .showBulkPaymentInfoModalBtn__style---base64-8- span{font-weight:bold;margin-left:7px;vertical-align:middle;text-decoration:underline}.mobileOrder__style---base64-8-{display:none}@media screen and (max-width: 768px){.mobileOrder__style---base64-8-{display:block;margin:0 -0.24rem}.mobileOrder__style---base64-8- .tabBox__style---base64-8-{width:7.5rem;background-color:#fff7f1}.mobileOrder__style---base64-8- .orderListBox__style---base64-8-{padding:0.2rem}.mobileOrder__style---base64-8- .orderListBox__style---base64-8- .orderList__style---base64-8-{background:#fff;box-shadow:0px 4px 16px 0px rgba(30,30,30,0.22);border-radius:0.2rem;margin:0.3rem 0}.mobileOrder__style---base64-8- .orderListBox__style---base64-8- .orderList__style---base64-8- .orderListTitle__style---base64-8-{background:#f3f3f3;border-top-left-radius:0.2rem;border-top-right-radius:0.2rem;height:0.8rem;line-height:0.8rem;color:#333333}.mobileOrder__style---base64-8- .orderListBox__style---base64-8- .orderList__style---base64-8- .orderListTitle__style---base64-8- img{width:0.44rem;height:0.44rem;margin-left:0.3rem;margin-right:0.2rem}.mobileOrder__style---base64-8- .orderListBox__style---base64-8- .orderList__style---base64-8- .orderListTitle__style---base64-8- .orderTime__style---base64-8-{color:#888}.mobileOrder__style---base64-8- .orderListBox__style---base64-8- .orderList__style---base64-8- .orderListTxt__style---base64-8-{padding:0.2rem}.mobileOrder__style---base64-8- .orderListBox__style---base64-8- .orderList__style---base64-8- .orderListTxt__style---base64-8- p{margin-bottom:0.1rem}.mobileOrder__style---base64-8- .orderListBox__style---base64-8- .orderList__style---base64-8- .orderListTxt__style---base64-8- .orderNum__style---base64-8-{color:#333333}.mobileOrder__style---base64-8- .orderListBox__style---base64-8- .orderList__style---base64-8- .orderListTxt__style---base64-8- .orderListPrice__style---base64-8-{padding-top:0.3rem;border-top:1px dotted #ccc;color:#000;font-size:0.35rem;line-height:0.5rem}.mobileOrder__style---base64-8- .orderListBox__style---base64-8- .orderList__style---base64-8- .orderListTxt__style---base64-8- .orderListPrice__style---base64-8- .smallPrice__style---base64-8-{color:#f33535;font-weight:700}.mobileOrder__style---base64-8- .orderListBox__style---base64-8- .orderList__style---base64-8- .orderListTxt__style---base64-8- .orderListPrice__style---base64-8- .bigPrice__style---base64-8-{color:#f33535;font-size:0.45rem;font-weight:700}.mobileOrder__style---base64-8- .orderListBox__style---base64-8- .orderList__style---base64-8- .orderListTxt__style---base64-8- .orderListPrice__style---base64-8- .right__style---base64-8-{text-align:right}.mobileOrder__style---base64-8- .orderListBox__style---base64-8- .orderList__style---base64-8- .orderListTxt__style---base64-8- .orderListPrice__style---base64-8- .right__style---base64-8- i{font-size:0.7rem;margin-right:0.25rem}.mobileOrder__style---base64-8- .orderListBox__style---base64-8- .orderList__style---base64-8- .orderListTxt__style---base64-8- .orderListPrice__style---base64-8- .right__style---base64-8- i:last-child{margin-right:0}.mobileOrder__style---base64-8- .orderListBox__style---base64-8- .orderList__style---base64-8- .countDown__style---base64-8-{padding-left:0.2rem;display:inline-block;color:#f33;white-space:nowrap}}.uploadImageModal__style---base64-8- [class~='ant-modal-body']{padding:0 30px}.uploadImageModal__style---base64-8- [class~='ant-form-item']{margin-bottom:0}.uploadImageModal__style---base64-8- [class~='ant-form-item-control-wrapper']{padding-left:10px}.uploadImageModal__style---base64-8- [class~='ant-form-item-label']>label{color:#333;font-size:16px}.uploadImageModal__style---base64-8- [class~='ant-select-selection--single']{height:40px}.uploadImageModal__style---base64-8- [class~='ant-select-selection__rendered']{line-height:38px}.uploadImageModal__style---base64-8- [class~='ant-select-selection-selected-value']{display:block;color:#333;margin-bottom:10px}.uploadImageModal__style---base64-8- [class~='ant-select-selection-selected-value']:last-child{margin-bottom:0}.uploadImageModal__style---base64-8- [class~='ant-select-selection-selected-value'] span{color:#adadad;font-size:13px}.uploadImageModal__style---base64-8- [class~='ant-modal-header']{border-bottom:0;padding:30px 0 10px 30px}.uploadImageModal__style---base64-8- [class~='ant-modal-title']{font-size:19px}.uploadImageModal__style---base64-8- [class~='ant-modal-footer']{border-top:0;text-align:center;padding:30px 0 40px}.uploadImageModal__style---base64-8- [class~='ant-modal-footer'] button{margin:0;width:112px;height:36px;line-height:36px;font-size:15px;border:0}.uploadImageModal__style---base64-8- [class~='ant-modal-close']{top:-10px;right:-10px}.uploadImageModal__style---base64-8- [class~='ant-modal-close'] [class~='ant-modal-close-x']{width:30px;height:30px;background-color:#ff3333;border-radius:15px;line-height:30px;color:#fff}.uploadImageModal__style---base64-8- textarea{margin-bottom:18px;resize:none}.uploadImageModal__style---base64-8- .upload__style---base64-8-{width:360px;height:360px;border-radius:6px;position:relative;border:2px dashed #ca9e7b;background:#fffbf7;display:flex;flex-direction:column;justify-content:center;text-align:center}.uploadImageModal__style---base64-8- .upload__style---base64-8-.hasImg__style---base64-8-{border:0;overflow:hidden}.uploadImageModal__style---base64-8- .upload__style---base64-8-.hasImg__style---base64-8-:hover button{opacity:1}.uploadImageModal__style---base64-8- .upload__style---base64-8- i{font-size:78px;color:#ff3333;line-height:1}.uploadImageModal__style---base64-8- .upload__style---base64-8- p{margin-top:20px;font-size:20px;color:#ff3333;margin-bottom:0}.uploadImageModal__style---base64-8- .upload__style---base64-8- input{position:absolute;cursor:pointer;top:0;left:0;width:100%;height:100%;opacity:0}.uploadImageModal__style---base64-8- .upload__style---base64-8- img{width:100%;max-height:100%;object-fit:contain;border-radius:6px}.uploadImageModal__style---base64-8- .upload__style---base64-8- button{position:absolute;transition:all 0.3s;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.5);line-height:1;border:0;opacity:0}.uploadImageModal__style---base64-8- .upload__style---base64-8- button i{cursor:pointer;color:#fff;font-size:30px}.uploadImageModal__style---base64-8- .upload__style---base64-8- [class~='ant-spin-spinning']{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(255,255,255,0.8);z-index:10}.uploadImageModal__style---base64-8- .upload__style---base64-8- [class~='ant-spin-spinning']::after{content:'';display:inline-block;width:0px;height:100%;background:#ccc;vertical-align:middle}.uploadImageModal__style---base64-8- .upload__style---base64-8- [class~='ant-spin-spinning'] [class~='ant-spin-dot']{font-size:30px;vertical-align:middle}.uploadImageModal__style---base64-8- .tips__style---base64-8-{text-align:justify;color:#f33;font-size:15px;margin-top:26px}.uploadImageModal__style---base64-8- .tips__style---base64-8- b{font-size:17px;line-height:24px} #customerOrder h3 { padding-bottom: 5px; } #customerOrder .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):first-child { border: none; padding-left: 0; } #customerOrder .ant-radio-button-wrapper:first-child { padding-left: 0; } #customerOrder .ant-radio-button-wrapper { border: none; padding: 0 10px; height: 35px; } #customerOrder .ant-radio-button-wrapper:not(:first-child):before { background-color: #fff !important; } #customerOrder .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled) { box-shadow: -1px 0 0 0 #fff; } #customerOrder .ant-divider { margin: 10px 0; } #customerOrder .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):focus-within { outline: 0px solid rgba(196, 150, 114, 0.06); } .payments__style---base64-8- h3{font-size:20px;color:#333333;font-weight:700}.payments__style---base64-8- .topBox__style---base64-8-{padding:15px 0 10px}.payments__style---base64-8- .searchBtn__style---base64-8- i{font-size:27px;color:#ff3333;vertical-align:middle;margin-right:10px}.payments__style---base64-8- .searchBtn__style---base64-8- .spanNumber__style---base64-8-{color:#ff3333} .myCoupon__style---base64-8- .couponHeader__style---base64-8-{display:flex;align-items:center;margin-bottom:20px}.myCoupon__style---base64-8- .couponHeader__style---base64-8- .title__style---base64-8-{font-size:20px;color:#333333;font-weight:700;padding-bottom:0;margin-right:10px}.myCoupon__style---base64-8- .voucherList__style---base64-8-{margin-bottom:0;padding:0;min-height:250px}.myCoupon__style---base64-8- .voucherList__style---base64-8- li{display:inline-block;margin-bottom:30px;padding:0;margin-right:30px;list-style:none;cursor:pointer}.myCoupon__style---base64-8- .voucherListLi__style---base64-8-{width:322px;height:127px;padding:20px;background:url(https://ut-front.thisnew.com/images/routes/MyAdminCoupon/image/voubg.png) no-repeat center;border-radius:10px}.myCoupon__style---base64-8- .voucherListLi__style---base64-8- .topTxt__style---base64-8-{color:#ec3e0f;font-weight:bold;font-size:17px;position:relative}.myCoupon__style---base64-8- .voucherListLi__style---base64-8- .topTxt__style---base64-8- .topIcon__style---base64-8-{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADQAAAA0CAYAAADFeBvrAAAJVUlEQVRoQ92aa3BV1RXHf+uckwfkgRCCCoKgqDU8JGYSwH4BlWAVbKcd29qhVqRlLKN9WVsLyWjlpYiMWrTjtMVB+pD2Q9thEAeZKdNOKw8vRB6pVCgPCwoYAnmYxz3n7M6+J7n3nvtIzrkEPrg+5eautdf67/XYa699hc8YyWcMD5cEkLrvPpNDhwpxnAJM02LQIMF1BcNQKGUjEqW1tVMaG7sHekMHBJACoaKiiJKSIkQG4br5gQy1bZeCgg46OtppaGgTsAPJ9cF0UYDUjBkWFy4MxTBKMU3zYo2hq6sdy2qWSOTTXNfKCZACg8rKMkSGYFlGrsqzyinVQXPzGTl8uCvs2qEBqaqqwRjGVYhYfRg0HNe9BbgekRG47mAgD5FOoAmRY7huI4bxQSyvMpGIwrabiUSaBDLzZJALDCiWJ1VVZZjmsIwGuO5IlPoyMBu4Ac3fP51Dqb8Bf8GydmVkd5xOSkpOyfbtgfIriFK9PSZVVaMwzcI0pY4zFvgecBeaL3d6H6XWYllvZ1giyrlzp4KEYL+AevJlNHl5BT5FupIptQhYAASrasHA/hPDeAqREz52HYJNTSf6A9UnoFiYVVdfEyvFyaTUaFz3RWBCMBtDcinVhkgdprklRa9NUdGJvsKvb0BVVcPTcsa2pwCvInJFSDPDsutCsBbTXOsTNIxuduw4IeBmrCXZtKiKimKKi0emhNkklFoPFIW1Lmd+kZcxjJd88tFom+zdeyowoFjeVFWN8x2WrnstrrsRkaE5G5eboPbUk5jmRp94Z+dJ2bevPXXJjCGnKivLyctLGO4VgD8Bn8vNpouW6sYw7kfkQNJKUXbtOpZ6RqUBirUzLS1jfR2A6z6GUgszmrVhPdx000VbHFug8d/w4Pxsax1F5F50DvVSd/cZaWg4nyyQDijVO7Y9DpFNsZM+Ez23CiZOgJJSMAQuXAgHbsgQcF1obYUDB+Dxn/YlvwbTfDXZS7Jr19GsgHq6get8ueM4a4B7+rXyxRegpBge+na/rD6Gdb+Gpqb+gPSKtKDU7VhWa3yNlFzyeSitsnntzLZAHcDlAaRxPItprosDcpxWiUQ+6v3sBzR16pUoNSSJ+RHg0UBbvuZ5GD4cHvhWIPY40+vr4eOP4CdPBJU7gmneHWe2bVf27DmcGdC0aWN9lzPH0blzYyBNi38Gs2vhzlqIRr1CkZc57WLfHzrkfb9tK2x5C555NpCaHqY5mOYHcYHBg3X3oDv5REccuzYfP359nMl1y1HqHwG7ZqithWVPw9LlsGkTzJwJTz8FBf4WENuGpcs8EHPnQv0SWFwH23RkBySRFRiGPuA96ug4K/v3N/sBTZ5cRGHhqKRwuwN4JaAKb7f/+AYUFcH8BXDyJFw3DurrYUKFt8zBg7BsBRw5AqNGwmvroLUNvvZ1YkCD02ZM80dxdqVaZPfuj/2AJkwYRlHR8CRA+tx5LLgOYNIkeGUttLR4XtixE/TN/PEfg3Jh9RpwHJhaA/V1oEv2dxfBgYOh1ADvY5pfjAtFo12yd+/xVA+NoLAw0XC6bj1KzQuricpKWL7UKxBb34a6ev8Sz6yE22fC2bOwpB4aGkKrQKlmLGta0uY7Eokc8QOqrtbX6tIkplVAYhfCqL36avjVqzBiBHzhbmg650mXlcGWzXD6DCxcCB/FoiQXsjHNxNVFRMnOnbEiES/bKhWQ665GqbmhtVVOgeXLPA9t3+6V46FDvVDTobhiOdx5R4+H6qDhvdAqUMrFsm6OC2YElH4GLQW+GkrbpInwysuJHHo3ArNmwSOLoKsLVj3n5dVt06GuzussHl7kFYswpJQed90aF0k6ixIeqqkp00GRFHLfB/QVOxjpKrfxD1Bc7FW5osGep6691i+vjf/5Uq+qvfYbaGkNX+WUOo5l1cYXNoxu2bHjmD/kpk4tRamr4kyu+yWUCn7a1c6CZUu9shyJwPrXoDSRkj5UuoF94EGoqYYli3M5h/6OYXwnvmZXV7u8995JP6CKinyKi/UExyPbvrGnyw7mocVPwOzZMGs21C2Bu/Q0qw96cwusWOl1CvrvcJ3CLzHNF5Ki6ZxEIp/4AOkP6tZbx8fvQXq4rtS/gMxzuFRb16yG4eVeL7d5E5SX9w3ozBmYcy+E7+VAqflYlrbNo7a2U9LY2JYOaPr0UThOYl5g2ysQ+UogFyV327//rdcx9EXt7fCNeRDu+qBXbMEwbou9YMQQiGLnziO9QxN/tz1lyhXk549ICrsaRDaEBhRIoIcpLCCl3sCynoyrUKpDdu/+sPezHxBY1NRc57PHcf7a5yxh5QqouBmGDdO75V3WwpA+bPWNtbnZK9+6Uc1GSilE5vo67ZRrePoV/JZbRlFQkIgX161FqV9kVfK7DXCDHmUPAP3nA5j3zb4AbcGyfpAUQS579hwVcDJ6SP8z9rpgmtekeOl1YOoAmHwxS3Si1D1Y1v/ii3R2npd9+84kL5p5jFVdPdo3/tUzOaX+fFkHjOnQl2GaiXzWr3+lpcdSx8KZAY0fX0BZ2RiUSnzvOHOA1YEvfBfji3TZrZimfxTgOPGzp18P9YRe+lzbdR9FKT1nuJy0H9PUidURVxqNdrF3r55vpz2EZR3Wx0ZalZVj0p5RHOeHwMOXCdF+DGMBIolhnz53Tp/+UI4di80QUqnv1wc9RW1vH5P2/Gjb9wOLERnIdyG/bXp8ZpqPI+J/QHac0xKJZJ1m9v/glSmfYjGpJqLvTDBugL3ViYgebr6e9v5qmp/IO+/03BYza+0XUMz2sWMLKS8fmeYpPcR33YcQeQhIzPNyQagvbSJvodTzvtLcu1YAMJo1EKCeIpFHXt6ojD+qcN0ilNKXQf1oHGyO12uoUucReRPD2IDIf9OTQhRdXWdTh/LZ9iwwoBgo7/cJV5GXV5zVCY6j24bPA5Njz/pKXYlICUrpB2WdD59gGMdRqhHYgWG8G280Uxft7u7m/PmPsxWA0EUhm9HKm+HpJjbLaDSXmEuS0YemyPmwv1EIFXKpJsbK+pQpQ8jP1w9jAwNMA7HtFoYNOxf0dwmhynbQfY55rKCgBMcpDv1TGX2uuG4n0WgrDQ2tyY1mUP3JfKFyKIgCNWNGIU1NgygsLMC2CzAMKw4yGlXk59t0dESxrC46OjppbPw024t2EH2XxEO5KL5UMgPuoUtlaNB1/w+bV4Bi67woHAAAAABJRU5ErkJggg==) no-repeat center;width:52px;height:52px;position:absolute;top:-40px;left:-40px}.myCoupon__style---base64-8- .voucherListLi__style---base64-8- .topTxt__style---base64-8- .price__style---base64-8-{font-size:20px;color:#ff3333}.myCoupon__style---base64-8- .voucherListLi__style---base64-8- .topTxt__style---base64-8- .price__style---base64-8- span{font-size:30px}.myCoupon__style---base64-8- .voucherListLi__style---base64-8- .topTxt__style---base64-8- [class~='ant-typography']{font-size:17px;color:#ec3e0f;min-height:50px;margin-bottom:0.9em}.myCoupon__style---base64-8- .voucherListLi__style---base64-8- .bottomTxt__style---base64-8-{color:#ec3e0f;font-size:13px;margin-top:2px}.myCoupon__style---base64-8- .voucherListLi__style---base64-8-:hover{background:url(https://ut-front.thisnew.com/images/routes/MyAdminCoupon/image/voubg_hover.png) no-repeat center}.myCoupon__style---base64-8- .voucherListLi__style---base64-8- .usePrice__style---base64-8-{margin-top:-2px;color:#ec3e0f}.myCoupon__style---base64-8- .voucherListLi__style---base64-8- .usePrice__style---base64-8- span{color:#ff3333;font-weight:bold}.myCoupon__style---base64-8- .expiredTime__style---base64-8-{color:#ff3333}.myCoupon__style---base64-8- .couponHistory__style---base64-8-{color:#c49672;text-align:center;font-size:18px;text-decoration:underline;cursor:pointer} .myCouponHistory__style---base64-8- h3{font-size:20px;color:#333333;font-weight:700}.myCouponHistory__style---base64-8- .couponHistory__style---base64-8-{color:#c49672;text-align:center;font-weight:bold;text-decoration:underline;cursor:pointer} #OrdersPaddingInfo .ant-table-footer { background-color: initial; border-top: 1px solid #e8e8e8; overflow: hidden; } #OrdersPaddingInfo .ant-table-tbody > tr:nth-child(even) { background-color: #fffaf6; } #OrdersPaddingInfo .ant-radio-group { width: 100%; } #OrdersPaddingInfo .listDivError { background: #fff0f2; border: 1px solid #ffb4b4; } #OrdersPaddingInfo .listDivError .addValues { color: #727272; } #OrdersPaddingInfo .listDivWarm { background: #fff5ec; border: 1px solid #ffe1c4; } #OrdersPaddingInfo .listDivWarm .addValues { color: #727272; } #OrdersPaddingInfo .disableBtn { cursor: not-allowed; background: #f8f8f8 !important; border: 1px solid #e6e6e6 !important; } #OrdersPaddingInfo .disableBtn .ant-radio-wrapper { cursor: not-allowed; } #OrdersPaddingInfo .disableBtn .ant-radio-checked .ant-radio-inner { border: 2px solid #d9d9d9 !important; } #OrdersPaddingInfo .disableBtn .ant-radio-inner::after { top: 3px; left: 3px; background: #d9d9d9 !important; } #OrdersPaddingInfo .payBtn { width: 100%; height: 48px; padding-left: 20px; line-height: 40px; margin-bottom: 20px; border-radius: 4px; color: #333; font-size: 18px; font-weight: 500; font-family: PingFang SC; position: relative; } #OrdersPaddingInfo .payBtn img { position: absolute; right: 0; bottom: 0; padding-right: 10px; } #OrdersPaddingInfo .payBtn .ant-radio { vertical-align: middle; } #OrdersPaddingInfo .payBtn .ant-radio + span { vertical-align: middle; } #OrdersPaddingInfo .payBtn .ant-radio-wrapper { line-height: 40px; width: 100%; height: 100%; z-index: 100; } #OrdersPaddingInfo .payBtn:nth-child(1) { background: #fff; border: 1px solid #ffdec5; } #OrdersPaddingInfo .payBtn:nth-child(1) .ant-radio-inner { width: 18px; height: 18px; } #OrdersPaddingInfo .payBtn:nth-child(1) .ant-radio-inner { border: 2px solid #EE3F10; } #OrdersPaddingInfo .payBtn:nth-child(4) { background: #fff; border: 1px solid #ffdec5; } #OrdersPaddingInfo .payBtn:nth-child(4) .ant-radio-inner { width: 18px; height: 18px; } #OrdersPaddingInfo .payBtn:nth-child(4) .ant-radio-inner { border: 2px solid #EE3F10; } #OrdersPaddingInfo .payBtn:nth-child(2) { margin-bottom: 10px; background: #fff; border: 1px solid #ffdec5; } #OrdersPaddingInfo .payBtn:nth-child(2) .ant-radio-inner { width: 18px; height: 18px; } #OrdersPaddingInfo .payBtn:nth-child(2) .ant-radio-inner { border: 2px solid #EE3F10; } #OrdersPaddingInfo .nowPayBtn { background: #ffe6e6 !important; border: 1px solid #ffb4b4 !important; } #OrdersPaddingInfo .nowPayBtn .ant-radio-inner { width: 18px; height: 18px; } #OrdersPaddingInfo .nowPayBtn .ant-radio-checked .ant-radio-inner { border: 2px solid #ff3333 !important; } #OrdersPaddingInfo .nowPayBtn .ant-radio-inner { background: #fff !important; } #OrdersPaddingInfo .nowPayBtn .ant-radio-inner::after { top: 3px; left: 3px; background: #ff3333 !important; } #OrdersPaddingInfo [haspos=true] { position: fixed !important; width: calc((100% - 250px)/5) !important; top: 0; right: 25px; z-index: 99; } .LogisticsModal { position: fixed; height: calc(100% - 100px); width: 100% !important; left: 0; max-width: 100% !important; top: 100px !important; padding: 0; margin: 0; } .LogisticsModal .ant-modal-content { height: 100%; text-align: center; } .LogisticsModal .ant-timeline { text-align: left !important; } .LogisticsModal .ant-timeline-item { padding-bottom: 1px; } .LogisticsModal .ant-timeline-item-tail { border-left: 2px dotted #e8e8e8; } .LogisticsModal .ant-timeline-item:first-child .ant-timeline-item-content p { color: #EC3E0F !important; } .LogisticsModal .ant-timeline .ant-timeline-item:first-child .ant-timeline-item-head { color: #EC3E0F; border-color: #EC3E0F; } .LogisticsModal .ant-timeline .ant-timeline-item:first-child .ant-timeline-item-content { color: #EC3E0F; } .trackingNumber .trackingNumberContent { max-height: 237px; overflow-y: scroll; padding: 10px; /*滚动条整体样式*/ /*滚动条滑块*/ /*滚动条轨道*/ } .trackingNumber .trackingNumberContent::-webkit-scrollbar { width: 6px; height: 1px; } .trackingNumber .trackingNumberContent::-webkit-scrollbar-thumb { border-radius: 10px; -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2); background: #B2B2B2; } .trackingNumber .trackingNumberContent::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 1px rgba(0, 0, 0, 0); border-radius: 10px; background: white; } .trackingNumber .trackingNumberContent .ant-timeline-item:first-child .ant-timeline-item-content p { color: #EC3E0F !important; } .trackingNumber .ant-popover-inner-content { padding-top: 30px; padding-bottom: 30px; } .trackingNumber .ant-popover-inner-content .trackingNumberStatus { display: flex; text-align: center; justify-content: center; align-items: center; height: 170px; width: 475px; } .trackingNumber .ant-popover-inner-content .ant-timeline-item:first-child .ant-timeline-item-content p { color: #EC3E0F !important; } .trackingNumber .ant-popover-inner-content .trackingNumberContentEmpty { display: flex; flex-direction: column; justify-content: center; align-items: center; } .trackingNumber .ant-timeline-item { padding-bottom: 1px; } .trackingNumber .ant-timeline-item-tail { border-left: 2px dotted #e8e8e8; } .trackingNumber .ant-timeline .ant-timeline-item:first-child .ant-timeline-item-head { color: #EC3E0F; border-color: #EC3E0F; } .trackingNumber .ant-timeline .ant-timeline-item:first-child .ant-timeline-item-content { color: #EC3E0F; } .OrdersPaddingInfo__style---base64-8- .backBtn__style---base64-8-:hover{background:#333 !important;color:#fff !important;border:none !important}.OrdersPaddingInfo__style---base64-8- .shoppingCartOrdersInfoDetailContainer__style---base64-8-{display:flex;padding:17px 17px 10px;border:1px solid #dfdfdf;border-radius:4px;justify-content:space-between}.OrdersPaddingInfo__style---base64-8- .shoppingCartOrdersInfoDetailContainer__style---base64-8- p{font-size:16px !important}.OrdersPaddingInfo__style---base64-8- .addToCart__style---base64-8-{padding:0;background:transparent;height:30px;line-height:30px;border:0;box-shadow:none}.OrdersPaddingInfo__style---base64-8- .addToCart__style---base64-8-:hover,.OrdersPaddingInfo__style---base64-8- .addToCart__style---base64-8-:focus{color:#EC3E0F;background:none}.OrdersPaddingInfo__style---base64-8- .addToCart__style---base64-8- i{font-size:40px}.OrdersPaddingInfo__style---base64-8- .paymentBox__style---base64-8-{width:100%;background:#fffaf6;border:1px solid #f9ebe0;border-radius:4px;box-sizing:border-box;padding:20px}.OrdersPaddingInfo__style---base64-8- .editBtn__style---base64-8-{position:absolute;top:10px;right:10px}.OrdersPaddingInfo__style---base64-8- tr[class*='disabled']{position:relative;transform:translate3d(0, 0, 0)}.OrdersPaddingInfo__style---base64-8- tr[class*='disabled']::after{position:absolute;content:'';display:block;width:80px;height:100%;left:0;top:0;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADoAAAA5CAYAAABnLziGAAAGVUlEQVRogd2abWhWZRjHf6nbKjc3RXz54AdfQFDBN3Rkuq1GU5bbygKzLCyCU0REEEYQQR+CoA8REXQKKUJbaLCXaEuGytA+bJAOP0ymaExJ5zZn6szcWsX/7j7rcXtezjnPy57tD+Ke+9zn5Xeu676u677PfZ/rumRAxUAzUJSJm43RNWDrjGSv4jhO3OOu6z4M/AgUjj2Wl5fH3bt3k32EeOoFHgNOT0vnXVzXLQV+iga5aNEidu3axbx589J1+ytAmSD1I22gruvqTTYB+dGOX7p0yfyrrKxMB+xvFvKM15AWUNd1K4FG4MF4/Y4cOZIO2G6gBDgb2ZhyUNd1nwDqgPvj9SssLKSmpoY5c+YwPDycKtgLQKn9/x4lHYwi5bru08C3QE6ivmVlZfT09NDW1mZ+l5eXG9impiZ6e3vD3L5Ll7FuO04ps6jrus8C3/mBlObPn8/ly5dHf8uNk7Bspx2TUSFJFajrunuAb4Dpfs+5fv06q1atuqdtcHDQtAdUh4XsiXfa9KqqqrB8RlVVVUqkXyZ6aRqTa9asMda6c+cOfX19rF+/nqKiIgYGBli6dCnLli2jvr6emzdv+r39SZsn+xN1TLYyeh34RNeJ10k5U2Pw/PnzJvjMnj2bEydOmGPFxcXMnDmT27dv09LSEmR8anBvA3730zmZYPQW8JGfjiUlJbS3t9PZ2cmKFStYuXKlqYhkuQMHDoS5t97S44Bv04cdo+/4hZRksf7+/lHIxsZG1q1bx5IlS8Lc+5i1pG9IQlr0feC9RJ1Ux1ZXV9Pa2moCTGlpqWkXpKyZm5sbps49DOwA/gh6YlCLfugXUoFHunHjhoGVVRVVFYy2bNlijmnMBpDKyZowkAQAVbD5GHg72kG5pIKNp82bN7N69WouXrxorKYAo0IAWxjk5+ePWtan6oEngdBTHT+uK8jPgFfjdVJ6wCZ+RVRFV6WLjo6OUdjm5uYwz3gQ2A0MhznZU6I8Kot/oWlnvE7KicqNclflxXPnzhm3FOjy5cvN3yMjI2Gebz/wPPBXmJMjFQ9UVc5XwIt+LhQLVqAhYfcBLwOh3tBYxQKdYd/mc34uooJAlY9gosEuXrzYvAgVBT71OfAK8HcqIIkxRnOBWhvG40pwFRUVJqIqXSiNKMhgAxJ2zDY0NAR5pk+BN4B/kqaL0FjQPOB7YLufkzdt2mQiq6ZaHrRy56FDh8zxjRs3mnalGJ9SEbI3lYCeItPLA0CDX0hv0qyois2XsqasqyCkcq+2tjYI5AfpgiQCVEseP2hZMNEJKgZkJY0/QSmHelIakfsWFBSYlgB58l37L20SaIFdqSv3cxO55qxZs4zFlC83bNjA2rVrzTEFJc1MLlwYt5IRT3utNdOqGbZ+fMjvTYaGhpg7d65Z1BIsEZXQ1atXTQXk010VbN6007y0a1osSLlo5N9yUdWpmiSrhPPkWVZRt7u72+98UpCvOY6TEUhilYAC0tpNXV2dsY6i54IFC4xbYq2qQKTFrVu3bpkpmGC9lOJZOoZG/lvgd/ZliNFoHKgHqYmy54LHjx8fPa6IKiClFcHqBQg0AZwnQe5xHGd/qkES6R7QSEjvwdUmYC+CqsKRm546dWrcpRPAqijf7TjOwczh/a/RPBoLUm3e3BKbL7ERNoCGgJ0TBUkkqCKpLLVw4ULz24NUdPUWmT2pLcBKnVzhKcdx6lL98EE06rqRqULAWmAWkGpVT5o0KxAdPXrUbzGg1YAdjuMcnkhIxq4weKlCbqlV87GQau/q6vILqanK9myAJNpSiger8s5bHvEgA3wXkV9vcxznWBqeOZSi5tFIN1b6yMnJCQKpaLXVcZw2H30zpphrRh6sioUAkANAheM4v2QTJIkWxwSrFQKfY7LPQnak7OlSKH17ScVMvsfOfnyVRxOhVHw29PYLZC0kKfjirf0Cj0b7lJ5tSgb0V+ARC5v1Cuu6Z+2miEkBSUiLnrGB50oanidtCmrR0zbwTCpIAoKetIEn1N6YiZZf0HbrrtcmIyQ+QX9WxeN3U0S2KhFoq90v4Hu5fTKCtgDavDiYwedJm2KB6jt8ddj9AtmoaKDefoE/pwokUUD1yXCnXbWbUooE1fbTZ6YiJBGgXwMvpGq/QDZKoNr1+NJUhpQEqv1DKd0vkHUC/gUrJ4bYuIYjnAAAAABJRU5ErkJggg==) top left/64px no-repeat}.OrdersPaddingInfoBuyNow__style---base64-8-{text-align:right}.OrdersPaddingInfoBuyNow__style---base64-8- button[class*='ant-btn-primary']{width:100%;margin-top:35px;border:0;background:#f33;font-size:20px;padding:0 30px;height:44px;border-radius:10px}.OrdersPaddingInfoBuyNow__style---base64-8- button[class*='ant-btn-primary']:hover,.OrdersPaddingInfoBuyNow__style---base64-8- button[class*='ant-btn-primary']:focus{background-color:#ff9933}.OrdersPaddingInfoDetail__style---base64-8-{margin-bottom:20px;margin-top:25px}.OrdersPaddingInfoDetailContainer__style---base64-8-{display:flex;padding:17px 17px 10px;border:1px solid #dfdfdf;border-radius:4px;justify-content:space-between}.OrdersPaddingInfoDetailContainer__style---base64-8- p{margin-bottom:0;line-height:1.5;font-size:14px;width:100%;margin-bottom:7px}.OrdersPaddingInfoDetailContainer__style---base64-8- p span:first-child{display:inline-block;text-align:right;color:#999999;white-space:nowrap}.OrdersPaddingInfoDetailContainer__style---base64-8- p span:last-child{color:#333}.OrdersPaddingInfoDetailOrder__style---base64-8- .shoppingCartOrdersInfoDetailContainer__style---base64-8- p{width:auto;font-size:16px}.OrdersPaddingInfoDetailOrder__style---base64-8- .shoppingCartOrdersInfoDetailContainer__style---base64-8- p span:first-child{width:auto}.OrdersPaddingInfo__style---base64-8- h3{font-size:20px;color:#333333;font-weight:700}.OrdersPaddingInfo__style---base64-8- h4{font-size:18px;margin-bottom:12px}.OrdersPaddingInfo__style---base64-8- .remarks__style---base64-8-{width:100%}.OrdersPaddingInfo__style---base64-8- .remarks__style---base64-8- textarea{width:100%;padding:6px 12px;border:1px solid #e5e5e5;color:#878787}.OrdersPaddingInfo__style---base64-8- .formBtn__style---base64-8- .formBtnSave__style---base64-8-{font-size:18px;height:40px;border-radius:10px}.OrdersPaddingInfo__style---base64-8- .shippingInfo__style---base64-8- .addressList__style---base64-8-{position:relative}.OrdersPaddingInfo__style---base64-8- .shippingInfo__style---base64-8- .addressList__style---base64-8- .listDiv__style---base64-8->div{display:inline-block;margin-right:20px}.OrdersPaddingInfo__style---base64-8- .shippingInfo__style---base64-8- .addressList__style---base64-8- .listDiv__style---base64-8-{color:#333;position:relative;min-height:53px;box-sizing:border-box;line-height:33px;width:calc(100% - 35px);border:solid 1px #dfdfdf;border-radius:4px;padding:10px 100px 10px 20px}.OrdersPaddingInfo__style---base64-8- .shippingInfo__style---base64-8- .addressList__style---base64-8- .listDiv__style---base64-8- .txtLeft__style---base64-8-{text-align:right;color:#999999;padding-right:5px}.OrdersPaddingInfo__style---base64-8- .shippingInfo__style---base64-8- .addressList__style---base64-8- .listDivOn__style---base64-8-{border:solid 2px #DB5426;background-color:#fff}.OrdersPaddingInfo__style---base64-8- .shippingInfo__style---base64-8- .addressList__style---base64-8- .listDiv__style---base64-8- .checked__style---base64-8-{width:0;height:0;border-top:35px solid transparent;border-left:35px solid transparent;border-bottom:35px solid #DB5426;position:absolute;right:0;bottom:0}.OrdersPaddingInfo__style---base64-8- .shippingInfo__style---base64-8- .addressList__style---base64-8- .listDiv__style---base64-8- .icon__style---base64-8-{color:#ffffff;font-size:27px;position:absolute;right:-4px;bottom:-10px}.OrdersPaddingInfo__style---base64-8- .shippingInfo__style---base64-8- .addressList__style---base64-8- .selectAddress__style---base64-8-{margin-top:15px;position:absolute;right:55px;top:40px}.OrdersPaddingInfo__style---base64-8- .shippingInfo__style---base64-8- .addressList__style---base64-8- .selectAddress__style---base64-8- .btn__style---base64-8-{font-size:14px;width:156px;height:36px;border-radius:10px}.OrdersPaddingInfo__style---base64-8- .shippingInfo__style---base64-8- .checkoutCoupon__style---base64-8- .btnCoupon__style---base64-8-{border-radius:10px;height:35px}.OrdersPaddingInfo__style---base64-8- .shippingInfo__style---base64-8- .purchaseList__style---base64-8-{margin-bottom:30px;margin-right:35px}.OrdersPaddingInfo__style---base64-8- .shippingInfo__style---base64-8- .purchaseList__style---base64-8- h4{font-size:18px}.OrdersPaddingInfo__style---base64-8- .shippingInfo__style---base64-8- .tableFooter__style---base64-8- .left__style---base64-8-{color:#333333}.OrdersPaddingInfo__style---base64-8- .shippingInfo__style---base64-8- .tableFooter__style---base64-8- .shippingTip__style---base64-8-{color:#ff3333;font-size:14px}.OrdersPaddingInfo__style---base64-8- .shippingInfo__style---base64-8- .tableFooter__style---base64-8- .right__style---base64-8-{padding-left:20px;font-size:16px;text-align:right;padding-right:30px;color:#000000;font-weight:700}.OrdersPaddingInfo__style---base64-8- .shippingInfo__style---base64-8- .tableFooter__style---base64-8- .right__style---base64-8- span{color:#ff3333;font-size:22px}.OrdersPaddingInfo__style---base64-8- .shippingInfo__style---base64-8- .tableFooter__style---base64-8- .right__style---base64-8- p{line-height:1;margin-bottom:14px}.OrdersPaddingInfo__style---base64-8- .shippingInfo__style---base64-8- .tableFooter__style---base64-8- .right__style---base64-8- p:last-child{margin:0}.OrdersPaddingInfo__style---base64-8- .shippingInfo__style---base64-8- .tableFooter__style---base64-8- .shippingTxt__style---base64-8-{text-align:right;line-height:30px;padding-right:10px}.OrdersPaddingInfo__style---base64-8- .shippingInfo__style---base64-8- .checkoutBox__style---base64-8-{margin-bottom:35px}.OrdersPaddingInfo__style---base64-8- .shippingInfo__style---base64-8- .checkoutBox__style---base64-8- h4{font-size:18px;line-height:39px;color:#333333}.OrdersPaddingInfo__style---base64-8- .shippingInfo__style---base64-8- .checkoutBox__style---base64-8- .tip__style---base64-8-{color:#ff4700;margin-left:10px}.OrdersPaddingInfo__style---base64-8- .shippingInfo__style---base64-8- .checkoutBox__style---base64-8- .detail__style---base64-8-{font-size:16px;color:#333;margin-bottom:10px;border:solid 1px #e4e4e4}.OrdersPaddingInfo__style---base64-8- .shippingInfo__style---base64-8- .checkoutBox__style---base64-8- .detail__style---base64-8- .odd__style---base64-8-,.OrdersPaddingInfo__style---base64-8- .shippingInfo__style---base64-8- .checkoutBox__style---base64-8- .detail__style---base64-8- .even__style---base64-8-{line-height:20px}.OrdersPaddingInfo__style---base64-8- .shippingInfo__style---base64-8- .checkoutBox__style---base64-8- .detail__style---base64-8- .odd__style---base64-8-:nth-child(even){background-color:#fffaf6}.OrdersPaddingInfo__style---base64-8- .shippingInfo__style---base64-8- .checkoutBox__style---base64-8- .detail__style---base64-8- .leftTxt__style---base64-8-{padding:15px 25px;border-right:1px dashed #ccc;font-weight:800}.OrdersPaddingInfo__style---base64-8- .shippingInfo__style---base64-8- .checkoutBox__style---base64-8- .detail__style---base64-8- .rightTxt__style---base64-8-{padding:15px 25px}.OrdersPaddingInfo__style---base64-8- .shippingInfo__style---base64-8- .checkoutBox__style---base64-8- .detail__style---base64-8- .price__style---base64-8-{font-size:22px;color:#ff3333;font-weight:700}.OrdersPaddingInfo__style---base64-8- .shippingInfo__style---base64-8- .checkoutBox__style---base64-8- .shippingCount__style---base64-8-{text-decoration:line-through;color:#adadad;font-size:13px;margin-left:5px}.OrdersPaddingInfo__style---base64-8- .topBtn__style---base64-8-{margin-bottom:20px}.OrdersPaddingInfo__style---base64-8- .addressTable__style---base64-8-{max-height:500px}.OrdersPaddingInfo__style---base64-8- .mobileShoppingCartOrdersInfo__style---base64-8-{display:none}@media screen and (max-width: 768px){.OrdersPaddingInfo__style---base64-8- .stepBox__style---base64-8-{display:none}.OrdersPaddingInfo__style---base64-8- .shoppingCartOrdersInfoContainerTitle__style---base64-8-,.OrdersPaddingInfo__style---base64-8- .shoppingCartOrdersInfoBuyNowContainer__style---base64-8-,.OrdersPaddingInfo__style---base64-8- .shippingInfo__style---base64-8-,.OrdersPaddingInfo__style---base64-8- .shoppingCartOrdersInfoTable__style---base64-8-{display:none !important}.OrdersPaddingInfo__style---base64-8- .mobileShoppingCartOrdersInfo__style---base64-8-{display:block;padding-top:0.35rem}.OrdersPaddingInfo__style---base64-8- .mobileOrderDetails__style---base64-8-{width:7.02rem;background:#fff;box-shadow:0rem 0.04rem 0.16rem 0rem rgba(30,30,30,0.22);border-radius:0.1rem}.OrdersPaddingInfo__style---base64-8- .mobileOrderDetailsTitle__style---base64-8-{width:7.02rem;height:0.8rem;background:#f3f3f3;font-size:0.32rem;font-weight:500;color:#000;line-height:0.8rem;padding-left:0.22rem}.OrdersPaddingInfo__style---base64-8- .mobileOrderDetailsTitle__style---base64-8-:after{content:'>';color:#ccc;padding-left:0.05rem}.OrdersPaddingInfo__style---base64-8- .mobileOrderDetailsContent__style---base64-8-{padding:0.29rem 0.2rem}.OrdersPaddingInfo__style---base64-8- .mobileOrderDetailsContentText__style---base64-8-{font-size:0.26rem}.OrdersPaddingInfo__style---base64-8- .mobileOrderDetailsContentText__style---base64-8- .mobileOrderDetailsContentTextTitle__style---base64-8-{color:#999999;line-height:0.3rem}.OrdersPaddingInfo__style---base64-8- .mobileOrderDetailsContentText__style---base64-8- .mobileOrderDetailsContentTextContent__style---base64-8-{color:#333333;line-height:0.3rem}.OrdersPaddingInfo__style---base64-8- .mobileOrderDetailsContentText__style---base64-8-:nth-child(n+1){padding-bottom:0.05rem}.OrdersPaddingInfo__style---base64-8- .mobileShippingAddress__style---base64-8-{width:7.02rem;background:#fff;box-shadow:0rem 0.04rem 0.16rem 0rem rgba(30,30,30,0.22);border-radius:0.1rem;margin-top:0.4rem}.OrdersPaddingInfo__style---base64-8- .mobileShippingAddressTitle__style---base64-8-{height:0.8rem;background:#f3f3f3;font-size:0.32rem;font-weight:500;color:#000;line-height:0.8rem;padding-left:0.22rem}.OrdersPaddingInfo__style---base64-8- .mobileShippingAddressTitle__style---base64-8-:after{content:'>';color:#ccc;padding-left:0.15rem}.OrdersPaddingInfo__style---base64-8- .listDivError__style---base64-8-{background:#ffe6e6}.OrdersPaddingInfo__style---base64-8- .listDivError__style---base64-8- .mobileShippingAddressTitle__style---base64-8-{background:#FF3333;color:#fff;border-top-left-radius:.1rem;border-top-right-radius:.1rem}.OrdersPaddingInfo__style---base64-8- .listDivError__style---base64-8- .mobileShippingAddressTitle__style---base64-8-:after{color:#fff}.OrdersPaddingInfo__style---base64-8- .mobileShippingAddressContent__style---base64-8-{padding:0.29rem 0.2rem}.OrdersPaddingInfo__style---base64-8- .mobileShippingAddressContentText__style---base64-8-{font-size:0.26rem}.OrdersPaddingInfo__style---base64-8- .mobileShippingAddressContentText__style---base64-8- .mobileShippingAddressContentTextTitle__style---base64-8-{color:#999999;line-height:0.3rem}.OrdersPaddingInfo__style---base64-8- .mobileShippingAddressContentText__style---base64-8- .mobileShippingAddressContentTextContent__style---base64-8-{color:#333333;line-height:0.3rem}.OrdersPaddingInfo__style---base64-8- .mobileShippingAddressContentText__style---base64-8- .mobileWarehouseContentMid__style---base64-8-{padding:0.4rem 0.2rem;display:flex;border-bottom:0.01rem solid #e5e5e5}.OrdersPaddingInfo__style---base64-8- .mobileShippingAddressContentText__style---base64-8- .mobileWarehouseContentMidDisabled__style---base64-8-{position:relative;transform:translate3d(0, 0, 0);background:#eaeaea}.OrdersPaddingInfo__style---base64-8- .mobileShippingAddressContentText__style---base64-8- .mobileWarehouseContentMidDisabled__style---base64-8-::after{position:absolute;content:'';display:block;width:80px;height:100%;left:0;top:0;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADoAAAA5CAYAAABnLziGAAAGVUlEQVRogd2abWhWZRjHf6nbKjc3RXz54AdfQFDBN3Rkuq1GU5bbygKzLCyCU0REEEYQQR+CoA8REXQKKUJbaLCXaEuGytA+bJAOP0ymaExJ5zZn6szcWsX/7j7rcXtezjnPy57tD+Ke+9zn5Xeu676u677PfZ/rumRAxUAzUJSJm43RNWDrjGSv4jhO3OOu6z4M/AgUjj2Wl5fH3bt3k32EeOoFHgNOT0vnXVzXLQV+iga5aNEidu3axbx589J1+ytAmSD1I22gruvqTTYB+dGOX7p0yfyrrKxMB+xvFvKM15AWUNd1K4FG4MF4/Y4cOZIO2G6gBDgb2ZhyUNd1nwDqgPvj9SssLKSmpoY5c+YwPDycKtgLQKn9/x4lHYwi5bru08C3QE6ivmVlZfT09NDW1mZ+l5eXG9impiZ6e3vD3L5Ll7FuO04ps6jrus8C3/mBlObPn8/ly5dHf8uNk7Bspx2TUSFJFajrunuAb4Dpfs+5fv06q1atuqdtcHDQtAdUh4XsiXfa9KqqqrB8RlVVVUqkXyZ6aRqTa9asMda6c+cOfX19rF+/nqKiIgYGBli6dCnLli2jvr6emzdv+r39SZsn+xN1TLYyeh34RNeJ10k5U2Pw/PnzJvjMnj2bEydOmGPFxcXMnDmT27dv09LSEmR8anBvA3730zmZYPQW8JGfjiUlJbS3t9PZ2cmKFStYuXKlqYhkuQMHDoS5t97S44Bv04cdo+/4hZRksf7+/lHIxsZG1q1bx5IlS8Lc+5i1pG9IQlr0feC9RJ1Ux1ZXV9Pa2moCTGlpqWkXpKyZm5sbps49DOwA/gh6YlCLfugXUoFHunHjhoGVVRVVFYy2bNlijmnMBpDKyZowkAQAVbD5GHg72kG5pIKNp82bN7N69WouXrxorKYAo0IAWxjk5+ePWtan6oEngdBTHT+uK8jPgFfjdVJ6wCZ+RVRFV6WLjo6OUdjm5uYwz3gQ2A0MhznZU6I8Kot/oWlnvE7KicqNclflxXPnzhm3FOjy5cvN3yMjI2Gebz/wPPBXmJMjFQ9UVc5XwIt+LhQLVqAhYfcBLwOh3tBYxQKdYd/mc34uooJAlY9gosEuXrzYvAgVBT71OfAK8HcqIIkxRnOBWhvG40pwFRUVJqIqXSiNKMhgAxJ2zDY0NAR5pk+BN4B/kqaL0FjQPOB7YLufkzdt2mQiq6ZaHrRy56FDh8zxjRs3mnalGJ9SEbI3lYCeItPLA0CDX0hv0qyois2XsqasqyCkcq+2tjYI5AfpgiQCVEseP2hZMNEJKgZkJY0/QSmHelIakfsWFBSYlgB58l37L20SaIFdqSv3cxO55qxZs4zFlC83bNjA2rVrzTEFJc1MLlwYt5IRT3utNdOqGbZ+fMjvTYaGhpg7d65Z1BIsEZXQ1atXTQXk010VbN6007y0a1osSLlo5N9yUdWpmiSrhPPkWVZRt7u72+98UpCvOY6TEUhilYAC0tpNXV2dsY6i54IFC4xbYq2qQKTFrVu3bpkpmGC9lOJZOoZG/lvgd/ZliNFoHKgHqYmy54LHjx8fPa6IKiClFcHqBQg0AZwnQe5xHGd/qkES6R7QSEjvwdUmYC+CqsKRm546dWrcpRPAqijf7TjOwczh/a/RPBoLUm3e3BKbL7ERNoCGgJ0TBUkkqCKpLLVw4ULz24NUdPUWmT2pLcBKnVzhKcdx6lL98EE06rqRqULAWmAWkGpVT5o0KxAdPXrUbzGg1YAdjuMcnkhIxq4weKlCbqlV87GQau/q6vILqanK9myAJNpSiger8s5bHvEgA3wXkV9vcxznWBqeOZSi5tFIN1b6yMnJCQKpaLXVcZw2H30zpphrRh6sioUAkANAheM4v2QTJIkWxwSrFQKfY7LPQnak7OlSKH17ScVMvsfOfnyVRxOhVHw29PYLZC0kKfjirf0Cj0b7lJ5tSgb0V+ARC5v1Cuu6Z+2miEkBSUiLnrGB50oanidtCmrR0zbwTCpIAoKetIEn1N6YiZZf0HbrrtcmIyQ+QX9WxeN3U0S2KhFoq90v4Hu5fTKCtgDavDiYwedJm2KB6jt8ddj9AtmoaKDefoE/pwokUUD1yXCnXbWbUooE1fbTZ6YiJBGgXwMvpGq/QDZKoNr1+NJUhpQEqv1DKd0vkHUC/gUrJ4bYuIYjnAAAAABJRU5ErkJggg==) top left/64px no-repeat}.OrdersPaddingInfo__style---base64-8- .mobileShippingAddressContentText__style---base64-8- .mobileWarehouseContentMidImg__style---base64-8-{width:1.5rem;height:1.5rem;border:0.01rem solid #ececec}.OrdersPaddingInfo__style---base64-8- .mobileShippingAddressContentText__style---base64-8- .mobileWarehouseContentMidRight__style---base64-8-{padding-left:0.27rem;display:flex;justify-content:space-between;flex-direction:column}.OrdersPaddingInfo__style---base64-8- .mobileShippingAddressContentText__style---base64-8- .mobileWarehouseContentMidRightTitle__style---base64-8-{width:4rem;font-weight:500;font-size:0.26rem;color:#000000;font-weight:500;line-height:1.1;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;max-height:0.54rem}.OrdersPaddingInfo__style---base64-8- .mobileShippingAddressContentText__style---base64-8- .mobileWarehouseContentMidRightInfo__style---base64-8-{font-size:0.26rem;color:#666666;line-height:1;padding-top:5px}.OrdersPaddingInfo__style---base64-8- .mobileShippingAddressContentText__style---base64-8- .mobileWarehouseContentMidRightSize__style---base64-8-{margin-right:0.7rem}.OrdersPaddingInfo__style---base64-8- .mobileShippingAddressContentText__style---base64-8- .mobileWarehouseContentMidRightPrice__style---base64-8-{color:#f33535;line-height:1;font-weight:600;margin-top:0.25rem}.OrdersPaddingInfo__style---base64-8- .mobileShippingAddressContentText__style---base64-8- .mobileWarehouseContentMidRightPrice__style---base64-8- .mobileWarehouseContentMidRightPriceDollar__style---base64-8-{font-size:0.3rem}.OrdersPaddingInfo__style---base64-8- .mobileShippingAddressContentText__style---base64-8- .mobileWarehouseContentMidRightPrice__style---base64-8- .mobileWarehouseContentMidRightPriceText__style---base64-8-{font-size:0.38rem}.OrdersPaddingInfo__style---base64-8- .mobileShippingAddressContentText__style---base64-8- .mobileWarehouseContentBottom__style---base64-8-{padding:0.3rem 0.2rem}.OrdersPaddingInfo__style---base64-8- .mobileShippingAddressContentText__style---base64-8- .mobileWarehouseContentBottomSubtotalTitle__style---base64-8-{font-size:0.24rem;font-weight:500;color:#000;padding-top:0.05rem}.OrdersPaddingInfo__style---base64-8- .mobileShippingAddressContentText__style---base64-8- .mobileWarehouseContentBottomSubtotalPrice__style---base64-8-{font-size:0.3rem;font-weight:500;color:#000;min-width:0.97rem;text-align:left;display:inline-block}.OrdersPaddingInfo__style---base64-8- .mobileShippingAddressContentText__style---base64-8- .mobileWarehouseContentBottomShippingTitle__style---base64-8-{font-size:0.24rem;font-weight:500;color:#000;padding-top:0.05rem}.OrdersPaddingInfo__style---base64-8- .mobileShippingAddressContentText__style---base64-8- .mobileWarehouseContentBottomShippingPrice__style---base64-8-{font-size:0.3rem;font-weight:500;color:#000;min-width:0.97rem;text-align:left;display:inline-block}.OrdersPaddingInfo__style---base64-8- .mobileShippingAddressContentText__style---base64-8- .mobileWarehouseContentBottomSubtotal__style---base64-8-{display:flex;justify-content:flex-end}.OrdersPaddingInfo__style---base64-8- .mobileShippingAddressContentText__style---base64-8- .mobileWarehouseContentBottomShipping__style---base64-8-{display:flex;justify-content:flex-end}.OrdersPaddingInfo__style---base64-8- .mobileShippingAddressContentText__style---base64-8- .mobileOrderTotals__style---base64-8-{width:7.03rem;height:4.42rem;background:#fff;box-shadow:0rem 0.04rem 0.16rem 0rem rgba(30,30,30,0.22);border-radius:0.1rem;margin:0.4rem 0}.OrdersPaddingInfo__style---base64-8- .mobileShippingAddressContentText__style---base64-8- .mobileOrderTotalsRow__style---base64-8-{display:flex;min-height:0.88rem}.OrdersPaddingInfo__style---base64-8- .mobileShippingAddressContentText__style---base64-8- .mobileOrderTotalsRow__style---base64-8-:nth-child(even){background-color:#fffaf6}.OrdersPaddingInfo__style---base64-8- .mobileShippingAddressContentText__style---base64-8- .mobileOrderTotalsRowTitle__style---base64-8-{flex:1;padding-left:0.58rem;border-right:0.01rem dashed #ccc;font-size:0.32rem;font-weight:bold;color:#333;line-height:0.88rem}.OrdersPaddingInfo__style---base64-8- .mobileShippingAddressContentText__style---base64-8- .mobileOrderTotalsRowText__style---base64-8-{flex:1;padding-left:0.58rem;font-size:0.32rem;font-weight:500;color:#000;line-height:0.88rem}.OrdersPaddingInfo__style---base64-8- .mobileShippingAddressContentText__style---base64-8-:nth-child(n+1){padding-bottom:0.05rem}.OrdersPaddingInfo__style---base64-8- .mobileWarehouse__style---base64-8-{width:7.02rem;background:#fff;box-shadow:0rem 0.04rem 0.16rem 0rem rgba(30,30,30,0.22);border-radius:0.1rem;margin-top:0.4rem}.OrdersPaddingInfo__style---base64-8- .mobileWarehouseTitle__style---base64-8-{width:7.02rem;height:0.8rem;background:#f3f3f3;font-size:0.32rem;font-weight:500;color:#000;line-height:0.8rem;padding-left:0.22rem}.OrdersPaddingInfo__style---base64-8- .mobileWarehouseTitle__style---base64-8-:after{content:'>';color:#ccc;padding-left:0.15rem}.OrdersPaddingInfo__style---base64-8- .mobileWarehouseContentTop__style---base64-8-{padding:0.35rem 0.2rem;border-bottom:0.01rem solid #e5e5e5}.OrdersPaddingInfo__style---base64-8- .mobileWarehouseContentTopStatus__style---base64-8-{display:flex;font-size:0.26rem}.OrdersPaddingInfo__style---base64-8- .mobileWarehouseContentTopStatusTitle__style---base64-8-{color:#999999}.OrdersPaddingInfo__style---base64-8- .mobileWarehouseContentTopStatusContent__style---base64-8-{color:#333333;margin-right:0.05rem}.OrdersPaddingInfo__style---base64-8- .mobileWarehouseContentTopStatusTime__style---base64-8-{color:#f33535}.OrdersPaddingInfo__style---base64-8- .mobileWarehouseContentTopStatusTime__style---base64-8- i{font-size:0.25rem}.OrdersPaddingInfo__style---base64-8- .mobileWarehouseContentTopLogistics__style---base64-8-{display:flex;font-size:0.26rem;margin-top:0.09rem}.OrdersPaddingInfo__style---base64-8- .mobileWarehouseContentTopLogisticsShipping__style---base64-8-{color:#999999;width:1.3rem}.OrdersPaddingInfo__style---base64-8- .mobileWarehouseContentTopLogisticsShippingText__style---base64-8-{color:#333333;margin-right:0.3rem}.OrdersPaddingInfo__style---base64-8- .mobileWarehouseContentTopLogisticsTracking__style---base64-8-{width:1.7rem;color:#999999}.OrdersPaddingInfo__style---base64-8- .mobileWarehouseContentTopLogisticsTrackingText__style---base64-8-{color:#333333}.OrdersPaddingInfo__style---base64-8- .mobileWarehouseContentMid__style---base64-8-{padding:0.4rem 0.2rem;display:flex;border-bottom:0.01rem solid #e5e5e5}.OrdersPaddingInfo__style---base64-8- .mobileWarehouseContentMidDisabled__style---base64-8-{position:relative;transform:translate3d(0, 0, 0);background:#eaeaea}.OrdersPaddingInfo__style---base64-8- .mobileWarehouseContentMidDisabled__style---base64-8-::after{position:absolute;content:'';display:block;width:80px;height:100%;left:0;top:0;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADoAAAA5CAYAAABnLziGAAAGVUlEQVRogd2abWhWZRjHf6nbKjc3RXz54AdfQFDBN3Rkuq1GU5bbygKzLCyCU0REEEYQQR+CoA8REXQKKUJbaLCXaEuGytA+bJAOP0ymaExJ5zZn6szcWsX/7j7rcXtezjnPy57tD+Ke+9zn5Xeu676u677PfZ/rumRAxUAzUJSJm43RNWDrjGSv4jhO3OOu6z4M/AgUjj2Wl5fH3bt3k32EeOoFHgNOT0vnXVzXLQV+iga5aNEidu3axbx589J1+ytAmSD1I22gruvqTTYB+dGOX7p0yfyrrKxMB+xvFvKM15AWUNd1K4FG4MF4/Y4cOZIO2G6gBDgb2ZhyUNd1nwDqgPvj9SssLKSmpoY5c+YwPDycKtgLQKn9/x4lHYwi5bru08C3QE6ivmVlZfT09NDW1mZ+l5eXG9impiZ6e3vD3L5Ll7FuO04ps6jrus8C3/mBlObPn8/ly5dHf8uNk7Bspx2TUSFJFajrunuAb4Dpfs+5fv06q1atuqdtcHDQtAdUh4XsiXfa9KqqqrB8RlVVVUqkXyZ6aRqTa9asMda6c+cOfX19rF+/nqKiIgYGBli6dCnLli2jvr6emzdv+r39SZsn+xN1TLYyeh34RNeJ10k5U2Pw/PnzJvjMnj2bEydOmGPFxcXMnDmT27dv09LSEmR8anBvA3730zmZYPQW8JGfjiUlJbS3t9PZ2cmKFStYuXKlqYhkuQMHDoS5t97S44Bv04cdo+/4hZRksf7+/lHIxsZG1q1bx5IlS8Lc+5i1pG9IQlr0feC9RJ1Ux1ZXV9Pa2moCTGlpqWkXpKyZm5sbps49DOwA/gh6YlCLfugXUoFHunHjhoGVVRVVFYy2bNlijmnMBpDKyZowkAQAVbD5GHg72kG5pIKNp82bN7N69WouXrxorKYAo0IAWxjk5+ePWtan6oEngdBTHT+uK8jPgFfjdVJ6wCZ+RVRFV6WLjo6OUdjm5uYwz3gQ2A0MhznZU6I8Kot/oWlnvE7KicqNclflxXPnzhm3FOjy5cvN3yMjI2Gebz/wPPBXmJMjFQ9UVc5XwIt+LhQLVqAhYfcBLwOh3tBYxQKdYd/mc34uooJAlY9gosEuXrzYvAgVBT71OfAK8HcqIIkxRnOBWhvG40pwFRUVJqIqXSiNKMhgAxJ2zDY0NAR5pk+BN4B/kqaL0FjQPOB7YLufkzdt2mQiq6ZaHrRy56FDh8zxjRs3mnalGJ9SEbI3lYCeItPLA0CDX0hv0qyois2XsqasqyCkcq+2tjYI5AfpgiQCVEseP2hZMNEJKgZkJY0/QSmHelIakfsWFBSYlgB58l37L20SaIFdqSv3cxO55qxZs4zFlC83bNjA2rVrzTEFJc1MLlwYt5IRT3utNdOqGbZ+fMjvTYaGhpg7d65Z1BIsEZXQ1atXTQXk010VbN6007y0a1osSLlo5N9yUdWpmiSrhPPkWVZRt7u72+98UpCvOY6TEUhilYAC0tpNXV2dsY6i54IFC4xbYq2qQKTFrVu3bpkpmGC9lOJZOoZG/lvgd/ZliNFoHKgHqYmy54LHjx8fPa6IKiClFcHqBQg0AZwnQe5xHGd/qkES6R7QSEjvwdUmYC+CqsKRm546dWrcpRPAqijf7TjOwczh/a/RPBoLUm3e3BKbL7ERNoCGgJ0TBUkkqCKpLLVw4ULz24NUdPUWmT2pLcBKnVzhKcdx6lL98EE06rqRqULAWmAWkGpVT5o0KxAdPXrUbzGg1YAdjuMcnkhIxq4weKlCbqlV87GQau/q6vILqanK9myAJNpSiger8s5bHvEgA3wXkV9vcxznWBqeOZSi5tFIN1b6yMnJCQKpaLXVcZw2H30zpphrRh6sioUAkANAheM4v2QTJIkWxwSrFQKfY7LPQnak7OlSKH17ScVMvsfOfnyVRxOhVHw29PYLZC0kKfjirf0Cj0b7lJ5tSgb0V+ARC5v1Cuu6Z+2miEkBSUiLnrGB50oanidtCmrR0zbwTCpIAoKetIEn1N6YiZZf0HbrrtcmIyQ+QX9WxeN3U0S2KhFoq90v4Hu5fTKCtgDavDiYwedJm2KB6jt8ddj9AtmoaKDefoE/pwokUUD1yXCnXbWbUooE1fbTZ6YiJBGgXwMvpGq/QDZKoNr1+NJUhpQEqv1DKd0vkHUC/gUrJ4bYuIYjnAAAAABJRU5ErkJggg==) top left/64px no-repeat}.OrdersPaddingInfo__style---base64-8- .mobileWarehouseContentMidImg__style---base64-8-{width:1.5rem;height:1.5rem;border:1px solid #ececec}.OrdersPaddingInfo__style---base64-8- .mobileWarehouseContentMidRight__style---base64-8-{padding-left:0.27rem;display:flex;justify-content:space-between;flex-direction:column;vertical-align:top}.OrdersPaddingInfo__style---base64-8- .mobileWarehouseContentMidRightTitle__style---base64-8-{width:4rem;font-weight:500;font-size:0.26rem;color:#000000;font-weight:500;line-height:1.1;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;max-height:0.54rem}.OrdersPaddingInfo__style---base64-8- .mobileWarehouseContentMidRightInfo__style---base64-8-{font-size:0.26rem;color:#666666;line-height:1;padding-top:5px}.OrdersPaddingInfo__style---base64-8- .mobileWarehouseContentMidRightSize__style---base64-8-{margin-right:0.7rem}.OrdersPaddingInfo__style---base64-8- .mobileWarehouseContentMidRightPrice__style---base64-8-{color:#f33535;line-height:1;font-weight:600;margin-top:0.25rem}.OrdersPaddingInfo__style---base64-8- .mobileWarehouseContentMidRightPrice__style---base64-8- .mobileWarehouseContentMidRightPriceDollar__style---base64-8-{font-size:0.3rem}.OrdersPaddingInfo__style---base64-8- .mobileWarehouseContentMidRightPrice__style---base64-8- .mobileWarehouseContentMidRightPriceText__style---base64-8-{font-size:0.38rem}.OrdersPaddingInfo__style---base64-8- .mobileWarehouseContentBottom__style---base64-8-{padding:0.3rem 0.2rem}.OrdersPaddingInfo__style---base64-8- .mobileWarehouseContentBottomSubtotalTitle__style---base64-8-{font-size:0.24rem;font-weight:500;color:#000;padding-top:0.05rem}.OrdersPaddingInfo__style---base64-8- .mobileWarehouseContentBottomSubtotalPrice__style---base64-8-{font-size:0.3rem;font-weight:500;color:#000;min-width:0.97rem;text-align:left;display:inline-block}.OrdersPaddingInfo__style---base64-8- .mobileWarehouseContentBottomShippingTitle__style---base64-8-{font-size:0.24rem;font-weight:500;color:#000;padding-top:0.05rem}.OrdersPaddingInfo__style---base64-8- .mobileWarehouseContentBottomShippingPrice__style---base64-8-{font-size:0.3rem;font-weight:500;color:#000;min-width:0.97rem;text-align:left;display:inline-block}.OrdersPaddingInfo__style---base64-8- .mobileWarehouseContentBottomSubtotal__style---base64-8-{display:flex;justify-content:flex-end}.OrdersPaddingInfo__style---base64-8- .mobileWarehouseContentBottomShipping__style---base64-8-{display:flex;justify-content:flex-end}.OrdersPaddingInfo__style---base64-8- .mobileOrderTotals__style---base64-8-{width:7.03rem;background:#fff;box-shadow:0rem 0.04rem 0.16rem 0rem rgba(30,30,30,0.22);border-radius:0.1rem;margin:0.4rem 0}.OrdersPaddingInfo__style---base64-8- .mobileOrderTotals__style---base64-8- .mobileOrderTitle__style---base64-8-{width:7.02rem;height:0.8rem;background:#f3f3f3;font-size:0.32rem;font-weight:500;color:#000;line-height:0.8rem;padding-left:0.22rem}.OrdersPaddingInfo__style---base64-8- .mobileOrderTotals__style---base64-8- .mobileOrderTitle__style---base64-8-:after{content:'>';color:#ccc;padding-left:0.15rem}.OrdersPaddingInfo__style---base64-8- .mobileOrderTotalsRow__style---base64-8-{display:flex;min-height:0.88rem}.OrdersPaddingInfo__style---base64-8- .mobileOrderTotalsRow__style---base64-8-:nth-child(even){background-color:#fffaf6}.OrdersPaddingInfo__style---base64-8- .mobileOrderTotalsRowTitle__style---base64-8-{flex:1;padding-left:0.58rem;border-right:0.01rem dashed #ccc;font-size:0.32rem;font-weight:bold;color:#333;line-height:0.88rem}.OrdersPaddingInfo__style---base64-8- .mobileOrderTotalsRowText__style---base64-8-{flex:1;padding-left:0.58rem;font-size:0.32rem;font-weight:500;color:#000;line-height:0.88rem}.OrdersPaddingInfo__style---base64-8- .mobileOrderTotalsRowText__style---base64-8-.total__style---base64-8-{font-size:0.4rem;color:#ff3333}.OrdersPaddingInfo__style---base64-8- .shippingCount__style---base64-8-{text-decoration:line-through;color:#adadad;font-size:13px;margin-left:5px}.OrdersPaddingInfo__style---base64-8- .mobileRemakes__style---base64-8-{width:7.02rem;background:#fff;box-shadow:0rem 0.04rem 0.16rem 0rem rgba(30,30,30,0.22);border-radius:0.1rem;margin-bottom:calc(0.4rem + 1.36rem)}.OrdersPaddingInfo__style---base64-8- .mobileRemakesTitle__style---base64-8-{width:7.02rem;height:0.8rem;background:#f3f3f3;font-size:0.32rem;font-weight:500;color:#000;line-height:0.8rem;padding-left:0.22rem}.OrdersPaddingInfo__style---base64-8- .mobileRemakesTitle__style---base64-8-:after{content:'>';color:#ccc;padding-left:0.15rem}.OrdersPaddingInfo__style---base64-8- .mobileRemakesContent__style---base64-8-{padding:0.29rem 0.2rem;word-break:break-all}.OrdersPaddingInfo__style---base64-8- .mobileRemakesContentText__style---base64-8-{font-size:0.26rem}.OrdersPaddingInfo__style---base64-8- .mobileRemakesContentText__style---base64-8- .mobileRemakesContentTextContent__style---base64-8-{font-size:0.26rem;font-weight:500;color:#333333;line-height:0.36rem}.OrdersPaddingInfo__style---base64-8- .mobilePayNow__style---base64-8-{width:7.02rem;height:1.36rem;background:#fffaf6;border:0.01rem solid #f9ebe0;border-radius:0.04rem;position:fixed;left:0;right:0;margin:0 auto;bottom:51px;z-index:98;display:flex;padding:0 0.19rem;justify-content:flex-end;align-items:center}.OrdersPaddingInfo__style---base64-8- .mobilePayNowBtn__style---base64-8-{width:2.62rem;height:0.76rem;background:#f33;box-shadow:0rem 0.07rem 0.13rem 0rem rgba(243,53,53,0.24);border-radius:0.12rem;font-size:0.32rem;font-weight:800;color:#fff;line-height:0.76rem;text-align:center;cursor:pointer}} #customerOrder .trackingNumber { color: #EC3E0F; } #customerOrder h3 { padding-bottom: 5px; } #customerOrder .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):first-child { border: none; padding-left: 0; } #customerOrder .ant-radio-button-wrapper:first-child { padding-left: 0; } #customerOrder .ant-radio-button-wrapper { border: none; padding: 0 10px; height: 35px; } #customerOrder .ant-radio-button-wrapper:not(:first-child):before { background-color: #fff !important; } #customerOrder .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled) { box-shadow: -1px 0 0 0 #fff; } #customerOrder .ant-divider { margin: 10px 0; } #customerOrder .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):focus-within { outline: 0px solid rgba(196, 150, 114, 0.06); } #customerOrder .tableTxt .storeLogo { width: 24px; height: 23px; } #customerOrder .tableTxt .woologo { width: 27px; height: 16px; } #customerOrder .tableTxt .virtual { display: inline-block; width: 24px; height: 24px; text-align: center; background: #ff3333; border-radius: 50%; line-height: 24px; } #customerOrder .tableTxt .virtual i { color: #fff; font-size: 15px; } #customerOrder .ant-badge-count { min-width: 18px; height: 18px; line-height: 18px; } @media screen and (max-width: 768px) { #customerOrder { display: none; } #mobileOrder h3 { font-size: 0.34rem; padding: 0.2rem 0.3rem; } #mobileOrder .ant-tabs-nav .ant-tabs-tab { margin-right: 0.2rem; padding: 0.24rem; margin-left: -0.2rem; } #mobileOrder .ant-tabs-ink-bar { background-color: transparent; } #mobileOrder .ant-tabs-tab-btn-disabled { display: none; } #mobileOrder .ant-tabs-nav-container-scrolling { padding-left: 0.5rem; } .loading-container { position: absolute; bottom: 20px; width: 100%; text-align: center; } } #root .pageLoading.ant-spin-spinning.customerOrder .ant-spin-dot { margin-top: calc(50vh - 100px); margin-bottom: 20px; font-size: 30px; } #root .pageLoading.ant-spin-spinning.customerOrder .ant-spin-text { font-size: 24px; } .importOrderModal .ant-tabs-tabpane .ant-tabs-tabpane-active { padding-left: 20px !important; } .importOrderModal .ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab { margin-right: 8px !important; } .importOrderModal [aria-selected="false"] { font-size: 18px; background: #F8EFE8 !important; border-radius: 10px 10px 0px 0px !important; color: #EC3E0F !important; border: none !important; } .importOrderModal [aria-selected="true"] { font-size: 18px; background: #EC3E0F !important; border-radius: 10px 10px 0px 0px !important; color: #fff !important; border: none !important; } .importOrderModal [class="ant-tabs-tabpane ant-tabs-tabpane-active"] { padding-left: 20px !important; } .importOrderModal [class~='ant-form-item-label'] { width: 80px !important; } .customerOrder__style---base64-8- [class~='ant-form-item']{margin-right:20px}.customerOrder__style---base64-8- .exportBtn__style---base64-8-{background:#fff !important;color:#ff3333 !important}.customerOrder__style---base64-8- .exportBtn__style---base64-8-:hover{color:#ff3333 !important;border-color:#ff3333 !important}.customerOrder__style---base64-8- h3{font-size:20px;color:#333333;font-weight:700}.customerOrder__style---base64-8- .checkoutBox__style---base64-8- h5{font-size:16px;color:#576077}.customerOrder__style---base64-8- .checkoutBox__style---base64-8- .detail__style---base64-8-{font-size:16px;color:#333;margin-bottom:10px;border:solid 1px #e4e4e4}.customerOrder__style---base64-8- .checkoutBox__style---base64-8- .detail__style---base64-8- .odd__style---base64-8-,.customerOrder__style---base64-8- .checkoutBox__style---base64-8- .detail__style---base64-8- .even__style---base64-8-{line-height:20px;padding:10px}.customerOrder__style---base64-8- .checkoutBox__style---base64-8- .detail__style---base64-8- .odd__style---base64-8-{background-color:#fffaf6}.customerOrder__style---base64-8- .topRightBox__style---base64-8-{margin:10px 0 0}.customerOrder__style---base64-8- .topShopType__style---base64-8-{margin-bottom:20px}.customerOrder__style---base64-8- .topShopType__style---base64-8- .btn__style---base64-8-{border-color:#fff;outline:none;font-size:20px;box-shadow:none}.customerOrder__style---base64-8- .topShopType__style---base64-8- .btn__style---base64-8-:first-child{border-right:none;border-left:none;border-bottom:none;border-top:none}.customerOrder__style---base64-8- .topShopType__style---base64-8- .btn__style---base64-8-:before{opacity:0}.customerOrder__style---base64-8- .checkTip__style---base64-8-{text-decoration:underline;color:#ff3333;font-size:14px;cursor:pointer}.customerOrder__style---base64-8- .topBox__style---base64-8-{padding:15px 0 10px}.customerOrder__style---base64-8- .searchForm__style---base64-8-{padding:7px 0}.customerOrder__style---base64-8- .searchBtn__style---base64-8- i{font-size:27px;color:#ff3333;vertical-align:middle;margin-right:10px}.customerOrder__style---base64-8- .searchBtn__style---base64-8- .spanNumber__style---base64-8-{color:#ff3333}.customerOrder__style---base64-8- .countDown__style---base64-8-{padding-left:10px;display:inline;color:#f33;white-space:nowrap}.customerOrder__style---base64-8- .modifyShipping__style---base64-8- .tips__style---base64-8-{color:#ff3333;font-size:14px}.customerOrder__style---base64-8- .table__style---base64-8- th{white-space:nowrap}.customerOrder__style---base64-8- .orderTip__style---base64-8-{color:#ff3333;font-size:15px;margin-top:10px;padding:15px 20px;border-radius:4px;margin-bottom:-10px;border:1px solid #fac7cd;background-color:#fff0f2}.customerOrder__style---base64-8- .orderTip__style---base64-8- .orderTiplist__style---base64-8-{margin-bottom:2px}.customerOrder__style---base64-8- .orderTip__style---base64-8- .orderTiplist__style---base64-8- [class~='ant-badge']{margin-right:10px}.customerOrder__style---base64-8- .orderTip__style---base64-8- .orderTiplist__style---base64-8- .specTip__style---base64-8-{font-size:16px;font-weight:bold}.mobileOrder__style---base64-8-{display:none}@media screen and (max-width: 768px){.mobileOrder__style---base64-8-{display:block;margin:0 -0.24rem}.mobileOrder__style---base64-8- .tabBox__style---base64-8-{width:7.5rem;background-color:#fff7f1}.mobileOrder__style---base64-8- .orderListBox__style---base64-8-{padding:0.2rem}.mobileOrder__style---base64-8- .orderListBox__style---base64-8- .orderList__style---base64-8-{background:#fff;box-shadow:0px 4px 16px 0px rgba(30,30,30,0.22);border-radius:0.2rem;margin:0.3rem 0}.mobileOrder__style---base64-8- .orderListBox__style---base64-8- .orderList__style---base64-8- .orderListTitle__style---base64-8-{background:#f3f3f3;border-top-left-radius:0.2rem;border-top-right-radius:0.2rem;height:0.8rem;line-height:0.8rem;color:#333333}.mobileOrder__style---base64-8- .orderListBox__style---base64-8- .orderList__style---base64-8- .orderListTitleName__style---base64-8-{display:flex;align-items:center}.mobileOrder__style---base64-8- .orderListBox__style---base64-8- .orderList__style---base64-8- .orderListTitleNameSpan__style---base64-8-{overflow:hidden;text-overflow:ellipsis;max-width:calc(100% - 1.4rem)}.mobileOrder__style---base64-8- .orderListBox__style---base64-8- .orderList__style---base64-8- .orderListTitle__style---base64-8- img,.mobileOrder__style---base64-8- .orderListBox__style---base64-8- .orderList__style---base64-8- .orderListTitle__style---base64-8- .virtual__style---base64-8-{width:0.44rem;height:0.44rem;margin-left:0.3rem;margin-right:0.2rem}.mobileOrder__style---base64-8- .orderListBox__style---base64-8- .orderList__style---base64-8- .orderListTitle__style---base64-8- .virtual__style---base64-8-{display:inline-block;text-align:center;background:#ff3333;border-radius:50%;line-height:0.44rem}.mobileOrder__style---base64-8- .orderListBox__style---base64-8- .orderList__style---base64-8- .orderListTitle__style---base64-8- .virtual__style---base64-8- i{color:#fff;font-size:15px}.mobileOrder__style---base64-8- .orderListBox__style---base64-8- .orderList__style---base64-8- .orderListTitle__style---base64-8- .orderTime__style---base64-8-{color:#888;text-align:right;padding-right:10px}.mobileOrder__style---base64-8- .orderListBox__style---base64-8- .orderList__style---base64-8- .orderListTxt__style---base64-8-{padding:0.2rem}.mobileOrder__style---base64-8- .orderListBox__style---base64-8- .orderList__style---base64-8- .orderListTxt__style---base64-8- p{margin-bottom:0.1rem}.mobileOrder__style---base64-8- .orderListBox__style---base64-8- .orderList__style---base64-8- .orderListTxt__style---base64-8- .orderNum__style---base64-8-{color:#333333}.mobileOrder__style---base64-8- .orderListBox__style---base64-8- .orderList__style---base64-8- .orderListTxt__style---base64-8- .orderListPrice__style---base64-8-{padding-top:0.3rem;border-top:1px dotted #ccc;color:#000;font-size:0.35rem;line-height:0.5rem}.mobileOrder__style---base64-8- .orderListBox__style---base64-8- .orderList__style---base64-8- .orderListTxt__style---base64-8- .orderListPrice__style---base64-8- .smallPrice__style---base64-8-{color:#f33535;font-weight:700}.mobileOrder__style---base64-8- .orderListBox__style---base64-8- .orderList__style---base64-8- .orderListTxt__style---base64-8- .orderListPrice__style---base64-8- .bigPrice__style---base64-8-{color:#f33535;font-size:0.45rem;font-weight:700}.mobileOrder__style---base64-8- .orderListBox__style---base64-8- .orderList__style---base64-8- .orderListTxt__style---base64-8- .orderListPrice__style---base64-8- .right__style---base64-8-{text-align:right}.mobileOrder__style---base64-8- .orderListBox__style---base64-8- .orderList__style---base64-8- .orderListTxt__style---base64-8- .orderListPrice__style---base64-8- .right__style---base64-8- i{font-size:0.7rem;margin-right:0.25rem}.mobileOrder__style---base64-8- .orderListBox__style---base64-8- .orderList__style---base64-8- .orderListTxt__style---base64-8- .orderListPrice__style---base64-8- .right__style---base64-8- i:last-child{margin-right:0}.mobileOrder__style---base64-8- .orderListBox__style---base64-8- .orderList__style---base64-8- .countDown__style---base64-8-{padding-left:0.2rem;display:inline-block;color:#f33;white-space:nowrap}}.bulkPaymentModal__style---base64-8- [class~='ant-modal-body']{padding:0 30px}.bulkPaymentModal__style---base64-8- [class~='ant-modal-header']{border-bottom:0;padding:30px 0 28px 30px}.bulkPaymentModal__style---base64-8- [class~='ant-modal-title']{font-size:19px}.bulkPaymentModal__style---base64-8- [class~='ant-modal-footer']{border-top:0;text-align:center;padding:30px 30px 40px;overflow:hidden}.bulkPaymentModal__style---base64-8- [class~='ant-modal-footer'] button{margin:0;width:112px;height:36px;line-height:36px;font-size:15px;border:0}.bulkPaymentModal__style---base64-8- [class~='ant-modal-close']{top:-10px;right:-10px}.bulkPaymentModal__style---base64-8- [class~='ant-modal-close'] [class~='ant-modal-close-x']{width:30px;height:30px;background-color:#ff3333;border-radius:15px;line-height:30px;color:#fff}.bulkPaymentModalSearchBar__style---base64-8-{display:flex;align-items:center;margin-bottom:20px}.bulkPaymentModalSearchBar__style---base64-8- [class~='ant-form-item']{display:flex;margin-bottom:0;margin-right:20px}.bulkPaymentModalResultContainer__style---base64-8-{border:1px solid #e4e4e4}.bulkPaymentModalResultContainer__style---base64-8- .tableHeader__style---base64-8-{background:#f5f5f5;height:50px;line-height:50px}.bulkPaymentModalResultContainer__style---base64-8- .tableHeader__style---base64-8-,.bulkPaymentModalResultContainer__style---base64-8- .tableTr__style---base64-8-{font-size:15px;color:#000;display:flex;align-items:center}.bulkPaymentModalResultContainer__style---base64-8- .tableHeader__style---base64-8- [class~='ant-checkbox-wrapper'],.bulkPaymentModalResultContainer__style---base64-8- .tableTr__style---base64-8- [class~='ant-checkbox-wrapper']{margin-left:12px;margin-right:10px}.bulkPaymentModalResultContainer__style---base64-8- .tableHeader__style---base64-8->div:nth-of-type(1),.bulkPaymentModalResultContainer__style---base64-8- .tableTr__style---base64-8->div:nth-of-type(1){width:200px}.bulkPaymentModalResultContainer__style---base64-8- .tableHeader__style---base64-8->div:nth-of-type(2),.bulkPaymentModalResultContainer__style---base64-8- .tableTr__style---base64-8->div:nth-of-type(2){width:230px}.bulkPaymentModalResultContainer__style---base64-8- .tableHeader__style---base64-8->div:nth-of-type(3),.bulkPaymentModalResultContainer__style---base64-8- .tableTr__style---base64-8->div:nth-of-type(3){width:210px}.bulkPaymentModalResultContainer__style---base64-8- .tableHeader__style---base64-8->div:nth-of-type(4),.bulkPaymentModalResultContainer__style---base64-8- .tableTr__style---base64-8->div:nth-of-type(4){width:110px}.bulkPaymentModalResultContainer__style---base64-8- .tableHeader__style---base64-8->div:nth-of-type(5),.bulkPaymentModalResultContainer__style---base64-8- .tableTr__style---base64-8->div:nth-of-type(5){width:140px}.bulkPaymentModalResultContainer__style---base64-8- .tableHeader__style---base64-8->div:nth-of-type(6),.bulkPaymentModalResultContainer__style---base64-8- .tableTr__style---base64-8->div:nth-of-type(6){flex:1}.bulkPaymentModalResultContainer__style---base64-8- .tableTr__style---base64-8-{height:67px;line-height:24px;padding:0;border:0}.bulkPaymentModalResultContainer__style---base64-8- .tableTr__style---base64-8- [class*='countDown']{margin-bottom:0;color:#f33;font-size:12px;line-height:20px;padding-left:10px}.bulkPaymentModalResultContainer__style---base64-8- .tableTr__style---base64-8- [class*='countDown'] i{vertical-align:middle}.bulkPaymentModalResultContainer__style---base64-8- .tableTr__style---base64-8-:nth-child(odd){background:#fffaf6}.bulkPaymentModalResultContainer__style---base64-8- .tableTr__style---base64-8- img{max-width:26px}.bulkPaymentModalResultContainer__style---base64-8- .tableBody__style---base64-8-{height:335px;overflow:auto}.bulkPaymentModalResultContainer__style---base64-8- .tableBody__style---base64-8- [class~='ant-empty']{position:absolute;height:100%;left:0;right:0;display:flex;flex-direction:column;justify-content:center;margin:0}.bulkPaymentModalResultContainer__style---base64-8- .tableTotal__style---base64-8-{display:flex;align-items:center;justify-content:space-between;padding:0 14px;border-top:1px solid #e4e4e4}.bulkPaymentModalResultContainer__style---base64-8- .tableTotal__style---base64-8- p{text-align:right;font-size:16px;color:#333;height:60px;line-height:60px;margin-bottom:0}.bulkPaymentModalResultContainer__style---base64-8- .tableTotal__style---base64-8- p b{color:#f33;font-weight:normal}.bulkPaymentModalResultContainer__style---base64-8- .tableTotal__style---base64-8- p:last-child b{font-weight:bold;font-size:22px}.bulkPaymentModalResultContainer__style---base64-8- .firstLoading__style---base64-8-{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(255,255,255,0.8);z-index:10;text-align:center}.bulkPaymentModalResultContainer__style---base64-8- .firstLoading__style---base64-8-::after{content:'';display:inline-block;width:0px;height:100%;background:#ccc;vertical-align:middle}.bulkPaymentModalResultContainer__style---base64-8- .firstLoading__style---base64-8- [class~='ant-spin-dot']{vertical-align:middle}.bulkPaymentModalResultContainer__style---base64-8- .loading__style---base64-8-,.bulkPaymentModalResultContainer__style---base64-8- .noMore__style---base64-8-{text-align:center;height:36px;line-height:36px}.bulkPaymentModalPayment__style---base64-8-{position:relative}.bulkPaymentModalPayment__style---base64-8- .total__style---base64-8-{font-size:18px;color:#333;line-height:1;margin-top:42px;margin-bottom:-66px}.bulkPaymentModalPayment__style---base64-8- .total__style---base64-8- b{font-size:26px;color:#f33}.bulkPaymentModalPayment__style---base64-8- .total__style---base64-8- del{padding-left:10px;font-size:22px;color:#999}.bulkPaymentModal__style---base64-8- .bankTransferIcon__style---base64-8-{vertical-align:middle;margin-left:10px}.bulkPaymentModal__style---base64-8- .cardPay__style---base64-8-{min-height:300px}.bulkPaymentModal__style---base64-8- .virtualShopIcon__style---base64-8-{display:inline-block;width:24px;height:24px;text-align:center;background:#ff3333;border-radius:50%;line-height:24px;margin-right:2px}.bulkPaymentModal__style---base64-8- .virtualShopIcon__style---base64-8- i{color:#fff;font-size:15px}.bulkPaymentModal__style---base64-8- .storeName__style---base64-8-{vertical-align:middle;width:160px;display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bulkPaymentModal__style---base64-8- .btns__style---base64-8-{text-align:center;padding-top:30px;padding-bottom:40px}.bulkPaymentModal__style---base64-8- .btns__style---base64-8- button{width:186px;height:36px;font-size:15px}.bulkPaymentModal__style---base64-8- .btns__style---base64-8- button:nth-child(2){margin-left:40px}.bulkPaymentModal__style---base64-8- .btns__style---base64-8-.payment__style---base64-8-{text-align:right}.bulkPaymentModal__style---base64-8- .btns__style---base64-8-.payment__style---base64-8- button{width:112px}.ResModal__style---base64-8- [class~='ant-modal-footer']{padding:30px 0 40px 0 !important}.ResModal__style---base64-8- [class~='ant-modal-footer'] div{text-align:center}.importOrderModal__style---base64-8- .addressList__style---base64-8-{margin-bottom:40px;position:relative}.importOrderModal__style---base64-8- .addressList__style---base64-8- .listDiv__style---base64-8-{color:#333;position:relative;padding:20px;border:solid 1px #dfdfdf;border-radius:4px}.importOrderModal__style---base64-8- .addressList__style---base64-8- .listDiv__style---base64-8-.listDivError__style---base64-8-{background:#fff0f2;border:1px solid #ffb4b4}.importOrderModal__style---base64-8- .addressList__style---base64-8- .listDiv__style---base64-8- [class~='ant-row']{margin-bottom:6px;line-height:24px;font-size:14px}.importOrderModal__style---base64-8- .addressList__style---base64-8- .listDiv__style---base64-8- [class~='ant-row']:first-child{margin-top:-5px}.importOrderModal__style---base64-8- .addressList__style---base64-8- .listDiv__style---base64-8- [class~='ant-row']:last-child{margin-bottom:-5px}.importOrderModal__style---base64-8- .addressList__style---base64-8- .listDiv__style---base64-8- .txtLeft__style---base64-8-{text-align:right;color:#999999;padding-right:5px}.importOrderModal__style---base64-8- .addressList__style---base64-8- .listDiv__style---base64-8- .txtEllipsis__style---base64-8-{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-block;max-width:200px;vertical-align:middle}.importOrderModal__style---base64-8- .addressList__style---base64-8- .listDivOn__style---base64-8-{border:solid 2px #DB5426;background-color:#fff}.importOrderModal__style---base64-8- .addressList__style---base64-8- .listDiv__style---base64-8- .checked__style---base64-8-{width:0;height:0;border-top:35px solid transparent;border-left:35px solid transparent;border-bottom:35px solid #DB5426;position:absolute;right:0;bottom:0}.importOrderModal__style---base64-8- .addressList__style---base64-8- .listDiv__style---base64-8- .icon__style---base64-8-{color:#ffffff;font-size:27px;position:absolute;right:-4px;bottom:-10px}.importOrderModal__style---base64-8- .addressList__style---base64-8- .selectAddress__style---base64-8-{margin-top:15px;position:absolute;right:12px;top:-6px}.importOrderModal__style---base64-8- .addressList__style---base64-8- .selectAddress__style---base64-8- .btn__style---base64-8-{font-size:14px;width:auto;height:36px;border-radius:4px}.importOrderModal__style---base64-8- [class~='ant-modal-body']{padding:0 30px}.importOrderModal__style---base64-8- [class~='ant-select-selection-selected-value']{max-width:403px}.importOrderModal__style---base64-8- [class~='ant-modal-header']{border-bottom:0;padding:30px 0 28px 30px}.importOrderModal__style---base64-8- [class~='ant-modal-title']{font-size:19px}.importOrderModal__style---base64-8- [class~='ant-modal-footer']{border-top:0;text-align:left;padding:30px 0 40px 120px}.importOrderModal__style---base64-8- [class~='ant-modal-footer'] button{margin:0;width:112px;height:36px;line-height:36px;font-size:15px;border:0}.importOrderModal__style---base64-8- [class~='ant-modal-close']{top:-10px;right:-10px}.importOrderModal__style---base64-8- [class~='ant-modal-close'] [class~='ant-modal-close-x']{width:30px;height:30px;background-color:#ff3333;border-radius:15px;line-height:30px;color:#fff}.importOrderModal__style---base64-8- [class~='ant-select-selection--single']{height:36px}.importOrderModal__style---base64-8- [class~='ant-select-selection__rendered']{line-height:34px}.importOrderModal__style---base64-8- [class~='ant-form-item']{display:flex;margin-bottom:18px}.importOrderModal__style---base64-8- [class~='ant-form-item-label']{width:90px;text-align:right;font-size:14px}.importOrderModal__style---base64-8- [class~='ant-form-item-label']>label{color:#333}.importOrderModal__style---base64-8- [class~='ant-form-item-control-wrapper']{flex:1}.importOrderModal__style---base64-8- .closeBtn__style---base64-8-{display:block;position:absolute;top:-10px;left:-10px;width:20px;height:20px;background-color:#f33}.importOrderModalSelectFile__style---base64-8- [class~='ant-form-item-label']{line-height:58px}.importOrderModalSelectFile__style---base64-8- .uploadArea__style---base64-8-{height:58px;background:#fffbf7;border:2px dashed #ca9e7b;border-radius:6px;display:inline-block;position:absolute;font-size:16px;line-height:54px;cursor:pointer;padding:0 16px;color:#ff3333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.importOrderModalSelectFile__style---base64-8- .uploadArea__style---base64-8-.on__style---base64-8-{border-style:solid}.importOrderModalSelectFile__style---base64-8- .uploadArea__style---base64-8- i{color:#ff3333;font-size:28px;vertical-align:middle;margin-right:8px}.importOrderModalSelectFile__style---base64-8- .uploadArea__style---base64-8- input{opacity:0;cursor:pointer;position:absolute;left:0;top:0;width:100%;height:100%}.importOrderModal__style---base64-8- .downloadBtn__style---base64-8-{padding-left:0;font-size:16px;line-height:1;color:#f33}.importOrderModal__style---base64-8- .downloadBtn__style---base64-8- i{color:#f33}.addStoreItem__style---base64-8-{display:flex;align-items:center;padding:5px 12px 17px}.addStoreItem__style---base64-8- input{flex:1;height:34px}.addStoreItem__style---base64-8- button{height:34px;margin-left:10px}.selectAddressModal__style---base64-8-{width:900px !important}.selectAddressModal__style---base64-8- [class~="ant-modal-header"]{border-bottom:none;padding-bottom:0}.selectAddressModal__style---base64-8- [class~="ant-modal-body"]{padding-top:16px}.selectAddressModal__style---base64-8- .topBtn__style---base64-8-{margin-bottom:20px}.selectAddressModal__style---base64-8- .tableNoData__style---base64-8-{min-height:300px;padding-top:30px;text-align:center;background:url(https://ut-front.thisnew.com/images/.assets/images/defaultremoved.png) center no-repeat}.selectAddressModal__style---base64-8- .addressTableBtns__style---base64-8-{padding-right:15px;margin-top:-40px}.selectAddressModal__style---base64-8- .addressTableBtns__style---base64-8- button{width:34px;height:34px;line-height:34px;border-radius:6px;padding:0;vertical-align:middle}.selectAddressModal__style---base64-8- .addressTableBtns__style---base64-8- button i{font-size:24px}.selectAddressModal__style---base64-8- .addressTableBtns__style---base64-8- button:first-child{margin-right:16px}.selectAddressModal__style---base64-8- .addressTable__style---base64-8-{max-height:300px;overflow:auto}.selectAddressModal__style---base64-8- .addressTable__style---base64-8-::-webkit-scrollbar{width:8px;height:8px}.selectAddressModal__style---base64-8- .addressTable__style---base64-8-::-webkit-scrollbar-thumb{border-radius:10px;background-color:#868e96}.selectAddressModal__style---base64-8- .addressTable__style---base64-8- [class~="ant-list-item"]{border:1px solid #e8e8e8;margin-bottom:20px}.selectAddressModal__style---base64-8- .addressTable__style---base64-8- [class~="ant-list-item-meta-description"]{line-height:26px}.selectAddressModal__style---base64-8- .addressTable__style---base64-8- .loadingContainer__style---base64-8-{position:absolute;bottom:40px;width:100%;text-align:center}.selectAddressModal__style---base64-8- .addressTable__style---base64-8- .labelLeft__style---base64-8-{text-align:right}.selectAddressModal__style---base64-8- .addressTable__style---base64-8- .labelRight__style---base64-8-{color:#333;padding-left:10px}@media screen and (max-width: 768px){.selectAddressModal__style---base64-8-{height:100%}.selectAddressModal__style---base64-8- [class~='ant-modal-content']{position:absolute;height:calc(100% - 1.8rem);bottom:0;border-radius:0;display:flex;flex-direction:column}.selectAddressModal__style---base64-8- [class~='ant-modal-body']{height:calc(100% - 0.5rem);padding:0.1rem 0.24rem 0.3rem}.selectAddressModal__style---base64-8- [class~='ant-table-thead'] th{padding:0.16rem}.selectAddressModal__style---base64-8- [class~='ant-table-body'] td{padding:0.16rem}.selectAddressModal__style---base64-8- [class~='ant-modal-header']{border-bottom:0}.selectAddressModal__style---base64-8- .addressTable__style---base64-8-{max-height:none;height:calc(100% - 2rem)}}@media only screen and (max-width: 768px) and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3){.selectAddressModal__style---base64-8- .addressTable__style---base64-8-{max-height:11.8rem}}@media only screen and (max-width: 768px) and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 3){.selectAddressModal__style---base64-8- .addressTable__style---base64-8-{max-height:12.2rem}}@media only screen and (max-width: 768px) and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 2){.selectAddressModal__style---base64-8- .addressTable__style---base64-8-{max-height:12.2rem}}@media screen and (max-width: 768px){.selectAddressModal__style---base64-8- .addressTable__style---base64-8- [class~="ant-list-item"]{position:relative;padding-bottom:.9rem}.selectAddressModal__style---base64-8- .addressTable__style---base64-8- .addressTableBtns__style---base64-8-{position:absolute;bottom:.2rem;right:.2rem;padding-right:0}.selectAddressModal__style---base64-8- .addressTable__style---base64-8- .addressTableBtns__style---base64-8- button{background-color:#fff;border-color:#fff;text-shadow:none;box-shadow:none}.selectAddressModal__style---base64-8- .addressTable__style---base64-8- .addressTableBtns__style---base64-8- button i{color:#333;font-size:30px}.selectAddressModal__style---base64-8- .addressTable__style---base64-8- .addressTableBtns__style---base64-8- button i[class~="iconuser_edit"]{font-size:38px}}.uploadFileSuccessModalContainer__style---base64-8- ul{display:flex;align-items:center;padding:0;margin:0;list-style:none;justify-content:center}.uploadFileSuccessModalContainer__style---base64-8- ul li{color:#576077;font-size:20px;white-space:nowrap;margin-right:14px}.uploadFileSuccessModalContainer__style---base64-8- ul li:last-child{margin-right:0}.uploadFileSuccessModalContainer__style---base64-8- ul li span.completed__style---base64-8-{color:#16ad99}.uploadFileSuccessModalContainer__style---base64-8->div{margin-top:20px;background:#fff0f2;border:1px solid #fac7cd;border-radius:4px;padding:13px 20px;font-size:15px;color:#666;display:flex;line-height:24px}.uploadFileSuccessModalContainer__style---base64-8->div p{text-align:left;flex:1;color:#fd942b;margin:0}.labelEllipsis__style---base64-8-{display:inline-block;word-break:break-all;word-wrap:break-word;margin-right:2px} .myProduct__style---base64-8- .ant-table-row-level-1__style---base64-8-{background-color:#FFFCF9}.myProduct__style---base64-8- .topBtn__style---base64-8-{position:absolute;right:20px;top:70px;z-index:10}.myProduct__style---base64-8- .distinct__style---base64-8-{position:absolute;top:0px;left:0px;pointer-events:none;z-index:99}.myProduct__style---base64-8- h3{font-size:20px;color:#333333;font-weight:700;padding-bottom:16px}.myProduct__style---base64-8- img.invaildImg__style---base64-8-{position:absolute;left:0;top:0;width:auto;height:auto;z-index:10}.myProduct__style---base64-8- .tableNoData__style---base64-8-{min-height:300px;padding-top:30px;text-align:center}.myProduct__style---base64-8- .tableNoData__style---base64-8- i{font-size:120px;border-radius:50%;padding:10px;background-color:#0186f6;color:#fff}.myProduct__style---base64-8- .tableNoData__style---base64-8- p{font-size:18px;line-height:20px;color:#333333;font-weight:700}.myProduct__style---base64-8- .tableAction__style---base64-8- i{font-size:28px;cursor:pointer;color:#333;vertical-align:middle;margin-right:17px}.myProduct__style---base64-8- .tableAction__style---base64-8- i:hover{color:#ff3333}.myProduct__style---base64-8- .tableTxt__style---base64-8- img{width:100px;height:100px}.myProduct__style---base64-8- .exportBtn__style---base64-8-{background:#fff !important;color:#ff3333 !important}.myProduct__style---base64-8- .exportBtn__style---base64-8-:hover{color:#ff3333 !important;border-color:#ff3333 !important} .MyDesignSystemMsg .ant-modal-footer { padding: 2px 16px 0 16px; padding-bottom: 40px !important; } .MyDesignVariantModal .ant-modal-body { padding-bottom: 6px !important; } .MerchantOrderList .ant-table-row-cell-break-word { position: relative; } .MerchantOrderList .ant-table-tbody > .ant-table-row-level-0 { background-color: #fff !important; } .MerchantOrderList .ant-table-row-level-1 td { background-color: #fffaf6 !important; border-bottom: 1px solid #fff3e8 !important; } .MerchantOrderList .ant-table-row-level-0 td { border-bottom: 1px solid #f0f0f0 !important; } .my-profile-subscription .title { color: #333; font-weight: bold; font-size: 20px; margin-bottom: 18px; } .my-profile-subscription .action-area .switch { display: flex; margin-bottom: 30px; } .my-profile-subscription .action-area .text { margin-left: 12px; } .my-profile-subscription .action-area .label { font-size: 14px; color: #333; margin-bottom: 10px; line-height: 1; } .my-profile-subscription .action-area .note { font-size: 14px; color: #999; } .table { display: flex; } .border-table { flex: 1; } .border-table-item { display: flex; } .border-table-item .thead { background: #fafafa; padding: 10px; width: 115px; white-space: nowrap; text-align: right; } .border-table-item .td { border: 1px solid #e2e2e2; background: #fff; padding: 10px; flex: 1; } .border-table-item:nth-child(even) .td { border-top: none; border-bottom: none; } .border-table-item:last-child .td { border-bottom: 1px solid #e2e2e2; } .pdf-content { width: 820px; margin: 0 auto; padding: 20px 30px; background-color: #fff; } .pdf-content .top { display: flex; justify-content: space-between; margin-bottom: -10px; } .pdf-content .top img { width: 140px; } .pdf-content .top .user-info { font-weight: 500; line-height: 2; text-align: right; } .pdf-content .invoice, .pdf-content .bill-to, .pdf-content .total-info { margin-top: 20px; } .pdf-content .invoice h2, .pdf-content .bill-to h2, .pdf-content .total-info h2 { margin-bottom: 4px; } .pdf-content .total-info .table { margin-top: 20px; } .pdf-content .ant-table-thead > tr > th { background-color: #fafafa !important; } .pdf-content .ant-table-tbody > tr { background-color: #fff !important; } #myAdmin .ant-table-thead > tr > th { font-size: 14px; border-bottom: none; color: #333; background-color: #f5f5f5; font-weight: 700; font-family: 'Microsoft YaHei'; } #myAdmin .ant-modal-header { border-bottom: none; } #myAdmin .ant-modal-header .ant-modal-title { font-size: 20px; color: #333; margin-left: 5px; font-weight: 700; } #myAdmin .ant-modal-footer { border-top: none; text-align: center; padding-bottom: 40px; } #myAdmin .ant-modal-footer .ant-btn-primary { min-width: 75px; } #myAdmin .ant-modal-body { padding: 0 30px 30px; } #myAdmin .ant-table-tbody > tr > td { padding: 7px 16px; border-bottom: none; } #myAdmin .ant-table-tbody > tr.disabled > td { color: #ccc; border-bottom: 1px solid #fff; position: relative; } #myAdmin .ant-table-tbody > tr.disabled, #myAdmin .ant-table-tbody > tr:nth-child(even).disabled { background-color: #eaeaea; } #myAdmin .ant-table-thead > tr.disabled.ant-table-row-hover:not(.ant-table-expanded-row):not(.ant-table-row-selected) > td, #myAdmin .ant-table-tbody > tr.disabled.ant-table-row-hover:not(.ant-table-expanded-row):not(.ant-table-row-selected) > td, #myAdmin .ant-table-thead > tr.disabled:hover:not(.ant-table-expanded-row):not(.ant-table-row-selected) > td, #myAdmin .ant-table-tbody > tr.disabled:hover:not(.ant-table-expanded-row):not(.ant-table-row-selected) > td { background: #f5f5f5; cursor: not-allowed; } #myAdmin .ant-table-tbody > tr:nth-child(even) { background-color: #fffaf6; } #myAdmin .ant-table-pagination { float: none; padding-left: 16px; } #myAdmin .ant-table-pagination .ant-pagination-total-text { float: right; } #myAdmin .ant-divider { margin: 15px 0 10px; } #myAdmin .ant-table-expand-icon-th, #myAdmin .ant-table-expand-icon-col, #myAdmin .ant-table-row-expand-icon-cell { display: none; } #myAdmin .ant-table-tbody > tr.ant-table-expanded-row td:first-child { display: none; } #myAdmin .ant-table-tbody > tr.ant-table-expanded-row td { padding: 0; } #myAdmin .ant-input { background-color: #fff; } #myAdmin .url-input .ant-input { background-color: #fff; border-radius: 0; } #myAdmin .ant-tabs-bar { margin: 0; border-bottom: none; } #myAdmin .ant-btn { margin-right: 15px; } #myAdmin .ant-btn:last-child { margin-right: 0; } #myAdmin .ant-btn-background-ghost:hover { border-color: #ff3333; } #myAdmin .ant-btn-background-ghost[disabled]:hover { border-color: #f5f5f5; } #myAdmin .ant-badge .ant-btn { margin-right: 0; } #myAdmin .ant-form-explain { font-size: 13px; } #myAdmin .ant-table-placeholder { border-bottom: none; } #myAdmin .ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab { border-radius: 10px 10px 0px 0px; font-size: 18px; color: #ffffff; padding: 0 20px; background-color: #cccccc; } #myAdmin .ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab-active { background-color: #EE3F10; color: #fff; } #myAdmin .ant-steps-item-process > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-title:after { background-color: #fff; border-bottom: 1px dotted #ccc; } #myAdmin .ant-table-wrapper .ant-table-pagination .ant-pagination-options { float: left; margin-left: 5px; } #myAdmin .ant-steps-item-icon { width: 36px; height: 36px; line-height: 36px; } #myAdmin .ant-table-wrapper { border: 1px solid #e8e8e8; } #myAdmin .tableNoData { min-height: 300px; padding-top: 30px; text-align: center; background: url(https://ut-front.thisnew.com/images/.assets/images/defaultremoved_customaple.png) center no-repeat; } #myAdmin .tableNoData i.iconfont { font-size: 120px; border-radius: 50%; padding: 10px; background-color: #f4ebe4; color: #ff3333; display: none; } #myAdmin .tableNoData p { font-size: 18px; line-height: 20px; color: #333333; font-weight: 700; display: none; } #myAdmin .tableNoData .specialNote { font-size: 14px; color: #999; font-weight: 500; } #myAdmin .tableAction i { font-size: 28px; cursor: pointer; color: #333; vertical-align: middle; margin-right: 5px; } #myAdmin .tableAction i:hover { color: #EE3F10; } #myAdmin .tableAction i.icondelete { font-size: 21px; } #myAdmin .tableAction .iconSize { font-size: 19px; } #myAdmin .tableToolTip i { font-size: 30px; cursor: pointer; color: #ff3333; vertical-align: middle; margin-right: 5px; } #myAdmin .tableTxt { padding: 5px 0; line-height: 17px; } #myAdmin .tableTxt img { width: 50px; height: 50px; } #myAdmin .tableTxt .colorSpan { width: 20px; height: 20px; display: inline-block; margin-right: 5px; border: 1px solid #cccccc; border-radius: 6px; } #myAdmin .tableTxt .invaildImg { width: auto; height: auto; } #myAdmin .tableTxt .tipStyle { color: #ff3333; margin-bottom: 5px; } #myAdmin .tableTxt .tipStyle img { width: auto; height: auto; margin-right: 5px; } #myAdmin .tableTxt .tipStyle .iconfont { font-size: 24px; vertical-align: middle; } #myAdmin .tableTxt label { color: #333; } #myAdmin .whiteSpacePre { white-space: pre; line-height: 22px; } #myAdmin .price { color: #ff3333; } #myAdmin .disabled .tableTxt { padding: 5px 0; line-height: 17px; } #myAdmin .disabled .tableTxt img { width: 50px; height: 50px; } #myAdmin .disabled .tableTxt .colorSpan { width: 20px; height: 20px; display: inline-block; margin-right: 5px; border: 1px solid #cccccc; border-radius: 6px; } #myAdmin .disabled .tableTxt .invaildImg { width: auto; height: auto; } #myAdmin .disabled .tableTxt .tipStyle { color: #ff3333; margin-bottom: 5px; } #myAdmin .disabled .tableTxt .tipStyle img { width: auto; height: auto; margin-right: 5px; } #myAdmin .disabled .tableTxt .tipStyle .iconfont { font-size: 24px; vertical-align: middle; } #myAdmin .disabled .tableTxt .ant-row { color: #ccc; } #myAdmin .disabled .tableTxt .ant-row .ant-typography { color: #ccc; } #myAdmin .disabled .tableTxt.price { color: #ccc; } #myAdmin .disabled .tableTxt label { color: #ccc; } #myAdmin .whiteSpace { white-space: pre-line; } #myAdmin .ant-btn-primary.btn-one { box-shadow: none; border: 0; background: #EE3F10; } #myAdmin .ant-btn-primary.btn-one:hover { background: #f33; } #myAdmin .ant-btn-primary.btn-two { background: #dddddd; color: #666; } #myAdmin .ant-btn-primary.btn-two:hover { background: #333333; color: #fff; } #myAdmin .payModalTab { margin-bottom: 15px; } #myAdmin .payModalTab .ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab { border-radius: 10px 10px 0px 0px; min-width: 145px; font-size: 18px; text-align: center; color: #fff; padding: 0 15px; height: 35px; line-height: 35px; background-color: #EC3E0F; } #myAdmin .payModalTab .ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab-active { background-color: #FF3333; border-bottom: none; color: #fff; } #myAdmin .payModalTab .ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab-disabled { background-color: #ccc; color: #fff; } #myAdmin .payModalTab .ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-nav-wrap { border-bottom: 1px solid #eee; } #myAdmin .payModalTab .ant-form-explain { text-indent: 0; position: absolute; } .pageLoading { position: absolute; width: 100%; top: 45%; text-align: center; } #myAdminLayout .pageLoading.ant-spin-spinning { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(255, 255, 255, 0.8); z-index: 9999; } #myAdminLayout .pageLoading.ant-spin-spinning::after { content: ''; display: inline-block; width: 0px; height: 100%; background: #ccc; vertical-align: middle; } #myAdminLayout .pageLoading.ant-spin-spinning .ant-spin-dot { font-size: 50px; vertical-align: middle; } .labelEllipsis { display: inline-block; word-break: break-all; word-wrap: break-word; margin-right: 3px; } .ant-btn.ant-btn-danger { background-color: #f33; border-color: #f33; } .ant-btn.ant-btn-danger:hover { background-color: #ff9933; border-color: #f93; } .ant-btn.ant-btn-default { background-color: #dddddd; border-color: #dddddd; } .ant-btn.ant-btn-default:hover { background-color: #333333; border-color: #333333; } .ant-btn.ant-btn-primary { background-color: #ff3333; border-color: #ff3333; } .ant-btn.ant-btn-primary:hover { background-color: #f33; border-color: #f33; } .ant-btn.ant-btn-danger-disabled, .ant-btn.ant-btn-danger.disabled, .ant-btn.ant-btn-danger[disabled], .ant-btn.ant-btn-danger-disabled:hover, .ant-btn.ant-btn-danger.disabled:hover, .ant-btn.ant-btn-danger[disabled]:hover, .ant-btn.ant-btn-danger-disabled:focus, .ant-btn.ant-btn-danger.disabled:focus, .ant-btn.ant-btn-danger[disabled]:focus, .ant-btn.ant-btn-danger-disabled:active, .ant-btn.ant-btn-danger.disabled:active, .ant-btn.ant-btn-danger[disabled]:active, .ant-btn.ant-btn-danger-disabled.active, .ant-btn.ant-btn-danger.disabled.active, .ant-btn.ant-btn-danger[disabled].active { background-color: #f5f5f5; border-color: #f5f5f5; } .ant-btn.ant-btn-primary-disabled, .ant-btn.ant-btn-primary.disabled, .ant-btn.ant-btn-primary[disabled], .ant-btn.ant-btn-primary-disabled:hover, .ant-btn.ant-btn-primary.disabled:hover, .ant-btn.ant-btn-primary[disabled]:hover, .ant-btn.ant-btn-primary-disabled:focus, .ant-btn.ant-btn-primary.disabled:focus, .ant-btn.ant-btn-primary[disabled]:focus, .ant-btn.ant-btn-primary-disabled:active, .ant-btn.ant-btn-primary.disabled:active, .ant-btn.ant-btn-primary[disabled]:active, .ant-btn.ant-btn-primary-disabled.active, .ant-btn.ant-btn-primary.disabled.active, .ant-btn.ant-btn-primary[disabled].active { background-color: #f5f5f5; border-color: #f5f5f5; } .optMsg .ant-modal-confirm-body > .anticon + .ant-modal-confirm-title + .ant-modal-confirm-content { margin-left: 0; } #root .alertTxt { text-align: center; border: none; border-radius: 0; background: #ffe6e6; line-height: 39px; } #root .alertTxt [class~="ant-alert-message"] { color: #FF3333; font-size: 18px; } @media screen and (max-width: 768px) { #root .alertTxt { display: none; } } .flexBox__style---base64-8-{width:100%}.flexBox__style---base64-8- .pageBody__style---base64-8-{padding:10px 25px 50px;min-height:700px}.myAdminLayout__style---base64-8-{flex:1}.myAdminLayoutContainer__style---base64-8-{flex:1}.myAdminLayout__style---base64-8- h3{line-height:1;padding-bottom:20px;font-size:20px;font-weight:800;color:#333;margin:0}@media screen and (max-width: 768px){.flexBox__style---base64-8- .pageBody__style---base64-8-{min-height:0;margin-bottom:1rem;padding:0 0.23rem;width:100vw}.myAdminLayout__style---base64-8- h3{padding-top:0.34rem;padding-bottom:0.4rem;font-size:0.34rem;color:#333}} .accept-cookie { padding: 12px 10px; background: #ffe6e6; text-align: center; position: relative; margin-bottom: 1px; } .accept-cookie p { align-items: center; font-size: 16px; color: #f33; display: inline-block; margin-bottom: 0; padding-right: 20px; vertical-align: middle; } .accept-cookie button { outline: none; cursor: pointer; } .accept-cookie button.accept { width: 86px; height: 32px; background: #ff3333; border-radius: 10px; border: 0; padding: 0; color: #fff; display: inline-block; line-height: 32px; vertical-align: middle; } .accept-cookie button.accept:hover { background: #f93; } @media screen and (max-width: 768px) { .accept-cookie { display: block; height: auto; padding: 0.4rem 0.24rem 0.2rem 0.24rem; line-height: 1; text-align: center; } .accept-cookie p { font-size: 0.3rem; line-height: 0.4rem; margin-bottom: 0.2rem; text-align: left; padding: 0; } .accept-cookie button { width: 1.36rem; height: 0.5rem; border-radius: 0.1rem; font-size: 0.28rem; line-height: 0.5rem; } .accept-cookie a { padding: 0.12rem; line-height: 0.42rem; font-size: 0.7rem; } } /* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */ /* stylelint-disable no-duplicate-selectors */ /* stylelint-disable */ /* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */ /* stylelint-disable at-rule-no-unknown */ html, body { width: 100%; height: 100%; } input::-ms-clear, input::-ms-reveal { display: none; } *, *::before, *::after { box-sizing: border-box; } html { font-family: sans-serif; line-height: 1.15; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -ms-overflow-style: scrollbar; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } @-ms-viewport { width: device-width; } article, aside, dialog, figcaption, figure, footer, header, hgroup, main, nav, section { display: block; } body { margin: 0; color: rgba(0, 0, 0, 0.65); font-size: 14px; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'Helvetica Neue', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'; font-variant: tabular-nums; line-height: 1.5; background-color: #fff; font-feature-settings: 'tnum'; } [tabindex='-1']:focus { outline: none !important; } hr { box-sizing: content-box; height: 0; overflow: visible; } h1, h2, h3, h4, h5, h6 { margin-top: 0; margin-bottom: 0.5em; color: rgba(0, 0, 0, 0.85); font-weight: 500; } p { margin-top: 0; margin-bottom: 1em; } abbr[title], abbr[data-original-title] { text-decoration: underline; text-decoration: underline dotted; border-bottom: 0; cursor: help; } address { margin-bottom: 1em; font-style: normal; line-height: inherit; } input[type='text'], input[type='password'], input[type='number'], textarea { -webkit-appearance: none; } ol, ul, dl { margin-top: 0; margin-bottom: 1em; } ol ol, ul ul, ol ul, ul ol { margin-bottom: 0; } dt { font-weight: 500; } dd { margin-bottom: 0.5em; margin-left: 0; } blockquote { margin: 0 0 1em; } dfn { font-style: italic; } b, strong { font-weight: bolder; } small { font-size: 80%; } sub, sup { position: relative; font-size: 75%; line-height: 0; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } a { color: #ff3333; text-decoration: none; background-color: transparent; outline: none; cursor: pointer; transition: color 0.3s; -webkit-text-decoration-skip: objects; } a:hover { color: #ff615c; } a:active { color: #d92127; } a:active, a:hover { text-decoration: none; outline: 0; } a[disabled] { color: rgba(0, 0, 0, 0.25); cursor: not-allowed; pointer-events: none; } pre, code, kbd, samp { font-size: 1em; font-family: 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, Courier, monospace; } pre { margin-top: 0; margin-bottom: 1em; overflow: auto; } figure { margin: 0 0 1em; } img { vertical-align: middle; border-style: none; } svg:not(:root) { overflow: hidden; } a, area, button, [role='button'], input:not([type='range']), label, select, summary, textarea { touch-action: manipulation; } table { border-collapse: collapse; } caption { padding-top: 0.75em; padding-bottom: 0.3em; color: rgba(0, 0, 0, 0.45); text-align: left; caption-side: bottom; } th { text-align: inherit; } input, button, select, optgroup, textarea { margin: 0; color: inherit; font-size: inherit; font-family: inherit; line-height: inherit; } button, input { overflow: visible; } button, select { text-transform: none; } button, html [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; } button::-moz-focus-inner, [type='button']::-moz-focus-inner, [type='reset']::-moz-focus-inner, [type='submit']::-moz-focus-inner { padding: 0; border-style: none; } input[type='radio'], input[type='checkbox'] { box-sizing: border-box; padding: 0; } input[type='date'], input[type='time'], input[type='datetime-local'], input[type='month'] { -webkit-appearance: listbox; } textarea { overflow: auto; resize: vertical; } fieldset { min-width: 0; margin: 0; padding: 0; border: 0; } legend { display: block; width: 100%; max-width: 100%; margin-bottom: 0.5em; padding: 0; color: inherit; font-size: 1.5em; line-height: inherit; white-space: normal; } progress { vertical-align: baseline; } [type='number']::-webkit-inner-spin-button, [type='number']::-webkit-outer-spin-button { height: auto; } [type='search'] { outline-offset: -2px; -webkit-appearance: none; } [type='search']::-webkit-search-cancel-button, [type='search']::-webkit-search-decoration { -webkit-appearance: none; } ::-webkit-file-upload-button { font: inherit; -webkit-appearance: button; } output { display: inline-block; } summary { display: list-item; } template { display: none; } [hidden] { display: none !important; } mark { padding: 0.2em; background-color: #feffe6; } ::selection { color: #fff; background: #ff3333; } .clearfix { zoom: 1; } .clearfix::before, .clearfix::after { display: table; content: ''; } .clearfix::after { clear: both; } .clearfix::before { content: ''; clear: both; display: block; } .anticon { display: inline-block; color: inherit; font-style: normal; line-height: 0; text-align: center; text-transform: none; vertical-align: -0.125em; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .anticon > * { line-height: 1; } .anticon svg { display: inline-block; } .anticon::before { display: none; } .anticon .anticon-icon { display: block; } .anticon[tabindex] { cursor: pointer; } .anticon-spin::before { display: inline-block; animation: loadingCircle 1s infinite linear; } .anticon-spin { display: inline-block; animation: loadingCircle 1s infinite linear; } .fade-enter, .fade-appear { animation-duration: 0.2s; animation-fill-mode: both; animation-play-state: paused; } .fade-leave { animation-duration: 0.2s; animation-fill-mode: both; animation-play-state: paused; } .fade-enter.fade-enter-active, .fade-appear.fade-appear-active { animation-name: antFadeIn; animation-play-state: running; } .fade-leave.fade-leave-active { animation-name: antFadeOut; animation-play-state: running; pointer-events: none; } .fade-enter, .fade-appear { opacity: 0; animation-timing-function: linear; } .fade-leave { animation-timing-function: linear; } @keyframes antFadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes antFadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } .move-up-enter, .move-up-appear { animation-duration: 0.2s; animation-fill-mode: both; animation-play-state: paused; } .move-up-leave { animation-duration: 0.2s; animation-fill-mode: both; animation-play-state: paused; } .move-up-enter.move-up-enter-active, .move-up-appear.move-up-appear-active { animation-name: antMoveUpIn; animation-play-state: running; } .move-up-leave.move-up-leave-active { animation-name: antMoveUpOut; animation-play-state: running; pointer-events: none; } .move-up-enter, .move-up-appear { opacity: 0; animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1); } .move-up-leave { animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34); } .move-down-enter, .move-down-appear { animation-duration: 0.2s; animation-fill-mode: both; animation-play-state: paused; } .move-down-leave { animation-duration: 0.2s; animation-fill-mode: both; animation-play-state: paused; } .move-down-enter.move-down-enter-active, .move-down-appear.move-down-appear-active { animation-name: antMoveDownIn; animation-play-state: running; } .move-down-leave.move-down-leave-active { animation-name: antMoveDownOut; animation-play-state: running; pointer-events: none; } .move-down-enter, .move-down-appear { opacity: 0; animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1); } .move-down-leave { animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34); } .move-left-enter, .move-left-appear { animation-duration: 0.2s; animation-fill-mode: both; animation-play-state: paused; } .move-left-leave { animation-duration: 0.2s; animation-fill-mode: both; animation-play-state: paused; } .move-left-enter.move-left-enter-active, .move-left-appear.move-left-appear-active { animation-name: antMoveLeftIn; animation-play-state: running; } .move-left-leave.move-left-leave-active { animation-name: antMoveLeftOut; animation-play-state: running; pointer-events: none; } .move-left-enter, .move-left-appear { opacity: 0; animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1); } .move-left-leave { animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34); } .move-right-enter, .move-right-appear { animation-duration: 0.2s; animation-fill-mode: both; animation-play-state: paused; } .move-right-leave { animation-duration: 0.2s; animation-fill-mode: both; animation-play-state: paused; } .move-right-enter.move-right-enter-active, .move-right-appear.move-right-appear-active { animation-name: antMoveRightIn; animation-play-state: running; } .move-right-leave.move-right-leave-active { animation-name: antMoveRightOut; animation-play-state: running; pointer-events: none; } .move-right-enter, .move-right-appear { opacity: 0; animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1); } .move-right-leave { animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34); } @keyframes antMoveDownIn { 0% { transform: translateY(100%); transform-origin: 0 0; opacity: 0; } 100% { transform: translateY(0%); transform-origin: 0 0; opacity: 1; } } @keyframes antMoveDownOut { 0% { transform: translateY(0%); transform-origin: 0 0; opacity: 1; } 100% { transform: translateY(100%); transform-origin: 0 0; opacity: 0; } } @keyframes antMoveLeftIn { 0% { transform: translateX(-100%); transform-origin: 0 0; opacity: 0; } 100% { transform: translateX(0%); transform-origin: 0 0; opacity: 1; } } @keyframes antMoveLeftOut { 0% { transform: translateX(0%); transform-origin: 0 0; opacity: 1; } 100% { transform: translateX(-100%); transform-origin: 0 0; opacity: 0; } } @keyframes antMoveRightIn { 0% { transform: translateX(100%); transform-origin: 0 0; opacity: 0; } 100% { transform: translateX(0%); transform-origin: 0 0; opacity: 1; } } @keyframes antMoveRightOut { 0% { transform: translateX(0%); transform-origin: 0 0; opacity: 1; } 100% { transform: translateX(100%); transform-origin: 0 0; opacity: 0; } } @keyframes antMoveUpIn { 0% { transform: translateY(-100%); transform-origin: 0 0; opacity: 0; } 100% { transform: translateY(0%); transform-origin: 0 0; opacity: 1; } } @keyframes antMoveUpOut { 0% { transform: translateY(0%); transform-origin: 0 0; opacity: 1; } 100% { transform: translateY(-100%); transform-origin: 0 0; opacity: 0; } } @keyframes loadingCircle { 100% { transform: rotate(360deg); } } [ant-click-animating='true'], [ant-click-animating-without-extra-node='true'] { position: relative; } html { --antd-wave-shadow-color: #ff3333; } [ant-click-animating-without-extra-node='true']::after, .ant-click-animating-node { position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: block; border-radius: inherit; box-shadow: 0 0 0 0 #ff3333; box-shadow: 0 0 0 0 var(--antd-wave-shadow-color); opacity: 0.2; animation: fadeEffect 2s cubic-bezier(0.08, 0.82, 0.17, 1), waveEffect 0.4s cubic-bezier(0.08, 0.82, 0.17, 1); animation-fill-mode: forwards; content: ''; pointer-events: none; } @keyframes waveEffect { 100% { box-shadow: 0 0 0 #ff3333; box-shadow: 0 0 0 6px var(--antd-wave-shadow-color); } } @keyframes fadeEffect { 100% { opacity: 0; } } .slide-up-enter, .slide-up-appear { animation-duration: 0.2s; animation-fill-mode: both; animation-play-state: paused; } .slide-up-leave { animation-duration: 0.2s; animation-fill-mode: both; animation-play-state: paused; } .slide-up-enter.slide-up-enter-active, .slide-up-appear.slide-up-appear-active { animation-name: antSlideUpIn; animation-play-state: running; } .slide-up-leave.slide-up-leave-active { animation-name: antSlideUpOut; animation-play-state: running; pointer-events: none; } .slide-up-enter, .slide-up-appear { opacity: 0; animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1); } .slide-up-leave { animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); } .slide-down-enter, .slide-down-appear { animation-duration: 0.2s; animation-fill-mode: both; animation-play-state: paused; } .slide-down-leave { animation-duration: 0.2s; animation-fill-mode: both; animation-play-state: paused; } .slide-down-enter.slide-down-enter-active, .slide-down-appear.slide-down-appear-active { animation-name: antSlideDownIn; animation-play-state: running; } .slide-down-leave.slide-down-leave-active { animation-name: antSlideDownOut; animation-play-state: running; pointer-events: none; } .slide-down-enter, .slide-down-appear { opacity: 0; animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1); } .slide-down-leave { animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); } .slide-left-enter, .slide-left-appear { animation-duration: 0.2s; animation-fill-mode: both; animation-play-state: paused; } .slide-left-leave { animation-duration: 0.2s; animation-fill-mode: both; animation-play-state: paused; } .slide-left-enter.slide-left-enter-active, .slide-left-appear.slide-left-appear-active { animation-name: antSlideLeftIn; animation-play-state: running; } .slide-left-leave.slide-left-leave-active { animation-name: antSlideLeftOut; animation-play-state: running; pointer-events: none; } .slide-left-enter, .slide-left-appear { opacity: 0; animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1); } .slide-left-leave { animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); } .slide-right-enter, .slide-right-appear { animation-duration: 0.2s; animation-fill-mode: both; animation-play-state: paused; } .slide-right-leave { animation-duration: 0.2s; animation-fill-mode: both; animation-play-state: paused; } .slide-right-enter.slide-right-enter-active, .slide-right-appear.slide-right-appear-active { animation-name: antSlideRightIn; animation-play-state: running; } .slide-right-leave.slide-right-leave-active { animation-name: antSlideRightOut; animation-play-state: running; pointer-events: none; } .slide-right-enter, .slide-right-appear { opacity: 0; animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1); } .slide-right-leave { animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); } @keyframes antSlideUpIn { 0% { transform: scaleY(0.8); transform-origin: 0% 0%; opacity: 0; } 100% { transform: scaleY(1); transform-origin: 0% 0%; opacity: 1; } } @keyframes antSlideUpOut { 0% { transform: scaleY(1); transform-origin: 0% 0%; opacity: 1; } 100% { transform: scaleY(0.8); transform-origin: 0% 0%; opacity: 0; } } @keyframes antSlideDownIn { 0% { transform: scaleY(0.8); transform-origin: 100% 100%; opacity: 0; } 100% { transform: scaleY(1); transform-origin: 100% 100%; opacity: 1; } } @keyframes antSlideDownOut { 0% { transform: scaleY(1); transform-origin: 100% 100%; opacity: 1; } 100% { transform: scaleY(0.8); transform-origin: 100% 100%; opacity: 0; } } @keyframes antSlideLeftIn { 0% { transform: scaleX(0.8); transform-origin: 0% 0%; opacity: 0; } 100% { transform: scaleX(1); transform-origin: 0% 0%; opacity: 1; } } @keyframes antSlideLeftOut { 0% { transform: scaleX(1); transform-origin: 0% 0%; opacity: 1; } 100% { transform: scaleX(0.8); transform-origin: 0% 0%; opacity: 0; } } @keyframes antSlideRightIn { 0% { transform: scaleX(0.8); transform-origin: 100% 0%; opacity: 0; } 100% { transform: scaleX(1); transform-origin: 100% 0%; opacity: 1; } } @keyframes antSlideRightOut { 0% { transform: scaleX(1); transform-origin: 100% 0%; opacity: 1; } 100% { transform: scaleX(0.8); transform-origin: 100% 0%; opacity: 0; } } .swing-enter, .swing-appear { animation-duration: 0.2s; animation-fill-mode: both; animation-play-state: paused; } .swing-enter.swing-enter-active, .swing-appear.swing-appear-active { animation-name: antSwingIn; animation-play-state: running; } @keyframes antSwingIn { 0%, 100% { transform: translateX(0); } 20% { transform: translateX(-10px); } 40% { transform: translateX(10px); } 60% { transform: translateX(-5px); } 80% { transform: translateX(5px); } } .zoom-enter, .zoom-appear { animation-duration: 0.2s; animation-fill-mode: both; animation-play-state: paused; } .zoom-leave { animation-duration: 0.2s; animation-fill-mode: both; animation-play-state: paused; } .zoom-enter.zoom-enter-active, .zoom-appear.zoom-appear-active { animation-name: antZoomIn; animation-play-state: running; } .zoom-leave.zoom-leave-active { animation-name: antZoomOut; animation-play-state: running; pointer-events: none; } .zoom-enter, .zoom-appear { transform: scale(0); opacity: 0; animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1); } .zoom-leave { animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86); } .zoom-big-enter, .zoom-big-appear { animation-duration: 0.2s; animation-fill-mode: both; animation-play-state: paused; } .zoom-big-leave { animation-duration: 0.2s; animation-fill-mode: both; animation-play-state: paused; } .zoom-big-enter.zoom-big-enter-active, .zoom-big-appear.zoom-big-appear-active { animation-name: antZoomBigIn; animation-play-state: running; } .zoom-big-leave.zoom-big-leave-active { animation-name: antZoomBigOut; animation-play-state: running; pointer-events: none; } .zoom-big-enter, .zoom-big-appear { transform: scale(0); opacity: 0; animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1); } .zoom-big-leave { animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86); } .zoom-big-fast-enter, .zoom-big-fast-appear { animation-duration: 0.1s; animation-fill-mode: both; animation-play-state: paused; } .zoom-big-fast-leave { animation-duration: 0.1s; animation-fill-mode: both; animation-play-state: paused; } .zoom-big-fast-enter.zoom-big-fast-enter-active, .zoom-big-fast-appear.zoom-big-fast-appear-active { animation-name: antZoomBigIn; animation-play-state: running; } .zoom-big-fast-leave.zoom-big-fast-leave-active { animation-name: antZoomBigOut; animation-play-state: running; pointer-events: none; } .zoom-big-fast-enter, .zoom-big-fast-appear { transform: scale(0); opacity: 0; animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1); } .zoom-big-fast-leave { animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86); } .zoom-up-enter, .zoom-up-appear { animation-duration: 0.2s; animation-fill-mode: both; animation-play-state: paused; } .zoom-up-leave { animation-duration: 0.2s; animation-fill-mode: both; animation-play-state: paused; } .zoom-up-enter.zoom-up-enter-active, .zoom-up-appear.zoom-up-appear-active { animation-name: antZoomUpIn; animation-play-state: running; } .zoom-up-leave.zoom-up-leave-active { animation-name: antZoomUpOut; animation-play-state: running; pointer-events: none; } .zoom-up-enter, .zoom-up-appear { transform: scale(0); opacity: 0; animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1); } .zoom-up-leave { animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86); } .zoom-down-enter, .zoom-down-appear { animation-duration: 0.2s; animation-fill-mode: both; animation-play-state: paused; } .zoom-down-leave { animation-duration: 0.2s; animation-fill-mode: both; animation-play-state: paused; } .zoom-down-enter.zoom-down-enter-active, .zoom-down-appear.zoom-down-appear-active { animation-name: antZoomDownIn; animation-play-state: running; } .zoom-down-leave.zoom-down-leave-active { animation-name: antZoomDownOut; animation-play-state: running; pointer-events: none; } .zoom-down-enter, .zoom-down-appear { transform: scale(0); opacity: 0; animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1); } .zoom-down-leave { animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86); } .zoom-left-enter, .zoom-left-appear { animation-duration: 0.2s; animation-fill-mode: both; animation-play-state: paused; } .zoom-left-leave { animation-duration: 0.2s; animation-fill-mode: both; animation-play-state: paused; } .zoom-left-enter.zoom-left-enter-active, .zoom-left-appear.zoom-left-appear-active { animation-name: antZoomLeftIn; animation-play-state: running; } .zoom-left-leave.zoom-left-leave-active { animation-name: antZoomLeftOut; animation-play-state: running; pointer-events: none; } .zoom-left-enter, .zoom-left-appear { transform: scale(0); opacity: 0; animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1); } .zoom-left-leave { animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86); } .zoom-right-enter, .zoom-right-appear { animation-duration: 0.2s; animation-fill-mode: both; animation-play-state: paused; } .zoom-right-leave { animation-duration: 0.2s; animation-fill-mode: both; animation-play-state: paused; } .zoom-right-enter.zoom-right-enter-active, .zoom-right-appear.zoom-right-appear-active { animation-name: antZoomRightIn; animation-play-state: running; } .zoom-right-leave.zoom-right-leave-active { animation-name: antZoomRightOut; animation-play-state: running; pointer-events: none; } .zoom-right-enter, .zoom-right-appear { transform: scale(0); opacity: 0; animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1); } .zoom-right-leave { animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86); } @keyframes antZoomIn { 0% { transform: scale(0.2); opacity: 0; } 100% { transform: scale(1); opacity: 1; } } @keyframes antZoomOut { 0% { transform: scale(1); } 100% { transform: scale(0.2); opacity: 0; } } @keyframes antZoomBigIn { 0% { transform: scale(0.8); opacity: 0; } 100% { transform: scale(1); opacity: 1; } } @keyframes antZoomBigOut { 0% { transform: scale(1); } 100% { transform: scale(0.8); opacity: 0; } } @keyframes antZoomUpIn { 0% { transform: scale(0.8); transform-origin: 50% 0%; opacity: 0; } 100% { transform: scale(1); transform-origin: 50% 0%; } } @keyframes antZoomUpOut { 0% { transform: scale(1); transform-origin: 50% 0%; } 100% { transform: scale(0.8); transform-origin: 50% 0%; opacity: 0; } } @keyframes antZoomLeftIn { 0% { transform: scale(0.8); transform-origin: 0% 50%; opacity: 0; } 100% { transform: scale(1); transform-origin: 0% 50%; } } @keyframes antZoomLeftOut { 0% { transform: scale(1); transform-origin: 0% 50%; } 100% { transform: scale(0.8); transform-origin: 0% 50%; opacity: 0; } } @keyframes antZoomRightIn { 0% { transform: scale(0.8); transform-origin: 100% 50%; opacity: 0; } 100% { transform: scale(1); transform-origin: 100% 50%; } } @keyframes antZoomRightOut { 0% { transform: scale(1); transform-origin: 100% 50%; } 100% { transform: scale(0.8); transform-origin: 100% 50%; opacity: 0; } } @keyframes antZoomDownIn { 0% { transform: scale(0.8); transform-origin: 50% 100%; opacity: 0; } 100% { transform: scale(1); transform-origin: 50% 100%; } } @keyframes antZoomDownOut { 0% { transform: scale(1); transform-origin: 50% 100%; } 100% { transform: scale(0.8); transform-origin: 50% 100%; opacity: 0; } } .ant-motion-collapse-legacy { overflow: hidden; } .ant-motion-collapse-legacy-active { transition: height 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.15s cubic-bezier(0.645, 0.045, 0.355, 1) !important; } .ant-motion-collapse { overflow: hidden; transition: height 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.15s cubic-bezier(0.645, 0.045, 0.355, 1) !important; } .ant-affix { position: fixed; z-index: 10; } .ant-alert { box-sizing: border-box; margin: 0; padding: 0; color: rgba(0, 0, 0, 0.65); font-size: 14px; font-variant: tabular-nums; line-height: 1.5; list-style: none; font-feature-settings: 'tnum'; position: relative; padding: 8px 15px 8px 37px; word-wrap: break-word; border-radius: 4px; } .ant-alert.ant-alert-no-icon { padding: 8px 15px; } .ant-alert.ant-alert-closable { padding-right: 30px; } .ant-alert-icon { position: absolute; top: 11.5px; left: 16px; } .ant-alert-description { display: none; font-size: 14px; line-height: 22px; } .ant-alert-success { background-color: #f6ffed; border: 1px solid #b7eb8f; } .ant-alert-success .ant-alert-icon { color: #52c41a; } .ant-alert-info { background-color: #e6f7ff; border: 1px solid #91d5ff; } .ant-alert-info .ant-alert-icon { color: #1890ff; } .ant-alert-warning { background-color: #fffbe6; border: 1px solid #ffe58f; } .ant-alert-warning .ant-alert-icon { color: #faad14; } .ant-alert-error { background-color: #fff1f0; border: 1px solid #ffa39e; } .ant-alert-error .ant-alert-icon { color: #f5222d; } .ant-alert-close-icon { position: absolute; top: 8px; right: 16px; padding: 0; overflow: hidden; font-size: 12px; line-height: 22px; background-color: transparent; border: none; outline: none; cursor: pointer; } .ant-alert-close-icon .anticon-close { color: rgba(0, 0, 0, 0.45); transition: color 0.3s; } .ant-alert-close-icon .anticon-close:hover { color: rgba(0, 0, 0, 0.75); } .ant-alert-close-text { color: rgba(0, 0, 0, 0.45); transition: color 0.3s; } .ant-alert-close-text:hover { color: rgba(0, 0, 0, 0.75); } .ant-alert-with-description { position: relative; padding: 15px 15px 15px 64px; color: rgba(0, 0, 0, 0.65); line-height: 1.5; border-radius: 4px; } .ant-alert-with-description.ant-alert-no-icon { padding: 15px; } .ant-alert-with-description .ant-alert-icon { position: absolute; top: 16px; left: 24px; font-size: 24px; } .ant-alert-with-description .ant-alert-close-icon { position: absolute; top: 16px; right: 16px; font-size: 14px; cursor: pointer; } .ant-alert-with-description .ant-alert-message { display: block; margin-bottom: 4px; color: rgba(0, 0, 0, 0.85); font-size: 16px; } .ant-alert-message { color: rgba(0, 0, 0, 0.85); } .ant-alert-with-description .ant-alert-description { display: block; } .ant-alert.ant-alert-closing { height: 0 !important; margin: 0; padding-top: 0; padding-bottom: 0; transform-origin: 50% 0; transition: all 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86); } .ant-alert-slide-up-leave { animation: antAlertSlideUpOut 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86); animation-fill-mode: both; } .ant-alert-banner { margin-bottom: 0; border: 0; border-radius: 0; } @keyframes antAlertSlideUpIn { 0% { transform: scaleY(0); transform-origin: 0% 0%; opacity: 0; } 100% { transform: scaleY(1); transform-origin: 0% 0%; opacity: 1; } } @keyframes antAlertSlideUpOut { 0% { transform: scaleY(1); transform-origin: 0% 0%; opacity: 1; } 100% { transform: scaleY(0); transform-origin: 0% 0%; opacity: 0; } } .ant-anchor { box-sizing: border-box; margin: 0; padding: 0; color: rgba(0, 0, 0, 0.65); font-size: 14px; font-variant: tabular-nums; line-height: 1.5; list-style: none; font-feature-settings: 'tnum'; position: relative; padding-left: 2px; } .ant-anchor-wrapper { margin-left: -4px; padding-left: 4px; overflow: auto; background-color: #fff; } .ant-anchor-ink { position: absolute; top: 0; left: 0; height: 100%; } .ant-anchor-ink::before { position: relative; display: block; width: 2px; height: 100%; margin: 0 auto; background-color: #e8e8e8; content: ' '; } .ant-anchor-ink-ball { position: absolute; left: 50%; display: none; width: 8px; height: 8px; background-color: #fff; border: 2px solid #ff3333; border-radius: 8px; transform: translateX(-50%); transition: top 0.3s ease-in-out; } .ant-anchor-ink-ball.visible { display: inline-block; } .ant-anchor.fixed .ant-anchor-ink .ant-anchor-ink-ball { display: none; } .ant-anchor-link { padding: 7px 0 7px 16px; line-height: 1.143; } .ant-anchor-link-title { position: relative; display: block; margin-bottom: 6px; overflow: hidden; color: rgba(0, 0, 0, 0.65); white-space: nowrap; text-overflow: ellipsis; transition: all 0.3s; } .ant-anchor-link-title:only-child { margin-bottom: 0; } .ant-anchor-link-active > .ant-anchor-link-title { color: #ff3333; } .ant-anchor-link .ant-anchor-link { padding-top: 5px; padding-bottom: 5px; } .ant-select-auto-complete { box-sizing: border-box; margin: 0; padding: 0; color: rgba(0, 0, 0, 0.65); font-size: 14px; font-variant: tabular-nums; line-height: 1.5; list-style: none; font-feature-settings: 'tnum'; } .ant-select-auto-complete.ant-select .ant-select-selection { border: 0; box-shadow: none; } .ant-select-auto-complete.ant-select .ant-select-selection__rendered { height: 100%; margin-right: 0; margin-left: 0; line-height: 32px; } .ant-select-auto-complete.ant-select .ant-select-selection__placeholder { margin-right: 12px; margin-left: 12px; } .ant-select-auto-complete.ant-select .ant-select-selection--single { height: auto; } .ant-select-auto-complete.ant-select .ant-select-search--inline { position: static; float: left; } .ant-select-auto-complete.ant-select-allow-clear .ant-select-selection:hover .ant-select-selection__rendered { margin-right: 0 !important; } .ant-select-auto-complete.ant-select .ant-input { height: 32px; line-height: 1.5; background: transparent; border-width: 1px; } .ant-select-auto-complete.ant-select .ant-input:focus, .ant-select-auto-complete.ant-select .ant-input:hover { border-color: #ff615c; border-right-width: 1px !important; } .ant-select-auto-complete.ant-select .ant-input[disabled] { color: rgba(0, 0, 0, 0.25); background-color: #f5f5f5; cursor: not-allowed; opacity: 1; background-color: transparent; } .ant-select-auto-complete.ant-select .ant-input[disabled]:hover { border-color: #d9d9d9; border-right-width: 1px !important; } .ant-select-auto-complete.ant-select-lg .ant-select-selection__rendered { line-height: 40px; } .ant-select-auto-complete.ant-select-lg .ant-input { height: 40px; padding-top: 6px; padding-bottom: 6px; } .ant-select-auto-complete.ant-select-sm .ant-select-selection__rendered { line-height: 24px; } .ant-select-auto-complete.ant-select-sm .ant-input { height: 24px; padding-top: 1px; padding-bottom: 1px; } .ant-input-group > .ant-select-auto-complete .ant-select-search__field.ant-input-affix-wrapper { display: inline; float: none; } .ant-avatar { box-sizing: border-box; margin: 0; padding: 0; color: rgba(0, 0, 0, 0.65); font-size: 14px; font-variant: tabular-nums; line-height: 1.5; list-style: none; font-feature-settings: 'tnum'; position: relative; display: inline-block; overflow: hidden; color: #fff; white-space: nowrap; text-align: center; vertical-align: middle; background: #ccc; width: 32px; height: 32px; line-height: 32px; border-radius: 50%; } .ant-avatar-image { background: transparent; } .ant-avatar-string { position: absolute; left: 50%; transform-origin: 0 center; } .ant-avatar.ant-avatar-icon { font-size: 18px; } .ant-avatar-lg { width: 40px; height: 40px; line-height: 40px; border-radius: 50%; } .ant-avatar-lg-string { position: absolute; left: 50%; transform-origin: 0 center; } .ant-avatar-lg.ant-avatar-icon { font-size: 24px; } .ant-avatar-sm { width: 24px; height: 24px; line-height: 24px; border-radius: 50%; } .ant-avatar-sm-string { position: absolute; left: 50%; transform-origin: 0 center; } .ant-avatar-sm.ant-avatar-icon { font-size: 14px; } .ant-avatar-square { border-radius: 4px; } .ant-avatar > img { display: block; width: 100%; height: 100%; object-fit: cover; } .ant-back-top { box-sizing: border-box; margin: 0; padding: 0; color: rgba(0, 0, 0, 0.65); font-size: 14px; font-variant: tabular-nums; line-height: 1.5; list-style: none; font-feature-settings: 'tnum'; position: fixed; right: 100px; bottom: 50px; z-index: 10; width: 40px; height: 40px; cursor: pointer; } .ant-back-top-content { width: 40px; height: 40px; overflow: hidden; color: #fff; text-align: center; background-color: rgba(0, 0, 0, 0.45); border-radius: 20px; transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); } .ant-back-top-content:hover { background-color: rgba(0, 0, 0, 0.65); transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); } .ant-back-top-icon { width: 14px; height: 16px; margin: 12px auto; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAoCAYAAACWwljjAAAABGdBTUEAALGPC/xhBQAAAbtJREFUWAntmMtKw0AUhhMvS5cuxILgQlRUpIggIoKIIoigG1eC+AA+jo+i6FIXBfeuXIgoeKVeitVWJX5HWhhDksnUpp3FDPyZk3Nm5nycmZKkXhAEOXSA3lG7muTeRzmfy6HneUvIhnYkQK+Q9NhAA0Opg0vBEhjBKHiyb8iGMyQMOYuK41BcBSypAL+MYXSKjtFAW7EAGEO3qN4uMQbbAkXiSfRQJ1H6a+yhlkKRcAoVFYiweYNjtCVQJJpBz2GCiPt7fBOZQpFgDpUikse5HgnkM4Fi4QX0Fpc5wf9EbLqpUCy4jMoJSXWhFwbMNgWKhVbRhy5jirhs9fy/oFhgHVVTJEs7RLZ8sSEoJm6iz7SZDMbJ+/OKERQTttCXQRLToRUmrKWCYuA2+jbN0MB4OQobYShfdTCgn/sL1K36M7TLrN3n+758aPy2rrpR6+/od5E8tf/A1uLS9aId5T7J3CNYihkQ4D9PiMdMC7mp4rjB9kjFjZp8BlnVHJBuO1yFXIV0FdDF3RlyFdJVQBdv5AxVdIsq8apiZ2PyYO1EVykesGfZEESsCkweyR8MUW+V8uJ1gkYipmpdP1pm2aJVPEGzAAAAAElFTkSuQmCC) 100%/100% no-repeat; } @media screen and (max-width: 768px) { .ant-back-top { right: 60px; } } @media screen and (max-width: 480px) { .ant-back-top { right: 20px; } } .ant-badge { box-sizing: border-box; margin: 0; padding: 0; color: rgba(0, 0, 0, 0.65); font-size: 14px; font-variant: tabular-nums; line-height: 1.5; list-style: none; font-feature-settings: 'tnum'; position: relative; display: inline-block; color: unset; line-height: 1; } .ant-badge-count { min-width: 20px; height: 20px; padding: 0 6px; color: #fff; font-weight: normal; font-size: 12px; line-height: 20px; white-space: nowrap; text-align: center; background: #f5222d; border-radius: 10px; box-shadow: 0 0 0 1px #fff; } .ant-badge-count a, .ant-badge-count a:hover { color: #fff; } .ant-badge-multiple-words { padding: 0 8px; } .ant-badge-dot { width: 6px; height: 6px; background: #f5222d; border-radius: 100%; box-shadow: 0 0 0 1px #fff; } .ant-badge-count, .ant-badge-dot, .ant-badge .ant-scroll-number-custom-component { position: absolute; top: 0; right: 0; z-index: 1; transform: translate(50%, -50%); transform-origin: 100% 0%; } .ant-badge-status { line-height: inherit; vertical-align: baseline; } .ant-badge-status-dot { position: relative; top: -1px; display: inline-block; width: 6px; height: 6px; vertical-align: middle; border-radius: 50%; } .ant-badge-status-success { background-color: #52c41a; } .ant-badge-status-processing { position: relative; background-color: #1890ff; } .ant-badge-status-processing::after { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 1px solid #1890ff; border-radius: 50%; animation: antStatusProcessing 1.2s infinite ease-in-out; content: ''; } .ant-badge-status-default { background-color: #d9d9d9; } .ant-badge-status-error { background-color: #f5222d; } .ant-badge-status-warning { background-color: #faad14; } .ant-badge-status-pink { background: #eb2f96; } .ant-badge-status-magenta { background: #eb2f96; } .ant-badge-status-red { background: #f5222d; } .ant-badge-status-volcano { background: #fa541c; } .ant-badge-status-orange { background: #fa8c16; } .ant-badge-status-yellow { background: #fadb14; } .ant-badge-status-gold { background: #faad14; } .ant-badge-status-cyan { background: #13c2c2; } .ant-badge-status-lime { background: #a0d911; } .ant-badge-status-green { background: #52c41a; } .ant-badge-status-blue { background: #1890ff; } .ant-badge-status-geekblue { background: #2f54eb; } .ant-badge-status-purple { background: #722ed1; } .ant-badge-status-text { margin-left: 8px; color: rgba(0, 0, 0, 0.65); font-size: 14px; } .ant-badge-zoom-appear, .ant-badge-zoom-enter { animation: antZoomBadgeIn 0.3s cubic-bezier(0.12, 0.4, 0.29, 1.46); animation-fill-mode: both; } .ant-badge-zoom-leave { animation: antZoomBadgeOut 0.3s cubic-bezier(0.71, -0.46, 0.88, 0.6); animation-fill-mode: both; } .ant-badge-not-a-wrapper:not(.ant-badge-status) { vertical-align: middle; } .ant-badge-not-a-wrapper .ant-scroll-number { position: relative; top: auto; display: block; } .ant-badge-not-a-wrapper .ant-badge-count { transform: none; } @keyframes antStatusProcessing { 0% { transform: scale(0.8); opacity: 0.5; } 100% { transform: scale(2.4); opacity: 0; } } .ant-scroll-number { overflow: hidden; } .ant-scroll-number-only { display: inline-block; height: 20px; transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); } .ant-scroll-number-only > p.ant-scroll-number-only-unit { height: 20px; margin: 0; } .ant-scroll-number-symbol { vertical-align: top; } @keyframes antZoomBadgeIn { 0% { transform: scale(0) translate(50%, -50%); opacity: 0; } 100% { transform: scale(1) translate(50%, -50%); } } @keyframes antZoomBadgeOut { 0% { transform: scale(1) translate(50%, -50%); } 100% { transform: scale(0) translate(50%, -50%); opacity: 0; } } .ant-breadcrumb { box-sizing: border-box; margin: 0; padding: 0; color: rgba(0, 0, 0, 0.65); font-variant: tabular-nums; line-height: 1.5; list-style: none; font-feature-settings: 'tnum'; color: rgba(0, 0, 0, 0.45); font-size: 14px; } .ant-breadcrumb .anticon { font-size: 14px; } .ant-breadcrumb a { color: rgba(0, 0, 0, 0.45); transition: color 0.3s; } .ant-breadcrumb a:hover { color: #ff615c; } .ant-breadcrumb > span:last-child { color: rgba(0, 0, 0, 0.65); } .ant-breadcrumb > span:last-child a { color: rgba(0, 0, 0, 0.65); } .ant-breadcrumb > span:last-child .ant-breadcrumb-separator { display: none; } .ant-breadcrumb-separator { margin: 0 8px; color: rgba(0, 0, 0, 0.45); } .ant-breadcrumb-link > .anticon + span { margin-left: 4px; } .ant-breadcrumb-overlay-link > .anticon { margin-left: 4px; } .ant-btn { line-height: 1.499; position: relative; display: inline-block; font-weight: 400; white-space: nowrap; text-align: center; background-image: none; border: 1px solid transparent; box-shadow: 0 2px 0 rgba(0, 0, 0, 0.015); cursor: pointer; transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); user-select: none; touch-action: manipulation; height: 32px; padding: 0 15px; font-size: 14px; border-radius: 4px; color: rgba(0, 0, 0, 0.65); background-color: #fff; border-color: #d9d9d9; } .ant-btn > .anticon { line-height: 1; } .ant-btn, .ant-btn:active, .ant-btn:focus { outline: 0; } .ant-btn:not([disabled]):hover { text-decoration: none; } .ant-btn:not([disabled]):active { outline: 0; box-shadow: none; } .ant-btn.disabled, .ant-btn[disabled] { cursor: not-allowed; } .ant-btn.disabled > *, .ant-btn[disabled] > * { pointer-events: none; } .ant-btn-lg { height: 40px; padding: 0 15px; font-size: 16px; border-radius: 4px; } .ant-btn-sm { height: 24px; padding: 0 7px; font-size: 14px; border-radius: 4px; } .ant-btn > a:only-child { color: currentColor; } .ant-btn > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn:hover, .ant-btn:focus { color: #ff615c; background-color: #fff; border-color: #ff615c; } .ant-btn:hover > a:only-child, .ant-btn:focus > a:only-child { color: currentColor; } .ant-btn:hover > a:only-child::after, .ant-btn:focus > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn:active, .ant-btn.active { color: #d92127; background-color: #fff; border-color: #d92127; } .ant-btn:active > a:only-child, .ant-btn.active > a:only-child { color: currentColor; } .ant-btn:active > a:only-child::after, .ant-btn.active > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn-disabled, .ant-btn.disabled, .ant-btn[disabled], .ant-btn-disabled:hover, .ant-btn.disabled:hover, .ant-btn[disabled]:hover, .ant-btn-disabled:focus, .ant-btn.disabled:focus, .ant-btn[disabled]:focus, .ant-btn-disabled:active, .ant-btn.disabled:active, .ant-btn[disabled]:active, .ant-btn-disabled.active, .ant-btn.disabled.active, .ant-btn[disabled].active { color: rgba(0, 0, 0, 0.25); background-color: #f5f5f5; border-color: #d9d9d9; text-shadow: none; box-shadow: none; } .ant-btn-disabled > a:only-child, .ant-btn.disabled > a:only-child, .ant-btn[disabled] > a:only-child, .ant-btn-disabled:hover > a:only-child, .ant-btn.disabled:hover > a:only-child, .ant-btn[disabled]:hover > a:only-child, .ant-btn-disabled:focus > a:only-child, .ant-btn.disabled:focus > a:only-child, .ant-btn[disabled]:focus > a:only-child, .ant-btn-disabled:active > a:only-child, .ant-btn.disabled:active > a:only-child, .ant-btn[disabled]:active > a:only-child, .ant-btn-disabled.active > a:only-child, .ant-btn.disabled.active > a:only-child, .ant-btn[disabled].active > a:only-child { color: currentColor; } .ant-btn-disabled > a:only-child::after, .ant-btn.disabled > a:only-child::after, .ant-btn[disabled] > a:only-child::after, .ant-btn-disabled:hover > a:only-child::after, .ant-btn.disabled:hover > a:only-child::after, .ant-btn[disabled]:hover > a:only-child::after, .ant-btn-disabled:focus > a:only-child::after, .ant-btn.disabled:focus > a:only-child::after, .ant-btn[disabled]:focus > a:only-child::after, .ant-btn-disabled:active > a:only-child::after, .ant-btn.disabled:active > a:only-child::after, .ant-btn[disabled]:active > a:only-child::after, .ant-btn-disabled.active > a:only-child::after, .ant-btn.disabled.active > a:only-child::after, .ant-btn[disabled].active > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn:hover, .ant-btn:focus, .ant-btn:active, .ant-btn.active { text-decoration: none; background: #fff; } .ant-btn > i, .ant-btn > span { display: inline-block; transition: margin-left 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); pointer-events: none; } .ant-btn-primary { color: #fff; background-color: #ff3333; border-color: #ff3333; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.12); box-shadow: 0 2px 0 rgba(0, 0, 0, 0.045); } .ant-btn-primary > a:only-child { color: currentColor; } .ant-btn-primary > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn-primary:hover, .ant-btn-primary:focus { color: #fff; background-color: #ff615c; border-color: #ff615c; } .ant-btn-primary:hover > a:only-child, .ant-btn-primary:focus > a:only-child { color: currentColor; } .ant-btn-primary:hover > a:only-child::after, .ant-btn-primary:focus > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn-primary:active, .ant-btn-primary.active { color: #fff; background-color: #d92127; border-color: #d92127; } .ant-btn-primary:active > a:only-child, .ant-btn-primary.active > a:only-child { color: currentColor; } .ant-btn-primary:active > a:only-child::after, .ant-btn-primary.active > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn-primary-disabled, .ant-btn-primary.disabled, .ant-btn-primary[disabled], .ant-btn-primary-disabled:hover, .ant-btn-primary.disabled:hover, .ant-btn-primary[disabled]:hover, .ant-btn-primary-disabled:focus, .ant-btn-primary.disabled:focus, .ant-btn-primary[disabled]:focus, .ant-btn-primary-disabled:active, .ant-btn-primary.disabled:active, .ant-btn-primary[disabled]:active, .ant-btn-primary-disabled.active, .ant-btn-primary.disabled.active, .ant-btn-primary[disabled].active { color: rgba(0, 0, 0, 0.25); background-color: #f5f5f5; border-color: #d9d9d9; text-shadow: none; box-shadow: none; } .ant-btn-primary-disabled > a:only-child, .ant-btn-primary.disabled > a:only-child, .ant-btn-primary[disabled] > a:only-child, .ant-btn-primary-disabled:hover > a:only-child, .ant-btn-primary.disabled:hover > a:only-child, .ant-btn-primary[disabled]:hover > a:only-child, .ant-btn-primary-disabled:focus > a:only-child, .ant-btn-primary.disabled:focus > a:only-child, .ant-btn-primary[disabled]:focus > a:only-child, .ant-btn-primary-disabled:active > a:only-child, .ant-btn-primary.disabled:active > a:only-child, .ant-btn-primary[disabled]:active > a:only-child, .ant-btn-primary-disabled.active > a:only-child, .ant-btn-primary.disabled.active > a:only-child, .ant-btn-primary[disabled].active > a:only-child { color: currentColor; } .ant-btn-primary-disabled > a:only-child::after, .ant-btn-primary.disabled > a:only-child::after, .ant-btn-primary[disabled] > a:only-child::after, .ant-btn-primary-disabled:hover > a:only-child::after, .ant-btn-primary.disabled:hover > a:only-child::after, .ant-btn-primary[disabled]:hover > a:only-child::after, .ant-btn-primary-disabled:focus > a:only-child::after, .ant-btn-primary.disabled:focus > a:only-child::after, .ant-btn-primary[disabled]:focus > a:only-child::after, .ant-btn-primary-disabled:active > a:only-child::after, .ant-btn-primary.disabled:active > a:only-child::after, .ant-btn-primary[disabled]:active > a:only-child::after, .ant-btn-primary-disabled.active > a:only-child::after, .ant-btn-primary.disabled.active > a:only-child::after, .ant-btn-primary[disabled].active > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn-group .ant-btn-primary:not(:first-child):not(:last-child) { border-right-color: #ff615c; border-left-color: #ff615c; } .ant-btn-group .ant-btn-primary:not(:first-child):not(:last-child):disabled { border-color: #d9d9d9; } .ant-btn-group .ant-btn-primary:first-child:not(:last-child) { border-right-color: #ff615c; } .ant-btn-group .ant-btn-primary:first-child:not(:last-child)[disabled] { border-right-color: #d9d9d9; } .ant-btn-group .ant-btn-primary:last-child:not(:first-child), .ant-btn-group .ant-btn-primary + .ant-btn-primary { border-left-color: #ff615c; } .ant-btn-group .ant-btn-primary:last-child:not(:first-child)[disabled], .ant-btn-group .ant-btn-primary + .ant-btn-primary[disabled] { border-left-color: #d9d9d9; } .ant-btn-ghost { color: rgba(0, 0, 0, 0.65); background-color: transparent; border-color: #d9d9d9; } .ant-btn-ghost > a:only-child { color: currentColor; } .ant-btn-ghost > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn-ghost:hover, .ant-btn-ghost:focus { color: #ff615c; background-color: transparent; border-color: #ff615c; } .ant-btn-ghost:hover > a:only-child, .ant-btn-ghost:focus > a:only-child { color: currentColor; } .ant-btn-ghost:hover > a:only-child::after, .ant-btn-ghost:focus > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn-ghost:active, .ant-btn-ghost.active { color: #d92127; background-color: transparent; border-color: #d92127; } .ant-btn-ghost:active > a:only-child, .ant-btn-ghost.active > a:only-child { color: currentColor; } .ant-btn-ghost:active > a:only-child::after, .ant-btn-ghost.active > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn-ghost-disabled, .ant-btn-ghost.disabled, .ant-btn-ghost[disabled], .ant-btn-ghost-disabled:hover, .ant-btn-ghost.disabled:hover, .ant-btn-ghost[disabled]:hover, .ant-btn-ghost-disabled:focus, .ant-btn-ghost.disabled:focus, .ant-btn-ghost[disabled]:focus, .ant-btn-ghost-disabled:active, .ant-btn-ghost.disabled:active, .ant-btn-ghost[disabled]:active, .ant-btn-ghost-disabled.active, .ant-btn-ghost.disabled.active, .ant-btn-ghost[disabled].active { color: rgba(0, 0, 0, 0.25); background-color: #f5f5f5; border-color: #d9d9d9; text-shadow: none; box-shadow: none; } .ant-btn-ghost-disabled > a:only-child, .ant-btn-ghost.disabled > a:only-child, .ant-btn-ghost[disabled] > a:only-child, .ant-btn-ghost-disabled:hover > a:only-child, .ant-btn-ghost.disabled:hover > a:only-child, .ant-btn-ghost[disabled]:hover > a:only-child, .ant-btn-ghost-disabled:focus > a:only-child, .ant-btn-ghost.disabled:focus > a:only-child, .ant-btn-ghost[disabled]:focus > a:only-child, .ant-btn-ghost-disabled:active > a:only-child, .ant-btn-ghost.disabled:active > a:only-child, .ant-btn-ghost[disabled]:active > a:only-child, .ant-btn-ghost-disabled.active > a:only-child, .ant-btn-ghost.disabled.active > a:only-child, .ant-btn-ghost[disabled].active > a:only-child { color: currentColor; } .ant-btn-ghost-disabled > a:only-child::after, .ant-btn-ghost.disabled > a:only-child::after, .ant-btn-ghost[disabled] > a:only-child::after, .ant-btn-ghost-disabled:hover > a:only-child::after, .ant-btn-ghost.disabled:hover > a:only-child::after, .ant-btn-ghost[disabled]:hover > a:only-child::after, .ant-btn-ghost-disabled:focus > a:only-child::after, .ant-btn-ghost.disabled:focus > a:only-child::after, .ant-btn-ghost[disabled]:focus > a:only-child::after, .ant-btn-ghost-disabled:active > a:only-child::after, .ant-btn-ghost.disabled:active > a:only-child::after, .ant-btn-ghost[disabled]:active > a:only-child::after, .ant-btn-ghost-disabled.active > a:only-child::after, .ant-btn-ghost.disabled.active > a:only-child::after, .ant-btn-ghost[disabled].active > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn-dashed { color: rgba(0, 0, 0, 0.65); background-color: #fff; border-color: #d9d9d9; border-style: dashed; } .ant-btn-dashed > a:only-child { color: currentColor; } .ant-btn-dashed > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn-dashed:hover, .ant-btn-dashed:focus { color: #ff615c; background-color: #fff; border-color: #ff615c; } .ant-btn-dashed:hover > a:only-child, .ant-btn-dashed:focus > a:only-child { color: currentColor; } .ant-btn-dashed:hover > a:only-child::after, .ant-btn-dashed:focus > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn-dashed:active, .ant-btn-dashed.active { color: #d92127; background-color: #fff; border-color: #d92127; } .ant-btn-dashed:active > a:only-child, .ant-btn-dashed.active > a:only-child { color: currentColor; } .ant-btn-dashed:active > a:only-child::after, .ant-btn-dashed.active > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn-dashed-disabled, .ant-btn-dashed.disabled, .ant-btn-dashed[disabled], .ant-btn-dashed-disabled:hover, .ant-btn-dashed.disabled:hover, .ant-btn-dashed[disabled]:hover, .ant-btn-dashed-disabled:focus, .ant-btn-dashed.disabled:focus, .ant-btn-dashed[disabled]:focus, .ant-btn-dashed-disabled:active, .ant-btn-dashed.disabled:active, .ant-btn-dashed[disabled]:active, .ant-btn-dashed-disabled.active, .ant-btn-dashed.disabled.active, .ant-btn-dashed[disabled].active { color: rgba(0, 0, 0, 0.25); background-color: #f5f5f5; border-color: #d9d9d9; text-shadow: none; box-shadow: none; } .ant-btn-dashed-disabled > a:only-child, .ant-btn-dashed.disabled > a:only-child, .ant-btn-dashed[disabled] > a:only-child, .ant-btn-dashed-disabled:hover > a:only-child, .ant-btn-dashed.disabled:hover > a:only-child, .ant-btn-dashed[disabled]:hover > a:only-child, .ant-btn-dashed-disabled:focus > a:only-child, .ant-btn-dashed.disabled:focus > a:only-child, .ant-btn-dashed[disabled]:focus > a:only-child, .ant-btn-dashed-disabled:active > a:only-child, .ant-btn-dashed.disabled:active > a:only-child, .ant-btn-dashed[disabled]:active > a:only-child, .ant-btn-dashed-disabled.active > a:only-child, .ant-btn-dashed.disabled.active > a:only-child, .ant-btn-dashed[disabled].active > a:only-child { color: currentColor; } .ant-btn-dashed-disabled > a:only-child::after, .ant-btn-dashed.disabled > a:only-child::after, .ant-btn-dashed[disabled] > a:only-child::after, .ant-btn-dashed-disabled:hover > a:only-child::after, .ant-btn-dashed.disabled:hover > a:only-child::after, .ant-btn-dashed[disabled]:hover > a:only-child::after, .ant-btn-dashed-disabled:focus > a:only-child::after, .ant-btn-dashed.disabled:focus > a:only-child::after, .ant-btn-dashed[disabled]:focus > a:only-child::after, .ant-btn-dashed-disabled:active > a:only-child::after, .ant-btn-dashed.disabled:active > a:only-child::after, .ant-btn-dashed[disabled]:active > a:only-child::after, .ant-btn-dashed-disabled.active > a:only-child::after, .ant-btn-dashed.disabled.active > a:only-child::after, .ant-btn-dashed[disabled].active > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn-danger { color: #fff; background-color: #ff4d4f; border-color: #ff4d4f; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.12); box-shadow: 0 2px 0 rgba(0, 0, 0, 0.045); } .ant-btn-danger > a:only-child { color: currentColor; } .ant-btn-danger > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn-danger:hover, .ant-btn-danger:focus { color: #fff; background-color: #ff7875; border-color: #ff7875; } .ant-btn-danger:hover > a:only-child, .ant-btn-danger:focus > a:only-child { color: currentColor; } .ant-btn-danger:hover > a:only-child::after, .ant-btn-danger:focus > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn-danger:active, .ant-btn-danger.active { color: #fff; background-color: #d9363e; border-color: #d9363e; } .ant-btn-danger:active > a:only-child, .ant-btn-danger.active > a:only-child { color: currentColor; } .ant-btn-danger:active > a:only-child::after, .ant-btn-danger.active > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn-danger-disabled, .ant-btn-danger.disabled, .ant-btn-danger[disabled], .ant-btn-danger-disabled:hover, .ant-btn-danger.disabled:hover, .ant-btn-danger[disabled]:hover, .ant-btn-danger-disabled:focus, .ant-btn-danger.disabled:focus, .ant-btn-danger[disabled]:focus, .ant-btn-danger-disabled:active, .ant-btn-danger.disabled:active, .ant-btn-danger[disabled]:active, .ant-btn-danger-disabled.active, .ant-btn-danger.disabled.active, .ant-btn-danger[disabled].active { color: rgba(0, 0, 0, 0.25); background-color: #f5f5f5; border-color: #d9d9d9; text-shadow: none; box-shadow: none; } .ant-btn-danger-disabled > a:only-child, .ant-btn-danger.disabled > a:only-child, .ant-btn-danger[disabled] > a:only-child, .ant-btn-danger-disabled:hover > a:only-child, .ant-btn-danger.disabled:hover > a:only-child, .ant-btn-danger[disabled]:hover > a:only-child, .ant-btn-danger-disabled:focus > a:only-child, .ant-btn-danger.disabled:focus > a:only-child, .ant-btn-danger[disabled]:focus > a:only-child, .ant-btn-danger-disabled:active > a:only-child, .ant-btn-danger.disabled:active > a:only-child, .ant-btn-danger[disabled]:active > a:only-child, .ant-btn-danger-disabled.active > a:only-child, .ant-btn-danger.disabled.active > a:only-child, .ant-btn-danger[disabled].active > a:only-child { color: currentColor; } .ant-btn-danger-disabled > a:only-child::after, .ant-btn-danger.disabled > a:only-child::after, .ant-btn-danger[disabled] > a:only-child::after, .ant-btn-danger-disabled:hover > a:only-child::after, .ant-btn-danger.disabled:hover > a:only-child::after, .ant-btn-danger[disabled]:hover > a:only-child::after, .ant-btn-danger-disabled:focus > a:only-child::after, .ant-btn-danger.disabled:focus > a:only-child::after, .ant-btn-danger[disabled]:focus > a:only-child::after, .ant-btn-danger-disabled:active > a:only-child::after, .ant-btn-danger.disabled:active > a:only-child::after, .ant-btn-danger[disabled]:active > a:only-child::after, .ant-btn-danger-disabled.active > a:only-child::after, .ant-btn-danger.disabled.active > a:only-child::after, .ant-btn-danger[disabled].active > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn-link { color: #ff3333; background-color: transparent; border-color: transparent; box-shadow: none; } .ant-btn-link > a:only-child { color: currentColor; } .ant-btn-link > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn-link:hover, .ant-btn-link:focus { color: #ff615c; background-color: transparent; border-color: #ff615c; } .ant-btn-link:hover > a:only-child, .ant-btn-link:focus > a:only-child { color: currentColor; } .ant-btn-link:hover > a:only-child::after, .ant-btn-link:focus > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn-link:active, .ant-btn-link.active { color: #d92127; background-color: transparent; border-color: #d92127; } .ant-btn-link:active > a:only-child, .ant-btn-link.active > a:only-child { color: currentColor; } .ant-btn-link:active > a:only-child::after, .ant-btn-link.active > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn-link-disabled, .ant-btn-link.disabled, .ant-btn-link[disabled], .ant-btn-link-disabled:hover, .ant-btn-link.disabled:hover, .ant-btn-link[disabled]:hover, .ant-btn-link-disabled:focus, .ant-btn-link.disabled:focus, .ant-btn-link[disabled]:focus, .ant-btn-link-disabled:active, .ant-btn-link.disabled:active, .ant-btn-link[disabled]:active, .ant-btn-link-disabled.active, .ant-btn-link.disabled.active, .ant-btn-link[disabled].active { color: rgba(0, 0, 0, 0.25); background-color: #f5f5f5; border-color: #d9d9d9; text-shadow: none; box-shadow: none; } .ant-btn-link-disabled > a:only-child, .ant-btn-link.disabled > a:only-child, .ant-btn-link[disabled] > a:only-child, .ant-btn-link-disabled:hover > a:only-child, .ant-btn-link.disabled:hover > a:only-child, .ant-btn-link[disabled]:hover > a:only-child, .ant-btn-link-disabled:focus > a:only-child, .ant-btn-link.disabled:focus > a:only-child, .ant-btn-link[disabled]:focus > a:only-child, .ant-btn-link-disabled:active > a:only-child, .ant-btn-link.disabled:active > a:only-child, .ant-btn-link[disabled]:active > a:only-child, .ant-btn-link-disabled.active > a:only-child, .ant-btn-link.disabled.active > a:only-child, .ant-btn-link[disabled].active > a:only-child { color: currentColor; } .ant-btn-link-disabled > a:only-child::after, .ant-btn-link.disabled > a:only-child::after, .ant-btn-link[disabled] > a:only-child::after, .ant-btn-link-disabled:hover > a:only-child::after, .ant-btn-link.disabled:hover > a:only-child::after, .ant-btn-link[disabled]:hover > a:only-child::after, .ant-btn-link-disabled:focus > a:only-child::after, .ant-btn-link.disabled:focus > a:only-child::after, .ant-btn-link[disabled]:focus > a:only-child::after, .ant-btn-link-disabled:active > a:only-child::after, .ant-btn-link.disabled:active > a:only-child::after, .ant-btn-link[disabled]:active > a:only-child::after, .ant-btn-link-disabled.active > a:only-child::after, .ant-btn-link.disabled.active > a:only-child::after, .ant-btn-link[disabled].active > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn-link:hover, .ant-btn-link:focus, .ant-btn-link:active { border-color: transparent; } .ant-btn-link-disabled, .ant-btn-link.disabled, .ant-btn-link[disabled], .ant-btn-link-disabled:hover, .ant-btn-link.disabled:hover, .ant-btn-link[disabled]:hover, .ant-btn-link-disabled:focus, .ant-btn-link.disabled:focus, .ant-btn-link[disabled]:focus, .ant-btn-link-disabled:active, .ant-btn-link.disabled:active, .ant-btn-link[disabled]:active, .ant-btn-link-disabled.active, .ant-btn-link.disabled.active, .ant-btn-link[disabled].active { color: rgba(0, 0, 0, 0.25); background-color: transparent; border-color: transparent; text-shadow: none; box-shadow: none; } .ant-btn-link-disabled > a:only-child, .ant-btn-link.disabled > a:only-child, .ant-btn-link[disabled] > a:only-child, .ant-btn-link-disabled:hover > a:only-child, .ant-btn-link.disabled:hover > a:only-child, .ant-btn-link[disabled]:hover > a:only-child, .ant-btn-link-disabled:focus > a:only-child, .ant-btn-link.disabled:focus > a:only-child, .ant-btn-link[disabled]:focus > a:only-child, .ant-btn-link-disabled:active > a:only-child, .ant-btn-link.disabled:active > a:only-child, .ant-btn-link[disabled]:active > a:only-child, .ant-btn-link-disabled.active > a:only-child, .ant-btn-link.disabled.active > a:only-child, .ant-btn-link[disabled].active > a:only-child { color: currentColor; } .ant-btn-link-disabled > a:only-child::after, .ant-btn-link.disabled > a:only-child::after, .ant-btn-link[disabled] > a:only-child::after, .ant-btn-link-disabled:hover > a:only-child::after, .ant-btn-link.disabled:hover > a:only-child::after, .ant-btn-link[disabled]:hover > a:only-child::after, .ant-btn-link-disabled:focus > a:only-child::after, .ant-btn-link.disabled:focus > a:only-child::after, .ant-btn-link[disabled]:focus > a:only-child::after, .ant-btn-link-disabled:active > a:only-child::after, .ant-btn-link.disabled:active > a:only-child::after, .ant-btn-link[disabled]:active > a:only-child::after, .ant-btn-link-disabled.active > a:only-child::after, .ant-btn-link.disabled.active > a:only-child::after, .ant-btn-link[disabled].active > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn-icon-only { width: 32px; height: 32px; padding: 0; font-size: 16px; border-radius: 4px; } .ant-btn-icon-only.ant-btn-lg { width: 40px; height: 40px; padding: 0; font-size: 18px; border-radius: 4px; } .ant-btn-icon-only.ant-btn-sm { width: 24px; height: 24px; padding: 0; font-size: 14px; border-radius: 4px; } .ant-btn-icon-only > i { vertical-align: middle; } .ant-btn-round { height: 32px; padding: 0 16px; font-size: 14px; border-radius: 32px; } .ant-btn-round.ant-btn-lg { height: 40px; padding: 0 20px; font-size: 16px; border-radius: 40px; } .ant-btn-round.ant-btn-sm { height: 24px; padding: 0 12px; font-size: 14px; border-radius: 24px; } .ant-btn-round.ant-btn-icon-only { width: auto; } .ant-btn-circle, .ant-btn-circle-outline { min-width: 32px; padding-right: 0; padding-left: 0; text-align: center; border-radius: 50%; } .ant-btn-circle.ant-btn-lg, .ant-btn-circle-outline.ant-btn-lg { min-width: 40px; border-radius: 50%; } .ant-btn-circle.ant-btn-sm, .ant-btn-circle-outline.ant-btn-sm { min-width: 24px; border-radius: 50%; } .ant-btn::before { position: absolute; top: -1px; right: -1px; bottom: -1px; left: -1px; z-index: 1; display: none; background: #fff; border-radius: inherit; opacity: 0.35; transition: opacity 0.2s; content: ''; pointer-events: none; } .ant-btn .anticon { transition: margin-left 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); } .ant-btn .anticon.anticon-plus > svg, .ant-btn .anticon.anticon-minus > svg { shape-rendering: optimizeSpeed; } .ant-btn.ant-btn-loading { position: relative; } .ant-btn.ant-btn-loading:not([disabled]) { pointer-events: none; } .ant-btn.ant-btn-loading::before { display: block; } .ant-btn.ant-btn-loading:not(.ant-btn-circle):not(.ant-btn-circle-outline):not(.ant-btn-icon-only) { padding-left: 29px; } .ant-btn.ant-btn-loading:not(.ant-btn-circle):not(.ant-btn-circle-outline):not(.ant-btn-icon-only) .anticon:not(:last-child) { margin-left: -14px; } .ant-btn-sm.ant-btn-loading:not(.ant-btn-circle):not(.ant-btn-circle-outline):not(.ant-btn-icon-only) { padding-left: 24px; } .ant-btn-sm.ant-btn-loading:not(.ant-btn-circle):not(.ant-btn-circle-outline):not(.ant-btn-icon-only) .anticon { margin-left: -17px; } .ant-btn-group { position: relative; display: inline-block; } .ant-btn-group > .ant-btn, .ant-btn-group > span > .ant-btn { position: relative; } .ant-btn-group > .ant-btn:hover, .ant-btn-group > span > .ant-btn:hover, .ant-btn-group > .ant-btn:focus, .ant-btn-group > span > .ant-btn:focus, .ant-btn-group > .ant-btn:active, .ant-btn-group > span > .ant-btn:active, .ant-btn-group > .ant-btn.active, .ant-btn-group > span > .ant-btn.active { z-index: 2; } .ant-btn-group > .ant-btn:disabled, .ant-btn-group > span > .ant-btn:disabled { z-index: 0; } .ant-btn-group > .ant-btn-icon-only { font-size: 14px; } .ant-btn-group-lg > .ant-btn, .ant-btn-group-lg > span > .ant-btn { height: 40px; padding: 0 15px; font-size: 16px; border-radius: 0; line-height: 38px; } .ant-btn-group-lg > .ant-btn.ant-btn-icon-only { width: 40px; height: 40px; padding-right: 0; padding-left: 0; } .ant-btn-group-sm > .ant-btn, .ant-btn-group-sm > span > .ant-btn { height: 24px; padding: 0 7px; font-size: 14px; border-radius: 0; line-height: 22px; } .ant-btn-group-sm > .ant-btn > .anticon, .ant-btn-group-sm > span > .ant-btn > .anticon { font-size: 14px; } .ant-btn-group-sm > .ant-btn.ant-btn-icon-only { width: 24px; height: 24px; padding-right: 0; padding-left: 0; } .ant-btn-group .ant-btn + .ant-btn, .ant-btn + .ant-btn-group, .ant-btn-group span + .ant-btn, .ant-btn-group .ant-btn + span, .ant-btn-group > span + span, .ant-btn-group + .ant-btn, .ant-btn-group + .ant-btn-group { margin-left: -1px; } .ant-btn-group .ant-btn-primary + .ant-btn:not(.ant-btn-primary):not([disabled]) { border-left-color: transparent; } .ant-btn-group .ant-btn { border-radius: 0; } .ant-btn-group > .ant-btn:first-child, .ant-btn-group > span:first-child > .ant-btn { margin-left: 0; } .ant-btn-group > .ant-btn:only-child { border-radius: 4px; } .ant-btn-group > span:only-child > .ant-btn { border-radius: 4px; } .ant-btn-group > .ant-btn:first-child:not(:last-child), .ant-btn-group > span:first-child:not(:last-child) > .ant-btn { border-top-left-radius: 4px; border-bottom-left-radius: 4px; } .ant-btn-group > .ant-btn:last-child:not(:first-child), .ant-btn-group > span:last-child:not(:first-child) > .ant-btn { border-top-right-radius: 4px; border-bottom-right-radius: 4px; } .ant-btn-group-sm > .ant-btn:only-child { border-radius: 4px; } .ant-btn-group-sm > span:only-child > .ant-btn { border-radius: 4px; } .ant-btn-group-sm > .ant-btn:first-child:not(:last-child), .ant-btn-group-sm > span:first-child:not(:last-child) > .ant-btn { border-top-left-radius: 4px; border-bottom-left-radius: 4px; } .ant-btn-group-sm > .ant-btn:last-child:not(:first-child), .ant-btn-group-sm > span:last-child:not(:first-child) > .ant-btn { border-top-right-radius: 4px; border-bottom-right-radius: 4px; } .ant-btn-group > .ant-btn-group { float: left; } .ant-btn-group > .ant-btn-group:not(:first-child):not(:last-child) > .ant-btn { border-radius: 0; } .ant-btn-group > .ant-btn-group:first-child:not(:last-child) > .ant-btn:last-child { padding-right: 8px; border-top-right-radius: 0; border-bottom-right-radius: 0; } .ant-btn-group > .ant-btn-group:last-child:not(:first-child) > .ant-btn:first-child { padding-left: 8px; border-top-left-radius: 0; border-bottom-left-radius: 0; } .ant-btn:focus > span, .ant-btn:active > span { position: relative; } .ant-btn > .anticon + span, .ant-btn > span + .anticon { margin-left: 8px; } .ant-btn-background-ghost { color: #fff; background: transparent !important; border-color: #fff; } .ant-btn-background-ghost.ant-btn-primary { color: #ff3333; background-color: transparent; border-color: #ff3333; text-shadow: none; } .ant-btn-background-ghost.ant-btn-primary > a:only-child { color: currentColor; } .ant-btn-background-ghost.ant-btn-primary > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn-background-ghost.ant-btn-primary:hover, .ant-btn-background-ghost.ant-btn-primary:focus { color: #ff615c; background-color: transparent; border-color: #ff615c; } .ant-btn-background-ghost.ant-btn-primary:hover > a:only-child, .ant-btn-background-ghost.ant-btn-primary:focus > a:only-child { color: currentColor; } .ant-btn-background-ghost.ant-btn-primary:hover > a:only-child::after, .ant-btn-background-ghost.ant-btn-primary:focus > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn-background-ghost.ant-btn-primary:active, .ant-btn-background-ghost.ant-btn-primary.active { color: #d92127; background-color: transparent; border-color: #d92127; } .ant-btn-background-ghost.ant-btn-primary:active > a:only-child, .ant-btn-background-ghost.ant-btn-primary.active > a:only-child { color: currentColor; } .ant-btn-background-ghost.ant-btn-primary:active > a:only-child::after, .ant-btn-background-ghost.ant-btn-primary.active > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn-background-ghost.ant-btn-primary-disabled, .ant-btn-background-ghost.ant-btn-primary.disabled, .ant-btn-background-ghost.ant-btn-primary[disabled], .ant-btn-background-ghost.ant-btn-primary-disabled:hover, .ant-btn-background-ghost.ant-btn-primary.disabled:hover, .ant-btn-background-ghost.ant-btn-primary[disabled]:hover, .ant-btn-background-ghost.ant-btn-primary-disabled:focus, .ant-btn-background-ghost.ant-btn-primary.disabled:focus, .ant-btn-background-ghost.ant-btn-primary[disabled]:focus, .ant-btn-background-ghost.ant-btn-primary-disabled:active, .ant-btn-background-ghost.ant-btn-primary.disabled:active, .ant-btn-background-ghost.ant-btn-primary[disabled]:active, .ant-btn-background-ghost.ant-btn-primary-disabled.active, .ant-btn-background-ghost.ant-btn-primary.disabled.active, .ant-btn-background-ghost.ant-btn-primary[disabled].active { color: rgba(0, 0, 0, 0.25); background-color: #f5f5f5; border-color: #d9d9d9; text-shadow: none; box-shadow: none; } .ant-btn-background-ghost.ant-btn-primary-disabled > a:only-child, .ant-btn-background-ghost.ant-btn-primary.disabled > a:only-child, .ant-btn-background-ghost.ant-btn-primary[disabled] > a:only-child, .ant-btn-background-ghost.ant-btn-primary-disabled:hover > a:only-child, .ant-btn-background-ghost.ant-btn-primary.disabled:hover > a:only-child, .ant-btn-background-ghost.ant-btn-primary[disabled]:hover > a:only-child, .ant-btn-background-ghost.ant-btn-primary-disabled:focus > a:only-child, .ant-btn-background-ghost.ant-btn-primary.disabled:focus > a:only-child, .ant-btn-background-ghost.ant-btn-primary[disabled]:focus > a:only-child, .ant-btn-background-ghost.ant-btn-primary-disabled:active > a:only-child, .ant-btn-background-ghost.ant-btn-primary.disabled:active > a:only-child, .ant-btn-background-ghost.ant-btn-primary[disabled]:active > a:only-child, .ant-btn-background-ghost.ant-btn-primary-disabled.active > a:only-child, .ant-btn-background-ghost.ant-btn-primary.disabled.active > a:only-child, .ant-btn-background-ghost.ant-btn-primary[disabled].active > a:only-child { color: currentColor; } .ant-btn-background-ghost.ant-btn-primary-disabled > a:only-child::after, .ant-btn-background-ghost.ant-btn-primary.disabled > a:only-child::after, .ant-btn-background-ghost.ant-btn-primary[disabled] > a:only-child::after, .ant-btn-background-ghost.ant-btn-primary-disabled:hover > a:only-child::after, .ant-btn-background-ghost.ant-btn-primary.disabled:hover > a:only-child::after, .ant-btn-background-ghost.ant-btn-primary[disabled]:hover > a:only-child::after, .ant-btn-background-ghost.ant-btn-primary-disabled:focus > a:only-child::after, .ant-btn-background-ghost.ant-btn-primary.disabled:focus > a:only-child::after, .ant-btn-background-ghost.ant-btn-primary[disabled]:focus > a:only-child::after, .ant-btn-background-ghost.ant-btn-primary-disabled:active > a:only-child::after, .ant-btn-background-ghost.ant-btn-primary.disabled:active > a:only-child::after, .ant-btn-background-ghost.ant-btn-primary[disabled]:active > a:only-child::after, .ant-btn-background-ghost.ant-btn-primary-disabled.active > a:only-child::after, .ant-btn-background-ghost.ant-btn-primary.disabled.active > a:only-child::after, .ant-btn-background-ghost.ant-btn-primary[disabled].active > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn-background-ghost.ant-btn-danger { color: #ff4d4f; background-color: transparent; border-color: #ff4d4f; text-shadow: none; } .ant-btn-background-ghost.ant-btn-danger > a:only-child { color: currentColor; } .ant-btn-background-ghost.ant-btn-danger > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn-background-ghost.ant-btn-danger:hover, .ant-btn-background-ghost.ant-btn-danger:focus { color: #ff7875; background-color: transparent; border-color: #ff7875; } .ant-btn-background-ghost.ant-btn-danger:hover > a:only-child, .ant-btn-background-ghost.ant-btn-danger:focus > a:only-child { color: currentColor; } .ant-btn-background-ghost.ant-btn-danger:hover > a:only-child::after, .ant-btn-background-ghost.ant-btn-danger:focus > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn-background-ghost.ant-btn-danger:active, .ant-btn-background-ghost.ant-btn-danger.active { color: #d9363e; background-color: transparent; border-color: #d9363e; } .ant-btn-background-ghost.ant-btn-danger:active > a:only-child, .ant-btn-background-ghost.ant-btn-danger.active > a:only-child { color: currentColor; } .ant-btn-background-ghost.ant-btn-danger:active > a:only-child::after, .ant-btn-background-ghost.ant-btn-danger.active > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn-background-ghost.ant-btn-danger-disabled, .ant-btn-background-ghost.ant-btn-danger.disabled, .ant-btn-background-ghost.ant-btn-danger[disabled], .ant-btn-background-ghost.ant-btn-danger-disabled:hover, .ant-btn-background-ghost.ant-btn-danger.disabled:hover, .ant-btn-background-ghost.ant-btn-danger[disabled]:hover, .ant-btn-background-ghost.ant-btn-danger-disabled:focus, .ant-btn-background-ghost.ant-btn-danger.disabled:focus, .ant-btn-background-ghost.ant-btn-danger[disabled]:focus, .ant-btn-background-ghost.ant-btn-danger-disabled:active, .ant-btn-background-ghost.ant-btn-danger.disabled:active, .ant-btn-background-ghost.ant-btn-danger[disabled]:active, .ant-btn-background-ghost.ant-btn-danger-disabled.active, .ant-btn-background-ghost.ant-btn-danger.disabled.active, .ant-btn-background-ghost.ant-btn-danger[disabled].active { color: rgba(0, 0, 0, 0.25); background-color: #f5f5f5; border-color: #d9d9d9; text-shadow: none; box-shadow: none; } .ant-btn-background-ghost.ant-btn-danger-disabled > a:only-child, .ant-btn-background-ghost.ant-btn-danger.disabled > a:only-child, .ant-btn-background-ghost.ant-btn-danger[disabled] > a:only-child, .ant-btn-background-ghost.ant-btn-danger-disabled:hover > a:only-child, .ant-btn-background-ghost.ant-btn-danger.disabled:hover > a:only-child, .ant-btn-background-ghost.ant-btn-danger[disabled]:hover > a:only-child, .ant-btn-background-ghost.ant-btn-danger-disabled:focus > a:only-child, .ant-btn-background-ghost.ant-btn-danger.disabled:focus > a:only-child, .ant-btn-background-ghost.ant-btn-danger[disabled]:focus > a:only-child, .ant-btn-background-ghost.ant-btn-danger-disabled:active > a:only-child, .ant-btn-background-ghost.ant-btn-danger.disabled:active > a:only-child, .ant-btn-background-ghost.ant-btn-danger[disabled]:active > a:only-child, .ant-btn-background-ghost.ant-btn-danger-disabled.active > a:only-child, .ant-btn-background-ghost.ant-btn-danger.disabled.active > a:only-child, .ant-btn-background-ghost.ant-btn-danger[disabled].active > a:only-child { color: currentColor; } .ant-btn-background-ghost.ant-btn-danger-disabled > a:only-child::after, .ant-btn-background-ghost.ant-btn-danger.disabled > a:only-child::after, .ant-btn-background-ghost.ant-btn-danger[disabled] > a:only-child::after, .ant-btn-background-ghost.ant-btn-danger-disabled:hover > a:only-child::after, .ant-btn-background-ghost.ant-btn-danger.disabled:hover > a:only-child::after, .ant-btn-background-ghost.ant-btn-danger[disabled]:hover > a:only-child::after, .ant-btn-background-ghost.ant-btn-danger-disabled:focus > a:only-child::after, .ant-btn-background-ghost.ant-btn-danger.disabled:focus > a:only-child::after, .ant-btn-background-ghost.ant-btn-danger[disabled]:focus > a:only-child::after, .ant-btn-background-ghost.ant-btn-danger-disabled:active > a:only-child::after, .ant-btn-background-ghost.ant-btn-danger.disabled:active > a:only-child::after, .ant-btn-background-ghost.ant-btn-danger[disabled]:active > a:only-child::after, .ant-btn-background-ghost.ant-btn-danger-disabled.active > a:only-child::after, .ant-btn-background-ghost.ant-btn-danger.disabled.active > a:only-child::after, .ant-btn-background-ghost.ant-btn-danger[disabled].active > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn-background-ghost.ant-btn-link { color: #ff3333; background-color: transparent; border-color: transparent; text-shadow: none; color: #fff; } .ant-btn-background-ghost.ant-btn-link > a:only-child { color: currentColor; } .ant-btn-background-ghost.ant-btn-link > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn-background-ghost.ant-btn-link:hover, .ant-btn-background-ghost.ant-btn-link:focus { color: #ff615c; background-color: transparent; border-color: transparent; } .ant-btn-background-ghost.ant-btn-link:hover > a:only-child, .ant-btn-background-ghost.ant-btn-link:focus > a:only-child { color: currentColor; } .ant-btn-background-ghost.ant-btn-link:hover > a:only-child::after, .ant-btn-background-ghost.ant-btn-link:focus > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn-background-ghost.ant-btn-link:active, .ant-btn-background-ghost.ant-btn-link.active { color: #d92127; background-color: transparent; border-color: transparent; } .ant-btn-background-ghost.ant-btn-link:active > a:only-child, .ant-btn-background-ghost.ant-btn-link.active > a:only-child { color: currentColor; } .ant-btn-background-ghost.ant-btn-link:active > a:only-child::after, .ant-btn-background-ghost.ant-btn-link.active > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn-background-ghost.ant-btn-link-disabled, .ant-btn-background-ghost.ant-btn-link.disabled, .ant-btn-background-ghost.ant-btn-link[disabled], .ant-btn-background-ghost.ant-btn-link-disabled:hover, .ant-btn-background-ghost.ant-btn-link.disabled:hover, .ant-btn-background-ghost.ant-btn-link[disabled]:hover, .ant-btn-background-ghost.ant-btn-link-disabled:focus, .ant-btn-background-ghost.ant-btn-link.disabled:focus, .ant-btn-background-ghost.ant-btn-link[disabled]:focus, .ant-btn-background-ghost.ant-btn-link-disabled:active, .ant-btn-background-ghost.ant-btn-link.disabled:active, .ant-btn-background-ghost.ant-btn-link[disabled]:active, .ant-btn-background-ghost.ant-btn-link-disabled.active, .ant-btn-background-ghost.ant-btn-link.disabled.active, .ant-btn-background-ghost.ant-btn-link[disabled].active { color: rgba(0, 0, 0, 0.25); background-color: #f5f5f5; border-color: #d9d9d9; text-shadow: none; box-shadow: none; } .ant-btn-background-ghost.ant-btn-link-disabled > a:only-child, .ant-btn-background-ghost.ant-btn-link.disabled > a:only-child, .ant-btn-background-ghost.ant-btn-link[disabled] > a:only-child, .ant-btn-background-ghost.ant-btn-link-disabled:hover > a:only-child, .ant-btn-background-ghost.ant-btn-link.disabled:hover > a:only-child, .ant-btn-background-ghost.ant-btn-link[disabled]:hover > a:only-child, .ant-btn-background-ghost.ant-btn-link-disabled:focus > a:only-child, .ant-btn-background-ghost.ant-btn-link.disabled:focus > a:only-child, .ant-btn-background-ghost.ant-btn-link[disabled]:focus > a:only-child, .ant-btn-background-ghost.ant-btn-link-disabled:active > a:only-child, .ant-btn-background-ghost.ant-btn-link.disabled:active > a:only-child, .ant-btn-background-ghost.ant-btn-link[disabled]:active > a:only-child, .ant-btn-background-ghost.ant-btn-link-disabled.active > a:only-child, .ant-btn-background-ghost.ant-btn-link.disabled.active > a:only-child, .ant-btn-background-ghost.ant-btn-link[disabled].active > a:only-child { color: currentColor; } .ant-btn-background-ghost.ant-btn-link-disabled > a:only-child::after, .ant-btn-background-ghost.ant-btn-link.disabled > a:only-child::after, .ant-btn-background-ghost.ant-btn-link[disabled] > a:only-child::after, .ant-btn-background-ghost.ant-btn-link-disabled:hover > a:only-child::after, .ant-btn-background-ghost.ant-btn-link.disabled:hover > a:only-child::after, .ant-btn-background-ghost.ant-btn-link[disabled]:hover > a:only-child::after, .ant-btn-background-ghost.ant-btn-link-disabled:focus > a:only-child::after, .ant-btn-background-ghost.ant-btn-link.disabled:focus > a:only-child::after, .ant-btn-background-ghost.ant-btn-link[disabled]:focus > a:only-child::after, .ant-btn-background-ghost.ant-btn-link-disabled:active > a:only-child::after, .ant-btn-background-ghost.ant-btn-link.disabled:active > a:only-child::after, .ant-btn-background-ghost.ant-btn-link[disabled]:active > a:only-child::after, .ant-btn-background-ghost.ant-btn-link-disabled.active > a:only-child::after, .ant-btn-background-ghost.ant-btn-link.disabled.active > a:only-child::after, .ant-btn-background-ghost.ant-btn-link[disabled].active > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn-two-chinese-chars::first-letter { letter-spacing: 0.34em; } .ant-btn-two-chinese-chars > *:not(.anticon) { margin-right: -0.34em; letter-spacing: 0.34em; } .ant-btn-block { width: 100%; } .ant-btn:empty { vertical-align: top; } a.ant-btn { padding-top: 0.1px; line-height: 30px; } a.ant-btn-lg { line-height: 38px; } a.ant-btn-sm { line-height: 22px; } .ant-fullcalendar { box-sizing: border-box; margin: 0; padding: 0; color: rgba(0, 0, 0, 0.65); font-size: 14px; font-variant: tabular-nums; line-height: 1.5; list-style: none; font-feature-settings: 'tnum'; border-top: 1px solid #d9d9d9; outline: none; } .ant-select.ant-fullcalendar-year-select { min-width: 90px; } .ant-select.ant-fullcalendar-year-select.ant-select-sm { min-width: 70px; } .ant-select.ant-fullcalendar-month-select { min-width: 80px; margin-left: 8px; } .ant-select.ant-fullcalendar-month-select.ant-select-sm { min-width: 70px; } .ant-fullcalendar-header { padding: 11px 16px 11px 0; text-align: right; } .ant-fullcalendar-header .ant-select-dropdown { text-align: left; } .ant-fullcalendar-header .ant-radio-group { margin-left: 8px; text-align: left; } .ant-fullcalendar-header label.ant-radio-button { height: 22px; padding: 0 10px; line-height: 20px; } .ant-fullcalendar-date-panel { position: relative; outline: none; } .ant-fullcalendar-calendar-body { padding: 8px 12px; } .ant-fullcalendar table { width: 100%; max-width: 100%; height: 256px; background-color: transparent; border-collapse: collapse; } .ant-fullcalendar table, .ant-fullcalendar th, .ant-fullcalendar td { border: 0; } .ant-fullcalendar td { position: relative; } .ant-fullcalendar-calendar-table { margin-bottom: 0; border-spacing: 0; } .ant-fullcalendar-column-header { width: 33px; padding: 0; line-height: 18px; text-align: center; } .ant-fullcalendar-column-header .ant-fullcalendar-column-header-inner { display: block; font-weight: normal; } .ant-fullcalendar-week-number-header .ant-fullcalendar-column-header-inner { display: none; } .ant-fullcalendar-month, .ant-fullcalendar-date { text-align: center; transition: all 0.3s; } .ant-fullcalendar-value { display: block; width: 24px; height: 24px; margin: 0 auto; padding: 0; color: rgba(0, 0, 0, 0.65); line-height: 24px; background: transparent; border-radius: 2px; transition: all 0.3s; } .ant-fullcalendar-value:hover { background: #fff2f0; cursor: pointer; } .ant-fullcalendar-value:active { color: #fff; background: #ff3333; } .ant-fullcalendar-month-panel-cell .ant-fullcalendar-value { width: 48px; } .ant-fullcalendar-today .ant-fullcalendar-value, .ant-fullcalendar-month-panel-current-cell .ant-fullcalendar-value { box-shadow: 0 0 0 1px #ff3333 inset; } .ant-fullcalendar-selected-day .ant-fullcalendar-value, .ant-fullcalendar-month-panel-selected-cell .ant-fullcalendar-value { color: #fff; background: #ff3333; } .ant-fullcalendar-disabled-cell-first-of-row .ant-fullcalendar-value { border-top-left-radius: 4px; border-bottom-left-radius: 4px; } .ant-fullcalendar-disabled-cell-last-of-row .ant-fullcalendar-value { border-top-right-radius: 4px; border-bottom-right-radius: 4px; } .ant-fullcalendar-last-month-cell .ant-fullcalendar-value, .ant-fullcalendar-next-month-btn-day .ant-fullcalendar-value { color: rgba(0, 0, 0, 0.25); } .ant-fullcalendar-month-panel-table { width: 100%; table-layout: fixed; border-collapse: separate; } .ant-fullcalendar-content { position: absolute; bottom: -9px; left: 0; width: 100%; } .ant-fullcalendar-fullscreen { border-top: 0; } .ant-fullcalendar-fullscreen .ant-fullcalendar-table { table-layout: fixed; } .ant-fullcalendar-fullscreen .ant-fullcalendar-header .ant-radio-group { margin-left: 16px; } .ant-fullcalendar-fullscreen .ant-fullcalendar-header label.ant-radio-button { height: 32px; line-height: 30px; } .ant-fullcalendar-fullscreen .ant-fullcalendar-month, .ant-fullcalendar-fullscreen .ant-fullcalendar-date { display: block; height: 116px; margin: 0 4px; padding: 4px 8px; color: rgba(0, 0, 0, 0.65); text-align: left; border-top: 2px solid #e8e8e8; transition: background 0.3s; } .ant-fullcalendar-fullscreen .ant-fullcalendar-month:hover, .ant-fullcalendar-fullscreen .ant-fullcalendar-date:hover { background: #fff2f0; cursor: pointer; } .ant-fullcalendar-fullscreen .ant-fullcalendar-month:active, .ant-fullcalendar-fullscreen .ant-fullcalendar-date:active { background: #ffdcd6; } .ant-fullcalendar-fullscreen .ant-fullcalendar-column-header { padding-right: 12px; padding-bottom: 5px; text-align: right; } .ant-fullcalendar-fullscreen .ant-fullcalendar-value { width: auto; text-align: right; background: transparent; } .ant-fullcalendar-fullscreen .ant-fullcalendar-today .ant-fullcalendar-value { color: rgba(0, 0, 0, 0.65); } .ant-fullcalendar-fullscreen .ant-fullcalendar-month-panel-current-cell .ant-fullcalendar-month, .ant-fullcalendar-fullscreen .ant-fullcalendar-today .ant-fullcalendar-date { background: transparent; border-top-color: #ff3333; } .ant-fullcalendar-fullscreen .ant-fullcalendar-month-panel-current-cell .ant-fullcalendar-value, .ant-fullcalendar-fullscreen .ant-fullcalendar-today .ant-fullcalendar-value { box-shadow: none; } .ant-fullcalendar-fullscreen .ant-fullcalendar-month-panel-selected-cell .ant-fullcalendar-month, .ant-fullcalendar-fullscreen .ant-fullcalendar-selected-day .ant-fullcalendar-date { background: #fff2f0; } .ant-fullcalendar-fullscreen .ant-fullcalendar-month-panel-selected-cell .ant-fullcalendar-value, .ant-fullcalendar-fullscreen .ant-fullcalendar-selected-day .ant-fullcalendar-value { color: #ff3333; } .ant-fullcalendar-fullscreen .ant-fullcalendar-last-month-cell .ant-fullcalendar-date, .ant-fullcalendar-fullscreen .ant-fullcalendar-next-month-btn-day .ant-fullcalendar-date { color: rgba(0, 0, 0, 0.25); } .ant-fullcalendar-fullscreen .ant-fullcalendar-content { position: static; width: auto; height: 88px; overflow-y: auto; } .ant-fullcalendar-disabled-cell .ant-fullcalendar-date, .ant-fullcalendar-disabled-cell .ant-fullcalendar-date:hover { cursor: not-allowed; } .ant-fullcalendar-disabled-cell:not(.ant-fullcalendar-today) .ant-fullcalendar-date, .ant-fullcalendar-disabled-cell:not(.ant-fullcalendar-today) .ant-fullcalendar-date:hover { background: transparent; } .ant-fullcalendar-disabled-cell .ant-fullcalendar-value { width: auto; color: rgba(0, 0, 0, 0.25); border-radius: 0; cursor: not-allowed; } .ant-card { box-sizing: border-box; margin: 0; padding: 0; color: rgba(0, 0, 0, 0.65); font-size: 14px; font-variant: tabular-nums; line-height: 1.5; list-style: none; font-feature-settings: 'tnum'; position: relative; background: #fff; border-radius: 2px; transition: all 0.3s; } .ant-card-hoverable { cursor: pointer; } .ant-card-hoverable:hover { border-color: rgba(0, 0, 0, 0.09); box-shadow: 0 2px 8px rgba(0, 0, 0, 0.09); } .ant-card-bordered { border: 1px solid #e8e8e8; } .ant-card-head { min-height: 48px; margin-bottom: -1px; padding: 0 24px; color: rgba(0, 0, 0, 0.85); font-weight: 500; font-size: 16px; background: transparent; border-bottom: 1px solid #e8e8e8; border-radius: 2px 2px 0 0; zoom: 1; } .ant-card-head::before, .ant-card-head::after { display: table; content: ''; } .ant-card-head::after { clear: both; } .ant-card-head::before, .ant-card-head::after { display: table; content: ''; } .ant-card-head::after { clear: both; } .ant-card-head::before { content: ''; clear: both; display: block; } .ant-card-head::before { content: ''; clear: both; display: block; } .ant-card-head-wrapper { display: flex; align-items: center; } .ant-card-head-title { display: inline-block; flex: 1; padding: 16px 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .ant-card-head .ant-tabs { clear: both; margin-bottom: -17px; color: rgba(0, 0, 0, 0.65); font-weight: normal; font-size: 14px; } .ant-card-head .ant-tabs-bar { border-bottom: 1px solid #e8e8e8; } .ant-card-extra { float: right; margin-left: auto; padding: 16px 0; color: rgba(0, 0, 0, 0.65); font-weight: normal; font-size: 14px; } .ant-card-body { padding: 24px; zoom: 1; } .ant-card-body::before, .ant-card-body::after { display: table; content: ''; } .ant-card-body::after { clear: both; } .ant-card-body::before, .ant-card-body::after { display: table; content: ''; } .ant-card-body::after { clear: both; } .ant-card-body::before { content: ''; clear: both; display: block; } .ant-card-body::before { content: ''; clear: both; display: block; } .ant-card-contain-grid:not(.ant-card-loading) .ant-card-body { margin: -1px 0 0 -1px; padding: 0; } .ant-card-grid { float: left; width: 33.33%; padding: 24px; border: 0; border-radius: 0; box-shadow: 1px 0 0 0 #e8e8e8, 0 1px 0 0 #e8e8e8, 1px 1px 0 0 #e8e8e8, 1px 0 0 0 #e8e8e8 inset, 0 1px 0 0 #e8e8e8 inset; transition: all 0.3s; } .ant-card-grid-hoverable:hover { position: relative; z-index: 1; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15); } .ant-card-contain-tabs > .ant-card-head .ant-card-head-title { min-height: 32px; padding-bottom: 0; } .ant-card-contain-tabs > .ant-card-head .ant-card-extra { padding-bottom: 0; } .ant-card-cover > * { display: block; width: 100%; } .ant-card-cover img { border-radius: 2px 2px 0 0; } .ant-card-actions { margin: 0; padding: 0; list-style: none; background: #fafafa; border-top: 1px solid #e8e8e8; zoom: 1; } .ant-card-actions::before, .ant-card-actions::after { display: table; content: ''; } .ant-card-actions::after { clear: both; } .ant-card-actions::before, .ant-card-actions::after { display: table; content: ''; } .ant-card-actions::after { clear: both; } .ant-card-actions::before { content: ''; clear: both; display: block; } .ant-card-actions::before { content: ''; clear: both; display: block; } .ant-card-actions > li { float: left; margin: 12px 0; color: rgba(0, 0, 0, 0.45); text-align: center; } .ant-card-actions > li > span { position: relative; display: block; min-width: 32px; font-size: 14px; line-height: 22px; cursor: pointer; } .ant-card-actions > li > span:hover { color: #ff3333; transition: color 0.3s; } .ant-card-actions > li > span a:not(.ant-btn), .ant-card-actions > li > span > .anticon { display: inline-block; width: 100%; color: rgba(0, 0, 0, 0.45); line-height: 22px; transition: color 0.3s; } .ant-card-actions > li > span a:not(.ant-btn):hover, .ant-card-actions > li > span > .anticon:hover { color: #ff3333; } .ant-card-actions > li > span > .anticon { font-size: 16px; line-height: 22px; } .ant-card-actions > li:not(:last-child) { border-right: 1px solid #e8e8e8; } .ant-card-type-inner .ant-card-head { padding: 0 24px; background: #fafafa; } .ant-card-type-inner .ant-card-head-title { padding: 12px 0; font-size: 14px; } .ant-card-type-inner .ant-card-body { padding: 16px 24px; } .ant-card-type-inner .ant-card-extra { padding: 13.5px 0; } .ant-card-meta { margin: -4px 0; zoom: 1; } .ant-card-meta::before, .ant-card-meta::after { display: table; content: ''; } .ant-card-meta::after { clear: both; } .ant-card-meta::before, .ant-card-meta::after { display: table; content: ''; } .ant-card-meta::after { clear: both; } .ant-card-meta::before { content: ''; clear: both; display: block; } .ant-card-meta::before { content: ''; clear: both; display: block; } .ant-card-meta-avatar { float: left; padding-right: 16px; } .ant-card-meta-detail { overflow: hidden; } .ant-card-meta-detail > div:not(:last-child) { margin-bottom: 8px; } .ant-card-meta-title { overflow: hidden; color: rgba(0, 0, 0, 0.85); font-weight: 500; font-size: 16px; white-space: nowrap; text-overflow: ellipsis; } .ant-card-meta-description { color: rgba(0, 0, 0, 0.45); } .ant-card-loading { overflow: hidden; } .ant-card-loading .ant-card-body { user-select: none; } .ant-card-loading-content p { margin: 0; } .ant-card-loading-block { height: 14px; margin: 4px 0; background: linear-gradient(90deg, rgba(207, 216, 220, 0.2), rgba(207, 216, 220, 0.4), rgba(207, 216, 220, 0.2)); background-size: 600% 600%; border-radius: 2px; animation: card-loading 1.4s ease infinite; } @keyframes card-loading { 0%, 100% { background-position: 0 50%; } 50% { background-position: 100% 50%; } } .ant-card-small > .ant-card-head { min-height: 36px; padding: 0 12px; font-size: 14px; } .ant-card-small > .ant-card-head > .ant-card-head-wrapper > .ant-card-head-title { padding: 8px 0; } .ant-card-small > .ant-card-head > .ant-card-head-wrapper > .ant-card-extra { padding: 8px 0; font-size: 14px; } .ant-card-small > .ant-card-body { padding: 12px; } .ant-carousel { box-sizing: border-box; margin: 0; padding: 0; color: rgba(0, 0, 0, 0.65); font-size: 14px; font-variant: tabular-nums; line-height: 1.5; list-style: none; font-feature-settings: 'tnum'; } .ant-carousel .slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-touch-callout: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .ant-carousel .slick-list { position: relative; display: block; margin: 0; padding: 0; overflow: hidden; } .ant-carousel .slick-list:focus { outline: none; } .ant-carousel .slick-list.dragging { cursor: pointer; } .ant-carousel .slick-list .slick-slide { pointer-events: none; } .ant-carousel .slick-list .slick-slide input.ant-radio-input, .ant-carousel .slick-list .slick-slide input.ant-checkbox-input { visibility: hidden; } .ant-carousel .slick-list .slick-slide.slick-active { pointer-events: auto; } .ant-carousel .slick-list .slick-slide.slick-active input.ant-radio-input, .ant-carousel .slick-list .slick-slide.slick-active input.ant-checkbox-input { visibility: visible; } .ant-carousel .slick-slider .slick-track, .ant-carousel .slick-slider .slick-list { transform: translate3d(0, 0, 0); } .ant-carousel .slick-track { position: relative; top: 0; left: 0; display: block; } .ant-carousel .slick-track::before, .ant-carousel .slick-track::after { display: table; content: ''; } .ant-carousel .slick-track::after { clear: both; } .slick-loading .ant-carousel .slick-track { visibility: hidden; } .ant-carousel .slick-slide { display: none; float: left; height: 100%; min-height: 1px; } [dir='rtl'] .ant-carousel .slick-slide { float: right; } .ant-carousel .slick-slide img { display: block; } .ant-carousel .slick-slide.slick-loading img { display: none; } .ant-carousel .slick-slide.dragging img { pointer-events: none; } .ant-carousel .slick-initialized .slick-slide { display: block; } .ant-carousel .slick-loading .slick-slide { visibility: hidden; } .ant-carousel .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .ant-carousel .slick-arrow.slick-hidden { display: none; } .ant-carousel .slick-prev, .ant-carousel .slick-next { position: absolute; top: 50%; display: block; width: 20px; height: 20px; margin-top: -10px; padding: 0; color: transparent; font-size: 0; line-height: 0; background: transparent; border: 0; outline: none; cursor: pointer; } .ant-carousel .slick-prev:hover, .ant-carousel .slick-next:hover, .ant-carousel .slick-prev:focus, .ant-carousel .slick-next:focus { color: transparent; background: transparent; outline: none; } .ant-carousel .slick-prev:hover::before, .ant-carousel .slick-next:hover::before, .ant-carousel .slick-prev:focus::before, .ant-carousel .slick-next:focus::before { opacity: 1; } .ant-carousel .slick-prev.slick-disabled::before, .ant-carousel .slick-next.slick-disabled::before { opacity: 0.25; } .ant-carousel .slick-prev { left: -25px; } .ant-carousel .slick-prev::before { content: '\2190'; } .ant-carousel .slick-next { right: -25px; } .ant-carousel .slick-next::before { content: '\2192'; } .ant-carousel .slick-dots { position: absolute; display: block; width: 100%; height: 3px; margin: 0; padding: 0; text-align: center; list-style: none; } .ant-carousel .slick-dots-bottom { bottom: 12px; } .ant-carousel .slick-dots-top { top: 12px; } .ant-carousel .slick-dots li { position: relative; display: inline-block; margin: 0 2px; padding: 0; text-align: center; vertical-align: top; } .ant-carousel .slick-dots li button { display: block; width: 16px; height: 3px; padding: 0; color: transparent; font-size: 0; background: #fff; border: 0; border-radius: 1px; outline: none; cursor: pointer; opacity: 0.3; transition: all 0.5s; } .ant-carousel .slick-dots li button:hover, .ant-carousel .slick-dots li button:focus { opacity: 0.75; } .ant-carousel .slick-dots li.slick-active button { width: 24px; background: #fff; opacity: 1; } .ant-carousel .slick-dots li.slick-active button:hover, .ant-carousel .slick-dots li.slick-active button:focus { opacity: 1; } .ant-carousel-vertical .slick-dots { top: 50%; bottom: auto; width: 3px; height: auto; transform: translateY(-50%); } .ant-carousel-vertical .slick-dots-left { left: 12px; } .ant-carousel-vertical .slick-dots-right { right: 12px; } .ant-carousel-vertical .slick-dots li { margin: 0 2px; vertical-align: baseline; } .ant-carousel-vertical .slick-dots li button { width: 3px; height: 16px; } .ant-carousel-vertical .slick-dots li.slick-active button { width: 3px; height: 24px; } .ant-cascader { box-sizing: border-box; margin: 0; padding: 0; color: rgba(0, 0, 0, 0.65); font-size: 14px; font-variant: tabular-nums; line-height: 1.5; list-style: none; font-feature-settings: 'tnum'; } .ant-cascader-input.ant-input { position: static; width: 100%; padding-right: 24px; background-color: transparent !important; cursor: pointer; } .ant-cascader-picker-show-search .ant-cascader-input.ant-input { position: relative; } .ant-cascader-picker { box-sizing: border-box; margin: 0; padding: 0; color: rgba(0, 0, 0, 0.65); font-size: 14px; font-variant: tabular-nums; line-height: 1.5; list-style: none; font-feature-settings: 'tnum'; position: relative; display: inline-block; background-color: #fff; border-radius: 4px; outline: 0; cursor: pointer; transition: color 0.3s; } .ant-cascader-picker-with-value .ant-cascader-picker-label { color: transparent; } .ant-cascader-picker-disabled { color: rgba(0, 0, 0, 0.25); background: #f5f5f5; cursor: not-allowed; } .ant-cascader-picker-disabled .ant-cascader-input { cursor: not-allowed; } .ant-cascader-picker:focus .ant-cascader-input { border-color: #ff615c; border-right-width: 1px !important; outline: 0; box-shadow: 0 0 0 2px rgba(255, 51, 51, 0.2); } .ant-cascader-picker-show-search.ant-cascader-picker-focused { color: rgba(0, 0, 0, 0.25); } .ant-cascader-picker-label { position: absolute; top: 50%; left: 0; width: 100%; height: 20px; margin-top: -10px; padding: 0 20px 0 12px; overflow: hidden; line-height: 20px; white-space: nowrap; text-overflow: ellipsis; } .ant-cascader-picker-clear { position: absolute; top: 50%; right: 12px; z-index: 2; width: 12px; height: 12px; margin-top: -6px; color: rgba(0, 0, 0, 0.25); font-size: 12px; line-height: 12px; background: #fff; cursor: pointer; opacity: 0; transition: color 0.3s ease, opacity 0.15s ease; } .ant-cascader-picker-clear:hover { color: rgba(0, 0, 0, 0.45); } .ant-cascader-picker:hover .ant-cascader-picker-clear { opacity: 1; } .ant-cascader-picker-arrow { position: absolute; top: 50%; right: 12px; z-index: 1; width: 12px; height: 12px; margin-top: -6px; color: rgba(0, 0, 0, 0.25); font-size: 12px; line-height: 12px; transition: transform 0.2s; } .ant-cascader-picker-arrow.ant-cascader-picker-arrow-expand { transform: rotate(180deg); } .ant-cascader-picker-label:hover + .ant-cascader-input { border-color: #ff615c; border-right-width: 1px !important; } .ant-cascader-picker-small .ant-cascader-picker-clear, .ant-cascader-picker-small .ant-cascader-picker-arrow { right: 8px; } .ant-cascader-menus { position: absolute; z-index: 1050; font-size: 14px; white-space: nowrap; background: #fff; border-radius: 4px; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15); } .ant-cascader-menus ul, .ant-cascader-menus ol { margin: 0; list-style: none; } .ant-cascader-menus-empty, .ant-cascader-menus-hidden { display: none; } .ant-cascader-menus.slide-up-enter.slide-up-enter-active.ant-cascader-menus-placement-bottomLeft, .ant-cascader-menus.slide-up-appear.slide-up-appear-active.ant-cascader-menus-placement-bottomLeft { animation-name: antSlideUpIn; } .ant-cascader-menus.slide-up-enter.slide-up-enter-active.ant-cascader-menus-placement-topLeft, .ant-cascader-menus.slide-up-appear.slide-up-appear-active.ant-cascader-menus-placement-topLeft { animation-name: antSlideDownIn; } .ant-cascader-menus.slide-up-leave.slide-up-leave-active.ant-cascader-menus-placement-bottomLeft { animation-name: antSlideUpOut; } .ant-cascader-menus.slide-up-leave.slide-up-leave-active.ant-cascader-menus-placement-topLeft { animation-name: antSlideDownOut; } .ant-cascader-menu { display: inline-block; min-width: 111px; height: 180px; margin: 0; padding: 4px 0; overflow: auto; vertical-align: top; list-style: none; border-right: 1px solid #e8e8e8; -ms-overflow-style: -ms-autohiding-scrollbar; } .ant-cascader-menu:first-child { border-radius: 4px 0 0 4px; } .ant-cascader-menu:last-child { margin-right: -1px; border-right-color: transparent; border-radius: 0 4px 4px 0; } .ant-cascader-menu:only-child { border-radius: 4px; } .ant-cascader-menu-item { padding: 5px 12px; line-height: 22px; white-space: nowrap; cursor: pointer; transition: all 0.3s; } .ant-cascader-menu-item:hover { background: #fff2f0; } .ant-cascader-menu-item-disabled { color: rgba(0, 0, 0, 0.25); cursor: not-allowed; } .ant-cascader-menu-item-disabled:hover { background: transparent; } .ant-cascader-menu-item-active:not(.ant-cascader-menu-item-disabled), .ant-cascader-menu-item-active:not(.ant-cascader-menu-item-disabled):hover { font-weight: 600; background-color: #fafafa; } .ant-cascader-menu-item-expand { position: relative; padding-right: 24px; } .ant-cascader-menu-item-expand .ant-cascader-menu-item-expand-icon, .ant-cascader-menu-item-loading-icon { display: inline-block; font-size: 12px; font-size: 10px \9; transform: scale(0.83333333) rotate(0deg); position: absolute; right: 12px; color: rgba(0, 0, 0, 0.45); } :root .ant-cascader-menu-item-expand .ant-cascader-menu-item-expand-icon, :root .ant-cascader-menu-item-loading-icon { font-size: 12px; } .ant-cascader-menu-item .ant-cascader-menu-item-keyword { color: #f5222d; } @keyframes antCheckboxEffect { 0% { transform: scale(1); opacity: 0.5; } 100% { transform: scale(1.6); opacity: 0; } } .ant-checkbox { box-sizing: border-box; margin: 0; padding: 0; color: rgba(0, 0, 0, 0.65); font-size: 14px; font-variant: tabular-nums; line-height: 1.5; list-style: none; font-feature-settings: 'tnum'; position: relative; top: -0.09em; display: inline-block; line-height: 1; white-space: nowrap; vertical-align: middle; outline: none; cursor: pointer; } .ant-checkbox-wrapper:hover .ant-checkbox-inner, .ant-checkbox:hover .ant-checkbox-inner, .ant-checkbox-input:focus + .ant-checkbox-inner { border-color: #ff3333; } .ant-checkbox-checked::after { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 1px solid #ff3333; border-radius: 2px; visibility: hidden; animation: antCheckboxEffect 0.36s ease-in-out; animation-fill-mode: backwards; content: ''; } .ant-checkbox:hover::after, .ant-checkbox-wrapper:hover .ant-checkbox::after { visibility: visible; } .ant-checkbox-inner { position: relative; top: 0; left: 0; display: block; width: 16px; height: 16px; background-color: #fff; border: 1px solid #d9d9d9; border-radius: 2px; border-collapse: separate; transition: all 0.3s; } .ant-checkbox-inner::after { position: absolute; top: 50%; left: 22%; display: table; width: 5.71428571px; height: 9.14285714px; border: 2px solid #fff; border-top: 0; border-left: 0; transform: rotate(45deg) scale(0) translate(-50%, -50%); opacity: 0; transition: all 0.1s cubic-bezier(0.71, -0.46, 0.88, 0.6), opacity 0.1s; content: ' '; } .ant-checkbox-input { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; width: 100%; height: 100%; cursor: pointer; opacity: 0; } .ant-checkbox-checked .ant-checkbox-inner::after { position: absolute; display: table; border: 2px solid #fff; border-top: 0; border-left: 0; transform: rotate(45deg) scale(1) translate(-50%, -50%); opacity: 1; transition: all 0.2s cubic-bezier(0.12, 0.4, 0.29, 1.46) 0.1s; content: ' '; } .ant-checkbox-checked .ant-checkbox-inner { background-color: #ff3333; border-color: #ff3333; } .ant-checkbox-disabled { cursor: not-allowed; } .ant-checkbox-disabled.ant-checkbox-checked .ant-checkbox-inner::after { border-color: rgba(0, 0, 0, 0.25); animation-name: none; } .ant-checkbox-disabled .ant-checkbox-input { cursor: not-allowed; } .ant-checkbox-disabled .ant-checkbox-inner { background-color: #f5f5f5; border-color: #d9d9d9 !important; } .ant-checkbox-disabled .ant-checkbox-inner::after { border-color: #f5f5f5; border-collapse: separate; animation-name: none; } .ant-checkbox-disabled + span { color: rgba(0, 0, 0, 0.25); cursor: not-allowed; } .ant-checkbox-disabled:hover::after, .ant-checkbox-wrapper:hover .ant-checkbox-disabled::after { visibility: hidden; } .ant-checkbox-wrapper { box-sizing: border-box; margin: 0; padding: 0; color: rgba(0, 0, 0, 0.65); font-size: 14px; font-variant: tabular-nums; line-height: 1.5; list-style: none; font-feature-settings: 'tnum'; display: inline-block; line-height: unset; cursor: pointer; } .ant-checkbox-wrapper.ant-checkbox-wrapper-disabled { cursor: not-allowed; } .ant-checkbox-wrapper + .ant-checkbox-wrapper { margin-left: 8px; } .ant-checkbox + span { padding-right: 8px; padding-left: 8px; } .ant-checkbox-group { box-sizing: border-box; margin: 0; padding: 0; color: rgba(0, 0, 0, 0.65); font-size: 14px; font-variant: tabular-nums; line-height: 1.5; list-style: none; font-feature-settings: 'tnum'; display: inline-block; } .ant-checkbox-group-item { display: inline-block; margin-right: 8px; } .ant-checkbox-group-item:last-child { margin-right: 0; } .ant-checkbox-group-item + .ant-checkbox-group-item { margin-left: 0; } .ant-checkbox-indeterminate .ant-checkbox-inner { background-color: #fff; border-color: #d9d9d9; } .ant-checkbox-indeterminate .ant-checkbox-inner::after { top: 50%; left: 50%; width: 8px; height: 8px; background-color: #ff3333; border: 0; transform: translate(-50%, -50%) scale(1); opacity: 1; content: ' '; } .ant-checkbox-indeterminate.ant-checkbox-disabled .ant-checkbox-inner::after { background-color: rgba(0, 0, 0, 0.25); border-color: rgba(0, 0, 0, 0.25); } .ant-collapse { box-sizing: border-box; margin: 0; padding: 0; color: rgba(0, 0, 0, 0.65); font-size: 14px; font-variant: tabular-nums; line-height: 1.5; list-style: none; font-feature-settings: 'tnum'; background-color: #fafafa; border: 1px solid #d9d9d9; border-bottom: 0; border-radius: 4px; } .ant-collapse > .ant-collapse-item { border-bottom: 1px solid #d9d9d9; } .ant-collapse > .ant-collapse-item:last-child, .ant-collapse > .ant-collapse-item:last-child > .ant-collapse-header { border-radius: 0 0 4px 4px; } .ant-collapse > .ant-collapse-item > .ant-collapse-header { position: relative; padding: 12px 16px; padding-left: 40px; color: rgba(0, 0, 0, 0.85); line-height: 22px; cursor: pointer; transition: all 0.3s; } .ant-collapse > .ant-collapse-item > .ant-collapse-header .ant-collapse-arrow { color: inherit; font-style: normal; line-height: 0; text-align: center; text-transform: none; vertical-align: -0.125em; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position: absolute; top: 50%; left: 16px; display: inline-block; font-size: 12px; transform: translateY(-50%); } .ant-collapse > .ant-collapse-item > .ant-collapse-header .ant-collapse-arrow > * { line-height: 1; } .ant-collapse > .ant-collapse-item > .ant-collapse-header .ant-collapse-arrow svg { display: inline-block; } .ant-collapse > .ant-collapse-item > .ant-collapse-header .ant-collapse-arrow::before { display: none; } .ant-collapse > .ant-collapse-item > .ant-collapse-header .ant-collapse-arrow .ant-collapse > .ant-collapse-item > .ant-collapse-header .ant-collapse-arrow-icon { display: block; } .ant-collapse > .ant-collapse-item > .ant-collapse-header .ant-collapse-arrow svg { transition: transform 0.24s; } .ant-collapse > .ant-collapse-item > .ant-collapse-header .ant-collapse-extra { float: right; } .ant-collapse > .ant-collapse-item > .ant-collapse-header:focus { outline: none; } .ant-collapse > .ant-collapse-item.ant-collapse-no-arrow > .ant-collapse-header { padding-left: 12px; } .ant-collapse-icon-position-right > .ant-collapse-item > .ant-collapse-header { padding: 12px 16px; padding-right: 40px; } .ant-collapse-icon-position-right > .ant-collapse-item > .ant-collapse-header .ant-collapse-arrow { right: 16px; left: auto; } .ant-collapse-anim-active { transition: height 0.2s cubic-bezier(0.215, 0.61, 0.355, 1); } .ant-collapse-content { overflow: hidden; color: rgba(0, 0, 0, 0.65); background-color: #fff; border-top: 1px solid #d9d9d9; } .ant-collapse-content > .ant-collapse-content-box { padding: 16px; } .ant-collapse-content-inactive { display: none; } .ant-collapse-item:last-child > .ant-collapse-content { border-radius: 0 0 4px 4px; } .ant-collapse-borderless { background-color: #fafafa; border: 0; } .ant-collapse-borderless > .ant-collapse-item { border-bottom: 1px solid #d9d9d9; } .ant-collapse-borderless > .ant-collapse-item:last-child, .ant-collapse-borderless > .ant-collapse-item:last-child .ant-collapse-header { border-radius: 0; } .ant-collapse-borderless > .ant-collapse-item > .ant-collapse-content { background-color: transparent; border-top: 0; } .ant-collapse-borderless > .ant-collapse-item > .ant-collapse-content > .ant-collapse-content-box { padding-top: 4px; } .ant-collapse .ant-collapse-item-disabled > .ant-collapse-header, .ant-collapse .ant-collapse-item-disabled > .ant-collapse-header > .arrow { color: rgba(0, 0, 0, 0.25); cursor: not-allowed; } .ant-comment { position: relative; } .ant-comment-inner { display: flex; padding: 16px 0; } .ant-comment-avatar { position: relative; flex-shrink: 0; margin-right: 12px; cursor: pointer; } .ant-comment-avatar img { width: 32px; height: 32px; border-radius: 50%; } .ant-comment-content { position: relative; flex: 1 1 auto; min-width: 1px; font-size: 14px; word-wrap: break-word; } .ant-comment-content-author { display: flex; flex-wrap: wrap; justify-content: flex-start; margin-bottom: 4px; font-size: 14px; } .ant-comment-content-author > a, .ant-comment-content-author > span { padding-right: 8px; font-size: 12px; line-height: 18px; } .ant-comment-content-author-name { color: rgba(0, 0, 0, 0.45); font-size: 14px; transition: color 0.3s; } .ant-comment-content-author-name > * { color: rgba(0, 0, 0, 0.45); } .ant-comment-content-author-name > *:hover { color: rgba(0, 0, 0, 0.45); } .ant-comment-content-author-time { color: #ccc; white-space: nowrap; cursor: auto; } .ant-comment-content-detail p { white-space: pre-wrap; } .ant-comment-actions { margin-top: 12px; padding-left: 0; } .ant-comment-actions > li { display: inline-block; color: rgba(0, 0, 0, 0.45); } .ant-comment-actions > li > span { padding-right: 10px; color: rgba(0, 0, 0, 0.45); font-size: 12px; cursor: pointer; transition: color 0.3s; user-select: none; } .ant-comment-actions > li > span:hover { color: #595959; } .ant-comment-nested { margin-left: 44px; } .ant-calendar-picker-container { box-sizing: border-box; margin: 0; padding: 0; color: rgba(0, 0, 0, 0.65); font-size: 14px; font-variant: tabular-nums; line-height: 1.5; list-style: none; font-feature-settings: 'tnum'; position: absolute; z-index: 1050; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'Helvetica Neue', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'; } .ant-calendar-picker-container.slide-up-enter.slide-up-enter-active.ant-calendar-picker-container-placement-topLeft, .ant-calendar-picker-container.slide-up-enter.slide-up-enter-active.ant-calendar-picker-container-placement-topRight, .ant-calendar-picker-container.slide-up-appear.slide-up-appear-active.ant-calendar-picker-container-placement-topLeft, .ant-calendar-picker-container.slide-up-appear.slide-up-appear-active.ant-calendar-picker-container-placement-topRight { animation-name: antSlideDownIn; } .ant-calendar-picker-container.slide-up-enter.slide-up-enter-active.ant-calendar-picker-container-placement-bottomLeft, .ant-calendar-picker-container.slide-up-enter.slide-up-enter-active.ant-calendar-picker-container-placement-bottomRight, .ant-calendar-picker-container.slide-up-appear.slide-up-appear-active.ant-calendar-picker-container-placement-bottomLeft, .ant-calendar-picker-container.slide-up-appear.slide-up-appear-active.ant-calendar-picker-container-placement-bottomRight { animation-name: antSlideUpIn; } .ant-calendar-picker-container.slide-up-leave.slide-up-leave-active.ant-calendar-picker-container-placement-topLeft, .ant-calendar-picker-container.slide-up-leave.slide-up-leave-active.ant-calendar-picker-container-placement-topRight { animation-name: antSlideDownOut; } .ant-calendar-picker-container.slide-up-leave.slide-up-leave-active.ant-calendar-picker-container-placement-bottomLeft, .ant-calendar-picker-container.slide-up-leave.slide-up-leave-active.ant-calendar-picker-container-placement-bottomRight { animation-name: antSlideUpOut; } .ant-calendar-picker { box-sizing: border-box; margin: 0; padding: 0; color: rgba(0, 0, 0, 0.65); font-size: 14px; font-variant: tabular-nums; line-height: 1.5; list-style: none; font-feature-settings: 'tnum'; position: relative; display: inline-block; outline: none; cursor: text; transition: opacity 0.3s; } .ant-calendar-picker-input { outline: none; } .ant-calendar-picker-input.ant-input { line-height: 1.5; } .ant-calendar-picker-input.ant-input-sm { padding-top: 0; padding-bottom: 0; } .ant-calendar-picker:hover .ant-calendar-picker-input:not(.ant-input-disabled) { border-color: #ff615c; } .ant-calendar-picker:focus .ant-calendar-picker-input:not(.ant-input-disabled) { border-color: #ff615c; border-right-width: 1px !important; outline: 0; box-shadow: 0 0 0 2px rgba(255, 51, 51, 0.2); } .ant-calendar-picker-clear, .ant-calendar-picker-icon { position: absolute; top: 50%; right: 12px; z-index: 1; width: 14px; height: 14px; margin-top: -7px; font-size: 12px; line-height: 14px; transition: all 0.3s; user-select: none; } .ant-calendar-picker-clear { z-index: 2; color: rgba(0, 0, 0, 0.25); font-size: 14px; background: #fff; cursor: pointer; opacity: 0; pointer-events: none; } .ant-calendar-picker-clear:hover { color: rgba(0, 0, 0, 0.45); } .ant-calendar-picker:hover .ant-calendar-picker-clear { opacity: 1; pointer-events: auto; } .ant-calendar-picker-icon { display: inline-block; color: rgba(0, 0, 0, 0.25); font-size: 14px; line-height: 1; } .ant-input-disabled + .ant-calendar-picker-icon { cursor: not-allowed; } .ant-calendar-picker-small .ant-calendar-picker-clear, .ant-calendar-picker-small .ant-calendar-picker-icon { right: 8px; } .ant-calendar { position: relative; width: 280px; font-size: 14px; line-height: 1.5; text-align: left; list-style: none; background-color: #fff; background-clip: padding-box; border: 1px solid #fff; border-radius: 4px; outline: none; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15); } .ant-calendar-input-wrap { height: 34px; padding: 6px 10px; border-bottom: 1px solid #e8e8e8; } .ant-calendar-input { width: 100%; height: 22px; color: rgba(0, 0, 0, 0.65); background: #fff; border: 0; outline: 0; cursor: auto; } .ant-calendar-input::-moz-placeholder { color: #bfbfbf; opacity: 1; } .ant-calendar-input:-ms-input-placeholder { color: #bfbfbf; } .ant-calendar-input::-webkit-input-placeholder { color: #bfbfbf; } .ant-calendar-input:placeholder-shown { text-overflow: ellipsis; } .ant-calendar-week-number { width: 286px; } .ant-calendar-week-number-cell { text-align: center; } .ant-calendar-header { height: 40px; line-height: 40px; text-align: center; border-bottom: 1px solid #e8e8e8; user-select: none; } .ant-calendar-header a:hover { color: #ff615c; } .ant-calendar-header .ant-calendar-century-select, .ant-calendar-header .ant-calendar-decade-select, .ant-calendar-header .ant-calendar-year-select, .ant-calendar-header .ant-calendar-month-select { display: inline-block; padding: 0 2px; color: rgba(0, 0, 0, 0.85); font-weight: 500; line-height: 40px; } .ant-calendar-header .ant-calendar-century-select-arrow, .ant-calendar-header .ant-calendar-decade-select-arrow, .ant-calendar-header .ant-calendar-year-select-arrow, .ant-calendar-header .ant-calendar-month-select-arrow { display: none; } .ant-calendar-header .ant-calendar-prev-century-btn, .ant-calendar-header .ant-calendar-next-century-btn, .ant-calendar-header .ant-calendar-prev-decade-btn, .ant-calendar-header .ant-calendar-next-decade-btn, .ant-calendar-header .ant-calendar-prev-month-btn, .ant-calendar-header .ant-calendar-next-month-btn, .ant-calendar-header .ant-calendar-prev-year-btn, .ant-calendar-header .ant-calendar-next-year-btn { position: absolute; top: 0; display: inline-block; padding: 0 5px; color: rgba(0, 0, 0, 0.45); font-size: 16px; font-family: Arial, 'Hiragino Sans GB', 'Microsoft Yahei', 'Microsoft Sans Serif', sans-serif; line-height: 40px; } .ant-calendar-header .ant-calendar-prev-century-btn, .ant-calendar-header .ant-calendar-prev-decade-btn, .ant-calendar-header .ant-calendar-prev-year-btn { left: 7px; height: 100%; } .ant-calendar-header .ant-calendar-prev-century-btn::before, .ant-calendar-header .ant-calendar-prev-decade-btn::before, .ant-calendar-header .ant-calendar-prev-year-btn::before, .ant-calendar-header .ant-calendar-prev-century-btn::after, .ant-calendar-header .ant-calendar-prev-decade-btn::after, .ant-calendar-header .ant-calendar-prev-year-btn::after { position: relative; top: -1px; display: inline-block; width: 8px; height: 8px; vertical-align: middle; border: 0 solid #aaa; border-width: 1.5px 0 0 1.5px; border-radius: 1px; transform: rotate(-45deg) scale(0.8); transition: all 0.3s; content: ''; } .ant-calendar-header .ant-calendar-prev-century-btn:hover::before, .ant-calendar-header .ant-calendar-prev-decade-btn:hover::before, .ant-calendar-header .ant-calendar-prev-year-btn:hover::before, .ant-calendar-header .ant-calendar-prev-century-btn:hover::after, .ant-calendar-header .ant-calendar-prev-decade-btn:hover::after, .ant-calendar-header .ant-calendar-prev-year-btn:hover::after { border-color: rgba(0, 0, 0, 0.65); } .ant-calendar-header .ant-calendar-prev-century-btn::after, .ant-calendar-header .ant-calendar-prev-decade-btn::after, .ant-calendar-header .ant-calendar-prev-year-btn::after { display: none; } .ant-calendar-header .ant-calendar-prev-century-btn::after, .ant-calendar-header .ant-calendar-prev-decade-btn::after, .ant-calendar-header .ant-calendar-prev-year-btn::after { position: relative; left: -3px; display: inline-block; } .ant-calendar-header .ant-calendar-next-century-btn, .ant-calendar-header .ant-calendar-next-decade-btn, .ant-calendar-header .ant-calendar-next-year-btn { right: 7px; height: 100%; } .ant-calendar-header .ant-calendar-next-century-btn::before, .ant-calendar-header .ant-calendar-next-decade-btn::before, .ant-calendar-header .ant-calendar-next-year-btn::before, .ant-calendar-header .ant-calendar-next-century-btn::after, .ant-calendar-header .ant-calendar-next-decade-btn::after, .ant-calendar-header .ant-calendar-next-year-btn::after { position: relative; top: -1px; display: inline-block; width: 8px; height: 8px; vertical-align: middle; border: 0 solid #aaa; border-width: 1.5px 0 0 1.5px; border-radius: 1px; transform: rotate(-45deg) scale(0.8); transition: all 0.3s; content: ''; } .ant-calendar-header .ant-calendar-next-century-btn:hover::before, .ant-calendar-header .ant-calendar-next-decade-btn:hover::before, .ant-calendar-header .ant-calendar-next-year-btn:hover::before, .ant-calendar-header .ant-calendar-next-century-btn:hover::after, .ant-calendar-header .ant-calendar-next-decade-btn:hover::after, .ant-calendar-header .ant-calendar-next-year-btn:hover::after { border-color: rgba(0, 0, 0, 0.65); } .ant-calendar-header .ant-calendar-next-century-btn::after, .ant-calendar-header .ant-calendar-next-decade-btn::after, .ant-calendar-header .ant-calendar-next-year-btn::after { display: none; } .ant-calendar-header .ant-calendar-next-century-btn::before, .ant-calendar-header .ant-calendar-next-decade-btn::before, .ant-calendar-header .ant-calendar-next-year-btn::before, .ant-calendar-header .ant-calendar-next-century-btn::after, .ant-calendar-header .ant-calendar-next-decade-btn::after, .ant-calendar-header .ant-calendar-next-year-btn::after { transform: rotate(135deg) scale(0.8); } .ant-calendar-header .ant-calendar-next-century-btn::before, .ant-calendar-header .ant-calendar-next-decade-btn::before, .ant-calendar-header .ant-calendar-next-year-btn::before { position: relative; left: 3px; } .ant-calendar-header .ant-calendar-next-century-btn::after, .ant-calendar-header .ant-calendar-next-decade-btn::after, .ant-calendar-header .ant-calendar-next-year-btn::after { display: inline-block; } .ant-calendar-header .ant-calendar-prev-month-btn { left: 29px; height: 100%; } .ant-calendar-header .ant-calendar-prev-month-btn::before, .ant-calendar-header .ant-calendar-prev-month-btn::after { position: relative; top: -1px; display: inline-block; width: 8px; height: 8px; vertical-align: middle; border: 0 solid #aaa; border-width: 1.5px 0 0 1.5px; border-radius: 1px; transform: rotate(-45deg) scale(0.8); transition: all 0.3s; content: ''; } .ant-calendar-header .ant-calendar-prev-month-btn:hover::before, .ant-calendar-header .ant-calendar-prev-month-btn:hover::after { border-color: rgba(0, 0, 0, 0.65); } .ant-calendar-header .ant-calendar-prev-month-btn::after { display: none; } .ant-calendar-header .ant-calendar-next-month-btn { right: 29px; height: 100%; } .ant-calendar-header .ant-calendar-next-month-btn::before, .ant-calendar-header .ant-calendar-next-month-btn::after { position: relative; top: -1px; display: inline-block; width: 8px; height: 8px; vertical-align: middle; border: 0 solid #aaa; border-width: 1.5px 0 0 1.5px; border-radius: 1px; transform: rotate(-45deg) scale(0.8); transition: all 0.3s; content: ''; } .ant-calendar-header .ant-calendar-next-month-btn:hover::before, .ant-calendar-header .ant-calendar-next-month-btn:hover::after { border-color: rgba(0, 0, 0, 0.65); } .ant-calendar-header .ant-calendar-next-month-btn::after { display: none; } .ant-calendar-header .ant-calendar-next-month-btn::before, .ant-calendar-header .ant-calendar-next-month-btn::after { transform: rotate(135deg) scale(0.8); } .ant-calendar-body { padding: 8px 12px; } .ant-calendar table { width: 100%; max-width: 100%; background-color: transparent; border-collapse: collapse; } .ant-calendar table, .ant-calendar th, .ant-calendar td { text-align: center; border: 0; } .ant-calendar-calendar-table { margin-bottom: 0; border-spacing: 0; } .ant-calendar-column-header { width: 33px; padding: 6px 0; line-height: 18px; text-align: center; } .ant-calendar-column-header .ant-calendar-column-header-inner { display: block; font-weight: normal; } .ant-calendar-week-number-header .ant-calendar-column-header-inner { display: none; } .ant-calendar-cell { height: 30px; padding: 3px 0; } .ant-calendar-date { display: block; width: 24px; height: 24px; margin: 0 auto; padding: 0; color: rgba(0, 0, 0, 0.65); line-height: 22px; text-align: center; background: transparent; border: 1px solid transparent; border-radius: 2px; transition: background 0.3s ease; } .ant-calendar-date-panel { position: relative; outline: none; } .ant-calendar-date:hover { background: #fff2f0; cursor: pointer; } .ant-calendar-date:active { color: #fff; background: #ff615c; } .ant-calendar-today .ant-calendar-date { color: #ff3333; font-weight: bold; border-color: #ff3333; } .ant-calendar-selected-day .ant-calendar-date { background: #ffdcd6; } .ant-calendar-last-month-cell .ant-calendar-date, .ant-calendar-next-month-btn-day .ant-calendar-date, .ant-calendar-last-month-cell .ant-calendar-date:hover, .ant-calendar-next-month-btn-day .ant-calendar-date:hover { color: rgba(0, 0, 0, 0.25); background: transparent; border-color: transparent; } .ant-calendar-disabled-cell .ant-calendar-date { position: relative; width: auto; color: rgba(0, 0, 0, 0.25); background: #f5f5f5; border: 1px solid transparent; border-radius: 0; cursor: not-allowed; } .ant-calendar-disabled-cell .ant-calendar-date:hover { background: #f5f5f5; } .ant-calendar-disabled-cell.ant-calendar-selected-day .ant-calendar-date::before { position: absolute; top: -1px; left: 5px; width: 24px; height: 24px; background: rgba(0, 0, 0, 0.1); border-radius: 2px; content: ''; } .ant-calendar-disabled-cell.ant-calendar-today .ant-calendar-date { position: relative; padding-right: 5px; padding-left: 5px; } .ant-calendar-disabled-cell.ant-calendar-today .ant-calendar-date::before { position: absolute; top: -1px; left: 5px; width: 24px; height: 24px; border: 1px solid rgba(0, 0, 0, 0.25); border-radius: 2px; content: ' '; } .ant-calendar-disabled-cell-first-of-row .ant-calendar-date { border-top-left-radius: 4px; border-bottom-left-radius: 4px; } .ant-calendar-disabled-cell-last-of-row .ant-calendar-date { border-top-right-radius: 4px; border-bottom-right-radius: 4px; } .ant-calendar-footer { padding: 0 12px; line-height: 38px; border-top: 1px solid #e8e8e8; } .ant-calendar-footer:empty { border-top: 0; } .ant-calendar-footer-btn { display: block; text-align: center; } .ant-calendar-footer-extra { text-align: left; } .ant-calendar .ant-calendar-today-btn, .ant-calendar .ant-calendar-clear-btn { display: inline-block; margin: 0 0 0 8px; text-align: center; } .ant-calendar .ant-calendar-today-btn-disabled, .ant-calendar .ant-calendar-clear-btn-disabled { color: rgba(0, 0, 0, 0.25); cursor: not-allowed; } .ant-calendar .ant-calendar-today-btn:only-child, .ant-calendar .ant-calendar-clear-btn:only-child { margin: 0; } .ant-calendar .ant-calendar-clear-btn { position: absolute; top: 7px; right: 5px; display: none; width: 20px; height: 20px; margin: 0; overflow: hidden; line-height: 20px; text-align: center; text-indent: -76px; } .ant-calendar .ant-calendar-clear-btn::after { display: inline-block; width: 20px; color: rgba(0, 0, 0, 0.25); font-size: 14px; line-height: 1; text-indent: 43px; transition: color 0.3s ease; } .ant-calendar .ant-calendar-clear-btn:hover::after { color: rgba(0, 0, 0, 0.45); } .ant-calendar .ant-calendar-ok-btn { position: relative; display: inline-block; font-weight: 400; white-space: nowrap; text-align: center; background-image: none; border: 1px solid transparent; box-shadow: 0 2px 0 rgba(0, 0, 0, 0.015); cursor: pointer; transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); user-select: none; touch-action: manipulation; height: 32px; padding: 0 15px; color: #fff; background-color: #ff3333; border-color: #ff3333; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.12); box-shadow: 0 2px 0 rgba(0, 0, 0, 0.045); height: 24px; padding: 0 7px; font-size: 14px; border-radius: 4px; line-height: 22px; } .ant-calendar .ant-calendar-ok-btn > .anticon { line-height: 1; } .ant-calendar .ant-calendar-ok-btn, .ant-calendar .ant-calendar-ok-btn:active, .ant-calendar .ant-calendar-ok-btn:focus { outline: 0; } .ant-calendar .ant-calendar-ok-btn:not([disabled]):hover { text-decoration: none; } .ant-calendar .ant-calendar-ok-btn:not([disabled]):active { outline: 0; box-shadow: none; } .ant-calendar .ant-calendar-ok-btn.disabled, .ant-calendar .ant-calendar-ok-btn[disabled] { cursor: not-allowed; } .ant-calendar .ant-calendar-ok-btn.disabled > *, .ant-calendar .ant-calendar-ok-btn[disabled] > * { pointer-events: none; } .ant-calendar .ant-calendar-ok-btn-lg { height: 40px; padding: 0 15px; font-size: 16px; border-radius: 4px; } .ant-calendar .ant-calendar-ok-btn-sm { height: 24px; padding: 0 7px; font-size: 14px; border-radius: 4px; } .ant-calendar .ant-calendar-ok-btn > a:only-child { color: currentColor; } .ant-calendar .ant-calendar-ok-btn > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-calendar .ant-calendar-ok-btn:hover, .ant-calendar .ant-calendar-ok-btn:focus { color: #fff; background-color: #ff615c; border-color: #ff615c; } .ant-calendar .ant-calendar-ok-btn:hover > a:only-child, .ant-calendar .ant-calendar-ok-btn:focus > a:only-child { color: currentColor; } .ant-calendar .ant-calendar-ok-btn:hover > a:only-child::after, .ant-calendar .ant-calendar-ok-btn:focus > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-calendar .ant-calendar-ok-btn:active, .ant-calendar .ant-calendar-ok-btn.active { color: #fff; background-color: #d92127; border-color: #d92127; } .ant-calendar .ant-calendar-ok-btn:active > a:only-child, .ant-calendar .ant-calendar-ok-btn.active > a:only-child { color: currentColor; } .ant-calendar .ant-calendar-ok-btn:active > a:only-child::after, .ant-calendar .ant-calendar-ok-btn.active > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-calendar .ant-calendar-ok-btn-disabled, .ant-calendar .ant-calendar-ok-btn.disabled, .ant-calendar .ant-calendar-ok-btn[disabled], .ant-calendar .ant-calendar-ok-btn-disabled:hover, .ant-calendar .ant-calendar-ok-btn.disabled:hover, .ant-calendar .ant-calendar-ok-btn[disabled]:hover, .ant-calendar .ant-calendar-ok-btn-disabled:focus, .ant-calendar .ant-calendar-ok-btn.disabled:focus, .ant-calendar .ant-calendar-ok-btn[disabled]:focus, .ant-calendar .ant-calendar-ok-btn-disabled:active, .ant-calendar .ant-calendar-ok-btn.disabled:active, .ant-calendar .ant-calendar-ok-btn[disabled]:active, .ant-calendar .ant-calendar-ok-btn-disabled.active, .ant-calendar .ant-calendar-ok-btn.disabled.active, .ant-calendar .ant-calendar-ok-btn[disabled].active { color: rgba(0, 0, 0, 0.25); background-color: #f5f5f5; border-color: #d9d9d9; text-shadow: none; box-shadow: none; } .ant-calendar .ant-calendar-ok-btn-disabled > a:only-child, .ant-calendar .ant-calendar-ok-btn.disabled > a:only-child, .ant-calendar .ant-calendar-ok-btn[disabled] > a:only-child, .ant-calendar .ant-calendar-ok-btn-disabled:hover > a:only-child, .ant-calendar .ant-calendar-ok-btn.disabled:hover > a:only-child, .ant-calendar .ant-calendar-ok-btn[disabled]:hover > a:only-child, .ant-calendar .ant-calendar-ok-btn-disabled:focus > a:only-child, .ant-calendar .ant-calendar-ok-btn.disabled:focus > a:only-child, .ant-calendar .ant-calendar-ok-btn[disabled]:focus > a:only-child, .ant-calendar .ant-calendar-ok-btn-disabled:active > a:only-child, .ant-calendar .ant-calendar-ok-btn.disabled:active > a:only-child, .ant-calendar .ant-calendar-ok-btn[disabled]:active > a:only-child, .ant-calendar .ant-calendar-ok-btn-disabled.active > a:only-child, .ant-calendar .ant-calendar-ok-btn.disabled.active > a:only-child, .ant-calendar .ant-calendar-ok-btn[disabled].active > a:only-child { color: currentColor; } .ant-calendar .ant-calendar-ok-btn-disabled > a:only-child::after, .ant-calendar .ant-calendar-ok-btn.disabled > a:only-child::after, .ant-calendar .ant-calendar-ok-btn[disabled] > a:only-child::after, .ant-calendar .ant-calendar-ok-btn-disabled:hover > a:only-child::after, .ant-calendar .ant-calendar-ok-btn.disabled:hover > a:only-child::after, .ant-calendar .ant-calendar-ok-btn[disabled]:hover > a:only-child::after, .ant-calendar .ant-calendar-ok-btn-disabled:focus > a:only-child::after, .ant-calendar .ant-calendar-ok-btn.disabled:focus > a:only-child::after, .ant-calendar .ant-calendar-ok-btn[disabled]:focus > a:only-child::after, .ant-calendar .ant-calendar-ok-btn-disabled:active > a:only-child::after, .ant-calendar .ant-calendar-ok-btn.disabled:active > a:only-child::after, .ant-calendar .ant-calendar-ok-btn[disabled]:active > a:only-child::after, .ant-calendar .ant-calendar-ok-btn-disabled.active > a:only-child::after, .ant-calendar .ant-calendar-ok-btn.disabled.active > a:only-child::after, .ant-calendar .ant-calendar-ok-btn[disabled].active > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-calendar .ant-calendar-ok-btn-disabled, .ant-calendar .ant-calendar-ok-btn.disabled, .ant-calendar .ant-calendar-ok-btn[disabled], .ant-calendar .ant-calendar-ok-btn-disabled:hover, .ant-calendar .ant-calendar-ok-btn.disabled:hover, .ant-calendar .ant-calendar-ok-btn[disabled]:hover, .ant-calendar .ant-calendar-ok-btn-disabled:focus, .ant-calendar .ant-calendar-ok-btn.disabled:focus, .ant-calendar .ant-calendar-ok-btn[disabled]:focus, .ant-calendar .ant-calendar-ok-btn-disabled:active, .ant-calendar .ant-calendar-ok-btn.disabled:active, .ant-calendar .ant-calendar-ok-btn[disabled]:active, .ant-calendar .ant-calendar-ok-btn-disabled.active, .ant-calendar .ant-calendar-ok-btn.disabled.active, .ant-calendar .ant-calendar-ok-btn[disabled].active { color: rgba(0, 0, 0, 0.25); background-color: #f5f5f5; border-color: #d9d9d9; text-shadow: none; box-shadow: none; } .ant-calendar .ant-calendar-ok-btn-disabled > a:only-child, .ant-calendar .ant-calendar-ok-btn.disabled > a:only-child, .ant-calendar .ant-calendar-ok-btn[disabled] > a:only-child, .ant-calendar .ant-calendar-ok-btn-disabled:hover > a:only-child, .ant-calendar .ant-calendar-ok-btn.disabled:hover > a:only-child, .ant-calendar .ant-calendar-ok-btn[disabled]:hover > a:only-child, .ant-calendar .ant-calendar-ok-btn-disabled:focus > a:only-child, .ant-calendar .ant-calendar-ok-btn.disabled:focus > a:only-child, .ant-calendar .ant-calendar-ok-btn[disabled]:focus > a:only-child, .ant-calendar .ant-calendar-ok-btn-disabled:active > a:only-child, .ant-calendar .ant-calendar-ok-btn.disabled:active > a:only-child, .ant-calendar .ant-calendar-ok-btn[disabled]:active > a:only-child, .ant-calendar .ant-calendar-ok-btn-disabled.active > a:only-child, .ant-calendar .ant-calendar-ok-btn.disabled.active > a:only-child, .ant-calendar .ant-calendar-ok-btn[disabled].active > a:only-child { color: currentColor; } .ant-calendar .ant-calendar-ok-btn-disabled > a:only-child::after, .ant-calendar .ant-calendar-ok-btn.disabled > a:only-child::after, .ant-calendar .ant-calendar-ok-btn[disabled] > a:only-child::after, .ant-calendar .ant-calendar-ok-btn-disabled:hover > a:only-child::after, .ant-calendar .ant-calendar-ok-btn.disabled:hover > a:only-child::after, .ant-calendar .ant-calendar-ok-btn[disabled]:hover > a:only-child::after, .ant-calendar .ant-calendar-ok-btn-disabled:focus > a:only-child::after, .ant-calendar .ant-calendar-ok-btn.disabled:focus > a:only-child::after, .ant-calendar .ant-calendar-ok-btn[disabled]:focus > a:only-child::after, .ant-calendar .ant-calendar-ok-btn-disabled:active > a:only-child::after, .ant-calendar .ant-calendar-ok-btn.disabled:active > a:only-child::after, .ant-calendar .ant-calendar-ok-btn[disabled]:active > a:only-child::after, .ant-calendar .ant-calendar-ok-btn-disabled.active > a:only-child::after, .ant-calendar .ant-calendar-ok-btn.disabled.active > a:only-child::after, .ant-calendar .ant-calendar-ok-btn[disabled].active > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-calendar-range-picker-input { width: 44%; height: 99%; text-align: center; background-color: transparent; border: 0; outline: 0; } .ant-calendar-range-picker-input::-moz-placeholder { color: #bfbfbf; opacity: 1; } .ant-calendar-range-picker-input:-ms-input-placeholder { color: #bfbfbf; } .ant-calendar-range-picker-input::-webkit-input-placeholder { color: #bfbfbf; } .ant-calendar-range-picker-input:placeholder-shown { text-overflow: ellipsis; } .ant-calendar-range-picker-input[disabled] { cursor: not-allowed; } .ant-calendar-range-picker-separator { display: inline-block; min-width: 10px; height: 100%; color: rgba(0, 0, 0, 0.45); white-space: nowrap; text-align: center; vertical-align: top; pointer-events: none; } .ant-calendar-range { width: 552px; overflow: hidden; } .ant-calendar-range .ant-calendar-date-panel::after { display: block; clear: both; height: 0; visibility: hidden; content: '.'; } .ant-calendar-range-part { position: relative; width: 50%; } .ant-calendar-range-left { float: left; } .ant-calendar-range-left .ant-calendar-time-picker-inner { border-right: 1px solid #e8e8e8; } .ant-calendar-range-right { float: right; } .ant-calendar-range-right .ant-calendar-time-picker-inner { border-left: 1px solid #e8e8e8; } .ant-calendar-range-middle { position: absolute; left: 50%; z-index: 1; height: 34px; margin: 1px 0 0 0; padding: 0 200px 0 0; color: rgba(0, 0, 0, 0.45); line-height: 34px; text-align: center; transform: translateX(-50%); pointer-events: none; } .ant-calendar-range-right .ant-calendar-date-input-wrap { margin-left: -90px; } .ant-calendar-range.ant-calendar-time .ant-calendar-range-middle { padding: 0 10px 0 0; transform: translateX(-50%); } .ant-calendar-range .ant-calendar-today :not(.ant-calendar-disabled-cell) :not(.ant-calendar-last-month-cell) :not(.ant-calendar-next-month-btn-day) .ant-calendar-date { color: #ff3333; background: #ffdcd6; border-color: #ff3333; } .ant-calendar-range .ant-calendar-selected-start-date .ant-calendar-date, .ant-calendar-range .ant-calendar-selected-end-date .ant-calendar-date { color: #fff; background: #ff3333; border: 1px solid transparent; } .ant-calendar-range .ant-calendar-selected-start-date .ant-calendar-date:hover, .ant-calendar-range .ant-calendar-selected-end-date .ant-calendar-date:hover { background: #ff3333; } .ant-calendar-range.ant-calendar-time .ant-calendar-range-right .ant-calendar-date-input-wrap { margin-left: 0; } .ant-calendar-range .ant-calendar-input-wrap { position: relative; height: 34px; } .ant-calendar-range .ant-calendar-input, .ant-calendar-range .ant-calendar-time-picker-input { position: relative; display: inline-block; width: 100%; height: 32px; padding: 4px 11px; color: rgba(0, 0, 0, 0.65); font-size: 14px; line-height: 1.5; background-color: #fff; background-image: none; border: 1px solid #d9d9d9; border-radius: 4px; transition: all 0.3s; height: 24px; padding-right: 0; padding-left: 0; line-height: 24px; border: 0; box-shadow: none; } .ant-calendar-range .ant-calendar-input::-moz-placeholder, .ant-calendar-range .ant-calendar-time-picker-input::-moz-placeholder { color: #bfbfbf; opacity: 1; } .ant-calendar-range .ant-calendar-input:-ms-input-placeholder, .ant-calendar-range .ant-calendar-time-picker-input:-ms-input-placeholder { color: #bfbfbf; } .ant-calendar-range .ant-calendar-input::-webkit-input-placeholder, .ant-calendar-range .ant-calendar-time-picker-input::-webkit-input-placeholder { color: #bfbfbf; } .ant-calendar-range .ant-calendar-input:placeholder-shown, .ant-calendar-range .ant-calendar-time-picker-input:placeholder-shown { text-overflow: ellipsis; } .ant-calendar-range .ant-calendar-input:hover, .ant-calendar-range .ant-calendar-time-picker-input:hover { border-color: #ff615c; border-right-width: 1px !important; } .ant-calendar-range .ant-calendar-input:focus, .ant-calendar-range .ant-calendar-time-picker-input:focus { border-color: #ff615c; border-right-width: 1px !important; outline: 0; box-shadow: 0 0 0 2px rgba(255, 51, 51, 0.2); } .ant-calendar-range .ant-calendar-input-disabled, .ant-calendar-range .ant-calendar-time-picker-input-disabled { color: rgba(0, 0, 0, 0.25); background-color: #f5f5f5; cursor: not-allowed; opacity: 1; } .ant-calendar-range .ant-calendar-input-disabled:hover, .ant-calendar-range .ant-calendar-time-picker-input-disabled:hover { border-color: #d9d9d9; border-right-width: 1px !important; } .ant-calendar-range .ant-calendar-input[disabled], .ant-calendar-range .ant-calendar-time-picker-input[disabled] { color: rgba(0, 0, 0, 0.25); background-color: #f5f5f5; cursor: not-allowed; opacity: 1; } .ant-calendar-range .ant-calendar-input[disabled]:hover, .ant-calendar-range .ant-calendar-time-picker-input[disabled]:hover { border-color: #d9d9d9; border-right-width: 1px !important; } textarea.ant-calendar-range .ant-calendar-input, textarea.ant-calendar-range .ant-calendar-time-picker-input { max-width: 100%; height: auto; min-height: 32px; line-height: 1.5; vertical-align: bottom; transition: all 0.3s, height 0s; } .ant-calendar-range .ant-calendar-input-lg, .ant-calendar-range .ant-calendar-time-picker-input-lg { height: 40px; padding: 6px 11px; font-size: 16px; } .ant-calendar-range .ant-calendar-input-sm, .ant-calendar-range .ant-calendar-time-picker-input-sm { height: 24px; padding: 1px 7px; } .ant-calendar-range .ant-calendar-input:focus, .ant-calendar-range .ant-calendar-time-picker-input:focus { box-shadow: none; } .ant-calendar-range .ant-calendar-time-picker-icon { display: none; } .ant-calendar-range.ant-calendar-week-number { width: 574px; } .ant-calendar-range.ant-calendar-week-number .ant-calendar-range-part { width: 286px; } .ant-calendar-range .ant-calendar-year-panel, .ant-calendar-range .ant-calendar-month-panel, .ant-calendar-range .ant-calendar-decade-panel { top: 34px; } .ant-calendar-range .ant-calendar-month-panel .ant-calendar-year-panel { top: 0; } .ant-calendar-range .ant-calendar-decade-panel-table, .ant-calendar-range .ant-calendar-year-panel-table, .ant-calendar-range .ant-calendar-month-panel-table { height: 208px; } .ant-calendar-range .ant-calendar-in-range-cell { position: relative; border-radius: 0; } .ant-calendar-range .ant-calendar-in-range-cell > div { position: relative; z-index: 1; } .ant-calendar-range .ant-calendar-in-range-cell::before { position: absolute; top: 4px; right: 0; bottom: 4px; left: 0; display: block; background: #fff2f0; border: 0; border-radius: 0; content: ''; } .ant-calendar-range .ant-calendar-footer-extra { float: left; } div.ant-calendar-range-quick-selector { text-align: left; } div.ant-calendar-range-quick-selector > a { margin-right: 8px; } .ant-calendar-range .ant-calendar-header, .ant-calendar-range .ant-calendar-month-panel-header, .ant-calendar-range .ant-calendar-year-panel-header, .ant-calendar-range .ant-calendar-decade-panel-header { border-bottom: 0; } .ant-calendar-range .ant-calendar-body, .ant-calendar-range .ant-calendar-month-panel-body, .ant-calendar-range .ant-calendar-year-panel-body, .ant-calendar-range .ant-calendar-decade-panel-body { border-top: 1px solid #e8e8e8; } .ant-calendar-range.ant-calendar-time .ant-calendar-time-picker { top: 68px; z-index: 2; width: 100%; height: 207px; } .ant-calendar-range.ant-calendar-time .ant-calendar-time-picker-panel { height: 267px; margin-top: -34px; } .ant-calendar-range.ant-calendar-time .ant-calendar-time-picker-inner { height: 100%; padding-top: 40px; background: none; } .ant-calendar-range.ant-calendar-time .ant-calendar-time-picker-combobox { display: inline-block; height: 100%; background-color: #fff; border-top: 1px solid #e8e8e8; } .ant-calendar-range.ant-calendar-time .ant-calendar-time-picker-select { height: 100%; } .ant-calendar-range.ant-calendar-time .ant-calendar-time-picker-select ul { max-height: 100%; } .ant-calendar-range.ant-calendar-time .ant-calendar-footer .ant-calendar-time-picker-btn { margin-right: 8px; } .ant-calendar-range.ant-calendar-time .ant-calendar-today-btn { height: 22px; margin: 8px 12px; line-height: 22px; } .ant-calendar-range-with-ranges.ant-calendar-time .ant-calendar-time-picker { height: 233px; } .ant-calendar-range.ant-calendar-show-time-picker .ant-calendar-body { border-top-color: transparent; } .ant-calendar-time-picker { position: absolute; top: 40px; width: 100%; background-color: #fff; } .ant-calendar-time-picker-panel { position: absolute; z-index: 1050; width: 100%; } .ant-calendar-time-picker-inner { position: relative; display: inline-block; width: 100%; overflow: hidden; font-size: 14px; line-height: 1.5; text-align: left; list-style: none; background-color: #fff; background-clip: padding-box; outline: none; } .ant-calendar-time-picker-combobox { width: 100%; } .ant-calendar-time-picker-column-1, .ant-calendar-time-picker-column-1 .ant-calendar-time-picker-select { width: 100%; } .ant-calendar-time-picker-column-2 .ant-calendar-time-picker-select { width: 50%; } .ant-calendar-time-picker-column-3 .ant-calendar-time-picker-select { width: 33.33%; } .ant-calendar-time-picker-column-4 .ant-calendar-time-picker-select { width: 25%; } .ant-calendar-time-picker-input-wrap { display: none; } .ant-calendar-time-picker-select { position: relative; float: left; height: 226px; overflow: hidden; font-size: 14px; border-right: 1px solid #e8e8e8; } .ant-calendar-time-picker-select:hover { overflow-y: auto; } .ant-calendar-time-picker-select:first-child { margin-left: 0; border-left: 0; } .ant-calendar-time-picker-select:last-child { border-right: 0; } .ant-calendar-time-picker-select ul { width: 100%; max-height: 206px; margin: 0; padding: 0; list-style: none; } .ant-calendar-time-picker-select li { width: 100%; height: 24px; margin: 0; line-height: 24px; text-align: center; list-style: none; cursor: pointer; transition: all 0.3s; user-select: none; } .ant-calendar-time-picker-select li:last-child::after { display: block; height: 202px; content: ''; } .ant-calendar-time-picker-select li:hover { background: #fff2f0; } .ant-calendar-time-picker-select li:focus { color: #ff3333; font-weight: 600; outline: none; } li.ant-calendar-time-picker-select-option-selected { font-weight: 600; background: #f5f5f5; } li.ant-calendar-time-picker-select-option-disabled { color: rgba(0, 0, 0, 0.25); } li.ant-calendar-time-picker-select-option-disabled:hover { background: transparent; cursor: not-allowed; } .ant-calendar-time .ant-calendar-day-select { display: inline-block; padding: 0 2px; color: rgba(0, 0, 0, 0.85); font-weight: 500; line-height: 34px; } .ant-calendar-time .ant-calendar-footer { position: relative; height: auto; } .ant-calendar-time .ant-calendar-footer-btn { text-align: right; } .ant-calendar-time .ant-calendar-footer .ant-calendar-today-btn { float: left; margin: 0; } .ant-calendar-time .ant-calendar-footer .ant-calendar-time-picker-btn { display: inline-block; margin-right: 8px; } .ant-calendar-time .ant-calendar-footer .ant-calendar-time-picker-btn-disabled { color: rgba(0, 0, 0, 0.25); } .ant-calendar-month-panel { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 10; background: #fff; border-radius: 4px; outline: none; } .ant-calendar-month-panel > div { display: flex; flex-direction: column; height: 100%; } .ant-calendar-month-panel-hidden { display: none; } .ant-calendar-month-panel-header { height: 40px; line-height: 40px; text-align: center; border-bottom: 1px solid #e8e8e8; user-select: none; position: relative; } .ant-calendar-month-panel-header a:hover { color: #ff615c; } .ant-calendar-month-panel-header .ant-calendar-month-panel-century-select, .ant-calendar-month-panel-header .ant-calendar-month-panel-decade-select, .ant-calendar-month-panel-header .ant-calendar-month-panel-year-select, .ant-calendar-month-panel-header .ant-calendar-month-panel-month-select { display: inline-block; padding: 0 2px; color: rgba(0, 0, 0, 0.85); font-weight: 500; line-height: 40px; } .ant-calendar-month-panel-header .ant-calendar-month-panel-century-select-arrow, .ant-calendar-month-panel-header .ant-calendar-month-panel-decade-select-arrow, .ant-calendar-month-panel-header .ant-calendar-month-panel-year-select-arrow, .ant-calendar-month-panel-header .ant-calendar-month-panel-month-select-arrow { display: none; } .ant-calendar-month-panel-header .ant-calendar-month-panel-prev-century-btn, .ant-calendar-month-panel-header .ant-calendar-month-panel-next-century-btn, .ant-calendar-month-panel-header .ant-calendar-month-panel-prev-decade-btn, .ant-calendar-month-panel-header .ant-calendar-month-panel-next-decade-btn, .ant-calendar-month-panel-header .ant-calendar-month-panel-prev-month-btn, .ant-calendar-month-panel-header .ant-calendar-month-panel-next-month-btn, .ant-calendar-month-panel-header .ant-calendar-month-panel-prev-year-btn, .ant-calendar-month-panel-header .ant-calendar-month-panel-next-year-btn { position: absolute; top: 0; display: inline-block; padding: 0 5px; color: rgba(0, 0, 0, 0.45); font-size: 16px; font-family: Arial, 'Hiragino Sans GB', 'Microsoft Yahei', 'Microsoft Sans Serif', sans-serif; line-height: 40px; } .ant-calendar-month-panel-header .ant-calendar-month-panel-prev-century-btn, .ant-calendar-month-panel-header .ant-calendar-month-panel-prev-decade-btn, .ant-calendar-month-panel-header .ant-calendar-month-panel-prev-year-btn { left: 7px; height: 100%; } .ant-calendar-month-panel-header .ant-calendar-month-panel-prev-century-btn::before, .ant-calendar-month-panel-header .ant-calendar-month-panel-prev-decade-btn::before, .ant-calendar-month-panel-header .ant-calendar-month-panel-prev-year-btn::before, .ant-calendar-month-panel-header .ant-calendar-month-panel-prev-century-btn::after, .ant-calendar-month-panel-header .ant-calendar-month-panel-prev-decade-btn::after, .ant-calendar-month-panel-header .ant-calendar-month-panel-prev-year-btn::after { position: relative; top: -1px; display: inline-block; width: 8px; height: 8px; vertical-align: middle; border: 0 solid #aaa; border-width: 1.5px 0 0 1.5px; border-radius: 1px; transform: rotate(-45deg) scale(0.8); transition: all 0.3s; content: ''; } .ant-calendar-month-panel-header .ant-calendar-month-panel-prev-century-btn:hover::before, .ant-calendar-month-panel-header .ant-calendar-month-panel-prev-decade-btn:hover::before, .ant-calendar-month-panel-header .ant-calendar-month-panel-prev-year-btn:hover::before, .ant-calendar-month-panel-header .ant-calendar-month-panel-prev-century-btn:hover::after, .ant-calendar-month-panel-header .ant-calendar-month-panel-prev-decade-btn:hover::after, .ant-calendar-month-panel-header .ant-calendar-month-panel-prev-year-btn:hover::after { border-color: rgba(0, 0, 0, 0.65); } .ant-calendar-month-panel-header .ant-calendar-month-panel-prev-century-btn::after, .ant-calendar-month-panel-header .ant-calendar-month-panel-prev-decade-btn::after, .ant-calendar-month-panel-header .ant-calendar-month-panel-prev-year-btn::after { display: none; } .ant-calendar-month-panel-header .ant-calendar-month-panel-prev-century-btn::after, .ant-calendar-month-panel-header .ant-calendar-month-panel-prev-decade-btn::after, .ant-calendar-month-panel-header .ant-calendar-month-panel-prev-year-btn::after { position: relative; left: -3px; display: inline-block; } .ant-calendar-month-panel-header .ant-calendar-month-panel-next-century-btn, .ant-calendar-month-panel-header .ant-calendar-month-panel-next-decade-btn, .ant-calendar-month-panel-header .ant-calendar-month-panel-next-year-btn { right: 7px; height: 100%; } .ant-calendar-month-panel-header .ant-calendar-month-panel-next-century-btn::before, .ant-calendar-month-panel-header .ant-calendar-month-panel-next-decade-btn::before, .ant-calendar-month-panel-header .ant-calendar-month-panel-next-year-btn::before, .ant-calendar-month-panel-header .ant-calendar-month-panel-next-century-btn::after, .ant-calendar-month-panel-header .ant-calendar-month-panel-next-decade-btn::after, .ant-calendar-month-panel-header .ant-calendar-month-panel-next-year-btn::after { position: relative; top: -1px; display: inline-block; width: 8px; height: 8px; vertical-align: middle; border: 0 solid #aaa; border-width: 1.5px 0 0 1.5px; border-radius: 1px; transform: rotate(-45deg) scale(0.8); transition: all 0.3s; content: ''; } .ant-calendar-month-panel-header .ant-calendar-month-panel-next-century-btn:hover::before, .ant-calendar-month-panel-header .ant-calendar-month-panel-next-decade-btn:hover::before, .ant-calendar-month-panel-header .ant-calendar-month-panel-next-year-btn:hover::before, .ant-calendar-month-panel-header .ant-calendar-month-panel-next-century-btn:hover::after, .ant-calendar-month-panel-header .ant-calendar-month-panel-next-decade-btn:hover::after, .ant-calendar-month-panel-header .ant-calendar-month-panel-next-year-btn:hover::after { border-color: rgba(0, 0, 0, 0.65); } .ant-calendar-month-panel-header .ant-calendar-month-panel-next-century-btn::after, .ant-calendar-month-panel-header .ant-calendar-month-panel-next-decade-btn::after, .ant-calendar-month-panel-header .ant-calendar-month-panel-next-year-btn::after { display: none; } .ant-calendar-month-panel-header .ant-calendar-month-panel-next-century-btn::before, .ant-calendar-month-panel-header .ant-calendar-month-panel-next-decade-btn::before, .ant-calendar-month-panel-header .ant-calendar-month-panel-next-year-btn::before, .ant-calendar-month-panel-header .ant-calendar-month-panel-next-century-btn::after, .ant-calendar-month-panel-header .ant-calendar-month-panel-next-decade-btn::after, .ant-calendar-month-panel-header .ant-calendar-month-panel-next-year-btn::after { transform: rotate(135deg) scale(0.8); } .ant-calendar-month-panel-header .ant-calendar-month-panel-next-century-btn::before, .ant-calendar-month-panel-header .ant-calendar-month-panel-next-decade-btn::before, .ant-calendar-month-panel-header .ant-calendar-month-panel-next-year-btn::before { position: relative; left: 3px; } .ant-calendar-month-panel-header .ant-calendar-month-panel-next-century-btn::after, .ant-calendar-month-panel-header .ant-calendar-month-panel-next-decade-btn::after, .ant-calendar-month-panel-header .ant-calendar-month-panel-next-year-btn::after { display: inline-block; } .ant-calendar-month-panel-header .ant-calendar-month-panel-prev-month-btn { left: 29px; height: 100%; } .ant-calendar-month-panel-header .ant-calendar-month-panel-prev-month-btn::before, .ant-calendar-month-panel-header .ant-calendar-month-panel-prev-month-btn::after { position: relative; top: -1px; display: inline-block; width: 8px; height: 8px; vertical-align: middle; border: 0 solid #aaa; border-width: 1.5px 0 0 1.5px; border-radius: 1px; transform: rotate(-45deg) scale(0.8); transition: all 0.3s; content: ''; } .ant-calendar-month-panel-header .ant-calendar-month-panel-prev-month-btn:hover::before, .ant-calendar-month-panel-header .ant-calendar-month-panel-prev-month-btn:hover::after { border-color: rgba(0, 0, 0, 0.65); } .ant-calendar-month-panel-header .ant-calendar-month-panel-prev-month-btn::after { display: none; } .ant-calendar-month-panel-header .ant-calendar-month-panel-next-month-btn { right: 29px; height: 100%; } .ant-calendar-month-panel-header .ant-calendar-month-panel-next-month-btn::before, .ant-calendar-month-panel-header .ant-calendar-month-panel-next-month-btn::after { position: relative; top: -1px; display: inline-block; width: 8px; height: 8px; vertical-align: middle; border: 0 solid #aaa; border-width: 1.5px 0 0 1.5px; border-radius: 1px; transform: rotate(-45deg) scale(0.8); transition: all 0.3s; content: ''; } .ant-calendar-month-panel-header .ant-calendar-month-panel-next-month-btn:hover::before, .ant-calendar-month-panel-header .ant-calendar-month-panel-next-month-btn:hover::after { border-color: rgba(0, 0, 0, 0.65); } .ant-calendar-month-panel-header .ant-calendar-month-panel-next-month-btn::after { display: none; } .ant-calendar-month-panel-header .ant-calendar-month-panel-next-month-btn::before, .ant-calendar-month-panel-header .ant-calendar-month-panel-next-month-btn::after { transform: rotate(135deg) scale(0.8); } .ant-calendar-month-panel-body { flex: 1; } .ant-calendar-month-panel-footer { border-top: 1px solid #e8e8e8; } .ant-calendar-month-panel-footer .ant-calendar-footer-extra { padding: 0 12px; } .ant-calendar-month-panel-table { width: 100%; height: 100%; table-layout: fixed; border-collapse: separate; } .ant-calendar-month-panel-selected-cell .ant-calendar-month-panel-month { color: #fff; background: #ff3333; } .ant-calendar-month-panel-selected-cell .ant-calendar-month-panel-month:hover { color: #fff; background: #ff3333; } .ant-calendar-month-panel-cell { text-align: center; } .ant-calendar-month-panel-cell-disabled .ant-calendar-month-panel-month, .ant-calendar-month-panel-cell-disabled .ant-calendar-month-panel-month:hover { color: rgba(0, 0, 0, 0.25); background: #f5f5f5; cursor: not-allowed; } .ant-calendar-month-panel-month { display: inline-block; height: 24px; margin: 0 auto; padding: 0 8px; color: rgba(0, 0, 0, 0.65); line-height: 24px; text-align: center; background: transparent; border-radius: 2px; transition: background 0.3s ease; } .ant-calendar-month-panel-month:hover { background: #fff2f0; cursor: pointer; } .ant-calendar-year-panel { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 10; background: #fff; border-radius: 4px; outline: none; } .ant-calendar-year-panel > div { display: flex; flex-direction: column; height: 100%; } .ant-calendar-year-panel-hidden { display: none; } .ant-calendar-year-panel-header { height: 40px; line-height: 40px; text-align: center; border-bottom: 1px solid #e8e8e8; user-select: none; position: relative; } .ant-calendar-year-panel-header a:hover { color: #ff615c; } .ant-calendar-year-panel-header .ant-calendar-year-panel-century-select, .ant-calendar-year-panel-header .ant-calendar-year-panel-decade-select, .ant-calendar-year-panel-header .ant-calendar-year-panel-year-select, .ant-calendar-year-panel-header .ant-calendar-year-panel-month-select { display: inline-block; padding: 0 2px; color: rgba(0, 0, 0, 0.85); font-weight: 500; line-height: 40px; } .ant-calendar-year-panel-header .ant-calendar-year-panel-century-select-arrow, .ant-calendar-year-panel-header .ant-calendar-year-panel-decade-select-arrow, .ant-calendar-year-panel-header .ant-calendar-year-panel-year-select-arrow, .ant-calendar-year-panel-header .ant-calendar-year-panel-month-select-arrow { display: none; } .ant-calendar-year-panel-header .ant-calendar-year-panel-prev-century-btn, .ant-calendar-year-panel-header .ant-calendar-year-panel-next-century-btn, .ant-calendar-year-panel-header .ant-calendar-year-panel-prev-decade-btn, .ant-calendar-year-panel-header .ant-calendar-year-panel-next-decade-btn, .ant-calendar-year-panel-header .ant-calendar-year-panel-prev-month-btn, .ant-calendar-year-panel-header .ant-calendar-year-panel-next-month-btn, .ant-calendar-year-panel-header .ant-calendar-year-panel-prev-year-btn, .ant-calendar-year-panel-header .ant-calendar-year-panel-next-year-btn { position: absolute; top: 0; display: inline-block; padding: 0 5px; color: rgba(0, 0, 0, 0.45); font-size: 16px; font-family: Arial, 'Hiragino Sans GB', 'Microsoft Yahei', 'Microsoft Sans Serif', sans-serif; line-height: 40px; } .ant-calendar-year-panel-header .ant-calendar-year-panel-prev-century-btn, .ant-calendar-year-panel-header .ant-calendar-year-panel-prev-decade-btn, .ant-calendar-year-panel-header .ant-calendar-year-panel-prev-year-btn { left: 7px; height: 100%; } .ant-calendar-year-panel-header .ant-calendar-year-panel-prev-century-btn::before, .ant-calendar-year-panel-header .ant-calendar-year-panel-prev-decade-btn::before, .ant-calendar-year-panel-header .ant-calendar-year-panel-prev-year-btn::before, .ant-calendar-year-panel-header .ant-calendar-year-panel-prev-century-btn::after, .ant-calendar-year-panel-header .ant-calendar-year-panel-prev-decade-btn::after, .ant-calendar-year-panel-header .ant-calendar-year-panel-prev-year-btn::after { position: relative; top: -1px; display: inline-block; width: 8px; height: 8px; vertical-align: middle; border: 0 solid #aaa; border-width: 1.5px 0 0 1.5px; border-radius: 1px; transform: rotate(-45deg) scale(0.8); transition: all 0.3s; content: ''; } .ant-calendar-year-panel-header .ant-calendar-year-panel-prev-century-btn:hover::before, .ant-calendar-year-panel-header .ant-calendar-year-panel-prev-decade-btn:hover::before, .ant-calendar-year-panel-header .ant-calendar-year-panel-prev-year-btn:hover::before, .ant-calendar-year-panel-header .ant-calendar-year-panel-prev-century-btn:hover::after, .ant-calendar-year-panel-header .ant-calendar-year-panel-prev-decade-btn:hover::after, .ant-calendar-year-panel-header .ant-calendar-year-panel-prev-year-btn:hover::after { border-color: rgba(0, 0, 0, 0.65); } .ant-calendar-year-panel-header .ant-calendar-year-panel-prev-century-btn::after, .ant-calendar-year-panel-header .ant-calendar-year-panel-prev-decade-btn::after, .ant-calendar-year-panel-header .ant-calendar-year-panel-prev-year-btn::after { display: none; } .ant-calendar-year-panel-header .ant-calendar-year-panel-prev-century-btn::after, .ant-calendar-year-panel-header .ant-calendar-year-panel-prev-decade-btn::after, .ant-calendar-year-panel-header .ant-calendar-year-panel-prev-year-btn::after { position: relative; left: -3px; display: inline-block; } .ant-calendar-year-panel-header .ant-calendar-year-panel-next-century-btn, .ant-calendar-year-panel-header .ant-calendar-year-panel-next-decade-btn, .ant-calendar-year-panel-header .ant-calendar-year-panel-next-year-btn { right: 7px; height: 100%; } .ant-calendar-year-panel-header .ant-calendar-year-panel-next-century-btn::before, .ant-calendar-year-panel-header .ant-calendar-year-panel-next-decade-btn::before, .ant-calendar-year-panel-header .ant-calendar-year-panel-next-year-btn::before, .ant-calendar-year-panel-header .ant-calendar-year-panel-next-century-btn::after, .ant-calendar-year-panel-header .ant-calendar-year-panel-next-decade-btn::after, .ant-calendar-year-panel-header .ant-calendar-year-panel-next-year-btn::after { position: relative; top: -1px; display: inline-block; width: 8px; height: 8px; vertical-align: middle; border: 0 solid #aaa; border-width: 1.5px 0 0 1.5px; border-radius: 1px; transform: rotate(-45deg) scale(0.8); transition: all 0.3s; content: ''; } .ant-calendar-year-panel-header .ant-calendar-year-panel-next-century-btn:hover::before, .ant-calendar-year-panel-header .ant-calendar-year-panel-next-decade-btn:hover::before, .ant-calendar-year-panel-header .ant-calendar-year-panel-next-year-btn:hover::before, .ant-calendar-year-panel-header .ant-calendar-year-panel-next-century-btn:hover::after, .ant-calendar-year-panel-header .ant-calendar-year-panel-next-decade-btn:hover::after, .ant-calendar-year-panel-header .ant-calendar-year-panel-next-year-btn:hover::after { border-color: rgba(0, 0, 0, 0.65); } .ant-calendar-year-panel-header .ant-calendar-year-panel-next-century-btn::after, .ant-calendar-year-panel-header .ant-calendar-year-panel-next-decade-btn::after, .ant-calendar-year-panel-header .ant-calendar-year-panel-next-year-btn::after { display: none; } .ant-calendar-year-panel-header .ant-calendar-year-panel-next-century-btn::before, .ant-calendar-year-panel-header .ant-calendar-year-panel-next-decade-btn::before, .ant-calendar-year-panel-header .ant-calendar-year-panel-next-year-btn::before, .ant-calendar-year-panel-header .ant-calendar-year-panel-next-century-btn::after, .ant-calendar-year-panel-header .ant-calendar-year-panel-next-decade-btn::after, .ant-calendar-year-panel-header .ant-calendar-year-panel-next-year-btn::after { transform: rotate(135deg) scale(0.8); } .ant-calendar-year-panel-header .ant-calendar-year-panel-next-century-btn::before, .ant-calendar-year-panel-header .ant-calendar-year-panel-next-decade-btn::before, .ant-calendar-year-panel-header .ant-calendar-year-panel-next-year-btn::before { position: relative; left: 3px; } .ant-calendar-year-panel-header .ant-calendar-year-panel-next-century-btn::after, .ant-calendar-year-panel-header .ant-calendar-year-panel-next-decade-btn::after, .ant-calendar-year-panel-header .ant-calendar-year-panel-next-year-btn::after { display: inline-block; } .ant-calendar-year-panel-header .ant-calendar-year-panel-prev-month-btn { left: 29px; height: 100%; } .ant-calendar-year-panel-header .ant-calendar-year-panel-prev-month-btn::before, .ant-calendar-year-panel-header .ant-calendar-year-panel-prev-month-btn::after { position: relative; top: -1px; display: inline-block; width: 8px; height: 8px; vertical-align: middle; border: 0 solid #aaa; border-width: 1.5px 0 0 1.5px; border-radius: 1px; transform: rotate(-45deg) scale(0.8); transition: all 0.3s; content: ''; } .ant-calendar-year-panel-header .ant-calendar-year-panel-prev-month-btn:hover::before, .ant-calendar-year-panel-header .ant-calendar-year-panel-prev-month-btn:hover::after { border-color: rgba(0, 0, 0, 0.65); } .ant-calendar-year-panel-header .ant-calendar-year-panel-prev-month-btn::after { display: none; } .ant-calendar-year-panel-header .ant-calendar-year-panel-next-month-btn { right: 29px; height: 100%; } .ant-calendar-year-panel-header .ant-calendar-year-panel-next-month-btn::before, .ant-calendar-year-panel-header .ant-calendar-year-panel-next-month-btn::after { position: relative; top: -1px; display: inline-block; width: 8px; height: 8px; vertical-align: middle; border: 0 solid #aaa; border-width: 1.5px 0 0 1.5px; border-radius: 1px; transform: rotate(-45deg) scale(0.8); transition: all 0.3s; content: ''; } .ant-calendar-year-panel-header .ant-calendar-year-panel-next-month-btn:hover::before, .ant-calendar-year-panel-header .ant-calendar-year-panel-next-month-btn:hover::after { border-color: rgba(0, 0, 0, 0.65); } .ant-calendar-year-panel-header .ant-calendar-year-panel-next-month-btn::after { display: none; } .ant-calendar-year-panel-header .ant-calendar-year-panel-next-month-btn::before, .ant-calendar-year-panel-header .ant-calendar-year-panel-next-month-btn::after { transform: rotate(135deg) scale(0.8); } .ant-calendar-year-panel-body { flex: 1; } .ant-calendar-year-panel-footer { border-top: 1px solid #e8e8e8; } .ant-calendar-year-panel-footer .ant-calendar-footer-extra { padding: 0 12px; } .ant-calendar-year-panel-table { width: 100%; height: 100%; table-layout: fixed; border-collapse: separate; } .ant-calendar-year-panel-cell { text-align: center; } .ant-calendar-year-panel-year { display: inline-block; height: 24px; margin: 0 auto; padding: 0 8px; color: rgba(0, 0, 0, 0.65); line-height: 24px; text-align: center; background: transparent; border-radius: 2px; transition: background 0.3s ease; } .ant-calendar-year-panel-year:hover { background: #fff2f0; cursor: pointer; } .ant-calendar-year-panel-selected-cell .ant-calendar-year-panel-year { color: #fff; background: #ff3333; } .ant-calendar-year-panel-selected-cell .ant-calendar-year-panel-year:hover { color: #fff; background: #ff3333; } .ant-calendar-year-panel-last-decade-cell .ant-calendar-year-panel-year, .ant-calendar-year-panel-next-decade-cell .ant-calendar-year-panel-year { color: rgba(0, 0, 0, 0.25); user-select: none; } .ant-calendar-decade-panel { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 10; display: flex; flex-direction: column; background: #fff; border-radius: 4px; outline: none; } .ant-calendar-decade-panel-hidden { display: none; } .ant-calendar-decade-panel-header { height: 40px; line-height: 40px; text-align: center; border-bottom: 1px solid #e8e8e8; user-select: none; position: relative; } .ant-calendar-decade-panel-header a:hover { color: #ff615c; } .ant-calendar-decade-panel-header .ant-calendar-decade-panel-century-select, .ant-calendar-decade-panel-header .ant-calendar-decade-panel-decade-select, .ant-calendar-decade-panel-header .ant-calendar-decade-panel-year-select, .ant-calendar-decade-panel-header .ant-calendar-decade-panel-month-select { display: inline-block; padding: 0 2px; color: rgba(0, 0, 0, 0.85); font-weight: 500; line-height: 40px; } .ant-calendar-decade-panel-header .ant-calendar-decade-panel-century-select-arrow, .ant-calendar-decade-panel-header .ant-calendar-decade-panel-decade-select-arrow, .ant-calendar-decade-panel-header .ant-calendar-decade-panel-year-select-arrow, .ant-calendar-decade-panel-header .ant-calendar-decade-panel-month-select-arrow { display: none; } .ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-century-btn, .ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-century-btn, .ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-decade-btn, .ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-decade-btn, .ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-month-btn, .ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-month-btn, .ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-year-btn, .ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-year-btn { position: absolute; top: 0; display: inline-block; padding: 0 5px; color: rgba(0, 0, 0, 0.45); font-size: 16px; font-family: Arial, 'Hiragino Sans GB', 'Microsoft Yahei', 'Microsoft Sans Serif', sans-serif; line-height: 40px; } .ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-century-btn, .ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-decade-btn, .ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-year-btn { left: 7px; height: 100%; } .ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-century-btn::before, .ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-decade-btn::before, .ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-year-btn::before, .ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-century-btn::after, .ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-decade-btn::after, .ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-year-btn::after { position: relative; top: -1px; display: inline-block; width: 8px; height: 8px; vertical-align: middle; border: 0 solid #aaa; border-width: 1.5px 0 0 1.5px; border-radius: 1px; transform: rotate(-45deg) scale(0.8); transition: all 0.3s; content: ''; } .ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-century-btn:hover::before, .ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-decade-btn:hover::before, .ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-year-btn:hover::before, .ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-century-btn:hover::after, .ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-decade-btn:hover::after, .ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-year-btn:hover::after { border-color: rgba(0, 0, 0, 0.65); } .ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-century-btn::after, .ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-decade-btn::after, .ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-year-btn::after { display: none; } .ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-century-btn::after, .ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-decade-btn::after, .ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-year-btn::after { position: relative; left: -3px; display: inline-block; } .ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-century-btn, .ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-decade-btn, .ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-year-btn { right: 7px; height: 100%; } .ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-century-btn::before, .ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-decade-btn::before, .ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-year-btn::before, .ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-century-btn::after, .ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-decade-btn::after, .ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-year-btn::after { position: relative; top: -1px; display: inline-block; width: 8px; height: 8px; vertical-align: middle; border: 0 solid #aaa; border-width: 1.5px 0 0 1.5px; border-radius: 1px; transform: rotate(-45deg) scale(0.8); transition: all 0.3s; content: ''; } .ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-century-btn:hover::before, .ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-decade-btn:hover::before, .ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-year-btn:hover::before, .ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-century-btn:hover::after, .ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-decade-btn:hover::after, .ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-year-btn:hover::after { border-color: rgba(0, 0, 0, 0.65); } .ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-century-btn::after, .ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-decade-btn::after, .ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-year-btn::after { display: none; } .ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-century-btn::before, .ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-decade-btn::before, .ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-year-btn::before, .ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-century-btn::after, .ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-decade-btn::after, .ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-year-btn::after { transform: rotate(135deg) scale(0.8); } .ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-century-btn::before, .ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-decade-btn::before, .ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-year-btn::before { position: relative; left: 3px; } .ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-century-btn::after, .ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-decade-btn::after, .ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-year-btn::after { display: inline-block; } .ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-month-btn { left: 29px; height: 100%; } .ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-month-btn::before, .ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-month-btn::after { position: relative; top: -1px; display: inline-block; width: 8px; height: 8px; vertical-align: middle; border: 0 solid #aaa; border-width: 1.5px 0 0 1.5px; border-radius: 1px; transform: rotate(-45deg) scale(0.8); transition: all 0.3s; content: ''; } .ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-month-btn:hover::before, .ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-month-btn:hover::after { border-color: rgba(0, 0, 0, 0.65); } .ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-month-btn::after { display: none; } .ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-month-btn { right: 29px; height: 100%; } .ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-month-btn::before, .ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-month-btn::after { position: relative; top: -1px; display: inline-block; width: 8px; height: 8px; vertical-align: middle; border: 0 solid #aaa; border-width: 1.5px 0 0 1.5px; border-radius: 1px; transform: rotate(-45deg) scale(0.8); transition: all 0.3s; content: ''; } .ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-month-btn:hover::before, .ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-month-btn:hover::after { border-color: rgba(0, 0, 0, 0.65); } .ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-month-btn::after { display: none; } .ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-month-btn::before, .ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-month-btn::after { transform: rotate(135deg) scale(0.8); } .ant-calendar-decade-panel-body { flex: 1; } .ant-calendar-decade-panel-footer { border-top: 1px solid #e8e8e8; } .ant-calendar-decade-panel-footer .ant-calendar-footer-extra { padding: 0 12px; } .ant-calendar-decade-panel-table { width: 100%; height: 100%; table-layout: fixed; border-collapse: separate; } .ant-calendar-decade-panel-cell { white-space: nowrap; text-align: center; } .ant-calendar-decade-panel-decade { display: inline-block; height: 24px; margin: 0 auto; padding: 0 6px; color: rgba(0, 0, 0, 0.65); line-height: 24px; text-align: center; background: transparent; border-radius: 2px; transition: background 0.3s ease; } .ant-calendar-decade-panel-decade:hover { background: #fff2f0; cursor: pointer; } .ant-calendar-decade-panel-selected-cell .ant-calendar-decade-panel-decade { color: #fff; background: #ff3333; } .ant-calendar-decade-panel-selected-cell .ant-calendar-decade-panel-decade:hover { color: #fff; background: #ff3333; } .ant-calendar-decade-panel-last-century-cell .ant-calendar-decade-panel-decade, .ant-calendar-decade-panel-next-century-cell .ant-calendar-decade-panel-decade { color: rgba(0, 0, 0, 0.25); user-select: none; } .ant-calendar-month .ant-calendar-month-header-wrap { position: relative; height: 288px; } .ant-calendar-month .ant-calendar-month-panel, .ant-calendar-month .ant-calendar-year-panel { top: 0; height: 100%; } .ant-calendar-week-number-cell { opacity: 0.5; } .ant-calendar-week-number .ant-calendar-body tr { cursor: pointer; transition: all 0.3s; } .ant-calendar-week-number .ant-calendar-body tr:hover { background: #fff2f0; } .ant-calendar-week-number .ant-calendar-body tr.ant-calendar-active-week { font-weight: bold; background: #ffdcd6; } .ant-calendar-week-number .ant-calendar-body tr .ant-calendar-selected-day .ant-calendar-date, .ant-calendar-week-number .ant-calendar-body tr .ant-calendar-selected-day:hover .ant-calendar-date { color: rgba(0, 0, 0, 0.65); background: transparent; } .ant-descriptions-title { margin-bottom: 20px; color: rgba(0, 0, 0, 0.85); font-weight: bold; font-size: 16px; line-height: 1.5; } .ant-descriptions-view { width: 100%; overflow: hidden; border-radius: 4px; } .ant-descriptions-view table { width: 100%; table-layout: fixed; } .ant-descriptions-row > th, .ant-descriptions-row > td { padding-bottom: 16px; } .ant-descriptions-row:last-child { border-bottom: none; } .ant-descriptions-item-label { color: rgba(0, 0, 0, 0.85); font-weight: normal; font-size: 14px; line-height: 1.5; } .ant-descriptions-item-label::after { position: relative; top: -0.5px; margin: 0 8px 0 2px; content: ' '; } .ant-descriptions-item-colon::after { content: ':'; } .ant-descriptions-item-no-label::after { margin: 0; content: ''; } .ant-descriptions-item-content { display: table-cell; color: rgba(0, 0, 0, 0.65); font-size: 14px; line-height: 1.5; } .ant-descriptions-item { padding-bottom: 0; } .ant-descriptions-item > span { display: inline-block; } .ant-descriptions-middle .ant-descriptions-row > th, .ant-descriptions-middle .ant-descriptions-row > td { padding-bottom: 12px; } .ant-descriptions-small .ant-descriptions-row > th, .ant-descriptions-small .ant-descriptions-row > td { padding-bottom: 8px; } .ant-descriptions-bordered .ant-descriptions-view { border: 1px solid #e8e8e8; } .ant-descriptions-bordered .ant-descriptions-view > table { table-layout: auto; } .ant-descriptions-bordered .ant-descriptions-item-label, .ant-descriptions-bordered .ant-descriptions-item-content { padding: 16px 24px; border-right: 1px solid #e8e8e8; } .ant-descriptions-bordered .ant-descriptions-item-label:last-child, .ant-descriptions-bordered .ant-descriptions-item-content:last-child { border-right: none; } .ant-descriptions-bordered .ant-descriptions-item-label { background-color: #fafafa; } .ant-descriptions-bordered .ant-descriptions-item-label::after { display: none; } .ant-descriptions-bordered .ant-descriptions-row { border-bottom: 1px solid #e8e8e8; } .ant-descriptions-bordered .ant-descriptions-row:last-child { border-bottom: none; } .ant-descriptions-bordered.ant-descriptions-middle .ant-descriptions-item-label, .ant-descriptions-bordered.ant-descriptions-middle .ant-descriptions-item-content { padding: 12px 24px; } .ant-descriptions-bordered.ant-descriptions-small .ant-descriptions-item-label, .ant-descriptions-bordered.ant-descriptions-small .ant-descriptions-item-content { padding: 8px 16px; } .ant-divider { box-sizing: border-box; margin: 0; padding: 0; color: rgba(0, 0, 0, 0.65); font-size: 14px; font-variant: tabular-nums; line-height: 1.5; list-style: none; font-feature-settings: 'tnum'; background: #e8e8e8; } .ant-divider, .ant-divider-vertical { position: relative; top: -0.06em; display: inline-block; width: 1px; height: 0.9em; margin: 0 8px; vertical-align: middle; } .ant-divider-horizontal { display: block; clear: both; width: 100%; min-width: 100%; height: 1px; margin: 24px 0; } .ant-divider-horizontal.ant-divider-with-text-center, .ant-divider-horizontal.ant-divider-with-text-left, .ant-divider-horizontal.ant-divider-with-text-right { display: table; margin: 16px 0; color: rgba(0, 0, 0, 0.85); font-weight: 500; font-size: 16px; white-space: nowrap; text-align: center; background: transparent; } .ant-divider-horizontal.ant-divider-with-text-center::before, .ant-divider-horizontal.ant-divider-with-text-left::before, .ant-divider-horizontal.ant-divider-with-text-right::before, .ant-divider-horizontal.ant-divider-with-text-center::after, .ant-divider-horizontal.ant-divider-with-text-left::after, .ant-divider-horizontal.ant-divider-with-text-right::after { position: relative; top: 50%; display: table-cell; width: 50%; border-top: 1px solid #e8e8e8; transform: translateY(50%); content: ''; } .ant-divider-horizontal.ant-divider-with-text-left .ant-divider-inner-text, .ant-divider-horizontal.ant-divider-with-text-right .ant-divider-inner-text { display: inline-block; padding: 0 10px; } .ant-divider-horizontal.ant-divider-with-text-left::before { top: 50%; width: 5%; } .ant-divider-horizontal.ant-divider-with-text-left::after { top: 50%; width: 95%; } .ant-divider-horizontal.ant-divider-with-text-right::before { top: 50%; width: 95%; } .ant-divider-horizontal.ant-divider-with-text-right::after { top: 50%; width: 5%; } .ant-divider-inner-text { display: inline-block; padding: 0 24px; } .ant-divider-dashed { background: none; border-color: #e8e8e8; border-style: dashed; border-width: 1px 0 0; } .ant-divider-horizontal.ant-divider-with-text-center.ant-divider-dashed, .ant-divider-horizontal.ant-divider-with-text-left.ant-divider-dashed, .ant-divider-horizontal.ant-divider-with-text-right.ant-divider-dashed { border-top: 0; } .ant-divider-horizontal.ant-divider-with-text-center.ant-divider-dashed::before, .ant-divider-horizontal.ant-divider-with-text-left.ant-divider-dashed::before, .ant-divider-horizontal.ant-divider-with-text-right.ant-divider-dashed::before, .ant-divider-horizontal.ant-divider-with-text-center.ant-divider-dashed::after, .ant-divider-horizontal.ant-divider-with-text-left.ant-divider-dashed::after, .ant-divider-horizontal.ant-divider-with-text-right.ant-divider-dashed::after { border-style: dashed none none; } .ant-divider-vertical.ant-divider-dashed { border-width: 0 0 0 1px; } .ant-drawer { position: fixed; z-index: 1000; width: 0%; height: 100%; transition: transform 0.3s cubic-bezier(0.7, 0.3, 0.1, 1), height 0s ease 0.3s, width 0s ease 0.3s; } .ant-drawer > * { transition: transform 0.3s cubic-bezier(0.7, 0.3, 0.1, 1), box-shadow 0.3s cubic-bezier(0.7, 0.3, 0.1, 1); } .ant-drawer-content-wrapper { position: absolute; } .ant-drawer .ant-drawer-content { width: 100%; height: 100%; } .ant-drawer-left, .ant-drawer-right { top: 0; width: 0%; height: 100%; } .ant-drawer-left .ant-drawer-content-wrapper, .ant-drawer-right .ant-drawer-content-wrapper { height: 100%; } .ant-drawer-left.ant-drawer-open, .ant-drawer-right.ant-drawer-open { width: 100%; transition: transform 0.3s cubic-bezier(0.7, 0.3, 0.1, 1); } .ant-drawer-left.ant-drawer-open.no-mask, .ant-drawer-right.ant-drawer-open.no-mask { width: 0%; } .ant-drawer-left.ant-drawer-open .ant-drawer-content-wrapper { box-shadow: 2px 0 8px rgba(0, 0, 0, 0.15); } .ant-drawer-right { right: 0; } .ant-drawer-right .ant-drawer-content-wrapper { right: 0; } .ant-drawer-right.ant-drawer-open .ant-drawer-content-wrapper { box-shadow: -2px 0 8px rgba(0, 0, 0, 0.15); } .ant-drawer-right.ant-drawer-open.no-mask { right: 1px; transform: translateX(1px); } .ant-drawer-top, .ant-drawer-bottom { left: 0; width: 100%; height: 0%; } .ant-drawer-top .ant-drawer-content-wrapper, .ant-drawer-bottom .ant-drawer-content-wrapper { width: 100%; } .ant-drawer-top.ant-drawer-open, .ant-drawer-bottom.ant-drawer-open { height: 100%; transition: transform 0.3s cubic-bezier(0.7, 0.3, 0.1, 1); } .ant-drawer-top.ant-drawer-open.no-mask, .ant-drawer-bottom.ant-drawer-open.no-mask { height: 0%; } .ant-drawer-top { top: 0; } .ant-drawer-top.ant-drawer-open .ant-drawer-content-wrapper { box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15); } .ant-drawer-bottom { bottom: 0; } .ant-drawer-bottom .ant-drawer-content-wrapper { bottom: 0; } .ant-drawer-bottom.ant-drawer-open .ant-drawer-content-wrapper { box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.15); } .ant-drawer-bottom.ant-drawer-open.no-mask { bottom: 1px; transform: translateY(1px); } .ant-drawer.ant-drawer-open .ant-drawer-mask { height: 100%; opacity: 1; transition: none; animation: antdDrawerFadeIn 0.3s cubic-bezier(0.7, 0.3, 0.1, 1); } .ant-drawer-title { margin: 0; color: rgba(0, 0, 0, 0.85); font-weight: 500; font-size: 16px; line-height: 22px; } .ant-drawer-content { position: relative; z-index: 1; overflow: auto; background-color: #fff; background-clip: padding-box; border: 0; } .ant-drawer-close { position: absolute; top: 0; right: 0; z-index: 10; display: block; width: 56px; height: 56px; padding: 0; color: rgba(0, 0, 0, 0.45); font-weight: 700; font-size: 16px; font-style: normal; line-height: 56px; text-align: center; text-transform: none; text-decoration: none; background: transparent; border: 0; outline: 0; cursor: pointer; transition: color 0.3s; text-rendering: auto; } .ant-drawer-close:focus, .ant-drawer-close:hover { color: rgba(0, 0, 0, 0.75); text-decoration: none; } .ant-drawer-header { position: relative; padding: 16px 24px; color: rgba(0, 0, 0, 0.65); background: #fff; border-bottom: 1px solid #e8e8e8; border-radius: 4px 4px 0 0; } .ant-drawer-header-no-title { color: rgba(0, 0, 0, 0.65); background: #fff; } .ant-drawer-body { padding: 24px; font-size: 14px; line-height: 1.5; word-wrap: break-word; } .ant-drawer-wrapper-body { height: 100%; overflow: auto; } .ant-drawer-mask { position: absolute; top: 0; left: 0; width: 100%; height: 0; background-color: rgba(0, 0, 0, 0.45); opacity: 0; filter: alpha(opacity=45); transition: opacity 0.3s linear, height 0s ease 0.3s; } .ant-drawer-open-content { box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15); } @keyframes antdDrawerFadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } .ant-dropdown { box-sizing: border-box; margin: 0; padding: 0; color: rgba(0, 0, 0, 0.65); font-size: 14px; font-variant: tabular-nums; line-height: 1.5; list-style: none; font-feature-settings: 'tnum'; position: absolute; top: -9999px; left: -9999px; z-index: 1050; display: block; } .ant-dropdown::before { position: absolute; top: -7px; right: 0; bottom: -7px; left: -7px; z-index: -9999; opacity: 0.0001; content: ' '; } .ant-dropdown-wrap { position: relative; } .ant-dropdown-wrap .ant-btn > .anticon-down { display: inline-block; font-size: 12px; font-size: 10px \9; transform: scale(0.83333333) rotate(0deg); } :root .ant-dropdown-wrap .ant-btn > .anticon-down { font-size: 12px; } .ant-dropdown-wrap .anticon-down::before { transition: transform 0.2s; } .ant-dropdown-wrap-open .anticon-down::before { transform: rotate(180deg); } .ant-dropdown-hidden, .ant-dropdown-menu-hidden { display: none; } .ant-dropdown-menu { position: relative; margin: 0; padding: 4px 0; text-align: left; list-style-type: none; background-color: #fff; background-clip: padding-box; border-radius: 4px; outline: none; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15); -webkit-transform: translate3d(0, 0, 0); } .ant-dropdown-menu-item-group-title { padding: 5px 12px; color: rgba(0, 0, 0, 0.45); transition: all 0.3s; } .ant-dropdown-menu-submenu-popup { position: absolute; z-index: 1050; } .ant-dropdown-menu-submenu-popup > .ant-dropdown-menu { transform-origin: 0 0; } .ant-dropdown-menu-submenu-popup ul, .ant-dropdown-menu-submenu-popup li { list-style: none; } .ant-dropdown-menu-submenu-popup ul { margin-right: 0.3em; margin-left: 0.3em; padding: 0; } .ant-dropdown-menu-item, .ant-dropdown-menu-submenu-title { clear: both; margin: 0; padding: 5px 12px; color: rgba(0, 0, 0, 0.65); font-weight: normal; font-size: 14px; line-height: 22px; white-space: nowrap; cursor: pointer; transition: all 0.3s; } .ant-dropdown-menu-item > .anticon:first-child, .ant-dropdown-menu-submenu-title > .anticon:first-child, .ant-dropdown-menu-item > span > .anticon:first-child, .ant-dropdown-menu-submenu-title > span > .anticon:first-child { min-width: 12px; margin-right: 8px; font-size: 12px; } .ant-dropdown-menu-item > a, .ant-dropdown-menu-submenu-title > a { display: block; margin: -5px -12px; padding: 5px 12px; color: rgba(0, 0, 0, 0.65); transition: all 0.3s; } .ant-dropdown-menu-item-selected, .ant-dropdown-menu-submenu-title-selected, .ant-dropdown-menu-item-selected > a, .ant-dropdown-menu-submenu-title-selected > a { color: #ff3333; background-color: #fff2f0; } .ant-dropdown-menu-item:hover, .ant-dropdown-menu-submenu-title:hover { background-color: #fff2f0; } .ant-dropdown-menu-item-disabled, .ant-dropdown-menu-submenu-title-disabled { color: rgba(0, 0, 0, 0.25); cursor: not-allowed; } .ant-dropdown-menu-item-disabled:hover, .ant-dropdown-menu-submenu-title-disabled:hover { color: rgba(0, 0, 0, 0.25); background-color: #fff; cursor: not-allowed; } .ant-dropdown-menu-item-divider, .ant-dropdown-menu-submenu-title-divider { height: 1px; margin: 4px 0; overflow: hidden; line-height: 0; background-color: #e8e8e8; } .ant-dropdown-menu-item .ant-dropdown-menu-submenu-arrow, .ant-dropdown-menu-submenu-title .ant-dropdown-menu-submenu-arrow { position: absolute; right: 8px; } .ant-dropdown-menu-item .ant-dropdown-menu-submenu-arrow-icon, .ant-dropdown-menu-submenu-title .ant-dropdown-menu-submenu-arrow-icon { color: rgba(0, 0, 0, 0.45); font-style: normal; display: inline-block; font-size: 12px; font-size: 10px \9; transform: scale(0.83333333) rotate(0deg); } :root .ant-dropdown-menu-item .ant-dropdown-menu-submenu-arrow-icon, :root .ant-dropdown-menu-submenu-title .ant-dropdown-menu-submenu-arrow-icon { font-size: 12px; } .ant-dropdown-menu-item-group-list { margin: 0 8px; padding: 0; list-style: none; } .ant-dropdown-menu-submenu-title { padding-right: 26px; } .ant-dropdown-menu-submenu-vertical { position: relative; } .ant-dropdown-menu-submenu-vertical > .ant-dropdown-menu { position: absolute; top: 0; left: 100%; min-width: 100%; margin-left: 4px; transform-origin: 0 0; } .ant-dropdown-menu-submenu.ant-dropdown-menu-submenu-disabled .ant-dropdown-menu-submenu-title, .ant-dropdown-menu-submenu.ant-dropdown-menu-submenu-disabled .ant-dropdown-menu-submenu-title .ant-dropdown-menu-submenu-arrow-icon { color: rgba(0, 0, 0, 0.25); background-color: #fff; cursor: not-allowed; } .ant-dropdown-menu-submenu-selected .ant-dropdown-menu-submenu-title { color: #ff3333; } .ant-dropdown.slide-down-enter.slide-down-enter-active.ant-dropdown-placement-bottomLeft, .ant-dropdown.slide-down-appear.slide-down-appear-active.ant-dropdown-placement-bottomLeft, .ant-dropdown.slide-down-enter.slide-down-enter-active.ant-dropdown-placement-bottomCenter, .ant-dropdown.slide-down-appear.slide-down-appear-active.ant-dropdown-placement-bottomCenter, .ant-dropdown.slide-down-enter.slide-down-enter-active.ant-dropdown-placement-bottomRight, .ant-dropdown.slide-down-appear.slide-down-appear-active.ant-dropdown-placement-bottomRight { animation-name: antSlideUpIn; } .ant-dropdown.slide-up-enter.slide-up-enter-active.ant-dropdown-placement-topLeft, .ant-dropdown.slide-up-appear.slide-up-appear-active.ant-dropdown-placement-topLeft, .ant-dropdown.slide-up-enter.slide-up-enter-active.ant-dropdown-placement-topCenter, .ant-dropdown.slide-up-appear.slide-up-appear-active.ant-dropdown-placement-topCenter, .ant-dropdown.slide-up-enter.slide-up-enter-active.ant-dropdown-placement-topRight, .ant-dropdown.slide-up-appear.slide-up-appear-active.ant-dropdown-placement-topRight { animation-name: antSlideDownIn; } .ant-dropdown.slide-down-leave.slide-down-leave-active.ant-dropdown-placement-bottomLeft, .ant-dropdown.slide-down-leave.slide-down-leave-active.ant-dropdown-placement-bottomCenter, .ant-dropdown.slide-down-leave.slide-down-leave-active.ant-dropdown-placement-bottomRight { animation-name: antSlideUpOut; } .ant-dropdown.slide-up-leave.slide-up-leave-active.ant-dropdown-placement-topLeft, .ant-dropdown.slide-up-leave.slide-up-leave-active.ant-dropdown-placement-topCenter, .ant-dropdown.slide-up-leave.slide-up-leave-active.ant-dropdown-placement-topRight { animation-name: antSlideDownOut; } .ant-dropdown-trigger > .anticon.anticon-down, .ant-dropdown-link > .anticon.anticon-down { display: inline-block; font-size: 12px; font-size: 10px \9; transform: scale(0.83333333) rotate(0deg); } :root .ant-dropdown-trigger > .anticon.anticon-down, :root .ant-dropdown-link > .anticon.anticon-down { font-size: 12px; } .ant-dropdown-button { white-space: nowrap; } .ant-dropdown-button.ant-btn-group > .ant-btn:last-child:not(:first-child) { padding-right: 8px; padding-left: 8px; } .ant-dropdown-button .anticon.anticon-down { display: inline-block; font-size: 12px; font-size: 10px \9; transform: scale(0.83333333) rotate(0deg); } :root .ant-dropdown-button .anticon.anticon-down { font-size: 12px; } .ant-dropdown-menu-dark, .ant-dropdown-menu-dark .ant-dropdown-menu { background: #001529; } .ant-dropdown-menu-dark .ant-dropdown-menu-item, .ant-dropdown-menu-dark .ant-dropdown-menu-submenu-title, .ant-dropdown-menu-dark .ant-dropdown-menu-item > a { color: rgba(255, 255, 255, 0.65); } .ant-dropdown-menu-dark .ant-dropdown-menu-item .ant-dropdown-menu-submenu-arrow::after, .ant-dropdown-menu-dark .ant-dropdown-menu-submenu-title .ant-dropdown-menu-submenu-arrow::after, .ant-dropdown-menu-dark .ant-dropdown-menu-item > a .ant-dropdown-menu-submenu-arrow::after { color: rgba(255, 255, 255, 0.65); } .ant-dropdown-menu-dark .ant-dropdown-menu-item:hover, .ant-dropdown-menu-dark .ant-dropdown-menu-submenu-title:hover, .ant-dropdown-menu-dark .ant-dropdown-menu-item > a:hover { color: #fff; background: transparent; } .ant-dropdown-menu-dark .ant-dropdown-menu-item-selected, .ant-dropdown-menu-dark .ant-dropdown-menu-item-selected:hover, .ant-dropdown-menu-dark .ant-dropdown-menu-item-selected > a { color: #fff; background: #ff3333; } .ant-empty { margin: 0 8px; font-size: 14px; line-height: 22px; text-align: center; } .ant-empty-image { height: 100px; margin-bottom: 8px; } .ant-empty-image img { height: 100%; } .ant-empty-image svg { height: 100%; margin: auto; } .ant-empty-description { margin: 0; } .ant-empty-footer { margin-top: 16px; } .ant-empty-normal { margin: 32px 0; color: rgba(0, 0, 0, 0.25); } .ant-empty-normal .ant-empty-image { height: 40px; } .ant-empty-small { margin: 8px 0; color: rgba(0, 0, 0, 0.25); } .ant-empty-small .ant-empty-image { height: 35px; } .ant-form { box-sizing: border-box; margin: 0; padding: 0; color: rgba(0, 0, 0, 0.65); font-size: 14px; font-variant: tabular-nums; line-height: 1.5; list-style: none; font-feature-settings: 'tnum'; } .ant-form legend { display: block; width: 100%; margin-bottom: 20px; padding: 0; color: rgba(0, 0, 0, 0.45); font-size: 16px; line-height: inherit; border: 0; border-bottom: 1px solid #d9d9d9; } .ant-form label { font-size: 14px; } .ant-form input[type='search'] { box-sizing: border-box; } .ant-form input[type='radio'], .ant-form input[type='checkbox'] { line-height: normal; } .ant-form input[type='file'] { display: block; } .ant-form input[type='range'] { display: block; width: 100%; } .ant-form select[multiple], .ant-form select[size] { height: auto; } .ant-form input[type='file']:focus, .ant-form input[type='radio']:focus, .ant-form input[type='checkbox']:focus { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } .ant-form output { display: block; padding-top: 15px; color: rgba(0, 0, 0, 0.65); font-size: 14px; line-height: 1.5; } .ant-form-item-required::before { display: inline-block; margin-right: 4px; color: #f5222d; font-size: 14px; font-family: SimSun, sans-serif; line-height: 1; content: '*'; } .ant-form-hide-required-mark .ant-form-item-required::before { display: none; } .ant-form-item-label > label { color: rgba(0, 0, 0, 0.85); } .ant-form-item-label > label::after { content: ':'; position: relative; top: -0.5px; margin: 0 8px 0 2px; } .ant-form-item-label > label.ant-form-item-no-colon::after { content: ' '; } .ant-form-item { box-sizing: border-box; margin: 0; padding: 0; color: rgba(0, 0, 0, 0.65); font-size: 14px; font-variant: tabular-nums; line-height: 1.5; list-style: none; font-feature-settings: 'tnum'; margin-bottom: 24px; vertical-align: top; } .ant-form-item label { position: relative; } .ant-form-item label > .anticon { font-size: 14px; vertical-align: top; } .ant-form-item-control { position: relative; line-height: 40px; zoom: 1; } .ant-form-item-control::before, .ant-form-item-control::after { display: table; content: ''; } .ant-form-item-control::after { clear: both; } .ant-form-item-control::before, .ant-form-item-control::after { display: table; content: ''; } .ant-form-item-control::after { clear: both; } .ant-form-item-control::before { content: ''; clear: both; display: block; } .ant-form-item-control::before { content: ''; clear: both; display: block; } .ant-form-item-children { position: relative; } .ant-form-item-with-help { margin-bottom: 5px; } .ant-form-item-label { display: inline-block; overflow: hidden; line-height: 39.9999px; white-space: nowrap; text-align: right; vertical-align: middle; } .ant-form-item-label-left { text-align: left; } .ant-form-item .ant-switch { margin: 2px 0 4px; } .ant-form-explain, .ant-form-extra { clear: both; min-height: 22px; margin-top: -2px; color: rgba(0, 0, 0, 0.45); font-size: 14px; line-height: 1.5; transition: color 0.3s cubic-bezier(0.215, 0.61, 0.355, 1); } .ant-form-explain { margin-bottom: -1px; } .ant-form-extra { padding-top: 4px; } .ant-form-text { display: inline-block; padding-right: 8px; } .ant-form-split { display: block; text-align: center; } form .has-feedback .ant-input { padding-right: 30px; } form .has-feedback .ant-input-affix-wrapper .ant-input-suffix { padding-right: 18px; } form .has-feedback .ant-input-affix-wrapper .ant-input { padding-right: 49px; } form .has-feedback .ant-input-affix-wrapper.ant-input-affix-wrapper-input-with-clear-btn .ant-input { padding-right: 68px; } form .has-feedback > .ant-select .ant-select-arrow, form .has-feedback > .ant-select .ant-select-selection__clear, form .has-feedback :not(.ant-input-group-addon) > .ant-select .ant-select-arrow, form .has-feedback :not(.ant-input-group-addon) > .ant-select .ant-select-selection__clear { right: 28px; } form .has-feedback > .ant-select .ant-select-selection-selected-value, form .has-feedback :not(.ant-input-group-addon) > .ant-select .ant-select-selection-selected-value { padding-right: 42px; } form .has-feedback .ant-cascader-picker-arrow { margin-right: 17px; } form .has-feedback .ant-cascader-picker-clear { right: 28px; } form .has-feedback .ant-input-search:not(.ant-input-search-enter-button) .ant-input-suffix { right: 28px; } form .has-feedback .ant-calendar-picker-icon, form .has-feedback .ant-time-picker-icon, form .has-feedback .ant-calendar-picker-clear, form .has-feedback .ant-time-picker-clear { right: 28px; } form .ant-mentions, form textarea.ant-input { height: auto; margin-bottom: 4px; } form .ant-upload { background: transparent; } form input[type='radio'], form input[type='checkbox'] { width: 14px; height: 14px; } form .ant-radio-inline, form .ant-checkbox-inline { display: inline-block; margin-left: 8px; font-weight: normal; vertical-align: middle; cursor: pointer; } form .ant-radio-inline:first-child, form .ant-checkbox-inline:first-child { margin-left: 0; } form .ant-checkbox-vertical, form .ant-radio-vertical { display: block; } form .ant-checkbox-vertical + .ant-checkbox-vertical, form .ant-radio-vertical + .ant-radio-vertical { margin-left: 0; } form .ant-input-number + .ant-form-text { margin-left: 8px; } form .ant-input-number-handler-wrap { z-index: 2; } form .ant-select, form .ant-cascader-picker { width: 100%; } form .ant-input-group .ant-select, form .ant-input-group .ant-cascader-picker { width: auto; } form :not(.ant-input-group-wrapper) > .ant-input-group, form .ant-input-group-wrapper { display: inline-block; vertical-align: middle; } form:not(.ant-form-vertical) :not(.ant-input-group-wrapper) > .ant-input-group, form:not(.ant-form-vertical) .ant-input-group-wrapper { position: relative; top: -1px; } .ant-form-vertical .ant-form-item-label, .ant-col-24.ant-form-item-label, .ant-col-xl-24.ant-form-item-label { display: block; margin: 0; padding: 0 0 8px; line-height: 1.5; white-space: initial; text-align: left; } .ant-form-vertical .ant-form-item-label label::after, .ant-col-24.ant-form-item-label label::after, .ant-col-xl-24.ant-form-item-label label::after { display: none; } .ant-form-vertical .ant-form-item { padding-bottom: 8px; } .ant-form-vertical .ant-form-item-control { line-height: 1.5; } .ant-form-vertical .ant-form-explain { margin-top: 2px; margin-bottom: -5px; } .ant-form-vertical .ant-form-extra { margin-top: 2px; margin-bottom: -4px; } @media (max-width: 575px) { .ant-form-item-label, .ant-form-item-control-wrapper { display: block; width: 100%; } .ant-form-item-label { display: block; margin: 0; padding: 0 0 8px; line-height: 1.5; white-space: initial; text-align: left; } .ant-form-item-label label::after { display: none; } .ant-col-xs-24.ant-form-item-label { display: block; margin: 0; padding: 0 0 8px; line-height: 1.5; white-space: initial; text-align: left; } .ant-col-xs-24.ant-form-item-label label::after { display: none; } } @media (max-width: 767px) { .ant-col-sm-24.ant-form-item-label { display: block; margin: 0; padding: 0 0 8px; line-height: 1.5; white-space: initial; text-align: left; } .ant-col-sm-24.ant-form-item-label label::after { display: none; } } @media (max-width: 991px) { .ant-col-md-24.ant-form-item-label { display: block; margin: 0; padding: 0 0 8px; line-height: 1.5; white-space: initial; text-align: left; } .ant-col-md-24.ant-form-item-label label::after { display: none; } } @media (max-width: 1199px) { .ant-col-lg-24.ant-form-item-label { display: block; margin: 0; padding: 0 0 8px; line-height: 1.5; white-space: initial; text-align: left; } .ant-col-lg-24.ant-form-item-label label::after { display: none; } } @media (max-width: 1599px) { .ant-col-xl-24.ant-form-item-label { display: block; margin: 0; padding: 0 0 8px; line-height: 1.5; white-space: initial; text-align: left; } .ant-col-xl-24.ant-form-item-label label::after { display: none; } } .ant-form-inline .ant-form-item { display: inline-block; margin-right: 16px; margin-bottom: 0; } .ant-form-inline .ant-form-item-with-help { margin-bottom: 24px; } .ant-form-inline .ant-form-item > .ant-form-item-control-wrapper, .ant-form-inline .ant-form-item > .ant-form-item-label { display: inline-block; vertical-align: top; } .ant-form-inline .ant-form-text { display: inline-block; } .ant-form-inline .has-feedback { display: inline-block; } .has-success.has-feedback .ant-form-item-children-icon, .has-warning.has-feedback .ant-form-item-children-icon, .has-error.has-feedback .ant-form-item-children-icon, .is-validating.has-feedback .ant-form-item-children-icon { position: absolute; top: 50%; right: 0; z-index: 1; width: 32px; height: 20px; margin-top: -10px; font-size: 14px; line-height: 20px; text-align: center; visibility: visible; animation: zoomIn 0.3s cubic-bezier(0.12, 0.4, 0.29, 1.46); pointer-events: none; } .has-success.has-feedback .ant-form-item-children-icon svg, .has-warning.has-feedback .ant-form-item-children-icon svg, .has-error.has-feedback .ant-form-item-children-icon svg, .is-validating.has-feedback .ant-form-item-children-icon svg { position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; } .has-success.has-feedback .ant-form-item-children-icon { color: #52c41a; animation-name: diffZoomIn1 !important; } .has-warning .ant-form-explain, .has-warning .ant-form-split { color: #faad14; } .has-warning .ant-input, .has-warning .ant-input:hover { background-color: #fff; border-color: #faad14; } .has-warning .ant-input:focus { border-color: #ffc53d; border-right-width: 1px !important; outline: 0; box-shadow: 0 0 0 2px rgba(250, 173, 20, 0.2); } .has-warning .ant-input:not([disabled]):hover { border-color: #faad14; } .has-warning .ant-calendar-picker-open .ant-calendar-picker-input { border-color: #ffc53d; border-right-width: 1px !important; outline: 0; box-shadow: 0 0 0 2px rgba(250, 173, 20, 0.2); } .has-warning .ant-input-affix-wrapper .ant-input, .has-warning .ant-input-affix-wrapper .ant-input:hover { background-color: #fff; border-color: #faad14; } .has-warning .ant-input-affix-wrapper .ant-input:focus { border-color: #ffc53d; border-right-width: 1px !important; outline: 0; box-shadow: 0 0 0 2px rgba(250, 173, 20, 0.2); } .has-warning .ant-input-affix-wrapper:hover .ant-input:not(.ant-input-disabled) { border-color: #faad14; } .has-warning .ant-input-prefix { color: #faad14; } .has-warning .ant-input-group-addon { color: #faad14; background-color: #fff; border-color: #faad14; } .has-warning .has-feedback { color: #faad14; } .has-warning.has-feedback .ant-form-item-children-icon { color: #faad14; animation-name: diffZoomIn3 !important; } .has-warning .ant-select-selection { border-color: #faad14; } .has-warning .ant-select-selection:hover { border-color: #faad14; } .has-warning .ant-select-open .ant-select-selection, .has-warning .ant-select-focused .ant-select-selection { border-color: #ffc53d; border-right-width: 1px !important; outline: 0; box-shadow: 0 0 0 2px rgba(250, 173, 20, 0.2); } .has-warning .ant-calendar-picker-icon::after, .has-warning .ant-time-picker-icon::after, .has-warning .ant-picker-icon::after, .has-warning .ant-select-arrow, .has-warning .ant-cascader-picker-arrow { color: #faad14; } .has-warning .ant-input-number, .has-warning .ant-time-picker-input { border-color: #faad14; } .has-warning .ant-input-number-focused, .has-warning .ant-time-picker-input-focused, .has-warning .ant-input-number:focus, .has-warning .ant-time-picker-input:focus { border-color: #ffc53d; border-right-width: 1px !important; outline: 0; box-shadow: 0 0 0 2px rgba(250, 173, 20, 0.2); } .has-warning .ant-input-number:not([disabled]):hover, .has-warning .ant-time-picker-input:not([disabled]):hover { border-color: #faad14; } .has-warning .ant-cascader-picker:focus .ant-cascader-input { border-color: #ffc53d; border-right-width: 1px !important; outline: 0; box-shadow: 0 0 0 2px rgba(250, 173, 20, 0.2); } .has-warning .ant-cascader-picker:hover .ant-cascader-input { border-color: #faad14; } .has-error .ant-form-explain, .has-error .ant-form-split { color: #f5222d; } .has-error .ant-input, .has-error .ant-input:hover { background-color: #fff; border-color: #f5222d; } .has-error .ant-input:focus { border-color: #ff4d4f; border-right-width: 1px !important; outline: 0; box-shadow: 0 0 0 2px rgba(245, 34, 45, 0.2); } .has-error .ant-input:not([disabled]):hover { border-color: #f5222d; } .has-error .ant-calendar-picker-open .ant-calendar-picker-input { border-color: #ff4d4f; border-right-width: 1px !important; outline: 0; box-shadow: 0 0 0 2px rgba(245, 34, 45, 0.2); } .has-error .ant-input-affix-wrapper .ant-input, .has-error .ant-input-affix-wrapper .ant-input:hover { background-color: #fff; border-color: #f5222d; } .has-error .ant-input-affix-wrapper .ant-input:focus { border-color: #ff4d4f; border-right-width: 1px !important; outline: 0; box-shadow: 0 0 0 2px rgba(245, 34, 45, 0.2); } .has-error .ant-input-affix-wrapper:hover .ant-input:not(.ant-input-disabled) { border-color: #f5222d; } .has-error .ant-input-prefix { color: #f5222d; } .has-error .ant-input-group-addon { color: #f5222d; background-color: #fff; border-color: #f5222d; } .has-error .has-feedback { color: #f5222d; } .has-error.has-feedback .ant-form-item-children-icon { color: #f5222d; animation-name: diffZoomIn2 !important; } .has-error .ant-select-selection { border-color: #f5222d; } .has-error .ant-select-selection:hover { border-color: #f5222d; } .has-error .ant-select-open .ant-select-selection, .has-error .ant-select-focused .ant-select-selection { border-color: #ff4d4f; border-right-width: 1px !important; outline: 0; box-shadow: 0 0 0 2px rgba(245, 34, 45, 0.2); } .has-error .ant-select.ant-select-auto-complete .ant-input:focus { border-color: #f5222d; } .has-error .ant-input-group-addon .ant-select-selection { border-color: transparent; box-shadow: none; } .has-error .ant-calendar-picker-icon::after, .has-error .ant-time-picker-icon::after, .has-error .ant-picker-icon::after, .has-error .ant-select-arrow, .has-error .ant-cascader-picker-arrow { color: #f5222d; } .has-error .ant-input-number, .has-error .ant-time-picker-input { border-color: #f5222d; } .has-error .ant-input-number-focused, .has-error .ant-time-picker-input-focused, .has-error .ant-input-number:focus, .has-error .ant-time-picker-input:focus { border-color: #ff4d4f; border-right-width: 1px !important; outline: 0; box-shadow: 0 0 0 2px rgba(245, 34, 45, 0.2); } .has-error .ant-input-number:not([disabled]):hover, .has-error .ant-time-picker-input:not([disabled]):hover { border-color: #f5222d; } .has-error .ant-mention-wrapper .ant-mention-editor, .has-error .ant-mention-wrapper .ant-mention-editor:not([disabled]):hover { border-color: #f5222d; } .has-error .ant-mention-wrapper.ant-mention-active:not([disabled]) .ant-mention-editor, .has-error .ant-mention-wrapper .ant-mention-editor:not([disabled]):focus { border-color: #ff4d4f; border-right-width: 1px !important; outline: 0; box-shadow: 0 0 0 2px rgba(245, 34, 45, 0.2); } .has-error .ant-cascader-picker:focus .ant-cascader-input { border-color: #ff4d4f; border-right-width: 1px !important; outline: 0; box-shadow: 0 0 0 2px rgba(245, 34, 45, 0.2); } .has-error .ant-cascader-picker:hover .ant-cascader-input { border-color: #f5222d; } .has-error .ant-transfer-list { border-color: #f5222d; } .has-error .ant-transfer-list-search:not([disabled]) { border-color: #d9d9d9; } .has-error .ant-transfer-list-search:not([disabled]):hover { border-color: #ff615c; border-right-width: 1px !important; } .has-error .ant-transfer-list-search:not([disabled]):focus { border-color: #ff615c; border-right-width: 1px !important; outline: 0; box-shadow: 0 0 0 2px rgba(255, 51, 51, 0.2); } .is-validating.has-feedback .ant-form-item-children-icon { display: inline-block; color: #ff3333; } .ant-advanced-search-form .ant-form-item { margin-bottom: 24px; } .ant-advanced-search-form .ant-form-item-with-help { margin-bottom: 5px; } .show-help-enter, .show-help-appear { animation-duration: 0.3s; animation-fill-mode: both; animation-play-state: paused; } .show-help-leave { animation-duration: 0.3s; animation-fill-mode: both; animation-play-state: paused; } .show-help-enter.show-help-enter-active, .show-help-appear.show-help-appear-active { animation-name: antShowHelpIn; animation-play-state: running; } .show-help-leave.show-help-leave-active { animation-name: antShowHelpOut; animation-play-state: running; pointer-events: none; } .show-help-enter, .show-help-appear { opacity: 0; animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1); } .show-help-leave { animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1); } @keyframes antShowHelpIn { 0% { transform: translateY(-5px); opacity: 0; } 100% { transform: translateY(0); opacity: 1; } } @keyframes antShowHelpOut { to { transform: translateY(-5px); opacity: 0; } } @keyframes diffZoomIn1 { 0% { transform: scale(0); } 100% { transform: scale(1); } } @keyframes diffZoomIn2 { 0% { transform: scale(0); } 100% { transform: scale(1); } } @keyframes diffZoomIn3 { 0% { transform: scale(0); } 100% { transform: scale(1); } } .ant-row { position: relative; height: auto; margin-right: 0; margin-left: 0; zoom: 1; display: block; box-sizing: border-box; } .ant-row::before, .ant-row::after { display: table; content: ''; } .ant-row::after { clear: both; } .ant-row::before, .ant-row::after { display: table; content: ''; } .ant-row::after { clear: both; } .ant-row::before { content: ''; clear: both; display: block; } .ant-row::before { content: ''; clear: both; display: block; } .ant-row + .ant-row::before { clear: both; } .ant-row-flex { display: flex; flex-flow: row wrap; } .ant-row-flex::before, .ant-row-flex::after { display: flex; } .ant-row-flex-start { justify-content: flex-start; } .ant-row-flex-center { justify-content: center; } .ant-row-flex-end { justify-content: flex-end; } .ant-row-flex-space-between { justify-content: space-between; } .ant-row-flex-space-around { justify-content: space-around; } .ant-row-flex-top { align-items: flex-start; } .ant-row-flex-middle { align-items: center; } .ant-row-flex-bottom { align-items: flex-end; } .ant-col { position: relative; min-height: 1px; } .ant-col-1, .ant-col-xs-1, .ant-col-sm-1, .ant-col-md-1, .ant-col-lg-1, .ant-col-2, .ant-col-xs-2, .ant-col-sm-2, .ant-col-md-2, .ant-col-lg-2, .ant-col-3, .ant-col-xs-3, .ant-col-sm-3, .ant-col-md-3, .ant-col-lg-3, .ant-col-4, .ant-col-xs-4, .ant-col-sm-4, .ant-col-md-4, .ant-col-lg-4, .ant-col-5, .ant-col-xs-5, .ant-col-sm-5, .ant-col-md-5, .ant-col-lg-5, .ant-col-6, .ant-col-xs-6, .ant-col-sm-6, .ant-col-md-6, .ant-col-lg-6, .ant-col-7, .ant-col-xs-7, .ant-col-sm-7, .ant-col-md-7, .ant-col-lg-7, .ant-col-8, .ant-col-xs-8, .ant-col-sm-8, .ant-col-md-8, .ant-col-lg-8, .ant-col-9, .ant-col-xs-9, .ant-col-sm-9, .ant-col-md-9, .ant-col-lg-9, .ant-col-10, .ant-col-xs-10, .ant-col-sm-10, .ant-col-md-10, .ant-col-lg-10, .ant-col-11, .ant-col-xs-11, .ant-col-sm-11, .ant-col-md-11, .ant-col-lg-11, .ant-col-12, .ant-col-xs-12, .ant-col-sm-12, .ant-col-md-12, .ant-col-lg-12, .ant-col-13, .ant-col-xs-13, .ant-col-sm-13, .ant-col-md-13, .ant-col-lg-13, .ant-col-14, .ant-col-xs-14, .ant-col-sm-14, .ant-col-md-14, .ant-col-lg-14, .ant-col-15, .ant-col-xs-15, .ant-col-sm-15, .ant-col-md-15, .ant-col-lg-15, .ant-col-16, .ant-col-xs-16, .ant-col-sm-16, .ant-col-md-16, .ant-col-lg-16, .ant-col-17, .ant-col-xs-17, .ant-col-sm-17, .ant-col-md-17, .ant-col-lg-17, .ant-col-18, .ant-col-xs-18, .ant-col-sm-18, .ant-col-md-18, .ant-col-lg-18, .ant-col-19, .ant-col-xs-19, .ant-col-sm-19, .ant-col-md-19, .ant-col-lg-19, .ant-col-20, .ant-col-xs-20, .ant-col-sm-20, .ant-col-md-20, .ant-col-lg-20, .ant-col-21, .ant-col-xs-21, .ant-col-sm-21, .ant-col-md-21, .ant-col-lg-21, .ant-col-22, .ant-col-xs-22, .ant-col-sm-22, .ant-col-md-22, .ant-col-lg-22, .ant-col-23, .ant-col-xs-23, .ant-col-sm-23, .ant-col-md-23, .ant-col-lg-23, .ant-col-24, .ant-col-xs-24, .ant-col-sm-24, .ant-col-md-24, .ant-col-lg-24 { position: relative; padding-right: 0; padding-left: 0; } .ant-col-1, .ant-col-2, .ant-col-3, .ant-col-4, .ant-col-5, .ant-col-6, .ant-col-7, .ant-col-8, .ant-col-9, .ant-col-10, .ant-col-11, .ant-col-12, .ant-col-13, .ant-col-14, .ant-col-15, .ant-col-16, .ant-col-17, .ant-col-18, .ant-col-19, .ant-col-20, .ant-col-21, .ant-col-22, .ant-col-23, .ant-col-24 { flex: 0 0 auto; float: left; } .ant-col-24 { display: block; box-sizing: border-box; width: 100%; } .ant-col-push-24 { left: 100%; } .ant-col-pull-24 { right: 100%; } .ant-col-offset-24 { margin-left: 100%; } .ant-col-order-24 { order: 24; } .ant-col-23 { display: block; box-sizing: border-box; width: 95.83333333%; } .ant-col-push-23 { left: 95.83333333%; } .ant-col-pull-23 { right: 95.83333333%; } .ant-col-offset-23 { margin-left: 95.83333333%; } .ant-col-order-23 { order: 23; } .ant-col-22 { display: block; box-sizing: border-box; width: 91.66666667%; } .ant-col-push-22 { left: 91.66666667%; } .ant-col-pull-22 { right: 91.66666667%; } .ant-col-offset-22 { margin-left: 91.66666667%; } .ant-col-order-22 { order: 22; } .ant-col-21 { display: block; box-sizing: border-box; width: 87.5%; } .ant-col-push-21 { left: 87.5%; } .ant-col-pull-21 { right: 87.5%; } .ant-col-offset-21 { margin-left: 87.5%; } .ant-col-order-21 { order: 21; } .ant-col-20 { display: block; box-sizing: border-box; width: 83.33333333%; } .ant-col-push-20 { left: 83.33333333%; } .ant-col-pull-20 { right: 83.33333333%; } .ant-col-offset-20 { margin-left: 83.33333333%; } .ant-col-order-20 { order: 20; } .ant-col-19 { display: block; box-sizing: border-box; width: 79.16666667%; } .ant-col-push-19 { left: 79.16666667%; } .ant-col-pull-19 { right: 79.16666667%; } .ant-col-offset-19 { margin-left: 79.16666667%; } .ant-col-order-19 { order: 19; } .ant-col-18 { display: block; box-sizing: border-box; width: 75%; } .ant-col-push-18 { left: 75%; } .ant-col-pull-18 { right: 75%; } .ant-col-offset-18 { margin-left: 75%; } .ant-col-order-18 { order: 18; } .ant-col-17 { display: block; box-sizing: border-box; width: 70.83333333%; } .ant-col-push-17 { left: 70.83333333%; } .ant-col-pull-17 { right: 70.83333333%; } .ant-col-offset-17 { margin-left: 70.83333333%; } .ant-col-order-17 { order: 17; } .ant-col-16 { display: block; box-sizing: border-box; width: 66.66666667%; } .ant-col-push-16 { left: 66.66666667%; } .ant-col-pull-16 { right: 66.66666667%; } .ant-col-offset-16 { margin-left: 66.66666667%; } .ant-col-order-16 { order: 16; } .ant-col-15 { display: block; box-sizing: border-box; width: 62.5%; } .ant-col-push-15 { left: 62.5%; } .ant-col-pull-15 { right: 62.5%; } .ant-col-offset-15 { margin-left: 62.5%; } .ant-col-order-15 { order: 15; } .ant-col-14 { display: block; box-sizing: border-box; width: 58.33333333%; } .ant-col-push-14 { left: 58.33333333%; } .ant-col-pull-14 { right: 58.33333333%; } .ant-col-offset-14 { margin-left: 58.33333333%; } .ant-col-order-14 { order: 14; } .ant-col-13 { display: block; box-sizing: border-box; width: 54.16666667%; } .ant-col-push-13 { left: 54.16666667%; } .ant-col-pull-13 { right: 54.16666667%; } .ant-col-offset-13 { margin-left: 54.16666667%; } .ant-col-order-13 { order: 13; } .ant-col-12 { display: block; box-sizing: border-box; width: 50%; } .ant-col-push-12 { left: 50%; } .ant-col-pull-12 { right: 50%; } .ant-col-offset-12 { margin-left: 50%; } .ant-col-order-12 { order: 12; } .ant-col-11 { display: block; box-sizing: border-box; width: 45.83333333%; } .ant-col-push-11 { left: 45.83333333%; } .ant-col-pull-11 { right: 45.83333333%; } .ant-col-offset-11 { margin-left: 45.83333333%; } .ant-col-order-11 { order: 11; } .ant-col-10 { display: block; box-sizing: border-box; width: 41.66666667%; } .ant-col-push-10 { left: 41.66666667%; } .ant-col-pull-10 { right: 41.66666667%; } .ant-col-offset-10 { margin-left: 41.66666667%; } .ant-col-order-10 { order: 10; } .ant-col-9 { display: block; box-sizing: border-box; width: 37.5%; } .ant-col-push-9 { left: 37.5%; } .ant-col-pull-9 { right: 37.5%; } .ant-col-offset-9 { margin-left: 37.5%; } .ant-col-order-9 { order: 9; } .ant-col-8 { display: block; box-sizing: border-box; width: 33.33333333%; } .ant-col-push-8 { left: 33.33333333%; } .ant-col-pull-8 { right: 33.33333333%; } .ant-col-offset-8 { margin-left: 33.33333333%; } .ant-col-order-8 { order: 8; } .ant-col-7 { display: block; box-sizing: border-box; width: 29.16666667%; } .ant-col-push-7 { left: 29.16666667%; } .ant-col-pull-7 { right: 29.16666667%; } .ant-col-offset-7 { margin-left: 29.16666667%; } .ant-col-order-7 { order: 7; } .ant-col-6 { display: block; box-sizing: border-box; width: 25%; } .ant-col-push-6 { left: 25%; } .ant-col-pull-6 { right: 25%; } .ant-col-offset-6 { margin-left: 25%; } .ant-col-order-6 { order: 6; } .ant-col-5 { display: block; box-sizing: border-box; width: 20.83333333%; } .ant-col-push-5 { left: 20.83333333%; } .ant-col-pull-5 { right: 20.83333333%; } .ant-col-offset-5 { margin-left: 20.83333333%; } .ant-col-order-5 { order: 5; } .ant-col-4 { display: block; box-sizing: border-box; width: 16.66666667%; } .ant-col-push-4 { left: 16.66666667%; } .ant-col-pull-4 { right: 16.66666667%; } .ant-col-offset-4 { margin-left: 16.66666667%; } .ant-col-order-4 { order: 4; } .ant-col-3 { display: block; box-sizing: border-box; width: 12.5%; } .ant-col-push-3 { left: 12.5%; } .ant-col-pull-3 { right: 12.5%; } .ant-col-offset-3 { margin-left: 12.5%; } .ant-col-order-3 { order: 3; } .ant-col-2 { display: block; box-sizing: border-box; width: 8.33333333%; } .ant-col-push-2 { left: 8.33333333%; } .ant-col-pull-2 { right: 8.33333333%; } .ant-col-offset-2 { margin-left: 8.33333333%; } .ant-col-order-2 { order: 2; } .ant-col-1 { display: block; box-sizing: border-box; width: 4.16666667%; } .ant-col-push-1 { left: 4.16666667%; } .ant-col-pull-1 { right: 4.16666667%; } .ant-col-offset-1 { margin-left: 4.16666667%; } .ant-col-order-1 { order: 1; } .ant-col-0 { display: none; } .ant-col-push-0 { left: auto; } .ant-col-pull-0 { right: auto; } .ant-col-push-0 { left: auto; } .ant-col-pull-0 { right: auto; } .ant-col-offset-0 { margin-left: 0; } .ant-col-order-0 { order: 0; } .ant-col-xs-1, .ant-col-xs-2, .ant-col-xs-3, .ant-col-xs-4, .ant-col-xs-5, .ant-col-xs-6, .ant-col-xs-7, .ant-col-xs-8, .ant-col-xs-9, .ant-col-xs-10, .ant-col-xs-11, .ant-col-xs-12, .ant-col-xs-13, .ant-col-xs-14, .ant-col-xs-15, .ant-col-xs-16, .ant-col-xs-17, .ant-col-xs-18, .ant-col-xs-19, .ant-col-xs-20, .ant-col-xs-21, .ant-col-xs-22, .ant-col-xs-23, .ant-col-xs-24 { flex: 0 0 auto; float: left; } .ant-col-xs-24 { display: block; box-sizing: border-box; width: 100%; } .ant-col-xs-push-24 { left: 100%; } .ant-col-xs-pull-24 { right: 100%; } .ant-col-xs-offset-24 { margin-left: 100%; } .ant-col-xs-order-24 { order: 24; } .ant-col-xs-23 { display: block; box-sizing: border-box; width: 95.83333333%; } .ant-col-xs-push-23 { left: 95.83333333%; } .ant-col-xs-pull-23 { right: 95.83333333%; } .ant-col-xs-offset-23 { margin-left: 95.83333333%; } .ant-col-xs-order-23 { order: 23; } .ant-col-xs-22 { display: block; box-sizing: border-box; width: 91.66666667%; } .ant-col-xs-push-22 { left: 91.66666667%; } .ant-col-xs-pull-22 { right: 91.66666667%; } .ant-col-xs-offset-22 { margin-left: 91.66666667%; } .ant-col-xs-order-22 { order: 22; } .ant-col-xs-21 { display: block; box-sizing: border-box; width: 87.5%; } .ant-col-xs-push-21 { left: 87.5%; } .ant-col-xs-pull-21 { right: 87.5%; } .ant-col-xs-offset-21 { margin-left: 87.5%; } .ant-col-xs-order-21 { order: 21; } .ant-col-xs-20 { display: block; box-sizing: border-box; width: 83.33333333%; } .ant-col-xs-push-20 { left: 83.33333333%; } .ant-col-xs-pull-20 { right: 83.33333333%; } .ant-col-xs-offset-20 { margin-left: 83.33333333%; } .ant-col-xs-order-20 { order: 20; } .ant-col-xs-19 { display: block; box-sizing: border-box; width: 79.16666667%; } .ant-col-xs-push-19 { left: 79.16666667%; } .ant-col-xs-pull-19 { right: 79.16666667%; } .ant-col-xs-offset-19 { margin-left: 79.16666667%; } .ant-col-xs-order-19 { order: 19; } .ant-col-xs-18 { display: block; box-sizing: border-box; width: 75%; } .ant-col-xs-push-18 { left: 75%; } .ant-col-xs-pull-18 { right: 75%; } .ant-col-xs-offset-18 { margin-left: 75%; } .ant-col-xs-order-18 { order: 18; } .ant-col-xs-17 { display: block; box-sizing: border-box; width: 70.83333333%; } .ant-col-xs-push-17 { left: 70.83333333%; } .ant-col-xs-pull-17 { right: 70.83333333%; } .ant-col-xs-offset-17 { margin-left: 70.83333333%; } .ant-col-xs-order-17 { order: 17; } .ant-col-xs-16 { display: block; box-sizing: border-box; width: 66.66666667%; } .ant-col-xs-push-16 { left: 66.66666667%; } .ant-col-xs-pull-16 { right: 66.66666667%; } .ant-col-xs-offset-16 { margin-left: 66.66666667%; } .ant-col-xs-order-16 { order: 16; } .ant-col-xs-15 { display: block; box-sizing: border-box; width: 62.5%; } .ant-col-xs-push-15 { left: 62.5%; } .ant-col-xs-pull-15 { right: 62.5%; } .ant-col-xs-offset-15 { margin-left: 62.5%; } .ant-col-xs-order-15 { order: 15; } .ant-col-xs-14 { display: block; box-sizing: border-box; width: 58.33333333%; } .ant-col-xs-push-14 { left: 58.33333333%; } .ant-col-xs-pull-14 { right: 58.33333333%; } .ant-col-xs-offset-14 { margin-left: 58.33333333%; } .ant-col-xs-order-14 { order: 14; } .ant-col-xs-13 { display: block; box-sizing: border-box; width: 54.16666667%; } .ant-col-xs-push-13 { left: 54.16666667%; } .ant-col-xs-pull-13 { right: 54.16666667%; } .ant-col-xs-offset-13 { margin-left: 54.16666667%; } .ant-col-xs-order-13 { order: 13; } .ant-col-xs-12 { display: block; box-sizing: border-box; width: 50%; } .ant-col-xs-push-12 { left: 50%; } .ant-col-xs-pull-12 { right: 50%; } .ant-col-xs-offset-12 { margin-left: 50%; } .ant-col-xs-order-12 { order: 12; } .ant-col-xs-11 { display: block; box-sizing: border-box; width: 45.83333333%; } .ant-col-xs-push-11 { left: 45.83333333%; } .ant-col-xs-pull-11 { right: 45.83333333%; } .ant-col-xs-offset-11 { margin-left: 45.83333333%; } .ant-col-xs-order-11 { order: 11; } .ant-col-xs-10 { display: block; box-sizing: border-box; width: 41.66666667%; } .ant-col-xs-push-10 { left: 41.66666667%; } .ant-col-xs-pull-10 { right: 41.66666667%; } .ant-col-xs-offset-10 { margin-left: 41.66666667%; } .ant-col-xs-order-10 { order: 10; } .ant-col-xs-9 { display: block; box-sizing: border-box; width: 37.5%; } .ant-col-xs-push-9 { left: 37.5%; } .ant-col-xs-pull-9 { right: 37.5%; } .ant-col-xs-offset-9 { margin-left: 37.5%; } .ant-col-xs-order-9 { order: 9; } .ant-col-xs-8 { display: block; box-sizing: border-box; width: 33.33333333%; } .ant-col-xs-push-8 { left: 33.33333333%; } .ant-col-xs-pull-8 { right: 33.33333333%; } .ant-col-xs-offset-8 { margin-left: 33.33333333%; } .ant-col-xs-order-8 { order: 8; } .ant-col-xs-7 { display: block; box-sizing: border-box; width: 29.16666667%; } .ant-col-xs-push-7 { left: 29.16666667%; } .ant-col-xs-pull-7 { right: 29.16666667%; } .ant-col-xs-offset-7 { margin-left: 29.16666667%; } .ant-col-xs-order-7 { order: 7; } .ant-col-xs-6 { display: block; box-sizing: border-box; width: 25%; } .ant-col-xs-push-6 { left: 25%; } .ant-col-xs-pull-6 { right: 25%; } .ant-col-xs-offset-6 { margin-left: 25%; } .ant-col-xs-order-6 { order: 6; } .ant-col-xs-5 { display: block; box-sizing: border-box; width: 20.83333333%; } .ant-col-xs-push-5 { left: 20.83333333%; } .ant-col-xs-pull-5 { right: 20.83333333%; } .ant-col-xs-offset-5 { margin-left: 20.83333333%; } .ant-col-xs-order-5 { order: 5; } .ant-col-xs-4 { display: block; box-sizing: border-box; width: 16.66666667%; } .ant-col-xs-push-4 { left: 16.66666667%; } .ant-col-xs-pull-4 { right: 16.66666667%; } .ant-col-xs-offset-4 { margin-left: 16.66666667%; } .ant-col-xs-order-4 { order: 4; } .ant-col-xs-3 { display: block; box-sizing: border-box; width: 12.5%; } .ant-col-xs-push-3 { left: 12.5%; } .ant-col-xs-pull-3 { right: 12.5%; } .ant-col-xs-offset-3 { margin-left: 12.5%; } .ant-col-xs-order-3 { order: 3; } .ant-col-xs-2 { display: block; box-sizing: border-box; width: 8.33333333%; } .ant-col-xs-push-2 { left: 8.33333333%; } .ant-col-xs-pull-2 { right: 8.33333333%; } .ant-col-xs-offset-2 { margin-left: 8.33333333%; } .ant-col-xs-order-2 { order: 2; } .ant-col-xs-1 { display: block; box-sizing: border-box; width: 4.16666667%; } .ant-col-xs-push-1 { left: 4.16666667%; } .ant-col-xs-pull-1 { right: 4.16666667%; } .ant-col-xs-offset-1 { margin-left: 4.16666667%; } .ant-col-xs-order-1 { order: 1; } .ant-col-xs-0 { display: none; } .ant-col-push-0 { left: auto; } .ant-col-pull-0 { right: auto; } .ant-col-xs-push-0 { left: auto; } .ant-col-xs-pull-0 { right: auto; } .ant-col-xs-offset-0 { margin-left: 0; } .ant-col-xs-order-0 { order: 0; } @media (min-width: 576px) { .ant-col-sm-1, .ant-col-sm-2, .ant-col-sm-3, .ant-col-sm-4, .ant-col-sm-5, .ant-col-sm-6, .ant-col-sm-7, .ant-col-sm-8, .ant-col-sm-9, .ant-col-sm-10, .ant-col-sm-11, .ant-col-sm-12, .ant-col-sm-13, .ant-col-sm-14, .ant-col-sm-15, .ant-col-sm-16, .ant-col-sm-17, .ant-col-sm-18, .ant-col-sm-19, .ant-col-sm-20, .ant-col-sm-21, .ant-col-sm-22, .ant-col-sm-23, .ant-col-sm-24 { flex: 0 0 auto; float: left; } .ant-col-sm-24 { display: block; box-sizing: border-box; width: 100%; } .ant-col-sm-push-24 { left: 100%; } .ant-col-sm-pull-24 { right: 100%; } .ant-col-sm-offset-24 { margin-left: 100%; } .ant-col-sm-order-24 { order: 24; } .ant-col-sm-23 { display: block; box-sizing: border-box; width: 95.83333333%; } .ant-col-sm-push-23 { left: 95.83333333%; } .ant-col-sm-pull-23 { right: 95.83333333%; } .ant-col-sm-offset-23 { margin-left: 95.83333333%; } .ant-col-sm-order-23 { order: 23; } .ant-col-sm-22 { display: block; box-sizing: border-box; width: 91.66666667%; } .ant-col-sm-push-22 { left: 91.66666667%; } .ant-col-sm-pull-22 { right: 91.66666667%; } .ant-col-sm-offset-22 { margin-left: 91.66666667%; } .ant-col-sm-order-22 { order: 22; } .ant-col-sm-21 { display: block; box-sizing: border-box; width: 87.5%; } .ant-col-sm-push-21 { left: 87.5%; } .ant-col-sm-pull-21 { right: 87.5%; } .ant-col-sm-offset-21 { margin-left: 87.5%; } .ant-col-sm-order-21 { order: 21; } .ant-col-sm-20 { display: block; box-sizing: border-box; width: 83.33333333%; } .ant-col-sm-push-20 { left: 83.33333333%; } .ant-col-sm-pull-20 { right: 83.33333333%; } .ant-col-sm-offset-20 { margin-left: 83.33333333%; } .ant-col-sm-order-20 { order: 20; } .ant-col-sm-19 { display: block; box-sizing: border-box; width: 79.16666667%; } .ant-col-sm-push-19 { left: 79.16666667%; } .ant-col-sm-pull-19 { right: 79.16666667%; } .ant-col-sm-offset-19 { margin-left: 79.16666667%; } .ant-col-sm-order-19 { order: 19; } .ant-col-sm-18 { display: block; box-sizing: border-box; width: 75%; } .ant-col-sm-push-18 { left: 75%; } .ant-col-sm-pull-18 { right: 75%; } .ant-col-sm-offset-18 { margin-left: 75%; } .ant-col-sm-order-18 { order: 18; } .ant-col-sm-17 { display: block; box-sizing: border-box; width: 70.83333333%; } .ant-col-sm-push-17 { left: 70.83333333%; } .ant-col-sm-pull-17 { right: 70.83333333%; } .ant-col-sm-offset-17 { margin-left: 70.83333333%; } .ant-col-sm-order-17 { order: 17; } .ant-col-sm-16 { display: block; box-sizing: border-box; width: 66.66666667%; } .ant-col-sm-push-16 { left: 66.66666667%; } .ant-col-sm-pull-16 { right: 66.66666667%; } .ant-col-sm-offset-16 { margin-left: 66.66666667%; } .ant-col-sm-order-16 { order: 16; } .ant-col-sm-15 { display: block; box-sizing: border-box; width: 62.5%; } .ant-col-sm-push-15 { left: 62.5%; } .ant-col-sm-pull-15 { right: 62.5%; } .ant-col-sm-offset-15 { margin-left: 62.5%; } .ant-col-sm-order-15 { order: 15; } .ant-col-sm-14 { display: block; box-sizing: border-box; width: 58.33333333%; } .ant-col-sm-push-14 { left: 58.33333333%; } .ant-col-sm-pull-14 { right: 58.33333333%; } .ant-col-sm-offset-14 { margin-left: 58.33333333%; } .ant-col-sm-order-14 { order: 14; } .ant-col-sm-13 { display: block; box-sizing: border-box; width: 54.16666667%; } .ant-col-sm-push-13 { left: 54.16666667%; } .ant-col-sm-pull-13 { right: 54.16666667%; } .ant-col-sm-offset-13 { margin-left: 54.16666667%; } .ant-col-sm-order-13 { order: 13; } .ant-col-sm-12 { display: block; box-sizing: border-box; width: 50%; } .ant-col-sm-push-12 { left: 50%; } .ant-col-sm-pull-12 { right: 50%; } .ant-col-sm-offset-12 { margin-left: 50%; } .ant-col-sm-order-12 { order: 12; } .ant-col-sm-11 { display: block; box-sizing: border-box; width: 45.83333333%; } .ant-col-sm-push-11 { left: 45.83333333%; } .ant-col-sm-pull-11 { right: 45.83333333%; } .ant-col-sm-offset-11 { margin-left: 45.83333333%; } .ant-col-sm-order-11 { order: 11; } .ant-col-sm-10 { display: block; box-sizing: border-box; width: 41.66666667%; } .ant-col-sm-push-10 { left: 41.66666667%; } .ant-col-sm-pull-10 { right: 41.66666667%; } .ant-col-sm-offset-10 { margin-left: 41.66666667%; } .ant-col-sm-order-10 { order: 10; } .ant-col-sm-9 { display: block; box-sizing: border-box; width: 37.5%; } .ant-col-sm-push-9 { left: 37.5%; } .ant-col-sm-pull-9 { right: 37.5%; } .ant-col-sm-offset-9 { margin-left: 37.5%; } .ant-col-sm-order-9 { order: 9; } .ant-col-sm-8 { display: block; box-sizing: border-box; width: 33.33333333%; } .ant-col-sm-push-8 { left: 33.33333333%; } .ant-col-sm-pull-8 { right: 33.33333333%; } .ant-col-sm-offset-8 { margin-left: 33.33333333%; } .ant-col-sm-order-8 { order: 8; } .ant-col-sm-7 { display: block; box-sizing: border-box; width: 29.16666667%; } .ant-col-sm-push-7 { left: 29.16666667%; } .ant-col-sm-pull-7 { right: 29.16666667%; } .ant-col-sm-offset-7 { margin-left: 29.16666667%; } .ant-col-sm-order-7 { order: 7; } .ant-col-sm-6 { display: block; box-sizing: border-box; width: 25%; } .ant-col-sm-push-6 { left: 25%; } .ant-col-sm-pull-6 { right: 25%; } .ant-col-sm-offset-6 { margin-left: 25%; } .ant-col-sm-order-6 { order: 6; } .ant-col-sm-5 { display: block; box-sizing: border-box; width: 20.83333333%; } .ant-col-sm-push-5 { left: 20.83333333%; } .ant-col-sm-pull-5 { right: 20.83333333%; } .ant-col-sm-offset-5 { margin-left: 20.83333333%; } .ant-col-sm-order-5 { order: 5; } .ant-col-sm-4 { display: block; box-sizing: border-box; width: 16.66666667%; } .ant-col-sm-push-4 { left: 16.66666667%; } .ant-col-sm-pull-4 { right: 16.66666667%; } .ant-col-sm-offset-4 { margin-left: 16.66666667%; } .ant-col-sm-order-4 { order: 4; } .ant-col-sm-3 { display: block; box-sizing: border-box; width: 12.5%; } .ant-col-sm-push-3 { left: 12.5%; } .ant-col-sm-pull-3 { right: 12.5%; } .ant-col-sm-offset-3 { margin-left: 12.5%; } .ant-col-sm-order-3 { order: 3; } .ant-col-sm-2 { display: block; box-sizing: border-box; width: 8.33333333%; } .ant-col-sm-push-2 { left: 8.33333333%; } .ant-col-sm-pull-2 { right: 8.33333333%; } .ant-col-sm-offset-2 { margin-left: 8.33333333%; } .ant-col-sm-order-2 { order: 2; } .ant-col-sm-1 { display: block; box-sizing: border-box; width: 4.16666667%; } .ant-col-sm-push-1 { left: 4.16666667%; } .ant-col-sm-pull-1 { right: 4.16666667%; } .ant-col-sm-offset-1 { margin-left: 4.16666667%; } .ant-col-sm-order-1 { order: 1; } .ant-col-sm-0 { display: none; } .ant-col-push-0 { left: auto; } .ant-col-pull-0 { right: auto; } .ant-col-sm-push-0 { left: auto; } .ant-col-sm-pull-0 { right: auto; } .ant-col-sm-offset-0 { margin-left: 0; } .ant-col-sm-order-0 { order: 0; } } @media (min-width: 768px) { .ant-col-md-1, .ant-col-md-2, .ant-col-md-3, .ant-col-md-4, .ant-col-md-5, .ant-col-md-6, .ant-col-md-7, .ant-col-md-8, .ant-col-md-9, .ant-col-md-10, .ant-col-md-11, .ant-col-md-12, .ant-col-md-13, .ant-col-md-14, .ant-col-md-15, .ant-col-md-16, .ant-col-md-17, .ant-col-md-18, .ant-col-md-19, .ant-col-md-20, .ant-col-md-21, .ant-col-md-22, .ant-col-md-23, .ant-col-md-24 { flex: 0 0 auto; float: left; } .ant-col-md-24 { display: block; box-sizing: border-box; width: 100%; } .ant-col-md-push-24 { left: 100%; } .ant-col-md-pull-24 { right: 100%; } .ant-col-md-offset-24 { margin-left: 100%; } .ant-col-md-order-24 { order: 24; } .ant-col-md-23 { display: block; box-sizing: border-box; width: 95.83333333%; } .ant-col-md-push-23 { left: 95.83333333%; } .ant-col-md-pull-23 { right: 95.83333333%; } .ant-col-md-offset-23 { margin-left: 95.83333333%; } .ant-col-md-order-23 { order: 23; } .ant-col-md-22 { display: block; box-sizing: border-box; width: 91.66666667%; } .ant-col-md-push-22 { left: 91.66666667%; } .ant-col-md-pull-22 { right: 91.66666667%; } .ant-col-md-offset-22 { margin-left: 91.66666667%; } .ant-col-md-order-22 { order: 22; } .ant-col-md-21 { display: block; box-sizing: border-box; width: 87.5%; } .ant-col-md-push-21 { left: 87.5%; } .ant-col-md-pull-21 { right: 87.5%; } .ant-col-md-offset-21 { margin-left: 87.5%; } .ant-col-md-order-21 { order: 21; } .ant-col-md-20 { display: block; box-sizing: border-box; width: 83.33333333%; } .ant-col-md-push-20 { left: 83.33333333%; } .ant-col-md-pull-20 { right: 83.33333333%; } .ant-col-md-offset-20 { margin-left: 83.33333333%; } .ant-col-md-order-20 { order: 20; } .ant-col-md-19 { display: block; box-sizing: border-box; width: 79.16666667%; } .ant-col-md-push-19 { left: 79.16666667%; } .ant-col-md-pull-19 { right: 79.16666667%; } .ant-col-md-offset-19 { margin-left: 79.16666667%; } .ant-col-md-order-19 { order: 19; } .ant-col-md-18 { display: block; box-sizing: border-box; width: 75%; } .ant-col-md-push-18 { left: 75%; } .ant-col-md-pull-18 { right: 75%; } .ant-col-md-offset-18 { margin-left: 75%; } .ant-col-md-order-18 { order: 18; } .ant-col-md-17 { display: block; box-sizing: border-box; width: 70.83333333%; } .ant-col-md-push-17 { left: 70.83333333%; } .ant-col-md-pull-17 { right: 70.83333333%; } .ant-col-md-offset-17 { margin-left: 70.83333333%; } .ant-col-md-order-17 { order: 17; } .ant-col-md-16 { display: block; box-sizing: border-box; width: 66.66666667%; } .ant-col-md-push-16 { left: 66.66666667%; } .ant-col-md-pull-16 { right: 66.66666667%; } .ant-col-md-offset-16 { margin-left: 66.66666667%; } .ant-col-md-order-16 { order: 16; } .ant-col-md-15 { display: block; box-sizing: border-box; width: 62.5%; } .ant-col-md-push-15 { left: 62.5%; } .ant-col-md-pull-15 { right: 62.5%; } .ant-col-md-offset-15 { margin-left: 62.5%; } .ant-col-md-order-15 { order: 15; } .ant-col-md-14 { display: block; box-sizing: border-box; width: 58.33333333%; } .ant-col-md-push-14 { left: 58.33333333%; } .ant-col-md-pull-14 { right: 58.33333333%; } .ant-col-md-offset-14 { margin-left: 58.33333333%; } .ant-col-md-order-14 { order: 14; } .ant-col-md-13 { display: block; box-sizing: border-box; width: 54.16666667%; } .ant-col-md-push-13 { left: 54.16666667%; } .ant-col-md-pull-13 { right: 54.16666667%; } .ant-col-md-offset-13 { margin-left: 54.16666667%; } .ant-col-md-order-13 { order: 13; } .ant-col-md-12 { display: block; box-sizing: border-box; width: 50%; } .ant-col-md-push-12 { left: 50%; } .ant-col-md-pull-12 { right: 50%; } .ant-col-md-offset-12 { margin-left: 50%; } .ant-col-md-order-12 { order: 12; } .ant-col-md-11 { display: block; box-sizing: border-box; width: 45.83333333%; } .ant-col-md-push-11 { left: 45.83333333%; } .ant-col-md-pull-11 { right: 45.83333333%; } .ant-col-md-offset-11 { margin-left: 45.83333333%; } .ant-col-md-order-11 { order: 11; } .ant-col-md-10 { display: block; box-sizing: border-box; width: 41.66666667%; } .ant-col-md-push-10 { left: 41.66666667%; } .ant-col-md-pull-10 { right: 41.66666667%; } .ant-col-md-offset-10 { margin-left: 41.66666667%; } .ant-col-md-order-10 { order: 10; } .ant-col-md-9 { display: block; box-sizing: border-box; width: 37.5%; } .ant-col-md-push-9 { left: 37.5%; } .ant-col-md-pull-9 { right: 37.5%; } .ant-col-md-offset-9 { margin-left: 37.5%; } .ant-col-md-order-9 { order: 9; } .ant-col-md-8 { display: block; box-sizing: border-box; width: 33.33333333%; } .ant-col-md-push-8 { left: 33.33333333%; } .ant-col-md-pull-8 { right: 33.33333333%; } .ant-col-md-offset-8 { margin-left: 33.33333333%; } .ant-col-md-order-8 { order: 8; } .ant-col-md-7 { display: block; box-sizing: border-box; width: 29.16666667%; } .ant-col-md-push-7 { left: 29.16666667%; } .ant-col-md-pull-7 { right: 29.16666667%; } .ant-col-md-offset-7 { margin-left: 29.16666667%; } .ant-col-md-order-7 { order: 7; } .ant-col-md-6 { display: block; box-sizing: border-box; width: 25%; } .ant-col-md-push-6 { left: 25%; } .ant-col-md-pull-6 { right: 25%; } .ant-col-md-offset-6 { margin-left: 25%; } .ant-col-md-order-6 { order: 6; } .ant-col-md-5 { display: block; box-sizing: border-box; width: 20.83333333%; } .ant-col-md-push-5 { left: 20.83333333%; } .ant-col-md-pull-5 { right: 20.83333333%; } .ant-col-md-offset-5 { margin-left: 20.83333333%; } .ant-col-md-order-5 { order: 5; } .ant-col-md-4 { display: block; box-sizing: border-box; width: 16.66666667%; } .ant-col-md-push-4 { left: 16.66666667%; } .ant-col-md-pull-4 { right: 16.66666667%; } .ant-col-md-offset-4 { margin-left: 16.66666667%; } .ant-col-md-order-4 { order: 4; } .ant-col-md-3 { display: block; box-sizing: border-box; width: 12.5%; } .ant-col-md-push-3 { left: 12.5%; } .ant-col-md-pull-3 { right: 12.5%; } .ant-col-md-offset-3 { margin-left: 12.5%; } .ant-col-md-order-3 { order: 3; } .ant-col-md-2 { display: block; box-sizing: border-box; width: 8.33333333%; } .ant-col-md-push-2 { left: 8.33333333%; } .ant-col-md-pull-2 { right: 8.33333333%; } .ant-col-md-offset-2 { margin-left: 8.33333333%; } .ant-col-md-order-2 { order: 2; } .ant-col-md-1 { display: block; box-sizing: border-box; width: 4.16666667%; } .ant-col-md-push-1 { left: 4.16666667%; } .ant-col-md-pull-1 { right: 4.16666667%; } .ant-col-md-offset-1 { margin-left: 4.16666667%; } .ant-col-md-order-1 { order: 1; } .ant-col-md-0 { display: none; } .ant-col-push-0 { left: auto; } .ant-col-pull-0 { right: auto; } .ant-col-md-push-0 { left: auto; } .ant-col-md-pull-0 { right: auto; } .ant-col-md-offset-0 { margin-left: 0; } .ant-col-md-order-0 { order: 0; } } @media (min-width: 992px) { .ant-col-lg-1, .ant-col-lg-2, .ant-col-lg-3, .ant-col-lg-4, .ant-col-lg-5, .ant-col-lg-6, .ant-col-lg-7, .ant-col-lg-8, .ant-col-lg-9, .ant-col-lg-10, .ant-col-lg-11, .ant-col-lg-12, .ant-col-lg-13, .ant-col-lg-14, .ant-col-lg-15, .ant-col-lg-16, .ant-col-lg-17, .ant-col-lg-18, .ant-col-lg-19, .ant-col-lg-20, .ant-col-lg-21, .ant-col-lg-22, .ant-col-lg-23, .ant-col-lg-24 { flex: 0 0 auto; float: left; } .ant-col-lg-24 { display: block; box-sizing: border-box; width: 100%; } .ant-col-lg-push-24 { left: 100%; } .ant-col-lg-pull-24 { right: 100%; } .ant-col-lg-offset-24 { margin-left: 100%; } .ant-col-lg-order-24 { order: 24; } .ant-col-lg-23 { display: block; box-sizing: border-box; width: 95.83333333%; } .ant-col-lg-push-23 { left: 95.83333333%; } .ant-col-lg-pull-23 { right: 95.83333333%; } .ant-col-lg-offset-23 { margin-left: 95.83333333%; } .ant-col-lg-order-23 { order: 23; } .ant-col-lg-22 { display: block; box-sizing: border-box; width: 91.66666667%; } .ant-col-lg-push-22 { left: 91.66666667%; } .ant-col-lg-pull-22 { right: 91.66666667%; } .ant-col-lg-offset-22 { margin-left: 91.66666667%; } .ant-col-lg-order-22 { order: 22; } .ant-col-lg-21 { display: block; box-sizing: border-box; width: 87.5%; } .ant-col-lg-push-21 { left: 87.5%; } .ant-col-lg-pull-21 { right: 87.5%; } .ant-col-lg-offset-21 { margin-left: 87.5%; } .ant-col-lg-order-21 { order: 21; } .ant-col-lg-20 { display: block; box-sizing: border-box; width: 83.33333333%; } .ant-col-lg-push-20 { left: 83.33333333%; } .ant-col-lg-pull-20 { right: 83.33333333%; } .ant-col-lg-offset-20 { margin-left: 83.33333333%; } .ant-col-lg-order-20 { order: 20; } .ant-col-lg-19 { display: block; box-sizing: border-box; width: 79.16666667%; } .ant-col-lg-push-19 { left: 79.16666667%; } .ant-col-lg-pull-19 { right: 79.16666667%; } .ant-col-lg-offset-19 { margin-left: 79.16666667%; } .ant-col-lg-order-19 { order: 19; } .ant-col-lg-18 { display: block; box-sizing: border-box; width: 75%; } .ant-col-lg-push-18 { left: 75%; } .ant-col-lg-pull-18 { right: 75%; } .ant-col-lg-offset-18 { margin-left: 75%; } .ant-col-lg-order-18 { order: 18; } .ant-col-lg-17 { display: block; box-sizing: border-box; width: 70.83333333%; } .ant-col-lg-push-17 { left: 70.83333333%; } .ant-col-lg-pull-17 { right: 70.83333333%; } .ant-col-lg-offset-17 { margin-left: 70.83333333%; } .ant-col-lg-order-17 { order: 17; } .ant-col-lg-16 { display: block; box-sizing: border-box; width: 66.66666667%; } .ant-col-lg-push-16 { left: 66.66666667%; } .ant-col-lg-pull-16 { right: 66.66666667%; } .ant-col-lg-offset-16 { margin-left: 66.66666667%; } .ant-col-lg-order-16 { order: 16; } .ant-col-lg-15 { display: block; box-sizing: border-box; width: 62.5%; } .ant-col-lg-push-15 { left: 62.5%; } .ant-col-lg-pull-15 { right: 62.5%; } .ant-col-lg-offset-15 { margin-left: 62.5%; } .ant-col-lg-order-15 { order: 15; } .ant-col-lg-14 { display: block; box-sizing: border-box; width: 58.33333333%; } .ant-col-lg-push-14 { left: 58.33333333%; } .ant-col-lg-pull-14 { right: 58.33333333%; } .ant-col-lg-offset-14 { margin-left: 58.33333333%; } .ant-col-lg-order-14 { order: 14; } .ant-col-lg-13 { display: block; box-sizing: border-box; width: 54.16666667%; } .ant-col-lg-push-13 { left: 54.16666667%; } .ant-col-lg-pull-13 { right: 54.16666667%; } .ant-col-lg-offset-13 { margin-left: 54.16666667%; } .ant-col-lg-order-13 { order: 13; } .ant-col-lg-12 { display: block; box-sizing: border-box; width: 50%; } .ant-col-lg-push-12 { left: 50%; } .ant-col-lg-pull-12 { right: 50%; } .ant-col-lg-offset-12 { margin-left: 50%; } .ant-col-lg-order-12 { order: 12; } .ant-col-lg-11 { display: block; box-sizing: border-box; width: 45.83333333%; } .ant-col-lg-push-11 { left: 45.83333333%; } .ant-col-lg-pull-11 { right: 45.83333333%; } .ant-col-lg-offset-11 { margin-left: 45.83333333%; } .ant-col-lg-order-11 { order: 11; } .ant-col-lg-10 { display: block; box-sizing: border-box; width: 41.66666667%; } .ant-col-lg-push-10 { left: 41.66666667%; } .ant-col-lg-pull-10 { right: 41.66666667%; } .ant-col-lg-offset-10 { margin-left: 41.66666667%; } .ant-col-lg-order-10 { order: 10; } .ant-col-lg-9 { display: block; box-sizing: border-box; width: 37.5%; } .ant-col-lg-push-9 { left: 37.5%; } .ant-col-lg-pull-9 { right: 37.5%; } .ant-col-lg-offset-9 { margin-left: 37.5%; } .ant-col-lg-order-9 { order: 9; } .ant-col-lg-8 { display: block; box-sizing: border-box; width: 33.33333333%; } .ant-col-lg-push-8 { left: 33.33333333%; } .ant-col-lg-pull-8 { right: 33.33333333%; } .ant-col-lg-offset-8 { margin-left: 33.33333333%; } .ant-col-lg-order-8 { order: 8; } .ant-col-lg-7 { display: block; box-sizing: border-box; width: 29.16666667%; } .ant-col-lg-push-7 { left: 29.16666667%; } .ant-col-lg-pull-7 { right: 29.16666667%; } .ant-col-lg-offset-7 { margin-left: 29.16666667%; } .ant-col-lg-order-7 { order: 7; } .ant-col-lg-6 { display: block; box-sizing: border-box; width: 25%; } .ant-col-lg-push-6 { left: 25%; } .ant-col-lg-pull-6 { right: 25%; } .ant-col-lg-offset-6 { margin-left: 25%; } .ant-col-lg-order-6 { order: 6; } .ant-col-lg-5 { display: block; box-sizing: border-box; width: 20.83333333%; } .ant-col-lg-push-5 { left: 20.83333333%; } .ant-col-lg-pull-5 { right: 20.83333333%; } .ant-col-lg-offset-5 { margin-left: 20.83333333%; } .ant-col-lg-order-5 { order: 5; } .ant-col-lg-4 { display: block; box-sizing: border-box; width: 16.66666667%; } .ant-col-lg-push-4 { left: 16.66666667%; } .ant-col-lg-pull-4 { right: 16.66666667%; } .ant-col-lg-offset-4 { margin-left: 16.66666667%; } .ant-col-lg-order-4 { order: 4; } .ant-col-lg-3 { display: block; box-sizing: border-box; width: 12.5%; } .ant-col-lg-push-3 { left: 12.5%; } .ant-col-lg-pull-3 { right: 12.5%; } .ant-col-lg-offset-3 { margin-left: 12.5%; } .ant-col-lg-order-3 { order: 3; } .ant-col-lg-2 { display: block; box-sizing: border-box; width: 8.33333333%; } .ant-col-lg-push-2 { left: 8.33333333%; } .ant-col-lg-pull-2 { right: 8.33333333%; } .ant-col-lg-offset-2 { margin-left: 8.33333333%; } .ant-col-lg-order-2 { order: 2; } .ant-col-lg-1 { display: block; box-sizing: border-box; width: 4.16666667%; } .ant-col-lg-push-1 { left: 4.16666667%; } .ant-col-lg-pull-1 { right: 4.16666667%; } .ant-col-lg-offset-1 { margin-left: 4.16666667%; } .ant-col-lg-order-1 { order: 1; } .ant-col-lg-0 { display: none; } .ant-col-push-0 { left: auto; } .ant-col-pull-0 { right: auto; } .ant-col-lg-push-0 { left: auto; } .ant-col-lg-pull-0 { right: auto; } .ant-col-lg-offset-0 { margin-left: 0; } .ant-col-lg-order-0 { order: 0; } } @media (min-width: 1200px) { .ant-col-xl-1, .ant-col-xl-2, .ant-col-xl-3, .ant-col-xl-4, .ant-col-xl-5, .ant-col-xl-6, .ant-col-xl-7, .ant-col-xl-8, .ant-col-xl-9, .ant-col-xl-10, .ant-col-xl-11, .ant-col-xl-12, .ant-col-xl-13, .ant-col-xl-14, .ant-col-xl-15, .ant-col-xl-16, .ant-col-xl-17, .ant-col-xl-18, .ant-col-xl-19, .ant-col-xl-20, .ant-col-xl-21, .ant-col-xl-22, .ant-col-xl-23, .ant-col-xl-24 { flex: 0 0 auto; float: left; } .ant-col-xl-24 { display: block; box-sizing: border-box; width: 100%; } .ant-col-xl-push-24 { left: 100%; } .ant-col-xl-pull-24 { right: 100%; } .ant-col-xl-offset-24 { margin-left: 100%; } .ant-col-xl-order-24 { order: 24; } .ant-col-xl-23 { display: block; box-sizing: border-box; width: 95.83333333%; } .ant-col-xl-push-23 { left: 95.83333333%; } .ant-col-xl-pull-23 { right: 95.83333333%; } .ant-col-xl-offset-23 { margin-left: 95.83333333%; } .ant-col-xl-order-23 { order: 23; } .ant-col-xl-22 { display: block; box-sizing: border-box; width: 91.66666667%; } .ant-col-xl-push-22 { left: 91.66666667%; } .ant-col-xl-pull-22 { right: 91.66666667%; } .ant-col-xl-offset-22 { margin-left: 91.66666667%; } .ant-col-xl-order-22 { order: 22; } .ant-col-xl-21 { display: block; box-sizing: border-box; width: 87.5%; } .ant-col-xl-push-21 { left: 87.5%; } .ant-col-xl-pull-21 { right: 87.5%; } .ant-col-xl-offset-21 { margin-left: 87.5%; } .ant-col-xl-order-21 { order: 21; } .ant-col-xl-20 { display: block; box-sizing: border-box; width: 83.33333333%; } .ant-col-xl-push-20 { left: 83.33333333%; } .ant-col-xl-pull-20 { right: 83.33333333%; } .ant-col-xl-offset-20 { margin-left: 83.33333333%; } .ant-col-xl-order-20 { order: 20; } .ant-col-xl-19 { display: block; box-sizing: border-box; width: 79.16666667%; } .ant-col-xl-push-19 { left: 79.16666667%; } .ant-col-xl-pull-19 { right: 79.16666667%; } .ant-col-xl-offset-19 { margin-left: 79.16666667%; } .ant-col-xl-order-19 { order: 19; } .ant-col-xl-18 { display: block; box-sizing: border-box; width: 75%; } .ant-col-xl-push-18 { left: 75%; } .ant-col-xl-pull-18 { right: 75%; } .ant-col-xl-offset-18 { margin-left: 75%; } .ant-col-xl-order-18 { order: 18; } .ant-col-xl-17 { display: block; box-sizing: border-box; width: 70.83333333%; } .ant-col-xl-push-17 { left: 70.83333333%; } .ant-col-xl-pull-17 { right: 70.83333333%; } .ant-col-xl-offset-17 { margin-left: 70.83333333%; } .ant-col-xl-order-17 { order: 17; } .ant-col-xl-16 { display: block; box-sizing: border-box; width: 66.66666667%; } .ant-col-xl-push-16 { left: 66.66666667%; } .ant-col-xl-pull-16 { right: 66.66666667%; } .ant-col-xl-offset-16 { margin-left: 66.66666667%; } .ant-col-xl-order-16 { order: 16; } .ant-col-xl-15 { display: block; box-sizing: border-box; width: 62.5%; } .ant-col-xl-push-15 { left: 62.5%; } .ant-col-xl-pull-15 { right: 62.5%; } .ant-col-xl-offset-15 { margin-left: 62.5%; } .ant-col-xl-order-15 { order: 15; } .ant-col-xl-14 { display: block; box-sizing: border-box; width: 58.33333333%; } .ant-col-xl-push-14 { left: 58.33333333%; } .ant-col-xl-pull-14 { right: 58.33333333%; } .ant-col-xl-offset-14 { margin-left: 58.33333333%; } .ant-col-xl-order-14 { order: 14; } .ant-col-xl-13 { display: block; box-sizing: border-box; width: 54.16666667%; } .ant-col-xl-push-13 { left: 54.16666667%; } .ant-col-xl-pull-13 { right: 54.16666667%; } .ant-col-xl-offset-13 { margin-left: 54.16666667%; } .ant-col-xl-order-13 { order: 13; } .ant-col-xl-12 { display: block; box-sizing: border-box; width: 50%; } .ant-col-xl-push-12 { left: 50%; } .ant-col-xl-pull-12 { right: 50%; } .ant-col-xl-offset-12 { margin-left: 50%; } .ant-col-xl-order-12 { order: 12; } .ant-col-xl-11 { display: block; box-sizing: border-box; width: 45.83333333%; } .ant-col-xl-push-11 { left: 45.83333333%; } .ant-col-xl-pull-11 { right: 45.83333333%; } .ant-col-xl-offset-11 { margin-left: 45.83333333%; } .ant-col-xl-order-11 { order: 11; } .ant-col-xl-10 { display: block; box-sizing: border-box; width: 41.66666667%; } .ant-col-xl-push-10 { left: 41.66666667%; } .ant-col-xl-pull-10 { right: 41.66666667%; } .ant-col-xl-offset-10 { margin-left: 41.66666667%; } .ant-col-xl-order-10 { order: 10; } .ant-col-xl-9 { display: block; box-sizing: border-box; width: 37.5%; } .ant-col-xl-push-9 { left: 37.5%; } .ant-col-xl-pull-9 { right: 37.5%; } .ant-col-xl-offset-9 { margin-left: 37.5%; } .ant-col-xl-order-9 { order: 9; } .ant-col-xl-8 { display: block; box-sizing: border-box; width: 33.33333333%; } .ant-col-xl-push-8 { left: 33.33333333%; } .ant-col-xl-pull-8 { right: 33.33333333%; } .ant-col-xl-offset-8 { margin-left: 33.33333333%; } .ant-col-xl-order-8 { order: 8; } .ant-col-xl-7 { display: block; box-sizing: border-box; width: 29.16666667%; } .ant-col-xl-push-7 { left: 29.16666667%; } .ant-col-xl-pull-7 { right: 29.16666667%; } .ant-col-xl-offset-7 { margin-left: 29.16666667%; } .ant-col-xl-order-7 { order: 7; } .ant-col-xl-6 { display: block; box-sizing: border-box; width: 25%; } .ant-col-xl-push-6 { left: 25%; } .ant-col-xl-pull-6 { right: 25%; } .ant-col-xl-offset-6 { margin-left: 25%; } .ant-col-xl-order-6 { order: 6; } .ant-col-xl-5 { display: block; box-sizing: border-box; width: 20.83333333%; } .ant-col-xl-push-5 { left: 20.83333333%; } .ant-col-xl-pull-5 { right: 20.83333333%; } .ant-col-xl-offset-5 { margin-left: 20.83333333%; } .ant-col-xl-order-5 { order: 5; } .ant-col-xl-4 { display: block; box-sizing: border-box; width: 16.66666667%; } .ant-col-xl-push-4 { left: 16.66666667%; } .ant-col-xl-pull-4 { right: 16.66666667%; } .ant-col-xl-offset-4 { margin-left: 16.66666667%; } .ant-col-xl-order-4 { order: 4; } .ant-col-xl-3 { display: block; box-sizing: border-box; width: 12.5%; } .ant-col-xl-push-3 { left: 12.5%; } .ant-col-xl-pull-3 { right: 12.5%; } .ant-col-xl-offset-3 { margin-left: 12.5%; } .ant-col-xl-order-3 { order: 3; } .ant-col-xl-2 { display: block; box-sizing: border-box; width: 8.33333333%; } .ant-col-xl-push-2 { left: 8.33333333%; } .ant-col-xl-pull-2 { right: 8.33333333%; } .ant-col-xl-offset-2 { margin-left: 8.33333333%; } .ant-col-xl-order-2 { order: 2; } .ant-col-xl-1 { display: block; box-sizing: border-box; width: 4.16666667%; } .ant-col-xl-push-1 { left: 4.16666667%; } .ant-col-xl-pull-1 { right: 4.16666667%; } .ant-col-xl-offset-1 { margin-left: 4.16666667%; } .ant-col-xl-order-1 { order: 1; } .ant-col-xl-0 { display: none; } .ant-col-push-0 { left: auto; } .ant-col-pull-0 { right: auto; } .ant-col-xl-push-0 { left: auto; } .ant-col-xl-pull-0 { right: auto; } .ant-col-xl-offset-0 { margin-left: 0; } .ant-col-xl-order-0 { order: 0; } } @media (min-width: 1600px) { .ant-col-xxl-1, .ant-col-xxl-2, .ant-col-xxl-3, .ant-col-xxl-4, .ant-col-xxl-5, .ant-col-xxl-6, .ant-col-xxl-7, .ant-col-xxl-8, .ant-col-xxl-9, .ant-col-xxl-10, .ant-col-xxl-11, .ant-col-xxl-12, .ant-col-xxl-13, .ant-col-xxl-14, .ant-col-xxl-15, .ant-col-xxl-16, .ant-col-xxl-17, .ant-col-xxl-18, .ant-col-xxl-19, .ant-col-xxl-20, .ant-col-xxl-21, .ant-col-xxl-22, .ant-col-xxl-23, .ant-col-xxl-24 { flex: 0 0 auto; float: left; } .ant-col-xxl-24 { display: block; box-sizing: border-box; width: 100%; } .ant-col-xxl-push-24 { left: 100%; } .ant-col-xxl-pull-24 { right: 100%; } .ant-col-xxl-offset-24 { margin-left: 100%; } .ant-col-xxl-order-24 { order: 24; } .ant-col-xxl-23 { display: block; box-sizing: border-box; width: 95.83333333%; } .ant-col-xxl-push-23 { left: 95.83333333%; } .ant-col-xxl-pull-23 { right: 95.83333333%; } .ant-col-xxl-offset-23 { margin-left: 95.83333333%; } .ant-col-xxl-order-23 { order: 23; } .ant-col-xxl-22 { display: block; box-sizing: border-box; width: 91.66666667%; } .ant-col-xxl-push-22 { left: 91.66666667%; } .ant-col-xxl-pull-22 { right: 91.66666667%; } .ant-col-xxl-offset-22 { margin-left: 91.66666667%; } .ant-col-xxl-order-22 { order: 22; } .ant-col-xxl-21 { display: block; box-sizing: border-box; width: 87.5%; } .ant-col-xxl-push-21 { left: 87.5%; } .ant-col-xxl-pull-21 { right: 87.5%; } .ant-col-xxl-offset-21 { margin-left: 87.5%; } .ant-col-xxl-order-21 { order: 21; } .ant-col-xxl-20 { display: block; box-sizing: border-box; width: 83.33333333%; } .ant-col-xxl-push-20 { left: 83.33333333%; } .ant-col-xxl-pull-20 { right: 83.33333333%; } .ant-col-xxl-offset-20 { margin-left: 83.33333333%; } .ant-col-xxl-order-20 { order: 20; } .ant-col-xxl-19 { display: block; box-sizing: border-box; width: 79.16666667%; } .ant-col-xxl-push-19 { left: 79.16666667%; } .ant-col-xxl-pull-19 { right: 79.16666667%; } .ant-col-xxl-offset-19 { margin-left: 79.16666667%; } .ant-col-xxl-order-19 { order: 19; } .ant-col-xxl-18 { display: block; box-sizing: border-box; width: 75%; } .ant-col-xxl-push-18 { left: 75%; } .ant-col-xxl-pull-18 { right: 75%; } .ant-col-xxl-offset-18 { margin-left: 75%; } .ant-col-xxl-order-18 { order: 18; } .ant-col-xxl-17 { display: block; box-sizing: border-box; width: 70.83333333%; } .ant-col-xxl-push-17 { left: 70.83333333%; } .ant-col-xxl-pull-17 { right: 70.83333333%; } .ant-col-xxl-offset-17 { margin-left: 70.83333333%; } .ant-col-xxl-order-17 { order: 17; } .ant-col-xxl-16 { display: block; box-sizing: border-box; width: 66.66666667%; } .ant-col-xxl-push-16 { left: 66.66666667%; } .ant-col-xxl-pull-16 { right: 66.66666667%; } .ant-col-xxl-offset-16 { margin-left: 66.66666667%; } .ant-col-xxl-order-16 { order: 16; } .ant-col-xxl-15 { display: block; box-sizing: border-box; width: 62.5%; } .ant-col-xxl-push-15 { left: 62.5%; } .ant-col-xxl-pull-15 { right: 62.5%; } .ant-col-xxl-offset-15 { margin-left: 62.5%; } .ant-col-xxl-order-15 { order: 15; } .ant-col-xxl-14 { display: block; box-sizing: border-box; width: 58.33333333%; } .ant-col-xxl-push-14 { left: 58.33333333%; } .ant-col-xxl-pull-14 { right: 58.33333333%; } .ant-col-xxl-offset-14 { margin-left: 58.33333333%; } .ant-col-xxl-order-14 { order: 14; } .ant-col-xxl-13 { display: block; box-sizing: border-box; width: 54.16666667%; } .ant-col-xxl-push-13 { left: 54.16666667%; } .ant-col-xxl-pull-13 { right: 54.16666667%; } .ant-col-xxl-offset-13 { margin-left: 54.16666667%; } .ant-col-xxl-order-13 { order: 13; } .ant-col-xxl-12 { display: block; box-sizing: border-box; width: 50%; } .ant-col-xxl-push-12 { left: 50%; } .ant-col-xxl-pull-12 { right: 50%; } .ant-col-xxl-offset-12 { margin-left: 50%; } .ant-col-xxl-order-12 { order: 12; } .ant-col-xxl-11 { display: block; box-sizing: border-box; width: 45.83333333%; } .ant-col-xxl-push-11 { left: 45.83333333%; } .ant-col-xxl-pull-11 { right: 45.83333333%; } .ant-col-xxl-offset-11 { margin-left: 45.83333333%; } .ant-col-xxl-order-11 { order: 11; } .ant-col-xxl-10 { display: block; box-sizing: border-box; width: 41.66666667%; } .ant-col-xxl-push-10 { left: 41.66666667%; } .ant-col-xxl-pull-10 { right: 41.66666667%; } .ant-col-xxl-offset-10 { margin-left: 41.66666667%; } .ant-col-xxl-order-10 { order: 10; } .ant-col-xxl-9 { display: block; box-sizing: border-box; width: 37.5%; } .ant-col-xxl-push-9 { left: 37.5%; } .ant-col-xxl-pull-9 { right: 37.5%; } .ant-col-xxl-offset-9 { margin-left: 37.5%; } .ant-col-xxl-order-9 { order: 9; } .ant-col-xxl-8 { display: block; box-sizing: border-box; width: 33.33333333%; } .ant-col-xxl-push-8 { left: 33.33333333%; } .ant-col-xxl-pull-8 { right: 33.33333333%; } .ant-col-xxl-offset-8 { margin-left: 33.33333333%; } .ant-col-xxl-order-8 { order: 8; } .ant-col-xxl-7 { display: block; box-sizing: border-box; width: 29.16666667%; } .ant-col-xxl-push-7 { left: 29.16666667%; } .ant-col-xxl-pull-7 { right: 29.16666667%; } .ant-col-xxl-offset-7 { margin-left: 29.16666667%; } .ant-col-xxl-order-7 { order: 7; } .ant-col-xxl-6 { display: block; box-sizing: border-box; width: 25%; } .ant-col-xxl-push-6 { left: 25%; } .ant-col-xxl-pull-6 { right: 25%; } .ant-col-xxl-offset-6 { margin-left: 25%; } .ant-col-xxl-order-6 { order: 6; } .ant-col-xxl-5 { display: block; box-sizing: border-box; width: 20.83333333%; } .ant-col-xxl-push-5 { left: 20.83333333%; } .ant-col-xxl-pull-5 { right: 20.83333333%; } .ant-col-xxl-offset-5 { margin-left: 20.83333333%; } .ant-col-xxl-order-5 { order: 5; } .ant-col-xxl-4 { display: block; box-sizing: border-box; width: 16.66666667%; } .ant-col-xxl-push-4 { left: 16.66666667%; } .ant-col-xxl-pull-4 { right: 16.66666667%; } .ant-col-xxl-offset-4 { margin-left: 16.66666667%; } .ant-col-xxl-order-4 { order: 4; } .ant-col-xxl-3 { display: block; box-sizing: border-box; width: 12.5%; } .ant-col-xxl-push-3 { left: 12.5%; } .ant-col-xxl-pull-3 { right: 12.5%; } .ant-col-xxl-offset-3 { margin-left: 12.5%; } .ant-col-xxl-order-3 { order: 3; } .ant-col-xxl-2 { display: block; box-sizing: border-box; width: 8.33333333%; } .ant-col-xxl-push-2 { left: 8.33333333%; } .ant-col-xxl-pull-2 { right: 8.33333333%; } .ant-col-xxl-offset-2 { margin-left: 8.33333333%; } .ant-col-xxl-order-2 { order: 2; } .ant-col-xxl-1 { display: block; box-sizing: border-box; width: 4.16666667%; } .ant-col-xxl-push-1 { left: 4.16666667%; } .ant-col-xxl-pull-1 { right: 4.16666667%; } .ant-col-xxl-offset-1 { margin-left: 4.16666667%; } .ant-col-xxl-order-1 { order: 1; } .ant-col-xxl-0 { display: none; } .ant-col-push-0 { left: auto; } .ant-col-pull-0 { right: auto; } .ant-col-xxl-push-0 { left: auto; } .ant-col-xxl-pull-0 { right: auto; } .ant-col-xxl-offset-0 { margin-left: 0; } .ant-col-xxl-order-0 { order: 0; } } .ant-input { box-sizing: border-box; margin: 0; padding: 0; font-variant: tabular-nums; list-style: none; font-feature-settings: 'tnum'; position: relative; display: inline-block; width: 100%; height: 32px; padding: 4px 11px; color: rgba(0, 0, 0, 0.65); font-size: 14px; line-height: 1.5; background-color: #fff; background-image: none; border: 1px solid #d9d9d9; border-radius: 4px; transition: all 0.3s; } .ant-input::-moz-placeholder { color: #bfbfbf; opacity: 1; } .ant-input:-ms-input-placeholder { color: #bfbfbf; } .ant-input::-webkit-input-placeholder { color: #bfbfbf; } .ant-input:placeholder-shown { text-overflow: ellipsis; } .ant-input:hover { border-color: #ff615c; border-right-width: 1px !important; } .ant-input:focus { border-color: #ff615c; border-right-width: 1px !important; outline: 0; box-shadow: 0 0 0 2px rgba(255, 51, 51, 0.2); } .ant-input-disabled { color: rgba(0, 0, 0, 0.25); background-color: #f5f5f5; cursor: not-allowed; opacity: 1; } .ant-input-disabled:hover { border-color: #d9d9d9; border-right-width: 1px !important; } .ant-input[disabled] { color: rgba(0, 0, 0, 0.25); background-color: #f5f5f5; cursor: not-allowed; opacity: 1; } .ant-input[disabled]:hover { border-color: #d9d9d9; border-right-width: 1px !important; } textarea.ant-input { max-width: 100%; height: auto; min-height: 32px; line-height: 1.5; vertical-align: bottom; transition: all 0.3s, height 0s; } .ant-input-lg { height: 40px; padding: 6px 11px; font-size: 16px; } .ant-input-sm { height: 24px; padding: 1px 7px; } .ant-input-group { box-sizing: border-box; margin: 0; padding: 0; color: rgba(0, 0, 0, 0.65); font-size: 14px; font-variant: tabular-nums; line-height: 1.5; list-style: none; font-feature-settings: 'tnum'; position: relative; display: table; width: 100%; border-collapse: separate; border-spacing: 0; } .ant-input-group[class*='col-'] { float: none; padding-right: 0; padding-left: 0; } .ant-input-group > [class*='col-'] { padding-right: 8px; } .ant-input-group > [class*='col-']:last-child { padding-right: 0; } .ant-input-group-addon, .ant-input-group-wrap, .ant-input-group > .ant-input { display: table-cell; } .ant-input-group-addon:not(:first-child):not(:last-child), .ant-input-group-wrap:not(:first-child):not(:last-child), .ant-input-group > .ant-input:not(:first-child):not(:last-child) { border-radius: 0; } .ant-input-group-addon, .ant-input-group-wrap { width: 1px; white-space: nowrap; vertical-align: middle; } .ant-input-group-wrap > * { display: block !important; } .ant-input-group .ant-input { float: left; width: 100%; margin-bottom: 0; text-align: inherit; } .ant-input-group .ant-input:focus { z-index: 1; border-right-width: 1px; } .ant-input-group .ant-input:hover { z-index: 1; border-right-width: 1px; } .ant-input-group-addon { position: relative; padding: 0 11px; color: rgba(0, 0, 0, 0.65); font-weight: normal; font-size: 14px; text-align: center; background-color: #fafafa; border: 1px solid #d9d9d9; border-radius: 4px; transition: all 0.3s; } .ant-input-group-addon .ant-select { margin: -5px -11px; } .ant-input-group-addon .ant-select .ant-select-selection { margin: -1px; background-color: inherit; border: 1px solid transparent; box-shadow: none; } .ant-input-group-addon .ant-select-open .ant-select-selection, .ant-input-group-addon .ant-select-focused .ant-select-selection { color: #ff3333; } .ant-input-group-addon > i:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; content: ''; } .ant-input-group > .ant-input:first-child, .ant-input-group-addon:first-child { border-top-right-radius: 0; border-bottom-right-radius: 0; } .ant-input-group > .ant-input:first-child .ant-select .ant-select-selection, .ant-input-group-addon:first-child .ant-select .ant-select-selection { border-top-right-radius: 0; border-bottom-right-radius: 0; } .ant-input-group > .ant-input-affix-wrapper:not(:first-child) .ant-input { border-top-left-radius: 0; border-bottom-left-radius: 0; } .ant-input-group > .ant-input-affix-wrapper:not(:last-child) .ant-input { border-top-right-radius: 0; border-bottom-right-radius: 0; } .ant-input-group-addon:first-child { border-right: 0; } .ant-input-group-addon:last-child { border-left: 0; } .ant-input-group > .ant-input:last-child, .ant-input-group-addon:last-child { border-top-left-radius: 0; border-bottom-left-radius: 0; } .ant-input-group > .ant-input:last-child .ant-select .ant-select-selection, .ant-input-group-addon:last-child .ant-select .ant-select-selection { border-top-left-radius: 0; border-bottom-left-radius: 0; } .ant-input-group-lg .ant-input, .ant-input-group-lg > .ant-input-group-addon { height: 40px; padding: 6px 11px; font-size: 16px; } .ant-input-group-sm .ant-input, .ant-input-group-sm > .ant-input-group-addon { height: 24px; padding: 1px 7px; } .ant-input-group-lg .ant-select-selection--single { height: 40px; } .ant-input-group-sm .ant-select-selection--single { height: 24px; } .ant-input-group .ant-input-affix-wrapper { display: table-cell; float: left; width: 100%; } .ant-input-group.ant-input-group-compact { display: block; zoom: 1; } .ant-input-group.ant-input-group-compact::before, .ant-input-group.ant-input-group-compact::after { display: table; content: ''; } .ant-input-group.ant-input-group-compact::after { clear: both; } .ant-input-group.ant-input-group-compact::before, .ant-input-group.ant-input-group-compact::after { display: table; content: ''; } .ant-input-group.ant-input-group-compact::after { clear: both; } .ant-input-group.ant-input-group-compact::before { content: ''; clear: both; display: block; } .ant-input-group.ant-input-group-compact::before { content: ''; clear: both; display: block; } .ant-input-group.ant-input-group-compact-addon:not(:first-child):not(:last-child), .ant-input-group.ant-input-group-compact-wrap:not(:first-child):not(:last-child), .ant-input-group.ant-input-group-compact > .ant-input:not(:first-child):not(:last-child) { border-right-width: 1px; } .ant-input-group.ant-input-group-compact-addon:not(:first-child):not(:last-child):hover, .ant-input-group.ant-input-group-compact-wrap:not(:first-child):not(:last-child):hover, .ant-input-group.ant-input-group-compact > .ant-input:not(:first-child):not(:last-child):hover { z-index: 1; } .ant-input-group.ant-input-group-compact-addon:not(:first-child):not(:last-child):focus, .ant-input-group.ant-input-group-compact-wrap:not(:first-child):not(:last-child):focus, .ant-input-group.ant-input-group-compact > .ant-input:not(:first-child):not(:last-child):focus { z-index: 1; } .ant-input-group.ant-input-group-compact > * { display: inline-block; float: none; vertical-align: top; border-radius: 0; } .ant-input-group.ant-input-group-compact > *:not(:last-child) { margin-right: -1px; border-right-width: 1px; } .ant-input-group.ant-input-group-compact .ant-input { float: none; } .ant-input-group.ant-input-group-compact > .ant-select > .ant-select-selection, .ant-input-group.ant-input-group-compact > .ant-calendar-picker .ant-input, .ant-input-group.ant-input-group-compact > .ant-select-auto-complete .ant-input, .ant-input-group.ant-input-group-compact > .ant-cascader-picker .ant-input, .ant-input-group.ant-input-group-compact > .ant-mention-wrapper .ant-mention-editor, .ant-input-group.ant-input-group-compact > .ant-time-picker .ant-time-picker-input, .ant-input-group.ant-input-group-compact > .ant-input-group-wrapper .ant-input { border-right-width: 1px; border-radius: 0; } .ant-input-group.ant-input-group-compact > .ant-select > .ant-select-selection:hover, .ant-input-group.ant-input-group-compact > .ant-calendar-picker .ant-input:hover, .ant-input-group.ant-input-group-compact > .ant-select-auto-complete .ant-input:hover, .ant-input-group.ant-input-group-compact > .ant-cascader-picker .ant-input:hover, .ant-input-group.ant-input-group-compact > .ant-mention-wrapper .ant-mention-editor:hover, .ant-input-group.ant-input-group-compact > .ant-time-picker .ant-time-picker-input:hover, .ant-input-group.ant-input-group-compact > .ant-input-group-wrapper .ant-input:hover { z-index: 1; } .ant-input-group.ant-input-group-compact > .ant-select > .ant-select-selection:focus, .ant-input-group.ant-input-group-compact > .ant-calendar-picker .ant-input:focus, .ant-input-group.ant-input-group-compact > .ant-select-auto-complete .ant-input:focus, .ant-input-group.ant-input-group-compact > .ant-cascader-picker .ant-input:focus, .ant-input-group.ant-input-group-compact > .ant-mention-wrapper .ant-mention-editor:focus, .ant-input-group.ant-input-group-compact > .ant-time-picker .ant-time-picker-input:focus, .ant-input-group.ant-input-group-compact > .ant-input-group-wrapper .ant-input:focus { z-index: 1; } .ant-input-group.ant-input-group-compact > *:first-child, .ant-input-group.ant-input-group-compact > .ant-select:first-child > .ant-select-selection, .ant-input-group.ant-input-group-compact > .ant-calendar-picker:first-child .ant-input, .ant-input-group.ant-input-group-compact > .ant-select-auto-complete:first-child .ant-input, .ant-input-group.ant-input-group-compact > .ant-cascader-picker:first-child .ant-input, .ant-input-group.ant-input-group-compact > .ant-mention-wrapper:first-child .ant-mention-editor, .ant-input-group.ant-input-group-compact > .ant-time-picker:first-child .ant-time-picker-input { border-top-left-radius: 4px; border-bottom-left-radius: 4px; } .ant-input-group.ant-input-group-compact > *:last-child, .ant-input-group.ant-input-group-compact > .ant-select:last-child > .ant-select-selection, .ant-input-group.ant-input-group-compact > .ant-calendar-picker:last-child .ant-input, .ant-input-group.ant-input-group-compact > .ant-select-auto-complete:last-child .ant-input, .ant-input-group.ant-input-group-compact > .ant-cascader-picker:last-child .ant-input, .ant-input-group.ant-input-group-compact > .ant-cascader-picker-focused:last-child .ant-input, .ant-input-group.ant-input-group-compact > .ant-mention-wrapper:last-child .ant-mention-editor, .ant-input-group.ant-input-group-compact > .ant-time-picker:last-child .ant-time-picker-input { border-right-width: 1px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; } .ant-input-group.ant-input-group-compact > .ant-select-auto-complete .ant-input { vertical-align: top; } .ant-input-group-wrapper { display: inline-block; width: 100%; text-align: start; vertical-align: top; } .ant-input-affix-wrapper { box-sizing: border-box; margin: 0; padding: 0; color: rgba(0, 0, 0, 0.65); font-size: 14px; font-variant: tabular-nums; line-height: 1.5; list-style: none; font-feature-settings: 'tnum'; position: relative; display: inline-block; width: 100%; text-align: start; } .ant-input-affix-wrapper:hover .ant-input:not(.ant-input-disabled) { border-color: #ff615c; border-right-width: 1px !important; } .ant-input-affix-wrapper .ant-input { position: relative; text-align: inherit; } .ant-input-affix-wrapper .ant-input-prefix, .ant-input-affix-wrapper .ant-input-suffix { position: absolute; top: 50%; z-index: 2; display: flex; align-items: center; color: rgba(0, 0, 0, 0.65); line-height: 0; transform: translateY(-50%); } .ant-input-affix-wrapper .ant-input-prefix :not(.anticon), .ant-input-affix-wrapper .ant-input-suffix :not(.anticon) { line-height: 1.5; } .ant-input-affix-wrapper .ant-input-disabled ~ .ant-input-suffix .anticon { color: rgba(0, 0, 0, 0.25); cursor: not-allowed; } .ant-input-affix-wrapper .ant-input-prefix { left: 12px; } .ant-input-affix-wrapper .ant-input-suffix { right: 12px; } .ant-input-affix-wrapper .ant-input:not(:first-child) { padding-left: 30px; } .ant-input-affix-wrapper .ant-input:not(:last-child) { padding-right: 30px; } .ant-input-affix-wrapper.ant-input-affix-wrapper-input-with-clear-btn .ant-input:not(:last-child) { padding-right: 49px; } .ant-input-affix-wrapper.ant-input-affix-wrapper-textarea-with-clear-btn .ant-input { padding-right: 22px; } .ant-input-affix-wrapper .ant-input { min-height: 100%; } .ant-input-password-icon { color: rgba(0, 0, 0, 0.45); cursor: pointer; transition: all 0.3s; } .ant-input-password-icon:hover { color: #333; } .ant-input-clear-icon { color: rgba(0, 0, 0, 0.25); font-size: 12px; cursor: pointer; transition: color 0.3s; vertical-align: 0; } .ant-input-clear-icon:hover { color: rgba(0, 0, 0, 0.45); } .ant-input-clear-icon:active { color: rgba(0, 0, 0, 0.65); } .ant-input-clear-icon + i { margin-left: 6px; } .ant-input-textarea-clear-icon { color: rgba(0, 0, 0, 0.25); font-size: 12px; cursor: pointer; transition: color 0.3s; position: absolute; top: 0; right: 0; margin: 8px 8px 0 0; } .ant-input-textarea-clear-icon:hover { color: rgba(0, 0, 0, 0.45); } .ant-input-textarea-clear-icon:active { color: rgba(0, 0, 0, 0.65); } .ant-input-textarea-clear-icon + i { margin-left: 6px; } .ant-input-search-icon { color: rgba(0, 0, 0, 0.45); cursor: pointer; transition: all 0.3s; } .ant-input-search-icon:hover { color: rgba(0, 0, 0, 0.8); } .ant-input-search-enter-button input { border-right: 0; } .ant-input-search-enter-button + .ant-input-group-addon, .ant-input-search-enter-button input + .ant-input-group-addon { padding: 0; border: 0; } .ant-input-search-enter-button + .ant-input-group-addon .ant-input-search-button, .ant-input-search-enter-button input + .ant-input-group-addon .ant-input-search-button { border-top-left-radius: 0; border-bottom-left-radius: 0; } .ant-input-number { box-sizing: border-box; font-variant: tabular-nums; list-style: none; font-feature-settings: 'tnum'; position: relative; width: 100%; height: 32px; padding: 4px 11px; color: rgba(0, 0, 0, 0.65); font-size: 14px; line-height: 1.5; background-color: #fff; background-image: none; transition: all 0.3s; display: inline-block; width: 90px; margin: 0; padding: 0; border: 1px solid #d9d9d9; border-radius: 4px; } .ant-input-number::-moz-placeholder { color: #bfbfbf; opacity: 1; } .ant-input-number:-ms-input-placeholder { color: #bfbfbf; } .ant-input-number::-webkit-input-placeholder { color: #bfbfbf; } .ant-input-number:placeholder-shown { text-overflow: ellipsis; } .ant-input-number:hover { border-color: #ff615c; border-right-width: 1px !important; } .ant-input-number:focus { border-color: #ff615c; border-right-width: 1px !important; outline: 0; box-shadow: 0 0 0 2px rgba(255, 51, 51, 0.2); } .ant-input-number-disabled { color: rgba(0, 0, 0, 0.25); background-color: #f5f5f5; cursor: not-allowed; opacity: 1; } .ant-input-number-disabled:hover { border-color: #d9d9d9; border-right-width: 1px !important; } .ant-input-number[disabled] { color: rgba(0, 0, 0, 0.25); background-color: #f5f5f5; cursor: not-allowed; opacity: 1; } .ant-input-number[disabled]:hover { border-color: #d9d9d9; border-right-width: 1px !important; } textarea.ant-input-number { max-width: 100%; height: auto; min-height: 32px; line-height: 1.5; vertical-align: bottom; transition: all 0.3s, height 0s; } .ant-input-number-lg { height: 40px; padding: 6px 11px; font-size: 16px; } .ant-input-number-sm { height: 24px; padding: 1px 7px; } .ant-input-number-handler { position: relative; display: block; width: 100%; height: 50%; overflow: hidden; color: rgba(0, 0, 0, 0.45); font-weight: bold; line-height: 0; text-align: center; transition: all 0.1s linear; } .ant-input-number-handler:active { background: #f4f4f4; } .ant-input-number-handler:hover .ant-input-number-handler-up-inner, .ant-input-number-handler:hover .ant-input-number-handler-down-inner { color: #ff615c; } .ant-input-number-handler-up-inner, .ant-input-number-handler-down-inner { display: inline-block; color: inherit; font-style: normal; line-height: 0; text-align: center; text-transform: none; vertical-align: -0.125em; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position: absolute; right: 4px; width: 12px; height: 12px; color: rgba(0, 0, 0, 0.45); line-height: 12px; transition: all 0.1s linear; user-select: none; } .ant-input-number-handler-up-inner > *, .ant-input-number-handler-down-inner > * { line-height: 1; } .ant-input-number-handler-up-inner svg, .ant-input-number-handler-down-inner svg { display: inline-block; } .ant-input-number-handler-up-inner::before, .ant-input-number-handler-down-inner::before { display: none; } .ant-input-number-handler-up-inner .ant-input-number-handler-up-inner-icon, .ant-input-number-handler-up-inner .ant-input-number-handler-down-inner-icon, .ant-input-number-handler-down-inner .ant-input-number-handler-up-inner-icon, .ant-input-number-handler-down-inner .ant-input-number-handler-down-inner-icon { display: block; } .ant-input-number:hover { border-color: #ff615c; border-right-width: 1px !important; } .ant-input-number-focused { border-color: #ff615c; border-right-width: 1px !important; outline: 0; box-shadow: 0 0 0 2px rgba(255, 51, 51, 0.2); } .ant-input-number-disabled { color: rgba(0, 0, 0, 0.25); background-color: #f5f5f5; cursor: not-allowed; opacity: 1; } .ant-input-number-disabled:hover { border-color: #d9d9d9; border-right-width: 1px !important; } .ant-input-number-disabled .ant-input-number-input { cursor: not-allowed; } .ant-input-number-disabled .ant-input-number-handler-wrap { display: none; } .ant-input-number-input { width: 100%; height: 30px; padding: 0 11px; text-align: left; background-color: transparent; border: 0; border-radius: 4px; outline: 0; transition: all 0.3s linear; -moz-appearance: textfield !important; } .ant-input-number-input::-moz-placeholder { color: #bfbfbf; opacity: 1; } .ant-input-number-input:-ms-input-placeholder { color: #bfbfbf; } .ant-input-number-input::-webkit-input-placeholder { color: #bfbfbf; } .ant-input-number-input:placeholder-shown { text-overflow: ellipsis; } .ant-input-number-input[type='number']::-webkit-inner-spin-button, .ant-input-number-input[type='number']::-webkit-outer-spin-button { margin: 0; -webkit-appearance: none; } .ant-input-number-lg { padding: 0; font-size: 16px; } .ant-input-number-lg input { height: 38px; } .ant-input-number-sm { padding: 0; } .ant-input-number-sm input { height: 22px; padding: 0 7px; } .ant-input-number-handler-wrap { position: absolute; top: 0; right: 0; width: 22px; height: 100%; background: #fff; border-left: 1px solid #d9d9d9; border-radius: 0 4px 4px 0; opacity: 0; transition: opacity 0.24s linear 0.1s; } .ant-input-number-handler-wrap .ant-input-number-handler .ant-input-number-handler-up-inner, .ant-input-number-handler-wrap .ant-input-number-handler .ant-input-number-handler-down-inner { display: inline-block; font-size: 12px; font-size: 7px \9; transform: scale(0.58333333) rotate(0deg); min-width: auto; margin-right: 0; } :root .ant-input-number-handler-wrap .ant-input-number-handler .ant-input-number-handler-up-inner, :root .ant-input-number-handler-wrap .ant-input-number-handler .ant-input-number-handler-down-inner { font-size: 12px; } .ant-input-number-handler-wrap:hover .ant-input-number-handler { height: 40%; } .ant-input-number:hover .ant-input-number-handler-wrap { opacity: 1; } .ant-input-number-handler-up { border-top-right-radius: 4px; cursor: pointer; } .ant-input-number-handler-up-inner { top: 50%; margin-top: -5px; text-align: center; } .ant-input-number-handler-up:hover { height: 60% !important; } .ant-input-number-handler-down { top: 0; border-top: 1px solid #d9d9d9; border-bottom-right-radius: 4px; cursor: pointer; } .ant-input-number-handler-down-inner { top: 50%; margin-top: -6px; text-align: center; } .ant-input-number-handler-down:hover { height: 60% !important; } .ant-input-number-handler-up-disabled, .ant-input-number-handler-down-disabled { cursor: not-allowed; } .ant-input-number-handler-up-disabled:hover .ant-input-number-handler-up-inner, .ant-input-number-handler-down-disabled:hover .ant-input-number-handler-down-inner { color: rgba(0, 0, 0, 0.25); } .ant-layout { display: flex; flex: auto; flex-direction: column; /* fix firefox can't set height smaller than content on flex item */ min-height: 0; background: #f0f2f5; } .ant-layout, .ant-layout * { box-sizing: border-box; } .ant-layout.ant-layout-has-sider { flex-direction: row; } .ant-layout.ant-layout-has-sider > .ant-layout, .ant-layout.ant-layout-has-sider > .ant-layout-content { overflow-x: hidden; } .ant-layout-header, .ant-layout-footer { flex: 0 0 auto; } .ant-layout-header { height: 64px; padding: 0 50px; line-height: 64px; background: #001529; } .ant-layout-footer { padding: 24px 50px; color: rgba(0, 0, 0, 0.65); font-size: 14px; background: #f0f2f5; } .ant-layout-content { flex: auto; /* fix firefox can't set height smaller than content on flex item */ min-height: 0; } .ant-layout-sider { position: relative; /* fix firefox can't set width smaller than content on flex item */ min-width: 0; background: #001529; transition: all 0.2s; } .ant-layout-sider-children { height: 100%; margin-top: -0.1px; padding-top: 0.1px; } .ant-layout-sider-has-trigger { padding-bottom: 48px; } .ant-layout-sider-right { order: 1; } .ant-layout-sider-trigger { position: fixed; bottom: 0; z-index: 1; height: 48px; color: #fff; line-height: 48px; text-align: center; background: #002140; cursor: pointer; transition: all 0.2s; } .ant-layout-sider-zero-width > * { overflow: hidden; } .ant-layout-sider-zero-width-trigger { position: absolute; top: 64px; right: -36px; z-index: 1; width: 36px; height: 42px; color: #fff; font-size: 18px; line-height: 42px; text-align: center; background: #001529; border-radius: 0 4px 4px 0; cursor: pointer; transition: background 0.3s ease; } .ant-layout-sider-zero-width-trigger:hover { background: #192c3e; } .ant-layout-sider-zero-width-trigger-right { left: -36px; border-radius: 4px 0 0 4px; } .ant-layout-sider-light { background: #fff; } .ant-layout-sider-light .ant-layout-sider-trigger { color: rgba(0, 0, 0, 0.65); background: #fff; } .ant-layout-sider-light .ant-layout-sider-zero-width-trigger { color: rgba(0, 0, 0, 0.65); background: #fff; } .ant-list { box-sizing: border-box; margin: 0; padding: 0; color: rgba(0, 0, 0, 0.65); font-size: 14px; font-variant: tabular-nums; line-height: 1.5; list-style: none; font-feature-settings: 'tnum'; position: relative; } .ant-list * { outline: none; } .ant-list-pagination { margin-top: 24px; text-align: right; } .ant-list-pagination .ant-pagination-options { text-align: left; } .ant-list-more { margin-top: 12px; text-align: center; } .ant-list-more button { padding-right: 32px; padding-left: 32px; } .ant-list-spin { min-height: 40px; text-align: center; } .ant-list-empty-text { padding: 16px; color: rgba(0, 0, 0, 0.25); font-size: 14px; text-align: center; } .ant-list-items { margin: 0; padding: 0; list-style: none; } .ant-list-item { display: flex; align-items: center; justify-content: space-between; padding: 12px 0; } .ant-list-item-content { color: rgba(0, 0, 0, 0.65); } .ant-list-item-meta { display: flex; flex: 1; align-items: flex-start; font-size: 0; } .ant-list-item-meta-avatar { margin-right: 16px; } .ant-list-item-meta-content { flex: 1 0; } .ant-list-item-meta-title { margin-bottom: 4px; color: rgba(0, 0, 0, 0.65); font-size: 14px; line-height: 22px; } .ant-list-item-meta-title > a { color: rgba(0, 0, 0, 0.65); transition: all 0.3s; } .ant-list-item-meta-title > a:hover { color: #ff3333; } .ant-list-item-meta-description { color: rgba(0, 0, 0, 0.45); font-size: 14px; line-height: 22px; } .ant-list-item-action { flex: 0 0 auto; margin-left: 48px; padding: 0; font-size: 0; list-style: none; } .ant-list-item-action > li { position: relative; display: inline-block; padding: 0 8px; color: rgba(0, 0, 0, 0.45); font-size: 14px; line-height: 22px; text-align: center; cursor: pointer; } .ant-list-item-action > li:first-child { padding-left: 0; } .ant-list-item-action-split { position: absolute; top: 50%; right: 0; width: 1px; height: 14px; margin-top: -7px; background-color: #e8e8e8; } .ant-list-header { background: transparent; } .ant-list-footer { background: transparent; } .ant-list-header, .ant-list-footer { padding-top: 12px; padding-bottom: 12px; } .ant-list-empty { padding: 16px 0; color: rgba(0, 0, 0, 0.45); font-size: 12px; text-align: center; } .ant-list-split .ant-list-item { border-bottom: 1px solid #e8e8e8; } .ant-list-split .ant-list-item:last-child { border-bottom: none; } .ant-list-split .ant-list-header { border-bottom: 1px solid #e8e8e8; } .ant-list-loading .ant-list-spin-nested-loading { min-height: 32px; } .ant-list-something-after-last-item .ant-spin-container > .ant-list-items > .ant-list-item:last-child { border-bottom: 1px solid #e8e8e8; } .ant-list-lg .ant-list-item { padding-top: 16px; padding-bottom: 16px; } .ant-list-sm .ant-list-item { padding-top: 8px; padding-bottom: 8px; } .ant-list-vertical .ant-list-item { align-items: initial; } .ant-list-vertical .ant-list-item-main { display: block; flex: 1; } .ant-list-vertical .ant-list-item-extra { margin-left: 40px; } .ant-list-vertical .ant-list-item-meta { margin-bottom: 16px; } .ant-list-vertical .ant-list-item-meta-title { margin-bottom: 12px; color: rgba(0, 0, 0, 0.85); font-size: 16px; line-height: 24px; } .ant-list-vertical .ant-list-item-action { margin-top: 16px; margin-left: auto; } .ant-list-vertical .ant-list-item-action > li { padding: 0 16px; } .ant-list-vertical .ant-list-item-action > li:first-child { padding-left: 0; } .ant-list-grid .ant-col > .ant-list-item { display: block; max-width: 100%; margin-bottom: 16px; padding-top: 0; padding-bottom: 0; border-bottom: none; } .ant-list-item-no-flex { display: block; } .ant-list:not(.ant-list-vertical) .ant-list-item-no-flex .ant-list-item-action { float: right; } .ant-list-bordered { border: 1px solid #d9d9d9; border-radius: 4px; } .ant-list-bordered .ant-list-header { padding-right: 24px; padding-left: 24px; } .ant-list-bordered .ant-list-footer { padding-right: 24px; padding-left: 24px; } .ant-list-bordered .ant-list-item { padding-right: 24px; padding-left: 24px; border-bottom: 1px solid #e8e8e8; } .ant-list-bordered .ant-list-pagination { margin: 16px 24px; } .ant-list-bordered.ant-list-sm .ant-list-item { padding-right: 16px; padding-left: 16px; } .ant-list-bordered.ant-list-sm .ant-list-header, .ant-list-bordered.ant-list-sm .ant-list-footer { padding: 8px 16px; } .ant-list-bordered.ant-list-lg .ant-list-header, .ant-list-bordered.ant-list-lg .ant-list-footer { padding: 16px 24px; } @media screen and (max-width: 768px) { .ant-list-item-action { margin-left: 24px; } .ant-list-vertical .ant-list-item-extra { margin-left: 24px; } } @media screen and (max-width: 576px) { .ant-list-item { flex-wrap: wrap; } .ant-list-item-action { margin-left: 12px; } .ant-list-vertical .ant-list-item { flex-wrap: wrap-reverse; } .ant-list-vertical .ant-list-item-main { min-width: 220px; } .ant-list-vertical .ant-list-item-extra { margin: auto auto 16px; } } .ant-mentions-wrapper { box-sizing: border-box; margin: 0; padding: 0; color: rgba(0, 0, 0, 0.65); font-size: 14px; font-variant: tabular-nums; line-height: 1.5; list-style: none; font-feature-settings: 'tnum'; position: relative; display: inline-block; width: 100%; vertical-align: middle; } .ant-mentions-wrapper .ant-mentions-editor { position: relative; display: inline-block; width: 100%; height: 32px; padding: 4px 11px; color: rgba(0, 0, 0, 0.65); font-size: 14px; background-color: #fff; background-image: none; border: 1px solid #d9d9d9; border-radius: 4px; transition: all 0.3s; display: block; height: auto; min-height: 32px; padding: 0; line-height: 1.5; } .ant-mentions-wrapper .ant-mentions-editor::-moz-placeholder { color: #bfbfbf; opacity: 1; } .ant-mentions-wrapper .ant-mentions-editor:-ms-input-placeholder { color: #bfbfbf; } .ant-mentions-wrapper .ant-mentions-editor::-webkit-input-placeholder { color: #bfbfbf; } .ant-mentions-wrapper .ant-mentions-editor:placeholder-shown { text-overflow: ellipsis; } .ant-mentions-wrapper .ant-mentions-editor:hover { border-color: #ff615c; border-right-width: 1px !important; } .ant-mentions-wrapper .ant-mentions-editor:focus { border-color: #ff615c; border-right-width: 1px !important; outline: 0; box-shadow: 0 0 0 2px rgba(255, 51, 51, 0.2); } .ant-mentions-wrapper .ant-mentions-editor-disabled { color: rgba(0, 0, 0, 0.25); background-color: #f5f5f5; cursor: not-allowed; opacity: 1; } .ant-mentions-wrapper .ant-mentions-editor-disabled:hover { border-color: #d9d9d9; border-right-width: 1px !important; } .ant-mentions-wrapper .ant-mentions-editor[disabled] { color: rgba(0, 0, 0, 0.25); background-color: #f5f5f5; cursor: not-allowed; opacity: 1; } .ant-mentions-wrapper .ant-mentions-editor[disabled]:hover { border-color: #d9d9d9; border-right-width: 1px !important; } textarea.ant-mentions-wrapper .ant-mentions-editor { max-width: 100%; height: auto; min-height: 32px; line-height: 1.5; vertical-align: bottom; transition: all 0.3s, height 0s; } .ant-mentions-wrapper .ant-mentions-editor-lg { height: 40px; padding: 6px 11px; font-size: 16px; } .ant-mentions-wrapper .ant-mentions-editor-sm { height: 24px; padding: 1px 7px; } .ant-mentions-wrapper .ant-mentions-editor-wrapper { height: auto; overflow-y: auto; } .ant-mentions-wrapper.ant-mentions-active:not(.disabled) .ant-mentions-editor { border-color: #ff615c; border-right-width: 1px !important; outline: 0; box-shadow: 0 0 0 2px rgba(255, 51, 51, 0.2); } .ant-mentions-wrapper.disabled .ant-mentions-editor { color: rgba(0, 0, 0, 0.25); background-color: #f5f5f5; cursor: not-allowed; opacity: 1; } .ant-mentions-wrapper.disabled .ant-mentions-editor:hover { border-color: #d9d9d9; border-right-width: 1px !important; } .ant-mentions-wrapper .public-DraftEditorPlaceholder-root { position: absolute; pointer-events: none; } .ant-mentions-wrapper .public-DraftEditorPlaceholder-root .public-DraftEditorPlaceholder-inner { height: auto; padding: 5px 11px; color: #bfbfbf; white-space: pre-wrap; word-wrap: break-word; outline: none; opacity: 1; } .ant-mentions-wrapper .DraftEditor-editorContainer .public-DraftEditor-content { height: auto; padding: 5px 11px; } .ant-mentions-dropdown { box-sizing: border-box; margin: 0; padding: 0; color: rgba(0, 0, 0, 0.65); font-size: 14px; font-variant: tabular-nums; line-height: 1.5; list-style: none; font-feature-settings: 'tnum'; position: absolute; top: -9999px; left: -9999px; z-index: 1050; min-width: 120px; max-height: 250px; margin-top: 1.5em; overflow-x: hidden; overflow-y: auto; background-color: #fff; border-radius: 4px; outline: none; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15); } .ant-mentions-dropdown-placement-top { margin-top: -0.1em; } .ant-mentions-dropdown-notfound.ant-mentions-dropdown-item { color: rgba(0, 0, 0, 0.25); } .ant-mentions-dropdown-notfound.ant-mentions-dropdown-item .anticon-loading { display: block; color: #ff3333; text-align: center; } .ant-mentions-dropdown-item { position: relative; display: block; padding: 5px 12px; overflow: hidden; color: rgba(0, 0, 0, 0.65); font-weight: normal; line-height: 22px; white-space: nowrap; text-overflow: ellipsis; cursor: pointer; transition: background 0.3s; } .ant-mentions-dropdown-item:hover { background-color: #fff2f0; } .ant-mentions-dropdown-item.focus, .ant-mentions-dropdown-item-active { background-color: #fff2f0; } .ant-mentions-dropdown-item-disabled { color: rgba(0, 0, 0, 0.25); cursor: not-allowed; } .ant-mentions-dropdown-item-disabled:hover { color: rgba(0, 0, 0, 0.25); background-color: #fff; cursor: not-allowed; } .ant-mentions-dropdown-item-selected, .ant-mentions-dropdown-item-selected:hover { color: rgba(0, 0, 0, 0.65); font-weight: bold; background-color: #f5f5f5; } .ant-mentions-dropdown-item-divider { height: 1px; margin: 1px 0; overflow: hidden; line-height: 0; background-color: #e8e8e8; } .ant-mentions { box-sizing: border-box; margin: 0; font-variant: tabular-nums; list-style: none; font-feature-settings: 'tnum'; width: 100%; height: 32px; padding: 4px 11px; color: rgba(0, 0, 0, 0.65); font-size: 14px; background-color: #fff; background-image: none; border: 1px solid #d9d9d9; border-radius: 4px; transition: all 0.3s; position: relative; display: inline-block; height: auto; padding: 0; overflow: hidden; line-height: 1.5; white-space: pre-wrap; vertical-align: bottom; } .ant-mentions::-moz-placeholder { color: #bfbfbf; opacity: 1; } .ant-mentions:-ms-input-placeholder { color: #bfbfbf; } .ant-mentions::-webkit-input-placeholder { color: #bfbfbf; } .ant-mentions:placeholder-shown { text-overflow: ellipsis; } .ant-mentions:hover { border-color: #ff615c; border-right-width: 1px !important; } .ant-mentions:focus { border-color: #ff615c; border-right-width: 1px !important; outline: 0; box-shadow: 0 0 0 2px rgba(255, 51, 51, 0.2); } .ant-mentions-disabled { color: rgba(0, 0, 0, 0.25); background-color: #f5f5f5; cursor: not-allowed; opacity: 1; } .ant-mentions-disabled:hover { border-color: #d9d9d9; border-right-width: 1px !important; } .ant-mentions[disabled] { color: rgba(0, 0, 0, 0.25); background-color: #f5f5f5; cursor: not-allowed; opacity: 1; } .ant-mentions[disabled]:hover { border-color: #d9d9d9; border-right-width: 1px !important; } textarea.ant-mentions { max-width: 100%; height: auto; min-height: 32px; line-height: 1.5; vertical-align: bottom; transition: all 0.3s, height 0s; } .ant-mentions-lg { height: 40px; padding: 6px 11px; font-size: 16px; } .ant-mentions-sm { height: 24px; padding: 1px 7px; } .ant-mentions-disabled > textarea { color: rgba(0, 0, 0, 0.25); background-color: #f5f5f5; cursor: not-allowed; opacity: 1; } .ant-mentions-disabled > textarea:hover { border-color: #d9d9d9; border-right-width: 1px !important; } .ant-mentions-focused { border-color: #ff615c; border-right-width: 1px !important; outline: 0; box-shadow: 0 0 0 2px rgba(255, 51, 51, 0.2); } .ant-mentions > textarea, .ant-mentions-measure { min-height: 30px; margin: 0; padding: 4px 11px; overflow: inherit; overflow-x: hidden; overflow-y: auto; font-weight: inherit; font-size: inherit; font-family: inherit; font-style: inherit; font-variant: inherit; font-size-adjust: inherit; font-stretch: inherit; line-height: inherit; direction: inherit; letter-spacing: inherit; white-space: inherit; text-align: inherit; vertical-align: top; word-wrap: break-word; word-break: inherit; tab-size: inherit; } .ant-mentions > textarea { width: 100%; border: none; outline: none; resize: none; } .ant-mentions > textarea::-moz-placeholder { color: #bfbfbf; opacity: 1; } .ant-mentions > textarea:-ms-input-placeholder { color: #bfbfbf; } .ant-mentions > textarea::-webkit-input-placeholder { color: #bfbfbf; } .ant-mentions > textarea:placeholder-shown { text-overflow: ellipsis; } .ant-mentions > textarea:read-only { cursor: default; } .ant-mentions-measure { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: -1; color: transparent; pointer-events: none; } .ant-mentions-measure > span { display: inline-block; min-height: 1em; } .ant-mentions-dropdown { margin: 0; padding: 0; color: rgba(0, 0, 0, 0.65); font-variant: tabular-nums; line-height: 1.5; list-style: none; font-feature-settings: 'tnum'; position: absolute; top: -9999px; left: -9999px; z-index: 1050; box-sizing: border-box; font-size: 14px; font-variant: initial; background-color: #fff; border-radius: 4px; outline: none; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15); } .ant-mentions-dropdown-hidden { display: none; } .ant-mentions-dropdown-menu { max-height: 250px; margin-bottom: 0; padding-left: 0; overflow: auto; list-style: none; outline: none; } .ant-mentions-dropdown-menu-item { position: relative; display: block; min-width: 100px; padding: 5px 12px; overflow: hidden; color: rgba(0, 0, 0, 0.65); font-weight: normal; line-height: 22px; white-space: nowrap; text-overflow: ellipsis; cursor: pointer; transition: background 0.3s ease; } .ant-mentions-dropdown-menu-item:hover { background-color: #fff2f0; } .ant-mentions-dropdown-menu-item:first-child { border-radius: 4px 4px 0 0; } .ant-mentions-dropdown-menu-item:last-child { border-radius: 0 0 4px 4px; } .ant-mentions-dropdown-menu-item-disabled { color: rgba(0, 0, 0, 0.25); cursor: not-allowed; } .ant-mentions-dropdown-menu-item-disabled:hover { color: rgba(0, 0, 0, 0.25); background-color: #fff; cursor: not-allowed; } .ant-mentions-dropdown-menu-item-selected { color: rgba(0, 0, 0, 0.65); font-weight: 600; background-color: #fafafa; } .ant-mentions-dropdown-menu-item-active { background-color: #fff2f0; } .ant-menu { box-sizing: border-box; margin: 0; padding: 0; font-size: 14px; font-variant: tabular-nums; line-height: 1.5; font-feature-settings: 'tnum'; margin-bottom: 0; padding-left: 0; color: rgba(0, 0, 0, 0.65); line-height: 0; list-style: none; background: #fff; outline: none; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15); transition: background 0.3s, width 0.2s; zoom: 1; } .ant-menu::before, .ant-menu::after { display: table; content: ''; } .ant-menu::after { clear: both; } .ant-menu::before, .ant-menu::after { display: table; content: ''; } .ant-menu::after { clear: both; } .ant-menu::before { content: ''; clear: both; display: block; } .ant-menu::before { content: ''; clear: both; display: block; } .ant-menu ul, .ant-menu ol { margin: 0; padding: 0; list-style: none; } .ant-menu-hidden { display: none; } .ant-menu-item-group-title { padding: 8px 16px; color: rgba(0, 0, 0, 0.45); font-size: 14px; line-height: 1.5; transition: all 0.3s; } .ant-menu-submenu, .ant-menu-submenu-inline { transition: border-color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), background 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), padding 0.15s cubic-bezier(0.645, 0.045, 0.355, 1); } .ant-menu-submenu-selected { color: #ff3333; } .ant-menu-item:active, .ant-menu-submenu-title:active { background: #fff2f0; } .ant-menu-submenu .ant-menu-sub { cursor: initial; transition: background 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), padding 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); } .ant-menu-item > a { display: block; color: rgba(0, 0, 0, 0.65); } .ant-menu-item > a:hover { color: #ff3333; } .ant-menu-item > a::before { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: transparent; content: ''; } .ant-menu-item > .ant-badge > a { color: rgba(0, 0, 0, 0.65); } .ant-menu-item > .ant-badge > a:hover { color: #ff3333; } .ant-menu-item-divider { height: 1px; overflow: hidden; line-height: 0; background-color: #e8e8e8; } .ant-menu-item:hover, .ant-menu-item-active, .ant-menu:not(.ant-menu-inline) .ant-menu-submenu-open, .ant-menu-submenu-active, .ant-menu-submenu-title:hover { color: #ff3333; } .ant-menu-horizontal .ant-menu-item, .ant-menu-horizontal .ant-menu-submenu { margin-top: -1px; } .ant-menu-horizontal > .ant-menu-item:hover, .ant-menu-horizontal > .ant-menu-item-active, .ant-menu-horizontal > .ant-menu-submenu .ant-menu-submenu-title:hover { background-color: transparent; } .ant-menu-item-selected { color: #ff3333; } .ant-menu-item-selected > a, .ant-menu-item-selected > a:hover { color: #ff3333; } .ant-menu:not(.ant-menu-horizontal) .ant-menu-item-selected { background-color: #fff2f0; } .ant-menu-inline, .ant-menu-vertical, .ant-menu-vertical-left { border-right: 1px solid #e8e8e8; } .ant-menu-vertical-right { border-left: 1px solid #e8e8e8; } .ant-menu-vertical.ant-menu-sub, .ant-menu-vertical-left.ant-menu-sub, .ant-menu-vertical-right.ant-menu-sub { min-width: 160px; padding: 0; border-right: 0; transform-origin: 0 0; } .ant-menu-vertical.ant-menu-sub .ant-menu-item, .ant-menu-vertical-left.ant-menu-sub .ant-menu-item, .ant-menu-vertical-right.ant-menu-sub .ant-menu-item { left: 0; margin-left: 0; border-right: 0; } .ant-menu-vertical.ant-menu-sub .ant-menu-item::after, .ant-menu-vertical-left.ant-menu-sub .ant-menu-item::after, .ant-menu-vertical-right.ant-menu-sub .ant-menu-item::after { border-right: 0; } .ant-menu-vertical.ant-menu-sub > .ant-menu-item, .ant-menu-vertical-left.ant-menu-sub > .ant-menu-item, .ant-menu-vertical-right.ant-menu-sub > .ant-menu-item, .ant-menu-vertical.ant-menu-sub > .ant-menu-submenu, .ant-menu-vertical-left.ant-menu-sub > .ant-menu-submenu, .ant-menu-vertical-right.ant-menu-sub > .ant-menu-submenu { transform-origin: 0 0; } .ant-menu-horizontal.ant-menu-sub { min-width: 114px; } .ant-menu-item, .ant-menu-submenu-title { position: relative; display: block; margin: 0; padding: 0 20px; white-space: nowrap; cursor: pointer; transition: color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), border-color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), background 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), padding 0.15s cubic-bezier(0.645, 0.045, 0.355, 1); } .ant-menu-item .anticon, .ant-menu-submenu-title .anticon { min-width: 14px; margin-right: 10px; font-size: 14px; transition: font-size 0.15s cubic-bezier(0.215, 0.61, 0.355, 1), margin 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); } .ant-menu-item .anticon + span, .ant-menu-submenu-title .anticon + span { opacity: 1; transition: opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), width 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); } .ant-menu > .ant-menu-item-divider { height: 1px; margin: 1px 0; padding: 0; overflow: hidden; line-height: 0; background-color: #e8e8e8; } .ant-menu-submenu-popup { position: absolute; z-index: 1050; background: #fff; border-radius: 4px; } .ant-menu-submenu-popup .submenu-title-wrapper { padding-right: 20px; } .ant-menu-submenu-popup::before { position: absolute; top: -7px; right: 0; bottom: 0; left: 0; opacity: 0.0001; content: ' '; } .ant-menu-submenu > .ant-menu { background-color: #fff; border-radius: 4px; } .ant-menu-submenu > .ant-menu-submenu-title::after { transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); } .ant-menu-submenu-vertical > .ant-menu-submenu-title .ant-menu-submenu-arrow, .ant-menu-submenu-vertical-left > .ant-menu-submenu-title .ant-menu-submenu-arrow, .ant-menu-submenu-vertical-right > .ant-menu-submenu-title .ant-menu-submenu-arrow, .ant-menu-submenu-inline > .ant-menu-submenu-title .ant-menu-submenu-arrow { position: absolute; top: 50%; right: 16px; width: 10px; transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); } .ant-menu-submenu-vertical > .ant-menu-submenu-title .ant-menu-submenu-arrow::before, .ant-menu-submenu-vertical-left > .ant-menu-submenu-title .ant-menu-submenu-arrow::before, .ant-menu-submenu-vertical-right > .ant-menu-submenu-title .ant-menu-submenu-arrow::before, .ant-menu-submenu-inline > .ant-menu-submenu-title .ant-menu-submenu-arrow::before, .ant-menu-submenu-vertical > .ant-menu-submenu-title .ant-menu-submenu-arrow::after, .ant-menu-submenu-vertical-left > .ant-menu-submenu-title .ant-menu-submenu-arrow::after, .ant-menu-submenu-vertical-right > .ant-menu-submenu-title .ant-menu-submenu-arrow::after, .ant-menu-submenu-inline > .ant-menu-submenu-title .ant-menu-submenu-arrow::after { position: absolute; width: 6px; height: 1.5px; background: #fff; background: rgba(0, 0, 0, 0.65) \9; background-image: linear-gradient(to right, rgba(0, 0, 0, 0.65), rgba(0, 0, 0, 0.65)); background-image: none \9; border-radius: 2px; transition: background 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), top 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); content: ''; } .ant-menu-submenu-vertical > .ant-menu-submenu-title .ant-menu-submenu-arrow::before, .ant-menu-submenu-vertical-left > .ant-menu-submenu-title .ant-menu-submenu-arrow::before, .ant-menu-submenu-vertical-right > .ant-menu-submenu-title .ant-menu-submenu-arrow::before, .ant-menu-submenu-inline > .ant-menu-submenu-title .ant-menu-submenu-arrow::before { transform: rotate(45deg) translateY(-2px); } .ant-menu-submenu-vertical > .ant-menu-submenu-title .ant-menu-submenu-arrow::after, .ant-menu-submenu-vertical-left > .ant-menu-submenu-title .ant-menu-submenu-arrow::after, .ant-menu-submenu-vertical-right > .ant-menu-submenu-title .ant-menu-submenu-arrow::after, .ant-menu-submenu-inline > .ant-menu-submenu-title .ant-menu-submenu-arrow::after { transform: rotate(-45deg) translateY(2px); } .ant-menu-submenu-vertical > .ant-menu-submenu-title:hover .ant-menu-submenu-arrow::after, .ant-menu-submenu-vertical-left > .ant-menu-submenu-title:hover .ant-menu-submenu-arrow::after, .ant-menu-submenu-vertical-right > .ant-menu-submenu-title:hover .ant-menu-submenu-arrow::after, .ant-menu-submenu-inline > .ant-menu-submenu-title:hover .ant-menu-submenu-arrow::after, .ant-menu-submenu-vertical > .ant-menu-submenu-title:hover .ant-menu-submenu-arrow::before, .ant-menu-submenu-vertical-left > .ant-menu-submenu-title:hover .ant-menu-submenu-arrow::before, .ant-menu-submenu-vertical-right > .ant-menu-submenu-title:hover .ant-menu-submenu-arrow::before, .ant-menu-submenu-inline > .ant-menu-submenu-title:hover .ant-menu-submenu-arrow::before { background: linear-gradient(to right, #ff3333, #ff3333); } .ant-menu-submenu-inline > .ant-menu-submenu-title .ant-menu-submenu-arrow::before { transform: rotate(-45deg) translateX(2px); } .ant-menu-submenu-inline > .ant-menu-submenu-title .ant-menu-submenu-arrow::after { transform: rotate(45deg) translateX(-2px); } .ant-menu-submenu-open.ant-menu-submenu-inline > .ant-menu-submenu-title .ant-menu-submenu-arrow { transform: translateY(-2px); } .ant-menu-submenu-open.ant-menu-submenu-inline > .ant-menu-submenu-title .ant-menu-submenu-arrow::after { transform: rotate(-45deg) translateX(-2px); } .ant-menu-submenu-open.ant-menu-submenu-inline > .ant-menu-submenu-title .ant-menu-submenu-arrow::before { transform: rotate(45deg) translateX(2px); } .ant-menu-vertical .ant-menu-submenu-selected, .ant-menu-vertical-left .ant-menu-submenu-selected, .ant-menu-vertical-right .ant-menu-submenu-selected { color: #ff3333; } .ant-menu-vertical .ant-menu-submenu-selected > a, .ant-menu-vertical-left .ant-menu-submenu-selected > a, .ant-menu-vertical-right .ant-menu-submenu-selected > a { color: #ff3333; } .ant-menu-horizontal { line-height: 46px; white-space: nowrap; border: 0; border-bottom: 1px solid #e8e8e8; box-shadow: none; } .ant-menu-horizontal > .ant-menu-item, .ant-menu-horizontal > .ant-menu-submenu { position: relative; top: 1px; display: inline-block; vertical-align: bottom; border-bottom: 2px solid transparent; } .ant-menu-horizontal > .ant-menu-item:hover, .ant-menu-horizontal > .ant-menu-submenu:hover, .ant-menu-horizontal > .ant-menu-item-active, .ant-menu-horizontal > .ant-menu-submenu-active, .ant-menu-horizontal > .ant-menu-item-open, .ant-menu-horizontal > .ant-menu-submenu-open, .ant-menu-horizontal > .ant-menu-item-selected, .ant-menu-horizontal > .ant-menu-submenu-selected { color: #ff3333; border-bottom: 2px solid #ff3333; } .ant-menu-horizontal > .ant-menu-item > a { display: block; color: rgba(0, 0, 0, 0.65); } .ant-menu-horizontal > .ant-menu-item > a:hover { color: #ff3333; } .ant-menu-horizontal > .ant-menu-item > a::before { bottom: -2px; } .ant-menu-horizontal > .ant-menu-item-selected > a { color: #ff3333; } .ant-menu-horizontal::after { display: block; clear: both; height: 0; content: ' '; } .ant-menu-vertical .ant-menu-item, .ant-menu-vertical-left .ant-menu-item, .ant-menu-vertical-right .ant-menu-item, .ant-menu-inline .ant-menu-item { position: relative; } .ant-menu-vertical .ant-menu-item::after, .ant-menu-vertical-left .ant-menu-item::after, .ant-menu-vertical-right .ant-menu-item::after, .ant-menu-inline .ant-menu-item::after { position: absolute; top: 0; right: 0; bottom: 0; border-right: 3px solid #ff3333; transform: scaleY(0.0001); opacity: 0; transition: transform 0.15s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 0.15s cubic-bezier(0.215, 0.61, 0.355, 1); content: ''; } .ant-menu-vertical .ant-menu-item, .ant-menu-vertical-left .ant-menu-item, .ant-menu-vertical-right .ant-menu-item, .ant-menu-inline .ant-menu-item, .ant-menu-vertical .ant-menu-submenu-title, .ant-menu-vertical-left .ant-menu-submenu-title, .ant-menu-vertical-right .ant-menu-submenu-title, .ant-menu-inline .ant-menu-submenu-title { height: 40px; margin-top: 4px; margin-bottom: 4px; padding: 0 16px; overflow: hidden; font-size: 14px; line-height: 40px; text-overflow: ellipsis; } .ant-menu-vertical .ant-menu-submenu, .ant-menu-vertical-left .ant-menu-submenu, .ant-menu-vertical-right .ant-menu-submenu, .ant-menu-inline .ant-menu-submenu { padding-bottom: 0.02px; } .ant-menu-vertical .ant-menu-item:not(:last-child), .ant-menu-vertical-left .ant-menu-item:not(:last-child), .ant-menu-vertical-right .ant-menu-item:not(:last-child), .ant-menu-inline .ant-menu-item:not(:last-child) { margin-bottom: 8px; } .ant-menu-vertical > .ant-menu-item, .ant-menu-vertical-left > .ant-menu-item, .ant-menu-vertical-right > .ant-menu-item, .ant-menu-inline > .ant-menu-item, .ant-menu-vertical > .ant-menu-submenu > .ant-menu-submenu-title, .ant-menu-vertical-left > .ant-menu-submenu > .ant-menu-submenu-title, .ant-menu-vertical-right > .ant-menu-submenu > .ant-menu-submenu-title, .ant-menu-inline > .ant-menu-submenu > .ant-menu-submenu-title { height: 40px; line-height: 40px; } .ant-menu-inline { width: 100%; } .ant-menu-inline .ant-menu-selected::after, .ant-menu-inline .ant-menu-item-selected::after { transform: scaleY(1); opacity: 1; transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.15s cubic-bezier(0.645, 0.045, 0.355, 1); } .ant-menu-inline .ant-menu-item, .ant-menu-inline .ant-menu-submenu-title { width: calc(100% + 1px); } .ant-menu-inline .ant-menu-submenu-title { padding-right: 34px; } .ant-menu-inline-collapsed { width: 80px; } .ant-menu-inline-collapsed > .ant-menu-item, .ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-item, .ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-submenu > .ant-menu-submenu-title, .ant-menu-inline-collapsed > .ant-menu-submenu > .ant-menu-submenu-title { left: 0; padding: 0 32px !important; text-overflow: clip; } .ant-menu-inline-collapsed > .ant-menu-item .ant-menu-submenu-arrow, .ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-item .ant-menu-submenu-arrow, .ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-submenu > .ant-menu-submenu-title .ant-menu-submenu-arrow, .ant-menu-inline-collapsed > .ant-menu-submenu > .ant-menu-submenu-title .ant-menu-submenu-arrow { display: none; } .ant-menu-inline-collapsed > .ant-menu-item .anticon, .ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-item .anticon, .ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-submenu > .ant-menu-submenu-title .anticon, .ant-menu-inline-collapsed > .ant-menu-submenu > .ant-menu-submenu-title .anticon { margin: 0; font-size: 16px; line-height: 40px; } .ant-menu-inline-collapsed > .ant-menu-item .anticon + span, .ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-item .anticon + span, .ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-submenu > .ant-menu-submenu-title .anticon + span, .ant-menu-inline-collapsed > .ant-menu-submenu > .ant-menu-submenu-title .anticon + span { display: inline-block; max-width: 0; opacity: 0; } .ant-menu-inline-collapsed-tooltip { pointer-events: none; } .ant-menu-inline-collapsed-tooltip .anticon { display: none; } .ant-menu-inline-collapsed-tooltip a { color: rgba(255, 255, 255, 0.85); } .ant-menu-inline-collapsed .ant-menu-item-group-title { padding-right: 4px; padding-left: 4px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .ant-menu-item-group-list { margin: 0; padding: 0; } .ant-menu-item-group-list .ant-menu-item, .ant-menu-item-group-list .ant-menu-submenu-title { padding: 0 16px 0 28px; } .ant-menu-root.ant-menu-vertical, .ant-menu-root.ant-menu-vertical-left, .ant-menu-root.ant-menu-vertical-right, .ant-menu-root.ant-menu-inline { box-shadow: none; } .ant-menu-sub.ant-menu-inline { padding: 0; border: 0; border-radius: 0; box-shadow: none; } .ant-menu-sub.ant-menu-inline > .ant-menu-item, .ant-menu-sub.ant-menu-inline > .ant-menu-submenu > .ant-menu-submenu-title { height: 40px; line-height: 40px; list-style-position: inside; list-style-type: disc; } .ant-menu-sub.ant-menu-inline .ant-menu-item-group-title { padding-left: 32px; } .ant-menu-item-disabled, .ant-menu-submenu-disabled { color: rgba(0, 0, 0, 0.25) !important; background: none; border-color: transparent !important; cursor: not-allowed; } .ant-menu-item-disabled > a, .ant-menu-submenu-disabled > a { color: rgba(0, 0, 0, 0.25) !important; pointer-events: none; } .ant-menu-item-disabled > .ant-menu-submenu-title, .ant-menu-submenu-disabled > .ant-menu-submenu-title { color: rgba(0, 0, 0, 0.25) !important; cursor: not-allowed; } .ant-menu-item-disabled > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before, .ant-menu-submenu-disabled > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before, .ant-menu-item-disabled > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after, .ant-menu-submenu-disabled > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after { background: rgba(0, 0, 0, 0.25) !important; } .ant-menu-dark, .ant-menu-dark .ant-menu-sub { color: rgba(255, 255, 255, 0.65); background: #001529; } .ant-menu-dark .ant-menu-submenu-title .ant-menu-submenu-arrow, .ant-menu-dark .ant-menu-sub .ant-menu-submenu-title .ant-menu-submenu-arrow { opacity: 0.45; transition: all 0.3s; } .ant-menu-dark .ant-menu-submenu-title .ant-menu-submenu-arrow::after, .ant-menu-dark .ant-menu-sub .ant-menu-submenu-title .ant-menu-submenu-arrow::after, .ant-menu-dark .ant-menu-submenu-title .ant-menu-submenu-arrow::before, .ant-menu-dark .ant-menu-sub .ant-menu-submenu-title .ant-menu-submenu-arrow::before { background: #fff; } .ant-menu-dark.ant-menu-submenu-popup { background: transparent; } .ant-menu-dark .ant-menu-inline.ant-menu-sub { background: #000c17; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.45) inset; } .ant-menu-dark.ant-menu-horizontal { border-bottom: 0; } .ant-menu-dark.ant-menu-horizontal > .ant-menu-item, .ant-menu-dark.ant-menu-horizontal > .ant-menu-submenu { top: 0; margin-top: 0; border-color: #001529; border-bottom: 0; } .ant-menu-dark.ant-menu-horizontal > .ant-menu-item > a::before { bottom: 0; } .ant-menu-dark .ant-menu-item, .ant-menu-dark .ant-menu-item-group-title, .ant-menu-dark .ant-menu-item > a { color: rgba(255, 255, 255, 0.65); } .ant-menu-dark.ant-menu-inline, .ant-menu-dark.ant-menu-vertical, .ant-menu-dark.ant-menu-vertical-left, .ant-menu-dark.ant-menu-vertical-right { border-right: 0; } .ant-menu-dark.ant-menu-inline .ant-menu-item, .ant-menu-dark.ant-menu-vertical .ant-menu-item, .ant-menu-dark.ant-menu-vertical-left .ant-menu-item, .ant-menu-dark.ant-menu-vertical-right .ant-menu-item { left: 0; margin-left: 0; border-right: 0; } .ant-menu-dark.ant-menu-inline .ant-menu-item::after, .ant-menu-dark.ant-menu-vertical .ant-menu-item::after, .ant-menu-dark.ant-menu-vertical-left .ant-menu-item::after, .ant-menu-dark.ant-menu-vertical-right .ant-menu-item::after { border-right: 0; } .ant-menu-dark.ant-menu-inline .ant-menu-item, .ant-menu-dark.ant-menu-inline .ant-menu-submenu-title { width: 100%; } .ant-menu-dark .ant-menu-item:hover, .ant-menu-dark .ant-menu-item-active, .ant-menu-dark .ant-menu-submenu-active, .ant-menu-dark .ant-menu-submenu-open, .ant-menu-dark .ant-menu-submenu-selected, .ant-menu-dark .ant-menu-submenu-title:hover { color: #fff; background-color: transparent; } .ant-menu-dark .ant-menu-item:hover > a, .ant-menu-dark .ant-menu-item-active > a, .ant-menu-dark .ant-menu-submenu-active > a, .ant-menu-dark .ant-menu-submenu-open > a, .ant-menu-dark .ant-menu-submenu-selected > a, .ant-menu-dark .ant-menu-submenu-title:hover > a { color: #fff; } .ant-menu-dark .ant-menu-item:hover > .ant-menu-submenu-title > .ant-menu-submenu-arrow, .ant-menu-dark .ant-menu-item-active > .ant-menu-submenu-title > .ant-menu-submenu-arrow, .ant-menu-dark .ant-menu-submenu-active > .ant-menu-submenu-title > .ant-menu-submenu-arrow, .ant-menu-dark .ant-menu-submenu-open > .ant-menu-submenu-title > .ant-menu-submenu-arrow, .ant-menu-dark .ant-menu-submenu-selected > .ant-menu-submenu-title > .ant-menu-submenu-arrow, .ant-menu-dark .ant-menu-submenu-title:hover > .ant-menu-submenu-title > .ant-menu-submenu-arrow, .ant-menu-dark .ant-menu-item:hover > .ant-menu-submenu-title:hover > .ant-menu-submenu-arrow, .ant-menu-dark .ant-menu-item-active > .ant-menu-submenu-title:hover > .ant-menu-submenu-arrow, .ant-menu-dark .ant-menu-submenu-active > .ant-menu-submenu-title:hover > .ant-menu-submenu-arrow, .ant-menu-dark .ant-menu-submenu-open > .ant-menu-submenu-title:hover > .ant-menu-submenu-arrow, .ant-menu-dark .ant-menu-submenu-selected > .ant-menu-submenu-title:hover > .ant-menu-submenu-arrow, .ant-menu-dark .ant-menu-submenu-title:hover > .ant-menu-submenu-title:hover > .ant-menu-submenu-arrow { opacity: 1; } .ant-menu-dark .ant-menu-item:hover > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after, .ant-menu-dark .ant-menu-item-active > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after, .ant-menu-dark .ant-menu-submenu-active > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after, .ant-menu-dark .ant-menu-submenu-open > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after, .ant-menu-dark .ant-menu-submenu-selected > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after, .ant-menu-dark .ant-menu-submenu-title:hover > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after, .ant-menu-dark .ant-menu-item:hover > .ant-menu-submenu-title:hover > .ant-menu-submenu-arrow::after, .ant-menu-dark .ant-menu-item-active > .ant-menu-submenu-title:hover > .ant-menu-submenu-arrow::after, .ant-menu-dark .ant-menu-submenu-active > .ant-menu-submenu-title:hover > .ant-menu-submenu-arrow::after, .ant-menu-dark .ant-menu-submenu-open > .ant-menu-submenu-title:hover > .ant-menu-submenu-arrow::after, .ant-menu-dark .ant-menu-submenu-selected > .ant-menu-submenu-title:hover > .ant-menu-submenu-arrow::after, .ant-menu-dark .ant-menu-submenu-title:hover > .ant-menu-submenu-title:hover > .ant-menu-submenu-arrow::after, .ant-menu-dark .ant-menu-item:hover > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before, .ant-menu-dark .ant-menu-item-active > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before, .ant-menu-dark .ant-menu-submenu-active > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before, .ant-menu-dark .ant-menu-submenu-open > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before, .ant-menu-dark .ant-menu-submenu-selected > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before, .ant-menu-dark .ant-menu-submenu-title:hover > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before, .ant-menu-dark .ant-menu-item:hover > .ant-menu-submenu-title:hover > .ant-menu-submenu-arrow::before, .ant-menu-dark .ant-menu-item-active > .ant-menu-submenu-title:hover > .ant-menu-submenu-arrow::before, .ant-menu-dark .ant-menu-submenu-active > .ant-menu-submenu-title:hover > .ant-menu-submenu-arrow::before, .ant-menu-dark .ant-menu-submenu-open > .ant-menu-submenu-title:hover > .ant-menu-submenu-arrow::before, .ant-menu-dark .ant-menu-submenu-selected > .ant-menu-submenu-title:hover > .ant-menu-submenu-arrow::before, .ant-menu-dark .ant-menu-submenu-title:hover > .ant-menu-submenu-title:hover > .ant-menu-submenu-arrow::before { background: #fff; } .ant-menu-dark .ant-menu-item:hover { background-color: transparent; } .ant-menu-dark .ant-menu-item-selected { color: #fff; border-right: 0; } .ant-menu-dark .ant-menu-item-selected::after { border-right: 0; } .ant-menu-dark .ant-menu-item-selected > a, .ant-menu-dark .ant-menu-item-selected > a:hover { color: #fff; } .ant-menu-dark .ant-menu-item-selected .anticon { color: #fff; } .ant-menu-dark .ant-menu-item-selected .anticon + span { color: #fff; } .ant-menu.ant-menu-dark .ant-menu-item-selected, .ant-menu-submenu-popup.ant-menu-dark .ant-menu-item-selected { background-color: #ff3333; } .ant-menu-dark .ant-menu-item-disabled, .ant-menu-dark .ant-menu-submenu-disabled, .ant-menu-dark .ant-menu-item-disabled > a, .ant-menu-dark .ant-menu-submenu-disabled > a { color: rgba(255, 255, 255, 0.35) !important; opacity: 0.8; } .ant-menu-dark .ant-menu-item-disabled > .ant-menu-submenu-title, .ant-menu-dark .ant-menu-submenu-disabled > .ant-menu-submenu-title { color: rgba(255, 255, 255, 0.35) !important; } .ant-menu-dark .ant-menu-item-disabled > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before, .ant-menu-dark .ant-menu-submenu-disabled > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before, .ant-menu-dark .ant-menu-item-disabled > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after, .ant-menu-dark .ant-menu-submenu-disabled > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after { background: rgba(255, 255, 255, 0.35) !important; } .ant-message { box-sizing: border-box; margin: 0; padding: 0; color: rgba(0, 0, 0, 0.65); font-size: 14px; font-variant: tabular-nums; line-height: 1.5; list-style: none; font-feature-settings: 'tnum'; position: fixed; top: 16px; left: 0; z-index: 1010; width: 100%; pointer-events: none; } .ant-message-notice { padding: 8px; text-align: center; } .ant-message-notice:first-child { margin-top: -8px; } .ant-message-notice-content { display: inline-block; padding: 10px 16px; background: #fff; border-radius: 4px; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15); pointer-events: all; } .ant-message-success .anticon { color: #52c41a; } .ant-message-error .anticon { color: #f5222d; } .ant-message-warning .anticon { color: #faad14; } .ant-message-info .anticon, .ant-message-loading .anticon { color: #1890ff; } .ant-message .anticon { position: relative; top: 1px; margin-right: 8px; font-size: 16px; } .ant-message-notice.move-up-leave.move-up-leave-active { overflow: hidden; animation-name: MessageMoveOut; animation-duration: 0.3s; } @keyframes MessageMoveOut { 0% { max-height: 150px; padding: 8px; opacity: 1; } 100% { max-height: 0; padding: 0; opacity: 0; } } .ant-modal { box-sizing: border-box; margin: 0; padding: 0; color: rgba(0, 0, 0, 0.65); font-size: 14px; font-variant: tabular-nums; line-height: 1.5; list-style: none; font-feature-settings: 'tnum'; position: relative; top: 100px; width: auto; margin: 0 auto; padding-bottom: 24px; pointer-events: none; } .ant-modal-wrap { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1000; overflow: auto; outline: 0; -webkit-overflow-scrolling: touch; } .ant-modal-title { margin: 0; color: rgba(0, 0, 0, 0.85); font-weight: 500; font-size: 16px; line-height: 22px; word-wrap: break-word; } .ant-modal-content { position: relative; background-color: #fff; background-clip: padding-box; border: 0; border-radius: 4px; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15); pointer-events: auto; } .ant-modal-close { position: absolute; top: 0; right: 0; z-index: 10; padding: 0; color: rgba(0, 0, 0, 0.45); font-weight: 700; line-height: 1; text-decoration: none; background: transparent; border: 0; outline: 0; cursor: pointer; transition: color 0.3s; } .ant-modal-close-x { display: block; width: 56px; height: 56px; font-size: 16px; font-style: normal; line-height: 56px; text-align: center; text-transform: none; text-rendering: auto; } .ant-modal-close:focus, .ant-modal-close:hover { color: rgba(0, 0, 0, 0.75); text-decoration: none; } .ant-modal-header { padding: 16px 24px; color: rgba(0, 0, 0, 0.65); background: #fff; border-bottom: 1px solid #e8e8e8; border-radius: 4px 4px 0 0; } .ant-modal-body { padding: 24px; font-size: 14px; line-height: 1.5; word-wrap: break-word; } .ant-modal-footer { padding: 10px 16px; text-align: right; background: transparent; border-top: 1px solid #e8e8e8; border-radius: 0 0 4px 4px; } .ant-modal-footer button + button { margin-bottom: 0; margin-left: 8px; } .ant-modal.zoom-enter, .ant-modal.zoom-appear { transform: none; opacity: 0; animation-duration: 0.3s; user-select: none; } .ant-modal-mask { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1000; height: 100%; background-color: rgba(0, 0, 0, 0.45); filter: alpha(opacity=50); } .ant-modal-mask-hidden { display: none; } .ant-modal-open { overflow: hidden; } .ant-modal-centered { text-align: center; } .ant-modal-centered::before { display: inline-block; width: 0; height: 100%; vertical-align: middle; content: ''; } .ant-modal-centered .ant-modal { top: 0; display: inline-block; text-align: left; vertical-align: middle; } @media (max-width: 767px) { .ant-modal { max-width: calc(100vw - 16px); margin: 8px auto; } .ant-modal-centered .ant-modal { flex: 1; } } .ant-modal-confirm .ant-modal-header { display: none; } .ant-modal-confirm .ant-modal-close { display: none; } .ant-modal-confirm .ant-modal-body { padding: 32px 32px 24px; } .ant-modal-confirm-body-wrapper { zoom: 1; } .ant-modal-confirm-body-wrapper::before, .ant-modal-confirm-body-wrapper::after { display: table; content: ''; } .ant-modal-confirm-body-wrapper::after { clear: both; } .ant-modal-confirm-body-wrapper::before, .ant-modal-confirm-body-wrapper::after { display: table; content: ''; } .ant-modal-confirm-body-wrapper::after { clear: both; } .ant-modal-confirm-body-wrapper::before { content: ''; clear: both; display: block; } .ant-modal-confirm-body-wrapper::before { content: ''; clear: both; display: block; } .ant-modal-confirm-body .ant-modal-confirm-title { display: block; overflow: hidden; color: rgba(0, 0, 0, 0.85); font-weight: 500; font-size: 16px; line-height: 1.4; } .ant-modal-confirm-body .ant-modal-confirm-content { margin-top: 8px; color: rgba(0, 0, 0, 0.65); font-size: 14px; } .ant-modal-confirm-body > .anticon { float: left; margin-right: 16px; font-size: 22px; } .ant-modal-confirm-body > .anticon + .ant-modal-confirm-title + .ant-modal-confirm-content { margin-left: 38px; } .ant-modal-confirm .ant-modal-confirm-btns { float: right; margin-top: 24px; } .ant-modal-confirm .ant-modal-confirm-btns button + button { margin-bottom: 0; margin-left: 8px; } .ant-modal-confirm-error .ant-modal-confirm-body > .anticon { color: #f5222d; } .ant-modal-confirm-warning .ant-modal-confirm-body > .anticon, .ant-modal-confirm-confirm .ant-modal-confirm-body > .anticon { color: #faad14; } .ant-modal-confirm-info .ant-modal-confirm-body > .anticon { color: #1890ff; } .ant-modal-confirm-success .ant-modal-confirm-body > .anticon { color: #52c41a; } .ant-notification { box-sizing: border-box; margin: 0; padding: 0; color: rgba(0, 0, 0, 0.65); font-size: 14px; font-variant: tabular-nums; line-height: 1.5; list-style: none; font-feature-settings: 'tnum'; position: fixed; z-index: 1010; width: 384px; max-width: calc(100vw - 32px); margin-right: 24px; } .ant-notification-topLeft, .ant-notification-bottomLeft { margin-right: 0; margin-left: 24px; } .ant-notification-topLeft .ant-notification-fade-enter.ant-notification-fade-enter-active, .ant-notification-bottomLeft .ant-notification-fade-enter.ant-notification-fade-enter-active, .ant-notification-topLeft .ant-notification-fade-appear.ant-notification-fade-appear-active, .ant-notification-bottomLeft .ant-notification-fade-appear.ant-notification-fade-appear-active { animation-name: NotificationLeftFadeIn; } .ant-notification-close-icon { font-size: 14px; cursor: pointer; } .ant-notification-notice { position: relative; margin-bottom: 16px; padding: 16px 24px; overflow: hidden; line-height: 1.5; background: #fff; border-radius: 4px; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15); } .ant-notification-notice-message { display: inline-block; margin-bottom: 8px; color: rgba(0, 0, 0, 0.85); font-size: 16px; line-height: 24px; } .ant-notification-notice-message-single-line-auto-margin { display: block; width: calc(384px - 24px * 2 - 24px - 48px - 100%); max-width: 4px; background-color: transparent; pointer-events: none; } .ant-notification-notice-message-single-line-auto-margin::before { display: block; content: ''; } .ant-notification-notice-description { font-size: 14px; } .ant-notification-notice-closable .ant-notification-notice-message { padding-right: 24px; } .ant-notification-notice-with-icon .ant-notification-notice-message { margin-bottom: 4px; margin-left: 48px; font-size: 16px; } .ant-notification-notice-with-icon .ant-notification-notice-description { margin-left: 48px; font-size: 14px; } .ant-notification-notice-icon { position: absolute; margin-left: 4px; font-size: 24px; line-height: 24px; } .anticon.ant-notification-notice-icon-success { color: #52c41a; } .anticon.ant-notification-notice-icon-info { color: #1890ff; } .anticon.ant-notification-notice-icon-warning { color: #faad14; } .anticon.ant-notification-notice-icon-error { color: #f5222d; } .ant-notification-notice-close { position: absolute; top: 16px; right: 22px; color: rgba(0, 0, 0, 0.45); outline: none; } .ant-notification-notice-close:hover { color: rgba(0, 0, 0, 0.67); } .ant-notification-notice-btn { float: right; margin-top: 16px; } .ant-notification .notification-fade-effect { animation-duration: 0.24s; animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1); animation-fill-mode: both; } .ant-notification-fade-enter, .ant-notification-fade-appear { opacity: 0; animation-duration: 0.24s; animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1); animation-fill-mode: both; animation-play-state: paused; } .ant-notification-fade-leave { animation-duration: 0.24s; animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1); animation-fill-mode: both; animation-duration: 0.2s; animation-play-state: paused; } .ant-notification-fade-enter.ant-notification-fade-enter-active, .ant-notification-fade-appear.ant-notification-fade-appear-active { animation-name: NotificationFadeIn; animation-play-state: running; } .ant-notification-fade-leave.ant-notification-fade-leave-active { animation-name: NotificationFadeOut; animation-play-state: running; } @keyframes NotificationFadeIn { 0% { left: 384px; opacity: 0; } 100% { left: 0; opacity: 1; } } @keyframes NotificationLeftFadeIn { 0% { right: 384px; opacity: 0; } 100% { right: 0; opacity: 1; } } @keyframes NotificationFadeOut { 0% { max-height: 150px; margin-bottom: 16px; padding-top: 16px 24px; padding-bottom: 16px 24px; opacity: 1; } 100% { max-height: 0; margin-bottom: 0; padding-top: 0; padding-bottom: 0; opacity: 0; } } .ant-page-header { box-sizing: border-box; margin: 0; padding: 0; color: rgba(0, 0, 0, 0.65); font-size: 14px; font-variant: tabular-nums; line-height: 1.5; list-style: none; font-feature-settings: 'tnum'; position: relative; padding: 16px 24px; background-color: #fff; } .ant-page-header-ghost { background-color: inherit; } .ant-page-header.has-breadcrumb { padding-top: 12px; } .ant-page-header.has-footer { padding-bottom: 0; } .ant-page-header-back { float: left; margin: 8px 0; margin-right: 16px; font-size: 16px; line-height: 1; } .ant-page-header-back-button { color: #ff3333; text-decoration: none; outline: none; transition: color 0.3s; color: #000; cursor: pointer; } .ant-page-header-back-button:focus, .ant-page-header-back-button:hover { color: #ff615c; } .ant-page-header-back-button:active { color: #d92127; } .ant-page-header .ant-divider-vertical { height: 14px; margin: 0 12px; vertical-align: middle; } .ant-breadcrumb + .ant-page-header-heading { margin-top: 8px; } .ant-page-header-heading { width: 100%; overflow: hidden; } .ant-page-header-heading-title { display: block; float: left; margin-bottom: 0; padding-right: 12px; color: rgba(0, 0, 0, 0.85); font-weight: 600; font-size: 20px; line-height: 32px; } .ant-page-header-heading .ant-avatar { float: left; margin-right: 12px; } .ant-page-header-heading-sub-title { float: left; margin: 5px 0; margin-right: 12px; color: rgba(0, 0, 0, 0.45); font-size: 14px; line-height: 22px; } .ant-page-header-heading-tags { float: left; margin: 4px 0; } .ant-page-header-heading-extra { float: right; } .ant-page-header-heading-extra > * { margin-left: 8px; } .ant-page-header-heading-extra > *:first-child { margin-left: 0; } .ant-page-header-content { padding-top: 12px; overflow: hidden; } .ant-page-header-footer { margin-top: 16px; } .ant-page-header-footer .ant-tabs-bar { margin-bottom: 1px; border-bottom: 0; } .ant-page-header-footer .ant-tabs-bar .ant-tabs-nav .ant-tabs-tab { padding: 8px; font-size: 16px; } @media (max-width: 576px) { .ant-page-header-heading-extra { display: block; float: unset; width: 100%; padding-top: 12px; overflow: hidden; } } .ant-pagination { box-sizing: border-box; margin: 0; padding: 0; color: rgba(0, 0, 0, 0.65); font-size: 14px; font-variant: tabular-nums; line-height: 1.5; list-style: none; font-feature-settings: 'tnum'; } .ant-pagination ul, .ant-pagination ol { margin: 0; padding: 0; list-style: none; } .ant-pagination::after { display: block; clear: both; height: 0; overflow: hidden; visibility: hidden; content: ' '; } .ant-pagination-total-text { display: inline-block; height: 32px; margin-right: 8px; line-height: 30px; vertical-align: middle; } .ant-pagination-item { display: inline-block; min-width: 32px; height: 32px; margin-right: 8px; font-family: Arial; line-height: 30px; text-align: center; vertical-align: middle; list-style: none; background-color: #fff; border: 1px solid #d9d9d9; border-radius: 4px; outline: 0; cursor: pointer; user-select: none; } .ant-pagination-item a { display: block; padding: 0 6px; color: rgba(0, 0, 0, 0.65); transition: none; } .ant-pagination-item a:hover { text-decoration: none; } .ant-pagination-item:focus, .ant-pagination-item:hover { border-color: #ff3333; transition: all 0.3s; } .ant-pagination-item:focus a, .ant-pagination-item:hover a { color: #ff3333; } .ant-pagination-item-active { font-weight: 500; background: #fff; border-color: #ff3333; } .ant-pagination-item-active a { color: #ff3333; } .ant-pagination-item-active:focus, .ant-pagination-item-active:hover { border-color: #ff615c; } .ant-pagination-item-active:focus a, .ant-pagination-item-active:hover a { color: #ff615c; } .ant-pagination-jump-prev, .ant-pagination-jump-next { outline: 0; } .ant-pagination-jump-prev .ant-pagination-item-container, .ant-pagination-jump-next .ant-pagination-item-container { position: relative; } .ant-pagination-jump-prev .ant-pagination-item-container .ant-pagination-item-link-icon, .ant-pagination-jump-next .ant-pagination-item-container .ant-pagination-item-link-icon { display: inline-block; font-size: 12px; font-size: 12px \9; transform: scale(1) rotate(0deg); color: #ff3333; letter-spacing: -1px; opacity: 0; transition: all 0.2s; } :root .ant-pagination-jump-prev .ant-pagination-item-container .ant-pagination-item-link-icon, :root .ant-pagination-jump-next .ant-pagination-item-container .ant-pagination-item-link-icon { font-size: 12px; } .ant-pagination-jump-prev .ant-pagination-item-container .ant-pagination-item-link-icon-svg, .ant-pagination-jump-next .ant-pagination-item-container .ant-pagination-item-link-icon-svg { top: 0; right: 0; bottom: 0; left: 0; margin: auto; } .ant-pagination-jump-prev .ant-pagination-item-container .ant-pagination-item-ellipsis, .ant-pagination-jump-next .ant-pagination-item-container .ant-pagination-item-ellipsis { position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: block; margin: auto; color: rgba(0, 0, 0, 0.25); letter-spacing: 2px; text-align: center; text-indent: 0.13em; opacity: 1; transition: all 0.2s; } .ant-pagination-jump-prev:focus .ant-pagination-item-link-icon, .ant-pagination-jump-next:focus .ant-pagination-item-link-icon, .ant-pagination-jump-prev:hover .ant-pagination-item-link-icon, .ant-pagination-jump-next:hover .ant-pagination-item-link-icon { opacity: 1; } .ant-pagination-jump-prev:focus .ant-pagination-item-ellipsis, .ant-pagination-jump-next:focus .ant-pagination-item-ellipsis, .ant-pagination-jump-prev:hover .ant-pagination-item-ellipsis, .ant-pagination-jump-next:hover .ant-pagination-item-ellipsis { opacity: 0; } .ant-pagination-prev, .ant-pagination-jump-prev, .ant-pagination-jump-next { margin-right: 8px; } .ant-pagination-prev, .ant-pagination-next, .ant-pagination-jump-prev, .ant-pagination-jump-next { display: inline-block; min-width: 32px; height: 32px; color: rgba(0, 0, 0, 0.65); font-family: Arial; line-height: 32px; text-align: center; vertical-align: middle; list-style: none; border-radius: 4px; cursor: pointer; transition: all 0.3s; } .ant-pagination-prev, .ant-pagination-next { outline: 0; } .ant-pagination-prev a, .ant-pagination-next a { color: rgba(0, 0, 0, 0.65); user-select: none; } .ant-pagination-prev:hover a, .ant-pagination-next:hover a { border-color: #ff615c; } .ant-pagination-prev .ant-pagination-item-link, .ant-pagination-next .ant-pagination-item-link { display: block; height: 100%; font-size: 12px; text-align: center; background-color: #fff; border: 1px solid #d9d9d9; border-radius: 4px; outline: none; transition: all 0.3s; } .ant-pagination-prev:focus .ant-pagination-item-link, .ant-pagination-next:focus .ant-pagination-item-link, .ant-pagination-prev:hover .ant-pagination-item-link, .ant-pagination-next:hover .ant-pagination-item-link { color: #ff3333; border-color: #ff3333; } .ant-pagination-disabled, .ant-pagination-disabled:hover, .ant-pagination-disabled:focus { cursor: not-allowed; } .ant-pagination-disabled a, .ant-pagination-disabled:hover a, .ant-pagination-disabled:focus a, .ant-pagination-disabled .ant-pagination-item-link, .ant-pagination-disabled:hover .ant-pagination-item-link, .ant-pagination-disabled:focus .ant-pagination-item-link { color: rgba(0, 0, 0, 0.25); border-color: #d9d9d9; cursor: not-allowed; } .ant-pagination-slash { margin: 0 10px 0 5px; } .ant-pagination-options { display: inline-block; margin-left: 16px; vertical-align: middle; } .ant-pagination-options-size-changer.ant-select { display: inline-block; width: auto; margin-right: 8px; } .ant-pagination-options-quick-jumper { display: inline-block; height: 32px; line-height: 32px; vertical-align: top; } .ant-pagination-options-quick-jumper input { position: relative; display: inline-block; width: 100%; height: 32px; padding: 4px 11px; color: rgba(0, 0, 0, 0.65); font-size: 14px; line-height: 1.5; background-color: #fff; background-image: none; border: 1px solid #d9d9d9; border-radius: 4px; transition: all 0.3s; width: 50px; margin: 0 8px; } .ant-pagination-options-quick-jumper input::-moz-placeholder { color: #bfbfbf; opacity: 1; } .ant-pagination-options-quick-jumper input:-ms-input-placeholder { color: #bfbfbf; } .ant-pagination-options-quick-jumper input::-webkit-input-placeholder { color: #bfbfbf; } .ant-pagination-options-quick-jumper input:placeholder-shown { text-overflow: ellipsis; } .ant-pagination-options-quick-jumper input:hover { border-color: #ff615c; border-right-width: 1px !important; } .ant-pagination-options-quick-jumper input:focus { border-color: #ff615c; border-right-width: 1px !important; outline: 0; box-shadow: 0 0 0 2px rgba(255, 51, 51, 0.2); } .ant-pagination-options-quick-jumper input-disabled { color: rgba(0, 0, 0, 0.25); background-color: #f5f5f5; cursor: not-allowed; opacity: 1; } .ant-pagination-options-quick-jumper input-disabled:hover { border-color: #d9d9d9; border-right-width: 1px !important; } .ant-pagination-options-quick-jumper input[disabled] { color: rgba(0, 0, 0, 0.25); background-color: #f5f5f5; cursor: not-allowed; opacity: 1; } .ant-pagination-options-quick-jumper input[disabled]:hover { border-color: #d9d9d9; border-right-width: 1px !important; } textarea.ant-pagination-options-quick-jumper input { max-width: 100%; height: auto; min-height: 32px; line-height: 1.5; vertical-align: bottom; transition: all 0.3s, height 0s; } .ant-pagination-options-quick-jumper input-lg { height: 40px; padding: 6px 11px; font-size: 16px; } .ant-pagination-options-quick-jumper input-sm { height: 24px; padding: 1px 7px; } .ant-pagination-simple .ant-pagination-prev, .ant-pagination-simple .ant-pagination-next { height: 24px; line-height: 24px; vertical-align: top; } .ant-pagination-simple .ant-pagination-prev .ant-pagination-item-link, .ant-pagination-simple .ant-pagination-next .ant-pagination-item-link { height: 24px; border: 0; } .ant-pagination-simple .ant-pagination-prev .ant-pagination-item-link::after, .ant-pagination-simple .ant-pagination-next .ant-pagination-item-link::after { height: 24px; line-height: 24px; } .ant-pagination-simple .ant-pagination-simple-pager { display: inline-block; height: 24px; margin-right: 8px; } .ant-pagination-simple .ant-pagination-simple-pager input { box-sizing: border-box; height: 100%; margin-right: 8px; padding: 0 6px; text-align: center; background-color: #fff; border: 1px solid #d9d9d9; border-radius: 4px; outline: none; transition: border-color 0.3s; } .ant-pagination-simple .ant-pagination-simple-pager input:hover { border-color: #ff3333; } .ant-pagination.mini .ant-pagination-total-text, .ant-pagination.mini .ant-pagination-simple-pager { height: 24px; line-height: 24px; } .ant-pagination.mini .ant-pagination-item { min-width: 24px; height: 24px; margin: 0; line-height: 22px; } .ant-pagination.mini .ant-pagination-item:not(.ant-pagination-item-active) { background: transparent; border-color: transparent; } .ant-pagination.mini .ant-pagination-prev, .ant-pagination.mini .ant-pagination-next { min-width: 24px; height: 24px; margin: 0; line-height: 24px; } .ant-pagination.mini .ant-pagination-prev .ant-pagination-item-link, .ant-pagination.mini .ant-pagination-next .ant-pagination-item-link { background: transparent; border-color: transparent; } .ant-pagination.mini .ant-pagination-prev .ant-pagination-item-link::after, .ant-pagination.mini .ant-pagination-next .ant-pagination-item-link::after { height: 24px; line-height: 24px; } .ant-pagination.mini .ant-pagination-jump-prev, .ant-pagination.mini .ant-pagination-jump-next { height: 24px; margin-right: 0; line-height: 24px; } .ant-pagination.mini .ant-pagination-options { margin-left: 2px; } .ant-pagination.mini .ant-pagination-options-quick-jumper { height: 24px; line-height: 24px; } .ant-pagination.mini .ant-pagination-options-quick-jumper input { height: 24px; padding: 1px 7px; width: 44px; } .ant-pagination.ant-pagination-disabled { cursor: not-allowed; } .ant-pagination.ant-pagination-disabled .ant-pagination-item { background: #f5f5f5; border-color: #d9d9d9; cursor: not-allowed; } .ant-pagination.ant-pagination-disabled .ant-pagination-item a { color: rgba(0, 0, 0, 0.25); background: transparent; border: none; cursor: not-allowed; } .ant-pagination.ant-pagination-disabled .ant-pagination-item-active { background: #dbdbdb; border-color: transparent; } .ant-pagination.ant-pagination-disabled .ant-pagination-item-active a { color: #fff; } .ant-pagination.ant-pagination-disabled .ant-pagination-item-link, .ant-pagination.ant-pagination-disabled .ant-pagination-item-link:hover, .ant-pagination.ant-pagination-disabled .ant-pagination-item-link:focus { color: rgba(0, 0, 0, 0.45); background: #f5f5f5; border-color: #d9d9d9; cursor: not-allowed; } .ant-pagination.ant-pagination-disabled .ant-pagination-jump-prev:focus .ant-pagination-item-link-icon, .ant-pagination.ant-pagination-disabled .ant-pagination-jump-next:focus .ant-pagination-item-link-icon, .ant-pagination.ant-pagination-disabled .ant-pagination-jump-prev:hover .ant-pagination-item-link-icon, .ant-pagination.ant-pagination-disabled .ant-pagination-jump-next:hover .ant-pagination-item-link-icon { opacity: 0; } .ant-pagination.ant-pagination-disabled .ant-pagination-jump-prev:focus .ant-pagination-item-ellipsis, .ant-pagination.ant-pagination-disabled .ant-pagination-jump-next:focus .ant-pagination-item-ellipsis, .ant-pagination.ant-pagination-disabled .ant-pagination-jump-prev:hover .ant-pagination-item-ellipsis, .ant-pagination.ant-pagination-disabled .ant-pagination-jump-next:hover .ant-pagination-item-ellipsis { opacity: 1; } @media only screen and (max-width: 992px) { .ant-pagination-item-after-jump-prev, .ant-pagination-item-before-jump-next { display: none; } } @media only screen and (max-width: 576px) { .ant-pagination-options { display: none; } } .ant-popover { box-sizing: border-box; margin: 0; padding: 0; color: rgba(0, 0, 0, 0.65); font-size: 14px; font-variant: tabular-nums; line-height: 1.5; list-style: none; font-feature-settings: 'tnum'; position: absolute; top: 0; left: 0; z-index: 1030; font-weight: normal; white-space: normal; text-align: left; cursor: auto; user-select: text; } .ant-popover::after { position: absolute; background: rgba(255, 255, 255, 0.01); content: ''; } .ant-popover-hidden { display: none; } .ant-popover-placement-top, .ant-popover-placement-topLeft, .ant-popover-placement-topRight { padding-bottom: 10px; } .ant-popover-placement-right, .ant-popover-placement-rightTop, .ant-popover-placement-rightBottom { padding-left: 10px; } .ant-popover-placement-bottom, .ant-popover-placement-bottomLeft, .ant-popover-placement-bottomRight { padding-top: 10px; } .ant-popover-placement-left, .ant-popover-placement-leftTop, .ant-popover-placement-leftBottom { padding-right: 10px; } .ant-popover-inner { background-color: #fff; background-clip: padding-box; border-radius: 4px; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15); box-shadow: 0 0 8px rgba(0, 0, 0, 0.15) \9; } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .ant-popover { /* IE10+ */ } .ant-popover-inner { box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15); } } .ant-popover-title { min-width: 177px; min-height: 32px; margin: 0; padding: 5px 16px 4px; color: rgba(0, 0, 0, 0.85); font-weight: 500; border-bottom: 1px solid #e8e8e8; } .ant-popover-inner-content { padding: 12px 16px; color: rgba(0, 0, 0, 0.65); } .ant-popover-message { position: relative; padding: 4px 0 12px; color: rgba(0, 0, 0, 0.65); font-size: 14px; } .ant-popover-message > .anticon { position: absolute; top: 8px; color: #faad14; font-size: 14px; } .ant-popover-message-title { padding-left: 22px; } .ant-popover-buttons { margin-bottom: 4px; text-align: right; } .ant-popover-buttons button { margin-left: 8px; } .ant-popover-arrow { position: absolute; display: block; width: 8.48528137px; height: 8.48528137px; background: transparent; border-style: solid; border-width: 4.24264069px; transform: rotate(45deg); } .ant-popover-placement-top > .ant-popover-content > .ant-popover-arrow, .ant-popover-placement-topLeft > .ant-popover-content > .ant-popover-arrow, .ant-popover-placement-topRight > .ant-popover-content > .ant-popover-arrow { bottom: 6.2px; border-top-color: transparent; border-right-color: #fff; border-bottom-color: #fff; border-left-color: transparent; box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.07); } .ant-popover-placement-top > .ant-popover-content > .ant-popover-arrow { left: 50%; transform: translateX(-50%) rotate(45deg); } .ant-popover-placement-topLeft > .ant-popover-content > .ant-popover-arrow { left: 16px; } .ant-popover-placement-topRight > .ant-popover-content > .ant-popover-arrow { right: 16px; } .ant-popover-placement-right > .ant-popover-content > .ant-popover-arrow, .ant-popover-placement-rightTop > .ant-popover-content > .ant-popover-arrow, .ant-popover-placement-rightBottom > .ant-popover-content > .ant-popover-arrow { left: 6px; border-top-color: transparent; border-right-color: transparent; border-bottom-color: #fff; border-left-color: #fff; box-shadow: -3px 3px 7px rgba(0, 0, 0, 0.07); } .ant-popover-placement-right > .ant-popover-content > .ant-popover-arrow { top: 50%; transform: translateY(-50%) rotate(45deg); } .ant-popover-placement-rightTop > .ant-popover-content > .ant-popover-arrow { top: 12px; } .ant-popover-placement-rightBottom > .ant-popover-content > .ant-popover-arrow { bottom: 12px; } .ant-popover-placement-bottom > .ant-popover-content > .ant-popover-arrow, .ant-popover-placement-bottomLeft > .ant-popover-content > .ant-popover-arrow, .ant-popover-placement-bottomRight > .ant-popover-content > .ant-popover-arrow { top: 6px; border-top-color: #fff; border-right-color: transparent; border-bottom-color: transparent; border-left-color: #fff; box-shadow: -2px -2px 5px rgba(0, 0, 0, 0.06); } .ant-popover-placement-bottom > .ant-popover-content > .ant-popover-arrow { left: 50%; transform: translateX(-50%) rotate(45deg); } .ant-popover-placement-bottomLeft > .ant-popover-content > .ant-popover-arrow { left: 16px; } .ant-popover-placement-bottomRight > .ant-popover-content > .ant-popover-arrow { right: 16px; } .ant-popover-placement-left > .ant-popover-content > .ant-popover-arrow, .ant-popover-placement-leftTop > .ant-popover-content > .ant-popover-arrow, .ant-popover-placement-leftBottom > .ant-popover-content > .ant-popover-arrow { right: 6px; border-top-color: #fff; border-right-color: #fff; border-bottom-color: transparent; border-left-color: transparent; box-shadow: 3px -3px 7px rgba(0, 0, 0, 0.07); } .ant-popover-placement-left > .ant-popover-content > .ant-popover-arrow { top: 50%; transform: translateY(-50%) rotate(45deg); } .ant-popover-placement-leftTop > .ant-popover-content > .ant-popover-arrow { top: 12px; } .ant-popover-placement-leftBottom > .ant-popover-content > .ant-popover-arrow { bottom: 12px; } .ant-progress { box-sizing: border-box; margin: 0; padding: 0; color: rgba(0, 0, 0, 0.65); font-size: 14px; font-variant: tabular-nums; line-height: 1.5; list-style: none; font-feature-settings: 'tnum'; display: inline-block; } .ant-progress-line { position: relative; width: 100%; font-size: 14px; } .ant-progress-small.ant-progress-line, .ant-progress-small.ant-progress-line .ant-progress-text .anticon { font-size: 12px; } .ant-progress-outer { display: inline-block; width: 100%; margin-right: 0; padding-right: 0; } .ant-progress-show-info .ant-progress-outer { margin-right: calc(-2em - 8px); padding-right: calc(2em + 8px); } .ant-progress-inner { position: relative; display: inline-block; width: 100%; overflow: hidden; vertical-align: middle; background-color: #f5f5f5; border-radius: 100px; } .ant-progress-circle-trail { stroke: #f5f5f5; } .ant-progress-circle-path { animation: ant-progress-appear 0.3s; } .ant-progress-inner:not(.ant-progress-circle-gradient) .ant-progress-circle-path { stroke: #1890ff; } .ant-progress-success-bg, .ant-progress-bg { position: relative; background-color: #1890ff; border-radius: 100px; transition: all 0.4s cubic-bezier(0.08, 0.82, 0.17, 1) 0s; } .ant-progress-success-bg { position: absolute; top: 0; left: 0; background-color: #52c41a; } .ant-progress-text { display: inline-block; width: 2em; margin-left: 8px; color: rgba(0, 0, 0, 0.45); font-size: 1em; line-height: 1; white-space: nowrap; text-align: left; vertical-align: middle; word-break: normal; } .ant-progress-text .anticon { font-size: 14px; } .ant-progress-status-active .ant-progress-bg::before { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: #fff; border-radius: 10px; opacity: 0; animation: ant-progress-active 2.4s cubic-bezier(0.23, 1, 0.32, 1) infinite; content: ''; } .ant-progress-status-exception .ant-progress-bg { background-color: #f5222d; } .ant-progress-status-exception .ant-progress-text { color: #f5222d; } .ant-progress-status-exception .ant-progress-inner:not(.ant-progress-circle-gradient) .ant-progress-circle-path { stroke: #f5222d; } .ant-progress-status-success .ant-progress-bg { background-color: #52c41a; } .ant-progress-status-success .ant-progress-text { color: #52c41a; } .ant-progress-status-success .ant-progress-inner:not(.ant-progress-circle-gradient) .ant-progress-circle-path { stroke: #52c41a; } .ant-progress-circle .ant-progress-inner { position: relative; line-height: 1; background-color: transparent; } .ant-progress-circle .ant-progress-text { position: absolute; top: 50%; left: 50%; width: 100%; margin: 0; padding: 0; color: rgba(0, 0, 0, 0.65); line-height: 1; white-space: normal; text-align: center; transform: translate(-50%, -50%); } .ant-progress-circle .ant-progress-text .anticon { font-size: 1.16666667em; } .ant-progress-circle.ant-progress-status-exception .ant-progress-text { color: #f5222d; } .ant-progress-circle.ant-progress-status-success .ant-progress-text { color: #52c41a; } @keyframes ant-progress-active { 0% { width: 0; opacity: 0.1; } 20% { width: 0; opacity: 0.5; } 100% { width: 100%; opacity: 0; } } .ant-radio-group { box-sizing: border-box; margin: 0; padding: 0; color: rgba(0, 0, 0, 0.65); font-size: 14px; font-variant: tabular-nums; line-height: 1.5; list-style: none; font-feature-settings: 'tnum'; display: inline-block; } .ant-radio-wrapper { box-sizing: border-box; margin: 0; padding: 0; color: rgba(0, 0, 0, 0.65); font-size: 14px; font-variant: tabular-nums; line-height: 1.5; list-style: none; font-feature-settings: 'tnum'; position: relative; display: inline-block; margin-right: 8px; white-space: nowrap; cursor: pointer; } .ant-radio { box-sizing: border-box; margin: 0; padding: 0; color: rgba(0, 0, 0, 0.65); font-size: 14px; font-variant: tabular-nums; line-height: 1.5; list-style: none; font-feature-settings: 'tnum'; position: relative; display: inline-block; line-height: 1; white-space: nowrap; vertical-align: sub; outline: none; cursor: pointer; } .ant-radio-wrapper:hover .ant-radio, .ant-radio:hover .ant-radio-inner, .ant-radio-input:focus + .ant-radio-inner { border-color: #ff3333; } .ant-radio-input:focus + .ant-radio-inner { box-shadow: 0 0 0 3px rgba(255, 51, 51, 0.08); } .ant-radio-checked::after { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 1px solid #ff3333; border-radius: 50%; visibility: hidden; animation: antRadioEffect 0.36s ease-in-out; animation-fill-mode: both; content: ''; } .ant-radio:hover::after, .ant-radio-wrapper:hover .ant-radio::after { visibility: visible; } .ant-radio-inner { position: relative; top: 0; left: 0; display: block; width: 16px; height: 16px; background-color: #fff; border-color: #d9d9d9; border-style: solid; border-width: 1px; border-radius: 100px; transition: all 0.3s; } .ant-radio-inner::after { position: absolute; top: 3px; left: 3px; display: table; width: 8px; height: 8px; background-color: #ff3333; border-top: 0; border-left: 0; border-radius: 8px; transform: scale(0); opacity: 0; transition: all 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86); content: ' '; } .ant-radio-input { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; cursor: pointer; opacity: 0; } .ant-radio-checked .ant-radio-inner { border-color: #ff3333; } .ant-radio-checked .ant-radio-inner::after { transform: scale(1); opacity: 1; transition: all 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86); } .ant-radio-disabled .ant-radio-inner { background-color: #f5f5f5; border-color: #d9d9d9 !important; cursor: not-allowed; } .ant-radio-disabled .ant-radio-inner::after { background-color: rgba(0, 0, 0, 0.2); } .ant-radio-disabled .ant-radio-input { cursor: not-allowed; } .ant-radio-disabled + span { color: rgba(0, 0, 0, 0.25); cursor: not-allowed; } span.ant-radio + * { padding-right: 8px; padding-left: 8px; } .ant-radio-button-wrapper { position: relative; display: inline-block; height: 32px; margin: 0; padding: 0 15px; color: rgba(0, 0, 0, 0.65); line-height: 30px; background: #fff; border: 1px solid #d9d9d9; border-top-width: 1.02px; border-left: 0; cursor: pointer; transition: color 0.3s, background 0.3s, border-color 0.3s; } .ant-radio-button-wrapper a { color: rgba(0, 0, 0, 0.65); } .ant-radio-button-wrapper > .ant-radio-button { display: block; width: 0; height: 0; margin-left: 0; } .ant-radio-group-large .ant-radio-button-wrapper { height: 40px; font-size: 16px; line-height: 38px; } .ant-radio-group-small .ant-radio-button-wrapper { height: 24px; padding: 0 7px; line-height: 22px; } .ant-radio-button-wrapper:not(:first-child)::before { position: absolute; top: 0; left: -1px; display: block; width: 1px; height: 100%; background-color: #d9d9d9; content: ''; } .ant-radio-button-wrapper:first-child { border-left: 1px solid #d9d9d9; border-radius: 4px 0 0 4px; } .ant-radio-button-wrapper:last-child { border-radius: 0 4px 4px 0; } .ant-radio-button-wrapper:first-child:last-child { border-radius: 4px; } .ant-radio-button-wrapper:hover { position: relative; color: #ff3333; } .ant-radio-button-wrapper:focus-within { outline: 3px solid rgba(255, 51, 51, 0.06); } .ant-radio-button-wrapper .ant-radio-inner, .ant-radio-button-wrapper input[type='checkbox'], .ant-radio-button-wrapper input[type='radio'] { width: 0; height: 0; opacity: 0; pointer-events: none; } .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled) { z-index: 1; color: #ff3333; background: #fff; border-color: #ff3333; box-shadow: -1px 0 0 0 #ff3333; } .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled)::before { background-color: #ff3333 !important; opacity: 0.1; } .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):first-child { border-color: #ff3333; box-shadow: none !important; } .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):hover { color: #ff615c; border-color: #ff615c; box-shadow: -1px 0 0 0 #ff615c; } .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):active { color: #d92127; border-color: #d92127; box-shadow: -1px 0 0 0 #d92127; } .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):focus-within { outline: 3px solid rgba(255, 51, 51, 0.06); } .ant-radio-group-solid .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled) { color: #fff; background: #ff3333; border-color: #ff3333; } .ant-radio-group-solid .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):hover { color: #fff; background: #ff615c; border-color: #ff615c; } .ant-radio-group-solid .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):active { color: #fff; background: #d92127; border-color: #d92127; } .ant-radio-group-solid .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):focus-within { outline: 3px solid rgba(255, 51, 51, 0.06); } .ant-radio-button-wrapper-disabled { color: rgba(0, 0, 0, 0.25); background-color: #f5f5f5; border-color: #d9d9d9; cursor: not-allowed; } .ant-radio-button-wrapper-disabled:first-child, .ant-radio-button-wrapper-disabled:hover { color: rgba(0, 0, 0, 0.25); background-color: #f5f5f5; border-color: #d9d9d9; } .ant-radio-button-wrapper-disabled:first-child { border-left-color: #d9d9d9; } .ant-radio-button-wrapper-disabled.ant-radio-button-wrapper-checked { color: #fff; background-color: #e6e6e6; border-color: #d9d9d9; box-shadow: none; } @keyframes antRadioEffect { 0% { transform: scale(1); opacity: 0.5; } 100% { transform: scale(1.6); opacity: 0; } } @supports (-moz-appearance: meterbar) and (background-blend-mode: difference, normal) { .ant-radio { vertical-align: text-bottom; } } .ant-rate { box-sizing: border-box; color: rgba(0, 0, 0, 0.65); font-size: 14px; font-variant: tabular-nums; line-height: 1.5; font-feature-settings: 'tnum'; display: inline-block; margin: 0; padding: 0; color: #fadb14; font-size: 20px; line-height: unset; list-style: none; outline: none; } .ant-rate-disabled .ant-rate-star { cursor: default; } .ant-rate-disabled .ant-rate-star:hover { transform: scale(1); } .ant-rate-star { position: relative; display: inline-block; margin: 0; padding: 0; color: inherit; cursor: pointer; transition: all 0.3s; } .ant-rate-star:not(:last-child) { margin-right: 8px; } .ant-rate-star > div:focus { outline: 0; } .ant-rate-star > div:hover, .ant-rate-star > div:focus { transform: scale(1.1); } .ant-rate-star-first, .ant-rate-star-second { color: #e8e8e8; transition: all 0.3s; user-select: none; } .ant-rate-star-first .anticon, .ant-rate-star-second .anticon { vertical-align: middle; } .ant-rate-star-first { position: absolute; top: 0; left: 0; width: 50%; height: 100%; overflow: hidden; opacity: 0; } .ant-rate-star-half .ant-rate-star-first, .ant-rate-star-half .ant-rate-star-second { opacity: 1; } .ant-rate-star-half .ant-rate-star-first, .ant-rate-star-full .ant-rate-star-second { color: inherit; } .ant-rate-text { display: inline-block; margin-left: 8px; font-size: 14px; } .ant-result { padding: 48px 32px; } .ant-result-success .ant-result-icon > .anticon { color: #52c41a; } .ant-result-error .ant-result-icon > .anticon { color: #f5222d; } .ant-result-info .ant-result-icon > .anticon { color: #1890ff; } .ant-result-warning .ant-result-icon > .anticon { color: #faad14; } .ant-result-image { width: 250px; height: 295px; margin: auto; } .ant-result-icon { margin-bottom: 24px; text-align: center; } .ant-result-icon > .anticon { font-size: 72px; } .ant-result-title { color: rgba(0, 0, 0, 0.85); font-size: 24px; line-height: 1.8; text-align: center; } .ant-result-subtitle { color: rgba(0, 0, 0, 0.45); font-size: 14px; line-height: 1.6; text-align: center; } .ant-result-extra { margin-top: 32px; text-align: center; } .ant-result-extra > * { margin-right: 8px; } .ant-result-extra > *:last-child { margin-right: 0; } .ant-result-content { margin-top: 24px; padding: 24px 40px; background-color: #fafafa; } .ant-select { box-sizing: border-box; margin: 0; padding: 0; color: rgba(0, 0, 0, 0.65); font-size: 14px; font-variant: tabular-nums; line-height: 1.5; list-style: none; font-feature-settings: 'tnum'; position: relative; display: inline-block; outline: 0; } .ant-select ul, .ant-select ol { margin: 0; padding: 0; list-style: none; } .ant-select > ul > li > a { padding: 0; background-color: #fff; } .ant-select-arrow { display: inline-block; color: inherit; font-style: normal; line-height: 0; text-align: center; text-transform: none; vertical-align: -0.125em; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position: absolute; top: 50%; right: 11px; margin-top: -6px; color: rgba(0, 0, 0, 0.25); font-size: 12px; line-height: 1; transform-origin: 50% 50%; } .ant-select-arrow > * { line-height: 1; } .ant-select-arrow svg { display: inline-block; } .ant-select-arrow::before { display: none; } .ant-select-arrow .ant-select-arrow-icon { display: block; } .ant-select-arrow .ant-select-arrow-icon svg { transition: transform 0.3s; } .ant-select-selection { display: block; box-sizing: border-box; background-color: #fff; border: 1px solid #d9d9d9; border-top-width: 1.02px; border-radius: 4px; outline: none; transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); user-select: none; } .ant-select-selection:hover { border-color: #ff615c; border-right-width: 1px !important; } .ant-select-focused .ant-select-selection, .ant-select-selection:focus, .ant-select-selection:active { border-color: #ff615c; border-right-width: 1px !important; outline: 0; box-shadow: 0 0 0 2px rgba(255, 51, 51, 0.2); } .ant-select-selection__clear { position: absolute; top: 50%; right: 11px; z-index: 1; display: inline-block; width: 12px; height: 12px; margin-top: -6px; color: rgba(0, 0, 0, 0.25); font-size: 12px; font-style: normal; line-height: 12px; text-align: center; text-transform: none; background: #fff; cursor: pointer; opacity: 0; transition: color 0.3s ease, opacity 0.15s ease; text-rendering: auto; } .ant-select-selection__clear::before { display: block; } .ant-select-selection__clear:hover { color: rgba(0, 0, 0, 0.45); } .ant-select-selection:hover .ant-select-selection__clear { opacity: 1; } .ant-select-selection-selected-value { float: left; max-width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .ant-select-no-arrow .ant-select-selection-selected-value { padding-right: 0; } .ant-select-disabled { color: rgba(0, 0, 0, 0.25); } .ant-select-disabled .ant-select-selection { background: #f5f5f5; cursor: not-allowed; } .ant-select-disabled .ant-select-selection:hover, .ant-select-disabled .ant-select-selection:focus, .ant-select-disabled .ant-select-selection:active { border-color: #d9d9d9; box-shadow: none; } .ant-select-disabled .ant-select-selection__clear { display: none; visibility: hidden; pointer-events: none; } .ant-select-disabled .ant-select-selection--multiple .ant-select-selection__choice { padding-right: 10px; color: rgba(0, 0, 0, 0.33); background: #f5f5f5; } .ant-select-disabled .ant-select-selection--multiple .ant-select-selection__choice__remove { display: none; } .ant-select-selection--single { position: relative; height: 32px; cursor: pointer; } .ant-select-selection--single .ant-select-selection__rendered { margin-right: 24px; } .ant-select-no-arrow .ant-select-selection__rendered { margin-right: 11px; } .ant-select-selection__rendered { position: relative; display: block; margin-right: 11px; margin-left: 11px; line-height: 30px; } .ant-select-selection__rendered::after { display: inline-block; width: 0; visibility: hidden; content: '.'; pointer-events: none; } .ant-select-lg { font-size: 16px; } .ant-select-lg .ant-select-selection--single { height: 40px; } .ant-select-lg .ant-select-selection__rendered { line-height: 38px; } .ant-select-lg .ant-select-selection--multiple { min-height: 40px; } .ant-select-lg .ant-select-selection--multiple .ant-select-selection__rendered li { height: 32px; line-height: 32px; } .ant-select-lg .ant-select-selection--multiple .ant-select-selection__clear, .ant-select-lg .ant-select-selection--multiple .ant-select-arrow { top: 20px; } .ant-select-sm .ant-select-selection--single { height: 24px; } .ant-select-sm .ant-select-selection__rendered { margin-left: 7px; line-height: 22px; } .ant-select-sm .ant-select-selection--multiple { min-height: 24px; } .ant-select-sm .ant-select-selection--multiple .ant-select-selection__rendered li { height: 16px; line-height: 14px; } .ant-select-sm .ant-select-selection--multiple .ant-select-selection__clear, .ant-select-sm .ant-select-selection--multiple .ant-select-arrow { top: 12px; } .ant-select-sm .ant-select-selection__clear, .ant-select-sm .ant-select-arrow { right: 8px; } .ant-select-disabled .ant-select-selection__choice__remove { color: rgba(0, 0, 0, 0.25); cursor: default; } .ant-select-disabled .ant-select-selection__choice__remove:hover { color: rgba(0, 0, 0, 0.25); } .ant-select-search__field__wrap { position: relative; display: inline-block; } .ant-select-selection__placeholder, .ant-select-search__field__placeholder { position: absolute; top: 50%; right: 9px; left: 0; max-width: 100%; height: 20px; margin-top: -10px; overflow: hidden; color: #bfbfbf; line-height: 20px; white-space: nowrap; text-align: left; text-overflow: ellipsis; } .ant-select-search__field__placeholder { left: 12px; } .ant-select-search__field__mirror { position: absolute; top: 0; left: 0; white-space: pre; opacity: 0; pointer-events: none; } .ant-select-search--inline { position: absolute; width: 100%; height: 100%; } .ant-select-search--inline .ant-select-search__field__wrap { width: 100%; height: 100%; } .ant-select-search--inline .ant-select-search__field { width: 100%; height: 100%; font-size: 100%; line-height: 1; background: transparent; border-width: 0; border-radius: 4px; outline: 0; } .ant-select-search--inline > i { float: right; } .ant-select-selection--multiple { min-height: 32px; padding-bottom: 3px; cursor: text; zoom: 1; } .ant-select-selection--multiple::before, .ant-select-selection--multiple::after { display: table; content: ''; } .ant-select-selection--multiple::after { clear: both; } .ant-select-selection--multiple::before, .ant-select-selection--multiple::after { display: table; content: ''; } .ant-select-selection--multiple::after { clear: both; } .ant-select-selection--multiple::before { content: ''; clear: both; display: block; } .ant-select-selection--multiple::before { content: ''; clear: both; display: block; } .ant-select-selection--multiple .ant-select-search--inline { position: static; float: left; width: auto; max-width: 100%; padding: 0; } .ant-select-selection--multiple .ant-select-search--inline .ant-select-search__field { width: 0.75em; max-width: 100%; padding: 1px; } .ant-select-selection--multiple .ant-select-selection__rendered { height: auto; margin-bottom: -3px; margin-left: 5px; } .ant-select-selection--multiple .ant-select-selection__placeholder { margin-left: 6px; } .ant-select-selection--multiple > ul > li, .ant-select-selection--multiple .ant-select-selection__rendered > ul > li { height: 24px; margin-top: 3px; line-height: 22px; } .ant-select-selection--multiple .ant-select-selection__choice { position: relative; float: left; max-width: 99%; margin-right: 4px; padding: 0 20px 0 10px; overflow: hidden; color: rgba(0, 0, 0, 0.65); background-color: #fafafa; border: 1px solid #e8e8e8; border-radius: 2px; cursor: default; transition: padding 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); } .ant-select-selection--multiple .ant-select-selection__choice__disabled { padding: 0 10px; } .ant-select-selection--multiple .ant-select-selection__choice__content { display: inline-block; max-width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; transition: margin 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); } .ant-select-selection--multiple .ant-select-selection__choice__remove { color: inherit; font-style: normal; line-height: 0; text-align: center; text-transform: none; vertical-align: -0.125em; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position: absolute; right: 4px; color: rgba(0, 0, 0, 0.45); font-weight: bold; line-height: inherit; cursor: pointer; transition: all 0.3s; display: inline-block; font-size: 12px; font-size: 10px \9; transform: scale(0.83333333) rotate(0deg); } .ant-select-selection--multiple .ant-select-selection__choice__remove > * { line-height: 1; } .ant-select-selection--multiple .ant-select-selection__choice__remove svg { display: inline-block; } .ant-select-selection--multiple .ant-select-selection__choice__remove::before { display: none; } .ant-select-selection--multiple .ant-select-selection__choice__remove .ant-select-selection--multiple .ant-select-selection__choice__remove-icon { display: block; } :root .ant-select-selection--multiple .ant-select-selection__choice__remove { font-size: 12px; } .ant-select-selection--multiple .ant-select-selection__choice__remove:hover { color: rgba(0, 0, 0, 0.75); } .ant-select-selection--multiple .ant-select-selection__clear, .ant-select-selection--multiple .ant-select-arrow { top: 16px; } .ant-select-allow-clear .ant-select-selection--multiple .ant-select-selection__rendered, .ant-select-show-arrow .ant-select-selection--multiple .ant-select-selection__rendered { margin-right: 20px; } .ant-select-open .ant-select-arrow-icon svg { transform: rotate(180deg); } .ant-select-open .ant-select-selection { border-color: #ff615c; border-right-width: 1px !important; outline: 0; box-shadow: 0 0 0 2px rgba(255, 51, 51, 0.2); } .ant-select-combobox .ant-select-arrow { display: none; } .ant-select-combobox .ant-select-search--inline { float: none; width: 100%; height: 100%; } .ant-select-combobox .ant-select-search__field__wrap { width: 100%; height: 100%; } .ant-select-combobox .ant-select-search__field { position: relative; z-index: 1; width: 100%; height: 100%; box-shadow: none; transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), height 0s; } .ant-select-combobox.ant-select-allow-clear .ant-select-selection:hover .ant-select-selection__rendered, .ant-select-combobox.ant-select-show-arrow .ant-select-selection:hover .ant-select-selection__rendered { margin-right: 20px; } .ant-select-dropdown { margin: 0; padding: 0; color: rgba(0, 0, 0, 0.65); font-variant: tabular-nums; line-height: 1.5; list-style: none; font-feature-settings: 'tnum'; position: absolute; top: -9999px; left: -9999px; z-index: 1050; box-sizing: border-box; font-size: 14px; font-variant: initial; background-color: #fff; border-radius: 4px; outline: none; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15); } .ant-select-dropdown.slide-up-enter.slide-up-enter-active.ant-select-dropdown-placement-bottomLeft, .ant-select-dropdown.slide-up-appear.slide-up-appear-active.ant-select-dropdown-placement-bottomLeft { animation-name: antSlideUpIn; } .ant-select-dropdown.slide-up-enter.slide-up-enter-active.ant-select-dropdown-placement-topLeft, .ant-select-dropdown.slide-up-appear.slide-up-appear-active.ant-select-dropdown-placement-topLeft { animation-name: antSlideDownIn; } .ant-select-dropdown.slide-up-leave.slide-up-leave-active.ant-select-dropdown-placement-bottomLeft { animation-name: antSlideUpOut; } .ant-select-dropdown.slide-up-leave.slide-up-leave-active.ant-select-dropdown-placement-topLeft { animation-name: antSlideDownOut; } .ant-select-dropdown-hidden { display: none; } .ant-select-dropdown-menu { max-height: 250px; margin-bottom: 0; padding: 4px 0; padding-left: 0; overflow: auto; list-style: none; outline: none; } .ant-select-dropdown-menu-item-group-list { margin: 0; padding: 0; } .ant-select-dropdown-menu-item-group-list > .ant-select-dropdown-menu-item { padding-left: 20px; } .ant-select-dropdown-menu-item-group-title { height: 32px; padding: 0 12px; color: rgba(0, 0, 0, 0.45); font-size: 12px; line-height: 32px; } .ant-select-dropdown-menu-item-group-list .ant-select-dropdown-menu-item:first-child:not(:last-child), .ant-select-dropdown-menu-item-group:not(:last-child) .ant-select-dropdown-menu-item-group-list .ant-select-dropdown-menu-item:last-child { border-radius: 0; } .ant-select-dropdown-menu-item { position: relative; display: block; padding: 5px 12px; overflow: hidden; color: rgba(0, 0, 0, 0.65); font-weight: normal; font-size: 14px; line-height: 22px; white-space: nowrap; text-overflow: ellipsis; cursor: pointer; transition: background 0.3s ease; } .ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) { background-color: #fff2f0; } .ant-select-dropdown-menu-item-selected { color: rgba(0, 0, 0, 0.65); font-weight: 600; background-color: #fafafa; } .ant-select-dropdown-menu-item-disabled { color: rgba(0, 0, 0, 0.25); cursor: not-allowed; } .ant-select-dropdown-menu-item-disabled:hover { color: rgba(0, 0, 0, 0.25); cursor: not-allowed; } .ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) { background-color: #fff2f0; } .ant-select-dropdown-menu-item-divider { height: 1px; margin: 1px 0; overflow: hidden; line-height: 0; background-color: #e8e8e8; } .ant-select-dropdown.ant-select-dropdown--multiple .ant-select-dropdown-menu-item { padding-right: 32px; } .ant-select-dropdown.ant-select-dropdown--multiple .ant-select-dropdown-menu-item .ant-select-selected-icon { position: absolute; top: 50%; right: 12px; color: transparent; font-weight: bold; font-size: 12px; text-shadow: 0 0.1px 0, 0.1px 0 0, 0 -0.1px 0, -0.1px 0; transform: translateY(-50%); transition: all 0.2s; } .ant-select-dropdown.ant-select-dropdown--multiple .ant-select-dropdown-menu-item:hover .ant-select-selected-icon { color: rgba(0, 0, 0, 0.87); } .ant-select-dropdown.ant-select-dropdown--multiple .ant-select-dropdown-menu-item-disabled .ant-select-selected-icon { display: none; } .ant-select-dropdown.ant-select-dropdown--multiple .ant-select-dropdown-menu-item-selected .ant-select-selected-icon, .ant-select-dropdown.ant-select-dropdown--multiple .ant-select-dropdown-menu-item-selected:hover .ant-select-selected-icon { display: inline-block; color: #ff3333; } .ant-select-dropdown--empty.ant-select-dropdown--multiple .ant-select-dropdown-menu-item { padding-right: 12px; } .ant-select-dropdown-container-open .ant-select-dropdown, .ant-select-dropdown-open .ant-select-dropdown { display: block; } .ant-skeleton { display: table; width: 100%; } .ant-skeleton-header { display: table-cell; padding-right: 16px; vertical-align: top; } .ant-skeleton-header .ant-skeleton-avatar { display: inline-block; vertical-align: top; background: #f2f2f2; width: 32px; height: 32px; line-height: 32px; } .ant-skeleton-header .ant-skeleton-avatar.ant-skeleton-avatar-circle { border-radius: 50%; } .ant-skeleton-header .ant-skeleton-avatar-lg { width: 40px; height: 40px; line-height: 40px; } .ant-skeleton-header .ant-skeleton-avatar-lg.ant-skeleton-avatar-circle { border-radius: 50%; } .ant-skeleton-header .ant-skeleton-avatar-sm { width: 24px; height: 24px; line-height: 24px; } .ant-skeleton-header .ant-skeleton-avatar-sm.ant-skeleton-avatar-circle { border-radius: 50%; } .ant-skeleton-content { display: table-cell; width: 100%; vertical-align: top; } .ant-skeleton-content .ant-skeleton-title { width: 100%; height: 16px; margin-top: 16px; background: #f2f2f2; } .ant-skeleton-content .ant-skeleton-title + .ant-skeleton-paragraph { margin-top: 24px; } .ant-skeleton-content .ant-skeleton-paragraph { padding: 0; } .ant-skeleton-content .ant-skeleton-paragraph > li { width: 100%; height: 16px; list-style: none; background: #f2f2f2; } .ant-skeleton-content .ant-skeleton-paragraph > li:last-child:not(:first-child):not(:nth-child(2)) { width: 61%; } .ant-skeleton-content .ant-skeleton-paragraph > li + li { margin-top: 16px; } .ant-skeleton-with-avatar .ant-skeleton-content .ant-skeleton-title { margin-top: 12px; } .ant-skeleton-with-avatar .ant-skeleton-content .ant-skeleton-title + .ant-skeleton-paragraph { margin-top: 28px; } .ant-skeleton.ant-skeleton-active .ant-skeleton-content .ant-skeleton-title, .ant-skeleton.ant-skeleton-active .ant-skeleton-content .ant-skeleton-paragraph > li { background: linear-gradient(90deg, #f2f2f2 25%, #e6e6e6 37%, #f2f2f2 63%); background-size: 400% 100%; animation: ant-skeleton-loading 1.4s ease infinite; } .ant-skeleton.ant-skeleton-active .ant-skeleton-avatar { background: linear-gradient(90deg, #f2f2f2 25%, #e6e6e6 37%, #f2f2f2 63%); background-size: 400% 100%; animation: ant-skeleton-loading 1.4s ease infinite; } @keyframes ant-skeleton-loading { 0% { background-position: 100% 50%; } 100% { background-position: 0 50%; } } .ant-slider { box-sizing: border-box; margin: 0; padding: 0; color: rgba(0, 0, 0, 0.65); font-size: 14px; font-variant: tabular-nums; line-height: 1.5; list-style: none; font-feature-settings: 'tnum'; position: relative; height: 12px; margin: 14px 6px 10px; padding: 4px 0; cursor: pointer; touch-action: none; } .ant-slider-vertical { width: 12px; height: 100%; margin: 6px 10px; padding: 0 4px; } .ant-slider-vertical .ant-slider-rail { width: 4px; height: 100%; } .ant-slider-vertical .ant-slider-track { width: 4px; } .ant-slider-vertical .ant-slider-handle { margin-bottom: -7px; margin-left: -5px; } .ant-slider-vertical .ant-slider-mark { top: 0; left: 12px; width: 18px; height: 100%; } .ant-slider-vertical .ant-slider-mark-text { left: 4px; white-space: nowrap; } .ant-slider-vertical .ant-slider-step { width: 4px; height: 100%; } .ant-slider-vertical .ant-slider-dot { top: auto; left: 2px; margin-bottom: -4px; } .ant-slider-tooltip .ant-tooltip-inner { min-width: unset; } .ant-slider-with-marks { margin-bottom: 28px; } .ant-slider-rail { position: absolute; width: 100%; height: 4px; background-color: #f5f5f5; border-radius: 2px; transition: background-color 0.3s; } .ant-slider-track { position: absolute; height: 4px; background-color: #ffb6ad; border-radius: 4px; transition: background-color 0.3s; } .ant-slider-handle { position: absolute; width: 14px; height: 14px; margin-top: -5px; background-color: #fff; border: solid 2px #ffb6ad; border-radius: 50%; box-shadow: 0; cursor: pointer; transition: border-color 0.3s, box-shadow 0.6s, transform 0.3s cubic-bezier(0.18, 0.89, 0.32, 1.28); } .ant-slider-handle:focus { border-color: #ff5c5c; outline: none; box-shadow: 0 0 0 5px rgba(255, 51, 51, 0.2); } .ant-slider-handle.ant-tooltip-open { border-color: #ff3333; } .ant-slider:hover .ant-slider-rail { background-color: #e1e1e1; } .ant-slider:hover .ant-slider-track { background-color: #ff8d85; } .ant-slider:hover .ant-slider-handle:not(.ant-tooltip-open) { border-color: #ff8d85; } .ant-slider-mark { position: absolute; top: 14px; left: 0; width: 100%; font-size: 14px; } .ant-slider-mark-text { position: absolute; display: inline-block; color: rgba(0, 0, 0, 0.45); text-align: center; word-break: keep-all; cursor: pointer; } .ant-slider-mark-text-active { color: rgba(0, 0, 0, 0.65); } .ant-slider-step { position: absolute; width: 100%; height: 4px; background: transparent; } .ant-slider-dot { position: absolute; top: -2px; width: 8px; height: 8px; margin-left: -4px; background-color: #fff; border: 2px solid #e8e8e8; border-radius: 50%; cursor: pointer; } .ant-slider-dot:first-child { margin-left: -4px; } .ant-slider-dot:last-child { margin-left: -4px; } .ant-slider-dot-active { border-color: #ff9999; } .ant-slider-disabled { cursor: not-allowed; } .ant-slider-disabled .ant-slider-track { background-color: rgba(0, 0, 0, 0.25) !important; } .ant-slider-disabled .ant-slider-handle, .ant-slider-disabled .ant-slider-dot { background-color: #fff; border-color: rgba(0, 0, 0, 0.25) !important; box-shadow: none; cursor: not-allowed; } .ant-slider-disabled .ant-slider-mark-text, .ant-slider-disabled .ant-slider-dot { cursor: not-allowed !important; } .ant-spin { box-sizing: border-box; margin: 0; padding: 0; color: rgba(0, 0, 0, 0.65); font-size: 14px; font-variant: tabular-nums; line-height: 1.5; list-style: none; font-feature-settings: 'tnum'; position: absolute; display: none; color: #ff3333; text-align: center; vertical-align: middle; opacity: 0; transition: transform 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86); } .ant-spin-spinning { position: static; display: inline-block; opacity: 1; } .ant-spin-nested-loading { position: relative; } .ant-spin-nested-loading > div > .ant-spin { position: absolute; top: 0; left: 0; z-index: 4; display: block; width: 100%; height: 100%; max-height: 400px; } .ant-spin-nested-loading > div > .ant-spin .ant-spin-dot { position: absolute; top: 50%; left: 50%; margin: -10px; } .ant-spin-nested-loading > div > .ant-spin .ant-spin-text { position: absolute; top: 50%; width: 100%; padding-top: 5px; text-shadow: 0 1px 2px #fff; } .ant-spin-nested-loading > div > .ant-spin.ant-spin-show-text .ant-spin-dot { margin-top: -20px; } .ant-spin-nested-loading > div > .ant-spin-sm .ant-spin-dot { margin: -7px; } .ant-spin-nested-loading > div > .ant-spin-sm .ant-spin-text { padding-top: 2px; } .ant-spin-nested-loading > div > .ant-spin-sm.ant-spin-show-text .ant-spin-dot { margin-top: -17px; } .ant-spin-nested-loading > div > .ant-spin-lg .ant-spin-dot { margin: -16px; } .ant-spin-nested-loading > div > .ant-spin-lg .ant-spin-text { padding-top: 11px; } .ant-spin-nested-loading > div > .ant-spin-lg.ant-spin-show-text .ant-spin-dot { margin-top: -26px; } .ant-spin-container { position: relative; transition: opacity 0.3s; } .ant-spin-container::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 10; display: none \9; width: 100%; height: 100%; background: #fff; opacity: 0; transition: all 0.3s; content: ''; pointer-events: none; } .ant-spin-blur { clear: both; overflow: hidden; opacity: 0.5; user-select: none; pointer-events: none; } .ant-spin-blur::after { opacity: 0.4; pointer-events: auto; } .ant-spin-tip { color: rgba(0, 0, 0, 0.45); } .ant-spin-dot { position: relative; display: inline-block; font-size: 20px; width: 1em; height: 1em; } .ant-spin-dot-item { position: absolute; display: block; width: 9px; height: 9px; background-color: #ff3333; border-radius: 100%; transform: scale(0.75); transform-origin: 50% 50%; opacity: 0.3; animation: antSpinMove 1s infinite linear alternate; } .ant-spin-dot-item:nth-child(1) { top: 0; left: 0; } .ant-spin-dot-item:nth-child(2) { top: 0; right: 0; animation-delay: 0.4s; } .ant-spin-dot-item:nth-child(3) { right: 0; bottom: 0; animation-delay: 0.8s; } .ant-spin-dot-item:nth-child(4) { bottom: 0; left: 0; animation-delay: 1.2s; } .ant-spin-dot-spin { transform: rotate(45deg); animation: antRotate 1.2s infinite linear; } .ant-spin-sm .ant-spin-dot { font-size: 14px; } .ant-spin-sm .ant-spin-dot i { width: 6px; height: 6px; } .ant-spin-lg .ant-spin-dot { font-size: 32px; } .ant-spin-lg .ant-spin-dot i { width: 14px; height: 14px; } .ant-spin.ant-spin-show-text .ant-spin-text { display: block; } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { /* IE10+ */ .ant-spin-blur { background: #fff; opacity: 0.5; } } @keyframes antSpinMove { to { opacity: 1; } } @keyframes antRotate { to { transform: rotate(405deg); } } .ant-statistic { box-sizing: border-box; margin: 0; padding: 0; color: rgba(0, 0, 0, 0.65); font-size: 14px; font-variant: tabular-nums; line-height: 1.5; list-style: none; font-feature-settings: 'tnum'; } .ant-statistic-title { margin-bottom: 4px; color: rgba(0, 0, 0, 0.45); font-size: 14px; } .ant-statistic-content { color: rgba(0, 0, 0, 0.85); font-size: 24px; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'Helvetica Neue', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'; } .ant-statistic-content-value-decimal { font-size: 16px; } .ant-statistic-content-prefix, .ant-statistic-content-suffix { display: inline-block; } .ant-statistic-content-prefix { margin-right: 4px; } .ant-statistic-content-suffix { margin-left: 4px; font-size: 16px; } .ant-steps { box-sizing: border-box; margin: 0; padding: 0; color: rgba(0, 0, 0, 0.65); font-size: 14px; font-variant: tabular-nums; line-height: 1.5; list-style: none; font-feature-settings: 'tnum'; display: flex; width: 100%; font-size: 0; } .ant-steps-item { position: relative; display: inline-block; flex: 1; overflow: hidden; vertical-align: top; } .ant-steps-item-container { outline: none; } .ant-steps-item:last-child { flex: none; } .ant-steps-item:last-child > .ant-steps-item-container > .ant-steps-item-tail, .ant-steps-item:last-child > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-title::after { display: none; } .ant-steps-item-icon, .ant-steps-item-content { display: inline-block; vertical-align: top; } .ant-steps-item-icon { width: 32px; height: 32px; margin-right: 8px; font-size: 16px; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'Helvetica Neue', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'; line-height: 32px; text-align: center; border: 1px solid rgba(0, 0, 0, 0.25); border-radius: 32px; transition: background-color 0.3s, border-color 0.3s; } .ant-steps-item-icon > .ant-steps-icon { position: relative; top: -1px; color: #ff3333; line-height: 1; } .ant-steps-item-tail { position: absolute; top: 12px; left: 0; width: 100%; padding: 0 10px; } .ant-steps-item-tail::after { display: inline-block; width: 100%; height: 1px; background: #e8e8e8; border-radius: 1px; transition: background 0.3s; content: ''; } .ant-steps-item-title { position: relative; display: inline-block; padding-right: 16px; color: rgba(0, 0, 0, 0.65); font-size: 16px; line-height: 32px; } .ant-steps-item-title::after { position: absolute; top: 16px; left: 100%; display: block; width: 9999px; height: 1px; background: #e8e8e8; content: ''; } .ant-steps-item-subtitle { display: inline; margin-left: 8px; color: rgba(0, 0, 0, 0.45); font-weight: normal; font-size: 14px; } .ant-steps-item-description { color: rgba(0, 0, 0, 0.45); font-size: 14px; } .ant-steps-item-wait .ant-steps-item-icon { background-color: #fff; border-color: rgba(0, 0, 0, 0.25); } .ant-steps-item-wait .ant-steps-item-icon > .ant-steps-icon { color: rgba(0, 0, 0, 0.25); } .ant-steps-item-wait .ant-steps-item-icon > .ant-steps-icon .ant-steps-icon-dot { background: rgba(0, 0, 0, 0.25); } .ant-steps-item-wait > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-title { color: rgba(0, 0, 0, 0.45); } .ant-steps-item-wait > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-title::after { background-color: #e8e8e8; } .ant-steps-item-wait > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-description { color: rgba(0, 0, 0, 0.45); } .ant-steps-item-wait > .ant-steps-item-container > .ant-steps-item-tail::after { background-color: #e8e8e8; } .ant-steps-item-process .ant-steps-item-icon { background-color: #fff; border-color: #ff3333; } .ant-steps-item-process .ant-steps-item-icon > .ant-steps-icon { color: #ff3333; } .ant-steps-item-process .ant-steps-item-icon > .ant-steps-icon .ant-steps-icon-dot { background: #ff3333; } .ant-steps-item-process > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-title { color: rgba(0, 0, 0, 0.85); } .ant-steps-item-process > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-title::after { background-color: #e8e8e8; } .ant-steps-item-process > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-description { color: rgba(0, 0, 0, 0.65); } .ant-steps-item-process > .ant-steps-item-container > .ant-steps-item-tail::after { background-color: #e8e8e8; } .ant-steps-item-process .ant-steps-item-icon { background: #ff3333; } .ant-steps-item-process .ant-steps-item-icon > .ant-steps-icon { color: #fff; } .ant-steps-item-process .ant-steps-item-title { font-weight: 500; } .ant-steps-item-finish .ant-steps-item-icon { background-color: #fff; border-color: #ff3333; } .ant-steps-item-finish .ant-steps-item-icon > .ant-steps-icon { color: #ff3333; } .ant-steps-item-finish .ant-steps-item-icon > .ant-steps-icon .ant-steps-icon-dot { background: #ff3333; } .ant-steps-item-finish > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-title { color: rgba(0, 0, 0, 0.65); } .ant-steps-item-finish > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-title::after { background-color: #ff3333; } .ant-steps-item-finish > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-description { color: rgba(0, 0, 0, 0.45); } .ant-steps-item-finish > .ant-steps-item-container > .ant-steps-item-tail::after { background-color: #ff3333; } .ant-steps-item-error .ant-steps-item-icon { background-color: #fff; border-color: #f5222d; } .ant-steps-item-error .ant-steps-item-icon > .ant-steps-icon { color: #f5222d; } .ant-steps-item-error .ant-steps-item-icon > .ant-steps-icon .ant-steps-icon-dot { background: #f5222d; } .ant-steps-item-error > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-title { color: #f5222d; } .ant-steps-item-error > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-title::after { background-color: #e8e8e8; } .ant-steps-item-error > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-description { color: #f5222d; } .ant-steps-item-error > .ant-steps-item-container > .ant-steps-item-tail::after { background-color: #e8e8e8; } .ant-steps-item.ant-steps-next-error .ant-steps-item-title::after { background: #f5222d; } .ant-steps .ant-steps-item:not(.ant-steps-item-active) > .ant-steps-item-container[role='button'] { cursor: pointer; } .ant-steps .ant-steps-item:not(.ant-steps-item-active) > .ant-steps-item-container[role='button'] .ant-steps-item-title, .ant-steps .ant-steps-item:not(.ant-steps-item-active) > .ant-steps-item-container[role='button'] .ant-steps-item-description, .ant-steps .ant-steps-item:not(.ant-steps-item-active) > .ant-steps-item-container[role='button'] .ant-steps-item-icon .ant-steps-icon { transition: color 0.3s; } .ant-steps .ant-steps-item:not(.ant-steps-item-active) > .ant-steps-item-container[role='button']:hover .ant-steps-item-title, .ant-steps .ant-steps-item:not(.ant-steps-item-active) > .ant-steps-item-container[role='button']:hover .ant-steps-item-subtitle, .ant-steps .ant-steps-item:not(.ant-steps-item-active) > .ant-steps-item-container[role='button']:hover .ant-steps-item-description { color: #ff3333; } .ant-steps .ant-steps-item:not(.ant-steps-item-active):not(.ant-steps-item-process) > .ant-steps-item-container[role='button']:hover .ant-steps-item-icon { border-color: #ff3333; } .ant-steps .ant-steps-item:not(.ant-steps-item-active):not(.ant-steps-item-process) > .ant-steps-item-container[role='button']:hover .ant-steps-item-icon .ant-steps-icon { color: #ff3333; } .ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item { margin-right: 16px; white-space: nowrap; } .ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item:last-child { margin-right: 0; } .ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item:last-child .ant-steps-item-title { padding-right: 0; } .ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item-tail { display: none; } .ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item-description { max-width: 140px; white-space: normal; } .ant-steps-item-custom .ant-steps-item-icon { height: auto; background: none; border: 0; } .ant-steps-item-custom .ant-steps-item-icon > .ant-steps-icon { top: 0; left: 0.5px; width: 32px; height: 32px; font-size: 24px; line-height: 32px; } .ant-steps-item-custom.ant-steps-item-process .ant-steps-item-icon > .ant-steps-icon { color: #ff3333; } .ant-steps:not(.ant-steps-vertical) .ant-steps-item-custom .ant-steps-item-icon { width: auto; } .ant-steps-small.ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item { margin-right: 12px; } .ant-steps-small.ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item:last-child { margin-right: 0; } .ant-steps-small .ant-steps-item-icon { width: 24px; height: 24px; font-size: 12px; line-height: 24px; text-align: center; border-radius: 24px; } .ant-steps-small .ant-steps-item-title { padding-right: 12px; font-size: 14px; line-height: 24px; } .ant-steps-small .ant-steps-item-title::after { top: 12px; } .ant-steps-small .ant-steps-item-description { color: rgba(0, 0, 0, 0.45); font-size: 14px; } .ant-steps-small .ant-steps-item-tail { top: 8px; } .ant-steps-small .ant-steps-item-custom .ant-steps-item-icon { width: inherit; height: inherit; line-height: inherit; background: none; border: 0; border-radius: 0; } .ant-steps-small .ant-steps-item-custom .ant-steps-item-icon > .ant-steps-icon { font-size: 24px; line-height: 24px; transform: none; } .ant-steps-vertical { display: block; } .ant-steps-vertical .ant-steps-item { display: block; overflow: visible; } .ant-steps-vertical .ant-steps-item-icon { float: left; margin-right: 16px; } .ant-steps-vertical .ant-steps-item-content { display: block; min-height: 48px; overflow: hidden; } .ant-steps-vertical .ant-steps-item-title { line-height: 32px; } .ant-steps-vertical .ant-steps-item-description { padding-bottom: 12px; } .ant-steps-vertical > .ant-steps-item > .ant-steps-item-container > .ant-steps-item-tail { position: absolute; top: 0; left: 16px; width: 1px; height: 100%; padding: 38px 0 6px; } .ant-steps-vertical > .ant-steps-item > .ant-steps-item-container > .ant-steps-item-tail::after { width: 1px; height: 100%; } .ant-steps-vertical > .ant-steps-item:not(:last-child) > .ant-steps-item-container > .ant-steps-item-tail { display: block; } .ant-steps-vertical > .ant-steps-item > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-title::after { display: none; } .ant-steps-vertical.ant-steps-small .ant-steps-item-container .ant-steps-item-tail { position: absolute; top: 0; left: 12px; padding: 30px 0 6px; } .ant-steps-vertical.ant-steps-small .ant-steps-item-container .ant-steps-item-title { line-height: 24px; } @media (max-width: 480px) { .ant-steps-horizontal.ant-steps-label-horizontal { display: block; } .ant-steps-horizontal.ant-steps-label-horizontal .ant-steps-item { display: block; overflow: visible; } .ant-steps-horizontal.ant-steps-label-horizontal .ant-steps-item-icon { float: left; margin-right: 16px; } .ant-steps-horizontal.ant-steps-label-horizontal .ant-steps-item-content { display: block; min-height: 48px; overflow: hidden; } .ant-steps-horizontal.ant-steps-label-horizontal .ant-steps-item-title { line-height: 32px; } .ant-steps-horizontal.ant-steps-label-horizontal .ant-steps-item-description { padding-bottom: 12px; } .ant-steps-horizontal.ant-steps-label-horizontal > .ant-steps-item > .ant-steps-item-container > .ant-steps-item-tail { position: absolute; top: 0; left: 16px; width: 1px; height: 100%; padding: 38px 0 6px; } .ant-steps-horizontal.ant-steps-label-horizontal > .ant-steps-item > .ant-steps-item-container > .ant-steps-item-tail::after { width: 1px; height: 100%; } .ant-steps-horizontal.ant-steps-label-horizontal > .ant-steps-item:not(:last-child) > .ant-steps-item-container > .ant-steps-item-tail { display: block; } .ant-steps-horizontal.ant-steps-label-horizontal > .ant-steps-item > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-title::after { display: none; } .ant-steps-horizontal.ant-steps-label-horizontal.ant-steps-small .ant-steps-item-container .ant-steps-item-tail { position: absolute; top: 0; left: 12px; padding: 30px 0 6px; } .ant-steps-horizontal.ant-steps-label-horizontal.ant-steps-small .ant-steps-item-container .ant-steps-item-title { line-height: 24px; } } .ant-steps-label-vertical .ant-steps-item { overflow: visible; } .ant-steps-label-vertical .ant-steps-item-tail { margin-left: 58px; padding: 3.5px 24px; } .ant-steps-label-vertical .ant-steps-item-content { display: block; width: 116px; margin-top: 8px; text-align: center; } .ant-steps-label-vertical .ant-steps-item-icon { display: inline-block; margin-left: 42px; } .ant-steps-label-vertical .ant-steps-item-title { padding-right: 0; } .ant-steps-label-vertical .ant-steps-item-title::after { display: none; } .ant-steps-label-vertical .ant-steps-item-subtitle { display: block; margin-bottom: 4px; margin-left: 0; line-height: 1.5; } .ant-steps-label-vertical.ant-steps-small:not(.ant-steps-dot) .ant-steps-item-icon { margin-left: 46px; } .ant-steps-dot .ant-steps-item-title, .ant-steps-dot.ant-steps-small .ant-steps-item-title { line-height: 1.5; } .ant-steps-dot .ant-steps-item-tail, .ant-steps-dot.ant-steps-small .ant-steps-item-tail { top: 2px; width: 100%; margin: 0 0 0 70px; padding: 0; } .ant-steps-dot .ant-steps-item-tail::after, .ant-steps-dot.ant-steps-small .ant-steps-item-tail::after { width: calc(100% - 20px); height: 3px; margin-left: 12px; } .ant-steps-dot .ant-steps-item:first-child .ant-steps-icon-dot, .ant-steps-dot.ant-steps-small .ant-steps-item:first-child .ant-steps-icon-dot { left: 2px; } .ant-steps-dot .ant-steps-item-icon, .ant-steps-dot.ant-steps-small .ant-steps-item-icon { width: 8px; height: 8px; margin-left: 67px; padding-right: 0; line-height: 8px; background: transparent; border: 0; } .ant-steps-dot .ant-steps-item-icon .ant-steps-icon-dot, .ant-steps-dot.ant-steps-small .ant-steps-item-icon .ant-steps-icon-dot { position: relative; float: left; width: 100%; height: 100%; border-radius: 100px; transition: all 0.3s; /* expand hover area */ } .ant-steps-dot .ant-steps-item-icon .ant-steps-icon-dot::after, .ant-steps-dot.ant-steps-small .ant-steps-item-icon .ant-steps-icon-dot::after { position: absolute; top: -12px; left: -26px; width: 60px; height: 32px; background: rgba(0, 0, 0, 0.001); content: ''; } .ant-steps-dot .ant-steps-item-content, .ant-steps-dot.ant-steps-small .ant-steps-item-content { width: 140px; } .ant-steps-dot .ant-steps-item-process .ant-steps-item-icon, .ant-steps-dot.ant-steps-small .ant-steps-item-process .ant-steps-item-icon { width: 10px; height: 10px; line-height: 10px; } .ant-steps-dot .ant-steps-item-process .ant-steps-item-icon .ant-steps-icon-dot, .ant-steps-dot.ant-steps-small .ant-steps-item-process .ant-steps-item-icon .ant-steps-icon-dot { top: -1px; } .ant-steps-vertical.ant-steps-dot .ant-steps-item-icon { margin-top: 8px; margin-left: 0; } .ant-steps-vertical.ant-steps-dot .ant-steps-item > .ant-steps-item-container > .ant-steps-item-tail { top: 2px; left: -9px; margin: 0; padding: 22px 0 4px; } .ant-steps-vertical.ant-steps-dot .ant-steps-item:first-child .ant-steps-icon-dot { left: 0; } .ant-steps-vertical.ant-steps-dot .ant-steps-item-process .ant-steps-icon-dot { left: -2px; } .ant-steps-navigation { padding-top: 12px; } .ant-steps-navigation.ant-steps-small .ant-steps-item-container { margin-left: -12px; } .ant-steps-navigation .ant-steps-item { overflow: visible; text-align: center; } .ant-steps-navigation .ant-steps-item-container { display: inline-block; height: 100%; margin-left: -16px; padding-bottom: 12px; text-align: left; transition: opacity 0.3s; } .ant-steps-navigation .ant-steps-item-container .ant-steps-item-content { max-width: auto; } .ant-steps-navigation .ant-steps-item-container .ant-steps-item-title { max-width: 100%; padding-right: 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .ant-steps-navigation .ant-steps-item-container .ant-steps-item-title::after { display: none; } .ant-steps-navigation .ant-steps-item:not(.ant-steps-item-active) .ant-steps-item-container[role='button'] { cursor: pointer; } .ant-steps-navigation .ant-steps-item:not(.ant-steps-item-active) .ant-steps-item-container[role='button']:hover { opacity: 0.85; } .ant-steps-navigation .ant-steps-item:last-child { flex: 1; } .ant-steps-navigation .ant-steps-item:last-child::after { display: none; } .ant-steps-navigation .ant-steps-item::after { position: absolute; top: 50%; left: 100%; display: inline-block; width: 12px; height: 12px; margin-top: -14px; margin-left: -2px; border: 1px solid rgba(0, 0, 0, 0.25); border-bottom: none; border-left: none; transform: rotate(45deg); content: ''; } .ant-steps-navigation .ant-steps-item::before { position: absolute; bottom: 0; left: 50%; display: inline-block; width: 0; height: 3px; background-color: #ff3333; transition: width 0.3s, left 0.3s; transition-timing-function: ease-out; content: ''; } .ant-steps-navigation .ant-steps-item.ant-steps-item-active::before { left: 0; width: 100%; } @media (max-width: 480px) { .ant-steps-navigation > .ant-steps-item { margin-right: 0 !important; } .ant-steps-navigation > .ant-steps-item::before { display: none; } .ant-steps-navigation > .ant-steps-item.ant-steps-item-active::before { top: 0; right: 0; left: unset; display: block; width: 3px; height: calc(100% - 24px); } .ant-steps-navigation > .ant-steps-item::after { position: relative; top: -2px; left: 50%; display: block; width: 8px; height: 8px; margin-bottom: 8px; text-align: center; transform: rotate(135deg); } .ant-steps-navigation > .ant-steps-item > .ant-steps-item-container > .ant-steps-item-tail { visibility: hidden; } } .ant-steps-flex-not-supported.ant-steps-horizontal.ant-steps-label-horizontal .ant-steps-item { margin-left: -16px; padding-left: 16px; background: #fff; } .ant-steps-flex-not-supported.ant-steps-horizontal.ant-steps-label-horizontal.ant-steps-small .ant-steps-item { margin-left: -12px; padding-left: 12px; } .ant-steps-flex-not-supported.ant-steps-dot .ant-steps-item:last-child { overflow: hidden; } .ant-steps-flex-not-supported.ant-steps-dot .ant-steps-item:last-child .ant-steps-icon-dot::after { right: -200px; width: 200px; } .ant-steps-flex-not-supported.ant-steps-dot .ant-steps-item .ant-steps-icon-dot::before, .ant-steps-flex-not-supported.ant-steps-dot .ant-steps-item .ant-steps-icon-dot::after { position: absolute; top: 0; left: -10px; width: 10px; height: 8px; background: #fff; content: ''; } .ant-steps-flex-not-supported.ant-steps-dot .ant-steps-item .ant-steps-icon-dot::after { right: -10px; left: auto; } .ant-steps-flex-not-supported.ant-steps-dot .ant-steps-item-wait .ant-steps-item-icon > .ant-steps-icon .ant-steps-icon-dot { background: #ccc; } .ant-switch { margin: 0; padding: 0; color: rgba(0, 0, 0, 0.65); font-size: 14px; font-variant: tabular-nums; line-height: 1.5; list-style: none; font-feature-settings: 'tnum'; position: relative; display: inline-block; box-sizing: border-box; min-width: 44px; height: 22px; line-height: 20px; vertical-align: middle; background-color: rgba(0, 0, 0, 0.25); border: 1px solid transparent; border-radius: 100px; cursor: pointer; transition: all 0.36s; user-select: none; } .ant-switch-inner { display: block; margin-right: 6px; margin-left: 24px; color: #fff; font-size: 12px; } .ant-switch-loading-icon, .ant-switch::after { position: absolute; top: 1px; left: 1px; width: 18px; height: 18px; background-color: #fff; border-radius: 18px; cursor: pointer; transition: all 0.36s cubic-bezier(0.78, 0.14, 0.15, 0.86); content: ' '; } .ant-switch::after { box-shadow: 0 2px 4px 0 rgba(0, 35, 11, 0.2); } .ant-switch:not(.ant-switch-disabled):active::before, .ant-switch:not(.ant-switch-disabled):active::after { width: 24px; } .ant-switch-loading-icon { z-index: 1; display: none; font-size: 12px; background: transparent; } .ant-switch-loading-icon svg { position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; } .ant-switch-loading .ant-switch-loading-icon { display: inline-block; color: rgba(0, 0, 0, 0.65); } .ant-switch-checked.ant-switch-loading .ant-switch-loading-icon { color: #ff3333; } .ant-switch:focus { outline: 0; box-shadow: 0 0 0 2px rgba(255, 51, 51, 0.2); } .ant-switch:focus:hover { box-shadow: none; } .ant-switch-small { min-width: 28px; height: 16px; line-height: 14px; } .ant-switch-small .ant-switch-inner { margin-right: 3px; margin-left: 18px; font-size: 12px; } .ant-switch-small::after { width: 12px; height: 12px; } .ant-switch-small:active::before, .ant-switch-small:active::after { width: 16px; } .ant-switch-small .ant-switch-loading-icon { width: 12px; height: 12px; } .ant-switch-small.ant-switch-checked .ant-switch-inner { margin-right: 18px; margin-left: 3px; } .ant-switch-small.ant-switch-checked .ant-switch-loading-icon { left: 100%; margin-left: -13px; } .ant-switch-small.ant-switch-loading .ant-switch-loading-icon { font-weight: bold; transform: scale(0.66667); } .ant-switch-checked { background-color: #ff3333; } .ant-switch-checked .ant-switch-inner { margin-right: 24px; margin-left: 6px; } .ant-switch-checked::after { left: 100%; margin-left: -1px; transform: translateX(-100%); } .ant-switch-checked .ant-switch-loading-icon { left: 100%; margin-left: -19px; } .ant-switch-loading, .ant-switch-disabled { cursor: not-allowed; opacity: 0.4; } .ant-switch-loading *, .ant-switch-disabled * { cursor: not-allowed; } .ant-switch-loading::before, .ant-switch-disabled::before, .ant-switch-loading::after, .ant-switch-disabled::after { cursor: not-allowed; } @keyframes AntSwitchSmallLoadingCircle { 0% { transform: rotate(0deg) scale(0.66667); transform-origin: 50% 50%; } 100% { transform: rotate(360deg) scale(0.66667); transform-origin: 50% 50%; } } .ant-table-wrapper { zoom: 1; } .ant-table-wrapper::before, .ant-table-wrapper::after { display: table; content: ''; } .ant-table-wrapper::after { clear: both; } .ant-table-wrapper::before, .ant-table-wrapper::after { display: table; content: ''; } .ant-table-wrapper::after { clear: both; } .ant-table-wrapper::before { content: ''; clear: both; display: block; } .ant-table-wrapper::before { content: ''; clear: both; display: block; } .ant-table { box-sizing: border-box; margin: 0; padding: 0; color: rgba(0, 0, 0, 0.65); font-size: 14px; font-variant: tabular-nums; line-height: 1.5; list-style: none; font-feature-settings: 'tnum'; position: relative; clear: both; } .ant-table-body { transition: opacity 0.3s; } .ant-table-empty .ant-table-body { overflow-x: auto !important; overflow-y: hidden !important; } .ant-table table { width: 100%; text-align: left; border-radius: 4px 4px 0 0; border-collapse: separate; border-spacing: 0; } .ant-table-layout-fixed table { table-layout: fixed; } .ant-table-thead > tr > th { color: rgba(0, 0, 0, 0.85); font-weight: 500; text-align: left; background: #fafafa; border-bottom: 1px solid #e8e8e8; transition: background 0.3s ease; } .ant-table-thead > tr > th[colspan]:not([colspan='1']) { text-align: center; } .ant-table-thead > tr > th .anticon-filter, .ant-table-thead > tr > th .ant-table-filter-icon { position: absolute; top: 0; right: 0; width: 28px; height: 100%; color: #bfbfbf; font-size: 12px; text-align: center; cursor: pointer; transition: all 0.3s; } .ant-table-thead > tr > th .anticon-filter > svg, .ant-table-thead > tr > th .ant-table-filter-icon > svg { position: absolute; top: 50%; left: 50%; margin-top: -5px; margin-left: -6px; } .ant-table-thead > tr > th .ant-table-filter-selected.anticon { color: #ff3333; } .ant-table-thead > tr > th .ant-table-column-sorter { display: table-cell; vertical-align: middle; } .ant-table-thead > tr > th .ant-table-column-sorter .ant-table-column-sorter-inner { height: 1em; margin-top: 0.35em; margin-left: 0.57142857em; color: #bfbfbf; line-height: 1em; text-align: center; transition: all 0.3s; } .ant-table-thead > tr > th .ant-table-column-sorter .ant-table-column-sorter-inner .ant-table-column-sorter-up, .ant-table-thead > tr > th .ant-table-column-sorter .ant-table-column-sorter-inner .ant-table-column-sorter-down { display: inline-block; font-size: 12px; font-size: 11px \9; transform: scale(0.91666667) rotate(0deg); display: block; height: 1em; line-height: 1em; transition: all 0.3s; } :root .ant-table-thead > tr > th .ant-table-column-sorter .ant-table-column-sorter-inner .ant-table-column-sorter-up, :root .ant-table-thead > tr > th .ant-table-column-sorter .ant-table-column-sorter-inner .ant-table-column-sorter-down { font-size: 12px; } .ant-table-thead > tr > th .ant-table-column-sorter .ant-table-column-sorter-inner .ant-table-column-sorter-up.on, .ant-table-thead > tr > th .ant-table-column-sorter .ant-table-column-sorter-inner .ant-table-column-sorter-down.on { color: #ff3333; } .ant-table-thead > tr > th .ant-table-column-sorter .ant-table-column-sorter-inner-full { margin-top: -0.15em; } .ant-table-thead > tr > th .ant-table-column-sorter .ant-table-column-sorter-inner-full .ant-table-column-sorter-up, .ant-table-thead > tr > th .ant-table-column-sorter .ant-table-column-sorter-inner-full .ant-table-column-sorter-down { height: 0.5em; line-height: 0.5em; } .ant-table-thead > tr > th .ant-table-column-sorter .ant-table-column-sorter-inner-full .ant-table-column-sorter-down { margin-top: 0.125em; } .ant-table-thead > tr > th.ant-table-column-has-actions { position: relative; background-clip: padding-box; /* stylelint-disable-next-line */ -webkit-background-clip: border-box; } .ant-table-thead > tr > th.ant-table-column-has-actions.ant-table-column-has-filters { padding-right: 30px !important; } .ant-table-thead > tr > th.ant-table-column-has-actions.ant-table-column-has-filters .anticon-filter.ant-table-filter-open, .ant-table-thead > tr > th.ant-table-column-has-actions.ant-table-column-has-filters .ant-table-filter-icon.ant-table-filter-open { color: rgba(0, 0, 0, 0.45); background: #e5e5e5; } .ant-table-thead > tr > th.ant-table-column-has-actions.ant-table-column-has-filters:hover .anticon-filter:hover, .ant-table-thead > tr > th.ant-table-column-has-actions.ant-table-column-has-filters:hover .ant-table-filter-icon:hover { color: rgba(0, 0, 0, 0.45); background: #e5e5e5; } .ant-table-thead > tr > th.ant-table-column-has-actions.ant-table-column-has-filters:hover .anticon-filter:active, .ant-table-thead > tr > th.ant-table-column-has-actions.ant-table-column-has-filters:hover .ant-table-filter-icon:active { color: rgba(0, 0, 0, 0.65); } .ant-table-thead > tr > th.ant-table-column-has-actions.ant-table-column-has-sorters { cursor: pointer; } .ant-table-thead > tr > th.ant-table-column-has-actions.ant-table-column-has-sorters:hover { background: #f2f2f2; } .ant-table-thead > tr > th.ant-table-column-has-actions.ant-table-column-has-sorters:hover .anticon-filter, .ant-table-thead > tr > th.ant-table-column-has-actions.ant-table-column-has-sorters:hover .ant-table-filter-icon { background: #f2f2f2; } .ant-table-thead > tr > th.ant-table-column-has-actions.ant-table-column-has-sorters:active .ant-table-column-sorter-up:not(.on), .ant-table-thead > tr > th.ant-table-column-has-actions.ant-table-column-has-sorters:active .ant-table-column-sorter-down:not(.on) { color: rgba(0, 0, 0, 0.45); } .ant-table-thead > tr > th .ant-table-header-column { display: inline-block; max-width: 100%; vertical-align: top; } .ant-table-thead > tr > th .ant-table-header-column .ant-table-column-sorters { display: table; } .ant-table-thead > tr > th .ant-table-header-column .ant-table-column-sorters > .ant-table-column-title { display: table-cell; vertical-align: middle; } .ant-table-thead > tr > th .ant-table-header-column .ant-table-column-sorters > *:not(.ant-table-column-sorter) { position: relative; } .ant-table-thead > tr > th .ant-table-header-column .ant-table-column-sorters::before { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; transition: all 0.3s; content: ''; } .ant-table-thead > tr > th .ant-table-header-column .ant-table-column-sorters:hover::before { background: rgba(0, 0, 0, 0.04); } .ant-table-thead > tr > th.ant-table-column-has-sorters { user-select: none; } .ant-table-thead > tr:first-child > th:first-child { border-top-left-radius: 4px; } .ant-table-thead > tr:first-child > th:last-child { border-top-right-radius: 4px; } .ant-table-thead > tr:not(:last-child) > th[colspan] { border-bottom: 0; } .ant-table-tbody > tr > td { border-bottom: 1px solid #e8e8e8; transition: all 0.3s, border 0s; } .ant-table-thead > tr, .ant-table-tbody > tr { transition: all 0.3s, height 0s; } .ant-table-thead > tr.ant-table-row-hover:not(.ant-table-expanded-row):not(.ant-table-row-selected) > td, .ant-table-tbody > tr.ant-table-row-hover:not(.ant-table-expanded-row):not(.ant-table-row-selected) > td, .ant-table-thead > tr:hover:not(.ant-table-expanded-row):not(.ant-table-row-selected) > td, .ant-table-tbody > tr:hover:not(.ant-table-expanded-row):not(.ant-table-row-selected) > td { background: #fff2f0; } .ant-table-thead > tr.ant-table-row-selected > td.ant-table-column-sort, .ant-table-tbody > tr.ant-table-row-selected > td.ant-table-column-sort { background: #fafafa; } .ant-table-thead > tr:hover.ant-table-row-selected > td, .ant-table-tbody > tr:hover.ant-table-row-selected > td { background: #fafafa; } .ant-table-thead > tr:hover.ant-table-row-selected > td.ant-table-column-sort, .ant-table-tbody > tr:hover.ant-table-row-selected > td.ant-table-column-sort { background: #fafafa; } .ant-table-thead > tr:hover { background: none; } .ant-table-footer { position: relative; padding: 16px 16px; color: rgba(0, 0, 0, 0.85); background: #fafafa; border-top: 1px solid #e8e8e8; border-radius: 0 0 4px 4px; } .ant-table-footer::before { position: absolute; top: -1px; left: 0; width: 100%; height: 1px; background: #fafafa; content: ''; } .ant-table.ant-table-bordered .ant-table-footer { border: 1px solid #e8e8e8; } .ant-table-title { position: relative; top: 1px; padding: 16px 0; border-radius: 4px 4px 0 0; } .ant-table.ant-table-bordered .ant-table-title { padding-right: 16px; padding-left: 16px; border: 1px solid #e8e8e8; } .ant-table-title + .ant-table-content { position: relative; border-radius: 4px 4px 0 0; } .ant-table-bordered .ant-table-title + .ant-table-content, .ant-table-bordered .ant-table-title + .ant-table-content table, .ant-table-bordered .ant-table-title + .ant-table-content .ant-table-thead > tr:first-child > th { border-radius: 0; } .ant-table-without-column-header .ant-table-title + .ant-table-content, .ant-table-without-column-header table { border-radius: 0; } .ant-table-without-column-header.ant-table-bordered.ant-table-empty .ant-table-placeholder { border-top: 1px solid #e8e8e8; border-radius: 4px; } .ant-table-tbody > tr.ant-table-row-selected td { color: inherit; background: #fafafa; } .ant-table-thead > tr > th.ant-table-column-sort { background: #f5f5f5; } .ant-table-tbody > tr > td.ant-table-column-sort { background: rgba(0, 0, 0, 0.01); } .ant-table-thead > tr > th, .ant-table-tbody > tr > td { padding: 16px 16px; overflow-wrap: break-word; } .ant-table-expand-icon-th, .ant-table-row-expand-icon-cell { width: 50px; min-width: 50px; text-align: center; } .ant-table-header { overflow: hidden; background: #fafafa; } .ant-table-header table { border-radius: 4px 4px 0 0; } .ant-table-loading { position: relative; } .ant-table-loading .ant-table-body { background: #fff; opacity: 0.5; } .ant-table-loading .ant-table-spin-holder { position: absolute; top: 50%; left: 50%; height: 20px; margin-left: -30px; line-height: 20px; } .ant-table-loading .ant-table-with-pagination { margin-top: -20px; } .ant-table-loading .ant-table-without-pagination { margin-top: 10px; } .ant-table-bordered .ant-table-header > table, .ant-table-bordered .ant-table-body > table, .ant-table-bordered .ant-table-fixed-left table, .ant-table-bordered .ant-table-fixed-right table { border: 1px solid #e8e8e8; border-right: 0; border-bottom: 0; } .ant-table-bordered.ant-table-empty .ant-table-placeholder { border-right: 1px solid #e8e8e8; border-left: 1px solid #e8e8e8; } .ant-table-bordered.ant-table-fixed-header .ant-table-header > table { border-bottom: 0; } .ant-table-bordered.ant-table-fixed-header .ant-table-body > table { border-top-left-radius: 0; border-top-right-radius: 0; } .ant-table-bordered.ant-table-fixed-header .ant-table-header + .ant-table-body > table, .ant-table-bordered.ant-table-fixed-header .ant-table-body-inner > table { border-top: 0; } .ant-table-bordered .ant-table-thead > tr:not(:last-child) > th { border-bottom: 1px solid #e8e8e8; } .ant-table-bordered .ant-table-thead > tr > th, .ant-table-bordered .ant-table-tbody > tr > td { border-right: 1px solid #e8e8e8; } .ant-table-placeholder { position: relative; z-index: 1; margin-top: -1px; padding: 16px 16px; color: rgba(0, 0, 0, 0.25); font-size: 14px; text-align: center; background: #fff; border-top: 1px solid #e8e8e8; border-bottom: 1px solid #e8e8e8; border-radius: 0 0 4px 4px; } .ant-table-pagination.ant-pagination { float: right; margin: 16px 0; } .ant-table-filter-dropdown { position: relative; min-width: 96px; margin-left: -8px; background: #fff; border-radius: 4px; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15); } .ant-table-filter-dropdown .ant-dropdown-menu { max-height: calc(100vh - 130px); overflow-x: hidden; border: 0; border-radius: 4px 4px 0 0; box-shadow: none; } .ant-table-filter-dropdown .ant-dropdown-menu-item > label + span { padding-right: 0; } .ant-table-filter-dropdown .ant-dropdown-menu-sub { border-radius: 4px; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15); } .ant-table-filter-dropdown .ant-dropdown-menu .ant-dropdown-submenu-contain-selected .ant-dropdown-menu-submenu-title::after { color: #ff3333; font-weight: bold; text-shadow: 0 0 2px #ffdcd6; } .ant-table-filter-dropdown .ant-dropdown-menu-item { overflow: hidden; } .ant-table-filter-dropdown > .ant-dropdown-menu > .ant-dropdown-menu-item:last-child, .ant-table-filter-dropdown > .ant-dropdown-menu > .ant-dropdown-menu-submenu:last-child .ant-dropdown-menu-submenu-title { border-radius: 0; } .ant-table-filter-dropdown-btns { padding: 7px 8px; overflow: hidden; border-top: 1px solid #e8e8e8; } .ant-table-filter-dropdown-link { color: #ff3333; } .ant-table-filter-dropdown-link:hover { color: #ff615c; } .ant-table-filter-dropdown-link:active { color: #d92127; } .ant-table-filter-dropdown-link.confirm { float: left; } .ant-table-filter-dropdown-link.clear { float: right; } .ant-table-selection { white-space: nowrap; } .ant-table-selection-select-all-custom { margin-right: 4px !important; } .ant-table-selection .anticon-down { color: #bfbfbf; transition: all 0.3s; } .ant-table-selection-menu { min-width: 96px; margin-top: 5px; margin-left: -30px; background: #fff; border-radius: 4px; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15); } .ant-table-selection-menu .ant-action-down { color: #bfbfbf; } .ant-table-selection-down { display: inline-block; padding: 0; line-height: 1; cursor: pointer; } .ant-table-selection-down:hover .anticon-down { color: rgba(0, 0, 0, 0.6); } .ant-table-row-expand-icon { color: #ff3333; text-decoration: none; cursor: pointer; transition: color 0.3s; display: inline-block; width: 17px; height: 17px; color: inherit; line-height: 13px; text-align: center; background: #fff; border: 1px solid #e8e8e8; border-radius: 2px; outline: none; transition: all 0.3s; user-select: none; } .ant-table-row-expand-icon:focus, .ant-table-row-expand-icon:hover { color: #ff615c; } .ant-table-row-expand-icon:active { color: #d92127; } .ant-table-row-expand-icon:focus, .ant-table-row-expand-icon:hover, .ant-table-row-expand-icon:active { border-color: currentColor; } .ant-table-row-expanded::after { content: '-'; } .ant-table-row-collapsed::after { content: '+'; } .ant-table-row-spaced { visibility: hidden; } .ant-table-row-spaced::after { content: '.'; } .ant-table-row-cell-ellipsis, .ant-table-row-cell-ellipsis .ant-table-column-title { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .ant-table-row-cell-ellipsis .ant-table-column-title { display: block; } .ant-table-row-cell-break-word { word-wrap: break-word; word-break: break-word; } tr.ant-table-expanded-row, tr.ant-table-expanded-row:hover { background: #fbfbfb; } tr.ant-table-expanded-row td > .ant-table-wrapper { margin: -16px -16px -17px; } .ant-table .ant-table-row-indent + .ant-table-row-expand-icon { margin-right: 8px; } .ant-table-scroll { overflow: auto; overflow-x: hidden; } .ant-table-scroll table { min-width: 100%; } .ant-table-scroll table .ant-table-fixed-columns-in-body:not([colspan]) { color: transparent; } .ant-table-scroll table .ant-table-fixed-columns-in-body:not([colspan]) > * { visibility: hidden; } .ant-table-body-inner { height: 100%; } .ant-table-fixed-header > .ant-table-content > .ant-table-scroll > .ant-table-body { position: relative; background: #fff; } .ant-table-fixed-header .ant-table-body-inner { overflow: scroll; } .ant-table-fixed-header .ant-table-scroll .ant-table-header { margin-bottom: -20px; padding-bottom: 20px; overflow: scroll; opacity: 0.9999; } .ant-table-fixed-header .ant-table-scroll .ant-table-header::-webkit-scrollbar { border: 1px solid #e8e8e8; border-width: 0 0 1px 0; } .ant-table-hide-scrollbar { scrollbar-color: transparent transparent; min-width: unset; } .ant-table-hide-scrollbar::-webkit-scrollbar { min-width: inherit; background-color: transparent; } .ant-table-bordered.ant-table-fixed-header .ant-table-scroll .ant-table-header::-webkit-scrollbar { border: 1px solid #e8e8e8; border-width: 1px 1px 1px 0; } .ant-table-bordered.ant-table-fixed-header .ant-table-scroll .ant-table-header.ant-table-hide-scrollbar .ant-table-thead > tr:only-child > th:last-child { border-right-color: transparent; } .ant-table-fixed-left, .ant-table-fixed-right { position: absolute; top: 0; z-index: 1; overflow: hidden; border-radius: 0; transition: box-shadow 0.3s ease; } .ant-table-fixed-left table, .ant-table-fixed-right table { width: auto; background: #fff; } .ant-table-fixed-header .ant-table-fixed-left .ant-table-body-outer .ant-table-fixed, .ant-table-fixed-header .ant-table-fixed-right .ant-table-body-outer .ant-table-fixed { border-radius: 0; } .ant-table-fixed-left { left: 0; box-shadow: 6px 0 6px -4px rgba(0, 0, 0, 0.15); } .ant-table-fixed-left .ant-table-header { overflow-y: hidden; } .ant-table-fixed-left .ant-table-body-inner { margin-right: -20px; padding-right: 20px; } .ant-table-fixed-header .ant-table-fixed-left .ant-table-body-inner { padding-right: 0; } .ant-table-fixed-left, .ant-table-fixed-left table { border-radius: 4px 0 0 0; } .ant-table-fixed-left .ant-table-thead > tr > th:last-child { border-top-right-radius: 0; } .ant-table-fixed-right { right: 0; box-shadow: -6px 0 6px -4px rgba(0, 0, 0, 0.15); } .ant-table-fixed-right, .ant-table-fixed-right table { border-radius: 0 4px 0 0; } .ant-table-fixed-right .ant-table-expanded-row { color: transparent; pointer-events: none; } .ant-table-fixed-right .ant-table-thead > tr > th:first-child { border-top-left-radius: 0; } .ant-table.ant-table-scroll-position-left .ant-table-fixed-left { box-shadow: none; } .ant-table.ant-table-scroll-position-right .ant-table-fixed-right { box-shadow: none; } .ant-table colgroup > col.ant-table-selection-col { width: 60px; } .ant-table-thead > tr > th.ant-table-selection-column-custom .ant-table-selection { margin-right: -15px; } .ant-table-thead > tr > th.ant-table-selection-column, .ant-table-tbody > tr > td.ant-table-selection-column { text-align: center; } .ant-table-thead > tr > th.ant-table-selection-column .ant-radio-wrapper, .ant-table-tbody > tr > td.ant-table-selection-column .ant-radio-wrapper { margin-right: 0; } .ant-table-row[class*='ant-table-row-level-0'] .ant-table-selection-column > span { display: inline-block; } .ant-table-filter-dropdown .ant-checkbox-wrapper + span, .ant-table-filter-dropdown-submenu .ant-checkbox-wrapper + span { padding-left: 8px; } /** * Another fix of Firefox: */ @supports (-moz-appearance: meterbar) { .ant-table-thead > tr > th.ant-table-column-has-actions { background-clip: padding-box; } } .ant-table-middle > .ant-table-title, .ant-table-middle > .ant-table-content > .ant-table-footer { padding: 12px 8px; } .ant-table-middle > .ant-table-content > .ant-table-header > table > .ant-table-thead > tr > th, .ant-table-middle > .ant-table-content > .ant-table-body > table > .ant-table-thead > tr > th, .ant-table-middle > .ant-table-content > .ant-table-scroll > .ant-table-header > table > .ant-table-thead > tr > th, .ant-table-middle > .ant-table-content > .ant-table-scroll > .ant-table-body > table > .ant-table-thead > tr > th, .ant-table-middle > .ant-table-content > .ant-table-fixed-left > .ant-table-header > table > .ant-table-thead > tr > th, .ant-table-middle > .ant-table-content > .ant-table-fixed-right > .ant-table-header > table > .ant-table-thead > tr > th, .ant-table-middle > .ant-table-content > .ant-table-fixed-left > .ant-table-body-outer > .ant-table-body-inner > table > .ant-table-thead > tr > th, .ant-table-middle > .ant-table-content > .ant-table-fixed-right > .ant-table-body-outer > .ant-table-body-inner > table > .ant-table-thead > tr > th, .ant-table-middle > .ant-table-content > .ant-table-header > table > .ant-table-tbody > tr > td, .ant-table-middle > .ant-table-content > .ant-table-body > table > .ant-table-tbody > tr > td, .ant-table-middle > .ant-table-content > .ant-table-scroll > .ant-table-header > table > .ant-table-tbody > tr > td, .ant-table-middle > .ant-table-content > .ant-table-scroll > .ant-table-body > table > .ant-table-tbody > tr > td, .ant-table-middle > .ant-table-content > .ant-table-fixed-left > .ant-table-header > table > .ant-table-tbody > tr > td, .ant-table-middle > .ant-table-content > .ant-table-fixed-right > .ant-table-header > table > .ant-table-tbody > tr > td, .ant-table-middle > .ant-table-content > .ant-table-fixed-left > .ant-table-body-outer > .ant-table-body-inner > table > .ant-table-tbody > tr > td, .ant-table-middle > .ant-table-content > .ant-table-fixed-right > .ant-table-body-outer > .ant-table-body-inner > table > .ant-table-tbody > tr > td { padding: 12px 8px; } .ant-table-middle tr.ant-table-expanded-row td > .ant-table-wrapper { margin: -12px -8px -13px; } .ant-table-small { border: 1px solid #e8e8e8; border-radius: 4px; } .ant-table-small > .ant-table-title, .ant-table-small > .ant-table-content > .ant-table-footer { padding: 8px 8px; } .ant-table-small > .ant-table-title { top: 0; border-bottom: 1px solid #e8e8e8; } .ant-table-small > .ant-table-content > .ant-table-footer { background-color: transparent; border-top: 1px solid #e8e8e8; } .ant-table-small > .ant-table-content > .ant-table-footer::before { background-color: transparent; } .ant-table-small > .ant-table-content > .ant-table-body { margin: 0 8px; } .ant-table-small > .ant-table-content > .ant-table-header > table, .ant-table-small > .ant-table-content > .ant-table-body > table, .ant-table-small > .ant-table-content > .ant-table-scroll > .ant-table-header > table, .ant-table-small > .ant-table-content > .ant-table-scroll > .ant-table-body > table, .ant-table-small > .ant-table-content > .ant-table-fixed-left > .ant-table-header > table, .ant-table-small > .ant-table-content > .ant-table-fixed-right > .ant-table-header > table, .ant-table-small > .ant-table-content > .ant-table-fixed-left > .ant-table-body-outer > .ant-table-body-inner > table, .ant-table-small > .ant-table-content > .ant-table-fixed-right > .ant-table-body-outer > .ant-table-body-inner > table { border: 0; } .ant-table-small > .ant-table-content > .ant-table-header > table > .ant-table-thead > tr > th, .ant-table-small > .ant-table-content > .ant-table-body > table > .ant-table-thead > tr > th, .ant-table-small > .ant-table-content > .ant-table-scroll > .ant-table-header > table > .ant-table-thead > tr > th, .ant-table-small > .ant-table-content > .ant-table-scroll > .ant-table-body > table > .ant-table-thead > tr > th, .ant-table-small > .ant-table-content > .ant-table-fixed-left > .ant-table-header > table > .ant-table-thead > tr > th, .ant-table-small > .ant-table-content > .ant-table-fixed-right > .ant-table-header > table > .ant-table-thead > tr > th, .ant-table-small > .ant-table-content > .ant-table-fixed-left > .ant-table-body-outer > .ant-table-body-inner > table > .ant-table-thead > tr > th, .ant-table-small > .ant-table-content > .ant-table-fixed-right > .ant-table-body-outer > .ant-table-body-inner > table > .ant-table-thead > tr > th, .ant-table-small > .ant-table-content > .ant-table-header > table > .ant-table-tbody > tr > td, .ant-table-small > .ant-table-content > .ant-table-body > table > .ant-table-tbody > tr > td, .ant-table-small > .ant-table-content > .ant-table-scroll > .ant-table-header > table > .ant-table-tbody > tr > td, .ant-table-small > .ant-table-content > .ant-table-scroll > .ant-table-body > table > .ant-table-tbody > tr > td, .ant-table-small > .ant-table-content > .ant-table-fixed-left > .ant-table-header > table > .ant-table-tbody > tr > td, .ant-table-small > .ant-table-content > .ant-table-fixed-right > .ant-table-header > table > .ant-table-tbody > tr > td, .ant-table-small > .ant-table-content > .ant-table-fixed-left > .ant-table-body-outer > .ant-table-body-inner > table > .ant-table-tbody > tr > td, .ant-table-small > .ant-table-content > .ant-table-fixed-right > .ant-table-body-outer > .ant-table-body-inner > table > .ant-table-tbody > tr > td { padding: 8px 8px; } .ant-table-small > .ant-table-content > .ant-table-header > table > .ant-table-thead > tr > th, .ant-table-small > .ant-table-content > .ant-table-body > table > .ant-table-thead > tr > th, .ant-table-small > .ant-table-content > .ant-table-scroll > .ant-table-header > table > .ant-table-thead > tr > th, .ant-table-small > .ant-table-content > .ant-table-scroll > .ant-table-body > table > .ant-table-thead > tr > th, .ant-table-small > .ant-table-content > .ant-table-fixed-left > .ant-table-header > table > .ant-table-thead > tr > th, .ant-table-small > .ant-table-content > .ant-table-fixed-right > .ant-table-header > table > .ant-table-thead > tr > th, .ant-table-small > .ant-table-content > .ant-table-fixed-left > .ant-table-body-outer > .ant-table-body-inner > table > .ant-table-thead > tr > th, .ant-table-small > .ant-table-content > .ant-table-fixed-right > .ant-table-body-outer > .ant-table-body-inner > table > .ant-table-thead > tr > th { background-color: transparent; } .ant-table-small > .ant-table-content > .ant-table-header > table > .ant-table-thead > tr, .ant-table-small > .ant-table-content > .ant-table-body > table > .ant-table-thead > tr, .ant-table-small > .ant-table-content > .ant-table-scroll > .ant-table-header > table > .ant-table-thead > tr, .ant-table-small > .ant-table-content > .ant-table-scroll > .ant-table-body > table > .ant-table-thead > tr, .ant-table-small > .ant-table-content > .ant-table-fixed-left > .ant-table-header > table > .ant-table-thead > tr, .ant-table-small > .ant-table-content > .ant-table-fixed-right > .ant-table-header > table > .ant-table-thead > tr, .ant-table-small > .ant-table-content > .ant-table-fixed-left > .ant-table-body-outer > .ant-table-body-inner > table > .ant-table-thead > tr, .ant-table-small > .ant-table-content > .ant-table-fixed-right > .ant-table-body-outer > .ant-table-body-inner > table > .ant-table-thead > tr { border-bottom: 1px solid #e8e8e8; } .ant-table-small > .ant-table-content > .ant-table-header > table > .ant-table-thead > tr > th.ant-table-column-sort, .ant-table-small > .ant-table-content > .ant-table-body > table > .ant-table-thead > tr > th.ant-table-column-sort, .ant-table-small > .ant-table-content > .ant-table-scroll > .ant-table-header > table > .ant-table-thead > tr > th.ant-table-column-sort, .ant-table-small > .ant-table-content > .ant-table-scroll > .ant-table-body > table > .ant-table-thead > tr > th.ant-table-column-sort, .ant-table-small > .ant-table-content > .ant-table-fixed-left > .ant-table-header > table > .ant-table-thead > tr > th.ant-table-column-sort, .ant-table-small > .ant-table-content > .ant-table-fixed-right > .ant-table-header > table > .ant-table-thead > tr > th.ant-table-column-sort, .ant-table-small > .ant-table-content > .ant-table-fixed-left > .ant-table-body-outer > .ant-table-body-inner > table > .ant-table-thead > tr > th.ant-table-column-sort, .ant-table-small > .ant-table-content > .ant-table-fixed-right > .ant-table-body-outer > .ant-table-body-inner > table > .ant-table-thead > tr > th.ant-table-column-sort { background-color: rgba(0, 0, 0, 0.01); } .ant-table-small > .ant-table-content > .ant-table-scroll > .ant-table-header > table, .ant-table-small > .ant-table-content > .ant-table-scroll > .ant-table-body > table, .ant-table-small > .ant-table-content > .ant-table-fixed-left > .ant-table-header > table, .ant-table-small > .ant-table-content > .ant-table-fixed-right > .ant-table-header > table, .ant-table-small > .ant-table-content > .ant-table-fixed-left > .ant-table-body-outer > .ant-table-body-inner > table, .ant-table-small > .ant-table-content > .ant-table-fixed-right > .ant-table-body-outer > .ant-table-body-inner > table { padding: 0; } .ant-table-small > .ant-table-content .ant-table-header { background-color: transparent; border-radius: 4px 4px 0 0; } .ant-table-small > .ant-table-content .ant-table-placeholder, .ant-table-small > .ant-table-content .ant-table-row:last-child td { border-bottom: 0; } .ant-table-small.ant-table-bordered { border-right: 0; } .ant-table-small.ant-table-bordered .ant-table-title { border: 0; border-right: 1px solid #e8e8e8; border-bottom: 1px solid #e8e8e8; } .ant-table-small.ant-table-bordered .ant-table-content { border-right: 1px solid #e8e8e8; } .ant-table-small.ant-table-bordered .ant-table-footer { border: 0; border-top: 1px solid #e8e8e8; } .ant-table-small.ant-table-bordered .ant-table-footer::before { display: none; } .ant-table-small.ant-table-bordered .ant-table-placeholder { border-right: 0; border-bottom: 0; border-left: 0; } .ant-table-small.ant-table-bordered .ant-table-thead > tr > th.ant-table-row-cell-last, .ant-table-small.ant-table-bordered .ant-table-tbody > tr > td:last-child { border-right: none; } .ant-table-small.ant-table-bordered .ant-table-fixed-left .ant-table-thead > tr > th:last-child, .ant-table-small.ant-table-bordered .ant-table-fixed-left .ant-table-tbody > tr > td:last-child { border-right: 1px solid #e8e8e8; } .ant-table-small.ant-table-bordered .ant-table-fixed-right { border-right: 1px solid #e8e8e8; border-left: 1px solid #e8e8e8; } .ant-table-small tr.ant-table-expanded-row td > .ant-table-wrapper { margin: -8px -8px -9px; } .ant-table-small.ant-table-fixed-header > .ant-table-content > .ant-table-scroll > .ant-table-body { border-radius: 0 0 4px 4px; } .ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-nav-container { height: 40px; } .ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-ink-bar { visibility: hidden; } .ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab { height: 40px; margin: 0; margin-right: 2px; padding: 0 16px; line-height: 38px; background: #fafafa; border: 1px solid #e8e8e8; border-radius: 4px 4px 0 0; transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); } .ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab-active { height: 40px; color: #ff3333; background: #fff; border-color: #e8e8e8; border-bottom: 1px solid #fff; } .ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab-active::before { border-top: 2px solid transparent; } .ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab-disabled { color: #ff3333; color: rgba(0, 0, 0, 0.25); } .ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab-inactive { padding: 0; } .ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-nav-wrap { margin-bottom: 0; } .ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab .ant-tabs-close-x { width: 16px; height: 16px; height: 14px; margin-right: -5px; margin-left: 3px; overflow: hidden; color: rgba(0, 0, 0, 0.45); font-size: 12px; vertical-align: middle; transition: all 0.3s; } .ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab .ant-tabs-close-x:hover { color: rgba(0, 0, 0, 0.85); } .ant-tabs.ant-tabs-card .ant-tabs-card-content > .ant-tabs-tabpane, .ant-tabs.ant-tabs-editable-card .ant-tabs-card-content > .ant-tabs-tabpane { transition: none !important; } .ant-tabs.ant-tabs-card .ant-tabs-card-content > .ant-tabs-tabpane-inactive, .ant-tabs.ant-tabs-editable-card .ant-tabs-card-content > .ant-tabs-tabpane-inactive { overflow: hidden; } .ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab:hover .anticon-close { opacity: 1; } .ant-tabs-extra-content { line-height: 45px; } .ant-tabs-extra-content .ant-tabs-new-tab { position: relative; width: 20px; height: 20px; color: rgba(0, 0, 0, 0.65); font-size: 12px; line-height: 20px; text-align: center; border: 1px solid #e8e8e8; border-radius: 2px; cursor: pointer; transition: all 0.3s; } .ant-tabs-extra-content .ant-tabs-new-tab:hover { color: #ff3333; border-color: #ff3333; } .ant-tabs-extra-content .ant-tabs-new-tab svg { position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; } .ant-tabs.ant-tabs-large .ant-tabs-extra-content { line-height: 56px; } .ant-tabs.ant-tabs-small .ant-tabs-extra-content { line-height: 37px; } .ant-tabs.ant-tabs-card .ant-tabs-extra-content { line-height: 40px; } .ant-tabs-vertical.ant-tabs-card .ant-tabs-card-bar.ant-tabs-left-bar .ant-tabs-nav-container, .ant-tabs-vertical.ant-tabs-card .ant-tabs-card-bar.ant-tabs-right-bar .ant-tabs-nav-container { height: 100%; } .ant-tabs-vertical.ant-tabs-card .ant-tabs-card-bar.ant-tabs-left-bar .ant-tabs-tab, .ant-tabs-vertical.ant-tabs-card .ant-tabs-card-bar.ant-tabs-right-bar .ant-tabs-tab { margin-bottom: 8px; border-bottom: 1px solid #e8e8e8; } .ant-tabs-vertical.ant-tabs-card .ant-tabs-card-bar.ant-tabs-left-bar .ant-tabs-tab-active, .ant-tabs-vertical.ant-tabs-card .ant-tabs-card-bar.ant-tabs-right-bar .ant-tabs-tab-active { padding-bottom: 4px; } .ant-tabs-vertical.ant-tabs-card .ant-tabs-card-bar.ant-tabs-left-bar .ant-tabs-tab:last-child, .ant-tabs-vertical.ant-tabs-card .ant-tabs-card-bar.ant-tabs-right-bar .ant-tabs-tab:last-child { margin-bottom: 8px; } .ant-tabs-vertical.ant-tabs-card .ant-tabs-card-bar.ant-tabs-left-bar .ant-tabs-new-tab, .ant-tabs-vertical.ant-tabs-card .ant-tabs-card-bar.ant-tabs-right-bar .ant-tabs-new-tab { width: 90%; } .ant-tabs-vertical.ant-tabs-card.ant-tabs-left .ant-tabs-card-bar.ant-tabs-left-bar .ant-tabs-nav-wrap { margin-right: 0; } .ant-tabs-vertical.ant-tabs-card.ant-tabs-left .ant-tabs-card-bar.ant-tabs-left-bar .ant-tabs-tab { margin-right: 1px; border-right: 0; border-radius: 4px 0 0 4px; } .ant-tabs-vertical.ant-tabs-card.ant-tabs-left .ant-tabs-card-bar.ant-tabs-left-bar .ant-tabs-tab-active { margin-right: -1px; padding-right: 18px; } .ant-tabs-vertical.ant-tabs-card.ant-tabs-right .ant-tabs-card-bar.ant-tabs-right-bar .ant-tabs-nav-wrap { margin-left: 0; } .ant-tabs-vertical.ant-tabs-card.ant-tabs-right .ant-tabs-card-bar.ant-tabs-right-bar .ant-tabs-tab { margin-left: 1px; border-left: 0; border-radius: 0 4px 4px 0; } .ant-tabs-vertical.ant-tabs-card.ant-tabs-right .ant-tabs-card-bar.ant-tabs-right-bar .ant-tabs-tab-active { margin-left: -1px; padding-left: 18px; } .ant-tabs .ant-tabs-card-bar.ant-tabs-bottom-bar .ant-tabs-tab { height: auto; border-top: 0; border-bottom: 1px solid #e8e8e8; border-radius: 0 0 4px 4px; } .ant-tabs .ant-tabs-card-bar.ant-tabs-bottom-bar .ant-tabs-tab-active { padding-top: 1px; padding-bottom: 0; color: #ff3333; } .ant-tabs { box-sizing: border-box; margin: 0; padding: 0; color: rgba(0, 0, 0, 0.65); font-size: 14px; font-variant: tabular-nums; line-height: 1.5; list-style: none; font-feature-settings: 'tnum'; position: relative; overflow: hidden; zoom: 1; } .ant-tabs::before, .ant-tabs::after { display: table; content: ''; } .ant-tabs::after { clear: both; } .ant-tabs::before, .ant-tabs::after { display: table; content: ''; } .ant-tabs::after { clear: both; } .ant-tabs::before { content: ''; clear: both; display: block; } .ant-tabs::before { content: ''; clear: both; display: block; } .ant-tabs-ink-bar { position: absolute; bottom: 1px; left: 0; z-index: 1; box-sizing: border-box; width: 0; height: 2px; background-color: #ff3333; transform-origin: 0 0; } .ant-tabs-bar { margin: 0 0 16px 0; border-bottom: 1px solid #e8e8e8; outline: none; transition: padding 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); } .ant-tabs-nav-container { position: relative; box-sizing: border-box; margin-bottom: -1px; overflow: hidden; font-size: 14px; line-height: 1.5; white-space: nowrap; transition: padding 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); zoom: 1; } .ant-tabs-nav-container::before, .ant-tabs-nav-container::after { display: table; content: ''; } .ant-tabs-nav-container::after { clear: both; } .ant-tabs-nav-container::before, .ant-tabs-nav-container::after { display: table; content: ''; } .ant-tabs-nav-container::after { clear: both; } .ant-tabs-nav-container::before { content: ''; clear: both; display: block; } .ant-tabs-nav-container::before { content: ''; clear: both; display: block; } .ant-tabs-nav-container-scrolling { padding-right: 32px; padding-left: 32px; } .ant-tabs-bottom .ant-tabs-bottom-bar { margin-top: 16px; margin-bottom: 0; border-top: 1px solid #e8e8e8; border-bottom: none; } .ant-tabs-bottom .ant-tabs-bottom-bar .ant-tabs-ink-bar { top: 1px; bottom: auto; } .ant-tabs-bottom .ant-tabs-bottom-bar .ant-tabs-nav-container { margin-top: -1px; margin-bottom: 0; } .ant-tabs-tab-prev, .ant-tabs-tab-next { position: absolute; z-index: 2; width: 0; height: 100%; color: rgba(0, 0, 0, 0.45); text-align: center; background-color: transparent; border: 0; cursor: pointer; opacity: 0; transition: width 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); user-select: none; pointer-events: none; } .ant-tabs-tab-prev.ant-tabs-tab-arrow-show, .ant-tabs-tab-next.ant-tabs-tab-arrow-show { width: 32px; height: 100%; opacity: 1; pointer-events: auto; } .ant-tabs-tab-prev:hover, .ant-tabs-tab-next:hover { color: rgba(0, 0, 0, 0.65); } .ant-tabs-tab-prev-icon, .ant-tabs-tab-next-icon { position: absolute; top: 50%; left: 50%; font-weight: bold; font-style: normal; font-variant: normal; line-height: inherit; text-align: center; text-transform: none; transform: translate(-50%, -50%); } .ant-tabs-tab-prev-icon-target, .ant-tabs-tab-next-icon-target { display: block; display: inline-block; font-size: 12px; font-size: 10px \9; transform: scale(0.83333333) rotate(0deg); } :root .ant-tabs-tab-prev-icon-target, :root .ant-tabs-tab-next-icon-target { font-size: 12px; } .ant-tabs-tab-btn-disabled { cursor: not-allowed; } .ant-tabs-tab-btn-disabled, .ant-tabs-tab-btn-disabled:hover { color: rgba(0, 0, 0, 0.25); } .ant-tabs-tab-next { right: 2px; } .ant-tabs-tab-prev { left: 0; } :root .ant-tabs-tab-prev { filter: none; } .ant-tabs-nav-wrap { margin-bottom: -1px; overflow: hidden; } .ant-tabs-nav-scroll { overflow: hidden; white-space: nowrap; } .ant-tabs-nav { position: relative; display: inline-block; box-sizing: border-box; margin: 0; padding-left: 0; list-style: none; transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); } .ant-tabs-nav::before, .ant-tabs-nav::after { display: table; content: ' '; } .ant-tabs-nav::after { clear: both; } .ant-tabs-nav .ant-tabs-tab { position: relative; display: inline-block; box-sizing: border-box; height: 100%; margin: 0 32px 0 0; padding: 12px 16px; text-decoration: none; cursor: pointer; transition: color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); } .ant-tabs-nav .ant-tabs-tab::before { position: absolute; top: -1px; left: 0; width: 100%; border-top: 2px solid transparent; border-radius: 4px 4px 0 0; transition: all 0.3s; content: ''; pointer-events: none; } .ant-tabs-nav .ant-tabs-tab:last-child { margin-right: 0; } .ant-tabs-nav .ant-tabs-tab:hover { color: #ff615c; } .ant-tabs-nav .ant-tabs-tab:active { color: #d92127; } .ant-tabs-nav .ant-tabs-tab .anticon { margin-right: 8px; } .ant-tabs-nav .ant-tabs-tab-active { color: #ff3333; font-weight: 500; } .ant-tabs-nav .ant-tabs-tab-disabled, .ant-tabs-nav .ant-tabs-tab-disabled:hover { color: rgba(0, 0, 0, 0.25); cursor: not-allowed; } .ant-tabs .ant-tabs-large-bar .ant-tabs-nav-container { font-size: 16px; } .ant-tabs .ant-tabs-large-bar .ant-tabs-tab { padding: 16px; } .ant-tabs .ant-tabs-small-bar .ant-tabs-nav-container { font-size: 14px; } .ant-tabs .ant-tabs-small-bar .ant-tabs-tab { padding: 8px 16px; } .ant-tabs-content::before { display: block; overflow: hidden; content: ''; } .ant-tabs .ant-tabs-top-content, .ant-tabs .ant-tabs-bottom-content { width: 100%; } .ant-tabs .ant-tabs-top-content > .ant-tabs-tabpane, .ant-tabs .ant-tabs-bottom-content > .ant-tabs-tabpane { flex-shrink: 0; width: 100%; -webkit-backface-visibility: hidden; opacity: 1; transition: opacity 0.45s; } .ant-tabs .ant-tabs-top-content > .ant-tabs-tabpane-inactive, .ant-tabs .ant-tabs-bottom-content > .ant-tabs-tabpane-inactive { height: 0; padding: 0 !important; overflow: hidden; opacity: 0; pointer-events: none; } .ant-tabs .ant-tabs-top-content > .ant-tabs-tabpane-inactive input, .ant-tabs .ant-tabs-bottom-content > .ant-tabs-tabpane-inactive input { visibility: hidden; } .ant-tabs .ant-tabs-top-content.ant-tabs-content-animated, .ant-tabs .ant-tabs-bottom-content.ant-tabs-content-animated { display: flex; flex-direction: row; transition: margin-left 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); will-change: margin-left; } .ant-tabs .ant-tabs-left-bar, .ant-tabs .ant-tabs-right-bar { height: 100%; border-bottom: 0; } .ant-tabs .ant-tabs-left-bar .ant-tabs-tab-arrow-show, .ant-tabs .ant-tabs-right-bar .ant-tabs-tab-arrow-show { width: 100%; height: 32px; } .ant-tabs .ant-tabs-left-bar .ant-tabs-tab, .ant-tabs .ant-tabs-right-bar .ant-tabs-tab { display: block; float: none; margin: 0 0 16px 0; padding: 8px 24px; } .ant-tabs .ant-tabs-left-bar .ant-tabs-tab:last-child, .ant-tabs .ant-tabs-right-bar .ant-tabs-tab:last-child { margin-bottom: 0; } .ant-tabs .ant-tabs-left-bar .ant-tabs-extra-content, .ant-tabs .ant-tabs-right-bar .ant-tabs-extra-content { text-align: center; } .ant-tabs .ant-tabs-left-bar .ant-tabs-nav-scroll, .ant-tabs .ant-tabs-right-bar .ant-tabs-nav-scroll { width: auto; } .ant-tabs .ant-tabs-left-bar .ant-tabs-nav-container, .ant-tabs .ant-tabs-right-bar .ant-tabs-nav-container, .ant-tabs .ant-tabs-left-bar .ant-tabs-nav-wrap, .ant-tabs .ant-tabs-right-bar .ant-tabs-nav-wrap { height: 100%; } .ant-tabs .ant-tabs-left-bar .ant-tabs-nav-container, .ant-tabs .ant-tabs-right-bar .ant-tabs-nav-container { margin-bottom: 0; } .ant-tabs .ant-tabs-left-bar .ant-tabs-nav-container.ant-tabs-nav-container-scrolling, .ant-tabs .ant-tabs-right-bar .ant-tabs-nav-container.ant-tabs-nav-container-scrolling { padding: 32px 0; } .ant-tabs .ant-tabs-left-bar .ant-tabs-nav-wrap, .ant-tabs .ant-tabs-right-bar .ant-tabs-nav-wrap { margin-bottom: 0; } .ant-tabs .ant-tabs-left-bar .ant-tabs-nav, .ant-tabs .ant-tabs-right-bar .ant-tabs-nav { width: 100%; } .ant-tabs .ant-tabs-left-bar .ant-tabs-ink-bar, .ant-tabs .ant-tabs-right-bar .ant-tabs-ink-bar { top: 0; bottom: auto; left: auto; width: 2px; height: 0; } .ant-tabs .ant-tabs-left-bar .ant-tabs-tab-next, .ant-tabs .ant-tabs-right-bar .ant-tabs-tab-next { right: 0; bottom: 0; width: 100%; height: 32px; } .ant-tabs .ant-tabs-left-bar .ant-tabs-tab-prev, .ant-tabs .ant-tabs-right-bar .ant-tabs-tab-prev { top: 0; width: 100%; height: 32px; } .ant-tabs .ant-tabs-left-content, .ant-tabs .ant-tabs-right-content { width: auto; margin-top: 0 !important; overflow: hidden; } .ant-tabs .ant-tabs-left-bar { float: left; margin-right: -1px; margin-bottom: 0; border-right: 1px solid #e8e8e8; } .ant-tabs .ant-tabs-left-bar .ant-tabs-tab { text-align: right; } .ant-tabs .ant-tabs-left-bar .ant-tabs-nav-container { margin-right: -1px; } .ant-tabs .ant-tabs-left-bar .ant-tabs-nav-wrap { margin-right: -1px; } .ant-tabs .ant-tabs-left-bar .ant-tabs-ink-bar { right: 1px; } .ant-tabs .ant-tabs-left-content { padding-left: 24px; border-left: 1px solid #e8e8e8; } .ant-tabs .ant-tabs-right-bar { float: right; margin-bottom: 0; margin-left: -1px; border-left: 1px solid #e8e8e8; } .ant-tabs .ant-tabs-right-bar .ant-tabs-nav-container { margin-left: -1px; } .ant-tabs .ant-tabs-right-bar .ant-tabs-nav-wrap { margin-left: -1px; } .ant-tabs .ant-tabs-right-bar .ant-tabs-ink-bar { left: 1px; } .ant-tabs .ant-tabs-right-content { padding-right: 24px; border-right: 1px solid #e8e8e8; } .ant-tabs-top .ant-tabs-ink-bar-animated, .ant-tabs-bottom .ant-tabs-ink-bar-animated { transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), width 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), left 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); } .ant-tabs-left .ant-tabs-ink-bar-animated, .ant-tabs-right .ant-tabs-ink-bar-animated { transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), height 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), top 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); } .no-flex > .ant-tabs-content > .ant-tabs-content-animated, .ant-tabs-no-animation > .ant-tabs-content > .ant-tabs-content-animated { margin-left: 0 !important; transform: none !important; } .no-flex > .ant-tabs-content > .ant-tabs-tabpane-inactive, .ant-tabs-no-animation > .ant-tabs-content > .ant-tabs-tabpane-inactive { height: 0; padding: 0 !important; overflow: hidden; opacity: 0; pointer-events: none; } .no-flex > .ant-tabs-content > .ant-tabs-tabpane-inactive input, .ant-tabs-no-animation > .ant-tabs-content > .ant-tabs-tabpane-inactive input { visibility: hidden; } .ant-tabs-left-content > .ant-tabs-content-animated, .ant-tabs-right-content > .ant-tabs-content-animated { margin-left: 0 !important; transform: none !important; } .ant-tabs-left-content > .ant-tabs-tabpane-inactive, .ant-tabs-right-content > .ant-tabs-tabpane-inactive { height: 0; padding: 0 !important; overflow: hidden; opacity: 0; pointer-events: none; } .ant-tabs-left-content > .ant-tabs-tabpane-inactive input, .ant-tabs-right-content > .ant-tabs-tabpane-inactive input { visibility: hidden; } .ant-tag { box-sizing: border-box; margin: 0; padding: 0; color: rgba(0, 0, 0, 0.65); font-size: 14px; font-variant: tabular-nums; line-height: 1.5; list-style: none; font-feature-settings: 'tnum'; display: inline-block; height: auto; margin-right: 8px; padding: 0 7px; font-size: 12px; line-height: 20px; white-space: nowrap; background: #fafafa; border: 1px solid #d9d9d9; border-radius: 4px; cursor: default; opacity: 1; transition: all 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86); } .ant-tag:hover { opacity: 0.85; } .ant-tag, .ant-tag a, .ant-tag a:hover { color: rgba(0, 0, 0, 0.65); } .ant-tag > a:first-child:last-child { display: inline-block; margin: 0 -8px; padding: 0 8px; } .ant-tag .anticon-close { display: inline-block; font-size: 12px; font-size: 10px \9; transform: scale(0.83333333) rotate(0deg); margin-left: 3px; color: rgba(0, 0, 0, 0.45); font-weight: bold; cursor: pointer; transition: all 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86); } :root .ant-tag .anticon-close { font-size: 12px; } .ant-tag .anticon-close:hover { color: rgba(0, 0, 0, 0.85); } .ant-tag-has-color { border-color: transparent; } .ant-tag-has-color, .ant-tag-has-color a, .ant-tag-has-color a:hover, .ant-tag-has-color .anticon-close, .ant-tag-has-color .anticon-close:hover { color: #fff; } .ant-tag-checkable { background-color: transparent; border-color: transparent; } .ant-tag-checkable:not(.ant-tag-checkable-checked):hover { color: #ff3333; } .ant-tag-checkable:active, .ant-tag-checkable-checked { color: #fff; } .ant-tag-checkable-checked { background-color: #ff3333; } .ant-tag-checkable:active { background-color: #d92127; } .ant-tag-hidden { display: none; } .ant-tag-pink { color: #eb2f96; background: #fff0f6; border-color: #ffadd2; } .ant-tag-pink-inverse { color: #fff; background: #eb2f96; border-color: #eb2f96; } .ant-tag-magenta { color: #eb2f96; background: #fff0f6; border-color: #ffadd2; } .ant-tag-magenta-inverse { color: #fff; background: #eb2f96; border-color: #eb2f96; } .ant-tag-red { color: #f5222d; background: #fff1f0; border-color: #ffa39e; } .ant-tag-red-inverse { color: #fff; background: #f5222d; border-color: #f5222d; } .ant-tag-volcano { color: #fa541c; background: #fff2e8; border-color: #ffbb96; } .ant-tag-volcano-inverse { color: #fff; background: #fa541c; border-color: #fa541c; } .ant-tag-orange { color: #fa8c16; background: #fff7e6; border-color: #ffd591; } .ant-tag-orange-inverse { color: #fff; background: #fa8c16; border-color: #fa8c16; } .ant-tag-yellow { color: #fadb14; background: #feffe6; border-color: #fffb8f; } .ant-tag-yellow-inverse { color: #fff; background: #fadb14; border-color: #fadb14; } .ant-tag-gold { color: #faad14; background: #fffbe6; border-color: #ffe58f; } .ant-tag-gold-inverse { color: #fff; background: #faad14; border-color: #faad14; } .ant-tag-cyan { color: #13c2c2; background: #e6fffb; border-color: #87e8de; } .ant-tag-cyan-inverse { color: #fff; background: #13c2c2; border-color: #13c2c2; } .ant-tag-lime { color: #a0d911; background: #fcffe6; border-color: #eaff8f; } .ant-tag-lime-inverse { color: #fff; background: #a0d911; border-color: #a0d911; } .ant-tag-green { color: #52c41a; background: #f6ffed; border-color: #b7eb8f; } .ant-tag-green-inverse { color: #fff; background: #52c41a; border-color: #52c41a; } .ant-tag-blue { color: #1890ff; background: #e6f7ff; border-color: #91d5ff; } .ant-tag-blue-inverse { color: #fff; background: #1890ff; border-color: #1890ff; } .ant-tag-geekblue { color: #2f54eb; background: #f0f5ff; border-color: #adc6ff; } .ant-tag-geekblue-inverse { color: #fff; background: #2f54eb; border-color: #2f54eb; } .ant-tag-purple { color: #722ed1; background: #f9f0ff; border-color: #d3adf7; } .ant-tag-purple-inverse { color: #fff; background: #722ed1; border-color: #722ed1; } .ant-time-picker-panel { box-sizing: border-box; margin: 0; padding: 0; color: rgba(0, 0, 0, 0.65); font-size: 14px; font-variant: tabular-nums; line-height: 1.5; list-style: none; font-feature-settings: 'tnum'; position: absolute; z-index: 1050; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'Helvetica Neue', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'; } .ant-time-picker-panel-inner { position: relative; left: -2px; font-size: 14px; text-align: left; list-style: none; background-color: #fff; background-clip: padding-box; border-radius: 4px; outline: none; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15); } .ant-time-picker-panel-input { width: 100%; max-width: 154px; margin: 0; padding: 0; line-height: normal; border: 0; outline: 0; cursor: auto; } .ant-time-picker-panel-input::-moz-placeholder { color: #bfbfbf; opacity: 1; } .ant-time-picker-panel-input:-ms-input-placeholder { color: #bfbfbf; } .ant-time-picker-panel-input::-webkit-input-placeholder { color: #bfbfbf; } .ant-time-picker-panel-input:placeholder-shown { text-overflow: ellipsis; } .ant-time-picker-panel-input-wrap { position: relative; padding: 7px 2px 7px 12px; border-bottom: 1px solid #e8e8e8; } .ant-time-picker-panel-input-invalid { border-color: #f5222d; } .ant-time-picker-panel-narrow .ant-time-picker-panel-input-wrap { max-width: 112px; } .ant-time-picker-panel-select { position: relative; float: left; width: 56px; max-height: 192px; overflow: hidden; font-size: 14px; border-left: 1px solid #e8e8e8; } .ant-time-picker-panel-select:hover { overflow-y: auto; } .ant-time-picker-panel-select:first-child { margin-left: 0; border-left: 0; } .ant-time-picker-panel-select:last-child { border-right: 0; } .ant-time-picker-panel-select:only-child { width: 100%; } .ant-time-picker-panel-select ul { width: 56px; margin: 0; padding: 0 0 160px; list-style: none; } .ant-time-picker-panel-select li { width: 100%; height: 32px; margin: 0; padding: 0 0 0 12px; line-height: 32px; text-align: left; list-style: none; cursor: pointer; transition: all 0.3s; user-select: none; } .ant-time-picker-panel-select li:focus { color: #ff3333; font-weight: 600; outline: none; } .ant-time-picker-panel-select li:hover { background: #fff2f0; } li.ant-time-picker-panel-select-option-selected { font-weight: 600; background: #f5f5f5; } li.ant-time-picker-panel-select-option-selected:hover { background: #f5f5f5; } li.ant-time-picker-panel-select-option-disabled { color: rgba(0, 0, 0, 0.25); } li.ant-time-picker-panel-select-option-disabled:hover { background: transparent; cursor: not-allowed; } li.ant-time-picker-panel-select-option-disabled:focus { color: rgba(0, 0, 0, 0.25); font-weight: inherit; } .ant-time-picker-panel-combobox { zoom: 1; } .ant-time-picker-panel-combobox::before, .ant-time-picker-panel-combobox::after { display: table; content: ''; } .ant-time-picker-panel-combobox::after { clear: both; } .ant-time-picker-panel-combobox::before, .ant-time-picker-panel-combobox::after { display: table; content: ''; } .ant-time-picker-panel-combobox::after { clear: both; } .ant-time-picker-panel-combobox::before { content: ''; clear: both; display: block; } .ant-time-picker-panel-combobox::before { content: ''; clear: both; display: block; } .ant-time-picker-panel-addon { padding: 8px; border-top: 1px solid #e8e8e8; } .ant-time-picker-panel.slide-up-enter.slide-up-enter-active.ant-time-picker-panel-placement-topLeft, .ant-time-picker-panel.slide-up-enter.slide-up-enter-active.ant-time-picker-panel-placement-topRight, .ant-time-picker-panel.slide-up-appear.slide-up-appear-active.ant-time-picker-panel-placement-topLeft, .ant-time-picker-panel.slide-up-appear.slide-up-appear-active.ant-time-picker-panel-placement-topRight { animation-name: antSlideDownIn; } .ant-time-picker-panel.slide-up-enter.slide-up-enter-active.ant-time-picker-panel-placement-bottomLeft, .ant-time-picker-panel.slide-up-enter.slide-up-enter-active.ant-time-picker-panel-placement-bottomRight, .ant-time-picker-panel.slide-up-appear.slide-up-appear-active.ant-time-picker-panel-placement-bottomLeft, .ant-time-picker-panel.slide-up-appear.slide-up-appear-active.ant-time-picker-panel-placement-bottomRight { animation-name: antSlideUpIn; } .ant-time-picker-panel.slide-up-leave.slide-up-leave-active.ant-time-picker-panel-placement-topLeft, .ant-time-picker-panel.slide-up-leave.slide-up-leave-active.ant-time-picker-panel-placement-topRight { animation-name: antSlideDownOut; } .ant-time-picker-panel.slide-up-leave.slide-up-leave-active.ant-time-picker-panel-placement-bottomLeft, .ant-time-picker-panel.slide-up-leave.slide-up-leave-active.ant-time-picker-panel-placement-bottomRight { animation-name: antSlideUpOut; } .ant-time-picker { box-sizing: border-box; margin: 0; padding: 0; color: rgba(0, 0, 0, 0.65); font-size: 14px; font-variant: tabular-nums; line-height: 1.5; list-style: none; font-feature-settings: 'tnum'; position: relative; display: inline-block; width: 128px; outline: none; cursor: text; transition: opacity 0.3s; } .ant-time-picker-input { position: relative; display: inline-block; width: 100%; height: 32px; padding: 4px 11px; color: rgba(0, 0, 0, 0.65); font-size: 14px; line-height: 1.5; background-color: #fff; background-image: none; border: 1px solid #d9d9d9; border-radius: 4px; transition: all 0.3s; } .ant-time-picker-input::-moz-placeholder { color: #bfbfbf; opacity: 1; } .ant-time-picker-input:-ms-input-placeholder { color: #bfbfbf; } .ant-time-picker-input::-webkit-input-placeholder { color: #bfbfbf; } .ant-time-picker-input:placeholder-shown { text-overflow: ellipsis; } .ant-time-picker-input:hover { border-color: #ff615c; border-right-width: 1px !important; } .ant-time-picker-input:focus { border-color: #ff615c; border-right-width: 1px !important; outline: 0; box-shadow: 0 0 0 2px rgba(255, 51, 51, 0.2); } .ant-time-picker-input-disabled { color: rgba(0, 0, 0, 0.25); background-color: #f5f5f5; cursor: not-allowed; opacity: 1; } .ant-time-picker-input-disabled:hover { border-color: #d9d9d9; border-right-width: 1px !important; } .ant-time-picker-input[disabled] { color: rgba(0, 0, 0, 0.25); background-color: #f5f5f5; cursor: not-allowed; opacity: 1; } .ant-time-picker-input[disabled]:hover { border-color: #d9d9d9; border-right-width: 1px !important; } textarea.ant-time-picker-input { max-width: 100%; height: auto; min-height: 32px; line-height: 1.5; vertical-align: bottom; transition: all 0.3s, height 0s; } .ant-time-picker-input-lg { height: 40px; padding: 6px 11px; font-size: 16px; } .ant-time-picker-input-sm { height: 24px; padding: 1px 7px; } .ant-time-picker-input[disabled] { color: rgba(0, 0, 0, 0.25); background-color: #f5f5f5; cursor: not-allowed; opacity: 1; } .ant-time-picker-input[disabled]:hover { border-color: #d9d9d9; border-right-width: 1px !important; } .ant-time-picker-open { opacity: 0; } .ant-time-picker-icon, .ant-time-picker-clear { position: absolute; top: 50%; right: 11px; z-index: 1; width: 14px; height: 14px; margin-top: -7px; color: rgba(0, 0, 0, 0.25); line-height: 14px; transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); user-select: none; } .ant-time-picker-icon .ant-time-picker-clock-icon, .ant-time-picker-clear .ant-time-picker-clock-icon { display: block; color: rgba(0, 0, 0, 0.25); line-height: 1; } .ant-time-picker-clear { z-index: 2; background: #fff; opacity: 0; pointer-events: none; } .ant-time-picker-clear:hover { color: rgba(0, 0, 0, 0.45); } .ant-time-picker:hover .ant-time-picker-clear { opacity: 1; pointer-events: auto; } .ant-time-picker-large .ant-time-picker-input { height: 40px; padding: 6px 11px; font-size: 16px; } .ant-time-picker-small .ant-time-picker-input { height: 24px; padding: 1px 7px; } .ant-time-picker-small .ant-time-picker-icon, .ant-time-picker-small .ant-time-picker-clear { right: 7px; } @media not all and (min-resolution: 0.001dpcm) { @supports (-webkit-appearance: none) and (stroke-color: transparent) { .ant-input { line-height: 1.5; } } } .ant-timeline { box-sizing: border-box; color: rgba(0, 0, 0, 0.65); font-size: 14px; font-variant: tabular-nums; line-height: 1.5; font-feature-settings: 'tnum'; margin: 0; padding: 0; list-style: none; } .ant-timeline-item { position: relative; margin: 0; padding: 0 0 20px; font-size: 14px; list-style: none; } .ant-timeline-item-tail { position: absolute; top: 10px; left: 4px; height: calc(100% - 10px); border-left: 2px solid #e8e8e8; } .ant-timeline-item-pending .ant-timeline-item-head { font-size: 12px; background-color: transparent; } .ant-timeline-item-pending .ant-timeline-item-tail { display: none; } .ant-timeline-item-head { position: absolute; width: 10px; height: 10px; background-color: #fff; border: 2px solid transparent; border-radius: 100px; } .ant-timeline-item-head-blue { color: #ff3333; border-color: #ff3333; } .ant-timeline-item-head-red { color: #f5222d; border-color: #f5222d; } .ant-timeline-item-head-green { color: #52c41a; border-color: #52c41a; } .ant-timeline-item-head-gray { color: rgba(0, 0, 0, 0.25); border-color: rgba(0, 0, 0, 0.25); } .ant-timeline-item-head-custom { position: absolute; top: 5.5px; left: 5px; width: auto; height: auto; margin-top: 0; padding: 3px 1px; line-height: 1; text-align: center; border: 0; border-radius: 0; transform: translate(-50%, -50%); } .ant-timeline-item-content { position: relative; top: -6px; margin: 0 0 0 18px; word-break: break-word; } .ant-timeline-item-last > .ant-timeline-item-tail { display: none; } .ant-timeline-item-last > .ant-timeline-item-content { min-height: 48px; } .ant-timeline.ant-timeline-alternate .ant-timeline-item-tail, .ant-timeline.ant-timeline-right .ant-timeline-item-tail, .ant-timeline.ant-timeline-alternate .ant-timeline-item-head, .ant-timeline.ant-timeline-right .ant-timeline-item-head, .ant-timeline.ant-timeline-alternate .ant-timeline-item-head-custom, .ant-timeline.ant-timeline-right .ant-timeline-item-head-custom { left: 50%; } .ant-timeline.ant-timeline-alternate .ant-timeline-item-head, .ant-timeline.ant-timeline-right .ant-timeline-item-head { margin-left: -4px; } .ant-timeline.ant-timeline-alternate .ant-timeline-item-head-custom, .ant-timeline.ant-timeline-right .ant-timeline-item-head-custom { margin-left: 1px; } .ant-timeline.ant-timeline-alternate .ant-timeline-item-left .ant-timeline-item-content, .ant-timeline.ant-timeline-right .ant-timeline-item-left .ant-timeline-item-content { left: calc(50% - 4px); width: calc(50% - 14px); text-align: left; } .ant-timeline.ant-timeline-alternate .ant-timeline-item-right .ant-timeline-item-content, .ant-timeline.ant-timeline-right .ant-timeline-item-right .ant-timeline-item-content { width: calc(50% - 12px); margin: 0; text-align: right; } .ant-timeline.ant-timeline-right .ant-timeline-item-right .ant-timeline-item-tail, .ant-timeline.ant-timeline-right .ant-timeline-item-right .ant-timeline-item-head, .ant-timeline.ant-timeline-right .ant-timeline-item-right .ant-timeline-item-head-custom { left: calc(100% - 4px - 2px); } .ant-timeline.ant-timeline-right .ant-timeline-item-right .ant-timeline-item-content { width: calc(100% - 18px); } .ant-timeline.ant-timeline-pending .ant-timeline-item-last .ant-timeline-item-tail { display: block; height: calc(100% - 14px); border-left: 2px dotted #e8e8e8; } .ant-timeline.ant-timeline-reverse .ant-timeline-item-last .ant-timeline-item-tail { display: none; } .ant-timeline.ant-timeline-reverse .ant-timeline-item-pending .ant-timeline-item-tail { top: 15px; display: block; height: calc(100% - 15px); border-left: 2px dotted #e8e8e8; } .ant-timeline.ant-timeline-reverse .ant-timeline-item-pending .ant-timeline-item-content { min-height: 48px; } .ant-tooltip { box-sizing: border-box; margin: 0; padding: 0; color: rgba(0, 0, 0, 0.65); font-size: 14px; font-variant: tabular-nums; line-height: 1.5; list-style: none; font-feature-settings: 'tnum'; position: absolute; z-index: 1060; display: block; max-width: 250px; visibility: visible; } .ant-tooltip-hidden { display: none; } .ant-tooltip-placement-top, .ant-tooltip-placement-topLeft, .ant-tooltip-placement-topRight { padding-bottom: 8px; } .ant-tooltip-placement-right, .ant-tooltip-placement-rightTop, .ant-tooltip-placement-rightBottom { padding-left: 8px; } .ant-tooltip-placement-bottom, .ant-tooltip-placement-bottomLeft, .ant-tooltip-placement-bottomRight { padding-top: 8px; } .ant-tooltip-placement-left, .ant-tooltip-placement-leftTop, .ant-tooltip-placement-leftBottom { padding-right: 8px; } .ant-tooltip-inner { min-width: 30px; min-height: 32px; padding: 6px 8px; color: #fff; text-align: left; text-decoration: none; word-wrap: break-word; background-color: rgba(0, 0, 0, 0.75); border-radius: 4px; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15); } .ant-tooltip-arrow { position: absolute; display: block; width: 13.07106781px; height: 13.07106781px; overflow: hidden; background: transparent; pointer-events: none; } .ant-tooltip-arrow::before { position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: block; width: 5px; height: 5px; margin: auto; background-color: rgba(0, 0, 0, 0.75); content: ''; pointer-events: auto; } .ant-tooltip-placement-top .ant-tooltip-arrow, .ant-tooltip-placement-topLeft .ant-tooltip-arrow, .ant-tooltip-placement-topRight .ant-tooltip-arrow { bottom: -5.07106781px; } .ant-tooltip-placement-top .ant-tooltip-arrow::before, .ant-tooltip-placement-topLeft .ant-tooltip-arrow::before, .ant-tooltip-placement-topRight .ant-tooltip-arrow::before { box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.07); transform: translateY(-6.53553391px) rotate(45deg); } .ant-tooltip-placement-top .ant-tooltip-arrow { left: 50%; transform: translateX(-50%); } .ant-tooltip-placement-topLeft .ant-tooltip-arrow { left: 13px; } .ant-tooltip-placement-topRight .ant-tooltip-arrow { right: 13px; } .ant-tooltip-placement-right .ant-tooltip-arrow, .ant-tooltip-placement-rightTop .ant-tooltip-arrow, .ant-tooltip-placement-rightBottom .ant-tooltip-arrow { left: -5.07106781px; } .ant-tooltip-placement-right .ant-tooltip-arrow::before, .ant-tooltip-placement-rightTop .ant-tooltip-arrow::before, .ant-tooltip-placement-rightBottom .ant-tooltip-arrow::before { box-shadow: -3px 3px 7px rgba(0, 0, 0, 0.07); transform: translateX(6.53553391px) rotate(45deg); } .ant-tooltip-placement-right .ant-tooltip-arrow { top: 50%; transform: translateY(-50%); } .ant-tooltip-placement-rightTop .ant-tooltip-arrow { top: 5px; } .ant-tooltip-placement-rightBottom .ant-tooltip-arrow { bottom: 5px; } .ant-tooltip-placement-left .ant-tooltip-arrow, .ant-tooltip-placement-leftTop .ant-tooltip-arrow, .ant-tooltip-placement-leftBottom .ant-tooltip-arrow { right: -5.07106781px; } .ant-tooltip-placement-left .ant-tooltip-arrow::before, .ant-tooltip-placement-leftTop .ant-tooltip-arrow::before, .ant-tooltip-placement-leftBottom .ant-tooltip-arrow::before { box-shadow: 3px -3px 7px rgba(0, 0, 0, 0.07); transform: translateX(-6.53553391px) rotate(45deg); } .ant-tooltip-placement-left .ant-tooltip-arrow { top: 50%; transform: translateY(-50%); } .ant-tooltip-placement-leftTop .ant-tooltip-arrow { top: 5px; } .ant-tooltip-placement-leftBottom .ant-tooltip-arrow { bottom: 5px; } .ant-tooltip-placement-bottom .ant-tooltip-arrow, .ant-tooltip-placement-bottomLeft .ant-tooltip-arrow, .ant-tooltip-placement-bottomRight .ant-tooltip-arrow { top: -5.07106781px; } .ant-tooltip-placement-bottom .ant-tooltip-arrow::before, .ant-tooltip-placement-bottomLeft .ant-tooltip-arrow::before, .ant-tooltip-placement-bottomRight .ant-tooltip-arrow::before { box-shadow: -3px -3px 7px rgba(0, 0, 0, 0.07); transform: translateY(6.53553391px) rotate(45deg); } .ant-tooltip-placement-bottom .ant-tooltip-arrow { left: 50%; transform: translateX(-50%); } .ant-tooltip-placement-bottomLeft .ant-tooltip-arrow { left: 13px; } .ant-tooltip-placement-bottomRight .ant-tooltip-arrow { right: 13px; } .ant-transfer-customize-list { display: flex; } .ant-transfer-customize-list .ant-transfer-operation { flex: none; align-self: center; } .ant-transfer-customize-list .ant-transfer-list { flex: auto; width: auto; height: auto; min-height: 200px; } .ant-transfer-customize-list .ant-transfer-list-body-with-search { padding-top: 0; } .ant-transfer-customize-list .ant-transfer-list-body-search-wrapper { position: relative; padding-bottom: 0; } .ant-transfer-customize-list .ant-transfer-list-body-customize-wrapper { padding: 12px; } .ant-transfer-customize-list .ant-table-wrapper .ant-table-small { border: 0; border-radius: 0; } .ant-transfer-customize-list .ant-table-wrapper .ant-table-small > .ant-table-content > .ant-table-body > table > .ant-table-thead > tr > th { background: #fafafa; } .ant-transfer-customize-list .ant-table-wrapper .ant-table-small > .ant-table-content .ant-table-row:last-child td { border-bottom: 1px solid #e8e8e8; } .ant-transfer-customize-list .ant-table-wrapper .ant-table-small .ant-table-body { margin: 0; } .ant-transfer-customize-list .ant-table-wrapper .ant-table-pagination.ant-pagination { margin: 16px 0 4px; } .ant-transfer { box-sizing: border-box; margin: 0; padding: 0; color: rgba(0, 0, 0, 0.65); font-size: 14px; font-variant: tabular-nums; line-height: 1.5; list-style: none; font-feature-settings: 'tnum'; position: relative; } .ant-transfer-disabled .ant-transfer-list { background: #f5f5f5; } .ant-transfer-list { position: relative; display: inline-block; width: 180px; height: 200px; padding-top: 40px; vertical-align: middle; border: 1px solid #d9d9d9; border-radius: 4px; } .ant-transfer-list-with-footer { padding-bottom: 34px; } .ant-transfer-list-search { padding: 0 24px 0 8px; } .ant-transfer-list-search-action { position: absolute; top: 12px; right: 12px; bottom: 12px; width: 28px; color: rgba(0, 0, 0, 0.25); line-height: 32px; text-align: center; } .ant-transfer-list-search-action .anticon { color: rgba(0, 0, 0, 0.25); transition: all 0.3s; } .ant-transfer-list-search-action .anticon:hover { color: rgba(0, 0, 0, 0.45); } span.ant-transfer-list-search-action { pointer-events: none; } .ant-transfer-list-header { position: absolute; top: 0; left: 0; width: 100%; padding: 8px 12px 9px; overflow: hidden; color: rgba(0, 0, 0, 0.65); background: #fff; border-bottom: 1px solid #e8e8e8; border-radius: 4px 4px 0 0; } .ant-transfer-list-header-title { position: absolute; right: 12px; } .ant-transfer-list-header .ant-checkbox-wrapper + span { padding-left: 8px; } .ant-transfer-list-body { position: relative; height: 100%; font-size: 14px; } .ant-transfer-list-body-search-wrapper { position: absolute; top: 0; left: 0; width: 100%; padding: 12px; } .ant-transfer-list-body-with-search { padding-top: 56px; } .ant-transfer-list-content { height: 100%; margin: 0; padding: 0; overflow: auto; list-style: none; } .ant-transfer-list-content > .LazyLoad { animation: transferHighlightIn 1s; } .ant-transfer-list-content-item { min-height: 32px; padding: 6px 12px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; transition: all 0.3s; } .ant-transfer-list-content-item > span { padding-right: 0; } .ant-transfer-list-content-item-text { padding-left: 8px; } .ant-transfer-list-content-item:not(.ant-transfer-list-content-item-disabled):hover { background-color: #fff2f0; cursor: pointer; } .ant-transfer-list-content-item-disabled { color: rgba(0, 0, 0, 0.25); cursor: not-allowed; } .ant-transfer-list-body-not-found { position: absolute; top: 50%; width: 100%; padding-top: 0; color: rgba(0, 0, 0, 0.25); text-align: center; transform: translateY(-50%); } .ant-transfer-list-body-with-search .ant-transfer-list-body-not-found { margin-top: 16px; } .ant-transfer-list-footer { position: absolute; bottom: 0; left: 0; width: 100%; border-top: 1px solid #e8e8e8; border-radius: 0 0 4px 4px; } .ant-transfer-operation { display: inline-block; margin: 0 8px; overflow: hidden; vertical-align: middle; } .ant-transfer-operation .ant-btn { display: block; } .ant-transfer-operation .ant-btn:first-child { margin-bottom: 4px; } .ant-transfer-operation .ant-btn .anticon { font-size: 12px; } @keyframes transferHighlightIn { 0% { background: #ffdcd6; } 100% { background: transparent; } } .ant-tree.ant-tree-directory { position: relative; } .ant-tree.ant-tree-directory > li span.ant-tree-switcher, .ant-tree.ant-tree-directory .ant-tree-child-tree > li span.ant-tree-switcher { position: relative; z-index: 1; } .ant-tree.ant-tree-directory > li span.ant-tree-switcher.ant-tree-switcher-noop, .ant-tree.ant-tree-directory .ant-tree-child-tree > li span.ant-tree-switcher.ant-tree-switcher-noop { pointer-events: none; } .ant-tree.ant-tree-directory > li span.ant-tree-checkbox, .ant-tree.ant-tree-directory .ant-tree-child-tree > li span.ant-tree-checkbox { position: relative; z-index: 1; } .ant-tree.ant-tree-directory > li span.ant-tree-node-content-wrapper, .ant-tree.ant-tree-directory .ant-tree-child-tree > li span.ant-tree-node-content-wrapper { border-radius: 0; user-select: none; } .ant-tree.ant-tree-directory > li span.ant-tree-node-content-wrapper:hover, .ant-tree.ant-tree-directory .ant-tree-child-tree > li span.ant-tree-node-content-wrapper:hover { background: transparent; } .ant-tree.ant-tree-directory > li span.ant-tree-node-content-wrapper:hover::before, .ant-tree.ant-tree-directory .ant-tree-child-tree > li span.ant-tree-node-content-wrapper:hover::before { background: #fff2f0; } .ant-tree.ant-tree-directory > li span.ant-tree-node-content-wrapper.ant-tree-node-selected, .ant-tree.ant-tree-directory .ant-tree-child-tree > li span.ant-tree-node-content-wrapper.ant-tree-node-selected { color: #fff; background: transparent; } .ant-tree.ant-tree-directory > li span.ant-tree-node-content-wrapper::before, .ant-tree.ant-tree-directory .ant-tree-child-tree > li span.ant-tree-node-content-wrapper::before { position: absolute; right: 0; left: 0; height: 24px; transition: all 0.3s; content: ''; } .ant-tree.ant-tree-directory > li span.ant-tree-node-content-wrapper > span, .ant-tree.ant-tree-directory .ant-tree-child-tree > li span.ant-tree-node-content-wrapper > span { position: relative; z-index: 1; } .ant-tree.ant-tree-directory > li.ant-tree-treenode-selected > span.ant-tree-switcher, .ant-tree.ant-tree-directory .ant-tree-child-tree > li.ant-tree-treenode-selected > span.ant-tree-switcher { color: #fff; } .ant-tree.ant-tree-directory > li.ant-tree-treenode-selected > span.ant-tree-checkbox .ant-tree-checkbox-inner, .ant-tree.ant-tree-directory .ant-tree-child-tree > li.ant-tree-treenode-selected > span.ant-tree-checkbox .ant-tree-checkbox-inner { border-color: #ff3333; } .ant-tree.ant-tree-directory > li.ant-tree-treenode-selected > span.ant-tree-checkbox.ant-tree-checkbox-checked::after, .ant-tree.ant-tree-directory .ant-tree-child-tree > li.ant-tree-treenode-selected > span.ant-tree-checkbox.ant-tree-checkbox-checked::after { border-color: #fff; } .ant-tree.ant-tree-directory > li.ant-tree-treenode-selected > span.ant-tree-checkbox.ant-tree-checkbox-checked .ant-tree-checkbox-inner, .ant-tree.ant-tree-directory .ant-tree-child-tree > li.ant-tree-treenode-selected > span.ant-tree-checkbox.ant-tree-checkbox-checked .ant-tree-checkbox-inner { background: #fff; } .ant-tree.ant-tree-directory > li.ant-tree-treenode-selected > span.ant-tree-checkbox.ant-tree-checkbox-checked .ant-tree-checkbox-inner::after, .ant-tree.ant-tree-directory .ant-tree-child-tree > li.ant-tree-treenode-selected > span.ant-tree-checkbox.ant-tree-checkbox-checked .ant-tree-checkbox-inner::after { border-color: #ff3333; } .ant-tree.ant-tree-directory > li.ant-tree-treenode-selected > span.ant-tree-node-content-wrapper::before, .ant-tree.ant-tree-directory .ant-tree-child-tree > li.ant-tree-treenode-selected > span.ant-tree-node-content-wrapper::before { background: #ff3333; } .ant-tree-checkbox { box-sizing: border-box; margin: 0; padding: 0; color: rgba(0, 0, 0, 0.65); font-size: 14px; font-variant: tabular-nums; line-height: 1.5; list-style: none; font-feature-settings: 'tnum'; position: relative; top: -0.09em; display: inline-block; line-height: 1; white-space: nowrap; vertical-align: middle; outline: none; cursor: pointer; } .ant-tree-checkbox-wrapper:hover .ant-tree-checkbox-inner, .ant-tree-checkbox:hover .ant-tree-checkbox-inner, .ant-tree-checkbox-input:focus + .ant-tree-checkbox-inner { border-color: #ff3333; } .ant-tree-checkbox-checked::after { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 1px solid #ff3333; border-radius: 2px; visibility: hidden; animation: antCheckboxEffect 0.36s ease-in-out; animation-fill-mode: backwards; content: ''; } .ant-tree-checkbox:hover::after, .ant-tree-checkbox-wrapper:hover .ant-tree-checkbox::after { visibility: visible; } .ant-tree-checkbox-inner { position: relative; top: 0; left: 0; display: block; width: 16px; height: 16px; background-color: #fff; border: 1px solid #d9d9d9; border-radius: 2px; border-collapse: separate; transition: all 0.3s; } .ant-tree-checkbox-inner::after { position: absolute; top: 50%; left: 22%; display: table; width: 5.71428571px; height: 9.14285714px; border: 2px solid #fff; border-top: 0; border-left: 0; transform: rotate(45deg) scale(0) translate(-50%, -50%); opacity: 0; transition: all 0.1s cubic-bezier(0.71, -0.46, 0.88, 0.6), opacity 0.1s; content: ' '; } .ant-tree-checkbox-input { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; width: 100%; height: 100%; cursor: pointer; opacity: 0; } .ant-tree-checkbox-checked .ant-tree-checkbox-inner::after { position: absolute; display: table; border: 2px solid #fff; border-top: 0; border-left: 0; transform: rotate(45deg) scale(1) translate(-50%, -50%); opacity: 1; transition: all 0.2s cubic-bezier(0.12, 0.4, 0.29, 1.46) 0.1s; content: ' '; } .ant-tree-checkbox-checked .ant-tree-checkbox-inner { background-color: #ff3333; border-color: #ff3333; } .ant-tree-checkbox-disabled { cursor: not-allowed; } .ant-tree-checkbox-disabled.ant-tree-checkbox-checked .ant-tree-checkbox-inner::after { border-color: rgba(0, 0, 0, 0.25); animation-name: none; } .ant-tree-checkbox-disabled .ant-tree-checkbox-input { cursor: not-allowed; } .ant-tree-checkbox-disabled .ant-tree-checkbox-inner { background-color: #f5f5f5; border-color: #d9d9d9 !important; } .ant-tree-checkbox-disabled .ant-tree-checkbox-inner::after { border-color: #f5f5f5; border-collapse: separate; animation-name: none; } .ant-tree-checkbox-disabled + span { color: rgba(0, 0, 0, 0.25); cursor: not-allowed; } .ant-tree-checkbox-disabled:hover::after, .ant-tree-checkbox-wrapper:hover .ant-tree-checkbox-disabled::after { visibility: hidden; } .ant-tree-checkbox-wrapper { box-sizing: border-box; margin: 0; padding: 0; color: rgba(0, 0, 0, 0.65); font-size: 14px; font-variant: tabular-nums; line-height: 1.5; list-style: none; font-feature-settings: 'tnum'; display: inline-block; line-height: unset; cursor: pointer; } .ant-tree-checkbox-wrapper.ant-tree-checkbox-wrapper-disabled { cursor: not-allowed; } .ant-tree-checkbox-wrapper + .ant-tree-checkbox-wrapper { margin-left: 8px; } .ant-tree-checkbox + span { padding-right: 8px; padding-left: 8px; } .ant-tree-checkbox-group { box-sizing: border-box; margin: 0; padding: 0; color: rgba(0, 0, 0, 0.65); font-size: 14px; font-variant: tabular-nums; line-height: 1.5; list-style: none; font-feature-settings: 'tnum'; display: inline-block; } .ant-tree-checkbox-group-item { display: inline-block; margin-right: 8px; } .ant-tree-checkbox-group-item:last-child { margin-right: 0; } .ant-tree-checkbox-group-item + .ant-tree-checkbox-group-item { margin-left: 0; } .ant-tree-checkbox-indeterminate .ant-tree-checkbox-inner { background-color: #fff; border-color: #d9d9d9; } .ant-tree-checkbox-indeterminate .ant-tree-checkbox-inner::after { top: 50%; left: 50%; width: 8px; height: 8px; background-color: #ff3333; border: 0; transform: translate(-50%, -50%) scale(1); opacity: 1; content: ' '; } .ant-tree-checkbox-indeterminate.ant-tree-checkbox-disabled .ant-tree-checkbox-inner::after { background-color: rgba(0, 0, 0, 0.25); border-color: rgba(0, 0, 0, 0.25); } .ant-tree { /* see https://github.com/ant-design/ant-design/issues/16259 */ box-sizing: border-box; color: rgba(0, 0, 0, 0.65); font-size: 14px; font-variant: tabular-nums; line-height: 1.5; list-style: none; font-feature-settings: 'tnum'; margin: 0; padding: 0; } .ant-tree-checkbox-checked::after { position: absolute; top: 16.67%; left: 0; width: 100%; height: 66.67%; } .ant-tree ol, .ant-tree ul { margin: 0; padding: 0; list-style: none; } .ant-tree li { margin: 0; padding: 4px 0; white-space: nowrap; list-style: none; outline: 0; } .ant-tree li span[draggable], .ant-tree li span[draggable='true'] { line-height: 20px; border-top: 2px transparent solid; border-bottom: 2px transparent solid; user-select: none; /* Required to make elements draggable in old WebKit */ -khtml-user-drag: element; -webkit-user-drag: element; } .ant-tree li.drag-over > span[draggable] { color: white; background-color: #ff3333; opacity: 0.8; } .ant-tree li.drag-over-gap-top > span[draggable] { border-top-color: #ff3333; } .ant-tree li.drag-over-gap-bottom > span[draggable] { border-bottom-color: #ff3333; } .ant-tree li.filter-node > span { color: #f5222d !important; font-weight: 500 !important; } .ant-tree li.ant-tree-treenode-loading span.ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-loading-icon, .ant-tree li.ant-tree-treenode-loading span.ant-tree-switcher.ant-tree-switcher_close .ant-tree-switcher-loading-icon { position: absolute; left: 0; display: inline-block; width: 24px; height: 24px; color: #ff3333; font-size: 14px; transform: none; } .ant-tree li.ant-tree-treenode-loading span.ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-loading-icon svg, .ant-tree li.ant-tree-treenode-loading span.ant-tree-switcher.ant-tree-switcher_close .ant-tree-switcher-loading-icon svg { position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; } :root .ant-tree li.ant-tree-treenode-loading span.ant-tree-switcher.ant-tree-switcher_open::after, :root .ant-tree li.ant-tree-treenode-loading span.ant-tree-switcher.ant-tree-switcher_close::after { opacity: 0; } .ant-tree li ul { margin: 0; padding: 0 0 0 18px; } .ant-tree li .ant-tree-node-content-wrapper { display: inline-block; height: 24px; margin: 0; padding: 0 5px; color: rgba(0, 0, 0, 0.65); line-height: 24px; text-decoration: none; vertical-align: top; border-radius: 2px; cursor: pointer; transition: all 0.3s; } .ant-tree li .ant-tree-node-content-wrapper:hover { background-color: #fff2f0; } .ant-tree li .ant-tree-node-content-wrapper.ant-tree-node-selected { background-color: #ffdcd6; } .ant-tree li span.ant-tree-checkbox { top: initial; height: 24px; margin: 0 4px 0 2px; padding: 4px 0; } .ant-tree li span.ant-tree-switcher, .ant-tree li span.ant-tree-iconEle { display: inline-block; width: 24px; height: 24px; margin: 0; line-height: 24px; text-align: center; vertical-align: top; border: 0 none; outline: none; cursor: pointer; } .ant-tree li span.ant-tree-iconEle:empty { display: none; } .ant-tree li span.ant-tree-switcher { position: relative; } .ant-tree li span.ant-tree-switcher.ant-tree-switcher-noop { cursor: default; } .ant-tree li span.ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon, .ant-tree li span.ant-tree-switcher.ant-tree-switcher_open .ant-select-switcher-icon { font-size: 12px; font-size: 10px \9; transform: scale(0.83333333) rotate(0deg); display: inline-block; font-weight: bold; } :root .ant-tree li span.ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon, :root .ant-tree li span.ant-tree-switcher.ant-tree-switcher_open .ant-select-switcher-icon { font-size: 12px; } .ant-tree li span.ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon svg, .ant-tree li span.ant-tree-switcher.ant-tree-switcher_open .ant-select-switcher-icon svg { transition: transform 0.3s; } .ant-tree li span.ant-tree-switcher.ant-tree-switcher_close .ant-tree-switcher-icon, .ant-tree li span.ant-tree-switcher.ant-tree-switcher_close .ant-select-switcher-icon { font-size: 12px; font-size: 10px \9; transform: scale(0.83333333) rotate(0deg); display: inline-block; font-weight: bold; } :root .ant-tree li span.ant-tree-switcher.ant-tree-switcher_close .ant-tree-switcher-icon, :root .ant-tree li span.ant-tree-switcher.ant-tree-switcher_close .ant-select-switcher-icon { font-size: 12px; } .ant-tree li span.ant-tree-switcher.ant-tree-switcher_close .ant-tree-switcher-icon svg, .ant-tree li span.ant-tree-switcher.ant-tree-switcher_close .ant-select-switcher-icon svg { transition: transform 0.3s; } .ant-tree li span.ant-tree-switcher.ant-tree-switcher_close .ant-tree-switcher-icon svg { transform: rotate(-90deg); } .ant-tree li:last-child > span.ant-tree-switcher::before, .ant-tree li:last-child > span.ant-tree-iconEle::before { display: none; } .ant-tree > li:first-child { padding-top: 7px; } .ant-tree > li:last-child { padding-bottom: 7px; } .ant-tree-child-tree > li:first-child { padding-top: 8px; } .ant-tree-child-tree > li:last-child { padding-bottom: 0; } li.ant-tree-treenode-disabled > span:not(.ant-tree-switcher), li.ant-tree-treenode-disabled > .ant-tree-node-content-wrapper, li.ant-tree-treenode-disabled > .ant-tree-node-content-wrapper span { color: rgba(0, 0, 0, 0.25); cursor: not-allowed; } li.ant-tree-treenode-disabled > .ant-tree-node-content-wrapper:hover { background: transparent; } .ant-tree-icon__open { margin-right: 2px; vertical-align: top; } .ant-tree-icon__close { margin-right: 2px; vertical-align: top; } .ant-tree.ant-tree-show-line li { position: relative; } .ant-tree.ant-tree-show-line li span.ant-tree-switcher { color: rgba(0, 0, 0, 0.45); background: #fff; } .ant-tree.ant-tree-show-line li span.ant-tree-switcher.ant-tree-switcher-noop .ant-tree-switcher-icon, .ant-tree.ant-tree-show-line li span.ant-tree-switcher.ant-tree-switcher-noop .ant-select-switcher-icon { display: inline-block; font-weight: normal; font-size: 12px; } .ant-tree.ant-tree-show-line li span.ant-tree-switcher.ant-tree-switcher-noop .ant-tree-switcher-icon svg, .ant-tree.ant-tree-show-line li span.ant-tree-switcher.ant-tree-switcher-noop .ant-select-switcher-icon svg { transition: transform 0.3s; } .ant-tree.ant-tree-show-line li span.ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon, .ant-tree.ant-tree-show-line li span.ant-tree-switcher.ant-tree-switcher_open .ant-select-switcher-icon { display: inline-block; font-weight: normal; font-size: 12px; } .ant-tree.ant-tree-show-line li span.ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon svg, .ant-tree.ant-tree-show-line li span.ant-tree-switcher.ant-tree-switcher_open .ant-select-switcher-icon svg { transition: transform 0.3s; } .ant-tree.ant-tree-show-line li span.ant-tree-switcher.ant-tree-switcher_close .ant-tree-switcher-icon, .ant-tree.ant-tree-show-line li span.ant-tree-switcher.ant-tree-switcher_close .ant-select-switcher-icon { display: inline-block; font-weight: normal; font-size: 12px; } .ant-tree.ant-tree-show-line li span.ant-tree-switcher.ant-tree-switcher_close .ant-tree-switcher-icon svg, .ant-tree.ant-tree-show-line li span.ant-tree-switcher.ant-tree-switcher_close .ant-select-switcher-icon svg { transition: transform 0.3s; } .ant-tree.ant-tree-show-line li:not(:last-child)::before { position: absolute; left: 12px; width: 1px; height: 100%; height: calc(100% - 22px); margin: 22px 0 0; border-left: 1px solid #d9d9d9; content: ' '; } .ant-tree.ant-tree-icon-hide .ant-tree-treenode-loading .ant-tree-iconEle { display: none; } .ant-tree.ant-tree-block-node li .ant-tree-node-content-wrapper { width: calc(100% - 24px); } .ant-tree.ant-tree-block-node li span.ant-tree-checkbox + .ant-tree-node-content-wrapper { width: calc(100% - 46px); } .ant-select-tree-checkbox { box-sizing: border-box; margin: 0; padding: 0; color: rgba(0, 0, 0, 0.65); font-size: 14px; font-variant: tabular-nums; line-height: 1.5; list-style: none; font-feature-settings: 'tnum'; position: relative; top: -0.09em; display: inline-block; line-height: 1; white-space: nowrap; vertical-align: middle; outline: none; cursor: pointer; } .ant-select-tree-checkbox-wrapper:hover .ant-select-tree-checkbox-inner, .ant-select-tree-checkbox:hover .ant-select-tree-checkbox-inner, .ant-select-tree-checkbox-input:focus + .ant-select-tree-checkbox-inner { border-color: #ff3333; } .ant-select-tree-checkbox-checked::after { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 1px solid #ff3333; border-radius: 2px; visibility: hidden; animation: antCheckboxEffect 0.36s ease-in-out; animation-fill-mode: backwards; content: ''; } .ant-select-tree-checkbox:hover::after, .ant-select-tree-checkbox-wrapper:hover .ant-select-tree-checkbox::after { visibility: visible; } .ant-select-tree-checkbox-inner { position: relative; top: 0; left: 0; display: block; width: 16px; height: 16px; background-color: #fff; border: 1px solid #d9d9d9; border-radius: 2px; border-collapse: separate; transition: all 0.3s; } .ant-select-tree-checkbox-inner::after { position: absolute; top: 50%; left: 22%; display: table; width: 5.71428571px; height: 9.14285714px; border: 2px solid #fff; border-top: 0; border-left: 0; transform: rotate(45deg) scale(0) translate(-50%, -50%); opacity: 0; transition: all 0.1s cubic-bezier(0.71, -0.46, 0.88, 0.6), opacity 0.1s; content: ' '; } .ant-select-tree-checkbox-input { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; width: 100%; height: 100%; cursor: pointer; opacity: 0; } .ant-select-tree-checkbox-checked .ant-select-tree-checkbox-inner::after { position: absolute; display: table; border: 2px solid #fff; border-top: 0; border-left: 0; transform: rotate(45deg) scale(1) translate(-50%, -50%); opacity: 1; transition: all 0.2s cubic-bezier(0.12, 0.4, 0.29, 1.46) 0.1s; content: ' '; } .ant-select-tree-checkbox-checked .ant-select-tree-checkbox-inner { background-color: #ff3333; border-color: #ff3333; } .ant-select-tree-checkbox-disabled { cursor: not-allowed; } .ant-select-tree-checkbox-disabled.ant-select-tree-checkbox-checked .ant-select-tree-checkbox-inner::after { border-color: rgba(0, 0, 0, 0.25); animation-name: none; } .ant-select-tree-checkbox-disabled .ant-select-tree-checkbox-input { cursor: not-allowed; } .ant-select-tree-checkbox-disabled .ant-select-tree-checkbox-inner { background-color: #f5f5f5; border-color: #d9d9d9 !important; } .ant-select-tree-checkbox-disabled .ant-select-tree-checkbox-inner::after { border-color: #f5f5f5; border-collapse: separate; animation-name: none; } .ant-select-tree-checkbox-disabled + span { color: rgba(0, 0, 0, 0.25); cursor: not-allowed; } .ant-select-tree-checkbox-disabled:hover::after, .ant-select-tree-checkbox-wrapper:hover .ant-select-tree-checkbox-disabled::after { visibility: hidden; } .ant-select-tree-checkbox-wrapper { box-sizing: border-box; margin: 0; padding: 0; color: rgba(0, 0, 0, 0.65); font-size: 14px; font-variant: tabular-nums; line-height: 1.5; list-style: none; font-feature-settings: 'tnum'; display: inline-block; line-height: unset; cursor: pointer; } .ant-select-tree-checkbox-wrapper.ant-select-tree-checkbox-wrapper-disabled { cursor: not-allowed; } .ant-select-tree-checkbox-wrapper + .ant-select-tree-checkbox-wrapper { margin-left: 8px; } .ant-select-tree-checkbox + span { padding-right: 8px; padding-left: 8px; } .ant-select-tree-checkbox-group { box-sizing: border-box; margin: 0; padding: 0; color: rgba(0, 0, 0, 0.65); font-size: 14px; font-variant: tabular-nums; line-height: 1.5; list-style: none; font-feature-settings: 'tnum'; display: inline-block; } .ant-select-tree-checkbox-group-item { display: inline-block; margin-right: 8px; } .ant-select-tree-checkbox-group-item:last-child { margin-right: 0; } .ant-select-tree-checkbox-group-item + .ant-select-tree-checkbox-group-item { margin-left: 0; } .ant-select-tree-checkbox-indeterminate .ant-select-tree-checkbox-inner { background-color: #fff; border-color: #d9d9d9; } .ant-select-tree-checkbox-indeterminate .ant-select-tree-checkbox-inner::after { top: 50%; left: 50%; width: 8px; height: 8px; background-color: #ff3333; border: 0; transform: translate(-50%, -50%) scale(1); opacity: 1; content: ' '; } .ant-select-tree-checkbox-indeterminate.ant-select-tree-checkbox-disabled .ant-select-tree-checkbox-inner::after { background-color: rgba(0, 0, 0, 0.25); border-color: rgba(0, 0, 0, 0.25); } .ant-select-tree { box-sizing: border-box; padding: 0; color: rgba(0, 0, 0, 0.65); font-size: 14px; font-variant: tabular-nums; line-height: 1.5; list-style: none; font-feature-settings: 'tnum'; margin: 0; margin-top: -4px; padding: 0 4px; } .ant-select-tree li { margin: 8px 0; padding: 0; white-space: nowrap; list-style: none; outline: 0; } .ant-select-tree li.filter-node > span { font-weight: 500; } .ant-select-tree li ul { margin: 0; padding: 0 0 0 18px; } .ant-select-tree li .ant-select-tree-node-content-wrapper { display: inline-block; width: calc(100% - 24px); margin: 0; padding: 3px 5px; color: rgba(0, 0, 0, 0.65); text-decoration: none; border-radius: 2px; cursor: pointer; transition: all 0.3s; } .ant-select-tree li .ant-select-tree-node-content-wrapper:hover { background-color: #fff2f0; } .ant-select-tree li .ant-select-tree-node-content-wrapper.ant-select-tree-node-selected { background-color: #ffdcd6; } .ant-select-tree li span.ant-select-tree-checkbox { margin: 0 4px 0 0; } .ant-select-tree li span.ant-select-tree-checkbox + .ant-select-tree-node-content-wrapper { width: calc(100% - 46px); } .ant-select-tree li span.ant-select-tree-switcher, .ant-select-tree li span.ant-select-tree-iconEle { display: inline-block; width: 24px; height: 24px; margin: 0; line-height: 22px; text-align: center; vertical-align: middle; border: 0 none; outline: none; cursor: pointer; } .ant-select-tree li span.ant-select-icon_loading .ant-select-switcher-loading-icon { position: absolute; left: 0; display: inline-block; color: #ff3333; font-size: 14px; transform: none; } .ant-select-tree li span.ant-select-icon_loading .ant-select-switcher-loading-icon svg { position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; } .ant-select-tree li span.ant-select-tree-switcher { position: relative; } .ant-select-tree li span.ant-select-tree-switcher.ant-select-tree-switcher-noop { cursor: auto; } .ant-select-tree li span.ant-select-tree-switcher.ant-select-tree-switcher_open .ant-tree-switcher-icon, .ant-select-tree li span.ant-select-tree-switcher.ant-select-tree-switcher_open .ant-select-switcher-icon { font-size: 12px; font-size: 10px \9; transform: scale(0.83333333) rotate(0deg); display: inline-block; font-weight: bold; } :root .ant-select-tree li span.ant-select-tree-switcher.ant-select-tree-switcher_open .ant-tree-switcher-icon, :root .ant-select-tree li span.ant-select-tree-switcher.ant-select-tree-switcher_open .ant-select-switcher-icon { font-size: 12px; } .ant-select-tree li span.ant-select-tree-switcher.ant-select-tree-switcher_open .ant-tree-switcher-icon svg, .ant-select-tree li span.ant-select-tree-switcher.ant-select-tree-switcher_open .ant-select-switcher-icon svg { transition: transform 0.3s; } .ant-select-tree li span.ant-select-tree-switcher.ant-select-tree-switcher_close .ant-tree-switcher-icon, .ant-select-tree li span.ant-select-tree-switcher.ant-select-tree-switcher_close .ant-select-switcher-icon { font-size: 12px; font-size: 10px \9; transform: scale(0.83333333) rotate(0deg); display: inline-block; font-weight: bold; } :root .ant-select-tree li span.ant-select-tree-switcher.ant-select-tree-switcher_close .ant-tree-switcher-icon, :root .ant-select-tree li span.ant-select-tree-switcher.ant-select-tree-switcher_close .ant-select-switcher-icon { font-size: 12px; } .ant-select-tree li span.ant-select-tree-switcher.ant-select-tree-switcher_close .ant-tree-switcher-icon svg, .ant-select-tree li span.ant-select-tree-switcher.ant-select-tree-switcher_close .ant-select-switcher-icon svg { transition: transform 0.3s; } .ant-select-tree li span.ant-select-tree-switcher.ant-select-tree-switcher_close .ant-select-switcher-icon svg { transform: rotate(-90deg); } .ant-select-tree li span.ant-select-tree-switcher.ant-select-tree-switcher_open .ant-select-switcher-loading-icon, .ant-select-tree li span.ant-select-tree-switcher.ant-select-tree-switcher_close .ant-select-switcher-loading-icon { position: absolute; left: 0; display: inline-block; width: 24px; height: 24px; color: #ff3333; font-size: 14px; transform: none; } .ant-select-tree li span.ant-select-tree-switcher.ant-select-tree-switcher_open .ant-select-switcher-loading-icon svg, .ant-select-tree li span.ant-select-tree-switcher.ant-select-tree-switcher_close .ant-select-switcher-loading-icon svg { position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; } .ant-select-tree .ant-select-tree-treenode-loading .ant-select-tree-iconEle { display: none; } .ant-select-tree-child-tree { display: none; } .ant-select-tree-child-tree-open { display: block; } li.ant-select-tree-treenode-disabled > span:not(.ant-select-tree-switcher), li.ant-select-tree-treenode-disabled > .ant-select-tree-node-content-wrapper, li.ant-select-tree-treenode-disabled > .ant-select-tree-node-content-wrapper span { color: rgba(0, 0, 0, 0.25); cursor: not-allowed; } li.ant-select-tree-treenode-disabled > .ant-select-tree-node-content-wrapper:hover { background: transparent; } .ant-select-tree-icon__open { margin-right: 2px; vertical-align: top; } .ant-select-tree-icon__close { margin-right: 2px; vertical-align: top; } .ant-select-tree-dropdown { box-sizing: border-box; margin: 0; padding: 0; color: rgba(0, 0, 0, 0.65); font-size: 14px; font-variant: tabular-nums; line-height: 1.5; list-style: none; font-feature-settings: 'tnum'; } .ant-select-tree-dropdown .ant-select-dropdown-search { position: sticky; top: 0; z-index: 1; display: block; padding: 4px; background: #fff; } .ant-select-tree-dropdown .ant-select-dropdown-search .ant-select-search__field__wrap { width: 100%; } .ant-select-tree-dropdown .ant-select-dropdown-search .ant-select-search__field { box-sizing: border-box; width: 100%; padding: 4px 7px; border: 1px solid #d9d9d9; border-radius: 4px; outline: none; } .ant-select-tree-dropdown .ant-select-dropdown-search.ant-select-search--hide { display: none; } .ant-select-tree-dropdown .ant-select-not-found { display: block; padding: 7px 16px; color: rgba(0, 0, 0, 0.25); cursor: not-allowed; } .ant-typography { color: rgba(0, 0, 0, 0.65); } .ant-typography.ant-typography-secondary { color: rgba(0, 0, 0, 0.45); } .ant-typography.ant-typography-warning { color: #faad14; } .ant-typography.ant-typography-danger { color: #f5222d; } .ant-typography.ant-typography-disabled { color: rgba(0, 0, 0, 0.25); cursor: not-allowed; user-select: none; } div.ant-typography, .ant-typography p { margin-bottom: 1em; } h1.ant-typography, .ant-typography h1 { margin-bottom: 0.5em; color: rgba(0, 0, 0, 0.85); font-weight: 600; font-size: 38px; line-height: 1.23; } h2.ant-typography, .ant-typography h2 { margin-bottom: 0.5em; color: rgba(0, 0, 0, 0.85); font-weight: 600; font-size: 30px; line-height: 1.35; } h3.ant-typography, .ant-typography h3 { margin-bottom: 0.5em; color: rgba(0, 0, 0, 0.85); font-weight: 600; font-size: 24px; line-height: 1.35; } h4.ant-typography, .ant-typography h4 { margin-bottom: 0.5em; color: rgba(0, 0, 0, 0.85); font-weight: 600; font-size: 20px; line-height: 1.4; } .ant-typography + h1.ant-typography, .ant-typography + h2.ant-typography, .ant-typography + h3.ant-typography, .ant-typography + h4.ant-typography { margin-top: 1.2em; } .ant-typography div + h1, .ant-typography ul + h1, .ant-typography li + h1, .ant-typography p + h1, .ant-typography h1 + h1, .ant-typography h2 + h1, .ant-typography h3 + h1, .ant-typography h4 + h1, .ant-typography div + h2, .ant-typography ul + h2, .ant-typography li + h2, .ant-typography p + h2, .ant-typography h1 + h2, .ant-typography h2 + h2, .ant-typography h3 + h2, .ant-typography h4 + h2, .ant-typography div + h3, .ant-typography ul + h3, .ant-typography li + h3, .ant-typography p + h3, .ant-typography h1 + h3, .ant-typography h2 + h3, .ant-typography h3 + h3, .ant-typography h4 + h3, .ant-typography div + h4, .ant-typography ul + h4, .ant-typography li + h4, .ant-typography p + h4, .ant-typography h1 + h4, .ant-typography h2 + h4, .ant-typography h3 + h4, .ant-typography h4 + h4 { margin-top: 1.2em; } span.ant-typography-ellipsis { display: inline-block; } .ant-typography a { color: #ff3333; text-decoration: none; outline: none; cursor: pointer; transition: color 0.3s; } .ant-typography a:focus, .ant-typography a:hover { color: #ff615c; } .ant-typography a:active { color: #d92127; } .ant-typography a:active, .ant-typography a:hover { text-decoration: none; } .ant-typography a[disabled] { color: rgba(0, 0, 0, 0.25); cursor: not-allowed; pointer-events: none; } .ant-typography code { margin: 0 0.2em; padding: 0.2em 0.4em 0.1em; font-size: 85%; background: rgba(0, 0, 0, 0.06); border: 1px solid rgba(0, 0, 0, 0.06); border-radius: 3px; } .ant-typography mark { padding: 0; background-color: #ffe58f; } .ant-typography u, .ant-typography ins { text-decoration: underline; text-decoration-skip-ink: auto; } .ant-typography s, .ant-typography del { text-decoration: line-through; } .ant-typography strong { font-weight: 600; } .ant-typography-expand, .ant-typography-edit, .ant-typography-copy { color: #ff3333; text-decoration: none; outline: none; cursor: pointer; transition: color 0.3s; margin-left: 8px; } .ant-typography-expand:focus, .ant-typography-edit:focus, .ant-typography-copy:focus, .ant-typography-expand:hover, .ant-typography-edit:hover, .ant-typography-copy:hover { color: #ff615c; } .ant-typography-expand:active, .ant-typography-edit:active, .ant-typography-copy:active { color: #d92127; } .ant-typography-copy-success, .ant-typography-copy-success:hover, .ant-typography-copy-success:focus { color: #52c41a; } .ant-typography-edit-content { position: relative; } div.ant-typography-edit-content { left: -12px; margin-top: -5px; margin-bottom: calc(1em - 4px - 2px); } .ant-typography-edit-content-confirm { position: absolute; right: 10px; bottom: 8px; color: rgba(0, 0, 0, 0.45); pointer-events: none; } .ant-typography-edit-content textarea { -moz-transition: none; } .ant-typography ul, .ant-typography ol { margin: 0 0 1em 0; padding: 0; } .ant-typography ul li, .ant-typography ol li { margin: 0 0 0 20px; padding: 0 0 0 4px; } .ant-typography ul li { list-style-type: circle; } .ant-typography ul li li { list-style-type: disc; } .ant-typography ol li { list-style-type: decimal; } .ant-typography-ellipsis-single-line { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .ant-typography-ellipsis-multiple-line { display: -webkit-box; -webkit-line-clamp: 3; /*! autoprefixer: ignore next */ -webkit-box-orient: vertical; overflow: hidden; } .ant-upload { box-sizing: border-box; margin: 0; padding: 0; color: rgba(0, 0, 0, 0.65); font-size: 14px; font-variant: tabular-nums; line-height: 1.5; list-style: none; font-feature-settings: 'tnum'; outline: 0; } .ant-upload p { margin: 0; } .ant-upload-btn { display: block; width: 100%; outline: none; } .ant-upload input[type='file'] { cursor: pointer; } .ant-upload.ant-upload-select { display: inline-block; } .ant-upload.ant-upload-disabled { cursor: not-allowed; } .ant-upload.ant-upload-select-picture-card { display: table; float: left; width: 104px; height: 104px; margin-right: 8px; margin-bottom: 8px; text-align: center; vertical-align: top; background-color: #fafafa; border: 1px dashed #d9d9d9; border-radius: 4px; cursor: pointer; transition: border-color 0.3s ease; } .ant-upload.ant-upload-select-picture-card > .ant-upload { display: table-cell; width: 100%; height: 100%; padding: 8px; text-align: center; vertical-align: middle; } .ant-upload.ant-upload-select-picture-card:hover { border-color: #ff3333; } .ant-upload.ant-upload-drag { position: relative; width: 100%; height: 100%; text-align: center; background: #fafafa; border: 1px dashed #d9d9d9; border-radius: 4px; cursor: pointer; transition: border-color 0.3s; } .ant-upload.ant-upload-drag .ant-upload { padding: 16px 0; } .ant-upload.ant-upload-drag.ant-upload-drag-hover:not(.ant-upload-disabled) { border-color: #d92127; } .ant-upload.ant-upload-drag.ant-upload-disabled { cursor: not-allowed; } .ant-upload.ant-upload-drag .ant-upload-btn { display: table; height: 100%; } .ant-upload.ant-upload-drag .ant-upload-drag-container { display: table-cell; vertical-align: middle; } .ant-upload.ant-upload-drag:not(.ant-upload-disabled):hover { border-color: #ff615c; } .ant-upload.ant-upload-drag p.ant-upload-drag-icon { margin-bottom: 20px; } .ant-upload.ant-upload-drag p.ant-upload-drag-icon .anticon { color: #ff615c; font-size: 48px; } .ant-upload.ant-upload-drag p.ant-upload-text { margin: 0 0 4px; color: rgba(0, 0, 0, 0.85); font-size: 16px; } .ant-upload.ant-upload-drag p.ant-upload-hint { color: rgba(0, 0, 0, 0.45); font-size: 14px; } .ant-upload.ant-upload-drag .anticon-plus { color: rgba(0, 0, 0, 0.25); font-size: 30px; transition: all 0.3s; } .ant-upload.ant-upload-drag .anticon-plus:hover { color: rgba(0, 0, 0, 0.45); } .ant-upload.ant-upload-drag:hover .anticon-plus { color: rgba(0, 0, 0, 0.45); } .ant-upload-picture-card-wrapper { zoom: 1; display: inline-block; width: 100%; } .ant-upload-picture-card-wrapper::before, .ant-upload-picture-card-wrapper::after { display: table; content: ''; } .ant-upload-picture-card-wrapper::after { clear: both; } .ant-upload-picture-card-wrapper::before, .ant-upload-picture-card-wrapper::after { display: table; content: ''; } .ant-upload-picture-card-wrapper::after { clear: both; } .ant-upload-picture-card-wrapper::before { content: ''; clear: both; display: block; } .ant-upload-picture-card-wrapper::before { content: ''; clear: both; display: block; } .ant-upload-list { box-sizing: border-box; margin: 0; padding: 0; color: rgba(0, 0, 0, 0.65); font-size: 14px; font-variant: tabular-nums; line-height: 1.5; list-style: none; font-feature-settings: 'tnum'; zoom: 1; } .ant-upload-list::before, .ant-upload-list::after { display: table; content: ''; } .ant-upload-list::after { clear: both; } .ant-upload-list::before, .ant-upload-list::after { display: table; content: ''; } .ant-upload-list::after { clear: both; } .ant-upload-list::before { content: ''; clear: both; display: block; } .ant-upload-list::before { content: ''; clear: both; display: block; } .ant-upload-list-item-list-type-text:hover .ant-upload-list-item-name-icon-count-1 { padding-right: 14px; } .ant-upload-list-item-list-type-text:hover .ant-upload-list-item-name-icon-count-2 { padding-right: 28px; } .ant-upload-list-item { position: relative; height: 22px; margin-top: 8px; font-size: 14px; } .ant-upload-list-item-name { display: inline-block; width: 100%; padding-left: 22px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .ant-upload-list-item-name-icon-count-1 { padding-right: 14px; } .ant-upload-list-item-card-actions { position: absolute; right: 0; opacity: 0; } .ant-upload-list-item-card-actions.picture { top: 25px; line-height: 1; opacity: 1; } .ant-upload-list-item-card-actions .anticon { padding-right: 6px; color: rgba(0, 0, 0, 0.45); } .ant-upload-list-item-info { height: 100%; padding: 0 12px 0 4px; transition: background-color 0.3s; } .ant-upload-list-item-info > span { display: block; width: 100%; height: 100%; } .ant-upload-list-item-info .anticon-loading, .ant-upload-list-item-info .anticon-paper-clip { position: absolute; top: 5px; color: rgba(0, 0, 0, 0.45); font-size: 14px; } .ant-upload-list-item .anticon-close { display: inline-block; font-size: 12px; font-size: 10px \9; transform: scale(0.83333333) rotate(0deg); position: absolute; top: 6px; right: 4px; color: rgba(0, 0, 0, 0.45); line-height: 0; cursor: pointer; opacity: 0; transition: all 0.3s; } :root .ant-upload-list-item .anticon-close { font-size: 12px; } .ant-upload-list-item .anticon-close:hover { color: rgba(0, 0, 0, 0.65); } .ant-upload-list-item:hover .ant-upload-list-item-info { background-color: #fff2f0; } .ant-upload-list-item:hover .anticon-close { opacity: 1; } .ant-upload-list-item:hover .ant-upload-list-item-card-actions { opacity: 1; } .ant-upload-list-item-error, .ant-upload-list-item-error .anticon-paper-clip, .ant-upload-list-item-error .ant-upload-list-item-name { color: #f5222d; } .ant-upload-list-item-error .ant-upload-list-item-card-actions { opacity: 1; } .ant-upload-list-item-error .ant-upload-list-item-card-actions .anticon { color: #f5222d; } .ant-upload-list-item-progress { position: absolute; bottom: -12px; width: 100%; padding-left: 26px; font-size: 14px; line-height: 0; } .ant-upload-list-picture .ant-upload-list-item, .ant-upload-list-picture-card .ant-upload-list-item { position: relative; height: 66px; padding: 8px; border: 1px solid #d9d9d9; border-radius: 4px; } .ant-upload-list-picture .ant-upload-list-item:hover, .ant-upload-list-picture-card .ant-upload-list-item:hover { background: transparent; } .ant-upload-list-picture .ant-upload-list-item-error, .ant-upload-list-picture-card .ant-upload-list-item-error { border-color: #f5222d; } .ant-upload-list-picture .ant-upload-list-item-info, .ant-upload-list-picture-card .ant-upload-list-item-info { padding: 0; } .ant-upload-list-picture .ant-upload-list-item:hover .ant-upload-list-item-info, .ant-upload-list-picture-card .ant-upload-list-item:hover .ant-upload-list-item-info { background: transparent; } .ant-upload-list-picture .ant-upload-list-item-uploading, .ant-upload-list-picture-card .ant-upload-list-item-uploading { border-style: dashed; } .ant-upload-list-picture .ant-upload-list-item-thumbnail, .ant-upload-list-picture-card .ant-upload-list-item-thumbnail { position: absolute; top: 8px; left: 8px; width: 48px; height: 48px; font-size: 26px; line-height: 54px; text-align: center; opacity: 0.8; } .ant-upload-list-picture .ant-upload-list-item-icon, .ant-upload-list-picture-card .ant-upload-list-item-icon { position: absolute; top: 50%; left: 50%; font-size: 26px; transform: translate(-50%, -50%); } .ant-upload-list-picture .ant-upload-list-item-image, .ant-upload-list-picture-card .ant-upload-list-item-image { max-width: 100%; } .ant-upload-list-picture .ant-upload-list-item-thumbnail img, .ant-upload-list-picture-card .ant-upload-list-item-thumbnail img { display: block; width: 48px; height: 48px; overflow: hidden; } .ant-upload-list-picture .ant-upload-list-item-name, .ant-upload-list-picture-card .ant-upload-list-item-name { display: inline-block; box-sizing: border-box; max-width: 100%; margin: 0 0 0 8px; padding-right: 8px; padding-left: 48px; overflow: hidden; line-height: 44px; white-space: nowrap; text-overflow: ellipsis; transition: all 0.3s; } .ant-upload-list-picture .ant-upload-list-item-name-icon-count-1, .ant-upload-list-picture-card .ant-upload-list-item-name-icon-count-1 { padding-right: 18px; } .ant-upload-list-picture .ant-upload-list-item-name-icon-count-2, .ant-upload-list-picture-card .ant-upload-list-item-name-icon-count-2 { padding-right: 36px; } .ant-upload-list-picture .ant-upload-list-item-uploading .ant-upload-list-item-name, .ant-upload-list-picture-card .ant-upload-list-item-uploading .ant-upload-list-item-name { line-height: 28px; } .ant-upload-list-picture .ant-upload-list-item-progress, .ant-upload-list-picture-card .ant-upload-list-item-progress { bottom: 14px; width: calc(100% - 24px); margin-top: 0; padding-left: 56px; } .ant-upload-list-picture .anticon-close, .ant-upload-list-picture-card .anticon-close { position: absolute; top: 8px; right: 8px; line-height: 1; opacity: 1; } .ant-upload-list-picture-card.ant-upload-list::after { display: none; } .ant-upload-list-picture-card-container { float: left; width: 104px; height: 104px; margin: 0 8px 8px 0; } .ant-upload-list-picture-card .ant-upload-list-item { float: left; width: 104px; height: 104px; margin: 0 8px 8px 0; } .ant-upload-list-picture-card .ant-upload-list-item-info { position: relative; height: 100%; overflow: hidden; } .ant-upload-list-picture-card .ant-upload-list-item-info::before { position: absolute; z-index: 1; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); opacity: 0; transition: all 0.3s; content: ' '; } .ant-upload-list-picture-card .ant-upload-list-item:hover .ant-upload-list-item-info::before { opacity: 1; } .ant-upload-list-picture-card .ant-upload-list-item-actions { position: absolute; top: 50%; left: 50%; z-index: 10; white-space: nowrap; transform: translate(-50%, -50%); opacity: 0; transition: all 0.3s; } .ant-upload-list-picture-card .ant-upload-list-item-actions .anticon-eye-o, .ant-upload-list-picture-card .ant-upload-list-item-actions .anticon-download, .ant-upload-list-picture-card .ant-upload-list-item-actions .anticon-delete { z-index: 10; width: 16px; margin: 0 4px; color: rgba(255, 255, 255, 0.85); font-size: 16px; cursor: pointer; transition: all 0.3s; } .ant-upload-list-picture-card .ant-upload-list-item-actions .anticon-eye-o:hover, .ant-upload-list-picture-card .ant-upload-list-item-actions .anticon-download:hover, .ant-upload-list-picture-card .ant-upload-list-item-actions .anticon-delete:hover { color: #fff; } .ant-upload-list-picture-card .ant-upload-list-item-info:hover + .ant-upload-list-item-actions, .ant-upload-list-picture-card .ant-upload-list-item-actions:hover { opacity: 1; } .ant-upload-list-picture-card .ant-upload-list-item-thumbnail, .ant-upload-list-picture-card .ant-upload-list-item-thumbnail img { position: static; display: block; width: 100%; height: 100%; object-fit: cover; } .ant-upload-list-picture-card .ant-upload-list-item-name { display: none; margin: 8px 0 0; padding: 0; line-height: 1.5; text-align: center; } .ant-upload-list-picture-card .anticon-picture + .ant-upload-list-item-name { position: absolute; bottom: 10px; display: block; } .ant-upload-list-picture-card .ant-upload-list-item-uploading.ant-upload-list-item { background-color: #fafafa; } .ant-upload-list-picture-card .ant-upload-list-item-uploading .ant-upload-list-item-info { height: auto; } .ant-upload-list-picture-card .ant-upload-list-item-uploading .ant-upload-list-item-info::before, .ant-upload-list-picture-card .ant-upload-list-item-uploading .ant-upload-list-item-info .anticon-eye-o, .ant-upload-list-picture-card .ant-upload-list-item-uploading .ant-upload-list-item-info .anticon-delete { display: none; } .ant-upload-list-picture-card .ant-upload-list-item-uploading-text { margin-top: 18px; color: rgba(0, 0, 0, 0.45); } .ant-upload-list-picture-card .ant-upload-list-item-progress { bottom: 32px; padding-left: 0; } .ant-upload-list .ant-upload-success-icon { color: #52c41a; font-weight: bold; } .ant-upload-list .ant-upload-animate-enter, .ant-upload-list .ant-upload-animate-leave, .ant-upload-list .ant-upload-animate-inline-enter, .ant-upload-list .ant-upload-animate-inline-leave { animation-duration: 0.3s; animation-fill-mode: cubic-bezier(0.78, 0.14, 0.15, 0.86); } .ant-upload-list .ant-upload-animate-enter { animation-name: uploadAnimateIn; } .ant-upload-list .ant-upload-animate-leave { animation-name: uploadAnimateOut; } .ant-upload-list .ant-upload-animate-inline-enter { animation-name: uploadAnimateInlineIn; } .ant-upload-list .ant-upload-animate-inline-leave { animation-name: uploadAnimateInlineOut; } @keyframes uploadAnimateIn { from { height: 0; margin: 0; padding: 0; opacity: 0; } } @keyframes uploadAnimateOut { to { height: 0; margin: 0; padding: 0; opacity: 0; } } @keyframes uploadAnimateInlineIn { from { width: 0; height: 0; margin: 0; padding: 0; opacity: 0; } } @keyframes uploadAnimateInlineOut { to { width: 0; height: 0; margin: 0; padding: 0; opacity: 0; } } @media screen and (max-width: 768px) { html { font-size: 100px; } html #fb-root .fb_dialog { bottom: 238px !important; right: 20px !important; } } @media screen and (max-width: 500px) { html { font-size: 66.7px; } } @media screen and (max-width: 414px) { html { font-size: 55.2px; } } @media screen and (max-width: 375px) { html { font-size: 50px; } } @media screen and (max-width: 320px) { html { font-size: 42.7px; } } #fb-root .fb_dialog { display: none; } html, body { font-family: 'Nunito', sans-serif, SF Pro SC, SF Pro Text, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif !important; } #root { min-height: 100%; } .ant-layout { background: #fff; } .ant-input-group .ant-input-affix-wrapper { margin-bottom: 0 !important; } input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, textarea:-webkit-autofill, textarea:-webkit-autofill:hover, textarea:-webkit-autofill:focus, select:-webkit-autofill, select:-webkit-autofill:hover, select:-webkit-autofill:focus { -webkit-box-shadow: 0 0 0px 1000px #f2f2f2 inset; transition: background-color 5000s ease-in-out 0s; } .newModal .ant-modal-content { border-radius: 20px; } .newModal .ant-modal-header { border-top-left-radius: 20px; border-top-right-radius: 20px; padding: 26px 10px 19px; margin: 0 20px; } .newModal .ant-modal-close { font-size: 20px; color: #ff3333; } .newModal .ant-modal-title { font-size: 20px; } .newModal .ant-modal-close-x { font-family: 'iconfont' !important; font-size: 30px; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; width: 80px; height: 40px; line-height: 70px; } .newModal .ant-modal-close-x i { display: none; } .newModal .ant-modal-close-x::before { content: '\E61A'; } .newModal .ant-modal-body { padding: 0 20px; } .newModal .ant-input { border-top-right-radius: 9px; border-bottom-right-radius: 9px; background: #f2f2f2; } .newModal .ant-input-group-addon { border-top-left-radius: 9px; border-bottom-left-radius: 9px; border: 0; background: #f2f2f2; } .newModal .iconfont { font-size: 36px; color: #b7b7b7; } .newModal .ant-input-affix-wrapper .ant-input-suffix { font-size: 28px; } .newModal .ant-input-group .ant-input-affix-wrapper { margin-bottom: 0 !important; } .newModal .ant-modal-confirm-body { padding: 20px 0 40px; } .newModal .ant-modal-confirm-body .anticon { display: block; float: none; font-size: 40px; margin: 0; } .newModal .ant-modal-confirm-body .ant-modal-confirm-title { text-align: center; font-size: 20px; margin-top: 12px; border-bottom: 1px solid #e8e8e8; padding-bottom: 23px; } .newModal .ant-modal-confirm-body .ant-modal-confirm-content { text-align: center; margin: 30px auto 0; font-size: 18px; color: #000; } .newModal .ant-modal-confirm-btns { margin: 0 auto 30px; float: none; text-align: center; } .newModal .ant-modal-confirm-btns .ant-btn { width: 124px; height: 46px; border-radius: 9px; font-size: 18px; } .has-error .ant-input-affix-wrapper .ant-input, .has-error .ant-input-affix-wrapper .ant-input:hover, .has-error .ant-input, .has-error .ant-input:hover { background: #f2f2f2; } .ant-form-explain { text-align: left; text-indent: 55px; } .ant-modal-confirm-body > .anticon + .ant-modal-confirm-title + .ant-modal-confirm-content { margin-left: 0; } .ant-table { font-size: 13px; } .ant-table-wrapper .ant-table-pagination { float: none; } .ant-table-wrapper .ant-table-pagination .ant-pagination-total-text { float: left; } .ant-table-wrapper .ant-table-pagination .ant-pagination-options { float: right; } #scrollup { font-size: 0; display: none; } #scrollup::before { background: black none no-repeat scroll 0 0; background-size: 100% 100%; content: ''; /* font-family: fontawesome; */ height: 60px; /* padding: 6px 12px; */ position: fixed; width: 60px; z-index: 99; border-radius: 50%; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAAACXBIWXMAAAsTAAALEwEAmpwYAAAFHGlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDUgNzkuMTYzNDk5LCAyMDE4LzA4LzEzLTE2OjQwOjIyICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1sbnM6cGhvdG9zaG9wPSJodHRwOi8vbnMuYWRvYmUuY29tL3Bob3Rvc2hvcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOSAoV2luZG93cykiIHhtcDpDcmVhdGVEYXRlPSIyMDE5LTEyLTMwVDE1OjU3OjUyKzA4OjAwIiB4bXA6TW9kaWZ5RGF0ZT0iMjAxOS0xMi0zMFQxNTo1ODowOCswODowMCIgeG1wOk1ldGFkYXRhRGF0ZT0iMjAxOS0xMi0zMFQxNTo1ODowOCswODowMCIgZGM6Zm9ybWF0PSJpbWFnZS9wbmciIHBob3Rvc2hvcDpDb2xvck1vZGU9IjMiIHBob3Rvc2hvcDpJQ0NQcm9maWxlPSJzUkdCIElFQzYxOTY2LTIuMSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpmODQ5NWIzZC05OWE3LWJhNDEtYmM3Ny1hNDRlMDEyNmI0NjUiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6Zjg0OTViM2QtOTlhNy1iYTQxLWJjNzctYTQ0ZTAxMjZiNDY1IiB4bXBNTTpPcmlnaW5hbERvY3VtZW50SUQ9InhtcC5kaWQ6Zjg0OTViM2QtOTlhNy1iYTQxLWJjNzctYTQ0ZTAxMjZiNDY1Ij4gPHhtcE1NOkhpc3Rvcnk+IDxyZGY6U2VxPiA8cmRmOmxpIHN0RXZ0OmFjdGlvbj0iY3JlYXRlZCIgc3RFdnQ6aW5zdGFuY2VJRD0ieG1wLmlpZDpmODQ5NWIzZC05OWE3LWJhNDEtYmM3Ny1hNDRlMDEyNmI0NjUiIHN0RXZ0OndoZW49IjIwMTktMTItMzBUMTU6NTc6NTIrMDg6MDAiIHN0RXZ0OnNvZnR3YXJlQWdlbnQ9IkFkb2JlIFBob3Rvc2hvcCBDQyAyMDE5IChXaW5kb3dzKSIvPiA8L3JkZjpTZXE+IDwveG1wTU06SGlzdG9yeT4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5aOU03AAAG8klEQVRogeXba4xdZRUG4GdOTzswte1QLjVUpJXYQIukYhUElZSAWtqkjRo1kURjvYDGuwhigsG7tYICokEF/ki8/WggVqygMSaiEqS1VUBJsRWpELnU0qGdznT88e7jnDmcmTkzZ58y1TfZf/bZl/Xub33fWu/61un6/U1XKBnT0Y1jcTqW4EU4sTg3Ez0YQl9xPIod2I6tuBdPYD8OlGlctcRndWMRVuE8nCLEuuUjTBvj3iUYFHL7sRd/xibchoeK822jDMIz8Vq8Ey/DHCE6UUwrjiOKZxyPV+JDuBvfwS/wTDvGtkO4G6txEV6CY9oxZBTMLI75OAtbcD1+YpKuPlnCr8BHsRzHTfIZE8VxOB+niatfLXN9Qpgo4SNwcXG8eKIvKwnzcKFMn+vwbQy0evNECC/EJ/AWHDWB+zqBLizGZ2ShXI9/tHJjpcUXLMVVeJfnnmw9jhFv+6pEhXHRCuGz8BWsUW4YKwvdeDPWiZuPifEIvBRXSlydyuiS+E+m3X2jXTjWCJ+ET5v6ZOtxAa7AC0a7YDTCPfKlVo3y+1RFBW+UkDl9tAua4b14m7HTwamK6Vgrmd+z0IzwmXi/ZDiHK2bjgxJdRqCR8JH4GBZ02KAdSlZBTbBIE9duJLxGhEAnXfkWfFiShqc6+J4qVmJF48kaZosQmN1BI76Hy/AwNmAfPoXeDr3vKJmeP1eorPoRXiFxt1O4BZ8UsguLc+vxeZ0b6S68HOfWTtQId+MdeF4HXjokZC/D3/EaIXpx8f5Ok54jq/Z0hl36FBndrpJfdhDfN0z2VZICnmE4oblBSHfhcuW7d0Xk7Em4vyLMV8uXKBODnk12vZAla8UXJOZXJV//Ip4s2Q4yl1eiWhF3Pk+0blkYxI8Mkz1bCJ3RcF2vuHPN5dbhS8p37yOleDCjKrWjRSU+fEDIXipka2rrzFGu7xWScKOQJgtcb0k2dUmh8OgqlskXKAMD+KGRbvxlKcaNhd7iOrjJMOnLlTfVZuH0Kk7FjBIe+IzE1no3Xmd8sjXM0XykL8XcEuybgSUViYlNlcUEcSc+YuScbZVsDb1Cem1h4DpcIwlKu5iBhRXJm1st9YyFnZIfn2NyZGvoFaIXycjej3+WYN80LKgqr558gWylnCx16nYwC58TT3mhbNOUgWOrypOBC5SrsmZJrapM9FSUG3+nOnrKmLuHFSra3Jw6zNBXkf3Z/xf0VfCv59qKQ4jHKvibyLj/dQxgR1XaDA6IaposHsS3sLl4Tpcopv2Sq9fSxE2ysf2A5O/LpQRTK5xfj9sls6qKhDxXas1Ht2Ef4bi9im3o1x7huXidiIVfYiPeI0psvnjQrSIQVuLt+Dd+KgW9q3EC7hGyq/F8ybBuxp7iunaKi/3YVpV2gj4J9JPFXNGbpKSzWYyuyc6dYvjZUi+uFQpPk4L5RvkIVZFxb5URHZCPsEUaX45vw8Y9uLciX/EvbTyoEQcl3A3VnXtEPOlCI6uiS/Bq/AG7RcRMNyxXh+rOt5MgDUl30BNVmWd3KE8XDxVH/UK4T+ZQ497ygLjuI+JyVSke/LawZZp8vDc1uXci6JNSbX+1MGSDVBHLKgQ0oqd49qNGCoGKkJ0ja8hBkavniSf0iNsv1V6B8UlphBmoVS0fELd6vXKkYiPmi4K6UaqjNf39R/GuS0QW9kuF8RLlaHQSLe6SaPTfMm0/viuLSrsllX5ZIAbrzs3DB/BZmccnS/PZFpnDK0Sg75Hp8Li4ehnYLdwGYdq715xT+2GnxLwFbb6gS4xdZlh6VsSVT5DMbm9hwDKJw/Pq7l0sq3sZZach/ErygAFG7i3txTfF5doZ5VOLoxmWF8dTMmcb14w3tPHeZngc31BXImqcr7dKpjOos+jVuQWyhgHp09xUf7KR8D5pAdreYWMOBe6TVqsR+9DNVuS7cS2ePgRGdQq78XVJdkZgtBB0g6SCLbf0TSEckHbEm5v9OBrh/bLxtcHIFHGqYxA/EFduug6NlWTskKa028u3q2O4TVopdo12wXideNuENA29ElMMNfl5Jf461oWt9E7+TlK9p0XylZEQlIl9+LGQfXC8i1ttFv2TtADtkoa1dqsPZeExWZyuEmEyLibSHfswPi5C432SApbdItEqBmUQrhVB0nJNbqLtwAek7vQbGfHzlZfkt4pdUiH5miZxdjxMtv95s2xprpDkf6nO/vdhSNz3HsmNf2aS6W87Dd8HZGW8Q7ZI10oPR6/y2p/2iNC4S5KJX2vz/0tldLj3SfXxTpGWq8TVF0vVovZHrfHeNSBaul8qmltlJDfKJnt/CbaW2tLfL8XAayQ17RVXXyJlmxNlL7r2XyQS6vaKjHuoOLYWx24JOaWmt/8Bzf1yGEyoLBsAAAAASUVORK5CYII=); bottom: 130px; right: 15px; } @media screen and (max-width: 768px) { #scrollup::before { background: black none no-repeat scroll 0 0; background-size: 100% 100%; content: ''; /* font-family: fontawesome; */ height: 60px; /* padding: 6px 12px; */ position: fixed; width: 60px; z-index: 99; border-radius: 50%; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAAACXBIWXMAAAsTAAALEwEAmpwYAAAFHGlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDUgNzkuMTYzNDk5LCAyMDE4LzA4LzEzLTE2OjQwOjIyICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1sbnM6cGhvdG9zaG9wPSJodHRwOi8vbnMuYWRvYmUuY29tL3Bob3Rvc2hvcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOSAoV2luZG93cykiIHhtcDpDcmVhdGVEYXRlPSIyMDE5LTEyLTMwVDE1OjU3OjUyKzA4OjAwIiB4bXA6TW9kaWZ5RGF0ZT0iMjAxOS0xMi0zMFQxNTo1ODowOCswODowMCIgeG1wOk1ldGFkYXRhRGF0ZT0iMjAxOS0xMi0zMFQxNTo1ODowOCswODowMCIgZGM6Zm9ybWF0PSJpbWFnZS9wbmciIHBob3Rvc2hvcDpDb2xvck1vZGU9IjMiIHBob3Rvc2hvcDpJQ0NQcm9maWxlPSJzUkdCIElFQzYxOTY2LTIuMSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpmODQ5NWIzZC05OWE3LWJhNDEtYmM3Ny1hNDRlMDEyNmI0NjUiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6Zjg0OTViM2QtOTlhNy1iYTQxLWJjNzctYTQ0ZTAxMjZiNDY1IiB4bXBNTTpPcmlnaW5hbERvY3VtZW50SUQ9InhtcC5kaWQ6Zjg0OTViM2QtOTlhNy1iYTQxLWJjNzctYTQ0ZTAxMjZiNDY1Ij4gPHhtcE1NOkhpc3Rvcnk+IDxyZGY6U2VxPiA8cmRmOmxpIHN0RXZ0OmFjdGlvbj0iY3JlYXRlZCIgc3RFdnQ6aW5zdGFuY2VJRD0ieG1wLmlpZDpmODQ5NWIzZC05OWE3LWJhNDEtYmM3Ny1hNDRlMDEyNmI0NjUiIHN0RXZ0OndoZW49IjIwMTktMTItMzBUMTU6NTc6NTIrMDg6MDAiIHN0RXZ0OnNvZnR3YXJlQWdlbnQ9IkFkb2JlIFBob3Rvc2hvcCBDQyAyMDE5IChXaW5kb3dzKSIvPiA8L3JkZjpTZXE+IDwveG1wTU06SGlzdG9yeT4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5aOU03AAAG8klEQVRogeXba4xdZRUG4GdOTzswte1QLjVUpJXYQIukYhUElZSAWtqkjRo1kURjvYDGuwhigsG7tYICokEF/ki8/WggVqygMSaiEqS1VUBJsRWpELnU0qGdznT88e7jnDmcmTkzZ58y1TfZf/bZl/Xub33fWu/61un6/U1XKBnT0Y1jcTqW4EU4sTg3Ez0YQl9xPIod2I6tuBdPYD8OlGlctcRndWMRVuE8nCLEuuUjTBvj3iUYFHL7sRd/xibchoeK822jDMIz8Vq8Ey/DHCE6UUwrjiOKZxyPV+JDuBvfwS/wTDvGtkO4G6txEV6CY9oxZBTMLI75OAtbcD1+YpKuPlnCr8BHsRzHTfIZE8VxOB+niatfLXN9Qpgo4SNwcXG8eKIvKwnzcKFMn+vwbQy0evNECC/EJ/AWHDWB+zqBLizGZ2ShXI9/tHJjpcUXLMVVeJfnnmw9jhFv+6pEhXHRCuGz8BWsUW4YKwvdeDPWiZuPifEIvBRXSlydyuiS+E+m3X2jXTjWCJ+ET5v6ZOtxAa7AC0a7YDTCPfKlVo3y+1RFBW+UkDl9tAua4b14m7HTwamK6Vgrmd+z0IzwmXi/ZDiHK2bjgxJdRqCR8JH4GBZ02KAdSlZBTbBIE9duJLxGhEAnXfkWfFiShqc6+J4qVmJF48kaZosQmN1BI76Hy/AwNmAfPoXeDr3vKJmeP1eorPoRXiFxt1O4BZ8UsguLc+vxeZ0b6S68HOfWTtQId+MdeF4HXjokZC/D3/EaIXpx8f5Ok54jq/Z0hl36FBndrpJfdhDfN0z2VZICnmE4oblBSHfhcuW7d0Xk7Em4vyLMV8uXKBODnk12vZAla8UXJOZXJV//Ip4s2Q4yl1eiWhF3Pk+0blkYxI8Mkz1bCJ3RcF2vuHPN5dbhS8p37yOleDCjKrWjRSU+fEDIXipka2rrzFGu7xWScKOQJgtcb0k2dUmh8OgqlskXKAMD+KGRbvxlKcaNhd7iOrjJMOnLlTfVZuH0Kk7FjBIe+IzE1no3Xmd8sjXM0XykL8XcEuybgSUViYlNlcUEcSc+YuScbZVsDb1Cem1h4DpcIwlKu5iBhRXJm1st9YyFnZIfn2NyZGvoFaIXycjej3+WYN80LKgqr558gWylnCx16nYwC58TT3mhbNOUgWOrypOBC5SrsmZJrapM9FSUG3+nOnrKmLuHFSra3Jw6zNBXkf3Z/xf0VfCv59qKQ4jHKvibyLj/dQxgR1XaDA6IaposHsS3sLl4Tpcopv2Sq9fSxE2ysf2A5O/LpQRTK5xfj9sls6qKhDxXas1Ht2Ef4bi9im3o1x7huXidiIVfYiPeI0psvnjQrSIQVuLt+Dd+KgW9q3EC7hGyq/F8ybBuxp7iunaKi/3YVpV2gj4J9JPFXNGbpKSzWYyuyc6dYvjZUi+uFQpPk4L5RvkIVZFxb5URHZCPsEUaX45vw8Y9uLciX/EvbTyoEQcl3A3VnXtEPOlCI6uiS/Bq/AG7RcRMNyxXh+rOt5MgDUl30BNVmWd3KE8XDxVH/UK4T+ZQ497ygLjuI+JyVSke/LawZZp8vDc1uXci6JNSbX+1MGSDVBHLKgQ0oqd49qNGCoGKkJ0ja8hBkavniSf0iNsv1V6B8UlphBmoVS0fELd6vXKkYiPmi4K6UaqjNf39R/GuS0QW9kuF8RLlaHQSLe6SaPTfMm0/viuLSrsllX5ZIAbrzs3DB/BZmccnS/PZFpnDK0Sg75Hp8Li4ehnYLdwGYdq715xT+2GnxLwFbb6gS4xdZlh6VsSVT5DMbm9hwDKJw/Pq7l0sq3sZZach/ErygAFG7i3txTfF5doZ5VOLoxmWF8dTMmcb14w3tPHeZngc31BXImqcr7dKpjOos+jVuQWyhgHp09xUf7KR8D5pAdreYWMOBe6TVqsR+9DNVuS7cS2ePgRGdQq78XVJdkZgtBB0g6SCLbf0TSEckHbEm5v9OBrh/bLxtcHIFHGqYxA/EFduug6NlWTskKa028u3q2O4TVopdo12wXideNuENA29ElMMNfl5Jf461oWt9E7+TlK9p0XylZEQlIl9+LGQfXC8i1ttFv2TtADtkoa1dqsPZeExWZyuEmEyLibSHfswPi5C432SApbdItEqBmUQrhVB0nJNbqLtwAek7vQbGfHzlZfkt4pdUiH5miZxdjxMtv95s2xprpDkf6nO/vdhSNz3HsmNf2aS6W87Dd8HZGW8Q7ZI10oPR6/y2p/2iNC4S5KJX2vz/0tldLj3SfXxTpGWq8TVF0vVovZHrfHeNSBaul8qmltlJDfKJnt/CbaW2tLfL8XAayQ17RVXXyJlmxNlL7r2XyQS6vaKjHuoOLYWx24JOaWmt/8Bzf1yGEyoLBsAAAAASUVORK5CYII=); bottom: 128px; right: 15px; } } .systemMsg .colorSpan { width: 20px; height: 20px; display: inline-block; margin-right: 5px; border: 1px solid #cccccc; border-radius: 6px; } .systemMsg .clsOne { fill: #95bf47; } .systemMsg .clsTwo { fill: #5e8e3e; } .systemMsg .clsThree { fill: #fff; } .systemMsg .st0 { fill-rule: evenodd; clip-rule: evenodd; fill: #945c87; } .systemMsg .st1 { fill-rule: evenodd; clip-rule: evenodd; fill: #ffffff; } .systemMsg .st2 { fill-rule: evenodd; clip-rule: evenodd; } .systemMsg .ant-modal-confirm-body > .anticon { float: none; font-size: 52px; margin-right: 0; } .systemMsg .ant-modal-confirm-body > .anticon.anticon-info-circle { color: #3a8053; } .systemMsg .ant-modal-confirm-body > .anticon + .ant-modal-confirm-title + .ant-modal-confirm-content { margin-left: 0; } .systemMsg .ant-modal-header { border-bottom: none; color: #576077; } .systemMsg .ant-modal-close { position: absolute; background-color: #ff3333; width: 25px; height: 25px; font-size: 30px; line-height: 25px; border-radius: 50%; top: -13px; right: -13px; padding: 0; } .systemMsg .ant-modal-close .ant-modal-close-x { width: 25px; height: 25px; line-height: 22px; } .systemMsg .ant-modal-close .anticon-close { font-size: 14px; color: #fff; } .systemMsg .ant-modal-footer { border-top: none; text-align: center; padding-bottom: 25px; } .systemMsg .ant-modal-footer .ant-btn:first-child { display: none; } .systemMsg .ant-modal-footer .ant-btn-primary { min-width: 112px; height: 36px; } .systemMsg .ant-modal-confirm-body { text-align: center; } .systemMsg .ant-modal-confirm-body .ant-modal-confirm-title { margin-top: 20px; font-size: 20px; } .systemMsg .ant-modal-confirm-body .ant-modal-confirm-content { color: #999; } .systemMsg .ant-modal-confirm-btns .ant-btn { position: absolute; width: 30px; height: 30px; font-size: 30px; line-height: 30px; border-radius: 50%; top: -15px; right: -15px; padding: 0; } .systemMsg .modalBox .storeList { margin: 0 -10px -15px; } .systemMsg .modalBox .storeList.center { text-align: center; } .systemMsg .modalBox .storeListLi { position: relative; cursor: pointer; box-sizing: border-box; border-radius: 4px; border: 1px solid #e7e7e7; display: inline-block; width: 160px; height: 68px; margin: 0 10px 15px; padding: 1px; } .systemMsg .modalBox .storeListLi .ant-row { display: flex; height: 100%; align-items: center; } .systemMsg .modalBox .storeListLi .ant-row .ant-col:first-child { text-align: center; } .systemMsg .modalBox .storeListLi i.iconaddressright { display: none; } .systemMsg .modalBox .storeListLi.on { padding: 0; border: 2px solid #ff3333; } .systemMsg .modalBox .storeListLi.on i.iconaddressright { display: block; position: absolute; font-size: 20px; padding-left: 2px; background-color: #ff3333; border-top-left-radius: 100%; bottom: 0; line-height: 25px; width: 20px; right: 0; height: 20px; color: #fff; } .systemMsg .modalBox .storeListLi.Store { padding: 10px; vertical-align: middle; line-height: 46px; } .systemMsg .modalBox .storeListLi.Store.on { padding: 9px; } .systemMsg .modalBox .storeList img { width: 100%; height: 100%; } .systemMsg .modalBox .storeList img.logoIcon { width: 29px; height: 29px; } .systemMsg .modalBox .storeList img.logoIconTwo { width: 27px; height: 16px; } .systemMsg .modalBox .storeList img.etsyLogo { width: 23px; height: 23px; } .addProgressModal .ant-modal-close { display: none; } .addProgressModal .progressBox { margin-top: 10px; font-size: 16px; } .addProgressModal .progressBox h3 { font-size: 20px; margin-bottom: 20px; } .addProgressModal .progressBox .progressLine { padding: 10px 0; padding-right: 20px; margin: 0 auto; } .addProgressModal .progressBox .totalNum, .addProgressModal .progressBox .successNum { color: #ff3300; } .optMsg .ant-modal-confirm-body > .anticon { float: none; font-size: 52px; margin-right: 0; } .optMsg .ant-modal-confirm-body > .anticon.anticon-close-circle { color: #ff3333; } .optMsg .ant-modal-confirm-body > .anticon.anticon-exclamation-circle, .optMsg .ant-modal-confirm-body > .anticon.anticon-check-circle { color: #3a8053; } .optMsg .ant-modal-confirm-body { text-align: center; } .optMsg .ant-modal-confirm-body .ant-modal-confirm-title { margin-top: 20px; font-size: 20px; } .optMsg .ant-modal-confirm-body .ant-modal-confirm-content { color: #999; } .optMsg .ant-modal-confirm-body-wrapper .ant-modal-confirm-btns { float: none; text-align: center; display: flex; justify-content: space-around; } .optMsg .ant-modal-confirm-body-wrapper .ant-modal-confirm-btns .ant-btn { background-color: #dddddd; color: #666666; min-width: 112px; height: 36px; } .optMsg .ant-modal-confirm-body-wrapper .ant-modal-confirm-btns .ant-btn:hover { background-color: #333333; color: #fff; border-color: #333; } .optMsg .ant-modal-confirm-body-wrapper .ant-modal-confirm-btns .ant-btn-primary { background-color: #ff3333; border-color: #ff3333; color: #fff; margin: 0; } .optMsg .ant-modal-confirm-body-wrapper .ant-modal-confirm-btns .ant-btn-primary:hover { background-color: #ff3333; border-color: #ff3333; } .optMsg.optManage .ant-modal-confirm-body-wrapper .ant-modal-confirm-btns .ant-btn-primary { background-color: #0186f6; border-color: #0186f6; } .optMsg.optManage .ant-modal-confirm-body-wrapper .ant-modal-confirm-btns .ant-btn-primary:hover { background-color: #fff; color: #0186f6; } .payPalTip { font-size: 14px; color: #EC3E0F; margin-bottom: 10px; } .payPalTip b { color: #ff3333; } .payPalTabTip { font-size: 14px; color: #fff; margin-bottom: 10px; } .payPalTabTip b { color: #ff3333; } .fl { float: left; } .fr { float: right; } .clearfix::before { content: ''; clear: both; display: block; } @media (max-width: 575px) { .ant-form-item-label > label::after { display: inline; } }