html,
body {
  padding: 0;
  margin: 0;
  font-size: 14px;
  font-family: "Chinese Quote", -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";
}
ol,
ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
* {
  outline: none;
  word-break: break-all;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
* ::-webkit-scrollbar {
  width: 5px;
  height: 5px;
  background-color: transparent;
}
* ::-webkit-scrollbar-thumb {
  border-radius: 1px;
  background-color: #c2c2c2;
  -webkit-box-shadow: inset 0 0 0 10px rgba(0, 0, 0, 0.2);
          box-shadow: inset 0 0 0 10px rgba(0, 0, 0, 0.2);
}
* ::-webkit-scrollbar-buttond {
  display: none;
}
#root {
  height: 100%;
}
.no-padding {
  padding: 0!important;
}
.no-margin {
  margin: 0!important;
}
.text-primary {
  color: #FF6E00 !important;
}
.text-warning {
  color: #FFA000 !important;
}
.text-success {
  color: #00D082 !important;
}
.text-info {
  color: #1581FF !important;
}
.text-secondary {
  color: #777888 !important;
}
.text-secondary-bg {
  color: rgba(44, 50, 67, 0.25) !important;
}
.text-error {
  color: #fe2405 !important;
}
.text-light {
  color: #BABBC8 !important;
}
.text-link {
  text-decoration: underline!important;
}
.text-dark {
  color: #222333 !important;
}
.vertical-center {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.float-right {
  float: right;
}
.clearfix {
  zoom: 1;
}
.clearfix::before,
.clearfix::after {
  display: table;
  content: '';
}
.clearfix::after {
  clear: both;
}
.tag-remark {
  position: relative;
  line-height: 1;
  padding: 3px 6px;
  margin-left: 8px;
  background: #fe2405;
  color: #fff;
  border-radius: 2px;
}
.tag-remark:after {
  content: '';
  position: absolute;
  display: block;
  top: 5px;
  left: -4px;
  width: 0;
  height: 0;
  border-width: 6px 6px 6px 0;
  border-style: solid;
  border-color: transparent #fe2405 transparent transparent;
}
.page-empty-item {
  padding: 70px 0 0;
}
.page-empty-item .ant-empty-image {
  height: auto !important;
  margin-bottom: 0;
}
.page-empty-item .ant-empty-image img {
  width: 160px;
}
.page-empty-item .ant-empty-description span {
  display: block;
}
.page-empty-item .ant-empty-description .btn-group {
  padding: 20px 0;
}
.page-empty-item .ant-empty-description .btn-group .ant-btn {
  padding: 0 25px;
}
.page-empty-item .ant-empty-description .btn-group .ant-btn:not(:last-child) {
  margin-right: 15px;
}
.inline-form .ant-form-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 20px;
}
.inline-form .ant-form-item-control-btn {
  position: relative;
  top: 4px;
}
.inline-form .ant-form-item:last-child {
  margin-bottom: 0;
}
.inline-form .ant-form-item-label .anticon {
  font-size: 16px;
}
.inline-form .ant-form-item.no-required .ant-form-item-label label:before {
  content: '';
  display: none;
}
.inline-form .ant-form-item-control-wrapper {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.inline-form .form-item-btns .ant-btn {
  min-width: 100px;
  margin-right: 15px;
}
.inline-form .ant-form-explain {
  margin-top: 1px;
}
.border-form {
  width: 100%;
  padding: 16px 14px;
  border: 1px solid #E9E9E9;
}
.border-form .ant-form-item {
  margin-bottom: 5px;
}
.border-form .ant-form-item-control-wrapper {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.border-form .anticon {
  font-size: 18px!important;
}
.border-form .ant-input-number-handler .anticon {
  font-size: 12px !important;
}
.radio-group-vertical .ant-radio-wrapper {
  display: block;
}
.radio-group-vertical .ant-radio-wrapper:not(:last-child) {
  margin-bottom: 15px;
}
.popover-content .popover-title {
  position: relative;
}
.popover-content .popover-title .close {
  position: absolute;
  right: 0;
  font-size: 16px;
  color: #777888;
}
.popover-content .ant-popover-inner {
  padding: 15px;
}
.popover-content .ant-popover-inner .ant-popover-title {
  padding: 0;
  line-height: 22px;
}
.popover-content .ant-popover-inner .ant-popover-inner-content {
  padding: 0;
}
.popover-content .ant-form-item {
  margin-bottom: 0;
}
.popover-content.content-footer .ant-popover-inner-content {
  padding-bottom: 0;
}
.popover-content-footer {
  padding-top: 15px;
  text-align: right;
}
.popover-content-footer .ant-btn {
  min-width: 80px;
  margin-right: 5px;
}
.hide,
.ant-btn.hide {
  display: none!important;
}
.ant-statistic-content {
  font-size: 18px !important;
  color: inherit!important;
}
.ant-statistic-content-value {
  font-family: DINAlternate-Bold, Tahoma, 'Helvetica Neue', -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-size: 18px;
}
.ant-statistic-content-value-decimal {
  font-size: 14px;
}
.ant-statistic.decimal-same-size .ant-statistic-content-value-decimal {
  font-size: 18px;
}
.ant-select-selection {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.ant-select-selection .ant-select-arrow .anticon {
  font-size: 12px!important;
}
.ant-divider-horizontal {
  margin: 20px 0!important;
}
.ant-btn {
  display: -webkit-inline-box !important;
  display: -ms-inline-flexbox !important;
  display: inline-flex !important;
  -webkit-box-align: center !important;
      -ms-flex-align: center !important;
          align-items: center !important;
  -webkit-box-pack: center!important;
      -ms-flex-pack: center!important;
          justify-content: center!important;
  white-space: pre;
}
.ant-btn.block {
  display: block;
  width: 100%;
}
.ant-btn .anticon {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  font-size: 18px;
}
.ant-btn-secondary {
  color: #777888 !important;
}
.ant-btn-secondary:hover,
.ant-btn-secondary:active,
.ant-btn-secondary:focus {
  color: #FF6E00 !important;
}
.ant-btn-focus {
  color: #FF6E00 !important;
  background-color: #fff;
  border-color: #FF6E00 !important;
}
.ant-btn-success {
  color: #fff !important;
  background-color: #00D082 !important;
  border-color: #00D082 !important;
}
.ant-btn-info {
  color: #fff !important;
  background-color: #1581FF !important;
  border-color: #1581FF !important;
}
.ant-btn-warning {
  color: #fff !important;
  background-color: #FFA000 !important;
  border-color: #FFA000 !important;
}
.ant-btn-error {
  color: #fff !important;
  background-color: #fe2405 !important;
  border-color: #fe2405 !important;
}
.ant-tag {
  line-height: 1.4!important;
}
.ant-list.page-layout-item-list .ant-list-item:first-child {
  padding-top: 0;
}
.ant-list.page-layout-item-list .ant-list-item:last-child {
  padding-bottom: 0;
}
.ant-list-item-meta-title {
  color: #222333;
}
.ant-table-thead tr {
  background: #F9F9F9;
}
.ant-table-thead tr > th {
  padding: 12px 16px !important;
  line-height: 1;
  white-space: nowrap;
  color: #555666 !important;
}
.ant-table-thead tr > th .anticon {
  font-size: 16px;
}
.ant-table-tbody tr:nth-child(2n) > td {
  background: #FDFDFD;
}
.ant-table-pagination.ant-pagination {
  float: none!important;
  margin-bottom: 0!important;
  text-align: center;
}
.ant-radio-button-wrapper-checked {
  background: #FF6E00 !important;
  color: #fff!important;
}
.ant-table-empty .ant-table-placeholder {
  border-top-width: 0;
  border-bottom-width: 0;
}
.ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab {
  margin-right: 5px!important;
}
.ant-tabs-card .ant-tabs-bar {
  margin-bottom: 20px;
}
.ant-modal-footer {
  padding: 16px 24px!important;
}
.ant-modal-footer > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.ant-modal-footer .dialog-footer-left {
  position: absolute;
  line-height: 32px;
}
.ant-modal-footer .dialog-footer-left .ant-checkbox-wrapper {
  width: auto;
  margin: 0;
}
.list-pagination {
  padding-top: 20px!important;
  text-align: center;
}
.ant-table-expanded-row td {
  background: #FAFAFA !important;
}
.ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab {
  color: #222333;
}
.ant-cascader-menus > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.ant-cascader-menu {
  height: auto!important;
  max-height: 260px;
}
.ant-statistic-content-value-decimal {
  font-size: 18px!important;
}

.header-unlogin {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-width: 1273px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  background: #1F2333;
  padding: 0 20px;
  color: #fff;
}
.header-unlogin a {
  color: #fff;
  text-decoration: none!important;
}
.header-unlogin .logo {
  display: block;
  height: 60px;
  margin-left: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (min-width: 1920px) {
  .header-unlogin .logo {
    margin-left: 80px;
    margin-right: 150px;
  }
}
.header-unlogin .logo img {
  width: 101.5px;
}
.header-unlogin .logo .title {
  margin-left: 10px;
  line-height: 1;
  border-left: 1px solid #fff;
  white-space: nowrap;
}
.header-unlogin .center-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: -webkit-fill-available;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.header-unlogin .center-content .menus {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 0 0 0 30px;
}
.header-unlogin .center-content .menus a {
  padding: 4px 30px 5px;
  border-radius: 2px;
  -webkit-transition: all .2s;
  -o-transition: all .2s;
  transition: all .2s;
}
.header-unlogin .center-content .menus a.active {
  background: #FF6E00;
}
.header-unlogin .center-content .right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.header-unlogin .center-content .right .ant-btn {
  margin-left: 20px;
  padding: 1px 7px 2px!important;
}
.header-unlogin .center-content .right .links {
  margin-left: 30px;
  margin-right: -20px;
}
.header-unlogin .center-content .right .links a {
  padding: 0 20px;
  border-right: 1px solid #fff;
}
.header-unlogin .center-content .right .links a:last-child {
  border-right-width: 0;
}
.header {
  position: relative;
  padding: 0 20px;
  overflow: hidden;
}
.header .logo {
  display: block;
  height: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.header .logo img {
  width: 101.5px;
}
.header .logo .title {
  margin-left: 10px;
  line-height: 1;
  border-left: 1px solid #E0E0E0;
}
.header .right-menu {
  position: absolute;
  right: 20px;
  top: 0;
  height: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.header .right-menu .anticon {
  font-size: 14px;
}
.header .right-menu .anticon.dropdown-icon {
  -webkit-transform: scale(0.91666667) rotate(0deg);
      -ms-transform: scale(0.91666667) rotate(0deg);
          transform: scale(0.91666667) rotate(0deg);
}
.header .right-menu .menu-item {
  height: 20px;
  line-height: 20px;
  padding: 0 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.header .right-menu .menu-item .anticon + span {
  margin-left: 10px;
  font-size: 12px;
}
.header .right-menu .menu-item .dropdown-icon {
  margin-left: 5px;
  color: #BABBC8;
}
.header .right-menu .menu-item:not(:first-child) {
  border-left: 1px solid #E0E0E0;
}
.header-notice-list {
  position: relative;
  margin: 0;
  text-align: left;
  list-style-type: none;
  outline: none;
  padding: 0 10px;
}
.header-notice-list-item {
  position: relative;
  padding: 12px 95px 12px 15px;
  cursor: pointer;
}
.header-notice-list-item:not(:last-child) {
  border-bottom: 1px dashed #E0E0E0;
}
.header-notice-list-item.not-read:before {
  background: #fe2405;
}
.header-notice-list-item:before {
  content: '';
  position: absolute;
  top: 20.5px;
  left: 0;
  display: block;
  width: 4px;
  height: 4px;
  background: #777888;
}
.header-notice-list-item .create-date {
  position: absolute;
  right: 0;
  top: 12px;
  display: block;
  width: 95px;
  color: #777888;
  text-align: right;
}
.header-notice-list-item .content {
  margin-top: 10px;
  margin-right: -95px;
  padding: 10px;
  background: #FAFAFA;
}
.header-notice-footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 15px;
  background: #FAFAFA;
  border-top: 1px solid #E9E9E9;
}
.header-notice-footer a {
  color: #222333;
}
.header-dropdown {
  background-color: #fff;
  background-clip: padding-box;
  border-radius: 1px;
  -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
          box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}
.popover-no-padding .ant-popover-inner-content {
  padding: 0;
}
.new-contact-popover .ant-popover-title {
  line-height: 1;
  height: auto;
  padding: 16px 17px;
  font-size: 16px;
  color: #1a1a1a;
}
.new-contact-popover .ant-popover-inner-content {
  padding: 0;
  background: #fcfcfc;
}
.new-contact-popover .contact-warp {
  width: 276px!important;
  padding: 16px 17px;
  font-size: 14px;
}
.new-contact-popover .customer-info-title {
  color: #999;
  margin-bottom: 10px;
}
.new-contact-popover .contact-box .title {
  color: #1a1a1a;
  margin-bottom: 10px;
}
.new-contact-popover .contact-box .phone {
  color: #FE9E00;
  font-size: 20px;
  margin-bottom: 5px;
}
.new-contact-popover .contact-box .desc {
  color: rgba(26, 26, 26, 0.45);
}
.new-contact-popover .qq-desc .avatar {
  display: block;
  margin: 0 auto 8px;
  width: 56px;
  height: 56px;
  border-radius: 50%;
}
.new-contact-popover .qq-desc .nickname {
  color: #333;
  margin-bottom: 10px;
}
.new-contact-popover .qq-info-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background: #fff;
  margin-bottom: 16px;
  border: 1px solid #e9e9e9;
  text-align: center;
}
.new-contact-popover .qq-info-box > div {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  width: 50%;
  padding: 16px;
}
.new-contact-popover .qq-info-box > div:not(:last-child) {
  border-right: 1px solid #e9e9e9;
}
.new-contact-popover .qq-info-box .qrcode {
  margin-bottom: 6px;
}
.new-contact-popover .qq-btn {
  position: relative;
  display: block;
  width: 88px;
  height: 24px;
  line-height: 22px;
  padding-left: 29px;
  background: #E1EBFE;
  color: #054ED9;
  border: 1px solid #9cbaf2;
}
.new-contact-popover .qq-btn:before {
  content: '';
  position: absolute;
  top: 0;
  left: 5px;
  display: block;
  width: 19px;
  height: 100%;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAgCAYAAAABtRhCAAAABGdBTUEAALGPC/xhBQAABltJREFUSA2tVnlQU0cY/97Le4SEhBAwUMQYDg8OwQNbFEbEolN7iLWIU9Ra/aeFUVvPFp06E7XFAxmnMvWq/tM6Y21VtHbsDCCeFToIWAsVCwmn3CgBcpK87b6nL5MXBMHpzmz2O3+/zX77dpeAUTTtDm1kU7Nuj06vj29ubPTr7u4WURQFE9Rqc3hERJV6oubH3G8PHx0F1Mgh2TuyVWnvf1Aqoz0YMRBopB4bHdOftWV72siII3i1O7XTZkZNM45E4u5jJ7b+k4xDI8C+2HVCe0I6a1r0gDvgaHQJKWI2bfhs44uRh7GmL0+77QoeNE6FbhRfR3+WlKKwCWrn0ubs2490dTr0Yepyp43NwzG2fVn7lMPAC817v9o71ddLJqhZ7oGDiG+nT37Pgc+Nnc2bUE93D/KiaAHpulUfXRAiP9NId2Nt3cMjRqORcLVHT58OLc0tMC9uDkglUs4VHRMDZpMZTh47DmfPnIHA1wJdU+D2rZtLECABDhswhLCysiJRkImVhvp66DMYoLqqCh7V1HDuxoYG0Ot08F5KCix+513o6uoSpDU3N9NbN25eJzC6K7lf56pda8fLUZMmo7bWNtTZ3olmx0znls6TINHVK78hxsGgL7duEywnn/dx+spf3TkoV0NbV8tSV52X6+rqIEytBpIkYXBwkDPjAsKyJUtAIpGA2WzmQwVja2vrDIEBKwLC3t7eee4BnI4rEehLQIBSBBIxDZ5iEmyDDBjNDDzpt0OTDcDhGJrZ0dHh524VEJpMxgDXgJBAGnau8oeEaCl40kPq7wy1Y7LqBgucu26An4oNTrvZZKKdynPBfdMIUC02BCYrA7RIYHbHAEqEl4oioMtgF/isVqs7PgiQjm5c//vFP0oX36+thf7+fmcyu5RJM2UQHyUFtT8N/j4UGIwOaO22w32dGW5UGvE/tDrjWSEwIACSY6IHTxUUiAmCQLxTQFj9dpLF2tIkxvsBWpUqqJUpoAPLnVYbdAyYoGdgAAbtdnAwDNhx0SRiMSikEvD29IQAPI6nRTCBcYCmtxuU5gGOQ5W+Zod6p3Y/T+isYUu2dkvn2R/ErIPA0wjq7eI6H8iNbLQzg50r3i123Adw3Z7hC8JZxVL3aD0enITONTb9W7NlSPT/YBioLA9qO3Iokofi5ou/qcA7l/IDpixcDKbKMjA++Ats7a18zJhHEi+xbEYsyOMSoMlXRTT6B67FIF+wQBzhqeMnd23IzKDkcjnMjY+H+clLYFNmBtRvzoT+slI2jmuUwgdksW8ActhxdwAp9gSR3BtE3t5Aq/zBMyQMPEPDoLy+CQ7m5cHNrF2AXwewLDU1E/+pLLx5GA5oZdqKHv44Ykf2KGOb/vNPUUV0qLM/Wp3K2V/2w98oPKbcQ4zu3LyzgiUj9TX6qUUFBb4c8/Mfb4XCVR2z7OPjI8ix2Wxw6eJ5bo+QP184l2nAN4Fro+khB4Sr+6Xyi/JLS0pm4ZUhyJp/qhe5I2AHZyKoVyPmD3hX3PJ79+ic3TkBVL1Op2Ed+NmHpFKpo6+vj3r69CkXG3woDzSWHHCYjNzpTMrkrhjDyq2PHzt9SqXSiPG8GHxY3Lp7/XVSr9dLWG94eMSJKeHhXCR7uTrYExk3Am9xytcPKLwLSXwVjaY1NjbyYYgmPRZ4eXlxh2yfoXciietHBGuCq0Krpm7wUSiK2Ei2yNeKOJFPHNN4rbCQi5+o0fQ197SXadSaNex5arFYPSA8ODRbBSoZGyEHuZ9S6mVntzP7EnuVVvXgb+ftnzxvfjY/08jQyRkTlAHRvO4cE+PmHmYJ2SdEcdG1sXEyCC1+M5kjxE/FriiI8nACDydoQUvGhEc8YElDxgdxb5nRsn6zew9H5u+tsAaPDw4fjkNgR9XfyVoKtx9LSYwcZEkjQsO4B/BIpMYBI1q7ajVHFuzvi4pPpJcZKw7MFgA/VwT3YV/FgRRz09XzdlM79wH+cpeEvAud0NL2BOITEiB50SJITEoCvOsA3+bQ1dkJl/Pz4crly2CxmCF1YShsW+oApZwEQkQjifqtfGV8bqorsYDQcG/vHktHSSbYTRRi7NjHEIydgcJyo+hGNUWUP+wWPW57IjKZLSQ+TZhxvgomcpK/Iy6CRqlzCIfSW4SfEPh2J2lEUB6MSB7SMG7B6VmuhP8BXSmW6FybsGEAAAAASUVORK5CYII=) 0 3px no-repeat;
  background-size: 14px 16px;
  border-right: 1px solid #9cbaf2;
  padding: 0 5px 0 0;
}
@media screen and (min-width: 1440px) {
  .header-unlogin .menus a {
    margin-right: 40px;
  }
}

.page-layout {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  min-height: 100%;
  -ms-flex-flow: wrap;
      flex-flow: wrap;
}
.page-layout > .page-layout-header {
  position: relative;
  width: 100%;
  height: 50px;
  border-bottom: 1px solid #E9E9E9;
  -webkit-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.05);
          box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.05);
  z-index: 1;
}
.page-layout > .page-layout-header + .page-layout {
  height: calc(100vh -  50px);
}
.page-layout > .page-layout-sider {
  width: 190px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 190px;
          flex: 0 0 190px;
}
.page-layout > .page-layout-sider:not(.no-border) {
  border-right: 1px solid #E9E9E9;
  -webkit-box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.05);
          box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.05);
}
.page-layout > .page-layout-sider.right {
  margin-left: 20px;
  width: 280px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 280px;
          flex: 0 0 280px;
}
.page-layout > .page-layout-content {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 20px;
  background-color: #F7F7F7;
  overflow: auto;
}
.page-layout-item {
  background: #fff;
  margin-bottom: 20px;
  border: 1px solid #E9E9E9;
}
.page-layout-item.no-content-padding .page-layout-item-content {
  padding: 0 20px;
}
.page-layout-item-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 20px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.page-layout-item-flex > * {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.page-layout-item-flex .split {
  margin-right: 15px;
}
.page-layout-item-flex .page-layout-item-radio-group {
  margin-bottom: 0!important;
}
.page-layout-item-title {
  position: relative;
  padding: 20px;
  color: #222333;
  font-size: 16px;
}
.page-layout-item-title.sub {
  padding: 20px 0;
}
.page-layout-item-title + .page-layout-item-content {
  padding-top: 0;
}
.page-layout-item-title .title-right-btn {
  position: absolute;
  right: 20px;
  top: 16px;
}
.page-layout-item-content {
  padding: 20px 20px;
}
.page-layout-item-footer {
  padding: 0 20px 20px;
}
.page-layout-item.page-layout-item-list .page-layout-item-content {
  padding-bottom: 0;
}
.page-layout-item.full {
  margin-bottom: -20px;
  border-bottom-width: 0;
}
.page-layout-item.no-sider .page-layout-item-content {
  padding: 20px 0;
}
.page-layout-item-radio-group {
  margin-bottom: 20px!important;
}
.page-layout-item-radio-group .ant-radio-button-wrapper {
  color: #FF6E00;
  border-color: #FF6E00 !important;
}
.page-layout-item-radio-group .ant-radio-button-wrapper-checked {
  background-color: #FF6E00;
  color: #fff!important;
}
.page-layout-breadcrumb {
  position: relative;
  width: calc(100% + 40px);
  margin: -20px 0 20px -20px;
  padding: 20px;
  background-color: #fff;
  border-bottom: 1px solid #E9E9E9;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.page-layout-breadcrumb-title {
  margin-right: 15px;
  font-size: 16px;
  color: #222333;
}
.page-layout-breadcrumb .breadcrumb-alert {
  display: inline-block;
  height: 24px;
}
.page-layout-breadcrumb .breadcrumb-alert .ant-alert {
  display: inline-block;
  top: -7.5px;
}
.page-layout-breadcrumb .breadcrumb-right {
  position: absolute;
  right: 20px;
}
.page-layout-breadcrumb .breadcrumb-right .ant-btn:not(:last-child) {
  margin-right: 15px;
}
.page-layout-center {
  width: 100%;
  height: 100%;
  overflow: auto;
  background: #F7F7F7;
}
.page-layout-center-content {
  max-width: 1200px;
  margin: 0 auto;
}
@media screen and (min-width: 1900px) {
  .page-layout-sider.right {
    width: 320px !important;
    -webkit-box-flex: 0 !important;
        -ms-flex: 0 0 320px !important;
            flex: 0 0 320px !important;
  }
}

.leftmenu {
  background: #fff;
}
.leftmenu .switch-btn {
  margin: 20px 20px 15px;
  line-height: 32px;
  border: 1px solid #E0E0E0;
  border-radius: 2px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.leftmenu .switch-btn .anticon {
  margin-right: 10px;
  height: 32px;
  font-size: 18px;
  color: #FF6E00;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.leftmenu .menu-list > li .ant-badge sup {
  top: 10px;
  right: 20px;
}
.leftmenu .menu-list > li > a {
  padding: 9px 20px;
  line-height: 1;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.leftmenu .menu-list > li .new-tag {
  display: block;
  margin-left: 10px;
  padding: 3px 6px;
  background-size: 100% 100%;
  color: #FF6E00;
  font-size: 12px;
}
.leftmenu .menu-list > li .anticon {
  width: 32px;
  height: 32px;
  margin-top: -1px;
  margin-right: 10px;
  font-size: 16px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-transition: background 0.2s;
  -o-transition: background 0.2s;
  transition: background 0.2s;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.leftmenu .menu-list > li.active > a {
  color: #FF6E00;
}
.leftmenu .menu-list > li.active .anticon {
  background-color: #FF6E00;
  color: #fff;
  border-radius: 2px;
}
.left-menu-sider + .page-layout-content {
  height: 100%;
  overflow: auto;
}
@media screen and (max-width: 1800px) {
  .left-menu-sider {
    position: relative;
    width: 50px !important;
    overflow: hidden;
    -webkit-box-flex: 0 !important;
        -ms-flex: 0 0 50px !important;
            flex: 0 0 50px !important;
  }
  .left-menu-sider .leftmenu {
    position: absolute;
    top: 1px;
    width: 50px;
    height: 100%;
    z-index: 1000;
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
    border-right: 1px solid #E9E9E9;
    -webkit-box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.05);
            box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.05);
    overflow: hidden;
  }
  .left-menu-sider .leftmenu-content {
    width: 190px;
  }
  .left-menu-sider:hover {
    overflow: initial;
  }
  .left-menu-sider:hover .leftmenu {
    width: 190px;
  }
  .left-menu-sider:hover .switch-btn {
    width: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 20px;
    border-color: #E9E9E9;
  }
  .left-menu-sider:hover .switch-btn .anticon {
    margin-right: 10px;
  }
  .left-menu-sider:hover .switch-btn span {
    display: inline-block;
  }
  .left-menu-sider:hover .menu-list > li > a {
    padding: 9px 20px;
  }
  .left-menu-sider:hover .menu-list > li > a .ant-badge sup {
    top: 10px;
  }
  .left-menu-sider:hover .menu-list > li > a .anticon {
    width: 32px;
    height: 32px;
    margin-right: 10px;
    border-radius: 2px !important;
  }
  .left-menu-sider .switch-btn {
    width: 50px;
    margin: 20px 0 15px;
    border-color: #fff;
  }
  .left-menu-sider .switch-btn .anticon {
    margin-right: 0;
  }
  .left-menu-sider .switch-btn span {
    display: none;
  }
  .left-menu-sider .menu-list > li > a {
    padding: 0;
  }
  .left-menu-sider .menu-list > li > a .ant-badge sup {
    top: 15px;
  }
  .left-menu-sider .menu-list > li > a .anticon {
    width: 50px;
    height: 50px;
    margin-right: 0;
    border-radius: 0 !important;
  }
}

.phone-preview {
  width: 415px;
  height: 812px;
  margin: 0 auto;
  padding: 5px;
  background: #FFFFFF;
  -webkit-box-shadow: 0px 13px 23px 0px rgba(158, 168, 173, 0.2);
          box-shadow: 0px 13px 23px 0px rgba(158, 168, 173, 0.2);
  border-radius: 60px;
}
.phone-preview.no-phone {
  padding: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.phone-preview.no-phone .phone-preview-content {
  padding: 0;
  background: transparent;
}
.phone-preview.no-head .phone-preview-content-body {
  height: 100%;
}
.phone-preview-content {
  height: 100%;
  padding: 60px 15px 45px;
  background: #F8F8F8;
  border-radius: 60px;
}
.phone-preview-content-head img {
  width: 100%;
}
.phone-preview-content-body {
  height: calc(100% - 63.5px);
  padding: 20px 16px 12px;
  background-color: #fff;
  overflow: auto;
}
.phone-preview-content-body-title {
  margin-bottom: 14px;
  font-size: 22px;
}
.phone-preview-content-body-meta {
  margin-bottom: 22px;
  line-height: 20px;
  font-size: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.phone-preview-content-body-meta .nickname {
  margin: 0 10px 10px 0;
  color: #576b95;
}
.phone-preview-content-body-meta .time {
  margin: 0 10px 10px 0;
  color: rgba(0, 0, 0, 0.3);
}
.phone-preview-content-body-content {
  color: #333;
  font-size: 17px;
  word-wrap: break-word;
  text-align: justify;
}
.phone-preview-content-body-content * {
  max-width: 100%!important;
}
.phone-preview-content-body-content img {
  height: auto !important;
}
.phone-preview-content-body-content p {
  margin: 0;
  line-height: 1.6;
}
.phone-preview-content-body-content iframe {
  width: 100%;
}
.phone-preview-content-body-content blockquote {
  margin: 0;
  padding-left: 10px;
  border-left: 3px solid #dbdbdb;
}
.phone-preview-content-body-content .qqmusic_iframe {
  width: 100% !important;
  height: 75px;
}
.phone-preview-content-body-content .audio_iframe {
  width: 100% !important;
  height: 82px;
}
@media screen and (max-width: 1480px) {
  .phone-preview {
    width: 360px;
    height: 667px;
  }
}

.dialog-preview-article .ant-modal-body {
  padding: 0;
}
.dialog-preview-article .phone-preview {
  width: 375px!important;
  height: 550px!important;
}

.avatar-card {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.avatar-card.is-qrcode:not(.default-image) .ant-avatar img {
  width: 500% !important;
  height: 500% !important;
  margin-left: -200%;
  margin-top: -200%;
}
.avatar-card .ant-list-item-meta-avatar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.avatar-card .ant-avatar {
  width: 40px;
  height: 40px;
  border-radius: 2px;
}
.avatar-card .ant-list-item-meta-title {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  margin-bottom: 0;
  line-height: 18px;
  overflow: hidden;
}
.avatar-card .ant-list-item-meta-content {
  width: calc(100% - 60px);
}
.avatar-card.avatar-article .ant-avatar {
  width: 165px;
  padding-bottom: 56.25%;
  background-size: cover;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-color: #F6F8F9;
}
.avatar-card.avatar-article .ant-list-item-meta-title {
  display: -webkit-box;
  line-height: 22px;
  white-space: normal;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.custom-textarea {
  position: relative;
}
.custom-textarea .length-count {
  position: absolute;
  bottom: 14px;
  right: 10px;
  line-height: 1;
}
.ant-input-max-len .ant-input {
  padding-right: 65px!important;
}
.input-search-icon {
  font-size: 16px;
}
.input-search-icon:hover {
  color: #222333;
}
.input-search-group {
  position: relative;
}
.input-search-group .input-search-clear-btn {
  position: absolute;
  right: 32px;
  top: 9px;
  line-height: 1;
  opacity: 0;
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
}
.input-search-group .input-search-clear-btn.active {
  opacity: 1;
}

.loading-modal .ant-modal-body {
  height: 80px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.modal-accept-order-confirm.ant-modal-confirm .ant-modal-close {
  display: block;
}
.modal-accept-order-confirm .red {
  color: red;
}
.modal-accept-order-confirm .account-title {
  margin-top: 10px;
  padding: 10px;
  background: #fafafa;
  color: #333;
}
.modal-accept-order-confirm .avatars-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 10px;
}
.modal-accept-order-confirm .avatars-wrap > div {
  width: 196px;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  margin-bottom: 12px;
}
.modal-accept-order-confirm .ant-btn {
  float: right;
}

.loading {
  display: inline-block;
  position: relative;
  padding-left: 18px;
  line-height: 22px;
  min-height: 22px;
  text-align: center;
  color: #777888;
}
.loading svg {
  position: absolute;
  top: 0;
  left: 0;
}
.loading-content {
  position: relative;
  width: 100%;
  height: 100%;
  background-color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.loading-content > .loading {
  position: absolute;
  z-index: 999;
}
.loading-content .loading-mask {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  background: rgba(255, 255, 255, 0.8);
  z-index: 998;
}
.loading-content-body {
  width: 100%;
  min-height: 300px;
}
.loading-content.no-height .loading-content-body {
  min-height: auto!important;
}

.card {
  border: 1px solid #E9E9E9;
  border-radius: 2px;
}
.card-title {
  position: relative;
  padding: 15px 20px;
  color: #222333;
  line-height: 1;
  border-bottom: 1px solid #E9E9E9;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.card-title .anticon {
  font-size: 20px;
  margin-right: 6px;
}
.card-title .right-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.card-title .right-group .right-group-btn {
  position: absolute;
  top: 9px;
  right: 20px;
}
.card-content {
  padding: 15px 20px;
}
.card-list .card-advert {
  margin-bottom: 20px;
}
.card-advert {
  min-height: auto;
  position: relative;
  border: 1px solid #E9E9E9;
  border-radius: 2px;
}
.card-advert .loading-content-body {
  min-height: auto;
}
.card-advert-tag {
  position: absolute;
  top: -1px;
  left: 20px;
  padding: 3px 12px 10px;
  background-size: 100% 100%;
  color: #fff;
  z-index: 2;
}
.card-advert-action {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.6);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: none;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  z-index: 9;
}
.card-advert-action .ant-btn {
  display: block;
  width: 130px;
}
.card-advert-action .ant-btn:not(:last-child) {
  margin-bottom: 20px;
}
.card-advert-thumb-image {
  position: relative;
  width: 100%;
  padding-bottom: 56.25%;
  background-size: cover;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-color: #F6F8F9;
}
.card-advert-thumb-image:hover .card-advert-action {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.card-advert-title {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 8px 15px;
  background: rgba(0, 0, 0, 0.6);
  color: #fff;
}
.card-advert-title .title-text {
  display: -webkit-box;
  line-height: 22px;
  white-space: normal;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.card-advert-info {
  position: relative;
  padding: 20px 15px;
  background: #fff;
  z-index: 10;
}
.card-advert-info .ant-statistic-content,
.card-advert-info .ant-statistic-content-value,
.card-advert-info .ant-statistic.decimal-same-size .ant-statistic-content-value-decimal {
  font-size: 22px!important;
}
.card-advert-price {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 10px;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.card-advert-price .ant-statistic {
  line-height: 1;
  margin-right: 5px;
}
.card-advert-text {
  line-height: 1.5;
}
.card-advert-text:not(:last-child) {
  margin-bottom: 5px;
}
.card-advert-text .text-title {
  color: #777888;
}
.card-advert-sub {
  width: 100%;
  margin-top: 8px;
  color: #777888;
}
.card-advert-footer {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 0 15px 20px;
}
.card-advert-footer-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.card-advert.footer {
  padding-bottom: 52px;
}
.card-advert.footer .card-advert-info {
  padding-bottom: 10px;
}
.card-stat-flex {
  padding: 20px 0;
  margin-bottom: 20px;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  border: 1px solid #E9E9E9;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.card-stat-flex-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 0 0 0 20px;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.card-stat-flex .flex-item-content-value {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.card-stat-flex .flex-item-content-title {
  margin-bottom: 6px;
  color: #777888;
}
.card-stat-flex .flex-item-content-title .anticon {
  font-size: 16px;
  color: #BABBC8;
}
.card-stat-flex .flex-item-icon {
  width: 40px;
  height: 40px;
  margin-right: 10px;
  border-radius: 50%;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.card-stat-flex .flex-item-icon .anticon {
  font-size: 22px;
}
.card-stat-flex .ant-skeleton {
  -webkit-box-flex: 50px;
      -ms-flex: 50px 0 0px;
          flex: 50px 0 0;
  margin-bottom: 0;
}
.card-account {
  border: 1px solid #E9E9E9;
}
.card-account-tag {
  position: absolute;
  top: -1px;
  right: 20px;
  padding: 3px 12px 10px;
  background-size: 100% 100%;
  color: #fff;
  z-index: 2;
}
.card-account-hd {
  padding: 0 20px;
  background: #FAFAFA;
  border-bottom: 1px solid #E9E9E9;
}
.card-account-hd .avatar-card {
  padding: 20px 0;
}
.card-account-hd .sub-title {
  height: 53px;
  padding-top: 10px;
  margin-bottom: 10px;
  border-top: 1px solid #E9E9E9;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.card-account-bd {
  padding: 20px;
}
.card-account-bd .bd-title {
  margin-bottom: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.card-account-bd .bd-title .ant-statistic {
  line-height: 1;
  margin-right: 5px;
}
.card-account-bd .bd-text:not(:last-child) {
  margin-bottom: 10px;
}
.card-account-bd .bd-text label {
  color: #777888;
}
.card-condition {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.card-condition .clear-btn {
  position: absolute;
  right: 0;
  bottom: 0;
  padding: 15px 0;
}
.card-condition-intro {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-right: 20px;
  margin-right: 20px;
  border-right: 1px dashed #E9E9E9;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.card-condition-body {
  width: 100%;
}
.card-condition-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 15px 0;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  width: 100%;
}
.card-condition-item:not(:last-child) {
  border-bottom: 1px dashed #E9E9E9;
}
.card-condition-item.checkbox-group {
  padding-bottom: 5px;
}
.card-condition-item > label {
  color: #777888;
  -webkit-box-flex: 80px;
      -ms-flex: 80px 0 0px;
          flex: 80px 0 0;
}
.card-condition-item .ant-checkbox-group-item {
  min-width: 80px;
  margin-bottom: 10px;
}
.card-condition-item-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (max-width: 1900px) {
  .card-stat-flex {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .card-stat-flex-item {
    -webkit-box-flex: 0!important;
        -ms-flex: none!important;
            flex: none!important;
    width: 33%;
  }
  .card-stat-flex-item:first-child {
    margin-bottom: 20px;
  }
}

.select-date {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.select-date .ant-radio-group {
  margin-right: 15px;
}
.select-date .select.ant-calendar-picker .ant-calendar-picker-input {
  border-color: #FF6E00;
}

.fixed {
  padding: 15px 20px;
  margin-bottom: 20px;
  background-color: #FAFAFA;
  border: 0 solid #E9E9E9;
  border-width: 1px 0;
}
.fixed.outline {
  width: calc(100% + 40px);
  margin-left: -20px;
}
.fixed.inline {
  padding: 14px 16px;
  border-width: 0;
}
.fixed.default {
  padding: 0;
  margin-bottom: 0;
  background: transparent;
  border-width: 0;
  width: 100% !important;
}
.fixed.default .fixed-content {
  width: 100%!important;
  top: 0;
  padding: 0!important;
  border-bottom-width: 0;
  background-color: transparent;
}
.fixed.white {
  padding: 0;
  background: #fff;
}
.fixed.white .fixed-content {
  background-color: #fff;
  margin-left: 0;
  padding: 14px 0;
}
.fixed.normal {
  padding: 14px 16px;
  border-width: 0;
}
.fixed.normal .fixed-content {
  padding: 14px 16px;
  border-bottom-width: 0;
}
.fixed label.split {
  margin-left: 10px;
}
.fixed .right {
  float: right;
}
.fixed:after {
  zoom: 1;
}
.fixed:after::before,
.fixed:after::after {
  display: table;
  content: '';
}
.fixed:after::after {
  clear: both;
}
.fixed-content {
  position: fixed;
  padding: 15px 20px;
  background-color: #FAFAFA;
  border: 0 solid #E9E9E9;
  border-width: 0 0 1px;
  z-index: 999;
}
.fixed .ant-radio-group .ant-radio-wrapper:last-child {
  margin-right: 0;
}
.fixed .ant-radio-group .ant-radio-wrapper:last-child span.ant-radio + * {
  padding-right: 0;
}
.fixed .ant-select {
  width: 140px;
  margin-right: 15px;
}

.flex-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.flex-box-item {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 20px;
  border: 1px solid #E9E9E9;
}
.flex-box-item:not(:last-child) {
  margin-right: 20px;
}
.flex-box-item-title {
  padding-bottom: 20px;
  border-bottom: 1px solid #E9E9E9;
}
.flex-box-item-content {
  padding-top: 20px;
  height: calc(100% - 42px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.step-list {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  margin: 0;
}
.step-list-item {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-flow: wrap;
      flex-flow: wrap;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.step-list-item-icon {
  width: 80px;
  height: 80px;
  margin-bottom: 50px;
  background: #FFA000;
  background-size: 50% 50%;
  background-repeat: no-repeat;
  background-position: center center;
  border-radius: 50%;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.step-list-item-title {
  position: relative;
  display: block;
  width: 100%;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
}
.step-list-item-title:after {
  content: '';
  position: absolute;
  top: -26px;
  left: calc(50% - 6px);
  display: block;
  width: 12px;
  height: 12px;
  background: #FFA000;
  border-radius: 50%;
  border: 3px solid #fff;
  z-index: 2;
}
.step-list:after {
  content: '';
  position: absolute;
  bottom: 40px;
  left: 0;
  display: block;
  width: 100%;
  height: 2px;
  background: -webkit-gradient(linear, left top, right top, from(#FFB25C), to(#FFA353));
  background: -o-linear-gradient(left, #FFB25C, #FFA353);
  background: linear-gradient(left, #FFB25C, #FFA353);
}

.dialog-select-category .ant-alert {
  margin-bottom: 20px;
}
.dialog-select-category .ant-checkbox-group-item {
  width: 20%;
  margin: 0 0 10px;
}

.dialog-select-area .ant-alert {
  margin-bottom: 20px;
}
.dialog-select-area .ant-checkbox-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.dialog-select-area .ant-checkbox-wrapper {
  width: 25%;
  margin: 0 0 10px;
}
.popover-area-select {
  width: 400px;
}
.popover-area-select .ant-checkbox-wrapper {
  min-width: 33.33%;
  margin: 0 0 10px;
}

.table-operate a:not(.ant-btn) {
  color: #FF6E00;
}
.table-operate .ant-btn {
  margin-right: 10px;
  margin-bottom: 10px;
}
.loading-table {
  min-height: auto;
}

.dialog-document-renew .inline-form .ant-form-item {
  margin: 0;
}
.dialog-document-renew .inline-form .ant-form-item-label {
  min-width: 80px;
}

.dialog-add-blacklist .ant-modal-footer .ant-btn .anticon {
  font-size: 15px;
}
.backlist-account-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-right: -20px;
}
.backlist-account-list-item {
  position: relative;
  width: calc(33.33% - 20px);
  padding: 20px;
  margin-bottom: 20px;
  margin-right: 20px;
  border: 1px solid #E9E9E9;
  cursor: pointer;
}
.backlist-account-list-item.select {
  position: relative;
  border-color: #FF6E00;
}
.backlist-account-list-item.select:after {
  content: '';
  position: absolute;
  display: block;
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  border-top: 33px solid #FF6E00;
  border-left: 33px solid transparent;
  z-index: 1;
}
.backlist-account-list-item.select > .anticon {
  position: absolute;
  right: 2px;
  top: 3px;
  color: #fff;
  z-index: 2;
}
.shield-icon {
  position: absolute;
  top: -1px;
  right: -1px;
  background-color: #fe2000;
  line-height: 16px;
  padding: 5px 12px;
  color: #ffffff;
  z-index: 2;
}

.dialog-wechat-account .ant-modal-body {
  padding: 0;
}
.dialog-wechat-account .qrcode-warpper {
  padding: 30px 40px;
  text-align: center;
}
.dialog-wechat-account .qrcode-warpper .desc {
  padding: 10px 0;
}
.dialog-wechat-account .qrcode,
.dialog-wechat-account .qrcode-status {
  display: inline-block;
  width: 200px;
  height: 200px;
  line-height: 200px;
  margin: 0 auto;
  border-width: 0;
}
.dialog-wechat-account .qrcode-status {
  padding-top: 40px;
  line-height: 2;
}
.dialog-wechat-account .qrcode-status p {
  margin-bottom: 0;
}
.dialog-wechat-account .qrcode-status .anticon {
  margin-bottom: 10px;
  font-size: 42px;
  color: #00D082;
}
.dialog-wechat-account .qrcode-status .anticon.icon-error {
  color: #fe2405;
}
.dialog-wechat-account .qrcode-status .info {
  font-size: 16px;
}
.dialog-wechat-account .account-info {
  position: relative;
  padding: 40px 15px 40px 70px;
  background-color: #F7F7F7;
  border-radius: 0 0 2px 2px;
}
.dialog-wechat-account .account-info-logo {
  position: absolute;
  top: 40px;
  left: 15px;
}
.dialog-wechat-account .account-info-logo img {
  width: 40px;
  height: 40px;
  border-radius: 20px;
}
.dialog-wechat-account .account-info .meta {
  margin-bottom: 5px;
}
.dialog-wechat-account .account-info .meta label {
  margin-right: 15px;
  color: #777888;
}

.dialog-update-read .ant-modal-body {
  text-align: center;
  padding-bottom: 60px;
}
.dialog-update-read .ant-modal-body p {
  margin: 40px 0 30px;
}
.dialog-update-read .ant-modal-body .ant-btn {
  width: 130px;
}
.dialog-update-read .ant-modal-body .ant-btn:not(:last-child) {
  margin-right: 15px;
}

.dialog-set-order-push-url .ant-modal-header {
  border-bottom-width: 0;
}
.dialog-set-order-push-url .ant-modal-body {
  padding: 0 24px;
}
.dialog-set-order-push-url .ant-modal-body .ant-form-item {
  margin-bottom: 20px;
}
.dialog-set-order-push-url .ant-modal-footer {
  border-top-width: 0;
}

.dialog-batch-accept-order .ant-alert {
  margin-bottom: 20px;
}
.dialog-batch-accept-order .ant-modal-body {
  max-height: 460px;
  overflow: auto;
  padding-bottom: 0;
}
.dialog-batch-accept-order .loading-content {
  min-height: auto;
}
.dialog-batch-accept-order .loading-content-body {
  min-height: auto;
}
.dialog-batch-accept-order .ant-table-tbody > tr:last-child > td {
  border-bottom-width: 0;
}
.modal-no-account .ant-modal-body {
  padding: 60px 0;
  text-align: center;
}
.modal-no-account .ant-modal-body img {
  display: block;
  margin: 0 auto;
  width: 258px;
}
.modal-no-account .ant-modal-body .text {
  margin-bottom: 30px;
}
.modal-accept-order-confirm.ant-modal-confirm .ant-modal-close {
  display: block;
}
.modal-accept-order-confirm .red {
  color: red;
}
.modal-accept-order-confirm .account-title {
  margin-top: 10px;
  padding: 10px;
  background: #fafafa;
  color: #333;
}
.modal-accept-order-confirm .avatars-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 10px;
}
.modal-accept-order-confirm .avatars-wrap > div {
  width: 196px;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  margin-bottom: 12px;
}
.modal-accept-order-confirm .ant-btn {
  float: right;
}

.complain-modal .ant-modal-body {
  min-height: 307px;
}
.complain-modal .item {
  margin-bottom: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.complain-modal .item span {
  color: #333;
  min-width: 72px;
}
.complain-modal .item img {
  width: 100px;
  margin: 0 20px 20px 0;
}
.complain-modal .item:nth-child(2) {
  margin-bottom: 0;
}
.complain-modal .item.item-reply {
  border-top: 1px solid #e9e9e9;
  padding-top: 20px;
}

.dialog-cancel p {
  margin-bottom: 20px;
}
.dialog-cancel .ant-radio-wrapper {
  display: block;
  margin-bottom: 20px;
}
.dialog-cancel .ant-form-item {
  margin: 0;
}
.dialog-cancel .ant-alert {
  margin-bottom: 20px;
}

.report-modal .ant-modal-body {
  min-height: 307px;
}
.report-modal .upload-list-image {
  margin-bottom: 20px;
}
.report-modal .ant-form-item-label {
  min-width: 82px;
}
.report-modal .item {
  margin-bottom: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.report-modal .item span {
  color: #333;
  min-width: 72px;
}
.report-modal .item .img {
  width: 100px;
  margin: 0 20px 20px 0;
}

.upload-btn {
  display: inline-block;
  width: 200px;
}
.upload-btn-image {
  position: relative;
  width: 200px;
  padding-bottom: 56.25%;
  background-size: cover;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-color: #F6F8F9;
}
.upload-btn-image .icon-mask,
.upload-btn-image .icon-btns {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.upload-btn-image .icon-mask {
  display: block;
  background: rgba(0, 0, 0, 0.65);
}
.upload-btn-image .icon-btns {
  font-size: 22px;
  color: #fff;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.upload-btn-image .icon-btns .anticon {
  cursor: pointer;
}
.upload-btn-image .icon-btns .anticon-loading {
  position: relative;
  width: 22px;
  height: 22px;
}
.upload-btn-image:hover:not(.loading) .icon-mask,
.upload-btn-image.loading .icon-mask,
.upload-btn-image:hover:not(.loading) .icon-btns,
.upload-btn-image.loading .icon-btns {
  opacity: 1;
}
.upload-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.upload-list-image {
  position: relative;
  width: 100px;
  height: 100px;
  background-size: cover;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-color: #F6F8F9;
  margin-right: 20px;
}
.upload-list-image > .anticon {
  position: absolute;
  font-size: 18px;
  top: -9px;
  right: -9px;
  color: #fe2405;
  background: #fff;
  border-radius: 50%;
  cursor: pointer;
}
.upload-image-list-btn {
  position: relative;
  display: block;
  width: 100px;
  height: 100px;
  border: 1px dashed #E9E9E9;
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
}
.upload-image-list-btn.loading:before,
.upload-image-list-btn.loading:after {
  width: 0;
  height: 0;
}
.upload-image-list-btn.loading .anticon {
  position: absolute;
  font-size: 18px;
  top: 41px;
  left: 41px;
}
.upload-image-list-btn:before,
.upload-image-list-btn:after {
  content: '';
  position: absolute;
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
  background: #E9E9E9;
}
.upload-image-list-btn:hover {
  border-color: #FF6E00;
}
.upload-image-list-btn:hover:before,
.upload-image-list-btn:hover:after {
  background: #FF6E00;
}
.upload-image-list-btn:before {
  width: 2px;
  height: 50px;
  left: 49px;
  top: 25px;
}
.upload-image-list-btn:after {
  width: 50px;
  height: 2px;
  left: 25px;
  top: 49px;
}

.advert-list-body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-right: -20px;
  margin-bottom: -20px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.advert-list .card-advert {
  min-width: 290px;
  width: calc(33.33% - 20px);
  margin-right: 20px;
  margin-bottom: 20px;
}
.advert-list .ant-pagination {
  margin-top: 20px;
  text-align: center;
}
@media screen and (min-width: 1440px) {
  .advert-list .card-advert {
    width: calc(25% - 20px);
  }
}
@media screen and (min-width: 1920px) {
  .advert-list .card-advert {
    width: calc(20% - 20px);
  }
}

.query-input-dropdown-body {
  padding-top: 10px;
}
.query-input-dropdown-body .quick-btn {
  display: block;
  color: #FF6E00;
  height: 40px;
  line-height: 40px;
}
.query-input-dropdown-body .ant-menu {
  border-right-width: 0;
}
.query-input-dropdown-body .ant-menu-item {
  min-width: 120px;
  margin: 0!important;
}
.query-input-dropdown-body .ant-menu-item-selected {
  background-color: #fff !important;
}
.query-input {
  display: inline-block;
  position: relative;
}
.query-input .split {
  margin: 0 3px;
}
.query-input .input-content {
  position: relative;
  display: inline-block;
}
.query-input.query-input-hover .hover-content .split,
.query-input.query-input-hover .hover-content .ant-input {
  opacity: 0;
}
.query-input.query-input-hover .input-content {
  z-index: 100;
}
.query-input .hover-content {
  position: absolute;
  top: -10px;
  left: -10px;
  padding: 10px;
  background: #fff;
  z-index: 99;
  border: 1px solid #E0E0E0;
}
.query-input .hover-content-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.query-input .hover-content .ant-btn {
  margin-left: 10px;
}

.condition-item-body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.condition-sex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.condition-sex-input {
  height: 21px;
  margin-right: 15px;
}
.condition-sex .ant-input {
  top: -5.5px;
  width: 80px;
  margin-left: 10px;
}
.condition-sex .ant-input-suffix {
  top: calc(50% - 5.5px);
}
.condition-sex .hover-content {
  top: -15.5px;
}

.popover-qrcode-img .ant-popover-inner-content {
  padding: 8px;
}
.table-list table {
  width: 100%;
  border-collapse: collapse;
}
.table-list .ant-pagination {
  text-align: center;
}
.table-record:not(:last-child) {
  margin-bottom: 20px;
}
.table-record-th {
  border: 0 solid #E9E9E9;
  border-width: 1px 1px 0 1px;
}
.table-record-th td {
  padding: 0;
}
.table-record-td {
  border: 0 solid #E9E9E9;
  border-width: 0 1px 1px 1px;
  vertical-align: top;
}
.table-record-td td {
  padding: 16px;
}
.table-record-td td > label,
.table-record-td td > span {
  display: block;
  line-height: 1;
}
.table-record-td td > label {
  color: #777888;
  margin-bottom: 10px;
}
.table-record-td td > span {
  margin-bottom: 10px;
  color: #222333;
}
.table-record-td td > span:last-of-type {
  margin-bottom: 0;
}
.table-record-td td > span + label {
  margin-top: 18px;
}
.table-record-split {
  height: 20px;
}
.table-record-hd {
  padding: 14px 16px;
  background: #FAFAFA;
  border-bottom: 1px solid #E9E9E9;
  color: #222333;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  font-weight: normal;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.table-record-hd .hd-info {
  line-height: 1.9;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.table-record-hd .hd-info > span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.table-record-hd .hd-info > span:not(:last-child) {
  margin-right: 40px;
}
.table-record-hd .hd-info > span .anticon {
  margin-right: 5px;
}
.table-record-hd .avatar-card {
  width: 150px;
}
.table-record-hd .ant-list-item-meta-description {
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
}
.table-record-hd .right-btn-group {
  height: 26px;
}
.table-record-hd .right-btn-group .ant-btn {
  margin-left: 10px;
  margin-top: -3px;
}
.table-record .desc-title {
  display: -webkit-box;
  line-height: 22px;
  white-space: normal;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.sort-list {
  margin-right: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.sort-list-item {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.sort-list-item .sorter-inner {
  margin: 0 8px 0 3px;
}
.sort-list-item .sorter-inner .anticon {
  position: relative;
  display: block;
  top: -2px;
  height: 8px;
  line-height: 8px;
  font-size: 12px;
  -webkit-transform: scale(0.91666667) rotate(0deg);
      -ms-transform: scale(0.91666667) rotate(0deg);
          transform: scale(0.91666667) rotate(0deg);
  color: #D9D9D9;
}

.steps {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}
.steps-item {
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  color: #222333;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.steps-item-number {
  position: relative;
  width: 32px;
  height: 32px;
  margin-bottom: 15px;
  background: #E9EDF1;
  border: 1px solid #fff;
  border-radius: 50%;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  z-index: 3;
}
.steps-item-label {
  display: block;
  width: 100%;
  line-height: 1;
  text-align: center;
}
.steps-item:after {
  content: '';
  position: absolute;
  top: 13px;
  left: 0;
  width: 100%;
  height: 6px;
  background-color: #E9EDF1;
  z-index: 1;
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
}
.steps-item.active:after {
  background-color: #FF6E00;
}
.steps-item.active .steps-item-number {
  color: #fff;
  background-color: #FF6E00;
}
.steps-item.check:after {
  background-color: #ffe3d8;
}
.steps-item.check .steps-item-number {
  color: #FF6E00;
  background-color: #ffe3d8;
  border-color: #FF6E00;
}

.range-picker-box {
  display: inline-block;
}
.range-picker-box .split {
  margin: 0 10px;
}

.time-range-picker .split {
  margin: 0 10px;
}

.popover-qrcode {
  text-align: center;
}
.popover-qrcode .qrcode-img {
  width: 143px;
  height: 143px;
  margin: 0 auto;
}

.popover-create-media {
  padding-top: 20px;
}
.popover-create-media .ant-alert {
  position: relative;
  padding: 20px;
}
.popover-create-media .ant-alert p {
  margin-bottom: 15px;
}
.popover-create-media .ant-alert .ant-btn {
  width: 130px;
  margin-right: 15px;
}
.popover-create-media .ant-alert .tag {
  position: absolute;
  top: -2px;
  right: 20px;
  width: 48px;
  height: 36px;
  line-height: 30px;
  background-size: 100% 100%;
  color: #fff;
  text-align: center;
}
.popover-create-media .ant-alert:not(:last-child) {
  margin-bottom: 20px;
}

.footer-banner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 243px;
  background-size: cover;
  background-position: center center;
  border-bottom: 1px solid rgba(254, 110, 0, 0.4);
}
.footer-banner > div {
  width: 100%;
  text-align: center;
}
.footer-banner > div h3 {
  color: #fff;
  font-size: 24px;
  margin-bottom: 35px;
}
.footer-banner > div .ant-btn {
  width: 160px;
}
.footer-menus {
  padding: 30px 0;
  background: #272727;
  color: #999999;
}
.footer-menus .link-card {
  margin-top: 40px;
  padding-top: 20px;
  border-top: 1px solid #333;
}
.footer-menus .page-center {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.footer-menus .page-center .footer-menus-card {
  min-width: 145px;
}
.footer-menus .page-center .footer-menus-card.image-card {
  margin-left: 20px;
  text-align: center;
}
.footer-menus .page-center .footer-menus-card h3 {
  font-size: 14px;
  color: #E9E9E9;
  margin-bottom: 15px;
}
.footer-menus .page-center .footer-menus-card h3 a {
  color: #E9E9E9;
}
.footer-menus .page-center .footer-menus-card ul li {
  margin-bottom: 8px;
}
.footer-menus .page-center .footer-menus-card ul li a {
  color: #999999;
}
.footer-menus .page-center .footer-menus-card ul li a:hover {
  color: #fff;
}
.footer-menus .page-center .footer-menus-card .qq-talk {
  display: inline-block;
  border: 1px solid #444444;
  line-height: 1.2;
  padding: 5px 30px;
}
.footer-menus .page-center .footer-menus-card .contact-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.footer-menus .page-center .footer-menus-card .contact-info .phone {
  font-size: 18px;
  margin-right: 10px;
}
.footer-menus .page-center .footer-menus-card .contact-info .qq {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.footer-menus .page-center .footer-menus-card .contact-info .qq .anticon {
  color: #fff;
  font-size: 14px;
  margin: 0 auto;
}
.footer-menus .page-center .footer-menus-card .contact-info .qq .qq-icon {
  display: inline-block;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: #FF6E00;
  text-align: center;
  line-height: 20px;
  margin-right: 3px;
}
.footer-menus .page-center .copyright {
  width: 100%;
  text-align: center;
}
.footer-menus .page-center .copyright a {
  display: block;
}
.footer-menus .page-center .friend-links {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 20px;
}
.footer-menus .page-center .friend-links ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.footer-menus .page-center .friend-links ul li a {
  display: block;
  min-width: 88px;
  color: #999999;
  padding: 0 10px;
  line-height: 1;
}
.footer-menus .page-center .friend-links ul li a:hover {
  color: #fff;
}
.footer-menus .page-center .friend-links ul li:not(:last-child) a {
  border-right: 1px solid #333;
}

.broadcast-item .ant-list-items {
  height: 269px;
  overflow: hidden;
}
.broadcast-item .ant-list-item:first-child {
  padding-top: 0;
}
.broadcast-item .ant-list-item:last-child {
  padding-bottom: 0;
}
.carousel-item {
  margin-bottom: 20px;
}
.carousel-item img {
  width: 100%;
}
.ant-carousel .slick-slide > div > a,
.ant-carousel .slick-slide > div > .ant-list {
  display: block !important;
}
.software-icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 45px;
  height: 45px;
  border-radius: 2px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-shadow: 0px 2px 4px 0px rgba(132, 90, 0, 0.2);
          box-shadow: 0px 2px 4px 0px rgba(132, 90, 0, 0.2);
}
.software-icon .anticon {
  font-size: 25px;
  color: #fff;
}
ul.help-list {
  margin: 0;
}
ul.help-list > li {
  position: relative;
  padding-left: 15px;
  text-align: justify;
}
ul.help-list > li > a {
  display: block;
  padding: 10px 0;
  border-bottom: 1px solid #E9E9E9;
}
ul.help-list > li > a:hover {
  text-decoration: underline;
}
ul.help-list > li:before {
  content: '';
  display: block;
  position: absolute;
  top: 10px;
  left: 0;
  width: 4px;
  height: 4px;
  margin: 9px 0;
  background-color: #777888;
}
ul.help-list > li:first-child:before {
  top: 0;
}
ul.help-list > li:first-child > a {
  padding-top: 0;
}
ul.help-list > li:last-child > a {
  padding-bottom: 0;
  border-bottom-width: 0;
}
.home-chart {
  min-height: 498px;
  border: 1px solid #E9E9E9;
  overflow: hidden;
}
.media-empty-fun-intro-span {
  display: inline-block;
  width: 44px;
  height: 44px;
  -webkit-box-shadow: 0px 2px 4px 0px rgba(0, 67, 128, 0.2);
          box-shadow: 0px 2px 4px 0px rgba(0, 67, 128, 0.2);
}
.media-empty-fun-intro-span:first-child {
  background: -webkit-gradient(linear, left top, left bottom, from(#64B2FD), to(#33CBFF));
  background: -o-linear-gradient(#64B2FD, #33CBFF);
  background: linear-gradient(#64B2FD, #33CBFF);
}
.media-empty-fun-intro-span:nth-child(2) {
  background: -webkit-gradient(linear, left top, left bottom, from(#FFAE00), to(#FFC221));
  background: -o-linear-gradient(#FFAE00, #FFC221);
  background: linear-gradient(#FFAE00, #FFC221);
}
.media-empty-fun-intro-span:nth-child(3) {
  background: -webkit-gradient(linear, left top, left bottom, from(#FFA542), to(#FF753E));
  background: -o-linear-gradient(#FFA542, #FF753E);
  background: linear-gradient(#FFA542, #FF753E);
}
.media-fun-intro-list .ant-list-item {
  border-width: 0;
}
.media-fun-intro-list .ant-list-item .intro-span {
  width: 44px;
  height: 44px;
  -webkit-box-shadow: 0px 2px 4px 0px rgba(0, 67, 128, 0.2);
          box-shadow: 0px 2px 4px 0px rgba(0, 67, 128, 0.2);
  border-radius: 2px;
  color: #fff;
  font-size: 25px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.media-fun-intro-list .ant-list-item:first-child {
  padding-top: 0;
}
.media-fun-intro-list .ant-list-item:first-child .intro-span {
  background: -webkit-gradient(linear, left top, left bottom, from(#64B2FD), to(#33CBFF));
  background: -o-linear-gradient(#64B2FD, #33CBFF);
  background: linear-gradient(#64B2FD, #33CBFF);
}
.media-fun-intro-list .ant-list-item:nth-child(2) .intro-span {
  background: -webkit-gradient(linear, left top, left bottom, from(#FFAE00), to(#FFC221));
  background: -o-linear-gradient(#FFAE00, #FFC221);
  background: linear-gradient(#FFAE00, #FFC221);
}
.media-fun-intro-list .ant-list-item:nth-child(3) {
  padding-bottom: 0;
}
.media-fun-intro-list .ant-list-item:nth-child(3) .intro-span {
  background: -webkit-gradient(linear, left top, left bottom, from(#FFA542), to(#FF753E));
  background: -o-linear-gradient(#FFA542, #FF753E);
  background: linear-gradient(#FFA542, #FF753E);
}
.media-fun-intro-list.ads .ant-list-item:first-child .intro-span {
  background-image: -o-linear-gradient(223deg, #FFBF62 0%, #FF8B33 100%);
  background-image: linear-gradient(-133deg, #FFBF62 0%, #FF8B33 100%);
}
.media-fun-intro-list.ads .ant-list-item:nth-child(2) .intro-span {
  background-image: -o-linear-gradient(226deg, #E969FF 0%, #9E69FF 100%);
  background-image: linear-gradient(-136deg, #E969FF 0%, #9E69FF 100%);
}
.media-fun-intro-list.ads .ant-list-item:nth-child(3) .intro-span {
  background-image: -o-linear-gradient(226deg, #2CABFF 0%, #3E6FFF 100%);
  background-image: linear-gradient(-136deg, #2CABFF 0%, #3E6FFF 100%);
}
.media-fun-intro-list.ads.account .ant-list-item:nth-child(3) .intro-span {
  background-image: -o-linear-gradient(225deg, #68EC51 0%, #00BB57 100%) !important;
  background-image: linear-gradient(-135deg, #68EC51 0%, #00BB57 100%) !important;
}
.home-stat-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.home-stat-list .card-stat {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.home-stat-list .card-stat:not(:last-child) {
  margin-right: 20px;
}
.home-ads-select-wrap {
  position: absolute;
  top: 16px;
  left: 140px;
}
.home-ads-select-wrap span {
  font-size: 14px;
}
.custom-tooltip {
  position: absolute;
  min-width: 180px;
  height: auto;
  padding: 10px 15px;
  font-size: 13px;
  border-radius: 2px;
  -webkit-box-shadow: 0px 0px 10px #aeaeae;
          box-shadow: 0px 0px 10px #aeaeae;
  background: #fff;
}
.custom-tooltip-title {
  margin-bottom: 10px;
}
.custom-tooltip ul > li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 5px 0;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.custom-tooltip ul > li:last-child {
  margin-bottom: 0;
}
.custom-tooltip ul > li .point {
  display: inline-block;
  width: 6px;
  height: 6px;
  margin-right: 10px;
  border-radius: 50%;
}
.custom-tooltip ul > li > label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (max-width: 1670px) {
  .home-step-flex-box {
    display: block!important;
  }
  .home-step-flex-box .flex-box-item {
    margin-right: 0;
  }
  .home-step-flex-box .flex-box-item:not(:last-child) {
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 1366px) {
  .home-stat-list .card-stat:not(:last-child) {
    margin-right: 0;
    border-right-width: 0;
  }
  .home-stat-list .card-stat .card-title,
  .home-stat-list .card-stat .card-content {
    padding: 15px;
  }
  .home-stat-list .card-stat .right-group-btn {
    right: 15px;
  }
}


.spin-content .ant-spin-dot-spin {
  display: none;
}
.spin-content .spin-content-body {
  color: #222333;
}
.spin-content .spin-content-body-hd {
  font-size: 16px;
  margin-bottom: 10px;
  font-weight: 500;
}
.spin-content .spin-content-body-hd .anticon {
  margin-right: 15px;
}

.advert-card-title-tag {
  position: relative;
  top: -2px;
  height: 22px;
  line-height: 22px;
  padding: 0 10px;
  margin-left: 12px;
  font-size: 12px;
  color: #FF6E00;
  background: #FFF0EB;
}
.card-advert-text.accept-record:not(:last-child) {
  margin-bottom: 10px;
}
.card-advert-text.accept-record .text-title .record-label {
  display: inline-block;
  width: 60px;
  text-align: right;
}
.modal-accept-order-confirm.ant-modal-confirm .ant-modal-close {
  display: block;
}
.modal-accept-order-confirm .red {
  color: red;
}
.modal-accept-order-confirm .account-title {
  margin-top: 10px;
  padding: 10px;
  background: #fafafa;
  color: #333;
}
.modal-accept-order-confirm .avatars-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 10px;
}
.modal-accept-order-confirm .avatars-wrap > div {
  width: 196px;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  margin-bottom: 12px;
}
.modal-accept-order-confirm .ant-btn {
  float: right;
}

.article-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 20px;
}
.article-info-head-img {
  width: 192px;
}
.article-info-head-img .img {
  padding-bottom: 56.25%;
  background-size: cover;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-color: #F6F8F9;
}
.article-info-bd {
  padding-left: 20px;
}
.article-info-bd-title {
  font-size: 16px;
  color: #222333;
}
.article-info-bd-price {
  margin-bottom: 5px;
  color: #FF6E00;
}
.article-info-bd-price .ant-statistic {
  display: inline-block;
  color: #FF6E00;
}
.article-info-bd-text:not(:last-child) {
  margin-bottom: 5px;
}
.article-info.border {
  padding: 20px;
  border: 1px solid #E9E9E9;
}
.order-detail-box {
  padding: 20px;
  border: 1px solid #E9E9E9;
}
.order-intro-steps-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border: 1px solid #E9E9E9;
}
.order-intro-steps-item:not(:last-child) {
  margin-bottom: 20px;
}
.order-intro-steps-item-th {
  -webkit-box-flex: 250px;
      -ms-flex: 250px 0 0px;
          flex: 250px 0 0;
  padding: 20px 0;
  background: #FAFAFA;
  border-right: 1px solid #E9E9E9;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.order-intro-steps-item-th > * {
  width: 100%;
  text-align: center;
}
.order-intro-steps-item-th .th-title {
  margin-bottom: 15px;
  font-size: 16px;
  color: #222333;
}
.order-intro-steps-item-td {
  padding: 20px;
}
.order-intro-steps-item-td p {
  margin-bottom: 20px;
}
.order-intro-steps-item-td .ant-alert:not(:last-child) {
  margin-bottom: 20px;
}
.order-intro-steps-item-td img {
  width: 100%;
}
.no-border-bottom .ant-table-tbody tr > td {
  border-bottom-width: 0;
}
.order-detail-fixed-footer {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 10px 0;
  background: #fff;
  border-top: 1px solid #E9E9E9;
}
.order-detail-fixed-footer .page-layout-center {
  background-color: #fff;
  text-align: center;
}
.order-detail-fixed-footer .ant-btn:not(:last-child) {
  margin-right: 15px;
}

.notice-table .ant-table-row {
  cursor: pointer;
}
.notice-table .content-record .title {
  margin-bottom: 10px;
  color: #222333;
}
.notice-table .content-record .content {
  color: #777888;
}
.notice-table .ant-badge-count,
.notice-table .ant-badge-dot,
.notice-table .ant-badge .ant-scroll-number-custom-component {
  left: -8px;
  right: auto;
}

@media screen and (max-width: 1365px) {
  .expand-search-input {
    width: 220px!important;
  }
}

.expand-form {
  width: 980px;
}
.expand-form .ant-form-item-label {
  min-width: 80px;
}
.expand-form .border-form {
  width: 650px;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
}
.expand-form-1 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.expand-form-1 .expand-form {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 780px;
          flex: 0 0 780px;
}
.expand-form-1 .expand-form .ant-form-item-label {
  min-width: 100px;
}
.expand-form-1 .expand-form .wechat-editor-content {
  width: 654px;
}
.expand-form-1 .preview-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin-right: -20px;
  border-left: 1px solid #E9E9E9;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.expand-form-1 .preview-content .phone-preview {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.values-box {
  position: relative;
  padding: 7px 16px;
  margin-left: -85px;
  margin-right: -15px;
  line-height: 30px;
  background-color: #fffbe6;
  border: 1px solid #ffe58f;
}
.values-box label {
  color: #FFA000;
}
.values-box-edit {
  display: block;
  color: #FF6E00 !important;
  text-decoration: underline!important;
}
.values-box:before {
  content: '';
  position: absolute;
  top: -8px;
  left: 185px;
  width: 0;
  height: 0;
  border-width: 8px;
  border-color: #fffbe6;
  border-top-width: 0;
  border-style: dashed;
  border-bottom-style: solid;
  border-left-color: transparent;
  border-right-color: transparent;
  z-index: 2;
}
.values-box:after {
  content: '';
  position: absolute;
  top: -9px;
  left: 184px;
  width: 0;
  height: 0;
  border-width: 9px;
  border-color: #ffe58f;
  border-top-width: 0;
  border-style: dashed;
  border-bottom-style: solid;
  border-left-color: transparent;
  border-right-color: transparent;
  z-index: 1;
}
.fixed-footer {
  position: fixed;
  left: 50px;
  bottom: 0;
  padding: 10px 0;
  margin: 0!important;
  border-top: 1px solid #E9E9E9;
  background-color: #fff;
  width: calc(100vw - 50px);
  z-index: 999;
}
@media screen and (min-width: 1800px) {
  .fixed-footer {
    left: 190px;
  }
  .expand-form-1 .expand-form {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 800px;
            flex: 0 0 800px;
  }
}
.modal-expand-tips .ant-modal-confirm-title .title i {
  color: #FFA000;
  margin-right: 17px;
  font-size: 20px;
}
.modal-expand-tips .ant-modal-confirm-body > .anticon-question-circle {
  display: none;
}
.modal-expand-tips .ant-modal-confirm-body .modal-expand-tips-ctn i {
  color: #FFA000;
  font-size: 18px;
  margin-right: 6px;
}
.modal-expand-tips .ant-modal-confirm-body .modal-expand-tips-ctn p {
  padding-left: 25px;
}

.black-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-right: -20px;
}
.black-list-item {
  margin-top: 20px;
  margin-right: 20px;
  width: calc(25% - 20px);
  border: 1px solid #E9E9E9;
}
.black-list-item-body {
  position: relative;
  padding: 20px;
}
.black-list-item-footer {
  padding: 10px 20px;
  background-color: #F9F9F9;
}
.black-list-item .remove-btn {
  position: absolute;
  right: 20px;
  top: calc(50% - 12px);
  font-size: 20px;
  color: #BABBC8;
}
.black-list-item .remove-btn:hover {
  color: #fe2405;
}
.black-list-item .tag {
  position: absolute;
  top: -1px;
  right: -1px;
  padding: 0 12px 0 6px;
  line-height: 24px;
  background-color: #FFA000;
  color: #fff;
}
.black-list-item .tag:before {
  content: '';
  position: absolute;
  top: 0;
  left: -24px;
  width: 0;
  height: 0;
  border-top: 24px solid #FFA000;
  border-left: 24px solid transparent;
}
@media screen and (min-width: 1920px) {
  .black-list-item {
    width: calc(20% - 20px);
  }
}

.increasefans-form {
  width: 980px;
}
.increasefans-form .ant-form-item-label {
  min-width: 100px;
}
.increasefans-form .border-form {
  width: 560px;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
}
.inline-form .border-form .ant-form-item-label {
  min-width: auto;
  text-align: left;
}
.inline-form .text-values-box {
  margin: 15px -15px -17px -15px;
}
.inline-form .text-values-box:before {
  left: 16px;
}
.inline-form .text-values-box:after {
  left: 15px;
}
.inline-form .ant-form-item-children > .ant-input,
.inline-form .ant-form-item-children > .ant-input-max-len .ant-input {
  padding: 4px 16px;
}
.inline-form .ant-form-item-children > .ant-btn {
  padding: 0 16px;
}
.create-account-form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.create-account-form .increasefans-form {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 720px;
          flex: 0 0 720px;
}
.create-account-form .preview-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin-right: -20px;
  border-left: 1px solid #E9E9E9;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.create-account-form .preview-content .phone-preview {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.create-account-form .upload-btn-image {
  width: 180px;
  height: 180px;
  border: 1px solid #E9E9E9;
}
.create-account-preview {
  padding: 30px 20px 0;
  margin-top: 30px;
  border-top: 1px dashed #ccc;
  text-align: center;
}
.create-account-preview img {
  display: block;
  width: 200px;
  height: 200px;
  margin: 10px auto;
  border: 1px solid #E9E9E9;
}
.create-account-preview p {
  margin-bottom: 15px;
}

.order-center-head {
  text-align: center;
}
.order-center-head .title {
  font-size: 16px;
  margin-bottom: 10px;
}
.order-center-head .title .anticon {
  margin-right: 10px;
  font-size: 20px;
}
.order-detail-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.order-detail-main {
  -webkit-box-flex: 778px;
      -ms-flex: 778px 0 0px;
          flex: 778px 0 0;
  margin-right: 20px;
}
.order-detail-phone {
  -webkit-box-flex: 360px;
      -ms-flex: 360px 0 0px;
          flex: 360px 0 0;
  padding: 20px 0;
  border: 1px solid #E9E9E9;
}
.order-detail-phone-title {
  padding: 0 20px 15px;
  font-size: 16px;
  color: #222333;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.order-detail-phone-title .right {
  line-height: 1;
  font-size: 14px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.order-detail-phone-title .right .anticon {
  font-size: 18px;
  margin-right: 10px;
  color: #777888;
  cursor: pointer;
}
.order-detail-phone .phone-preview {
  width: 360px !important;
  height: calc(100% - 39px) !important;
  min-height: 557px;
  padding: 0 20px;
}
.order-detail-th {
  padding: 20px;
  margin-bottom: 20px;
  background: #FAFAFA;
  border: 1px solid #E9E9E9;
  color: #222333;
}
.order-detail-th span {
  margin-right: 40px;
}
.order-detail-table {
  border: 1px solid #E9E9E9;
}
.order-detail-table:not(:last-child) {
  margin-bottom: 20px;
}
.order-detail-table-th {
  padding: 15px 20px;
  color: #222333;
  border-bottom: 1px solid #E9E9E9;
}
.order-detail-table-footer {
  padding: 15px 20px;
  color: #222333;
  text-align: right;
}
.order-detail-table-footer > span {
  margin-left: 30px;
}
.order-detail-table-footer .number {
  color: #FF6E00;
}
.order-detail-table-footer .number .ant-statistic {
  display: inline-block;
  color: #FF6E00;
}
.order-detail-table-tbody {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.order-detail-table-td {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 20px 20px 0;
}
.order-detail-table-td:first-child {
  -webkit-box-flex: 190px;
      -ms-flex: 190px 0 0px;
          flex: 190px 0 0;
}
.order-detail-table-td:not(:last-child) {
  border-right: 1px solid #E9E9E9;
}
.order-detail-table-td .info-record {
  width: 33.33%;
  margin-bottom: 20px;
  padding-right: 20px;
}
.order-detail-table-td .info-record label {
  display: block;
  margin-bottom: 5px;
  color: #777888;
}
.order-detail-table-td .info-record > span {
  display: block;
  color: #222333;
}
.order-detail-table-td .info-record > span:not(:last-child) {
  margin-bottom: 6px;
}
.order-detail .article-avatar {
  width: 165px;
  padding-bottom: 56.25%;
  margin-bottom: 10px;
  background-size: cover;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-color: #F6F8F9;
}
.order-detail .fans-info {
  display: block;
  line-height: 24px;
  padding: 0 10px;
  margin-top: 10px;
  color: #777888;
  background: #FAFAFA;
}
.order-detail .fans-info .anticon {
  margin-right: 5px;
  font-size: 16px;
}
.order-detail .report-wrap {
  padding: 20px;
}
.order-detail .report-wrap .report-reson {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.order-detail .report-wrap .report-reson h5 {
  font-weight: normal;
  min-width: 72px;
}
.order-detail .report-wrap .report-reson img {
  width: 100px;
  height: 100px;
  margin-right: 10px;
  margin-bottom: 10px;
  -o-object-fit: cover;
     object-fit: cover;
}

.stat-list {
  margin-bottom: 20px;
  border: 1px solid #E9E9E9;
}
.stat-list-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 15px 0;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.stat-list-item > div {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 0 20px;
}
.stat-list-item label {
  margin-bottom: 10px;
  color: #777888;
}
.stat-list-item label .anticon {
  margin-left: 5px;
  font-size: 16px;
}
.stat-list-item span {
  font-size: 18px;
  font-family: DINAlternate-Bold, Tahoma, 'Helvetica Neue', -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';
}
.stat-list-item span,
.stat-list-item label {
  display: block;
}
@media screen and (min-width: 1920px) {
  .stat-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .stat-list-item:not(:last-child) {
    border-right: 1px solid #E9E9E9;
  }
}

.document-detail .ant-alert-banner {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 999;
  padding: 15px 15px 15px 35px;
}
.document-detail .ant-alert-banner .ant-alert-icon {
  top: 18.5px;
}
.document-detail-body {
  width: 667px;
  margin: 0 auto;
}
.document-detail .ant-alert-banner + .document-detail-body {
  padding-top: 51px;
}
.document-detail .ant-alert-banner + .document-detail-body .right-setting {
  top: 71px;
}
.document-detail .phone-preview {
  width: 100%!important;
  height: auto!important;
}
.document-detail .right-setting {
  position: fixed;
  top: 20px;
  left: calc(50% + 353.5px);
}
.document-detail .right-setting .ant-alert {
  width: 260px;
  margin-bottom: 20px;
}
.document-detail .right-setting-item {
  width: 260px;
  margin-bottom: 20px;
}
.document-detail .right-setting-item-title {
  padding: 10px 15px;
  background: #FF6E00;
  color: #fff;
}
.document-detail .right-setting-item-body {
  padding: 15px;
  border: 0 solid #E9E9E9;
  border-width: 0 1px 1px;
}
.document-detail .right-setting-item-body .body-steps {
  position: relative;
  padding-left: 25px;
}
.document-detail .right-setting-item-body .body-steps:before {
  content: '';
  position: absolute;
  top: 0;
  left: 5px;
  width: 2px;
  height: 100%;
  background: #E9E9E9;
}
.document-detail .right-setting-item-body .body-steps-item {
  position: relative;
  padding: 6px 0;
}
.document-detail .right-setting-item-body .body-steps-item:before {
  content: '';
  position: absolute;
  left: -24px;
  top: calc(50% - 5px);
  display: block;
  width: 10px;
  height: 10px;
  border: 2px solid #E9E9E9;
  border-radius: 50%;
  background: #fff;
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
  z-index: 2;
}
.document-detail .right-setting-item-body .body-steps-item:after {
  content: '';
  position: absolute;
  left: -20px;
  top: 0;
  width: 2px;
  height: 100%;
  background: #E9E9E9;
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
  z-index: 1;
}
.document-detail .right-setting-item-body .body-steps-item > a {
  display: block;
  padding: 8px 15px;
  border: 1px solid #E9E9E9;
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
}
.document-detail .right-setting-item-body .body-steps-item:hover:before,
.document-detail .right-setting-item-body .body-steps-item:hover > a {
  border-color: #FF6E00;
  color: #FF6E00;
}
.document-detail .right-setting-item-body .body-steps-item:hover:after {
  background: #FF6E00;
}

.page-unlogin {
  overflow-x: hidden;
  min-width: 1273px;
  overflow-x: auto;
}
.page-unlogin .page-center {
  max-width: 1200px;
  margin: 0 auto;
}
.page-unlogin .goodness-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-right: -30px;
}
.page-unlogin .goodness-list .list-item {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  text-align: center;
  margin-right: 30px;
  border: 1px solid #E9E9E9;
  padding: 85px 60px;
}
.page-unlogin .goodness-list .list-item:hover {
  -webkit-box-shadow: 0px 0px 20px 0px rgba(202, 180, 170, 0.2);
          box-shadow: 0px 0px 20px 0px rgba(202, 180, 170, 0.2);
}
.page-unlogin .goodness-list .list-item > img {
  display: block;
  margin: 0 auto;
  width: 72px;
  margin-bottom: 50px;
}
.page-unlogin .goodness-list .list-item h3 {
  margin-bottom: 20px;
  font-size: 24px;
  font-weight: 400;
}
.page-unlogin .goodness-list .list-item p {
  margin-bottom: 0;
  font-size: 16px;
}
.page-unlogin .carousel-info-list {
  position: relative;
  top: 0;
  margin-top: -108px;
  background-color: rgba(255, 255, 255, 0.2);
}
.page-unlogin .carousel-info-list.broadcast {
  margin-top: -78px;
}
.page-unlogin .carousel-info-list.broadcast .page-center {
  padding: 28px 0;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.page-unlogin .carousel-info-list.broadcast .list-item {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  width: 33.33%;
  padding: 0 0 0 30px;
}
.page-unlogin .carousel-info-list.broadcast .list-item p {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  line-height: 1;
  font-size: 16px;
}
.page-unlogin .carousel-info-list.broadcast .list-item p .anticon {
  font-size: 22px;
  margin-right: 5px;
}
.page-unlogin .carousel-info-list.broadcast .ant-carousel .slick-vertical .slick-slide {
  border-width: 0;
}
.page-unlogin .carousel-info-list .page-center {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.page-unlogin .carousel-info-list .list-item {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  position: relative;
  padding: 29px 0 29px 100px;
}
.page-unlogin .carousel-info-list .list-item:not(:last-child) {
  border-right: 1px solid rgba(255, 255, 255, 0.3);
}
.page-unlogin .carousel-info-list .list-item h3 {
  margin-bottom: 5px;
  color: #fff;
}
.page-unlogin .carousel-info-list .list-item p {
  margin-bottom: 0;
  color: #fff;
}
.page-unlogin .carousel-info-list .list-item img {
  position: absolute;
  left: 30px;
  top: calc(50% - 22px);
  height: 44px;
}
.page-unlogin .gray-layout {
  padding-bottom: 80px;
  background: #fbfbfb;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#F1F1F1));
  background-image: -o-linear-gradient(top, #fff, #F1F1F1 100%);
  background-image: linear-gradient(to bottom, #fff, #F1F1F1 100%);
}
.page-unlogin .gray-layout-title {
  padding-top: 80px;
  font-size: 34px;
  font-weight: 400;
  margin-bottom: 40px;
  color: #222333;
  text-align: center;
}
.page-unlogin .white-layout {
  padding-bottom: 80px;
}
.page-unlogin .white-layout-title {
  padding-top: 80px;
  font-size: 34px;
  font-weight: 400;
  margin-bottom: 40px;
  color: #222333;
  text-align: center;
}
.page-unlogin .log-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.page-unlogin .log-list img {
  display: block;
  width: 180px;
  border: 1px solid #E9E9E9;
  margin-right: 20px;
  margin-bottom: 20px;
}
.page-unlogin .demo-cate-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-right: -40px;
}
.page-unlogin .demo-cate-list .list-item {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 50px 30px;
  width: 600px;
  background: #fff;
  margin-right: 40px;
  border: 1px solid #E9E9E9;
}
.page-unlogin .demo-cate-list .list-item .image-icon {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 240px;
          flex: 0 0 240px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
}
.page-unlogin .demo-cate-list .list-item .text h3 {
  font-size: 20px;
  color: #222333;
  margin-bottom: 15px;
}
.page-unlogin .demo-cate-list .list-item .text p {
  font-size: 16px;
  color: #777888;
  margin-bottom: 20px;
  line-height: 1.8;
}
.page-unlogin .demo-stat-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 45px 30px;
  background: #fff;
  border: 1px solid #E9E9E9;
}
.page-unlogin .demo-stat-list .list-item {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.page-unlogin .demo-stat-list .list-item img {
  width: 88px;
  margin-right: 20px;
}
.page-unlogin .demo-stat-list .list-item .text {
  margin-top: -10px;
}
.page-unlogin .demo-stat-list .list-item .text .ant-statistic {
  display: inline-block;
  margin-right: 3px;
}
.page-unlogin .demo-stat-list .list-item .text .ant-statistic .ant-statistic-content {
  line-height: 1;
}
.page-unlogin .demo-stat-list .list-item .text .ant-statistic .ant-statistic-content-value {
  font-size: 28px;
}
.page-unlogin .demo-stat-list .list-item .text h3 {
  font-size: 18px;
  color: #222333;
  line-height: 1;
  color: #777888;
  margin-bottom: 15px;
}
.page-unlogin .demo-stat-list .list-item .text p {
  font-size: 18px;
  color: #777888;
  line-height: 1;
  margin-bottom: 0;
}
.page-unlogin .choose-us-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-right: -20px;
}
.page-unlogin .choose-us-list .list-item {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  text-align: center;
  margin-right: 20px;
}
.page-unlogin .choose-us-list .list-item > h3 {
  min-width: 120px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  margin: 0 0 45px;
  display: inline-block;
  background: #fff;
  font-size: 14px;
  font-weight: 400;
  color: #FF6E00;
  border: 1px solid #FF6E00;
}
.page-unlogin .choose-us-list .list-item:nth-child(2) > h3 {
  color: #00CF83;
  border-color: #00CF83;
}
.page-unlogin .choose-us-list .list-item:nth-child(2) .user-comment p:first-child {
  color: #00CF83!important;
}
.page-unlogin .choose-us-list .list-item .user-list-item {
  position: relative;
  padding-left: 70px;
}
.page-unlogin .choose-us-list .list-item .user-list-item > img {
  position: absolute;
  left: 0;
  top: 0;
  width: 48px;
}
.page-unlogin .choose-us-list .list-item .user-list-item .user-comment {
  position: relative;
  padding: 16px 24px;
  background: #fff;
  text-align: left;
  -webkit-box-shadow: 0px 0px 20px 0px rgba(202, 180, 170, 0.2);
          box-shadow: 0px 0px 20px 0px rgba(202, 180, 170, 0.2);
  margin-bottom: 20px;
}
.page-unlogin .choose-us-list .list-item .user-list-item .user-comment:before {
  content: '';
  position: absolute;
  left: -14px;
  top: 20px;
  width: 0;
  height: 0;
  border-width: 7px;
  border-style: solid;
  border-color: transparent #fff transparent transparent;
  -webkit-box-shadow: 0px 0px 20px 0px rgba(202, 180, 170, 0.2);
          box-shadow: 0px 0px 20px 0px rgba(202, 180, 170, 0.2);
}
.page-unlogin .choose-us-list .list-item .user-list-item .user-comment p:first-child {
  font-size: 16px;
  color: #FF6E00;
  margin-bottom: 8px;
}
.page-unlogin .feature-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-right: -30px;
}
.page-unlogin .feature-list .list-item {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  border: 1px solid #E9E9E9;
  background: #fff;
  text-align: center;
  margin-right: 30px;
  color: #222333;
  border-radius: 2px;
  height: 395px;
  overflow: hidden;
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
}
.page-unlogin .feature-list .list-item .normal {
  padding: 80px 0;
}
.page-unlogin .feature-list .list-item .normal p {
  color: #777888;
  font-size: 16px;
}
.page-unlogin .feature-list .list-item .icon-title {
  width: 140px;
  height: 140px;
  background-size: 100% 100%;
  margin: 0 auto 30px;
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
}
.page-unlogin .feature-list .list-item h3 {
  font-weight: 400;
  font-size: 24px;
  line-height: 1;
  margin-bottom: 20px;
}
.page-unlogin .feature-list .list-item p {
  margin: 0;
}
.page-unlogin .feature-list .list-item .desc {
  display: none;
  padding: 40px;
  color: #777888;
}
.page-unlogin .feature-list .list-item:hover {
  padding: 0;
  -webkit-box-shadow: 0px 0px 10px 0px rgba(202, 180, 170, 0.2);
          box-shadow: 0px 0px 10px 0px rgba(202, 180, 170, 0.2);
}
.page-unlogin .feature-list .list-item:hover .icon-title {
  width: 84px;
  height: 84px;
}
.page-unlogin .feature-list .list-item:hover p {
  color: #777888;
}
.page-unlogin .feature-list .list-item:hover .normal {
  padding: 30px;
  background: #FCFCFC;
}
.page-unlogin .feature-list .list-item:hover .desc {
  display: block;
}
.page-unlogin .desc-card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.page-unlogin .desc-card .desc-icon {
  position: relative;
  background-size: contain;
  margin: 0 100px 0 80px;
  min-height: 508px;
  background-position: center bottom;
  background-repeat: no-repeat;
}
.page-unlogin .desc-card .desc-icon-content {
  position: absolute;
  background-size: 100% 100%;
  width: 300px;
  height: 342px;
  left: 151px;
  bottom: 0;
}
.page-unlogin .desc-card .desc-icon-contentMac {
  position: absolute;
  background-size: 100% 100%;
  width: 596px;
  height: 373px;
  left: 86px;
  bottom: 60px;
}
.page-unlogin .desc-card .desc-list {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.page-unlogin .desc-card .desc-list.small .list-item {
  min-height: 100px;
}
.page-unlogin .desc-card .desc-list .list-item {
  padding: 20px;
  background: #fff;
  border: 1px solid #E9E9E9;
  border-radius: 2px;
  min-height: 134px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-flow: wrap;
      flex-flow: wrap;
}
.page-unlogin .desc-card .desc-list .list-item:not(:last-child) {
  margin-bottom: 20px;
}
.page-unlogin .desc-card .desc-list .list-item h3,
.page-unlogin .desc-card .desc-list .list-item p {
  width: 100%;
}
.page-unlogin .desc-card .desc-list .list-item h3 {
  margin-bottom: 15px;
}
.page-unlogin .desc-card .desc-list .list-item p {
  margin-bottom: 0;
}
.page-unlogin .white-card {
  padding: 60px 0;
  background: #fff;
  border: 1px solid #E9E9E9;
  border-radius: 2px;
}
.page-unlogin .tag-tabs {
  padding: 0 30px;
  margin-top: 30px;
  background: #fff;
}
.page-unlogin .tag-tabs .ant-tabs-nav {
  width: 100%;
}
.page-unlogin .tag-tabs .ant-tabs-nav .ant-tabs-tab {
  width: 20%;
  margin-right: 0;
  padding: 20px 16px;
  font-size: 18px;
  text-align: center;
}
.page-unlogin .tag-tabs .numstyle {
  font-family: 'DINAlternate-Bold';
}
.page-unlogin .tag-tabs .ant-tabs-bar {
  margin-bottom: 0;
}
.page-unlogin .tag-tabs .account-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 30px 0;
  border-bottom: 1px solid #E9E9E9;
}
.page-unlogin .tag-tabs .account-info .base-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-flex: 760px;
      -ms-flex: 760px 0 0px;
          flex: 760px 0 0;
}
.page-unlogin .tag-tabs .account-info .base-info img {
  width: 89px;
  border-radius: 3px;
  margin-right: 25px;
}
.page-unlogin .tag-tabs .account-info .base-info h3 {
  font-size: 24px;
  margin-bottom: 15px;
  line-height: 1;
}
.page-unlogin .tag-tabs .account-info .base-info p {
  margin-bottom: 5px;
  line-height: 1.6;
  font-size: 16px;
}
.page-unlogin .tag-tabs .account-info .base-info p:last-child {
  margin-bottom: 0;
}
.page-unlogin .tag-tabs .account-info .wxb-info > span {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  line-height: 1;
}
.page-unlogin .tag-tabs .account-info .wxb-info > span .anticon {
  font-size: 18px;
  margin-left: 5px;
}
.page-unlogin .tag-tabs .account-info .wxb-info > span:not(:last-child) {
  margin-right: 50px;
}
.page-unlogin .tag-tabs .account-info .wxb-info > span span {
  line-height: 1;
}
.page-unlogin .tag-tabs .account-stat {
  padding: 30px 0;
}
.page-unlogin .tag-tabs .account-stat > h3 {
  font-size: 20px;
  color: #555666;
  margin-bottom: 30px;
  line-height: 1;
}
.page-unlogin .tag-tabs .account-stat-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-right: -20px;
}
.page-unlogin .tag-tabs .account-stat-list .list-item {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-right: 20px;
  padding: 30px;
  background: #FCFCFC;
  border: 1px solid #E9E9E9;
}
.page-unlogin .tag-tabs .account-stat-list .list-item > img {
  display: block;
  margin-right: 15px;
  width: 50px;
}
.page-unlogin .tag-tabs .account-stat-list .list-item h3,
.page-unlogin .tag-tabs .account-stat-list .list-item p {
  line-height: 1;
  margin-bottom: 0;
}
.page-unlogin .tag-tabs .account-stat-list .list-item h3 {
  font-size: 14px;
  margin-bottom: 15px;
  color: #555666;
}
.page-unlogin .tag-tabs .account-stat-list .list-item p span {
  color: #555666;
  font-size: 24px;
}
.page-carousel .carousel-sider > div {
  height: 600px;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}
.page-carousel .slick-dots-bottom {
  bottom: 130px;
}
.page-carousel .sider-center {
  position: relative;
  max-width: 1200px;
  height: calc(100% - 108px);
}
.page-carousel .text h3 {
  font-weight: 400;
  margin-bottom: 20px;
}
.page-carousel .text p {
  margin-bottom: 0;
}
.page-carousel .banner-1 .sider-center {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0 auto;
}
.page-carousel .banner-1 img {
  display: block;
  width: 435px;
  margin-right: 150px;
}
.page-carousel .banner-1 h3 {
  display: inline-block;
  background-image: -webkit-gradient(linear, left top, right top, from(#FFE700), to(#97FFDE));
  background-image: -o-linear-gradient(left, #FFE700, #97FFDE 100%);
  background-image: linear-gradient(to right, #FFE700, #97FFDE 100%);
  -webkit-background-clip: text;
          background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 40px;
  font-weight: 400;
  margin-bottom: 40px;
}
.page-carousel .banner-1 .info-card {
  padding: 30px 25px;
  width: 387px;
  background-color: rgba(255, 255, 255, 0.2);
  border-radius: 2px;
}
.page-carousel .banner-1 .info-card .card-info {
  display: inline-block;
  color: #fff;
  width: 50%;
  padding-left: 30px;
}
.page-carousel .banner-1 .info-card .card-info p {
  margin-bottom: 5px;
}
.page-carousel .banner-1 .info-card .card-info p:last-child {
  margin-bottom: 30px;
}
.page-carousel .banner-1 .info-card .card-info .ant-statistic {
  display: inline-block;
  margin-right: 5px;
}
.page-carousel .banner-1 .info-card .card-info .ant-statistic .ant-statistic-content-value {
  color: #fff;
  font-size: 24px;
}
.page-carousel .banner-1 .info-card .card-info .ant-statistic .ant-statistic-content-value .ant-statistic-content-value-int {
  font-size: 28px;
}
.page-carousel .banner-2 .sider-center {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0 auto;
  padding-left: 50px;
}
.page-carousel .banner-2 img {
  display: block;
  height: 375px;
}
.page-carousel .banner-2 .text {
  margin-left: 60px;
  font-weight: 400;
}
.page-carousel .banner-2 .text h3 {
  display: inline-block;
  font-size: 40px;
  background-image: -webkit-gradient(linear, left top, right top, from(#00FFFC), to(#FF00F5));
  background-image: -o-linear-gradient(left, #00FFFC, #FF00F5 100%);
  background-image: linear-gradient(to right, #00FFFC, #FF00F5 100%);
  -webkit-background-clip: text;
          background-clip: text;
  -webkit-text-fill-color: transparent;
}
.page-carousel .banner-2 .text p {
  display: inline-block;
  padding: 6px 30px;
  font-size: 24px;
  color: #fff;
  background-image: -webkit-gradient(linear, left top, right top, from(#00AFFF), to(#C100FF));
  background-image: -o-linear-gradient(left, #00AFFF, #C100FF 100%);
  background-image: linear-gradient(to right, #00AFFF, #C100FF 100%);
}
.page-carousel .banner-3 .sider-center {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 0 auto;
  padding-left: 50px;
  padding-right: 100px;
}
.page-carousel .banner-3 img {
  display: block;
  height: 388px;
}
.page-carousel .banner-3 .text {
  font-weight: 400;
}
.page-carousel .banner-3 .text h3 {
  display: inline-block;
  font-size: 40px;
  background-image: -webkit-gradient(linear, left top, right top, from(#FFFC17), to(#00F6FF));
  background-image: -o-linear-gradient(left, #FFFC17, #00F6FF 100%);
  background-image: linear-gradient(to right, #FFFC17, #00F6FF 100%);
  -webkit-background-clip: text;
          background-clip: text;
  -webkit-text-fill-color: transparent;
}
.page-carousel .banner-3 .text p {
  display: inline-block;
  padding: 6px 30px;
  font-size: 24px;
  color: #fff;
  background-image: -webkit-gradient(linear, left top, right top, from(#46FF00), to(#00AFFF));
  background-image: -o-linear-gradient(left, #46FF00, #00AFFF 100%);
  background-image: linear-gradient(to right, #46FF00, #00AFFF 100%);
}
.page-carousel .banner-4 .sider-center {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 0 auto;
  padding-left: 0;
  padding-right: 140px;
}
.page-carousel .banner-4 img {
  display: block;
  height: 332px;
  margin-top: 24px;
}
.page-carousel .banner-4 .text {
  font-weight: 400;
}
.page-carousel .banner-4 .text h3 {
  display: inline-block;
  font-size: 40px;
  background-image: -webkit-gradient(linear, left top, right top, from(#2DFFFA), to(#FFB7FF));
  background-image: -o-linear-gradient(left, #2DFFFA, #FFB7FF 100%);
  background-image: linear-gradient(to right, #2DFFFA, #FFB7FF 100%);
  -webkit-background-clip: text;
          background-clip: text;
  -webkit-text-fill-color: transparent;
}
.page-carousel .banner-4 .text p {
  display: inline-block;
  padding: 6px 30px;
  font-size: 24px;
  color: #fff;
  background-image: -webkit-gradient(linear, left top, right top, from(#D250FF), to(#009DFF));
  background-image: -o-linear-gradient(left, #D250FF, #009DFF 100%);
  background-image: linear-gradient(to right, #D250FF, #009DFF 100%);
}
.page-carousel .banner-5 .sider-center {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 0 auto;
  padding-left: 0;
  padding-right: 80px;
}
.page-carousel .banner-5 img {
  display: block;
  height: 332px;
}
.page-carousel .banner-5 .text {
  font-weight: 400;
}
.page-carousel .banner-5 .text h3 {
  display: inline-block;
  font-size: 40px;
  background-image: -webkit-gradient(linear, left top, right top, from(#00ffb7), to(#89f6ff));
  background-image: -o-linear-gradient(left, #00ffb7, #89f6ff);
  background-image: linear-gradient(to right, #00ffb7, #89f6ff);
  -webkit-background-clip: text;
          background-clip: text;
  -webkit-text-fill-color: transparent;
}
.page-carousel .banner-5 .text p {
  display: inline-block;
  padding: 6px 30px;
  font-size: 24px;
  color: #fff;
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 249, 255, 0.7)), to(rgba(0, 249, 128, 0.7)));
  background-image: -o-linear-gradient(left, rgba(0, 249, 255, 0.7), rgba(0, 249, 128, 0.7));
  background-image: linear-gradient(to right, rgba(0, 249, 255, 0.7), rgba(0, 249, 128, 0.7));
}
.page-carousel .banner-6 .sider-center {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 0 auto;
  padding-left: 0;
  padding-right: 80px;
}
.page-carousel .banner-6 img {
  display: block;
  height: 332px;
}
.page-carousel .banner-6 .text {
  font-weight: 400;
}
.page-carousel .banner-6 .text h3 {
  display: inline-block;
  font-size: 40px;
  background-image: -webkit-gradient(linear, left top, right top, from(#6DC8FF), to(#FF00EB));
  background-image: -o-linear-gradient(left, #6DC8FF, #FF00EB 100%);
  background-image: linear-gradient(to right, #6DC8FF, #FF00EB 100%);
  -webkit-background-clip: text;
          background-clip: text;
  -webkit-text-fill-color: transparent;
}
.page-carousel .banner-6 .text p {
  display: inline-block;
  padding: 6px 30px;
  font-size: 24px;
  color: #fff;
  background-image: -webkit-gradient(linear, left top, right top, from(#D64CFD), to(#00BDFF));
  background-image: -o-linear-gradient(left, #D64CFD, #00BDFF 100%);
  background-image: linear-gradient(to right, #D64CFD, #00BDFF 100%);
}

.notice-alert {
  height: 50px;
  line-height: 50px;
  min-width: 1280px;
  text-align: center;
  color: #FEFEAD;
  background-color: #B71A1A;
}
.notice-alert > img {
  display: inline-block;
  width: 18px;
  margin-right: 15px;
}
.notice-alert ~ .page-layout {
  min-height: calc(100% - 50px);
}
.notice-alert ~ .page-layout > .page-layout {
  height: calc(100vh - 100px);
}
.message-modal .ant-modal-body {
  padding: 50px 30px;
}
.message-modal-content h3 {
  font-size: 20px;
  color: #333;
  font-weight: bold;
  text-align: center;
  margin-bottom: 36px;
}
.message-modal-content h3 span {
  position: relative;
}
.message-modal-content h3 span:after {
  display: block;
  content: "";
  position: absolute;
  bottom: -3px;
  left: 0;
  right: 0;
  height: 14px;
  background: rgba(255, 110, 0, 0.19);
}
.message-modal-content-message {
  padding: 30px;
  background: #FBFBFB;
}
.message-modal-content-message p {
  margin-bottom: 10px;
}
.message-modal-content-message p:last-child {
  margin-bottom: 0;
}
.message-modal-content-message > div {
  margin-bottom: 10px;
  padding: 20px;
  background: #FFF6EF;
  color: #222333;
}
.message-modal-content-footer {
  padding-top: 30px;
  text-align: center;
}
.message-modal-content-footer .ant-btn {
  width: 104px;
}