.text-ellipsis {
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}
.text-ellipsis2,
.text-ellipsis3,
.text-ellipsis4 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.text-ellipsis3 {
  -webkit-line-clamp: 3;
}
.text-ellipsis4 {
  -webkit-line-clamp: 4;
}
.position-c {
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
}
.position-x-c {
  position: absolute !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
}
.position-y-c {
  position: absolute !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
}
.flex {
  display: flex;
}
.flex-wrap {
  display: flex;
  flex-wrap: wrap;
}
.flex-column {
  display: flex;
  flex-direction: column;
}
.flex-c {
  display: flex;
  align-items: center;
}
.justify-between {
  display: flex;
  justify-content: space-between;
}
.empty-box {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.empty-box .empty-img {
  height: 120px;
  margin-top: -180px;
}
.empty-box .empty-img img {
  height: 100%;
}
.empty-box .empty-tips {
  font-size: 14px;
  color: #999;
  margin-top: 8px;
  position: relative;
  right: 5px;
}
.manage-page {
  background: #f4f6f9;
  min-height: 100vh;
}
.ant-badge-count {
  height: 16px;
  line-height: 16px;
  background-color: #f8524f;
}
.home-title {
  text-align: center;
  font-size: 28px;
  color: #383838;
  margin-bottom: 34px;
  position: relative;
  font-weight: 500;
  letter-spacing: 1px;
}
.home-title .home-title-content {
  position: relative;
}
.home-title .home-title-content::before,
.home-title .home-title-content::after {
  content: '';
  width: 23px;
  height: 19px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background: url('/static/home/title-icon.png') no-repeat;
  background-size: cover;
  background-position: center;
  margin-top: 2px;
}
.home-title .home-title-content::before {
  left: -40px;
}
.home-title .home-title-content::after {
  right: -40px;
}
.navbar-fixed-page {
  padding-top: 40px;
}
.anchor-position {
  position: absolute;
  top: -130px;
}
.banner-swiper-button-prev,
.banner-swiper-button-next {
  width: 26px;
  height: 36px;
  background: rgba(0, 0, 0, 0.15);
  transition: all 0.2s;
}
.banner-swiper-button-prev .icon,
.banner-swiper-button-next .icon {
  color: #fff;
  position: relative;
}
.banner-swiper-button-prev:hover,
.banner-swiper-button-next:hover {
  background: rgba(0, 0, 0, 0.3);
}
.banner-swiper-button-prev::after,
.banner-swiper-button-next::after {
  display: none;
}
.banner-swiper-button-prev {
  border-radius: 0 400px 400px 0;
  left: 0;
}
.banner-swiper-button-prev .icon {
  right: 2px;
}
.banner-swiper-button-next {
  border-radius: 400px 0 0 400px;
  right: 0;
}
.banner-swiper-button-next .icon {
  left: 2px;
}
.poster-tips {
  width: 32px;
  height: 18px;
  background: rgba(0, 0, 0, 0.3);
  font-size: 12px;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  right: -3px;
  bottom: -2px;
  transform: scale(0.8);
}
.concise-pagination .ant-pagination-item {
  display: none;
}
.concise-pagination .ant-pagination-jump-prev,
.concise-pagination .ant-pagination-jump-next {
  display: none;
}
.concise-pagination .ant-pagination-prev,
.concise-pagination .ant-pagination-next {
  position: relative;
  width: 80px !important;
}
.concise-pagination .ant-pagination-prev .anticon,
.concise-pagination .ant-pagination-next .anticon {
  opacity: 0;
}
.concise-pagination .ant-pagination-prev::after,
.concise-pagination .ant-pagination-next::after {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 12px;
  color: #666;
}
.concise-pagination .ant-pagination-prev::after {
  content: '\4E0A\4E00\9875';
}
.concise-pagination .ant-pagination-next::after {
  content: '\4E0B\4E00\9875';
}
.dummy-inp {
  width: 0px;
  height: 0px;
  position: absolute;
  opacity: 0;
  left: -9999px;
}
input:-webkit-autofill {
  box-shadow: 0 0 0 1000px white inset !important;
}
input:-internal-autofill-previewed,
input:-internal-autofill-selected {
  -webkit-text-fill-color: #333 !important;
  transition: background-color 5000s ease-in-out 0s !important;
}
@media screen and (max-width: 1200px) {
  .pages-footer {
    width: 1200px;
  }
}
.pages-footer {
  min-width: 1200px;
  min-height: 400px;
  font-size: 14px;
  color: white;
  position: relative;
  background: url('/static/footer/bg.png') no-repeat;
  background-position: center;
  background-size: cover;
  background-color: #1a2438;
}
.pages-footer .footer-main {
  margin: 0 auto;
}
.pages-footer .footer-wrap {
  line-height: 1;
}
.pages-footer .footer-wrap .footer-sulink {
  padding: 28px 0;
  border-bottom: 1px solid #485061;
}
.pages-footer .footer-wrap .footer-sulink .footer-sulink-main {
  width: 1200px;
  margin: 0 auto;
}
.pages-footer .footer-wrap .footer-sulink .footer-sulink__logo {
  display: block;
  width: 225px;
  height: 52px;
}
.pages-footer .footer-wrap .footer-sulink .footer-sulink__logo img {
  width: 100%;
  height: 100%;
}
.pages-footer .footer-wrap .footer-sulink .footer-sulink__text {
  padding: 4px 0;
}
.pages-footer .footer-wrap .footer-sulink .footer-sulink__text .icon {
  margin-right: 3px;
}
.pages-footer .footer-wrap .footer-service {
  margin-bottom: 38px;
}
.pages-footer .footer-wrap .footer-service .item {
  margin-right: 226px;
}
.pages-footer .footer-wrap .footer-service .item .label {
  font-size: 14px;
}
.pages-footer .footer-wrap .footer-service .item .value {
  font-size: 13px;
  margin-top: 12px;
  color: rgba(255, 255, 255, 0.7);
}
.pages-footer .footer-wrap .footer-service .item .value a {
  color: rgba(255, 255, 255, 0.7);
}
.pages-footer .footer-wrap .footer-service .item .value a:hover {
  color: #ffffff;
}
.pages-footer .footer-wrap .footer-service .item .value .date-item:last-of-type {
  margin-left: 14px;
}
.pages-footer .footer-wrap .friend-link {
  margin-left: 70px;
  font-size: 13px;
}
.pages-footer .footer-wrap .friend-link .label {
  margin-right: 10px;
}
.pages-footer .footer-wrap .friend-link .friend-link-list {
  min-height: 26px;
}
.pages-footer .footer-wrap .friend-link .friend-link-list .friend-link-item {
  margin-right: 20px;
  position: relative;
  font-size: 13px;
  color: rgba(255, 255, 255, 0.7);
}
.pages-footer .footer-wrap .friend-link .friend-link-list .friend-link-item::after {
  content: '';
  width: 0.5px;
  height: 12px;
  background: rgba(255, 255, 255, 0.7);
  position: absolute;
  top: 50%;
  right: -10px;
  transform: translateY(-50%);
  margin-top: 1px;
}
.pages-footer .footer-wrap .friend-link .friend-link-list .friend-link-item:last-of-type::after {
  display: none;
}
.pages-footer .footer-wrap .friend-link .friend-link-list .friend-link-item:hover {
  color: #ffffff;
}
.pages-footer .footer-wrap .footer-card-group .item {
  width: 266px;
  height: 98px;
  border: 1px solid #595959;
  border-radius: 6px;
  justify-content: center;
}
.pages-footer .footer-wrap .footer-card-group .item .icon {
  margin-right: 24px;
}
.pages-footer .footer-wrap .footer-card-group .item .icon img {
  width: 100%;
  height: 100%;
}
.pages-footer .footer-wrap .footer-card-group .item .icon.icon1 {
  width: 31px;
  height: 41px;
}
.pages-footer .footer-wrap .footer-card-group .item .icon.icon2 {
  width: 34px;
  height: 33px;
}
.pages-footer .footer-wrap .footer-card-group .item .icon.icon3 {
  width: 34px;
  height: 34px;
}
.pages-footer .footer-wrap .footer-card-group .item .icon.icon4 {
  width: 35px;
  height: 32px;
}
.pages-footer .footer-wrap .footer-card-group .item .text .title {
  font-size: 16px;
  margin-bottom: 10px;
}
.pages-footer .footer-wrap .footer-card-group .item .text .tips {
  font-size: 14px;
  color: rgba(255, 255, 255, 0.7);
}
.pages-footer .footer-wrap .footer-info {
  margin-top: 34px;
}
.pages-footer .footer-wrap .footer-info .footer-info-main {
  width: 1200px;
  margin: 0 auto;
}
.pages-footer .footer-wrap .footer-info .footer-auth {
  margin-right: 140px;
}
.pages-footer .footer-wrap .footer-info .footer-auth .auth-item {
  margin-bottom: 26px;
}
.pages-footer .footer-wrap .footer-info .footer-auth .auth-item .icon {
  width: 40px;
  height: 40px;
  margin-right: 12px;
}
.pages-footer .footer-wrap .footer-info .footer-auth .auth-item .icon img {
  width: 100%;
  height: 100%;
}
.pages-footer .footer-wrap .footer-info .footer-auth .auth-item .auth-text .label {
  font-size: 14px;
  color: #fff;
}
.pages-footer .footer-wrap .footer-info .footer-auth .auth-item .auth-text .value {
  font-size: 13px;
  color: rgba(255, 255, 255, 0.7);
  margin-top: 13px;
}
.pages-footer .footer-wrap .footer-info .footer-auth .auth-item .auth-text .value .date-item:last-of-type {
  margin-top: 13px;
}
.pages-footer .footer-wrap .footer-info .footer-menus .footer-menus-item {
  margin-right: 92px;
}
.pages-footer .footer-wrap .footer-info .footer-menus .footer-menus-item .title {
  font-size: 16px;
}
.pages-footer .footer-wrap .footer-info .footer-menus .footer-menus-item .list .item {
  margin-top: 18px;
}
.pages-footer .footer-wrap .footer-info .footer-menus .footer-menus-item .list .item a {
  font-size: 12px;
  color: rgba(255, 255, 255, 0.7);
}
.pages-footer .footer-wrap .footer-info .footer-menus .footer-menus-item .list .item a:hover {
  color: #ffffff;
}
.pages-footer .footer-wrap .footer-info .footer-code {
  margin-left: auto;
  position: relative;
}
.pages-footer .footer-wrap .footer-info .footer-code .code-item {
  text-align: center;
  margin-right: 48px;
}
.pages-footer .footer-wrap .footer-info .footer-code .code-item:last-of-type {
  margin-right: 0;
}
.pages-footer .footer-wrap .footer-info .footer-code .code-item .code-img {
  width: 88px;
  height: 88px;
  background: #fff;
  margin-bottom: 12px;
}
.pages-footer .footer-wrap .footer-info .footer-code .code-item .code-img.wx-code {
  padding: 4px;
}
.pages-footer .footer-wrap .footer-info .footer-code .code-item .code-img img {
  width: 100%;
  height: 100%;
}
.pages-footer .footer-wrap .footer-info .footer-code .code-item .code-tips {
  font-size: 12px;
}
.pages-footer .footer-wrap .footer-wrap__item {
  margin-left: 6%;
}
.pages-footer .footer-wrap .footer-wrap__item .footer-wrap__item-logo {
  width: 220px;
  height: 52px;
}
.pages-footer .footer-wrap .footer-wrap__item .footer-wrap__item-text {
  display: block;
  padding: 7px 0;
  color: rgba(255, 255, 255, 0.6);
  min-width: 150px;
}
.pages-footer .footer-wrap .footer-wrap__item .footer-wrap__item-text:hover {
  color: #3c76f7;
}
.pages-footer .footer-wrap .footer-wrap__item .footer-wrap__item-title {
  font-size: 16px;
  margin-bottom: 9px;
  font-weight: 600;
  width: 66px;
}
.pages-footer .footer-qrcode {
  margin-left: 48px;
}
.pages-footer .footer-qrcode .footer-qrcode-img_wrap {
  width: 88px;
  height: 88px;
}
.pages-footer .footer-qrcode .footer-qrcode-img_wrap img {
  width: 100%;
  height: 100%;
}
.pages-footer .footer-qrcode .footer-qrcode__desc {
  font-size: 12px;
  margin-top: 8px;
  text-align: center;
}
.pages-footer .foot-link {
  display: flex;
  margin-bottom: 10px;
}
.pages-footer .foot-link .foot-link-label {
  margin-right: 20px;
}
.pages-footer .foot-link a {
  position: relative;
  margin-right: 20px;
  color: rgba(255, 255, 255, 0.6);
}
.pages-footer .foot-link a:not(.pages-footer .foot-link a:last-of-type)::after {
  content: "";
  display: block;
  height: 16px;
  width: 1px;
  background-color: rgba(255, 255, 255, 0.6);
  position: absolute;
  right: -10px;
  top: 50%;
  transform: translateY(-50%);
}
.pages-footer .foot-link a:hover {
  color: #3c76f7;
}
.pages-footer .footer-record {
  padding: 30px 0 0;
  text-align: center;
  font-size: 12px;
  color: rgba(255, 255, 255, 0.7);
  position: absolute;
  bottom: 28px;
  left: 50%;
  transform: translateX(-50%);
}
.pages-footer .footer-record a {
  color: #fff;
  color: rgba(255, 255, 255, 0.7);
}
.pages-footer .footer-record a:hover {
  color: #ffffff;
}

.occupy-wrap .content {
  border-radius: 24px;
  text-align: center;
  padding: 10px 20px;
}
.occupy-wrap .content .icon {
  width: 100px;
  height: 100px;
  margin: 0 auto;
}
.occupy-wrap .content .icon .icon-img {
  width: 100%;
  height: 100%;
}
.occupy-wrap .content .title {
  font-size: 16px;
  color: #000;
  font-weight: bold;
  margin-top: 16px;
}
.occupy-wrap .content .tips {
  font-size: 14px;
  color: #808080;
  line-height: 24px;
  margin-top: 10px;
}
.occupy-wrap .content .btn {
  width: 200px;
  height: 40px;
  border-radius: 40px;
  background-color: #2e6cf6;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 60px;
  color: #fff;
  cursor: pointer;
}

.manage-action .manage-navbar {
  box-shadow: 0px 1px 3px 0px rgba(233, 234, 239, 0.8);
}
.manage-action .flex-column {
  display: flex;
  flex-direction: column;
}
.manage-action .flex-row {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  padding: 0px 0 44px;
}
.manage-action .flex-row .commodity-group__cards-item {
  width: 230px;
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
}
.manage-action .flex-row .manage-menu {
  box-shadow: 0px 0px 11px 0px #e9eaef;
  width: 151px;
  height: 900px;
}
.manage-action .flex-row .center {
  width: 772px;
  min-height: 900px;
  background: #ffffff;
  box-shadow: 0px 0px 11px 0px #e9eaef;
}
.manage-action .flex-row .center .ant-tabs-ink-bar {
  background: transparent;
}
.manage-action .flex-row .center .ant-tabs-nav {
  margin: 0;
}
.manage-action .flex-row .center .ant-tabs-nav::before {
  border: 0;
}
.manage-action .flex-row .center .ant-tabs-tab {
  font-size: 14px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #999999;
}
.manage-action .flex-row .center .ant-tabs-tab-active {
  font-weight: 500;
  color: #487efb;
}
.manage-action .flex-row .center .title {
  padding-bottom: 0;
}
.manage-action .flex-row .center .title::after {
  border: 0;
}
.manage-action .flex-row .right {
  width: 246px;
  height: 900px;
  background: #ffffff;
  box-shadow: 0px 0px 11px 0px #e9eaef;
}
.manage-action .flex-row .right .active {
  background: #F4F6FA;
}
.manage-action .flex-row .right .active .flex-row {
  background: #F4F6FA;
}
.manage-action .flex-row .title {
  padding-left: 15px;
  font-size: 18px;
  font-weight: bold;
  padding-bottom: 15px;
  margin: 0;
  position: relative;
}
.manage-action .flex-row .title::after {
  content: '';
  position: absolute;
  border: 1px solid rgba(230, 232, 237, 0.6);
  display: block;
  width: 100%;
  left: 0;
  bottom: 0;
}
.manage-action .flex-row .empty {
  padding-top: 75px;
  justify-content: center;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.manage-action .flex-row .gray-text {
  font-size: 11px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #999999;
  line-height: 15px;
}
.manage-action .flex-row .item-title {
  font-size: 16px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #333333;
  line-height: 17px;
  margin-right: 51px;
}
.manage-action .flex-row .ant-form-item-control-input-content {
  display: flex;
}
.manage-action .flex-row .label {
  width: 80px;
  height: 31px;
  background: #ffffff;
  border-radius: 2px;
  border: 1px solid #e6e8ed;
  border-right-width: 0;
  line-height: 31px;
  font-size: 11px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  text-align: center;
}
.manage-action .flex-row .codeButton {
  position: absolute;
  top: 43%;
  right: 0;
  width: 150px;
  background: rgba(72, 126, 251, 0.08);
  border-radius: 2px;
  font-size: 11px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #487efb;
  border: 0;
  z-index: 1;
}
.manage-action .flex-row .bind-phone {
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #333333;
}
.manage-action .username {
  font-size: 16px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: bold;
  color: #000000;
  line-height: 17px;
}
.manage-action .tag-label {
  display: inline-block;
  padding: 0 5px;
  height: 15px;
  line-height: 13px;
  background: #f4f4f4;
  font-size: 10px;
  color: #999999;
  margin-right: 8px;
}
.manage-action .company {
  font-size: 10px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 400;
  color: #999999;
  line-height: 13px;
  margin-top: 8px;
  white-space: nowrap;
  width: 125px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.manage-action .time {
  font-size: 11px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #999999;
  line-height: 15px;
}
.manage-action .avatar {
  width: 48px;
  height: 48px;
  margin-right: 12px;
  border-radius: 50%;
}
.manage-action .call-num {
  font-size: 11px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #487efb;
  line-height: 15px;
}
.manage-action .scroll {
  height: 830px;
  overflow-y: auto;
}
.manage-action .scroll::-webkit-scrollbar {
  /*滚动条整体样式*/
  width: 5px;
  /*高宽分别对应横竖滚动条的尺寸*/
  height: 1px;
}
.manage-action .scroll::-webkit-scrollbar-thumb {
  /*滚动条里面小方块*/
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
  background: #D8D8D8;
}
.manage-action .scroll::-webkit-scrollbar-track {
  /*滚动条里面轨道*/
  -webkit-box-shadow: inset 0 0 5px rgba(255, 255, 255, 0.2);
  border-radius: 10px;
  background: #fff;
}

.shop {
  display: flex;
  margin-top: 36px;
  padding-bottom: 100px;
}
.shop .side {
  margin-right: 20px;
}
.shop .header_ball {
  position: absolute;
  left: 20px;
  top: 50%;
  margin-top: -3px;
  width: 6px;
  height: 6px;
  background: #487EFB;
  border-radius: 50%;
}
.shop .header_ball::after {
  content: "";
  position: absolute;
  width: 14px;
  height: 14px;
  border: 4px solid #487EFB;
  opacity: 0.2;
  top: 50%;
  left: 50%;
  margin-left: -7px;
  margin-top: -7px;
  border-radius: 50%;
}
.shop .wrapper {
  width: 1028px;
}
.shop .wrapper .shop-tabbar {
  display: flex;
  height: 50px;
  background-color: #fff;
  padding: 0 28px;
  box-shadow: 0px 0px 10px 0px #e9eaef;
}
.shop .wrapper .shop-tabbar .item {
  height: 100%;
  padding-top: 10px;
  margin-right: 58px;
  cursor: pointer;
  user-select: none;
  color: #999;
  transition: color 0.2s;
  position: relative;
}
.shop .wrapper .shop-tabbar .item:hover {
  color: #333;
}
.shop .wrapper .shop-tabbar .item::after {
  content: '';
  width: 0;
  height: 3px;
  background: #f5d147;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 0;
  transition: width 0.2s;
}
.shop .wrapper .shop-tabbar .item.active {
  color: #333;
}
.shop .wrapper .shop-tabbar .item.active::after {
  width: 100%;
}
.shop .wrapper .wrapper_content {
  margin-top: 20px;
  padding: 0 16px 0 16px;
  background-color: #fff;
  box-shadow: 0px 0px 10px 0px #e9eaef;
}
.shop .wrapper .wrapper_content .ant-tabs-nav {
  padding-left: 9px;
}
.shop .wrapper .wrapper_content .ant-tabs-nav .ant-tabs-nav-list::before {
  content: "\7C7B\522B\FF1A";
  height: 24px;
  line-height: 24px;
  padding: 13px 12px 15px 9px;
  color: #333333;
  font-size: 16px;
}
.shop .wrapper .wrapper_content .ant-tabs-nav::before {
  border: none;
}
.shop .wrapper .wrapper_content .offer-btns {
  display: flex;
  justify-content: flex-end;
  padding: 20px 0 20px;
}
.shop .wrapper .wrapper_content .offer-btns .ant-btn {
  margin-right: 9px;
}
.shop .wrapper .wrapper_content .offer-btns .raw-material-btn {
  background-color: #FBAD3C;
  color: #fff;
  border-color: #FBAD3C;
}
.shop .wrapper .wrapper_content .offer-btns .lag-material-btn {
  background-color: #44D7B6;
  border-color: #44D7B6;
  color: #fff;
}
.shop .wrapper .wrapper_content .filter {
  position: relative;
  padding: 17px 19px 20px 12px;
}
.shop .wrapper .wrapper_content .filter .ant-dropdown-trigger {
  margin-right: 36px;
}
.shop .wrapper .wrapper_content .filter a {
  color: #666666;
}
.shop .wrapper .wrapper_content .filter .select_date {
  position: absolute;
  right: 19px;
  top: 17px;
}
.shop .wrapper .wrapper_content .filter .filter-sort__item .icon {
  margin-left: 6px;
}
.shop .wrapper .wrapper_content table th {
  text-align: center;
}
.shop .wrapper .wrapper_content table td {
  text-align: center;
  padding: 20px 10px;
}
.shop .wrapper .wrapper_content table .manage__action {
  margin-right: 10px;
  color: #487EFB;
  position: relative;
  cursor: pointer;
}
.shop .wrapper .wrapper_content table .manage__action.delete {
  color: #F1403C;
}
.shop .wrapper .wrapper_content table .manage__action:last-child {
  margin-right: 0;
}
.shop .wrapper .wrapper_content table .manage__action:last-child::after {
  display: none;
}
.shop .wrapper .wrapper_content table .manage__action.auto_refresh {
  color: #333;
  cursor: default;
}
.shop .wrapper .ant-table-wrapper .ant-table-thead {
  background-color: #F9FAFD;
}
.shop .wrapper .ant-table-wrapper .ant-table-thead th {
  color: #999999;
  border: none;
}
.shop .wrapper .ant-table-wrapper .ant-table-tbody td {
  color: #333;
}
.shop .wrapper .ant-table-wrapper .ant-pagination-total-text {
  font-weight: 500;
}
.shop .wrapper .ant-table-wrapper .ant-pagination {
  display: flex;
  justify-content: center;
}
.shop .wrapper .ant-table-wrapper .ant-pagination li {
  order: 1;
}
.shop .wrapper .ant-table-wrapper .ant-pagination .ant-pagination-total-text {
  margin-left: 12px;
  order: 2;
}
.soldOut .ant-modal-confirm-content {
  display: flex;
}
.manage-shop-tabs {
  min-height: 554px;
}
.manage-shop-tabs .manage-shop-tabPane.empty .ant-table-cell {
  border: none;
}
.manage-shop-tabs .manage-shop-tabPane.empty .ant-table-cell .ant-empty {
  margin-top: 60px;
}

.oppor {
  padding-bottom: 90px;
  display: flex;
  margin-top: 36px;
  margin-bottom: 36px;
}
.oppor input::-webkit-outer-spin-button,
.oppor input::-webkit-inner-spin-button {
  -webkit-appearance: none;
}
.oppor input[type="number"] {
  -moz-appearance: textfield;
}
.oppor .side {
  margin-right: 16px;
  background-color: #fff;
  box-shadow: 0px 0px 14px 0px #e9eaef;
}
.oppor .wrapper {
  padding: 0 12px 0 20px;
  width: 1030px;
  box-shadow: 0px 0px 7px 0px #e9eaef;
  background-color: #fff;
}
.oppor .wrapper .ant-select {
  width: 188px;
}
.oppor .wrapper h3 {
  position: relative;
  padding: 21px 0px 20px 34px;
  border-bottom: 1px solid #e6e8ed;
  font-weight: bold;
  font-size: 18px;
}
.oppor .wrapper h3 .wrapper__ball {
  position: absolute;
  left: 20px;
  top: 50%;
  margin-top: -3px;
  width: 6px;
  height: 6px;
  background: #487efb;
  border-radius: 50%;
}
.oppor .wrapper h3 .wrapper__ball::after {
  content: "";
  position: absolute;
  width: 14px;
  height: 14px;
  border: 4px solid #487efb;
  opacity: 0.2;
  top: 50%;
  left: 50%;
  margin-left: -7px;
  margin-top: -7px;
  border-radius: 50%;
}
.oppor .wrapper .business_title {
  font-size: 16px;
  color: #999999;
}
.oppor .wrapper .business_title .title {
  padding-left: 12px;
  margin-top: 36px;
  margin-bottom: 32px;
  font-size: 16px;
  color: #333333;
}
.oppor .wrapper .business_title .sub_item {
  padding-left: 24px;
  border-bottom: 1px solid #e6e8ed;
}
.oppor .wrapper .business_title .sub_item .goods-img .ant-form-item-explain {
  position: relative;
  top: -30px;
}
.oppor .wrapper .business_title .sub_item .pro_type {
  margin-bottom: 26px;
}
.oppor .wrapper .business_title .sub_item .pro_tag {
  margin-bottom: 36px;
}
.oppor .wrapper .business_title .sub_item .sub_title {
  margin-bottom: 12px;
}
.oppor .wrapper .business_title .sub_item .sub_title.isRequird::before {
  content: "*";
  color: red;
}
.oppor .wrapper .business_title .sub_item textarea {
  resize: none;
  width: 962px;
  height: 156px;
  padding: 8px;
}
.oppor .wrapper .business_title .sub_item:nth-child(4) .col_item {
  display: block;
}
.oppor .wrapper .business_title .sub_item .ant-upload-select-picture-card {
  width: 120px;
  height: 120px;
  border: 1px solid #e6e8ed;
  margin-bottom: 48px;
  background-color: #fff;
}
.oppor .wrapper .business_title .sub_item .ant-upload-select-picture-card .ant-upload-text {
  color: rgba(0, 0, 0, 0.25);
}
.oppor .wrapper .business_title .sub_item .ant-upload-select-picture-card .quarters {
  display: inline-block;
  animation: loadingCircle 1s infinite linear;
  -webkit-animation: loadingCircle 1s infinite linear;
}
.oppor .wrapper .business_title .sub_item .pro_detail {
  display: flex;
  flex-wrap: wrap;
  border-bottom: 1px solid #e6e8ed;
}
.oppor .wrapper .business_title .sub_item .pro_detail .ant-select {
  margin-right: 128px;
  margin-bottom: 0;
}
.oppor .wrapper .business_title .sub_item .pro_detail .ant-select:last-of-type {
  margin-bottom: 0;
}
.oppor .wrapper .business_title .sub_item .pro_detail span.label {
  display: inline-block;
  min-width: 74px;
}
.oppor .wrapper .business_title .sub_item .pro_detail .pro_detail_item .pro_detail_item-input {
  border: 1px solid #d9d9d9;
  outline: none;
  padding-left: 12px;
  color: #333333;
}
.oppor .wrapper .business_title .sub_item .pro_detail .pro_detail_item .pro_detail_item-input:hover {
  border-color: #40a9ff;
  border-right-width: 1px !important;
}
.oppor .wrapper .business_title .sub_item .pro_detail .pro_detail_item .pro_detail_item-input:focus {
  border-color: #40a9ff;
  border-right-width: 1px !important;
  outline: 0;
  -webkit-box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
  box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
}
.oppor .wrapper .business_title .sub_item .pro_detail .pro_detail_item .ant-cascader-picker {
  margin-left: 36px;
  max-width: 190px;
}
.oppor .wrapper .business_title .sub_item .pro_info {
  display: flex;
  flex-wrap: wrap;
}
.oppor .wrapper .business_title .sub_item .pro_info .ant-form-item-explain {
  position: relative;
  top: -36px;
}
.oppor .wrapper .business_title .sub_item .pro_info .ant-select {
  margin-right: 128px;
  margin-bottom: 21px;
  height: 32px;
}
.oppor .wrapper .business_title .sub_item .pro_info .ant-select:last-of-type {
  margin-bottom: 36px;
}
.oppor .wrapper .business_title .sub_item .pro_info .label {
  display: inline-block;
  min-width: 100px;
}
.oppor .wrapper .business_title .sub_item .pro_info .pro_info_item {
  display: flex;
}
.oppor .wrapper .business_title .sub_item .pro_info .pro_info_item .waterPCT {
  width: 188px;
  margin-right: 128px;
}
.oppor .wrapper .business_title .sub_item .pro_info .pro_info_item .waterPCT .ant-input-wrapper {
  display: flex;
  margin-left: 36px;
}
.oppor .wrapper .business_title .sub_item .pro_info .pro_info_item .waterPCT .ant-input-wrapper .ant-input-group-addon {
  line-height: 32px;
  min-width: 40px;
}
.oppor .wrapper .business_title .sub_item .pro_info .pro_info_item.level {
  width: 418px;
}
.oppor .wrapper .business_title .sub_item .pro_info .pro_info_item.level .ant-input:first-of-type {
  margin-left: 36px;
}
.oppor .wrapper .business_title .sub_item .pro_info .pro_info_item.level input {
  height: 32px;
}
.oppor .wrapper .business_title .sub_item .pro_info .pro_info_item.report {
  width: 100%;
}
.oppor .wrapper .business_title .sub_item .pro_info .pro_info_item.report .report-labels {
  min-width: 98px;
  margin-right: 9px;
}
.oppor .wrapper .business_title .sub_item .pro_info .pro_info_item.report .ant-upload-select-picture-card {
  width: 120px;
  height: 120px;
  border: 1px solid #e6e8ed;
  margin-bottom: 48px;
  background-color: #fff;
}
.oppor .wrapper .business_title .sub_item .pro_info .pro_info_item.report .ant-upload-select-picture-card .ant-upload-text {
  color: rgba(0, 0, 0, 0.25);
}
.oppor .wrapper .business_title .sub_item .pro_info .pro_info_item.report .ant-upload-select-picture-card .quarters {
  display: inline-block;
  animation: loadingCircle 1s infinite linear;
  -webkit-animation: loadingCircle 1s infinite linear;
}
.oppor .wrapper .business_title .sub_item .pro_info .pro_info_item.report .ant-upload-select-picture-card .ant-upload > div {
  height: 100%;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}
.oppor .wrapper .business_title .business_btn {
  margin-top: 80px;
  margin-bottom: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.oppor .wrapper .business_title .business_btn .ant-btn {
  width: 204px;
  height: 46px;
}
.oppor .wrapper .business_title .business_btn .ant-btn:first-of-type {
  margin-right: 20px;
}

.manage .manage-view {
  margin: 36px auto;
  display: flex;
}
.manage .manage-view .manage-menu {
  background-color: #fff;
}
.manage .manage-view .manage-wrapper {
  margin-left: 20px;
  width: 1030px;
  position: relative;
}
.manage .manage-view .manage-wrapper .ant-modal-root::before {
  content: '';
  display: block;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1000;
  height: 100%;
  position: absolute;
  background: url(/static/manage/manage-mask.png);
}
.manage .manage-view .manage-wrapper .ant-modal-root .ant-modal-mask {
  position: absolute;
}
.manage .manage-view .manage-wrapper .ant-modal-root .ant-modal-wrap {
  width: 1030px;
  position: absolute;
}
.manage .manage-view .manage-wrapper .manage-intrq {
  box-shadow: 0px 0px 14px 0px #e9eaef;
  padding: 0px 16px;
  margin-bottom: 20px;
  background-color: #fff;
}
.manage .manage-view .manage-wrapper .manage-intrq .manage-intrq-title {
  border-bottom: 1px solid #E6E8ED;
  height: 55px;
  line-height: 55px;
  color: #333333;
  font-size: 18px;
  font-weight: bold;
  padding-left: 12px;
}
.manage .manage-view .manage-wrapper .manage-intrq .manage-intrq-title .icon {
  margin-right: 8px;
  font-size: 14px;
}
.manage .manage-view .manage-wrapper .manage-intrq .manage-intrq-about {
  border-bottom: 1px solid #E6E8ED;
  line-height: 70px;
  display: flex;
  justify-content: space-between;
  color: #333333;
  padding: 0 21px 0 12px;
  font-size: 16px;
}
.manage .manage-view .manage-wrapper .manage-intrq .manage-intrq-about .icon {
  margin-right: 5px;
}
.manage .manage-view .manage-wrapper .manage-intrq .manage-intrq-about .about-edit {
  color: #999999;
  font-size: 14px;
}
.manage .manage-view .manage-wrapper .manage-intrq .manage-intrq-about .about-edit > span {
  cursor: pointer;
}
.manage .manage-view .manage-wrapper .manage-intrq .manage-intrq-about .content {
  display: flex;
}
.manage .manage-view .manage-wrapper .manage-intrq .manage-intrq-about .content .content-desc {
  margin: 26px 0 24px 52px;
  width: 736px;
  font-size: 16px;
  line-height: 30px;
}
.manage .manage-view .manage-wrapper .manage-intrq .manage-logo-box {
  padding-left: 12px;
  display: flex;
  height: 116px;
  align-items: center;
  color: #333333;
  font-size: 16px;
  border-bottom: 1px solid #E6E8ED;
}
.manage .manage-view .manage-wrapper .manage-intrq .manage-logo-box .logo-img {
  margin-left: 53px;
  border-radius: 50%;
  position: relative;
  width: 68px;
  height: 68px;
  overflow: hidden;
}
.manage .manage-view .manage-wrapper .manage-intrq .manage-logo-box .logo-img img {
  width: 100%;
  height: 100%;
}
.manage .manage-view .manage-wrapper .manage-intrq .manage-logo-box .logo-img .logo-img-mask {
  display: none;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 68px;
  height: 23px;
  line-height: 23px;
  text-align: center;
  background: rgba(0, 0, 0, 0.5);
  color: #fff;
  cursor: pointer;
  font-size: 12px;
}
.manage .manage-view .manage-wrapper .manage-intrq .manage-logo-box .logo-img .logo-img-mask .ant-upload {
  display: block;
}
.manage .manage-view .manage-wrapper .manage-intrq .manage-logo-box .logo-img .logo-img-mask .mask-upload {
  opacity: 0;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  font-size: 0;
  cursor: pointer;
}
.manage .manage-view .manage-wrapper .manage-intrq .manage-logo-box .logo-img .logo-img-mask .ant-upload {
  width: 100%;
  height: 100%;
  color: #fff;
  font-size: 12px;
}
.manage .manage-view .manage-wrapper .manage-intrq .manage-logo-box .logo-img:hover .logo-img-mask {
  display: block;
}
.manage .manage-view .manage-wrapper .manage-intrq .manage-name {
  padding-left: 12px;
  display: flex;
  height: 116px;
  align-items: center;
  color: #333333;
  font-size: 16px;
  border-bottom: 1px solid #E6E8ED;
}
.manage .manage-view .manage-wrapper .manage-intrq .manage-name .content {
  margin-left: 52px;
  font-size: 16px;
  padding: 26px 0 24px;
}
.manage .manage-view .manage-wrapper .manage-intrq .loop-img {
  padding-left: 12px;
  display: flex;
  height: 190px;
  align-items: center;
  color: #333333;
  font-size: 16px;
  border-bottom: 1px solid #E6E8ED;
  position: relative;
}
.manage .manage-view .manage-wrapper .manage-intrq .loop-img.multiple {
  align-items: flex-start;
  height: 224px;
}
.manage .manage-view .manage-wrapper .manage-intrq .loop-img.multiple .upload-banner-label {
  padding-top: 24px;
}
.manage .manage-view .manage-wrapper .manage-intrq .loop-img .upload-banner-box {
  padding-left: 36px;
  position: relative;
  flex: 1;
}
.manage .manage-view .manage-wrapper .manage-intrq .loop-img .upload-banner-box .upload-banner-tips {
  padding: 26px 0;
  color: rgba(51, 51, 51, 0.26);
  font-size: 14px;
}
.manage .manage-view .manage-wrapper .manage-intrq .loop-img .upload-banner-box .upload-banner-list {
  display: flex;
  align-items: center;
  position: relative;
  min-height: 124px;
}
.manage .manage-view .manage-wrapper .manage-intrq .loop-img .logo-img {
  margin-left: 20px;
  position: relative;
  width: 284px;
  height: 138px;
  overflow: hidden;
}
.manage .manage-view .manage-wrapper .manage-intrq .loop-img .logo-img:first-of-type {
  margin-left: 0;
}
.manage .manage-view .manage-wrapper .manage-intrq .loop-img .logo-img img {
  width: 100%;
  height: 100%;
}
.manage .manage-view .manage-wrapper .manage-intrq .loop-img .logo-img .delete {
  position: absolute;
  top: 5px;
  right: 5px;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 50%;
  width: 25px;
  height: 25px;
  text-align: center;
  display: none;
  cursor: pointer;
}
.manage .manage-view .manage-wrapper .manage-intrq .loop-img .logo-img .logo-img-mask {
  display: none;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 23px;
  line-height: 23px;
  text-align: center;
  background: rgba(0, 0, 0, 0.5);
  color: #fff;
  cursor: pointer;
  font-size: 12px;
}
.manage .manage-view .manage-wrapper .manage-intrq .loop-img .logo-img .logo-img-mask .ant-upload {
  display: block;
}
.manage .manage-view .manage-wrapper .manage-intrq .loop-img .logo-img .logo-img-mask .mask-upload {
  opacity: 0;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  font-size: 0;
  cursor: pointer;
}
.manage .manage-view .manage-wrapper .manage-intrq .loop-img .logo-img .logo-img-mask .ant-upload {
  width: 100%;
  height: 100%;
  color: #fff;
  font-size: 12px;
}
.manage .manage-view .manage-wrapper .manage-intrq .loop-img .logo-img:hover .logo-img-mask {
  display: block;
}
.manage .manage-view .manage-wrapper .manage-intrq .loop-img .logo-img:hover .delete {
  display: block;
}
.manage .manage-view .manage-wrapper .manage-intrq .loop-img .logo-img.multiple {
  width: 270px;
  height: 124px;
}
.manage .manage-view .manage-wrapper .manage-intrq .loop-img .logo-img.add-banner {
  position: relative;
  border: 1px solid #bababa;
}
.manage .manage-view .manage-wrapper .manage-intrq .loop-img .logo-img.add-banner .add-banner-tips {
  width: 270px;
  height: 124px;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.manage .manage-view .manage-wrapper .manage-intrq .loop-img .logo-img.add-banner .add-banner-tips .add-banner-tips-img {
  width: 40px;
  height: 40px;
}
.manage .manage-view .manage-wrapper .manage-intrq .loop-img .logo-img.add-banner .add-banner-tips .add-banner-tips-text {
  color: rgba(0, 0, 0, 0.25);
  padding-top: 12px;
}
.manage .manage-view .manage-wrapper .manage-intrq .loop-img .logo-edit {
  position: absolute;
  right: 25px;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
}
.manage .manage-view .manage-wrapper .manage-intrq .loop-img .logo-edit .ant-upload-select-text {
  color: #999999;
}
.manage .manage-view .manage-wrapper .manage-intrq .loop-img .logo-edit .ant-upload {
  color: #999;
}
.manage .manage-view .manage-wrapper .manage-intrq .pamphlet-img {
  padding-left: 12px;
  display: flex;
  align-items: center;
  height: 213px;
  color: #333333;
  font-size: 16px;
  border-bottom: 1px solid #E6E8ED;
  padding-bottom: 24px;
  position: relative;
}
.manage .manage-view .manage-wrapper .manage-intrq .pamphlet-img .pamphlet-label {
  padding-top: 24px;
  padding-right: 36px;
  align-self: flex-start;
}
.manage .manage-view .manage-wrapper .manage-intrq .pamphlet-img .imgs-wrapper {
  height: 100%;
}
.manage .manage-view .manage-wrapper .manage-intrq .pamphlet-img .imgs-wrapper .text {
  padding-top: 26px;
  padding-bottom: 26px;
  font-size: 14px;
  font-weight: 400;
  color: rgba(51, 51, 51, 0.26);
}
.manage .manage-view .manage-wrapper .manage-intrq .manage-intrq__content {
  height: 160px;
  padding: 14px 0;
}
.manage .manage-view .manage-wrapper .manage-intrq .manage-intrq__content > ul {
  display: flex;
}
.manage .manage-view .manage-wrapper .manage-intrq .manage-intrq__content > ul li {
  margin-right: 18px;
}
.manage .manage-view .manage-wrapper .manage-intrq .manage-intrq__content > ul li img {
  display: block;
  width: 184px;
  height: 104px;
}
.manage .manage-view .manage-wrapper .manage-content {
  padding: 20px 28px;
  background-color: #fff;
  box-shadow: 0px 0px 14px 0px #e9eaef;
  margin-bottom: 20px;
}
.manage .manage-view .manage-wrapper .manage-content .manage-content__title {
  display: flex;
  justify-content: space-between;
  margin-bottom: 18px;
}
.manage .manage-view .manage-wrapper .manage-content .manage-content__title .content__title__left {
  font-size: 18px;
  font-weight: bold;
}
.manage .manage-view .manage-wrapper .manage-content .manage-content__title .content__title__left .icon {
  margin-right: 5px;
}
.manage .manage-view .manage-wrapper .manage-content .manage-content__title .content__title__right .ant-btn:nth-child(1) {
  margin-right: 16px;
}
.manage .manage-view .manage-wrapper .manage-content .manage-content__title .content__title__right .ant-btn:nth-child(2) {
  border: 1px solid #487EFB;
  color: #487EFB;
}
.manage .manage-view .manage-wrapper .manage-content table th {
  text-align: center;
}
.manage .manage-view .manage-wrapper .manage-content table td {
  text-align: center;
}
.manage .manage-view .manage-wrapper .manage-content table .manage__action:nth-child(1) {
  margin-right: 17px;
  color: #487EFB;
}
.manage .manage-view .manage-wrapper .manage-content table .manage__action:nth-child(2) {
  color: #F1403C;
}
.manage .manage-view .manage-wrapper .manage-intrq-selete {
  padding: 0 28px 40px;
  box-shadow: 0px 0px 14px 0px #e9eaef;
  background-color: #fff;
  margin-bottom: 96px;
}
.manage .manage-view .manage-wrapper .manage-intrq-selete .selete-title {
  padding: 17px 0 20px;
  font-size: 18px;
  color: #333333;
  font-weight: 600;
}
.manage .manage-view .manage-wrapper .manage-intrq-selete .selete-title .icon {
  margin-right: 8px;
}
.manage .manage-view .manage-wrapper .manage-intrq-selete .vip-template {
  font-size: 14px;
  font-weight: 500;
  color: #487EFB;
  padding: 0 0 20px 0;
  border-bottom: 1px solid #E6E8ED;
  margin-bottom: 28px;
}
.manage .manage-view .manage-wrapper .manage-intrq-selete .selete-img {
  display: flex;
  flex-wrap: wrap;
}
.manage .manage-view .manage-wrapper .manage-intrq-selete .selete-img .selete-img-item {
  flex-shrink: 0;
  width: 182px;
  height: 170px;
  margin-right: 16px;
  margin-bottom: 21px;
  position: relative;
}
.manage .manage-view .manage-wrapper .manage-intrq-selete .selete-img .selete-img-item .current-preview {
  position: absolute;
  background-color: #F7B500;
  left: 50%;
  bottom: 50px;
  width: 72px;
  height: 28px;
  line-height: 28px;
  text-align: center;
  z-index: 2;
  padding: 0;
  border: none;
  font-size: 12px;
  color: #FFFFFF;
  transform: translateX(-50%);
}
.manage .manage-view .manage-wrapper .manage-intrq-selete .selete-img .selete-img-item .current-preview:hover {
  outline: none;
  color: #FFFFFF;
}
.manage .manage-view .manage-wrapper .manage-intrq-selete .selete-img .selete-img-item .fixed-btn {
  display: none;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}
.manage .manage-view .manage-wrapper .manage-intrq-selete .selete-img .selete-img-item .fixed-btn::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  z-index: 1;
}
.manage .manage-view .manage-wrapper .manage-intrq-selete .selete-img .selete-img-item .fixed-btn .ant-btn {
  position: absolute;
  background-color: #F7B500;
  top: 50%;
  width: 72px;
  height: 28px;
  line-height: 28px;
  text-align: center;
  z-index: 2;
  padding: 0;
  border: none;
  font-size: 12px;
  color: #FFFFFF;
  transform: translateY(-50%);
}
.manage .manage-view .manage-wrapper .manage-intrq-selete .selete-img .selete-img-item .fixed-btn .ant-btn:hover {
  outline: none;
  color: #FFFFFF;
}
.manage .manage-view .manage-wrapper .manage-intrq-selete .selete-img .selete-img-item .fixed-btn .preview {
  position: absolute;
  top: 65px;
  left: 55px;
}
.manage .manage-view .manage-wrapper .manage-intrq-selete .selete-img .selete-img-item .fixed-btn .btn-use {
  position: absolute;
  top: 105px;
  left: 55px;
}
.manage .manage-view .manage-wrapper .manage-intrq-selete .selete-img .selete-img-item:hover .fixed-btn {
  display: block;
}
.manage .manage-view .manage-wrapper .manage-intrq-selete .selete-img .selete-img-item.active .fixed-btn {
  display: none;
}
.manage .manage-view .manage-wrapper .manage-intrq-selete .selete-img .selete-img-item.active::after {
  content: "\4F7F\7528\4E2D";
  font-size: 16px;
  color: #fff;
  text-align: center;
  position: absolute;
  line-height: 125px;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  z-index: 1;
}
.manage .manage-view .manage-wrapper .manage-intrq-selete .selete-img .selete-img-item.active::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  background: url("/static/manage/uccn-active.png");
  width: 20px;
  height: 21px;
  z-index: 2;
}
.manage .manage-view .manage-wrapper .manage-intrq-selete .selete-img .selete-img-item > img {
  width: 100%;
}
.manage .manage-view .manage-wrapper .manage-intrq-selete .selete-img .selete-img-item:nth-child(5n) {
  margin-right: 0;
}
.content__title__dropdown-status .ant-dropdown-menu-item-active .release {
  color: #487EFB;
}
.content__title__dropdown-status .ant-dropdown-menu-item-active .delete {
  color: #487EFB;
}
.content__title__dropdown-status .release {
  color: #487EFB;
  font-size: 14px;
}
.content__title__dropdown-status .delete {
  color: #999999;
  font-size: 14px;
}
.replace-web-style__modal .ant-modal-header {
  padding: 16px 24px;
  color: rgba(0, 0, 0, 0.85);
}
.replace-web-style__modal .ant-modal-header .ant-modal-title {
  font-weight: bold;
  font-size: 16px;
}
.replace-web-style__modal .ant-modal-body {
  padding: 24px;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.65);
}
.replace-web-style__modal .ant-modal-footer {
  padding: 10px 24px;
}
.replace-web-style__modal .ant-modal-footer .ant-btn {
  width: 88px;
  height: 32px;
}
.companyAbout-modal .about-form {
  display: flex;
  justify-content: space-between;
  position: relative;
}
.companyAbout-modal .about-form .label {
  font-size: 14px;
}
.companyAbout-modal .about-form textarea {
  width: 467px;
  height: 308px;
  resize: none;
}
.companyAbout-modal .about-form .text-fixed {
  position: absolute;
  right: 16px;
  bottom: -24px;
  color: #D0D0D0;
}

.text-ellipsis {
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}
.text-ellipsis2,
.text-ellipsis3,
.text-ellipsis4 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.text-ellipsis3 {
  -webkit-line-clamp: 3;
}
.text-ellipsis4 {
  -webkit-line-clamp: 4;
}
.position-c {
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
}
.position-x-c {
  position: absolute !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
}
.position-y-c {
  position: absolute !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
}
.flex {
  display: flex;
}
.flex-wrap {
  display: flex;
  flex-wrap: wrap;
}
.flex-column {
  display: flex;
  flex-direction: column;
}
.flex-c {
  display: flex;
  align-items: center;
}
.justify-between {
  display: flex;
  justify-content: space-between;
}
.empty-box {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.empty-box .empty-img {
  height: 120px;
  margin-top: -180px;
}
.empty-box .empty-img img {
  height: 100%;
}
.empty-box .empty-tips {
  font-size: 14px;
  color: #999;
  margin-top: 8px;
  position: relative;
  right: 5px;
}
.manage-page {
  background: #f4f6f9;
  min-height: 100vh;
}
.ant-badge-count {
  height: 16px;
  line-height: 16px;
  background-color: #f8524f;
}
.home-title {
  text-align: center;
  font-size: 28px;
  color: #383838;
  margin-bottom: 34px;
  position: relative;
  font-weight: 500;
  letter-spacing: 1px;
}
.home-title .home-title-content {
  position: relative;
}
.home-title .home-title-content::before,
.home-title .home-title-content::after {
  content: '';
  width: 23px;
  height: 19px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background: url('/static/home/title-icon.png') no-repeat;
  background-size: cover;
  background-position: center;
  margin-top: 2px;
}
.home-title .home-title-content::before {
  left: -40px;
}
.home-title .home-title-content::after {
  right: -40px;
}
.navbar-fixed-page {
  padding-top: 40px;
}
.anchor-position {
  position: absolute;
  top: -130px;
}
.banner-swiper-button-prev,
.banner-swiper-button-next {
  width: 26px;
  height: 36px;
  background: rgba(0, 0, 0, 0.15);
  transition: all 0.2s;
}
.banner-swiper-button-prev .icon,
.banner-swiper-button-next .icon {
  color: #fff;
  position: relative;
}
.banner-swiper-button-prev:hover,
.banner-swiper-button-next:hover {
  background: rgba(0, 0, 0, 0.3);
}
.banner-swiper-button-prev::after,
.banner-swiper-button-next::after {
  display: none;
}
.banner-swiper-button-prev {
  border-radius: 0 400px 400px 0;
  left: 0;
}
.banner-swiper-button-prev .icon {
  right: 2px;
}
.banner-swiper-button-next {
  border-radius: 400px 0 0 400px;
  right: 0;
}
.banner-swiper-button-next .icon {
  left: 2px;
}
.poster-tips {
  width: 32px;
  height: 18px;
  background: rgba(0, 0, 0, 0.3);
  font-size: 12px;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  right: -3px;
  bottom: -2px;
  transform: scale(0.8);
}
.concise-pagination .ant-pagination-item {
  display: none;
}
.concise-pagination .ant-pagination-jump-prev,
.concise-pagination .ant-pagination-jump-next {
  display: none;
}
.concise-pagination .ant-pagination-prev,
.concise-pagination .ant-pagination-next {
  position: relative;
  width: 80px !important;
}
.concise-pagination .ant-pagination-prev .anticon,
.concise-pagination .ant-pagination-next .anticon {
  opacity: 0;
}
.concise-pagination .ant-pagination-prev::after,
.concise-pagination .ant-pagination-next::after {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 12px;
  color: #666;
}
.concise-pagination .ant-pagination-prev::after {
  content: '\4E0A\4E00\9875';
}
.concise-pagination .ant-pagination-next::after {
  content: '\4E0B\4E00\9875';
}
.dummy-inp {
  width: 0px;
  height: 0px;
  position: absolute;
  opacity: 0;
  left: -9999px;
}
input:-webkit-autofill {
  box-shadow: 0 0 0 1000px white inset !important;
}
input:-internal-autofill-previewed,
input:-internal-autofill-selected {
  -webkit-text-fill-color: #333 !important;
  transition: background-color 5000s ease-in-out 0s !important;
}

.entrust-details {
  min-height: calc(100vh - 400px);
  padding-top: 40px;
}
.entrust-details .breadcrumb-box {
  height: 46px;
  display: flex;
  align-items: center;
}
.entrust-details .breadcrumb-box .ant-breadcrumb {
  margin: 0 auto;
  font-size: 12px;
}
.entrust-details .entrust-details-content {
  width: 1200px;
  min-height: 212px;
  margin: 0 auto;
  background: #fff;
  padding: 22px 48px 72px 26px;
}
.entrust-details .entrust-details-content .entrust-details-item {
  border-bottom: 1px solid #eee;
  padding-bottom: 8px;
}
.entrust-details .entrust-details-content .entrust-details-item.info {
  border: none;
  margin-top: 30px;
  padding-bottom: 0;
}
.entrust-details .entrust-details-content .entrust-details-item .title {
  font-size: 16px;
  color: #000;
  justify-content: space-between;
  font-weight: bold;
}
.entrust-details .entrust-details-content .entrust-details-item .title .status {
  font-size: 15px;
  color: #3C76F7;
}
.entrust-details .entrust-details-content .entrust-details-item .title .status.color {
  color: #999;
}
.entrust-details .entrust-details-content .entrust-details-item .group {
  margin-top: 22px;
  flex-wrap: wrap;
}
.entrust-details .entrust-details-content .entrust-details-item .group .item {
  font-size: 14px;
  color: #666;
  width: 33%;
  padding-right: 20px;
  margin-bottom: 22px;
}
.entrust-details .entrust-details-content .entrust-details-item .group .item .price {
  font-size: 12px;
  color: #E5352F;
  font-weight: bold;
  position: relative;
  top: -1px;
}
.entrust-details .entrust-details-content .entrust-details-item .group .item .price .money {
  font-size: 16px;
}
.entrust-details .entrust-details-content .entrust-details-item .group .item .price .type {
  font-weight: 400;
  position: relative;
  top: -0.5px;
}
.entrust-details .entrust-details-content .img-box {
  margin-top: 18px;
  flex-wrap: wrap;
}
.entrust-details .entrust-details-content .img-box .item {
  width: 209px;
  height: 140px;
  margin-right: 20px;
  margin-bottom: 20px;
  background: url(/static/business_default.png) no-repeat;
  background-size: cover;
  background-position: center;
  background-color: #eaeaea;
  cursor: pointer;
}
.entrust-details .entrust-details-content .img-box .item:nth-of-type(5n) {
  margin-right: 0;
}
.entrust-details .entrust-details-content .img-box .item img {
  width: 100%;
  height: 100%;
}

.entrust-wrap {
  min-width: 1200px;
  min-height: 100vh;
  padding-top: 40px;
  background: #fff;
  padding-bottom: 100px;
}
.entrust-wrap .entrust-banner {
  height: 376px;
  position: relative;
  z-index: 1;
  background: linear-gradient(180deg, #F3F6FF 0%, #D5E6FF 100%);
  overflow: hidden;
}
.entrust-wrap .entrust-banner .banner-main {
  position: relative;
  width: 1200px;
  height: 100%;
  margin: 0 auto;
  z-index: 2;
  justify-content: space-between;
}
.entrust-wrap .entrust-banner .banner-main .banner-content {
  position: relative;
  z-index: 2;
  font-family: -apple-system-font, BlinkMacSystemFont, "Helvetica Neue", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei UI", "Microsoft YaHei", Arial, sans-serif;
}
.entrust-wrap .entrust-banner .banner-main .banner-content .title {
  font-size: 52px;
  color: #4466E8;
  font-weight: 700;
  letter-spacing: 1px;
}
.entrust-wrap .entrust-banner .banner-main .banner-content .tips {
  font-size: 30px;
  color: #4466E8;
  font-weight: bold;
  margin-top: 8px;
  letter-spacing: 4px;
}
.entrust-wrap .entrust-banner .banner-main .banner-content .btn {
  width: 174px;
  height: 40px;
  border-radius: 999px;
  margin-top: 40px;
  position: relative;
}
.entrust-wrap .entrust-banner .banner-main .banner-content .btn::before {
  content: '';
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, #F7633E 0%, #FFA861 100%);
  position: absolute;
  border-radius: 999px;
  z-index: 0;
  bottom: -3px;
}
.entrust-wrap .entrust-banner .banner-main .banner-content .btn .btn-content {
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, #FFA861 0%, #F7633E 100%);
  border-radius: 999px;
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 24px;
  color: #fff;
  cursor: pointer;
  user-select: none;
}
.entrust-wrap .entrust-banner .banner-main .banner-img {
  width: 364px;
  height: auto;
}
.entrust-wrap .entrust-banner::after {
  content: "";
  width: 100%;
  height: 100%;
  background: url("/static/entrust/banner-bg.png") no-repeat;
  background-size: cover;
  background-position: center;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
}
.entrust-wrap .entrust-main {
  width: 1200px;
  margin: 0 auto;
  font-size: 14px;
}
.entrust-wrap .entrust-main .entrust-content {
  margin-top: 40px;
  justify-content: space-between;
}
.entrust-wrap .entrust-main .entrust-content .entrust-list {
  width: 980px;
}
.entrust-wrap .entrust-main .entrust-content .entrust-list .item {
  height: 166px;
  border: 1px solid #E5E5E5;
  border-radius: 4px;
  overflow: hidden;
  position: relative;
  margin-bottom: 20px;
}
.entrust-wrap .entrust-main .entrust-content .entrust-list .item .entrust-img {
  width: 210px;
  height: 100%;
  background: url(/static/business_default.png) no-repeat;
  background-size: cover;
  background-position: center;
  background-color: #eaeaea;
  position: relative;
}
.entrust-wrap .entrust-main .entrust-content .entrust-list .item .entrust-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.entrust-wrap .entrust-main .entrust-content .entrust-list .item .entrust-info {
  flex: 1;
  height: 100%;
  padding: 24px 32px 20px 22px;
}
.entrust-wrap .entrust-main .entrust-content .entrust-list .item .entrust-info .title {
  font-size: 16px;
  color: #000;
  justify-content: space-between;
  font-weight: bold;
}
.entrust-wrap .entrust-main .entrust-content .entrust-list .item .entrust-info .title .status {
  font-size: 15px;
  color: #3C76F7;
}
.entrust-wrap .entrust-main .entrust-content .entrust-list .item .entrust-info .title .status.color {
  color: #ccc;
}
.entrust-wrap .entrust-main .entrust-content .entrust-list .item .entrust-info .info-group {
  margin-top: 14px;
  font-size: 14px;
  color: #333;
}
.entrust-wrap .entrust-main .entrust-content .entrust-list .item .entrust-info .info-group .group-item {
  margin-left: 60px;
}
.entrust-wrap .entrust-main .entrust-content .entrust-list .item .entrust-info .info-group .group-item:first-of-type {
  margin: 0;
}
.entrust-wrap .entrust-main .entrust-content .entrust-list .item .entrust-info .info-group.other {
  margin-top: 15px;
  color: #666;
}
.entrust-wrap .entrust-main .entrust-content .entrust-list .item .entrust-info .line {
  width: 534px;
  border-top: 1px solid #E6E6E6;
  margin-top: 24px;
}
.entrust-wrap .entrust-main .entrust-content .entrust-list .item .entrust-info .price {
  position: absolute;
  right: 32px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 24px;
  color: #E5352F;
  font-weight: bold;
}
.entrust-wrap .entrust-main .entrust-content .poster-list {
  width: 200px;
}
.entrust-wrap .entrust-main .entrust-content .poster-list .item {
  width: 100%;
  height: 166px;
  border-radius: 4px;
  overflow: hidden;
  margin-bottom: 20px;
  position: relative;
  background: url(/static/business_default.png) no-repeat;
  background-size: cover;
  background-position: center;
  background-color: #eaeaea;
}
.entrust-wrap .entrust-main .entrust-content .poster-list .item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: relative;
}
.entrust-wrap .entrust-main .entrust-content .poster-list .item a {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 22;
}
.entrust-wrap .entrust-main .supply-pagination {
  padding: 30px 0 0px;
  display: flex;
  justify-content: center;
}
.entrust-wrap .entrust-main .supply-pagination .ant-pagination-item {
  min-width: 32px;
  height: 32px;
  line-height: 32px;
  border: 1px solid #e5e5e5;
  margin-right: 10px;
}
.entrust-wrap .entrust-main .supply-pagination .ant-pagination-item.ant-pagination-item-active {
  background-color: #3c76f7;
  border-color: #3c76f7;
}
.entrust-wrap .entrust-main .supply-pagination .ant-pagination-item.ant-pagination-item-active a {
  color: #fff;
}
.entrust-wrap .entrust-main .supply-pagination .ant-pagination-prev {
  width: 32px;
  height: 32px;
  line-height: 32px;
  margin-right: 10px;
}
.entrust-wrap .entrust-main .supply-pagination .ant-pagination-next {
  width: 32px;
  height: 32px;
  line-height: 32px;
}
.entrust-wrap .entrust-main .supply-pagination .ant-pagination-disabled,
.entrust-wrap .entrust-main .supply-pagination .ant-pagination-disabled:hover,
.entrust-wrap .entrust-main .supply-pagination .ant-pagination-disabled:focus {
  cursor: inherit;
}
.apply-modal .ant-modal-content {
  border-radius: 8px;
}
.apply-modal .ant-modal-content .ant-modal-body {
  padding: 0 30px 36px;
}
.apply-modal .ant-modal-content .ant-modal-body .apply-content .apply-form-box .apply-title {
  height: 64px;
  justify-content: space-between;
  font-size: 16px;
  color: #333;
  border-bottom: 1px solid #E6E6E6;
}
.apply-modal .ant-modal-content .ant-modal-body .apply-content .apply-form-box .apply-title img {
  width: 18px;
  height: 18px;
  user-select: none;
  cursor: pointer;
}
.apply-modal .ant-modal-content .ant-modal-body .apply-content .apply-form-box .apply-form {
  margin-top: 30px;
}
.apply-modal .ant-modal-content .ant-modal-body .apply-content .apply-form-box .apply-form .ant-form .ant-form-item.tax {
  margin-bottom: 10px;
}
.apply-modal .ant-modal-content .ant-modal-body .apply-content .apply-form-box .apply-form .ant-form .ant-form-item .ant-form-item-label {
  width: 82px;
  margin-right: 4px;
}
.apply-modal .ant-modal-content .ant-modal-body .apply-content .apply-form-box .apply-form .ant-form .ant-form-item .ant-form-item-label label {
  color: #333;
  height: 36px;
  float: right;
}
.apply-modal .ant-modal-content .ant-modal-body .apply-content .apply-form-box .apply-form .ant-form .ant-form-item .ant-form-item-label label::before {
  font-size: 12px;
}
.apply-modal .ant-modal-content .ant-modal-body .apply-content .apply-form-box .apply-form .ant-form .ant-form-item .ant-form-item-label label::after {
  content: '\FF1A';
  margin: 0;
}
.apply-modal .ant-modal-content .ant-modal-body .apply-content .apply-form-box .apply-form .ant-form .ant-form-item .ant-form-item-control-input {
  height: 36px;
}
.apply-modal .ant-modal-content .ant-modal-body .apply-content .apply-form-box .apply-form .ant-form .ant-form-item .ant-checkbox-wrapper:last-of-type {
  margin-left: 52px;
}
.apply-modal .ant-modal-content .ant-modal-body .apply-content .apply-form-box .apply-form .ant-form .ant-form-item .ant-checkbox-wrapper .ant-checkbox + span {
  padding-left: 12px;
  position: relative;
  top: 0.5px;
  color: #666;
}
.apply-modal .ant-modal-content .ant-modal-body .apply-content .apply-form-box .apply-form .ant-form .ant-form-item .ant-checkbox-wrapper.agreement {
  margin-left: 12px !important;
  user-select: none;
}
.apply-modal .ant-modal-content .ant-modal-body .apply-content .apply-form-box .apply-form .ant-form .ant-form-item .ant-checkbox-wrapper.agreement .ant-checkbox + span {
  color: #000;
}
.apply-modal .ant-modal-content .ant-modal-body .apply-content .apply-form-box .apply-form .ant-form .ant-form-item .ant-checkbox-wrapper.agreement .ant-checkbox + span a {
  color: #487EFB;
}
.apply-modal .ant-modal-content .ant-modal-body .apply-content .apply-form-box .apply-form .ant-form .ant-form-item .ant-input {
  height: 36px;
  box-shadow: none;
  border: 1px solid #DDDFE5;
  border-radius: 4px;
  color: #333;
}
.apply-modal .ant-modal-content .ant-modal-body .apply-content .apply-form-box .apply-form .ant-form .ant-form-item .ant-form-item-explain {
  font-size: 12px;
}
.apply-modal .ant-modal-content .ant-modal-body .apply-content .apply-form-box .apply-form .ant-form .ant-form-item.ant-form-item-has-error .ant-input {
  border-color: #ff4d4f;
}
.apply-modal .ant-modal-content .ant-modal-body .apply-content .apply-form-box .apply-form .ant-form .ant-form-item.submit-btn {
  margin-bottom: 0;
}
.apply-modal .ant-modal-content .ant-modal-body .apply-content .apply-form-box .apply-form .ant-form .ant-form-item.submit-btn .ant-form-item-control-input {
  height: 40px;
  margin-top: 12px;
}
.apply-modal .ant-modal-content .ant-modal-body .apply-content .apply-form-box .apply-form .ant-form .ant-form-item.submit-btn .ant-form-item-control-input .ant-form-item-control-input-content {
  display: flex;
  justify-content: center;
}
.apply-modal .ant-modal-content .ant-modal-body .apply-content .apply-form-box .apply-form .ant-form .ant-form-item.submit-btn .ant-btn {
  width: 120px;
  height: 40px;
  margin: 0 10px;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  padding: 0;
  padding-bottom: 2px;
}
.apply-modal .ant-modal-content .ant-modal-body .apply-content .apply-form-box .apply-form .ant-form .ant-form-item.item-textArea .ant-form-item-control-input {
  height: auto;
}
.apply-modal .ant-modal-content .ant-modal-body .apply-content .apply-form-box .apply-form .ant-form .ant-form-item.item-textArea .ant-form-item-control-input .ant-input {
  height: auto !important;
  min-height: 36px;
  padding-top: 7px;
}
.apply-modal .ant-modal-content .ant-modal-body .apply-content .apply-success {
  overflow: hidden;
}
.apply-modal .ant-modal-content .ant-modal-body .apply-content .apply-success .title {
  height: 16px;
  margin: 24px 0 10px;
  justify-content: flex-end;
}
.apply-modal .ant-modal-content .ant-modal-body .apply-content .apply-success .title img {
  width: 18px;
  height: 18px;
  user-select: none;
  cursor: pointer;
}
.apply-modal .ant-modal-content .ant-modal-body .apply-content .apply-success .success-img {
  width: 70px;
  height: 70px;
  margin: 0 auto;
}
.apply-modal .ant-modal-content .ant-modal-body .apply-content .apply-success .success-img img {
  width: 100%;
  height: 100%;
}
.apply-modal .ant-modal-content .ant-modal-body .apply-content .apply-success .success-title {
  font-size: 20px;
  color: #000;
  text-align: center;
  margin-top: 46px;
}
.apply-modal .ant-modal-content .ant-modal-body .apply-content .apply-success .success-tips {
  font-size: 16px;
  color: #666;
  margin-top: 20px;
  text-align: center;
}
.apply-modal .ant-modal-content .ant-modal-body .apply-content .apply-success .contact-card {
  width: 560px;
  height: 126px;
  margin: 0 auto;
  margin-top: 24px;
  background: #F7F7F7;
  border-radius: 4px;
  padding: 15px 30px;
}
.apply-modal .ant-modal-content .ant-modal-body .apply-content .apply-success .contact-card .contact-title {
  color: #666;
}
.apply-modal .ant-modal-content .ant-modal-body .apply-content .apply-success .contact-card .contact-group {
  margin-top: 20px;
}
.apply-modal .ant-modal-content .ant-modal-body .apply-content .apply-success .contact-card .contact-group .item .label {
  color: #666;
}
.apply-modal .ant-modal-content .ant-modal-body .apply-content .apply-success .contact-card .contact-group .item .value {
  font-size: 16px;
  color: #333;
  margin-top: 12px;
}
.apply-modal .ant-modal-content .ant-modal-body .apply-content .apply-success .contact-card .contact-group .item:last-of-type {
  margin-left: 142px;
}
.apply-modal .ant-modal-content .ant-modal-body .apply-content .apply-success .back-btn {
  width: 120px;
  height: 40px;
  margin: 0 auto;
  margin-top: 36px;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  padding: 0;
  padding-bottom: 2px;
}

.text-ellipsis {
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}
.text-ellipsis2,
.text-ellipsis3,
.text-ellipsis4 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.text-ellipsis3 {
  -webkit-line-clamp: 3;
}
.text-ellipsis4 {
  -webkit-line-clamp: 4;
}
.position-c {
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
}
.position-x-c {
  position: absolute !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
}
.position-y-c {
  position: absolute !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
}
.flex {
  display: flex;
}
.flex-wrap {
  display: flex;
  flex-wrap: wrap;
}
.flex-column {
  display: flex;
  flex-direction: column;
}
.flex-c {
  display: flex;
  align-items: center;
}
.justify-between {
  display: flex;
  justify-content: space-between;
}
.empty-box {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.empty-box .empty-img {
  height: 120px;
  margin-top: -180px;
}
.empty-box .empty-img img {
  height: 100%;
}
.empty-box .empty-tips {
  font-size: 14px;
  color: #999;
  margin-top: 8px;
  position: relative;
  right: 5px;
}
.manage-page {
  background: #f4f6f9;
  min-height: 100vh;
}
.ant-badge-count {
  height: 16px;
  line-height: 16px;
  background-color: #f8524f;
}
.home-title {
  text-align: center;
  font-size: 28px;
  color: #383838;
  margin-bottom: 34px;
  position: relative;
  font-weight: 500;
  letter-spacing: 1px;
}
.home-title .home-title-content {
  position: relative;
}
.home-title .home-title-content::before,
.home-title .home-title-content::after {
  content: '';
  width: 23px;
  height: 19px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background: url('/static/home/title-icon.png') no-repeat;
  background-size: cover;
  background-position: center;
  margin-top: 2px;
}
.home-title .home-title-content::before {
  left: -40px;
}
.home-title .home-title-content::after {
  right: -40px;
}
.navbar-fixed-page {
  padding-top: 40px;
}
.anchor-position {
  position: absolute;
  top: -130px;
}
.banner-swiper-button-prev,
.banner-swiper-button-next {
  width: 26px;
  height: 36px;
  background: rgba(0, 0, 0, 0.15);
  transition: all 0.2s;
}
.banner-swiper-button-prev .icon,
.banner-swiper-button-next .icon {
  color: #fff;
  position: relative;
}
.banner-swiper-button-prev:hover,
.banner-swiper-button-next:hover {
  background: rgba(0, 0, 0, 0.3);
}
.banner-swiper-button-prev::after,
.banner-swiper-button-next::after {
  display: none;
}
.banner-swiper-button-prev {
  border-radius: 0 400px 400px 0;
  left: 0;
}
.banner-swiper-button-prev .icon {
  right: 2px;
}
.banner-swiper-button-next {
  border-radius: 400px 0 0 400px;
  right: 0;
}
.banner-swiper-button-next .icon {
  left: 2px;
}
.poster-tips {
  width: 32px;
  height: 18px;
  background: rgba(0, 0, 0, 0.3);
  font-size: 12px;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  right: -3px;
  bottom: -2px;
  transform: scale(0.8);
}
.concise-pagination .ant-pagination-item {
  display: none;
}
.concise-pagination .ant-pagination-jump-prev,
.concise-pagination .ant-pagination-jump-next {
  display: none;
}
.concise-pagination .ant-pagination-prev,
.concise-pagination .ant-pagination-next {
  position: relative;
  width: 80px !important;
}
.concise-pagination .ant-pagination-prev .anticon,
.concise-pagination .ant-pagination-next .anticon {
  opacity: 0;
}
.concise-pagination .ant-pagination-prev::after,
.concise-pagination .ant-pagination-next::after {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 12px;
  color: #666;
}
.concise-pagination .ant-pagination-prev::after {
  content: '\4E0A\4E00\9875';
}
.concise-pagination .ant-pagination-next::after {
  content: '\4E0B\4E00\9875';
}
.dummy-inp {
  width: 0px;
  height: 0px;
  position: absolute;
  opacity: 0;
  left: -9999px;
}
input:-webkit-autofill {
  box-shadow: 0 0 0 1000px white inset !important;
}
input:-internal-autofill-previewed,
input:-internal-autofill-selected {
  -webkit-text-fill-color: #333 !important;
  transition: background-color 5000s ease-in-out 0s !important;
}
.commodity-group__cards-item {
  display: block;
  margin-bottom: 20px;
  background: white;
  cursor: pointer;
}
.commodity-group__cards-item .commodity-group__thumb1 {
  height: 180px;
  position: relative;
}
.commodity-group__cards-item .commodity-group__thumb1 .tags {
  position: absolute;
  right: 0;
  top: 12px;
  padding: 1px 6px;
  border-radius: 15px 0 0 15px;
  font-size: 12px;
  font-weight: 500;
  color: #ffffff;
}
.commodity-group__cards-item .commodity-group__thumb1 .tags.col1 {
  background: linear-gradient(90deg, #ed7e00 0%, #f5ab56 100%);
}
.commodity-group__cards-item .commodity-group__thumb1 .tags.col2 {
  background-color: #487EFB;
}
.commodity-group__cards-item .commodity-group__thumb1 .commodity-group__img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.commodity-group__cards-item .commodity-group__thumb1 .commodity-group__credit {
  position: absolute;
  top: 12px;
  left: 12px;
  height: 24px;
  display: flex;
  align-items: center;
  background: rgba(0, 0, 0, 0.3);
  border-radius: 12px;
}
.commodity-group__cards-item .commodity-group__thumb1 .commodity-group__credit .commodity-group__credit-avatar {
  width: 17px;
  height: 17px;
  border-radius: 50%;
}
.commodity-group__cards-item .commodity-group__thumb1 .commodity-group__credit .commodity-group__credit-text {
  font-size: 12px;
  color: white;
  margin-left: 4px;
}
.commodity-group__cards-item .commodity-group__thumb1 .collect-btn {
  position: absolute;
  top: 8px;
  right: 8px;
  z-index: 1;
  cursor: pointer;
  color: #333333;
}
.commodity-group__cards-item .group__thumb-content {
  padding: 10px 19px;
  border: 0.5px solid #e5e5e5;
  margin-bottom: 20px;
}
.commodity-group__cards-item .group__thumb-content:last-child {
  margin-bottom: 0;
}
.commodity-group__cards-item .commodity-group__title1 {
  color: #333333;
  letter-spacing: 0.29px;
  font-size: 14px;
  font-weight: 500;
  text-overflow: ellipsis;
  overflow: hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  display: -webkit-box;
}
.commodity-group__cards-item .group__tags {
  color: #666666;
  font-size: 12px;
  margin: 9px 0;
  flex-wrap: wrap;
}
.commodity-group__cards-item .group__tags .commodity-group__tag .line {
  margin: 0 4px;
}
.commodity-group__cards-item .group__price {
  color: #f21616;
}
.commodity-group__cards-item .group__price .group__price-content {
  font-size: 14px;
  font-weight: 600;
}
.commodity-group__cards-item .group__price .group__price-content .unit {
  font-size: 12px;
}
.commodity-group__cards-item .group__price .group__price-content .tax {
  font-size: 12px;
}
.commodity-group__cards-item .supply_number {
  color: #666666;
  letter-spacing: 0.36px;
  font-size: 12px;
  font-weight: 400;
  margin-bottom: 0;
  margin-top: 8px;
}

.benefits-detail-wrap {
  min-width: 1200px;
}
.benefits-detail-wrap .btn {
  position: absolute;
  top: 6.9%;
  left: 0;
  right: 0;
  margin: auto;
  width: 16%;
  height: 0.85%;
  border-radius: 50px;
  cursor: pointer;
  z-index: 1;
}
.benefits-detail-wrap .swiper1 {
  position: absolute;
  bottom: 27.9%;
  z-index: 1;
  left: 0;
  margin: auto;
  right: 0;
}
.benefits-detail-wrap .swiper2 {
  position: absolute;
  bottom: 15.62%;
  z-index: 1;
  left: 0;
  margin: auto;
  right: 0;
}

.template-about-1 .header-title {
  display: none;
}
.template-about-1 .fl.right-box {
  float: none;
}
.template-about-1 .about-wrap {
  background-color: #fff;
}
.template-about-1 .primary {
  color: #27bfa2;
}
.template-about-1 a:hover {
  color: #27bfa2;
}
.template-about-1 .nav {
  border-bottom: 1px solid #eff0f3;
  padding-top: 20px;
}
.template-about-1 .nav .title {
  width: 147px;
  font-size: 36px;
  font-family: PingFang-SC-Heavy, PingFang-SC;
  font-weight: 800;
  color: #333333;
  padding: 15px 0;
  border-bottom: 2px solid #27bfa2;
  box-sizing: border-box;
}
.template-about-1 .nav .right {
  font-size: 14px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #666666;
  padding: 30px 0;
}
.template-about-1 .big-title {
  font-size: 36px;
  font-family: PingFang-SC-Heavy, PingFang-SC;
  font-weight: 800;
  color: #333333;
  line-height: 50px;
  text-align: center;
  padding: 60px 0 40px;
}
.template-about-1 .intro {
  padding-bottom: 80px;
}
.template-about-1 .intro .content {
  font-size: 16px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #333333;
  line-height: 30px;
  text-indent: 2rem;
  padding-bottom: 20px;
}
.template-about-1 .intro .pic {
  width: 636px;
  height: 342px;
  margin: 0 auto;
  display: block;
}
.template-about-1 .photo-list .wrap {
  background-color: #f7f7f7 !important;
  padding: 0 0 70px !important;
}
.template-about-1 .auth {
  background-color: #fff;
  padding-bottom: 80px;
}
.template-about-1 .auth .bottom-moren {
  display: none;
}
.template-about-1 .auth .text {
  font-size: 18px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #333333;
  line-height: 25px;
}
.template-about-1 .auth table {
  width: 100%;
  border: 1px solid #ececec;
  margin: 0 auto;
}
.template-about-1 .auth table img {
  width: 189px;
  height: 115px;
}
.template-about-1 .auth table tr {
  height: 92px;
  text-align: center;
  line-height: 92px;
  font-size: 16px;
  border-bottom: 1px solid #ececec;
}
.template-about-1 .auth table tr td {
  border-right: 1px solid #ececec;
}
.template-about-1 .auth table tr td:nth-child(1) {
  font-weight: 600;
}
.template-about-1 .auth table tr td:nth-child(2) {
  font-weight: 500;
}
.template-about-1 .auth table tr td:nth-child(3) {
  font-weight: 600;
}
.template-about-1 .auth table tr td:nth-child(4) {
  font-weight: 500;
}
.template-about-1 .auth table tr:last-child {
  border: none;
}
.template-about-2 .header-title {
  display: none;
}
.template-about-2 .primary {
  color: #fba748;
}
.template-about-2 a:hover {
  color: #fba748;
}
.template-about-2 .nav {
  display: none;
}
.template-about-2 .big-title {
  font-size: 44px;
  font-family: REEJI-Top-BlackGBV1 0, REEJI-Top;
  font-weight: normal;
  color: #333333;
  line-height: 49px;
  text-align: center;
  padding: 0 0 40px;
}
.template-about-2 .intro {
  padding-top: 80px;
  padding-bottom: 80px;
}
.template-about-2 .intro > div:first-child {
  width: 600px;
  float: right;
}
.template-about-2 .intro .content {
  font-size: 16px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #333333;
  line-height: 30px;
  text-indent: 2rem;
  padding-bottom: 20px;
}
.template-about-2 .intro .pic {
  float: left;
  width: 500px;
  height: 342px;
  margin: 0 auto;
  display: block;
}
.template-about-2 .photo-list .wrap {
  background-color: #f7f7f7 !important;
  padding: 0 0 70px !important;
}
.template-about-2 .auth {
  background-color: #fff;
  padding-bottom: 80px;
}
.template-about-2 .auth .more-right {
  display: none;
}
.template-about-2 .auth .bottom-moren {
  display: block;
  width: 180px;
  height: 48px;
  background: #fba748;
  border-radius: 24px;
  font-size: 16px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #ffffff;
  line-height: 22px;
  line-height: 48px;
  text-align: center;
  margin: 70px auto 0;
}
.template-about-2 .auth .text {
  font-size: 18px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #333333;
  line-height: 25px;
}
.template-about-2 .auth table {
  width: 100%;
  border: 1px solid #ececec;
  margin: 0 auto;
}
.template-about-2 .auth table img {
  width: 189px;
  height: 115px;
}
.template-about-2 .auth table tr {
  height: 92px;
  text-align: center;
  line-height: 92px;
  font-size: 16px;
  border-bottom: 1px solid #ececec;
}
.template-about-2 .auth table tr td {
  border-right: 1px solid #ececec;
}
.template-about-2 .auth table tr td:nth-child(1) {
  font-weight: 600;
}
.template-about-2 .auth table tr td:nth-child(2) {
  font-weight: 500;
}
.template-about-2 .auth table tr td:nth-child(3) {
  font-weight: 600;
}
.template-about-2 .auth table tr td:nth-child(4) {
  font-weight: 500;
}
.template-about-2 .auth table tr:last-child {
  border: none;
}
.template-about-3 {
  background-color: #f7f7f7;
}
.template-about-3 .header-title {
  font-size: 30px;
  font-family: PingFang-SC-Heavy, PingFang-SC;
  font-weight: 800;
  color: #333333;
  line-height: 42px;
  position: relative;
  border-bottom: 1px solid #ececec;
  background-color: #fff;
  padding: 20px;
}
.template-about-3 .header-title::before {
  content: "";
  display: block;
  width: 10px;
  height: 44px;
  background: #487efb;
  position: absolute;
  left: 0;
  z-index: 1;
}
.template-about-3 .about-wrap {
  margin-top: 20px;
}
.template-about-3 .about-wrap .header-title {
  padding-left: 40px;
}
.template-about-3 .about-wrap .header-title::before {
  left: 20px;
}
.template-about-3 .primary {
  color: #487efb;
}
.template-about-3 a:hover {
  color: #487efb;
}
.template-about-3 .nav {
  display: none;
}
.template-about-3 .big-title {
  display: none;
}
.template-about-3 .intro {
  padding: 20px;
  background-color: #fff;
}
.template-about-3 .intro > div:first-child {
  width: 600px;
  float: right;
}
.template-about-3 .intro .content {
  font-size: 16px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #333333;
  line-height: 30px;
  text-indent: 2rem;
  padding-bottom: 20px;
}
.template-about-3 .intro .pic {
  float: left;
  width: 500px;
  height: 342px;
  margin: 0 auto;
  display: block;
}
.template-about-3 .photo-list {
  margin-top: 20px;
}
.template-about-3 .photo-list .wrap {
  background-color: #f7f7f7 !important;
  padding: 0 0 20px !important;
}
.template-about-3 .photo-list .container {
  padding: 20px !important;
}
.template-about-3 .photo-list .imgs .prev {
  left: -4px !important;
}
.template-about-3 .auth {
  padding-bottom: 20px;
}
.template-about-3 .auth .container {
  background-color: #fff;
  padding: 20px;
}
.template-about-3 .auth .more-right {
  font-size: 16px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #487efb;
  line-height: 22px;
}
.template-about-3 .auth .bottom-moren {
  display: none;
}
.template-about-3 .auth .text {
  font-size: 18px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #333333;
  line-height: 25px;
}
.template-about-3 .auth table {
  width: 100%;
  border: 1px solid #ececec;
  margin: 0 auto;
}
.template-about-3 .auth table img {
  width: 189px;
  height: 115px;
}
.template-about-3 .auth table tr {
  height: 92px;
  text-align: center;
  line-height: 92px;
  font-size: 16px;
  border-bottom: 1px solid #ececec;
}
.template-about-3 .auth table tr td {
  border-right: 1px solid #ececec;
}
.template-about-3 .auth table tr td:nth-child(1) {
  font-weight: 600;
}
.template-about-3 .auth table tr td:nth-child(2) {
  font-weight: 500;
}
.template-about-3 .auth table tr td:nth-child(3) {
  font-weight: 600;
}
.template-about-3 .auth table tr td:nth-child(4) {
  font-weight: 500;
}
.template-about-3 .auth table tr:last-child {
  border: none;
}
.template-about-4 .header-title {
  display: none;
}
.template-about-4 .about-wrap {
  background-color: #fff;
}
.template-about-4 .primary {
  color: #487efb;
}
.template-about-4 a:hover {
  color: #487efb;
}
.template-about-4 .nav {
  display: none;
}
.template-about-4 .big-title {
  font-size: 36px;
  font-family: PingFang-SC-Heavy, PingFang-SC;
  font-weight: 800;
  color: #333333;
  line-height: 50px;
  text-align: center;
  padding: 60px 0 40px;
}
.template-about-4 .intro {
  padding-bottom: 80px;
}
.template-about-4 .intro .content {
  font-size: 16px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #333333;
  line-height: 30px;
  text-indent: 2rem;
  padding-bottom: 20px;
}
.template-about-4 .intro .pic {
  width: 536px;
  height: 242px;
  margin: 0 auto;
  display: block;
  border-radius: 30px 0 30px 0;
}
.template-about-4 .photo-list .wrap {
  background-color: #f7f7f7 !important;
  padding: 0 0 70px !important;
}
.template-about-4 .auth {
  background-color: #fff;
  padding-bottom: 80px;
}
.template-about-4 .auth .bottom-moren {
  display: none;
}
.template-about-4 .auth .text {
  font-size: 18px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #333333;
  line-height: 25px;
}
.template-about-4 .auth table {
  width: 100%;
  border: 1px solid #ececec;
  margin: 0 auto;
}
.template-about-4 .auth table img {
  width: 189px;
  height: 115px;
}
.template-about-4 .auth table tr {
  height: 92px;
  text-align: center;
  line-height: 92px;
  font-size: 16px;
  border-bottom: 1px solid #ececec;
}
.template-about-4 .auth table tr td {
  border-right: 1px solid #ececec;
}
.template-about-4 .auth table tr td:nth-child(1) {
  font-weight: 600;
}
.template-about-4 .auth table tr td:nth-child(2) {
  font-weight: 500;
}
.template-about-4 .auth table tr td:nth-child(3) {
  font-weight: 600;
}
.template-about-4 .auth table tr td:nth-child(4) {
  font-weight: 500;
}
.template-about-4 .auth table tr:last-child {
  border: none;
}
.template-about-5 {
  background-color: #f7f7f7;
}
.template-about-5 .about-wrap {
  padding: 20px 0;
  background-color: #fff;
}
.template-about-5 .about-wrap .container {
  border: 1px solid #ececec;
}
.template-about-5 .header-title {
  font-size: 30px;
  font-family: PingFang-SC-Heavy, PingFang-SC;
  font-weight: 800;
  color: #333333;
  line-height: 42px;
  position: relative;
  border-bottom: 1px solid #ececec;
  padding: 20px 20px 20px 50px;
}
.template-about-5 .header-title::before {
  content: "";
  display: block;
  width: 54px;
  height: 34px;
  background: url(/static/template/10/symbol.png) no-repeat center;
  position: absolute;
  left: 0;
  z-index: 1;
}
.template-about-5 .primary {
  color: #2758aa;
}
.template-about-5 a:hover {
  color: #2758aa;
}
.template-about-5 .nav {
  display: none;
}
.template-about-5 .big-title {
  display: none;
}
.template-about-5 .intro {
  padding: 20px;
  background-color: #fff;
}
.template-about-5 .intro > div:first-child {
  width: 600px;
  float: right;
}
.template-about-5 .intro .content {
  font-size: 16px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #333333;
  line-height: 30px;
  text-indent: 2rem;
  padding-bottom: 20px;
}
.template-about-5 .intro .pic {
  float: left;
  width: 500px;
  height: 342px;
  margin: 0 auto;
  display: block;
}
.template-about-5 .photo-list .wrap {
  background-color: #fff !important;
  padding: 0 0 20px !important;
}
.template-about-5 .photo-list .wrap .container {
  width: 1200px !important;
  padding: 0 !important;
}
.template-about-5 .photo-list .container {
  padding: 20px !important;
}
.template-about-5 .photo-list .imgs .swiper-slide img {
  width: 312px !important;
}
.template-about-5 .photo-list .imgs .prev {
  left: 48px !important;
}
.template-about-5 .photo-list .imgs .next {
  right: 48px !important;
}
.template-about-5 .auth {
  background-color: #fff;
  padding-bottom: 20px;
}
.template-about-5 .auth .header-title {
  border: 1px solid #ececec;
}
.template-about-5 .auth .more-right {
  font-size: 16px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #2758aa;
  line-height: 22px;
}
.template-about-5 .auth .bottom-moren {
  display: none;
}
.template-about-5 .auth .text {
  font-size: 18px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #333333;
  line-height: 25px;
}
.template-about-5 .auth .all-border {
  border: 1px solid #ececec;
  border-top: 0;
  border-bottom: 0;
}
.template-about-5 .auth table {
  width: 100%;
  border: 1px solid #ececec;
  margin: 0 auto;
}
.template-about-5 .auth table img {
  width: 189px;
  height: 115px;
}
.template-about-5 .auth table tr {
  height: 92px;
  text-align: center;
  line-height: 92px;
  font-size: 16px;
  border-bottom: 1px solid #ececec;
}
.template-about-5 .auth table tr td {
  border-right: 1px solid #ececec;
}
.template-about-5 .auth table tr td:nth-child(1) {
  font-weight: 600;
}
.template-about-5 .auth table tr td:nth-child(2) {
  font-weight: 500;
}
.template-about-5 .auth table tr td:nth-child(3) {
  font-weight: 600;
}
.template-about-5 .auth table tr td:nth-child(4) {
  font-weight: 500;
}
.template-about-5 .auth table tr:last-child {
  border: none;
}
.template-about-6 {
  background-color: #f7f7f7;
}
.template-about-6 .about-wrap {
  padding: 20px 0;
  background-color: #fff;
}
.template-about-6 .about-wrap .intro {
  border: 1px solid #ececec;
}
.template-about-6 .header-title {
  font-size: 30px;
  font-family: PingFang-SC-Heavy, PingFang-SC;
  font-weight: 800;
  color: #333333;
  line-height: 42px;
  position: relative;
  padding: 20px 20px 20px 30px;
}
.template-about-6 .header-title::before {
  content: "";
  display: block;
  width: 10px;
  height: 44px;
  background: #56ab5e;
  position: absolute;
  left: 0;
  z-index: 1;
}
.template-about-6 .primary {
  color: #56ab5e;
}
.template-about-6 a:hover {
  color: #56ab5e;
}
.template-about-6 .nav {
  display: none;
}
.template-about-6 .big-title {
  display: none;
}
.template-about-6 .intro {
  padding: 20px;
  background-color: #fff;
}
.template-about-6 .intro > div:first-child {
  width: 600px;
  float: right;
}
.template-about-6 .intro .content {
  font-size: 16px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #333333;
  line-height: 30px;
  text-indent: 2rem;
  padding-bottom: 20px;
}
.template-about-6 .intro .pic {
  float: left;
  width: 500px;
  height: 342px;
  margin: 0 auto;
  display: block;
}
.template-about-6 .photo-list .wrap {
  background-color: #fff !important;
  padding: 0 0 20px !important;
}
.template-about-6 .photo-list .imgs .swiper-slide img {
  width: 272px !important;
}
.template-about-6 .auth {
  background-color: #fff;
  padding-bottom: 20px;
}
.template-about-6 .auth .more-right {
  font-size: 16px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #56ab5e;
  line-height: 22px;
}
.template-about-6 .auth .bottom-moren {
  display: none;
}
.template-about-6 .auth .text {
  font-size: 18px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #333333;
  line-height: 25px;
}
.template-about-6 .auth .all-border {
  border: 1px solid #ececec;
  border-bottom: 0;
}
.template-about-6 .auth table {
  width: 100%;
  border: 1px solid #ececec;
  margin: 0 auto;
}
.template-about-6 .auth table img {
  width: 189px;
  height: 115px;
}
.template-about-6 .auth table tr {
  height: 92px;
  text-align: center;
  line-height: 92px;
  font-size: 16px;
  border-bottom: 1px solid #ececec;
}
.template-about-6 .auth table tr td {
  border-right: 1px solid #ececec;
}
.template-about-6 .auth table tr td:nth-child(1) {
  font-weight: 600;
}
.template-about-6 .auth table tr td:nth-child(2) {
  font-weight: 500;
}
.template-about-6 .auth table tr td:nth-child(3) {
  font-weight: 600;
}
.template-about-6 .auth table tr td:nth-child(4) {
  font-weight: 500;
}
.template-about-6 .auth table tr:last-child {
  border: none;
}
.template-about-7 {
  background-color: #f7f7f7;
}
.template-about-7 .about-wrap {
  padding: 20px 0;
  background-color: #fff;
}
.template-about-7 .about-wrap .intro {
  border: 1px solid #ececec;
}
.template-about-7 .header-title {
  font-size: 20px;
  font-family: PingFang-SC-Heavy, PingFang-SC;
  font-weight: 800;
  color: #f1403c;
  line-height: 42px;
  position: relative;
  padding: 20px;
  border: 1px solid #ececec;
  border-bottom: 0;
  border-top: 0;
}
.template-about-7 .header-title::before {
  content: "";
  display: block;
  width: 100%;
  height: 2px;
  background: #f1403c;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
}
.template-about-7 .primary {
  color: #f1403c;
}
.template-about-7 a:hover {
  color: #f1403c;
}
.template-about-7 .nav {
  display: none;
}
.template-about-7 .big-title {
  display: none;
}
.template-about-7 .intro {
  padding: 20px;
  background-color: #fff;
}
.template-about-7 .intro .content {
  font-size: 16px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #333333;
  line-height: 30px;
  text-indent: 2rem;
  padding-bottom: 20px;
}
.template-about-7 .intro .pic {
  width: 500px;
  height: 342px;
  margin: 0 auto;
  display: block;
}
.template-about-7 .photo-list .wrap {
  background-color: #fff !important;
  padding: 0 0 20px !important;
}
.template-about-7 .photo-list .imgs .swiper-slide img {
  width: 272px !important;
}
.template-about-7 .auth {
  background-color: #fff;
  padding-bottom: 20px;
}
.template-about-7 .auth .more-right {
  font-size: 16px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #56ab5e;
  line-height: 22px;
}
.template-about-7 .auth .bottom-moren {
  display: none;
}
.template-about-7 .auth .text {
  font-size: 18px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #333333;
  line-height: 25px;
}
.template-about-7 .auth .all-border {
  border: 1px solid #ececec;
  border-bottom: 0;
}
.template-about-7 .auth table {
  width: 100%;
  border: 1px solid #ececec;
  margin: 0 auto;
}
.template-about-7 .auth table img {
  width: 189px;
  height: 115px;
}
.template-about-7 .auth table tr {
  height: 92px;
  text-align: center;
  line-height: 92px;
  font-size: 16px;
  border-bottom: 1px solid #ececec;
}
.template-about-7 .auth table tr td {
  border-right: 1px solid #ececec;
}
.template-about-7 .auth table tr td:nth-child(1) {
  font-weight: 600;
}
.template-about-7 .auth table tr td:nth-child(2) {
  font-weight: 500;
}
.template-about-7 .auth table tr td:nth-child(3) {
  font-weight: 600;
}
.template-about-7 .auth table tr td:nth-child(4) {
  font-weight: 500;
}
.template-about-7 .auth table tr:last-child {
  border: none;
}
.template-about-8 {
  background-color: #f7f7f7;
}
.template-about-8 .left-box {
  width: 254px;
  margin-right: 20px;
}
.template-about-8 .left-box .company-business {
  margin-top: 20px;
}
.template-about-8 .left-box .company-business .title {
  background-color: #f89847;
  font-size: 20px;
  font-family: PingFang-SC-Heavy, PingFang-SC;
  font-weight: 800;
  color: #ffffff;
  line-height: 28px;
  padding: 20px;
}
.template-about-8 .left-box .company-business .content {
  font-size: 14px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #333333;
  line-height: 28px;
  padding: 20px 10px;
  background-color: #fff;
}
.template-about-8 .right-box {
  width: 926px;
}
.template-about-8 .right-box .container {
  width: 100%;
}
.template-about-8 .about-wrap {
  background-color: #fff;
}
.template-about-8 .about-wrap .intro {
  border: 1px solid #ececec;
}
.template-about-8 .about-wrap .intro .big-title {
  display: none;
}
.template-about-8 .header-title {
  font-size: 20px;
  font-family: PingFang-SC-Heavy, PingFang-SC;
  font-weight: 800;
  background: #f89847;
  color: #fff;
  position: relative;
  padding: 15px 20px;
}
.template-about-8 .primary {
  color: #f89847;
}
.template-about-8 a:hover {
  color: #f89847;
}
.template-about-8 .nav {
  display: none;
}
.template-about-8 .intro {
  padding: 20px;
  background-color: #fff;
}
.template-about-8 .intro .content {
  font-size: 16px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #333333;
  line-height: 30px;
  text-indent: 2rem;
  padding-bottom: 20px;
}
.template-about-8 .intro .pic {
  width: 500px;
  height: 342px;
  margin: 0 auto;
  display: block;
}
.template-about-8 .photo-list {
  margin-top: 20px;
}
.template-about-8 .photo-list .wrap {
  background-color: #fff !important;
  padding: 0 0 20px !important;
}
.template-about-8 .photo-list .imgs .swiper-slide img {
  width: 272px !important;
}
.template-about-8 .auth {
  background-color: #fff;
  padding-bottom: 20px;
  margin-top: 20px;
  margin-bottom: 30px;
}
.template-about-8 .auth .big-title {
  display: none;
}
.template-about-8 .auth .more-right {
  font-size: 16px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #56ab5e;
  line-height: 22px;
}
.template-about-8 .auth .bottom-moren {
  display: none;
}
.template-about-8 .auth .text {
  font-size: 18px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #333333;
  line-height: 25px;
}
.template-about-8 .auth .all-border {
  border: 1px solid #ececec;
  border-bottom: 0;
}
.template-about-8 .auth table {
  width: 100%;
  border: 1px solid #ececec;
  margin: 0 auto;
}
.template-about-8 .auth table img {
  width: 189px;
  height: 115px;
}
.template-about-8 .auth table tr {
  height: 92px;
  text-align: center;
  line-height: 92px;
  font-size: 16px;
  border-bottom: 1px solid #ececec;
}
.template-about-8 .auth table tr td {
  border-right: 1px solid #ececec;
}
.template-about-8 .auth table tr td:nth-child(1) {
  font-weight: 600;
}
.template-about-8 .auth table tr td:nth-child(2) {
  font-weight: 500;
}
.template-about-8 .auth table tr td:nth-child(3) {
  font-weight: 600;
}
.template-about-8 .auth table tr td:nth-child(4) {
  font-weight: 500;
}
.template-about-8 .auth table tr:last-child {
  border: none;
}
.template-about-9 {
  background-color: #fff;
}
.template-about-9 .fl.left-box {
  padding-top: 10px;
  float: right;
  width: 254px;
}
.template-about-9 .fl.left-box .company-business {
  display: none;
  margin-top: 20px;
}
.template-about-9 .fl.left-box .company-business .title {
  background-color: #f89847;
  font-size: 20px;
  font-family: PingFang-SC-Heavy, PingFang-SC;
  font-weight: 800;
  color: #ffffff;
  line-height: 28px;
  padding: 20px;
}
.template-about-9 .fl.left-box .company-business .content {
  font-size: 14px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #333333;
  line-height: 28px;
  padding: 20px 10px;
  background-color: #fff;
}
.template-about-9 .fl.right-box {
  padding-top: 30px;
  float: left;
  width: 926px;
  margin-right: 20px;
}
.template-about-9 .fl.right-box .container {
  width: 100%;
}
.template-about-9 .about-wrap {
  background-color: #fff;
}
.template-about-9 .about-wrap .intro {
  border: 1px solid #ececec;
}
.template-about-9 .about-wrap .intro .big-title {
  display: none;
}
.template-about-9 .header-title {
  font-size: 24px;
  font-family: PingFang-SC-Heavy, PingFang-SC;
  font-weight: 800;
  background: #f7f7f7;
  color: #fff;
  position: relative;
}
.template-about-9 .header-title div {
  width: 196px;
  background-color: #4a16fa;
  padding: 12px 20px;
  position: relative;
}
.template-about-9 .header-title div::after {
  box-sizing: border-box;
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  right: -40px;
  top: 0px;
  border-bottom: 61px solid #4a16fa;
  border-right: 40px solid transparent;
}
.template-about-9 .primary {
  color: #4a16fa;
}
.template-about-9 a:hover {
  color: #4a16fa;
}
.template-about-9 .nav {
  display: none;
}
.template-about-9 .intro {
  padding: 20px;
  background-color: #fff;
}
.template-about-9 .intro .content {
  font-size: 16px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #333333;
  line-height: 30px;
  text-indent: 2rem;
  padding-bottom: 20px;
}
.template-about-9 .intro .pic {
  width: 500px;
  height: 342px;
  margin: 0 auto;
  display: block;
}
.template-about-9 .basic .container > div:nth-child(2) {
  border: 1px solid #ececec;
  border-top: 0;
}
.template-about-9 .basic .container .w-25 .main-text {
  width: 69% !important;
}
.template-about-9 .photo-list {
  margin-top: 20px;
}
.template-about-9 .photo-list .wrap {
  background-color: #fff !important;
  padding: 0 0 20px !important;
}
.template-about-9 .photo-list .imgs .swiper-slide img {
  width: 272px !important;
}
.template-about-9 .auth {
  background-color: #fff;
  padding-bottom: 20px;
  margin-top: 20px;
  margin-bottom: 30px;
}
.template-about-9 .auth .big-title {
  display: none;
}
.template-about-9 .auth .more-right {
  font-size: 16px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #4a16fa;
  line-height: 22px;
}
.template-about-9 .auth .bottom-moren {
  display: none;
}
.template-about-9 .auth .text {
  font-size: 18px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #333333;
  line-height: 25px;
}
.template-about-9 .auth .all-border {
  border: 1px solid #ececec;
  border-bottom: 0;
}
.template-about-9 .auth table {
  width: 100%;
  border: 1px solid #ececec;
  margin: 0 auto;
}
.template-about-9 .auth table img {
  width: 189px;
  height: 115px;
}
.template-about-9 .auth table tr {
  height: 92px;
  text-align: center;
  line-height: 92px;
  font-size: 16px;
  border-bottom: 1px solid #ececec;
}
.template-about-9 .auth table tr td {
  border-right: 1px solid #ececec;
}
.template-about-9 .auth table tr td:nth-child(1) {
  font-weight: 600;
}
.template-about-9 .auth table tr td:nth-child(2) {
  font-weight: 500;
}
.template-about-9 .auth table tr td:nth-child(3) {
  font-weight: 600;
}
.template-about-9 .auth table tr td:nth-child(4) {
  font-weight: 500;
}
.template-about-9 .auth table tr:last-child {
  border: none;
}
.template-about-10 {
  background-color: #f7f7f7;
}
.template-about-10 .custom-header {
  background: linear-gradient(180deg, rgba(208, 202, 255, 0.24) 0%, rgba(142, 191, 249, 0) 100%);
}
.template-about-10 .about-wrap {
  padding: 20px 0;
  background-color: #fff;
}
.template-about-10 .about-wrap .img-title {
  width: 234px;
  height: 58px;
  background: url(/static/template/15/company.png) no-repeat;
  margin-bottom: 40px;
}
.template-about-10 .header-title {
  display: none;
  font-size: 20px;
  font-family: PingFang-SC-Heavy, PingFang-SC;
  font-weight: 800;
  color: #f1403c;
  line-height: 42px;
  position: relative;
  padding: 20px;
  border: 1px solid #ececec;
  border-bottom: 0;
  border-top: 0;
}
.template-about-10 .header-title::before {
  content: "";
  display: block;
  width: 100%;
  height: 2px;
  background: #f1403c;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
}
.template-about-10 .primary {
  color: #f1403c;
}
.template-about-10 a:hover {
  color: #f1403c;
}
.template-about-10 .nav {
  display: none;
}
.template-about-10 .big-title {
  display: none;
}
.template-about-10 .intro {
  padding: 20px;
  background-color: #fff;
  box-shadow: 0px 0px 12px 0px rgba(227, 227, 227, 0.5);
}
.template-about-10 .intro .content {
  font-size: 16px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #333333;
  line-height: 30px;
  text-indent: 2rem;
  box-sizing: border-box;
  padding-bottom: 20px;
  padding-right: 50px;
}
.template-about-10 .intro > div:not(.clear-both) {
  width: 50%;
  float: left;
}
.template-about-10 .intro .pic {
  float: left;
  width: 50%;
  height: 342px;
}
.template-about-10 .photo-list .wrap {
  background-color: #fff !important;
  padding: 0 0 20px !important;
}
.template-about-10 .photo-list .imgs .swiper-slide img {
  width: 368px !important;
}
.template-about-10 .auth {
  background-color: #fff;
  padding-bottom: 60px;
  padding-top: 40px;
}
.template-about-10 .auth .img-title {
  width: 234px;
  height: 58px;
  background: url(/static/template/15/auth.png);
  margin-bottom: 40px;
}
.template-about-10 .auth .more-right {
  font-size: 16px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #928af7;
  line-height: 22px;
  background: linear-gradient(246deg, #9285f7 0%, #8ebff9 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}
.template-about-10 .auth .bottom-moren {
  display: none;
}
.template-about-10 .auth .text {
  font-size: 18px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #333333;
  line-height: 25px;
}
.template-about-10 .auth .all-border {
  border: 1px solid #ececec;
  border-bottom: 0;
}
.template-about-10 .auth table {
  width: 100%;
  border: 1px solid #ececec;
  margin: 0 auto;
}
.template-about-10 .auth table img {
  width: 189px;
  height: 115px;
}
.template-about-10 .auth table tr {
  height: 92px;
  text-align: center;
  line-height: 92px;
  font-size: 16px;
  border-bottom: 1px solid #ececec;
}
.template-about-10 .auth table tr td {
  border-right: 1px solid #ececec;
}
.template-about-10 .auth table tr td:nth-child(1) {
  font-weight: 600;
}
.template-about-10 .auth table tr td:nth-child(2) {
  font-weight: 500;
}
.template-about-10 .auth table tr td:nth-child(3) {
  font-weight: 600;
}
.template-about-10 .auth table tr td:nth-child(4) {
  font-weight: 500;
}
.template-about-10 .auth table tr:last-child {
  border: none;
}

.template-index-3 .wrap {
  background-color: #F7F7F7;
}
.template-index-3 .basic {
  width: 48.5%;
  float: left;
}
.template-index-3 .manage {
  width: 48.5%;
  margin-left: 30px;
  float: left;
}
.template-index-3 .photo-list .header-title {
  padding: 20px 0 20px 40px !important;
}
.template-index-3 .photo-list .header-title::before {
  left: 20px !important;
}
.template-index-5 .wrap {
  background-color: #FFF;
}
.template-index-5 .manage {
  width: 48.5%;
  margin-left: 30px;
  float: left;
}
.template-index-5 .photo-list {
  width: 48.5%;
  float: left;
}
.template-index-7 div:nth-child(2) .wrap {
  background-color: #fff;
}
.template-index-7 .intro {
  width: 75%;
  margin-right: 34px;
  float: left;
}
.template-index-7 .basic {
  width: 22%;
  float: left;
}
.template-index-8 .left-box {
  width: 254px;
}
.template-index-8 .left-box .company-business .title {
  background-color: #F89847;
  font-size: 20px;
  font-family: PingFang-SC-Heavy, PingFang-SC;
  font-weight: 800;
  color: #FFFFFF;
  line-height: 28px;
  padding: 20px;
}
.template-index-8 .left-box .company-business .content {
  font-size: 14px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #333333;
  line-height: 28px;
  padding: 20px 10px;
  background-color: #fff;
}
.template-index-8 .right-box {
  width: 926px;
  display: inline-block;
}
.template-index-8 .right-box .container {
  width: 100%;
}
.template-index-9 {
  background-color: #fff;
}
.template-index-9 .left-box {
  width: 926px;
}
.template-index-9 .left-box .container {
  width: 100%;
}
.template-index-9 .left-box .company-business .title {
  background-color: #F89847;
  font-size: 20px;
  font-family: PingFang-SC-Heavy, PingFang-SC;
  font-weight: 800;
  color: #FFFFFF;
  line-height: 28px;
  padding: 20px;
}
.template-index-9 .left-box .company-business .content {
  font-size: 14px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #333333;
  line-height: 28px;
  padding: 20px 10px;
  background-color: #fff;
}
.template-index-9 .right-box {
  width: 254px;
  display: inline-block;
}
.template-index-9 .right-box .container {
  width: 100%;
}
.template-index-10 .custom-header {
  background: linear-gradient(180deg, rgba(208, 202, 255, 0.24) 0%, rgba(142, 191, 249, 0) 100%);
}

.intro .company-1 .fl {
  width: 40%;
}
.intro .company-1 .fl .pic {
  width: 370px;
  height: 400px;
  display: block;
}
.intro .company-1 .fr {
  width: 60%;
}
.intro .company-1 .header-title {
  display: none;
}
.intro .company-1 .big-title {
  font-size: 40px;
  font-family: PingFang-SC-Heavy, PingFang-SC;
  font-weight: 800;
  color: #333333;
  line-height: 56px;
  text-align: center;
  padding-bottom: 40px;
}
.intro .company-1 .wrap {
  background: #fff;
  padding: 50px 0;
}
.intro .company-2 .header-title {
  display: none;
}
.intro .company-2 .fl {
  width: 40%;
}
.intro .company-2 .fl .pic {
  width: 370px;
  height: 400px;
  display: block;
}
.intro .company-2 .fr {
  width: 60%;
}
.intro .company-2 .big-title {
  font-size: 44px;
  font-family: REEJI-Top-BlackGBV1 0, REEJI-Top;
  font-weight: normal;
  color: #333333;
  line-height: 49px;
  text-align: center;
  padding-bottom: 40px;
}
.intro .company-2 .wrap {
  background: #fff;
  padding: 50px 0;
}
.intro .company-3 .header-title {
  font-size: 30px;
  font-family: PingFang-SC-Heavy, PingFang-SC;
  font-weight: 800;
  color: #333333;
  line-height: 42px;
  position: relative;
  padding-left: 20px;
  padding-bottom: 24px;
  border-bottom: 1px solid #ececec;
}
.intro .company-3 .header-title::before {
  content: "";
  display: block;
  width: 10px;
  height: 44px;
  background: #487efb;
  position: absolute;
  left: 0;
  z-index: 1;
}
.intro .company-3 .fl {
  width: 40%;
}
.intro .company-3 .fl .pic {
  width: 370px;
  height: 400px;
  display: block;
}
.intro .company-3 .fr {
  width: 60%;
}
.intro .company-3 .big-title {
  display: none;
}
.intro .company-3 .ant-typography {
  margin-top: 30px;
}
.intro .company-3 .wrap {
  background-color: #f7f7f7;
}
.intro .company-3 .wrap .container {
  background-color: #fff;
  padding: 20px;
  box-sizing: border-box;
}
.intro .company-4 .fl {
  width: 40%;
  float: none;
  margin: 0 auto;
  height: 300px;
}
.intro .company-4 .fl .pic {
  position: absolute;
  width: 820px;
  height: 420px;
  transform: scale(0.5);
  display: block;
  bottom: -80px;
  left: 0;
  right: 0;
  margin: auto;
}
.intro .company-4 .fr {
  width: 100%;
  float: none;
}
.intro .company-4 .header-title {
  display: none;
}
.intro .company-4 .big-title {
  font-size: 40px;
  font-family: PingFang-SC-Heavy, PingFang-SC;
  font-weight: 800;
  color: #333333;
  line-height: 56px;
  text-align: center;
  padding-top: 40px;
  padding-bottom: 40px;
}
.intro .company-4 .wrap {
  background: #fff;
  padding: 50px 0;
}
.intro .company-5 .header-title {
  font-size: 30px;
  font-family: PingFang-SC-Heavy, PingFang-SC;
  font-weight: 800;
  color: #333333;
  line-height: 42px;
  position: relative;
  padding-left: 54px;
  padding-bottom: 24px;
  padding-top: 24px;
  border-top: 1px solid #ececec;
}
.intro .company-5 .header-title::before {
  content: "";
  display: block;
  width: 54px;
  height: 34px;
  background: url(/static/template/10/symbol.png) no-repeat center;
  position: absolute;
  left: 0;
  top: 29px;
  z-index: 1;
}
.intro .company-5 .fl {
  width: 40%;
}
.intro .company-5 .fl .pic {
  width: 370px;
  height: 400px;
  display: block;
  margin-left: 10px;
}
.intro .company-5 .fr {
  width: 60%;
}
.intro .company-5 .big-title {
  display: none;
}
.intro .company-5 .ant-typography {
  margin-top: 30px;
}
.intro .company-5 .wrap {
  background-color: #fff;
  padding: 50px 0;
}
.intro .company-5 .wrap .container {
  background-color: #fff;
  padding: 20px;
  box-sizing: border-box;
  border: 1px solid #ececec;
  border-top: 0;
}
.intro .company-5 .wrap .container:first-child {
  padding: 0;
}
.intro .company-6 .header-title {
  font-size: 40px;
  font-family: PingFang-SC-Heavy, PingFang-SC;
  font-weight: 800;
  color: #333333;
  position: relative;
  padding-left: 30px;
  padding-bottom: 24px;
  padding-top: 24px;
}
.intro .company-6 .header-title::before {
  content: "";
  display: block;
  width: 10px;
  height: 44px;
  background: #56AB5E;
  position: absolute;
  left: 0;
  top: 32px;
  z-index: 1;
}
.intro .company-6 .fl {
  width: 40%;
}
.intro .company-6 .fl .pic {
  width: 370px;
  height: 400px;
  display: block;
  margin-left: 10px;
}
.intro .company-6 .fr {
  width: 60%;
}
.intro .company-6 .big-title {
  display: none;
}
.intro .company-6 .ant-typography {
  margin-top: 30px;
}
.intro .company-6 .wrap {
  background-color: #fff;
  padding: 50px 0;
}
.intro .company-6 .wrap .container:nth-child(2) {
  background-color: #fff;
  padding: 20px;
  box-sizing: border-box;
  border: 1px solid #ececec;
}
.intro .company-6 .wrap .container:nth-child(2):first-child {
  padding: 0;
}
.intro .company-7 .container {
  width: 100%;
  background-color: #fff;
  box-sizing: border-box;
  border: 1px solid #ececec;
  border-top: 0;
}
.intro .company-7 .container:first-child {
  border-bottom: 0;
}
.intro .company-7 .header-title {
  font-size: 20px;
  font-family: PingFang-SC-Heavy, PingFang-SC;
  font-weight: 800;
  color: #F1403C;
  line-height: 28px;
  position: relative;
  padding: 20px;
}
.intro .company-7 .header-title::before {
  content: "";
  display: block;
  width: 100%;
  height: 2px;
  background: #F1403C;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
}
.intro .company-7 .fl .pic {
  width: 350px;
  height: 268px;
  display: block;
  margin-left: 10px;
}
.intro .company-7 .fr {
  width: 56%;
}
.intro .company-7 .big-title {
  display: none;
}
.intro .company-7 .ant-typography {
  margin-top: 30px;
}
.intro .company-7 .wrap {
  background-color: #fff;
}
.intro .company-7 .wrap .container:nth-child(2) {
  background-color: #fff;
  padding: 20px;
  box-sizing: border-box;
  border: 1px solid #ececec;
}
.intro .company-7 .wrap .container:nth-child(2):first-child {
  padding: 0;
}
.intro .company-8 .container {
  width: 100%;
  box-sizing: border-box;
  padding-top: 20px;
}
.intro .company-8 .container:first-child {
  border-bottom: 0;
}
.intro .company-8 .header-title {
  font-size: 20px;
  font-family: PingFang-SC-Heavy, PingFang-SC;
  font-weight: 800;
  color: #fff;
  line-height: 28px;
  position: relative;
  background: #F89847;
  padding: 20px;
}
.intro .company-8 .fl .pic {
  width: 350px;
  height: 268px;
  display: block;
  margin-left: 10px;
}
.intro .company-8 .fr {
  width: 56%;
}
.intro .company-8 .big-title {
  display: none;
}
.intro .company-8 .ant-typography {
  margin-top: 30px;
}
.intro .company-8 .wrap .container:nth-child(2) {
  background-color: #fff;
  padding: 20px;
  box-sizing: border-box;
}
.intro .company-8 .wrap .container:nth-child(2):first-child {
  padding: 0;
}
.intro .company-9 .container {
  width: 100%;
  box-sizing: border-box;
  padding-top: 20px;
}
.intro .company-9 .container:first-child {
  border-bottom: 0;
}
.intro .company-9 .header-title {
  font-size: 24px;
  font-family: PingFang-SC-Heavy, PingFang-SC;
  font-weight: 800;
  color: #fff;
  line-height: 28px;
  position: relative;
  background: #F7F7F7;
  height: 60px;
}
.intro .company-9 .header-title div {
  width: 196px;
  background-color: #4A16FA;
  padding: 16px 20px;
  position: relative;
}
.intro .company-9 .header-title div::after {
  content: '';
  position: absolute;
  width: 0;
  height: 0;
  right: -40px;
  top: 0px;
  border-bottom: 60px solid #4A16FA;
  border-right: 40px solid transparent;
}
.intro .company-9 .fl .pic {
  width: 350px;
  height: 268px;
  display: block;
  margin-left: 10px;
}
.intro .company-9 .fr {
  width: 56%;
}
.intro .company-9 .big-title {
  display: none;
}
.intro .company-9 .ant-typography {
  margin-top: 30px;
}
.intro .company-9 .wrap .container:nth-child(2) {
  background-color: #fff;
  padding: 20px;
  box-sizing: border-box;
}
.intro .company-9 .wrap .container:nth-child(2):first-child {
  padding: 0;
}
.intro .company-10 .header-title {
  display: none;
  font-size: 40px;
  font-family: PingFang-SC-Heavy, PingFang-SC;
  font-weight: 800;
  color: #333333;
  position: relative;
  padding-left: 30px;
  padding-bottom: 24px;
  padding-top: 24px;
}
.intro .company-10 .header-title::before {
  content: "";
  display: block;
  width: 10px;
  height: 44px;
  background: #56AB5E;
  position: absolute;
  left: 0;
  top: 32px;
  z-index: 1;
}
.intro .company-10 .img-title {
  width: 234px;
  height: 58px;
  background: url(/static/template/15/company.png) no-repeat;
  margin-bottom: 40px;
}
.intro .company-10 .fl {
  width: 40%;
}
.intro .company-10 .fl .pic {
  width: 370px;
  height: 400px;
  display: block;
  margin-left: 10px;
}
.intro .company-10 .fr {
  width: 60%;
}
.intro .company-10 .big-title {
  display: none;
}
.intro .company-10 .ant-typography {
  margin-top: 30px;
}
.intro .company-10 .wrap {
  background-color: #fff;
  padding: 40px 0;
}
.intro .company-10 .wrap .container:nth-child(2) {
  background-color: #fff;
  box-sizing: border-box;
  box-shadow: 0px 0px 12px 0px rgba(227, 227, 227, 0.5);
  padding: 50px;
}
.intro .company-10 .wrap .container:nth-child(2):first-child {
  padding: 0;
}

.template-shop .company-1 .big-title {
  font-size: 40px;
  font-family: PingFang-SC-Heavy, PingFang-SC;
  font-weight: 800;
  color: #333333;
  line-height: 56px;
  text-align: center;
  padding-top: 80px;
  padding-bottom: 40px;
}
.template-shop .company-1 .wrap {
  background-color: #fff;
  padding: 0 0 80px;
}
.template-shop .company-1 .wrap .filter-button {
  text-align: center;
}
.template-shop .company-1 .wrap .filter-button .button-item {
  padding: 0 23px;
  height: 40px;
  line-height: 40px;
  border-radius: 22px;
  margin-right: 15px;
  display: inline-block;
  background: #fff;
  font-size: 16px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #333333;
  cursor: pointer;
}
.template-shop .company-1 .wrap .filter-button .button-item.active {
  background: #27BFA2;
  color: #ffffff;
}
.template-shop .company-1 .wrap .filter-button .button-item:nth-child(4) {
  margin-right: 0;
}
.template-shop .company-1 .wrap .view-more {
  margin: 0 auto;
  width: 150px;
  height: 48px;
  background-color: #27BFA2;
  outline: none;
  border: none;
  cursor: pointer;
  color: #fff;
  border-radius: 24px;
}
.template-shop .company-1 .wrap .product {
  padding: 40px 0 40px;
  text-align: center;
}
.template-shop .company-1 .wrap .product .product-item {
  padding: 0 15px 30px;
}
.template-shop .company-1 .wrap .product .product-item .card {
  width: 360px;
  height: 240px;
  position: relative;
  cursor: pointer;
}
.template-shop .company-1 .wrap .product .product-item .card .pop-box {
  position: absolute;
  height: 0;
  width: 100%;
  bottom: 0;
  left: 0;
  overflow: hidden;
  transition: all 0.25s ease-in;
  background-color: #27BFA2;
}
.template-shop .company-1 .wrap .product .product-item .card .pop-box .title {
  font-size: 16px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #fff;
  text-indent: 3rem;
  position: relative;
  text-align: left;
}
.template-shop .company-1 .wrap .product .product-item .card .pop-box .title.sell::before {
  content: "\51FA\552E";
  position: absolute;
  left: 0;
  top: 4px;
  width: 36px;
  height: 17px;
  background: #f1403c;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #ffffff;
  line-height: 17px;
  display: block;
  text-align: center;
  text-indent: initial;
}
.template-shop .company-1 .wrap .product .product-item .card .pop-box .title.buy::before {
  content: "\6C42\8D2D";
  position: absolute;
  top: 4px;
  left: 5px;
  width: 36px;
  height: 17px;
  background: #487efb;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #ffffff;
  line-height: 17px;
  text-align: center;
  text-indent: initial;
}
.template-shop .company-1 .wrap .product .product-item .card .pop-box .label {
  padding: 0 10px;
  height: 17px;
  background: #f3f3f3;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #999999;
  line-height: 17px;
  text-align: center;
  margin-right: 10px;
  margin-bottom: 5px;
}
.template-shop .company-1 .wrap .product .product-item .card .pop-box .price {
  width: 100%;
  height: 28px;
  font-size: 20px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #f1403c;
  line-height: 28px;
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: #f1403c;
  text-align: left;
}
.template-shop .company-1 .wrap .product .product-item .card .pic {
  width: 100%;
  height: 100%;
}
.template-shop .company-1 .wrap .product .product-item .card:hover .pop-box {
  height: 70%;
}
.template-shop .company-1 .wrap .rawCard-item {
  width: 360px;
  height: 155px;
  background: #ffffff;
  box-shadow: 0px 0px 8px 0px rgba(216, 216, 216, 0.5);
  display: block;
}
.template-shop .company-1 .wrap .rawCard-item .title {
  font-size: 18px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #333333;
  line-height: 25px;
  padding: 20px 0;
}
.template-shop .company-1 .wrap .rawCard-item .price {
  font-size: 16px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #333333;
  line-height: 22px;
  padding-bottom: 20px;
}
.template-shop .company-1 .wrap .rawCard-item .price .number {
  color: #f1403c;
}
.template-shop .company-1 .wrap .rawCard-item .address {
  font-size: 16px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #333333;
  line-height: 22px;
}
.template-shop .company-2 .wrap {
  background-color: #fff;
}
.template-shop .company-2 .big-title,
.template-shop .company-2 .button-item,
.template-shop .company-2 .filter-button {
  float: left;
}
.template-shop .company-2 .big-title {
  font-size: 44px;
  font-family: REEJI-Top-BlackGBV1 0, REEJI-Top;
  font-weight: normal;
  color: #333333;
  line-height: 49px;
}
.template-shop .company-2 .button-item {
  position: relative;
  font-size: 16px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #333333;
  line-height: 22px;
  margin-left: 65px;
  line-height: 49px;
  cursor: pointer;
}
.template-shop .company-2 .button-item.active {
  color: #FBA748;
}
.template-shop .company-2 .button-item.active::after {
  position: absolute;
  content: "";
  bottom: 0;
  display: block;
  width: 40px;
  height: 4px;
  background: #fba748;
  margin: auto;
  left: -5px;
}
.template-shop .company-2 .product {
  padding: 40px 0 40px 0;
  text-align: center;
}
.template-shop .company-2 .product .product-item {
  margin-right: 15px;
}
.template-shop .company-2 .product .product-item .card {
  width: 285px;
  height: 320px;
  position: relative;
}
.template-shop .company-2 .product .product-item .card .pic {
  width: 100%;
  height: 100%;
}
.template-shop .company-2 .product .product-item .card .pop-box {
  display: none;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 228px;
  height: 212px;
  background: #fba748;
  opacity: 0.9;
  position: absolute;
  z-index: 1;
  box-sizing: border-box;
  padding-top: 20px;
}
.template-shop .company-2 .product .product-item .card .pop-box .title {
  font-size: 16px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #ffffff;
  line-height: 22px;
  text-align: left;
  text-indent: initial !important;
}
.template-shop .company-2 .product .product-item .card .pop-box .title.sell::before {
  content: "\51FA\552E";
  position: absolute;
  right: 0;
  top: 0;
  width: 48px;
  height: 48px;
  line-height: 48px;
  background: #666666;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #ffffff;
  display: block;
  text-align: center;
  text-indent: initial;
}
.template-shop .company-2 .product .product-item .card .pop-box .title.buy::before {
  content: "\6C42\8D2D";
  position: absolute;
  right: 0;
  top: 0;
  width: 48px;
  height: 48px;
  line-height: 48px;
  background: #487efb;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #ffffff;
  text-align: center;
  text-indent: initial;
}
.template-shop .company-2 .product .product-item .card .pop-box .label {
  padding: 0 10px;
  height: 17px;
  background: #f3f3f3;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #999999;
  line-height: 17px;
  text-align: center;
  margin-right: 10px;
  margin-bottom: 5px;
}
.template-shop .company-2 .product .product-item .card .pop-box .price {
  width: 100%;
  height: 28px;
  font-size: 20px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #f1403c;
  line-height: 28px;
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: #f1403c;
  text-align: left;
}
.template-shop .company-2 .product .product-item .card:hover .pop-box {
  display: block;
}
.template-shop .company-2 .view-more {
  display: none;
}
.template-shop .company-2 .prev {
  margin-right: 30px;
  cursor: pointer;
  display: inline-block;
}
.template-shop .company-2 .prev .prev-hover {
  display: none;
}
.template-shop .company-2 .prev .prev-img {
  display: block;
  transform: rotate(180deg);
}
.template-shop .company-2 .prev:hover .prev-hover {
  display: block;
}
.template-shop .company-2 .prev:hover .prev-img {
  display: none;
}
.template-shop .company-2 .next {
  margin-right: 10px;
  cursor: pointer;
  display: inline-block;
}
.template-shop .company-2 .next .next-hover {
  display: none;
  transform: rotate(180deg);
}
.template-shop .company-2 .next .next-img {
  display: block;
}
.template-shop .company-2 .next:hover .next-hover {
  display: block;
}
.template-shop .company-2 .next:hover .next-img {
  display: none;
}
.template-shop .company-2 .rawCard-item {
  width: 380px;
  height: 155px;
  background: #ffffff;
  box-shadow: 0px 0px 8px 0px rgba(216, 216, 216, 0.5);
  display: block;
}
.template-shop .company-2 .rawCard-item .title {
  font-size: 18px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #333333;
  line-height: 25px;
  padding: 20px 0;
}
.template-shop .company-2 .rawCard-item .price {
  font-size: 16px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #333333;
  line-height: 22px;
  padding-bottom: 20px;
}
.template-shop .company-2 .rawCard-item .price .number {
  color: #f1403c;
}
.template-shop .company-2 .rawCard-item .address {
  font-size: 16px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #333333;
  line-height: 22px;
}
.template-shop .company-3 .wrap {
  background-color: #f7f7f7;
  padding-top: 37px;
}
.template-shop .company-3 .big-title,
.template-shop .company-3 .button-item,
.template-shop .company-3 .filter-button {
  float: left;
}
.template-shop .company-3 .big-title {
  font-size: 30px;
  font-family: PingFang-SC-Heavy, PingFang-SC;
  font-weight: 800;
  color: #333333;
  line-height: 42px;
  position: relative;
  padding-left: 20px;
}
.template-shop .company-3 .big-title::before {
  content: "";
  display: block;
  width: 10px;
  height: 44px;
  background: #487efb;
  position: absolute;
  left: 0;
  z-index: 1;
}
.template-shop .company-3 .button-item {
  font-size: 16px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #333333;
  line-height: 22px;
  margin-left: 65px;
  line-height: 49px;
  cursor: pointer;
  width: 80px;
  height: 40px;
  line-height: 40px;
  text-align: center;
}
.template-shop .company-3 .button-item.active {
  background: #487EFB;
  color: #fff;
}
.template-shop .company-3 .more {
  font-size: 16px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #487EFB;
  line-height: 30px;
  cursor: pointer;
}
.template-shop .company-3 .product {
  padding: 40px 0 0 0;
  text-align: center;
}
.template-shop .company-3 .product .product-item {
  margin-right: 15px;
  padding-bottom: 15px;
}
.template-shop .company-3 .product .product-item .card .pic {
  width: 280px;
  height: 168px;
  float: left;
}
.template-shop .company-3 .product .product-item .card .pop-box {
  float: left;
  width: 308px;
  height: 168px;
  z-index: 1;
  box-sizing: border-box;
  background-color: #fff;
}
.template-shop .company-3 .product .product-item .card .pop-box div div:nth-child(2) {
  height: 32px;
  box-sizing: border-box;
  overflow: hidden;
}
.template-shop .company-3 .product .product-item .card .pop-box .title {
  font-size: 16px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #0a0909;
  line-height: 26px;
  text-align: left;
  position: relative;
}
.template-shop .company-3 .product .product-item .card .pop-box .title.sell::before {
  content: "\51FA\552E";
  position: absolute;
  left: 0;
  top: 2px;
  width: 48px;
  height: 21px;
  line-height: 21px;
  background: #f1403c;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #ffffff;
  display: block;
  text-align: center;
  text-indent: initial;
  border-radius: 12px;
}
.template-shop .company-3 .product .product-item .card .pop-box .title.buy::before {
  content: "\6C42\8D2D";
  position: absolute;
  left: 0;
  top: 2px;
  width: 48px;
  height: 21px;
  line-height: 21px;
  background: #487efb;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #ffffff;
  text-align: center;
  text-indent: initial;
  border-radius: 12px;
}
.template-shop .company-3 .product .product-item .card .pop-box .label {
  padding: 0 10px;
  height: 17px;
  background: #f3f3f3;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #999999;
  line-height: 17px;
  text-align: center;
  margin-right: 10px;
  margin-bottom: 5px;
}
.template-shop .company-3 .product .product-item .card .pop-box .price {
  width: 100%;
  height: 28px;
  font-size: 20px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #f1403c;
  line-height: 28px;
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: #f1403c;
  text-align: left;
}
.template-shop .company-3 .product .product-item .card:hover .pop-box {
  display: block;
}
.template-shop .company-3 .view-more {
  display: none;
}
.template-shop .company-3 .prev {
  margin-right: 30px;
  cursor: pointer;
  display: inline-block;
}
.template-shop .company-3 .prev .prev-hover {
  display: none;
}
.template-shop .company-3 .prev .prev-img {
  display: block;
  transform: rotate(180deg);
}
.template-shop .company-3 .prev:hover .prev-hover {
  display: block;
}
.template-shop .company-3 .prev:hover .prev-img {
  display: none;
}
.template-shop .company-3 .next {
  margin-right: 30px;
  cursor: pointer;
  display: inline-block;
}
.template-shop .company-3 .next .next-hover {
  display: none;
  transform: rotate(180deg);
}
.template-shop .company-3 .next .next-img {
  display: block;
}
.template-shop .company-3 .next:hover .next-hover {
  display: block;
}
.template-shop .company-3 .next:hover .next-img {
  display: none;
}
.template-shop .company-3 .rawCard-item {
  width: 390px;
  height: 155px;
  background: #ffffff;
  box-shadow: 0px 0px 8px 0px rgba(216, 216, 216, 0.5);
  display: block;
}
.template-shop .company-3 .rawCard-item .title {
  font-size: 18px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #333333;
  line-height: 25px;
  padding: 20px 0;
}
.template-shop .company-3 .rawCard-item .price {
  font-size: 16px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #333333;
  line-height: 22px;
  padding-bottom: 20px;
}
.template-shop .company-3 .rawCard-item .price .number {
  color: #f1403c;
}
.template-shop .company-3 .rawCard-item .address {
  font-size: 16px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #333333;
  line-height: 22px;
}
.template-shop .company-4 .big-title {
  font-size: 40px;
  font-family: PingFang-SC-Heavy, PingFang-SC;
  font-weight: 800;
  color: #333333;
  line-height: 56px;
  text-align: center;
  padding-top: 80px;
  padding-bottom: 40px;
}
.template-shop .company-4 .wrap {
  background-color: #f7f7f7;
  padding: 0 0 80px;
}
.template-shop .company-4 .wrap .filter-button {
  width: 282px;
  float: left;
  text-align: center;
}
.template-shop .company-4 .wrap .filter-button .filter-title {
  width: 282px;
  height: 65px;
  background: #487EFB;
  font-size: 18px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #ffffff;
  line-height: 65px;
  text-align: left;
  box-sizing: border-box;
  padding-left: 20px;
}
.template-shop .company-4 .wrap .filter-button .button-item {
  width: 100%;
  padding: 0 20px;
  box-sizing: border-box;
  height: 62px;
  line-height: 62px;
  margin-right: 15px;
  background: #fff;
  font-size: 16px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #333333;
  cursor: pointer;
  text-align: left;
  position: relative;
}
.template-shop .company-4 .wrap .filter-button .button-item::before {
  content: "";
  position: absolute;
  border: 0;
  height: 1px;
  width: 85%;
  bottom: 0;
  left: 20px;
  background-color: #eff0f3;
}
.template-shop .company-4 .wrap .filter-button .button-item::after {
  content: ">";
  position: absolute;
  top: 0;
  right: 20px;
}
.template-shop .company-4 .wrap .filter-button .button-item.active {
  color: #487EFB;
}
.template-shop .company-4 .wrap .filter-button .button-item:nth-child(4) {
  margin-right: 0;
}
.template-shop .company-4 .wrap .view-more {
  margin: 20px auto 0;
  width: 150px;
  height: 48px;
  background-color: #487EFB;
  outline: none;
  border: none;
  cursor: pointer;
  color: #fff;
  border-radius: 24px;
  transform: translateX(-50%);
}
.template-shop .company-4 .wrap .product {
  width: 900px;
  float: left;
  box-sizing: border-box;
  padding: 0 0 40px 20px;
  text-align: center;
}
.template-shop .company-4 .wrap .product .product-item {
  margin-bottom: 15px;
}
.template-shop .company-4 .wrap .product .product-item .card {
  cursor: pointer;
  width: 282px;
  height: 370px;
}
.template-shop .company-4 .wrap .product .product-item .card .pop-box {
  width: 100%;
  transition: all 0.25s ease-in;
}
.template-shop .company-4 .wrap .product .product-item .card .pop-box .title {
  font-size: 16px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #0a0909;
  line-height: 22px;
  text-indent: 3rem;
  position: relative;
  text-align: left;
  margin-bottom: 15px;
  text-indent: 3rem !important;
}
.template-shop .company-4 .wrap .product .product-item .card .pop-box .title.sell::before {
  content: "\51FA\552E";
  position: absolute;
  left: 0;
  top: 3px;
  width: 36px;
  height: 17px;
  background: #f1403c;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #ffffff;
  line-height: 17px;
  display: block;
  text-align: center;
  text-indent: initial;
}
.template-shop .company-4 .wrap .product .product-item .card .pop-box .title.buy::before {
  content: "\6C42\8D2D";
  position: absolute;
  top: 3px;
  left: 5px;
  width: 36px;
  height: 17px;
  background: #487efb;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #ffffff;
  line-height: 17px;
  text-align: center;
  text-indent: initial;
}
.template-shop .company-4 .wrap .product .product-item .card .pop-box .label {
  padding: 0 10px;
  height: 17px;
  background: #f3f3f3;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #999999;
  line-height: 17px;
  text-align: center;
  margin-right: 10px;
  margin-bottom: 5px;
}
.template-shop .company-4 .wrap .product .product-item .card .pop-box .price {
  width: 100%;
  height: 28px;
  font-size: 20px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #f1403c;
  line-height: 28px;
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: #f1403c;
  text-align: left;
}
.template-shop .company-4 .wrap .product .product-item .card .pic {
  width: 100%;
  height: 182px;
  border-radius: 30px 0 30px 0;
}
.template-shop .company-4 .wrap .rawCard-item {
  width: 282px;
  height: 155px;
  background: #ffffff;
  box-shadow: 0px 0px 8px 0px rgba(216, 216, 216, 0.5);
  display: block;
  margin-bottom: 15px;
}
.template-shop .company-4 .wrap .rawCard-item .title {
  font-size: 18px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #333333;
  line-height: 25px;
  padding: 20px 0;
}
.template-shop .company-4 .wrap .rawCard-item .price {
  font-size: 16px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #333333;
  line-height: 22px;
  padding-bottom: 20px;
}
.template-shop .company-4 .wrap .rawCard-item .price .number {
  color: #f1403c;
}
.template-shop .company-4 .wrap .rawCard-item .address {
  font-size: 16px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #333333;
  line-height: 22px;
}
.template-shop .company-5 .wrap {
  background-color: #f7f7f7;
  padding-top: 37px;
}
.template-shop .company-5 .big-title,
.template-shop .company-5 .button-item,
.template-shop .company-5 .filter-button {
  float: left;
}
.template-shop .company-5 .big-title {
  font-size: 30px;
  font-family: PingFang-SC-Heavy, PingFang-SC;
  font-weight: 800;
  color: #333333;
  line-height: 42px;
  position: relative;
  padding-left: 50px;
}
.template-shop .company-5 .big-title::before {
  content: "";
  display: block;
  width: 54px;
  height: 34px;
  background: url(/static/template/10/symbol.png) no-repeat center;
  position: absolute;
  left: 0;
  top: 5px;
  z-index: 1;
}
.template-shop .company-5 .button-item {
  font-size: 16px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #333333;
  line-height: 22px;
  margin-left: 65px;
  line-height: 49px;
  cursor: pointer;
  height: 40px;
  line-height: 40px;
  text-align: center;
  position: relative;
}
.template-shop .company-5 .button-item.active {
  color: #2758AA;
}
.template-shop .company-5 .button-item.active::after {
  position: absolute;
  content: "";
  bottom: 0;
  display: block;
  width: 40px;
  height: 2px;
  background: #2758AA;
  margin: auto;
  left: -5px;
}
.template-shop .company-5 .more {
  font-size: 16px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #2758AA;
  line-height: 30px;
  cursor: pointer;
}
.template-shop .company-5 .product {
  padding: 40px 0 0 0;
  text-align: center;
}
.template-shop .company-5 .product .product-item {
  margin-right: 15px;
  padding-bottom: 15px;
}
.template-shop .company-5 .product .product-item .card {
  padding: 10px;
  background-color: #fff;
  position: relative;
}
.template-shop .company-5 .product .product-item .card.sell::before {
  content: "\51FA\552E";
  position: absolute;
  left: 20px;
  top: 20px;
  width: 48px;
  height: 21px;
  line-height: 21px;
  background: #f1403c;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #ffffff;
  display: block;
  text-align: center;
  text-indent: initial;
  border-radius: 12px;
}
.template-shop .company-5 .product .product-item .card.buy::before {
  content: "\6C42\8D2D";
  position: absolute;
  left: 20px;
  top: 20px;
  width: 48px;
  height: 21px;
  line-height: 21px;
  background: #487efb;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #ffffff;
  text-align: center;
  text-indent: initial;
  border-radius: 12px;
}
.template-shop .company-5 .product .product-item .card .pic {
  width: 262px;
  height: 168px;
}
.template-shop .company-5 .product .product-item .card .pop-box {
  width: 268px;
  height: 180px;
  z-index: 1;
  box-sizing: border-box;
}
.template-shop .company-5 .product .product-item .card .pop-box .title {
  font-size: 16px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #0a0909;
  line-height: 26px;
  text-align: center;
  position: relative;
  text-indent: unset !important;
  margin-bottom: 15px;
}
.template-shop .company-5 .product .product-item .card .pop-box .label {
  padding: 0 10px;
  height: 17px;
  background: #f3f3f3;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #999999;
  line-height: 17px;
  text-align: center;
  margin-right: 10px;
  margin-bottom: 5px;
}
.template-shop .company-5 .product .product-item .card .pop-box .price {
  width: 100%;
  font-size: 20px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #f1403c;
  line-height: 28px;
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: #f1403c;
  text-align: center;
  padding: 10px 0;
}
.template-shop .company-5 .product .product-item .card:hover .pop-box {
  display: block;
}
.template-shop .company-5 .view-more {
  display: none;
}
.template-shop .company-5 .prev {
  margin-right: 30px;
  cursor: pointer;
  display: inline-block;
}
.template-shop .company-5 .prev .prev-hover {
  display: none;
}
.template-shop .company-5 .prev .prev-img {
  display: block;
  transform: rotate(180deg);
}
.template-shop .company-5 .prev:hover .prev-hover {
  display: block;
}
.template-shop .company-5 .prev:hover .prev-img {
  display: none;
}
.template-shop .company-5 .next {
  margin-right: 30px;
  cursor: pointer;
  display: inline-block;
}
.template-shop .company-5 .next .next-hover {
  display: none;
  transform: rotate(180deg);
}
.template-shop .company-5 .next .next-img {
  display: block;
}
.template-shop .company-5 .next:hover .next-hover {
  display: block;
}
.template-shop .company-5 .next:hover .next-img {
  display: none;
}
.template-shop .company-5 .rawCard-item {
  width: 390px;
  height: 155px;
  background: #ffffff;
  box-shadow: 0px 0px 8px 0px rgba(216, 216, 216, 0.5);
  display: block;
}
.template-shop .company-5 .rawCard-item .title {
  font-size: 18px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #333333;
  line-height: 25px;
  padding: 20px 0;
}
.template-shop .company-5 .rawCard-item .price {
  font-size: 16px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #333333;
  line-height: 22px;
  padding-bottom: 20px;
}
.template-shop .company-5 .rawCard-item .price .number {
  color: #f1403c;
}
.template-shop .company-5 .rawCard-item .address {
  font-size: 16px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #333333;
  line-height: 22px;
}
.template-shop .company-6 .wrap {
  background-color: #fff;
}
.template-shop .company-6 .big-title,
.template-shop .company-6 .button-item,
.template-shop .company-6 .filter-button {
  float: left;
}
.template-shop .company-6 .big-title {
  font-size: 30px;
  font-family: PingFang-SC-Heavy, PingFang-SC;
  font-weight: 800;
  color: #333333;
  line-height: 42px;
  position: relative;
  padding-left: 30px;
  padding-right: 30px;
}
.template-shop .company-6 .big-title::before {
  content: "";
  display: block;
  width: 10px;
  height: 44px;
  background: #56ab5e;
  position: absolute;
  left: 0;
  top: 0px;
  z-index: 1;
}
.template-shop .company-6 .button-item {
  font-size: 16px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #333333;
  line-height: 22px;
  margin-left: 30px;
  line-height: 49px;
  cursor: pointer;
  height: 40px;
  line-height: 40px;
  text-align: center;
  position: relative;
  padding: 0 30px;
}
.template-shop .company-6 .button-item.active {
  color: #fff;
  background: #56AB5E;
  border-radius: 22px;
}
.template-shop .company-6 .more {
  font-size: 16px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #56AB5E;
  line-height: 30px;
  cursor: pointer;
}
.template-shop .company-6 .product {
  margin-top: 40px;
  border-top: 1px solid #ececec;
}
.template-shop .company-6 .product .fl.product-item {
  float: none;
  margin-right: 15px;
  padding-bottom: 15px;
  border: 1px solid #ececec;
  border-top: 0;
}
.template-shop .company-6 .product .fl.product-item .card {
  padding: 20px;
  background-color: #fff;
  position: relative;
}
.template-shop .company-6 .product .fl.product-item .card .pic {
  float: left;
  width: 262px;
  height: 168px;
}
.template-shop .company-6 .product .fl.product-item .card .pop-box {
  width: 76%;
  float: left;
  height: 168px;
  z-index: 1;
  box-sizing: border-box;
}
.template-shop .company-6 .product .fl.product-item .card .pop-box .title {
  font-size: 16px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #0a0909;
  line-height: 26px;
  text-align: left;
  position: relative;
  text-indent: 3rem;
  margin-bottom: 15px;
}
.template-shop .company-6 .product .fl.product-item .card .pop-box .title.sell::before {
  content: "\51FA\552E";
  position: absolute;
  left: 0;
  top: 4px;
  width: 48px;
  height: 21px;
  line-height: 21px;
  background: #f1403c;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #ffffff;
  display: block;
  text-align: center;
  text-indent: initial;
  border-radius: 12px;
}
.template-shop .company-6 .product .fl.product-item .card .pop-box .title.buy::before {
  content: "\6C42\8D2D";
  position: absolute;
  left: 0;
  top: 4px;
  width: 48px;
  height: 21px;
  line-height: 21px;
  background: #487efb;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #ffffff;
  text-align: center;
  text-indent: initial;
  border-radius: 12px;
}
.template-shop .company-6 .product .fl.product-item .card .pop-box .label {
  padding: 0 10px;
  height: 17px;
  background: #f3f3f3;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #999999;
  line-height: 17px;
  text-align: center;
  margin-right: 10px;
  margin-bottom: 5px;
}
.template-shop .company-6 .product .fl.product-item .card .pop-box .price {
  width: 100%;
  font-size: 20px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #f1403c;
  line-height: 28px;
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: #f1403c;
  text-align: left;
  padding: 10px 0;
}
.template-shop .company-6 .product .fl.product-item .card:hover .pop-box {
  display: block;
}
.template-shop .company-6 .product .fl.product-item-2 {
  float: left;
  border: 0;
}
.template-shop .company-6 .product .fl.product-item-2 .rawCard-item {
  box-shadow: none;
  border: 1px solid #ececec;
}
.template-shop .company-6 .product-2 {
  border: 0;
}
.template-shop .company-6 .product-2 .title {
  text-align: center;
}
.template-shop .company-6 .product-2 .price {
  text-align: center;
}
.template-shop .company-6 .product-2 .address {
  text-align: center;
}
.template-shop .company-6 .view-more {
  display: none;
}
.template-shop .company-6 .prev {
  margin-right: 30px;
  cursor: pointer;
  display: inline-block;
}
.template-shop .company-6 .prev .prev-hover {
  display: none;
}
.template-shop .company-6 .prev .prev-img {
  display: block;
  transform: rotate(180deg);
}
.template-shop .company-6 .prev:hover .prev-hover {
  display: block;
}
.template-shop .company-6 .prev:hover .prev-img {
  display: none;
}
.template-shop .company-6 .next {
  margin-right: 30px;
  cursor: pointer;
  display: inline-block;
}
.template-shop .company-6 .next .next-hover {
  display: none;
  transform: rotate(180deg);
}
.template-shop .company-6 .next .next-img {
  display: block;
}
.template-shop .company-6 .next:hover .next-hover {
  display: block;
}
.template-shop .company-6 .next:hover .next-img {
  display: none;
}
.template-shop .company-6 .rawCard-item {
  width: 390px;
  height: 155px;
  background: #ffffff;
  box-shadow: 0px 0px 8px 0px rgba(216, 216, 216, 0.5);
  display: block;
}
.template-shop .company-6 .rawCard-item .title {
  font-size: 18px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #333333;
  line-height: 25px;
  padding: 20px 0;
}
.template-shop .company-6 .rawCard-item .price {
  font-size: 16px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #333333;
  line-height: 22px;
  padding-bottom: 20px;
}
.template-shop .company-6 .rawCard-item .price .number {
  color: #f1403c;
}
.template-shop .company-6 .rawCard-item .address {
  font-size: 16px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #333333;
  line-height: 22px;
}
.template-shop .company-7 .wrap {
  background-color: #fff;
  padding-top: 30px;
  padding-bottom: 20px;
}
.template-shop .company-7 .big-title,
.template-shop .company-7 .button-item,
.template-shop .company-7 .filter-button {
  float: left;
}
.template-shop .company-7 .big-title {
  font-size: 20px;
  font-family: PingFang-SC-Heavy, PingFang-SC;
  font-weight: 800;
  color: #F1403C;
  height: 50px;
  line-height: 54px;
  padding-left: 30px;
  padding-right: 20px;
  position: relative;
}
.template-shop .company-7 .big-title::before {
  content: "";
  position: absolute;
  width: 1200px;
  height: 2px;
  background: #F1403C;
  display: block;
  left: 0;
  top: 0;
  z-index: 1;
}
.template-shop .company-7 .button-item {
  font-size: 16px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #666;
  margin-left: 30px;
  cursor: pointer;
  height: 50px;
  line-height: 50px;
  text-align: center;
  position: relative;
  padding: 0 10px;
}
.template-shop .company-7 .button-item.active {
  font-size: 16px;
  font-family: PingFang-SC-Heavy, PingFang-SC;
  font-weight: 800;
  color: #333333;
  border-bottom: 1px solid #F1403C;
}
.template-shop .company-7 .more {
  height: 50px;
  line-height: 50px;
  font-size: 16px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #F1403C;
  cursor: pointer;
  margin-right: 20px;
}
.template-shop .company-7 .product {
  margin-top: 10px;
  border: 1px solid #ececec;
  position: relative;
  padding: 20px 20px 0;
}
.template-shop .company-7 .product::before {
  width: 1px;
  background: #ececec;
  height: 90px;
  content: "";
  display: block;
  position: absolute;
  left: -1px;
  top: -60px;
}
.template-shop .company-7 .product::after {
  width: 1px;
  background: #ececec;
  height: 90px;
  content: "";
  display: block;
  position: absolute;
  right: -1px;
  top: -60px;
}
.template-shop .company-7 .product .fl.product-item {
  float: left;
  margin-right: 15px;
  padding-bottom: 15px;
  border-top: 0;
}
.template-shop .company-7 .product .fl.product-item .card {
  background-color: #fff;
  position: relative;
}
.template-shop .company-7 .product .fl.product-item .card.sell::before {
  content: "\51FA\552E";
  position: absolute;
  left: 10px;
  top: 10px;
  width: 48px;
  height: 21px;
  line-height: 21px;
  background: #f1403c;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #ffffff;
  display: block;
  text-align: center;
  text-indent: initial;
  border-radius: 12px;
}
.template-shop .company-7 .product .fl.product-item .card.buy::before {
  content: "\6C42\8D2D";
  position: absolute;
  left: 10px;
  top: 10px;
  width: 48px;
  height: 21px;
  line-height: 21px;
  background: #487efb;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #ffffff;
  text-align: center;
  text-indent: initial;
  border-radius: 12px;
}
.template-shop .company-7 .product .fl.product-item .card .pic {
  width: 275px;
  height: 178px;
}
.template-shop .company-7 .product .fl.product-item .card .pop-box {
  width: 275px;
  height: 180px;
  z-index: 1;
  box-sizing: border-box;
}
.template-shop .company-7 .product .fl.product-item .card .pop-box .title {
  font-size: 16px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #0a0909;
  line-height: 26px;
  text-align: center;
  position: relative;
  text-indent: unset !important;
  margin-bottom: 15px;
}
.template-shop .company-7 .product .fl.product-item .card .pop-box .label {
  padding: 0 10px;
  height: 17px;
  background: #f3f3f3;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #999999;
  line-height: 17px;
  text-align: center;
  margin-right: 10px;
  margin-bottom: 5px;
}
.template-shop .company-7 .product .fl.product-item .card .pop-box .price {
  position: absolute;
  top: 138px;
  left: 0;
  font-size: 20px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #ffff;
  height: 40px;
  background: #f1403c;
  line-height: 40px;
  text-align: left;
  z-index: 1;
  width: 200px;
  padding-left: 20px;
}
.template-shop .company-7 .product .fl.product-item .card .pop-box .price::after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  right: -40px;
  top: 0px;
  border-bottom: 40px solid red;
  border-right: 40px solid transparent;
}
.template-shop .company-7 .product .fl.product-item .card:hover .pop-box {
  display: block;
}
.template-shop .company-7 .product .fl.product-item-2 {
  width: 372px;
  float: left;
  border: 0;
  box-shadow: 0px 0px 8px 0px rgba(216, 216, 216, 0.5);
  margin-bottom: 15px;
  padding-bottom: 0;
}
.template-shop .company-7 .product-2 .title {
  text-align: center;
}
.template-shop .company-7 .product-2 .price {
  text-align: center;
}
.template-shop .company-7 .product-2 .address {
  text-align: center;
}
.template-shop .company-7 .view-more {
  display: none;
}
.template-shop .company-7 .prev {
  margin-right: 30px;
  cursor: pointer;
  display: inline-block;
}
.template-shop .company-7 .prev .prev-hover {
  display: none;
}
.template-shop .company-7 .prev .prev-img {
  display: block;
  transform: rotate(180deg);
}
.template-shop .company-7 .prev:hover .prev-hover {
  display: block;
}
.template-shop .company-7 .prev:hover .prev-img {
  display: none;
}
.template-shop .company-7 .next {
  margin-right: 30px;
  cursor: pointer;
  display: inline-block;
}
.template-shop .company-7 .next .next-hover {
  display: none;
  transform: rotate(180deg);
}
.template-shop .company-7 .next .next-img {
  display: block;
}
.template-shop .company-7 .next:hover .next-hover {
  display: block;
}
.template-shop .company-7 .next:hover .next-img {
  display: none;
}
.template-shop .company-7 .rawCard-item {
  width: 390px;
  height: 155px;
  background: #ffffff;
  display: block;
}
.template-shop .company-7 .rawCard-item .title {
  font-size: 18px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #333333;
  line-height: 25px;
  padding: 20px 0;
}
.template-shop .company-7 .rawCard-item .price {
  font-size: 16px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #333333;
  line-height: 22px;
  padding-bottom: 20px;
}
.template-shop .company-7 .rawCard-item .price .number {
  color: #f1403c;
}
.template-shop .company-7 .rawCard-item .address {
  font-size: 16px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #333333;
  line-height: 22px;
}
.template-shop .company-8 .wrap {
  background-color: #fff;
  padding-bottom: 30px;
}
.template-shop .company-8 .big-title,
.template-shop .company-8 .button-item,
.template-shop .company-8 .filter-button {
  float: left;
}
.template-shop .company-8 .filter-button {
  padding-top: 10px;
}
.template-shop .company-8 .big-title {
  float: none;
  font-size: 20px;
  font-family: PingFang-SC-Heavy, PingFang-SC;
  font-weight: 800;
  color: #ffffff;
  line-height: 28px;
  position: relative;
  padding: 16px 20px;
  background-color: #F89847;
}
.template-shop .company-8 .button-item {
  font-size: 16px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #333333;
  margin-left: 40px;
  margin-right: 20px;
  line-height: 460px;
  cursor: pointer;
  height: 50px;
  line-height: 50px;
  text-align: center;
  position: relative;
}
.template-shop .company-8 .button-item.active {
  color: #F89847;
}
.template-shop .company-8 .button-item.active::after {
  position: absolute;
  content: "";
  bottom: 0;
  display: block;
  width: 40px;
  height: 2px;
  background: #F89847;
  margin: auto;
  left: -5px;
}
.template-shop .company-8 .more {
  font-size: 16px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #2758AA;
  line-height: 30px;
  cursor: pointer;
}
.template-shop .company-8 .product {
  padding: 10px 0 0 15px;
  text-align: center;
}
.template-shop .company-8 .product .product-item {
  margin-right: 15px;
  padding-bottom: 15px;
}
.template-shop .company-8 .product .product-item .card {
  padding: 10px;
  background-color: #fff;
  border: 1px solid #eff0f3;
  position: relative;
}
.template-shop .company-8 .product .product-item .card.sell::before {
  content: "\51FA\552E";
  position: absolute;
  left: 20px;
  top: 20px;
  width: 48px;
  height: 21px;
  line-height: 21px;
  background: #f1403c;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #ffffff;
  display: block;
  text-align: center;
  text-indent: initial;
  border-radius: 12px;
}
.template-shop .company-8 .product .product-item .card.buy::before {
  content: "\6C42\8D2D";
  position: absolute;
  left: 20px;
  top: 20px;
  width: 48px;
  height: 21px;
  line-height: 21px;
  background: #487efb;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #ffffff;
  text-align: center;
  text-indent: initial;
  border-radius: 12px;
}
.template-shop .company-8 .product .product-item .card .pic {
  width: 262px;
  height: 168px;
}
.template-shop .company-8 .product .product-item .card .pop-box {
  width: 268px;
  height: 180px;
  z-index: 1;
  box-sizing: border-box;
}
.template-shop .company-8 .product .product-item .card .pop-box .title {
  font-size: 16px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #0a0909;
  line-height: 26px;
  text-align: center;
  position: relative;
  text-indent: unset !important;
  margin-bottom: 15px;
}
.template-shop .company-8 .product .product-item .card .pop-box .label {
  padding: 0 10px;
  height: 17px;
  background: #f3f3f3;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #999999;
  line-height: 17px;
  text-align: center;
  margin-right: 10px;
  margin-bottom: 5px;
}
.template-shop .company-8 .product .product-item .card .pop-box .price {
  width: 100%;
  font-size: 20px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #f1403c;
  line-height: 28px;
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: #f1403c;
  text-align: center;
  padding: 10px 0;
}
.template-shop .company-8 .product .product-item .card:hover .pop-box {
  display: block;
}
.template-shop .company-8 .view-more {
  width: 150px;
  height: 48px;
  background: #ffffff;
  border-radius: 24px;
  line-height: 48px;
  border: 1px solid #F89847;
  font-size: 16px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #F89847;
  cursor: pointer;
}
.template-shop .company-8 .prev {
  margin-right: 30px;
  cursor: pointer;
  display: inline-block;
}
.template-shop .company-8 .prev .prev-hover {
  display: none;
}
.template-shop .company-8 .prev .prev-img {
  display: block;
  transform: rotate(180deg);
}
.template-shop .company-8 .prev:hover .prev-hover {
  display: block;
}
.template-shop .company-8 .prev:hover .prev-img {
  display: none;
}
.template-shop .company-8 .next {
  margin-right: 30px;
  cursor: pointer;
  display: inline-block;
}
.template-shop .company-8 .next .next-hover {
  display: none;
  transform: rotate(180deg);
}
.template-shop .company-8 .next .next-img {
  display: block;
}
.template-shop .company-8 .next:hover .next-hover {
  display: block;
}
.template-shop .company-8 .next:hover .next-img {
  display: none;
}
.template-shop .company-8 .rawCard-item {
  width: 440px;
  height: 155px;
  background: #ffffff;
  box-shadow: 0px 0px 8px 0px rgba(216, 216, 216, 0.5);
  display: block;
}
.template-shop .company-8 .rawCard-item .title {
  font-size: 18px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #333333;
  line-height: 25px;
  padding: 20px 0;
  text-align: left;
  box-sizing: border-box;
  padding-left: 20px;
}
.template-shop .company-8 .rawCard-item .price {
  font-size: 16px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #333333;
  line-height: 22px;
  padding-bottom: 20px;
  text-align: left;
  box-sizing: border-box;
  padding-left: 20px;
}
.template-shop .company-8 .rawCard-item .price .number {
  color: #f1403c;
}
.template-shop .company-8 .rawCard-item .address {
  font-size: 16px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #333333;
  line-height: 22px;
  text-align: left;
  box-sizing: border-box;
  padding-left: 20px;
}
.template-shop .company-9 {
  position: relative;
}
.template-shop .company-9 .wrap {
  background-color: #fff;
  padding-bottom: 30px;
}
.template-shop .company-9 .big-title,
.template-shop .company-9 .button-item,
.template-shop .company-9 .filter-button {
  float: left;
}
.template-shop .company-9 .filter-button {
  position: absolute;
  right: -274px;
  width: 254px;
  top: 0;
}
.template-shop .company-9 .filter-button::before {
  font-size: 24px;
  font-family: PingFang-SC-Heavy, PingFang-SC;
  font-weight: 800;
  line-height: 33px;
  content: "\4EA7\54C1\5206\7C7B";
  display: block;
  background-color: #f7f7f7;
  color: #4A16FA;
  padding: 14px 20px;
}
.template-shop .company-9 .big-title {
  float: none;
  font-size: 24px;
  font-family: PingFang-SC-Heavy, PingFang-SC;
  font-weight: 800;
  color: #ffffff;
  line-height: 28px;
  position: relative;
  background-color: #f7f7f7;
}
.template-shop .company-9 .big-title div {
  width: 196px;
  background-color: #4A16FA;
  padding: 16px 20px;
  position: relative;
}
.template-shop .company-9 .big-title div::after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  right: -40px;
  top: 0px;
  border-bottom: 60px solid #4A16FA;
  border-right: 40px solid transparent;
}
.template-shop .company-9 .button-item {
  width: 100%;
  font-size: 16px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #333333;
  line-height: 460px;
  cursor: pointer;
  height: 50px;
  line-height: 50px;
  text-align: left;
  padding-left: 20px;
  box-sizing: border-box;
  position: relative;
}
.template-shop .company-9 .button-item::after {
  content: ">";
  position: absolute;
  right: 20px;
  z-index: 1;
}
.template-shop .company-9 .button-item.active {
  color: #4A16FA;
}
.template-shop .company-9 .more {
  font-size: 16px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #4A16FA;
  line-height: 30px;
  cursor: pointer;
  position: absolute;
  top: 15px;
  right: 10px;
}
.template-shop .company-9 .product {
  padding: 10px 0 0 15px;
  text-align: center;
}
.template-shop .company-9 .product .product-item {
  margin-right: 15px;
  padding-bottom: 15px;
}
.template-shop .company-9 .product .product-item .card {
  padding: 10px;
  background-color: #fff;
  border: 1px solid #eff0f3;
  position: relative;
}
.template-shop .company-9 .product .product-item .card .pic {
  width: 262px;
  height: 168px;
  float: left;
}
.template-shop .company-9 .product .product-item .card .pop-box {
  float: left;
  width: 626px;
  height: 168px;
  z-index: 1;
  box-sizing: border-box;
}
.template-shop .company-9 .product .product-item .card .pop-box .title {
  font-size: 16px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #0a0909;
  line-height: 26px;
  text-align: left;
  position: relative;
  text-indent: 3rem;
  margin-bottom: 15px;
}
.template-shop .company-9 .product .product-item .card .pop-box .title.sell::before {
  content: "\51FA\552E";
  position: absolute;
  left: 0;
  top: 0;
  width: 48px;
  height: 21px;
  line-height: 21px;
  background: #f1403c;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #ffffff;
  display: block;
  text-align: center;
  text-indent: initial;
  border-radius: 12px;
}
.template-shop .company-9 .product .product-item .card .pop-box .title.buy::before {
  content: "\6C42\8D2D";
  position: absolute;
  left: 0;
  top: 0;
  width: 48px;
  height: 21px;
  line-height: 21px;
  background: #487efb;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #ffffff;
  text-align: center;
  text-indent: initial;
  border-radius: 12px;
}
.template-shop .company-9 .product .product-item .card .pop-box .label {
  padding: 0 10px;
  height: 17px;
  background: #f3f3f3;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #999999;
  line-height: 17px;
  text-align: center;
  margin-right: 10px;
  margin-bottom: 5px;
}
.template-shop .company-9 .product .product-item .card .pop-box .price {
  width: 100%;
  font-size: 20px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #f1403c;
  line-height: 28px;
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: #f1403c;
  text-align: left;
  padding: 10px 0;
}
.template-shop .company-9 .product .product-item .card:hover .pop-box {
  display: block;
}
.template-shop .company-9 .view-more {
  display: none;
  width: 150px;
  height: 48px;
  background: #ffffff;
  border-radius: 24px;
  line-height: 48px;
  border: 1px solid #F89847;
  font-size: 16px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #F89847;
}
.template-shop .company-9 .prev {
  margin-right: 30px;
  cursor: pointer;
  display: inline-block;
}
.template-shop .company-9 .prev .prev-hover {
  display: none;
}
.template-shop .company-9 .prev .prev-img {
  display: block;
  transform: rotate(180deg);
}
.template-shop .company-9 .prev:hover .prev-hover {
  display: block;
}
.template-shop .company-9 .prev:hover .prev-img {
  display: none;
}
.template-shop .company-9 .next {
  margin-right: 30px;
  cursor: pointer;
  display: inline-block;
}
.template-shop .company-9 .next .next-hover {
  display: none;
  transform: rotate(180deg);
}
.template-shop .company-9 .next .next-img {
  display: block;
}
.template-shop .company-9 .next:hover .next-hover {
  display: block;
}
.template-shop .company-9 .next:hover .next-img {
  display: none;
}
.template-shop .company-9 .rawCard-item {
  width: 440px;
  height: 155px;
  background: #ffffff;
  box-shadow: 0px 0px 8px 0px rgba(216, 216, 216, 0.5);
  display: block;
}
.template-shop .company-9 .rawCard-item .title {
  font-size: 18px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #333333;
  line-height: 25px;
  padding: 20px 0;
  text-align: left;
  box-sizing: border-box;
  padding-left: 20px;
}
.template-shop .company-9 .rawCard-item .price {
  font-size: 16px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #333333;
  line-height: 22px;
  padding-bottom: 20px;
  text-align: left;
  box-sizing: border-box;
  padding-left: 20px;
}
.template-shop .company-9 .rawCard-item .price .number {
  color: #f1403c;
}
.template-shop .company-9 .rawCard-item .address {
  font-size: 16px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #333333;
  line-height: 22px;
  text-align: left;
  box-sizing: border-box;
  padding-left: 20px;
}
.template-shop .company-10 .wrap {
  background-color: #f7faff;
  padding: 40px 0;
}
.template-shop .company-10 .big-title,
.template-shop .company-10 .button-item,
.template-shop .company-10 .filter-button,
.template-shop .company-10 .img-title {
  float: left;
}
.template-shop .company-10 .big-title {
  display: none;
}
.template-shop .company-10 .img-title {
  float: left;
  width: 234px;
  height: 58px;
  background: url(/static/template/15/shop.png) no-repeat;
  margin-right: 30px;
}
.template-shop .company-10 .button-item {
  font-size: 16px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #333333;
  cursor: pointer;
  height: 50px;
  line-height: 50px;
  text-align: center;
  position: relative;
  padding: 0 30px;
}
.template-shop .company-10 .button-item.active {
  font-weight: 800;
  background: linear-gradient(246deg, #9285f7 0%, #8ebff9 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}
.template-shop .company-10 .button-item.active::after {
  content: "";
  position: absolute;
  width: 36px;
  height: 2px;
  background: linear-gradient(246deg, #9285f7 0%, #8ebff9 100%);
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1;
}
.template-shop .company-10 .more {
  font-size: 16px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #928af7;
  line-height: 22px;
  background: linear-gradient(246deg, #9285f7 0%, #8ebff9 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  cursor: pointer;
  line-height: 50px;
}
.template-shop .company-10 .product {
  margin-top: 40px;
}
.template-shop .company-10 .product .fl.product-item {
  box-shadow: 0px 0px 10px 0px rgba(207, 207, 207, 0.5);
  float: left;
  margin-right: 15px;
  margin-bottom: 15px;
  border-top: 0;
}
.template-shop .company-10 .product .fl.product-item .card {
  width: 282px;
  background-color: #fff;
  position: relative;
}
.template-shop .company-10 .product .fl.product-item .card .pic {
  float: left;
  width: 282px;
  height: 168px;
}
.template-shop .company-10 .product .fl.product-item .card .pop-box {
  width: 282px;
  float: left;
  height: 220px;
  z-index: 1;
  box-sizing: border-box;
}
.template-shop .company-10 .product .fl.product-item .card .pop-box .title {
  font-size: 16px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #0a0909;
  line-height: 26px;
  text-align: left;
  position: relative;
  text-indent: 3rem;
  margin-bottom: 15px;
}
.template-shop .company-10 .product .fl.product-item .card .pop-box .title.sell::before {
  content: "\51FA\552E";
  position: absolute;
  left: 0;
  top: 4px;
  width: 48px;
  height: 21px;
  line-height: 21px;
  background: #f1403c;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #ffffff;
  display: block;
  text-align: center;
  text-indent: initial;
  border-radius: 12px;
}
.template-shop .company-10 .product .fl.product-item .card .pop-box .title.buy::before {
  content: "\6C42\8D2D";
  position: absolute;
  left: 0;
  top: 4px;
  width: 48px;
  height: 21px;
  line-height: 21px;
  background: #487efb;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #ffffff;
  text-align: center;
  text-indent: initial;
  border-radius: 12px;
}
.template-shop .company-10 .product .fl.product-item .card .pop-box .label {
  padding: 0 10px;
  height: 17px;
  background: #f3f3f3;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #999999;
  line-height: 17px;
  text-align: center;
  margin-right: 10px;
  margin-bottom: 5px;
}
.template-shop .company-10 .product .fl.product-item .card .pop-box .price {
  width: 100%;
  font-size: 20px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #f1403c;
  line-height: 28px;
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: #f1403c;
  text-align: left;
  padding: 10px 0;
}
.template-shop .company-10 .product .fl.product-item .card:hover .pop-box {
  display: block;
}
.template-shop .company-10 .product .fl.product-item-2 {
  float: left;
  border: 0;
}
.template-shop .company-10 .product .fl.product-item-2 .rawCard-item {
  box-shadow: none;
  border: 1px solid #ececec;
}
.template-shop .company-10 .product-2 {
  border: 0;
}
.template-shop .company-10 .product-2 .title {
  text-align: center;
}
.template-shop .company-10 .product-2 .price {
  text-align: center;
}
.template-shop .company-10 .product-2 .address {
  text-align: center;
}
.template-shop .company-10 .view-more {
  display: none;
}
.template-shop .company-10 .prev {
  margin-right: 30px;
  cursor: pointer;
  display: inline-block;
}
.template-shop .company-10 .prev .prev-hover {
  display: none;
}
.template-shop .company-10 .prev .prev-img {
  display: block;
  transform: rotate(180deg);
}
.template-shop .company-10 .prev:hover .prev-hover {
  display: block;
}
.template-shop .company-10 .prev:hover .prev-img {
  display: none;
}
.template-shop .company-10 .next {
  margin-right: 30px;
  cursor: pointer;
  display: inline-block;
}
.template-shop .company-10 .next .next-hover {
  display: none;
  transform: rotate(180deg);
}
.template-shop .company-10 .next .next-img {
  display: block;
}
.template-shop .company-10 .next:hover .next-hover {
  display: block;
}
.template-shop .company-10 .next:hover .next-img {
  display: none;
}
.template-shop .company-10 .rawCard-item {
  width: 390px;
  height: 155px;
  background: #ffffff;
  box-shadow: 0px 0px 8px 0px rgba(216, 216, 216, 0.5);
  display: block;
}
.template-shop .company-10 .rawCard-item .title {
  font-size: 18px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #333333;
  line-height: 25px;
  padding: 20px 0;
}
.template-shop .company-10 .rawCard-item .price {
  font-size: 16px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #333333;
  line-height: 22px;
  padding-bottom: 20px;
}
.template-shop .company-10 .rawCard-item .price .number {
  color: #f1403c;
}
.template-shop .company-10 .rawCard-item .address {
  font-size: 16px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #333333;
  line-height: 22px;
}

.text-ellipsis {
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}
.text-ellipsis2,
.text-ellipsis3,
.text-ellipsis4 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.text-ellipsis3 {
  -webkit-line-clamp: 3;
}
.text-ellipsis4 {
  -webkit-line-clamp: 4;
}
.position-c {
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
}
.position-x-c {
  position: absolute !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
}
.position-y-c {
  position: absolute !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
}
.flex {
  display: flex;
}
.flex-wrap {
  display: flex;
  flex-wrap: wrap;
}
.flex-column {
  display: flex;
  flex-direction: column;
}
.flex-c {
  display: flex;
  align-items: center;
}
.justify-between {
  display: flex;
  justify-content: space-between;
}
.empty-box {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.empty-box .empty-img {
  height: 120px;
  margin-top: -180px;
}
.empty-box .empty-img img {
  height: 100%;
}
.empty-box .empty-tips {
  font-size: 14px;
  color: #999;
  margin-top: 8px;
  position: relative;
  right: 5px;
}
.manage-page {
  background: #f4f6f9;
  min-height: 100vh;
}
.ant-badge-count {
  height: 16px;
  line-height: 16px;
  background-color: #f8524f;
}
.home-title {
  text-align: center;
  font-size: 28px;
  color: #383838;
  margin-bottom: 34px;
  position: relative;
  font-weight: 500;
  letter-spacing: 1px;
}
.home-title .home-title-content {
  position: relative;
}
.home-title .home-title-content::before,
.home-title .home-title-content::after {
  content: '';
  width: 23px;
  height: 19px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background: url('/static/home/title-icon.png') no-repeat;
  background-size: cover;
  background-position: center;
  margin-top: 2px;
}
.home-title .home-title-content::before {
  left: -40px;
}
.home-title .home-title-content::after {
  right: -40px;
}
.navbar-fixed-page {
  padding-top: 40px;
}
.anchor-position {
  position: absolute;
  top: -130px;
}
.banner-swiper-button-prev,
.banner-swiper-button-next {
  width: 26px;
  height: 36px;
  background: rgba(0, 0, 0, 0.15);
  transition: all 0.2s;
}
.banner-swiper-button-prev .icon,
.banner-swiper-button-next .icon {
  color: #fff;
  position: relative;
}
.banner-swiper-button-prev:hover,
.banner-swiper-button-next:hover {
  background: rgba(0, 0, 0, 0.3);
}
.banner-swiper-button-prev::after,
.banner-swiper-button-next::after {
  display: none;
}
.banner-swiper-button-prev {
  border-radius: 0 400px 400px 0;
  left: 0;
}
.banner-swiper-button-prev .icon {
  right: 2px;
}
.banner-swiper-button-next {
  border-radius: 400px 0 0 400px;
  right: 0;
}
.banner-swiper-button-next .icon {
  left: 2px;
}
.poster-tips {
  width: 32px;
  height: 18px;
  background: rgba(0, 0, 0, 0.3);
  font-size: 12px;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  right: -3px;
  bottom: -2px;
  transform: scale(0.8);
}
.concise-pagination .ant-pagination-item {
  display: none;
}
.concise-pagination .ant-pagination-jump-prev,
.concise-pagination .ant-pagination-jump-next {
  display: none;
}
.concise-pagination .ant-pagination-prev,
.concise-pagination .ant-pagination-next {
  position: relative;
  width: 80px !important;
}
.concise-pagination .ant-pagination-prev .anticon,
.concise-pagination .ant-pagination-next .anticon {
  opacity: 0;
}
.concise-pagination .ant-pagination-prev::after,
.concise-pagination .ant-pagination-next::after {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 12px;
  color: #666;
}
.concise-pagination .ant-pagination-prev::after {
  content: '\4E0A\4E00\9875';
}
.concise-pagination .ant-pagination-next::after {
  content: '\4E0B\4E00\9875';
}
.dummy-inp {
  width: 0px;
  height: 0px;
  position: absolute;
  opacity: 0;
  left: -9999px;
}
input:-webkit-autofill {
  box-shadow: 0 0 0 1000px white inset !important;
}
input:-internal-autofill-previewed,
input:-internal-autofill-selected {
  -webkit-text-fill-color: #333 !important;
  transition: background-color 5000s ease-in-out 0s !important;
}
.commodity-group {
  margin-top: 20px;
}
.commodity-group .commodity-group__classify-list .commodity-group__classify-item {
  padding: 0 11px;
  height: 28px;
  line-height: 28px;
  border-radius: 14px;
  margin-bottom: 5px !important;
}
.commodity-group .commodity-group__classify-list .commodity-group__classify-item.active {
  background-color: #487EFB;
  color: #fff;
}
.commodity-group .commodity-group__classify-list .commodity-group__classify-item:hover {
  background-color: #7FA2FF;
  color: #fff !important;
}
.commodity-group__side {
  height: 680px;
}
.commodity-group__side-item .title {
  display: inline-block;
  width: 110px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.commodity-group__cards {
  width: 100%;
}
.commodity-group__cards .commodity-group__cards-item .commodity-group__thumb {
  width: 224px;
}
.commodity-group__text > a {
  color: #0A0909;
  cursor: auto;
}
.commodity-group__classify .supply-showMore {
  line-height: 26px;
  position: relative;
  right: 0px;
}

.commodity-group {
  margin-top: 20px;
}
.commodity-group .commodity-group__classify-list .commodity-group__classify-item {
  padding: 0 11px;
  height: 28px;
  line-height: 28px;
  border-radius: 14px;
  margin-bottom: 5px !important;
}
.commodity-group .commodity-group__classify-list .commodity-group__classify-item.active {
  background-color: #487EFB;
  color: #fff;
}
.commodity-group .commodity-group__classify-list .commodity-group__classify-item:hover {
  background-color: #7FA2FF;
  color: #fff !important;
}
.commodity-group__title .filter-address_selector {
  display: inline-block;
  margin-left: 10px;
  position: static !important;
  left: 0;
}
.commodity-group__side {
  height: 680px;
}
.commodity-group__side-item .title {
  display: inline-block;
  width: 110px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.commodity-group__cards {
  width: 100%;
}
.commodity-group__cards .commodity-group__cards-item .commodity-group__thumb {
  width: 224px;
}
.commodity-group__text {
  display: inline-block;
}
.commodity-group__text > a {
  color: #0A0909;
  cursor: auto;
}
.commodity-group__classify .supply-showMore {
  line-height: 26px;
  position: relative;
  right: 5px;
}

.filter-address_selector {
  padding-top: 8px;
  position: relative;
  cursor: pointer;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #333333;
  line-height: 17px;
}
.filter-address_selector .flex-row {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
}
.filter-address_selector .filter-address_selector-text {
  margin-left: 5px;
  margin-right: 5px;
}
.filter-address_selector:hover .down-arr {
  transform: rotate(180deg);
}
.filter-address_selector:hover .box {
  display: block;
}
.filter-address_selector .box {
  position: absolute;
  top: 0;
  left: 0;
  width: 466px;
  display: none;
  padding-top: 30px;
  z-index: 2;
}
.filter-address_selector .box .item {
  margin-bottom: 12px;
  margin-right: 35px;
  justify-content: flex-start;
  min-width: 36px;
}
.filter-address_selector .box .item:hover {
  color: #487EFB;
}
.filter-address_selector .box .tabs-title {
  border: 2px solid #eff0f3;
  border-bottom: 0;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  padding: 0 10px;
  height: 24px;
  line-height: 26px;
  color: #333333;
  display: inline-block;
  margin-right: 7px;
}
.filter-address_selector .box .tabs-title-active {
  position: relative;
  border: 2px solid #487EFB;
  border-bottom: 0;
}
.filter-address_selector .box .tabs-title-active::after {
  width: 100%;
  height: 6px;
  background: #fff;
  content: '';
  display: block;
  position: absolute;
  bottom: -4px;
  left: 0;
  z-index: 3;
}

.advertising {
  height: auto;
  width: 1200px;
}
.advertising .swiper-pagination {
  bottom: 20px;
}
.advertising .swiper-pagination.swiper-pagination-bullets {
  display: none;
  height: 28px;
  width: auto;
  margin-left: 50%;
  border-radius: 10px;
  padding: 0 14px;
  background-color: rgba(0, 0, 0, 0.4);
}
.advertising .swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet {
  vertical-align: middle;
  opacity: 1;
  background: rgba(255, 255, 255, 0.75);
}
.advertising .swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet-active {
  background: #ffffff;
}
.advertising:hover .swiper-pagination-bullets {
  display: inline-block;
}
.advertising-item {
  width: 1200px;
  margin: 20px auto;
  display: flex;
}
.advertising-item .sub-item {
  position: relative;
  width: 386px;
  height: 140px;
  margin-right: 20px;
  overflow: hidden;
}
.advertising-item .sub-item img {
  width: 100%;
  height: 100%;
}
.advertising-item .sub-item::after {
  content: "\5E7F\544A";
  position: absolute;
  right: 0;
  bottom: 0;
  width: 40px;
  height: 20px;
  font-size: 12px;
  background-color: rgba(0, 0, 0, 0.3);
  color: #fff;
  text-align: center;
}
.advertising-item .sub-item:nth-child {
  margin-right: 0px;
}

.text-ellipsis {
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}
.text-ellipsis2,
.text-ellipsis3,
.text-ellipsis4 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.text-ellipsis3 {
  -webkit-line-clamp: 3;
}
.text-ellipsis4 {
  -webkit-line-clamp: 4;
}
.position-c {
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
}
.position-x-c {
  position: absolute !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
}
.position-y-c {
  position: absolute !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
}
.flex {
  display: flex;
}
.flex-wrap {
  display: flex;
  flex-wrap: wrap;
}
.flex-column {
  display: flex;
  flex-direction: column;
}
.flex-c {
  display: flex;
  align-items: center;
}
.justify-between {
  display: flex;
  justify-content: space-between;
}
.empty-box {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.empty-box .empty-img {
  height: 120px;
  margin-top: -180px;
}
.empty-box .empty-img img {
  height: 100%;
}
.empty-box .empty-tips {
  font-size: 14px;
  color: #999;
  margin-top: 8px;
  position: relative;
  right: 5px;
}
.manage-page {
  background: #f4f6f9;
  min-height: 100vh;
}
.ant-badge-count {
  height: 16px;
  line-height: 16px;
  background-color: #f8524f;
}
.home-title {
  text-align: center;
  font-size: 28px;
  color: #383838;
  margin-bottom: 34px;
  position: relative;
  font-weight: 500;
  letter-spacing: 1px;
}
.home-title .home-title-content {
  position: relative;
}
.home-title .home-title-content::before,
.home-title .home-title-content::after {
  content: '';
  width: 23px;
  height: 19px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background: url('/static/home/title-icon.png') no-repeat;
  background-size: cover;
  background-position: center;
  margin-top: 2px;
}
.home-title .home-title-content::before {
  left: -40px;
}
.home-title .home-title-content::after {
  right: -40px;
}
.navbar-fixed-page {
  padding-top: 40px;
}
.anchor-position {
  position: absolute;
  top: -130px;
}
.banner-swiper-button-prev,
.banner-swiper-button-next {
  width: 26px;
  height: 36px;
  background: rgba(0, 0, 0, 0.15);
  transition: all 0.2s;
}
.banner-swiper-button-prev .icon,
.banner-swiper-button-next .icon {
  color: #fff;
  position: relative;
}
.banner-swiper-button-prev:hover,
.banner-swiper-button-next:hover {
  background: rgba(0, 0, 0, 0.3);
}
.banner-swiper-button-prev::after,
.banner-swiper-button-next::after {
  display: none;
}
.banner-swiper-button-prev {
  border-radius: 0 400px 400px 0;
  left: 0;
}
.banner-swiper-button-prev .icon {
  right: 2px;
}
.banner-swiper-button-next {
  border-radius: 400px 0 0 400px;
  right: 0;
}
.banner-swiper-button-next .icon {
  left: 2px;
}
.poster-tips {
  width: 32px;
  height: 18px;
  background: rgba(0, 0, 0, 0.3);
  font-size: 12px;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  right: -3px;
  bottom: -2px;
  transform: scale(0.8);
}
.concise-pagination .ant-pagination-item {
  display: none;
}
.concise-pagination .ant-pagination-jump-prev,
.concise-pagination .ant-pagination-jump-next {
  display: none;
}
.concise-pagination .ant-pagination-prev,
.concise-pagination .ant-pagination-next {
  position: relative;
  width: 80px !important;
}
.concise-pagination .ant-pagination-prev .anticon,
.concise-pagination .ant-pagination-next .anticon {
  opacity: 0;
}
.concise-pagination .ant-pagination-prev::after,
.concise-pagination .ant-pagination-next::after {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 12px;
  color: #666;
}
.concise-pagination .ant-pagination-prev::after {
  content: '\4E0A\4E00\9875';
}
.concise-pagination .ant-pagination-next::after {
  content: '\4E0B\4E00\9875';
}
.dummy-inp {
  width: 0px;
  height: 0px;
  position: absolute;
  opacity: 0;
  left: -9999px;
}
input:-webkit-autofill {
  box-shadow: 0 0 0 1000px white inset !important;
}
input:-internal-autofill-previewed,
input:-internal-autofill-selected {
  -webkit-text-fill-color: #333 !important;
  transition: background-color 5000s ease-in-out 0s !important;
}
.business-card {
  display: flex;
  height: 114px;
  align-items: center;
  position: relative;
  padding: 0 22px;
  box-shadow: 0px 0px 10px 0px #e9eaef;
  background-color: #fff;
}
.business-card .business-card__avatar {
  width: 108px;
  height: 108px;
  position: absolute;
  top: -10px;
  left: 22px;
}
.business-card .business-card__avatar img {
  width: 100%;
  height: 100%;
}
.business-card .network-top__company {
  color: #999999;
  font-size: 14px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 210px;
}
.business-card .network-top__content {
  margin-left: 124px;
}
.business-card .network-top__content .network-top__title {
  color: #333;
}
.business-card .network-top__content .network-top__title:hover {
  color: #3c76f7;
}
.business-card .network-top__content .network-top__box .network-top__title {
  margin-right: 6px;
}
.business-card .network-top__content .network-top__box .network-top__vip img {
  width: 50px;
  height: auto;
  position: relative;
  top: -2px;
}
.business-card .network-top__content .network-top__box .network-top__credit {
  margin-left: 6px;
}
.business-card .commodity-group__tags {
  padding: 0;
  flex-wrap: nowrap;
  overflow: hidden;
  max-width: 220px;
}
.business-card .commodity-group__tags .commodity-group__tag {
  font-size: 12px;
}

.text-ellipsis {
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}
.text-ellipsis2,
.text-ellipsis3,
.text-ellipsis4 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.text-ellipsis3 {
  -webkit-line-clamp: 3;
}
.text-ellipsis4 {
  -webkit-line-clamp: 4;
}
.position-c {
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
}
.position-x-c {
  position: absolute !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
}
.position-y-c {
  position: absolute !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
}
.flex {
  display: flex;
}
.flex-wrap {
  display: flex;
  flex-wrap: wrap;
}
.flex-column {
  display: flex;
  flex-direction: column;
}
.flex-c {
  display: flex;
  align-items: center;
}
.justify-between {
  display: flex;
  justify-content: space-between;
}
.empty-box {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.empty-box .empty-img {
  height: 120px;
  margin-top: -180px;
}
.empty-box .empty-img img {
  height: 100%;
}
.empty-box .empty-tips {
  font-size: 14px;
  color: #999;
  margin-top: 8px;
  position: relative;
  right: 5px;
}
.manage-page {
  background: #f4f6f9;
  min-height: 100vh;
}
.ant-badge-count {
  height: 16px;
  line-height: 16px;
  background-color: #f8524f;
}
.home-title {
  text-align: center;
  font-size: 28px;
  color: #383838;
  margin-bottom: 34px;
  position: relative;
  font-weight: 500;
  letter-spacing: 1px;
}
.home-title .home-title-content {
  position: relative;
}
.home-title .home-title-content::before,
.home-title .home-title-content::after {
  content: '';
  width: 23px;
  height: 19px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background: url('/static/home/title-icon.png') no-repeat;
  background-size: cover;
  background-position: center;
  margin-top: 2px;
}
.home-title .home-title-content::before {
  left: -40px;
}
.home-title .home-title-content::after {
  right: -40px;
}
.navbar-fixed-page {
  padding-top: 40px;
}
.anchor-position {
  position: absolute;
  top: -130px;
}
.banner-swiper-button-prev,
.banner-swiper-button-next {
  width: 26px;
  height: 36px;
  background: rgba(0, 0, 0, 0.15);
  transition: all 0.2s;
}
.banner-swiper-button-prev .icon,
.banner-swiper-button-next .icon {
  color: #fff;
  position: relative;
}
.banner-swiper-button-prev:hover,
.banner-swiper-button-next:hover {
  background: rgba(0, 0, 0, 0.3);
}
.banner-swiper-button-prev::after,
.banner-swiper-button-next::after {
  display: none;
}
.banner-swiper-button-prev {
  border-radius: 0 400px 400px 0;
  left: 0;
}
.banner-swiper-button-prev .icon {
  right: 2px;
}
.banner-swiper-button-next {
  border-radius: 400px 0 0 400px;
  right: 0;
}
.banner-swiper-button-next .icon {
  left: 2px;
}
.poster-tips {
  width: 32px;
  height: 18px;
  background: rgba(0, 0, 0, 0.3);
  font-size: 12px;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  right: -3px;
  bottom: -2px;
  transform: scale(0.8);
}
.concise-pagination .ant-pagination-item {
  display: none;
}
.concise-pagination .ant-pagination-jump-prev,
.concise-pagination .ant-pagination-jump-next {
  display: none;
}
.concise-pagination .ant-pagination-prev,
.concise-pagination .ant-pagination-next {
  position: relative;
  width: 80px !important;
}
.concise-pagination .ant-pagination-prev .anticon,
.concise-pagination .ant-pagination-next .anticon {
  opacity: 0;
}
.concise-pagination .ant-pagination-prev::after,
.concise-pagination .ant-pagination-next::after {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 12px;
  color: #666;
}
.concise-pagination .ant-pagination-prev::after {
  content: '\4E0A\4E00\9875';
}
.concise-pagination .ant-pagination-next::after {
  content: '\4E0B\4E00\9875';
}
.dummy-inp {
  width: 0px;
  height: 0px;
  position: absolute;
  opacity: 0;
  left: -9999px;
}
input:-webkit-autofill {
  box-shadow: 0 0 0 1000px white inset !important;
}
input:-internal-autofill-previewed,
input:-internal-autofill-selected {
  -webkit-text-fill-color: #333 !important;
  transition: background-color 5000s ease-in-out 0s !important;
}
@keyframes mymove {
  0% {
    transform: translateX(-50%) scale(0.8);
  }
  50% {
    transform: translateX(-50%) scale(1);
  }
  100% {
    transform: translateX(-50%) scale(0.8);
  }
}
.side-menu__list {
  width: 200px;
}
.banner .banner-menu {
  width: 100%;
  min-width: 1200px;
  background: #fff;
  margin: 0 auto;
}
.banner .banner-menu .tab-bar {
  width: 1200px;
  margin: 0 auto;
}
.banner .tab-bar {
  height: 60px;
  line-height: 60px;
  display: flex;
}
.banner .tab-bar .tab-bar__title {
  width: 218px;
  background: #3c76f7;
  text-align: center;
  color: white;
}
.banner .tab-bar .tab-bar__title .tab-bar__title-text {
  margin-left: 6px;
}
.banner .tab-bar .tab-bar__list {
  width: 100%;
  display: flex;
  justify-content: space-between;
}
.banner .tab-bar .tab-bar__list .tab-bar__item {
  color: #333;
  position: relative;
  font-weight: 500;
}
.banner .tab-bar .tab-bar__list .tab-bar__item .menu-item-tips {
  width: 100%;
  position: absolute;
  top: -16px;
  left: 50%;
  animation: mymove 2.5s infinite;
}
.banner .tab-bar .tab-bar__list .tab-bar__item .menu-item-tips .content {
  font-size: 12px;
  white-space: nowrap;
  max-height: 26px;
  padding: 7px 10px;
  background: linear-gradient(90deg, #719eff 0%, #3d77f7 100%);
  border-radius: 999px;
  color: #fff;
  letter-spacing: 2px;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  align-items: center;
}
.banner .tab-bar .tab-bar__list .tab-bar__item .menu-item-tips .content::after {
  content: '';
  width: 0;
  height: 0;
  line-height: 0;
  font-size: 0;
  position: absolute;
  bottom: -14px;
  left: 50%;
  transform: translateX(-50%);
  border: 6px solid transparent;
  border-top: 8px solid #5689fb;
}
.banner .tab-bar .tab-bar__list .tab-bar__item .menu-item-tips.color2 .content {
  background: linear-gradient(90deg, #faab50 0%, #ed8a17 100%);
}
.banner .tab-bar .tab-bar__list .tab-bar__item .menu-item-tips.color2 .content::after {
  border-top-color: #f39a33;
}
.banner .tab-bar .tab-bar__list .tab-bar__item::after {
  content: '';
  width: 0;
  height: 4px;
  background: #3c76f7;
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
  transition: all 0.2s;
  border-radius: 999px;
}
.banner .tab-bar .tab-bar__list .tab-bar__item.active {
  color: #3c76f7;
  font-weight: bold;
}
.banner .tab-bar .tab-bar__list .tab-bar__item.active::after {
  width: 28px;
}
.banner .tab-bar .tab-bar__list .tab-bar__item:hover {
  color: #3c76f7;
}
.banner .tab-bar .tab-bar__list .tab-bar__item .vip-img {
  width: 66px;
  height: 60px;
  position: relative;
}
.banner .tab-bar .tab-bar__list .tab-bar__item .vip-img .img {
  width: 100%;
  height: 34px;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  transition: all 0.3s;
  display: flex;
  align-items: center;
  justify-content: center;
}
.banner .tab-bar .tab-bar__list .tab-bar__item .vip-img .img img {
  width: 100%;
  height: 100%;
}
.banner .tab-bar .tab-bar__list .tab-bar__item .vip-img .img1 {
  opacity: 0;
  z-index: 2;
}
.banner .tab-bar .tab-bar__list .tab-bar__item .vip-img .img2 {
  z-index: 1;
}
.banner .tab-bar .tab-bar__list .tab-bar__item .vip-img:hover .img1 {
  opacity: 1;
}
.banner .slid-banner {
  width: 758px;
  height: 434px;
  margin-left: 212px;
  border-radius: 4px;
}
.banner .slid-banner .swiper-slide {
  background-size: auto 100%;
  background-position: center 0;
  background-repeat: no-repeat;
}
.banner .slid-banner .swiper-slide a {
  width: 100%;
  height: 100%;
  display: block;
}
.banner .slid-banner .swiper-pagination-bullet {
  width: 5px;
  height: 5px;
  background: rgba(255, 255, 255, 0.7);
}
.banner .slid-banner .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: white;
  width: 16px;
  height: 4px;
  border-radius: 999px;
}
.side-menu {
  width: 1200px;
  height: 634px;
  margin: 0 auto;
  margin-top: 20px;
}
.side-menu .side-menu__right a {
  color: #333;
}
.side-menu .side-menu__right a:hover {
  color: #3c76f7;
}
.side-menu .side-menu-right {
  position: absolute;
  right: 0;
  width: 218px;
  height: 634px;
  display: flex;
  flex-direction: column;
}
.side-menu .side-menu-right .side-menu__general {
  height: 273px;
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 0px;
  background: #fff;
  border-radius: 4px;
}
.side-menu .side-menu-right .side-menu__general li {
  width: 50%;
  height: 136px;
  border-bottom: 1px solid #EDEDED;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  color: #333;
  cursor: pointer;
}
.side-menu .side-menu-right .side-menu__general li span {
  margin-bottom: 12px;
  color: #ff8d1a;
  font-size: 17px;
  display: inline-block;
  min-height: 28px;
}
.side-menu .side-menu-right .side-menu__general li:nth-child(2n-1) {
  border-right: 1px solid #EDEDED;
}
.side-menu .side-menu-right .side-menu__general li:nth-child(3) {
  border-bottom: none;
}
.side-menu .side-menu-right .side-menu__general li:nth-child(4) {
  border-bottom: none;
}
.side-menu .side-menu-right .side-menu__general li:hover {
  color: #3c76f7;
}
.side-menu .side-menu-right .side-menu__general li:hover span {
  color: #3c76f7;
}
.side-menu .side-menu-right .hot-city {
  border-top: none;
  padding: 0 15px;
  flex: 1;
  background: #fff;
  border-radius: 4px;
  margin-top: 12px;
}
.side-menu .side-menu-right .hot-city .hot-city-title {
  color: #333333;
  font-size: 16px;
  padding: 24px 0;
  font-weight: 500;
  font-weight: 600;
}
.side-menu .side-menu-right .hot-city .hot-city-content a {
  display: inline-block;
  margin-bottom: 20px;
  margin-right: 24px;
  color: #333;
  font-size: 14px;
}
.side-menu .side-menu-right .hot-city .hot-city-content a:nth-child(4n) {
  margin-right: 0;
}
.side-menu .side-menu-right .hot-city .hot-city-content a:hover {
  color: #F7B500;
}

.carousel-wrap {
  width: 100%;
  height: 100%;
  -ms-overflow-style: none;
  padding: 0px 14px;
  overflow: hidden;
}
.parent::-webkit-scrollbar {
  display: none;
}
/*设置的子盒子高度大于父盒子，产生溢出效果*/
.carousel-list {
  height: auto;
}
.carousel-list .carousel-item {
  font-size: 12px;
  color: #383838;
  display: flex;
  align-items: center;
  line-height: 1;
  margin-bottom: 18px;
}
.carousel-list .carousel-item .conpany-name {
  display: inline-block;
  max-width: 124px;
}

.data-show-wrap {
  width: 1200px;
  height: 100px;
  background: #fff;
  border-radius: 4px;
  margin: 0 auto;
  margin-top: 12px;
}
.data-show-wrap .content {
  flex: 1;
  padding-left: 38px;
  padding-right: 20px;
  justify-content: space-between;
}
.data-show-wrap .content .item .icon {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  overflow: hidden;
  margin-right: 12px;
}
.data-show-wrap .content .item .icon img {
  width: 100%;
  height: 100%;
}
.data-show-wrap .content .item .text {
  min-width: 100px;
  line-height: 1;
}
.data-show-wrap .content .item .text .label {
  font-size: 14px;
  color: #262626;
  font-weight: 500;
}
.data-show-wrap .content .item .text .value {
  margin-top: 10px;
  margin-left: -2px;
  min-width: 110px;
}
.data-show-wrap .content .item .text .value .card-panel-num {
  font-size: 24px;
}
.data-show-wrap .content .item .text .value .symbol {
  font-size: 28px;
}
.data-show-wrap .more-btn {
  margin-left: auto;
  cursor: pointer;
  padding: 10px;
  margin-right: 32px;
  color: #3c76f7;
  font-size: 16px;
  font-weight: 500;
}
.data-show-wrap .more-btn .icon {
  font-size: 15px;
  margin-left: 4px;
}
.data-show-wrap .vertically-scroll-box {
  width: 254px;
  height: 80px;
  background: #f6f6f6;
  border-radius: 4px;
  margin-left: auto;
  margin-right: 14px;
  position: relative;
}
.data-show-wrap .vertically-scroll-box .vertically-scroll-swiper {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}
.data-show-wrap .vertically-scroll-box .vertically-scroll-swiper .vertically-scroll-swiper-slide {
  padding: 0 12px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.data-show-wrap .vertically-scroll-box .vertically-scroll-swiper .vertically-scroll-swiper-slide .vertically-scroll-swiper-content {
  font-size: 12px;
  color: #383838;
  display: flex;
  align-items: center;
  line-height: 1;
}
.data-show-wrap .vertically-scroll-box .vertically-scroll-swiper .vertically-scroll-swiper-slide .vertically-scroll-swiper-content:first-of-type {
  margin-bottom: 30px;
}
.data-show-wrap .vertically-scroll-box .vertically-scroll-swiper .vertically-scroll-swiper-slide .vertically-scroll-swiper-content .conpany-name {
  display: inline-block;
  max-width: 128px;
}

.h-carousel-wrap {
  width: 100%;
  height: 100%;
  -ms-overflow-style: none;
  overflow: hidden;
  display: flex;
}
.parent::-webkit-scrollbar {
  display: none;
}
/*设置的子盒子高度大于父盒子，产生溢出效果*/
.h-carousel-list {
  height: auto;
  display: flex;
}
.h-carousel-list .h-carousel-item {
  width: 182px;
  margin-right: 15px;
  border: 1px solid #eeeeee;
}
.h-carousel-list .h-carousel-item .h-carousel-item-content {
  display: block;
  width: 182px;
  height: 100%;
  position: relative;
}
.h-carousel-list .h-carousel-item .h-carousel-item-content img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  position: relative;
}
.h-carousel-list .h-carousel-item .h-carousel-item-content .poster-tips {
  right: -2px;
}

.rolling-poster {
  width: 1200px;
  margin: 0 auto;
  height: 188px;
  margin-top: 20px;
}
.rolling-poster .poster-title {
  width: 190px;
  height: 100%;
  border-radius: 4px;
  background: url('/static/data-show/rolling-bg.png') no-repeat;
  background-color: #ef7a4a;
  background-size: cover;
  background-position: center;
  justify-content: center;
}
.rolling-poster .poster-title .content {
  display: block;
  width: 160px;
  height: 90px;
  background: rgba(255, 255, 255, 0.3);
  border-radius: 2px 2px 38px 2px;
  color: #fff;
  line-height: 1;
  padding-top: 20px;
  padding-left: 20px;
  cursor: pointer;
}
.rolling-poster .poster-title .content .title {
  font-size: 20px;
  font-weight: 600;
}
.rolling-poster .poster-title .content .tips {
  font-size: 14px;
  margin-top: 10px;
}
.rolling-poster .poster-title .content .tips img {
  width: 15px;
  height: 15px;
  margin-left: 6px;
  position: relative;
  top: 1px;
}
.rolling-poster .rolling-content {
  margin-left: 12px;
  width: calc(100% - 202px);
  height: 100%;
  background: #fff;
  border-radius: 4px;
  padding: 0 14px;
  display: flex;
  align-items: center;
}
.rolling-poster .rolling-content .rolling-main {
  flex: 1;
  height: calc(100% - 40px);
  overflow: hidden;
}

.benefits-new-wrap {
  width: 1628px;
  height: 120px;
  background: linear-gradient(0deg, #1f27c2 0.06%, #ccccea 100%);
  position: fixed;
  left: 50%;
  bottom: 0;
  z-index: 1001;
  transform: translateX(-50%);
}
.benefits-new-wrap .benefits-content {
  width: 100%;
  height: 100%;
  position: relative;
}
.benefits-new-wrap .benefits-content .content-img {
  width: 100%;
  height: 100%;
  position: relative;
}
.benefits-new-wrap .benefits-content .btn {
  width: 154px;
  height: 62px;
  position: absolute;
  top: 50%;
  right: 274px;
  transform: translateY(-50%);
  cursor: pointer;
}
.benefits-new-wrap .benefits-content .btn img {
  width: 100%;
  height: 100%;
}
.benefits-new-wrap .benefits-content .close {
  width: 24px;
  height: 24px;
  position: absolute;
  top: 14px;
  right: 212px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}
.benefits-new-wrap .benefits-content .close img {
  width: 100%;
  height: 100%;
}

.text-ellipsis {
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}
.text-ellipsis2,
.text-ellipsis3,
.text-ellipsis4 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.text-ellipsis3 {
  -webkit-line-clamp: 3;
}
.text-ellipsis4 {
  -webkit-line-clamp: 4;
}
.position-c {
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
}
.position-x-c {
  position: absolute !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
}
.position-y-c {
  position: absolute !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
}
.flex {
  display: flex;
}
.flex-wrap {
  display: flex;
  flex-wrap: wrap;
}
.flex-column {
  display: flex;
  flex-direction: column;
}
.flex-c {
  display: flex;
  align-items: center;
}
.justify-between {
  display: flex;
  justify-content: space-between;
}
.empty-box {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.empty-box .empty-img {
  height: 120px;
  margin-top: -180px;
}
.empty-box .empty-img img {
  height: 100%;
}
.empty-box .empty-tips {
  font-size: 14px;
  color: #999;
  margin-top: 8px;
  position: relative;
  right: 5px;
}
.manage-page {
  background: #f4f6f9;
  min-height: 100vh;
}
.ant-badge-count {
  height: 16px;
  line-height: 16px;
  background-color: #f8524f;
}
.home-title {
  text-align: center;
  font-size: 28px;
  color: #383838;
  margin-bottom: 34px;
  position: relative;
  font-weight: 500;
  letter-spacing: 1px;
}
.home-title .home-title-content {
  position: relative;
}
.home-title .home-title-content::before,
.home-title .home-title-content::after {
  content: '';
  width: 23px;
  height: 19px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background: url('/static/home/title-icon.png') no-repeat;
  background-size: cover;
  background-position: center;
  margin-top: 2px;
}
.home-title .home-title-content::before {
  left: -40px;
}
.home-title .home-title-content::after {
  right: -40px;
}
.navbar-fixed-page {
  padding-top: 40px;
}
.anchor-position {
  position: absolute;
  top: -130px;
}
.banner-swiper-button-prev,
.banner-swiper-button-next {
  width: 26px;
  height: 36px;
  background: rgba(0, 0, 0, 0.15);
  transition: all 0.2s;
}
.banner-swiper-button-prev .icon,
.banner-swiper-button-next .icon {
  color: #fff;
  position: relative;
}
.banner-swiper-button-prev:hover,
.banner-swiper-button-next:hover {
  background: rgba(0, 0, 0, 0.3);
}
.banner-swiper-button-prev::after,
.banner-swiper-button-next::after {
  display: none;
}
.banner-swiper-button-prev {
  border-radius: 0 400px 400px 0;
  left: 0;
}
.banner-swiper-button-prev .icon {
  right: 2px;
}
.banner-swiper-button-next {
  border-radius: 400px 0 0 400px;
  right: 0;
}
.banner-swiper-button-next .icon {
  left: 2px;
}
.poster-tips {
  width: 32px;
  height: 18px;
  background: rgba(0, 0, 0, 0.3);
  font-size: 12px;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  right: -3px;
  bottom: -2px;
  transform: scale(0.8);
}
.concise-pagination .ant-pagination-item {
  display: none;
}
.concise-pagination .ant-pagination-jump-prev,
.concise-pagination .ant-pagination-jump-next {
  display: none;
}
.concise-pagination .ant-pagination-prev,
.concise-pagination .ant-pagination-next {
  position: relative;
  width: 80px !important;
}
.concise-pagination .ant-pagination-prev .anticon,
.concise-pagination .ant-pagination-next .anticon {
  opacity: 0;
}
.concise-pagination .ant-pagination-prev::after,
.concise-pagination .ant-pagination-next::after {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 12px;
  color: #666;
}
.concise-pagination .ant-pagination-prev::after {
  content: '\4E0A\4E00\9875';
}
.concise-pagination .ant-pagination-next::after {
  content: '\4E0B\4E00\9875';
}
.dummy-inp {
  width: 0px;
  height: 0px;
  position: absolute;
  opacity: 0;
  left: -9999px;
}
input:-webkit-autofill {
  box-shadow: 0 0 0 1000px white inset !important;
}
input:-internal-autofill-previewed,
input:-internal-autofill-selected {
  -webkit-text-fill-color: #333 !important;
  transition: background-color 5000s ease-in-out 0s !important;
}
.topic-wrap {
  min-width: 1200px;
  background: #fff;
  margin: 0 auto;
  margin-top: 36px;
  padding: 42px 0 58px;
  position: relative;
}
.topic-wrap .index-title {
  margin-top: 50px;
}
.topic-wrap .index-title .index-title__text {
  color: #333;
}
.topic-wrap .topic-pagination .ant-pagination {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.topic-wrap .topic-pagination .ant-pagination-prev,
.topic-wrap .topic-pagination .ant-pagination-next {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  box-shadow: 3px 3px 8px rgba(228, 234, 244, 0.55);
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  transition: all 0.2s;
}
.topic-wrap .topic-pagination .ant-pagination-prev:hover,
.topic-wrap .topic-pagination .ant-pagination-next:hover {
  box-shadow: 3px 3px 8px #e4eaf4;
}
.topic-wrap .topic-pagination .ant-pagination-prev .icon,
.topic-wrap .topic-pagination .ant-pagination-next .icon {
  color: #98a3b7;
  font-size: 16px;
  position: relative;
}
.topic-wrap .topic-pagination .ant-pagination-prev::before,
.topic-wrap .topic-pagination .ant-pagination-next::before {
  width: 29px;
  height: 29px;
  content: '';
  background: linear-gradient(180deg, #f0f4fa 0%, #fefeff 100%);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 50%;
}
.topic-wrap .topic-pagination .ant-pagination-prev {
  margin-right: 12px;
}
.topic-wrap .topic-pagination .ant-pagination-simple-pager {
  position: relative;
  margin-right: 12px;
  font-size: 14px;
  color: #666;
  height: 30px;
}
.topic-wrap .topic-pagination .ant-pagination-simple-pager input {
  width: 30px;
  height: 30px;
}
.topic-wrap .topic-list {
  padding: 8px 0 20px;
  margin-bottom: 0;
}
.topic-wrap .topic-list .topic-item {
  height: 166px;
  background: white;
  border: 1px solid #ededed;
  padding: 20px 16px 16px;
  display: block;
  transition: all 0.3s;
}
.topic-wrap .topic-list .topic-item .topic-item__title {
  font-size: 18px;
  color: #333;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.topic-wrap .topic-list .topic-item:hover {
  box-shadow: 5px 9px 16px 3px #f0f3f8;
  border-color: rgba(255, 255, 255, 0);
  transform: scale(1.02);
}
.topic-wrap .topic-list .topic-item:hover .topic-item__title {
  color: #3c76f7;
  transition: color 0.2s;
}
.topic-wrap .topic-list .topic-item .topic-item__content {
  color: #666666;
  font-size: 14px;
  margin: 8px 0 12px;
  line-height: 22px;
  min-height: 66px;
}
.topic-wrap .topic-list .topic-item .topic-item__footer {
  display: flex;
  justify-content: space-between;
  font-size: 12px;
}
.topic-wrap .topic-list .topic-item .topic-item__footer .topic-item__box {
  color: #666;
}
.topic-wrap .topic-list .topic-item .topic-item__footer .topic-item__box .icon {
  width: 14px;
  height: 14px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  border: 1px solid #f1f1f1;
  margin-right: 4px;
}
.topic-wrap .topic-list .topic-item .topic-item__footer .topic-item__box .icon img {
  width: 9px;
  height: 9px;
}
.topic-wrap .topic-list .topic-item .topic-item__footer .topic-item__interactive {
  color: #999;
}

.dynamic-wrap {
  width: 1200px;
  margin: 0 auto;
  padding-top: 25px;
  position: relative;
}
.dynamic-wrap .dynamic-content {
  height: 720px;
}
.dynamic-wrap .dynamic-content .left {
  width: 914px;
  height: 100%;
  background: #fff;
  border-radius: 4px;
  padding: 26px 26px 0;
  line-height: 1;
}
.dynamic-wrap .dynamic-content .left .left-charts .charts-tab .item {
  font-size: 14px;
  color: #999999;
  margin-right: 34px;
  cursor: pointer;
  padding: 6px;
  padding-top: 8px;
  transition: color 0.2s;
}
.dynamic-wrap .dynamic-content .left .left-charts .charts-tab .item:hover {
  color: #eb7240;
}
.dynamic-wrap .dynamic-content .left .left-charts .charts-tab .item.active {
  color: #eb7240;
}
.dynamic-wrap .dynamic-content .left .left-charts .charts-tab .item.title {
  font-size: 20px;
  color: #111;
  cursor: inherit;
  padding: 0;
  font-weight: 600;
}
.dynamic-wrap .dynamic-content .left .left-charts .charts-box {
  height: 240px;
  margin-top: 30px;
}
.dynamic-wrap .dynamic-content .left .left-tabel {
  line-height: 1;
  margin-top: 20px;
  font-size: 14px;
}
.dynamic-wrap .dynamic-content .left .left-tabel .serial {
  color: #404040;
  box-shadow: 4px 0 8px -2px rgba(207, 209, 215, 0.5);
  position: relative;
  z-index: 2;
}
.dynamic-wrap .dynamic-content .left .left-tabel .serial .title {
  width: 30px;
  height: 54px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.dynamic-wrap .dynamic-content .left .left-tabel .serial .title p {
  margin: 0;
}
.dynamic-wrap .dynamic-content .left .left-tabel .serial .title p:last-of-type {
  margin-top: 4px;
}
.dynamic-wrap .dynamic-content .left .left-tabel .serial .content {
  position: relative;
  z-index: 1;
}
.dynamic-wrap .dynamic-content .left .left-tabel .serial .content .item {
  width: 30px;
  height: 52px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.dynamic-wrap .dynamic-content .left .left-tabel .tbody {
  flex: 1;
  color: #5c6166;
}
.dynamic-wrap .dynamic-content .left .left-tabel .tbody .t-cell {
  height: 52px;
  border-bottom: 1px solid #f5f5f5;
  padding-left: 24px;
  transition: all 0.2s;
}
.dynamic-wrap .dynamic-content .left .left-tabel .tbody .t-cell:last-of-type {
  border: none;
}
.dynamic-wrap .dynamic-content .left .left-tabel .tbody .t-cell.active {
  background: #f2f3f5;
}
.dynamic-wrap .dynamic-content .left .left-tabel .tbody .t-cell.t-title {
  color: #404040;
  height: 54px;
  background-color: #f9f9f9;
}
.dynamic-wrap .dynamic-content .left .left-tabel .tbody .t-cell.t-title .t-cell-item.qxzs {
  cursor: inherit;
  color: #404040;
}
.dynamic-wrap .dynamic-content .left .left-tabel .tbody .t-cell .t-cell-item {
  flex: 1;
  padding: 0 10px;
}
.dynamic-wrap .dynamic-content .left .left-tabel .tbody .t-cell .t-cell-item.green {
  color: #34c759;
}
.dynamic-wrap .dynamic-content .left .left-tabel .tbody .t-cell .t-cell-item.red {
  color: #f1403c;
}
.dynamic-wrap .dynamic-content .left .left-tabel .tbody .t-cell .t-cell-item.qxzs {
  cursor: pointer;
  color: #3c76f7;
}
.dynamic-wrap .dynamic-content .left .left-tabel .tbody .t-cell .t-cell-item.cj {
  line-height: 20px;
  min-width: 150px;
}
.dynamic-wrap .dynamic-content .right {
  width: 276px;
  height: 100%;
  background: #fff;
  border-radius: 4px;
  margin-left: auto;
}
.dynamic-wrap .dynamic-content .right .right-title {
  height: 76px;
  padding: 0 20px;
  justify-content: space-between;
  font-size: 20px;
  font-weight: bold;
  color: #fff;
  background: url('/static/home/hq-title-bg.png') no-repeat;
  background-size: cover;
  background-position: center;
  background-color: #61758a;
  letter-spacing: 1px;
}
.dynamic-wrap .dynamic-content .right .right-title .more-btn {
  font-size: 14px;
  font-weight: 400;
  color: #333;
  width: 70px;
  height: 28px;
  justify-content: center;
  background-color: #fff;
  border-radius: 999px;
  cursor: pointer;
}
.dynamic-wrap .dynamic-content .right .right-title .more-btn .icon {
  margin-left: 4px;
  position: relative;
  top: 1px;
}
.dynamic-wrap .dynamic-content .right .right-content {
  padding: 26px 15px 0 22px;
  line-height: 1;
}
.dynamic-wrap .dynamic-content .right .right-content .title {
  font-size: 16px;
  font-weight: bold;
  color: #333;
}
.dynamic-wrap .dynamic-content .right .right-content .hot-list .item {
  padding: 21px 0;
  font-size: 14px;
  border-bottom: 1px solid #f5f5f5;
  cursor: pointer;
  display: block;
}
.dynamic-wrap .dynamic-content .right .right-content .hot-list .item:first-of-type {
  padding-top: 24px;
}
.dynamic-wrap .dynamic-content .right .right-content .hot-list .item:hover .content {
  color: #3c76f7;
}
.dynamic-wrap .dynamic-content .right .right-content .hot-list .item:last-of-type {
  border: none;
}
.dynamic-wrap .dynamic-content .right .right-content .hot-list .item .content {
  color: #111;
  transition: color 0.2s;
  line-height: 16px;
}
.dynamic-wrap .dynamic-content .right .right-content .hot-list .item .date {
  color: #999;
  font-size: 12px;
  margin-top: 14px;
}

.recommend-wrap {
  width: 1200px;
  margin: 0 auto;
  padding-top: 40px;
  position: relative;
}
.recommend-wrap .recommend-content .recommend-tabs {
  height: 62px;
  background: #fff;
  border-radius: 4px;
  justify-content: center;
}
.recommend-wrap .recommend-content .recommend-tabs .item {
  font-size: 16px;
  color: #262626;
  cursor: pointer;
  height: 34px;
  padding: 0 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 90px;
  border-radius: 4px;
  font-weight: 500;
}
.recommend-wrap .recommend-content .recommend-tabs .item:last-of-type {
  margin-right: 0;
}
.recommend-wrap .recommend-content .recommend-tabs .item:hover {
  color: #3c76f7;
  transition: color 0.2s;
}
.recommend-wrap .recommend-content .recommend-tabs .item.active {
  color: #fff;
  background: #3c76f7;
}
.recommend-wrap .recommend-content .recommend-list {
  flex-wrap: wrap;
  margin-top: 14px;
  min-height: 746px;
}

.massive-business {
  width: 1200px;
  margin: 0 auto;
  padding-top: 40px;
  position: relative;
}
.massive-business .massive-business-content .massive-business-menus {
  height: 72px;
  background: #fff;
  border-radius: 4px;
  padding: 0 90px;
  justify-content: space-between;
}
.massive-business .massive-business-content .massive-business-menus .item .name {
  height: 26px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 16px;
  cursor: pointer;
  font-size: 16px;
  transition: color 0.2s;
  border-radius: 999px;
}
.massive-business .massive-business-content .massive-business-menus .item .name:hover {
  color: #3c76f7;
}
.massive-business .massive-business-content .massive-business-menus .item .name.active {
  color: #fff;
  background: #3c76f7;
}
.massive-business .massive-business-content .massive-business-menus .item .more-btn {
  font-size: 14px;
  color: #666;
  justify-content: center;
  margin-top: 6px;
  cursor: pointer;
  padding-left: 6px;
}
.massive-business .massive-business-content .massive-business-menus .item .more-btn .icon {
  position: relative;
  top: 1px;
}
.massive-business .massive-business-content .massive-business-tags {
  min-height: 56px;
  border-radius: 4px;
  background: #fff;
  margin-top: 14px;
  padding: 18px 0 0;
  padding-right: 128px;
  position: relative;
  max-height: 40px;
  overflow: hidden;
  box-sizing: border-box;
}
.massive-business .massive-business-content .massive-business-tags.open {
  max-height: 500px;
}
.massive-business .massive-business-content .massive-business-tags .list {
  flex-wrap: wrap;
}
.massive-business .massive-business-content .massive-business-tags .list .item {
  font-size: 14px;
  color: #666;
  cursor: pointer;
  margin-left: 40px;
  margin-bottom: 18px;
  transition: color 0.2s;
}
.massive-business .massive-business-content .massive-business-tags .list .item:hover {
  color: #3c76f7;
}
.massive-business .massive-business-content .massive-business-tags .list .item.active {
  color: #3c76f7;
  font-weight: 600;
}
.massive-business .massive-business-content .massive-business-tags .show-btn {
  position: absolute;
  right: 30px;
  top: 20px;
  cursor: pointer;
  font-size: 14px;
  color: #999999;
  line-height: 1;
}
.massive-business .massive-business-content .massive-business-tags .show-btn .icon-box {
  width: 16px;
  height: 16px;
  border: 1px solid #999;
  border-radius: 2px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 8px;
  position: relative;
  top: 1px;
}
.massive-business .massive-business-content .massive-business-tags .show-btn .icon-box .icon {
  font-size: 12px;
  transition: all 0.2s;
}
.massive-business .massive-business-content .massive-business-tags .show-btn .icon-box.open .icon {
  transform: rotate(-180deg);
}
.massive-business .massive-business-content .business-list {
  flex-wrap: wrap;
  margin-top: 14px;
  min-height: 746px;
}

.text-ellipsis {
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}
.text-ellipsis2,
.text-ellipsis3,
.text-ellipsis4 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.text-ellipsis3 {
  -webkit-line-clamp: 3;
}
.text-ellipsis4 {
  -webkit-line-clamp: 4;
}
.position-c {
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
}
.position-x-c {
  position: absolute !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
}
.position-y-c {
  position: absolute !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
}
.flex {
  display: flex;
}
.flex-wrap {
  display: flex;
  flex-wrap: wrap;
}
.flex-column {
  display: flex;
  flex-direction: column;
}
.flex-c {
  display: flex;
  align-items: center;
}
.justify-between {
  display: flex;
  justify-content: space-between;
}
.empty-box {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.empty-box .empty-img {
  height: 120px;
  margin-top: -180px;
}
.empty-box .empty-img img {
  height: 100%;
}
.empty-box .empty-tips {
  font-size: 14px;
  color: #999;
  margin-top: 8px;
  position: relative;
  right: 5px;
}
.manage-page {
  background: #f4f6f9;
  min-height: 100vh;
}
.ant-badge-count {
  height: 16px;
  line-height: 16px;
  background-color: #f8524f;
}
.home-title {
  text-align: center;
  font-size: 28px;
  color: #383838;
  margin-bottom: 34px;
  position: relative;
  font-weight: 500;
  letter-spacing: 1px;
}
.home-title .home-title-content {
  position: relative;
}
.home-title .home-title-content::before,
.home-title .home-title-content::after {
  content: '';
  width: 23px;
  height: 19px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background: url('/static/home/title-icon.png') no-repeat;
  background-size: cover;
  background-position: center;
  margin-top: 2px;
}
.home-title .home-title-content::before {
  left: -40px;
}
.home-title .home-title-content::after {
  right: -40px;
}
.navbar-fixed-page {
  padding-top: 40px;
}
.anchor-position {
  position: absolute;
  top: -130px;
}
.banner-swiper-button-prev,
.banner-swiper-button-next {
  width: 26px;
  height: 36px;
  background: rgba(0, 0, 0, 0.15);
  transition: all 0.2s;
}
.banner-swiper-button-prev .icon,
.banner-swiper-button-next .icon {
  color: #fff;
  position: relative;
}
.banner-swiper-button-prev:hover,
.banner-swiper-button-next:hover {
  background: rgba(0, 0, 0, 0.3);
}
.banner-swiper-button-prev::after,
.banner-swiper-button-next::after {
  display: none;
}
.banner-swiper-button-prev {
  border-radius: 0 400px 400px 0;
  left: 0;
}
.banner-swiper-button-prev .icon {
  right: 2px;
}
.banner-swiper-button-next {
  border-radius: 400px 0 0 400px;
  right: 0;
}
.banner-swiper-button-next .icon {
  left: 2px;
}
.poster-tips {
  width: 32px;
  height: 18px;
  background: rgba(0, 0, 0, 0.3);
  font-size: 12px;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  right: -3px;
  bottom: -2px;
  transform: scale(0.8);
}
.concise-pagination .ant-pagination-item {
  display: none;
}
.concise-pagination .ant-pagination-jump-prev,
.concise-pagination .ant-pagination-jump-next {
  display: none;
}
.concise-pagination .ant-pagination-prev,
.concise-pagination .ant-pagination-next {
  position: relative;
  width: 80px !important;
}
.concise-pagination .ant-pagination-prev .anticon,
.concise-pagination .ant-pagination-next .anticon {
  opacity: 0;
}
.concise-pagination .ant-pagination-prev::after,
.concise-pagination .ant-pagination-next::after {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 12px;
  color: #666;
}
.concise-pagination .ant-pagination-prev::after {
  content: '\4E0A\4E00\9875';
}
.concise-pagination .ant-pagination-next::after {
  content: '\4E0B\4E00\9875';
}
.dummy-inp {
  width: 0px;
  height: 0px;
  position: absolute;
  opacity: 0;
  left: -9999px;
}
input:-webkit-autofill {
  box-shadow: 0 0 0 1000px white inset !important;
}
input:-internal-autofill-previewed,
input:-internal-autofill-selected {
  -webkit-text-fill-color: #333 !important;
  transition: background-color 5000s ease-in-out 0s !important;
}
@keyframes mymove {
  0% {
    transform: translateX(-50%) scale(0.8);
  }
  50% {
    transform: translateX(-50%) scale(1);
  }
  100% {
    transform: translateX(-50%) scale(0.8);
  }
}
.lag-banner {
  min-width: 1200px;
  margin: 0 auto;
}
.lag-banner .banner-wrapper {
  background: #fff;
}
.lag-banner .side-menu {
  height: 500px !important;
}
.lag-banner .side-menu__left-content {
  height: 500px !important;
}
.lag-banner .side-menu__left-content .side-menu__list .side-menu__item {
  height: 61px !important;
}
.lag-banner .side-menu__left-content .side-menu__list .side-menu__item:nth-last-of-type(2) .side-menu__title {
  border: none;
}
.lag-banner .side-menu__left-content .side-menu__list .side-menu__item.active {
  background: #f5f5f5;
}
.lag-banner .side-menu__left-content .side-menu__list .side-menu__item.active::after {
  height: 100%;
}
.lag-banner .side-menu__left-content .side-menu__sub {
  height: 500px !important;
}
.lag-banner .tab-bar {
  width: 1200px;
  margin: 0 auto;
  height: 60px;
  line-height: 60px;
  display: flex;
}
.lag-banner .tab-bar .tab-bar__title {
  width: 218px;
  background: #3c76f7;
  text-align: center;
  color: white;
}
.lag-banner .tab-bar .tab-bar__title .tab-bar__title-text {
  margin-left: 6px;
}
.lag-banner .tab-bar .tab-bar__list {
  width: 100%;
  display: flex;
  justify-content: space-between;
}
.lag-banner .tab-bar .tab-bar__list .tab-bar__item {
  color: #333;
  position: relative;
  font-weight: 500;
}
.lag-banner .tab-bar .tab-bar__list .tab-bar__item .menu-item-tips {
  width: 100%;
  position: absolute;
  top: -16px;
  left: 50%;
  animation: mymove 2.5s infinite;
}
.lag-banner .tab-bar .tab-bar__list .tab-bar__item .menu-item-tips .content {
  font-size: 12px;
  white-space: nowrap;
  max-height: 26px;
  padding: 7px 10px;
  background: linear-gradient(90deg, #719eff 0%, #3d77f7 100%);
  border-radius: 999px;
  color: #fff;
  letter-spacing: 2px;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  align-items: center;
}
.lag-banner .tab-bar .tab-bar__list .tab-bar__item .menu-item-tips .content::after {
  content: '';
  width: 0;
  height: 0;
  line-height: 0;
  font-size: 0;
  position: absolute;
  bottom: -14px;
  left: 50%;
  transform: translateX(-50%);
  border: 6px solid transparent;
  border-top: 8px solid #5689fb;
}
.lag-banner .tab-bar .tab-bar__list .tab-bar__item .menu-item-tips.color2 .content {
  background: linear-gradient(90deg, #faab50 0%, #ed8a17 100%);
}
.lag-banner .tab-bar .tab-bar__list .tab-bar__item .menu-item-tips.color2 .content::after {
  border-top-color: #f39a33;
}
.lag-banner .tab-bar .tab-bar__list .tab-bar__item::after {
  content: '';
  width: 0;
  height: 4px;
  background: #3c76f7;
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
  transition: all 0.2s;
  border-radius: 999px;
}
.lag-banner .tab-bar .tab-bar__list .tab-bar__item.active {
  color: #3c76f7;
  font-weight: bold;
}
.lag-banner .tab-bar .tab-bar__list .tab-bar__item.active::after {
  width: 28px;
}
.lag-banner .tab-bar .tab-bar__list .tab-bar__item:hover {
  color: #3c76f7;
}
.lag-banner .tab-bar .tab-bar__list .tab-bar__item .vip-img {
  width: 66px;
  height: 60px;
  position: relative;
}
.lag-banner .tab-bar .tab-bar__list .tab-bar__item .vip-img .img {
  width: 100%;
  height: 34px;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  transition: all 0.3s;
  display: flex;
  align-items: center;
  justify-content: center;
}
.lag-banner .tab-bar .tab-bar__list .tab-bar__item .vip-img .img img {
  width: 100%;
  height: 100%;
}
.lag-banner .tab-bar .tab-bar__list .tab-bar__item .vip-img .img1 {
  opacity: 0;
  z-index: 2;
}
.lag-banner .tab-bar .tab-bar__list .tab-bar__item .vip-img .img2 {
  z-index: 1;
}
.lag-banner .tab-bar .tab-bar__list .tab-bar__item .vip-img:hover .img1 {
  opacity: 1;
}
.lag-banner .slid-banner {
  height: 500px !important;
}
.lag-banner .slid-banner .swiper-slide {
  background-size: auto 100%;
  background-position: center 0;
  background-repeat: no-repeat;
}
.lag-banner .slid-banner .swiper-slide a {
  width: 100%;
  height: 100%;
  display: block;
}
.lag-banner .slid-banner .swiper-pagination-bullet {
  width: 6px;
  height: 6px;
  background: rgba(255, 255, 255, 0.7);
}
.lag-banner .slid-banner .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: white;
  width: 14px;
  border-radius: 3px;
}
.lag-banner .side-menu .side-menu__right a {
  color: #333;
}
.lag-banner .side-menu .side-menu__right a:hover {
  color: #3c76f7;
}
.lag-banner .side-menu .side-menu-right {
  position: absolute;
  right: 0;
  width: 218px;
  height: 500px !important;
  display: flex;
  flex-direction: column;
}
.lag-banner .side-menu .side-menu-right .side-menu__general {
  height: 273px;
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 0px;
  background: #fff;
  border-radius: 4px;
}
.lag-banner .side-menu .side-menu-right .side-menu__general li {
  width: 50%;
  height: 136px;
  border-bottom: 1px solid #EDEDED;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  color: #333;
  cursor: pointer;
}
.lag-banner .side-menu .side-menu-right .side-menu__general li span {
  margin-bottom: 12px;
  color: #ff8d1a;
  font-size: 17px;
  display: inline-block;
  min-height: 28px;
}
.lag-banner .side-menu .side-menu-right .side-menu__general li:nth-child(2n-1) {
  border-right: 1px solid #EDEDED;
}
.lag-banner .side-menu .side-menu-right .side-menu__general li:nth-child(3) {
  border-bottom: none;
}
.lag-banner .side-menu .side-menu-right .side-menu__general li:nth-child(4) {
  border-bottom: none;
}
.lag-banner .side-menu .side-menu-right .side-menu__general li:hover {
  color: #3c76f7;
}
.lag-banner .side-menu .side-menu-right .side-menu__general li:hover span {
  color: #3c76f7;
}
.lag-banner .side-menu .side-menu-right .hot-city {
  border-top: none;
  padding: 0 15px;
  flex: 1;
  background: #fff;
  border-radius: 4px;
  margin-top: 12px;
}
.lag-banner .side-menu .side-menu-right .hot-city .hot-city-title {
  color: #333333;
  font-size: 16px;
  padding: 24px 0;
  font-weight: 500;
  font-weight: 600;
}
.lag-banner .side-menu .side-menu-right .hot-city .hot-city-content a {
  display: inline-block;
  margin-bottom: 20px;
  margin-right: 24px;
  color: #333;
  font-size: 14px;
}
.lag-banner .side-menu .side-menu-right .hot-city .hot-city-content a:nth-child(4n) {
  margin-right: 0;
}
.lag-banner .side-menu .side-menu-right .hot-city .hot-city-content a:hover {
  color: #F7B500;
}

.corner {
  width: 60px;
  height: 510px;
  position: fixed;
  right: 12%;
  top: 50%;
  transform: translateY(-50%);
  color: #333;
  z-index: 99;
  margin-top: 10px;
}
.corner .corner-menu {
  background: #fff;
  border-radius: 2px;
}
.corner .corner-menu .ant-anchor-wrapper {
  margin: 0;
  padding: 0;
  overflow: inherit;
}
.corner .corner-menu .ant-anchor-wrapper .ant-anchor {
  box-shadow: 0px 2px 10px rgba(186, 184, 184, 0.3);
}
.corner .corner-menu .ant-anchor-wrapper .ant-anchor-link {
  padding: 13px 18px;
  background-color: #fff;
  margin: 0;
  position: relative;
  transition: all 0.2s;
  user-select: none;
}
.corner .corner-menu .ant-anchor-wrapper .ant-anchor-link::after {
  content: '';
  width: 24px;
  height: 0.5px;
  background: #eee;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  transition: all 0.2s;
}
.corner .corner-menu .ant-anchor-wrapper .ant-anchor-link:last-of-type::after {
  display: none;
}
.corner .corner-menu .ant-anchor-wrapper .ant-anchor-link .ant-anchor-link-title {
  display: block;
  font-size: 12px;
  color: #333;
  white-space: inherit;
  overflow: inherit;
  line-height: 18px;
  cursor: pointer;
  transition: none;
  transition: color 0.2s;
  position: relative;
}
.corner .corner-menu .ant-anchor-wrapper .ant-anchor-link .ant-anchor-link-title:hover {
  color: #3c76f7;
}
.corner .corner-menu .ant-anchor-wrapper .ant-anchor-link .ant-anchor-link-title .ant-anchor-link-icon {
  margin: 0 auto;
  margin-bottom: 6px;
}
.corner .corner-menu .ant-anchor-wrapper .ant-anchor-link .ant-anchor-link-title .ant-anchor-link-icon.msg {
  width: 15px;
  height: 15px;
}
.corner .corner-menu .ant-anchor-wrapper .ant-anchor-link .ant-anchor-link-title .ant-anchor-link-icon.phone {
  width: 12px;
  height: 16px;
}
.corner .corner-menu .ant-anchor-wrapper .ant-anchor-link .ant-anchor-link-title .ant-anchor-link-icon.wx {
  width: 24px;
  margin: 6px 0;
}
.corner .corner-menu .ant-anchor-wrapper .ant-anchor-link .ant-anchor-link-title .ant-anchor-link-icon img {
  width: 100%;
  height: 100%;
}
.corner .corner-menu .ant-anchor-wrapper .ant-anchor-link .ant-anchor-link-title.red-dot::after {
  content: "";
  width: 5px;
  height: 5px;
  background: #F1403C;
  position: absolute;
  top: 0px;
  right: -2px;
  border-radius: 50%;
}
.corner .back-top {
  width: 60px;
  height: 60px;
  background: #fff;
  border-radius: 2px;
  cursor: pointer;
  position: absolute;
  bottom: 0;
  left: 0;
  box-shadow: 0px 2px 10px rgba(186, 184, 184, 0.3);
}
.corner .back-top .back-top-content {
  position: relative;
  width: 100%;
  height: 100%;
  font-size: 12px;
  color: #333;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.corner .back-top .back-top-content .icon {
  width: 14px;
  height: 18px;
  margin-bottom: 4px;
}
.corner .back-top .back-top-content .icon img {
  width: 100%;
  height: 100%;
}
.corner .back-top .ant-back-top {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
.corner .back-top .ant-back-top .ant-back-top-content {
  width: 60px;
  height: 60px;
  border-radius: 0;
  opacity: 0;
}
@media (max-width: 1700px) {
  .corner {
    right: 30px;
  }
}
@media (max-width: 1200px) {
  .corner {
    display: none !important;
  }
}
.corner-pub {
  background-color: #00cf9a;
  width: 98px;
  height: 72px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  color: #fff;
}
.corner-pub:hover {
  color: #fff;
}
.ant-anchor {
  padding-left: 0px;
}
.ant-anchor-ink {
  display: none;
  padding-left: 0px;
}
.ant-anchor-link-active {
  background: #3c76f7 !important;
}
.ant-anchor-link-active::after {
  background: #3c76f7 !important;
}
.ant-anchor-link-active > .ant-anchor-link-title {
  display: block;
  color: #fff !important;
  height: 100%;
}
.ant-anchor-link {
  display: block;
  padding-left: 0;
  text-align: center;
  background-color: #e0e0e0;
  margin-bottom: 3px;
}
.ant-anchor-link:nth-last-child(1) {
  margin-bottom: 7px;
}
.app-popover .ant-popover-content {
  margin-right: 26px;
}
.app-popover .ant-popover-content .ant-popover-arrow {
  right: 32px;
}
.app-popover .ant-popover-content .ant-popover-title {
  width: 126px;
  position: absolute;
  min-width: inherit;
  min-height: inherit;
  padding: 0;
  font-size: 12px;
  color: #333;
  bottom: 14px;
  left: 0;
  border: none;
  box-shadow: none;
  text-align: center;
}
.app-popover .ant-popover-content .ant-popover-inner {
  border-radius: 4px;
}
.app-popover .ant-popover-content .ant-popover-inner-content {
  padding: 0;
}
.app-popover .ant-popover-content .ant-popover-inner-content .side-bar-popover-content {
  width: 150px;
  background: #fff;
  overflow: hidden;
  font-size: 12px;
  text-align: center;
  padding-bottom: 12px;
  letter-spacing: 1px;
}
.app-popover .ant-popover-content .ant-popover-inner-content .side-bar-popover-content .side-bar-code {
  width: 140px;
  height: 140px;
  margin: 0 auto;
  margin-top: 6px;
  margin-bottom: 4px;
}
.app-popover .ant-popover-content .ant-popover-inner-content .side-bar-popover-content .side-bar-code img {
  width: 100%;
  height: 100%;
}
.app-popover .ant-popover-content .ant-popover-inner-content .side-bar-popover-content .side-bar-popover-title span {
  color: #FF8D1A;
}
.app-popover .ant-popover-content .ant-popover-inner-content .side-bar-popover-content .side-bar-popover-tips {
  position: relative;
  transform: scale(0.9);
}

.text-ellipsis {
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}
.text-ellipsis2,
.text-ellipsis3,
.text-ellipsis4 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.text-ellipsis3 {
  -webkit-line-clamp: 3;
}
.text-ellipsis4 {
  -webkit-line-clamp: 4;
}
.position-c {
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
}
.position-x-c {
  position: absolute !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
}
.position-y-c {
  position: absolute !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
}
.flex {
  display: flex;
}
.flex-wrap {
  display: flex;
  flex-wrap: wrap;
}
.flex-column {
  display: flex;
  flex-direction: column;
}
.flex-c {
  display: flex;
  align-items: center;
}
.justify-between {
  display: flex;
  justify-content: space-between;
}
.empty-box {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.empty-box .empty-img {
  height: 120px;
  margin-top: -180px;
}
.empty-box .empty-img img {
  height: 100%;
}
.empty-box .empty-tips {
  font-size: 14px;
  color: #999;
  margin-top: 8px;
  position: relative;
  right: 5px;
}
.manage-page {
  background: #f4f6f9;
  min-height: 100vh;
}
.ant-badge-count {
  height: 16px;
  line-height: 16px;
  background-color: #f8524f;
}
.home-title {
  text-align: center;
  font-size: 28px;
  color: #383838;
  margin-bottom: 34px;
  position: relative;
  font-weight: 500;
  letter-spacing: 1px;
}
.home-title .home-title-content {
  position: relative;
}
.home-title .home-title-content::before,
.home-title .home-title-content::after {
  content: '';
  width: 23px;
  height: 19px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background: url('/static/home/title-icon.png') no-repeat;
  background-size: cover;
  background-position: center;
  margin-top: 2px;
}
.home-title .home-title-content::before {
  left: -40px;
}
.home-title .home-title-content::after {
  right: -40px;
}
.navbar-fixed-page {
  padding-top: 40px;
}
.anchor-position {
  position: absolute;
  top: -130px;
}
.banner-swiper-button-prev,
.banner-swiper-button-next {
  width: 26px;
  height: 36px;
  background: rgba(0, 0, 0, 0.15);
  transition: all 0.2s;
}
.banner-swiper-button-prev .icon,
.banner-swiper-button-next .icon {
  color: #fff;
  position: relative;
}
.banner-swiper-button-prev:hover,
.banner-swiper-button-next:hover {
  background: rgba(0, 0, 0, 0.3);
}
.banner-swiper-button-prev::after,
.banner-swiper-button-next::after {
  display: none;
}
.banner-swiper-button-prev {
  border-radius: 0 400px 400px 0;
  left: 0;
}
.banner-swiper-button-prev .icon {
  right: 2px;
}
.banner-swiper-button-next {
  border-radius: 400px 0 0 400px;
  right: 0;
}
.banner-swiper-button-next .icon {
  left: 2px;
}
.poster-tips {
  width: 32px;
  height: 18px;
  background: rgba(0, 0, 0, 0.3);
  font-size: 12px;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  right: -3px;
  bottom: -2px;
  transform: scale(0.8);
}
.concise-pagination .ant-pagination-item {
  display: none;
}
.concise-pagination .ant-pagination-jump-prev,
.concise-pagination .ant-pagination-jump-next {
  display: none;
}
.concise-pagination .ant-pagination-prev,
.concise-pagination .ant-pagination-next {
  position: relative;
  width: 80px !important;
}
.concise-pagination .ant-pagination-prev .anticon,
.concise-pagination .ant-pagination-next .anticon {
  opacity: 0;
}
.concise-pagination .ant-pagination-prev::after,
.concise-pagination .ant-pagination-next::after {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 12px;
  color: #666;
}
.concise-pagination .ant-pagination-prev::after {
  content: '\4E0A\4E00\9875';
}
.concise-pagination .ant-pagination-next::after {
  content: '\4E0B\4E00\9875';
}
.dummy-inp {
  width: 0px;
  height: 0px;
  position: absolute;
  opacity: 0;
  left: -9999px;
}
input:-webkit-autofill {
  box-shadow: 0 0 0 1000px white inset !important;
}
input:-internal-autofill-previewed,
input:-internal-autofill-selected {
  -webkit-text-fill-color: #333 !important;
  transition: background-color 5000s ease-in-out 0s !important;
}
.index-title {
  display: flex;
  justify-content: center;
  align-items: center;
}
.index-title .index-title__wing {
  width: 55px;
  height: 9px;
  margin: 0 22px;
}
.index-title .index-title__icon {
  width: 28px;
  height: 28px;
  margin-right: 12px;
}
.index-title .index-title__text {
  font-size: 24px;
  color: #3c76f7;
}
.commodity-group__ad {
  margin-top: 20px;
  height: 148px;
  border: 1px solid #e6e8ed;
  width: 1200px;
  margin: 16px auto 60px;
}
.commodity-group {
  position: relative;
}
.commodity-group .commodity-group__text {
  margin-left: 0px !important;
}
.commodity-group .commodity-group__text a:hover {
  color: #0A0909 !important;
}
.commodity-group__title {
  position: relative;
}
.commodity-group__title .filter-address_selector {
  position: absolute;
  left: 100px;
}
.commodity-group__title .filter-address_selector .ks-ac-content {
  top: 30px;
}
.index-buy {
  background: #f4f4f4;
}
.index-buy .commodity-group__content .commodity-group__cards {
  padding: 0;
}
.index-buy .commodity-group__content .commodity-group__cards-item {
  max-width: 224px;
}
.index-buy .header-search .header-search__qrcode-1 {
  margin: 0px 38px 0px 60px;
}
.index-buy .header-search .header-search__qrcode-2 {
  margin-right: 30px;
}
.index-buy .header-search .header-search__text {
  margin-left: 20px;
}
.index-buy .header-search .header-search__logo {
  width: 128px;
  height: 32px;
}
.index-buy .header-search .header-search__group {
  margin-left: 8px;
}
.index-buy .header-search .header-search__group .header-search__btn {
  background-color: #3c76f7;
}
.index-buy .header-search .header-search__button {
  border: 2px solid #3c76f7;
  color: #3c76f7;
}
.index-buy .banner .tab-bar__title {
  text-align: left;
  padding-left: 20px;
  font-size: 16px;
}
.index-buy .banner .slid-banner {
  width: 758px;
}
.index-buy .banner .tab-bar__title {
  background: #3c76f7;
}
.index-buy .banner .side-menu__list .side-menu__item:hover {
  border-right: none;
}
.index-buy .banner .side-menu__list .side-menu__item.active {
  background: #f5f5f5;
}
.index-buy .banner .side-menu__list .side-menu__item.active::after {
  height: 100%;
}
.index-buy .banner .side-menu .side-menu-right .hot-city .hot-city-content a:hover {
  color: #3c76f7;
}

.text-ellipsis {
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}
.text-ellipsis2,
.text-ellipsis3,
.text-ellipsis4 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.text-ellipsis3 {
  -webkit-line-clamp: 3;
}
.text-ellipsis4 {
  -webkit-line-clamp: 4;
}
.position-c {
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
}
.position-x-c {
  position: absolute !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
}
.position-y-c {
  position: absolute !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
}
.flex {
  display: flex;
}
.flex-wrap {
  display: flex;
  flex-wrap: wrap;
}
.flex-column {
  display: flex;
  flex-direction: column;
}
.flex-c {
  display: flex;
  align-items: center;
}
.justify-between {
  display: flex;
  justify-content: space-between;
}
.empty-box {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.empty-box .empty-img {
  height: 120px;
  margin-top: -180px;
}
.empty-box .empty-img img {
  height: 100%;
}
.empty-box .empty-tips {
  font-size: 14px;
  color: #999;
  margin-top: 8px;
  position: relative;
  right: 5px;
}
.manage-page {
  background: #f4f6f9;
  min-height: 100vh;
}
.ant-badge-count {
  height: 16px;
  line-height: 16px;
  background-color: #f8524f;
}
.home-title {
  text-align: center;
  font-size: 28px;
  color: #383838;
  margin-bottom: 34px;
  position: relative;
  font-weight: 500;
  letter-spacing: 1px;
}
.home-title .home-title-content {
  position: relative;
}
.home-title .home-title-content::before,
.home-title .home-title-content::after {
  content: '';
  width: 23px;
  height: 19px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background: url('/static/home/title-icon.png') no-repeat;
  background-size: cover;
  background-position: center;
  margin-top: 2px;
}
.home-title .home-title-content::before {
  left: -40px;
}
.home-title .home-title-content::after {
  right: -40px;
}
.navbar-fixed-page {
  padding-top: 40px;
}
.anchor-position {
  position: absolute;
  top: -130px;
}
.banner-swiper-button-prev,
.banner-swiper-button-next {
  width: 26px;
  height: 36px;
  background: rgba(0, 0, 0, 0.15);
  transition: all 0.2s;
}
.banner-swiper-button-prev .icon,
.banner-swiper-button-next .icon {
  color: #fff;
  position: relative;
}
.banner-swiper-button-prev:hover,
.banner-swiper-button-next:hover {
  background: rgba(0, 0, 0, 0.3);
}
.banner-swiper-button-prev::after,
.banner-swiper-button-next::after {
  display: none;
}
.banner-swiper-button-prev {
  border-radius: 0 400px 400px 0;
  left: 0;
}
.banner-swiper-button-prev .icon {
  right: 2px;
}
.banner-swiper-button-next {
  border-radius: 400px 0 0 400px;
  right: 0;
}
.banner-swiper-button-next .icon {
  left: 2px;
}
.poster-tips {
  width: 32px;
  height: 18px;
  background: rgba(0, 0, 0, 0.3);
  font-size: 12px;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  right: -3px;
  bottom: -2px;
  transform: scale(0.8);
}
.concise-pagination .ant-pagination-item {
  display: none;
}
.concise-pagination .ant-pagination-jump-prev,
.concise-pagination .ant-pagination-jump-next {
  display: none;
}
.concise-pagination .ant-pagination-prev,
.concise-pagination .ant-pagination-next {
  position: relative;
  width: 80px !important;
}
.concise-pagination .ant-pagination-prev .anticon,
.concise-pagination .ant-pagination-next .anticon {
  opacity: 0;
}
.concise-pagination .ant-pagination-prev::after,
.concise-pagination .ant-pagination-next::after {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 12px;
  color: #666;
}
.concise-pagination .ant-pagination-prev::after {
  content: '\4E0A\4E00\9875';
}
.concise-pagination .ant-pagination-next::after {
  content: '\4E0B\4E00\9875';
}
.dummy-inp {
  width: 0px;
  height: 0px;
  position: absolute;
  opacity: 0;
  left: -9999px;
}
input:-webkit-autofill {
  box-shadow: 0 0 0 1000px white inset !important;
}
input:-internal-autofill-previewed,
input:-internal-autofill-selected {
  -webkit-text-fill-color: #333 !important;
  transition: background-color 5000s ease-in-out 0s !important;
}
.banner-wrap {
  min-height: 554px;
}
.commodityGroup-wrap {
  min-height: 500px;
}
.index-title {
  display: flex;
  justify-content: center;
  align-items: center;
}
.index-title .index-title__wing {
  width: 55px;
  height: 9px;
  margin: 0 22px;
}
.index-title .index-title__icon {
  width: 28px;
  height: 28px;
  margin-right: 12px;
}
.index-title .index-title__text {
  font-size: 24px;
  color: #3c76f7;
}
.commodity-group__ad {
  margin-top: 20px;
  height: 148px;
  border: 1px solid #e6e8ed;
  width: 1200px;
  margin: 16px auto 60px;
}
.commodity-group .commodity-group__text {
  margin-left: 0px !important;
}
.commodity-group .commodity-group__text a:hover {
  color: #0A0909 !important;
}
.commodity-group__title {
  position: relative;
}
.commodity-group__title .filter-address_selector {
  position: absolute;
  left: 100px;
}
.commodity-group__title .filter-address_selector .ks-ac-content {
  top: 30px;
}
.index-lag-material .commodity-group__content .commodity-group__cards {
  padding: 0;
}
.index-lag-material .commodity-group__content .commodity-group__cards-item {
  max-width: 224px;
}
.index-lag-material .header-search .header-search__qrcode-1 {
  margin: 0px 25px 0px 53px;
}
.index-lag-material .header-search .header-search__qrcode-2 {
  margin-right: 30px;
}
.index-lag-material .header-search .header-search__logo {
  width: 128px;
  height: 32px;
}
.index-lag-material .header-search .header-search__text {
  margin-left: 20px;
}
.index-lag-material .header-search .header-search__group {
  margin-left: 8px;
}
.index-lag-material .header-search .header-search__button {
  border: 2px solid #42d135;
  color: #42d135;
}
.index-lag-material .banner .banner-wrapper {
  background-color: #fff;
}
.index-lag-material .banner .tab-bar__title {
  text-align: left;
  padding-left: 20px;
  font-size: 16px;
}
.index-lag-material .banner .tab-bar__title {
  background: #42d135;
}
.index-lag-material .banner .side-menu__list .side-menu__item:hover {
  border-right: none;
}
.index-lag-material .banner .side-menu__list .side-menu__item.active {
  background: #f5f5f5;
}
.index-lag-material .banner .side-menu__list .side-menu__item.active::after {
  height: 100%;
}
.index-lag-material .banner .slid-banner {
  width: 758px;
}
.index-lag-material .banner .side-menu .side-menu__sub .side-menu__sub-head .sub-cate__list .sub-cate__item.active {
  background: #42d135;
}
.index-lag-material .banner .side-menu .side-menu__sub .side-menu__sub-list .side-menu__sub-item:hover {
  background: #42d135;
}

.text-ellipsis {
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}
.text-ellipsis2,
.text-ellipsis3,
.text-ellipsis4 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.text-ellipsis3 {
  -webkit-line-clamp: 3;
}
.text-ellipsis4 {
  -webkit-line-clamp: 4;
}
.position-c {
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
}
.position-x-c {
  position: absolute !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
}
.position-y-c {
  position: absolute !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
}
.flex {
  display: flex;
}
.flex-wrap {
  display: flex;
  flex-wrap: wrap;
}
.flex-column {
  display: flex;
  flex-direction: column;
}
.flex-c {
  display: flex;
  align-items: center;
}
.justify-between {
  display: flex;
  justify-content: space-between;
}
.empty-box {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.empty-box .empty-img {
  height: 120px;
  margin-top: -180px;
}
.empty-box .empty-img img {
  height: 100%;
}
.empty-box .empty-tips {
  font-size: 14px;
  color: #999;
  margin-top: 8px;
  position: relative;
  right: 5px;
}
.manage-page {
  background: #f4f6f9;
  min-height: 100vh;
}
.ant-badge-count {
  height: 16px;
  line-height: 16px;
  background-color: #f8524f;
}
.home-title {
  text-align: center;
  font-size: 28px;
  color: #383838;
  margin-bottom: 34px;
  position: relative;
  font-weight: 500;
  letter-spacing: 1px;
}
.home-title .home-title-content {
  position: relative;
}
.home-title .home-title-content::before,
.home-title .home-title-content::after {
  content: '';
  width: 23px;
  height: 19px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background: url('/static/home/title-icon.png') no-repeat;
  background-size: cover;
  background-position: center;
  margin-top: 2px;
}
.home-title .home-title-content::before {
  left: -40px;
}
.home-title .home-title-content::after {
  right: -40px;
}
.navbar-fixed-page {
  padding-top: 40px;
}
.anchor-position {
  position: absolute;
  top: -130px;
}
.banner-swiper-button-prev,
.banner-swiper-button-next {
  width: 26px;
  height: 36px;
  background: rgba(0, 0, 0, 0.15);
  transition: all 0.2s;
}
.banner-swiper-button-prev .icon,
.banner-swiper-button-next .icon {
  color: #fff;
  position: relative;
}
.banner-swiper-button-prev:hover,
.banner-swiper-button-next:hover {
  background: rgba(0, 0, 0, 0.3);
}
.banner-swiper-button-prev::after,
.banner-swiper-button-next::after {
  display: none;
}
.banner-swiper-button-prev {
  border-radius: 0 400px 400px 0;
  left: 0;
}
.banner-swiper-button-prev .icon {
  right: 2px;
}
.banner-swiper-button-next {
  border-radius: 400px 0 0 400px;
  right: 0;
}
.banner-swiper-button-next .icon {
  left: 2px;
}
.poster-tips {
  width: 32px;
  height: 18px;
  background: rgba(0, 0, 0, 0.3);
  font-size: 12px;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  right: -3px;
  bottom: -2px;
  transform: scale(0.8);
}
.concise-pagination .ant-pagination-item {
  display: none;
}
.concise-pagination .ant-pagination-jump-prev,
.concise-pagination .ant-pagination-jump-next {
  display: none;
}
.concise-pagination .ant-pagination-prev,
.concise-pagination .ant-pagination-next {
  position: relative;
  width: 80px !important;
}
.concise-pagination .ant-pagination-prev .anticon,
.concise-pagination .ant-pagination-next .anticon {
  opacity: 0;
}
.concise-pagination .ant-pagination-prev::after,
.concise-pagination .ant-pagination-next::after {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 12px;
  color: #666;
}
.concise-pagination .ant-pagination-prev::after {
  content: '\4E0A\4E00\9875';
}
.concise-pagination .ant-pagination-next::after {
  content: '\4E0B\4E00\9875';
}
.dummy-inp {
  width: 0px;
  height: 0px;
  position: absolute;
  opacity: 0;
  left: -9999px;
}
input:-webkit-autofill {
  box-shadow: 0 0 0 1000px white inset !important;
}
input:-internal-autofill-previewed,
input:-internal-autofill-selected {
  -webkit-text-fill-color: #333 !important;
  transition: background-color 5000s ease-in-out 0s !important;
}
.index-title {
  display: flex;
  justify-content: center;
  align-items: center;
}
.index-title .index-title__wing {
  width: 55px;
  height: 9px;
  margin: 0 22px;
}
.index-title .index-title__icon {
  width: 28px;
  height: 28px;
  margin-right: 12px;
}
.index-title .index-title__text {
  font-size: 24px;
  color: #3c76f7;
}
.commodity-group__ad {
  margin-top: 20px;
  height: 148px;
  border: 1px solid #e6e8ed;
  width: 1200px;
  margin: 16px auto 60px;
}
.commodity-group .commodity-group__text {
  margin-left: 0px !important;
}
.commodity-group .commodity-group__text a:hover {
  color: #0A0909 !important;
}
.commodity-group__title {
  position: relative;
}
.commodity-group__title .filter-address_selector {
  position: absolute;
  left: 100px;
}
.commodity-group__title .filter-address_selector .ks-ac-content {
  top: 30px;
}
.index-supply {
  background: #f4f4f4;
}
.index-supply .commodity-group__content .commodity-group__cards {
  padding: 0;
}
.index-supply .commodity-group__content .commodity-group__cards-item {
  max-width: 224px;
}
.index-supply .header-search .header-search__qrcode-1 {
  margin: 0px 38px 0px 60px;
}
.index-supply .header-search .header-search__qrcode-2 {
  margin-right: 30px;
}
.index-supply .header-search .header-search__logo {
  width: 128px;
  height: 32px;
}
.index-supply .header-search .header-search__text {
  margin-left: 20px;
}
.index-supply .header-search .header-search__group {
  margin-left: 8px;
}
.index-supply .header-search .header-search__button {
  border: 2px solid #F7B500;
  color: #F7B500;
}
.index-supply .banner .banner-wrapper {
  background-color: #fff;
}
.index-supply .banner .tab-bar__title {
  text-align: left;
  padding-left: 20px;
  font-size: 16px;
}
.index-supply .banner .tab-bar__title {
  background: #F7B500;
}
.index-supply .banner .side-menu__list .side-menu__item:hover {
  border-right: none;
}
.index-supply .banner .side-menu__list .side-menu__item.active {
  background: #f5f5f5;
}
.index-supply .banner .side-menu__list .side-menu__item.active::after {
  height: 100%;
}
.index-supply .banner .slid-banner {
  width: 758px;
}
.index-supply .banner .side-menu .side-menu__sub .side-menu__sub-head .sub-cate__list .sub-cate__item.active {
  background: #F7B500;
}
.index-supply .banner .side-menu .side-menu__sub .side-menu__sub-list .side-menu__sub-item:hover {
  background: #F7B500;
}

.text-ellipsis {
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}
.text-ellipsis2,
.text-ellipsis3,
.text-ellipsis4 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.text-ellipsis3 {
  -webkit-line-clamp: 3;
}
.text-ellipsis4 {
  -webkit-line-clamp: 4;
}
.position-c {
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
}
.position-x-c {
  position: absolute !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
}
.position-y-c {
  position: absolute !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
}
.flex {
  display: flex;
}
.flex-wrap {
  display: flex;
  flex-wrap: wrap;
}
.flex-column {
  display: flex;
  flex-direction: column;
}
.flex-c {
  display: flex;
  align-items: center;
}
.justify-between {
  display: flex;
  justify-content: space-between;
}
.empty-box {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.empty-box .empty-img {
  height: 120px;
  margin-top: -180px;
}
.empty-box .empty-img img {
  height: 100%;
}
.empty-box .empty-tips {
  font-size: 14px;
  color: #999;
  margin-top: 8px;
  position: relative;
  right: 5px;
}
.manage-page {
  background: #f4f6f9;
  min-height: 100vh;
}
.ant-badge-count {
  height: 16px;
  line-height: 16px;
  background-color: #f8524f;
}
.home-title {
  text-align: center;
  font-size: 28px;
  color: #383838;
  margin-bottom: 34px;
  position: relative;
  font-weight: 500;
  letter-spacing: 1px;
}
.home-title .home-title-content {
  position: relative;
}
.home-title .home-title-content::before,
.home-title .home-title-content::after {
  content: '';
  width: 23px;
  height: 19px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background: url('/static/home/title-icon.png') no-repeat;
  background-size: cover;
  background-position: center;
  margin-top: 2px;
}
.home-title .home-title-content::before {
  left: -40px;
}
.home-title .home-title-content::after {
  right: -40px;
}
.navbar-fixed-page {
  padding-top: 40px;
}
.anchor-position {
  position: absolute;
  top: -130px;
}
.banner-swiper-button-prev,
.banner-swiper-button-next {
  width: 26px;
  height: 36px;
  background: rgba(0, 0, 0, 0.15);
  transition: all 0.2s;
}
.banner-swiper-button-prev .icon,
.banner-swiper-button-next .icon {
  color: #fff;
  position: relative;
}
.banner-swiper-button-prev:hover,
.banner-swiper-button-next:hover {
  background: rgba(0, 0, 0, 0.3);
}
.banner-swiper-button-prev::after,
.banner-swiper-button-next::after {
  display: none;
}
.banner-swiper-button-prev {
  border-radius: 0 400px 400px 0;
  left: 0;
}
.banner-swiper-button-prev .icon {
  right: 2px;
}
.banner-swiper-button-next {
  border-radius: 400px 0 0 400px;
  right: 0;
}
.banner-swiper-button-next .icon {
  left: 2px;
}
.poster-tips {
  width: 32px;
  height: 18px;
  background: rgba(0, 0, 0, 0.3);
  font-size: 12px;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  right: -3px;
  bottom: -2px;
  transform: scale(0.8);
}
.concise-pagination .ant-pagination-item {
  display: none;
}
.concise-pagination .ant-pagination-jump-prev,
.concise-pagination .ant-pagination-jump-next {
  display: none;
}
.concise-pagination .ant-pagination-prev,
.concise-pagination .ant-pagination-next {
  position: relative;
  width: 80px !important;
}
.concise-pagination .ant-pagination-prev .anticon,
.concise-pagination .ant-pagination-next .anticon {
  opacity: 0;
}
.concise-pagination .ant-pagination-prev::after,
.concise-pagination .ant-pagination-next::after {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 12px;
  color: #666;
}
.concise-pagination .ant-pagination-prev::after {
  content: '\4E0A\4E00\9875';
}
.concise-pagination .ant-pagination-next::after {
  content: '\4E0B\4E00\9875';
}
.dummy-inp {
  width: 0px;
  height: 0px;
  position: absolute;
  opacity: 0;
  left: -9999px;
}
input:-webkit-autofill {
  box-shadow: 0 0 0 1000px white inset !important;
}
input:-internal-autofill-previewed,
input:-internal-autofill-selected {
  -webkit-text-fill-color: #333 !important;
  transition: background-color 5000s ease-in-out 0s !important;
}
.introduction-swiper-content {
  background-color: #fff;
  height: 100%;
}
.introduction-swiper-content .swiper-slide {
  background-size: cover;
  background-position: center 0;
  background-repeat: no-repeat;
}
.introduction-swiper-content .swiper-slide a {
  width: 100%;
  height: 100%;
  display: block;
}
.introduction-swiper-content .swiper-pagination-bullet {
  width: 5px;
  height: 5px;
  background: #000000;
  transition: all 0.2s;
  border-radius: 50%;
  opacity: 0.4;
}
.introduction-swiper-content .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: white;
  width: 18px;
  border-radius: 4px;
  opacity: 0.9;
}

.text-ellipsis {
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}
.text-ellipsis2,
.text-ellipsis3,
.text-ellipsis4 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.text-ellipsis3 {
  -webkit-line-clamp: 3;
}
.text-ellipsis4 {
  -webkit-line-clamp: 4;
}
.position-c {
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
}
.position-x-c {
  position: absolute !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
}
.position-y-c {
  position: absolute !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
}
.flex {
  display: flex;
}
.flex-wrap {
  display: flex;
  flex-wrap: wrap;
}
.flex-column {
  display: flex;
  flex-direction: column;
}
.flex-c {
  display: flex;
  align-items: center;
}
.justify-between {
  display: flex;
  justify-content: space-between;
}
.empty-box {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.empty-box .empty-img {
  height: 120px;
  margin-top: -180px;
}
.empty-box .empty-img img {
  height: 100%;
}
.empty-box .empty-tips {
  font-size: 14px;
  color: #999;
  margin-top: 8px;
  position: relative;
  right: 5px;
}
.manage-page {
  background: #f4f6f9;
  min-height: 100vh;
}
.ant-badge-count {
  height: 16px;
  line-height: 16px;
  background-color: #f8524f;
}
.home-title {
  text-align: center;
  font-size: 28px;
  color: #383838;
  margin-bottom: 34px;
  position: relative;
  font-weight: 500;
  letter-spacing: 1px;
}
.home-title .home-title-content {
  position: relative;
}
.home-title .home-title-content::before,
.home-title .home-title-content::after {
  content: '';
  width: 23px;
  height: 19px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background: url('/static/home/title-icon.png') no-repeat;
  background-size: cover;
  background-position: center;
  margin-top: 2px;
}
.home-title .home-title-content::before {
  left: -40px;
}
.home-title .home-title-content::after {
  right: -40px;
}
.navbar-fixed-page {
  padding-top: 40px;
}
.anchor-position {
  position: absolute;
  top: -130px;
}
.banner-swiper-button-prev,
.banner-swiper-button-next {
  width: 26px;
  height: 36px;
  background: rgba(0, 0, 0, 0.15);
  transition: all 0.2s;
}
.banner-swiper-button-prev .icon,
.banner-swiper-button-next .icon {
  color: #fff;
  position: relative;
}
.banner-swiper-button-prev:hover,
.banner-swiper-button-next:hover {
  background: rgba(0, 0, 0, 0.3);
}
.banner-swiper-button-prev::after,
.banner-swiper-button-next::after {
  display: none;
}
.banner-swiper-button-prev {
  border-radius: 0 400px 400px 0;
  left: 0;
}
.banner-swiper-button-prev .icon {
  right: 2px;
}
.banner-swiper-button-next {
  border-radius: 400px 0 0 400px;
  right: 0;
}
.banner-swiper-button-next .icon {
  left: 2px;
}
.poster-tips {
  width: 32px;
  height: 18px;
  background: rgba(0, 0, 0, 0.3);
  font-size: 12px;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  right: -3px;
  bottom: -2px;
  transform: scale(0.8);
}
.concise-pagination .ant-pagination-item {
  display: none;
}
.concise-pagination .ant-pagination-jump-prev,
.concise-pagination .ant-pagination-jump-next {
  display: none;
}
.concise-pagination .ant-pagination-prev,
.concise-pagination .ant-pagination-next {
  position: relative;
  width: 80px !important;
}
.concise-pagination .ant-pagination-prev .anticon,
.concise-pagination .ant-pagination-next .anticon {
  opacity: 0;
}
.concise-pagination .ant-pagination-prev::after,
.concise-pagination .ant-pagination-next::after {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 12px;
  color: #666;
}
.concise-pagination .ant-pagination-prev::after {
  content: '\4E0A\4E00\9875';
}
.concise-pagination .ant-pagination-next::after {
  content: '\4E0B\4E00\9875';
}
.dummy-inp {
  width: 0px;
  height: 0px;
  position: absolute;
  opacity: 0;
  left: -9999px;
}
input:-webkit-autofill {
  box-shadow: 0 0 0 1000px white inset !important;
}
input:-internal-autofill-previewed,
input:-internal-autofill-selected {
  -webkit-text-fill-color: #333 !important;
  transition: background-color 5000s ease-in-out 0s !important;
}
.website {
  min-width: 1200px;
  background-color: #fff;
}
.website-about .common-title {
  text-align: center;
  color: #fff;
}
.website-about .common-title.dark {
  color: #383838;
}
.website-about .common-title.dark .icon {
  border-color: #8b8b8b;
}
.website-about .common-title .icon {
  width: 66px;
  height: 66px;
  margin: 0 auto;
  border-radius: 50%;
  border: 3px solid #fff;
  display: flex;
  justify-content: center;
  align-items: center;
}
.website-about .common-title .icon img {
  width: 34px;
}
.website-about .common-title .chinese {
  font-size: 36px;
  font-weight: bold;
  margin-top: 18px;
  letter-spacing: 2px;
}
.website-about .common-title .english {
  font-size: 16px;
  font-weight: bold;
  margin-top: 18px;
}
.website-about .about-content .introduction {
  padding: 110px 0 0;
}
.website-about .about-content .introduction .introduction-content {
  width: 562px;
  margin: 0 auto;
  text-align: center;
  color: #a6a6a6;
  font-size: 16px;
  line-height: 38px;
  margin-top: 76px;
}
.website-about .about-content .introduction .introduction-banner {
  margin-top: 80px;
  position: relative;
}
.website-about .about-content .introduction .introduction-banner .mask-img {
  height: 620px;
  position: relative;
  background: url('https://oss.sulinks.com/static/images/website/introduction-img3.png') no-repeat;
  background-size: cover;
  background-position: center;
}
.website-about .about-content .introduction .introduction-banner .mask-img .mask {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.5);
}
.website-about .about-content .introduction .introduction-banner .bot-img {
  height: 282px;
  position: relative;
  background: url('https://oss.sulinks.com/static/images/website/introduction-img2.png') no-repeat;
  background-size: cover;
  background-position: center;
}
.website-about .about-content .introduction .introduction-banner .introduction-swiper {
  width: 870px;
  height: 530px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.website-about .about-content .introduction .introduction-banner .introduction-swiper .introduction-def {
  height: 100%;
  background: url('https://oss.sulinks.com/static/images/website/swiper-demo.png') no-repeat;
  background-size: cover;
  background-position: center;
}
.website-about .about-content .rainbow-bar .rainbow {
  height: 6px;
}
.website-about .about-content .rainbow-bar .rainbow1 {
  width: 14%;
  background-color: #e9da70;
}
.website-about .about-content .rainbow-bar .rainbow2 {
  width: 18%;
  background-color: #e3c188;
}
.website-about .about-content .rainbow-bar .rainbow3 {
  width: 18%;
  background-color: #9be4b2;
}
.website-about .about-content .rainbow-bar .rainbow4 {
  width: 18%;
  background-color: #9ac8e3;
}
.website-about .about-content .rainbow-bar .rainbow5 {
  width: 18%;
  background-color: #a39fe9;
}
.website-about .about-content .rainbow-bar .rainbow6 {
  width: 14%;
  background-color: #db6957;
}
.website-about .about-content .base-info {
  padding: 80px 0 120px;
  background-color: #f2f6ff;
}
.website-about .about-content .base-info .base-info-title {
  text-align: center;
  font-size: 24px;
  position: relative;
  padding-bottom: 16px;
}
.website-about .about-content .base-info .base-info-title::after {
  content: '';
  width: 52px;
  height: 5px;
  background-color: #69adfa;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 0;
}
.website-about .about-content .base-info .base-info-title .english {
  color: #a6a6a6;
}
.website-about .about-content .base-info .base-info-title .chinese {
  color: #383838;
  margin-top: 4px;
}
.website-about .about-content .base-info .base-info-content {
  width: 1200px;
  margin: 0 auto;
  margin-top: 64px;
}
.website-about .about-content .base-info .base-info-content .base-info-tips {
  justify-content: space-between;
  font-size: 18px;
}
.website-about .about-content .base-info .base-info-content .base-info-tips .more-btn {
  color: #2a82e4;
  cursor: pointer;
}
.website-about .about-content .base-info .base-info-content .base-info-tips .more-btn .icon {
  font-size: 16px;
  margin-left: 4px;
}
.website-about .about-content .base-info .base-info-content .base-info-table {
  flex-wrap: wrap;
  margin-top: 42px;
  border-right: 1px solid #d9d9d9;
}
.website-about .about-content .base-info .base-info-content .base-info-table .base-info-table-item {
  width: 55%;
  text-align: center;
  font-size: 18px;
}
.website-about .about-content .base-info .base-info-content .base-info-table .base-info-table-item:nth-of-type(2n) {
  width: 45%;
}
.website-about .about-content .base-info .base-info-content .base-info-table .base-info-table-item:nth-of-type(3) .base-info-table-label {
  background-color: #7484d1;
}
.website-about .about-content .base-info .base-info-content .base-info-table .base-info-table-item:nth-of-type(4) .base-info-table-label {
  background-color: #7484d1;
}
.website-about .about-content .base-info .base-info-content .base-info-table .base-info-table-item:last-of-type {
  width: 100%;
}
.website-about .about-content .base-info .base-info-content .base-info-table .base-info-table-item:last-of-type .base-info-table-label {
  background-color: #99a3de;
}
.website-about .about-content .base-info .base-info-content .base-info-table .base-info-table-item .base-info-table-label {
  width: 180px;
  height: 74px;
  line-height: 74px;
  background-color: #3e53be;
  color: #fff;
}
.website-about .about-content .base-info .base-info-content .base-info-table .base-info-table-item .base-info-table-label.license {
  height: 166px;
  line-height: 166px;
}
.website-about .about-content .base-info .base-info-content .base-info-table .base-info-table-item .base-info-table-value {
  flex: 1;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  text-align: left;
  position: relative;
  padding: 0 20px;
}
.website-about .about-content .base-info .base-info-content .base-info-table .base-info-table-item .base-info-table-value::before {
  content: '';
  width: 100%;
  height: 1px;
  background-color: #d9d9d9;
  position: absolute;
  top: 0;
  left: 0;
}
.website-about .about-content .base-info .base-info-content .base-info-table .base-info-table-item .base-info-table-value.license {
  line-height: 166px;
  justify-content: left;
}
.website-about .about-content .base-info .base-info-content .base-info-table .base-info-table-item .base-info-table-value.license .license-empty {
  margin-left: 80px;
  text-align: center;
}
.website-about .about-content .base-info .base-info-content .base-info-table .base-info-table-item .base-info-table-value.license .license-empty .license-empty-img {
  width: 80px;
  height: 80px;
  display: flex;
  align-items: center;
}
.website-about .about-content .base-info .base-info-content .base-info-table .base-info-table-item .base-info-table-value.license .license-empty .license-empty-img img {
  width: 100%;
  height: 100%;
  margin: 0;
  cursor: inherit;
}
.website-about .about-content .base-info .base-info-content .base-info-table .base-info-table-item .base-info-table-value.license .license-empty .license-empty-text {
  line-height: 1;
  font-size: 14px;
  color: #999;
  margin-top: 4px;
}
.website-about .about-content .base-info .base-info-content .base-info-table .base-info-table-item .base-info-table-value.license img {
  height: 138px;
  margin-left: 80px;
  cursor: pointer;
}
.website-about .about-content .base-info .base-info-content .base-info-table .base-info-table-item .base-info-table-value.license::after {
  content: '';
  width: 100%;
  height: 1px;
  background-color: #d9d9d9;
  position: absolute;
  bottom: 0;
  left: 0;
}
.license-modal-content {
  height: 80vh;
  text-align: center;
}
.license-modal-content img {
  width: 100%;
  height: 100%;
}

.text-ellipsis {
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}
.text-ellipsis2,
.text-ellipsis3,
.text-ellipsis4 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.text-ellipsis3 {
  -webkit-line-clamp: 3;
}
.text-ellipsis4 {
  -webkit-line-clamp: 4;
}
.position-c {
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
}
.position-x-c {
  position: absolute !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
}
.position-y-c {
  position: absolute !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
}
.flex {
  display: flex;
}
.flex-wrap {
  display: flex;
  flex-wrap: wrap;
}
.flex-column {
  display: flex;
  flex-direction: column;
}
.flex-c {
  display: flex;
  align-items: center;
}
.justify-between {
  display: flex;
  justify-content: space-between;
}
.empty-box {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.empty-box .empty-img {
  height: 120px;
  margin-top: -180px;
}
.empty-box .empty-img img {
  height: 100%;
}
.empty-box .empty-tips {
  font-size: 14px;
  color: #999;
  margin-top: 8px;
  position: relative;
  right: 5px;
}
.manage-page {
  background: #f4f6f9;
  min-height: 100vh;
}
.ant-badge-count {
  height: 16px;
  line-height: 16px;
  background-color: #f8524f;
}
.home-title {
  text-align: center;
  font-size: 28px;
  color: #383838;
  margin-bottom: 34px;
  position: relative;
  font-weight: 500;
  letter-spacing: 1px;
}
.home-title .home-title-content {
  position: relative;
}
.home-title .home-title-content::before,
.home-title .home-title-content::after {
  content: '';
  width: 23px;
  height: 19px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background: url('/static/home/title-icon.png') no-repeat;
  background-size: cover;
  background-position: center;
  margin-top: 2px;
}
.home-title .home-title-content::before {
  left: -40px;
}
.home-title .home-title-content::after {
  right: -40px;
}
.navbar-fixed-page {
  padding-top: 40px;
}
.anchor-position {
  position: absolute;
  top: -130px;
}
.banner-swiper-button-prev,
.banner-swiper-button-next {
  width: 26px;
  height: 36px;
  background: rgba(0, 0, 0, 0.15);
  transition: all 0.2s;
}
.banner-swiper-button-prev .icon,
.banner-swiper-button-next .icon {
  color: #fff;
  position: relative;
}
.banner-swiper-button-prev:hover,
.banner-swiper-button-next:hover {
  background: rgba(0, 0, 0, 0.3);
}
.banner-swiper-button-prev::after,
.banner-swiper-button-next::after {
  display: none;
}
.banner-swiper-button-prev {
  border-radius: 0 400px 400px 0;
  left: 0;
}
.banner-swiper-button-prev .icon {
  right: 2px;
}
.banner-swiper-button-next {
  border-radius: 400px 0 0 400px;
  right: 0;
}
.banner-swiper-button-next .icon {
  left: 2px;
}
.poster-tips {
  width: 32px;
  height: 18px;
  background: rgba(0, 0, 0, 0.3);
  font-size: 12px;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  right: -3px;
  bottom: -2px;
  transform: scale(0.8);
}
.concise-pagination .ant-pagination-item {
  display: none;
}
.concise-pagination .ant-pagination-jump-prev,
.concise-pagination .ant-pagination-jump-next {
  display: none;
}
.concise-pagination .ant-pagination-prev,
.concise-pagination .ant-pagination-next {
  position: relative;
  width: 80px !important;
}
.concise-pagination .ant-pagination-prev .anticon,
.concise-pagination .ant-pagination-next .anticon {
  opacity: 0;
}
.concise-pagination .ant-pagination-prev::after,
.concise-pagination .ant-pagination-next::after {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 12px;
  color: #666;
}
.concise-pagination .ant-pagination-prev::after {
  content: '\4E0A\4E00\9875';
}
.concise-pagination .ant-pagination-next::after {
  content: '\4E0B\4E00\9875';
}
.dummy-inp {
  width: 0px;
  height: 0px;
  position: absolute;
  opacity: 0;
  left: -9999px;
}
input:-webkit-autofill {
  box-shadow: 0 0 0 1000px white inset !important;
}
input:-internal-autofill-previewed,
input:-internal-autofill-selected {
  -webkit-text-fill-color: #333 !important;
  transition: background-color 5000s ease-in-out 0s !important;
}
.website {
  min-width: 1200px;
  background-color: #fff;
}
.website-home .common-title {
  text-align: center;
  color: #fff;
}
.website-home .common-title.dark {
  color: #383838;
}
.website-home .common-title.dark .icon {
  border-color: #8b8b8b;
}
.website-home .common-title .icon {
  width: 66px;
  height: 66px;
  margin: 0 auto;
  border-radius: 50%;
  border: 3px solid #fff;
  display: flex;
  justify-content: center;
  align-items: center;
}
.website-home .common-title .icon img {
  width: 34px;
}
.website-home .common-title .chinese {
  font-size: 36px;
  font-weight: bold;
  margin-top: 18px;
  letter-spacing: 2px;
}
.website-home .common-title .english {
  font-size: 16px;
  font-weight: bold;
  margin-top: 18px;
}
.website-home .introduction {
  padding: 110px 0 180px;
}
.website-home .introduction .introduction-content {
  width: 562px;
  margin: 0 auto;
  text-align: center;
  color: #a6a6a6;
  font-size: 16px;
  line-height: 38px;
  margin-top: 76px;
}
.website-home .introduction .introduction-banner {
  margin-top: 80px;
  position: relative;
}
.website-home .introduction .introduction-banner .mask-img {
  height: 620px;
  position: relative;
  background: url('https://oss.sulinks.com/static/images/website/introduction-img3.png') no-repeat;
  background-size: cover;
  background-position: center;
}
.website-home .introduction .introduction-banner .mask-img .mask {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.5);
}
.website-home .introduction .introduction-banner .bot-img {
  height: 282px;
  position: relative;
  background: url('https://oss.sulinks.com/static/images/website/introduction-img2.png') no-repeat;
  background-size: cover;
  background-position: center;
}
.website-home .introduction .introduction-banner .introduction-swiper {
  width: 870px;
  height: 530px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.website-home .introduction .introduction-banner .introduction-swiper .introduction-def {
  height: 100%;
  background: url('https://oss.sulinks.com/static/images/website/swiper-demo.png') no-repeat;
  background-size: cover;
  background-position: center;
}
.website-home .business .business-top {
  height: 434px;
  background: url('https://oss.sulinks.com/static/images/website/business-bg.png') no-repeat;
  background-size: cover;
  background-position: center;
  padding-top: 62px;
}
.website-home .business .business-top .business-navbar {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 96px;
  color: #fff;
}
.website-home .business .business-top .business-navbar .navbar-item {
  cursor: pointer;
  padding: 2px 14px;
}
.website-home .business .business-top .business-navbar .navbar-item.active {
  background-color: #00baad;
}
.website-home .business .business-top .business-navbar .navbar-item.more-btn {
  border: 1px solid #fff;
  border-radius: 16px;
  font-size: 16px;
  padding-right: 10px;
}
.website-home .business .business-top .business-navbar .navbar-item.more-btn a {
  color: #fff;
}
.website-home .business .business-top .business-navbar .navbar-item.more-btn .icon {
  margin-left: 3px;
}
.website-home .business .business-content {
  display: flex;
}
.website-home .business .business-content .business-item {
  width: 20%;
  height: 594px;
  position: relative;
  overflow: hidden;
  cursor: pointer;
  margin-top: 0;
}
.website-home .business .business-content .business-item.active .business-img::after {
  opacity: 0;
}
.website-home .business .business-content .business-item.active .business-info {
  opacity: 1;
}
.website-home .business .business-content .business-item:hover .business-img img {
  transform: scale(1.1);
}
.website-home .business .business-content .business-item .business-img {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 1;
  border-radius: 0;
}
.website-home .business .business-content .business-item .business-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.5s;
}
.website-home .business .business-content .business-item .business-img::after {
  content: '';
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.3);
  position: absolute;
  top: 0;
  left: 0;
  opacity: 1;
  transition: opacity 0.5s;
}
.website-home .business .business-content .business-info {
  width: 100%;
  position: absolute;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.5);
  opacity: 0;
  transition: opacity 0.5s;
  z-index: 2;
  padding: 20px 10px 15px;
}
.website-home .business .business-content .business-info:active {
  opacity: 1;
}
.website-home .business .business-content .business-info .business-title {
  color: #fff;
  font-size: 14px;
  font-weight: bold;
}
.website-home .business .business-content .business-info .business-title .business-type {
  font-size: 12px;
  color: #fff;
  background-color: #F1403C;
  padding: 1px 6px 2px;
  margin-right: 6px;
  font-weight: 400;
}
.website-home .business .business-content .business-info .business-title .business-type.buy {
  color: #487efb;
}
.website-home .business .business-content .business-info .business-tags {
  display: flex;
  margin-top: 10px;
}
.website-home .business .business-content .business-info .business-tags .tags-item {
  font-size: 12px;
  color: #fff;
  padding: 2px 6px;
  background-color: #0491fe;
  margin-right: 8px;
  border-radius: 2px;
}
.website-home .business .business-content .business-info .business-price {
  color: #ec8814;
  font-weight: bold;
  margin-top: 10px;
}
.website-home .idea {
  height: 800px;
  background-color: #30353b;
  padding-top: 70px;
  position: relative;
}
.website-home .idea .idea-bg {
  width: 100%;
  height: 100%;
  background-color: #ccc;
  position: absolute;
  top: 0;
  right: 0;
  background: url('https://oss.sulinks.com/static/images/website/idea-bg.png?123') no-repeat;
  background-size: cover;
  background-position: center;
  overflow: hidden;
}
.website-home .idea .idea-bg::after {
  content: '';
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.65);
  position: absolute;
  top: 0;
  left: 0;
}
.website-home .idea .idea-title {
  position: relative;
}
.website-home .idea .idea-title::before {
  content: '';
  display: block;
  width: 70px;
  height: 1px;
  background-color: #fff;
  margin: 0 auto;
  margin-bottom: 30px;
}
.website-home .idea .idea-list {
  display: flex;
  margin: 0 11.55%;
  justify-content: space-between;
  margin-top: 70px;
  position: relative;
}
.website-home .idea .idea-list .idea-item .idea-img {
  width: 200px;
  height: 200px;
  position: relative;
  border-radius: 50%;
}
.website-home .idea .idea-list .idea-item .idea-img img {
  width: 100%;
  height: 100%;
  position: relative;
}
.website-home .idea .idea-list .idea-item .idea-img .idea-num {
  width: 90px;
  height: 90px;
  border-radius: 50%;
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #24c5b3;
  left: 50%;
  transform: translateX(-50%);
  bottom: -46px;
  font-size: 36px;
  font-weight: bold;
  color: #fff;
}
.website-home .idea .idea-list .idea-item .idea-label {
  font-size: 20px;
  color: #fff;
  font-weight: bold;
  margin-top: 70px;
  text-align: center;
  letter-spacing: 2px;
}
.website-home .idea .idea-list .idea-item:nth-of-type(2) .idea-num {
  background-color: #ffc300;
}
.website-home .contact {
  padding: 64px 0 80px;
  background-color: #f0f1f5;
}
.website-home .contact .contact-content {
  height: 402px;
  margin: 74px 12% 0;
  display: flex;
}
.website-home .contact .contact-content .contact-form {
  width: 46%;
  position: relative;
}
.website-home .contact .contact-content .contact-form .contact-form-item {
  height: 72px;
  display: flex;
  align-items: center;
  border: 1px solid #d6d6d6;
  margin-top: 30px;
  padding-right: 12px;
}
.website-home .contact .contact-content .contact-form .contact-form-item:first-of-type {
  margin-top: 0;
}
.website-home .contact .contact-content .contact-form .contact-form-item .form-icon {
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 16px;
  margin-right: 10px;
}
.website-home .contact .contact-content .contact-form .contact-form-item .form-icon img {
  width: 30px;
}
.website-home .contact .contact-content .contact-form .contact-form-item .ant-select {
  flex: 1;
  height: 100%;
}
.website-home .contact .contact-content .contact-form .contact-form-item .ant-select .ant-select-selector {
  border: none;
  box-shadow: none;
  background: none;
  height: 100%;
}
.website-home .contact .contact-content .contact-form .contact-form-item .ant-select .ant-select-selector .ant-select-selection-search {
  height: 100%;
}
.website-home .contact .contact-content .contact-form .contact-form-item .ant-select .ant-select-selector .ant-select-selection-search .ant-select-selection-search-input {
  border: none;
  outline: none;
  color: #000;
  width: 100%;
  height: 100%;
}
.website-home .contact .contact-content .contact-form .contact-form-item .ant-select .ant-select-selector .ant-select-selection-placeholder {
  line-height: 72px;
  color: #707070;
  opacity: 1;
}
.website-home .contact .contact-content .contact-form .contact-btn {
  width: 200px;
  height: 72px;
  background-color: #0491fe;
  text-align: center;
  line-height: 72px;
  color: #fff;
  font-size: 20px;
  cursor: pointer;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  user-select: none;
}
.website-home .contact .contact-content .company-info {
  flex: 1;
  margin-left: 6%;
  position: relative;
  top: -6px;
}
.website-home .contact .contact-content .company-info .company-explain {
  font-size: 18px;
  color: #a6a6a6;
  letter-spacing: 1px;
  line-height: 30px;
  position: relative;
}
.website-home .contact .contact-content .company-info .company-qrcode {
  width: 140px;
  height: 140px;
  margin-top: 20px;
}
.website-home .contact .contact-content .company-info .company-qrcode img {
  width: 100%;
  height: 100%;
}
.website-home .contact .contact-content .company-info .cantact-channel {
  font-size: 18px;
  color: #808080;
  margin-top: 6px;
}
.website-home .contact .contact-content .company-info .cantact-channel.phone {
  margin-top: 16px;
}
.website-home .contact .contact-content .company-info .cantact-channel.phone .value {
  font-size: 24px;
  color: #0491fe;
}

.text-ellipsis {
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}
.text-ellipsis2,
.text-ellipsis3,
.text-ellipsis4 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.text-ellipsis3 {
  -webkit-line-clamp: 3;
}
.text-ellipsis4 {
  -webkit-line-clamp: 4;
}
.position-c {
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
}
.position-x-c {
  position: absolute !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
}
.position-y-c {
  position: absolute !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
}
.flex {
  display: flex;
}
.flex-wrap {
  display: flex;
  flex-wrap: wrap;
}
.flex-column {
  display: flex;
  flex-direction: column;
}
.flex-c {
  display: flex;
  align-items: center;
}
.justify-between {
  display: flex;
  justify-content: space-between;
}
.empty-box {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.empty-box .empty-img {
  height: 120px;
  margin-top: -180px;
}
.empty-box .empty-img img {
  height: 100%;
}
.empty-box .empty-tips {
  font-size: 14px;
  color: #999;
  margin-top: 8px;
  position: relative;
  right: 5px;
}
.manage-page {
  background: #f4f6f9;
  min-height: 100vh;
}
.ant-badge-count {
  height: 16px;
  line-height: 16px;
  background-color: #f8524f;
}
.home-title {
  text-align: center;
  font-size: 28px;
  color: #383838;
  margin-bottom: 34px;
  position: relative;
  font-weight: 500;
  letter-spacing: 1px;
}
.home-title .home-title-content {
  position: relative;
}
.home-title .home-title-content::before,
.home-title .home-title-content::after {
  content: '';
  width: 23px;
  height: 19px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background: url('/static/home/title-icon.png') no-repeat;
  background-size: cover;
  background-position: center;
  margin-top: 2px;
}
.home-title .home-title-content::before {
  left: -40px;
}
.home-title .home-title-content::after {
  right: -40px;
}
.navbar-fixed-page {
  padding-top: 40px;
}
.anchor-position {
  position: absolute;
  top: -130px;
}
.banner-swiper-button-prev,
.banner-swiper-button-next {
  width: 26px;
  height: 36px;
  background: rgba(0, 0, 0, 0.15);
  transition: all 0.2s;
}
.banner-swiper-button-prev .icon,
.banner-swiper-button-next .icon {
  color: #fff;
  position: relative;
}
.banner-swiper-button-prev:hover,
.banner-swiper-button-next:hover {
  background: rgba(0, 0, 0, 0.3);
}
.banner-swiper-button-prev::after,
.banner-swiper-button-next::after {
  display: none;
}
.banner-swiper-button-prev {
  border-radius: 0 400px 400px 0;
  left: 0;
}
.banner-swiper-button-prev .icon {
  right: 2px;
}
.banner-swiper-button-next {
  border-radius: 400px 0 0 400px;
  right: 0;
}
.banner-swiper-button-next .icon {
  left: 2px;
}
.poster-tips {
  width: 32px;
  height: 18px;
  background: rgba(0, 0, 0, 0.3);
  font-size: 12px;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  right: -3px;
  bottom: -2px;
  transform: scale(0.8);
}
.concise-pagination .ant-pagination-item {
  display: none;
}
.concise-pagination .ant-pagination-jump-prev,
.concise-pagination .ant-pagination-jump-next {
  display: none;
}
.concise-pagination .ant-pagination-prev,
.concise-pagination .ant-pagination-next {
  position: relative;
  width: 80px !important;
}
.concise-pagination .ant-pagination-prev .anticon,
.concise-pagination .ant-pagination-next .anticon {
  opacity: 0;
}
.concise-pagination .ant-pagination-prev::after,
.concise-pagination .ant-pagination-next::after {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 12px;
  color: #666;
}
.concise-pagination .ant-pagination-prev::after {
  content: '\4E0A\4E00\9875';
}
.concise-pagination .ant-pagination-next::after {
  content: '\4E0B\4E00\9875';
}
.dummy-inp {
  width: 0px;
  height: 0px;
  position: absolute;
  opacity: 0;
  left: -9999px;
}
input:-webkit-autofill {
  box-shadow: 0 0 0 1000px white inset !important;
}
input:-internal-autofill-previewed,
input:-internal-autofill-selected {
  -webkit-text-fill-color: #333 !important;
  transition: background-color 5000s ease-in-out 0s !important;
}
.website {
  min-width: 1200px;
  background-color: #fff;
}
.website-news .news-main {
  height: 830px;
  width: 1200px;
  margin: 0 auto;
  padding: 162px 0 200px;
  position: relative;
}
.website-news .news-main .news-content .news-left {
  width: 556px;
  cursor: pointer;
}
.website-news .news-main .news-content .news-left:hover .news-left-title {
  color: #0491fe;
}
.website-news .news-main .news-content .news-left:hover .news-img::before {
  transform: scale(1.1);
}
.website-news .news-main .news-content .news-left:hover .news-img img {
  transform: scale(1.1);
}
.website-news .news-main .news-content .news-left .news-img {
  width: 100%;
  height: 270px;
  overflow: hidden;
  position: relative;
}
.website-news .news-main .news-content .news-left .news-img::before {
  content: '';
  width: 100%;
  height: 100%;
  background: url('https://oss.sulinks.com/static/images/website/news-bg.png') no-repeat;
  background-size: cover;
  background-position: center;
  position: absolute;
  top: 0;
  left: 0;
  transition: all 0.5s;
}
.website-news .news-main .news-content .news-left .news-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.5s;
  position: relative;
}
.website-news .news-main .news-content .news-left .news-left-title {
  max-width: 460px;
  margin-top: 42px;
  color: #383838;
  transition: color 0.2s;
}
.website-news .news-main .news-content .news-left .news-left-content {
  font-size: 14px;
  color: #a6a6a6;
  margin-top: 14px;
  transition: color 0.2s;
}
.website-news .news-main .news-content .news-list {
  flex: 1;
  margin-left: 80px;
  position: relative;
  top: -10px;
}
.website-news .news-main .news-content .news-list .news-item {
  margin-top: 26px;
}
.website-news .news-main .news-content .news-list .news-item:first-of-type {
  margin-top: 0;
}
.website-news .news-main .news-content .news-list .news-item .news-date {
  min-width: 64px;
  padding-right: 14px;
  position: relative;
}
.website-news .news-main .news-content .news-list .news-item .news-date::after {
  content: '';
  width: 1px;
  height: 40px;
  background-color: #c4c4c4;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
}
.website-news .news-main .news-content .news-list .news-item .news-date .date {
  font-size: 24px;
  color: #383838;
}
.website-news .news-main .news-content .news-list .news-item .news-date .year {
  text-align: right;
  padding-right: 4px;
  font-size: 14px;
}
.website-news .news-main .news-content .news-list .news-item .news-info {
  padding-left: 14px;
  flex: 1;
  cursor: pointer;
}
.website-news .news-main .news-content .news-list .news-item .news-info:hover .news-title {
  color: #0491fe;
}
.website-news .news-main .news-content .news-list .news-item .news-info:hover .news-content {
  color: #0491fe;
}
.website-news .news-main .news-content .news-list .news-item .news-info .news-title {
  font-size: 18px;
  color: #383838;
  transition: color 0.2s;
  max-width: 400px;
}
.website-news .news-main .news-content .news-list .news-item .news-info .news-value {
  font-size: 14px;
  color: #a6a6a6;
  transition: color 0.2s;
  max-width: 460px;
}
.website-news .news-main .supply-pagination {
  padding: 80px 0 60px;
  display: flex;
  justify-content: center;
}
.website-news .news-main .supply-pagination .ant-pagination-item {
  min-width: 44px;
  height: 40px;
  line-height: 40px;
  border: 1px solid #e5e5e5;
  margin-right: 16px;
}
.website-news .news-main .supply-pagination .ant-pagination-item.ant-pagination-item-active {
  background-color: #0491fe;
  border-color: #0491fe;
}
.website-news .news-main .supply-pagination .ant-pagination-item.ant-pagination-item-active a {
  color: #fff;
}
.website-news .news-main .supply-pagination .ant-pagination-prev {
  width: 44px;
  height: 40px;
  line-height: 40px;
  margin-right: 16px;
}
.website-news .news-main .supply-pagination .ant-pagination-next {
  width: 44px;
  height: 40px;
  line-height: 40px;
}
.website-news .news-main .supply-pagination .ant-pagination-disabled,
.website-news .news-main .supply-pagination .ant-pagination-disabled:hover,
.website-news .news-main .supply-pagination .ant-pagination-disabled:focus {
  cursor: inherit;
}

.text-ellipsis {
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}
.text-ellipsis2,
.text-ellipsis3,
.text-ellipsis4 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.text-ellipsis3 {
  -webkit-line-clamp: 3;
}
.text-ellipsis4 {
  -webkit-line-clamp: 4;
}
.position-c {
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
}
.position-x-c {
  position: absolute !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
}
.position-y-c {
  position: absolute !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
}
.flex {
  display: flex;
}
.flex-wrap {
  display: flex;
  flex-wrap: wrap;
}
.flex-column {
  display: flex;
  flex-direction: column;
}
.flex-c {
  display: flex;
  align-items: center;
}
.justify-between {
  display: flex;
  justify-content: space-between;
}
.empty-box {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.empty-box .empty-img {
  height: 120px;
  margin-top: -180px;
}
.empty-box .empty-img img {
  height: 100%;
}
.empty-box .empty-tips {
  font-size: 14px;
  color: #999;
  margin-top: 8px;
  position: relative;
  right: 5px;
}
.manage-page {
  background: #f4f6f9;
  min-height: 100vh;
}
.ant-badge-count {
  height: 16px;
  line-height: 16px;
  background-color: #f8524f;
}
.home-title {
  text-align: center;
  font-size: 28px;
  color: #383838;
  margin-bottom: 34px;
  position: relative;
  font-weight: 500;
  letter-spacing: 1px;
}
.home-title .home-title-content {
  position: relative;
}
.home-title .home-title-content::before,
.home-title .home-title-content::after {
  content: '';
  width: 23px;
  height: 19px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background: url('/static/home/title-icon.png') no-repeat;
  background-size: cover;
  background-position: center;
  margin-top: 2px;
}
.home-title .home-title-content::before {
  left: -40px;
}
.home-title .home-title-content::after {
  right: -40px;
}
.navbar-fixed-page {
  padding-top: 40px;
}
.anchor-position {
  position: absolute;
  top: -130px;
}
.banner-swiper-button-prev,
.banner-swiper-button-next {
  width: 26px;
  height: 36px;
  background: rgba(0, 0, 0, 0.15);
  transition: all 0.2s;
}
.banner-swiper-button-prev .icon,
.banner-swiper-button-next .icon {
  color: #fff;
  position: relative;
}
.banner-swiper-button-prev:hover,
.banner-swiper-button-next:hover {
  background: rgba(0, 0, 0, 0.3);
}
.banner-swiper-button-prev::after,
.banner-swiper-button-next::after {
  display: none;
}
.banner-swiper-button-prev {
  border-radius: 0 400px 400px 0;
  left: 0;
}
.banner-swiper-button-prev .icon {
  right: 2px;
}
.banner-swiper-button-next {
  border-radius: 400px 0 0 400px;
  right: 0;
}
.banner-swiper-button-next .icon {
  left: 2px;
}
.poster-tips {
  width: 32px;
  height: 18px;
  background: rgba(0, 0, 0, 0.3);
  font-size: 12px;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  right: -3px;
  bottom: -2px;
  transform: scale(0.8);
}
.concise-pagination .ant-pagination-item {
  display: none;
}
.concise-pagination .ant-pagination-jump-prev,
.concise-pagination .ant-pagination-jump-next {
  display: none;
}
.concise-pagination .ant-pagination-prev,
.concise-pagination .ant-pagination-next {
  position: relative;
  width: 80px !important;
}
.concise-pagination .ant-pagination-prev .anticon,
.concise-pagination .ant-pagination-next .anticon {
  opacity: 0;
}
.concise-pagination .ant-pagination-prev::after,
.concise-pagination .ant-pagination-next::after {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 12px;
  color: #666;
}
.concise-pagination .ant-pagination-prev::after {
  content: '\4E0A\4E00\9875';
}
.concise-pagination .ant-pagination-next::after {
  content: '\4E0B\4E00\9875';
}
.dummy-inp {
  width: 0px;
  height: 0px;
  position: absolute;
  opacity: 0;
  left: -9999px;
}
input:-webkit-autofill {
  box-shadow: 0 0 0 1000px white inset !important;
}
input:-internal-autofill-previewed,
input:-internal-autofill-selected {
  -webkit-text-fill-color: #333 !important;
  transition: background-color 5000s ease-in-out 0s !important;
}
.website {
  min-width: 1220px;
  background-color: #fff;
}
.website-supply .supply-content {
  width: 1220px;
  margin: 0 auto;
}
.website-supply .supply-content .supply-tabs {
  margin-top: 88px;
  display: flex;
  align-items: center;
}
.website-supply .supply-content .supply-tabs .tabs-item {
  color: #333;
  padding: 8px 0px;
  cursor: pointer;
  margin-left: 78px;
  transition: color 0.2s;
  position: relative;
  user-select: none;
}
.website-supply .supply-content .supply-tabs .tabs-item::after {
  content: '';
  width: 0;
  height: 4px;
  background-color: #0491fe;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 0;
  transition: width 0.2s;
}
.website-supply .supply-content .supply-tabs .tabs-item.active {
  color: #0491fe;
}
.website-supply .supply-content .supply-tabs .tabs-item.active::after {
  width: 28px;
}
.website-supply .supply-content .supply-tabs .tabs-item:first-of-type {
  margin-left: 0;
}
.website-supply .supply-content .supply-list {
  display: flex;
  flex-wrap: wrap;
  margin-top: 60px;
  min-height: 436px;
}
.website-supply .supply-content .supply-list .supply-item {
  width: 282px;
  height: auto;
  margin-right: 30px;
  margin-bottom: 26px;
  cursor: pointer;
  box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1);
  border-radius: 8px;
  overflow: hidden;
}
.website-supply .supply-content .supply-list .supply-item:nth-of-type(4n) {
  margin-right: 0;
}
.website-supply .supply-content .supply-list .supply-item:hover .supply-img img {
  transform: scale(1.1);
}
.website-supply .supply-content .supply-list .supply-item .supply-img {
  width: 282px;
  height: 278px;
  background-color: #f1f1f1;
  overflow: hidden;
  position: relative;
}
.website-supply .supply-content .supply-list .supply-item .supply-img::after {
  content: '';
  width: 100px;
  height: 100px;
  background: url('https://oss.sulinks.com/static/images/website/def_img.png') no-repeat;
  background-position: center;
  background-size: 100% 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  opacity: 0.3;
  z-index: 0;
}
.website-supply .supply-content .supply-list .supply-item .supply-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.5s;
  position: relative;
  z-index: 1;
}
.website-supply .supply-content .supply-list .supply-item .supply-info {
  padding: 10px 14px;
}
.website-supply .supply-content .supply-list .supply-item .supply-info .supply-title {
  color: #383838;
  font-size: 14px;
  font-weight: bold;
  min-height: 44px;
}
.website-supply .supply-content .supply-list .supply-item .supply-info .supply-title .business-type {
  font-size: 12px;
  color: #fff;
  background-color: #F1403C;
  padding: 1px 6px 2px;
  margin-right: 6px;
  font-weight: 400;
}
.website-supply .supply-content .supply-list .supply-item .supply-info .supply-title .business-type.buy {
  background-color: #487efb;
}
.website-supply .supply-content .supply-list .supply-item .supply-info .supply-tags {
  display: flex;
  margin-top: 10px;
}
.website-supply .supply-content .supply-list .supply-item .supply-info .supply-tags .tags-item {
  font-size: 12px;
  color: #808080;
  padding: 2px 6px;
  background-color: #f3f3f3;
  margin-right: 8px;
  border-radius: 2px;
}
.website-supply .supply-content .supply-list .supply-item .supply-info .supply-price {
  color: #f1403c;
  font-weight: bold;
  margin-top: 10px;
}
.website-supply .supply-content .supply-list .supply-item.raw-material {
  box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1);
  width: 380px;
  height: 142px;
}
.website-supply .supply-content .supply-list .supply-item.raw-material:nth-of-type(3n) {
  margin-right: 0;
}
.website-supply .supply-content .supply-list .supply-item.raw-material:nth-of-type(4n) {
  margin-right: 30px;
}
.website-supply .supply-content .supply-list .supply-item.raw-material .supply-title {
  font-size: 16px;
  min-height: 51px;
}
.website-supply .supply-content .supply-list .supply-item.raw-material .supply-price .supply-price-label {
  color: #333;
  font-weight: 400;
}
.website-supply .supply-content .supply-list .supply-item.raw-material .supply-store {
  color: #333;
  margin-top: 10px;
}
.website-supply .supply-content .supply-pagination {
  padding: 60px 0 60px;
  display: flex;
  justify-content: center;
}
.website-supply .supply-content .supply-pagination .ant-pagination-item {
  min-width: 44px;
  height: 40px;
  line-height: 40px;
  border: 1px solid #e5e5e5;
  margin-right: 16px;
}
.website-supply .supply-content .supply-pagination .ant-pagination-item.ant-pagination-item-active {
  background-color: #0491fe;
  border-color: #0491fe;
}
.website-supply .supply-content .supply-pagination .ant-pagination-item.ant-pagination-item-active a {
  color: #fff;
}
.website-supply .supply-content .supply-pagination .ant-pagination-prev {
  width: 44px;
  height: 40px;
  line-height: 40px;
  margin-right: 16px;
}
.website-supply .supply-content .supply-pagination .ant-pagination-next {
  width: 44px;
  height: 40px;
  line-height: 40px;
}
.website-supply .supply-content .supply-pagination .ant-pagination-disabled,
.website-supply .supply-content .supply-pagination .ant-pagination-disabled:hover,
.website-supply .supply-content .supply-pagination .ant-pagination-disabled:focus {
  cursor: inherit;
}

.text-ellipsis {
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}
.text-ellipsis2,
.text-ellipsis3,
.text-ellipsis4 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.text-ellipsis3 {
  -webkit-line-clamp: 3;
}
.text-ellipsis4 {
  -webkit-line-clamp: 4;
}
.position-c {
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
}
.position-x-c {
  position: absolute !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
}
.position-y-c {
  position: absolute !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
}
.flex {
  display: flex;
}
.flex-wrap {
  display: flex;
  flex-wrap: wrap;
}
.flex-column {
  display: flex;
  flex-direction: column;
}
.flex-c {
  display: flex;
  align-items: center;
}
.justify-between {
  display: flex;
  justify-content: space-between;
}
.empty-box {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.empty-box .empty-img {
  height: 120px;
  margin-top: -180px;
}
.empty-box .empty-img img {
  height: 100%;
}
.empty-box .empty-tips {
  font-size: 14px;
  color: #999;
  margin-top: 8px;
  position: relative;
  right: 5px;
}
.manage-page {
  background: #f4f6f9;
  min-height: 100vh;
}
.ant-badge-count {
  height: 16px;
  line-height: 16px;
  background-color: #f8524f;
}
.home-title {
  text-align: center;
  font-size: 28px;
  color: #383838;
  margin-bottom: 34px;
  position: relative;
  font-weight: 500;
  letter-spacing: 1px;
}
.home-title .home-title-content {
  position: relative;
}
.home-title .home-title-content::before,
.home-title .home-title-content::after {
  content: '';
  width: 23px;
  height: 19px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background: url('/static/home/title-icon.png') no-repeat;
  background-size: cover;
  background-position: center;
  margin-top: 2px;
}
.home-title .home-title-content::before {
  left: -40px;
}
.home-title .home-title-content::after {
  right: -40px;
}
.navbar-fixed-page {
  padding-top: 40px;
}
.anchor-position {
  position: absolute;
  top: -130px;
}
.banner-swiper-button-prev,
.banner-swiper-button-next {
  width: 26px;
  height: 36px;
  background: rgba(0, 0, 0, 0.15);
  transition: all 0.2s;
}
.banner-swiper-button-prev .icon,
.banner-swiper-button-next .icon {
  color: #fff;
  position: relative;
}
.banner-swiper-button-prev:hover,
.banner-swiper-button-next:hover {
  background: rgba(0, 0, 0, 0.3);
}
.banner-swiper-button-prev::after,
.banner-swiper-button-next::after {
  display: none;
}
.banner-swiper-button-prev {
  border-radius: 0 400px 400px 0;
  left: 0;
}
.banner-swiper-button-prev .icon {
  right: 2px;
}
.banner-swiper-button-next {
  border-radius: 400px 0 0 400px;
  right: 0;
}
.banner-swiper-button-next .icon {
  left: 2px;
}
.poster-tips {
  width: 32px;
  height: 18px;
  background: rgba(0, 0, 0, 0.3);
  font-size: 12px;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  right: -3px;
  bottom: -2px;
  transform: scale(0.8);
}
.concise-pagination .ant-pagination-item {
  display: none;
}
.concise-pagination .ant-pagination-jump-prev,
.concise-pagination .ant-pagination-jump-next {
  display: none;
}
.concise-pagination .ant-pagination-prev,
.concise-pagination .ant-pagination-next {
  position: relative;
  width: 80px !important;
}
.concise-pagination .ant-pagination-prev .anticon,
.concise-pagination .ant-pagination-next .anticon {
  opacity: 0;
}
.concise-pagination .ant-pagination-prev::after,
.concise-pagination .ant-pagination-next::after {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 12px;
  color: #666;
}
.concise-pagination .ant-pagination-prev::after {
  content: '\4E0A\4E00\9875';
}
.concise-pagination .ant-pagination-next::after {
  content: '\4E0B\4E00\9875';
}
.dummy-inp {
  width: 0px;
  height: 0px;
  position: absolute;
  opacity: 0;
  left: -9999px;
}
input:-webkit-autofill {
  box-shadow: 0 0 0 1000px white inset !important;
}
input:-internal-autofill-previewed,
input:-internal-autofill-selected {
  -webkit-text-fill-color: #333 !important;
  transition: background-color 5000s ease-in-out 0s !important;
}
.website {
  min-width: 1472px;
  background-color: #fff;
}
.youxin-about .common-title {
  text-align: center;
  color: #383838;
  margin: 80px 0 76px;
  font-size: 30px;
  letter-spacing: 2px;
  position: relative;
}
.youxin-about .common-title::after {
  content: '';
  width: 88px;
  height: 4px;
  background: #FFC100;
  position: absolute;
  bottom: -16px;
  left: 50%;
  transform: translateX(-50%);
}
.youxin-about .about-content .introduction .introduction-content {
  width: 1220px;
  margin: 0 auto;
  text-align: justify;
  color: #AFAFAF;
  font-size: 20px;
  line-height: 48px;
  letter-spacing: 2px;
  text-indent: 40px;
}
.youxin-about .about-content .service {
  margin-top: 120px;
}
.youxin-about .about-content .service .service-content {
  width: 1472px;
  height: 638px;
  margin: 0 auto;
  background: #eee;
  display: flex;
}
.youxin-about .about-content .service .service-content .item {
  flex: 1;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  transition: all 0.5s;
  cursor: pointer;
  position: relative;
  overflow: hidden;
}
.youxin-about .about-content .service .service-content .item .content {
  width: 370px;
  color: #fff;
  position: absolute;
  top: 44%;
  left: 72px;
  transform: translateY(-50%);
  opacity: 0;
  letter-spacing: 2px;
  transition: all 0.3s;
}
.youxin-about .about-content .service .service-content .item .content .title {
  font-size: 34px;
  margin-bottom: 18px;
}
.youxin-about .about-content .service .service-content .item .content .tips {
  font-size: 16px;
  line-height: 34px;
}
.youxin-about .about-content .service .service-content .item .vertical {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  font-size: 34px;
  color: #fff;
  text-align: center;
  opacity: 1;
  transition: all 0.3s;
}
.youxin-about .about-content .service .service-content .item.active {
  flex: 3.7;
}
.youxin-about .about-content .service .service-content .item.active .content {
  opacity: 1;
}
.youxin-about .about-content .service .service-content .item.active .vertical {
  opacity: 0;
}
.youxin-about .about-content .service .service-content .item::before {
  content: '';
  width: 100%;
  height: 100%;
  background: rgba(16, 88, 204, 0.38);
  position: absolute;
  left: 0;
  top: 0;
}
.youxin-about .about-content .history {
  margin: 0 auto;
  margin-top: 100px;
  width: 1472px;
}
.youxin-about .about-content .history .title {
  text-align: center;
  font-size: 30px;
  line-height: 1;
  letter-spacing: 2px;
}
.youxin-about .about-content .history .content {
  margin-top: 80px;
}
.youxin-about .about-content .history .content .item {
  flex: 1;
  text-align: center;
  line-height: 1;
}
.youxin-about .about-content .history .content .item:nth-of-type(2) {
  margin: 0 30px;
}
.youxin-about .about-content .history .content .item .text {
  font-size: 56px;
  color: #D70008;
  padding-bottom: 30px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}
.youxin-about .about-content .history .content .item .tips {
  font-size: 20px;
  color: #000;
  margin-top: 24px;
}
.youxin-about .about-content .case {
  width: 1472px;
  margin: 0 auto;
  padding: 50px 0 76px;
}
.youxin-about .about-content .case .case-content {
  justify-content: space-between;
  flex-wrap: wrap;
}
.youxin-about .about-content .case .case-content .item {
  width: 350px;
  height: 270px;
  margin-bottom: 24px;
  position: relative;
  overflow: hidden;
}
.youxin-about .about-content .case .case-content .item .img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: relative;
  z-index: 0;
  transition: all 0.5s;
}
.youxin-about .about-content .case .case-content .item .label {
  width: 100%;
  height: 100%;
  background: rgba(16, 88, 204, 0.38);
  position: absolute;
  z-index: 1;
  left: 0;
  top: 0;
}
.youxin-about .about-content .case .case-content .item .label .text {
  font-size: 34px;
  color: #fff;
  position: absolute;
  left: 28px;
  bottom: 38px;
}
.youxin-about .about-content .case .case-content .item:hover .img {
  transform: scale(1.2);
}
.youxin-about .about-content .base-info {
  padding: 80px 0 120px;
  background-color: #f2f6ff;
}
.youxin-about .about-content .base-info .base-info-title {
  text-align: center;
  font-size: 24px;
  position: relative;
  padding-bottom: 14px;
}
.youxin-about .about-content .base-info .base-info-title::after {
  content: '';
  width: 52px;
  height: 4px;
  background-color: #3e53be;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 0;
}
.youxin-about .about-content .base-info .base-info-title .english {
  color: #a6a6a6;
}
.youxin-about .about-content .base-info .base-info-title .chinese {
  color: #383838;
  margin-top: 4px;
}
.youxin-about .about-content .base-info .base-info-content {
  width: 1472px;
  margin: 0 auto;
  margin-top: 64px;
}
.youxin-about .about-content .base-info .base-info-content .base-info-tips {
  justify-content: space-between;
  font-size: 18px;
}
.youxin-about .about-content .base-info .base-info-content .base-info-tips .more-btn {
  color: #052CCE;
  cursor: pointer;
}
.youxin-about .about-content .base-info .base-info-content .base-info-tips .more-btn .icon {
  font-size: 16px;
  margin-left: 4px;
}
.youxin-about .about-content .base-info .base-info-content .base-info-table {
  flex-wrap: wrap;
  margin-top: 42px;
  border-right: 1px solid #d9d9d9;
}
.youxin-about .about-content .base-info .base-info-content .base-info-table .base-info-table-item {
  width: 55%;
  text-align: center;
  font-size: 18px;
}
.youxin-about .about-content .base-info .base-info-content .base-info-table .base-info-table-item:nth-of-type(2n) {
  width: 45%;
}
.youxin-about .about-content .base-info .base-info-content .base-info-table .base-info-table-item:nth-of-type(3) .base-info-table-label {
  background-color: #7484d1;
}
.youxin-about .about-content .base-info .base-info-content .base-info-table .base-info-table-item:nth-of-type(4) .base-info-table-label {
  background-color: #7484d1;
}
.youxin-about .about-content .base-info .base-info-content .base-info-table .base-info-table-item:last-of-type {
  width: 100%;
}
.youxin-about .about-content .base-info .base-info-content .base-info-table .base-info-table-item:last-of-type .base-info-table-label {
  background-color: #99a3de;
}
.youxin-about .about-content .base-info .base-info-content .base-info-table .base-info-table-item .base-info-table-label {
  width: 180px;
  height: 74px;
  line-height: 74px;
  background-color: #3e53be;
  color: #fff;
}
.youxin-about .about-content .base-info .base-info-content .base-info-table .base-info-table-item .base-info-table-label.license {
  height: 166px;
  line-height: 166px;
}
.youxin-about .about-content .base-info .base-info-content .base-info-table .base-info-table-item .base-info-table-value {
  flex: 1;
  height: 100%;
  display: flex;
  align-items: center;
  box-sizing: border-box;
  text-align: left;
  position: relative;
  padding: 0 40px;
}
.youxin-about .about-content .base-info .base-info-content .base-info-table .base-info-table-item .base-info-table-value::before {
  content: '';
  width: 100%;
  height: 1px;
  background-color: #d9d9d9;
  position: absolute;
  top: 0;
  left: 0;
}
.youxin-about .about-content .base-info .base-info-content .base-info-table .base-info-table-item .base-info-table-value.license {
  line-height: 166px;
  justify-content: left;
}
.youxin-about .about-content .base-info .base-info-content .base-info-table .base-info-table-item .base-info-table-value.license .license-empty {
  margin-left: 80px;
  text-align: center;
}
.youxin-about .about-content .base-info .base-info-content .base-info-table .base-info-table-item .base-info-table-value.license .license-empty .license-empty-img {
  width: 80px;
  height: 80px;
  display: flex;
  align-items: center;
}
.youxin-about .about-content .base-info .base-info-content .base-info-table .base-info-table-item .base-info-table-value.license .license-empty .license-empty-img img {
  width: 100%;
  height: 100%;
  margin: 0;
  cursor: inherit;
}
.youxin-about .about-content .base-info .base-info-content .base-info-table .base-info-table-item .base-info-table-value.license .license-empty .license-empty-text {
  line-height: 1;
  font-size: 14px;
  color: #999;
  margin-top: 4px;
}
.youxin-about .about-content .base-info .base-info-content .base-info-table .base-info-table-item .base-info-table-value.license img {
  height: 138px;
  cursor: pointer;
}
.youxin-about .about-content .base-info .base-info-content .base-info-table .base-info-table-item .base-info-table-value.license::after {
  content: '';
  width: 100%;
  height: 1px;
  background-color: #d9d9d9;
  position: absolute;
  bottom: 0;
  left: 0;
}
.license-modal-content {
  height: 80vh;
  text-align: center;
}
.license-modal-content img {
  width: 100%;
  height: 100%;
}

.text-ellipsis {
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}
.text-ellipsis2,
.text-ellipsis3,
.text-ellipsis4 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.text-ellipsis3 {
  -webkit-line-clamp: 3;
}
.text-ellipsis4 {
  -webkit-line-clamp: 4;
}
.position-c {
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
}
.position-x-c {
  position: absolute !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
}
.position-y-c {
  position: absolute !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
}
.flex {
  display: flex;
}
.flex-wrap {
  display: flex;
  flex-wrap: wrap;
}
.flex-column {
  display: flex;
  flex-direction: column;
}
.flex-c {
  display: flex;
  align-items: center;
}
.justify-between {
  display: flex;
  justify-content: space-between;
}
.empty-box {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.empty-box .empty-img {
  height: 120px;
  margin-top: -180px;
}
.empty-box .empty-img img {
  height: 100%;
}
.empty-box .empty-tips {
  font-size: 14px;
  color: #999;
  margin-top: 8px;
  position: relative;
  right: 5px;
}
.manage-page {
  background: #f4f6f9;
  min-height: 100vh;
}
.ant-badge-count {
  height: 16px;
  line-height: 16px;
  background-color: #f8524f;
}
.home-title {
  text-align: center;
  font-size: 28px;
  color: #383838;
  margin-bottom: 34px;
  position: relative;
  font-weight: 500;
  letter-spacing: 1px;
}
.home-title .home-title-content {
  position: relative;
}
.home-title .home-title-content::before,
.home-title .home-title-content::after {
  content: '';
  width: 23px;
  height: 19px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background: url('/static/home/title-icon.png') no-repeat;
  background-size: cover;
  background-position: center;
  margin-top: 2px;
}
.home-title .home-title-content::before {
  left: -40px;
}
.home-title .home-title-content::after {
  right: -40px;
}
.navbar-fixed-page {
  padding-top: 40px;
}
.anchor-position {
  position: absolute;
  top: -130px;
}
.banner-swiper-button-prev,
.banner-swiper-button-next {
  width: 26px;
  height: 36px;
  background: rgba(0, 0, 0, 0.15);
  transition: all 0.2s;
}
.banner-swiper-button-prev .icon,
.banner-swiper-button-next .icon {
  color: #fff;
  position: relative;
}
.banner-swiper-button-prev:hover,
.banner-swiper-button-next:hover {
  background: rgba(0, 0, 0, 0.3);
}
.banner-swiper-button-prev::after,
.banner-swiper-button-next::after {
  display: none;
}
.banner-swiper-button-prev {
  border-radius: 0 400px 400px 0;
  left: 0;
}
.banner-swiper-button-prev .icon {
  right: 2px;
}
.banner-swiper-button-next {
  border-radius: 400px 0 0 400px;
  right: 0;
}
.banner-swiper-button-next .icon {
  left: 2px;
}
.poster-tips {
  width: 32px;
  height: 18px;
  background: rgba(0, 0, 0, 0.3);
  font-size: 12px;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  right: -3px;
  bottom: -2px;
  transform: scale(0.8);
}
.concise-pagination .ant-pagination-item {
  display: none;
}
.concise-pagination .ant-pagination-jump-prev,
.concise-pagination .ant-pagination-jump-next {
  display: none;
}
.concise-pagination .ant-pagination-prev,
.concise-pagination .ant-pagination-next {
  position: relative;
  width: 80px !important;
}
.concise-pagination .ant-pagination-prev .anticon,
.concise-pagination .ant-pagination-next .anticon {
  opacity: 0;
}
.concise-pagination .ant-pagination-prev::after,
.concise-pagination .ant-pagination-next::after {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 12px;
  color: #666;
}
.concise-pagination .ant-pagination-prev::after {
  content: '\4E0A\4E00\9875';
}
.concise-pagination .ant-pagination-next::after {
  content: '\4E0B\4E00\9875';
}
.dummy-inp {
  width: 0px;
  height: 0px;
  position: absolute;
  opacity: 0;
  left: -9999px;
}
input:-webkit-autofill {
  box-shadow: 0 0 0 1000px white inset !important;
}
input:-internal-autofill-previewed,
input:-internal-autofill-selected {
  -webkit-text-fill-color: #333 !important;
  transition: background-color 5000s ease-in-out 0s !important;
}
.website {
  min-width: 1472px;
  background-color: #fff;
}
.youxin-home .youxin-home-content .common-title {
  padding: 50px 0 66px;
  font-size: 30px;
  color: #000;
  text-align: center;
  position: relative;
  letter-spacing: 2px;
}
.youxin-home .youxin-home-content .common-title::after {
  content: '';
  width: 88px;
  height: 4px;
  background: #FFC100;
  position: absolute;
  bottom: 46px;
  left: 50%;
  transform: translateX(-50%);
}
.youxin-home .introduction {
  height: 866px;
  background: url('https://oss.sulinks.com/sulink_test/uploads/2023-11-21/17005475391490387004467.png') no-repeat;
  background-position: center;
  background-size: cover;
}
.youxin-home .introduction .introduction-content {
  width: 1472px;
  height: 100%;
  margin: 0 auto;
  align-items: center;
  justify-content: space-between;
}
.youxin-home .introduction .introduction-left {
  flex: 1;
  line-height: 1;
  padding-top: 30px;
  text-align: left;
}
.youxin-home .introduction .introduction-left .title {
  width: 336px;
  height: 60px;
}
.youxin-home .introduction .introduction-left .title img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.youxin-home .introduction .introduction-left .title-en {
  font-size: 26px;
  color: #B0B1B4;
  margin-top: 30px;
  position: relative;
  padding-bottom: 24px;
}
.youxin-home .introduction .introduction-left .title-en::after {
  content: '';
  width: 88px;
  height: 4px;
  background: #FFC100;
  position: absolute;
  bottom: 0;
  left: 0;
}
.youxin-home .introduction .introduction-left .text {
  font-size: 24px;
  color: #333;
  line-height: 48px;
  margin-top: 40px;
  text-align: justify;
  text-indent: 48px;
}
.youxin-home .introduction .introduction-left .btn {
  display: block;
  font-size: 20px;
  cursor: pointer;
  color: #052CCE;
  margin-top: 24px;
}
.youxin-home .introduction .introduction-img {
  width: 706px;
  height: 438px;
  background: #ccc;
  margin-left: 50px;
  overflow: hidden;
}
.youxin-home .introduction .introduction-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform: scale(1.02);
}
.youxin-home .service .service-content {
  width: 1472px;
  height: 638px;
  margin: 0 auto;
  background: #eee;
  display: flex;
}
.youxin-home .service .service-content .item {
  flex: 1;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  transition: all 0.5s;
  cursor: pointer;
  position: relative;
  overflow: hidden;
}
.youxin-home .service .service-content .item .content {
  width: 370px;
  color: #fff;
  position: absolute;
  top: 44%;
  left: 72px;
  transform: translateY(-50%);
  opacity: 0;
  letter-spacing: 2px;
  transition: all 0.3s;
}
.youxin-home .service .service-content .item .content .title {
  font-size: 34px;
  margin-bottom: 18px;
}
.youxin-home .service .service-content .item .content .tips {
  font-size: 16px;
  line-height: 34px;
}
.youxin-home .service .service-content .item .vertical {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  font-size: 34px;
  color: #fff;
  text-align: center;
  opacity: 1;
  transition: all 0.3s;
}
.youxin-home .service .service-content .item.active {
  flex: 3.7;
}
.youxin-home .service .service-content .item.active .content {
  opacity: 1;
}
.youxin-home .service .service-content .item.active .vertical {
  opacity: 0;
}
.youxin-home .service .service-content .item::before {
  content: '';
  width: 100%;
  height: 100%;
  background: rgba(16, 88, 204, 0.38);
  position: absolute;
  left: 0;
  top: 0;
}
.youxin-home .history {
  margin: 0 auto;
  margin-top: 100px;
  width: 1472px;
}
.youxin-home .history .title {
  text-align: center;
  font-size: 30px;
  line-height: 1;
  letter-spacing: 2px;
}
.youxin-home .history .content {
  margin-top: 80px;
}
.youxin-home .history .content .item {
  flex: 1;
  text-align: center;
  line-height: 1;
}
.youxin-home .history .content .item:nth-of-type(2) {
  margin: 0 30px;
}
.youxin-home .history .content .item .text {
  font-size: 56px;
  color: #D70008;
  padding-bottom: 30px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}
.youxin-home .history .content .item .tips {
  font-size: 20px;
  color: #000;
  margin-top: 24px;
}
.youxin-home .case {
  width: 1472px;
  margin: 0 auto;
  padding: 50px 0 76px;
}
.youxin-home .case .case-content {
  justify-content: space-between;
  flex-wrap: wrap;
}
.youxin-home .case .case-content .item {
  width: 350px;
  height: 270px;
  margin-bottom: 24px;
  position: relative;
  overflow: hidden;
}
.youxin-home .case .case-content .item .img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: relative;
  z-index: 0;
  transition: all 0.5s;
}
.youxin-home .case .case-content .item .label {
  width: 100%;
  height: 100%;
  background: rgba(16, 88, 204, 0.38);
  position: absolute;
  z-index: 1;
  left: 0;
  top: 0;
}
.youxin-home .case .case-content .item .label .text {
  font-size: 34px;
  color: #fff;
  position: absolute;
  left: 28px;
  bottom: 38px;
}
.youxin-home .case .case-content .item:hover .img {
  transform: scale(1.2);
}

.text-ellipsis {
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}
.text-ellipsis2,
.text-ellipsis3,
.text-ellipsis4 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.text-ellipsis3 {
  -webkit-line-clamp: 3;
}
.text-ellipsis4 {
  -webkit-line-clamp: 4;
}
.position-c {
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
}
.position-x-c {
  position: absolute !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
}
.position-y-c {
  position: absolute !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
}
.flex {
  display: flex;
}
.flex-wrap {
  display: flex;
  flex-wrap: wrap;
}
.flex-column {
  display: flex;
  flex-direction: column;
}
.flex-c {
  display: flex;
  align-items: center;
}
.justify-between {
  display: flex;
  justify-content: space-between;
}
.empty-box {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.empty-box .empty-img {
  height: 120px;
  margin-top: -180px;
}
.empty-box .empty-img img {
  height: 100%;
}
.empty-box .empty-tips {
  font-size: 14px;
  color: #999;
  margin-top: 8px;
  position: relative;
  right: 5px;
}
.manage-page {
  background: #f4f6f9;
  min-height: 100vh;
}
.ant-badge-count {
  height: 16px;
  line-height: 16px;
  background-color: #f8524f;
}
.home-title {
  text-align: center;
  font-size: 28px;
  color: #383838;
  margin-bottom: 34px;
  position: relative;
  font-weight: 500;
  letter-spacing: 1px;
}
.home-title .home-title-content {
  position: relative;
}
.home-title .home-title-content::before,
.home-title .home-title-content::after {
  content: '';
  width: 23px;
  height: 19px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background: url('/static/home/title-icon.png') no-repeat;
  background-size: cover;
  background-position: center;
  margin-top: 2px;
}
.home-title .home-title-content::before {
  left: -40px;
}
.home-title .home-title-content::after {
  right: -40px;
}
.navbar-fixed-page {
  padding-top: 40px;
}
.anchor-position {
  position: absolute;
  top: -130px;
}
.banner-swiper-button-prev,
.banner-swiper-button-next {
  width: 26px;
  height: 36px;
  background: rgba(0, 0, 0, 0.15);
  transition: all 0.2s;
}
.banner-swiper-button-prev .icon,
.banner-swiper-button-next .icon {
  color: #fff;
  position: relative;
}
.banner-swiper-button-prev:hover,
.banner-swiper-button-next:hover {
  background: rgba(0, 0, 0, 0.3);
}
.banner-swiper-button-prev::after,
.banner-swiper-button-next::after {
  display: none;
}
.banner-swiper-button-prev {
  border-radius: 0 400px 400px 0;
  left: 0;
}
.banner-swiper-button-prev .icon {
  right: 2px;
}
.banner-swiper-button-next {
  border-radius: 400px 0 0 400px;
  right: 0;
}
.banner-swiper-button-next .icon {
  left: 2px;
}
.poster-tips {
  width: 32px;
  height: 18px;
  background: rgba(0, 0, 0, 0.3);
  font-size: 12px;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  right: -3px;
  bottom: -2px;
  transform: scale(0.8);
}
.concise-pagination .ant-pagination-item {
  display: none;
}
.concise-pagination .ant-pagination-jump-prev,
.concise-pagination .ant-pagination-jump-next {
  display: none;
}
.concise-pagination .ant-pagination-prev,
.concise-pagination .ant-pagination-next {
  position: relative;
  width: 80px !important;
}
.concise-pagination .ant-pagination-prev .anticon,
.concise-pagination .ant-pagination-next .anticon {
  opacity: 0;
}
.concise-pagination .ant-pagination-prev::after,
.concise-pagination .ant-pagination-next::after {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 12px;
  color: #666;
}
.concise-pagination .ant-pagination-prev::after {
  content: '\4E0A\4E00\9875';
}
.concise-pagination .ant-pagination-next::after {
  content: '\4E0B\4E00\9875';
}
.dummy-inp {
  width: 0px;
  height: 0px;
  position: absolute;
  opacity: 0;
  left: -9999px;
}
input:-webkit-autofill {
  box-shadow: 0 0 0 1000px white inset !important;
}
input:-internal-autofill-previewed,
input:-internal-autofill-selected {
  -webkit-text-fill-color: #333 !important;
  transition: background-color 5000s ease-in-out 0s !important;
}
.website {
  min-width: 1472px;
  background-color: #fff;
}
.youxin-news {
  padding-bottom: 100px;
}
.youxin-news .common-title {
  padding: 80px 0 76px;
  font-size: 30px;
  color: #000;
  text-align: center;
  position: relative;
  letter-spacing: 2px;
}
.youxin-news .common-title::after {
  content: '';
  width: 88px;
  height: 4px;
  background: #FFC100;
  position: absolute;
  bottom: 46px;
  left: 50%;
  transform: translateX(-50%);
}
.youxin-news .new-content {
  width: 1472px;
  height: 780px;
  margin: 0 auto;
}
.youxin-news .new-content img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.youxin-news .new-content .left {
  width: 848px;
  border-radius: 110px 0 0 0;
  overflow: hidden;
  margin-right: 4px;
  position: relative;
}
.youxin-news .new-content .left .left-content {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
}
.youxin-news .new-content .left .left-content .text {
  position: absolute;
  bottom: 36px;
  left: 36px;
  right: 36px;
  color: #fff;
  letter-spacing: 2px;
}
.youxin-news .new-content .left .left-content .text .title {
  font-size: 32px;
  opacity: 0.9;
}
.youxin-news .new-content .left .left-content .text .tips {
  font-size: 14px;
  line-height: 28px;
  margin-top: 6px;
  opacity: 0.8;
  text-align: justify;
  letter-spacing: 2px;
}
.youxin-news .new-content .right {
  flex: 1;
}
.youxin-news .new-content .right .item {
  width: calc(100% / 2 - 12px);
  height: calc(100% / 3 - 8px);
  margin-left: 12px;
  margin-bottom: 12px;
  cursor: pointer;
  display: inline-block;
}

.template-contact-1 .contact-wrap {
  background-color: #fff;
}
.template-contact-1 .contact-wrap .header-title {
  display: none;
}
.template-contact-1 .contact-wrap .primary {
  color: #27bfa2;
}
.template-contact-1 .contact-wrap a:hover {
  color: #27bfa2;
}
.template-contact-1 .contact-wrap .nav {
  border-bottom: 1px solid #eff0f3;
  padding-top: 20px;
}
.template-contact-1 .contact-wrap .nav .title {
  width: 147px;
  font-size: 36px;
  font-family: PingFang-SC-Heavy, PingFang-SC;
  font-weight: 800;
  color: #333333;
  padding: 15px 0;
  border-bottom: 2px solid #27bfa2;
  box-sizing: border-box;
}
.template-contact-1 .contact-wrap .nav .right {
  font-size: 14px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #666666;
  padding: 30px 0;
}
.template-contact-1 .contact-wrap .main-person {
  padding: 48px 0 0;
}
.template-contact-1 .contact-wrap .main-person .img-wrap {
  display: none;
}
.template-contact-1 .contact-wrap .info-item {
  width: 50%;
  margin-bottom: 60px;
}
.template-contact-1 .contact-wrap .info-item .info-item-wrap {
  padding: 20px 0 20px 20px;
}
.template-contact-1 .contact-wrap .info-item .icon {
  width: 88px;
  height: 88px;
}
.template-contact-1 .contact-wrap .info-item .label {
  color: #999999;
  font-size: 16px;
}
.template-contact-1 .contact-wrap .info-item .content {
  color: #333333;
  font-size: 18px;
  font-weight: 800;
}
.template-contact-1 .contact-wrap .staff {
  width: 370px;
  margin-bottom: 30px;
}
.template-contact-1 .contact-wrap .staff .staff-title {
  height: 48px;
  background: #27bfa2;
  font-size: 18px;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
  color: #ffffff;
  line-height: 48px;
  text-align: center;
}
.template-contact-1 .contact-wrap .staff .staff-wrap {
  background-color: #f7f7f7;
  padding: 35px 20px 45px;
  font-size: 16px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #333333;
  line-height: 22px;
}
.template-contact-1 .contact-wrap .staff .staff-wrap div {
  margin-bottom: 20px;
}
.template-contact-1 .contact-wrap .staff .staff-wrap img {
  margin-right: 15px;
  display: inline-block;
  vertical-align: middle;
}
.template-contact-1 .contact-wrap .staff .staff-wrap .staff-text {
  font-size: 16px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #333333;
  line-height: 22px;
  display: inline-block;
  width: 230px;
}
.template-contact-1 .map-wrap #map {
  height: 500px;
}
.template-contact-2 .contact-wrap {
  background-color: #F7F7F7;
  padding-top: 80px;
}
.template-contact-2 .contact-wrap .header-title {
  display: none;
}
.template-contact-2 .contact-wrap .primary {
  color: #fba748;
}
.template-contact-2 .contact-wrap a:hover {
  color: #fba748;
}
.template-contact-2 .contact-wrap .nav {
  display: none;
}
.template-contact-2 .contact-wrap .fl.info-item {
  float: none;
}
.template-contact-2 .contact-wrap .main-person {
  padding: 50px;
  height: 310px;
  box-sizing: border-box;
  background-color: #fff;
  position: relative;
  margin-bottom: 80px;
}
.template-contact-2 .contact-wrap .main-person .img-wrap {
  display: block;
  position: absolute;
  left: 40px;
  top: -56px;
}
.template-contact-2 .contact-wrap .main-person .img-wrap img {
  width: 380px;
  height: 420px;
}
.template-contact-2 .contact-wrap .main-person .img-wrap .text {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  width: 380px;
  height: 80px;
  background: rgba(0, 0, 0, 0.41);
  font-size: 24px;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
  color: #FFFFFF;
  line-height: 80px;
  text-align: center;
}
.template-contact-2 .contact-wrap .main-person .img-wrap .text::before {
  content: '';
  position: absolute;
  left: 80px;
  top: 40px;
  width: 50px;
  height: 2px;
  background: #fff;
}
.template-contact-2 .contact-wrap .main-person .img-wrap .text::after {
  content: '';
  position: absolute;
  right: 80px;
  top: 40px;
  width: 50px;
  height: 2px;
  background: #fff;
}
.template-contact-2 .contact-wrap .main-person > div {
  position: absolute;
  left: 50%;
}
.template-contact-2 .contact-wrap .info-item {
  margin-bottom: 24px;
}
.template-contact-2 .contact-wrap .info-item .icon {
  width: 20px;
  height: 23px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
  margin-top: 4px;
}
.template-contact-2 .contact-wrap .info-item .label {
  font-size: 18px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #333333;
  line-height: 30px;
  float: left;
  margin-right: 10px;
}
.template-contact-2 .contact-wrap .info-item .label::after {
  content: ' :';
}
.template-contact-2 .contact-wrap .info-item .content {
  font-size: 18px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #333333;
  line-height: 30px;
  float: left;
}
.template-contact-2 .contact-wrap .info-item:nth-child(2) .icon {
  width: 20px;
  height: 20px;
}
.template-contact-2 .contact-wrap .info-item:nth-child(3) .icon {
  width: 20px;
  height: 18px;
}
.template-contact-2 .contact-wrap .staff {
  margin-bottom: 20px;
}
.template-contact-2 .contact-wrap .staff .staff-title {
  float: left;
  width: 42px;
  height: 220px;
  background: #fba748;
  font-size: 18px;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
  color: #ffffff;
  line-height: 60px;
  box-sizing: border-box;
  padding: 40px 10px 0;
  text-align: center;
}
.template-contact-2 .contact-wrap .staff .staff-wrap {
  float: left;
  width: 330px;
  height: 220px;
  padding: 20px 10px 0;
  box-sizing: border-box;
  background-color: #fff;
  font-size: 16px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #333333;
  line-height: 22px;
}
.template-contact-2 .contact-wrap .staff .staff-wrap div {
  margin-bottom: 20px;
}
.template-contact-2 .contact-wrap .staff .staff-wrap div:nth-child(4) {
  margin-bottom: 0;
}
.template-contact-2 .contact-wrap .staff .staff-wrap img {
  margin-right: 15px;
  display: inline-block;
  vertical-align: middle;
}
.template-contact-2 .contact-wrap .staff .staff-wrap .staff-text {
  font-size: 16px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #333333;
  line-height: 22px;
  display: inline-block;
  width: 250px;
}
.template-contact-2 .map-wrap {
  padding: 0 0 20px;
}
.template-contact-2 .map-wrap #map {
  height: 500px;
}
.template-contact-3 .contact-wrap {
  background-color: #f7f7f7;
  padding-top: 20px;
}
.template-contact-3 .contact-wrap .header-title {
  font-size: 30px;
  font-family: PingFang-SC-Heavy, PingFang-SC;
  font-weight: 800;
  color: #333333;
  line-height: 42px;
  position: relative;
  border-bottom: 1px solid #ececec;
  background-color: #fff;
  padding: 20px 20px 20px 40px;
}
.template-contact-3 .contact-wrap .header-title::before {
  content: "";
  display: block;
  width: 10px;
  height: 44px;
  background: #487efb;
  position: absolute;
  left: 20px;
  z-index: 1;
}
.template-contact-3 .contact-wrap .primary {
  color: #487efb;
}
.template-contact-3 .contact-wrap a:hover {
  color: #487efb;
}
.template-contact-3 .contact-wrap .nav {
  display: none;
}
.template-contact-3 .contact-wrap .main-person {
  margin-top: 20px;
  padding: 20px;
  margin-bottom: 20px;
  background-color: #fff;
}
.template-contact-3 .contact-wrap .main-person .img-wrap {
  display: none;
}
.template-contact-3 .contact-wrap .info-item {
  width: 50%;
  margin: 30px 0;
}
.template-contact-3 .contact-wrap .info-item .info-item-wrap {
  padding: 20px 0 20px 20px;
}
.template-contact-3 .contact-wrap .info-item .icon {
  width: 88px;
  height: 88px;
}
.template-contact-3 .contact-wrap .info-item .label {
  color: #999999;
  font-size: 16px;
}
.template-contact-3 .contact-wrap .info-item .content {
  color: #333333;
  font-size: 18px;
  font-weight: 500;
}
.template-contact-3 .contact-wrap .staff {
  width: 1200px;
  margin-bottom: 20px;
}
.template-contact-3 .contact-wrap .staff .staff-title {
  width: 140px;
  height: 48px;
  background: #487efb;
  font-size: 18px;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
  color: #ffffff;
  line-height: 48px;
  text-align: center;
}
.template-contact-3 .contact-wrap .staff .staff-wrap {
  width: 100%;
  background-color: #FFF;
  padding: 35px 20px 10px;
  font-size: 16px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #333333;
  line-height: 22px;
}
.template-contact-3 .contact-wrap .staff .staff-wrap div:not(.clear-both) {
  margin-bottom: 20px;
  float: left;
  width: 580px;
}
.template-contact-3 .contact-wrap .staff .staff-wrap img {
  margin-right: 15px;
  display: inline-block;
  vertical-align: middle;
}
.template-contact-3 .contact-wrap .staff .staff-wrap .staff-text {
  font-size: 16px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #333333;
  line-height: 22px;
  display: inline-block;
}
.template-contact-3 .map-wrap {
  padding: 20px;
  background-color: #fff;
}
.template-contact-3 .map-wrap #map {
  height: 500px;
}
.template-contact-4 .contact-wrap {
  background-color: #fff;
  padding-top: 20px;
}
.template-contact-4 .contact-wrap .header-title {
  font-size: 30px;
  font-family: PingFang-SC-Heavy, PingFang-SC;
  font-weight: 800;
  color: #333333;
  line-height: 42px;
  position: relative;
  background-color: #fff;
  padding: 20px 20px 20px 40px;
  text-align: center;
}
.template-contact-4 .contact-wrap .primary {
  color: #487efb;
}
.template-contact-4 .contact-wrap a:hover {
  color: #487efb;
}
.template-contact-4 .contact-wrap .nav {
  display: none;
}
.template-contact-4 .contact-wrap .main-person {
  padding: 50px 0;
  background-color: #fff;
}
.template-contact-4 .contact-wrap .main-person .img-wrap {
  display: none;
}
.template-contact-4 .contact-wrap .info-item {
  width: 264px;
  margin: 30px 0;
  position: relative;
  margin-right: 40px;
}
.template-contact-4 .contact-wrap .info-item .info-item-wrap {
  width: 264px;
  box-sizing: border-box;
  position: absolute;
  top: 30px;
  left: 0;
  text-align: center;
}
.template-contact-4 .contact-wrap .info-item .icon {
  width: 100%;
  height: 400px;
}
.template-contact-4 .contact-wrap .info-item .label {
  color: #999999;
  font-size: 16px;
}
.template-contact-4 .contact-wrap .info-item .content {
  color: #333333;
  font-size: 18px;
  font-weight: 500;
  padding-top: 5px;
}
.template-contact-4 .contact-wrap .info-item:nth-child(odd) {
  margin-top: -10px;
}
.template-contact-4 .contact-wrap .info-item:nth-child(odd) .info-item-wrap {
  top: unset;
  bottom: 50px;
}
.template-contact-4 .contact-wrap .info-item:nth-child(even) {
  margin-bottom: -20px;
}
.template-contact-4 .contact-wrap .info-item:nth-child(4) {
  margin-right: 0;
}
.template-contact-4 .contact-wrap .staff-container {
  width: 1200px;
  margin-bottom: 80px;
  padding: 30px 20px;
  box-sizing: border-box;
  background: #FFFFFF;
  box-shadow: 0px 0px 12px 0px rgba(227, 227, 227, 0.5);
}
.template-contact-4 .contact-wrap .staff-container div.fl {
  width: 33%;
}
.template-contact-4 .contact-wrap .staff-container .staff {
  width: 100%;
}
.template-contact-4 .contact-wrap .staff-container .staff .staff-title {
  width: 140px;
  height: 48px;
  background: #487efb;
  font-size: 18px;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
  color: #ffffff;
  line-height: 48px;
  text-align: center;
}
.template-contact-4 .contact-wrap .staff-container .staff .staff-wrap {
  width: 100%;
  background-color: #FFF;
  padding: 35px 20px 10px 0;
  font-size: 16px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #333333;
  line-height: 22px;
}
.template-contact-4 .contact-wrap .staff-container .staff .staff-wrap div:not(.clear-both) {
  margin-bottom: 20px;
  float: left;
  width: 580px;
}
.template-contact-4 .contact-wrap .staff-container .staff .staff-wrap img {
  margin-right: 15px;
  display: inline-block;
  vertical-align: middle;
}
.template-contact-4 .contact-wrap .staff-container .staff .staff-wrap .staff-text {
  font-size: 16px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #333333;
  line-height: 22px;
  display: inline-block;
}
.template-contact-4 .map-wrap {
  padding: 20px;
  background-color: #fff;
}
.template-contact-4 .map-wrap #map {
  height: 500px;
}
.template-contact-5 .contact-wrap {
  background-color: #FFF;
  padding-top: 80px;
}
.template-contact-5 .contact-wrap .header-title {
  display: none;
}
.template-contact-5 .contact-wrap .primary {
  color: #2758aa;
}
.template-contact-5 .contact-wrap a:hover {
  color: #2758aa;
}
.template-contact-5 .contact-wrap .nav {
  display: none;
}
.template-contact-5 .contact-wrap .fl.info-item {
  float: none;
}
.template-contact-5 .contact-wrap .main-person {
  padding: 50px;
  height: 310px;
  box-sizing: border-box;
  background-color: #fff;
  position: relative;
  margin-bottom: 80px;
}
.template-contact-5 .contact-wrap .main-person .img-wrap {
  display: block;
  position: absolute;
  left: 40px;
  top: -56px;
}
.template-contact-5 .contact-wrap .main-person .img-wrap img {
  width: 380px;
  height: 420px;
}
.template-contact-5 .contact-wrap .main-person .img-wrap .text {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  width: 380px;
  height: 80px;
  background: rgba(0, 0, 0, 0.41);
  font-size: 24px;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
  color: #FFFFFF;
  line-height: 80px;
  text-align: center;
}
.template-contact-5 .contact-wrap .main-person .img-wrap .text::before {
  content: '';
  position: absolute;
  left: 80px;
  top: 40px;
  width: 50px;
  height: 2px;
  background: #fff;
}
.template-contact-5 .contact-wrap .main-person .img-wrap .text::after {
  content: '';
  position: absolute;
  right: 80px;
  top: 40px;
  width: 50px;
  height: 2px;
  background: #fff;
}
.template-contact-5 .contact-wrap .main-person > div {
  position: absolute;
  left: 50%;
}
.template-contact-5 .contact-wrap .info-item {
  margin-bottom: 24px;
}
.template-contact-5 .contact-wrap .info-item .icon {
  width: 20px;
  height: 23px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
  margin-top: 4px;
}
.template-contact-5 .contact-wrap .info-item .label {
  font-size: 18px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #333333;
  line-height: 30px;
  float: left;
  margin-right: 10px;
}
.template-contact-5 .contact-wrap .info-item .label::after {
  content: ' :';
}
.template-contact-5 .contact-wrap .info-item .content {
  font-size: 18px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #333333;
  line-height: 30px;
  float: left;
}
.template-contact-5 .contact-wrap .info-item:nth-child(2) .icon {
  width: 20px;
  height: 20px;
}
.template-contact-5 .contact-wrap .info-item:nth-child(3) .icon {
  width: 20px;
  height: 18px;
}
.template-contact-5 .contact-wrap .staff-container .fl {
  float: none;
  margin-right: 0 !important;
}
.template-contact-5 .contact-wrap .staff {
  margin-bottom: 20px;
}
.template-contact-5 .contact-wrap .staff .staff-title {
  width: 128px;
  height: 48px;
  background: #2758aa;
  font-size: 20px;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
  color: #ffffff;
  line-height: 48px;
  box-sizing: border-box;
  text-align: center;
}
.template-contact-5 .contact-wrap .staff .staff-wrap {
  height: 82px;
  padding: 0 30px;
  box-sizing: border-box;
  border: 1px solid #2758AA;
  background-color: #fff;
  font-size: 16px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #333333;
  line-height: 82px;
}
.template-contact-5 .contact-wrap .staff .staff-wrap div {
  width: 22%;
  float: left;
}
.template-contact-5 .contact-wrap .staff .staff-wrap div:nth-child(4) {
  width: 32%;
  margin-bottom: 0;
}
.template-contact-5 .contact-wrap .staff .staff-wrap img {
  margin-right: 15px;
  display: inline-block;
  vertical-align: middle;
}
.template-contact-5 .contact-wrap .staff .staff-wrap img.fl {
  margin-right: 10px !important;
}
.template-contact-5 .contact-wrap .staff .staff-wrap .staff-text {
  font-size: 16px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #333333;
  line-height: 22px;
  display: inline-block;
}
.template-contact-5 .container.map-wrap {
  width: 100%;
}
.template-contact-5 .container.map-wrap #map {
  height: 500px;
}
.template-contact-6 .contact-wrap {
  background-color: #fff;
  padding-top: 20px;
}
.template-contact-6 .contact-wrap .header-title {
  font-size: 30px;
  font-family: PingFang-SC-Heavy, PingFang-SC;
  font-weight: 800;
  color: #333333;
  line-height: 42px;
  position: relative;
  padding: 20px 20px 20px 30px;
}
.template-contact-6 .contact-wrap .header-title::before {
  content: "";
  display: block;
  width: 10px;
  height: 44px;
  background: #56AB5E;
  position: absolute;
  left: 0;
  z-index: 1;
}
.template-contact-6 .contact-wrap .primary {
  color: #56AB5E;
}
.template-contact-6 .contact-wrap a:hover {
  color: #56AB5E;
}
.template-contact-6 .contact-wrap .nav {
  display: none;
}
.template-contact-6 .contact-wrap .main-person {
  margin-top: 20px;
  background-color: #fff;
}
.template-contact-6 .contact-wrap .main-person .img-wrap {
  display: none;
}
.template-contact-6 .contact-wrap .info-item {
  float: none;
  padding: 20px 30px;
  border: 1px solid #ececec;
  border-top: 0;
  border-bottom: 0;
}
.template-contact-6 .contact-wrap .info-item .icon {
  width: 20px;
  height: 23px;
  margin-right: 20px;
}
.template-contact-6 .contact-wrap .info-item .label {
  float: left;
  font-size: 18px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #333333;
  line-height: 24px;
}
.template-contact-6 .contact-wrap .info-item .label::after {
  content: '\FF1A';
}
.template-contact-6 .contact-wrap .info-item .content {
  float: left;
  font-size: 18px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #333333;
  line-height: 24px;
}
.template-contact-6 .contact-wrap .info-item:nth-child(1) {
  border-top: 1px solid #ececec;
}
.template-contact-6 .contact-wrap .info-item:nth-child(2) .icon {
  height: 20px;
}
.template-contact-6 .contact-wrap .staff-container {
  border: 1px solid #ececec;
  margin-bottom: 70px;
  padding-top: 40px;
}
.template-contact-6 .contact-wrap .staff-container > .fl {
  width: 30%;
}
.template-contact-6 .contact-wrap .staff-container > .fl .staff {
  width: 100%;
  margin-left: 20px;
  position: relative;
}
.template-contact-6 .contact-wrap .staff-container > .fl .staff::after {
  content: '';
  position: absolute;
  right: 25px;
  width: 1px;
  height: 100%;
  top: -20px;
  display: block;
  background-color: #ececec;
}
.template-contact-6 .contact-wrap .staff-container > .fl .staff.no-right-border::after {
  display: none;
}
.template-contact-6 .contact-wrap .staff-container > .fl .staff .staff-title {
  width: 140px;
  height: 48px;
  background: #56AB5E;
  font-size: 18px;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
  color: #ffffff;
  line-height: 48px;
  text-align: center;
}
.template-contact-6 .contact-wrap .staff-container > .fl .staff .staff-wrap {
  width: 100%;
  background-color: #FFF;
  padding: 20px 0;
  font-size: 16px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #333333;
  line-height: 22px;
  box-sizing: border-box;
}
.template-contact-6 .contact-wrap .staff-container > .fl .staff .staff-wrap > div:not(.clear-both) {
  margin-bottom: 20px;
  float: left;
  width: 100%;
}
.template-contact-6 .contact-wrap .staff-container > .fl .staff .staff-wrap > div:nth-child(4) {
  margin-bottom: 0;
}
.template-contact-6 .contact-wrap .staff-container > .fl .staff .staff-wrap img {
  float: left;
  display: block;
  margin-right: 15px;
}
.template-contact-6 .contact-wrap .staff-container > .fl .staff .staff-wrap .staff-text {
  width: 76%;
  float: left;
  display: block;
  font-size: 16px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #333333;
  line-height: 18px;
}
.template-contact-6 .map-wrap {
  width: 100%;
  background-color: #fff;
}
.template-contact-6 .map-wrap #map {
  height: 500px;
}
.template-contact-7 .right-box {
  float: none;
}
.template-contact-7 .right-box .container:nth-child(2) {
  display: inline-block;
  width: 600px;
}
.template-contact-7 .contact-wrap {
  background-color: #fff;
  padding-top: 20px;
  text-align: center;
}
.template-contact-7 .contact-wrap .header-title {
  display: none;
}
.template-contact-7 .contact-wrap .primary {
  color: #f1403c;
}
.template-contact-7 .contact-wrap a:hover {
  color: #f1403c;
}
.template-contact-7 .contact-wrap .nav {
  display: none;
}
.template-contact-7 .contact-wrap .main-person {
  height: 398px;
  padding-top: 60px;
  box-sizing: border-box;
  background-color: #fff;
}
.template-contact-7 .contact-wrap .main-person .img-wrap {
  display: none;
}
.template-contact-7 .contact-wrap .info-item {
  float: none;
  padding: 12px 30px;
  border-top: 0;
  border-bottom: 0;
}
.template-contact-7 .contact-wrap .info-item .icon {
  width: 20px;
  height: 23px;
  margin-right: 20px;
}
.template-contact-7 .contact-wrap .info-item .label {
  float: left;
  font-size: 18px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #333333;
  line-height: 24px;
}
.template-contact-7 .contact-wrap .info-item .label::after {
  content: '\FF1A';
}
.template-contact-7 .contact-wrap .info-item .content {
  float: left;
  font-size: 18px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #333333;
  line-height: 24px;
}
.template-contact-7 .contact-wrap .info-item:nth-child(2) .icon {
  height: 20px;
}
.template-contact-7 .contact-wrap .staff-container {
  box-shadow: 0px 0px 12px 0px rgba(227, 227, 227, 0.5);
  margin-bottom: 70px;
  margin-top: 60px;
  padding-top: 40px;
}
.template-contact-7 .contact-wrap .staff-container .fl {
  width: 33.3%;
}
.template-contact-7 .contact-wrap .staff {
  width: 100%;
  margin-left: 20px;
  position: relative;
}
.template-contact-7 .contact-wrap .staff::after {
  content: '';
  position: absolute;
  right: -15px;
  top: 0;
  width: 1px;
  border: 0;
  height: 100%;
  background: #ececec;
}
.template-contact-7 .contact-wrap .staff:last-child::after {
  background: transparent;
}
.template-contact-7 .contact-wrap .staff .staff-title {
  width: 108px;
  height: 40px;
  background: #f1403c;
  font-size: 18px;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
  color: #ffffff;
  line-height: 40px;
  text-align: center;
}
.template-contact-7 .contact-wrap .staff .staff-wrap {
  width: 100%;
  background-color: #FFF;
  padding: 20px 0;
  font-size: 16px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #333333;
  line-height: 22px;
  box-sizing: border-box;
}
.template-contact-7 .contact-wrap .staff .staff-wrap div:not(.clear-both) {
  margin-bottom: 20px;
  float: left;
  width: 100%;
}
.template-contact-7 .contact-wrap .staff .staff-wrap img {
  float: left;
  display: block;
  margin-right: 15px;
}
.template-contact-7 .contact-wrap .staff .staff-wrap .staff-text {
  width: 87%;
  float: left;
  display: block;
  font-size: 16px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #333333;
  line-height: 18px;
  text-align: left;
}
.template-contact-7 .map-wrap {
  width: 600px;
  background-color: #fff;
  display: inline-block;
}
.template-contact-7 .map-wrap #map {
  height: 398px;
}
.template-contact-8 .contact-wrap {
  background-color: #F7F7F7;
}
.template-contact-8 .contact-wrap .left-box {
  width: 254px;
  margin-right: 20px;
}
.template-contact-8 .contact-wrap .left-box .company-business {
  margin-top: 20px;
}
.template-contact-8 .contact-wrap .left-box .company-business .title {
  background-color: #F89847;
  font-size: 20px;
  font-family: PingFang-SC-Heavy, PingFang-SC;
  font-weight: 800;
  color: #FFFFFF;
  line-height: 28px;
  padding: 20px;
}
.template-contact-8 .contact-wrap .left-box .company-business .content {
  font-size: 14px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #333333;
  line-height: 28px;
  padding: 20px 10px;
  background-color: #fff;
}
.template-contact-8 .contact-wrap .right-box {
  width: 926px;
}
.template-contact-8 .contact-wrap .right-box .container {
  width: 100%;
}
.template-contact-8 .contact-wrap .header-title {
  display: none;
}
.template-contact-8 .contact-wrap .primary {
  color: #f89847;
}
.template-contact-8 .contact-wrap a:hover {
  color: #f89847;
}
.template-contact-8 .contact-wrap .nav {
  display: none;
}
.template-contact-8 .contact-wrap .fl.info-item {
  float: none;
}
.template-contact-8 .contact-wrap .main-person {
  padding: 50px;
  height: 320px;
  box-sizing: border-box;
  background-color: #fff;
  position: relative;
  margin-bottom: 20px;
}
.template-contact-8 .contact-wrap .main-person .img-wrap {
  display: block;
  position: absolute;
  left: 40px;
  top: 40px;
}
.template-contact-8 .contact-wrap .main-person .img-wrap img {
  width: 310px;
  height: 244px;
}
.template-contact-8 .contact-wrap .main-person .img-wrap .text {
  display: none;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  width: 380px;
  height: 80px;
  background: rgba(0, 0, 0, 0.41);
  font-size: 24px;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
  color: #FFFFFF;
  line-height: 80px;
  text-align: center;
}
.template-contact-8 .contact-wrap .main-person .img-wrap .text::before {
  content: '';
  position: absolute;
  left: 80px;
  top: 40px;
  width: 50px;
  height: 2px;
  background: #fff;
}
.template-contact-8 .contact-wrap .main-person .img-wrap .text::after {
  content: '';
  position: absolute;
  right: 80px;
  top: 40px;
  width: 50px;
  height: 2px;
  background: #fff;
}
.template-contact-8 .contact-wrap .main-person > div {
  position: absolute;
  left: 50%;
}
.template-contact-8 .contact-wrap .info-item {
  margin-bottom: 24px;
}
.template-contact-8 .contact-wrap .info-item .icon {
  width: 20px;
  height: 23px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
  margin-top: 4px;
}
.template-contact-8 .contact-wrap .info-item .label {
  font-size: 18px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #333333;
  line-height: 30px;
  float: left;
  margin-right: 10px;
}
.template-contact-8 .contact-wrap .info-item .label::after {
  content: ' :';
}
.template-contact-8 .contact-wrap .info-item .content {
  font-size: 18px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #333333;
  line-height: 30px;
  float: left;
}
.template-contact-8 .contact-wrap .info-item:nth-child(2) .icon {
  width: 20px;
  height: 20px;
}
.template-contact-8 .contact-wrap .info-item:nth-child(3) .icon {
  width: 20px;
  height: 18px;
}
.template-contact-8 .contact-wrap .staff-container .fl {
  float: none;
  margin-right: 0 !important;
}
.template-contact-8 .contact-wrap .staff {
  margin-bottom: 20px;
}
.template-contact-8 .contact-wrap .staff .staff-title {
  width: 128px;
  height: 48px;
  background: #f89847;
  font-size: 20px;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
  color: #ffffff;
  line-height: 48px;
  box-sizing: border-box;
  text-align: center;
}
.template-contact-8 .contact-wrap .staff .staff-wrap {
  padding: 20px 30px 0;
  box-sizing: border-box;
  height: 120px;
  background-color: #fff;
  font-size: 16px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #333333;
  line-height: 40px;
}
.template-contact-8 .contact-wrap .staff .staff-wrap div {
  width: 45%;
  float: left;
}
.template-contact-8 .contact-wrap .staff .staff-wrap img {
  margin-right: 15px;
  display: inline-block;
  vertical-align: middle;
}
.template-contact-8 .contact-wrap .staff .staff-wrap img.fl {
  margin-right: 10px !important;
}
.template-contact-8 .contact-wrap .staff .staff-wrap .staff-text {
  font-size: 16px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #333333;
  line-height: 22px;
  display: inline-block;
}
.template-contact-8 .container.map-wrap {
  width: 100%;
  background-color: #fff;
  padding: 40px;
  box-sizing: border-box;
  margin-bottom: 20px;
}
.template-contact-8 .container.map-wrap #map {
  height: 500px;
}
.template-contact-9 .contact-wrap {
  background-color: #fff;
  padding-top: 20px;
}
.template-contact-9 .contact-wrap .right-box {
  background: #FFFFFF;
  margin-top: 80px;
  float: none;
}
.template-contact-9 .contact-wrap .header-title {
  font-size: 24px;
  font-family: PingFang-SC-Heavy, PingFang-SC;
  font-weight: 800;
  color: #FFF;
  position: relative;
  background-color: #f7f7f7;
}
.template-contact-9 .contact-wrap .header-title div {
  width: 196px;
  background-color: #4a16fa;
  padding: 12px 20px;
  position: relative;
}
.template-contact-9 .contact-wrap .header-title div::after {
  box-sizing: border-box;
  content: '';
  position: absolute;
  width: 0;
  height: 0;
  right: -40px;
  top: 0px;
  border-bottom: 61px solid #4a16fa;
  border-right: 40px solid transparent;
}
.template-contact-9 .contact-wrap .primary {
  color: #4a16fa;
}
.template-contact-9 .contact-wrap a:hover {
  color: #4a16fa;
}
.template-contact-9 .contact-wrap .nav {
  display: none;
}
.template-contact-9 .contact-wrap .main-person {
  margin-top: 20px;
  padding-left: 50%;
  background-color: #fff;
  box-shadow: 0px 0px 10px 0px rgba(223, 223, 223, 0.5);
  position: relative;
  height: 312px;
}
.template-contact-9 .contact-wrap .main-person > div {
  float: left;
}
.template-contact-9 .contact-wrap .main-person .img-wrap {
  position: absolute;
  left: 0;
  top: -20%;
}
.template-contact-9 .contact-wrap .main-person .img-wrap .text {
  display: none;
}
.template-contact-9 .contact-wrap .info-item {
  float: none;
  padding: 20px 30px;
  border-top: 0;
  border-bottom: 0;
}
.template-contact-9 .contact-wrap .info-item .icon {
  width: 20px;
  height: 23px;
  margin-right: 20px;
}
.template-contact-9 .contact-wrap .info-item .label {
  float: left;
  font-size: 18px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #333333;
  line-height: 24px;
}
.template-contact-9 .contact-wrap .info-item .label::after {
  content: '\FF1A';
}
.template-contact-9 .contact-wrap .info-item .content {
  float: left;
  font-size: 18px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #333333;
  line-height: 24px;
}
.template-contact-9 .contact-wrap .info-item:nth-child(2) .icon {
  height: 20px;
}
.template-contact-9 .contact-wrap .staff-container {
  margin-bottom: 40px;
  padding-top: 80px;
}
.template-contact-9 .contact-wrap .staff {
  width: 326px;
  margin-left: 20px;
  margin-bottom: 20px;
  box-shadow: 0px 0px 10px 0px rgba(223, 223, 223, 0.5);
}
.template-contact-9 .contact-wrap .staff .staff-title {
  width: 140px;
  height: 48px;
  background: #4a16fa;
  font-size: 18px;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
  color: #ffffff;
  line-height: 48px;
  text-align: center;
  transform: translate(80%, -24px);
}
.template-contact-9 .contact-wrap .staff .staff-wrap {
  width: 100%;
  background-color: #FFF;
  padding: 20px 0;
  font-size: 16px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #333333;
  line-height: 22px;
  box-sizing: border-box;
}
.template-contact-9 .contact-wrap .staff .staff-wrap div:not(.clear-both) {
  margin-bottom: 20px;
  float: left;
  width: 100%;
  padding-left: 30px;
  box-sizing: border-box;
}
.template-contact-9 .contact-wrap .staff .staff-wrap img {
  float: left;
  display: block;
  margin-right: 15px;
}
.template-contact-9 .contact-wrap .staff .staff-wrap .staff-text {
  width: 76%;
  float: left;
  display: block;
  font-size: 16px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #333333;
  line-height: 18px;
}
.template-contact-9 .map-wrap {
  width: 100%;
  background-color: #fff;
}
.template-contact-9 .map-wrap #map {
  height: 500px;
}
.template-contact-10 .custom-header {
  background: linear-gradient(180deg, rgba(208, 202, 255, 0.24) 0%, rgba(142, 191, 249, 0) 100%);
}
.template-contact-10 .contact-wrap {
  background-color: #fff;
  padding-top: 20px;
}
.template-contact-10 .contact-wrap .header-title {
  font-size: 30px;
  font-family: PingFang-SC-Heavy, PingFang-SC;
  font-weight: 800;
  color: #333333;
  line-height: 42px;
  position: relative;
  background-color: #fff;
  padding: 20px 20px 20px 40px;
  text-align: center;
}
.template-contact-10 .contact-wrap .primary {
  color: #928AF7;
  line-height: 29px;
  background: linear-gradient(246deg, #9285F7 0%, #8EBFF9 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}
.template-contact-10 .contact-wrap a:hover {
  color: #928AF7;
  line-height: 29px;
  background: linear-gradient(246deg, #9285F7 0%, #8EBFF9 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}
.template-contact-10 .contact-wrap .nav {
  display: none;
}
.template-contact-10 .contact-wrap .main-person {
  padding: 50px 0;
  background-color: #fff;
}
.template-contact-10 .contact-wrap .main-person .img-wrap {
  display: none;
}
.template-contact-10 .contact-wrap .info-item {
  width: 264px;
  margin: 30px 0;
  position: relative;
  margin-right: 40px;
  padding-top: 40px;
  box-shadow: 0px 0px 10px 0px rgba(201, 201, 201, 0.5);
  height: 300px;
  box-sizing: border-box;
}
.template-contact-10 .contact-wrap .info-item::before {
  content: '';
  position: absolute;
  width: 100%;
  height: 8px;
  background: linear-gradient(136deg, #8EBFF9 0%, #9285F7 100%);
  top: 0;
  left: 0;
}
.template-contact-10 .contact-wrap .info-item:hover {
  box-shadow: 0px 10px 23px 0px rgba(144, 154, 248, 0.51);
}
.template-contact-10 .contact-wrap .info-item .info-item-wrap {
  box-sizing: border-box;
  text-align: center;
  font-size: 16px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #333333;
  line-height: 30px;
}
.template-contact-10 .contact-wrap .info-item > .fl {
  float: none;
}
.template-contact-10 .contact-wrap .info-item .icon {
  width: 68px;
  height: 80px;
  display: block;
  margin: 0 auto 40px;
}
.template-contact-10 .contact-wrap .info-item .label::after {
  content: '\FF1A';
}
.template-contact-10 .contact-wrap .info-item .content {
  font-weight: 800;
  padding-top: 5px;
}
.template-contact-10 .contact-wrap .info-item:nth-child(2) .icon {
  width: 64px;
  height: 64px;
}
.template-contact-10 .contact-wrap .info-item:nth-child(3) .icon {
  width: 68px;
  height: 61px;
}
.template-contact-10 .contact-wrap .info-item:nth-child(4) .icon {
  width: 64px;
  height: 66px;
}
.template-contact-10 .contact-wrap .info-item:nth-child(4) {
  margin-right: 0;
}
.template-contact-10 .contact-wrap .staff-container {
  width: 1200px;
  margin-bottom: 80px;
  padding: 30px 20px 0;
  box-sizing: border-box;
  background: #FFFFFF;
  box-shadow: 0px 0px 12px 0px rgba(227, 227, 227, 0.5);
}
.template-contact-10 .contact-wrap .staff-container div.fl {
  width: 29%;
}
.template-contact-10 .contact-wrap .staff-container .staff {
  width: 100%;
}
.template-contact-10 .contact-wrap .staff-container .staff .staff-title {
  width: 140px;
  height: 48px;
  background: linear-gradient(246deg, #9285F7 0%, #8EBFF9 100%);
  font-size: 18px;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
  color: #ffffff;
  line-height: 48px;
  text-align: center;
}
.template-contact-10 .contact-wrap .staff-container .staff .staff-wrap {
  width: 100%;
  background-color: #FFF;
  padding: 35px 20px 10px 0;
  font-size: 16px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #333333;
  line-height: 22px;
}
.template-contact-10 .contact-wrap .staff-container .staff .staff-wrap div:not(.clear-both) {
  margin-bottom: 20px;
  float: left;
  width: 580px;
}
.template-contact-10 .contact-wrap .staff-container .staff .staff-wrap img {
  margin-right: 15px;
  display: inline-block;
  vertical-align: middle;
}
.template-contact-10 .contact-wrap .staff-container .staff .staff-wrap .staff-text {
  font-size: 16px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #333333;
  line-height: 22px;
  display: inline-block;
}
.template-contact-10 .map-wrap {
  padding: 20px;
  background-color: #fff;
}
.template-contact-10 .map-wrap #map {
  height: 500px;
}

.template-dynamic-detail-1 .wrapper-header .breadcrumb__header {
  font-size: 14px;
  display: flex;
  height: 56px;
  align-items: center;
}
.template-dynamic-detail-1 .wrapper-header .breadcrumb__header .ant-breadcrumb a {
  color: #333;
}
.template-dynamic-detail-1 .wrapper-header .breadcrumb__header .ant-breadcrumb .ant-breadcrumb-link {
  color: #333;
}
.template-dynamic-detail-1 .wrapper {
  background-color: #fff;
  padding-bottom: 61px;
}
.template-dynamic-detail-1 .wrapper .wrapper-child .dynamic-detail-title {
  padding-top: 40px;
  text-align: center;
  margin-bottom: 16px;
  color: #333333;
  font-size: 24px;
  font-weight: 500;
}
.template-dynamic-detail-1 .wrapper .wrapper-child .tip {
  text-align: center;
  margin-bottom: 32px;
  display: flex;
  justify-content: center;
  font-size: 14px;
}
.template-dynamic-detail-1 .wrapper .wrapper-child .tip .time {
  display: flex;
  align-items: center;
  margin-right: 80px;
}
.template-dynamic-detail-1 .wrapper .wrapper-child .tip .time img {
  margin-right: 8px;
}
.template-dynamic-detail-1 .wrapper .wrapper-child .tip .look {
  display: flex;
  align-items: center;
}
.template-dynamic-detail-1 .wrapper .wrapper-child .tip .look img {
  margin-right: 8px;
}
.template-dynamic-detail-1 .wrapper .wrapper-child .dynamic-detail-img {
  text-align: center;
  margin-bottom: 55px;
}
.template-dynamic-detail-1 .wrapper .wrapper-child .dynamic-detail-img .dynamic-item__img {
  width: 742px;
  height: 461px;
}
.template-dynamic-detail-1 .wrapper .wrapper-child .dynamic-detail-img img {
  width: 100%;
}
.template-dynamic-detail-1 .wrapper .wrapper-child .dynamic-detail-footer {
  border-top: 1px solid #ECECEC;
  color: #333333;
  padding-top: 39px;
}
.template-dynamic-detail-1 .wrapper .wrapper-child .dynamic-detail-footer .prev {
  display: block;
  margin-bottom: 16px;
  font-weight: bold;
}
.template-dynamic-detail-1 .wrapper .wrapper-child .dynamic-detail-footer .template-1-prev:hover {
  color: #27bfa2;
}
.template-dynamic-detail-1 .wrapper .wrapper-child .dynamic-detail-footer .next {
  display: block;
  margin-bottom: 30px;
  font-weight: bold;
}
.template-dynamic-detail-1 .wrapper .wrapper-child .dynamic-detail-footer .template-1-next:hover {
  color: #27bfa2;
}
.template-dynamic-detail-1 .wrapper .wrapper-child .dynamic-detail-footer .back a {
  color: #333333;
}
.template-dynamic-detail-1 .wrapper .wrapper-child .dynamic-detail-footer .back img {
  margin-right: 8px;
}
.template-dynamic-detail-2 .wrapper-header .breadcrumb__header {
  font-size: 14px;
  display: flex;
  height: 56px;
  align-items: center;
}
.template-dynamic-detail-2 .wrapper-header .breadcrumb__header .ant-breadcrumb a {
  color: #333;
}
.template-dynamic-detail-2 .wrapper-header .breadcrumb__header .ant-breadcrumb .ant-breadcrumb-link {
  color: #333;
}
.template-dynamic-detail-2 .wrapper {
  background-color: #fff;
  padding-bottom: 61px;
}
.template-dynamic-detail-2 .wrapper .wrapper-child .dynamic-detail-title {
  padding-top: 40px;
  text-align: center;
  margin-bottom: 16px;
  color: #333333;
  font-size: 24px;
  font-weight: 500;
}
.template-dynamic-detail-2 .wrapper .wrapper-child .tip {
  text-align: center;
  margin-bottom: 32px;
  display: flex;
  justify-content: center;
  font-size: 14px;
}
.template-dynamic-detail-2 .wrapper .wrapper-child .tip .time {
  display: flex;
  align-items: center;
  margin-right: 80px;
}
.template-dynamic-detail-2 .wrapper .wrapper-child .tip .time img {
  margin-right: 8px;
}
.template-dynamic-detail-2 .wrapper .wrapper-child .tip .look {
  display: flex;
  align-items: center;
}
.template-dynamic-detail-2 .wrapper .wrapper-child .tip .look img {
  margin-right: 8px;
}
.template-dynamic-detail-2 .wrapper .wrapper-child .dynamic-detail-img {
  text-align: center;
  margin-bottom: 55px;
}
.template-dynamic-detail-2 .wrapper .wrapper-child .dynamic-detail-img .dynamic-item__img {
  width: 742px;
  height: 461px;
}
.template-dynamic-detail-2 .wrapper .wrapper-child .dynamic-detail-img img {
  width: 100%;
}
.template-dynamic-detail-2 .wrapper .wrapper-child .dynamic-detail-footer {
  border-top: 1px solid #ECECEC;
  color: #333333;
  padding-top: 39px;
}
.template-dynamic-detail-2 .wrapper .wrapper-child .dynamic-detail-footer .prev {
  display: block;
  margin-bottom: 16px;
  font-weight: bold;
}
.template-dynamic-detail-2 .wrapper .wrapper-child .dynamic-detail-footer .template-1-prev:hover {
  color: #fba748;
}
.template-dynamic-detail-2 .wrapper .wrapper-child .dynamic-detail-footer .next {
  display: block;
  margin-bottom: 30px;
  font-weight: bold;
}
.template-dynamic-detail-2 .wrapper .wrapper-child .dynamic-detail-footer .template-1-next:hover {
  color: #fba748;
}
.template-dynamic-detail-2 .wrapper .wrapper-child .dynamic-detail-footer .back a {
  color: #333333;
}
.template-dynamic-detail-2 .wrapper .wrapper-child .dynamic-detail-footer .back img {
  margin-right: 8px;
}
.template-dynamic-detail-3 .wrapper-header .breadcrumb__header {
  font-size: 14px;
  display: flex;
  height: 56px;
  align-items: center;
}
.template-dynamic-detail-3 .wrapper-header .breadcrumb__header .ant-breadcrumb a {
  color: #333;
}
.template-dynamic-detail-3 .wrapper-header .breadcrumb__header .ant-breadcrumb .ant-breadcrumb-link {
  color: #333;
}
.template-dynamic-detail-3 .wrapper {
  background-color: #fff;
  padding-bottom: 61px;
}
.template-dynamic-detail-3 .wrapper .wrapper-child .dynamic-detail-title {
  padding-top: 40px;
  text-align: center;
  margin-bottom: 16px;
  color: #333333;
  font-size: 24px;
  font-weight: 500;
}
.template-dynamic-detail-3 .wrapper .wrapper-child .tip {
  text-align: center;
  margin-bottom: 32px;
  display: flex;
  justify-content: center;
  font-size: 14px;
}
.template-dynamic-detail-3 .wrapper .wrapper-child .tip .time {
  display: flex;
  align-items: center;
  margin-right: 80px;
}
.template-dynamic-detail-3 .wrapper .wrapper-child .tip .time img {
  margin-right: 8px;
}
.template-dynamic-detail-3 .wrapper .wrapper-child .tip .look {
  display: flex;
  align-items: center;
}
.template-dynamic-detail-3 .wrapper .wrapper-child .tip .look img {
  margin-right: 8px;
}
.template-dynamic-detail-3 .wrapper .wrapper-child .dynamic-detail-img {
  text-align: center;
  margin-bottom: 55px;
}
.template-dynamic-detail-3 .wrapper .wrapper-child .dynamic-detail-img .dynamic-item__img {
  width: 742px;
  height: 461px;
}
.template-dynamic-detail-3 .wrapper .wrapper-child .dynamic-detail-img img {
  width: 100%;
}
.template-dynamic-detail-3 .wrapper .wrapper-child .dynamic-detail-footer {
  border-top: 1px solid #ECECEC;
  color: #333333;
  padding-top: 39px;
}
.template-dynamic-detail-3 .wrapper .wrapper-child .dynamic-detail-footer .prev {
  display: block;
  margin-bottom: 16px;
  font-weight: bold;
}
.template-dynamic-detail-3 .wrapper .wrapper-child .dynamic-detail-footer .template-1-prev:hover {
  color: #487efb;
}
.template-dynamic-detail-3 .wrapper .wrapper-child .dynamic-detail-footer .next {
  display: block;
  margin-bottom: 30px;
  font-weight: bold;
}
.template-dynamic-detail-3 .wrapper .wrapper-child .dynamic-detail-footer .template-1-next:hover {
  color: #487efb;
}
.template-dynamic-detail-3 .wrapper .wrapper-child .dynamic-detail-footer .back a {
  color: #333333;
}
.template-dynamic-detail-3 .wrapper .wrapper-child .dynamic-detail-footer .back img {
  margin-right: 8px;
}
.template-dynamic-detail-4 .wrapper-header .breadcrumb__header {
  font-size: 14px;
  display: flex;
  height: 56px;
  align-items: center;
}
.template-dynamic-detail-4 .wrapper-header .breadcrumb__header .ant-breadcrumb a {
  color: #333;
}
.template-dynamic-detail-4 .wrapper-header .breadcrumb__header .ant-breadcrumb .ant-breadcrumb-link {
  color: #333;
}
.template-dynamic-detail-4 .wrapper {
  background-color: #fff;
  padding-bottom: 61px;
}
.template-dynamic-detail-4 .wrapper .wrapper-child .dynamic-detail-title {
  padding-top: 40px;
  text-align: center;
  margin-bottom: 16px;
  color: #333333;
  font-size: 24px;
  font-weight: 500;
}
.template-dynamic-detail-4 .wrapper .wrapper-child .tip {
  text-align: center;
  margin-bottom: 32px;
  display: flex;
  justify-content: center;
  font-size: 14px;
}
.template-dynamic-detail-4 .wrapper .wrapper-child .tip .time {
  display: flex;
  align-items: center;
  margin-right: 80px;
}
.template-dynamic-detail-4 .wrapper .wrapper-child .tip .time img {
  margin-right: 8px;
}
.template-dynamic-detail-4 .wrapper .wrapper-child .tip .look {
  display: flex;
  align-items: center;
}
.template-dynamic-detail-4 .wrapper .wrapper-child .tip .look img {
  margin-right: 8px;
}
.template-dynamic-detail-4 .wrapper .wrapper-child .dynamic-detail-img {
  text-align: center;
  margin-bottom: 55px;
}
.template-dynamic-detail-4 .wrapper .wrapper-child .dynamic-detail-img .dynamic-item__img {
  width: 742px;
  height: 461px;
}
.template-dynamic-detail-4 .wrapper .wrapper-child .dynamic-detail-img img {
  width: 100%;
}
.template-dynamic-detail-4 .wrapper .wrapper-child .dynamic-detail-footer {
  border-top: 1px solid #ECECEC;
  color: #333333;
  padding-top: 39px;
}
.template-dynamic-detail-4 .wrapper .wrapper-child .dynamic-detail-footer .prev {
  display: block;
  margin-bottom: 16px;
  font-weight: bold;
}
.template-dynamic-detail-4 .wrapper .wrapper-child .dynamic-detail-footer .template-1-prev:hover {
  color: #487efb;
}
.template-dynamic-detail-4 .wrapper .wrapper-child .dynamic-detail-footer .next {
  display: block;
  margin-bottom: 30px;
  font-weight: bold;
}
.template-dynamic-detail-4 .wrapper .wrapper-child .dynamic-detail-footer .template-1-next:hover {
  color: #487efb;
}
.template-dynamic-detail-4 .wrapper .wrapper-child .dynamic-detail-footer .back a {
  color: #333333;
}
.template-dynamic-detail-4 .wrapper .wrapper-child .dynamic-detail-footer .back img {
  margin-right: 8px;
}
.template-dynamic-detail-5 .wrapper-header .breadcrumb__header {
  font-size: 14px;
  display: flex;
  height: 56px;
  align-items: center;
}
.template-dynamic-detail-5 .wrapper-header .breadcrumb__header .ant-breadcrumb a {
  color: #333;
}
.template-dynamic-detail-5 .wrapper-header .breadcrumb__header .ant-breadcrumb .ant-breadcrumb-link {
  color: #333;
}
.template-dynamic-detail-5 .wrapper {
  background-color: #fff;
  padding-bottom: 61px;
}
.template-dynamic-detail-5 .wrapper .wrapper-child .dynamic-detail-title {
  padding-top: 40px;
  text-align: center;
  margin-bottom: 16px;
  color: #333333;
  font-size: 24px;
  font-weight: 500;
}
.template-dynamic-detail-5 .wrapper .wrapper-child .tip {
  text-align: center;
  margin-bottom: 32px;
  display: flex;
  justify-content: center;
  font-size: 14px;
}
.template-dynamic-detail-5 .wrapper .wrapper-child .tip .time {
  display: flex;
  align-items: center;
  margin-right: 80px;
}
.template-dynamic-detail-5 .wrapper .wrapper-child .tip .time img {
  margin-right: 8px;
}
.template-dynamic-detail-5 .wrapper .wrapper-child .tip .look {
  display: flex;
  align-items: center;
}
.template-dynamic-detail-5 .wrapper .wrapper-child .tip .look img {
  margin-right: 8px;
}
.template-dynamic-detail-5 .wrapper .wrapper-child .dynamic-detail-img {
  text-align: center;
  margin-bottom: 55px;
}
.template-dynamic-detail-5 .wrapper .wrapper-child .dynamic-detail-img .dynamic-item__img {
  width: 742px;
  height: 461px;
}
.template-dynamic-detail-5 .wrapper .wrapper-child .dynamic-detail-img img {
  width: 100%;
}
.template-dynamic-detail-5 .wrapper .wrapper-child .dynamic-detail-footer {
  border-top: 1px solid #ECECEC;
  color: #333333;
  padding-top: 39px;
}
.template-dynamic-detail-5 .wrapper .wrapper-child .dynamic-detail-footer .prev {
  display: block;
  margin-bottom: 16px;
  font-weight: bold;
}
.template-dynamic-detail-5 .wrapper .wrapper-child .dynamic-detail-footer .template-1-prev:hover {
  color: #2758aa;
}
.template-dynamic-detail-5 .wrapper .wrapper-child .dynamic-detail-footer .next {
  display: block;
  margin-bottom: 30px;
  font-weight: bold;
}
.template-dynamic-detail-5 .wrapper .wrapper-child .dynamic-detail-footer .template-1-next:hover {
  color: #2758aa;
}
.template-dynamic-detail-5 .wrapper .wrapper-child .dynamic-detail-footer .back a {
  color: #333333;
}
.template-dynamic-detail-5 .wrapper .wrapper-child .dynamic-detail-footer .back img {
  margin-right: 8px;
}
.template-dynamic-detail-6 .wrapper-header .breadcrumb__header {
  font-size: 14px;
  display: flex;
  height: 56px;
  align-items: center;
}
.template-dynamic-detail-6 .wrapper-header .breadcrumb__header .ant-breadcrumb a {
  color: #333;
}
.template-dynamic-detail-6 .wrapper-header .breadcrumb__header .ant-breadcrumb .ant-breadcrumb-link {
  color: #333;
}
.template-dynamic-detail-6 .wrapper {
  background-color: #fff;
  padding-bottom: 61px;
}
.template-dynamic-detail-6 .wrapper .wrapper-child .dynamic-detail-title {
  padding-top: 40px;
  text-align: center;
  margin-bottom: 16px;
  color: #333333;
  font-size: 24px;
  font-weight: 500;
}
.template-dynamic-detail-6 .wrapper .wrapper-child .tip {
  text-align: center;
  margin-bottom: 32px;
  display: flex;
  justify-content: center;
  font-size: 14px;
}
.template-dynamic-detail-6 .wrapper .wrapper-child .tip .time {
  display: flex;
  align-items: center;
  margin-right: 80px;
}
.template-dynamic-detail-6 .wrapper .wrapper-child .tip .time img {
  margin-right: 8px;
}
.template-dynamic-detail-6 .wrapper .wrapper-child .tip .look {
  display: flex;
  align-items: center;
}
.template-dynamic-detail-6 .wrapper .wrapper-child .tip .look img {
  margin-right: 8px;
}
.template-dynamic-detail-6 .wrapper .wrapper-child .dynamic-detail-img {
  text-align: center;
  margin-bottom: 55px;
}
.template-dynamic-detail-6 .wrapper .wrapper-child .dynamic-detail-img .dynamic-item__img {
  width: 742px;
  height: 461px;
}
.template-dynamic-detail-6 .wrapper .wrapper-child .dynamic-detail-img img {
  width: 100%;
}
.template-dynamic-detail-6 .wrapper .wrapper-child .dynamic-detail-footer {
  border-top: 1px solid #ECECEC;
  color: #333333;
  padding-top: 39px;
}
.template-dynamic-detail-6 .wrapper .wrapper-child .dynamic-detail-footer .prev {
  display: block;
  margin-bottom: 16px;
  font-weight: bold;
}
.template-dynamic-detail-6 .wrapper .wrapper-child .dynamic-detail-footer .template-1-prev:hover {
  color: #56AB5E;
}
.template-dynamic-detail-6 .wrapper .wrapper-child .dynamic-detail-footer .next {
  display: block;
  margin-bottom: 30px;
  font-weight: bold;
}
.template-dynamic-detail-6 .wrapper .wrapper-child .dynamic-detail-footer .template-1-next:hover {
  color: #56AB5E;
}
.template-dynamic-detail-6 .wrapper .wrapper-child .dynamic-detail-footer .back a {
  color: #333333;
}
.template-dynamic-detail-6 .wrapper .wrapper-child .dynamic-detail-footer .back img {
  margin-right: 8px;
}
.template-dynamic-detail-7 .wrapper-header .breadcrumb__header {
  font-size: 14px;
  display: flex;
  height: 56px;
  align-items: center;
}
.template-dynamic-detail-7 .wrapper-header .breadcrumb__header .ant-breadcrumb a {
  color: #333;
}
.template-dynamic-detail-7 .wrapper-header .breadcrumb__header .ant-breadcrumb .ant-breadcrumb-link {
  color: #333;
}
.template-dynamic-detail-7 .wrapper {
  background-color: #fff;
  padding-bottom: 61px;
}
.template-dynamic-detail-7 .wrapper .wrapper-child .dynamic-detail-title {
  padding-top: 40px;
  text-align: center;
  margin-bottom: 16px;
  color: #333333;
  font-size: 24px;
  font-weight: 500;
}
.template-dynamic-detail-7 .wrapper .wrapper-child .tip {
  text-align: center;
  margin-bottom: 32px;
  display: flex;
  justify-content: center;
  font-size: 14px;
}
.template-dynamic-detail-7 .wrapper .wrapper-child .tip .time {
  display: flex;
  align-items: center;
  margin-right: 80px;
}
.template-dynamic-detail-7 .wrapper .wrapper-child .tip .time img {
  margin-right: 8px;
}
.template-dynamic-detail-7 .wrapper .wrapper-child .tip .look {
  display: flex;
  align-items: center;
}
.template-dynamic-detail-7 .wrapper .wrapper-child .tip .look img {
  margin-right: 8px;
}
.template-dynamic-detail-7 .wrapper .wrapper-child .dynamic-detail-img {
  text-align: center;
  margin-bottom: 55px;
}
.template-dynamic-detail-7 .wrapper .wrapper-child .dynamic-detail-img .dynamic-item__img {
  width: 742px;
  height: 461px;
}
.template-dynamic-detail-7 .wrapper .wrapper-child .dynamic-detail-img img {
  width: 100%;
}
.template-dynamic-detail-7 .wrapper .wrapper-child .dynamic-detail-footer {
  border-top: 1px solid #ECECEC;
  color: #333333;
  padding-top: 39px;
}
.template-dynamic-detail-7 .wrapper .wrapper-child .dynamic-detail-footer .prev {
  display: block;
  margin-bottom: 16px;
  font-weight: bold;
}
.template-dynamic-detail-7 .wrapper .wrapper-child .dynamic-detail-footer .template-1-prev:hover {
  color: #f1403c;
}
.template-dynamic-detail-7 .wrapper .wrapper-child .dynamic-detail-footer .next {
  display: block;
  margin-bottom: 30px;
  font-weight: bold;
}
.template-dynamic-detail-7 .wrapper .wrapper-child .dynamic-detail-footer .template-1-next:hover {
  color: #f1403c;
}
.template-dynamic-detail-7 .wrapper .wrapper-child .dynamic-detail-footer .back a {
  color: #333333;
}
.template-dynamic-detail-7 .wrapper .wrapper-child .dynamic-detail-footer .back img {
  margin-right: 8px;
}
.template-dynamic-detail-8 .wrapper-header .breadcrumb__header {
  font-size: 14px;
  display: flex;
  height: 56px;
  align-items: center;
}
.template-dynamic-detail-8 .wrapper-header .breadcrumb__header .ant-breadcrumb a {
  color: #333;
}
.template-dynamic-detail-8 .wrapper-header .breadcrumb__header .ant-breadcrumb .ant-breadcrumb-link {
  color: #333;
}
.template-dynamic-detail-8 .wrapper {
  background-color: #fff;
  padding-bottom: 61px;
}
.template-dynamic-detail-8 .wrapper .wrapper-child .dynamic-detail-title {
  padding-top: 40px;
  text-align: center;
  margin-bottom: 16px;
  color: #333333;
  font-size: 24px;
  font-weight: 500;
}
.template-dynamic-detail-8 .wrapper .wrapper-child .tip {
  text-align: center;
  margin-bottom: 32px;
  display: flex;
  justify-content: center;
  font-size: 14px;
}
.template-dynamic-detail-8 .wrapper .wrapper-child .tip .time {
  display: flex;
  align-items: center;
  margin-right: 80px;
}
.template-dynamic-detail-8 .wrapper .wrapper-child .tip .time img {
  margin-right: 8px;
}
.template-dynamic-detail-8 .wrapper .wrapper-child .tip .look {
  display: flex;
  align-items: center;
}
.template-dynamic-detail-8 .wrapper .wrapper-child .tip .look img {
  margin-right: 8px;
}
.template-dynamic-detail-8 .wrapper .wrapper-child .dynamic-detail-img {
  text-align: center;
  margin-bottom: 55px;
}
.template-dynamic-detail-8 .wrapper .wrapper-child .dynamic-detail-img .dynamic-item__img {
  width: 742px;
  height: 461px;
}
.template-dynamic-detail-8 .wrapper .wrapper-child .dynamic-detail-img img {
  width: 100%;
}
.template-dynamic-detail-8 .wrapper .wrapper-child .dynamic-detail-footer {
  border-top: 1px solid #ECECEC;
  color: #333333;
  padding-top: 39px;
}
.template-dynamic-detail-8 .wrapper .wrapper-child .dynamic-detail-footer .prev {
  display: block;
  margin-bottom: 16px;
  font-weight: bold;
}
.template-dynamic-detail-8 .wrapper .wrapper-child .dynamic-detail-footer .template-1-prev:hover {
  color: #f89847;
}
.template-dynamic-detail-8 .wrapper .wrapper-child .dynamic-detail-footer .next {
  display: block;
  margin-bottom: 30px;
  font-weight: bold;
}
.template-dynamic-detail-8 .wrapper .wrapper-child .dynamic-detail-footer .template-1-next:hover {
  color: #f89847;
}
.template-dynamic-detail-8 .wrapper .wrapper-child .dynamic-detail-footer .back a {
  color: #333333;
}
.template-dynamic-detail-8 .wrapper .wrapper-child .dynamic-detail-footer .back img {
  margin-right: 8px;
}
.template-dynamic-detail-9 .wrapper-header .breadcrumb__header {
  font-size: 14px;
  display: flex;
  height: 56px;
  align-items: center;
}
.template-dynamic-detail-9 .wrapper-header .breadcrumb__header .ant-breadcrumb a {
  color: #333;
}
.template-dynamic-detail-9 .wrapper-header .breadcrumb__header .ant-breadcrumb .ant-breadcrumb-link {
  color: #333;
}
.template-dynamic-detail-9 .wrapper {
  background-color: #fff;
  padding-bottom: 61px;
}
.template-dynamic-detail-9 .wrapper .wrapper-child .dynamic-detail-title {
  padding-top: 40px;
  text-align: center;
  margin-bottom: 16px;
  color: #333333;
  font-size: 24px;
  font-weight: 500;
}
.template-dynamic-detail-9 .wrapper .wrapper-child .tip {
  text-align: center;
  margin-bottom: 32px;
  display: flex;
  justify-content: center;
  font-size: 14px;
}
.template-dynamic-detail-9 .wrapper .wrapper-child .tip .time {
  display: flex;
  align-items: center;
  margin-right: 80px;
}
.template-dynamic-detail-9 .wrapper .wrapper-child .tip .time img {
  margin-right: 8px;
}
.template-dynamic-detail-9 .wrapper .wrapper-child .tip .look {
  display: flex;
  align-items: center;
}
.template-dynamic-detail-9 .wrapper .wrapper-child .tip .look img {
  margin-right: 8px;
}
.template-dynamic-detail-9 .wrapper .wrapper-child .dynamic-detail-img {
  text-align: center;
  margin-bottom: 55px;
}
.template-dynamic-detail-9 .wrapper .wrapper-child .dynamic-detail-img .dynamic-item__img {
  width: 742px;
  height: 461px;
}
.template-dynamic-detail-9 .wrapper .wrapper-child .dynamic-detail-img img {
  width: 100%;
}
.template-dynamic-detail-9 .wrapper .wrapper-child .dynamic-detail-footer {
  border-top: 1px solid #ECECEC;
  color: #333333;
  padding-top: 39px;
}
.template-dynamic-detail-9 .wrapper .wrapper-child .dynamic-detail-footer .prev {
  display: block;
  margin-bottom: 16px;
  font-weight: bold;
}
.template-dynamic-detail-9 .wrapper .wrapper-child .dynamic-detail-footer .template-1-prev:hover {
  color: #4a16fa;
}
.template-dynamic-detail-9 .wrapper .wrapper-child .dynamic-detail-footer .next {
  display: block;
  margin-bottom: 30px;
  font-weight: bold;
}
.template-dynamic-detail-9 .wrapper .wrapper-child .dynamic-detail-footer .template-1-next:hover {
  color: #4a16fa;
}
.template-dynamic-detail-9 .wrapper .wrapper-child .dynamic-detail-footer .back a {
  color: #333333;
}
.template-dynamic-detail-9 .wrapper .wrapper-child .dynamic-detail-footer .back img {
  margin-right: 8px;
}
.template-dynamic-detail-10 .wrapper-header .breadcrumb__header {
  font-size: 14px;
  display: flex;
  height: 56px;
  align-items: center;
}
.template-dynamic-detail-10 .wrapper-header .breadcrumb__header .ant-breadcrumb a {
  color: #333;
}
.template-dynamic-detail-10 .wrapper-header .breadcrumb__header .ant-breadcrumb .ant-breadcrumb-link {
  color: #333;
}
.template-dynamic-detail-10 .wrapper {
  background-color: #fff;
  padding-bottom: 61px;
}
.template-dynamic-detail-10 .wrapper .wrapper-child .dynamic-detail-title {
  padding-top: 40px;
  text-align: center;
  margin-bottom: 16px;
  color: #333333;
  font-size: 24px;
  font-weight: 500;
}
.template-dynamic-detail-10 .wrapper .wrapper-child .tip {
  text-align: center;
  margin-bottom: 32px;
  display: flex;
  justify-content: center;
  font-size: 14px;
}
.template-dynamic-detail-10 .wrapper .wrapper-child .tip .time {
  display: flex;
  align-items: center;
  margin-right: 80px;
}
.template-dynamic-detail-10 .wrapper .wrapper-child .tip .time img {
  margin-right: 8px;
}
.template-dynamic-detail-10 .wrapper .wrapper-child .tip .look {
  display: flex;
  align-items: center;
}
.template-dynamic-detail-10 .wrapper .wrapper-child .tip .look img {
  margin-right: 8px;
}
.template-dynamic-detail-10 .wrapper .wrapper-child .dynamic-detail-img {
  text-align: center;
  margin-bottom: 55px;
}
.template-dynamic-detail-10 .wrapper .wrapper-child .dynamic-detail-img .dynamic-item__img {
  width: 742px;
  height: 461px;
}
.template-dynamic-detail-10 .wrapper .wrapper-child .dynamic-detail-img img {
  width: 100%;
}
.template-dynamic-detail-10 .wrapper .wrapper-child .dynamic-detail-footer {
  border-top: 1px solid #ECECEC;
  color: #333333;
  padding-top: 39px;
}
.template-dynamic-detail-10 .wrapper .wrapper-child .dynamic-detail-footer .prev {
  display: block;
  margin-bottom: 16px;
  font-weight: bold;
}
.template-dynamic-detail-10 .wrapper .wrapper-child .dynamic-detail-footer .template-1-prev:hover {
  background: linear-gradient(246deg, #9285F7 0%, #8EBFF9 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}
.template-dynamic-detail-10 .wrapper .wrapper-child .dynamic-detail-footer .next {
  display: block;
  margin-bottom: 30px;
  font-weight: bold;
}
.template-dynamic-detail-10 .wrapper .wrapper-child .dynamic-detail-footer .template-1-next:hover {
  background: linear-gradient(246deg, #9285F7 0%, #8EBFF9 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}
.template-dynamic-detail-10 .wrapper .wrapper-child .dynamic-detail-footer .back a {
  color: #333333;
}
.template-dynamic-detail-10 .wrapper .wrapper-child .dynamic-detail-footer .back img {
  margin-right: 8px;
}

.template-dynamic-1 .primary {
  color: #27bfa2;
}
.template-dynamic-1 a:hover {
  color: #27bfa2;
}
.template-dynamic-1 .header-title {
  display: none;
}
.template-dynamic-1 .nav {
  border-bottom: 1px solid #eff0f3;
  padding-top: 20px;
}
.template-dynamic-1 .nav .title {
  width: 147px;
  font-size: 36px;
  font-family: PingFang-SC-Heavy, PingFang-SC;
  font-weight: 800;
  color: #333333;
  padding: 15px 0;
  border-bottom: 2px solid #27bfa2;
  box-sizing: border-box;
}
.template-dynamic-1 .nav .right {
  font-size: 14px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #666666;
  padding: 30px 0;
}
.template-dynamic-1 .new-dynamic {
  display: none;
  padding: 61px 0 41px;
  border-bottom: 10px solid #f6f6f6;
}
.template-dynamic-1 .new-dynamic > img {
  flex-shrink: 0;
  margin-right: 60px;
  width: 417px;
  height: 310px;
}
.template-dynamic-1 .new-dynamic .content {
  padding: 18px 0 17px;
}
.template-dynamic-1 .new-dynamic .content .head {
  margin-bottom: 40px;
  font-size: 20px;
  font-weight: 400;
  color: #666666;
}
.template-dynamic-1 .new-dynamic .content .head span {
  margin-left: 45px;
}
.template-dynamic-1 .new-dynamic .content .title {
  display: -webkit-box;
  margin-bottom: 18px;
  font-size: 30px;
  font-weight: 500;
  color: #333333;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.template-dynamic-1 .new-dynamic .content .title:hover {
  color: #27bfa2;
}
.template-dynamic-1 .new-dynamic .content P {
  margin-bottom: 40px;
  font-size: 16px;
  font-weight: 400;
  color: #333333;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.template-dynamic-1 .new-dynamic .content .prev {
  position: relative;
  z-index: 99;
  margin-right: 56px;
  cursor: pointer;
}
.template-dynamic-1 .new-dynamic .content .next {
  transform: rotate(180deg);
  cursor: pointer;
}
.template-dynamic-1 .dynamic-item {
  padding: 40px 0 33px;
  display: flex;
  transition: padding 0.5s;
  border-bottom: 1px solid #eff0f3;
}
.template-dynamic-1 .dynamic-item > img {
  flex-shrink: 0;
  margin-right: 40px;
  width: 296px;
  height: 188px;
}
.template-dynamic-1 .dynamic-item .content {
  width: 800px;
  position: relative;
  padding: 18px 0 14px;
}
.template-dynamic-1 .dynamic-item .content .title {
  display: block;
  margin-bottom: 21px;
  font-size: 20px;
  font-weight: 500;
  color: #333333;
}
.template-dynamic-1 .dynamic-item .content .title:hover {
  color: #27bfa2;
}
.template-dynamic-1 .dynamic-item .content P {
  margin-bottom: 20px;
  font-size: 16px;
  font-weight: 400;
  color: #333333;
  width: 650px;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.template-dynamic-1 .dynamic-item .content .readNum {
  color: #999;
}
.template-dynamic-1 .dynamic-item .content .readNum .icon {
  margin-right: 5px;
}
.template-dynamic-1 .dynamic-item .content .fixed {
  position: absolute;
  right: 0;
  bottom: 32px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-size: 20px;
  font-weight: 400;
  color: #666666;
}
.template-dynamic-1 .dynamic-item .content .fixed .small-time {
  display: none;
}
.template-dynamic-1 .dynamic-item .content .fixed button {
  display: none;
  margin-top: 13px;
  height: 40px;
  background-color: #27bfa2;
  color: #fff;
  padding: 9px 28px;
  border: none;
  outline: none;
  border-radius: 27px;
  font-size: 16px;
  cursor: pointer;
}
.template-dynamic-1 .dynamic-item .content .fixed .icon {
  transform: rotate(90deg);
  color: #999999;
  margin-top: 10px;
  font-size: 30px;
}
.template-dynamic-1 .dynamic-item:hover {
  padding-left: 51px;
}
.template-dynamic-1 .dynamic-item:hover .fixed button {
  display: block;
}
.template-dynamic-1 .dynamic-item:hover .fixed .icon {
  display: none;
}
.template-dynamic-1 .ant-pagination-item-active {
  background-color: #27bfa2;
  border: none;
}
.template-dynamic-1 .ant-pagination-item-active a {
  color: #fff;
}
.template-dynamic-2 .primary {
  color: #27bfa2;
}
.template-dynamic-2 a:hover {
  color: #27bfa2;
}
.template-dynamic-2 .header-title {
  display: none;
}
.template-dynamic-2 .nav {
  display: none;
}
.template-dynamic-2 .new-dynamic {
  height: 0;
  overflow: hidden;
  margin-bottom: 40px;
}
.template-dynamic-2 .dynamic-item {
  float: left;
  width: 380px;
  box-sizing: border-box;
  height: 444px;
  background: #ffffff;
  box-shadow: 0px 0px 12px 0px rgba(190, 190, 190, 0.5);
  margin-right: 30px;
  margin-bottom: 30px;
}
.template-dynamic-2 .dynamic-item > img {
  width: 100%;
  height: 261px;
}
.template-dynamic-2 .dynamic-item .content {
  width: 100%;
  position: relative;
}
.template-dynamic-2 .dynamic-item .content .text-wrap {
  padding: 0 20px;
}
.template-dynamic-2 .dynamic-item .content .text-wrap .title {
  display: block;
  margin-bottom: 21px;
  font-size: 20px;
  font-weight: 500;
  color: #333333;
  padding-top: 14px;
}
.template-dynamic-2 .dynamic-item .content .text-wrap .title:hover {
  color: #fba748;
}
.template-dynamic-2 .dynamic-item .content .text-wrap P {
  margin-bottom: 20px;
  font-size: 16px;
  font-weight: 400;
  color: #333333;
  width: 100%;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.template-dynamic-2 .dynamic-item .content .text-wrap .readNum {
  color: #999;
}
.template-dynamic-2 .dynamic-item .content .text-wrap .readNum .icon {
  margin-right: 5px;
}
.template-dynamic-2 .dynamic-item .content .text-wrap .readNum .right-time {
  display: none;
}
.template-dynamic-2 .dynamic-item .content .text-wrap .fixed {
  position: absolute;
  left: 20px;
  background-color: #fff;
  top: -80px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-size: 20px;
  font-weight: 400;
  padding: 10px;
  color: #666666;
}
.template-dynamic-2 .dynamic-item .content .text-wrap .fixed .time-wrap {
  background-color: #fba748;
}
.template-dynamic-2 .dynamic-item .content .text-wrap .fixed .time-wrap .all-time {
  display: none;
}
.template-dynamic-2 .dynamic-item .content .text-wrap .fixed .time-wrap .small-time {
  text-align: center;
  padding: 0 10px;
  color: #fff;
}
.template-dynamic-2 .dynamic-item .content .text-wrap .fixed button {
  display: none;
  margin-top: 13px;
  height: 40px;
  background-color: #fba748;
  color: #fff;
  padding: 9px 28px;
  border: none;
  outline: none;
  border-radius: 27px;
  font-size: 16px;
  cursor: pointer;
}
.template-dynamic-2 .dynamic-item .content .text-wrap .fixed .icon {
  transform: rotate(90deg);
  color: #999999;
  margin-top: 10px;
  font-size: 30px;
  display: none;
}
.template-dynamic-2 .ant-pagination-item-active {
  background-color: #fba748;
  border: none;
}
.template-dynamic-2 .ant-pagination-item-active a {
  color: #fff;
}
.template-dynamic-3 .grey-background {
  background-color: #f7f7f7 !important;
  padding-top: 20px;
}
.template-dynamic-3 .grey-background .container {
  background-color: #fff;
  padding: 0 0 20px 20px;
}
.template-dynamic-3 .header-title {
  font-size: 30px;
  font-family: PingFang-SC-Heavy, PingFang-SC;
  font-weight: 800;
  color: #333333;
  line-height: 42px;
  position: relative;
  border-bottom: 1px solid #ececec;
  background-color: #fff;
  padding: 20px;
  margin-bottom: 20px;
}
.template-dynamic-3 .header-title::before {
  content: "";
  display: block;
  width: 10px;
  height: 44px;
  background: #487efb;
  position: absolute;
  left: 0;
  z-index: 1;
}
.template-dynamic-3 .primary {
  color: #487efb;
}
.template-dynamic-3 a:hover {
  color: #487efb;
}
.template-dynamic-3 .nav {
  display: none;
}
.template-dynamic-3 .new-dynamic {
  height: 0;
  overflow: hidden;
}
.template-dynamic-3 .dynamic-item {
  box-sizing: border-box;
  background: #ffffff;
  margin-right: 30px;
  margin-bottom: 30px;
  position: relative;
}
.template-dynamic-3 .dynamic-item::after {
  content: "";
  position: absolute;
  display: block;
  width: 97%;
  height: 1px;
  border: 0;
  bottom: -15px;
  left: 20px;
  background-color: #ececec;
}
.template-dynamic-3 .dynamic-item > img {
  width: 264px;
  height: 261px;
  float: left;
  margin-left: 150px;
}
.template-dynamic-3 .dynamic-item .content {
  float: left;
  width: 760px;
}
.template-dynamic-3 .dynamic-item .content .text-wrap {
  padding: 20px;
}
.template-dynamic-3 .dynamic-item .content .text-wrap .title {
  display: block;
  margin-bottom: 21px;
  font-size: 20px;
  font-weight: 500;
  color: #333333;
}
.template-dynamic-3 .dynamic-item .content .text-wrap .title:hover {
  color: #487efb;
}
.template-dynamic-3 .dynamic-item .content .text-wrap P {
  margin-bottom: 20px;
  font-size: 16px;
  font-weight: 400;
  color: #333333;
  width: 100%;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.template-dynamic-3 .dynamic-item .content .text-wrap .readNum {
  color: #999;
  padding-bottom: 20px;
}
.template-dynamic-3 .dynamic-item .content .text-wrap .readNum .icon {
  margin-right: 5px;
}
.template-dynamic-3 .dynamic-item .content .text-wrap .readNum .right-time {
  display: none;
}
.template-dynamic-3 .dynamic-item .content .text-wrap .fixed {
  position: absolute;
  left: 20px;
  background-color: #fff;
  top: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-size: 20px;
  font-weight: 400;
  color: #666666;
}
.template-dynamic-3 .dynamic-item .content .text-wrap .fixed .time-wrap {
  background-color: #487efb;
}
.template-dynamic-3 .dynamic-item .content .text-wrap .fixed .time-wrap .all-time {
  display: none;
}
.template-dynamic-3 .dynamic-item .content .text-wrap .fixed .time-wrap .small-time {
  text-align: center;
  padding: 15px 10px;
  font-size: 18px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #ffffff;
  line-height: 25px;
}
.template-dynamic-3 .dynamic-item .content .text-wrap .fixed .time-wrap .small-time div:first-child {
  font-size: 24px;
}
.template-dynamic-3 .dynamic-item .content .text-wrap .fixed button {
  display: none;
  margin-top: 13px;
  height: 40px;
  background-color: #487efb;
  color: #fff;
  padding: 9px 28px;
  border: none;
  outline: none;
  border-radius: 27px;
  font-size: 16px;
  cursor: pointer;
}
.template-dynamic-3 .dynamic-item .content .text-wrap .fixed .icon {
  transform: rotate(90deg);
  color: #999999;
  margin-top: 10px;
  font-size: 30px;
  display: none;
}
.template-dynamic-3 .ant-pagination-item-active {
  background-color: #487efb;
  border: none;
}
.template-dynamic-3 .ant-pagination-item-active a {
  color: #fff;
}
.template-dynamic-4 .primary {
  color: #27bfa2;
}
.template-dynamic-4 a:hover {
  color: #27bfa2;
}
.template-dynamic-4 .header-title {
  display: none;
}
.template-dynamic-4 .nav {
  display: none;
}
.template-dynamic-4 .new-dynamic {
  height: 0;
  overflow: hidden;
  margin-bottom: 40px;
}
.template-dynamic-4 .dynamic-item {
  float: left;
  width: 380px;
  box-sizing: border-box;
  height: 444px;
  background: #ffffff;
  box-shadow: 0px 0px 12px 0px rgba(190, 190, 190, 0.5);
  margin-right: 30px;
  margin-bottom: 30px;
  border-radius: 30px 0 30px 0;
}
.template-dynamic-4 .dynamic-item > img {
  width: 100%;
  height: 261px;
  border-radius: 30px 0 0 0;
}
.template-dynamic-4 .dynamic-item .content {
  width: 100%;
  position: relative;
}
.template-dynamic-4 .dynamic-item .content .text-wrap {
  padding: 0 20px;
}
.template-dynamic-4 .dynamic-item .content .text-wrap .title {
  display: block;
  margin-bottom: 21px;
  font-size: 20px;
  font-weight: 500;
  color: #333333;
  padding-top: 20px;
}
.template-dynamic-4 .dynamic-item .content .text-wrap .title:hover {
  color: #487efb;
}
.template-dynamic-4 .dynamic-item .content .text-wrap P {
  margin-bottom: 20px;
  font-size: 16px;
  font-weight: 400;
  color: #333333;
  width: 100%;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.template-dynamic-4 .dynamic-item .content .text-wrap .readNum {
  color: #999;
}
.template-dynamic-4 .dynamic-item .content .text-wrap .readNum .icon {
  margin-right: 5px;
}
.template-dynamic-4 .dynamic-item .content .text-wrap .readNum .right-time {
  display: none;
}
.template-dynamic-4 .dynamic-item .content .text-wrap .fixed {
  position: absolute;
  right: 20px;
  top: -261px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  font-weight: 400;
  color: #666666;
}
.template-dynamic-4 .dynamic-item .content .text-wrap .fixed .time-wrap {
  background-color: #487efb;
}
.template-dynamic-4 .dynamic-item .content .text-wrap .fixed .time-wrap .all-time {
  display: none;
}
.template-dynamic-4 .dynamic-item .content .text-wrap .fixed .time-wrap .small-time {
  text-align: center;
  padding: 10px;
  color: #fff;
}
.template-dynamic-4 .dynamic-item .content .text-wrap .fixed .time-wrap .small-time div:first-child {
  font-size: 24px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #ffffff;
  line-height: 33px;
}
.template-dynamic-4 .dynamic-item .content .text-wrap .fixed button {
  display: none;
  margin-top: 13px;
  height: 40px;
  background-color: #487efb;
  color: #fff;
  padding: 9px 28px;
  border: none;
  outline: none;
  border-radius: 27px;
  font-size: 16px;
  cursor: pointer;
}
.template-dynamic-4 .dynamic-item .content .text-wrap .fixed .icon {
  transform: rotate(90deg);
  color: #999999;
  margin-top: 10px;
  font-size: 30px;
  display: none;
}
.template-dynamic-4 .ant-pagination-item-active {
  background-color: #487efb;
  border: none;
}
.template-dynamic-4 .ant-pagination-item-active a {
  color: #fff;
}
.template-dynamic-5 .primary {
  color: #2758aa;
}
.template-dynamic-5 a:hover {
  color: #2758aa;
}
.template-dynamic-5 .header-title {
  display: none;
}
.template-dynamic-5 .nav {
  display: none;
}
.template-dynamic-5 .new-dynamic {
  height: 0;
  overflow: hidden;
  margin-bottom: 40px;
}
.template-dynamic-5 .dynamic-item {
  float: left;
  width: 380px;
  box-sizing: border-box;
  height: 444px;
  background: #ffffff;
  box-shadow: 0px 0px 12px 0px rgba(190, 190, 190, 0.5);
  margin-right: 30px;
  margin-bottom: 30px;
}
.template-dynamic-5 .dynamic-item > img {
  width: 100%;
  height: 261px;
}
.template-dynamic-5 .dynamic-item .content {
  width: 100%;
  position: relative;
}
.template-dynamic-5 .dynamic-item .content .text-wrap {
  padding: 0 20px;
}
.template-dynamic-5 .dynamic-item .content .text-wrap .title {
  display: block;
  margin-bottom: 21px;
  font-size: 20px;
  font-weight: 500;
  color: #333333;
  padding-top: 20px;
}
.template-dynamic-5 .dynamic-item .content .text-wrap .title:hover {
  color: #2758aa;
}
.template-dynamic-5 .dynamic-item .content .text-wrap P {
  margin-bottom: 20px;
  font-size: 16px;
  font-weight: 400;
  color: #333333;
  width: 100%;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.template-dynamic-5 .dynamic-item .content .text-wrap .readNum {
  color: #999;
}
.template-dynamic-5 .dynamic-item .content .text-wrap .readNum .icon {
  margin-right: 5px;
}
.template-dynamic-5 .dynamic-item .content .text-wrap .fixed {
  display: none;
}
.template-dynamic-5 .ant-pagination-item-active {
  background-color: #2758aa;
  border: none;
}
.template-dynamic-5 .ant-pagination-item-active a {
  color: #fff;
}
.template-dynamic-6 .primary {
  color: #56ab5e;
}
.template-dynamic-6 a:hover {
  color: #56ab5e;
}
.template-dynamic-6 .header-title {
  font-size: 40px;
  font-family: PingFang-SC-Heavy, PingFang-SC;
  font-weight: 800;
  color: #333333;
  line-height: 56px;
  position: relative;
  padding-left: 30px;
  padding-bottom: 30px;
}
.template-dynamic-6 .header-title::before {
  content: "";
  width: 10px;
  height: 44px;
  background: #56ab5e;
  position: absolute;
  top: 4px;
  left: 0;
}
.template-dynamic-6 .nav {
  display: none;
}
.template-dynamic-6 .new-dynamic {
  height: 0;
  overflow: hidden;
  margin-bottom: 40px;
}
.template-dynamic-6 .dynamic-item {
  width: 100%;
  float: left;
  box-sizing: border-box;
  background: #ffffff;
  border: 1px solid #ececec;
  padding: 20px;
  margin-bottom: 30px;
}
.template-dynamic-6 .dynamic-item > img {
  float: left;
  width: 264px;
  height: 180px;
}
.template-dynamic-6 .dynamic-item .content {
  float: left;
  width: 77%;
  position: relative;
}
.template-dynamic-6 .dynamic-item .content .text-wrap {
  padding: 0 20px;
}
.template-dynamic-6 .dynamic-item .content .text-wrap .title {
  display: block;
  margin-bottom: 21px;
  font-size: 20px;
  font-weight: 500;
  color: #333333;
  padding-top: 20px;
}
.template-dynamic-6 .dynamic-item .content .text-wrap .title:hover {
  color: #56ab5e;
}
.template-dynamic-6 .dynamic-item .content .text-wrap P {
  margin-top: 20px;
  font-size: 16px;
  font-weight: 400;
  color: #333333;
  width: 100%;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.template-dynamic-6 .dynamic-item .content .text-wrap .readNum {
  color: #999;
}
.template-dynamic-6 .dynamic-item .content .text-wrap .readNum .icon {
  margin-right: 5px;
}
.template-dynamic-6 .dynamic-item .content .text-wrap .fixed {
  display: none;
}
.template-dynamic-6 .ant-pagination-item-active {
  background-color: #56ab5e;
  border: none;
}
.template-dynamic-6 .ant-pagination-item-active a {
  color: #fff;
}
.template-dynamic-7 .primary {
  color: #f1403c;
}
.template-dynamic-7 a:hover {
  color: #f1403c;
}
.template-dynamic-7 .header-title {
  display: none;
}
.template-dynamic-7 .nav {
  display: none;
}
.template-dynamic-7 .new-dynamic {
  height: 0;
  overflow: hidden;
  margin-bottom: 40px;
}
.template-dynamic-7 .dynamic-item {
  width: 380px;
  float: left;
  box-sizing: border-box;
  background: #ffffff;
  margin-bottom: 30px;
}
.template-dynamic-7 .dynamic-item > img {
  width: 380px;
  height: 180px;
}
.template-dynamic-7 .dynamic-item .content {
  width: 380px;
  height: 150px;
  position: relative;
}
.template-dynamic-7 .dynamic-item .content .text-wrap {
  padding: 0 10px;
  box-sizing: border-box;
  position: absolute;
  top: -30%;
  left: 0;
  right: 0;
  margin: auto;
  width: 340px;
  height: 188px;
  background: #ffffff;
  box-shadow: 0px 2px 10px 0px rgba(219, 219, 219, 0.5);
}
.template-dynamic-7 .dynamic-item .content .text-wrap .title {
  display: block;
  margin-bottom: 21px;
  font-size: 20px;
  font-weight: 500;
  color: #333333;
  padding-top: 20px;
}
.template-dynamic-7 .dynamic-item .content .text-wrap .title:hover {
  color: #f1403c;
}
.template-dynamic-7 .dynamic-item .content .text-wrap P {
  margin-top: 20px;
  font-size: 16px;
  font-weight: 400;
  color: #333333;
  width: 100%;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.template-dynamic-7 .dynamic-item .content .text-wrap .readNum {
  display: none;
  color: #999;
}
.template-dynamic-7 .dynamic-item .content .text-wrap .readNum .icon {
  margin-right: 5px;
}
.template-dynamic-7 .dynamic-item .content .text-wrap .fixed {
  display: none;
}
.template-dynamic-7 .ant-pagination-item-active {
  background-color: #f1403c;
  border: none;
}
.template-dynamic-7 .ant-pagination-item-active a {
  color: #fff;
}
.template-dynamic-8 .left-box {
  width: 254px;
  margin-right: 20px;
}
.template-dynamic-8 .left-box .company-business {
  margin-top: 20px;
}
.template-dynamic-8 .left-box .company-business .title {
  background-color: #f89847;
  font-size: 20px;
  font-family: PingFang-SC-Heavy, PingFang-SC;
  font-weight: 800;
  color: #ffffff;
  line-height: 28px;
  padding: 20px;
}
.template-dynamic-8 .left-box .company-business .content {
  font-size: 14px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #333333;
  line-height: 28px;
  padding: 20px 10px;
  background-color: #fff;
}
.template-dynamic-8 .right-box {
  width: 926px;
}
.template-dynamic-8 .primary {
  color: #f89847;
}
.template-dynamic-8 a:hover {
  color: #f89847;
}
.template-dynamic-8 .header-title {
  font-size: 20px;
  font-family: PingFang-SC-Heavy, PingFang-SC;
  font-weight: 800;
  color: #ffffff;
  line-height: 28px;
  position: relative;
  padding: 20px;
  background: #f89847;
}
.template-dynamic-8 .nav {
  display: none;
}
.template-dynamic-8 .new-dynamic {
  height: 0;
  overflow: hidden;
}
.template-dynamic-8 .dynamic-item {
  width: 100%;
  float: left;
  box-sizing: border-box;
  background: #ffffff;
  border: 1px solid #ececec;
  padding: 20px;
  margin-bottom: 30px;
}
.template-dynamic-8 .dynamic-item > img {
  float: left;
  width: 264px;
  height: 180px;
}
.template-dynamic-8 .dynamic-item .content {
  float: left;
  width: 70%;
  position: relative;
}
.template-dynamic-8 .dynamic-item .content .text-wrap {
  padding: 0 20px;
}
.template-dynamic-8 .dynamic-item .content .text-wrap .title {
  display: block;
  margin-bottom: 21px;
  font-size: 20px;
  font-weight: 500;
  color: #333333;
  padding-top: 20px;
}
.template-dynamic-8 .dynamic-item .content .text-wrap .title:hover {
  color: #f89847;
}
.template-dynamic-8 .dynamic-item .content .text-wrap P {
  margin-top: 20px;
  font-size: 16px;
  font-weight: 400;
  color: #333333;
  width: 100%;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.template-dynamic-8 .dynamic-item .content .text-wrap .readNum {
  color: #999;
}
.template-dynamic-8 .dynamic-item .content .text-wrap .readNum .icon {
  margin-right: 5px;
}
.template-dynamic-8 .dynamic-item .content .text-wrap .fixed {
  display: none;
}
.template-dynamic-8 .ant-pagination-item-active {
  background-color: #f89847;
  border: none;
}
.template-dynamic-8 .ant-pagination-item-active a {
  color: #fff;
}
.template-dynamic-9 .right-box {
  padding-top: 40px;
  width: 1200px;
}
.template-dynamic-9 .primary {
  color: #4a16fa;
}
.template-dynamic-9 a:hover {
  color: #4a16fa;
}
.template-dynamic-9 .header-title {
  font-size: 20px;
  font-family: PingFang-SC-Heavy, PingFang-SC;
  font-weight: 800;
  position: relative;
  background: #f7f7f7;
  margin-bottom: 30px;
}
.template-dynamic-9 .header-title div {
  width: 196px;
  background-color: #4a16fa;
  padding: 12px 20px;
  color: #fff;
  position: relative;
}
.template-dynamic-9 .header-title div::after {
  box-sizing: border-box;
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  right: -40px;
  top: 0px;
  border-bottom: 55px solid #4a16fa;
  border-right: 40px solid transparent;
}
.template-dynamic-9 .nav {
  display: none;
}
.template-dynamic-9 .new-dynamic {
  height: 0;
  overflow: hidden;
}
.template-dynamic-9 .dynamic-item {
  width: 100%;
  float: left;
  box-sizing: border-box;
  background: #ffffff;
  border: 1px solid #ececec;
  padding: 20px;
  margin-bottom: 30px;
}
.template-dynamic-9 .dynamic-item > img {
  float: left;
  width: 264px;
  height: 180px;
}
.template-dynamic-9 .dynamic-item .content {
  float: left;
  width: 70%;
  position: relative;
}
.template-dynamic-9 .dynamic-item .content .text-wrap {
  padding: 0 20px;
}
.template-dynamic-9 .dynamic-item .content .text-wrap .title {
  display: block;
  margin-bottom: 21px;
  font-size: 20px;
  font-weight: 500;
  color: #333333;
  padding-top: 20px;
}
.template-dynamic-9 .dynamic-item .content .text-wrap .title:hover {
  color: #4a16fa;
}
.template-dynamic-9 .dynamic-item .content .text-wrap P {
  margin-top: 20px;
  font-size: 16px;
  font-weight: 400;
  color: #333333;
  width: 100%;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.template-dynamic-9 .dynamic-item .content .text-wrap .readNum {
  display: none;
  color: #999;
}
.template-dynamic-9 .dynamic-item .content .text-wrap .readNum .icon {
  margin-right: 5px;
}
.template-dynamic-9 .dynamic-item .content .text-wrap .fixed {
  display: none;
}
.template-dynamic-9 .ant-pagination-item-active {
  background-color: #4a16fa;
  border: none;
}
.template-dynamic-9 .ant-pagination-item-active a {
  color: #fff;
}
.template-dynamic-10 .custom-header {
  background: linear-gradient(180deg, rgba(208, 202, 255, 0.24) 0%, rgba(142, 191, 249, 0) 100%);
}
.template-dynamic-10 .primary {
  background: linear-gradient(246deg, #9285f7 0%, #8ebff9 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}
.template-dynamic-10 a:hover {
  background: linear-gradient(246deg, #9285f7 0%, #8ebff9 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}
.template-dynamic-10 .header-title {
  display: none;
  font-size: 40px;
  font-family: PingFang-SC-Heavy, PingFang-SC;
  font-weight: 800;
  color: #333333;
  line-height: 56px;
  position: relative;
  padding-left: 30px;
  padding-bottom: 30px;
}
.template-dynamic-10 .header-title::before {
  content: "";
  width: 10px;
  height: 44px;
  background: #56ab5e;
  position: absolute;
  top: 4px;
  left: 0;
}
.template-dynamic-10 .nav {
  display: none;
}
.template-dynamic-10 .new-dynamic {
  height: 0;
  overflow: hidden;
  margin-bottom: 40px;
}
.template-dynamic-10 .dynamic-item {
  width: 48.5%;
  float: left;
  box-sizing: border-box;
  background: #ffffff;
  margin-bottom: 30px;
  box-shadow: 0px 2px 18px 0px rgba(224, 224, 224, 0.5);
}
.template-dynamic-10 .dynamic-item > img {
  float: left;
  width: 200px;
  height: 200px;
}
.template-dynamic-10 .dynamic-item .content {
  float: left;
  width: 65%;
  position: relative;
}
.template-dynamic-10 .dynamic-item .content .text-wrap {
  padding: 0 20px;
}
.template-dynamic-10 .dynamic-item .content .text-wrap .title {
  display: block;
  margin-bottom: 21px;
  font-size: 20px;
  font-weight: 500;
  color: #333333;
  padding-top: 20px;
}
.template-dynamic-10 .dynamic-item .content .text-wrap .title:hover {
  background: linear-gradient(246deg, #9285f7 0%, #8ebff9 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}
.template-dynamic-10 .dynamic-item .content .text-wrap P {
  margin-top: 20px;
  font-size: 16px;
  font-weight: 400;
  color: #333333;
  width: 100%;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.template-dynamic-10 .dynamic-item .content .text-wrap .readNum {
  color: #999;
}
.template-dynamic-10 .dynamic-item .content .text-wrap .readNum .icon {
  margin-right: 5px;
}
.template-dynamic-10 .dynamic-item .content .text-wrap .fixed {
  display: none;
}
.template-dynamic-10 .ant-pagination-item-active {
  background: linear-gradient(246deg, #9285F7 0%, #8EBFF9 100%);
  border: none;
}
.template-dynamic-10 .ant-pagination-item-active a {
  color: #fff;
}

.template-shop-1 .shop-wrap {
  background: #f9f9f9;
  padding: 32px 0;
}
.template-shop-1 .shop-wrap .filter {
  background: #fff;
}
.template-shop-1 .shop-wrap .filter .filter-button {
  line-height: 32px;
  padding: 20px;
}
.template-shop-1 .shop-wrap .filter .filter-button .button-item {
  width: 52px;
  height: 32px;
  background: #fff;
  text-align: center;
  margin: 0 10px;
  cursor: pointer;
}
.template-shop-1 .shop-wrap .filter .filter-button .button-item.active {
  color: #fff;
  background: #27bfa2;
}
.template-shop-1 .shop-wrap .filter .border {
  height: 1px;
  width: 100%;
  background-color: #eff0f3;
}
.template-shop-1 .shop-wrap .card {
  width: 390px;
  height: 240px;
  position: relative;
  cursor: pointer;
}
.template-shop-1 .shop-wrap .card .pop-box {
  position: absolute;
  height: 0;
  width: 100%;
  bottom: 0;
  left: 0;
  overflow: hidden;
  transition: all 0.25s ease-in;
  background-color: #27bfa2;
}
.template-shop-1 .shop-wrap .card .pop-box .title {
  font-size: 16px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #fff;
  text-indent: 3rem;
  position: relative;
  text-align: left;
}
.template-shop-1 .shop-wrap .card .pop-box .title.sell::before {
  content: "\51FA\552E";
  position: absolute;
  left: 0;
  top: 5px;
  width: 36px;
  height: 17px;
  background: #f1403c;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #ffffff;
  line-height: 17px;
  display: block;
  text-align: center;
  text-indent: initial;
}
.template-shop-1 .shop-wrap .card .pop-box .title.buy::before {
  content: "\6C42\8D2D";
  position: absolute;
  top: 5px;
  left: 5px;
  width: 36px;
  height: 17px;
  background: #487efb;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #ffffff;
  line-height: 17px;
  text-align: center;
  text-indent: initial;
}
.template-shop-1 .shop-wrap .card .pop-box .label {
  padding: 0 10px;
  height: 17px;
  background: #f3f3f3;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #999999;
  line-height: 17px;
  text-align: center;
  margin-right: 10px;
  margin-bottom: 5px;
}
.template-shop-1 .shop-wrap .card .pop-box .price {
  width: 100%;
  height: 28px;
  font-size: 20px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #f1403c;
  line-height: 28px;
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: #f1403c;
  text-align: left;
}
.template-shop-1 .shop-wrap .card .pic {
  width: 100%;
  height: 100%;
}
.template-shop-1 .shop-wrap .card:hover .pop-box {
  height: 70%;
}
.template-shop-1 .shop-wrap .rawCard-item {
  width: 312px;
  height: 155px;
  background: #ffffff;
  box-shadow: 0px 0px 8px 0px rgba(216, 216, 216, 0.5);
  display: block;
}
.template-shop-1 .shop-wrap .rawCard-item .title {
  font-size: 18px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #333333;
  line-height: 25px;
  padding: 20px 0;
}
.template-shop-1 .shop-wrap .rawCard-item .price {
  font-size: 16px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #333333;
  line-height: 22px;
  padding-bottom: 20px;
}
.template-shop-1 .shop-wrap .rawCard-item .price .number {
  color: #f1403c;
}
.template-shop-1 .shop-wrap .rawCard-item .address {
  font-size: 16px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #333333;
  line-height: 22px;
}
.template-shop-1 .ant-pagination-item-active {
  background-color: #27bfa2;
  border: none;
}
.template-shop-1 .ant-pagination-item-active a {
  color: #fff;
}
.template-shop-1 .ant-table-thead > tr > th {
  background: #fff;
}
.template-shop-2 .shop-wrap {
  background: #f9f9f9;
  padding: 32px 0;
}
.template-shop-2 .shop-wrap .filter {
  background: #fff;
}
.template-shop-2 .shop-wrap .filter .filter-button {
  line-height: 32px;
  padding: 20px;
}
.template-shop-2 .shop-wrap .filter .filter-button .button-item {
  width: 52px;
  height: 32px;
  background: #fff;
  text-align: center;
  margin: 0 10px;
  cursor: pointer;
}
.template-shop-2 .shop-wrap .filter .filter-button .button-item.active {
  color: #fff;
  background: #fba748;
}
.template-shop-2 .shop-wrap .filter .border {
  height: 1px;
  width: 100%;
  background-color: #eff0f3;
}
.template-shop-2 .shop-wrap .card {
  width: 288px;
  height: 240px;
  position: relative;
  cursor: pointer;
}
.template-shop-2 .shop-wrap .card .pop-box {
  display: none;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 250px;
  height: 200px;
  position: absolute;
  overflow: hidden;
  transition: all 0.25s ease-in;
  background-color: #fba748;
}
.template-shop-2 .shop-wrap .card .pop-box .title {
  font-size: 16px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #fff;
  text-indent: 3rem;
  position: relative;
  text-align: left;
}
.template-shop-2 .shop-wrap .card .pop-box .title.sell::before {
  content: "\51FA\552E";
  position: absolute;
  left: 0;
  top: 4px;
  width: 36px;
  height: 17px;
  background: #f1403c;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #ffffff;
  line-height: 17px;
  display: block;
  text-align: center;
  text-indent: initial;
}
.template-shop-2 .shop-wrap .card .pop-box .title.buy::before {
  content: "\6C42\8D2D";
  position: absolute;
  top: 4px;
  left: 5px;
  width: 36px;
  height: 17px;
  background: #487efb;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #ffffff;
  line-height: 17px;
  text-align: center;
  text-indent: initial;
}
.template-shop-2 .shop-wrap .card .pop-box .label {
  padding: 0 10px;
  height: 17px;
  background: #f3f3f3;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #999999;
  line-height: 17px;
  text-align: center;
  margin-right: 10px;
  margin-bottom: 5px;
}
.template-shop-2 .shop-wrap .card .pop-box .price {
  width: 100%;
  font-size: 20px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #f1403c;
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: #f1403c;
  text-align: left;
}
.template-shop-2 .shop-wrap .card .pic {
  width: 100%;
  height: 100%;
}
.template-shop-2 .shop-wrap .card:hover .pop-box {
  display: block;
}
.template-shop-2 .shop-wrap .rawCard-item {
  width: 312px;
  height: 155px;
  background: #ffffff;
  box-shadow: 0px 0px 8px 0px rgba(216, 216, 216, 0.5);
  display: block;
}
.template-shop-2 .shop-wrap .rawCard-item .title {
  font-size: 18px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #333333;
  line-height: 25px;
  padding: 20px 0;
}
.template-shop-2 .shop-wrap .rawCard-item .price {
  font-size: 16px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #333333;
  line-height: 22px;
  padding-bottom: 20px;
}
.template-shop-2 .shop-wrap .rawCard-item .price .number {
  color: #f1403c;
}
.template-shop-2 .shop-wrap .rawCard-item .address {
  font-size: 16px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #333333;
  line-height: 22px;
}
.template-shop-2 .ant-pagination-item-active {
  background-color: #fba748;
  border: none;
}
.template-shop-2 .ant-pagination-item-active a {
  color: #fff;
}
.template-shop-2 .ant-table-thead > tr > th {
  background: #fff;
}
.template-shop-3 .shop-wrap {
  background: #f9f9f9;
  padding: 32px 0;
}
.template-shop-3 .shop-wrap .filter {
  background: #fff;
}
.template-shop-3 .shop-wrap .filter .filter-button {
  line-height: 32px;
  padding: 20px;
}
.template-shop-3 .shop-wrap .filter .filter-button .button-item {
  width: 52px;
  height: 32px;
  background: #fff;
  text-align: center;
  margin: 0 10px;
  cursor: pointer;
}
.template-shop-3 .shop-wrap .filter .filter-button .button-item.active {
  color: #fff;
  background: #487efb;
}
.template-shop-3 .shop-wrap .filter .border {
  height: 1px;
  width: 100%;
  background-color: #eff0f3;
}
.template-shop-3 .shop-wrap .card .pic {
  width: 280px;
  height: 168px;
  float: left;
}
.template-shop-3 .shop-wrap .card .pop-box {
  float: left;
  background-color: #fff;
  height: 168px;
  width: 308px;
  overflow: hidden;
  transition: all 0.25s ease-in;
}
.template-shop-3 .shop-wrap .card .pop-box > div {
  padding: 14px 28px 0 !important;
}
.template-shop-3 .shop-wrap .card .pop-box .title {
  font-size: 16px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #0a0909;
  line-height: 26px;
  text-indent: 3rem;
  position: relative;
  text-align: left;
}
.template-shop-3 .shop-wrap .card .pop-box .title.sell::before {
  content: "\51FA\552E";
  position: absolute;
  left: 0;
  top: 2px;
  width: 42px;
  height: 21px;
  border-radius: 12px;
  background: #f1403c;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #ffffff;
  line-height: 21px;
  display: block;
  text-align: center;
  text-indent: initial;
}
.template-shop-3 .shop-wrap .card .pop-box .title.buy::before {
  content: "\6C42\8D2D";
  position: absolute;
  top: 0;
  left: 2px;
  width: 42px;
  height: 21px;
  background: #f1403c;
  border-radius: 12px;
  background: #487efb;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #ffffff;
  line-height: 21px;
  text-align: center;
  text-indent: initial;
}
.template-shop-3 .shop-wrap .card .pop-box .label {
  padding: 0 10px;
  height: 17px;
  background: #f3f3f3;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #999999;
  line-height: 17px;
  text-align: center;
  margin-right: 10px;
  margin-bottom: 5px;
}
.template-shop-3 .shop-wrap .card .pop-box .price {
  width: 100%;
  font-size: 20px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #f1403c;
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: #f1403c;
  text-align: left;
}
.template-shop-3 .shop-wrap .rawCard-item {
  width: 312px;
  height: 155px;
  background: #ffffff;
  box-shadow: 0px 0px 8px 0px rgba(216, 216, 216, 0.5);
  display: block;
}
.template-shop-3 .shop-wrap .rawCard-item .title {
  font-size: 18px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #333333;
  line-height: 25px;
  padding: 20px 0;
}
.template-shop-3 .shop-wrap .rawCard-item .price {
  font-size: 16px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #333333;
  line-height: 22px;
  padding-bottom: 20px;
}
.template-shop-3 .shop-wrap .rawCard-item .price .number {
  color: #f1403c;
}
.template-shop-3 .shop-wrap .rawCard-item .address {
  font-size: 16px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #333333;
  line-height: 22px;
}
.template-shop-3 .ant-pagination-item-active {
  background-color: #487efb;
  border: none;
}
.template-shop-3 .ant-pagination-item-active a {
  color: #fff;
}
.template-shop-3 .ant-table-thead > tr > th {
  background: #fff;
}
.template-shop-4 .shop-wrap {
  background: #f9f9f9;
  padding: 32px 0;
}
.template-shop-4 .shop-wrap .filter {
  background: #fff;
}
.template-shop-4 .shop-wrap .filter .filter-button {
  line-height: 32px;
  padding: 20px;
}
.template-shop-4 .shop-wrap .filter .filter-button .button-item {
  width: 52px;
  height: 32px;
  background: #fff;
  text-align: center;
  margin: 0 10px;
  cursor: pointer;
}
.template-shop-4 .shop-wrap .filter .filter-button .button-item.active {
  color: #fff;
  background: #487efb;
}
.template-shop-4 .shop-wrap .filter .border {
  height: 1px;
  width: 100%;
  background-color: #eff0f3;
}
.template-shop-4 .shop-wrap .card .pic {
  width: 288px;
  height: 168px;
  border-radius: 30px 0 30px 0;
}
.template-shop-4 .shop-wrap .card .pop-box {
  height: 168px;
  width: 288px;
  overflow: hidden;
  transition: all 0.25s ease-in;
}
.template-shop-4 .shop-wrap .card .pop-box .title {
  font-size: 16px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #0a0909;
  line-height: 26px;
  text-indent: 3rem;
  position: relative;
  text-align: left;
}
.template-shop-4 .shop-wrap .card .pop-box .title.sell::before {
  content: "\51FA\552E";
  position: absolute;
  left: 0;
  top: 2px;
  width: 42px;
  height: 21px;
  border-radius: 12px;
  background: #f1403c;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #ffffff;
  line-height: 21px;
  display: block;
  text-align: center;
  text-indent: initial;
}
.template-shop-4 .shop-wrap .card .pop-box .title.buy::before {
  content: "\6C42\8D2D";
  position: absolute;
  top: 0;
  left: 2px;
  width: 42px;
  height: 21px;
  background: #f1403c;
  border-radius: 12px;
  background: #487efb;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #ffffff;
  line-height: 21px;
  text-align: center;
  text-indent: initial;
}
.template-shop-4 .shop-wrap .card .pop-box .label {
  padding: 0 10px;
  height: 17px;
  background: #f3f3f3;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #999999;
  line-height: 17px;
  text-align: center;
  margin-right: 10px;
  margin-bottom: 5px;
}
.template-shop-4 .shop-wrap .card .pop-box .price {
  width: 100%;
  height: 28px;
  font-size: 20px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #f1403c;
  line-height: 28px;
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: #f1403c;
  text-align: left;
}
.template-shop-4 .shop-wrap .rawCard-item {
  width: 312px;
  height: 155px;
  background: #ffffff;
  box-shadow: 0px 0px 8px 0px rgba(216, 216, 216, 0.5);
  display: block;
}
.template-shop-4 .shop-wrap .rawCard-item .title {
  font-size: 18px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #333333;
  line-height: 25px;
  padding: 20px 0;
}
.template-shop-4 .shop-wrap .rawCard-item .price {
  font-size: 16px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #333333;
  line-height: 22px;
  padding-bottom: 20px;
}
.template-shop-4 .shop-wrap .rawCard-item .price .number {
  color: #f1403c;
}
.template-shop-4 .shop-wrap .rawCard-item .address {
  font-size: 16px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #333333;
  line-height: 22px;
}
.template-shop-4 .ant-pagination-item-active {
  background-color: #487efb;
  border: none;
}
.template-shop-4 .ant-pagination-item-active a {
  color: #fff;
}
.template-shop-4 .ant-table-thead > tr > th {
  background: #fff;
}
.template-shop-5 .shop-wrap {
  background: #f9f9f9;
  padding: 32px 0;
}
.template-shop-5 .shop-wrap .filter {
  background: #fff;
}
.template-shop-5 .shop-wrap .filter .filter-button {
  line-height: 32px;
  padding: 20px;
}
.template-shop-5 .shop-wrap .filter .filter-button .button-item {
  width: 52px;
  height: 32px;
  background: #fff;
  text-align: center;
  margin: 0 10px;
  cursor: pointer;
}
.template-shop-5 .shop-wrap .filter .filter-button .button-item.active {
  color: #fff;
  background: #2758aa;
}
.template-shop-5 .shop-wrap .filter .border {
  height: 1px;
  width: 100%;
  background-color: #eff0f3;
}
.template-shop-5 .shop-wrap .card {
  padding: 10px;
  background-color: #fff;
  position: relative;
}
.template-shop-5 .shop-wrap .card.sell::before {
  content: "\51FA\552E";
  position: absolute;
  left: 20px;
  top: 20px;
  width: 42px;
  height: 21px;
  border-radius: 12px;
  background: #f1403c;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #ffffff;
  line-height: 21px;
  display: block;
  text-align: center;
  text-indent: initial;
}
.template-shop-5 .shop-wrap .card.buy::before {
  content: "\6C42\8D2D";
  position: absolute;
  top: 20px;
  left: 20px;
  width: 42px;
  height: 21px;
  background: #f1403c;
  border-radius: 12px;
  background: #487efb;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #ffffff;
  line-height: 21px;
  text-align: center;
  text-indent: initial;
}
.template-shop-5 .shop-wrap .card .pic {
  width: 268px;
  height: 168px;
}
.template-shop-5 .shop-wrap .card .pop-box {
  height: 165px;
  width: 268px;
  overflow: hidden;
  transition: all 0.25s ease-in;
}
.template-shop-5 .shop-wrap .card .pop-box .title {
  font-size: 16px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #0a0909;
  line-height: 26px;
  text-indent: 3rem;
  position: relative;
  text-align: center;
  text-indent: unset !important;
  padding: 0 0 10px;
}
.template-shop-5 .shop-wrap .card .pop-box .label {
  padding: 0 10px;
  height: 17px;
  background: #f3f3f3;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #999999;
  line-height: 17px;
  text-align: center;
  margin-right: 10px;
  margin-bottom: 5px;
}
.template-shop-5 .shop-wrap .card .pop-box .price {
  width: 100%;
  padding: 15px 0;
  font-size: 20px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #f1403c;
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: #f1403c;
  text-align: center;
}
.template-shop-5 .shop-wrap .rawCard-item {
  width: 312px;
  height: 155px;
  background: #ffffff;
  box-shadow: 0px 0px 8px 0px rgba(216, 216, 216, 0.5);
  display: block;
}
.template-shop-5 .shop-wrap .rawCard-item .title {
  font-size: 18px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #333333;
  line-height: 25px;
  padding: 20px 0;
}
.template-shop-5 .shop-wrap .rawCard-item .price {
  font-size: 16px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #333333;
  line-height: 22px;
  padding-bottom: 20px;
  text-align: center;
}
.template-shop-5 .shop-wrap .rawCard-item .price .number {
  color: #f1403c;
}
.template-shop-5 .shop-wrap .rawCard-item .address {
  font-size: 16px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #333333;
  line-height: 22px;
}
.template-shop-5 .ant-pagination-item-active {
  background-color: #2758aa;
  border: none;
}
.template-shop-5 .ant-pagination-item-active a {
  color: #fff;
}
.template-shop-5 .ant-table-thead > tr > th {
  background: #fff;
}
.template-shop-6 .shop-wrap {
  background: #fff;
  padding: 32px 0;
}
.template-shop-6 .shop-wrap .filter {
  background: #fff;
  border: 1px solid #eff0f3;
}
.template-shop-6 .shop-wrap .filter .filter-button {
  line-height: 32px;
  padding: 20px;
}
.template-shop-6 .shop-wrap .filter .filter-button .button-item {
  width: 52px;
  height: 32px;
  background: #fff;
  text-align: center;
  margin: 0 10px;
  cursor: pointer;
}
.template-shop-6 .shop-wrap .filter .filter-button .button-item.active {
  color: #fff;
  background: #56ab5e;
}
.template-shop-6 .shop-wrap .card {
  padding: 10px;
  border: 1px solid #eff0f3;
  position: relative;
}
.template-shop-6 .shop-wrap .card .pic {
  width: 300px;
  height: 192px;
  float: left;
}
.template-shop-6 .shop-wrap .card .pop-box {
  float: left;
  height: 192px;
  width: 876px;
  overflow: hidden;
  transition: all 0.25s ease-in;
}
.template-shop-6 .shop-wrap .card .pop-box .title {
  font-size: 16px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #0a0909;
  line-height: 26px;
  position: relative;
  text-align: left;
  text-indent: 3rem;
  padding: 0 0 10px;
}
.template-shop-6 .shop-wrap .card .pop-box .title.sell::before {
  content: "\51FA\552E";
  position: absolute;
  left: 0;
  top: 4px;
  width: 42px;
  height: 21px;
  border-radius: 12px;
  background: #f1403c;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #ffffff;
  line-height: 21px;
  display: block;
  text-align: center;
  text-indent: initial;
}
.template-shop-6 .shop-wrap .card .pop-box .title.buy::before {
  content: "\6C42\8D2D";
  position: absolute;
  left: 0;
  top: 4px;
  width: 42px;
  height: 21px;
  background: #f1403c;
  border-radius: 12px;
  background: #487efb;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #ffffff;
  line-height: 21px;
  text-align: center;
  text-indent: initial;
}
.template-shop-6 .shop-wrap .card .pop-box .label {
  padding: 0 10px;
  height: 17px;
  background: #f3f3f3;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #999999;
  line-height: 17px;
  text-align: center;
  margin-right: 10px;
  margin-bottom: 5px;
}
.template-shop-6 .shop-wrap .card .pop-box .price {
  width: 100%;
  padding: 15px 0;
  font-size: 20px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #f1403c;
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: #f1403c;
  text-align: left;
}
.template-shop-6 .shop-wrap .rawCard-item {
  width: 312px;
  height: 155px;
  background: #ffffff;
  box-shadow: 0px 0px 8px 0px rgba(216, 216, 216, 0.5);
  display: block;
}
.template-shop-6 .shop-wrap .rawCard-item .title {
  font-size: 18px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #333333;
  line-height: 25px;
  padding: 20px 0;
}
.template-shop-6 .shop-wrap .rawCard-item .price {
  font-size: 16px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #333333;
  line-height: 22px;
  padding-bottom: 20px;
  text-align: center;
}
.template-shop-6 .shop-wrap .rawCard-item .price .number {
  color: #f1403c;
}
.template-shop-6 .shop-wrap .rawCard-item .address {
  font-size: 16px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #333333;
  line-height: 22px;
}
.template-shop-6 .ant-pagination-item-active {
  background-color: #56ab5e;
  border: none;
}
.template-shop-6 .ant-pagination-item-active a {
  color: #fff;
}
.template-shop-6 .ant-table-thead > tr > th {
  background: #fff;
}
.template-shop-7 .shop-wrap {
  background: #fff;
  padding: 32px 0;
}
.template-shop-7 .shop-wrap .filter {
  background: #fff;
  border: 1px solid #eff0f3;
}
.template-shop-7 .shop-wrap .filter .filter-button {
  line-height: 32px;
  padding: 20px;
}
.template-shop-7 .shop-wrap .filter .filter-button .button-item {
  width: 52px;
  height: 32px;
  background: #fff;
  text-align: center;
  margin: 0 10px;
  cursor: pointer;
}
.template-shop-7 .shop-wrap .filter .filter-button .button-item.active {
  color: #fff;
  background: #f1403c;
}
.template-shop-7 .shop-wrap .card {
  border: 1px solid #eff0f3;
  position: relative;
}
.template-shop-7 .shop-wrap .card.sell::before {
  content: "\51FA\552E";
  position: absolute;
  left: 10px;
  top: 10px;
  width: 42px;
  height: 21px;
  border-radius: 12px;
  background: #f1403c;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #ffffff;
  line-height: 21px;
  display: block;
  text-align: center;
  text-indent: initial;
}
.template-shop-7 .shop-wrap .card.buy::before {
  content: "\6C42\8D2D";
  position: absolute;
  left: 10px;
  top: 10px;
  width: 42px;
  height: 21px;
  background: #f1403c;
  border-radius: 12px;
  background: #487efb;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #ffffff;
  line-height: 21px;
  text-align: center;
  text-indent: initial;
}
.template-shop-7 .shop-wrap .card .pic {
  width: 275px;
  height: 178px;
}
.template-shop-7 .shop-wrap .card .pop-box {
  min-height: 150px;
  width: 275px;
  overflow: hidden;
  transition: all 0.25s ease-in;
}
.template-shop-7 .shop-wrap .card .pop-box .title {
  font-size: 16px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #0a0909;
  line-height: 26px;
  text-indent: 3rem;
  position: relative;
  text-align: center;
  text-indent: unset !important;
  padding: 0 0 10px;
}
.template-shop-7 .shop-wrap .card .pop-box .label {
  padding: 0 10px;
  height: 17px;
  background: #f3f3f3;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #999999;
  line-height: 17px;
  text-align: center;
  margin-right: 10px;
  margin-bottom: 5px;
}
.template-shop-7 .shop-wrap .card .pop-box .price {
  position: absolute;
  padding: 0 20px;
  font-size: 20px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  height: 40px;
  line-height: 40px;
  background: #f1403c;
  color: #fff;
  text-align: left;
  z-index: 1;
  top: 138px;
  left: 0;
  box-sizing: border-box;
  width: 200px;
}
.template-shop-7 .shop-wrap .card .pop-box .price::after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  right: -40px;
  top: 0px;
  border-bottom: 40px solid red;
  border-right: 40px solid transparent;
}
.template-shop-7 .shop-wrap .rawCard-item {
  width: 312px;
  height: 155px;
  background: #ffffff;
  box-shadow: 0px 0px 8px 0px rgba(216, 216, 216, 0.5);
  display: block;
}
.template-shop-7 .shop-wrap .rawCard-item .title {
  font-size: 18px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #333333;
  line-height: 25px;
  padding: 20px 0;
}
.template-shop-7 .shop-wrap .rawCard-item .price {
  font-size: 16px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #333333;
  line-height: 22px;
  padding-bottom: 20px;
  text-align: center;
}
.template-shop-7 .shop-wrap .rawCard-item .price .number {
  color: #f1403c;
}
.template-shop-7 .shop-wrap .rawCard-item .address {
  font-size: 16px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #333333;
  line-height: 22px;
}
.template-shop-7 .ant-pagination-item-active {
  background-color: #f1403c;
  border: none;
}
.template-shop-7 .ant-pagination-item-active a {
  color: #fff;
}
.template-shop-7 .ant-table-thead > tr > th {
  background: #fff;
}
.template-shop-8 .shop-wrap {
  background: #f7f7f7;
  padding: 32px 0;
}
.template-shop-8 .shop-wrap .left-box {
  width: 254px;
  margin-right: 20px;
}
.template-shop-8 .shop-wrap .left-box .company-business {
  margin-top: 20px;
}
.template-shop-8 .shop-wrap .left-box .company-business .title {
  background-color: #f89847;
  font-size: 20px;
  font-family: PingFang-SC-Heavy, PingFang-SC;
  font-weight: 800;
  color: #ffffff;
  line-height: 28px;
  padding: 20px;
}
.template-shop-8 .shop-wrap .left-box .company-business .content {
  font-size: 14px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #333333;
  line-height: 28px;
  padding: 20px 10px;
  background-color: #fff;
}
.template-shop-8 .shop-wrap .right-box {
  width: 926px;
  padding-left: 22px;
  box-sizing: border-box;
  background-color: #fff;
}
.template-shop-8 .shop-wrap .right-box div:nth-child(2) {
  padding-top: 0 !important;
}
.template-shop-8 .shop-wrap .filter {
  background: #fff;
}
.template-shop-8 .shop-wrap .filter .filter-button {
  line-height: 32px;
  padding: 20px 20px 20px 0;
}
.template-shop-8 .shop-wrap .filter .filter-button .button-item {
  width: 52px;
  height: 32px;
  background: #fff;
  text-align: center;
  margin: 0 10px;
  cursor: pointer;
}
.template-shop-8 .shop-wrap .filter .filter-button .button-item.active {
  color: #fff;
  background: #f89847;
}
.template-shop-8 .shop-wrap .card {
  border: 1px solid #eff0f3;
  position: relative;
  padding: 10px;
}
.template-shop-8 .shop-wrap .card.sell::before {
  content: "\51FA\552E";
  position: absolute;
  left: 20px;
  top: 20px;
  width: 42px;
  height: 21px;
  border-radius: 12px;
  background: #f1403c;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #ffffff;
  line-height: 21px;
  display: block;
  text-align: center;
  text-indent: initial;
}
.template-shop-8 .shop-wrap .card.buy::before {
  content: "\6C42\8D2D";
  position: absolute;
  left: 20px;
  top: 20px;
  width: 42px;
  height: 21px;
  background: #f1403c;
  border-radius: 12px;
  background: #487efb;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #ffffff;
  line-height: 21px;
  text-align: center;
  text-indent: initial;
}
.template-shop-8 .shop-wrap .card .pic {
  width: 262px;
  height: 178px;
}
.template-shop-8 .shop-wrap .card .pop-box {
  min-height: 170px;
  width: 262px;
  overflow: hidden;
  transition: all 0.25s ease-in;
}
.template-shop-8 .shop-wrap .card .pop-box .title {
  font-size: 16px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #0a0909;
  line-height: 26px;
  text-indent: 3rem;
  position: relative;
  text-align: center;
  text-indent: unset !important;
  padding: 0 0 10px;
}
.template-shop-8 .shop-wrap .card .pop-box .label {
  padding: 0 10px;
  height: 17px;
  background: #f3f3f3;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #999999;
  line-height: 17px;
  text-align: center;
  margin-right: 10px;
  margin-bottom: 5px;
}
.template-shop-8 .shop-wrap .card .pop-box .price {
  text-align: center;
  font-size: 20px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #f1403c;
  background: #fff;
}
.template-shop-8 .shop-wrap .rawCard-item {
  width: 312px;
  height: 155px;
  background: #ffffff;
  box-shadow: 0px 0px 8px 0px rgba(216, 216, 216, 0.5);
  display: block;
}
.template-shop-8 .shop-wrap .rawCard-item .title {
  font-size: 18px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #333333;
  line-height: 25px;
  padding: 20px 0;
}
.template-shop-8 .shop-wrap .rawCard-item .price {
  font-size: 16px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #333333;
  padding-bottom: 20px;
  text-align: center;
}
.template-shop-8 .shop-wrap .rawCard-item .price .number {
  color: #f1403c;
}
.template-shop-8 .shop-wrap .rawCard-item .address {
  font-size: 16px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #333333;
  line-height: 22px;
}
.template-shop-8 .ant-pagination-item-active {
  background-color: #f89847;
  border: none;
}
.template-shop-8 .ant-pagination-item-active a {
  color: #fff;
}
.template-shop-8 .ant-table-thead > tr > th {
  background: #fff;
}
.template-shop-9 .shop-wrap {
  background: #fff;
  padding: 32px 0;
}
.template-shop-9 .shop-wrap .right-box {
  width: 100%;
}
.template-shop-9 .shop-wrap .filter {
  background: #fff;
  border: 1px solid #eff0f3;
}
.template-shop-9 .shop-wrap .filter .filter-button {
  line-height: 32px;
  padding: 20px;
}
.template-shop-9 .shop-wrap .filter .filter-button .button-item {
  width: 52px;
  height: 32px;
  background: #fff;
  text-align: center;
  margin: 0 10px;
  cursor: pointer;
}
.template-shop-9 .shop-wrap .filter .filter-button .button-item.active {
  color: #fff;
  background: #4a16fa;
}
.template-shop-9 .shop-wrap .card {
  padding: 10px;
  border: 1px solid #eff0f3;
  position: relative;
}
.template-shop-9 .shop-wrap .card .pic {
  width: 300px;
  height: 192px;
  float: left;
}
.template-shop-9 .shop-wrap .card .pop-box {
  float: left;
  height: 192px;
  width: 876px;
  overflow: hidden;
  transition: all 0.25s ease-in;
}
.template-shop-9 .shop-wrap .card .pop-box .title {
  font-size: 16px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #0a0909;
  line-height: 26px;
  position: relative;
  text-align: left;
  text-indent: 3rem;
  padding: 0 0 10px;
}
.template-shop-9 .shop-wrap .card .pop-box .title.sell::before {
  content: "\51FA\552E";
  position: absolute;
  left: 0;
  top: 4px;
  width: 42px;
  height: 21px;
  border-radius: 12px;
  background: #f1403c;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #ffffff;
  line-height: 21px;
  display: block;
  text-align: center;
  text-indent: initial;
}
.template-shop-9 .shop-wrap .card .pop-box .title.buy::before {
  content: "\6C42\8D2D";
  position: absolute;
  left: 0;
  top: 4px;
  width: 42px;
  height: 21px;
  background: #f1403c;
  border-radius: 12px;
  background: #487efb;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #ffffff;
  line-height: 21px;
  text-align: center;
  text-indent: initial;
}
.template-shop-9 .shop-wrap .card .pop-box .label {
  padding: 0 10px;
  height: 17px;
  background: #f3f3f3;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #999999;
  line-height: 17px;
  text-align: center;
  margin-right: 10px;
  margin-bottom: 5px;
}
.template-shop-9 .shop-wrap .card .pop-box .price {
  width: 100%;
  padding: 15px 0;
  font-size: 20px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #f1403c;
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: #f1403c;
  text-align: left;
}
.template-shop-9 .shop-wrap .rawCard-item {
  width: 312px;
  height: 155px;
  background: #ffffff;
  box-shadow: 0px 0px 8px 0px rgba(216, 216, 216, 0.5);
  display: block;
}
.template-shop-9 .shop-wrap .rawCard-item .title {
  font-size: 18px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #333333;
  line-height: 25px;
  padding: 20px 0;
}
.template-shop-9 .shop-wrap .rawCard-item .price {
  font-size: 16px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #333333;
  line-height: 22px;
  padding-bottom: 20px;
  text-align: center;
}
.template-shop-9 .shop-wrap .rawCard-item .price .number {
  color: #f1403c;
}
.template-shop-9 .shop-wrap .rawCard-item .address {
  font-size: 16px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #333333;
  line-height: 22px;
}
.template-shop-9 .ant-pagination-item-active {
  background-color: #4a16fa;
  border: none;
}
.template-shop-9 .ant-pagination-item-active a {
  color: #fff;
}
.template-shop-9 .ant-table-thead > tr > th {
  background: #fff;
}
.template-shop-10 .custom-header {
  background: linear-gradient(180deg, rgba(208, 202, 255, 0.24) 0%, rgba(142, 191, 249, 0) 100%);
}
.template-shop-10 .shop-wrap {
  background: #fff;
  padding: 32px 0;
}
.template-shop-10 .shop-wrap .filter {
  background: #fff;
  border: 1px solid #eff0f3;
}
.template-shop-10 .shop-wrap .filter .filter-button {
  line-height: 32px;
  padding: 20px;
}
.template-shop-10 .shop-wrap .filter .filter-button .button-item {
  width: 52px;
  height: 32px;
  background: #fff;
  text-align: center;
  margin: 0 10px;
  cursor: pointer;
}
.template-shop-10 .shop-wrap .filter .filter-button .button-item.active {
  color: #fff;
  background: linear-gradient(246deg, #9285f7 0%, #8ebff9 100%);
}
.template-shop-10 .shop-wrap .card {
  position: relative;
  box-shadow: 0px 0px 10px 0px rgba(207, 207, 207, 0.5);
}
.template-shop-10 .shop-wrap .card .pic {
  width: 285px;
  height: 192px;
}
.template-shop-10 .shop-wrap .card .pop-box {
  height: 200px;
  width: 285px;
  overflow: hidden;
  transition: all 0.25s ease-in;
}
.template-shop-10 .shop-wrap .card .pop-box .title {
  font-size: 16px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #0a0909;
  line-height: 26px;
  position: relative;
  text-align: left;
  text-indent: 3rem;
  padding: 0 0 10px;
}
.template-shop-10 .shop-wrap .card .pop-box .title.sell::before {
  content: "\51FA\552E";
  position: absolute;
  left: 0;
  top: 4px;
  width: 42px;
  height: 21px;
  border-radius: 12px;
  background: #f1403c;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #ffffff;
  line-height: 21px;
  display: block;
  text-align: center;
  text-indent: initial;
}
.template-shop-10 .shop-wrap .card .pop-box .title.buy::before {
  content: "\6C42\8D2D";
  position: absolute;
  left: 0;
  top: 4px;
  width: 42px;
  height: 21px;
  background: #f1403c;
  border-radius: 12px;
  background: #487efb;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #ffffff;
  line-height: 21px;
  text-align: center;
  text-indent: initial;
}
.template-shop-10 .shop-wrap .card .pop-box .label {
  padding: 0 10px;
  height: 17px;
  background: #f3f3f3;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #999999;
  line-height: 17px;
  text-align: center;
  margin-right: 10px;
  margin-bottom: 5px;
}
.template-shop-10 .shop-wrap .card .pop-box .price {
  width: 100%;
  padding: 15px 0;
  font-size: 20px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #f1403c;
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: #f1403c;
  text-align: left;
}
.template-shop-10 .shop-wrap .rawCard-item {
  width: 312px;
  height: 155px;
  background: #ffffff;
  box-shadow: 0px 0px 8px 0px rgba(216, 216, 216, 0.5);
  display: block;
}
.template-shop-10 .shop-wrap .rawCard-item .title {
  font-size: 18px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #333333;
  line-height: 25px;
  padding: 20px 0;
}
.template-shop-10 .shop-wrap .rawCard-item .price {
  font-size: 16px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #333333;
  line-height: 22px;
  padding-bottom: 20px;
  text-align: center;
}
.template-shop-10 .shop-wrap .rawCard-item .price .number {
  color: #f1403c;
}
.template-shop-10 .shop-wrap .rawCard-item .address {
  font-size: 16px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #333333;
  line-height: 22px;
}
.template-shop-10 .ant-pagination-item-active {
  background: linear-gradient(246deg, #9285f7 0%, #8ebff9 100%);
  border: none;
}
.template-shop-10 .ant-pagination-item-active a {
  color: #fff;
}
.template-shop-10 .ant-table-thead > tr > th {
  background: #fff;
}

.text-ellipsis {
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}
.text-ellipsis2,
.text-ellipsis3,
.text-ellipsis4 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.text-ellipsis3 {
  -webkit-line-clamp: 3;
}
.text-ellipsis4 {
  -webkit-line-clamp: 4;
}
.position-c {
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
}
.position-x-c {
  position: absolute !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
}
.position-y-c {
  position: absolute !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
}
.flex {
  display: flex;
}
.flex-wrap {
  display: flex;
  flex-wrap: wrap;
}
.flex-column {
  display: flex;
  flex-direction: column;
}
.flex-c {
  display: flex;
  align-items: center;
}
.justify-between {
  display: flex;
  justify-content: space-between;
}
.empty-box {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.empty-box .empty-img {
  height: 120px;
  margin-top: -180px;
}
.empty-box .empty-img img {
  height: 100%;
}
.empty-box .empty-tips {
  font-size: 14px;
  color: #999;
  margin-top: 8px;
  position: relative;
  right: 5px;
}
.manage-page {
  background: #f4f6f9;
  min-height: 100vh;
}
.ant-badge-count {
  height: 16px;
  line-height: 16px;
  background-color: #f8524f;
}
.home-title {
  text-align: center;
  font-size: 28px;
  color: #383838;
  margin-bottom: 34px;
  position: relative;
  font-weight: 500;
  letter-spacing: 1px;
}
.home-title .home-title-content {
  position: relative;
}
.home-title .home-title-content::before,
.home-title .home-title-content::after {
  content: '';
  width: 23px;
  height: 19px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background: url('/static/home/title-icon.png') no-repeat;
  background-size: cover;
  background-position: center;
  margin-top: 2px;
}
.home-title .home-title-content::before {
  left: -40px;
}
.home-title .home-title-content::after {
  right: -40px;
}
.navbar-fixed-page {
  padding-top: 40px;
}
.anchor-position {
  position: absolute;
  top: -130px;
}
.banner-swiper-button-prev,
.banner-swiper-button-next {
  width: 26px;
  height: 36px;
  background: rgba(0, 0, 0, 0.15);
  transition: all 0.2s;
}
.banner-swiper-button-prev .icon,
.banner-swiper-button-next .icon {
  color: #fff;
  position: relative;
}
.banner-swiper-button-prev:hover,
.banner-swiper-button-next:hover {
  background: rgba(0, 0, 0, 0.3);
}
.banner-swiper-button-prev::after,
.banner-swiper-button-next::after {
  display: none;
}
.banner-swiper-button-prev {
  border-radius: 0 400px 400px 0;
  left: 0;
}
.banner-swiper-button-prev .icon {
  right: 2px;
}
.banner-swiper-button-next {
  border-radius: 400px 0 0 400px;
  right: 0;
}
.banner-swiper-button-next .icon {
  left: 2px;
}
.poster-tips {
  width: 32px;
  height: 18px;
  background: rgba(0, 0, 0, 0.3);
  font-size: 12px;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  right: -3px;
  bottom: -2px;
  transform: scale(0.8);
}
.concise-pagination .ant-pagination-item {
  display: none;
}
.concise-pagination .ant-pagination-jump-prev,
.concise-pagination .ant-pagination-jump-next {
  display: none;
}
.concise-pagination .ant-pagination-prev,
.concise-pagination .ant-pagination-next {
  position: relative;
  width: 80px !important;
}
.concise-pagination .ant-pagination-prev .anticon,
.concise-pagination .ant-pagination-next .anticon {
  opacity: 0;
}
.concise-pagination .ant-pagination-prev::after,
.concise-pagination .ant-pagination-next::after {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 12px;
  color: #666;
}
.concise-pagination .ant-pagination-prev::after {
  content: '\4E0A\4E00\9875';
}
.concise-pagination .ant-pagination-next::after {
  content: '\4E0B\4E00\9875';
}
.dummy-inp {
  width: 0px;
  height: 0px;
  position: absolute;
  opacity: 0;
  left: -9999px;
}
input:-webkit-autofill {
  box-shadow: 0 0 0 1000px white inset !important;
}
input:-internal-autofill-previewed,
input:-internal-autofill-selected {
  -webkit-text-fill-color: #333 !important;
  transition: background-color 5000s ease-in-out 0s !important;
}
.download-detail {
  background-color: white;
}
.download-detail .flex-row {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.download-detail .flex-column {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.download-detail .big-word {
  width: 219px;
  height: 65px;
  font-size: 24px;
  font-family: PingFang SC;
  font-weight: bold;
  color: #333333;
  margin-left: 52px;
  margin-right: 80px;
  line-height: 60px;
}
.download-detail .footer-text {
  font-size: 12px;
  font-family: PingFang SC;
  font-weight: 400;
  color: #fefefe;
  line-height: 40px;
}
.download-detail .absolute-text {
  position: absolute;
  left: 265px;
  top: 39px;
  font-size: 48px;
  font-weight: bold;
  font-family: PingFang SC;
}

.vip-wrap {
  min-height: 100vh;
  background: #f5f5f5;
  position: relative;
}
.vip-wrap .vip-header {
  width: 100%;
  height: 70px;
  position: fixed;
  top: 40px;
  left: 0;
  z-index: 2;
  transition: all 0.2s;
  min-width: 1200px;
}
.vip-wrap .vip-header.has-bg {
  background: #1B1B1A;
}
.vip-wrap .vip-header .header-main {
  width: 1200px;
  height: 100%;
  margin: 0 auto;
}
.vip-wrap .vip-header .header-main .logo {
  width: 164px;
  height: 40px;
}
.vip-wrap .vip-header .header-main .logo a {
  display: block;
  width: 100%;
  height: 100%;
}
.vip-wrap .vip-header .header-main .logo img {
  width: 100%;
  height: 100%;
}
.vip-wrap .vip-header .header-main .header-tabbar {
  margin-left: 62px;
  position: relative;
  top: -6px;
}
.vip-wrap .vip-header .header-main .header-tabbar .item {
  color: #fff;
  font-size: 16px;
  cursor: pointer;
  user-select: none;
  transition: color 0.2s;
  position: relative;
}
.vip-wrap .vip-header .header-main .header-tabbar .item::after {
  content: '';
  width: 0;
  height: 3px;
  background: #F2D68D;
  border-radius: 999px;
  position: absolute;
  left: 50%;
  bottom: -14px;
  transform: translateX(-50%);
  transition: all 0.2s;
  opacity: 0;
}
.vip-wrap .vip-header .header-main .header-tabbar .item:nth-of-type(2) {
  margin: 0 54px;
}
.vip-wrap .vip-header .header-main .header-tabbar .item:hover {
  color: #F2D68D;
}
.vip-wrap .vip-header .header-main .header-tabbar .item.active {
  color: #F2D68D;
}
.vip-wrap .vip-header .header-main .header-tabbar .item.active::after {
  width: 100%;
  opacity: 1;
}
.vip-wrap .vip-header .header-main .header-right {
  margin-left: auto;
}
.vip-wrap .vip-header .header-main .header-right .user-info .user-photo {
  width: 34px;
  height: 34px;
  border-radius: 50%;
  overflow: hidden;
}
.vip-wrap .vip-header .header-main .header-right .user-info .user-photo img {
  width: 100%;
  height: 100%;
}
.vip-wrap .vip-header .header-main .header-right .user-info .user-name {
  font-size: 14px;
  color: #fff;
  margin-left: 12px;
}
.vip-wrap .vip-header .header-main .header-right .header-btn {
  width: 102px;
  height: 32px;
  background: linear-gradient(90deg, #E9CCA3FF 0%, #C6A070FF 99.97%);
  color: #4C2F0B;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 13px;
  cursor: pointer;
  margin-left: 20px;
  user-select: none;
}
.vip-wrap .vip-header .header-main .header-right .header-btn.login {
  border: 1px solid #fff;
  background: none;
  color: #fff;
}
.vip-wrap .vip-content {
  width: 100%;
  position: relative;
  z-index: 1;
  padding-top: 40px;
  min-width: 1200px;
  padding-bottom: 100px;
}
.vip-wrap .vip-content .vip-banner {
  height: 476px;
  position: relative;
}
.vip-wrap .vip-content .vip-banner .banner-bg {
  width: 200%;
  height: 200%;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%) scale(0.5);
  background: url('/static/vip2/banner2.png') 50% 0 no-repeat;
  background-color: #181818;
}
.vip-wrap .vip-content .vip-banner .banner-tabbar {
  width: 1200px;
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
}
.vip-wrap .vip-content .vip-banner .banner-tabbar .item {
  width: 400px;
  height: 54px;
  cursor: pointer;
  user-select: none;
  position: relative;
}
.vip-wrap .vip-content .vip-banner .banner-tabbar .item .tabbar-bg {
  position: absolute;
  z-index: 1;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  transition: all 0.3s;
}
.vip-wrap .vip-content .vip-banner .banner-tabbar .item .tabbar-bg-def {
  opacity: 1;
}
.vip-wrap .vip-content .vip-banner .banner-tabbar .item .tabbar-bg-active {
  opacity: 0;
  z-index: 2;
}
.vip-wrap .vip-content .vip-banner .banner-tabbar .item .tabbar-item-content {
  position: relative;
  z-index: 2;
  width: 100%;
  height: 100%;
  justify-content: center;
  font-size: 16px;
  color: #fff;
  transition: color 0.3s;
}
.vip-wrap .vip-content .vip-banner .banner-tabbar .item .tabbar-item-content .tabbar-icon {
  width: 16px;
  height: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 10px;
  position: relative;
  top: 1px;
}
.vip-wrap .vip-content .vip-banner .banner-tabbar .item .tabbar-item-content .tabbar-icon img {
  width: 100%;
  height: auto;
}
.vip-wrap .vip-content .vip-banner .banner-tabbar .item:hover .tabbar-bg-active {
  opacity: 1;
}
.vip-wrap .vip-content .vip-banner .banner-tabbar .item:hover .tabbar-item-content {
  color: #BA7D38;
}
.vip-wrap .vip-content .vip-banner .banner-tabbar .item.active .tabbar-bg-active {
  opacity: 1;
}
.vip-wrap .vip-content .vip-banner .banner-tabbar .item.active .tabbar-item-content {
  color: #BA7D38;
}

.vip-poster {
  width: 1200px;
  margin: 0 auto;
  background: #fff;
  display: flex;
  flex-wrap: wrap;
  padding: 30px 30px 10px;
}
.vip-poster .item {
  width: 555px;
  height: 294px;
  margin-right: 30px;
  margin-bottom: 20px;
  background: #f5f5f5;
  border-radius: 8px;
  position: relative;
}
.vip-poster .item:nth-of-type(2n) {
  margin-right: 0;
}
.vip-poster .item .poster-bg {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.vip-poster .item .content {
  position: relative;
  width: 100%;
  height: 100%;
  padding: 66px 0 0 318px;
}
.vip-poster .item .content .title {
  font-size: 16px;
  font-weight: bold;
  color: #6A6D8D;
  margin-bottom: 92px;
}
.vip-poster .item .content .tips {
  font-size: 14px;
  margin-bottom: 8px;
  display: flex;
  align-items: center;
}
.vip-poster .item .content .tips .label {
  position: relative;
}
.vip-poster .item .content .tips .label span:first-of-type {
  margin-right: 29px;
}
.vip-poster .item .content.content2 .title {
  color: #8B6F5B;
}
.vip-poster .item .content.content3 .title {
  color: #8F5F53;
}
.vip-poster .item .content.content4 .title {
  color: #4F807E;
}
.vip-poster .item .content.has-m .show-m {
  width: 120px;
  height: 252px;
  position: absolute;
  left: 180px;
  top: -10px;
}
.vip-poster .item .content.has-m .show-m img {
  width: 100%;
  height: 100%;
}

.vip-promotion {
  width: 1200px;
  margin: 0 auto;
  padding: 20px;
  background: #fff;
}
.vip-promotion .pro-top .pro-top-item {
  margin-bottom: 20px;
}
.vip-promotion .pro-top .pro-top-item .pro-top-item-label {
  width: 224px;
  height: 200px;
  position: relative;
  background: linear-gradient(131.24deg, #695941FF 0%, #473714FF 100%);
}
.vip-promotion .pro-top .pro-top-item .pro-top-item-label .label-bg {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.vip-promotion .pro-top .pro-top-item .pro-top-item-label .label-content {
  height: 100%;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.vip-promotion .pro-top .pro-top-item .pro-top-item-label .label-content .label-title {
  font-size: 18px;
  color: #E0C385;
  margin-bottom: 12px;
}
.vip-promotion .pro-top .pro-top-item .pro-top-item-label .label-content .label-tip {
  font-size: 14px;
  color: #fff;
  margin-top: 12px;
}
.vip-promotion .pro-top .pro-top-item .pro-top-item-list {
  flex: 1;
}
.vip-promotion .pro-top .pro-top-item .pro-top-item-list .item {
  width: 292px;
  height: 200px;
  margin-left: 20px;
  border: 1px solid #E5E5E5;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.vip-promotion .pro-top .pro-top-item .pro-top-item-list .item .icon {
  width: 60px;
  height: 60px;
}
.vip-promotion .pro-top .pro-top-item .pro-top-item-list .item .icon img {
  width: 100%;
  height: 100%;
}
.vip-promotion .pro-top .pro-top-item .pro-top-item-list .item .title {
  font-size: 18px;
  font-weight: bold;
  margin-top: 22px;
}
.vip-promotion .pro-top .pro-top-item .pro-top-item-list .item .tips {
  font-size: 14px;
  color: #999;
  margin-top: 16px;
}
.vip-promotion .model-list .item {
  width: 100%;
  height: 476px;
  margin-bottom: 20px;
  position: relative;
}
.vip-promotion .model-list .item .model-bg {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  border: 3px solid #E5E5E5;
}
.vip-promotion .model-list .item .content {
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.8);
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.vip-promotion .model-list .item .content .title {
  font-size: 50px;
  color: #A37615;
  font-weight: bold;
  letter-spacing: 1px;
}
.vip-promotion .model-list .item .content .tip1 {
  font-size: 32px;
  color: #2B2929;
  margin-top: 12px;
  font-weight: 500;
}
.vip-promotion .model-list .item .content .tip2 {
  width: 200px;
  height: 70px;
  background: #A37615;
  border-radius: 999px;
  color: #fff;
  font-size: 26px;
  font-weight: bold;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 12px;
}
.vip-promotion .model-list .item .content .tip3 {
  font-size: 14px;
  color: #2B2929;
  margin-top: 12px;
  font-weight: bold;
}

.vip-service .service-top {
  height: 174px;
  position: relative;
}
.vip-service .service-top .service-top-content {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
}
.vip-service .service-top .service-top-content .service-top-main {
  width: 1200px;
  background: #fff;
  margin: 0 auto;
}
.vip-service .service-top .service-top-content.is-fixed {
  position: fixed;
  top: 110px;
  left: 50%;
  transform: translateX(-50%);
}
.vip-service .service-top .service-top-content .item {
  width: 240px;
  height: 174px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  font-weight: bold;
  color: #383838;
  position: relative;
}
.vip-service .service-top .service-top-content .item .title {
  font-size: 20px;
}
.vip-service .service-top .service-top-content .item .price {
  font-size: 16px;
  margin: 6px 0 12px;
}
.vip-service .service-top .service-top-content .item .price span {
  font-size: 28px;
  position: relative;
  top: 2px;
}
.vip-service .service-top .service-top-content .item .btn {
  cursor: pointer;
  width: 144px;
  height: 36px;
  background: linear-gradient(180deg, #FEF8B7 0%, #F5CD62 100%);
  box-shadow: 0px 5px 6px 0px #C29E8F;
  border-radius: 4px;
  font-size: 14px;
  color: #5C3F1D;
  display: flex;
  align-items: center;
  justify-content: center;
  user-select: none;
}
.vip-service .service-top .service-top-content .item .btn.disable {
  opacity: 0.6;
}
.vip-service .service-top .service-top-content .item .btns .btn {
  width: 90px;
  margin: 0 10px;
}
.vip-service .service-top .service-top-content .item .hot-tag {
  position: absolute;
  width: 34px;
  height: 18px;
  background: #DF3C39;
  font-size: 12px;
  color: #fff;
  border-radius: 0 0 2px 2px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 400;
  top: 0;
  right: 30px;
}
.vip-service .service-top .service-top-content .label {
  font-size: 20px;
  font-weight: bold;
  color: #383838;
  border-right: 1px solid #eee;
}
.vip-service .service-top .service-top-content .item0 {
  background: #FAFAFA;
}
.vip-service .service-top .service-top-content .item1 {
  background: #E3BDAE;
  color: #84471A;
}
.vip-service .service-top .service-top-content .item2 {
  background: #B7BFF0;
  color: #434E8A;
}
.vip-service .service-top .service-top-content .item2 .btn {
  box-shadow: 0px 5px 6px 0px #9197C7;
}
.vip-service .service-top .service-top-content .item3 {
  background: #BCAED5;
  color: #401E89;
}
.vip-service .service-top .service-top-content .item3 .btn {
  box-shadow: 0px 5px 6px 0px #978BAD;
}
.vip-service .service-table {
  width: 1200px;
  margin: 0 auto;
  background: #fff;
  min-height: 1000px;
}
.vip-service .service-table .table-group {
  font-size: 16px;
}
.vip-service .service-table .table-group .lable-tr.even {
  background: #FAFAFA;
}
.vip-service .service-table .table-group .lable-tr.refresh .td {
  min-height: 80px;
}
.vip-service .service-table .table-group .lable-tr .td {
  width: 240px;
  max-height: 80px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-right: 1px solid #EEEEEE;
  position: relative;
  padding: 14px 40px;
  line-height: 26px;
}
.vip-service .service-table .table-group .lable-tr .td .icon-box {
  height: 26px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.vip-service .service-table .table-group .lable-tr .td .icon-box .icon {
  height: auto;
}
.vip-service .service-table .table-group .lable-tr .td .icon-box .icon.limit {
  width: 18px;
}
.vip-service .service-table .table-group .lable-tr .td .icon-box .icon.unlimited {
  width: 24px;
}
.vip-service .service-table .table-group .lable-tr .td.title {
  justify-content: flex-start;
  padding-left: 30px;
}
.vip-service .service-table .table-group .group-label {
  background: #fff;
  color: #383838;
  font-weight: bold;
}
.vip-service .service-table .table-group .group-label .td {
  height: 54px;
}
.vip-service .service-table .table-group .group-label .td.title {
  padding-left: 48px;
}
.vip-service .service-table .table-group .group-label .td.title::before {
  content: '';
  width: 6px;
  height: 20px;
  background: #FF8D1A;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 30px;
}
.vip-service .service-table .table-group .table-children-list .item:last-of-type.odd {
  border-bottom: 1px solid #eee;
}
.vip-pay-modal .ant-modal .ant-modal-content {
  border-radius: 8px;
  overflow: hidden;
}
.vip-pay-modal .ant-modal .ant-modal-body {
  padding: 0;
}
.vip-pay-modal .ant-modal .ant-modal-body .vip-pay-wrap {
  min-height: 882px;
  background: linear-gradient(180deg, #F7D8A8 0%, #F7EEE0 100%);
  background-image: url('/static/vip2/pay-bg.png');
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  padding: 20px 0px 30px;
}
.vip-pay-modal .ant-modal .ant-modal-body .vip-pay-wrap .pay-top {
  position: relative;
  margin-bottom: 16px;
}
.vip-pay-modal .ant-modal .ant-modal-body .vip-pay-wrap .pay-top .pay-title {
  font-size: 17px;
  color: #713100;
  font-weight: 700;
  position: absolute;
  top: -2px;
  left: 50%;
  transform: translateX(-50%);
}
.vip-pay-modal .ant-modal .ant-modal-body .vip-pay-wrap .pay-top .top-tips {
  width: 100%;
  height: 30px;
  background: linear-gradient(90deg, #F7DBAF 0%, #D6781A 50%, #F7DEB7 100%);
  position: absolute;
  top: 34px;
  left: 0;
  font-size: 14px;
  text-align: center;
  line-height: 30px;
  color: #ffffff;
  opacity: 0.7;
}
.vip-pay-modal .ant-modal .ant-modal-body .vip-pay-wrap .pay-top .user-info {
  position: relative;
  padding-left: 30px;
}
.vip-pay-modal .ant-modal .ant-modal-body .vip-pay-wrap .pay-top .user-info .user-avatar {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  overflow: hidden;
  background: url('/static/def_photo.png') no-repeat;
  background-color: #ddeef3;
  background-position: center;
  background-size: cover;
}
.vip-pay-modal .ant-modal .ant-modal-body .vip-pay-wrap .pay-top .user-info .user-avatar img {
  width: 100%;
  height: 100%;
}
.vip-pay-modal .ant-modal .ant-modal-body .vip-pay-wrap .pay-top .user-info .user-text {
  margin-left: 18px;
}
.vip-pay-modal .ant-modal .ant-modal-body .vip-pay-wrap .pay-top .user-info .user-text .name {
  font-size: 16px;
  color: #713100;
  font-weight: bold;
}
.vip-pay-modal .ant-modal .ant-modal-body .vip-pay-wrap .pay-top .user-info .user-text .tips {
  font-size: 12px;
  color: #808080;
  margin-top: 8px;
}
.vip-pay-modal .ant-modal .ant-modal-body .vip-pay-wrap .pay-top .close-btn {
  width: 18px;
  height: 18px;
  position: absolute;
  top: 0;
  right: 30px;
  cursor: pointer;
}
.vip-pay-modal .ant-modal .ant-modal-body .vip-pay-wrap .pay-top .close-btn img {
  width: 100%;
  height: 100%;
}
.vip-pay-modal .ant-modal .ant-modal-body .vip-pay-wrap .card {
  margin: 0 30px 16px;
  background: #fff;
  border-radius: 6px;
}
.vip-pay-modal .ant-modal .ant-modal-body .vip-pay-wrap .grade-list {
  min-height: 224px;
  padding: 20px;
  justify-content: space-between;
}
.vip-pay-modal .ant-modal .ant-modal-body .vip-pay-wrap .grade-list .grade-item {
  width: 252px;
  height: 184px;
  border: 1px solid #ddd;
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  user-select: none;
  position: relative;
}
.vip-pay-modal .ant-modal .ant-modal-body .vip-pay-wrap .grade-list .grade-item.disable {
  opacity: 0.6;
}
.vip-pay-modal .ant-modal .ant-modal-body .vip-pay-wrap .grade-list .grade-item .tips {
  width: 76px;
  height: 22px;
  font-size: 12px;
  color: #fff;
  position: absolute;
  left: -1px;
  top: -11px;
  background: #F4453C;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px 0 8px 0;
}
.vip-pay-modal .ant-modal .ant-modal-body .vip-pay-wrap .grade-list .grade-item .title {
  font-size: 17px;
  font-weight: bold;
  margin-bottom: 18px;
  min-height: 30px;
  color: #000;
}
.vip-pay-modal .ant-modal .ant-modal-body .vip-pay-wrap .grade-list .grade-item .price {
  color: #D7B45C;
  font-size: 18px;
  font-weight: bold;
}
.vip-pay-modal .ant-modal .ant-modal-body .vip-pay-wrap .grade-list .grade-item .price span {
  font-size: 28px;
  font-weight: 500;
}
.vip-pay-modal .ant-modal .ant-modal-body .vip-pay-wrap .grade-list .grade-item.active {
  border: 2px solid #D9B855;
}
.vip-pay-modal .ant-modal .ant-modal-body .vip-pay-wrap .grade-list .grade-item.active .tips {
  left: -2px;
  top: -12px;
}
.vip-pay-modal .ant-modal .ant-modal-body .vip-pay-wrap .order-info {
  min-height: 214px;
  padding: 26px;
}
.vip-pay-modal .ant-modal .ant-modal-body .vip-pay-wrap .order-info .order-item {
  min-height: 30px;
  justify-content: space-between;
  font-size: 16px;
  color: #333;
  margin-top: 14px;
}
.vip-pay-modal .ant-modal .ant-modal-body .vip-pay-wrap .order-info .order-item:first-of-type {
  margin: 0;
}
.vip-pay-modal .ant-modal .ant-modal-body .vip-pay-wrap .order-info .order-item .count div {
  background: #f4f4f4;
  height: 30px;
  border-radius: 2px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.vip-pay-modal .ant-modal .ant-modal-body .vip-pay-wrap .order-info .order-item .count .count-btn {
  width: 30px;
  cursor: pointer;
  user-select: none;
}
.vip-pay-modal .ant-modal .ant-modal-body .vip-pay-wrap .order-info .order-item .count .count-btn img {
  width: 14px;
  height: 14px;
}
.vip-pay-modal .ant-modal .ant-modal-body .vip-pay-wrap .order-info .order-item .count .count-btn.disable {
  cursor: no-drop;
}
.vip-pay-modal .ant-modal .ant-modal-body .vip-pay-wrap .order-info .order-item .count .count-num {
  min-width: 46px;
  font-size: 14px;
  color: #000;
  margin: 0 8px;
  font-weight: 500;
}
.vip-pay-modal .ant-modal .ant-modal-body .vip-pay-wrap .order-info .order-item .count .count-num.alone {
  background: #fff;
  min-width: initial;
}
.vip-pay-modal .ant-modal .ant-modal-body .vip-pay-wrap .order-info .order-item .price {
  color: #FF3A3A;
}
.vip-pay-modal .ant-modal .ant-modal-body .vip-pay-wrap .pay-box {
  padding: 28px 26px 30px;
}
.vip-pay-modal .ant-modal .ant-modal-body .vip-pay-wrap .pay-box .select-type {
  height: 212px;
  position: relative;
}
.vip-pay-modal .ant-modal .ant-modal-body .vip-pay-wrap .pay-box .select-type .select-btn {
  width: 200px;
  height: 54px;
  background: #FFFFFF;
  border: 1px solid #ddd;
  display: flex;
  align-items: center;
  cursor: pointer;
  user-select: none;
  z-index: 1;
  transition: all 0.2s;
  font-size: 14px;
  color: #333;
  font-weight: bold;
  position: relative;
}
.vip-pay-modal .ant-modal .ant-modal-body .vip-pay-wrap .pay-box .select-type .select-btn.select-btn1 {
  border-radius: 6px 6px 0px 0px;
}
.vip-pay-modal .ant-modal .ant-modal-body .vip-pay-wrap .pay-box .select-type .select-btn.select-btn1.active {
  border-color: #438AE6;
  z-index: 2;
}
.vip-pay-modal .ant-modal .ant-modal-body .vip-pay-wrap .pay-box .select-type .select-btn.select-btn1.active .selected-icon {
  opacity: 1;
}
.vip-pay-modal .ant-modal .ant-modal-body .vip-pay-wrap .pay-box .select-type .select-btn.select-btn2 {
  border-radius: 0 0 6px 6px;
  top: -1px;
}
.vip-pay-modal .ant-modal .ant-modal-body .vip-pay-wrap .pay-box .select-type .select-btn.select-btn2.active {
  border-color: #438AE6;
  z-index: 2;
}
.vip-pay-modal .ant-modal .ant-modal-body .vip-pay-wrap .pay-box .select-type .select-btn.select-btn2.active .selected-icon {
  opacity: 1;
}
.vip-pay-modal .ant-modal .ant-modal-body .vip-pay-wrap .pay-box .select-type .select-btn.select-btn2 .selected-icon {
  border-radius: 0 0 0 6px;
}
.vip-pay-modal .ant-modal .ant-modal-body .vip-pay-wrap .pay-box .select-type .select-btn .pay-icon {
  width: 28px;
  height: 28px;
  margin: 0 20px;
}
.vip-pay-modal .ant-modal .ant-modal-body .vip-pay-wrap .pay-box .select-type .select-btn .pay-icon img {
  width: 100%;
  height: 100%;
}
.vip-pay-modal .ant-modal .ant-modal-body .vip-pay-wrap .pay-box .select-type .select-btn .selected-icon {
  position: absolute;
  width: 20px;
  height: 20px;
  background: #438AE6;
  display: flex;
  align-items: center;
  justify-content: center;
  top: -1px;
  right: -1px;
  border-radius: 0 6px 0 6px;
  transition: all 0.2s;
  opacity: 0;
}
.vip-pay-modal .ant-modal .ant-modal-body .vip-pay-wrap .pay-box .select-type .select-btn .selected-icon img {
  width: 13px;
  height: 9px;
}
.vip-pay-modal .ant-modal .ant-modal-body .vip-pay-wrap .pay-box .select-type .pay-tips {
  width: 200px;
  margin-top: 16px;
  color: #999;
  line-height: 20px;
  font-size: 14px;
}
.vip-pay-modal .ant-modal .ant-modal-body .vip-pay-wrap .pay-box .select-type .up-tips {
  margin-top: 12px;
  color: #ff4d4f;
  font-size: 14px;
  position: absolute;
  width: 240px;
}
.vip-pay-modal .ant-modal .ant-modal-body .vip-pay-wrap .pay-box .pay-code {
  margin-left: 178px;
  border: 1px solid #DDDDDD;
  border-radius: 6px;
  position: relative;
}
.vip-pay-modal .ant-modal .ant-modal-body .vip-pay-wrap .pay-box .pay-code .code-box {
  width: 170px;
  height: 170px;
  border-bottom: none;
  border-radius: 6px 6px 0 0;
  overflow: hidden;
  position: relative;
}
.vip-pay-modal .ant-modal .ant-modal-body .vip-pay-wrap .pay-box .pay-code .code-box img {
  width: 100%;
  height: 100%;
  position: relative;
}
.vip-pay-modal .ant-modal .ant-modal-body .vip-pay-wrap .pay-box .pay-code .code-box .refresh-btn {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  cursor: pointer;
  padding: 14px;
  line-height: 20px;
  font-size: 12px;
  color: #ff4d4f;
  text-align: center;
  background: rgba(255, 255, 255, 0.5);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.vip-pay-modal .ant-modal .ant-modal-body .vip-pay-wrap .pay-box .pay-code .code-box .refresh-btn .btn {
  width: 80px;
  height: 30px;
  background: #eee;
  border-radius: 999px;
  margin: 0 auto;
  line-height: 28px;
  text-align: center;
  font-size: 16px;
  color: #666;
  margin-bottom: 14px;
}
.vip-pay-modal .ant-modal .ant-modal-body .vip-pay-wrap .pay-box .pay-code .code-box .refresh-btn span {
  display: inline-block;
}
.vip-pay-modal .ant-modal .ant-modal-body .vip-pay-wrap .pay-box .pay-code .overdue-tips {
  width: 300px;
  position: absolute;
  left: 0;
  bottom: -26px;
  font-size: 12px;
  color: #ff4d4f;
}
.vip-pay-modal .ant-modal .ant-modal-body .vip-pay-wrap .pay-box .pay-code .code-tips {
  width: 170px;
  height: 40px;
  background: #F6F6F6;
  border-radius: 0 0 6px 6px;
  position: relative;
}
.vip-pay-modal .ant-modal .ant-modal-body .vip-pay-wrap .pay-box .pay-code .code-tips .sao-icon {
  width: 28px;
  height: 28px;
  margin: 0 8px 0 16px;
}
.vip-pay-modal .ant-modal .ant-modal-body .vip-pay-wrap .pay-box .pay-code .code-tips .sao-icon img {
  width: 100%;
  height: 100%;
}
.vip-pay-modal .ant-modal .ant-modal-body .vip-pay-wrap .pay-box .pay-code .code-tips .text {
  transform: scale(0.9);
  position: relative;
}
.vip-pay-modal .ant-modal .ant-modal-body .vip-pay-wrap .pay-box .pay-code .code-tips .text .item {
  font-size: 12px;
  color: #000;
  line-height: 18px;
  letter-spacing: 4px;
}
.vip-pay-modal .ant-modal .ant-modal-body .vip-pay-wrap .pay-box .pay-code .code-tips .text.zfb {
  left: -1px;
}
.vip-pay-modal .ant-modal .ant-modal-body .vip-pay-wrap .pay-box .pay-price {
  margin-left: 38px;
  font-size: 16px;
  color: #000;
  align-items: flex-end;
  line-height: 1;
  font-weight: bold;
  position: relative;
  top: -10px;
}
.vip-pay-modal .ant-modal .ant-modal-body .vip-pay-wrap .pay-box .pay-price .value {
  font-size: 36px;
  color: #FF3A3A;
  position: relative;
  margin-top: 14px;
}
.vip-pay-modal .ant-modal .ant-modal-body .vip-pay-wrap .pay-box .pay-price .value span {
  font-size: 24px;
}

.vip-side-bar {
  position: fixed;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  z-index: 222;
}
.vip-side-bar .side-bar-item {
  width: 60px;
  height: 60px;
  background: #fff;
  border-radius: 4px 0 0 4px;
  position: relative;
  transition: all 0.4s;
  margin-left: auto;
  margin-bottom: 12px;
}
.vip-side-bar .side-bar-item:last-of-type {
  margin-bottom: 0;
}
.vip-side-bar .side-bar-item.customer-service {
  overflow: hidden;
}
.vip-side-bar .side-bar-item .service-content {
  width: 140px;
  height: 100%;
  position: absolute;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  padding-left: 10px;
}
.vip-side-bar .side-bar-item .service-label {
  width: 60px;
  height: 100%;
  cursor: pointer;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 2;
  background: #fff;
  transition: all 0.4s;
  border-radius: 4px 0 0 4px;
}
.vip-side-bar .side-bar-item .service-label .side-icon {
  width: 28px;
  height: auto;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  transition: all 0.4s;
  display: flex;
  align-items: center;
  justify-content: center;
}
.vip-side-bar .side-bar-item .service-label .side-icon img {
  width: 100%;
  height: 100%;
}
.vip-side-bar .side-bar-item .service-label .side-icon2 {
  width: 22px;
}
.vip-side-bar .side-bar-item .service-label .side-icon3 {
  width: 24px;
}
.vip-side-bar .side-bar-item .service-label .def-icon {
  opacity: 1;
}
.vip-side-bar .side-bar-item .service-label .active-icon {
  opacity: 0;
}
.vip-side-bar .side-bar-item .side-bar-popover {
  width: 162px;
  display: none;
  padding-right: 12px;
  position: absolute;
  left: -162px;
  top: 0;
  letter-spacing: 1px;
}
.vip-side-bar .side-bar-item .side-bar-popover .side-bar-popover-content {
  width: 150px;
  background: #fff;
  border-radius: 4px;
  overflow: hidden;
  font-size: 12px;
  text-align: center;
  padding-bottom: 12px;
  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
}
.vip-side-bar .side-bar-item .side-bar-popover .side-bar-popover-content .side-bar-code {
  width: 140px;
  height: 140px;
  margin: 0 auto;
  margin-top: 6px;
  margin-bottom: 4px;
}
.vip-side-bar .side-bar-item .side-bar-popover .side-bar-popover-content .side-bar-code img {
  width: 100%;
  height: 100%;
}
.vip-side-bar .side-bar-item .side-bar-popover .side-bar-popover-content .side-bar-popover-title span {
  color: #FF8D1A;
}
.vip-side-bar .side-bar-item .side-bar-popover .side-bar-popover-content .side-bar-popover-tips {
  position: relative;
  transform: scale(0.9);
}
.vip-side-bar .side-bar-item:hover {
  background: #FF8D1A;
}
.vip-side-bar .side-bar-item:hover.customer-service {
  width: 200px;
}
.vip-side-bar .side-bar-item:hover .service-label {
  background: #FF8D1A;
}
.vip-side-bar .side-bar-item:hover .service-label .def-icon {
  opacity: 0;
}
.vip-side-bar .side-bar-item:hover .service-label .active-icon {
  opacity: 1;
}
.vip-side-bar .side-bar-item:hover .side-bar-popover {
  display: block;
}

.exhibition {
  height: 100vh;
  overflow: hidden;
}

.text-ellipsis {
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}
.text-ellipsis2,
.text-ellipsis3,
.text-ellipsis4 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.text-ellipsis3 {
  -webkit-line-clamp: 3;
}
.text-ellipsis4 {
  -webkit-line-clamp: 4;
}
.position-c {
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
}
.position-x-c {
  position: absolute !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
}
.position-y-c {
  position: absolute !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
}
.flex {
  display: flex;
}
.flex-wrap {
  display: flex;
  flex-wrap: wrap;
}
.flex-column {
  display: flex;
  flex-direction: column;
}
.flex-c {
  display: flex;
  align-items: center;
}
.justify-between {
  display: flex;
  justify-content: space-between;
}
.empty-box {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.empty-box .empty-img {
  height: 120px;
  margin-top: -180px;
}
.empty-box .empty-img img {
  height: 100%;
}
.empty-box .empty-tips {
  font-size: 14px;
  color: #999;
  margin-top: 8px;
  position: relative;
  right: 5px;
}
.manage-page {
  background: #f4f6f9;
  min-height: 100vh;
}
.ant-badge-count {
  height: 16px;
  line-height: 16px;
  background-color: #f8524f;
}
.home-title {
  text-align: center;
  font-size: 28px;
  color: #383838;
  margin-bottom: 34px;
  position: relative;
  font-weight: 500;
  letter-spacing: 1px;
}
.home-title .home-title-content {
  position: relative;
}
.home-title .home-title-content::before,
.home-title .home-title-content::after {
  content: '';
  width: 23px;
  height: 19px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background: url('/static/home/title-icon.png') no-repeat;
  background-size: cover;
  background-position: center;
  margin-top: 2px;
}
.home-title .home-title-content::before {
  left: -40px;
}
.home-title .home-title-content::after {
  right: -40px;
}
.navbar-fixed-page {
  padding-top: 40px;
}
.anchor-position {
  position: absolute;
  top: -130px;
}
.banner-swiper-button-prev,
.banner-swiper-button-next {
  width: 26px;
  height: 36px;
  background: rgba(0, 0, 0, 0.15);
  transition: all 0.2s;
}
.banner-swiper-button-prev .icon,
.banner-swiper-button-next .icon {
  color: #fff;
  position: relative;
}
.banner-swiper-button-prev:hover,
.banner-swiper-button-next:hover {
  background: rgba(0, 0, 0, 0.3);
}
.banner-swiper-button-prev::after,
.banner-swiper-button-next::after {
  display: none;
}
.banner-swiper-button-prev {
  border-radius: 0 400px 400px 0;
  left: 0;
}
.banner-swiper-button-prev .icon {
  right: 2px;
}
.banner-swiper-button-next {
  border-radius: 400px 0 0 400px;
  right: 0;
}
.banner-swiper-button-next .icon {
  left: 2px;
}
.poster-tips {
  width: 32px;
  height: 18px;
  background: rgba(0, 0, 0, 0.3);
  font-size: 12px;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  right: -3px;
  bottom: -2px;
  transform: scale(0.8);
}
.concise-pagination .ant-pagination-item {
  display: none;
}
.concise-pagination .ant-pagination-jump-prev,
.concise-pagination .ant-pagination-jump-next {
  display: none;
}
.concise-pagination .ant-pagination-prev,
.concise-pagination .ant-pagination-next {
  position: relative;
  width: 80px !important;
}
.concise-pagination .ant-pagination-prev .anticon,
.concise-pagination .ant-pagination-next .anticon {
  opacity: 0;
}
.concise-pagination .ant-pagination-prev::after,
.concise-pagination .ant-pagination-next::after {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 12px;
  color: #666;
}
.concise-pagination .ant-pagination-prev::after {
  content: '\4E0A\4E00\9875';
}
.concise-pagination .ant-pagination-next::after {
  content: '\4E0B\4E00\9875';
}
.dummy-inp {
  width: 0px;
  height: 0px;
  position: absolute;
  opacity: 0;
  left: -9999px;
}
input:-webkit-autofill {
  box-shadow: 0 0 0 1000px white inset !important;
}
input:-internal-autofill-previewed,
input:-internal-autofill-selected {
  -webkit-text-fill-color: #333 !important;
  transition: background-color 5000s ease-in-out 0s !important;
}
.header-search {
  background: #fff;
  min-width: 1200px;
  margin: 0 auto;
  min-height: 145px;
}
.header-search .container {
  display: flex;
  align-items: center;
  padding: 20px 0 14px;
  position: relative;
}
.header-search .header-search__logo {
  width: 210px;
  height: 53px;
  flex-shrink: 0;
  display: block;
}
.header-search .header-search__logo img {
  display: block;
  margin: 0 auto;
  margin-top: -30px;
}
.header-search .header-search__text {
  position: relative;
  display: block;
  min-width: 100px;
  font-size: 22px;
  margin-left: 50px;
  height: 45px;
  line-height: 45px;
}
.header-search .header-search__text::after {
  content: "";
  position: absolute;
  left: -16px;
  top: 50%;
  transform: translateY(-50%);
  width: 1px;
  height: 32px;
  background-color: #D8D8D8;
}
.header-search .header-search__group {
  margin-left: 44px;
  width: 430px;
  height: 42px;
  line-height: 40px;
  box-sizing: border-box;
  display: flex;
  position: relative;
}
.header-search .header-search__group .search-history {
  left: -2px;
  right: -2px;
  top: 48px;
  position: absolute;
  background: white;
  border: 1px solid #EFF0F3;
  font-size: 14px;
  z-index: 100;
}
.header-search .header-search__group .search-history .search-history__title {
  padding: 12px;
  line-height: 20px;
  position: relative;
}
.header-search .header-search__group .search-history .search-history__title:after {
  content: "";
  position: absolute;
  left: 12px;
  right: 12px;
  bottom: 0;
  border-bottom: 1px solid #EFF0F3;
}
.header-search .header-search__group .search-history .search-history__list {
  padding: 6px 0;
}
.header-search .header-search__group .search-history .search-history__list .search-history__item {
  display: block;
  padding: 6px;
  line-height: 20px;
}
.header-search .header-search__group .search-history .search-history__list .search-history__item:hover {
  color: #333;
}
.header-search .header-search__group .search-history .search-history__list .search-history__item.active {
  background: rgba(0, 0, 0, 0.1);
  color: #3c76f7;
}
.header-search .header-search__group .header-search__input {
  flex-grow: 1;
  padding-left: 0px;
  border: none;
  font-size: 14px;
  outline: none;
}
.header-search .header-search__group .header-search__input .ant-select-selector {
  min-width: 250px;
  height: 100%;
  padding-left: 12px;
  padding-right: 0;
  border: none;
  padding-top: 4px;
}
.header-search .header-search__group .header-search__input .ant-select-selection-placeholder {
  font-size: 12px;
}
.header-search .header-search__group .header-search__input .ant-select-selection-search-input {
  border: none;
  outline: none;
  color: #000;
  width: 100%;
  height: 100%;
}
.header-search .header-search__group .header-search__btn {
  width: 102px;
  flex-shrink: 0;
  outline: none;
  border: none;
  text-align: center;
  background: #3c76f7;
  line-height: 36px;
  color: white;
  font-size: 14px;
  cursor: pointer;
}
.header-search .header-search__group .error-msg {
  position: absolute;
  bottom: -35px;
  left: 15px;
  color: red;
  font-size: 14px;
}
.header-search .header-search__link {
  position: relative;
}
.header-search .header-search__qrcode {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.header-search .header-search__qrcode .header-search__img_wrap {
  border: 1px solid #3c76f7;
  padding: 2px;
  width: 62px;
  height: 62px;
}
.header-search .header-search__qrcode .header-search__img_wrap img {
  width: 100%;
  height: 100%;
}
.header-search .header-search__qrcode .header-search__desc {
  margin-top: 6px;
  font-size: 12px;
  color: #3c76f7;
  white-space: nowrap;
}

.text-ellipsis {
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}
.text-ellipsis2,
.text-ellipsis3,
.text-ellipsis4 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.text-ellipsis3 {
  -webkit-line-clamp: 3;
}
.text-ellipsis4 {
  -webkit-line-clamp: 4;
}
.position-c {
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
}
.position-x-c {
  position: absolute !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
}
.position-y-c {
  position: absolute !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
}
.flex {
  display: flex;
}
.flex-wrap {
  display: flex;
  flex-wrap: wrap;
}
.flex-column {
  display: flex;
  flex-direction: column;
}
.flex-c {
  display: flex;
  align-items: center;
}
.justify-between {
  display: flex;
  justify-content: space-between;
}
.empty-box {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.empty-box .empty-img {
  height: 120px;
  margin-top: -180px;
}
.empty-box .empty-img img {
  height: 100%;
}
.empty-box .empty-tips {
  font-size: 14px;
  color: #999;
  margin-top: 8px;
  position: relative;
  right: 5px;
}
.manage-page {
  background: #f4f6f9;
  min-height: 100vh;
}
.ant-badge-count {
  height: 16px;
  line-height: 16px;
  background-color: #f8524f;
}
.home-title {
  text-align: center;
  font-size: 28px;
  color: #383838;
  margin-bottom: 34px;
  position: relative;
  font-weight: 500;
  letter-spacing: 1px;
}
.home-title .home-title-content {
  position: relative;
}
.home-title .home-title-content::before,
.home-title .home-title-content::after {
  content: '';
  width: 23px;
  height: 19px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background: url('/static/home/title-icon.png') no-repeat;
  background-size: cover;
  background-position: center;
  margin-top: 2px;
}
.home-title .home-title-content::before {
  left: -40px;
}
.home-title .home-title-content::after {
  right: -40px;
}
.navbar-fixed-page {
  padding-top: 40px;
}
.anchor-position {
  position: absolute;
  top: -130px;
}
.banner-swiper-button-prev,
.banner-swiper-button-next {
  width: 26px;
  height: 36px;
  background: rgba(0, 0, 0, 0.15);
  transition: all 0.2s;
}
.banner-swiper-button-prev .icon,
.banner-swiper-button-next .icon {
  color: #fff;
  position: relative;
}
.banner-swiper-button-prev:hover,
.banner-swiper-button-next:hover {
  background: rgba(0, 0, 0, 0.3);
}
.banner-swiper-button-prev::after,
.banner-swiper-button-next::after {
  display: none;
}
.banner-swiper-button-prev {
  border-radius: 0 400px 400px 0;
  left: 0;
}
.banner-swiper-button-prev .icon {
  right: 2px;
}
.banner-swiper-button-next {
  border-radius: 400px 0 0 400px;
  right: 0;
}
.banner-swiper-button-next .icon {
  left: 2px;
}
.poster-tips {
  width: 32px;
  height: 18px;
  background: rgba(0, 0, 0, 0.3);
  font-size: 12px;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  right: -3px;
  bottom: -2px;
  transform: scale(0.8);
}
.concise-pagination .ant-pagination-item {
  display: none;
}
.concise-pagination .ant-pagination-jump-prev,
.concise-pagination .ant-pagination-jump-next {
  display: none;
}
.concise-pagination .ant-pagination-prev,
.concise-pagination .ant-pagination-next {
  position: relative;
  width: 80px !important;
}
.concise-pagination .ant-pagination-prev .anticon,
.concise-pagination .ant-pagination-next .anticon {
  opacity: 0;
}
.concise-pagination .ant-pagination-prev::after,
.concise-pagination .ant-pagination-next::after {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 12px;
  color: #666;
}
.concise-pagination .ant-pagination-prev::after {
  content: '\4E0A\4E00\9875';
}
.concise-pagination .ant-pagination-next::after {
  content: '\4E0B\4E00\9875';
}
.dummy-inp {
  width: 0px;
  height: 0px;
  position: absolute;
  opacity: 0;
  left: -9999px;
}
input:-webkit-autofill {
  box-shadow: 0 0 0 1000px white inset !important;
}
input:-internal-autofill-previewed,
input:-internal-autofill-selected {
  -webkit-text-fill-color: #333 !important;
  transition: background-color 5000s ease-in-out 0s !important;
}
.login-wrap {
  width: 100vw;
  height: 100vh;
  min-height: 100vh;
  min-width: 1200px;
  overflow: hidden;
  background-color: #fff;
  overflow: auto;
  overflow-x: hidden;
}
.login-wrap .ant-tabs-ink-bar {
  background: #3c76f7;
}
.login-wrap .ant-select::after {
  content: '';
  width: 1px;
  height: 20px;
  background-color: #e8eaec;
  position: absolute;
  right: -1px;
  top: 10px;
  z-index: 22;
}
.login-wrap input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0px 1000px white inset;
  -webkit-text-fill-color: #333;
}
.login-wrap .ant-input-affix-wrapper {
  border-color: #e8eaec;
  box-shadow: none;
}
.login-wrap .ant-input-affix-wrapper:hover {
  border-color: #3c76f7;
}
.login-wrap .ant-input-affix-wrapper.ant-input-affix-wrapper-focused {
  border-color: #3c76f7;
}
.login-wrap .mobile-inp,
.login-wrap .password-inp {
  border-color: #e8eaec;
  box-shadow: none;
}
.login-wrap .mobile-inp:hover,
.login-wrap .password-inp:hover {
  border-color: #3c76f7;
}
.login-wrap .mobile-inp:focus,
.login-wrap .password-inp:focus {
  border-color: #3c76f7;
}
.login-wrap .mobile-inp {
  padding-left: 105px;
}
.login-wrap .mobile-inp.long {
  padding-left: 140px;
}
.login-wrap .form-item-area {
  position: absolute;
  z-index: 99;
  height: 36px;
  top: 1px;
}
.login-wrap .form-item-area .ant-select-arrow {
  width: 10px;
  height: 6px;
  background: url('/static/login/select-icon.png') no-repeat;
  background-size: cover;
  background-position: center;
  top: 60% !important;
}
.login-wrap .form-item-area .ant-select-arrow .anticon {
  display: none;
}
.login-wrap #supersized {
  position: absolute;
  z-index: -999;
  width: 100%;
  height: 100%;
}
.login-wrap #supersized .swiper-container {
  height: 100%;
}
.login-wrap #supersized .swiper-container .swiper-slide {
  height: 100%;
}
.login-wrap .container {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
}
.login-wrap .container .login-header {
  width: 100%;
  min-width: 1200px;
  height: 16%;
  min-height: 100px;
  padding: 0 11.8% 0 9%;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.login-wrap .container .login-header .header-l {
  display: flex;
  align-items: center;
}
.login-wrap .container .login-header .header-l .login-logo {
  display: block;
  width: 295px;
  height: 68px;
  margin-right: 92px;
  position: relative;
}
.login-wrap .container .login-header .header-l .login-logo img {
  width: 100%;
  height: auto;
}
.login-wrap .container .login-header .header-l .login-logo::after {
  content: '';
  width: 1px;
  height: 30px;
  background: #dddddd;
  position: absolute;
  top: 50%;
  right: -47px;
  transform: translateY(-50%);
}
.login-wrap .container .login-header .header-l .welcome-login {
  font-size: 24px;
  color: #000;
  letter-spacing: 2px;
}
.login-wrap .container .login-header .header-r {
  font-size: 16px;
  color: #000;
}
.login-wrap .container .login-header .header-r .header-r-phone {
  color: #3c76f7;
}
.login-wrap .content {
  width: 100%;
  height: 64%;
  min-height: 600px;
  min-width: 1200px;
  position: relative;
  background: linear-gradient(180deg, #709bff 0%, #2c44e4 100%);
}
.login-wrap .content::before {
  content: '';
  width: 100%;
  height: 100%;
  background: url('/static/login/bg.png') no-repeat;
  background-size: cover;
  background-position: center;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
}
.login-wrap .content .content-left {
  color: #fff;
  left: 9%;
  top: 50%;
  position: absolute;
  transform: translateY(-60%);
}
.login-wrap .content .content-left .content-tip-img {
  width: 336px;
  height: 50px;
}
.login-wrap .content .content-left .content-tip-img .img {
  width: 100%;
  height: auto;
}
.login-wrap .content .content-left .content-tips {
  letter-spacing: 2px;
  margin-top: 20px;
  line-height: 1;
}
.login-wrap .content .content-left .content-tips1,
.login-wrap .content .content-left .content-tips2 {
  font-size: 30px;
}
.login-wrap .content .content-left .content-tips3,
.login-wrap .content .content-left .content-tips4 {
  font-size: 24px;
}
.login-wrap .content .content-left .content-tips1 {
  margin-top: 30px;
}
.login-wrap .content .content-left .content-tips3 {
  margin-top: 100px;
}
.login-wrap .content .content-right {
  width: 400px;
  background: white;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  margin-right: 11.8%;
}
.login-wrap .content .content-right .login-wrapper {
  height: 480px;
  padding-top: 14px;
  overflow: hidden;
  transition: all 0.3s;
}
.login-wrap .content .content-right .login-wrapper .login__title {
  font-weight: 600;
  font-size: 18px;
  line-height: 25px;
  text-align: center;
  margin-bottom: 29px;
}
.login-wrap .content .content-right .login-wrapper .ant-select-selector {
  height: 40px !important;
  border: none !important;
  background: none;
  box-shadow: none;
}
.login-wrap .content .content-right .login-wrapper .ant-select-selection-item {
  line-height: 38px;
}
.login-wrap .content .content-right .login-mode {
  width: 100%;
  height: 30px;
  position: relative;
  display: flex;
  justify-content: flex-end;
  padding-right: 14px;
  user-select: none;
}
.login-wrap .content .content-right .login-mode .scan-code-tips {
  display: flex;
}
.login-wrap .content .content-right .login-mode .scan-code-tips .tips {
  width: 103px;
  height: 22px;
  margin-right: 10px;
  position: relative;
  background: url('/static/login/tips-icon.png') no-repeat;
  background-size: contain;
  background-position: center;
}
.login-wrap .content .content-right .login-mode .scan-code-img-box {
  position: relative;
  cursor: pointer;
}
.login-wrap .content .content-right .login-mode .scan-code-img-box::after {
  content: '';
  border-style: solid;
  border-width: 0 24px 24px 0;
  border-color: transparent transparent #fff transparent;
  position: absolute;
  left: 0;
  bottom: 0;
}
.login-wrap .content .content-right .login-mode .login-mode-img {
  display: block;
  width: 30px;
  height: 30px;
  cursor: pointer;
  position: relative;
}
.login-wrap .content .content-right .login-scan_code {
  text-align: center;
  flex-grow: 1;
}
.login-wrap .content .content-right .login-scan_code .login-scan_code__title {
  font-weight: 500;
  font-size: 16px;
  text-align: left;
  padding: 12px 0;
  padding-left: 26px;
  color: #333;
  margin-top: -10px;
}
.login-wrap .content .content-right .login-scan_code .login-scan_code__remark {
  font-size: 14px;
  color: #999999;
  margin-top: 6px;
}
.login-wrap .content .content-right .login-scan_code .login-scan_code__code {
  width: 240px;
  height: 240px;
  margin: 6px auto 0;
  position: relative;
}
.login-wrap .content .content-right .login-scan_code .login-scan_code__code .err-tips {
  width: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
}
.login-wrap .content .content-right .login-scan_code .login-scan_code__code .err-tips p {
  color: #000;
  line-height: 24px;
  margin: 0;
  font-size: 14px;
}
.login-wrap .content .content-right .login-scan_code .login-scan_code__code .err-tips p span {
  color: #3c76f7;
  cursor: pointer;
  user-select: none;
}
.login-wrap .content .content-right .login-scan_code .login-scan_code__code .bg-code {
  opacity: 0.8;
}
.login-wrap .content .content-right .login-scan_code .login-scan_code__code img {
  width: 100%;
  height: 100%;
}
.login-wrap .content .content-right .login-scan_code .login-scan-code-tips {
  font-size: 12px;
  color: #999999;
  text-align: center;
  margin-top: 20px;
}
.login-wrap .content .content-right .login-scan_code .login-scan-code-tips span {
  color: #3c76f7;
}
.login-wrap .content .content-right .login-scan_code .dec-group {
  margin-top: 56px;
  justify-content: center;
  line-height: 1;
}
.login-wrap .content .content-right .login-scan_code .dec-group .item {
  margin: 0 16px;
}
.login-wrap .content .content-right .login-scan_code .dec-group .item .dec-group-icon {
  width: 25px;
  height: 25px;
}
.login-wrap .content .content-right .login-scan_code .dec-group .item .dec-group-icon img {
  width: 100%;
  height: 100%;
}
.login-wrap .content .content-right .login-scan_code .dec-group .item .text {
  color: #999;
  font-size: 12px;
  margin-left: 7px;
}
.login-wrap .content .content-right .login-scan_code .login-scan_code__footer {
  display: flex;
  justify-content: flex-end;
  color: #999999;
  font-size: 14px;
  padding: 0px 28px 28px 0;
}
.login-wrap .content .content-right .login-scan_code .login-scan_code__footer .line {
  width: 2px;
  height: 12px;
  margin: 6px 10px 0px;
  background: #d8d8d8;
}
.login-wrap .content .content-right .login-box {
  margin: 0 26px;
  position: relative;
  flex-grow: 1;
}
.login-wrap .content .content-right .login-box .ant-tabs-nav {
  margin-bottom: 38px !important;
  margin-top: -10px;
}
.login-wrap .content .content-right .login-box .ant-input {
  border-radius: 0;
}
.login-wrap .content .content-right .login-box .ant-tabs {
  overflow: initial;
}
.login-wrap .content .content-right .login-box .ant-tabs .ant-tabs-tab {
  color: #999;
  transition: color 0.2s;
}
.login-wrap .content .content-right .login-box .ant-tabs .ant-tabs-tab:hover {
  color: #333;
}
.login-wrap .content .content-right .login-box .ant-tabs .ant-tabs-tab.ant-tabs-tab-active {
  color: #333;
}
.login-wrap .content .content-right .login-box .ant-input-group-wrapper.prefix .ant-input {
  height: 40px;
}
.login-wrap .content .content-right .login-box .ant-input-suffix .captcha {
  color: #3c76f7;
  cursor: pointer;
}
.login-wrap .content .content-right .login-box .ant-input-suffix .captcha__time {
  color: #999999;
  pointer-events: none;
}
.login-wrap .content .content-right .login-box .login-box__checkbox-wrap {
  text-align: center;
  margin-top: 16px;
}
.login-wrap .content .content-right .login-box .login-box__checkbox {
  font-size: 13px;
  color: #999999;
}
.login-wrap .content .content-right .login-box .login-box__checkbox span {
  padding-right: 0;
}
.login-wrap .content .content-right .login-box .login-box__group {
  position: relative;
}
.login-wrap .content .content-right .login-box .login-box__group .login-box__link {
  color: #3c76f7;
  font-size: 14px;
  position: absolute;
  right: 0;
  line-height: 1;
  top: 50%;
  transform: translateY(-50%);
}
.login-wrap .content .content-right .login-box .login-btn {
  background-color: #3c76f7 !important;
  border-color: #3c76f7 !important;
  transition: all 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
  font-size: 14px;
  margin-top: 18px !important;
}
.login-wrap .content .content-right .login-box .login-btn:hover {
  background-color: #4e86fd !important;
  border-color: #4e86fd !important;
}
.login-wrap .content .content-right .login-box .login-box__register {
  display: flex;
  justify-content: flex-start;
  margin-top: 20px;
  color: #999;
}
.login-wrap .content .content-right .login-box .ant-row.ant-form-item {
  margin-bottom: 30px;
}
.login-wrap .content .content-right .login-box .ant-row.ant-form-item.code-inp {
  margin-bottom: 28px;
}
.login-wrap .content .content-right .login-box .ant-tabs-bar {
  border: none;
}
.login-wrap .content .content-right .login-box .ant-tabs-bar .ant-tabs-nav .ant-tabs-tab {
  line-height: 22px;
}
.login-wrap .content .content-right .login-box .ant-input-group.ant-input-group-compact {
  display: flex;
}
.login-wrap .content .content-right .login-box .login-box__mobile .ant-select-selector {
  height: 40px !important;
  border: none !important;
  background: none;
  box-shadow: none;
}
.login-wrap .content .content-right .login-box .login-box__mobile .ant-select-selection-item {
  line-height: 38px;
}
.login-wrap .content .content-right .login-box .login-box__pwd .ant-select-selector {
  height: 40px !important;
  border: none !important;
  background: none;
  box-shadow: none;
}
.login-wrap .content .content-right .login-box .login-box__pwd .ant-select-selection-item {
  line-height: 38px;
}
.login-wrap .login-footer {
  min-height: 100px;
  color: #999999;
  text-align: center;
  position: relative;
  font-size: 14px;
  flex: 1;
  display: flex;
  flex-direction: column;
  padding-top: 30px;
}
.login-wrap .login-footer .login-footer__list .login-footer__item {
  position: relative;
}
.login-wrap .login-footer .login-footer__list .login-footer__item:first-of-type {
  margin-right: 26px;
}
.login-wrap .login-footer .login-footer__list .login-footer__item:first-of-type::after {
  content: '';
  width: 1px;
  height: 10px;
  background: #999;
  position: absolute;
  top: 50%;
  right: -13px;
  transform: translateY(-50%);
}
.login-wrap .login-footer .login-footer__copyright {
  margin-top: 12px;
  line-height: 1;
}
.img-code-box {
  width: 100px;
  height: 30px;
  overflow: hidden;
  cursor: pointer;
}
.img-code-box .img-code-img {
  width: 100%;
  height: 100%;
}
.login-wrapper .ant-form-item-has-error .ant-form-item-explain,
.login-wrapper .ant-form-item-has-error .ant-form-item-split {
  position: absolute !important;
  left: 0;
  bottom: -26px;
}
.login-box-checkbox {
  margin-top: 4px;
}

.text-ellipsis {
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}
.text-ellipsis2,
.text-ellipsis3,
.text-ellipsis4 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.text-ellipsis3 {
  -webkit-line-clamp: 3;
}
.text-ellipsis4 {
  -webkit-line-clamp: 4;
}
.position-c {
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
}
.position-x-c {
  position: absolute !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
}
.position-y-c {
  position: absolute !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
}
.flex {
  display: flex;
}
.flex-wrap {
  display: flex;
  flex-wrap: wrap;
}
.flex-column {
  display: flex;
  flex-direction: column;
}
.flex-c {
  display: flex;
  align-items: center;
}
.justify-between {
  display: flex;
  justify-content: space-between;
}
.empty-box {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.empty-box .empty-img {
  height: 120px;
  margin-top: -180px;
}
.empty-box .empty-img img {
  height: 100%;
}
.empty-box .empty-tips {
  font-size: 14px;
  color: #999;
  margin-top: 8px;
  position: relative;
  right: 5px;
}
.manage-page {
  background: #f4f6f9;
  min-height: 100vh;
}
.ant-badge-count {
  height: 16px;
  line-height: 16px;
  background-color: #f8524f;
}
.home-title {
  text-align: center;
  font-size: 28px;
  color: #383838;
  margin-bottom: 34px;
  position: relative;
  font-weight: 500;
  letter-spacing: 1px;
}
.home-title .home-title-content {
  position: relative;
}
.home-title .home-title-content::before,
.home-title .home-title-content::after {
  content: '';
  width: 23px;
  height: 19px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background: url('/static/home/title-icon.png') no-repeat;
  background-size: cover;
  background-position: center;
  margin-top: 2px;
}
.home-title .home-title-content::before {
  left: -40px;
}
.home-title .home-title-content::after {
  right: -40px;
}
.navbar-fixed-page {
  padding-top: 40px;
}
.anchor-position {
  position: absolute;
  top: -130px;
}
.banner-swiper-button-prev,
.banner-swiper-button-next {
  width: 26px;
  height: 36px;
  background: rgba(0, 0, 0, 0.15);
  transition: all 0.2s;
}
.banner-swiper-button-prev .icon,
.banner-swiper-button-next .icon {
  color: #fff;
  position: relative;
}
.banner-swiper-button-prev:hover,
.banner-swiper-button-next:hover {
  background: rgba(0, 0, 0, 0.3);
}
.banner-swiper-button-prev::after,
.banner-swiper-button-next::after {
  display: none;
}
.banner-swiper-button-prev {
  border-radius: 0 400px 400px 0;
  left: 0;
}
.banner-swiper-button-prev .icon {
  right: 2px;
}
.banner-swiper-button-next {
  border-radius: 400px 0 0 400px;
  right: 0;
}
.banner-swiper-button-next .icon {
  left: 2px;
}
.poster-tips {
  width: 32px;
  height: 18px;
  background: rgba(0, 0, 0, 0.3);
  font-size: 12px;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  right: -3px;
  bottom: -2px;
  transform: scale(0.8);
}
.concise-pagination .ant-pagination-item {
  display: none;
}
.concise-pagination .ant-pagination-jump-prev,
.concise-pagination .ant-pagination-jump-next {
  display: none;
}
.concise-pagination .ant-pagination-prev,
.concise-pagination .ant-pagination-next {
  position: relative;
  width: 80px !important;
}
.concise-pagination .ant-pagination-prev .anticon,
.concise-pagination .ant-pagination-next .anticon {
  opacity: 0;
}
.concise-pagination .ant-pagination-prev::after,
.concise-pagination .ant-pagination-next::after {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 12px;
  color: #666;
}
.concise-pagination .ant-pagination-prev::after {
  content: '\4E0A\4E00\9875';
}
.concise-pagination .ant-pagination-next::after {
  content: '\4E0B\4E00\9875';
}
.dummy-inp {
  width: 0px;
  height: 0px;
  position: absolute;
  opacity: 0;
  left: -9999px;
}
input:-webkit-autofill {
  box-shadow: 0 0 0 1000px white inset !important;
}
input:-internal-autofill-previewed,
input:-internal-autofill-selected {
  -webkit-text-fill-color: #333 !important;
  transition: background-color 5000s ease-in-out 0s !important;
}
.retrievePass .retrievePass__header {
  height: 60px;
  line-height: 60px;
  border-bottom: 1px solid #e6e8ed;
}
.retrievePass .retrievePass__header .header-child {
  display: flex;
  align-items: center;
}
.retrievePass .retrievePass__header .header-child .line {
  margin: 0 12px;
  width: 2px;
  height: 16px;
  background: #e6e8ed;
}
.retrievePass .retrievePass__header .header-child .text {
  color: #999999;
  font-size: 16px;
  font-weight: 500;
}
.retrievePass .retrievePass__header .header-child img {
  height: 100%;
}
.retrievePass .wrapper .wrapper-box {
  width: 300px;
  margin: 0 auto;
  margin-top: 120px;
}
.retrievePass .wrapper .wrapper-box .timeline {
  display: flex;
}
.retrievePass .wrapper .wrapper-box .timeline .timeline-item {
  position: relative;
  display: flex;
  flex-direction: column;
}
.retrievePass .wrapper .wrapper-box .timeline .timeline-item > span {
  position: absolute;
  left: -19px;
  bottom: -46px;
  font-size: 14px;
  color: #999999;
  width: 70px;
}
.retrievePass .wrapper .wrapper-box .timeline .timeline-item > span:nth-child(1) {
  left: -19px;
  bottom: -46px;
}
.retrievePass .wrapper .wrapper-box .timeline .timeline-item .circle {
  width: 32px;
  height: 32px;
  background: #cdcdcd;
  border-radius: 50%;
  text-align: center;
  line-height: 32px;
  color: #fff;
}
.retrievePass .wrapper .wrapper-box .timeline .timeline-item:nth-child(5) > span {
  left: 3px;
}
.retrievePass .wrapper .wrapper-box .timeline .active .circle {
  background: #3c76f7;
}
.retrievePass .wrapper .wrapper-box .timeline .active span {
  color: #3c76f7;
}
.retrievePass .wrapper .wrapper-box .timeline .timeline-line {
  width: 88px;
  height: 1px;
  background: #e6e8ed;
  margin: 16px 10px;
}
.retrievePass .wrapper .wrapper-box .form-box {
  margin-top: 122px;
}
.retrievePass .wrapper .wrapper-box .form-box .ant-form-item {
  margin-bottom: 12px;
}
.retrievePass .wrapper .wrapper-box .form-box .setPassword-box {
  position: relative;
}
.retrievePass .wrapper .wrapper-box .form-box .setPassword-box .ant-select-selector {
  height: 100%;
}
.retrievePass .wrapper .wrapper-box .form-box .setPassword-box .captcha {
  width: 142px;
  margin-right: 8px;
}
.retrievePass .wrapper .wrapper-box .form-box .setPassword-box .captcha-btn {
  position: absolute;
  right: 0;
  bottom: 44px;
  width: 110px;
  height: 36px;
  background-color: #EBF0FD;
  color: #3c76f7;
}
.retrievePass .wrapper .wrapper-box .form-box .setPassword-box .captcha-btn.count-down {
  background: rgba(0, 0, 0, 0.05);
  color: rgba(0, 0, 0, 0.25);
}
.retrievePass .wrapper .wrapper-box .form-box .setPassword-box .captcha-msg {
  float: right;
  margin-top: 49px;
  width: 124px;
  height: 32px;
  text-align: center;
  line-height: 32px;
  background: rgba(0, 0, 0, 0.05);
  font-size: 14px;
  color: rgba(0, 0, 0, 0.25);
}
.retrievePass .wrapper .wrapper-box .form-box .successSet {
  font-size: 14px;
}
.retrievePass .wrapper .wrapper-box .form-box .successSet .ant-btn {
  width: 240px;
}
.retrievePass .wrapper .retrieve-footer {
  color: #999999;
  text-align: center;
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
}
.retrievePass .wrapper .retrieve-footer .retrieve-footer__list .retrieve-footer__item {
  color: #999999;
  font-size: 12px;
  padding: 0 20px;
  position: relative;
}
.retrievePass .wrapper .retrieve-footer .retrieve-footer__list .retrieve-footer__item::after {
  content: '';
  height: 13px;
  position: absolute;
  top: 50%;
  right: 0;
  width: 1px;
  background-color: rgba(153, 153, 153, 0.3);
  transform: translateY(-50%);
}
.retrievePass .wrapper .retrieve-footer .retrieve-footer__list .retrieve-footer__item:last-child::after {
  display: none;
}
.retrievePass .wrapper .retrieve-footer .retrieve-footer__copyright {
  margin-top: 20px;
  line-height: 20px;
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 25px;
}

.activity-view .mask {
  width: 1920px;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.5);
  z-index: 20;
}
.activity-view .mask .my-prize {
  position: absolute;
  top: 242px;
  left: 0;
  right: 0;
  margin: auto;
  width: 578px;
  height: 587px;
  background-size: 100%;
  background-repeat: no-repeat;
  background-image: url(/static/activity/prize-log.png);
  z-index: 21;
}
.activity-view .mask .my-prize .title {
  height: 33px;
  font-size: 34px;
  font-family: PingFang SC;
  font-weight: bold;
  color: #FFFFFF;
  line-height: 5px;
  padding-top: 65px;
  text-align: center;
}
.activity-view .mask .my-prize .close {
  background-image: url(/static/activity/close.png);
  position: absolute;
  right: -22px;
  top: -10px;
  z-index: 22;
  width: 42px;
  height: 42px;
  background-size: 100%;
  background-repeat: no-repeat;
}
.activity-view .mask .my-prize .scroll {
  overflow-y: auto;
}
.activity-view .mask .my-prize .scroll .time {
  font-size: 16px;
  font-family: PingFang SC;
  font-weight: 400;
  color: #947600;
  padding: 6px 0;
}
.activity-view .mask .my-prize .scroll .prize {
  font-size: 16px;
  font-family: PingFang SC;
  font-weight: 400;
  color: #947600;
  padding: 6px 0;
}
.activity-view .mask .my-prize .scroll .point {
  width: 18px;
  height: 18px;
  background-image: url(/static/activity/point.png);
  background-size: 100%;
  background-repeat: no-repeat;
  display: inline-block;
  vertical-align: middle;
  margin-top: -3px;
  margin-right: 5px;
}
.activity-view .bg {
  width: 1920px;
  height: 2719px;
}
.activity-view .award-container {
  position: absolute;
  top: 784px;
  left: 395px;
}
.activity-view .award-container .draw-bg {
  width: 574px;
  height: 676px;
  background-image: url(/static/activity/draw-bg.png);
  background-size: 100%;
  background-repeat: no-repeat;
  z-index: 1;
}
.activity-view .award-container .log-btn {
  position: absolute;
  cursor: pointer;
  top: 18px;
  left: 32px;
  width: 129px;
  height: 36px;
  background: linear-gradient(104deg, #6405A7, #F537FF);
  border: 3px solid #e602ff;
  border-radius: 18px;
  font-size: 18px;
  font-family: PingFang SC;
  font-weight: 500;
  color: #FFFFFF;
  line-height: 30px;
  text-align: center;
  z-index: 1;
}
.activity-view .award-container .plate {
  width: 381px;
  height: 380px;
  background-image: url(/static/activity/prizes.png);
  background-size: 100%;
  background-repeat: no-repeat;
  position: absolute;
  top: 90px;
  left: 96px;
  z-index: 2;
  transition: all 3.5s ease;
}
.activity-view .award-container .pointer {
  width: 186px;
  height: 212px;
  background-image: url(/static/activity/pointer.png);
  background-size: 100%;
  background-repeat: no-repeat;
  position: absolute;
  top: 180px;
  left: 194px;
  z-index: 3;
  cursor: pointer;
  border-radius: 50%;
}
.activity-view .award-container .disabled {
  background-image: url(/static/activity/disabled-pointer.png);
}
.activity-view .award-container .tip-btn {
  width: 360px;
  height: 52px;
  background: linear-gradient(104deg, #6405A7, #F537FF);
  border: 3px solid #f537ff;
  border-radius: 24px;
  position: absolute;
  bottom: -40px;
  left: 100px;
  font-size: 20px;
  font-family: PingFang SC;
  font-weight: 500;
  color: #FFFFFF;
  line-height: 48px;
  text-align: center;
}
.activity-view .rule {
  width: 506px;
  height: 608px;
  left: 960px;
  top: 854px;
  background: #FFFBEA;
  position: absolute;
}
.activity-view .rule .rule-title {
  text-align: center;
  font-size: 32px;
  font-family: zihun5hao-wuwairunheiti;
  font-weight: 400;
  color: #DC5DFF;
  padding: 39px 0;
}
.activity-view .notice {
  position: absolute;
  top: 1970px;
  left: 438px;
}
.activity-view .notice .row-item {
  height: 48px;
  line-height: 48px;
}
.activity-view .notice .row-item .ceil {
  color: #947600;
  font-size: 16px;
}
.activity-view .notice .avatar {
  width: 30px;
  height: 30px;
  margin-right: 20px;
  border-radius: 50%;
}
.activity-view .draw {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  height: 700px;
  display: flex;
}
.activity-view .draw .draw-left {
  position: relative;
}
.activity-view .draw .draw-left .draw-history-btn {
  position: absolute;
  top: 8px;
  left: 22px;
  width: 129px;
  height: 36px;
  background: linear-gradient(104deg, #6405A7, #F537FF);
  border-radius: 18px;
  text-align: center;
  line-height: 36px;
  font-weight: 500;
  font-size: 16px;
  color: #fff;
  cursor: pointer;
  user-select: none;
}
.activity-view .draw .draw-left .prizes {
  position: absolute;
  left: 95px;
  top: 92px;
}
.activity-view .draw .draw-left .prizes > img {
  transition: transform 3s ease-out -0.5s;
}
.activity-view .draw .draw-left .prizes .pointer {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.activity-view .draw .draw-left .prizes .pointer .cup-btn {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 140px;
  height: 130px;
  border: 50%;
  background-color: #000;
  cursor: pointer;
  border: none;
  background: transparent;
  outline: none;
  z-index: 40;
}
.activity-view .draw .draw-left .remain-count-btn {
  position: absolute;
  bottom: -40px;
  left: 50%;
  transform: translateX(-50%);
  width: 360px;
  height: 52px;
  background: linear-gradient(104deg, #6405A7, #F537FF);
  border-radius: 24px;
  text-align: center;
  line-height: 52px;
  color: #fff;
  font-weight: 500;
  font-size: 20px;
}
.activity-view .draw .draw-right {
  position: relative;
  width: 506px;
  height: 668px;
  background: #FFFBEA;
  padding-left: 31px;
}
.activity-view .draw .draw-right .title {
  font-size: 32px;
  font-weight: 400;
  color: #DC5DFF;
  padding-left: 193px;
  margin: 37px auto 58px;
}
.activity-view .draw .draw-right h4 {
  font-size: 20px;
  font-weight: 600;
  color: #947600;
}
.activity-view .draw .draw-right p {
  padding: 0 30px 0 48px;
}
.activity-view .prize-notify {
  position: absolute;
  top: 500px;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
}
.activity-view .prize-notify .prize-notify-left {
  flex: 1;
}
.activity-view .prize-notify .prize-notify-left .prize-notify-item {
  display: flex;
}
.activity-view .prize-notify .prize-notify-left img {
  display: block;
  width: 20px;
  height: 30px;
}
.activity-view .prize-notify .prize-notify-right {
  flex: 1;
}
.activity-view .prize-notify .prize-notify-right .prize-notify-item {
  display: flex;
}
.activity-view .prize-notify .prize-notify-right img {
  display: block;
  width: 20px;
  height: 30px;
}

.text-ellipsis {
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}
.text-ellipsis2,
.text-ellipsis3,
.text-ellipsis4 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.text-ellipsis3 {
  -webkit-line-clamp: 3;
}
.text-ellipsis4 {
  -webkit-line-clamp: 4;
}
.position-c {
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
}
.position-x-c {
  position: absolute !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
}
.position-y-c {
  position: absolute !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
}
.flex {
  display: flex;
}
.flex-wrap {
  display: flex;
  flex-wrap: wrap;
}
.flex-column {
  display: flex;
  flex-direction: column;
}
.flex-c {
  display: flex;
  align-items: center;
}
.justify-between {
  display: flex;
  justify-content: space-between;
}
.empty-box {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.empty-box .empty-img {
  height: 120px;
  margin-top: -180px;
}
.empty-box .empty-img img {
  height: 100%;
}
.empty-box .empty-tips {
  font-size: 14px;
  color: #999;
  margin-top: 8px;
  position: relative;
  right: 5px;
}
.manage-page {
  background: #f4f6f9;
  min-height: 100vh;
}
.ant-badge-count {
  height: 16px;
  line-height: 16px;
  background-color: #f8524f;
}
.home-title {
  text-align: center;
  font-size: 28px;
  color: #383838;
  margin-bottom: 34px;
  position: relative;
  font-weight: 500;
  letter-spacing: 1px;
}
.home-title .home-title-content {
  position: relative;
}
.home-title .home-title-content::before,
.home-title .home-title-content::after {
  content: '';
  width: 23px;
  height: 19px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background: url('/static/home/title-icon.png') no-repeat;
  background-size: cover;
  background-position: center;
  margin-top: 2px;
}
.home-title .home-title-content::before {
  left: -40px;
}
.home-title .home-title-content::after {
  right: -40px;
}
.navbar-fixed-page {
  padding-top: 40px;
}
.anchor-position {
  position: absolute;
  top: -130px;
}
.banner-swiper-button-prev,
.banner-swiper-button-next {
  width: 26px;
  height: 36px;
  background: rgba(0, 0, 0, 0.15);
  transition: all 0.2s;
}
.banner-swiper-button-prev .icon,
.banner-swiper-button-next .icon {
  color: #fff;
  position: relative;
}
.banner-swiper-button-prev:hover,
.banner-swiper-button-next:hover {
  background: rgba(0, 0, 0, 0.3);
}
.banner-swiper-button-prev::after,
.banner-swiper-button-next::after {
  display: none;
}
.banner-swiper-button-prev {
  border-radius: 0 400px 400px 0;
  left: 0;
}
.banner-swiper-button-prev .icon {
  right: 2px;
}
.banner-swiper-button-next {
  border-radius: 400px 0 0 400px;
  right: 0;
}
.banner-swiper-button-next .icon {
  left: 2px;
}
.poster-tips {
  width: 32px;
  height: 18px;
  background: rgba(0, 0, 0, 0.3);
  font-size: 12px;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  right: -3px;
  bottom: -2px;
  transform: scale(0.8);
}
.concise-pagination .ant-pagination-item {
  display: none;
}
.concise-pagination .ant-pagination-jump-prev,
.concise-pagination .ant-pagination-jump-next {
  display: none;
}
.concise-pagination .ant-pagination-prev,
.concise-pagination .ant-pagination-next {
  position: relative;
  width: 80px !important;
}
.concise-pagination .ant-pagination-prev .anticon,
.concise-pagination .ant-pagination-next .anticon {
  opacity: 0;
}
.concise-pagination .ant-pagination-prev::after,
.concise-pagination .ant-pagination-next::after {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 12px;
  color: #666;
}
.concise-pagination .ant-pagination-prev::after {
  content: '\4E0A\4E00\9875';
}
.concise-pagination .ant-pagination-next::after {
  content: '\4E0B\4E00\9875';
}
.dummy-inp {
  width: 0px;
  height: 0px;
  position: absolute;
  opacity: 0;
  left: -9999px;
}
input:-webkit-autofill {
  box-shadow: 0 0 0 1000px white inset !important;
}
input:-internal-autofill-previewed,
input:-internal-autofill-selected {
  -webkit-text-fill-color: #333 !important;
  transition: background-color 5000s ease-in-out 0s !important;
}
.website {
  min-width: 1220px;
  background-color: #fff;
}
.website-contact {
  background-color: #f2f6ff !important;
}
.website-contact .contact-content .contact-banner {
  height: 620px;
  background: url('https://oss.sulinks.com/static/images/website/cantact-banner.png') no-repeat;
  background-position: center;
  background-size: auto 100%;
}
.website-contact .contact-content .common-title {
  text-align: center;
  color: #fff;
  margin-top: 54px;
}
.website-contact .contact-content .common-title.dark {
  color: #383838;
}
.website-contact .contact-content .common-title.dark .icon {
  border-color: #8b8b8b;
}
.website-contact .contact-content .common-title .icon {
  width: 66px;
  height: 66px;
  margin: 0 auto;
  border-radius: 50%;
  border: 3px solid #fff;
  display: flex;
  justify-content: center;
  align-items: center;
}
.website-contact .contact-content .common-title .icon img {
  width: 34px;
}
.website-contact .contact-content .common-title .chinese {
  font-size: 36px;
  font-weight: bold;
  margin-top: 18px;
  letter-spacing: 2px;
}
.website-contact .contact-content .common-title .english {
  font-size: 16px;
  font-weight: bold;
  margin-top: 18px;
}
.website-contact .contact-content .central-box {
  width: 1200px;
  margin: 0 auto;
  margin-top: 82px;
}
.website-contact .contact-content .central-box .central-item {
  width: 284px;
  height: 248px;
  background-color: #fff;
  padding-top: 42px;
  text-align: center;
  position: relative;
  transition: all 0.3s;
  margin-right: 21px;
}
.website-contact .contact-content .central-box .central-item:last-of-type {
  margin-right: 0;
}
.website-contact .contact-content .central-box .central-item::after {
  content: '';
  width: 100%;
  height: 6px;
  background-color: #0491fe;
  position: absolute;
  left: 0;
  bottom: 0;
  transition: opacity 0.3s;
  opacity: 0;
}
.website-contact .contact-content .central-box .central-item:hover {
  margin-top: -18px;
  box-shadow: 0px 18px 33px 4px rgba(191, 191, 191, 0.5);
}
.website-contact .contact-content .central-box .central-item:hover::after {
  opacity: 1;
}
.website-contact .contact-content .central-box .central-item .central-icon {
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
}
.website-contact .contact-content .central-box .central-item .central-icon img {
  width: 35px;
}
.website-contact .contact-content .central-box .central-item .central-icon .central-icon-img1 {
  width: 29px;
}
.website-contact .contact-content .central-box .central-item .central-icon .central-icon-img2 {
  width: 33px;
}
.website-contact .contact-content .central-box .central-item .central-label {
  padding-bottom: 24px;
  font-size: 20px;
  color: #0491fe;
  margin-top: 14px;
  position: relative;
}
.website-contact .contact-content .central-box .central-item .central-label::after {
  content: '';
  width: 42px;
  height: 6px;
  background-color: #0491fe;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 0;
}
.website-contact .contact-content .central-box .central-item .central-value {
  font-size: 20px;
  color: #808080;
  margin-top: 26px;
}
.website-contact .contact-content .rainbow-bar {
  margin-top: 64px;
}
.website-contact .contact-content .rainbow-bar .rainbow {
  height: 6px;
}
.website-contact .contact-content .rainbow-bar .rainbow1 {
  width: 14%;
  background-color: #e9da70;
}
.website-contact .contact-content .rainbow-bar .rainbow2 {
  width: 18%;
  background-color: #e3c188;
}
.website-contact .contact-content .rainbow-bar .rainbow3 {
  width: 18%;
  background-color: #9be4b2;
}
.website-contact .contact-content .rainbow-bar .rainbow4 {
  width: 18%;
  background-color: #9ac8e3;
}
.website-contact .contact-content .rainbow-bar .rainbow5 {
  width: 18%;
  background-color: #a39fe9;
}
.website-contact .contact-content .rainbow-bar .rainbow6 {
  width: 14%;
  background-color: #db6957;
}
.website-contact .contact-content .contact-list {
  height: 408px;
  position: relative;
}
.website-contact .contact-content .contact-list::after {
  content: '';
  width: 100%;
  height: 120px;
  background-color: #fff;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 0;
}
.website-contact .contact-content .contact-list .contact-list-content {
  width: 1200px;
  margin: 0 auto;
  flex-wrap: wrap;
  position: relative;
  z-index: 1;
}
.website-contact .contact-content .contact-list .contact-list-content .contact-item {
  width: 360px;
  height: 288px;
  margin-right: 60px;
  padding: 0 24px 0 26px;
  transition: all 0.3s;
  position: relative;
  border-radius: 8px;
}
.website-contact .contact-content .contact-list .contact-list-content .contact-item:hover {
  background-color: #fff;
  box-shadow: 0px 15px 34px 6px rgba(212, 212, 212, 0.5);
  margin-top: 56px;
}
.website-contact .contact-content .contact-list .contact-list-content .contact-item:nth-of-type(3n) {
  margin-right: 0;
}
.website-contact .contact-content .contact-list .contact-list-content .contact-item .contact-item-left {
  text-align: center;
}
.website-contact .contact-content .contact-list .contact-list-content .contact-item .contact-item-left .contact-item-serial {
  font-size: 36px;
  color: #707070;
}
.website-contact .contact-content .contact-list .contact-list-content .contact-item .contact-item-left .contact-item-post {
  font-size: 16px;
  color: #0491fe;
}
.website-contact .contact-content .contact-list .contact-list-content .contact-item .contact-item-right {
  margin-left: 30px;
  flex: 1;
}
.website-contact .contact-content .contact-list .contact-list-content .contact-item .contact-item-right .contact-item-group {
  margin-top: 20px;
  color: #707070;
  flex-wrap: nowrap;
}
.website-contact .contact-content .contact-list .contact-list-content .contact-item .contact-item-right .contact-item-group:first-of-type {
  margin-top: 0;
}
.website-contact .contact-content .contact-list .contact-list-content .contact-item .contact-item-right .contact-item-group .contact-item-label {
  min-width: 64px;
}
.website-contact .contact-content .contact-list-empty {
  height: 120px;
  background-color: #fff;
}
.website-contact .contact-content .contact-map {
  padding: 0 0 120px;
  background: #fff;
}
.website-contact .contact-content .contact-map .map-box {
  width: 1200px;
  height: 504px;
  margin: 0 auto;
  background-color: #fcf9f2;
  position: relative;
}
.website-contact .contact-content .contact-map .map-box .map-tips {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.website-contact .contact-content .contact-map .map-box .map-tips .map-icon {
  height: 100px;
  opacity: 0.1;
  text-align: center;
}
.website-contact .contact-content .contact-map .map-box .map-tips .map-icon img {
  height: 100%;
}
.website-contact .contact-content .contact-map .map-box .map-tips .map-tips-text {
  text-align: center;
  font-size: 14px;
  color: #bbb8b8;
  margin-top: 10px;
}
.website-contact .contact-content .contact-map .map-box #map {
  position: relative;
  height: 504px;
}

.template-dynamic-detail-1 {
  display: flex;
  min-height: 100vh;
  flex-direction: column;
}
.template-dynamic-detail-1 .wrapper-header .breadcrumb__header {
  font-size: 14px;
  display: flex;
  height: 56px;
  align-items: center;
}
.template-dynamic-detail-1 .wrapper-header .breadcrumb__header .ant-breadcrumb a {
  color: #333;
}
.template-dynamic-detail-1 .wrapper-header .breadcrumb__header .ant-breadcrumb .ant-breadcrumb-link {
  color: #333;
}
.template-dynamic-detail-1 .wrapper {
  flex: 1;
  background-color: #fff;
}
.template-dynamic-detail-1 .wrapper .wrapper-child .dynamic-detail-title {
  padding-top: 40px;
  text-align: center;
  margin-bottom: 16px;
  color: #333333;
  font-size: 24px;
  font-weight: 500;
}
.template-dynamic-detail-1 .wrapper .wrapper-child .tip {
  text-align: center;
  margin-bottom: 32px;
  display: flex;
  justify-content: center;
  font-size: 14px;
}
.template-dynamic-detail-1 .wrapper .wrapper-child .tip .time {
  display: flex;
  align-items: center;
  margin-right: 80px;
}
.template-dynamic-detail-1 .wrapper .wrapper-child .tip .time img {
  margin-right: 8px;
}
.template-dynamic-detail-1 .wrapper .wrapper-child .tip .look {
  display: flex;
  align-items: center;
}
.template-dynamic-detail-1 .wrapper .wrapper-child .tip .look img {
  margin-right: 8px;
}
.template-dynamic-detail-1 .wrapper .wrapper-child .dynamic-detail-img {
  text-align: center;
  margin-bottom: 55px;
}
.template-dynamic-detail-1 .wrapper .wrapper-child .dynamic-detail-img .dynamic-item__img {
  width: 742px;
  height: 461px;
}
.template-dynamic-detail-1 .wrapper .wrapper-child .dynamic-detail-img img {
  width: 100%;
}
.template-dynamic-detail-1 .wrapper .wrapper-child .dynamic-detail-footer {
  border-top: 1px solid #ECECEC;
  color: #333333;
  padding-top: 39px;
}
.template-dynamic-detail-1 .wrapper .wrapper-child .dynamic-detail-footer .prev {
  display: block;
  margin-bottom: 16px;
  font-weight: bold;
}
.template-dynamic-detail-1 .wrapper .wrapper-child .dynamic-detail-footer .template-1-prev:hover {
  color: #27bfa2;
}
.template-dynamic-detail-1 .wrapper .wrapper-child .dynamic-detail-footer .next {
  display: block;
  margin-bottom: 30px;
  font-weight: bold;
}
.template-dynamic-detail-1 .wrapper .wrapper-child .dynamic-detail-footer .template-1-next:hover {
  color: #27bfa2;
}
.template-dynamic-detail-1 .wrapper .wrapper-child .dynamic-detail-footer .back {
  margin-bottom: 60px;
}
.template-dynamic-detail-1 .wrapper .wrapper-child .dynamic-detail-footer .back a {
  color: #333333;
}
.template-dynamic-detail-1 .wrapper .wrapper-child .dynamic-detail-footer .back img {
  margin-right: 8px;
}
.template-dynamic-detail-2 .wrapper-header .breadcrumb__header {
  font-size: 14px;
  display: flex;
  height: 56px;
  align-items: center;
}
.template-dynamic-detail-2 .wrapper-header .breadcrumb__header .ant-breadcrumb a {
  color: #333;
}
.template-dynamic-detail-2 .wrapper-header .breadcrumb__header .ant-breadcrumb .ant-breadcrumb-link {
  color: #333;
}
.template-dynamic-detail-2 .wrapper {
  background-color: #fff;
  padding-bottom: 61px;
}
.template-dynamic-detail-2 .wrapper .wrapper-child .dynamic-detail-title {
  padding-top: 40px;
  text-align: center;
  margin-bottom: 16px;
  color: #333333;
  font-size: 24px;
  font-weight: 500;
}
.template-dynamic-detail-2 .wrapper .wrapper-child .tip {
  text-align: center;
  margin-bottom: 32px;
  display: flex;
  justify-content: center;
  font-size: 14px;
}
.template-dynamic-detail-2 .wrapper .wrapper-child .tip .time {
  display: flex;
  align-items: center;
  margin-right: 80px;
}
.template-dynamic-detail-2 .wrapper .wrapper-child .tip .time img {
  margin-right: 8px;
}
.template-dynamic-detail-2 .wrapper .wrapper-child .tip .look {
  display: flex;
  align-items: center;
}
.template-dynamic-detail-2 .wrapper .wrapper-child .tip .look img {
  margin-right: 8px;
}
.template-dynamic-detail-2 .wrapper .wrapper-child .dynamic-detail-img {
  text-align: center;
  margin-bottom: 55px;
}
.template-dynamic-detail-2 .wrapper .wrapper-child .dynamic-detail-img .dynamic-item__img {
  width: 742px;
  height: 461px;
}
.template-dynamic-detail-2 .wrapper .wrapper-child .dynamic-detail-img img {
  width: 100%;
}
.template-dynamic-detail-2 .wrapper .wrapper-child .dynamic-detail-footer {
  border-top: 1px solid #ECECEC;
  color: #333333;
  padding-top: 39px;
}
.template-dynamic-detail-2 .wrapper .wrapper-child .dynamic-detail-footer .prev {
  display: block;
  margin-bottom: 16px;
  font-weight: bold;
}
.template-dynamic-detail-2 .wrapper .wrapper-child .dynamic-detail-footer .template-1-prev:hover {
  color: #fba748;
}
.template-dynamic-detail-2 .wrapper .wrapper-child .dynamic-detail-footer .next {
  display: block;
  margin-bottom: 30px;
  font-weight: bold;
}
.template-dynamic-detail-2 .wrapper .wrapper-child .dynamic-detail-footer .template-1-next:hover {
  color: #fba748;
}
.template-dynamic-detail-2 .wrapper .wrapper-child .dynamic-detail-footer .back a {
  color: #333333;
}
.template-dynamic-detail-2 .wrapper .wrapper-child .dynamic-detail-footer .back img {
  margin-right: 8px;
}
.template-dynamic-detail-3 .wrapper-header .breadcrumb__header {
  font-size: 14px;
  display: flex;
  height: 56px;
  align-items: center;
}
.template-dynamic-detail-3 .wrapper-header .breadcrumb__header .ant-breadcrumb a {
  color: #333;
}
.template-dynamic-detail-3 .wrapper-header .breadcrumb__header .ant-breadcrumb .ant-breadcrumb-link {
  color: #333;
}
.template-dynamic-detail-3 .wrapper {
  background-color: #fff;
  padding-bottom: 61px;
}
.template-dynamic-detail-3 .wrapper .wrapper-child .dynamic-detail-title {
  padding-top: 40px;
  text-align: center;
  margin-bottom: 16px;
  color: #333333;
  font-size: 24px;
  font-weight: 500;
}
.template-dynamic-detail-3 .wrapper .wrapper-child .tip {
  text-align: center;
  margin-bottom: 32px;
  display: flex;
  justify-content: center;
  font-size: 14px;
}
.template-dynamic-detail-3 .wrapper .wrapper-child .tip .time {
  display: flex;
  align-items: center;
  margin-right: 80px;
}
.template-dynamic-detail-3 .wrapper .wrapper-child .tip .time img {
  margin-right: 8px;
}
.template-dynamic-detail-3 .wrapper .wrapper-child .tip .look {
  display: flex;
  align-items: center;
}
.template-dynamic-detail-3 .wrapper .wrapper-child .tip .look img {
  margin-right: 8px;
}
.template-dynamic-detail-3 .wrapper .wrapper-child .dynamic-detail-img {
  text-align: center;
  margin-bottom: 55px;
}
.template-dynamic-detail-3 .wrapper .wrapper-child .dynamic-detail-img .dynamic-item__img {
  width: 742px;
  height: 461px;
}
.template-dynamic-detail-3 .wrapper .wrapper-child .dynamic-detail-img img {
  width: 100%;
}
.template-dynamic-detail-3 .wrapper .wrapper-child .dynamic-detail-footer {
  border-top: 1px solid #ECECEC;
  color: #333333;
  padding-top: 39px;
}
.template-dynamic-detail-3 .wrapper .wrapper-child .dynamic-detail-footer .prev {
  display: block;
  margin-bottom: 16px;
  font-weight: bold;
}
.template-dynamic-detail-3 .wrapper .wrapper-child .dynamic-detail-footer .template-1-prev:hover {
  color: #487efb;
}
.template-dynamic-detail-3 .wrapper .wrapper-child .dynamic-detail-footer .next {
  display: block;
  margin-bottom: 30px;
  font-weight: bold;
}
.template-dynamic-detail-3 .wrapper .wrapper-child .dynamic-detail-footer .template-1-next:hover {
  color: #487efb;
}
.template-dynamic-detail-3 .wrapper .wrapper-child .dynamic-detail-footer .back a {
  color: #333333;
}
.template-dynamic-detail-3 .wrapper .wrapper-child .dynamic-detail-footer .back img {
  margin-right: 8px;
}
.template-dynamic-detail-4 .wrapper-header .breadcrumb__header {
  font-size: 14px;
  display: flex;
  height: 56px;
  align-items: center;
}
.template-dynamic-detail-4 .wrapper-header .breadcrumb__header .ant-breadcrumb a {
  color: #333;
}
.template-dynamic-detail-4 .wrapper-header .breadcrumb__header .ant-breadcrumb .ant-breadcrumb-link {
  color: #333;
}
.template-dynamic-detail-4 .wrapper {
  background-color: #fff;
  padding-bottom: 61px;
}
.template-dynamic-detail-4 .wrapper .wrapper-child .dynamic-detail-title {
  padding-top: 40px;
  text-align: center;
  margin-bottom: 16px;
  color: #333333;
  font-size: 24px;
  font-weight: 500;
}
.template-dynamic-detail-4 .wrapper .wrapper-child .tip {
  text-align: center;
  margin-bottom: 32px;
  display: flex;
  justify-content: center;
  font-size: 14px;
}
.template-dynamic-detail-4 .wrapper .wrapper-child .tip .time {
  display: flex;
  align-items: center;
  margin-right: 80px;
}
.template-dynamic-detail-4 .wrapper .wrapper-child .tip .time img {
  margin-right: 8px;
}
.template-dynamic-detail-4 .wrapper .wrapper-child .tip .look {
  display: flex;
  align-items: center;
}
.template-dynamic-detail-4 .wrapper .wrapper-child .tip .look img {
  margin-right: 8px;
}
.template-dynamic-detail-4 .wrapper .wrapper-child .dynamic-detail-img {
  text-align: center;
  margin-bottom: 55px;
}
.template-dynamic-detail-4 .wrapper .wrapper-child .dynamic-detail-img .dynamic-item__img {
  width: 742px;
  height: 461px;
}
.template-dynamic-detail-4 .wrapper .wrapper-child .dynamic-detail-img img {
  width: 100%;
}
.template-dynamic-detail-4 .wrapper .wrapper-child .dynamic-detail-footer {
  border-top: 1px solid #ECECEC;
  color: #333333;
  padding-top: 39px;
}
.template-dynamic-detail-4 .wrapper .wrapper-child .dynamic-detail-footer .prev {
  display: block;
  margin-bottom: 16px;
  font-weight: bold;
}
.template-dynamic-detail-4 .wrapper .wrapper-child .dynamic-detail-footer .template-1-prev:hover {
  color: #487efb;
}
.template-dynamic-detail-4 .wrapper .wrapper-child .dynamic-detail-footer .next {
  display: block;
  margin-bottom: 30px;
  font-weight: bold;
}
.template-dynamic-detail-4 .wrapper .wrapper-child .dynamic-detail-footer .template-1-next:hover {
  color: #487efb;
}
.template-dynamic-detail-4 .wrapper .wrapper-child .dynamic-detail-footer .back a {
  color: #333333;
}
.template-dynamic-detail-4 .wrapper .wrapper-child .dynamic-detail-footer .back img {
  margin-right: 8px;
}
.template-dynamic-detail-5 .wrapper-header .breadcrumb__header {
  font-size: 14px;
  display: flex;
  height: 56px;
  align-items: center;
}
.template-dynamic-detail-5 .wrapper-header .breadcrumb__header .ant-breadcrumb a {
  color: #333;
}
.template-dynamic-detail-5 .wrapper-header .breadcrumb__header .ant-breadcrumb .ant-breadcrumb-link {
  color: #333;
}
.template-dynamic-detail-5 .wrapper {
  background-color: #fff;
  padding-bottom: 61px;
}
.template-dynamic-detail-5 .wrapper .wrapper-child .dynamic-detail-title {
  padding-top: 40px;
  text-align: center;
  margin-bottom: 16px;
  color: #333333;
  font-size: 24px;
  font-weight: 500;
}
.template-dynamic-detail-5 .wrapper .wrapper-child .tip {
  text-align: center;
  margin-bottom: 32px;
  display: flex;
  justify-content: center;
  font-size: 14px;
}
.template-dynamic-detail-5 .wrapper .wrapper-child .tip .time {
  display: flex;
  align-items: center;
  margin-right: 80px;
}
.template-dynamic-detail-5 .wrapper .wrapper-child .tip .time img {
  margin-right: 8px;
}
.template-dynamic-detail-5 .wrapper .wrapper-child .tip .look {
  display: flex;
  align-items: center;
}
.template-dynamic-detail-5 .wrapper .wrapper-child .tip .look img {
  margin-right: 8px;
}
.template-dynamic-detail-5 .wrapper .wrapper-child .dynamic-detail-img {
  text-align: center;
  margin-bottom: 55px;
}
.template-dynamic-detail-5 .wrapper .wrapper-child .dynamic-detail-img .dynamic-item__img {
  width: 742px;
  height: 461px;
}
.template-dynamic-detail-5 .wrapper .wrapper-child .dynamic-detail-img img {
  width: 100%;
}
.template-dynamic-detail-5 .wrapper .wrapper-child .dynamic-detail-footer {
  border-top: 1px solid #ECECEC;
  color: #333333;
  padding-top: 39px;
}
.template-dynamic-detail-5 .wrapper .wrapper-child .dynamic-detail-footer .prev {
  display: block;
  margin-bottom: 16px;
  font-weight: bold;
}
.template-dynamic-detail-5 .wrapper .wrapper-child .dynamic-detail-footer .template-1-prev:hover {
  color: #2758aa;
}
.template-dynamic-detail-5 .wrapper .wrapper-child .dynamic-detail-footer .next {
  display: block;
  margin-bottom: 30px;
  font-weight: bold;
}
.template-dynamic-detail-5 .wrapper .wrapper-child .dynamic-detail-footer .template-1-next:hover {
  color: #2758aa;
}
.template-dynamic-detail-5 .wrapper .wrapper-child .dynamic-detail-footer .back a {
  color: #333333;
}
.template-dynamic-detail-5 .wrapper .wrapper-child .dynamic-detail-footer .back img {
  margin-right: 8px;
}
.template-dynamic-detail-6 .wrapper-header .breadcrumb__header {
  font-size: 14px;
  display: flex;
  height: 56px;
  align-items: center;
}
.template-dynamic-detail-6 .wrapper-header .breadcrumb__header .ant-breadcrumb a {
  color: #333;
}
.template-dynamic-detail-6 .wrapper-header .breadcrumb__header .ant-breadcrumb .ant-breadcrumb-link {
  color: #333;
}
.template-dynamic-detail-6 .wrapper {
  background-color: #fff;
  padding-bottom: 61px;
}
.template-dynamic-detail-6 .wrapper .wrapper-child .dynamic-detail-title {
  padding-top: 40px;
  text-align: center;
  margin-bottom: 16px;
  color: #333333;
  font-size: 24px;
  font-weight: 500;
}
.template-dynamic-detail-6 .wrapper .wrapper-child .tip {
  text-align: center;
  margin-bottom: 32px;
  display: flex;
  justify-content: center;
  font-size: 14px;
}
.template-dynamic-detail-6 .wrapper .wrapper-child .tip .time {
  display: flex;
  align-items: center;
  margin-right: 80px;
}
.template-dynamic-detail-6 .wrapper .wrapper-child .tip .time img {
  margin-right: 8px;
}
.template-dynamic-detail-6 .wrapper .wrapper-child .tip .look {
  display: flex;
  align-items: center;
}
.template-dynamic-detail-6 .wrapper .wrapper-child .tip .look img {
  margin-right: 8px;
}
.template-dynamic-detail-6 .wrapper .wrapper-child .dynamic-detail-img {
  text-align: center;
  margin-bottom: 55px;
}
.template-dynamic-detail-6 .wrapper .wrapper-child .dynamic-detail-img .dynamic-item__img {
  width: 742px;
  height: 461px;
}
.template-dynamic-detail-6 .wrapper .wrapper-child .dynamic-detail-img img {
  width: 100%;
}
.template-dynamic-detail-6 .wrapper .wrapper-child .dynamic-detail-footer {
  border-top: 1px solid #ECECEC;
  color: #333333;
  padding-top: 39px;
}
.template-dynamic-detail-6 .wrapper .wrapper-child .dynamic-detail-footer .prev {
  display: block;
  margin-bottom: 16px;
  font-weight: bold;
}
.template-dynamic-detail-6 .wrapper .wrapper-child .dynamic-detail-footer .template-1-prev:hover {
  color: #56AB5E;
}
.template-dynamic-detail-6 .wrapper .wrapper-child .dynamic-detail-footer .next {
  display: block;
  margin-bottom: 30px;
  font-weight: bold;
}
.template-dynamic-detail-6 .wrapper .wrapper-child .dynamic-detail-footer .template-1-next:hover {
  color: #56AB5E;
}
.template-dynamic-detail-6 .wrapper .wrapper-child .dynamic-detail-footer .back a {
  color: #333333;
}
.template-dynamic-detail-6 .wrapper .wrapper-child .dynamic-detail-footer .back img {
  margin-right: 8px;
}
.template-dynamic-detail-7 .wrapper-header .breadcrumb__header {
  font-size: 14px;
  display: flex;
  height: 56px;
  align-items: center;
}
.template-dynamic-detail-7 .wrapper-header .breadcrumb__header .ant-breadcrumb a {
  color: #333;
}
.template-dynamic-detail-7 .wrapper-header .breadcrumb__header .ant-breadcrumb .ant-breadcrumb-link {
  color: #333;
}
.template-dynamic-detail-7 .wrapper {
  background-color: #fff;
  padding-bottom: 61px;
}
.template-dynamic-detail-7 .wrapper .wrapper-child .dynamic-detail-title {
  padding-top: 40px;
  text-align: center;
  margin-bottom: 16px;
  color: #333333;
  font-size: 24px;
  font-weight: 500;
}
.template-dynamic-detail-7 .wrapper .wrapper-child .tip {
  text-align: center;
  margin-bottom: 32px;
  display: flex;
  justify-content: center;
  font-size: 14px;
}
.template-dynamic-detail-7 .wrapper .wrapper-child .tip .time {
  display: flex;
  align-items: center;
  margin-right: 80px;
}
.template-dynamic-detail-7 .wrapper .wrapper-child .tip .time img {
  margin-right: 8px;
}
.template-dynamic-detail-7 .wrapper .wrapper-child .tip .look {
  display: flex;
  align-items: center;
}
.template-dynamic-detail-7 .wrapper .wrapper-child .tip .look img {
  margin-right: 8px;
}
.template-dynamic-detail-7 .wrapper .wrapper-child .dynamic-detail-img {
  text-align: center;
  margin-bottom: 55px;
}
.template-dynamic-detail-7 .wrapper .wrapper-child .dynamic-detail-img .dynamic-item__img {
  width: 742px;
  height: 461px;
}
.template-dynamic-detail-7 .wrapper .wrapper-child .dynamic-detail-img img {
  width: 100%;
}
.template-dynamic-detail-7 .wrapper .wrapper-child .dynamic-detail-footer {
  border-top: 1px solid #ECECEC;
  color: #333333;
  padding-top: 39px;
}
.template-dynamic-detail-7 .wrapper .wrapper-child .dynamic-detail-footer .prev {
  display: block;
  margin-bottom: 16px;
  font-weight: bold;
}
.template-dynamic-detail-7 .wrapper .wrapper-child .dynamic-detail-footer .template-1-prev:hover {
  color: #f1403c;
}
.template-dynamic-detail-7 .wrapper .wrapper-child .dynamic-detail-footer .next {
  display: block;
  margin-bottom: 30px;
  font-weight: bold;
}
.template-dynamic-detail-7 .wrapper .wrapper-child .dynamic-detail-footer .template-1-next:hover {
  color: #f1403c;
}
.template-dynamic-detail-7 .wrapper .wrapper-child .dynamic-detail-footer .back a {
  color: #333333;
}
.template-dynamic-detail-7 .wrapper .wrapper-child .dynamic-detail-footer .back img {
  margin-right: 8px;
}
.template-dynamic-detail-8 .wrapper-header .breadcrumb__header {
  font-size: 14px;
  display: flex;
  height: 56px;
  align-items: center;
}
.template-dynamic-detail-8 .wrapper-header .breadcrumb__header .ant-breadcrumb a {
  color: #333;
}
.template-dynamic-detail-8 .wrapper-header .breadcrumb__header .ant-breadcrumb .ant-breadcrumb-link {
  color: #333;
}
.template-dynamic-detail-8 .wrapper {
  background-color: #fff;
  padding-bottom: 61px;
}
.template-dynamic-detail-8 .wrapper .wrapper-child .dynamic-detail-title {
  padding-top: 40px;
  text-align: center;
  margin-bottom: 16px;
  color: #333333;
  font-size: 24px;
  font-weight: 500;
}
.template-dynamic-detail-8 .wrapper .wrapper-child .tip {
  text-align: center;
  margin-bottom: 32px;
  display: flex;
  justify-content: center;
  font-size: 14px;
}
.template-dynamic-detail-8 .wrapper .wrapper-child .tip .time {
  display: flex;
  align-items: center;
  margin-right: 80px;
}
.template-dynamic-detail-8 .wrapper .wrapper-child .tip .time img {
  margin-right: 8px;
}
.template-dynamic-detail-8 .wrapper .wrapper-child .tip .look {
  display: flex;
  align-items: center;
}
.template-dynamic-detail-8 .wrapper .wrapper-child .tip .look img {
  margin-right: 8px;
}
.template-dynamic-detail-8 .wrapper .wrapper-child .dynamic-detail-img {
  text-align: center;
  margin-bottom: 55px;
}
.template-dynamic-detail-8 .wrapper .wrapper-child .dynamic-detail-img .dynamic-item__img {
  width: 742px;
  height: 461px;
}
.template-dynamic-detail-8 .wrapper .wrapper-child .dynamic-detail-img img {
  width: 100%;
}
.template-dynamic-detail-8 .wrapper .wrapper-child .dynamic-detail-footer {
  border-top: 1px solid #ECECEC;
  color: #333333;
  padding-top: 39px;
}
.template-dynamic-detail-8 .wrapper .wrapper-child .dynamic-detail-footer .prev {
  display: block;
  margin-bottom: 16px;
  font-weight: bold;
}
.template-dynamic-detail-8 .wrapper .wrapper-child .dynamic-detail-footer .template-1-prev:hover {
  color: #f89847;
}
.template-dynamic-detail-8 .wrapper .wrapper-child .dynamic-detail-footer .next {
  display: block;
  margin-bottom: 30px;
  font-weight: bold;
}
.template-dynamic-detail-8 .wrapper .wrapper-child .dynamic-detail-footer .template-1-next:hover {
  color: #f89847;
}
.template-dynamic-detail-8 .wrapper .wrapper-child .dynamic-detail-footer .back a {
  color: #333333;
}
.template-dynamic-detail-8 .wrapper .wrapper-child .dynamic-detail-footer .back img {
  margin-right: 8px;
}
.template-dynamic-detail-9 .wrapper-header .breadcrumb__header {
  font-size: 14px;
  display: flex;
  height: 56px;
  align-items: center;
}
.template-dynamic-detail-9 .wrapper-header .breadcrumb__header .ant-breadcrumb a {
  color: #333;
}
.template-dynamic-detail-9 .wrapper-header .breadcrumb__header .ant-breadcrumb .ant-breadcrumb-link {
  color: #333;
}
.template-dynamic-detail-9 .wrapper {
  background-color: #fff;
  padding-bottom: 61px;
}
.template-dynamic-detail-9 .wrapper .wrapper-child .dynamic-detail-title {
  padding-top: 40px;
  text-align: center;
  margin-bottom: 16px;
  color: #333333;
  font-size: 24px;
  font-weight: 500;
}
.template-dynamic-detail-9 .wrapper .wrapper-child .tip {
  text-align: center;
  margin-bottom: 32px;
  display: flex;
  justify-content: center;
  font-size: 14px;
}
.template-dynamic-detail-9 .wrapper .wrapper-child .tip .time {
  display: flex;
  align-items: center;
  margin-right: 80px;
}
.template-dynamic-detail-9 .wrapper .wrapper-child .tip .time img {
  margin-right: 8px;
}
.template-dynamic-detail-9 .wrapper .wrapper-child .tip .look {
  display: flex;
  align-items: center;
}
.template-dynamic-detail-9 .wrapper .wrapper-child .tip .look img {
  margin-right: 8px;
}
.template-dynamic-detail-9 .wrapper .wrapper-child .dynamic-detail-img {
  text-align: center;
  margin-bottom: 55px;
}
.template-dynamic-detail-9 .wrapper .wrapper-child .dynamic-detail-img .dynamic-item__img {
  width: 742px;
  height: 461px;
}
.template-dynamic-detail-9 .wrapper .wrapper-child .dynamic-detail-img img {
  width: 100%;
}
.template-dynamic-detail-9 .wrapper .wrapper-child .dynamic-detail-footer {
  border-top: 1px solid #ECECEC;
  color: #333333;
  padding-top: 39px;
}
.template-dynamic-detail-9 .wrapper .wrapper-child .dynamic-detail-footer .prev {
  display: block;
  margin-bottom: 16px;
  font-weight: bold;
}
.template-dynamic-detail-9 .wrapper .wrapper-child .dynamic-detail-footer .template-1-prev:hover {
  color: #4a16fa;
}
.template-dynamic-detail-9 .wrapper .wrapper-child .dynamic-detail-footer .next {
  display: block;
  margin-bottom: 30px;
  font-weight: bold;
}
.template-dynamic-detail-9 .wrapper .wrapper-child .dynamic-detail-footer .template-1-next:hover {
  color: #4a16fa;
}
.template-dynamic-detail-9 .wrapper .wrapper-child .dynamic-detail-footer .back a {
  color: #333333;
}
.template-dynamic-detail-9 .wrapper .wrapper-child .dynamic-detail-footer .back img {
  margin-right: 8px;
}
.template-dynamic-detail-10 .wrapper-header .breadcrumb__header {
  font-size: 14px;
  display: flex;
  height: 56px;
  align-items: center;
}
.template-dynamic-detail-10 .wrapper-header .breadcrumb__header .ant-breadcrumb a {
  color: #333;
}
.template-dynamic-detail-10 .wrapper-header .breadcrumb__header .ant-breadcrumb .ant-breadcrumb-link {
  color: #333;
}
.template-dynamic-detail-10 .wrapper {
  background-color: #fff;
  padding-bottom: 61px;
}
.template-dynamic-detail-10 .wrapper .wrapper-child .dynamic-detail-title {
  padding-top: 40px;
  text-align: center;
  margin-bottom: 16px;
  color: #333333;
  font-size: 24px;
  font-weight: 500;
}
.template-dynamic-detail-10 .wrapper .wrapper-child .tip {
  text-align: center;
  margin-bottom: 32px;
  display: flex;
  justify-content: center;
  font-size: 14px;
}
.template-dynamic-detail-10 .wrapper .wrapper-child .tip .time {
  display: flex;
  align-items: center;
  margin-right: 80px;
}
.template-dynamic-detail-10 .wrapper .wrapper-child .tip .time img {
  margin-right: 8px;
}
.template-dynamic-detail-10 .wrapper .wrapper-child .tip .look {
  display: flex;
  align-items: center;
}
.template-dynamic-detail-10 .wrapper .wrapper-child .tip .look img {
  margin-right: 8px;
}
.template-dynamic-detail-10 .wrapper .wrapper-child .dynamic-detail-img {
  text-align: center;
  margin-bottom: 55px;
}
.template-dynamic-detail-10 .wrapper .wrapper-child .dynamic-detail-img .dynamic-item__img {
  width: 742px;
  height: 461px;
}
.template-dynamic-detail-10 .wrapper .wrapper-child .dynamic-detail-img img {
  width: 100%;
}
.template-dynamic-detail-10 .wrapper .wrapper-child .dynamic-detail-footer {
  border-top: 1px solid #ECECEC;
  color: #333333;
  padding-top: 39px;
}
.template-dynamic-detail-10 .wrapper .wrapper-child .dynamic-detail-footer .prev {
  display: block;
  margin-bottom: 16px;
  font-weight: bold;
}
.template-dynamic-detail-10 .wrapper .wrapper-child .dynamic-detail-footer .template-1-prev:hover {
  background: linear-gradient(246deg, #9285F7 0%, #8EBFF9 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}
.template-dynamic-detail-10 .wrapper .wrapper-child .dynamic-detail-footer .next {
  display: block;
  margin-bottom: 30px;
  font-weight: bold;
}
.template-dynamic-detail-10 .wrapper .wrapper-child .dynamic-detail-footer .template-1-next:hover {
  background: linear-gradient(246deg, #9285F7 0%, #8EBFF9 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}
.template-dynamic-detail-10 .wrapper .wrapper-child .dynamic-detail-footer .back a {
  color: #333333;
}
.template-dynamic-detail-10 .wrapper .wrapper-child .dynamic-detail-footer .back img {
  margin-right: 8px;
}

.template-dynamic-detail-1 {
  display: flex;
  min-height: 100vh;
  flex-direction: column;
}
.template-dynamic-detail-1 .wrapper-header .breadcrumb__header {
  font-size: 14px;
  display: flex;
  height: 56px;
  align-items: center;
}
.template-dynamic-detail-1 .wrapper-header .breadcrumb__header .ant-breadcrumb a {
  color: #333;
}
.template-dynamic-detail-1 .wrapper-header .breadcrumb__header .ant-breadcrumb .ant-breadcrumb-link {
  color: #333;
}
.template-dynamic-detail-1 .wrapper {
  flex: 1;
  background-color: #fff;
}
.template-dynamic-detail-1 .wrapper .wrapper-child .dynamic-detail-title {
  padding-top: 40px;
  text-align: center;
  margin-bottom: 16px;
  color: #333333;
  font-size: 24px;
  font-weight: 500;
}
.template-dynamic-detail-1 .wrapper .wrapper-child .tip {
  text-align: center;
  margin-bottom: 32px;
  display: flex;
  justify-content: center;
  font-size: 14px;
}
.template-dynamic-detail-1 .wrapper .wrapper-child .tip .time {
  display: flex;
  align-items: center;
  margin-right: 80px;
}
.template-dynamic-detail-1 .wrapper .wrapper-child .tip .time img {
  margin-right: 8px;
}
.template-dynamic-detail-1 .wrapper .wrapper-child .tip .look {
  display: flex;
  align-items: center;
}
.template-dynamic-detail-1 .wrapper .wrapper-child .tip .look img {
  margin-right: 8px;
}
.template-dynamic-detail-1 .wrapper .wrapper-child .dynamic-detail-img {
  text-align: center;
  margin-bottom: 55px;
}
.template-dynamic-detail-1 .wrapper .wrapper-child .dynamic-detail-img .dynamic-item__img {
  width: 742px;
  height: 461px;
}
.template-dynamic-detail-1 .wrapper .wrapper-child .dynamic-detail-img img {
  width: 100%;
}
.template-dynamic-detail-1 .wrapper .wrapper-child .dynamic-detail-footer {
  border-top: 1px solid #ECECEC;
  color: #333333;
  padding-top: 39px;
}
.template-dynamic-detail-1 .wrapper .wrapper-child .dynamic-detail-footer .prev {
  display: block;
  margin-bottom: 16px;
  font-weight: bold;
}
.template-dynamic-detail-1 .wrapper .wrapper-child .dynamic-detail-footer .template-1-prev:hover {
  color: #27bfa2;
}
.template-dynamic-detail-1 .wrapper .wrapper-child .dynamic-detail-footer .next {
  display: block;
  margin-bottom: 30px;
  font-weight: bold;
}
.template-dynamic-detail-1 .wrapper .wrapper-child .dynamic-detail-footer .template-1-next:hover {
  color: #27bfa2;
}
.template-dynamic-detail-1 .wrapper .wrapper-child .dynamic-detail-footer .back {
  margin-bottom: 60px;
}
.template-dynamic-detail-1 .wrapper .wrapper-child .dynamic-detail-footer .back a {
  color: #333333;
}
.template-dynamic-detail-1 .wrapper .wrapper-child .dynamic-detail-footer .back img {
  margin-right: 8px;
}
.template-dynamic-detail-2 .wrapper-header .breadcrumb__header {
  font-size: 14px;
  display: flex;
  height: 56px;
  align-items: center;
}
.template-dynamic-detail-2 .wrapper-header .breadcrumb__header .ant-breadcrumb a {
  color: #333;
}
.template-dynamic-detail-2 .wrapper-header .breadcrumb__header .ant-breadcrumb .ant-breadcrumb-link {
  color: #333;
}
.template-dynamic-detail-2 .wrapper {
  background-color: #fff;
  padding-bottom: 61px;
}
.template-dynamic-detail-2 .wrapper .wrapper-child .dynamic-detail-title {
  padding-top: 40px;
  text-align: center;
  margin-bottom: 16px;
  color: #333333;
  font-size: 24px;
  font-weight: 500;
}
.template-dynamic-detail-2 .wrapper .wrapper-child .tip {
  text-align: center;
  margin-bottom: 32px;
  display: flex;
  justify-content: center;
  font-size: 14px;
}
.template-dynamic-detail-2 .wrapper .wrapper-child .tip .time {
  display: flex;
  align-items: center;
  margin-right: 80px;
}
.template-dynamic-detail-2 .wrapper .wrapper-child .tip .time img {
  margin-right: 8px;
}
.template-dynamic-detail-2 .wrapper .wrapper-child .tip .look {
  display: flex;
  align-items: center;
}
.template-dynamic-detail-2 .wrapper .wrapper-child .tip .look img {
  margin-right: 8px;
}
.template-dynamic-detail-2 .wrapper .wrapper-child .dynamic-detail-img {
  text-align: center;
  margin-bottom: 55px;
}
.template-dynamic-detail-2 .wrapper .wrapper-child .dynamic-detail-img .dynamic-item__img {
  width: 742px;
  height: 461px;
}
.template-dynamic-detail-2 .wrapper .wrapper-child .dynamic-detail-img img {
  width: 100%;
}
.template-dynamic-detail-2 .wrapper .wrapper-child .dynamic-detail-footer {
  border-top: 1px solid #ECECEC;
  color: #333333;
  padding-top: 39px;
}
.template-dynamic-detail-2 .wrapper .wrapper-child .dynamic-detail-footer .prev {
  display: block;
  margin-bottom: 16px;
  font-weight: bold;
}
.template-dynamic-detail-2 .wrapper .wrapper-child .dynamic-detail-footer .template-1-prev:hover {
  color: #fba748;
}
.template-dynamic-detail-2 .wrapper .wrapper-child .dynamic-detail-footer .next {
  display: block;
  margin-bottom: 30px;
  font-weight: bold;
}
.template-dynamic-detail-2 .wrapper .wrapper-child .dynamic-detail-footer .template-1-next:hover {
  color: #fba748;
}
.template-dynamic-detail-2 .wrapper .wrapper-child .dynamic-detail-footer .back a {
  color: #333333;
}
.template-dynamic-detail-2 .wrapper .wrapper-child .dynamic-detail-footer .back img {
  margin-right: 8px;
}
.template-dynamic-detail-3 .wrapper-header .breadcrumb__header {
  font-size: 14px;
  display: flex;
  height: 56px;
  align-items: center;
}
.template-dynamic-detail-3 .wrapper-header .breadcrumb__header .ant-breadcrumb a {
  color: #333;
}
.template-dynamic-detail-3 .wrapper-header .breadcrumb__header .ant-breadcrumb .ant-breadcrumb-link {
  color: #333;
}
.template-dynamic-detail-3 .wrapper {
  background-color: #fff;
  padding-bottom: 61px;
}
.template-dynamic-detail-3 .wrapper .wrapper-child .dynamic-detail-title {
  padding-top: 40px;
  text-align: center;
  margin-bottom: 16px;
  color: #333333;
  font-size: 24px;
  font-weight: 500;
}
.template-dynamic-detail-3 .wrapper .wrapper-child .tip {
  text-align: center;
  margin-bottom: 32px;
  display: flex;
  justify-content: center;
  font-size: 14px;
}
.template-dynamic-detail-3 .wrapper .wrapper-child .tip .time {
  display: flex;
  align-items: center;
  margin-right: 80px;
}
.template-dynamic-detail-3 .wrapper .wrapper-child .tip .time img {
  margin-right: 8px;
}
.template-dynamic-detail-3 .wrapper .wrapper-child .tip .look {
  display: flex;
  align-items: center;
}
.template-dynamic-detail-3 .wrapper .wrapper-child .tip .look img {
  margin-right: 8px;
}
.template-dynamic-detail-3 .wrapper .wrapper-child .dynamic-detail-img {
  text-align: center;
  margin-bottom: 55px;
}
.template-dynamic-detail-3 .wrapper .wrapper-child .dynamic-detail-img .dynamic-item__img {
  width: 742px;
  height: 461px;
}
.template-dynamic-detail-3 .wrapper .wrapper-child .dynamic-detail-img img {
  width: 100%;
}
.template-dynamic-detail-3 .wrapper .wrapper-child .dynamic-detail-footer {
  border-top: 1px solid #ECECEC;
  color: #333333;
  padding-top: 39px;
}
.template-dynamic-detail-3 .wrapper .wrapper-child .dynamic-detail-footer .prev {
  display: block;
  margin-bottom: 16px;
  font-weight: bold;
}
.template-dynamic-detail-3 .wrapper .wrapper-child .dynamic-detail-footer .template-1-prev:hover {
  color: #487efb;
}
.template-dynamic-detail-3 .wrapper .wrapper-child .dynamic-detail-footer .next {
  display: block;
  margin-bottom: 30px;
  font-weight: bold;
}
.template-dynamic-detail-3 .wrapper .wrapper-child .dynamic-detail-footer .template-1-next:hover {
  color: #487efb;
}
.template-dynamic-detail-3 .wrapper .wrapper-child .dynamic-detail-footer .back a {
  color: #333333;
}
.template-dynamic-detail-3 .wrapper .wrapper-child .dynamic-detail-footer .back img {
  margin-right: 8px;
}
.template-dynamic-detail-4 .wrapper-header .breadcrumb__header {
  font-size: 14px;
  display: flex;
  height: 56px;
  align-items: center;
}
.template-dynamic-detail-4 .wrapper-header .breadcrumb__header .ant-breadcrumb a {
  color: #333;
}
.template-dynamic-detail-4 .wrapper-header .breadcrumb__header .ant-breadcrumb .ant-breadcrumb-link {
  color: #333;
}
.template-dynamic-detail-4 .wrapper {
  background-color: #fff;
  padding-bottom: 61px;
}
.template-dynamic-detail-4 .wrapper .wrapper-child .dynamic-detail-title {
  padding-top: 40px;
  text-align: center;
  margin-bottom: 16px;
  color: #333333;
  font-size: 24px;
  font-weight: 500;
}
.template-dynamic-detail-4 .wrapper .wrapper-child .tip {
  text-align: center;
  margin-bottom: 32px;
  display: flex;
  justify-content: center;
  font-size: 14px;
}
.template-dynamic-detail-4 .wrapper .wrapper-child .tip .time {
  display: flex;
  align-items: center;
  margin-right: 80px;
}
.template-dynamic-detail-4 .wrapper .wrapper-child .tip .time img {
  margin-right: 8px;
}
.template-dynamic-detail-4 .wrapper .wrapper-child .tip .look {
  display: flex;
  align-items: center;
}
.template-dynamic-detail-4 .wrapper .wrapper-child .tip .look img {
  margin-right: 8px;
}
.template-dynamic-detail-4 .wrapper .wrapper-child .dynamic-detail-img {
  text-align: center;
  margin-bottom: 55px;
}
.template-dynamic-detail-4 .wrapper .wrapper-child .dynamic-detail-img .dynamic-item__img {
  width: 742px;
  height: 461px;
}
.template-dynamic-detail-4 .wrapper .wrapper-child .dynamic-detail-img img {
  width: 100%;
}
.template-dynamic-detail-4 .wrapper .wrapper-child .dynamic-detail-footer {
  border-top: 1px solid #ECECEC;
  color: #333333;
  padding-top: 39px;
}
.template-dynamic-detail-4 .wrapper .wrapper-child .dynamic-detail-footer .prev {
  display: block;
  margin-bottom: 16px;
  font-weight: bold;
}
.template-dynamic-detail-4 .wrapper .wrapper-child .dynamic-detail-footer .template-1-prev:hover {
  color: #487efb;
}
.template-dynamic-detail-4 .wrapper .wrapper-child .dynamic-detail-footer .next {
  display: block;
  margin-bottom: 30px;
  font-weight: bold;
}
.template-dynamic-detail-4 .wrapper .wrapper-child .dynamic-detail-footer .template-1-next:hover {
  color: #487efb;
}
.template-dynamic-detail-4 .wrapper .wrapper-child .dynamic-detail-footer .back a {
  color: #333333;
}
.template-dynamic-detail-4 .wrapper .wrapper-child .dynamic-detail-footer .back img {
  margin-right: 8px;
}
.template-dynamic-detail-5 .wrapper-header .breadcrumb__header {
  font-size: 14px;
  display: flex;
  height: 56px;
  align-items: center;
}
.template-dynamic-detail-5 .wrapper-header .breadcrumb__header .ant-breadcrumb a {
  color: #333;
}
.template-dynamic-detail-5 .wrapper-header .breadcrumb__header .ant-breadcrumb .ant-breadcrumb-link {
  color: #333;
}
.template-dynamic-detail-5 .wrapper {
  background-color: #fff;
  padding-bottom: 61px;
}
.template-dynamic-detail-5 .wrapper .wrapper-child .dynamic-detail-title {
  padding-top: 40px;
  text-align: center;
  margin-bottom: 16px;
  color: #333333;
  font-size: 24px;
  font-weight: 500;
}
.template-dynamic-detail-5 .wrapper .wrapper-child .tip {
  text-align: center;
  margin-bottom: 32px;
  display: flex;
  justify-content: center;
  font-size: 14px;
}
.template-dynamic-detail-5 .wrapper .wrapper-child .tip .time {
  display: flex;
  align-items: center;
  margin-right: 80px;
}
.template-dynamic-detail-5 .wrapper .wrapper-child .tip .time img {
  margin-right: 8px;
}
.template-dynamic-detail-5 .wrapper .wrapper-child .tip .look {
  display: flex;
  align-items: center;
}
.template-dynamic-detail-5 .wrapper .wrapper-child .tip .look img {
  margin-right: 8px;
}
.template-dynamic-detail-5 .wrapper .wrapper-child .dynamic-detail-img {
  text-align: center;
  margin-bottom: 55px;
}
.template-dynamic-detail-5 .wrapper .wrapper-child .dynamic-detail-img .dynamic-item__img {
  width: 742px;
  height: 461px;
}
.template-dynamic-detail-5 .wrapper .wrapper-child .dynamic-detail-img img {
  width: 100%;
}
.template-dynamic-detail-5 .wrapper .wrapper-child .dynamic-detail-footer {
  border-top: 1px solid #ECECEC;
  color: #333333;
  padding-top: 39px;
}
.template-dynamic-detail-5 .wrapper .wrapper-child .dynamic-detail-footer .prev {
  display: block;
  margin-bottom: 16px;
  font-weight: bold;
}
.template-dynamic-detail-5 .wrapper .wrapper-child .dynamic-detail-footer .template-1-prev:hover {
  color: #2758aa;
}
.template-dynamic-detail-5 .wrapper .wrapper-child .dynamic-detail-footer .next {
  display: block;
  margin-bottom: 30px;
  font-weight: bold;
}
.template-dynamic-detail-5 .wrapper .wrapper-child .dynamic-detail-footer .template-1-next:hover {
  color: #2758aa;
}
.template-dynamic-detail-5 .wrapper .wrapper-child .dynamic-detail-footer .back a {
  color: #333333;
}
.template-dynamic-detail-5 .wrapper .wrapper-child .dynamic-detail-footer .back img {
  margin-right: 8px;
}
.template-dynamic-detail-6 .wrapper-header .breadcrumb__header {
  font-size: 14px;
  display: flex;
  height: 56px;
  align-items: center;
}
.template-dynamic-detail-6 .wrapper-header .breadcrumb__header .ant-breadcrumb a {
  color: #333;
}
.template-dynamic-detail-6 .wrapper-header .breadcrumb__header .ant-breadcrumb .ant-breadcrumb-link {
  color: #333;
}
.template-dynamic-detail-6 .wrapper {
  background-color: #fff;
  padding-bottom: 61px;
}
.template-dynamic-detail-6 .wrapper .wrapper-child .dynamic-detail-title {
  padding-top: 40px;
  text-align: center;
  margin-bottom: 16px;
  color: #333333;
  font-size: 24px;
  font-weight: 500;
}
.template-dynamic-detail-6 .wrapper .wrapper-child .tip {
  text-align: center;
  margin-bottom: 32px;
  display: flex;
  justify-content: center;
  font-size: 14px;
}
.template-dynamic-detail-6 .wrapper .wrapper-child .tip .time {
  display: flex;
  align-items: center;
  margin-right: 80px;
}
.template-dynamic-detail-6 .wrapper .wrapper-child .tip .time img {
  margin-right: 8px;
}
.template-dynamic-detail-6 .wrapper .wrapper-child .tip .look {
  display: flex;
  align-items: center;
}
.template-dynamic-detail-6 .wrapper .wrapper-child .tip .look img {
  margin-right: 8px;
}
.template-dynamic-detail-6 .wrapper .wrapper-child .dynamic-detail-img {
  text-align: center;
  margin-bottom: 55px;
}
.template-dynamic-detail-6 .wrapper .wrapper-child .dynamic-detail-img .dynamic-item__img {
  width: 742px;
  height: 461px;
}
.template-dynamic-detail-6 .wrapper .wrapper-child .dynamic-detail-img img {
  width: 100%;
}
.template-dynamic-detail-6 .wrapper .wrapper-child .dynamic-detail-footer {
  border-top: 1px solid #ECECEC;
  color: #333333;
  padding-top: 39px;
}
.template-dynamic-detail-6 .wrapper .wrapper-child .dynamic-detail-footer .prev {
  display: block;
  margin-bottom: 16px;
  font-weight: bold;
}
.template-dynamic-detail-6 .wrapper .wrapper-child .dynamic-detail-footer .template-1-prev:hover {
  color: #56AB5E;
}
.template-dynamic-detail-6 .wrapper .wrapper-child .dynamic-detail-footer .next {
  display: block;
  margin-bottom: 30px;
  font-weight: bold;
}
.template-dynamic-detail-6 .wrapper .wrapper-child .dynamic-detail-footer .template-1-next:hover {
  color: #56AB5E;
}
.template-dynamic-detail-6 .wrapper .wrapper-child .dynamic-detail-footer .back a {
  color: #333333;
}
.template-dynamic-detail-6 .wrapper .wrapper-child .dynamic-detail-footer .back img {
  margin-right: 8px;
}
.template-dynamic-detail-7 .wrapper-header .breadcrumb__header {
  font-size: 14px;
  display: flex;
  height: 56px;
  align-items: center;
}
.template-dynamic-detail-7 .wrapper-header .breadcrumb__header .ant-breadcrumb a {
  color: #333;
}
.template-dynamic-detail-7 .wrapper-header .breadcrumb__header .ant-breadcrumb .ant-breadcrumb-link {
  color: #333;
}
.template-dynamic-detail-7 .wrapper {
  background-color: #fff;
  padding-bottom: 61px;
}
.template-dynamic-detail-7 .wrapper .wrapper-child .dynamic-detail-title {
  padding-top: 40px;
  text-align: center;
  margin-bottom: 16px;
  color: #333333;
  font-size: 24px;
  font-weight: 500;
}
.template-dynamic-detail-7 .wrapper .wrapper-child .tip {
  text-align: center;
  margin-bottom: 32px;
  display: flex;
  justify-content: center;
  font-size: 14px;
}
.template-dynamic-detail-7 .wrapper .wrapper-child .tip .time {
  display: flex;
  align-items: center;
  margin-right: 80px;
}
.template-dynamic-detail-7 .wrapper .wrapper-child .tip .time img {
  margin-right: 8px;
}
.template-dynamic-detail-7 .wrapper .wrapper-child .tip .look {
  display: flex;
  align-items: center;
}
.template-dynamic-detail-7 .wrapper .wrapper-child .tip .look img {
  margin-right: 8px;
}
.template-dynamic-detail-7 .wrapper .wrapper-child .dynamic-detail-img {
  text-align: center;
  margin-bottom: 55px;
}
.template-dynamic-detail-7 .wrapper .wrapper-child .dynamic-detail-img .dynamic-item__img {
  width: 742px;
  height: 461px;
}
.template-dynamic-detail-7 .wrapper .wrapper-child .dynamic-detail-img img {
  width: 100%;
}
.template-dynamic-detail-7 .wrapper .wrapper-child .dynamic-detail-footer {
  border-top: 1px solid #ECECEC;
  color: #333333;
  padding-top: 39px;
}
.template-dynamic-detail-7 .wrapper .wrapper-child .dynamic-detail-footer .prev {
  display: block;
  margin-bottom: 16px;
  font-weight: bold;
}
.template-dynamic-detail-7 .wrapper .wrapper-child .dynamic-detail-footer .template-1-prev:hover {
  color: #f1403c;
}
.template-dynamic-detail-7 .wrapper .wrapper-child .dynamic-detail-footer .next {
  display: block;
  margin-bottom: 30px;
  font-weight: bold;
}
.template-dynamic-detail-7 .wrapper .wrapper-child .dynamic-detail-footer .template-1-next:hover {
  color: #f1403c;
}
.template-dynamic-detail-7 .wrapper .wrapper-child .dynamic-detail-footer .back a {
  color: #333333;
}
.template-dynamic-detail-7 .wrapper .wrapper-child .dynamic-detail-footer .back img {
  margin-right: 8px;
}
.template-dynamic-detail-8 .wrapper-header .breadcrumb__header {
  font-size: 14px;
  display: flex;
  height: 56px;
  align-items: center;
}
.template-dynamic-detail-8 .wrapper-header .breadcrumb__header .ant-breadcrumb a {
  color: #333;
}
.template-dynamic-detail-8 .wrapper-header .breadcrumb__header .ant-breadcrumb .ant-breadcrumb-link {
  color: #333;
}
.template-dynamic-detail-8 .wrapper {
  background-color: #fff;
  padding-bottom: 61px;
}
.template-dynamic-detail-8 .wrapper .wrapper-child .dynamic-detail-title {
  padding-top: 40px;
  text-align: center;
  margin-bottom: 16px;
  color: #333333;
  font-size: 24px;
  font-weight: 500;
}
.template-dynamic-detail-8 .wrapper .wrapper-child .tip {
  text-align: center;
  margin-bottom: 32px;
  display: flex;
  justify-content: center;
  font-size: 14px;
}
.template-dynamic-detail-8 .wrapper .wrapper-child .tip .time {
  display: flex;
  align-items: center;
  margin-right: 80px;
}
.template-dynamic-detail-8 .wrapper .wrapper-child .tip .time img {
  margin-right: 8px;
}
.template-dynamic-detail-8 .wrapper .wrapper-child .tip .look {
  display: flex;
  align-items: center;
}
.template-dynamic-detail-8 .wrapper .wrapper-child .tip .look img {
  margin-right: 8px;
}
.template-dynamic-detail-8 .wrapper .wrapper-child .dynamic-detail-img {
  text-align: center;
  margin-bottom: 55px;
}
.template-dynamic-detail-8 .wrapper .wrapper-child .dynamic-detail-img .dynamic-item__img {
  width: 742px;
  height: 461px;
}
.template-dynamic-detail-8 .wrapper .wrapper-child .dynamic-detail-img img {
  width: 100%;
}
.template-dynamic-detail-8 .wrapper .wrapper-child .dynamic-detail-footer {
  border-top: 1px solid #ECECEC;
  color: #333333;
  padding-top: 39px;
}
.template-dynamic-detail-8 .wrapper .wrapper-child .dynamic-detail-footer .prev {
  display: block;
  margin-bottom: 16px;
  font-weight: bold;
}
.template-dynamic-detail-8 .wrapper .wrapper-child .dynamic-detail-footer .template-1-prev:hover {
  color: #f89847;
}
.template-dynamic-detail-8 .wrapper .wrapper-child .dynamic-detail-footer .next {
  display: block;
  margin-bottom: 30px;
  font-weight: bold;
}
.template-dynamic-detail-8 .wrapper .wrapper-child .dynamic-detail-footer .template-1-next:hover {
  color: #f89847;
}
.template-dynamic-detail-8 .wrapper .wrapper-child .dynamic-detail-footer .back a {
  color: #333333;
}
.template-dynamic-detail-8 .wrapper .wrapper-child .dynamic-detail-footer .back img {
  margin-right: 8px;
}
.template-dynamic-detail-9 .wrapper-header .breadcrumb__header {
  font-size: 14px;
  display: flex;
  height: 56px;
  align-items: center;
}
.template-dynamic-detail-9 .wrapper-header .breadcrumb__header .ant-breadcrumb a {
  color: #333;
}
.template-dynamic-detail-9 .wrapper-header .breadcrumb__header .ant-breadcrumb .ant-breadcrumb-link {
  color: #333;
}
.template-dynamic-detail-9 .wrapper {
  background-color: #fff;
  padding-bottom: 61px;
}
.template-dynamic-detail-9 .wrapper .wrapper-child .dynamic-detail-title {
  padding-top: 40px;
  text-align: center;
  margin-bottom: 16px;
  color: #333333;
  font-size: 24px;
  font-weight: 500;
}
.template-dynamic-detail-9 .wrapper .wrapper-child .tip {
  text-align: center;
  margin-bottom: 32px;
  display: flex;
  justify-content: center;
  font-size: 14px;
}
.template-dynamic-detail-9 .wrapper .wrapper-child .tip .time {
  display: flex;
  align-items: center;
  margin-right: 80px;
}
.template-dynamic-detail-9 .wrapper .wrapper-child .tip .time img {
  margin-right: 8px;
}
.template-dynamic-detail-9 .wrapper .wrapper-child .tip .look {
  display: flex;
  align-items: center;
}
.template-dynamic-detail-9 .wrapper .wrapper-child .tip .look img {
  margin-right: 8px;
}
.template-dynamic-detail-9 .wrapper .wrapper-child .dynamic-detail-img {
  text-align: center;
  margin-bottom: 55px;
}
.template-dynamic-detail-9 .wrapper .wrapper-child .dynamic-detail-img .dynamic-item__img {
  width: 742px;
  height: 461px;
}
.template-dynamic-detail-9 .wrapper .wrapper-child .dynamic-detail-img img {
  width: 100%;
}
.template-dynamic-detail-9 .wrapper .wrapper-child .dynamic-detail-footer {
  border-top: 1px solid #ECECEC;
  color: #333333;
  padding-top: 39px;
}
.template-dynamic-detail-9 .wrapper .wrapper-child .dynamic-detail-footer .prev {
  display: block;
  margin-bottom: 16px;
  font-weight: bold;
}
.template-dynamic-detail-9 .wrapper .wrapper-child .dynamic-detail-footer .template-1-prev:hover {
  color: #4a16fa;
}
.template-dynamic-detail-9 .wrapper .wrapper-child .dynamic-detail-footer .next {
  display: block;
  margin-bottom: 30px;
  font-weight: bold;
}
.template-dynamic-detail-9 .wrapper .wrapper-child .dynamic-detail-footer .template-1-next:hover {
  color: #4a16fa;
}
.template-dynamic-detail-9 .wrapper .wrapper-child .dynamic-detail-footer .back a {
  color: #333333;
}
.template-dynamic-detail-9 .wrapper .wrapper-child .dynamic-detail-footer .back img {
  margin-right: 8px;
}
.template-dynamic-detail-10 .wrapper-header .breadcrumb__header {
  font-size: 14px;
  display: flex;
  height: 56px;
  align-items: center;
}
.template-dynamic-detail-10 .wrapper-header .breadcrumb__header .ant-breadcrumb a {
  color: #333;
}
.template-dynamic-detail-10 .wrapper-header .breadcrumb__header .ant-breadcrumb .ant-breadcrumb-link {
  color: #333;
}
.template-dynamic-detail-10 .wrapper {
  background-color: #fff;
  padding-bottom: 61px;
}
.template-dynamic-detail-10 .wrapper .wrapper-child .dynamic-detail-title {
  padding-top: 40px;
  text-align: center;
  margin-bottom: 16px;
  color: #333333;
  font-size: 24px;
  font-weight: 500;
}
.template-dynamic-detail-10 .wrapper .wrapper-child .tip {
  text-align: center;
  margin-bottom: 32px;
  display: flex;
  justify-content: center;
  font-size: 14px;
}
.template-dynamic-detail-10 .wrapper .wrapper-child .tip .time {
  display: flex;
  align-items: center;
  margin-right: 80px;
}
.template-dynamic-detail-10 .wrapper .wrapper-child .tip .time img {
  margin-right: 8px;
}
.template-dynamic-detail-10 .wrapper .wrapper-child .tip .look {
  display: flex;
  align-items: center;
}
.template-dynamic-detail-10 .wrapper .wrapper-child .tip .look img {
  margin-right: 8px;
}
.template-dynamic-detail-10 .wrapper .wrapper-child .dynamic-detail-img {
  text-align: center;
  margin-bottom: 55px;
}
.template-dynamic-detail-10 .wrapper .wrapper-child .dynamic-detail-img .dynamic-item__img {
  width: 742px;
  height: 461px;
}
.template-dynamic-detail-10 .wrapper .wrapper-child .dynamic-detail-img img {
  width: 100%;
}
.template-dynamic-detail-10 .wrapper .wrapper-child .dynamic-detail-footer {
  border-top: 1px solid #ECECEC;
  color: #333333;
  padding-top: 39px;
}
.template-dynamic-detail-10 .wrapper .wrapper-child .dynamic-detail-footer .prev {
  display: block;
  margin-bottom: 16px;
  font-weight: bold;
}
.template-dynamic-detail-10 .wrapper .wrapper-child .dynamic-detail-footer .template-1-prev:hover {
  background: linear-gradient(246deg, #9285F7 0%, #8EBFF9 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}
.template-dynamic-detail-10 .wrapper .wrapper-child .dynamic-detail-footer .next {
  display: block;
  margin-bottom: 30px;
  font-weight: bold;
}
.template-dynamic-detail-10 .wrapper .wrapper-child .dynamic-detail-footer .template-1-next:hover {
  background: linear-gradient(246deg, #9285F7 0%, #8EBFF9 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}
.template-dynamic-detail-10 .wrapper .wrapper-child .dynamic-detail-footer .back a {
  color: #333333;
}
.template-dynamic-detail-10 .wrapper .wrapper-child .dynamic-detail-footer .back img {
  margin-right: 8px;
}

.website-footer {
  background-color: #293A37;
  color: #fff;
  padding: 40px 0;
  display: none;
}
.website-footer .footer-links {
  display: flex;
  justify-content: center;
  align-items: center;
}
.website-footer .footer-links .links-item {
  margin-left: 220px;
  position: relative;
  cursor: pointer;
  transition: color 0.2s;
}
.website-footer .footer-links .links-item:hover a {
  color: #00baad;
}
.website-footer .footer-links .links-item::after {
  content: '';
  width: 1px;
  height: 12px;
  background: #fff;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: -110px;
}
.website-footer .footer-links .links-item:first-of-type {
  margin-left: 0;
}
.website-footer .footer-links .links-item:last-of-type::after {
  display: none;
}
.website-footer .footer-record {
  text-align: center;
  margin-top: 20px;
}

.text-ellipsis {
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}
.text-ellipsis2,
.text-ellipsis3,
.text-ellipsis4 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.text-ellipsis3 {
  -webkit-line-clamp: 3;
}
.text-ellipsis4 {
  -webkit-line-clamp: 4;
}
.position-c {
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
}
.position-x-c {
  position: absolute !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
}
.position-y-c {
  position: absolute !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
}
.flex {
  display: flex;
}
.flex-wrap {
  display: flex;
  flex-wrap: wrap;
}
.flex-column {
  display: flex;
  flex-direction: column;
}
.flex-c {
  display: flex;
  align-items: center;
}
.justify-between {
  display: flex;
  justify-content: space-between;
}
.empty-box {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.empty-box .empty-img {
  height: 120px;
  margin-top: -180px;
}
.empty-box .empty-img img {
  height: 100%;
}
.empty-box .empty-tips {
  font-size: 14px;
  color: #999;
  margin-top: 8px;
  position: relative;
  right: 5px;
}
.manage-page {
  background: #f4f6f9;
  min-height: 100vh;
}
.ant-badge-count {
  height: 16px;
  line-height: 16px;
  background-color: #f8524f;
}
.home-title {
  text-align: center;
  font-size: 28px;
  color: #383838;
  margin-bottom: 34px;
  position: relative;
  font-weight: 500;
  letter-spacing: 1px;
}
.home-title .home-title-content {
  position: relative;
}
.home-title .home-title-content::before,
.home-title .home-title-content::after {
  content: '';
  width: 23px;
  height: 19px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background: url('/static/home/title-icon.png') no-repeat;
  background-size: cover;
  background-position: center;
  margin-top: 2px;
}
.home-title .home-title-content::before {
  left: -40px;
}
.home-title .home-title-content::after {
  right: -40px;
}
.navbar-fixed-page {
  padding-top: 40px;
}
.anchor-position {
  position: absolute;
  top: -130px;
}
.banner-swiper-button-prev,
.banner-swiper-button-next {
  width: 26px;
  height: 36px;
  background: rgba(0, 0, 0, 0.15);
  transition: all 0.2s;
}
.banner-swiper-button-prev .icon,
.banner-swiper-button-next .icon {
  color: #fff;
  position: relative;
}
.banner-swiper-button-prev:hover,
.banner-swiper-button-next:hover {
  background: rgba(0, 0, 0, 0.3);
}
.banner-swiper-button-prev::after,
.banner-swiper-button-next::after {
  display: none;
}
.banner-swiper-button-prev {
  border-radius: 0 400px 400px 0;
  left: 0;
}
.banner-swiper-button-prev .icon {
  right: 2px;
}
.banner-swiper-button-next {
  border-radius: 400px 0 0 400px;
  right: 0;
}
.banner-swiper-button-next .icon {
  left: 2px;
}
.poster-tips {
  width: 32px;
  height: 18px;
  background: rgba(0, 0, 0, 0.3);
  font-size: 12px;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  right: -3px;
  bottom: -2px;
  transform: scale(0.8);
}
.concise-pagination .ant-pagination-item {
  display: none;
}
.concise-pagination .ant-pagination-jump-prev,
.concise-pagination .ant-pagination-jump-next {
  display: none;
}
.concise-pagination .ant-pagination-prev,
.concise-pagination .ant-pagination-next {
  position: relative;
  width: 80px !important;
}
.concise-pagination .ant-pagination-prev .anticon,
.concise-pagination .ant-pagination-next .anticon {
  opacity: 0;
}
.concise-pagination .ant-pagination-prev::after,
.concise-pagination .ant-pagination-next::after {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 12px;
  color: #666;
}
.concise-pagination .ant-pagination-prev::after {
  content: '\4E0A\4E00\9875';
}
.concise-pagination .ant-pagination-next::after {
  content: '\4E0B\4E00\9875';
}
.dummy-inp {
  width: 0px;
  height: 0px;
  position: absolute;
  opacity: 0;
  left: -9999px;
}
input:-webkit-autofill {
  box-shadow: 0 0 0 1000px white inset !important;
}
input:-internal-autofill-previewed,
input:-internal-autofill-selected {
  -webkit-text-fill-color: #333 !important;
  transition: background-color 5000s ease-in-out 0s !important;
}
.website {
  min-width: 1472px;
  background-color: #fff;
}
.youxin-supply .supply-content {
  width: 1472px;
  margin: 0 auto;
}
.youxin-supply .supply-content .supply-tabs {
  margin-top: 88px;
  display: flex;
  align-items: center;
}
.youxin-supply .supply-content .supply-tabs .tabs-item {
  color: #333;
  padding: 8px 0px;
  cursor: pointer;
  margin-left: 78px;
  transition: color 0.2s;
  position: relative;
  user-select: none;
  font-size: 16px;
}
.youxin-supply .supply-content .supply-tabs .tabs-item::after {
  content: '';
  width: 0;
  height: 4px;
  background-color: #052CCE;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 0;
  transition: width 0.2s;
  border-radius: 2px;
}
.youxin-supply .supply-content .supply-tabs .tabs-item.active {
  color: #052CCE;
  font-weight: bold;
}
.youxin-supply .supply-content .supply-tabs .tabs-item.active::after {
  width: 100%;
}
.youxin-supply .supply-content .supply-tabs .tabs-item:first-of-type {
  margin-left: 0;
}
.youxin-supply .supply-content .supply-list {
  display: flex;
  flex-wrap: wrap;
  margin-top: 40px;
  min-height: 436px;
}
.youxin-supply .supply-content .supply-list .supply-item {
  width: 345px;
  height: auto;
  margin-right: 30px;
  margin-bottom: 26px;
  cursor: pointer;
  box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1);
  border-radius: 8px;
  overflow: hidden;
}
.youxin-supply .supply-content .supply-list .supply-item:nth-of-type(4n) {
  margin-right: 0;
}
.youxin-supply .supply-content .supply-list .supply-item:hover .supply-img img {
  transform: scale(1.1);
}
.youxin-supply .supply-content .supply-list .supply-item .supply-img {
  width: 345px;
  height: 345px;
  background-color: #f1f1f1;
  overflow: hidden;
  position: relative;
}
.youxin-supply .supply-content .supply-list .supply-item .supply-img::after {
  content: '';
  width: 100px;
  height: 100px;
  background: url('https://oss.sulinks.com/static/images/website/def_img.png') no-repeat;
  background-position: center;
  background-size: 100% 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  opacity: 0.3;
  z-index: 0;
}
.youxin-supply .supply-content .supply-list .supply-item .supply-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.5s;
  position: relative;
  z-index: 1;
}
.youxin-supply .supply-content .supply-list .supply-item .supply-info {
  padding: 10px 14px;
}
.youxin-supply .supply-content .supply-list .supply-item .supply-info .supply-title {
  color: #383838;
  font-size: 16px;
  font-weight: bold;
  min-height: 44px;
}
.youxin-supply .supply-content .supply-list .supply-item .supply-info .supply-title .business-type {
  font-size: 12px;
  color: #fff;
  background-color: #F1403C;
  padding: 2px 6px;
  margin-right: 6px;
  font-weight: 400;
  border-radius: 4px;
  position: relative;
  top: -1px;
}
.youxin-supply .supply-content .supply-list .supply-item .supply-info .supply-title .business-type.buy {
  background-color: #487efb;
}
.youxin-supply .supply-content .supply-list .supply-item .supply-info .supply-tags {
  display: flex;
  margin-top: 10px;
}
.youxin-supply .supply-content .supply-list .supply-item .supply-info .supply-tags .tags-item {
  font-size: 12px;
  color: #808080;
  padding: 2px 6px;
  background-color: #f3f3f3;
  margin-right: 8px;
  border-radius: 2px;
}
.youxin-supply .supply-content .supply-list .supply-item .supply-info .supply-price {
  color: #f1403c;
  font-weight: bold;
  margin-top: 10px;
  font-size: 18px;
}
.youxin-supply .supply-content .supply-list .supply-item.raw-material {
  box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1);
  width: 380px;
  height: 142px;
}
.youxin-supply .supply-content .supply-list .supply-item.raw-material:nth-of-type(3n) {
  margin-right: 0;
}
.youxin-supply .supply-content .supply-list .supply-item.raw-material:nth-of-type(4n) {
  margin-right: 30px;
}
.youxin-supply .supply-content .supply-list .supply-item.raw-material .supply-title {
  font-size: 16px;
  min-height: 51px;
}
.youxin-supply .supply-content .supply-list .supply-item.raw-material .supply-price .supply-price-label {
  color: #333;
  font-weight: 400;
}
.youxin-supply .supply-content .supply-list .supply-item.raw-material .supply-store {
  color: #333;
  margin-top: 10px;
}
.youxin-supply .supply-content .supply-pagination {
  padding: 60px 0 60px;
  display: flex;
  justify-content: center;
}
.youxin-supply .supply-content .supply-pagination .ant-pagination-item {
  min-width: 44px;
  height: 40px;
  line-height: 40px;
  border: 1px solid #e5e5e5;
  margin-right: 16px;
}
.youxin-supply .supply-content .supply-pagination .ant-pagination-item.ant-pagination-item-active {
  background-color: #052CCE;
  border-color: #052CCE;
}
.youxin-supply .supply-content .supply-pagination .ant-pagination-item.ant-pagination-item-active a {
  color: #fff;
}
.youxin-supply .supply-content .supply-pagination .ant-pagination-prev {
  width: 44px;
  height: 40px;
  line-height: 40px;
  margin-right: 16px;
}
.youxin-supply .supply-content .supply-pagination .ant-pagination-next {
  width: 44px;
  height: 40px;
  line-height: 40px;
}
.youxin-supply .supply-content .supply-pagination .ant-pagination-disabled,
.youxin-supply .supply-content .supply-pagination .ant-pagination-disabled:hover,
.youxin-supply .supply-content .supply-pagination .ant-pagination-disabled:focus {
  cursor: inherit;
}

.text-ellipsis {
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}
.text-ellipsis2,
.text-ellipsis3,
.text-ellipsis4 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.text-ellipsis3 {
  -webkit-line-clamp: 3;
}
.text-ellipsis4 {
  -webkit-line-clamp: 4;
}
.position-c {
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
}
.position-x-c {
  position: absolute !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
}
.position-y-c {
  position: absolute !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
}
.flex {
  display: flex;
}
.flex-wrap {
  display: flex;
  flex-wrap: wrap;
}
.flex-column {
  display: flex;
  flex-direction: column;
}
.flex-c {
  display: flex;
  align-items: center;
}
.justify-between {
  display: flex;
  justify-content: space-between;
}
.empty-box {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.empty-box .empty-img {
  height: 120px;
  margin-top: -180px;
}
.empty-box .empty-img img {
  height: 100%;
}
.empty-box .empty-tips {
  font-size: 14px;
  color: #999;
  margin-top: 8px;
  position: relative;
  right: 5px;
}
.manage-page {
  background: #f4f6f9;
  min-height: 100vh;
}
.ant-badge-count {
  height: 16px;
  line-height: 16px;
  background-color: #f8524f;
}
.home-title {
  text-align: center;
  font-size: 28px;
  color: #383838;
  margin-bottom: 34px;
  position: relative;
  font-weight: 500;
  letter-spacing: 1px;
}
.home-title .home-title-content {
  position: relative;
}
.home-title .home-title-content::before,
.home-title .home-title-content::after {
  content: '';
  width: 23px;
  height: 19px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background: url('/static/home/title-icon.png') no-repeat;
  background-size: cover;
  background-position: center;
  margin-top: 2px;
}
.home-title .home-title-content::before {
  left: -40px;
}
.home-title .home-title-content::after {
  right: -40px;
}
.navbar-fixed-page {
  padding-top: 40px;
}
.anchor-position {
  position: absolute;
  top: -130px;
}
.banner-swiper-button-prev,
.banner-swiper-button-next {
  width: 26px;
  height: 36px;
  background: rgba(0, 0, 0, 0.15);
  transition: all 0.2s;
}
.banner-swiper-button-prev .icon,
.banner-swiper-button-next .icon {
  color: #fff;
  position: relative;
}
.banner-swiper-button-prev:hover,
.banner-swiper-button-next:hover {
  background: rgba(0, 0, 0, 0.3);
}
.banner-swiper-button-prev::after,
.banner-swiper-button-next::after {
  display: none;
}
.banner-swiper-button-prev {
  border-radius: 0 400px 400px 0;
  left: 0;
}
.banner-swiper-button-prev .icon {
  right: 2px;
}
.banner-swiper-button-next {
  border-radius: 400px 0 0 400px;
  right: 0;
}
.banner-swiper-button-next .icon {
  left: 2px;
}
.poster-tips {
  width: 32px;
  height: 18px;
  background: rgba(0, 0, 0, 0.3);
  font-size: 12px;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  right: -3px;
  bottom: -2px;
  transform: scale(0.8);
}
.concise-pagination .ant-pagination-item {
  display: none;
}
.concise-pagination .ant-pagination-jump-prev,
.concise-pagination .ant-pagination-jump-next {
  display: none;
}
.concise-pagination .ant-pagination-prev,
.concise-pagination .ant-pagination-next {
  position: relative;
  width: 80px !important;
}
.concise-pagination .ant-pagination-prev .anticon,
.concise-pagination .ant-pagination-next .anticon {
  opacity: 0;
}
.concise-pagination .ant-pagination-prev::after,
.concise-pagination .ant-pagination-next::after {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 12px;
  color: #666;
}
.concise-pagination .ant-pagination-prev::after {
  content: '\4E0A\4E00\9875';
}
.concise-pagination .ant-pagination-next::after {
  content: '\4E0B\4E00\9875';
}
.dummy-inp {
  width: 0px;
  height: 0px;
  position: absolute;
  opacity: 0;
  left: -9999px;
}
input:-webkit-autofill {
  box-shadow: 0 0 0 1000px white inset !important;
}
input:-internal-autofill-previewed,
input:-internal-autofill-selected {
  -webkit-text-fill-color: #333 !important;
  transition: background-color 5000s ease-in-out 0s !important;
}
.website {
  min-width: 1472px;
  background-color: #fff;
}
.youxin-contact {
  background-color: #f2f6ff !important;
}
.youxin-contact .contact-content .contact-banner {
  height: 810px;
  background: url('https://oss.sulinks.com/static/images/website/cantact-banner.png') no-repeat;
  background-position: center;
  background-size: auto 100%;
}
.youxin-contact .contact-content .common-title {
  text-align: center;
  color: #383838;
  margin-top: 80px;
  font-size: 30px;
  letter-spacing: 2px;
  position: relative;
}
.youxin-contact .contact-content .common-title::after {
  content: '';
  width: 88px;
  height: 4px;
  background: #FFC100;
  position: absolute;
  bottom: -16px;
  left: 50%;
  transform: translateX(-50%);
}
.youxin-contact .contact-content .central-box {
  width: 1472px;
  margin: 0 auto;
  margin-top: 82px;
}
.youxin-contact .contact-content .central-box .central-item {
  width: 353px;
  height: 353px;
  background-color: #fff;
  text-align: center;
  position: relative;
  transition: all 0.3s;
  margin-right: 20px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  border-radius: 4px;
}
.youxin-contact .contact-content .central-box .central-item:last-of-type {
  margin-right: 0;
}
.youxin-contact .contact-content .central-box .central-item::after {
  content: '';
  width: 100%;
  height: 6px;
  background-color: #052CCE;
  position: absolute;
  left: 0;
  bottom: 0;
  transition: opacity 0.3s;
  opacity: 0;
}
.youxin-contact .contact-content .central-box .central-item:hover {
  margin-top: -18px;
  box-shadow: 0px 18px 33px 4px rgba(191, 191, 191, 0.5);
}
.youxin-contact .contact-content .central-box .central-item:hover::after {
  opacity: 1;
}
.youxin-contact .contact-content .central-box .central-item .central-icon {
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
}
.youxin-contact .contact-content .central-box .central-item .central-icon .central-icon-img1 {
  width: 38px;
}
.youxin-contact .contact-content .central-box .central-item .central-icon .central-icon-img2 {
  width: 40px;
}
.youxin-contact .contact-content .central-box .central-item .central-icon .central-icon-img3 {
  width: 48px;
}
.youxin-contact .contact-content .central-box .central-item .central-icon .central-icon-img4 {
  width: 46px;
}
.youxin-contact .contact-content .central-box .central-item .central-label {
  padding-bottom: 20px;
  font-size: 22px;
  color: #052CCE;
  margin-top: 14px;
  position: relative;
}
.youxin-contact .contact-content .central-box .central-item .central-label::after {
  content: '';
  width: 42px;
  height: 5px;
  background-color: #052CCE;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 0;
  border-radius: 999px;
}
.youxin-contact .contact-content .central-box .central-item .central-value {
  font-size: 22px;
  color: #808080;
  margin-top: 26px;
}
.youxin-contact .contact-content .rainbow-bar {
  margin-top: 64px;
}
.youxin-contact .contact-content .rainbow-bar .rainbow {
  height: 6px;
}
.youxin-contact .contact-content .rainbow-bar .rainbow1 {
  width: 14%;
  background-color: #e9da70;
}
.youxin-contact .contact-content .rainbow-bar .rainbow2 {
  width: 18%;
  background-color: #e3c188;
}
.youxin-contact .contact-content .rainbow-bar .rainbow3 {
  width: 18%;
  background-color: #9be4b2;
}
.youxin-contact .contact-content .rainbow-bar .rainbow4 {
  width: 18%;
  background-color: #9ac8e3;
}
.youxin-contact .contact-content .rainbow-bar .rainbow5 {
  width: 18%;
  background-color: #a39fe9;
}
.youxin-contact .contact-content .rainbow-bar .rainbow6 {
  width: 14%;
  background-color: #db6957;
}
.youxin-contact .contact-content .contact-list {
  height: 408px;
  position: relative;
}
.youxin-contact .contact-content .contact-list::after {
  content: '';
  width: 100%;
  height: 120px;
  background-color: #fff;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 0;
}
.youxin-contact .contact-content .contact-list .contact-list-content {
  width: 1472px;
  margin: 0 auto;
  flex-wrap: wrap;
  position: relative;
  z-index: 1;
}
.youxin-contact .contact-content .contact-list .contact-list-content .contact-item {
  width: 450px;
  height: 288px;
  margin-right: 60px;
  padding: 0 24px 0 26px;
  transition: all 0.3s;
  position: relative;
  border-radius: 4px;
}
.youxin-contact .contact-content .contact-list .contact-list-content .contact-item:hover {
  background-color: #fff;
  box-shadow: 0px 15px 34px 6px rgba(212, 212, 212, 0.5);
  margin-top: 56px;
}
.youxin-contact .contact-content .contact-list .contact-list-content .contact-item:nth-of-type(3n) {
  margin-right: 0;
}
.youxin-contact .contact-content .contact-list .contact-list-content .contact-item .contact-item-left {
  text-align: center;
}
.youxin-contact .contact-content .contact-list .contact-list-content .contact-item .contact-item-left .contact-item-serial {
  font-size: 40px;
  color: #707070;
}
.youxin-contact .contact-content .contact-list .contact-list-content .contact-item .contact-item-left .contact-item-post {
  font-size: 18px;
  color: #052CCE;
}
.youxin-contact .contact-content .contact-list .contact-list-content .contact-item .contact-item-right {
  margin-left: 40px;
  flex: 1;
}
.youxin-contact .contact-content .contact-list .contact-list-content .contact-item .contact-item-right .contact-item-group {
  margin-top: 20px;
  color: #707070;
  flex-wrap: nowrap;
}
.youxin-contact .contact-content .contact-list .contact-list-content .contact-item .contact-item-right .contact-item-group:first-of-type {
  margin-top: 0;
}
.youxin-contact .contact-content .contact-list .contact-list-content .contact-item .contact-item-right .contact-item-group .contact-item-label {
  min-width: 84px;
  font-size: 18px;
  color: #999;
}
.youxin-contact .contact-content .contact-list .contact-list-content .contact-item .contact-item-right .contact-item-group .contact-item-value {
  font-size: 18px;
}
.youxin-contact .contact-content .contact-list-empty {
  height: 120px;
  background-color: #fff;
}
.youxin-contact .contact-content .contact-map {
  padding: 0 0 120px;
  background: #fff;
}
.youxin-contact .contact-content .contact-map .map-box {
  width: 1472px;
  height: 600px;
  margin: 0 auto;
  background-color: #fcf9f2;
  position: relative;
}
.youxin-contact .contact-content .contact-map .map-box .map-tips {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.youxin-contact .contact-content .contact-map .map-box .map-tips .map-icon {
  height: 100px;
  opacity: 0.1;
  text-align: center;
}
.youxin-contact .contact-content .contact-map .map-box .map-tips .map-icon img {
  height: 100%;
}
.youxin-contact .contact-content .contact-map .map-box .map-tips .map-tips-text {
  text-align: center;
  font-size: 14px;
  color: #bbb8b8;
  margin-top: 10px;
}
.youxin-contact .contact-content .contact-map .map-box #map {
  position: relative;
  height: 600px;
}

.filter-address_selector {
  padding-top: 8px;
  position: relative;
  cursor: pointer;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #333333;
  line-height: 17px;
}
.filter-address_selector .flex-row {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
}
.filter-address_selector .filter-address_selector-text {
  margin-left: 5px;
  margin-right: 5px;
}
.filter-address_selector:hover .down-arr {
  transform: rotate(180deg);
}
.filter-address_selector:hover .box {
  display: block;
}
.filter-address_selector .box {
  position: absolute;
  top: 0;
  left: 0;
  width: 466px;
  display: none;
  padding-top: 30px;
  z-index: 2;
}
.filter-address_selector .box .item {
  margin-bottom: 12px;
  margin-right: 35px;
  justify-content: flex-start;
  min-width: 36px;
}
.filter-address_selector .box .item:hover {
  color: #487EFB;
}
.filter-address_selector .box .tabs-title {
  border: 2px solid #eff0f3;
  border-bottom: 0;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  padding: 0 10px;
  height: 24px;
  line-height: 26px;
  color: #333333;
  display: inline-block;
  margin-right: 7px;
}
.filter-address_selector .box .tabs-title-active {
  position: relative;
  border: 2px solid #487EFB;
  border-bottom: 0;
}
.filter-address_selector .box .tabs-title-active::after {
  width: 100%;
  height: 6px;
  background: #fff;
  content: '';
  display: block;
  position: absolute;
  bottom: -4px;
  left: 0;
  z-index: 3;
}

.text-ellipsis {
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}
.text-ellipsis2,
.text-ellipsis3,
.text-ellipsis4 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.text-ellipsis3 {
  -webkit-line-clamp: 3;
}
.text-ellipsis4 {
  -webkit-line-clamp: 4;
}
.position-c {
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
}
.position-x-c {
  position: absolute !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
}
.position-y-c {
  position: absolute !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
}
.flex {
  display: flex;
}
.flex-wrap {
  display: flex;
  flex-wrap: wrap;
}
.flex-column {
  display: flex;
  flex-direction: column;
}
.flex-c {
  display: flex;
  align-items: center;
}
.justify-between {
  display: flex;
  justify-content: space-between;
}
.empty-box {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.empty-box .empty-img {
  height: 120px;
  margin-top: -180px;
}
.empty-box .empty-img img {
  height: 100%;
}
.empty-box .empty-tips {
  font-size: 14px;
  color: #999;
  margin-top: 8px;
  position: relative;
  right: 5px;
}
.manage-page {
  background: #f4f6f9;
  min-height: 100vh;
}
.ant-badge-count {
  height: 16px;
  line-height: 16px;
  background-color: #f8524f;
}
.home-title {
  text-align: center;
  font-size: 28px;
  color: #383838;
  margin-bottom: 34px;
  position: relative;
  font-weight: 500;
  letter-spacing: 1px;
}
.home-title .home-title-content {
  position: relative;
}
.home-title .home-title-content::before,
.home-title .home-title-content::after {
  content: '';
  width: 23px;
  height: 19px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background: url('/static/home/title-icon.png') no-repeat;
  background-size: cover;
  background-position: center;
  margin-top: 2px;
}
.home-title .home-title-content::before {
  left: -40px;
}
.home-title .home-title-content::after {
  right: -40px;
}
.navbar-fixed-page {
  padding-top: 40px;
}
.anchor-position {
  position: absolute;
  top: -130px;
}
.banner-swiper-button-prev,
.banner-swiper-button-next {
  width: 26px;
  height: 36px;
  background: rgba(0, 0, 0, 0.15);
  transition: all 0.2s;
}
.banner-swiper-button-prev .icon,
.banner-swiper-button-next .icon {
  color: #fff;
  position: relative;
}
.banner-swiper-button-prev:hover,
.banner-swiper-button-next:hover {
  background: rgba(0, 0, 0, 0.3);
}
.banner-swiper-button-prev::after,
.banner-swiper-button-next::after {
  display: none;
}
.banner-swiper-button-prev {
  border-radius: 0 400px 400px 0;
  left: 0;
}
.banner-swiper-button-prev .icon {
  right: 2px;
}
.banner-swiper-button-next {
  border-radius: 400px 0 0 400px;
  right: 0;
}
.banner-swiper-button-next .icon {
  left: 2px;
}
.poster-tips {
  width: 32px;
  height: 18px;
  background: rgba(0, 0, 0, 0.3);
  font-size: 12px;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  right: -3px;
  bottom: -2px;
  transform: scale(0.8);
}
.concise-pagination .ant-pagination-item {
  display: none;
}
.concise-pagination .ant-pagination-jump-prev,
.concise-pagination .ant-pagination-jump-next {
  display: none;
}
.concise-pagination .ant-pagination-prev,
.concise-pagination .ant-pagination-next {
  position: relative;
  width: 80px !important;
}
.concise-pagination .ant-pagination-prev .anticon,
.concise-pagination .ant-pagination-next .anticon {
  opacity: 0;
}
.concise-pagination .ant-pagination-prev::after,
.concise-pagination .ant-pagination-next::after {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 12px;
  color: #666;
}
.concise-pagination .ant-pagination-prev::after {
  content: '\4E0A\4E00\9875';
}
.concise-pagination .ant-pagination-next::after {
  content: '\4E0B\4E00\9875';
}
.dummy-inp {
  width: 0px;
  height: 0px;
  position: absolute;
  opacity: 0;
  left: -9999px;
}
input:-webkit-autofill {
  box-shadow: 0 0 0 1000px white inset !important;
}
input:-internal-autofill-previewed,
input:-internal-autofill-selected {
  -webkit-text-fill-color: #333 !important;
  transition: background-color 5000s ease-in-out 0s !important;
}
@media screen and (max-width: 1200px) {
  .header {
    width: 1200px;
  }
}
.other-header {
  box-shadow: 0px 2px 6px 0px rgba(233, 234, 239, 0.8);
  background: white;
  min-width: 1200px;
  margin: 0 auto;
}
.other-header .container {
  display: flex;
  align-items: center;
  height: 74px;
  position: relative;
}
.other-header .container .side-menu {
  position: absolute;
  left: 150px;
  top: 74px;
  height: 510px !important;
  display: flex;
  margin-top: 0 !important;
}
.other-header .container .side-menu .side-menu__list {
  height: 510px !important;
  border: 1px solid #3c76f7;
  position: relative;
}
.other-header .container .side-menu .side-menu__list .side-menu__item {
  position: relative;
}
.other-header .container .side-menu .side-menu__list .side-menu__item:nth-last-of-type(2) .side-menu__title {
  border: none;
}
.other-header .container .side-menu .side-menu__list .side-menu__sub {
  height: 510px !important;
  position: initial;
  border-radius: 0 4px 4px 0;
  border-left: none !important;
  position: absolute;
  left: 199px;
  top: -1px;
}
.other-header .container .side-menu:hover .side-menu__sub {
  display: block;
}
.other-header .container .side-menu__labels {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-break: keep-all;
  max-width: 160px;
}
.other-header .ant-btn {
  margin-left: 8px;
}
.other-header .header-logo {
  width: 120px;
  height: 42px;
  display: block;
  overflow: hidden;
  position: relative;
}
.other-header .header-logo .logo-icon {
  font-size: 120px;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}
.other-header .header-logo img {
  display: block;
  width: 100%;
  height: 100%;
}
.other-header .header-wrap {
  display: flex;
  margin: 0 23px;
  flex: 1;
  justify-content: space-between;
}
.other-header .search-input {
  position: relative;
}
.other-header .search-input::after {
  position: absolute;
  bottom: -20px;
  left: 10px;
  content: "\8BF7\52FF\8F93\5165\654F\611F\8BCD\6C47";
  color: red;
  font-size: 14px;
  display: none;
}
.other-header .search-input.show::after {
  display: block;
}
.other-header .header-list {
  flex: 1;
  display: flex;
  align-items: center;
  position: relative;
  justify-content: space-between;
}
.other-header .header-list a {
  color: #333;
}
.other-header .header-list a :hover {
  color: #3c76f7 !important;
}
.other-header .header-list a.avtive {
  color: #3c76f7;
}
.other-header .header-list:after {
  content: "";
  display: block;
  position: absolute;
  width: 1px;
  height: 20px;
  background: #EAEAEA;
  right: 0;
  top: 50%;
  margin-top: -10px;
}
.other-header .header-list:last-child:after {
  display: none;
}
.other-header .header-list.header-list-main .header-item {
  margin: 0 10px;
}
.other-header .header-list .header-item {
  display: block;
  font-weight: 600;
  height: 73px;
  font-size: 16px;
  line-height: 73px;
  overflow: hidden;
  margin: 0 14px;
}
.other-header .header-list .header-item.sub-menu {
  margin: 0;
  padding: 0 20px;
}

.text-ellipsis {
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}
.text-ellipsis2,
.text-ellipsis3,
.text-ellipsis4 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.text-ellipsis3 {
  -webkit-line-clamp: 3;
}
.text-ellipsis4 {
  -webkit-line-clamp: 4;
}
.position-c {
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
}
.position-x-c {
  position: absolute !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
}
.position-y-c {
  position: absolute !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
}
.flex {
  display: flex;
}
.flex-wrap {
  display: flex;
  flex-wrap: wrap;
}
.flex-column {
  display: flex;
  flex-direction: column;
}
.flex-c {
  display: flex;
  align-items: center;
}
.justify-between {
  display: flex;
  justify-content: space-between;
}
.empty-box {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.empty-box .empty-img {
  height: 120px;
  margin-top: -180px;
}
.empty-box .empty-img img {
  height: 100%;
}
.empty-box .empty-tips {
  font-size: 14px;
  color: #999;
  margin-top: 8px;
  position: relative;
  right: 5px;
}
.manage-page {
  background: #f4f6f9;
  min-height: 100vh;
}
.ant-badge-count {
  height: 16px;
  line-height: 16px;
  background-color: #f8524f;
}
.home-title {
  text-align: center;
  font-size: 28px;
  color: #383838;
  margin-bottom: 34px;
  position: relative;
  font-weight: 500;
  letter-spacing: 1px;
}
.home-title .home-title-content {
  position: relative;
}
.home-title .home-title-content::before,
.home-title .home-title-content::after {
  content: '';
  width: 23px;
  height: 19px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background: url('/static/home/title-icon.png') no-repeat;
  background-size: cover;
  background-position: center;
  margin-top: 2px;
}
.home-title .home-title-content::before {
  left: -40px;
}
.home-title .home-title-content::after {
  right: -40px;
}
.navbar-fixed-page {
  padding-top: 40px;
}
.anchor-position {
  position: absolute;
  top: -130px;
}
.banner-swiper-button-prev,
.banner-swiper-button-next {
  width: 26px;
  height: 36px;
  background: rgba(0, 0, 0, 0.15);
  transition: all 0.2s;
}
.banner-swiper-button-prev .icon,
.banner-swiper-button-next .icon {
  color: #fff;
  position: relative;
}
.banner-swiper-button-prev:hover,
.banner-swiper-button-next:hover {
  background: rgba(0, 0, 0, 0.3);
}
.banner-swiper-button-prev::after,
.banner-swiper-button-next::after {
  display: none;
}
.banner-swiper-button-prev {
  border-radius: 0 400px 400px 0;
  left: 0;
}
.banner-swiper-button-prev .icon {
  right: 2px;
}
.banner-swiper-button-next {
  border-radius: 400px 0 0 400px;
  right: 0;
}
.banner-swiper-button-next .icon {
  left: 2px;
}
.poster-tips {
  width: 32px;
  height: 18px;
  background: rgba(0, 0, 0, 0.3);
  font-size: 12px;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  right: -3px;
  bottom: -2px;
  transform: scale(0.8);
}
.concise-pagination .ant-pagination-item {
  display: none;
}
.concise-pagination .ant-pagination-jump-prev,
.concise-pagination .ant-pagination-jump-next {
  display: none;
}
.concise-pagination .ant-pagination-prev,
.concise-pagination .ant-pagination-next {
  position: relative;
  width: 80px !important;
}
.concise-pagination .ant-pagination-prev .anticon,
.concise-pagination .ant-pagination-next .anticon {
  opacity: 0;
}
.concise-pagination .ant-pagination-prev::after,
.concise-pagination .ant-pagination-next::after {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 12px;
  color: #666;
}
.concise-pagination .ant-pagination-prev::after {
  content: '\4E0A\4E00\9875';
}
.concise-pagination .ant-pagination-next::after {
  content: '\4E0B\4E00\9875';
}
.dummy-inp {
  width: 0px;
  height: 0px;
  position: absolute;
  opacity: 0;
  left: -9999px;
}
input:-webkit-autofill {
  box-shadow: 0 0 0 1000px white inset !important;
}
input:-internal-autofill-previewed,
input:-internal-autofill-selected {
  -webkit-text-fill-color: #333 !important;
  transition: background-color 5000s ease-in-out 0s !important;
}
.chat .content {
  display: flex;
  height: 750px;
  margin-top: 28px;
  box-shadow: 0px 0px 14px 0px #e9eaef;
}
.chat .contact-person {
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  width: 260px;
  background: #F9FAFE;
}
.chat .contact-person .contact-person__search {
  padding: 24px 16px 8px;
  flex-shrink: 0;
}
.chat .contact-person .contact-person__search .contact-person__group {
  display: flex;
  height: 32px;
  align-items: center;
  padding: 0 9px 0 12px;
  background: white;
}
.chat .contact-person .contact-person__search .contact-person__group .contact-person__input {
  outline: none;
  border: none;
  flex-grow: 1;
  font-size: 14px;
}
.chat .contact-person .contact-person__search .contact-person__group .icon {
  width: 13px;
  height: 13px;
}
.chat .contact-person .contact-person__list {
  overflow-y: auto;
  overflow-x: hidden;
  flex-grow: 1;
}
.chat .contact-person .contact-person__list .contact-person__item {
  position: relative;
  display: flex;
  align-items: center;
  border-bottom: 1px solid #EDEFF3;
  padding: 20px 0;
  cursor: pointer;
}
.chat .contact-person .contact-person__list .contact-person__item .red-dot::after {
  content: "";
  position: absolute;
  left: 48px;
  top: 10px;
  background: red;
  color: #fff;
  font-size: 10px;
  border-radius: 50%;
  width: 10px;
  height: 10px;
}
.chat .contact-person .contact-person__list .contact-person__item.active {
  background: #EFF1F6;
}
.chat .contact-person .contact-person__list .contact-person__item:last-child {
  border-bottom: none;
}
.chat .contact-person .contact-person__list .contact-person__item .contact-person__avatar {
  width: 48px;
  height: 48px;
  margin-right: 11px;
  border-radius: 50%;
  overflow: hidden;
  flex-shrink: 0;
}
.chat .contact-person .contact-person__list .contact-person__item .contact-person__avatar img {
  width: 100%;
  height: 100%;
}
.chat .contact-person .contact-person__list .contact-person__item .contact-person__wrap {
  flex-grow: 1;
}
.chat .contact-person .contact-person__list .contact-person__item .contact-person__wrap .contact-person__username {
  font-weight: 500;
  line-height: 22px;
  display: flex;
  justify-content: space-between;
}
.chat .contact-person .contact-person__list .contact-person__item .contact-person__wrap .contact-person__username .contact-person__date {
  font-size: 12px;
  color: #999999;
}
.chat .contact-person .contact-person__list .contact-person__item .contact-person__wrap .contact-person__content {
  font-size: 14px;
  line-height: 20px;
  margin-top: 2px;
  width: 168px;
}
.chat .contact-content {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
}
.chat .contact-content .contact-content__head {
  line-height: 1;
  height: 65px;
  text-align: center;
  background: rgba(249, 250, 253, 0.5);
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.chat .contact-content .contact-content__head .contact-content__title {
  font-size: 18px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: bold;
  color: #333333;
}
.chat .contact-content .contact-content__head .look-home {
  position: absolute;
  right: 32px;
  top: 50%;
  height: 20px;
  line-height: 20px;
  margin-top: -10px;
  color: #999999;
  font-size: 14px;
  cursor: pointer;
}
.chat .contact-content .contact-content__head .look-home:hover .icon {
  width: 14px;
  height: 14px;
  color: #3c76f7;
}
.chat .contact-content .contact-content__head .look-home:hover .look-home__text {
  color: #3c76f7;
}
.chat .contact-content .contact-content__head .look-home .look-home__text {
  margin-left: 4px;
}
.chat .contact-content .contact-content__head .look-home .icon {
  width: 14px;
  height: 14px;
  color: #999999;
}
.chat .contact-content .contact-content__body {
  flex-grow: 1;
  overflow-y: auto;
  background: #fff;
}
.chat .contact-content .contact-content__body .message-item {
  display: flex;
  align-items: flex-start;
  padding: 16px 32px;
  max-width: 940px;
}
.chat .contact-content .contact-content__body .message-item.other .message-item__avatar {
  margin-right: 12px;
}
.chat .contact-content .contact-content__body .message-item.other .message-item__content:before {
  left: -0.188rem;
}
.chat .contact-content .contact-content__body .message-item.self {
  justify-content: flex-end;
}
.chat .contact-content .contact-content__body .message-item.self .message-item__avatar {
  margin-left: 12px;
}
.chat .contact-content .contact-content__body .message-item.self .message-item__content {
  background: #F6F6F6;
  position: relative;
  max-width: 500px;
  word-break: break-all;
}
.chat .contact-content .contact-content__body .message-item.self .message-item__content:before {
  right: -0.188rem;
  background: #F6F6F6;
}
.chat .contact-content .contact-content__body .message-item .message-item__avatar {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  overflow: hidden;
}
.chat .contact-content .contact-content__body .message-item .message-item__avatar img {
  width: 100%;
  height: 100%;
}
.chat .contact-content .contact-content__body .message-item .message-item__content {
  margin-top: 1px;
  background: #ECF2FF;
  padding: 13px 20px;
  font-size: 14px;
  line-height: 1;
  line-height: 20px;
  position: relative;
  border-radius: 3px;
}
.chat .contact-content .contact-content__body .message-item .message-item__content:before {
  content: '';
  transform: rotate(135deg);
  box-sizing: border-box;
  width: 16px;
  height: 16px;
  position: absolute;
  top: 0.938rem;
  background: #ECF2FF;
}
.chat .contact-content .contact-content__body::-webkit-scrollbar {
  width: 10px;
  /*高宽分别对应横竖滚动条的尺寸*/
  height: 1px;
}
.chat .contact-content .contact-content__body::-webkit-scrollbar-thumb {
  /*滚动条里面小方块*/
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.1);
  background: #c4c3c3;
}
.chat .contact-content .contact-content__body::-webkit-scrollbar-track {
  /*滚动条里面轨道*/
  -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
  border-radius: 10px;
  background: #f7f6f6;
}
.chat .contact-content .contact-content__footer {
  height: 192px;
  border-top: 1px solid #E6E8ED;
  display: flex;
  flex-direction: column;
}
.chat .contact-content .contact-content__footer .message-actions {
  display: flex;
  height: 45px;
  align-items: center;
  background: #fff;
}
.chat .contact-content .contact-content__footer .message-actions .message-actions__item {
  padding: 0 12px;
}
.chat .contact-content .contact-content__footer .message-actions .message-actions__item .icon {
  font-size: 24px;
  color: #999999;
  cursor: pointer;
}
.chat .contact-content .contact-content__footer .message-actions__input {
  flex-grow: 1;
  padding: 0px 12px 10px;
  background: #fff;
}
.chat .contact-content .contact-content__footer .message-actions__input textarea {
  width: 100%;
  height: 100%;
  outline: none;
  resize: none;
  border: 0;
  line-height: 20px;
  font-size: 14px;
}
.img-content {
  max-width: 300px;
  position: relative;
}
.img-content img {
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
}

.text-ellipsis {
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}
.text-ellipsis2,
.text-ellipsis3,
.text-ellipsis4 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.text-ellipsis3 {
  -webkit-line-clamp: 3;
}
.text-ellipsis4 {
  -webkit-line-clamp: 4;
}
.position-c {
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
}
.position-x-c {
  position: absolute !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
}
.position-y-c {
  position: absolute !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
}
.flex {
  display: flex;
}
.flex-wrap {
  display: flex;
  flex-wrap: wrap;
}
.flex-column {
  display: flex;
  flex-direction: column;
}
.flex-c {
  display: flex;
  align-items: center;
}
.justify-between {
  display: flex;
  justify-content: space-between;
}
.empty-box {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.empty-box .empty-img {
  height: 120px;
  margin-top: -180px;
}
.empty-box .empty-img img {
  height: 100%;
}
.empty-box .empty-tips {
  font-size: 14px;
  color: #999;
  margin-top: 8px;
  position: relative;
  right: 5px;
}
.manage-page {
  background: #f4f6f9;
  min-height: 100vh;
}
.ant-badge-count {
  height: 16px;
  line-height: 16px;
  background-color: #f8524f;
}
.home-title {
  text-align: center;
  font-size: 28px;
  color: #383838;
  margin-bottom: 34px;
  position: relative;
  font-weight: 500;
  letter-spacing: 1px;
}
.home-title .home-title-content {
  position: relative;
}
.home-title .home-title-content::before,
.home-title .home-title-content::after {
  content: '';
  width: 23px;
  height: 19px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background: url('/static/home/title-icon.png') no-repeat;
  background-size: cover;
  background-position: center;
  margin-top: 2px;
}
.home-title .home-title-content::before {
  left: -40px;
}
.home-title .home-title-content::after {
  right: -40px;
}
.navbar-fixed-page {
  padding-top: 40px;
}
.anchor-position {
  position: absolute;
  top: -130px;
}
.banner-swiper-button-prev,
.banner-swiper-button-next {
  width: 26px;
  height: 36px;
  background: rgba(0, 0, 0, 0.15);
  transition: all 0.2s;
}
.banner-swiper-button-prev .icon,
.banner-swiper-button-next .icon {
  color: #fff;
  position: relative;
}
.banner-swiper-button-prev:hover,
.banner-swiper-button-next:hover {
  background: rgba(0, 0, 0, 0.3);
}
.banner-swiper-button-prev::after,
.banner-swiper-button-next::after {
  display: none;
}
.banner-swiper-button-prev {
  border-radius: 0 400px 400px 0;
  left: 0;
}
.banner-swiper-button-prev .icon {
  right: 2px;
}
.banner-swiper-button-next {
  border-radius: 400px 0 0 400px;
  right: 0;
}
.banner-swiper-button-next .icon {
  left: 2px;
}
.poster-tips {
  width: 32px;
  height: 18px;
  background: rgba(0, 0, 0, 0.3);
  font-size: 12px;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  right: -3px;
  bottom: -2px;
  transform: scale(0.8);
}
.concise-pagination .ant-pagination-item {
  display: none;
}
.concise-pagination .ant-pagination-jump-prev,
.concise-pagination .ant-pagination-jump-next {
  display: none;
}
.concise-pagination .ant-pagination-prev,
.concise-pagination .ant-pagination-next {
  position: relative;
  width: 80px !important;
}
.concise-pagination .ant-pagination-prev .anticon,
.concise-pagination .ant-pagination-next .anticon {
  opacity: 0;
}
.concise-pagination .ant-pagination-prev::after,
.concise-pagination .ant-pagination-next::after {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 12px;
  color: #666;
}
.concise-pagination .ant-pagination-prev::after {
  content: '\4E0A\4E00\9875';
}
.concise-pagination .ant-pagination-next::after {
  content: '\4E0B\4E00\9875';
}
.dummy-inp {
  width: 0px;
  height: 0px;
  position: absolute;
  opacity: 0;
  left: -9999px;
}
input:-webkit-autofill {
  box-shadow: 0 0 0 1000px white inset !important;
}
input:-internal-autofill-previewed,
input:-internal-autofill-selected {
  -webkit-text-fill-color: #333 !important;
  transition: background-color 5000s ease-in-out 0s !important;
}
.company-library__detail .filter .filter-group.address_selector {
  line-height: 33px;
  height: 33px;
}
.company-library__detail .filter .filter-group .filter-group__title {
  width: 70px;
}
.company-library__detail .letter-filter {
  display: flex;
  font-size: 12px;
  align-items: center;
  color: #666;
  height: 36px;
  margin: 8px 0;
}
.company-library__detail .letter-filter .letter-filter__title {
  width: 70px;
}
.company-library__detail .letter-filter .letter-filter__list {
  display: flex;
}
.company-library__detail .letter-filter .letter-filter__list .letter-filter__item {
  padding: 0 8px;
  cursor: pointer;
  height: 20px;
  line-height: 20px;
}
.company-library__detail .letter-filter .letter-filter__list .letter-filter__item.active {
  background: #3c76f7;
  color: white;
}

.text-ellipsis {
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}
.text-ellipsis2,
.text-ellipsis3,
.text-ellipsis4 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.text-ellipsis3 {
  -webkit-line-clamp: 3;
}
.text-ellipsis4 {
  -webkit-line-clamp: 4;
}
.position-c {
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
}
.position-x-c {
  position: absolute !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
}
.position-y-c {
  position: absolute !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
}
.flex {
  display: flex;
}
.flex-wrap {
  display: flex;
  flex-wrap: wrap;
}
.flex-column {
  display: flex;
  flex-direction: column;
}
.flex-c {
  display: flex;
  align-items: center;
}
.justify-between {
  display: flex;
  justify-content: space-between;
}
.empty-box {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.empty-box .empty-img {
  height: 120px;
  margin-top: -180px;
}
.empty-box .empty-img img {
  height: 100%;
}
.empty-box .empty-tips {
  font-size: 14px;
  color: #999;
  margin-top: 8px;
  position: relative;
  right: 5px;
}
.manage-page {
  background: #f4f6f9;
  min-height: 100vh;
}
.ant-badge-count {
  height: 16px;
  line-height: 16px;
  background-color: #f8524f;
}
.home-title {
  text-align: center;
  font-size: 28px;
  color: #383838;
  margin-bottom: 34px;
  position: relative;
  font-weight: 500;
  letter-spacing: 1px;
}
.home-title .home-title-content {
  position: relative;
}
.home-title .home-title-content::before,
.home-title .home-title-content::after {
  content: '';
  width: 23px;
  height: 19px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background: url('/static/home/title-icon.png') no-repeat;
  background-size: cover;
  background-position: center;
  margin-top: 2px;
}
.home-title .home-title-content::before {
  left: -40px;
}
.home-title .home-title-content::after {
  right: -40px;
}
.navbar-fixed-page {
  padding-top: 40px;
}
.anchor-position {
  position: absolute;
  top: -130px;
}
.banner-swiper-button-prev,
.banner-swiper-button-next {
  width: 26px;
  height: 36px;
  background: rgba(0, 0, 0, 0.15);
  transition: all 0.2s;
}
.banner-swiper-button-prev .icon,
.banner-swiper-button-next .icon {
  color: #fff;
  position: relative;
}
.banner-swiper-button-prev:hover,
.banner-swiper-button-next:hover {
  background: rgba(0, 0, 0, 0.3);
}
.banner-swiper-button-prev::after,
.banner-swiper-button-next::after {
  display: none;
}
.banner-swiper-button-prev {
  border-radius: 0 400px 400px 0;
  left: 0;
}
.banner-swiper-button-prev .icon {
  right: 2px;
}
.banner-swiper-button-next {
  border-radius: 400px 0 0 400px;
  right: 0;
}
.banner-swiper-button-next .icon {
  left: 2px;
}
.poster-tips {
  width: 32px;
  height: 18px;
  background: rgba(0, 0, 0, 0.3);
  font-size: 12px;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  right: -3px;
  bottom: -2px;
  transform: scale(0.8);
}
.concise-pagination .ant-pagination-item {
  display: none;
}
.concise-pagination .ant-pagination-jump-prev,
.concise-pagination .ant-pagination-jump-next {
  display: none;
}
.concise-pagination .ant-pagination-prev,
.concise-pagination .ant-pagination-next {
  position: relative;
  width: 80px !important;
}
.concise-pagination .ant-pagination-prev .anticon,
.concise-pagination .ant-pagination-next .anticon {
  opacity: 0;
}
.concise-pagination .ant-pagination-prev::after,
.concise-pagination .ant-pagination-next::after {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 12px;
  color: #666;
}
.concise-pagination .ant-pagination-prev::after {
  content: '\4E0A\4E00\9875';
}
.concise-pagination .ant-pagination-next::after {
  content: '\4E0B\4E00\9875';
}
.dummy-inp {
  width: 0px;
  height: 0px;
  position: absolute;
  opacity: 0;
  left: -9999px;
}
input:-webkit-autofill {
  box-shadow: 0 0 0 1000px white inset !important;
}
input:-internal-autofill-previewed,
input:-internal-autofill-selected {
  -webkit-text-fill-color: #333 !important;
  transition: background-color 5000s ease-in-out 0s !important;
}
.company-library {
  min-width: 1200px;
  margin: 0 auto;
  background-color: #fff;
}
.company-library .company-library-content {
  width: 100%;
  min-width: 1200px;
  margin: 0 auto;
}
.company-library .business-card {
  width: 382px;
  background-color: #fff;
  padding: 0 16px;
}
.company-library .business-card .business-card__avatar {
  left: 16px;
}
.company-library .business-card .network-top__title {
  max-width: 90px;
  margin-right: 2px !important;
  font-size: 16px;
}
.company-library .business-card .network-top__vip img {
  width: 52px;
}
.company-library .business-card .network-top__credit {
  padding: 2px 6px;
  min-width: 56px;
  margin-left: 0 !important;
  transform: scale(0.9);
  height: auto;
  line-height: 1;
}
.company-library .business-card .network-top__company {
  max-width: 230px;
}
.company-library .companyLibraryGroup {
  min-width: 1200px;
  margin: 0 auto;
  position: relative;
  padding-bottom: 36px;
}
.company-library .companyLibraryGroup .commodity-group__btn {
  display: block;
  width: 50px;
  height: 80px;
  background-color: #E5E5E5;
  line-height: 80px;
  text-align: center;
  font-size: 30px;
  cursor: pointer;
}
.company-library .companyLibraryGroup .commodity-group__btn:nth-child(1) {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
.company-library .companyLibraryGroup .commodity-group__btn:last-of-type {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
.company-library .companyLibraryGroup:hover .commodity-group__btn {
  display: block;
}
.company-library .companyLibraryGroup:nth-child(2n) {
  background-color: #FAFAFC;
}
.company-library .companyLibraryGroup:nth-child(2n) .commodity-group__classify {
  background-color: #fff;
}
.company-library .commodity-group {
  position: static;
}
.company-library .commodity-group .commodity-group__title {
  margin-bottom: 32px;
}
.company-library .commodity-group .commodity-group__title .commodity-group__text {
  float: none;
  display: block;
  text-align: center;
  padding-top: 32px;
}
.company-library .commodity-group .commodity-group__title .commodity-group__text img {
  height: 30px;
  margin-right: 8px;
  vertical-align: bottom;
}
.company-library .commodity-group .commodity-group__ad {
  overflow: hidden;
}
.company-library .commodity-group .commodity-group__ad img {
  height: 100%;
}
.company-library .commodity-group__classify {
  background-color: #F9FAFD;
  margin: 0;
  align-items: center;
  padding: 12px 16px;
}
.company-library .commodity-group__classify.visible {
  height: auto;
}
.company-library .commodity-group__classify .commodity-group__classify-list {
  height: 28px;
}
.company-library .commodity-group__classify .commodity-group__classify-list .commodity-group__classify-item {
  color: #666666;
  padding: 0 11px;
  margin: 0 9px;
  border-radius: 14px;
  height: 28px;
  line-height: 28px;
  margin-bottom: 5px;
}
.company-library .commodity-group__classify .commodity-group__classify-list .commodity-group__classify-item:hover {
  background-color: #7FA2FF;
  color: #fff !important;
}
.company-library .commodity-group__classify .commodity-group__classify-list .commodity-group__classify-item.active {
  background-color: #487EFB;
  color: #FFFFFF !important;
}
.company-library .company-library__bg {
  width: 100%;
  height: 288px;
  display: block;
  background-image: url("/static/company-library_bg.png");
  background-size: auto 100%;
  background-repeat: no-repeat;
  background-position: center 0;
}
.company-library .company-library__cate {
  margin: 28px 0;
}
.company-library .company-library__cate .company-library__cate-item {
  cursor: pointer;
  height: 100px;
  padding: 20px 0 17px;
  border: 1px solid #E6E8ED;
  text-align: center;
}
.company-library .company-library__cate .company-library__cate-item:hover {
  border: 2px solid #3c76f7;
}
.company-library .company-library__cate .company-library__cate-item .icon {
  font-size: 30px;
}
.company-library .company-library__cate .company-library__cate-item .text {
  margin-top: 8px;
  color: #666;
  font-size: 14px;
  line-height: 20px;
}
.network-top__title {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.network-top__company {
  max-width: 190px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.text-ellipsis {
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}
.text-ellipsis2,
.text-ellipsis3,
.text-ellipsis4 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.text-ellipsis3 {
  -webkit-line-clamp: 3;
}
.text-ellipsis4 {
  -webkit-line-clamp: 4;
}
.position-c {
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
}
.position-x-c {
  position: absolute !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
}
.position-y-c {
  position: absolute !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
}
.flex {
  display: flex;
}
.flex-wrap {
  display: flex;
  flex-wrap: wrap;
}
.flex-column {
  display: flex;
  flex-direction: column;
}
.flex-c {
  display: flex;
  align-items: center;
}
.justify-between {
  display: flex;
  justify-content: space-between;
}
.empty-box {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.empty-box .empty-img {
  height: 120px;
  margin-top: -180px;
}
.empty-box .empty-img img {
  height: 100%;
}
.empty-box .empty-tips {
  font-size: 14px;
  color: #999;
  margin-top: 8px;
  position: relative;
  right: 5px;
}
.manage-page {
  background: #f4f6f9;
  min-height: 100vh;
}
.ant-badge-count {
  height: 16px;
  line-height: 16px;
  background-color: #f8524f;
}
.home-title {
  text-align: center;
  font-size: 28px;
  color: #383838;
  margin-bottom: 34px;
  position: relative;
  font-weight: 500;
  letter-spacing: 1px;
}
.home-title .home-title-content {
  position: relative;
}
.home-title .home-title-content::before,
.home-title .home-title-content::after {
  content: '';
  width: 23px;
  height: 19px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background: url('/static/home/title-icon.png') no-repeat;
  background-size: cover;
  background-position: center;
  margin-top: 2px;
}
.home-title .home-title-content::before {
  left: -40px;
}
.home-title .home-title-content::after {
  right: -40px;
}
.navbar-fixed-page {
  padding-top: 40px;
}
.anchor-position {
  position: absolute;
  top: -130px;
}
.banner-swiper-button-prev,
.banner-swiper-button-next {
  width: 26px;
  height: 36px;
  background: rgba(0, 0, 0, 0.15);
  transition: all 0.2s;
}
.banner-swiper-button-prev .icon,
.banner-swiper-button-next .icon {
  color: #fff;
  position: relative;
}
.banner-swiper-button-prev:hover,
.banner-swiper-button-next:hover {
  background: rgba(0, 0, 0, 0.3);
}
.banner-swiper-button-prev::after,
.banner-swiper-button-next::after {
  display: none;
}
.banner-swiper-button-prev {
  border-radius: 0 400px 400px 0;
  left: 0;
}
.banner-swiper-button-prev .icon {
  right: 2px;
}
.banner-swiper-button-next {
  border-radius: 400px 0 0 400px;
  right: 0;
}
.banner-swiper-button-next .icon {
  left: 2px;
}
.poster-tips {
  width: 32px;
  height: 18px;
  background: rgba(0, 0, 0, 0.3);
  font-size: 12px;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  right: -3px;
  bottom: -2px;
  transform: scale(0.8);
}
.concise-pagination .ant-pagination-item {
  display: none;
}
.concise-pagination .ant-pagination-jump-prev,
.concise-pagination .ant-pagination-jump-next {
  display: none;
}
.concise-pagination .ant-pagination-prev,
.concise-pagination .ant-pagination-next {
  position: relative;
  width: 80px !important;
}
.concise-pagination .ant-pagination-prev .anticon,
.concise-pagination .ant-pagination-next .anticon {
  opacity: 0;
}
.concise-pagination .ant-pagination-prev::after,
.concise-pagination .ant-pagination-next::after {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 12px;
  color: #666;
}
.concise-pagination .ant-pagination-prev::after {
  content: '\4E0A\4E00\9875';
}
.concise-pagination .ant-pagination-next::after {
  content: '\4E0B\4E00\9875';
}
.dummy-inp {
  width: 0px;
  height: 0px;
  position: absolute;
  opacity: 0;
  left: -9999px;
}
input:-webkit-autofill {
  box-shadow: 0 0 0 1000px white inset !important;
}
input:-internal-autofill-previewed,
input:-internal-autofill-selected {
  -webkit-text-fill-color: #333 !important;
  transition: background-color 5000s ease-in-out 0s !important;
}
.business-detail {
  background-color: #fff;
}
.business-detail .detail-box__swiper-thumbs {
  display: flex;
  margin-top: 12px;
}
.business-detail .detail-box__swiper-thumbs .swiper-slide.swiper-slide-thumb-active:after {
  opacity: 0;
}
.business-detail .detail-box__swiper-thumbs .swiper-slide:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.4;
}
.business-detail .detail-box__swiper-thumbs .custom-button-prev,
.business-detail .detail-box__swiper-thumbs .custom-button-next {
  width: 32px;
  height: 62px;
  border: 1px solid #e3e3e3;
  color: #999999;
  text-align: center;
  line-height: 60px;
  font-size: 20px;
  font-weight: bold;
  flex-shrink: 0;
  cursor: pointer;
}
.business-detail .detail-box__swiper-thumbs .custom-button-prev.disable,
.business-detail .detail-box__swiper-thumbs .custom-button-next.disable {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  border-color: #d9d9d9;
  cursor: not-allowed;
}
.business-detail .detail-box__swiper-thumbs .custom-button-prev.disable .icon,
.business-detail .detail-box__swiper-thumbs .custom-button-next.disable .icon {
  opacity: 0.4;
}
.business-detail .detail-box__swiper-thumbs .custom-button-prev {
  margin-right: 10px;
}
.business-detail .detail-box__swiper-thumbs .custom-button-next {
  margin-left: 10px;
}
.business-detail .breadcrumb-box {
  height: 40px;
  background: #f9f9f9;
  display: flex;
  align-items: center;
}
.business-detail .breadcrumb-box .ant-breadcrumb {
  margin: 0 auto;
}
.business-detail .detail-wrapper {
  display: flex;
  padding-top: 22px;
}
.business-detail .detail-wrapper .detail-content {
  flex-grow: 1;
}
.business-detail .detail-wrapper .detail-content .goods-info {
  font-size: 14px;
}
.business-detail .detail-wrapper .detail-content .goods-info .goods-info__detail .goods-desc {
  margin-bottom: 14px;
}
.business-detail .detail-wrapper .detail-content .goods-info .goods-info__detail .goods-desc img {
  max-width: 100%;
}
.business-detail .detail-wrapper .detail-content .goods-info .goods-info__detail .large {
  width: 100%;
}
.business-detail .detail-wrapper .detail-content .goods-info .goods-info__detail .large img {
  max-width: 100%;
}
.business-detail .detail-wrapper .detail-content .goods-info .goods-info__list p {
  margin: 0;
}
.business-detail .detail-wrapper .detail-content .goods-info .goods-info__list .goods-info__item {
  display: flex;
  margin-bottom: 10px;
  font-size: 14px;
}
.business-detail .detail-wrapper .detail-content .goods-info .goods-info__list .goods-info__item:last-child {
  margin-bottom: 0;
}
.business-detail .detail-wrapper .detail-content .goods-info .goods-info__list .goods-info__item .title {
  width: 130px;
  color: #838383;
}
.business-detail .detail-wrapper .detail-content .goods-info .goods-info__list .goods-info__item .desc {
  color: #111111;
}
.business-detail .detail-wrapper .detail-content .detail-action {
  display: flex;
  padding: 10px 0 28px;
  width: 360px;
  position: relative;
}
.business-detail .detail-wrapper .detail-content .detail-action .detail-action__item {
  font-size: 14px;
  margin-right: 20px;
}
.business-detail .detail-wrapper .detail-content .detail-action .detail-action__item img {
  margin-right: 3px;
}
.business-detail .detail-wrapper .detail-content .detail-action .detail-action__item a {
  color: #666;
  display: flex;
  align-items: center;
}
.business-detail .detail-wrapper .detail-content .detail-action .detail-action__item a:hover {
  color: #3c76f7;
}
.business-detail .detail-wrapper .detail-content .detail-action .pos {
  position: absolute;
  right: 0;
  margin-right: 0;
}
.business-detail .detail-wrapper .detail-content .goods-content {
  border: 1px solid #e8e8e8;
}
.business-detail .detail-wrapper .detail-content .goods-content .tab-content {
  padding: 32px 42px;
  box-sizing: border-box;
}
.business-detail .detail-wrapper .detail-content .goods-content .ant-tabs-top > .ant-tabs-nav .ant-tabs-ink-bar,
.business-detail .detail-wrapper .detail-content .goods-content .ant-tabs-top > div > .ant-tabs-nav .ant-tabs-ink-bar {
  top: 0;
}
.business-detail .detail-wrapper .detail-content .goods-content .ant-tabs-top > .ant-tabs-nav,
.business-detail .detail-wrapper .detail-content .goods-content .ant-tabs-bottom > .ant-tabs-nav,
.business-detail .detail-wrapper .detail-content .goods-content .ant-tabs-top > div > .ant-tabs-nav,
.business-detail .detail-wrapper .detail-content .goods-content .ant-tabs-bottom > div > .ant-tabs-nav {
  margin: 0;
}
.business-detail .detail-wrapper .detail-content .goods-content .ant-tabs-nav-list {
  width: 100%;
  background-color: #f9f9f9;
}
.business-detail .detail-wrapper .detail-content .goods-content .ant-tabs-ink-bar {
  background-color: #ff8d1a;
}
.business-detail .detail-wrapper .detail-content .goods-content .ant-tabs-nav .ant-tabs-tab {
  flex: 1;
  margin: 0;
  display: flex;
  justify-content: center;
}
.business-detail .detail-wrapper .detail-content .goods-content .ant-tabs-tab.ant-tabs-tab-active {
  color: #ff8d1a;
  background-color: #fff;
}
.business-detail .detail-wrapper .detail-content .goods-content .ant-tabs-tab:hover {
  color: #ff8d1a;
}
.business-detail .detail-wrapper .detail-content .goods-content .ant-tabs-tab:focus,
.business-detail .detail-wrapper .detail-content .goods-content .ant-tabs-tab:active {
  opacity: 0.8;
}
.business-detail .detail-wrapper .detail-content .detail-box {
  font-size: 14px;
  display: flex;
}
.business-detail .detail-wrapper .detail-content .detail-box .detail-box__swiper {
  width: 360px;
  flex-shrink: 0;
}
.business-detail .detail-wrapper .detail-content .detail-box .detail-box__swiper .swiper-container.thumbs {
  height: 62px;
}
.business-detail .detail-wrapper .detail-content .detail-box .detail-box__swiper .swiper-container .swiper-slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.business-detail .detail-wrapper .detail-content .detail-box .detail-box__info {
  flex-grow: 1;
  padding: 0 0px 0 40px;
}
.business-detail .detail-wrapper .detail-content .detail-box .detail-box__info .detail-box__title {
  display: inline-block;
  font-size: 20px;
  color: #0a0909;
  line-height: 28px;
  font-weight: 500;
  margin: 0;
  min-height: 28px;
}
.business-detail .detail-wrapper .detail-content .detail-box .detail-box__info .detail-box__expect {
  background-image: url("/static/good-details/expect_bg.png");
  background-size: 100%;
  height: 80px;
  margin: 15px 0;
  padding: 11px 12px;
  box-sizing: border-box;
  display: flex;
}
.business-detail .detail-wrapper .detail-content .detail-box .detail-box__info .detail-box__expect .expect_title {
  font-size: 14px;
  color: #666666;
  margin-top: 9px;
  width: 90px;
}
.business-detail .detail-wrapper .detail-content .detail-box .detail-box__info .detail-box__expect .expect_price p {
  margin: 0;
}
.business-detail .detail-wrapper .detail-content .detail-box .detail-box__info .detail-box__expect .expect_price .p1 {
  color: #f21616;
  font-size: 20px;
  margin-bottom: 5px;
  font-weight: 600;
}
.business-detail .detail-wrapper .detail-content .detail-box .detail-box__info .detail-box__expect .expect_price .p1 .unit {
  font-size: 14px;
}
.business-detail .detail-wrapper .detail-content .detail-box .detail-box__info .detail-box__expect .expect_price .p1 .tax {
  font-size: 16px;
}
.business-detail .detail-wrapper .detail-content .detail-box .detail-box__info .detail-box__expect .expect_price .p2 {
  color: #999999;
  font-size: 14px;
}
.business-detail .detail-wrapper .detail-content .detail-box .detail-box__info .detail-box__expect .expect_price .p2 .ton {
  color: #111111;
}
.business-detail .detail-wrapper .detail-content .detail-box .detail-box__info .detail-box_color {
  font-size: 14px;
  color: #666666;
  display: flex;
  align-items: center;
}
.business-detail .detail-wrapper .detail-content .detail-box .detail-box__info .detail-box_color .tit {
  color: #838383;
  margin-left: 12px;
  width: 90px;
  display: inline-block;
}
.business-detail .detail-wrapper .detail-content .detail-box .detail-box__info .detail-box_color .visit {
  display: flex;
  align-items: center;
}
.business-detail .detail-wrapper .detail-content .detail-box .detail-box__info .detail-box_color .visit .img1 {
  height: 9px;
}
.business-detail .detail-wrapper .detail-content .detail-box .detail-box__info .detail-box_color .visit .img2 {
  height: 11px;
}
.business-detail .detail-wrapper .detail-content .detail-box .detail-box__info .detail-box_color .visit .mar1 {
  margin: 0 7px;
}
.business-detail .detail-wrapper .detail-content .detail-box .detail-box__info .detail-box_color .visit .line {
  margin: 0 53px;
  color: #e4dfdb;
}
.business-detail .detail-wrapper .detail-content .detail-box .detail-box__info .detail-box_color .visit .col1 {
  color: #3c76f7;
}
.business-detail .detail-wrapper .detail-content .detail-box .detail-box__info .detail-box_color .visit .col2 {
  color: #ff8d1a;
}
.business-detail .detail-wrapper .detail-content .detail-box .detail-box__info .detail-box_color .box_label {
  display: flex;
  align-items: center;
}
.business-detail .detail-wrapper .detail-content .detail-box .detail-box__info .detail-box_color .box_label .tag {
  background: #f6f7f7;
  padding: 3px 5px;
  border-radius: 3px;
  font-size: 12px;
  margin-right: 5px;
  color: #626262;
}
.business-detail .detail-wrapper .detail-content .detail-box .detail-box__info .detail-box_color .val {
  color: #111111;
}
.business-detail .detail-wrapper .detail-content .detail-box .detail-box__info .detail-box_color .val1 {
  color: #111111;
  font-size: 14px;
}
.business-detail .detail-wrapper .detail-content .detail-box .detail-box__info .pad1 {
  padding-bottom: 15px;
  border-bottom: 1px dashed #e5e5e5;
}
.business-detail .detail-wrapper .detail-content .detail-box .detail-box__info .pad2 {
  padding: 10px 0;
  border-bottom: 1px dashed #e5e5e5;
}
.business-detail .detail-wrapper .detail-content .detail-box .detail-box__info .pad3 {
  padding: 14px 0 16px;
}
.business-detail .detail-wrapper .detail-content .detail-box .detail-box__info .detail-box__group {
  display: flex;
  margin-top: 20px;
}
.business-detail .detail-wrapper .detail-content .detail-box .detail-box__info .detail-box__group .ant-btn {
  height: 45px;
  width: 130px;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.business-detail .detail-wrapper .detail-content .detail-box .detail-box__info .detail-box__group .ant-btn.custom {
  color: #3c76f7;
  background: rgba(72, 126, 251, 0.08);
  border: 1px solid #3c76f7;
  margin-right: 24px;
}
.business-detail .detail-wrapper .detail-content .detail-box .detail-box__info .detail-box__group .ant-btn.disable {
  background: #dcdcdc;
  border-color: #dcdcdc;
  color: #fff;
  cursor: no-drop;
}
.business-detail .detail-wrapper .detail-content .detail-box .detail-box__info .detail-box__group .img {
  width: 14px;
  height: 14px;
  margin-right: 4px;
}
.business-detail .detail-wrapper .detail-side {
  width: 248px;
  flex-shrink: 0;
  margin-left: 42px;
}
.business-detail .detail-wrapper .detail-side .commodity-group__tags .commodity-group__tag {
  font-size: 12px;
}
.business-detail .detail-wrapper .detail-side .detail-side__card {
  border: 1px solid #e6e8ee;
  background: white;
}
.business-detail .detail-wrapper .detail-side .detail-side__card .network-user {
  display: flex;
  align-items: center;
  border-bottom: 1px solid #e5e5e5;
  padding: 15px;
  background: #f9f9f9;
}
.business-detail .detail-wrapper .detail-side .detail-side__card .avatar {
  width: 20px;
  height: 20px;
  border-radius: 50%;
}
.business-detail .detail-wrapper .detail-side .detail-side__card .username {
  color: #111111;
  font-weight: 500;
  font-size: 14px;
  margin-left: 5px;
}
.business-detail .detail-wrapper .detail-side .detail-side__card .auth-icon {
  width: 52px;
  height: auto;
  margin-left: 5px;
}
.business-detail .detail-wrapper .detail-side .detail-side__card .icon {
  width: 46px;
  height: auto;
  margin-left: 5px;
}
.business-detail .detail-wrapper .detail-side .detail-side__card .network-credit {
  padding: 15px 12px 26px;
  color: #111111;
  font-size: 14px;
  font-weight: 400;
}
.business-detail .detail-wrapper .detail-side .detail-side__card .network-credit .credit-item {
  display: flex;
  align-items: flex-start;
}
.business-detail .detail-wrapper .detail-side .detail-side__card .network-credit .credit-item .credit-tit {
  flex: 0 0 70px;
}
.business-detail .detail-wrapper .detail-side .detail-side__card .network-credit .credit-item .credit-r {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.business-detail .detail-wrapper .detail-side .detail-side__card .network-credit .credit-item .credit-r .credit-icon {
  width: 13px;
  height: 12px;
  margin-right: 3px;
}
.business-detail .detail-wrapper .detail-side .detail-side__card .network-credit .credit-item .credit-r .tag .em {
  margin-right: 3px;
}
.business-detail .detail-wrapper .detail-side .detail-side__card .network-credit .pad {
  margin-top: 12px;
}
.business-detail .detail-wrapper .detail-side .detail-side__card .network-credit .line {
  border-bottom: 0.5px dashed #e5e5e5;
  margin: 15px 0;
}
.business-detail .detail-wrapper .detail-side .detail-side__card .detail-side__group {
  display: flex;
  justify-content: center;
  margin-top: 20px;
}
.business-detail .detail-wrapper .detail-side .detail-side__card .detail-side__group .btn {
  width: 100px;
  height: 32px;
  background: #f2f2f2;
  border: 1px solid #ededed;
  border-radius: 3px;
  color: #111111;
  font-size: 12px;
  font-weight: 400;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  margin: 0 10px;
}
.business-detail .detail-wrapper .detail-side .detail-side__card .detail-side__group .btn:active {
  opacity: 0.8;
}
.business-detail .detail-wrapper .detail-side .detail-side__card-vip {
  border: 1px solid #F9E2AB;
}
.business-detail .detail-wrapper .detail-side .detail-side__card-vip .network-user {
  border-bottom: none;
  background: linear-gradient(180deg, #fcf0ca 0%, #fffdf7 100%);
  justify-content: center;
}
.business-detail .detail-wrapper .detail-side .detail-side__card-vip .network-user .member_title {
  color: #B87A3C;
  font-size: 16px;
  font-weight: 500;
  display: flex;
  align-items: center;
}
.business-detail .detail-wrapper .detail-side .detail-side__card-vip .network-user .member_title::after {
  content: '';
  display: inline-block;
  width: 36px;
  height: 2px;
  margin-left: 10px;
  background: linear-gradient(to right, #F3C64B 0%, #fffdf7 100%);
}
.business-detail .detail-wrapper .detail-side .detail-side__card-vip .network-user .member_title::before {
  content: '';
  display: inline-block;
  width: 36px;
  height: 2px;
  margin-right: 10px;
  background: linear-gradient(to left, #F3C64B 0%, #fffdf7 100%);
}
.business-detail .detail-wrapper .detail-side .detail-side__card-vip .card-vip {
  display: flex;
  align-items: center;
  margin-bottom: 12px;
}
.business-detail .detail-wrapper .detail-side .relevant .relevant-list {
  max-height: 1330px;
  overflow: auto;
}
.business-detail .detail-wrapper .detail-side .relevant .relevant-list::-webkit-scrollbar {
  width: 0 !important;
}
.business-detail .detail-wrapper .detail-side .relevant .scrollBtn {
  display: flex;
  align-items: center;
  justify-content: space-around;
  padding: 20px 20px 0;
}
.business-detail .detail-wrapper .detail-side .relevant .scrollBtn .btn {
  width: 27px;
  height: 14px;
}
.business-detail .detail-wrapper .detail-side .relevant .scrollBtn .btn:active {
  opacity: 0.5;
}
.business-detail .detail-wrapper .detail-side .relevant .scrollBtn .btn:hover {
  cursor: pointer;
}
.business-detail .detail-wrapper .detail-side .relevant .relevant-title {
  position: relative;
  color: #999999;
  font-size: 12px;
  font-weight: 400;
  margin: 28px 46px 12px;
  text-align: center;
  box-sizing: border-box;
}
.business-detail .detail-wrapper .detail-side .relevant .relevant-title p {
  width: 100%;
  border-bottom: 1px dashed #e5e5e5;
  position: absolute;
  top: 8px;
}
.business-detail .detail-wrapper .detail-side .relevant .relevant-title .tit {
  position: relative;
  padding: 0 10px;
  background-color: #fff;
  display: inline-block;
}
.report_modal .ant-modal-content {
  width: 868px;
}
.report_modal .ant-modal-body {
  overflow-y: auto;
  height: 600px;
  text-align: center;
}
.report_modal .ant-modal-body img {
  width: 800px;
}
.information-modal .ant-modal-body {
  padding: 24px 38px 11px 24px;
}
.information-modal .information-modal-item {
  margin-bottom: 24px;
  display: flex;
}
.information-modal .information-modal-item .label {
  min-width: 103px;
  color: #666666;
  height: 36px;
  line-height: 36px;
  margin-right: 16px;
}
.information-modal .information-modal-item .desc {
  position: relative;
}
.information-modal .information-modal-item .desc .ant-select-selector {
  height: 36px;
  color: #333;
}
.information-modal .information-modal-item .desc textarea {
  width: 378px;
  height: 142px;
  resize: none;
}
.information-modal .information-modal-item .desc .text-tip {
  position: absolute;
  bottom: 8px;
  right: 6px;
}
.information-modal .information-modal-footer {
  margin-top: 32px;
}
.information-modal .information-modal-footer .title {
  margin-bottom: 11px;
  height: 32px;
  color: #666666;
}
.information-modal .information-modal-footer .upload-text {
  display: flex;
  color: #e02020;
}
.information-modal .information-modal-footer .upload-text .prompt {
  margin-right: 8px;
}
.information-modal .information-modal-footer .ant-upload-select-picture-card {
  position: relative;
}
.information-modal .information-modal-footer .ant-upload-select-picture-card .text-tip {
  position: absolute;
  bottom: 0;
  right: -40px;
}
.Service-modal .ant-modal-content {
  height: 100%;
}
.Service-modal .ant-modal-content .ant-modal-header {
  border: none;
  padding-bottom: 0;
}
.Service-modal .ant-modal-content .ant-modal-body {
  padding-top: 12px;
  padding-bottom: 4px;
}
.Service-modal .ant-modal-content .ant-modal-body p {
  margin-bottom: 0;
  font-size: 14px;
}
.Service-modal .ant-modal-content .ant-modal-footer {
  padding: 0 26px 12px 0;
  border: none;
}
.Service-modal .ant-modal-content .ant-modal-footer .ant-btn:nth-child(1) {
  display: none;
}

.help-detail .wrap {
  background: #f9fafd;
  padding-top: 20px;
  padding-bottom: 30px;
}
.help-detail .wrap .left-box {
  font-size: 16px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #333333;
  float: left;
  width: 250px;
  margin-right: 20px;
  padding-bottom: 20px;
  box-shadow: 0px 0px 10px 0px rgba(218, 218, 218, 0.5);
}
.help-detail .wrap .left-box .title {
  width: 250px;
  height: 50px;
  background: #487efb;
  line-height: 50px;
  font-size: 18px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #ffffff;
  box-sizing: border-box;
  padding-left: 24px;
}
.help-detail .wrap .left-box .item {
  padding-left: 24px;
  padding-top: 20px;
  cursor: pointer;
}
.help-detail .wrap .left-box .item.active {
  color: #487efb;
}
.help-detail .wrap .left-box .item:hover {
  color: #487efb;
}
.help-detail .wrap .right-box {
  float: right;
  width: 930px;
  box-shadow: 0px 0px 10px 0px rgba(218, 218, 218, 0.5);
}

.text-ellipsis {
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}
.text-ellipsis2,
.text-ellipsis3,
.text-ellipsis4 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.text-ellipsis3 {
  -webkit-line-clamp: 3;
}
.text-ellipsis4 {
  -webkit-line-clamp: 4;
}
.position-c {
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
}
.position-x-c {
  position: absolute !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
}
.position-y-c {
  position: absolute !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
}
.flex {
  display: flex;
}
.flex-wrap {
  display: flex;
  flex-wrap: wrap;
}
.flex-column {
  display: flex;
  flex-direction: column;
}
.flex-c {
  display: flex;
  align-items: center;
}
.justify-between {
  display: flex;
  justify-content: space-between;
}
.empty-box {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.empty-box .empty-img {
  height: 120px;
  margin-top: -180px;
}
.empty-box .empty-img img {
  height: 100%;
}
.empty-box .empty-tips {
  font-size: 14px;
  color: #999;
  margin-top: 8px;
  position: relative;
  right: 5px;
}
.manage-page {
  background: #f4f6f9;
  min-height: 100vh;
}
.ant-badge-count {
  height: 16px;
  line-height: 16px;
  background-color: #f8524f;
}
.home-title {
  text-align: center;
  font-size: 28px;
  color: #383838;
  margin-bottom: 34px;
  position: relative;
  font-weight: 500;
  letter-spacing: 1px;
}
.home-title .home-title-content {
  position: relative;
}
.home-title .home-title-content::before,
.home-title .home-title-content::after {
  content: '';
  width: 23px;
  height: 19px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background: url('/static/home/title-icon.png') no-repeat;
  background-size: cover;
  background-position: center;
  margin-top: 2px;
}
.home-title .home-title-content::before {
  left: -40px;
}
.home-title .home-title-content::after {
  right: -40px;
}
.navbar-fixed-page {
  padding-top: 40px;
}
.anchor-position {
  position: absolute;
  top: -130px;
}
.banner-swiper-button-prev,
.banner-swiper-button-next {
  width: 26px;
  height: 36px;
  background: rgba(0, 0, 0, 0.15);
  transition: all 0.2s;
}
.banner-swiper-button-prev .icon,
.banner-swiper-button-next .icon {
  color: #fff;
  position: relative;
}
.banner-swiper-button-prev:hover,
.banner-swiper-button-next:hover {
  background: rgba(0, 0, 0, 0.3);
}
.banner-swiper-button-prev::after,
.banner-swiper-button-next::after {
  display: none;
}
.banner-swiper-button-prev {
  border-radius: 0 400px 400px 0;
  left: 0;
}
.banner-swiper-button-prev .icon {
  right: 2px;
}
.banner-swiper-button-next {
  border-radius: 400px 0 0 400px;
  right: 0;
}
.banner-swiper-button-next .icon {
  left: 2px;
}
.poster-tips {
  width: 32px;
  height: 18px;
  background: rgba(0, 0, 0, 0.3);
  font-size: 12px;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  right: -3px;
  bottom: -2px;
  transform: scale(0.8);
}
.concise-pagination .ant-pagination-item {
  display: none;
}
.concise-pagination .ant-pagination-jump-prev,
.concise-pagination .ant-pagination-jump-next {
  display: none;
}
.concise-pagination .ant-pagination-prev,
.concise-pagination .ant-pagination-next {
  position: relative;
  width: 80px !important;
}
.concise-pagination .ant-pagination-prev .anticon,
.concise-pagination .ant-pagination-next .anticon {
  opacity: 0;
}
.concise-pagination .ant-pagination-prev::after,
.concise-pagination .ant-pagination-next::after {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 12px;
  color: #666;
}
.concise-pagination .ant-pagination-prev::after {
  content: '\4E0A\4E00\9875';
}
.concise-pagination .ant-pagination-next::after {
  content: '\4E0B\4E00\9875';
}
.dummy-inp {
  width: 0px;
  height: 0px;
  position: absolute;
  opacity: 0;
  left: -9999px;
}
input:-webkit-autofill {
  box-shadow: 0 0 0 1000px white inset !important;
}
input:-internal-autofill-previewed,
input:-internal-autofill-selected {
  -webkit-text-fill-color: #333 !important;
  transition: background-color 5000s ease-in-out 0s !important;
}
.help .wrap {
  min-width: 1200px;
  margin: 0 auto;
  background-image: url(/static/help/bg.png);
  background-size: 2560px 300px;
  background-position: top center;
  background-repeat: no-repeat;
  min-height: 300px;
  padding-bottom: 40px;
}
.help .wrap .white-word {
  display: block;
  min-width: 1200px;
  margin: 0 auto;
  color: #fff;
}
.help .wrap h1.title {
  font-size: 30px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #FFFFFF;
  line-height: 32px;
  text-align: center;
  padding: 50px 0;
}
.help .wrap .content {
  width: 1200px;
  min-height: 710px;
  background: #fff;
  box-shadow: 0px 0px 8px 0px rgba(218, 218, 218, 0.5);
  margin: 0 auto;
  padding: 8px 0;
  box-sizing: border-box;
}
.help .wrap .content .item-box {
  float: left;
  width: 356px;
  height: 299px;
  background: #F6F6F6;
  margin: 32px 0 0 34px;
  padding: 20px 32px 0;
  box-sizing: border-box;
}
.help .wrap .content .item-box .title {
  font-size: 20px;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
  color: #333333;
  line-height: 28px;
  padding-bottom: 20px;
  position: relative;
}
.help .wrap .content .item-box .title::after {
  position: absolute;
  content: '';
  height: 1px;
  background-color: #ECECEC;
  width: 100%;
  bottom: 8px;
  left: 0;
}
.help .wrap .content .item-box .title .auth,
.help .wrap .content .item-box .title .publish,
.help .wrap .content .item-box .title .other {
  width: 20px;
  height: 20px;
  display: inline-block;
  margin-right: 6px;
  margin-top: -4px;
}
.help .wrap .content .item-box .title .people {
  width: 20px;
  height: 23px;
  display: inline-block;
  margin-right: 6px;
  margin-top: -4px;
}
.help .wrap .content .item-box .title .message {
  width: 20px;
  height: 19px;
  display: inline-block;
  margin-right: 6px;
  margin-top: -4px;
}
.help .wrap .content .item-box .title .point {
  width: 20px;
  height: 22px;
  display: inline-block;
  margin-right: 6px;
  margin-top: -4px;
}
.help .wrap .content .item-box .small-title {
  font-size: 16px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #333333;
  line-height: 22px;
  cursor: pointer;
  padding-left: 20px;
  position: relative;
  padding-top: 8px;
  padding-bottom: 8px;
}
.help .wrap .content .item-box .small-title::before {
  content: '';
  background: url(/static/help/arrow-grey.png);
  background-repeat: no-repeat;
  background-size: 100%;
  width: 4px;
  height: 7px;
  display: block;
  position: absolute;
  left: 0;
  top: 14px;
}
.help .wrap .content .item-box .small-title:hover {
  color: #4E79FD;
}
.help .wrap .content .item-box .small-title:hover::before {
  background: url(/static/help/arrow.png);
  background-repeat: no-repeat;
  background-size: 100%;
  width: 4px;
  height: 7px;
}

.text-ellipsis {
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}
.text-ellipsis2,
.text-ellipsis3,
.text-ellipsis4 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.text-ellipsis3 {
  -webkit-line-clamp: 3;
}
.text-ellipsis4 {
  -webkit-line-clamp: 4;
}
.position-c {
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
}
.position-x-c {
  position: absolute !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
}
.position-y-c {
  position: absolute !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
}
.flex {
  display: flex;
}
.flex-wrap {
  display: flex;
  flex-wrap: wrap;
}
.flex-column {
  display: flex;
  flex-direction: column;
}
.flex-c {
  display: flex;
  align-items: center;
}
.justify-between {
  display: flex;
  justify-content: space-between;
}
.empty-box {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.empty-box .empty-img {
  height: 120px;
  margin-top: -180px;
}
.empty-box .empty-img img {
  height: 100%;
}
.empty-box .empty-tips {
  font-size: 14px;
  color: #999;
  margin-top: 8px;
  position: relative;
  right: 5px;
}
.manage-page {
  background: #f4f6f9;
  min-height: 100vh;
}
.ant-badge-count {
  height: 16px;
  line-height: 16px;
  background-color: #f8524f;
}
.home-title {
  text-align: center;
  font-size: 28px;
  color: #383838;
  margin-bottom: 34px;
  position: relative;
  font-weight: 500;
  letter-spacing: 1px;
}
.home-title .home-title-content {
  position: relative;
}
.home-title .home-title-content::before,
.home-title .home-title-content::after {
  content: '';
  width: 23px;
  height: 19px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background: url('/static/home/title-icon.png') no-repeat;
  background-size: cover;
  background-position: center;
  margin-top: 2px;
}
.home-title .home-title-content::before {
  left: -40px;
}
.home-title .home-title-content::after {
  right: -40px;
}
.navbar-fixed-page {
  padding-top: 40px;
}
.anchor-position {
  position: absolute;
  top: -130px;
}
.banner-swiper-button-prev,
.banner-swiper-button-next {
  width: 26px;
  height: 36px;
  background: rgba(0, 0, 0, 0.15);
  transition: all 0.2s;
}
.banner-swiper-button-prev .icon,
.banner-swiper-button-next .icon {
  color: #fff;
  position: relative;
}
.banner-swiper-button-prev:hover,
.banner-swiper-button-next:hover {
  background: rgba(0, 0, 0, 0.3);
}
.banner-swiper-button-prev::after,
.banner-swiper-button-next::after {
  display: none;
}
.banner-swiper-button-prev {
  border-radius: 0 400px 400px 0;
  left: 0;
}
.banner-swiper-button-prev .icon {
  right: 2px;
}
.banner-swiper-button-next {
  border-radius: 400px 0 0 400px;
  right: 0;
}
.banner-swiper-button-next .icon {
  left: 2px;
}
.poster-tips {
  width: 32px;
  height: 18px;
  background: rgba(0, 0, 0, 0.3);
  font-size: 12px;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  right: -3px;
  bottom: -2px;
  transform: scale(0.8);
}
.concise-pagination .ant-pagination-item {
  display: none;
}
.concise-pagination .ant-pagination-jump-prev,
.concise-pagination .ant-pagination-jump-next {
  display: none;
}
.concise-pagination .ant-pagination-prev,
.concise-pagination .ant-pagination-next {
  position: relative;
  width: 80px !important;
}
.concise-pagination .ant-pagination-prev .anticon,
.concise-pagination .ant-pagination-next .anticon {
  opacity: 0;
}
.concise-pagination .ant-pagination-prev::after,
.concise-pagination .ant-pagination-next::after {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 12px;
  color: #666;
}
.concise-pagination .ant-pagination-prev::after {
  content: '\4E0A\4E00\9875';
}
.concise-pagination .ant-pagination-next::after {
  content: '\4E0B\4E00\9875';
}
.dummy-inp {
  width: 0px;
  height: 0px;
  position: absolute;
  opacity: 0;
  left: -9999px;
}
input:-webkit-autofill {
  box-shadow: 0 0 0 1000px white inset !important;
}
input:-internal-autofill-previewed,
input:-internal-autofill-selected {
  -webkit-text-fill-color: #333 !important;
  transition: background-color 5000s ease-in-out 0s !important;
}
.lag-material-detail {
  background-color: #fff;
}
.lag-material-detail .detail-box__swiper-thumbs {
  display: flex;
  margin-top: 12px;
}
.lag-material-detail .detail-box__swiper-thumbs .swiper-slide.swiper-slide-thumb-active:after {
  opacity: 0;
}
.lag-material-detail .detail-box__swiper-thumbs .swiper-slide:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.4;
}
.lag-material-detail .detail-box__swiper-thumbs .custom-button-prev,
.lag-material-detail .detail-box__swiper-thumbs .custom-button-next {
  width: 32px;
  height: 62px;
  border: 1px solid #e3e3e3;
  color: #999999;
  text-align: center;
  line-height: 60px;
  font-size: 20px;
  font-weight: bold;
  flex-shrink: 0;
  cursor: pointer;
}
.lag-material-detail .detail-box__swiper-thumbs .custom-button-prev.disable,
.lag-material-detail .detail-box__swiper-thumbs .custom-button-next.disable {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  border-color: #d9d9d9;
  cursor: not-allowed;
}
.lag-material-detail .detail-box__swiper-thumbs .custom-button-prev.disable .icon,
.lag-material-detail .detail-box__swiper-thumbs .custom-button-next.disable .icon {
  opacity: 0.4;
}
.lag-material-detail .detail-box__swiper-thumbs .custom-button-prev {
  margin-right: 10px;
}
.lag-material-detail .detail-box__swiper-thumbs .custom-button-next {
  margin-left: 10px;
}
.lag-material-detail .breadcrumb-box {
  height: 40px;
  background: #f9f9f9;
  display: flex;
  align-items: center;
}
.lag-material-detail .breadcrumb-box .ant-breadcrumb {
  margin: 0 auto;
}
.lag-material-detail .detail-wrapper {
  display: flex;
  padding-top: 22px;
}
.lag-material-detail .detail-wrapper .detail-content {
  flex-grow: 1;
}
.lag-material-detail .detail-wrapper .detail-content .goods-info {
  font-size: 14px;
}
.lag-material-detail .detail-wrapper .detail-content .goods-info .goods-info__detail .large {
  width: 100%;
}
.lag-material-detail .detail-wrapper .detail-content .goods-info .goods-info__detail .large img {
  max-width: 100%;
}
.lag-material-detail .detail-wrapper .detail-content .goods-info .goods-info__list p {
  margin: 0;
}
.lag-material-detail .detail-wrapper .detail-content .goods-info .goods-info__list .goods-info__item {
  display: flex;
  margin-bottom: 10px;
  font-size: 14px;
}
.lag-material-detail .detail-wrapper .detail-content .goods-info .goods-info__list .goods-info__item:last-child {
  margin-bottom: 0;
}
.lag-material-detail .detail-wrapper .detail-content .goods-info .goods-info__list .goods-info__item .title {
  width: 130px;
  color: #838383;
}
.lag-material-detail .detail-wrapper .detail-content .goods-info .goods-info__list .goods-info__item .desc {
  color: #111111;
}
.lag-material-detail .detail-wrapper .detail-content .detail-action {
  display: flex;
  padding: 10px 0 28px;
  width: 360px;
  position: relative;
}
.lag-material-detail .detail-wrapper .detail-content .detail-action .detail-action__item {
  font-size: 14px;
  margin-right: 20px;
}
.lag-material-detail .detail-wrapper .detail-content .detail-action .detail-action__item img {
  margin-right: 3px;
}
.lag-material-detail .detail-wrapper .detail-content .detail-action .detail-action__item a {
  color: #666;
  display: flex;
  align-items: center;
}
.lag-material-detail .detail-wrapper .detail-content .detail-action .detail-action__item a:hover {
  color: #3c76f7;
}
.lag-material-detail .detail-wrapper .detail-content .detail-action .pos {
  position: absolute;
  right: 0;
  margin-right: 0;
}
.lag-material-detail .detail-wrapper .detail-content .goods-content {
  border: 1px solid #e8e8e8;
}
.lag-material-detail .detail-wrapper .detail-content .goods-content .tab-content {
  padding: 32px 42px;
  box-sizing: border-box;
}
.lag-material-detail .detail-wrapper .detail-content .goods-content .ant-tabs-top > .ant-tabs-nav .ant-tabs-ink-bar,
.lag-material-detail .detail-wrapper .detail-content .goods-content .ant-tabs-top > div > .ant-tabs-nav .ant-tabs-ink-bar {
  top: 0;
}
.lag-material-detail .detail-wrapper .detail-content .goods-content .ant-tabs-top > .ant-tabs-nav,
.lag-material-detail .detail-wrapper .detail-content .goods-content .ant-tabs-bottom > .ant-tabs-nav,
.lag-material-detail .detail-wrapper .detail-content .goods-content .ant-tabs-top > div > .ant-tabs-nav,
.lag-material-detail .detail-wrapper .detail-content .goods-content .ant-tabs-bottom > div > .ant-tabs-nav {
  margin: 0;
}
.lag-material-detail .detail-wrapper .detail-content .goods-content .ant-tabs-nav-list {
  width: 100%;
  background-color: #f9f9f9;
}
.lag-material-detail .detail-wrapper .detail-content .goods-content .ant-tabs-ink-bar {
  background-color: #ff8d1a;
}
.lag-material-detail .detail-wrapper .detail-content .goods-content .ant-tabs-nav .ant-tabs-tab {
  flex: 1;
  margin: 0;
  display: flex;
  justify-content: center;
}
.lag-material-detail .detail-wrapper .detail-content .goods-content .ant-tabs-tab.ant-tabs-tab-active {
  color: #ff8d1a;
  background-color: #fff;
}
.lag-material-detail .detail-wrapper .detail-content .goods-content .ant-tabs-tab:hover {
  color: #ff8d1a;
}
.lag-material-detail .detail-wrapper .detail-content .goods-content .ant-tabs-tab:focus,
.lag-material-detail .detail-wrapper .detail-content .goods-content .ant-tabs-tab:active {
  opacity: 0.8;
}
.lag-material-detail .detail-wrapper .detail-content .detail-box {
  font-size: 14px;
  display: flex;
}
.lag-material-detail .detail-wrapper .detail-content .detail-box .detail-box__swiper {
  width: 360px;
  flex-shrink: 0;
}
.lag-material-detail .detail-wrapper .detail-content .detail-box .detail-box__swiper .swiper-container.thumbs {
  height: 62px;
}
.lag-material-detail .detail-wrapper .detail-content .detail-box .detail-box__swiper .swiper-container .swiper-slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.lag-material-detail .detail-wrapper .detail-content .detail-box .detail-box__info {
  flex-grow: 1;
  padding: 0 0px 0 40px;
}
.lag-material-detail .detail-wrapper .detail-content .detail-box .detail-box__info .detail-box__title {
  display: inline-block;
  font-size: 20px;
  color: #0a0909;
  line-height: 28px;
  font-weight: 500;
  margin: 0;
  min-height: 28px;
}
.lag-material-detail .detail-wrapper .detail-content .detail-box .detail-box__info .detail-box__expect {
  background-image: url("/static/good-details/expect_bg.png");
  background-size: 100%;
  height: 80px;
  margin: 15px 0;
  padding: 11px 12px;
  box-sizing: border-box;
  display: flex;
}
.lag-material-detail .detail-wrapper .detail-content .detail-box .detail-box__info .detail-box__expect .expect_title {
  font-size: 14px;
  color: #666666;
  margin-top: 9px;
  width: 90px;
}
.lag-material-detail .detail-wrapper .detail-content .detail-box .detail-box__info .detail-box__expect .expect_price p {
  margin: 0;
}
.lag-material-detail .detail-wrapper .detail-content .detail-box .detail-box__info .detail-box__expect .expect_price .p1 {
  color: #f21616;
  font-size: 20px;
  margin-bottom: 5px;
  font-weight: 600;
}
.lag-material-detail .detail-wrapper .detail-content .detail-box .detail-box__info .detail-box__expect .expect_price .p1 .unit {
  font-size: 14px;
}
.lag-material-detail .detail-wrapper .detail-content .detail-box .detail-box__info .detail-box__expect .expect_price .p1 .tax {
  font-size: 16px;
}
.lag-material-detail .detail-wrapper .detail-content .detail-box .detail-box__info .detail-box__expect .expect_price .p2 {
  color: #999999;
  font-size: 14px;
}
.lag-material-detail .detail-wrapper .detail-content .detail-box .detail-box__info .detail-box__expect .expect_price .p2 .ton {
  color: #111111;
}
.lag-material-detail .detail-wrapper .detail-content .detail-box .detail-box__info .detail-box_color {
  font-size: 14px;
  color: #666666;
  display: flex;
  align-items: center;
}
.lag-material-detail .detail-wrapper .detail-content .detail-box .detail-box__info .detail-box_color .tit {
  color: #838383;
  margin-left: 12px;
  width: 90px;
  display: inline-block;
}
.lag-material-detail .detail-wrapper .detail-content .detail-box .detail-box__info .detail-box_color .visit {
  display: flex;
  align-items: center;
}
.lag-material-detail .detail-wrapper .detail-content .detail-box .detail-box__info .detail-box_color .visit .img1 {
  height: 9px;
}
.lag-material-detail .detail-wrapper .detail-content .detail-box .detail-box__info .detail-box_color .visit .img2 {
  height: 11px;
}
.lag-material-detail .detail-wrapper .detail-content .detail-box .detail-box__info .detail-box_color .visit .mar1 {
  margin: 0 7px;
}
.lag-material-detail .detail-wrapper .detail-content .detail-box .detail-box__info .detail-box_color .visit .line {
  margin: 0 30px;
  color: #e4dfdb;
}
.lag-material-detail .detail-wrapper .detail-content .detail-box .detail-box__info .detail-box_color .visit .col1 {
  color: #3c76f7;
}
.lag-material-detail .detail-wrapper .detail-content .detail-box .detail-box__info .detail-box_color .visit .col2 {
  color: #ff8d1a;
}
.lag-material-detail .detail-wrapper .detail-content .detail-box .detail-box__info .detail-box_color .box_label {
  display: flex;
  align-items: center;
}
.lag-material-detail .detail-wrapper .detail-content .detail-box .detail-box__info .detail-box_color .box_label .tag {
  background: #f6f7f7;
  padding: 3px 5px;
  border-radius: 3px;
  font-size: 12px;
  margin-right: 5px;
  color: #626262;
}
.lag-material-detail .detail-wrapper .detail-content .detail-box .detail-box__info .detail-box_color .val {
  color: #111111;
}
.lag-material-detail .detail-wrapper .detail-content .detail-box .detail-box__info .detail-box_color .val1 {
  color: #111111;
  font-size: 14px;
}
.lag-material-detail .detail-wrapper .detail-content .detail-box .detail-box__info .pad1 {
  border-bottom: 1px dashed #e5e5e5;
}
.lag-material-detail .detail-wrapper .detail-content .detail-box .detail-box__info .pad2 {
  padding: 10px 0;
  border-bottom: 1px dashed #e5e5e5;
}
.lag-material-detail .detail-wrapper .detail-content .detail-box .detail-box__info .pad3 {
  padding: 14px 0 16px;
}
.lag-material-detail .detail-wrapper .detail-content .detail-box .detail-box__info .detail-box__group {
  display: flex;
  margin-top: 56px;
}
.lag-material-detail .detail-wrapper .detail-content .detail-box .detail-box__info .detail-box__group .ant-btn {
  height: 45px;
  width: 130px;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.lag-material-detail .detail-wrapper .detail-content .detail-box .detail-box__info .detail-box__group .ant-btn.custom {
  color: #3c76f7;
  background: rgba(72, 126, 251, 0.08);
  border: 1px solid #3c76f7;
}
.lag-material-detail .detail-wrapper .detail-content .detail-box .detail-box__info .detail-box__group .img {
  width: 14px;
  height: 14px;
  margin-right: 4px;
}
.lag-material-detail .detail-wrapper .detail-side {
  width: 248px;
  flex-shrink: 0;
  margin-left: 42px;
}
.lag-material-detail .detail-wrapper .detail-side .commodity-group__tags .commodity-group__tag {
  font-size: 12px;
}
.lag-material-detail .detail-wrapper .detail-side .detail-side__card {
  border: 1px solid #e6e8ee;
  background: white;
}
.lag-material-detail .detail-wrapper .detail-side .detail-side__card .network-user {
  display: flex;
  align-items: center;
  border-bottom: 1px solid #e5e5e5;
  padding: 15px;
  background: #f9f9f9;
}
.lag-material-detail .detail-wrapper .detail-side .detail-side__card .avatar {
  width: 20px;
  height: 20px;
  border-radius: 50%;
}
.lag-material-detail .detail-wrapper .detail-side .detail-side__card .username {
  color: #111111;
  font-weight: 500;
  font-size: 14px;
  margin-left: 5px;
}
.lag-material-detail .detail-wrapper .detail-side .detail-side__card .auth-icon {
  width: 52px;
  height: auto;
  margin-left: 5px;
}
.lag-material-detail .detail-wrapper .detail-side .detail-side__card .icon {
  width: 46px;
  height: auto;
  margin-left: 5px;
}
.lag-material-detail .detail-wrapper .detail-side .detail-side__card .network-credit {
  padding: 15px 12px 26px;
  color: #111111;
  font-size: 14px;
  font-weight: 400;
}
.lag-material-detail .detail-wrapper .detail-side .detail-side__card .network-credit .credit-item {
  display: flex;
  align-items: flex-start;
}
.lag-material-detail .detail-wrapper .detail-side .detail-side__card .network-credit .credit-item .credit-tit {
  flex: 0 0 70px;
}
.lag-material-detail .detail-wrapper .detail-side .detail-side__card .network-credit .credit-item .credit-r {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.lag-material-detail .detail-wrapper .detail-side .detail-side__card .network-credit .credit-item .credit-r .credit-icon {
  width: 13px;
  height: 12px;
  margin-right: 3px;
}
.lag-material-detail .detail-wrapper .detail-side .detail-side__card .network-credit .credit-item .credit-r .tag .em {
  margin-right: 3px;
}
.lag-material-detail .detail-wrapper .detail-side .detail-side__card .network-credit .pad {
  margin-top: 12px;
}
.lag-material-detail .detail-wrapper .detail-side .detail-side__card .network-credit .line {
  border-bottom: 0.5px dashed #e5e5e5;
  margin: 15px 0;
}
.lag-material-detail .detail-wrapper .detail-side .detail-side__card .detail-side__group {
  display: flex;
  justify-content: center;
  margin-top: 20px;
}
.lag-material-detail .detail-wrapper .detail-side .detail-side__card .detail-side__group .btn {
  width: 100px;
  height: 32px;
  background: #f2f2f2;
  border: 1px solid #ededed;
  border-radius: 3px;
  color: #111111;
  font-size: 12px;
  font-weight: 400;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  margin: 0 10px;
}
.lag-material-detail .detail-wrapper .detail-side .detail-side__card .detail-side__group .btn:active {
  opacity: 0.8;
}
.lag-material-detail .detail-wrapper .detail-side .detail-side__card-vip {
  border: 1px solid #F9E2AB;
}
.lag-material-detail .detail-wrapper .detail-side .detail-side__card-vip .network-user {
  border-bottom: none;
  background: linear-gradient(180deg, #fcf0ca 0%, #fffdf7 100%);
  justify-content: center;
}
.lag-material-detail .detail-wrapper .detail-side .detail-side__card-vip .network-user .member_title {
  color: #B87A3C;
  font-size: 16px;
  font-weight: 500;
  display: flex;
  align-items: center;
}
.lag-material-detail .detail-wrapper .detail-side .detail-side__card-vip .network-user .member_title::after {
  content: '';
  display: inline-block;
  width: 36px;
  height: 2px;
  margin-left: 10px;
  background: linear-gradient(to right, #F3C64B 0%, #fffdf7 100%);
}
.lag-material-detail .detail-wrapper .detail-side .detail-side__card-vip .network-user .member_title::before {
  content: '';
  display: inline-block;
  width: 36px;
  height: 2px;
  margin-right: 10px;
  background: linear-gradient(to left, #F3C64B 0%, #fffdf7 100%);
}
.lag-material-detail .detail-wrapper .detail-side .detail-side__card-vip .card-vip {
  display: flex;
  align-items: center;
  margin-bottom: 12px;
}
.lag-material-detail .detail-wrapper .detail-side .relevant .relevant-list {
  max-height: 1330px;
  overflow: auto;
}
.lag-material-detail .detail-wrapper .detail-side .relevant .relevant-list::-webkit-scrollbar {
  width: 0 !important;
}
.lag-material-detail .detail-wrapper .detail-side .relevant .scrollBtn {
  display: flex;
  align-items: center;
  justify-content: space-around;
  padding: 20px 20px 0;
}
.lag-material-detail .detail-wrapper .detail-side .relevant .scrollBtn .btn {
  width: 27px;
  height: 14px;
}
.lag-material-detail .detail-wrapper .detail-side .relevant .scrollBtn .btn:active {
  opacity: 0.5;
}
.lag-material-detail .detail-wrapper .detail-side .relevant .scrollBtn .btn:hover {
  cursor: pointer;
}
.lag-material-detail .detail-wrapper .detail-side .relevant .relevant-title {
  position: relative;
  color: #999999;
  font-size: 12px;
  font-weight: 400;
  margin: 28px 46px 12px;
  text-align: center;
  box-sizing: border-box;
}
.lag-material-detail .detail-wrapper .detail-side .relevant .relevant-title p {
  width: 100%;
  border-bottom: 1px dashed #e5e5e5;
  position: absolute;
  top: 8px;
}
.lag-material-detail .detail-wrapper .detail-side .relevant .relevant-title .tit {
  position: relative;
  padding: 0 10px;
  background-color: #fff;
  display: inline-block;
}
.report_modal .ant-modal-content {
  width: 868px;
}
.report_modal .ant-modal-body {
  overflow-y: auto;
  height: 600px;
  text-align: center;
}
.report_modal .ant-modal-body img {
  width: 800px;
}
.information-modal .ant-modal-body {
  padding: 24px 38px 11px 24px;
}
.information-modal .information-modal-item {
  margin-bottom: 24px;
  display: flex;
}
.information-modal .information-modal-item .label {
  min-width: 103px;
  color: #666666;
  height: 36px;
  line-height: 36px;
  margin-right: 16px;
}
.information-modal .information-modal-item .desc {
  position: relative;
}
.information-modal .information-modal-item .desc .ant-select-selector {
  height: 36px;
  color: #333;
}
.information-modal .information-modal-item .desc textarea {
  width: 378px;
  height: 142px;
  resize: none;
}
.information-modal .information-modal-item .desc .text-tip {
  position: absolute;
  bottom: 8px;
  right: 6px;
}
.information-modal .information-modal-footer {
  margin-top: 32px;
}
.information-modal .information-modal-footer .title {
  margin-bottom: 11px;
  height: 32px;
  color: #666666;
}
.information-modal .information-modal-footer .upload-text {
  display: flex;
  color: #e02020;
}
.information-modal .information-modal-footer .upload-text .prompt {
  margin-right: 8px;
}
.information-modal .information-modal-footer .ant-upload-select-picture-card {
  position: relative;
}
.information-modal .information-modal-footer .ant-upload-select-picture-card .text-tip {
  position: absolute;
  bottom: 0;
  right: -40px;
}
.Service-modal .ant-modal-content {
  height: 100%;
}
.Service-modal .ant-modal-content .ant-modal-header {
  border: none;
  padding-bottom: 0;
}
.Service-modal .ant-modal-content .ant-modal-body {
  padding-top: 12px;
  padding-bottom: 4px;
}
.Service-modal .ant-modal-content .ant-modal-body p {
  margin-bottom: 0;
  font-size: 14px;
}
.Service-modal .ant-modal-content .ant-modal-footer {
  padding: 0 26px 12px 0;
  border: none;
}
.Service-modal .ant-modal-content .ant-modal-footer .ant-btn:nth-child(1) {
  display: none;
}

.lag-material-classify .filter {
  background-color: #fff;
  margin: 20px auto;
}
.lag-material-classify .filter .classify-list {
  display: flex;
  padding: 10px 0 10px;
  border-bottom: 1px dashed #dddee7fd;
}
.lag-material-classify .filter .classify-list .label {
  flex-shrink: 0;
  width: 125px;
  text-align: right;
  margin-right: 9px;
}
.lag-material-classify .filter .classify-list .classify-list-group {
  display: flex;
  flex-wrap: wrap;
  height: 32px;
  overflow: hidden;
}
.lag-material-classify .filter .classify-list .classify-list-group .classify-item {
  padding: 4px 12px;
  font-size: 14px;
  margin-right: 8px;
  margin-bottom: 7px;
  color: #999999;
  font-weight: 500;
  cursor: pointer;
  user-select: none;
}
.lag-material-classify .filter .classify-list .classify-list-group .classify-item.active {
  background-color: #487EFB;
  color: #fff;
}
.lag-material-classify .filter .classify-list .show-more {
  flex-shrink: 0;
  padding-left: 10px;
}
.lag-material-classify .filter .classify-list .show-more .icon {
  margin-left: 4px;
}
.lag-material-classify .filter-item {
  background-color: #fff;
  padding: 17px 44px 16px;
  position: relative;
  margin-bottom: 20px;
}
.lag-material-classify .filter-item .ant-tag {
  padding: 8px 18px 7px;
  border-radius: 16px;
  background-color: #F7F7F7;
  border: none;
}
.lag-material-classify .filter-item .ant-tag .anticon-close {
  margin-left: 10px;
}
.lag-material-classify .filter-item .reset-btn {
  position: absolute;
  right: 16px;
  top: 16px;
}
.lag-material-classify .filter-exter {
  display: flex;
  background-color: #fff;
  height: 52px;
  line-height: 52px;
  padding-left: 16px;
  margin-bottom: 26px;
}
.lag-material-classify .filter-exter .ant-dropdown-link {
  margin-right: 33px;
  position: relative;
}
.lag-material-classify .filter-exter .ant-dropdown-link:not(:last-child)::after {
  content: "";
  position: absolute;
  top: 50%;
  right: -16px;
  width: 1px;
  height: 20px;
  transform: translateY(-50%);
  background: #E6E8ED;
}
.lag-material-classify .filter-exter .filter-address_selector {
  padding-top: 18px;
}
.lag-material-classify .wrapper .goodCard-item {
  width: 224px;
  margin: 0 20px 20px 0;
}
.lag-material-classify .wrapper .goodCard-item:nth-child(5n) {
  margin-right: 0;
}
.lag-material-classify .wrapper .pagination {
  text-align: center;
  margin-bottom: 84px;
}

.text-ellipsis {
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}
.text-ellipsis2,
.text-ellipsis3,
.text-ellipsis4 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.text-ellipsis3 {
  -webkit-line-clamp: 3;
}
.text-ellipsis4 {
  -webkit-line-clamp: 4;
}
.position-c {
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
}
.position-x-c {
  position: absolute !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
}
.position-y-c {
  position: absolute !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
}
.flex {
  display: flex;
}
.flex-wrap {
  display: flex;
  flex-wrap: wrap;
}
.flex-column {
  display: flex;
  flex-direction: column;
}
.flex-c {
  display: flex;
  align-items: center;
}
.justify-between {
  display: flex;
  justify-content: space-between;
}
.empty-box {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.empty-box .empty-img {
  height: 120px;
  margin-top: -180px;
}
.empty-box .empty-img img {
  height: 100%;
}
.empty-box .empty-tips {
  font-size: 14px;
  color: #999;
  margin-top: 8px;
  position: relative;
  right: 5px;
}
.manage-page {
  background: #f4f6f9;
  min-height: 100vh;
}
.ant-badge-count {
  height: 16px;
  line-height: 16px;
  background-color: #f8524f;
}
.home-title {
  text-align: center;
  font-size: 28px;
  color: #383838;
  margin-bottom: 34px;
  position: relative;
  font-weight: 500;
  letter-spacing: 1px;
}
.home-title .home-title-content {
  position: relative;
}
.home-title .home-title-content::before,
.home-title .home-title-content::after {
  content: '';
  width: 23px;
  height: 19px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background: url('/static/home/title-icon.png') no-repeat;
  background-size: cover;
  background-position: center;
  margin-top: 2px;
}
.home-title .home-title-content::before {
  left: -40px;
}
.home-title .home-title-content::after {
  right: -40px;
}
.navbar-fixed-page {
  padding-top: 40px;
}
.anchor-position {
  position: absolute;
  top: -130px;
}
.banner-swiper-button-prev,
.banner-swiper-button-next {
  width: 26px;
  height: 36px;
  background: rgba(0, 0, 0, 0.15);
  transition: all 0.2s;
}
.banner-swiper-button-prev .icon,
.banner-swiper-button-next .icon {
  color: #fff;
  position: relative;
}
.banner-swiper-button-prev:hover,
.banner-swiper-button-next:hover {
  background: rgba(0, 0, 0, 0.3);
}
.banner-swiper-button-prev::after,
.banner-swiper-button-next::after {
  display: none;
}
.banner-swiper-button-prev {
  border-radius: 0 400px 400px 0;
  left: 0;
}
.banner-swiper-button-prev .icon {
  right: 2px;
}
.banner-swiper-button-next {
  border-radius: 400px 0 0 400px;
  right: 0;
}
.banner-swiper-button-next .icon {
  left: 2px;
}
.poster-tips {
  width: 32px;
  height: 18px;
  background: rgba(0, 0, 0, 0.3);
  font-size: 12px;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  right: -3px;
  bottom: -2px;
  transform: scale(0.8);
}
.concise-pagination .ant-pagination-item {
  display: none;
}
.concise-pagination .ant-pagination-jump-prev,
.concise-pagination .ant-pagination-jump-next {
  display: none;
}
.concise-pagination .ant-pagination-prev,
.concise-pagination .ant-pagination-next {
  position: relative;
  width: 80px !important;
}
.concise-pagination .ant-pagination-prev .anticon,
.concise-pagination .ant-pagination-next .anticon {
  opacity: 0;
}
.concise-pagination .ant-pagination-prev::after,
.concise-pagination .ant-pagination-next::after {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 12px;
  color: #666;
}
.concise-pagination .ant-pagination-prev::after {
  content: '\4E0A\4E00\9875';
}
.concise-pagination .ant-pagination-next::after {
  content: '\4E0B\4E00\9875';
}
.dummy-inp {
  width: 0px;
  height: 0px;
  position: absolute;
  opacity: 0;
  left: -9999px;
}
input:-webkit-autofill {
  box-shadow: 0 0 0 1000px white inset !important;
}
input:-internal-autofill-previewed,
input:-internal-autofill-selected {
  -webkit-text-fill-color: #333 !important;
  transition: background-color 5000s ease-in-out 0s !important;
}
.article .recommend-article {
  margin-top: 62px;
  min-height: 1038px;
}
.article .recommend-article .recommend-article__item-title {
  text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
}
.article .article-content {
  display: flex;
}
.article .article-content .content-left {
  flex-grow: 1;
  text-align: justify;
}
.article .article-content .content-left .article-comment__show-more {
  height: 40px;
  line-height: 40px;
  text-align: center;
  color: #3c76f7;
  font-size: 14px;
  cursor: pointer;
}
.article .article-content .content-left .article-comment__list {
  margin: 18px 0px 0;
  padding-bottom: 18px;
}
.article .article-content .content-left .article-comment__list .article-comment__item {
  padding: 20px 24px;
  border-bottom: 1px solid #E6E8EE;
}
.article .article-content .content-left .article-comment__list .article-comment__item .article-comment__head {
  display: flex;
  border: none;
}
.article .article-content .content-left .article-comment__list .article-comment__item .article-comment__head .avatar {
  width: 56px;
  height: 56px;
  flex-shrink: 0;
}
.article .article-content .content-left .article-comment__list .article-comment__item .article-comment__head .avatar img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
}
.article .article-content .content-left .article-comment__list .article-comment__item .article-comment__head .box {
  flex-grow: 1;
  margin-left: 20px;
}
.article .article-content .content-left .article-comment__list .article-comment__item .article-comment__head .box .user-name {
  line-height: 22px;
  color: #3c76f7;
}
.article .article-content .content-left .article-comment__list .article-comment__item .article-comment__head .box .user-name span {
  font-size: 14px;
  color: #999999;
  margin-left: 12px;
}
.article .article-content .content-left .article-comment__list .article-comment__item .article-comment__head .box .content {
  color: #333;
  margin-top: 2px;
  line-height: 20px;
}
.article .article-content .content-left .article-comment__list .article-comment__item .article-comment__head .box .article-comment__footer {
  display: flex;
  justify-content: space-between;
  color: #999999;
  font-size: 12px;
}
.article .article-content .content-left .article-comment__list .article-comment__item .article-comment__head .box .article-comment__footer span {
  cursor: pointer;
}
.article .article-content .content-left .article-comment__list .article-comment__item .article-comment__head .box .article-comment__footer span.reply {
  margin-left: 36px;
}
.article .article-content .content-left .article-comment__list .article-comment__item .article-comment__head .box .article-comment__footer span.delete {
  margin-right: 36px;
}
.article .article-content .content-left .article-comment__list .article-comment__item .article-comment__head .box .article-comment__footer span .icon {
  margin-right: 4px;
}
.article .article-content .content-left .article-comment__list .article-comment__item .article-comment__body {
  margin: 0px 0 0px 76px;
  padding: 4px 20px 12px;
  background: #F9FAFD;
}
.article .article-content .content-left .article-comment__list .article-comment__item .article-comment__body .show-more {
  margin-top: 12px;
  font-size: 14px;
  color: #999999;
  cursor: pointer;
}
.article .article-content .content-left .article-comment__list .article-comment__item .article-comment__body .article-comment__replay {
  margin-top: 18px;
  border-bottom: 1px solid #E6E8EE;
  padding-bottom: 16px;
}
.article .article-content .content-left .article-comment__list .article-comment__item .article-comment__body .article-comment__replay:nth-last-of-type(3) {
  border: none;
}
.article .article-content .content-left .article-comment__list .article-comment__item .article-comment__body .title {
  display: flex;
  font-size: 14px;
  color: #333;
}
.article .article-content .content-left .article-comment__list .article-comment__item .article-comment__body .title .user-name {
  font-weight: 500;
  color: #487EFB;
}
.article .article-content .content-left .article-comment__list .article-comment__item .article-comment__body .title .user-reply {
  margin: 0 2px;
  color: #3c76f7;
  font-weight: 500;
}
.article .article-content .content-left .article-comment__list .article-comment__item .article-comment__body .title .user-content {
  margin-left: 2px;
}
.article .article-content .content-left .article-comment__list .article-comment__item .article-comment__body .title .avatar {
  width: 56px;
  height: 56px;
  margin-right: 18px;
}
.article .article-content .content-left .article-comment__list .article-comment__item .article-comment__body .title .avatar img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
}
.article .article-content .content-left .article-comment__list .article-comment__item .article-comment__body .title .title-text {
  max-width: 690px;
}
.article .article-content .content-left .article-comment__list .article-comment__item .article-comment__body .desc {
  display: flex;
  justify-content: space-between;
  font-size: 12px;
  position: relative;
  top: -5px;
  margin-left: 76px;
  color: #999999;
}
.article .article-content .content-left .article-comment__list .article-comment__item .article-comment__body .desc .icon {
  margin-right: 4px;
}
.article .article-content .content-left .article-comment__list .article-comment__item .article-comment__body .desc .desc-right .zan {
  cursor: pointer;
}
.article .article-content .content-left .article-comment__list .article-comment__item .article-comment__body .desc .desc-right .pack {
  cursor: pointer;
  margin-left: 40px;
}
.article .article-content .content-left .article-comment__list .article-comment__item .article-comment__body .article-comment__group {
  margin-top: 8px;
}
.article .article-content .content-left .article-comment__group {
  margin-bottom: 35px;
  position: relative;
}
.article .article-content .content-left .article-comment__group .ant-input {
  resize: none;
  height: 42px;
  box-shadow: none;
  border-radius: 0;
  border: 2px solid rgba(102, 102, 102, 0.2);
  padding: 6px 10px;
  width: calc(100% - 104px);
}
.article .article-content .content-left .article-comment__group .ant-input:hover {
  border-color: rgba(102, 102, 102, 0.2);
}
.article .article-content .content-left .article-comment__group .ant-btn {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 104px;
  height: 38px;
  font-size: 16px;
}
.article .article-content .content-left .article-comment {
  padding-top: 24px;
  margin: 0px 24px 0px;
}
.article .article-content .content-left .article-comment .article-comment__title {
  font-weight: 600;
  font-size: 18px;
  color: #333;
  padding-left: 13px;
  position: relative;
}
.article .article-content .content-left .article-comment .article-comment__title:after {
  content: "";
  position: absolute;
  width: 5px;
  height: 100%;
  left: 0;
  top: 0;
  background: #3c76f7;
}
.article .article-content .content-left .article-statement {
  font-size: 14px;
  margin-top: 36px;
  line-height: 22px;
}
.article .article-content .content-left .article-statement .article-statement__title {
  color: #666;
}
.article .article-content .content-left .article-statement .article-statement__desc {
  color: #999999;
  margin-top: 4px;
}
.article .article-content .content-left .ant-breadcrumb {
  padding: 20px 0 20px;
}
.article .article-content .content-left .article-title {
  font-size: 24px;
  color: #0A0909;
  font-weight: 600;
  line-height: 33px;
}
.article .article-content .content-left .article-detail {
  margin-top: 32px;
  color: #333;
}
.article .article-content .content-left .article-detail p {
  min-height: 22px;
  line-height: 22px;
}
.article .article-content .content-left .article-detail img {
  max-width: 100%;
}
.article .article-content .content-left .disclaimers {
  font-size: 13px;
  color: #999;
  line-height: 24px;
  letter-spacing: 1px;
}
.article .article-content .content-left .disclaimers .item {
  margin-top: 8px;
}
.article .article-content .content-left .article-footer {
  margin-top: 20px;
  padding: 10px 0;
  border-top: 1px solid #e8e8e8;
}
.article .article-content .content-left .article-footer .title {
  font-weight: bold;
  font-size: 18px;
  margin-bottom: 8px;
}
.article .article-content .content-left .article-footer .label-row {
  display: flex;
  margin-bottom: 10px;
}
.article .article-content .content-left .article-footer .label-row .label-item {
  padding: 5px 10px;
  background-color: #e8e8e8;
  font-size: 14px;
  margin-right: 16px;
}
.article .article-content .content-left .article-footer .label-row .label-item:last-child {
  margin-right: 0px;
}
.article .article-content .content-left .article-footer .article-box {
  display: flex;
}
.article .article-content .content-left .article-footer .article-box .prev-article {
  padding: 20px 30px;
  border: 1px solid #e8e8e8;
  flex: 1;
}
.article .article-content .content-left .article-footer .article-box .prev-article .text {
  font-weight: 600;
  margin-bottom: 16px;
}
.article .article-content .content-left .article-footer .article-box .prev-article .text .icon {
  font-size: 14px;
  margin-right: 3px;
}
.article .article-content .content-left .article-desc {
  display: flex;
  margin-top: 16px;
  font-size: 12px;
  align-items: center;
}
.article .article-content .content-left .article-desc .article-desc__box {
  color: #666666;
  display: flex;
  align-items: center;
}
.article .article-content .content-left .article-desc .article-desc__box img {
  width: 14px;
  height: 14px;
  position: relative;
  margin-right: 6px;
}
.article .article-content .content-left .article-desc .article-desc__interactive {
  margin-left: 28px;
  color: #999999;
}
.article .article-content .content-left .article-desc .article-desc__interactive .look {
  padding-right: 9px;
  position: relative;
}
.article .article-content .content-left .article-desc .article-desc__interactive .look:after {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  height: 14px;
  border-right: 1px solid #E2E2E2;
  margin-top: -7px;
}
.article .article-content .content-left .article-desc .article-desc__interactive .look .icon {
  margin-right: 4px;
}
.article .article-content .content-left .article-desc .article-desc__interactive .time {
  position: relative;
  padding: 0 8px;
}
.article .article-content .content-left .article-desc .article-desc__interactive .time:after {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  height: 14px;
  border-right: 1px solid #E2E2E2;
  margin-top: -7px;
}
.article .article-content .content-left .article-desc .article-desc__interactive .share {
  position: relative;
  padding: 0 8px;
}
.article .article-content .content-left .article-desc .article-desc__interactive .share:after {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  height: 14px;
  border-right: 1px solid #E2E2E2;
  margin-top: -7px;
}
.article .article-content .content-left .article-desc .article-desc__interactive .collect {
  position: relative;
  padding: 0 8px;
  cursor: pointer;
}
.article .article-content .content-left .article-desc .article-desc__interactive .collect:after {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  height: 14px;
  border-right: 1px solid #E2E2E2;
  margin-top: -7px;
}
.article .article-content .content-left .article-desc .article-desc__interactive .collect .icon {
  margin-right: 4px;
}
.article .article-content .content-left .article-desc .article-desc__interactive .icon {
  font-size: 14px;
}
.article .article-content .content-left .article-desc .article-desc__interactive .like {
  padding-left: 8px;
  cursor: pointer;
}
.article .article-content .content-left .article-desc .article-desc__interactive .like .icon {
  margin-right: 4px;
}
.article .article-content .content-left .article-desc .article-desc__interactive .share {
  padding-left: 8px;
  cursor: pointer;
}
.article .article-content .content-left .article-desc .article-desc__interactive .share .icon {
  margin-right: 4px;
}
.article .article-content .content-right {
  width: 250px;
  margin-left: 32px;
  flex-shrink: 0;
}

.text-ellipsis {
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}
.text-ellipsis2,
.text-ellipsis3,
.text-ellipsis4 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.text-ellipsis3 {
  -webkit-line-clamp: 3;
}
.text-ellipsis4 {
  -webkit-line-clamp: 4;
}
.position-c {
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
}
.position-x-c {
  position: absolute !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
}
.position-y-c {
  position: absolute !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
}
.flex {
  display: flex;
}
.flex-wrap {
  display: flex;
  flex-wrap: wrap;
}
.flex-column {
  display: flex;
  flex-direction: column;
}
.flex-c {
  display: flex;
  align-items: center;
}
.justify-between {
  display: flex;
  justify-content: space-between;
}
.empty-box {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.empty-box .empty-img {
  height: 120px;
  margin-top: -180px;
}
.empty-box .empty-img img {
  height: 100%;
}
.empty-box .empty-tips {
  font-size: 14px;
  color: #999;
  margin-top: 8px;
  position: relative;
  right: 5px;
}
.manage-page {
  background: #f4f6f9;
  min-height: 100vh;
}
.ant-badge-count {
  height: 16px;
  line-height: 16px;
  background-color: #f8524f;
}
.home-title {
  text-align: center;
  font-size: 28px;
  color: #383838;
  margin-bottom: 34px;
  position: relative;
  font-weight: 500;
  letter-spacing: 1px;
}
.home-title .home-title-content {
  position: relative;
}
.home-title .home-title-content::before,
.home-title .home-title-content::after {
  content: '';
  width: 23px;
  height: 19px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background: url('/static/home/title-icon.png') no-repeat;
  background-size: cover;
  background-position: center;
  margin-top: 2px;
}
.home-title .home-title-content::before {
  left: -40px;
}
.home-title .home-title-content::after {
  right: -40px;
}
.navbar-fixed-page {
  padding-top: 40px;
}
.anchor-position {
  position: absolute;
  top: -130px;
}
.banner-swiper-button-prev,
.banner-swiper-button-next {
  width: 26px;
  height: 36px;
  background: rgba(0, 0, 0, 0.15);
  transition: all 0.2s;
}
.banner-swiper-button-prev .icon,
.banner-swiper-button-next .icon {
  color: #fff;
  position: relative;
}
.banner-swiper-button-prev:hover,
.banner-swiper-button-next:hover {
  background: rgba(0, 0, 0, 0.3);
}
.banner-swiper-button-prev::after,
.banner-swiper-button-next::after {
  display: none;
}
.banner-swiper-button-prev {
  border-radius: 0 400px 400px 0;
  left: 0;
}
.banner-swiper-button-prev .icon {
  right: 2px;
}
.banner-swiper-button-next {
  border-radius: 400px 0 0 400px;
  right: 0;
}
.banner-swiper-button-next .icon {
  left: 2px;
}
.poster-tips {
  width: 32px;
  height: 18px;
  background: rgba(0, 0, 0, 0.3);
  font-size: 12px;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  right: -3px;
  bottom: -2px;
  transform: scale(0.8);
}
.concise-pagination .ant-pagination-item {
  display: none;
}
.concise-pagination .ant-pagination-jump-prev,
.concise-pagination .ant-pagination-jump-next {
  display: none;
}
.concise-pagination .ant-pagination-prev,
.concise-pagination .ant-pagination-next {
  position: relative;
  width: 80px !important;
}
.concise-pagination .ant-pagination-prev .anticon,
.concise-pagination .ant-pagination-next .anticon {
  opacity: 0;
}
.concise-pagination .ant-pagination-prev::after,
.concise-pagination .ant-pagination-next::after {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 12px;
  color: #666;
}
.concise-pagination .ant-pagination-prev::after {
  content: '\4E0A\4E00\9875';
}
.concise-pagination .ant-pagination-next::after {
  content: '\4E0B\4E00\9875';
}
.dummy-inp {
  width: 0px;
  height: 0px;
  position: absolute;
  opacity: 0;
  left: -9999px;
}
input:-webkit-autofill {
  box-shadow: 0 0 0 1000px white inset !important;
}
input:-internal-autofill-previewed,
input:-internal-autofill-selected {
  -webkit-text-fill-color: #333 !important;
  transition: background-color 5000s ease-in-out 0s !important;
}
.news .banner {
  width: 100%;
  min-width: 1200px;
  margin: 0 auto;
  height: 288px;
  background-image: url("/static/banner/new-banner.png");
  background-repeat: no-repeat;
  background-size: auto 100%;
  background-position: center center;
}
.news .news-menus {
  min-height: 66px;
}
.news .recommend-list {
  min-height: 396px;
}
.news .ant-tabs-ink-bar-animated {
  display: none;
}
.news .news-wrapper {
  min-height: 670px;
  display: flex;
}
.news .news-wrapper .news-content__left {
  width: 925px;
}
.news .news-wrapper .news-content__left .ant-tabs-nav {
  margin-bottom: 0;
}
.news .news-wrapper .news-content__left .ant-tabs-top {
  width: 904px;
}
.news .news-wrapper .news-content__left .ant-tabs-nav-wrap {
  background: #fff;
}
.news .news-wrapper .news-content__left .ant-tabs-tab {
  font-size: 16px;
  font-family: PingFangSC-Medium, PingFang SC;
  color: #0a0909;
  margin-right: 56px;
}
.news .news-wrapper .news-content__left .ant-tabs-tab-active {
  font-weight: bold;
  color: #487efb;
}
.news .news-wrapper .news-content__left .ant-tabs-ink-bar-animated {
  background-color: #487EFB;
}
.news .news-wrapper .news-content__left .content__box {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}
.news .news-wrapper .news-content__left .content__box .link-article {
  width: 292px;
  box-shadow: 0px 0px 8px 0px rgba(220, 220, 220, 0.5);
  background: #fff;
  margin-right: 21px;
  margin-bottom: 20px;
}
.news .news-wrapper .news-content__left .content__box .link-article:nth-child(3n) {
  margin-right: 0px;
}
.news .news-wrapper .news-content__left .content__box .link-article:hover .news-item__img img {
  transform: scale(1.1);
}
.news .news-wrapper .news-content__left .content__box .link-article:hover .news-item__wrap .news-item__title {
  color: #3c76f7;
}
.news .news-wrapper .news-content__left .content__box .link-article .news-item__img {
  height: 200px;
  width: 294px;
  overflow: hidden;
}
.news .news-wrapper .news-content__left .content__box .link-article .news-item__img img {
  width: 100%;
  height: 100%;
  transition: all 0.5s;
}
.news .news-wrapper .news-content__left .content__box .link-article .news-item__wrap {
  padding: 12px 16px 20px;
}
.news .news-wrapper .news-content__left .content__box .link-article .news-item__wrap .news-item__title {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  font-size: 18px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 600;
  color: #0a0909;
  line-height: 25px;
  min-height: 50px;
  transition: color 0.2s;
}
.news .news-wrapper .news-content__left .content__box .link-article .news-item__wrap .news-item__footer {
  display: flex;
  margin-top: 24px;
  font-size: 12px;
  justify-content: space-between;
  align-items: center;
}
.news .news-wrapper .news-content__left .content__box .link-article .news-item__wrap .news-item__footer .news-item__box {
  display: flex;
  align-items: center;
  font-size: 12px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #666666;
}
.news .news-wrapper .news-content__left .content__box .link-article .news-item__wrap .news-item__footer .news-item__box img {
  width: 14px;
  height: 14px;
  margin-right: 6px;
}
.news .news-wrapper .news-content__left .content__box .link-article .news-item__wrap .news-item__footer .news-item__interactive {
  color: #999999;
}
.news .news-wrapper .news-content__left .content__box .link-article .news-item__wrap .news-item__footer .news-item__interactive .look {
  padding-right: 17px;
  position: relative;
}
.news .news-wrapper .news-content__left .content__box .link-article .news-item__wrap .news-item__footer .news-item__interactive .look .icon {
  margin-right: 4px;
}
.news .news-wrapper .news-content__left .content__box .link-article .news-item__wrap .news-item__footer .news-item__interactive .look:after {
  content: "";
  position: absolute;
  right: 2px;
  top: 50%;
  height: 14px;
  border-right: 1px solid #E2E2E2;
  margin-top: -7px;
}
.news .news-wrapper .news-content__left .content__box .link-article .news-item__wrap .news-item__footer .news-item__interactive .time {
  padding-left: 8px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #999999;
}
.news .news-wrapper .news-content__left .content__box .link-article .news-item__wrap .news-item__footer .news-item__interactive .icon {
  font-size: 14px;
}
.news .news-wrapper .news-content__right {
  width: 248px;
  flex-shrink: 0;
  margin-left: 32px;
}
.news .news-wrapper .news-content__right .recommend-title {
  font-size: 16px;
  font-weight: 400;
  color: #0a0909;
}
.news .news-wrapper .news-content__right .hot-look {
  min-height: 190px;
  border: 1px solid #E6E8EE;
  overflow: hidden;
}
.news .news-wrapper .news-content__right .hot-look .hot-look__head {
  height: 46px;
  display: flex;
  background: #F9FAFD;
  align-items: center;
  justify-content: space-between;
  padding: 0 11px;
}
.news .news-wrapper .news-content__right .hot-look .hot-look__head .title {
  color: #0A0909;
}
.news .news-wrapper .news-content__right .hot-look .hot-look__head span {
  font-size: 12px;
  color: #999999;
  cursor: pointer;
}
.news .news-wrapper .news-content__right .hot-look .hot-look__head .icon {
  margin-right: 4px;
  position: relative;
  top: 1px;
}
.news .news-wrapper .news-content__right .hot-look .hot-look__list {
  display: flex;
  flex-wrap: wrap;
  padding: 14px 14px 16px;
  background: #fff;
  width: 248px;
}
.news .news-wrapper .news-content__right .hot-look .hot-look__list .hot-look__item {
  color: #999999;
  border: 1px solid rgba(102, 102, 102, 0.2);
  height: 29px;
  line-height: 25px;
  padding: 0 14px;
  border-radius: 15px;
  font-size: 12px;
  margin: 6px;
}
.news .news-wrapper .news-content__right .hot-look .hot-look__list .hot-look__item:hover {
  cursor: pointer;
  color: #3c76f7;
  border-color: #3c76f7;
}

.pay-success .wrapper .main {
  height: 800px;
  margin: 30px auto 100px;
  box-shadow: 0px 0px 10px 0px #e9eaef;
  padding: 0 74px;
  background: #fff;
  border-radius: 16px;
}
.pay-success .wrapper .wrapper-header {
  padding: 40px 0px;
  font-size: 16px;
  border-bottom: 1px solid #DCDCDC;
  color: #333;
}
.pay-success .wrapper .wrapper-header .wrapper-header-row1 {
  display: flex;
  margin-bottom: 28px;
}
.pay-success .wrapper .wrapper-header .wrapper-header-row1 .text-item {
  width: 300px;
}
.pay-success .wrapper .wrapper-header .wrapper-header-row2 {
  display: flex;
}
.pay-success .wrapper .wrapper-header .wrapper-header-row2 .text-item {
  width: 300px;
}
.pay-success .wrapper .wrapper-header .wrapper-header-row2 .text-item:nth-child(2) {
  width: auto;
}
.pay-success .wrapper .content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-size: 16px;
  margin-top: 90px;
}
.pay-success .wrapper .content .success-icon {
  width: 100px;
  height: 100px;
}
.pay-success .wrapper .content .success-icon img {
  width: 100%;
  height: 100%;
}
.pay-success .wrapper .content .pay-title {
  font-size: 32px;
  color: #FF8D1A;
  margin-top: 20px;
}
.pay-success .wrapper .content .pay-tips {
  font-size: 26px;
  color: #999;
  margin-top: 36px;
}
.pay-success .wrapper .content .back {
  display: block;
  margin-top: 40px;
  width: 270px;
  height: 50px;
  background: #FF8D1A;
  border-radius: 4px;
  text-align: center;
  line-height: 50px;
  color: #fff;
  font-size: 20px;
}

.text-ellipsis {
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}
.text-ellipsis2,
.text-ellipsis3,
.text-ellipsis4 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.text-ellipsis3 {
  -webkit-line-clamp: 3;
}
.text-ellipsis4 {
  -webkit-line-clamp: 4;
}
.position-c {
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
}
.position-x-c {
  position: absolute !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
}
.position-y-c {
  position: absolute !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
}
.flex {
  display: flex;
}
.flex-wrap {
  display: flex;
  flex-wrap: wrap;
}
.flex-column {
  display: flex;
  flex-direction: column;
}
.flex-c {
  display: flex;
  align-items: center;
}
.justify-between {
  display: flex;
  justify-content: space-between;
}
.empty-box {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.empty-box .empty-img {
  height: 120px;
  margin-top: -180px;
}
.empty-box .empty-img img {
  height: 100%;
}
.empty-box .empty-tips {
  font-size: 14px;
  color: #999;
  margin-top: 8px;
  position: relative;
  right: 5px;
}
.manage-page {
  background: #f4f6f9;
  min-height: 100vh;
}
.ant-badge-count {
  height: 16px;
  line-height: 16px;
  background-color: #f8524f;
}
.home-title {
  text-align: center;
  font-size: 28px;
  color: #383838;
  margin-bottom: 34px;
  position: relative;
  font-weight: 500;
  letter-spacing: 1px;
}
.home-title .home-title-content {
  position: relative;
}
.home-title .home-title-content::before,
.home-title .home-title-content::after {
  content: '';
  width: 23px;
  height: 19px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background: url('/static/home/title-icon.png') no-repeat;
  background-size: cover;
  background-position: center;
  margin-top: 2px;
}
.home-title .home-title-content::before {
  left: -40px;
}
.home-title .home-title-content::after {
  right: -40px;
}
.navbar-fixed-page {
  padding-top: 40px;
}
.anchor-position {
  position: absolute;
  top: -130px;
}
.banner-swiper-button-prev,
.banner-swiper-button-next {
  width: 26px;
  height: 36px;
  background: rgba(0, 0, 0, 0.15);
  transition: all 0.2s;
}
.banner-swiper-button-prev .icon,
.banner-swiper-button-next .icon {
  color: #fff;
  position: relative;
}
.banner-swiper-button-prev:hover,
.banner-swiper-button-next:hover {
  background: rgba(0, 0, 0, 0.3);
}
.banner-swiper-button-prev::after,
.banner-swiper-button-next::after {
  display: none;
}
.banner-swiper-button-prev {
  border-radius: 0 400px 400px 0;
  left: 0;
}
.banner-swiper-button-prev .icon {
  right: 2px;
}
.banner-swiper-button-next {
  border-radius: 400px 0 0 400px;
  right: 0;
}
.banner-swiper-button-next .icon {
  left: 2px;
}
.poster-tips {
  width: 32px;
  height: 18px;
  background: rgba(0, 0, 0, 0.3);
  font-size: 12px;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  right: -3px;
  bottom: -2px;
  transform: scale(0.8);
}
.concise-pagination .ant-pagination-item {
  display: none;
}
.concise-pagination .ant-pagination-jump-prev,
.concise-pagination .ant-pagination-jump-next {
  display: none;
}
.concise-pagination .ant-pagination-prev,
.concise-pagination .ant-pagination-next {
  position: relative;
  width: 80px !important;
}
.concise-pagination .ant-pagination-prev .anticon,
.concise-pagination .ant-pagination-next .anticon {
  opacity: 0;
}
.concise-pagination .ant-pagination-prev::after,
.concise-pagination .ant-pagination-next::after {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 12px;
  color: #666;
}
.concise-pagination .ant-pagination-prev::after {
  content: '\4E0A\4E00\9875';
}
.concise-pagination .ant-pagination-next::after {
  content: '\4E0B\4E00\9875';
}
.dummy-inp {
  width: 0px;
  height: 0px;
  position: absolute;
  opacity: 0;
  left: -9999px;
}
input:-webkit-autofill {
  box-shadow: 0 0 0 1000px white inset !important;
}
input:-internal-autofill-previewed,
input:-internal-autofill-selected {
  -webkit-text-fill-color: #333 !important;
  transition: background-color 5000s ease-in-out 0s !important;
}
.question .ant-collapse-borderless {
  background: none;
}
.question .ant-collapse-borderless .ant-collapse-item {
  border: none;
}
.question .content {
  margin-top: 36px;
  min-height: 55vh;
  display: flex;
}
.question .content .content-left {
  width: 260px;
  margin-right: 20px;
  flex-shrink: 0;
}
.question .content .content-left .question-list {
  padding: 28px 24px;
  background: #fff;
  box-shadow: 0px 0px 14px 0px #e9eaef;
}
.question .content .content-left .question-list .question-item {
  margin-bottom: 20px;
  font-size: 16px;
  color: #333;
  font-weight: bold;
  line-height: 22px;
  display: block;
}
.question .content .content-left .question-list .question-item:last-child {
  margin-bottom: 0;
}
.question .content .content-left .question-list .question-item.active {
  color: #3c76f7;
}
.question .content .content-left .question-list .ant-collapse-content-box {
  padding: 0;
}
.question .content .content-left .question-list .ant-collapse-content a {
  color: #333333;
}
.question .content .content-left .question-list .ant-collapse-content a.active {
  color: #3c76f7;
}
.question .content .content-left .question-list .ant-collapse-header {
  padding: 0;
  font-size: 16px;
  color: #333;
  font-weight: 500;
  line-height: 22px;
}
.question .content .content-left .question-list .panel_item .ant-collapse-header {
  color: #3c76f7;
}
.question .content .content-left .question-list .question-item__sub {
  font-size: 12px;
  padding: 12px 0;
  border-bottom: 1px solid #E6E8ED;
  display: block;
  line-height: 17px;
}
.question .content .content-left .question-list .question-item__sub:last-child {
  border-bottom: 0;
}
.question .content .content-left .question-list .children {
  padding: 6px 0;
}
.question .content .content-left .question-list .children .subChildren {
  padding: 12px 0;
  border-bottom: 1px solid #E6E8ED;
  font-size: 12px;
  line-height: 18px;
}
.question .content .content-left .question-list .children .subChildren a {
  color: #333333;
}
.question .content .content-left .question-list .children .subChildren a.active {
  color: #3c76f7;
}
.question .content .content-left .question-list .children .subChildren:first-child {
  padding: 0;
  padding-bottom: 12px;
}
.question .content .content-right {
  flex-grow: 1;
  background: #fff;
  box-shadow: 0px 0px 14px 0px #e9eaef;
}
.question .content .content-right .question-wrapper .question-wrapper__head {
  padding: 28px 28px 16px 28px;
  position: relative;
}
.question .content .content-right .question-wrapper .question-wrapper__head:after {
  content: "";
  position: absolute;
  border-bottom: 1px solid #E6E8ED;
  left: 16px;
  right: 16px;
  bottom: 0;
}
.question .content .content-right .question-wrapper .question-wrapper__head .ant-btn {
  width: 137px;
  height: 46px;
  color: #3c76f7;
  border-color: #3c76f7;
  position: absolute;
  right: 28px;
  top: 50%;
  margin-top: -23px;
}
.question .content .content-right .question-wrapper .question-wrapper__head .title {
  font-size: 18px;
  margin-bottom: 20px;
  font-weight: bold;
}
.question .content .content-right .question-wrapper .question-wrapper__head .desc {
  line-height: 18px;
  font-size: 12px;
  color: #999999;
}
.question .content .content-right .question-wrapper__detail {
  padding: 16px 28px 28px;
  color: #666;
}
.question .content .content-right .question-wrapper__detail p {
  line-height: 22px;
  min-height: 22px;
}

.text-ellipsis {
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}
.text-ellipsis2,
.text-ellipsis3,
.text-ellipsis4 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.text-ellipsis3 {
  -webkit-line-clamp: 3;
}
.text-ellipsis4 {
  -webkit-line-clamp: 4;
}
.position-c {
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
}
.position-x-c {
  position: absolute !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
}
.position-y-c {
  position: absolute !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
}
.flex {
  display: flex;
}
.flex-wrap {
  display: flex;
  flex-wrap: wrap;
}
.flex-column {
  display: flex;
  flex-direction: column;
}
.flex-c {
  display: flex;
  align-items: center;
}
.justify-between {
  display: flex;
  justify-content: space-between;
}
.empty-box {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.empty-box .empty-img {
  height: 120px;
  margin-top: -180px;
}
.empty-box .empty-img img {
  height: 100%;
}
.empty-box .empty-tips {
  font-size: 14px;
  color: #999;
  margin-top: 8px;
  position: relative;
  right: 5px;
}
.manage-page {
  background: #f4f6f9;
  min-height: 100vh;
}
.ant-badge-count {
  height: 16px;
  line-height: 16px;
  background-color: #f8524f;
}
.home-title {
  text-align: center;
  font-size: 28px;
  color: #383838;
  margin-bottom: 34px;
  position: relative;
  font-weight: 500;
  letter-spacing: 1px;
}
.home-title .home-title-content {
  position: relative;
}
.home-title .home-title-content::before,
.home-title .home-title-content::after {
  content: '';
  width: 23px;
  height: 19px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background: url('/static/home/title-icon.png') no-repeat;
  background-size: cover;
  background-position: center;
  margin-top: 2px;
}
.home-title .home-title-content::before {
  left: -40px;
}
.home-title .home-title-content::after {
  right: -40px;
}
.navbar-fixed-page {
  padding-top: 40px;
}
.anchor-position {
  position: absolute;
  top: -130px;
}
.banner-swiper-button-prev,
.banner-swiper-button-next {
  width: 26px;
  height: 36px;
  background: rgba(0, 0, 0, 0.15);
  transition: all 0.2s;
}
.banner-swiper-button-prev .icon,
.banner-swiper-button-next .icon {
  color: #fff;
  position: relative;
}
.banner-swiper-button-prev:hover,
.banner-swiper-button-next:hover {
  background: rgba(0, 0, 0, 0.3);
}
.banner-swiper-button-prev::after,
.banner-swiper-button-next::after {
  display: none;
}
.banner-swiper-button-prev {
  border-radius: 0 400px 400px 0;
  left: 0;
}
.banner-swiper-button-prev .icon {
  right: 2px;
}
.banner-swiper-button-next {
  border-radius: 400px 0 0 400px;
  right: 0;
}
.banner-swiper-button-next .icon {
  left: 2px;
}
.poster-tips {
  width: 32px;
  height: 18px;
  background: rgba(0, 0, 0, 0.3);
  font-size: 12px;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  right: -3px;
  bottom: -2px;
  transform: scale(0.8);
}
.concise-pagination .ant-pagination-item {
  display: none;
}
.concise-pagination .ant-pagination-jump-prev,
.concise-pagination .ant-pagination-jump-next {
  display: none;
}
.concise-pagination .ant-pagination-prev,
.concise-pagination .ant-pagination-next {
  position: relative;
  width: 80px !important;
}
.concise-pagination .ant-pagination-prev .anticon,
.concise-pagination .ant-pagination-next .anticon {
  opacity: 0;
}
.concise-pagination .ant-pagination-prev::after,
.concise-pagination .ant-pagination-next::after {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 12px;
  color: #666;
}
.concise-pagination .ant-pagination-prev::after {
  content: '\4E0A\4E00\9875';
}
.concise-pagination .ant-pagination-next::after {
  content: '\4E0B\4E00\9875';
}
.dummy-inp {
  width: 0px;
  height: 0px;
  position: absolute;
  opacity: 0;
  left: -9999px;
}
input:-webkit-autofill {
  box-shadow: 0 0 0 1000px white inset !important;
}
input:-internal-autofill-previewed,
input:-internal-autofill-selected {
  -webkit-text-fill-color: #333 !important;
  transition: background-color 5000s ease-in-out 0s !important;
}
.properties-search .placeholder {
  min-width: 1200px;
  margin: 0 auto;
  height: 288px;
  text-align: center;
}
.properties-search .placeholder img {
  width: 100%;
  height: 100%;
}
.properties-search .header-properties-search {
  text-align: center;
  margin: 32px 0 65px;
  height: 40px;
  line-height: 40px;
}
.properties-search .header-properties-search .text {
  margin-right: 19px;
  color: #3c76f7;
  font-size: 22px;
}
.properties-search .header-properties-search .search {
  display: inline-block;
  position: relative;
  width: 560px;
  height: 40px;
}
.properties-search .header-properties-search .search input {
  vertical-align: top;
  border: 1px solid #3c76f7;
  height: 100%;
}
.properties-search .header-properties-search .search .ant-btn {
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
}
.properties-search .header-properties-search .search .tip {
  position: absolute;
  bottom: -33px;
  left: 0;
  font-size: 16px;
  color: #333333;
  line-height: 22px;
  font-weight: 400;
}
.properties-search .header-properties-search .search .tip .sens-text {
  color: red;
  text-align: left;
  padding-left: 15px;
  display: none;
}
.properties-search .header-properties-search .search .tip .tip-wrap {
  display: flex;
  justify-items: center;
  align-items: center;
}
.properties-search .header-properties-search .search .tip img {
  margin-right: 8px;
  vertical-align: middle;
}
.properties-search .header-properties-search .search .tip.show {
  bottom: -50px;
}
.properties-search .header-properties-search .search .tip.show .sens-text {
  display: block;
}
.properties-search .material-item {
  padding: 24px;
  background: #FFFFFF;
  box-shadow: 0px 0px 10px 0px #e9eaef;
  margin-right: 18px;
  margin-left: 4px;
  margin-bottom: 24px;
  width: 384px;
}
.properties-search .material-item:nth-child(3n) {
  margin-right: 0;
  margin-left: 0px;
}
.properties-search .material-item .material-title {
  margin-bottom: 16px;
}
.properties-search .properties-search-filter {
  background-color: #fff;
  margin-bottom: 24px;
}
.properties-search .properties-search-filter .classify-list {
  display: flex;
  padding: 20px 0 20px;
  border-bottom: 1px dashed #dddee7fd;
}
.properties-search .properties-search-filter .classify-list .label {
  flex-shrink: 0;
  width: 125px;
  text-align: right;
  margin-right: 9px;
}
.properties-search .properties-search-filter .classify-list .side-menu__sub-head .sub-cate__list {
  display: flex;
}
.properties-search .properties-search-filter .classify-list .side-menu__sub-head .sub-cate__list .sub-cate__item {
  margin-right: 16px;
  margin-bottom: 16px;
  cursor: pointer;
}
.properties-search .properties-search-filter .classify-list .side-menu__sub-head .sub-cate__list .sub-cate__item.active {
  color: #5e8efc;
}
.properties-search .properties-search-filter .classify-list .classify-list-group {
  width: 980px;
  display: flex;
  flex-wrap: wrap;
  height: 32px;
  overflow: hidden;
}
.properties-search .properties-search-filter .classify-list .classify-list-group .classify-item {
  height: 30px;
  padding: 0px 12px;
  font-size: 14px;
  margin-right: 8px;
  margin-bottom: 7px;
  color: #999999;
  font-weight: 500;
  cursor: pointer;
  user-select: none;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 2px;
}
.properties-search .properties-search-filter .classify-list .classify-list-group .classify-item.active {
  background-color: #487EFB;
  color: #fff;
}
.properties-search .properties-search-filter .classify-list .show-more {
  flex-shrink: 0;
  padding-left: 10px;
}
.properties-search .properties-search-filter .classify-list .show-more .icon {
  margin-left: 4px;
}

.text-ellipsis {
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}
.text-ellipsis2,
.text-ellipsis3,
.text-ellipsis4 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.text-ellipsis3 {
  -webkit-line-clamp: 3;
}
.text-ellipsis4 {
  -webkit-line-clamp: 4;
}
.position-c {
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
}
.position-x-c {
  position: absolute !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
}
.position-y-c {
  position: absolute !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
}
.flex {
  display: flex;
}
.flex-wrap {
  display: flex;
  flex-wrap: wrap;
}
.flex-column {
  display: flex;
  flex-direction: column;
}
.flex-c {
  display: flex;
  align-items: center;
}
.justify-between {
  display: flex;
  justify-content: space-between;
}
.empty-box {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.empty-box .empty-img {
  height: 120px;
  margin-top: -180px;
}
.empty-box .empty-img img {
  height: 100%;
}
.empty-box .empty-tips {
  font-size: 14px;
  color: #999;
  margin-top: 8px;
  position: relative;
  right: 5px;
}
.manage-page {
  background: #f4f6f9;
  min-height: 100vh;
}
.ant-badge-count {
  height: 16px;
  line-height: 16px;
  background-color: #f8524f;
}
.home-title {
  text-align: center;
  font-size: 28px;
  color: #383838;
  margin-bottom: 34px;
  position: relative;
  font-weight: 500;
  letter-spacing: 1px;
}
.home-title .home-title-content {
  position: relative;
}
.home-title .home-title-content::before,
.home-title .home-title-content::after {
  content: '';
  width: 23px;
  height: 19px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background: url('/static/home/title-icon.png') no-repeat;
  background-size: cover;
  background-position: center;
  margin-top: 2px;
}
.home-title .home-title-content::before {
  left: -40px;
}
.home-title .home-title-content::after {
  right: -40px;
}
.navbar-fixed-page {
  padding-top: 40px;
}
.anchor-position {
  position: absolute;
  top: -130px;
}
.banner-swiper-button-prev,
.banner-swiper-button-next {
  width: 26px;
  height: 36px;
  background: rgba(0, 0, 0, 0.15);
  transition: all 0.2s;
}
.banner-swiper-button-prev .icon,
.banner-swiper-button-next .icon {
  color: #fff;
  position: relative;
}
.banner-swiper-button-prev:hover,
.banner-swiper-button-next:hover {
  background: rgba(0, 0, 0, 0.3);
}
.banner-swiper-button-prev::after,
.banner-swiper-button-next::after {
  display: none;
}
.banner-swiper-button-prev {
  border-radius: 0 400px 400px 0;
  left: 0;
}
.banner-swiper-button-prev .icon {
  right: 2px;
}
.banner-swiper-button-next {
  border-radius: 400px 0 0 400px;
  right: 0;
}
.banner-swiper-button-next .icon {
  left: 2px;
}
.poster-tips {
  width: 32px;
  height: 18px;
  background: rgba(0, 0, 0, 0.3);
  font-size: 12px;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  right: -3px;
  bottom: -2px;
  transform: scale(0.8);
}
.concise-pagination .ant-pagination-item {
  display: none;
}
.concise-pagination .ant-pagination-jump-prev,
.concise-pagination .ant-pagination-jump-next {
  display: none;
}
.concise-pagination .ant-pagination-prev,
.concise-pagination .ant-pagination-next {
  position: relative;
  width: 80px !important;
}
.concise-pagination .ant-pagination-prev .anticon,
.concise-pagination .ant-pagination-next .anticon {
  opacity: 0;
}
.concise-pagination .ant-pagination-prev::after,
.concise-pagination .ant-pagination-next::after {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 12px;
  color: #666;
}
.concise-pagination .ant-pagination-prev::after {
  content: '\4E0A\4E00\9875';
}
.concise-pagination .ant-pagination-next::after {
  content: '\4E0B\4E00\9875';
}
.dummy-inp {
  width: 0px;
  height: 0px;
  position: absolute;
  opacity: 0;
  left: -9999px;
}
input:-webkit-autofill {
  box-shadow: 0 0 0 1000px white inset !important;
}
input:-internal-autofill-previewed,
input:-internal-autofill-selected {
  -webkit-text-fill-color: #333 !important;
  transition: background-color 5000s ease-in-out 0s !important;
}
.question .ant-collapse-borderless {
  background: none;
}
.question .ant-collapse-borderless .ant-collapse-item {
  border: none;
}
.question .content {
  margin-top: 36px;
  min-height: 55vh;
  display: flex;
}
.question .content .content-left {
  width: 260px;
  margin-right: 20px;
  flex-shrink: 0;
}
.question .content .content-left .question-list {
  padding: 28px 24px;
  background: #fff;
  box-shadow: 0px 0px 14px 0px #e9eaef;
}
.question .content .content-left .question-list .question-item {
  margin-bottom: 20px;
  font-size: 16px;
  color: #333;
  font-weight: bold;
  line-height: 22px;
  display: block;
  user-select: none;
}
.question .content .content-left .question-list .question-item:last-child {
  margin-bottom: 0;
}
.question .content .content-left .question-list .question-item.active {
  color: #3c76f7;
}
.question .content .content-left .question-list .ant-collapse-content-box {
  padding: 0;
}
.question .content .content-left .question-list .ant-collapse-content a {
  color: #333333;
}
.question .content .content-left .question-list .ant-collapse-content a.active {
  color: #3c76f7;
}
.question .content .content-left .question-list .ant-collapse-header {
  padding: 0;
  font-size: 16px;
  color: #333;
  font-weight: 500;
  line-height: 22px;
}
.question .content .content-left .question-list .panel_item .ant-collapse-header {
  color: #3c76f7;
}
.question .content .content-left .question-list .question-item__sub {
  font-size: 12px;
  padding: 12px 0;
  border-bottom: 1px solid #E6E8ED;
  display: block;
  line-height: 17px;
}
.question .content .content-left .question-list .question-item__sub:last-child {
  border-bottom: 0;
}
.question .content .content-left .question-list .children {
  padding: 6px 0;
}
.question .content .content-left .question-list .children .subChildren {
  padding: 12px 0;
  border-bottom: 1px solid #E6E8ED;
  font-size: 12px;
  line-height: 18px;
}
.question .content .content-left .question-list .children .subChildren a {
  color: #333333;
}
.question .content .content-left .question-list .children .subChildren a.active {
  color: #3c76f7;
}
.question .content .content-left .question-list .children .subChildren:first-child {
  padding: 0;
  padding-bottom: 12px;
}
.question .content .content-right {
  flex-grow: 1;
  background: #fff;
  box-shadow: 0px 0px 14px 0px #e9eaef;
  text-align: justify;
}
.question .content .content-right .question-wrapper .question-wrapper__head {
  padding: 28px 28px 16px 28px;
  position: relative;
}
.question .content .content-right .question-wrapper .question-wrapper__head:after {
  content: "";
  position: absolute;
  border-bottom: 1px solid #E6E8ED;
  left: 16px;
  right: 16px;
  bottom: 0;
}
.question .content .content-right .question-wrapper .question-wrapper__head .ant-btn {
  width: 137px;
  height: 46px;
  color: #3c76f7;
  border-color: #3c76f7;
  position: absolute;
  right: 28px;
  top: 50%;
  margin-top: -23px;
}
.question .content .content-right .question-wrapper .question-wrapper__head .title {
  font-size: 18px;
  margin-bottom: 20px;
  font-weight: bold;
}
.question .content .content-right .question-wrapper .question-wrapper__head .desc {
  line-height: 18px;
  font-size: 12px;
  color: #999999;
}
.question .content .content-right .question-wrapper__detail {
  padding: 16px 28px 28px;
  color: #666;
}
.question .content .content-right .question-wrapper__detail p {
  line-height: 22px;
  min-height: 22px;
}

.text-ellipsis {
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}
.text-ellipsis2,
.text-ellipsis3,
.text-ellipsis4 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.text-ellipsis3 {
  -webkit-line-clamp: 3;
}
.text-ellipsis4 {
  -webkit-line-clamp: 4;
}
.position-c {
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
}
.position-x-c {
  position: absolute !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
}
.position-y-c {
  position: absolute !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
}
.flex {
  display: flex;
}
.flex-wrap {
  display: flex;
  flex-wrap: wrap;
}
.flex-column {
  display: flex;
  flex-direction: column;
}
.flex-c {
  display: flex;
  align-items: center;
}
.justify-between {
  display: flex;
  justify-content: space-between;
}
.empty-box {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.empty-box .empty-img {
  height: 120px;
  margin-top: -180px;
}
.empty-box .empty-img img {
  height: 100%;
}
.empty-box .empty-tips {
  font-size: 14px;
  color: #999;
  margin-top: 8px;
  position: relative;
  right: 5px;
}
.manage-page {
  background: #f4f6f9;
  min-height: 100vh;
}
.ant-badge-count {
  height: 16px;
  line-height: 16px;
  background-color: #f8524f;
}
.home-title {
  text-align: center;
  font-size: 28px;
  color: #383838;
  margin-bottom: 34px;
  position: relative;
  font-weight: 500;
  letter-spacing: 1px;
}
.home-title .home-title-content {
  position: relative;
}
.home-title .home-title-content::before,
.home-title .home-title-content::after {
  content: '';
  width: 23px;
  height: 19px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background: url('/static/home/title-icon.png') no-repeat;
  background-size: cover;
  background-position: center;
  margin-top: 2px;
}
.home-title .home-title-content::before {
  left: -40px;
}
.home-title .home-title-content::after {
  right: -40px;
}
.navbar-fixed-page {
  padding-top: 40px;
}
.anchor-position {
  position: absolute;
  top: -130px;
}
.banner-swiper-button-prev,
.banner-swiper-button-next {
  width: 26px;
  height: 36px;
  background: rgba(0, 0, 0, 0.15);
  transition: all 0.2s;
}
.banner-swiper-button-prev .icon,
.banner-swiper-button-next .icon {
  color: #fff;
  position: relative;
}
.banner-swiper-button-prev:hover,
.banner-swiper-button-next:hover {
  background: rgba(0, 0, 0, 0.3);
}
.banner-swiper-button-prev::after,
.banner-swiper-button-next::after {
  display: none;
}
.banner-swiper-button-prev {
  border-radius: 0 400px 400px 0;
  left: 0;
}
.banner-swiper-button-prev .icon {
  right: 2px;
}
.banner-swiper-button-next {
  border-radius: 400px 0 0 400px;
  right: 0;
}
.banner-swiper-button-next .icon {
  left: 2px;
}
.poster-tips {
  width: 32px;
  height: 18px;
  background: rgba(0, 0, 0, 0.3);
  font-size: 12px;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  right: -3px;
  bottom: -2px;
  transform: scale(0.8);
}
.concise-pagination .ant-pagination-item {
  display: none;
}
.concise-pagination .ant-pagination-jump-prev,
.concise-pagination .ant-pagination-jump-next {
  display: none;
}
.concise-pagination .ant-pagination-prev,
.concise-pagination .ant-pagination-next {
  position: relative;
  width: 80px !important;
}
.concise-pagination .ant-pagination-prev .anticon,
.concise-pagination .ant-pagination-next .anticon {
  opacity: 0;
}
.concise-pagination .ant-pagination-prev::after,
.concise-pagination .ant-pagination-next::after {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 12px;
  color: #666;
}
.concise-pagination .ant-pagination-prev::after {
  content: '\4E0A\4E00\9875';
}
.concise-pagination .ant-pagination-next::after {
  content: '\4E0B\4E00\9875';
}
.dummy-inp {
  width: 0px;
  height: 0px;
  position: absolute;
  opacity: 0;
  left: -9999px;
}
input:-webkit-autofill {
  box-shadow: 0 0 0 1000px white inset !important;
}
input:-internal-autofill-previewed,
input:-internal-autofill-selected {
  -webkit-text-fill-color: #333 !important;
  transition: background-color 5000s ease-in-out 0s !important;
}
.quoted-price .ant-tabs-bar {
  margin-bottom: 0;
  padding: 0 20px;
}
.quoted-price .ant-tabs-nav {
  margin: 0px;
  padding-left: 20px;
}
.quoted-price .classify {
  display: flex;
  padding: 22px 20px;
  position: relative;
}
.quoted-price .classify .classify-list {
  display: flex;
  flex-wrap: wrap;
  margin: -2px -10px;
  height: 36px;
  overflow: hidden;
}
.quoted-price .classify .classify-list.visible {
  height: auto;
}
.quoted-price .classify .classify-list .classify-item {
  line-height: 32px;
  min-width: 60px;
  text-align: center;
  height: 32px;
  padding: 0 9px;
  border: 1px solid transparent;
  font-size: 14px;
  color: #999999;
  cursor: pointer;
  margin: 2px 10px;
}
.quoted-price .classify .classify-list .classify-item.active {
  color: white;
  background: #3c76f7;
}
.quoted-price .classify .classify-show_more {
  position: absolute;
  right: 0px;
  font-size: 14px;
  color: #3c76f7;
  flex-shrink: 0;
  line-height: 34px;
  height: 34px;
  cursor: pointer;
  padding-left: 30px;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.quoted-price .classify .classify-show_more .icon {
  margin-left: 4px;
}
.quoted-price .content {
  margin-top: 20px;
  display: flex;
}
.quoted-price .content .content-left {
  background-color: #f9fafd;
  width: 426px;
  margin-right: 20px;
  padding-top: 24px;
}
.quoted-price .content .content-left .quoted-price__title {
  height: 28px;
  line-height: 28px;
  padding-left: 34px;
  font-weight: 500;
  position: relative;
  font-size: 20px;
}
.quoted-price .content .content-left .quoted-price__title:after {
  content: "";
  position: absolute;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  left: 20px;
  top: 50%;
  margin-top: -3px;
  background: #3c76f7;
}
.quoted-price .content .content-left .quoted-price__title span {
  font-weight: 400;
  color: #999999;
  margin-left: 8px;
  font-size: 16px;
}
.quoted-price .content .content-left .quoted-price__list .news__list {
  width: 426px;
  height: 436px;
  padding: 24px 34px;
  background: #FFFFFF;
  margin-bottom: 20px;
}
.quoted-price .content .content-left .quoted-price__list .news__list .news__list-title {
  display: flex;
  justify-content: space-between;
  margin-bottom: 16px;
  align-items: center;
}
.quoted-price .content .content-left .quoted-price__list .news__list .news__list-title h4 {
  color: #0A0909;
  font-size: 20px;
  font-weight: 500;
  position: relative;
  line-height: 28px;
}
.quoted-price .content .content-left .quoted-price__list .news__list .news__list-title h4 .ball {
  position: absolute;
  left: -14px;
  top: 50%;
  margin-top: -3px;
  width: 6px;
  height: 6px;
  background: #487EFB;
  border-radius: 50%;
}
.quoted-price .content .content-left .quoted-price__list .news__list .news__list-title h4 .ball::after {
  content: "";
  position: absolute;
  width: 14px;
  height: 14px;
  border: 4px solid #487EFB;
  opacity: 0.2;
  top: 50%;
  left: 50%;
  margin-left: -7px;
  margin-top: -7px;
  border-radius: 50%;
}
.quoted-price .content .content-left .quoted-price__list .news__list .news__list-item {
  display: flex;
  justify-content: space-between;
  margin-bottom: 16px;
  align-items: center;
  line-height: 20px;
  font-size: 14px;
  color: #333333;
}
.quoted-price .content .content-left .quoted-price__list .news__list .news__list-item:last-of-type {
  margin-bottom: 0;
}
.quoted-price .content .content-left .quoted-price__list .news__list .news__list-item .pull-time {
  font-weight: 400;
  color: #999999;
  font-size: 14px;
}
.quoted-price .content .content-left .quoted-price__list .news__list .news__list-item .desc {
  max-width: 200px;
}
.quoted-price .content .content-left .quoted-price__list .news__list .news__list-item .desc:hover {
  color: #3c76f7;
}
.quoted-price .content .content-right {
  flex-grow: 1;
}
.quoted-price .content .content-right .quoted-price__content {
  margin-top: 20px;
}
.quoted-price .content .content-right .quoted-price__content .supply-pagination {
  text-align: center;
}
.quoted-price .content .content-right .quoted-price__content .label_title {
  margin-top: 20px;
  padding-left: 32px;
  height: 80px;
  line-height: 80px;
  width: "100%";
  font-size: 18px;
  color: #333;
  background-color: #ffffff;
}
.quoted-price .content .content-right .quoted-price__header {
  padding: 0 32px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 80px;
  background-color: #fff;
}
.quoted-price .content .content-right .quoted-price__header .quoted-price__header__left .ant-btn {
  margin-left: 8px;
}
.quoted-price .content .content-right table {
  width: 100%;
  text-align: center;
  font-size: 14px;
  line-height: 20px;
}
.quoted-price .content .content-right table thead {
  background: #F9FAFD;
}
.quoted-price .content .content-right table thead th {
  width: 25%;
  padding: 16px 0;
  color: #999999;
}
.quoted-price .content .content-right table tbody {
  background-color: #fff;
}
.quoted-price .content .content-right table tbody tr {
  border-bottom: 1px solid #E6E8EE;
}
.quoted-price .content .content-right table tbody tr:last-child {
  border-bottom: none;
}
.quoted-price .content .content-right table tbody tr td {
  width: 25%;
  padding: 20px 0;
}
.quoted-price .content .content-right table tbody tr td.increase {
  color: #F1403C;
}
.quoted-price .content .content-right table tbody tr td.decrease {
  color: #44D7B6;
}
.content-right .quoted-price__chart {
  height: 396px;
  background-color: #fff;
}
.chartModal .quoted-price__chart {
  height: 396px;
  background-color: #fff;
}
.chartModal .quoted-price__chart_two {
  height: 396px;
  background-color: #fff;
}
.chartModal .group-btn {
  margin-bottom: 20px;
}
.chartModal .group-btn .ant-btn {
  margin-right: 10px;
}
.chartModal .group-btn .ant-btn:last-child {
  margin-right: 0px;
}

.raw-material-detail .ant-breadcrumb {
  margin: 16px auto 17px;
}
.raw-material-detail .view .view-desc {
  position: relative;
  background-color: #fff;
  padding: 24px;
  height: 133px;
}
.raw-material-detail .view .view-desc .desc-text {
  display: flex;
}
.raw-material-detail .view .view-desc .desc-text .supply-shop {
  display: flex;
  align-items: center;
  margin-right: 97px;
  position: relative;
}
.raw-material-detail .view .view-desc .desc-text .supply-shop::after {
  content: "";
  position: absolute;
  right: -48px;
  top: 50%;
  transform: translateY(-50%);
  width: 1px;
  height: 20px;
  background: #ccc;
}
.raw-material-detail .view .view-desc .desc-text .supply-count {
  display: flex;
  align-items: center;
}
.raw-material-detail .view .view-desc .desc-text img {
  margin-right: 8px;
}
.raw-material-detail .view .view-desc .desc-text .text {
  font-size: 24px;
  color: #487EFB;
  margin: 0 3px;
}
.raw-material-detail .view .view-desc .title {
  font-size: 20px;
  font-weight: 500;
  color: #333333;
  margin-bottom: 24px;
}
.raw-material-detail .view .view-desc .look-btn {
  position: absolute;
  right: 26px;
  top: 44px;
}
.raw-material-detail .view .filter {
  display: flex;
  margin-top: 20px;
  height: 52px;
  background-color: #fff;
  line-height: 52px;
  padding-left: 16px;
}
.raw-material-detail .view .filter .ant-dropdown-link {
  margin-right: 33px;
  position: relative;
  cursor: pointer;
}
.raw-material-detail .view .filter .ant-dropdown-link::after {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: -16px;
  width: 1px;
  height: 20px;
  background: #E6E8ED;
}
.raw-material-detail .view .filter .filter-address_selector {
  padding-top: 18px;
}
.raw-material-detail .table-box .action-img {
  cursor: pointer;
}
.raw-material-detail .table-box .action-img:not(:last-child) {
  margin-right: 24px;
}
.raw-material-detail .table-box .raw-list-pagination {
  margin-top: 24px;
  text-align: center;
}
.Service-modal .ant-modal-content {
  height: 100%;
}
.Service-modal .ant-modal-content .ant-modal-header {
  border: none;
  padding-bottom: 0;
}
.Service-modal .ant-modal-content .ant-modal-body {
  padding-top: 12px;
  padding-bottom: 4px;
}
.Service-modal .ant-modal-content .ant-modal-body p {
  margin-bottom: 0;
  font-size: 14px;
}
.Service-modal .ant-modal-content .ant-modal-footer {
  padding: 0 26px 12px 0;
  border: none;
}
.Service-modal .ant-modal-content .ant-modal-footer .ant-btn:nth-child(1) {
  display: none;
}

.text-ellipsis {
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}
.text-ellipsis2,
.text-ellipsis3,
.text-ellipsis4 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.text-ellipsis3 {
  -webkit-line-clamp: 3;
}
.text-ellipsis4 {
  -webkit-line-clamp: 4;
}
.position-c {
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
}
.position-x-c {
  position: absolute !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
}
.position-y-c {
  position: absolute !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
}
.flex {
  display: flex;
}
.flex-wrap {
  display: flex;
  flex-wrap: wrap;
}
.flex-column {
  display: flex;
  flex-direction: column;
}
.flex-c {
  display: flex;
  align-items: center;
}
.justify-between {
  display: flex;
  justify-content: space-between;
}
.empty-box {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.empty-box .empty-img {
  height: 120px;
  margin-top: -180px;
}
.empty-box .empty-img img {
  height: 100%;
}
.empty-box .empty-tips {
  font-size: 14px;
  color: #999;
  margin-top: 8px;
  position: relative;
  right: 5px;
}
.manage-page {
  background: #f4f6f9;
  min-height: 100vh;
}
.ant-badge-count {
  height: 16px;
  line-height: 16px;
  background-color: #f8524f;
}
.home-title {
  text-align: center;
  font-size: 28px;
  color: #383838;
  margin-bottom: 34px;
  position: relative;
  font-weight: 500;
  letter-spacing: 1px;
}
.home-title .home-title-content {
  position: relative;
}
.home-title .home-title-content::before,
.home-title .home-title-content::after {
  content: '';
  width: 23px;
  height: 19px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background: url('/static/home/title-icon.png') no-repeat;
  background-size: cover;
  background-position: center;
  margin-top: 2px;
}
.home-title .home-title-content::before {
  left: -40px;
}
.home-title .home-title-content::after {
  right: -40px;
}
.navbar-fixed-page {
  padding-top: 40px;
}
.anchor-position {
  position: absolute;
  top: -130px;
}
.banner-swiper-button-prev,
.banner-swiper-button-next {
  width: 26px;
  height: 36px;
  background: rgba(0, 0, 0, 0.15);
  transition: all 0.2s;
}
.banner-swiper-button-prev .icon,
.banner-swiper-button-next .icon {
  color: #fff;
  position: relative;
}
.banner-swiper-button-prev:hover,
.banner-swiper-button-next:hover {
  background: rgba(0, 0, 0, 0.3);
}
.banner-swiper-button-prev::after,
.banner-swiper-button-next::after {
  display: none;
}
.banner-swiper-button-prev {
  border-radius: 0 400px 400px 0;
  left: 0;
}
.banner-swiper-button-prev .icon {
  right: 2px;
}
.banner-swiper-button-next {
  border-radius: 400px 0 0 400px;
  right: 0;
}
.banner-swiper-button-next .icon {
  left: 2px;
}
.poster-tips {
  width: 32px;
  height: 18px;
  background: rgba(0, 0, 0, 0.3);
  font-size: 12px;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  right: -3px;
  bottom: -2px;
  transform: scale(0.8);
}
.concise-pagination .ant-pagination-item {
  display: none;
}
.concise-pagination .ant-pagination-jump-prev,
.concise-pagination .ant-pagination-jump-next {
  display: none;
}
.concise-pagination .ant-pagination-prev,
.concise-pagination .ant-pagination-next {
  position: relative;
  width: 80px !important;
}
.concise-pagination .ant-pagination-prev .anticon,
.concise-pagination .ant-pagination-next .anticon {
  opacity: 0;
}
.concise-pagination .ant-pagination-prev::after,
.concise-pagination .ant-pagination-next::after {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 12px;
  color: #666;
}
.concise-pagination .ant-pagination-prev::after {
  content: '\4E0A\4E00\9875';
}
.concise-pagination .ant-pagination-next::after {
  content: '\4E0B\4E00\9875';
}
.dummy-inp {
  width: 0px;
  height: 0px;
  position: absolute;
  opacity: 0;
  left: -9999px;
}
input:-webkit-autofill {
  box-shadow: 0 0 0 1000px white inset !important;
}
input:-internal-autofill-previewed,
input:-internal-autofill-selected {
  -webkit-text-fill-color: #333 !important;
  transition: background-color 5000s ease-in-out 0s !important;
}
.raw-material .raw-material-header {
  display: flex;
  height: 288px;
  margin: 28px 0;
}
.raw-material .raw-material-header .hot-title {
  width: 218px;
  background: #FFF;
  border: 1px solid #EDEDED;
  padding: 15px 14px 18px 14px;
}
.raw-material .raw-material-header .hot-title .hot-title-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 16px;
}
.raw-material .raw-material-header .hot-title .hot-title-header h3 {
  margin-bottom: 0px;
}
.raw-material .raw-material-header .hot-title .hot-title-header .more {
  font-size: 12px;
  color: #3c76f7;
}
.raw-material .raw-material-header .hot-title .content {
  display: flex;
  justify-content: space-between;
  font-size: 12px;
  margin-bottom: 14px;
}
.raw-material .raw-material-header .hot-title .content .hot-title-item {
  width: 104px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.raw-material .raw-material-header .hot-title .content .time {
  color: #999;
}
.raw-material .raw-material-header .holder-space {
  margin: 0 10px;
}
.raw-material .raw-material-header .btns {
  width: 218px;
  background: #FFFFFF;
  border: 1px solid #EDEDED;
  display: flex;
  flex-wrap: wrap;
}
.raw-material .raw-material-header .btns .btns-item {
  box-sizing: border-box;
  height: 50%;
  width: 50%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.raw-material .raw-material-header .btns .btns-item a {
  color: #333;
}
.raw-material .raw-material-header .btns .btns-item img {
  margin-bottom: 8px;
}
.raw-material .raw-material-header .btns .btns-item:nth-child(1) {
  border-right: 1px solid #EDEDED;
  border-bottom: 1px solid #EDEDED;
}
.raw-material .raw-material-header .btns .btns-item:nth-child(2) {
  border-bottom: 1px solid #EDEDED;
}
.raw-material .raw-material-header .btns .btns-item:nth-child(3) {
  border-right: 1px solid #EDEDED;
}
.raw-material .city-group {
  margin-top: 20px;
  display: flex;
  padding: 10px 0 10px;
  border-bottom: 1px dashed #dddee7fd;
  background-color: #fff;
}
.raw-material .city-group .label {
  flex-shrink: 0;
  width: 125px;
  text-align: right;
  margin-right: 9px;
}
.raw-material .city-group .city-group-list {
  display: flex;
}
.raw-material .city-group .city-group-list .city-group-item {
  padding: 4px 12px;
  font-size: 14px;
  margin-right: 8px;
  margin-bottom: 7px;
  color: #333;
  font-weight: 500;
  cursor: pointer;
  user-select: none;
}
.raw-material .city-group .city-group-list .city-group-item.active {
  background-color: #487EFB;
  color: #fff;
}
.raw-material .filter-group {
  display: flex;
  height: 50px;
  background-color: #fff;
  align-items: center;
  margin-bottom: 20px;
  position: relative;
}
.raw-material .filter-group .label {
  flex-shrink: 0;
  width: 125px;
  text-align: right;
  margin-right: 9px;
}
.raw-material .filter-group .ant-tag {
  border: none;
  height: 32px;
  line-height: 32px;
  padding: 0 16px;
  background: #F2F2F2;
  border-radius: 16px;
  color: #000;
}
.raw-material .filter-group .reset-btn {
  position: absolute;
  right: 16px;
  top: 9px;
}
.raw-material .search-group {
  display: flex;
  justify-content: space-between;
  background-color: #fff;
  padding: 10px 16px 10px 53px;
  margin-bottom: 20px;
}
.raw-material .search-group .m-search {
  display: flex;
}
.raw-material .search-group .m-search .ant-input-group-wrapper:nth-child(2) {
  margin-left: 87px;
}
.raw-material .search-group .m-search .ant-input-group-wrapper .ant-input-group-addon {
  border: none;
  background-color: #fff;
  font-size: 16px;
  font-weight: 500;
  color: #333;
}
.raw-material .search-group .m-search .ant-input-group-wrapper::after {
  content: "\8BF7\52FF\8F93\5165\654F\611F\8BCD\6C47";
  display: none;
  padding-left: 100px;
  color: red;
  font-size: 14px;
}
.raw-material .search-group .m-search .ant-input-group-wrapper.show::after {
  display: block;
}
.raw-material .search-group .m-search .ant-input {
  width: 276px;
  height: 40px;
  line-height: 40px;
}
.raw-material .filter {
  background-color: #fff;
  margin-bottom: 20px;
}
.raw-material .filter .classify-list {
  display: flex;
  padding: 10px 0 10px;
  border-bottom: 1px dashed #dddee7fd;
}
.raw-material .filter .classify-list .label {
  flex-shrink: 0;
  width: 125px;
  text-align: right;
  margin-right: 9px;
}
.raw-material .filter .classify-list .classify-list-group {
  display: flex;
  flex-wrap: wrap;
  height: 32px;
  overflow: hidden;
}
.raw-material .filter .classify-list .classify-list-group .classify-item {
  padding: 4px 12px;
  font-size: 14px;
  margin-right: 8px;
  margin-bottom: 7px;
  color: #999999;
  font-weight: 500;
  cursor: pointer;
  user-select: none;
}
.raw-material .filter .classify-list .classify-list-group .classify-item.active {
  background-color: #487EFB;
  color: #fff;
}
.raw-material .filter .classify-list .show-more {
  flex-shrink: 0;
  padding-left: 10px;
}
.raw-material .filter .classify-list .show-more .icon {
  margin-left: 4px;
}
.raw-material .wrapper {
  display: flex;
}
.raw-material .wrapper .sidebar-left {
  width: 224px;
  height: 830px;
}
.raw-material .wrapper .sidebar-left .sidebar-left-item {
  margin-bottom: 16px;
  width: 224px;
  height: 125px;
}
.raw-material .wrapper .sidebar-left .sidebar-left-item a {
  display: block;
  width: 100%;
  height: 100%;
}
.raw-material .wrapper .sidebar-left .sidebar-left-item img {
  width: 100%;
  height: 100%;
}
.raw-material .wrapper .sidebar-left .sidebar-left-item:last-of-type {
  margin-bottom: 0;
}
.raw-material .wrapper .content {
  height: 830px;
  margin: 0 20px;
  flex: 1;
  background: #fff;
  position: relative;
}
.raw-material .wrapper .content .raw-table {
  height: 766px;
}
.raw-material .wrapper .content .raw-table .ant-table-placeholder {
  position: relative;
  top: 120px;
}
.raw-material .wrapper .content .raw-table .ant-table-placeholder .ant-table-cell {
  border: none;
}
.raw-material .wrapper .content .raw-list-pagination {
  position: absolute;
  bottom: 12px;
  left: 0;
  width: 100%;
  text-align: center;
  padding: 0 26px;
}
.raw-material .wrapper .sidebar-right {
  width: 224px;
  height: 830px;
}
.raw-material .wrapper .sidebar-right .sidebar-right-item {
  width: 224px;
  height: 125px;
  margin-bottom: 16px;
}
.raw-material .wrapper .sidebar-right .sidebar-right-item a {
  display: block;
  width: 100%;
  height: 100%;
}
.raw-material .wrapper .sidebar-right .sidebar-right-item img {
  width: 100%;
  height: 100%;
}
.raw-material .wrapper .sidebar-right .sidebar-right-item:last-of-type {
  margin-bottom: 0;
}

.raw-material-swiper-box {
  width: 764px;
  height: 288px;
}
.raw-material-swiper-box .swiper-container {
  width: 100%;
  height: 100%;
}
.raw-material-swiper-box .swiper-container .swiper-slide img {
  width: 100%;
  height: auto;
}

.raw-material-properties .ant-breadcrumb {
  margin: 16px auto 17px;
}
.raw-material-properties .wrapper {
  padding: 34px 24px 109px 24px;
  background-color: #fff;
}
.raw-material-properties .wrapper .title {
  position: relative;
  text-align: center;
  margin: 0 0 39px;
  font-size: 20px;
}
.raw-material-properties .wrapper .title .text {
  color: #487EFB;
}
.raw-material-properties .wrapper .title .ant-btn {
  position: absolute;
  right: 31px;
  top: 0;
}
.raw-material-properties .wrapper .info {
  margin-bottom: 39px;
}
.raw-material-properties .wrapper .info h4 {
  display: flex;
  align-items: center;
  padding: 2px 0;
  margin-bottom: 24px;
}
.raw-material-properties .wrapper .info h4::before {
  content: "";
  display: inline-block;
  width: 4px;
  height: 21px;
  background: #487EFB;
  margin-right: 10px;
}
.raw-material-properties .wrapper .info .pro-desc {
  margin-bottom: 40px;
}
.raw-material-properties .wrapper .info .pro-desc table {
  width: 100%;
}
.raw-material-properties .wrapper .info .pro-desc table tr td {
  height: 53px;
  text-align: left;
  padding-left: 40px;
  vertical-align: middle;
  border: 1px solid #F0F1F4;
}
.raw-material-properties .wrapper .info .pro-desc table tr td:nth-child(2n - 1) {
  font-weight: bold;
  width: 130px;
  background: #F4F8FF;
}
.raw-material-properties .wrapper .info .pro-desc table tr td:nth-child(2n) {
  width: 447px;
}
.raw-material-properties .wrapper .info .pro-detail table {
  width: 100%;
  margin-bottom: 24px;
}
.raw-material-properties .wrapper .info .pro-detail table thead tr {
  height: 50px;
  background-color: #F4F8FF;
}
.raw-material-properties .wrapper .info .pro-detail table thead tr th {
  font-weight: bold;
  border: 1px solid #F0F1F4;
  vertical-align: middle;
  text-align: center;
}
.raw-material-properties .wrapper .info .pro-detail table tr td {
  height: 53px;
  text-align: center;
  vertical-align: middle;
  border: 1px solid #F0F1F4;
}
.correct-modal .ant-modal-content {
  height: 390px;
}
.correct-modal .ant-modal-content .ant-modal-body {
  padding: 23px 36px 0 44px;
  text-align: center;
}
.correct-modal .ant-modal-content .ant-modal-body .ant-btn {
  margin-top: 24px;
  width: 100px;
  height: 34px;
}
.correct-modal .ant-modal-content textarea {
  width: 400px;
  height: 213px;
  resize: none;
  padding: 13px 0 0 16px;
}

.text-ellipsis {
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}
.text-ellipsis2,
.text-ellipsis3,
.text-ellipsis4 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.text-ellipsis3 {
  -webkit-line-clamp: 3;
}
.text-ellipsis4 {
  -webkit-line-clamp: 4;
}
.position-c {
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
}
.position-x-c {
  position: absolute !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
}
.position-y-c {
  position: absolute !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
}
.flex {
  display: flex;
}
.flex-wrap {
  display: flex;
  flex-wrap: wrap;
}
.flex-column {
  display: flex;
  flex-direction: column;
}
.flex-c {
  display: flex;
  align-items: center;
}
.justify-between {
  display: flex;
  justify-content: space-between;
}
.empty-box {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.empty-box .empty-img {
  height: 120px;
  margin-top: -180px;
}
.empty-box .empty-img img {
  height: 100%;
}
.empty-box .empty-tips {
  font-size: 14px;
  color: #999;
  margin-top: 8px;
  position: relative;
  right: 5px;
}
.manage-page {
  background: #f4f6f9;
  min-height: 100vh;
}
.ant-badge-count {
  height: 16px;
  line-height: 16px;
  background-color: #f8524f;
}
.home-title {
  text-align: center;
  font-size: 28px;
  color: #383838;
  margin-bottom: 34px;
  position: relative;
  font-weight: 500;
  letter-spacing: 1px;
}
.home-title .home-title-content {
  position: relative;
}
.home-title .home-title-content::before,
.home-title .home-title-content::after {
  content: '';
  width: 23px;
  height: 19px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background: url('/static/home/title-icon.png') no-repeat;
  background-size: cover;
  background-position: center;
  margin-top: 2px;
}
.home-title .home-title-content::before {
  left: -40px;
}
.home-title .home-title-content::after {
  right: -40px;
}
.navbar-fixed-page {
  padding-top: 40px;
}
.anchor-position {
  position: absolute;
  top: -130px;
}
.banner-swiper-button-prev,
.banner-swiper-button-next {
  width: 26px;
  height: 36px;
  background: rgba(0, 0, 0, 0.15);
  transition: all 0.2s;
}
.banner-swiper-button-prev .icon,
.banner-swiper-button-next .icon {
  color: #fff;
  position: relative;
}
.banner-swiper-button-prev:hover,
.banner-swiper-button-next:hover {
  background: rgba(0, 0, 0, 0.3);
}
.banner-swiper-button-prev::after,
.banner-swiper-button-next::after {
  display: none;
}
.banner-swiper-button-prev {
  border-radius: 0 400px 400px 0;
  left: 0;
}
.banner-swiper-button-prev .icon {
  right: 2px;
}
.banner-swiper-button-next {
  border-radius: 400px 0 0 400px;
  right: 0;
}
.banner-swiper-button-next .icon {
  left: 2px;
}
.poster-tips {
  width: 32px;
  height: 18px;
  background: rgba(0, 0, 0, 0.3);
  font-size: 12px;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  right: -3px;
  bottom: -2px;
  transform: scale(0.8);
}
.concise-pagination .ant-pagination-item {
  display: none;
}
.concise-pagination .ant-pagination-jump-prev,
.concise-pagination .ant-pagination-jump-next {
  display: none;
}
.concise-pagination .ant-pagination-prev,
.concise-pagination .ant-pagination-next {
  position: relative;
  width: 80px !important;
}
.concise-pagination .ant-pagination-prev .anticon,
.concise-pagination .ant-pagination-next .anticon {
  opacity: 0;
}
.concise-pagination .ant-pagination-prev::after,
.concise-pagination .ant-pagination-next::after {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 12px;
  color: #666;
}
.concise-pagination .ant-pagination-prev::after {
  content: '\4E0A\4E00\9875';
}
.concise-pagination .ant-pagination-next::after {
  content: '\4E0B\4E00\9875';
}
.dummy-inp {
  width: 0px;
  height: 0px;
  position: absolute;
  opacity: 0;
  left: -9999px;
}
input:-webkit-autofill {
  box-shadow: 0 0 0 1000px white inset !important;
}
input:-internal-autofill-previewed,
input:-internal-autofill-selected {
  -webkit-text-fill-color: #333 !important;
  transition: background-color 5000s ease-in-out 0s !important;
}
.search {
  background-color: #fff;
}
.search .ant-empty {
  margin-top: 160px !important;
  margin-bottom: 216px;
}
.search .content {
  margin-top: 16px;
}
.search .content .material-item {
  padding: 24px;
  background: #FFFFFF;
  box-shadow: 0px 0px 10px 0px #e9eaef;
  margin-right: 18px;
  margin-left: 4px;
  margin-bottom: 24px;
  width: 384px;
}
.search .content .material-item:nth-child(3n) {
  margin-right: 0;
  margin-left: 0px;
}
.search .content .material-item .material-title {
  margin-bottom: 16px;
}
.search .content .supply-pagination {
  text-align: center;
  margin-top: 36px;
}
.search .content .commodity-group__cards {
  display: flex;
  flex-wrap: wrap;
}
.search .content .commodity-group__cards .commodity-group__cards-item {
  max-width: 220px;
}
.search .content .commodity-business-cards {
  display: flex;
  flex-wrap: wrap;
}
.search .content .commodity-business-cards .business-card {
  margin-bottom: 15px;
  margin-right: 15px;
  width: 380px;
  background-color: #fff;
}
.search .content .commodity-business-cards .network-top__company {
  height: 22px;
}
.search .content .commodity-content__box-cards {
  display: flex;
  flex-wrap: wrap;
}
.search .content .link-article {
  width: 290px;
  box-shadow: 0px 0px 8px 0px rgba(220, 220, 220, 0.5);
  margin-right: 8px;
  margin-bottom: 8px;
}
.search .content .link-article .news-item__img {
  height: 198px;
}
.search .content .link-article .news-item__img img {
  width: 100%;
  height: 100%;
}
.search .content .link-article .news-item__wrap {
  padding: 12px 16px 20px;
}
.search .content .link-article .news-item__wrap .news-item__title {
  font-size: 18px;
  line-height: 25px;
  font-weight: 500;
  color: #0A0909;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.search .content .link-article .news-item__wrap .news-item__footer {
  display: flex;
  margin-top: 24px;
  font-size: 12px;
  justify-content: space-between;
  align-items: center;
}
.search .content .link-article .news-item__wrap .news-item__footer .news-item__box {
  color: #666666;
  display: flex;
  align-items: center;
}
.search .content .link-article .news-item__wrap .news-item__footer .news-item__box img {
  width: 14px;
  height: 14px;
  margin-right: 6px;
}
.search .content .link-article .news-item__wrap .news-item__footer .news-item__interactive {
  color: #999999;
}
.search .content .link-article .news-item__wrap .news-item__footer .news-item__interactive .look {
  padding-right: 9px;
  position: relative;
}
.search .content .link-article .news-item__wrap .news-item__footer .news-item__interactive .look .icon {
  margin-right: 4px;
}
.search .content .link-article .news-item__wrap .news-item__footer .news-item__interactive .look:after {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  height: 14px;
  border-right: 1px solid #E2E2E2;
  margin-top: -7px;
}
.search .content .link-article .news-item__wrap .news-item__footer .news-item__interactive .time {
  padding-left: 8px;
}
.search .content .link-article .news-item__wrap .news-item__footer .news-item__interactive .icon {
  font-size: 14px;
}
.search .content .commodity-group__topic__cards {
  display: flex;
  flex-wrap: wrap;
}
.search .content .commodity-group__topic__cards .topic-card-item {
  padding: 20px;
  width: 590px;
  box-shadow: 0px 0px 14px 0px #e9eaef;
}
.search .content .commodity-group__topic__cards .topic-card-item .card-title {
  border-bottom: 1px solid #E6E8ED;
  position: relative;
}
.search .content .commodity-group__topic__cards .topic-card-item .card-title h3 {
  color: #333333;
  font-size: 20px;
  font-weight: 600;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  max-width: 450px;
}
.search .content .commodity-group__topic__cards .topic-card-item .card-title h3 span {
  color: #487EFB;
}
.search .content .commodity-group__topic__cards .topic-card-item .card-title .card-title__group {
  display: flex;
  color: #999;
  font-size: 12px;
  margin-top: 8px;
  margin-bottom: 10px;
  align-items: center;
}
.search .content .commodity-group__topic__cards .topic-card-item .card-title .card-title__group img {
  display: block;
  width: 14px;
  height: 14px;
  margin-right: 6px;
}
.search .content .commodity-group__topic__cards .topic-card-item .card-title .card-title__group .line {
  width: 1px;
  height: 12px;
  background-color: #EAEAEA;
  margin: 0 8px;
}
.search .content .commodity-group__topic__cards .topic-card-item .card-title .card-btn {
  position: absolute;
  right: 0;
  top: 13px;
  color: #487EFB;
  background: rgba(72, 126, 251, 0.1);
  width: 88px;
  border: none;
}
.search .content .commodity-group__topic__cards .topic-card-item:hover .card-title h3 {
  color: #3c76f7;
}
.search .content .commodity-group__topic__cards .topic-card-item .card-content {
  padding: 20px 4px 0px 4px;
  font-size: 16px;
  line-height: 22px;
}
.search .content .commodity-group__topic__cards .topic-card-item .card-content p {
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  color: #333333;
}
.search .content .commodity-group__topic__cards .topic-card-item .card-content p span {
  color: #487EFB;
}

.text-ellipsis {
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}
.text-ellipsis2,
.text-ellipsis3,
.text-ellipsis4 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.text-ellipsis3 {
  -webkit-line-clamp: 3;
}
.text-ellipsis4 {
  -webkit-line-clamp: 4;
}
.position-c {
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
}
.position-x-c {
  position: absolute !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
}
.position-y-c {
  position: absolute !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
}
.flex {
  display: flex;
}
.flex-wrap {
  display: flex;
  flex-wrap: wrap;
}
.flex-column {
  display: flex;
  flex-direction: column;
}
.flex-c {
  display: flex;
  align-items: center;
}
.justify-between {
  display: flex;
  justify-content: space-between;
}
.empty-box {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.empty-box .empty-img {
  height: 120px;
  margin-top: -180px;
}
.empty-box .empty-img img {
  height: 100%;
}
.empty-box .empty-tips {
  font-size: 14px;
  color: #999;
  margin-top: 8px;
  position: relative;
  right: 5px;
}
.manage-page {
  background: #f4f6f9;
  min-height: 100vh;
}
.ant-badge-count {
  height: 16px;
  line-height: 16px;
  background-color: #f8524f;
}
.home-title {
  text-align: center;
  font-size: 28px;
  color: #383838;
  margin-bottom: 34px;
  position: relative;
  font-weight: 500;
  letter-spacing: 1px;
}
.home-title .home-title-content {
  position: relative;
}
.home-title .home-title-content::before,
.home-title .home-title-content::after {
  content: '';
  width: 23px;
  height: 19px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background: url('/static/home/title-icon.png') no-repeat;
  background-size: cover;
  background-position: center;
  margin-top: 2px;
}
.home-title .home-title-content::before {
  left: -40px;
}
.home-title .home-title-content::after {
  right: -40px;
}
.navbar-fixed-page {
  padding-top: 40px;
}
.anchor-position {
  position: absolute;
  top: -130px;
}
.banner-swiper-button-prev,
.banner-swiper-button-next {
  width: 26px;
  height: 36px;
  background: rgba(0, 0, 0, 0.15);
  transition: all 0.2s;
}
.banner-swiper-button-prev .icon,
.banner-swiper-button-next .icon {
  color: #fff;
  position: relative;
}
.banner-swiper-button-prev:hover,
.banner-swiper-button-next:hover {
  background: rgba(0, 0, 0, 0.3);
}
.banner-swiper-button-prev::after,
.banner-swiper-button-next::after {
  display: none;
}
.banner-swiper-button-prev {
  border-radius: 0 400px 400px 0;
  left: 0;
}
.banner-swiper-button-prev .icon {
  right: 2px;
}
.banner-swiper-button-next {
  border-radius: 400px 0 0 400px;
  right: 0;
}
.banner-swiper-button-next .icon {
  left: 2px;
}
.poster-tips {
  width: 32px;
  height: 18px;
  background: rgba(0, 0, 0, 0.3);
  font-size: 12px;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  right: -3px;
  bottom: -2px;
  transform: scale(0.8);
}
.concise-pagination .ant-pagination-item {
  display: none;
}
.concise-pagination .ant-pagination-jump-prev,
.concise-pagination .ant-pagination-jump-next {
  display: none;
}
.concise-pagination .ant-pagination-prev,
.concise-pagination .ant-pagination-next {
  position: relative;
  width: 80px !important;
}
.concise-pagination .ant-pagination-prev .anticon,
.concise-pagination .ant-pagination-next .anticon {
  opacity: 0;
}
.concise-pagination .ant-pagination-prev::after,
.concise-pagination .ant-pagination-next::after {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 12px;
  color: #666;
}
.concise-pagination .ant-pagination-prev::after {
  content: '\4E0A\4E00\9875';
}
.concise-pagination .ant-pagination-next::after {
  content: '\4E0B\4E00\9875';
}
.dummy-inp {
  width: 0px;
  height: 0px;
  position: absolute;
  opacity: 0;
  left: -9999px;
}
input:-webkit-autofill {
  box-shadow: 0 0 0 1000px white inset !important;
}
input:-internal-autofill-previewed,
input:-internal-autofill-selected {
  -webkit-text-fill-color: #333 !important;
  transition: background-color 5000s ease-in-out 0s !important;
}
.filter {
  margin-top: 20px;
}
.filter .filter-main {
  background-color: #fff;
  margin-bottom: 20px;
  padding: 0 16px;
}
.filter .filter-main .filter-group.level1 {
  padding: 10px 0;
}
.filter .filter-group.tags {
  background-color: #fff;
  padding: 16px;
  margin-bottom: 20px;
  border-bottom: none;
}
.filter .filter-group.tags .filter-group__btn {
  right: 16px;
}
.filter .filter-sort {
  background-color: #fff;
  padding: 16px;
  margin: 0px;
  margin-bottom: 20px;
}
.filter .filter-box .filter-letter {
  display: inline-block;
  background-color: #F7F7F7;
  margin: 16px 0px;
  margin-left: 6px;
  padding: 9px 26px 10px 12px;
}
.filter .filter-box .filter-letter .filter-letter__title {
  margin-right: 30px;
}
.filter .filter-box .filter-letter .sub-cate__item {
  padding: 1px 8px 2px;
  cursor: pointer;
}
.filter .filter-box .filter-letter .sub-cate__item.active {
  background-color: #487EFB;
  color: #fff;
}
.filter .filter-box .filter-tags {
  margin-left: 86px;
}
.filter .filter-group__item-btn {
  background-color: #fff;
  border: 1px solid #E6E8ED;
  outline: none;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
}
input[type='number'] {
  -moz-appearance: textfield;
}
.filter-group__range {
  width: 162px;
  height: 50px;
  text-align: center;
  line-height: 50px;
  border: 1px solid #E6E8ED;
  background-color: #fff;
  position: relative;
  top: -7px;
}
.filter-group__range input {
  width: 58px;
  height: 28px;
  border: 1px solid #E6E8ED;
  outline: none;
}
.drop-down__menu {
  height: 158px;
  overflow-y: scroll;
}
.ant-dropdown ::-webkit-scrollbar-track {
  border-radius: 10px;
  background-color: transparent;
}
.ant-dropdown ::-webkit-scrollbar {
  width: 3px;
  height: 7px;
  background-color: transparent;
}
.ant-dropdown ::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background: #d1d2d2;
}
.filter-group.drop-down .waterPCT {
  display: flex;
}
.filter-group.drop-down .waterPCT input {
  width: 50px;
}
.filter-group.drop-down .drop-down-item {
  margin-right: 20px;
  margin-bottom: 20px;
}
.filter-group.drop-down .ant-select-selector {
  min-width: 81px;
}
.filter-address_selector {
  position: relative;
}
.filter-address_selector .ks-ac-content {
  display: none;
  border: 1px solid #bec2c4;
  position: absolute;
  top: 18px;
  left: 0;
  z-index: 1;
  width: 420px;
  background-color: #fff;
}
.filter-address_selector .ks-ac-content .ks-ac-acinput-hot-tit {
  font-size: 12px;
  padding: 3px;
}
.filter-address_selector .ks-ac-content .tab-nav {
  display: flex;
  padding: 3px 5px 0;
}
.filter-address_selector .ks-ac-content .tab-nav li {
  padding: 0 5px;
  list-style: none;
  border: 0;
  border-bottom-color: #bec2c4;
  padding: 0 6px;
  margin-right: 3px;
  line-height: 20px;
  cursor: pointer;
  color: #3c76f7;
}
.filter-address_selector .ks-ac-content .tab-nav li.ks-ac-hot-selected {
  border: 1px solid #b3c2c4;
  border-bottom: 1px solid #fff;
  background: #fff;
}
.filter-address_selector .ks-ac-content .tab-content {
  border-top: 1px solid #bec2c4;
  margin-top: -1px;
  line-height: 22px;
}
.filter-address_selector .ks-ac-content .tab-content dl dt {
  float: left;
  padding-left: 3px;
  color: #f30;
  text-indent: 5px;
  font-family: "Lucida console", consolas, "courier new";
  line-height: 22px;
  font-size: 14px;
}
.filter-address_selector .ks-ac-content .tab-content dl dd {
  margin-left: 15px;
  overflow: hidden;
  zoom: 1;
}
.filter-address_selector .ks-ac-content .tab-content dl dd span {
  display: inline-block;
  width: 66px;
  padding-left: 4px;
  text-align: left;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.filter-address_selector:hover .ks-ac-content {
  display: block;
}
ol,
ul,
dl {
  margin: 0;
  padding: 0;
}

.text-ellipsis {
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}
.text-ellipsis2,
.text-ellipsis3,
.text-ellipsis4 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.text-ellipsis3 {
  -webkit-line-clamp: 3;
}
.text-ellipsis4 {
  -webkit-line-clamp: 4;
}
.position-c {
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
}
.position-x-c {
  position: absolute !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
}
.position-y-c {
  position: absolute !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
}
.flex {
  display: flex;
}
.flex-wrap {
  display: flex;
  flex-wrap: wrap;
}
.flex-column {
  display: flex;
  flex-direction: column;
}
.flex-c {
  display: flex;
  align-items: center;
}
.justify-between {
  display: flex;
  justify-content: space-between;
}
.empty-box {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.empty-box .empty-img {
  height: 120px;
  margin-top: -180px;
}
.empty-box .empty-img img {
  height: 100%;
}
.empty-box .empty-tips {
  font-size: 14px;
  color: #999;
  margin-top: 8px;
  position: relative;
  right: 5px;
}
.manage-page {
  background: #f4f6f9;
  min-height: 100vh;
}
.ant-badge-count {
  height: 16px;
  line-height: 16px;
  background-color: #f8524f;
}
.home-title {
  text-align: center;
  font-size: 28px;
  color: #383838;
  margin-bottom: 34px;
  position: relative;
  font-weight: 500;
  letter-spacing: 1px;
}
.home-title .home-title-content {
  position: relative;
}
.home-title .home-title-content::before,
.home-title .home-title-content::after {
  content: '';
  width: 23px;
  height: 19px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background: url('/static/home/title-icon.png') no-repeat;
  background-size: cover;
  background-position: center;
  margin-top: 2px;
}
.home-title .home-title-content::before {
  left: -40px;
}
.home-title .home-title-content::after {
  right: -40px;
}
.navbar-fixed-page {
  padding-top: 40px;
}
.anchor-position {
  position: absolute;
  top: -130px;
}
.banner-swiper-button-prev,
.banner-swiper-button-next {
  width: 26px;
  height: 36px;
  background: rgba(0, 0, 0, 0.15);
  transition: all 0.2s;
}
.banner-swiper-button-prev .icon,
.banner-swiper-button-next .icon {
  color: #fff;
  position: relative;
}
.banner-swiper-button-prev:hover,
.banner-swiper-button-next:hover {
  background: rgba(0, 0, 0, 0.3);
}
.banner-swiper-button-prev::after,
.banner-swiper-button-next::after {
  display: none;
}
.banner-swiper-button-prev {
  border-radius: 0 400px 400px 0;
  left: 0;
}
.banner-swiper-button-prev .icon {
  right: 2px;
}
.banner-swiper-button-next {
  border-radius: 400px 0 0 400px;
  right: 0;
}
.banner-swiper-button-next .icon {
  left: 2px;
}
.poster-tips {
  width: 32px;
  height: 18px;
  background: rgba(0, 0, 0, 0.3);
  font-size: 12px;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  right: -3px;
  bottom: -2px;
  transform: scale(0.8);
}
.concise-pagination .ant-pagination-item {
  display: none;
}
.concise-pagination .ant-pagination-jump-prev,
.concise-pagination .ant-pagination-jump-next {
  display: none;
}
.concise-pagination .ant-pagination-prev,
.concise-pagination .ant-pagination-next {
  position: relative;
  width: 80px !important;
}
.concise-pagination .ant-pagination-prev .anticon,
.concise-pagination .ant-pagination-next .anticon {
  opacity: 0;
}
.concise-pagination .ant-pagination-prev::after,
.concise-pagination .ant-pagination-next::after {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 12px;
  color: #666;
}
.concise-pagination .ant-pagination-prev::after {
  content: '\4E0A\4E00\9875';
}
.concise-pagination .ant-pagination-next::after {
  content: '\4E0B\4E00\9875';
}
.dummy-inp {
  width: 0px;
  height: 0px;
  position: absolute;
  opacity: 0;
  left: -9999px;
}
input:-webkit-autofill {
  box-shadow: 0 0 0 1000px white inset !important;
}
input:-internal-autofill-previewed,
input:-internal-autofill-selected {
  -webkit-text-fill-color: #333 !important;
  transition: background-color 5000s ease-in-out 0s !important;
}
.supply {
  background-color: #fff;
}
.supply .filter-main {
  padding: 0;
}
.supply .filter-main .filter-main-content {
  position: relative;
  border: 1px solid #ececec;
}
.supply .filter-main .filter-main-content .frame {
  position: absolute;
  width: 109px;
  height: 100%;
  background: #f3f3f3;
  border-right: 1px solid #ececec;
}
.supply .filter-main .filter-main-content .filter-group__title {
  letter-spacing: 0.21px;
  font-size: 14px;
  color: #666666;
  width: 79px;
  box-sizing: border-box;
}
.supply .filter-main .filter-main-content .filter-group__list {
  margin: 0;
}
.supply .filter-main .filter-main-content .filter-group__list .filter-group__item {
  color: #005aa0;
  letter-spacing: 0.21px;
  font-size: 14px;
  font-weight: 400;
  margin: 0 16px;
  padding: 0;
}
.supply .filter-main .filter-main-content .filter-group__list .filter-group__item.active1 {
  color: #d04a46;
}
.supply .filter-main .filter-main-content .filter-group__list .filter-group__item:hover {
  color: #d04a46;
}
.supply .filter-main .filter-main-content .filter-group__list .ant-select {
  margin-right: 0;
}
.supply .filter-main .filter-main-content .filter-group {
  margin: 0 30px;
}
.supply .filter-main .filter-main-content .filter-group .filter-tags {
  margin: 0;
  margin-top: 11px;
}
.supply .filter-main .filter-main-content .filter-group .filter-tags .filter-tags__item1 {
  font-size: 14px;
  font-weight: 400;
  color: #005aa0;
  margin: 6px 16px;
}
.supply .filter-main .filter-main-content .filter-group .filter-tags .filter-tags__item1.active1 {
  color: #d04a46;
}
.supply .filter-main .filter-main-content .filter-group .filter-tags .filter-tags__item1:hover {
  color: #d04a46;
}
.supply .filter-main .filter-main-content .level1 {
  border-bottom: 1px dashed #dcdcdc;
  padding: 11px 0;
}
.supply .filter-main .filter-main-content .level2 {
  border-bottom: 1px dashed #dcdcdc;
  padding-bottom: 10px;
}
.supply .filter-main .filter-main-content .level2.hid-children {
  padding-bottom: 0;
  border-bottom: none;
}
.supply .filter-main .filter-main-content .filter-box {
  padding: 11px 0 11px;
  border-bottom: none;
}
.supply .filter-main .filter-main-content .filter-box .filter-tags__item1 {
  cursor: pointer;
}
.supply .filter-main .filter-main-content .drop-down {
  border-top: 1px dashed #dcdcdc;
  padding: 18px 0;
}
.supply .filter-main .filter-main-content .drop-down .filter-group__list {
  padding: 0 16px;
  align-items: center;
}
.supply .filter-main .filter-main-content .drop-down .filter-group__list .ant-select-selection-item {
  color: #333333;
}
.supply .filter-main .filter-main-content .filter-group__item-btn {
  padding: 0 10px;
  border-radius: 3px;
}
.supply .filter-main .filter-main-content .item-btn1 {
  padding: 0 16px;
}
.supply .filter-main .filter-main-content .item-btn1 .icon {
  margin-left: 5px;
  color: #CBCBCB;
}
.supply .filter-main .filter-group1 {
  display: flex;
  margin-bottom: 10px;
}
.supply .filter-main .filter-group1 .filter-group__title {
  width: 109px;
  color: #999999;
  height: auto;
  letter-spacing: 0.21px;
  font-size: 14px;
  line-height: 35px;
  text-align: right;
  padding-right: 8px;
  margin-bottom: 8px;
}
.supply .filter-main .filter-group1 .filter-group__list {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  max-width: 1010px;
}
.supply .filter-main .filter-group1 .filter-group__list .tag {
  height: 32px;
  padding: 0 10px;
  border: 1px solid #e1e2e6;
  letter-spacing: 0.21px;
  font-size: 12px;
  border-radius: 3px;
  color: #e4393c;
  background: #fcfcfc;
  margin-bottom: 8px;
}
.supply .filter-main .filter-group1 .filter-group__list .tag .tit {
  color: #333333;
  margin-right: 3px;
}
.supply .filter-main .filter-group1 .filter-group__list .tag .anticon-close {
  color: #e4393c;
  position: relative;
  top: 1px;
}
.supply .filter-main .filter-group1 .filter-group__list .tag.hid-close .anticon-close {
  display: none;
}
.supply .filter-main .filter-group1 .filter-group__btn {
  color: #487efb;
  letter-spacing: 0.21px;
  font-size: 12px;
  font-weight: 500;
  line-height: 35px;
  margin-left: 10px;
  cursor: pointer;
}
.supply .filter-main .filter-group1 .filter-group__btn:active {
  color: #819ee2;
}
.supply .filter-sort1 {
  display: flex;
  align-items: center;
  background: #f9f9f9;
  border: 1px solid #ececec;
  color: #333333;
  padding: 18px 30px;
  margin-bottom: 19px;
  letter-spacing: 0.25px;
  font-size: 14px;
  font-weight: 500;
}
.supply .filter-sort1 .sort-item {
  display: flex;
  align-items: center;
  cursor: pointer;
  margin-right: 40px;
  color: #333333;
  font-weight: normal;
}
.supply .filter-sort1 .sort-item .img {
  width: 11px;
  margin-left: 3px;
  position: relative;
  top: 1px;
}
.supply .filter-sort1 .sort-item.col {
  color: #ff8d1a;
}
.supply .filter-sort1 .filter-address_selector {
  padding-top: 0;
}
.supply .filter-sort1 .filter-address_selector-text {
  font-size: 14px;
  color: #333333;
  font-weight: 400;
}
.supply .filter-sort1 .filter-sort__item .icon {
  margin-left: 5px;
}
.supply .supply-pagination {
  text-align: center;
  margin-top: 36px;
}
.supply .recommend-shop .recommend-shop-list {
  flex-wrap: wrap;
}
.supply .recommend-shop .recommend-shop-list .recommend-shop-item {
  width: 230px;
  height: 116px;
  margin-right: 12px;
  margin-bottom: 16px;
  border: 1px solid #e5e5e5;
  position: relative;
}
.supply .recommend-shop .recommend-shop-list .recommend-shop-item .recommend-shop-item-content {
  display: block;
  width: 100%;
  height: 100%;
}
.supply .recommend-shop .recommend-shop-list .recommend-shop-item:last-of-type {
  margin-right: 0;
}
.supply .recommend-shop .recommend-shop-list .recommend-shop-item:nth-of-type(5n) {
  margin-right: 0;
}
.supply .recommend-shop .recommend-shop-list .recommend-shop-item img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  position: relative;
}
.supply .commodity-group__cards {
  display: flex;
  flex-wrap: wrap;
  margin: -11px -10px;
}
.supply .commodity-group__cards.supply {
  margin: 0;
  min-height: 358px;
}
.supply .commodity-group__cards > a {
  max-width: 240px;
}
.supply .commodity-group__cards .commodity-group__cards-item {
  max-width: 224px;
  margin-top: 10px;
  margin-left: 16px;
}
.supply .filter-group.address_selector {
  height: 33px;
  line-height: 33px;
}
.supply .filter-letter {
  display: inline-block;
  background-color: #F7F7F7;
  margin: 16px 0px;
  margin-left: 6px;
  padding: 9px 26px 10px 12px;
}
.supply .filter-letter .filter-letter__title {
  margin-right: 30px;
}
.supply .filter-letter .sub-cate__item {
  padding: 1px 8px 2px;
  cursor: pointer;
}
.supply .filter-letter .sub-cate__item.active {
  background-color: #487EFB;
  color: #fff;
}

.text-ellipsis {
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}
.text-ellipsis2,
.text-ellipsis3,
.text-ellipsis4 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.text-ellipsis3 {
  -webkit-line-clamp: 3;
}
.text-ellipsis4 {
  -webkit-line-clamp: 4;
}
.position-c {
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
}
.position-x-c {
  position: absolute !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
}
.position-y-c {
  position: absolute !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
}
.flex {
  display: flex;
}
.flex-wrap {
  display: flex;
  flex-wrap: wrap;
}
.flex-column {
  display: flex;
  flex-direction: column;
}
.flex-c {
  display: flex;
  align-items: center;
}
.justify-between {
  display: flex;
  justify-content: space-between;
}
.empty-box {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.empty-box .empty-img {
  height: 120px;
  margin-top: -180px;
}
.empty-box .empty-img img {
  height: 100%;
}
.empty-box .empty-tips {
  font-size: 14px;
  color: #999;
  margin-top: 8px;
  position: relative;
  right: 5px;
}
.manage-page {
  background: #f4f6f9;
  min-height: 100vh;
}
.ant-badge-count {
  height: 16px;
  line-height: 16px;
  background-color: #f8524f;
}
.home-title {
  text-align: center;
  font-size: 28px;
  color: #383838;
  margin-bottom: 34px;
  position: relative;
  font-weight: 500;
  letter-spacing: 1px;
}
.home-title .home-title-content {
  position: relative;
}
.home-title .home-title-content::before,
.home-title .home-title-content::after {
  content: '';
  width: 23px;
  height: 19px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background: url('/static/home/title-icon.png') no-repeat;
  background-size: cover;
  background-position: center;
  margin-top: 2px;
}
.home-title .home-title-content::before {
  left: -40px;
}
.home-title .home-title-content::after {
  right: -40px;
}
.navbar-fixed-page {
  padding-top: 40px;
}
.anchor-position {
  position: absolute;
  top: -130px;
}
.banner-swiper-button-prev,
.banner-swiper-button-next {
  width: 26px;
  height: 36px;
  background: rgba(0, 0, 0, 0.15);
  transition: all 0.2s;
}
.banner-swiper-button-prev .icon,
.banner-swiper-button-next .icon {
  color: #fff;
  position: relative;
}
.banner-swiper-button-prev:hover,
.banner-swiper-button-next:hover {
  background: rgba(0, 0, 0, 0.3);
}
.banner-swiper-button-prev::after,
.banner-swiper-button-next::after {
  display: none;
}
.banner-swiper-button-prev {
  border-radius: 0 400px 400px 0;
  left: 0;
}
.banner-swiper-button-prev .icon {
  right: 2px;
}
.banner-swiper-button-next {
  border-radius: 400px 0 0 400px;
  right: 0;
}
.banner-swiper-button-next .icon {
  left: 2px;
}
.poster-tips {
  width: 32px;
  height: 18px;
  background: rgba(0, 0, 0, 0.3);
  font-size: 12px;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  right: -3px;
  bottom: -2px;
  transform: scale(0.8);
}
.concise-pagination .ant-pagination-item {
  display: none;
}
.concise-pagination .ant-pagination-jump-prev,
.concise-pagination .ant-pagination-jump-next {
  display: none;
}
.concise-pagination .ant-pagination-prev,
.concise-pagination .ant-pagination-next {
  position: relative;
  width: 80px !important;
}
.concise-pagination .ant-pagination-prev .anticon,
.concise-pagination .ant-pagination-next .anticon {
  opacity: 0;
}
.concise-pagination .ant-pagination-prev::after,
.concise-pagination .ant-pagination-next::after {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 12px;
  color: #666;
}
.concise-pagination .ant-pagination-prev::after {
  content: '\4E0A\4E00\9875';
}
.concise-pagination .ant-pagination-next::after {
  content: '\4E0B\4E00\9875';
}
.dummy-inp {
  width: 0px;
  height: 0px;
  position: absolute;
  opacity: 0;
  left: -9999px;
}
input:-webkit-autofill {
  box-shadow: 0 0 0 1000px white inset !important;
}
input:-internal-autofill-previewed,
input:-internal-autofill-selected {
  -webkit-text-fill-color: #333 !important;
  transition: background-color 5000s ease-in-out 0s !important;
}
.answer .answer-wrapper {
  display: flex;
  padding-bottom: 100px;
}
.answer .answer-wrapper .answer-content {
  width: 820px;
}
.answer .answer-wrapper .answer-group {
  height: 240px;
  position: relative;
  margin-bottom: 20px;
  transition: all 0.2s ease-in;
  overflow: hidden;
}
.answer .answer-wrapper .answer-group .ant-btn {
  position: absolute;
  right: 28px;
  bottom: 24px;
  width: 88px;
  height: 28px;
  font-size: 12px;
}
.answer .answer-wrapper .answer-group textarea {
  width: 100%;
  height: 100%;
  resize: none;
  padding: 24px 0 0 28px;
}
.answer .answer-wrapper .card-list {
  background: #fff;
}
.answer .answer-wrapper .card-list .title {
  padding: 20px 0 20px 12px;
  font-size: 18px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: bold;
  color: #333333;
  margin: 0;
}
.answer .answer-wrapper .card-list .writer-list .writer-list__card {
  padding: 16px 0 10px;
  margin: 0;
}
.answer .answer-wrapper .card-list .writer-list .writer-list__card:last-child .tag::after {
  border: 0;
}
.answer .answer-wrapper .card-list .writer-list .writer-list__card .description span {
  font-size: 14px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #999999;
}
.answer .answer-wrapper .card-list .writer-list .writer-list__card .description span > span {
  font-size: 16px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: bold;
  color: #333333;
  margin-right: 9px;
}
.answer .answer-wrapper .card-list .writer-list .writer-list__card .tag {
  position: relative;
}
.answer .answer-wrapper .card-list .writer-list .writer-list__card .tag::after {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  bottom: -10px;
  border-bottom: 1px solid #E6E8ED;
  width: 100%;
}
.answer .topic-details-content {
  height: auto;
}
.comment-modal .ant-modal {
  padding-bottom: 0;
}
.comment-modal .ant-modal-content {
  height: 100%;
  overflow: hidden;
}
.comment-modal .ant-modal-content .ant-modal-header {
  border: none;
}
.comment-modal .ant-modal-content .ant-modal-body {
  height: 680px;
  padding: 0;
  overflow-y: scroll;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.comment-modal .ant-modal-content .ant-modal-body::-webkit-scrollbar {
  display: none;
  /* Chrome Safari */
}
.comment-modal .ant-modal-content .article-comment__footer {
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 14px 20px 16px 20px;
  border-top: 1px solid #e6e8ed;
  width: 100%;
  height: 63px;
  z-index: 100;
  background: #f9fafd;
}
.comment-modal .ant-modal-content .article-comment__footer .ant-input {
  width: 684px;
  height: 32px;
}
.comment-modal .ant-modal-content .article-comment__footer .ant-btn {
  width: 60px;
  height: 32px;
  font-size: 14px;
  margin-left: 16px;
}
.article-comment__list .article-comment__item:last-child {
  border-bottom: none;
}
.article-comment__list .article-comment__item:not(:nth-child(1)) {
  padding-top: 22px;
}
.article-comment__list .article-comment__item .article-comment__head {
  display: flex;
  border-top: 1px solid #E6E8ED;
  padding-top: 22px;
  margin: 0 20px;
}
.article-comment__list .article-comment__item .article-comment__head .avatar {
  width: 48px;
  height: 48px;
  flex-shrink: 0;
}
.article-comment__list .article-comment__item .article-comment__head .avatar img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
}
.article-comment__list .article-comment__item .article-comment__head .box {
  flex-grow: 1;
  margin-left: 11px;
  padding-bottom: 16px;
}
.article-comment__list .article-comment__item .article-comment__head .box .user-name {
  line-height: 22px;
  color: #333;
  font-weight: 600;
}
.article-comment__list .article-comment__item .article-comment__head .box .user-name span {
  font-size: 14px;
  color: #999999;
  margin-left: 12px;
}
.article-comment__list .article-comment__item .article-comment__head .box .content {
  color: #333;
  margin-top: 2px;
  line-height: 20px;
}
.article-comment__list .article-comment__item .article-comment__head .box .desc {
  font-size: 12px;
  margin-top: 6px;
  color: #3c76f7;
}
.article-comment__list .article-comment__item .article-comment__head .box .desc .icon {
  margin-right: 10px;
}
.article-comment__list .article-comment__item .article-comment__head .box .desc .icon:last-child {
  margin-right: 4px;
}
.article-comment__list .article-comment__item .article-comment__body {
  margin-left: 67px;
}
.article-comment__list .article-comment__item .article-comment__body .show-more {
  margin-top: 12px;
  font-size: 14px;
  color: #999999;
  cursor: pointer;
}
.article-comment__list .article-comment__item .article-comment__body .article-comment__replay {
  padding: 18px 0;
  border-top: 1px solid #e6e8ed;
}
.article-comment__list .article-comment__item .article-comment__body .article-comment__replay .avatar {
  width: 48px;
  height: 48px;
  float: left;
  margin-right: 11px;
  overflow: hidden;
}
.article-comment__list .article-comment__item .article-comment__body .article-comment__replay .avatar img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
}
.article-comment__list .article-comment__item .article-comment__body .title {
  font-size: 14px;
  color: #333;
}
.article-comment__list .article-comment__item .article-comment__body .title .user-name {
  font-weight: 600;
}
.article-comment__list .article-comment__item .article-comment__body .title .user-reply {
  margin: 0 2px;
  color: #999999;
  font-weight: 500;
}
.article-comment__list .article-comment__item .article-comment__body .title .user-content {
  margin-left: 2px;
}
.article-comment__list .article-comment__item .article-comment__body .desc {
  font-size: 12px;
  margin-top: 6px;
  color: #3c76f7;
  margin-left: 59px;
}
.article-comment__list .article-comment__item .article-comment__body .desc .icon {
  margin-right: 10px;
}
.article-comment__list .article-comment__item .article-comment__body .desc .icon:last-child {
  margin-right: 4px;
}
.article-comment__list .article-comment__item .article-comment__body .article-comment__group {
  margin-top: 8px;
}

.text-ellipsis {
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}
.text-ellipsis2,
.text-ellipsis3,
.text-ellipsis4 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.text-ellipsis3 {
  -webkit-line-clamp: 3;
}
.text-ellipsis4 {
  -webkit-line-clamp: 4;
}
.position-c {
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
}
.position-x-c {
  position: absolute !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
}
.position-y-c {
  position: absolute !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
}
.flex {
  display: flex;
}
.flex-wrap {
  display: flex;
  flex-wrap: wrap;
}
.flex-column {
  display: flex;
  flex-direction: column;
}
.flex-c {
  display: flex;
  align-items: center;
}
.justify-between {
  display: flex;
  justify-content: space-between;
}
.empty-box {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.empty-box .empty-img {
  height: 120px;
  margin-top: -180px;
}
.empty-box .empty-img img {
  height: 100%;
}
.empty-box .empty-tips {
  font-size: 14px;
  color: #999;
  margin-top: 8px;
  position: relative;
  right: 5px;
}
.manage-page {
  background: #f4f6f9;
  min-height: 100vh;
}
.ant-badge-count {
  height: 16px;
  line-height: 16px;
  background-color: #f8524f;
}
.home-title {
  text-align: center;
  font-size: 28px;
  color: #383838;
  margin-bottom: 34px;
  position: relative;
  font-weight: 500;
  letter-spacing: 1px;
}
.home-title .home-title-content {
  position: relative;
}
.home-title .home-title-content::before,
.home-title .home-title-content::after {
  content: '';
  width: 23px;
  height: 19px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background: url('/static/home/title-icon.png') no-repeat;
  background-size: cover;
  background-position: center;
  margin-top: 2px;
}
.home-title .home-title-content::before {
  left: -40px;
}
.home-title .home-title-content::after {
  right: -40px;
}
.navbar-fixed-page {
  padding-top: 40px;
}
.anchor-position {
  position: absolute;
  top: -130px;
}
.banner-swiper-button-prev,
.banner-swiper-button-next {
  width: 26px;
  height: 36px;
  background: rgba(0, 0, 0, 0.15);
  transition: all 0.2s;
}
.banner-swiper-button-prev .icon,
.banner-swiper-button-next .icon {
  color: #fff;
  position: relative;
}
.banner-swiper-button-prev:hover,
.banner-swiper-button-next:hover {
  background: rgba(0, 0, 0, 0.3);
}
.banner-swiper-button-prev::after,
.banner-swiper-button-next::after {
  display: none;
}
.banner-swiper-button-prev {
  border-radius: 0 400px 400px 0;
  left: 0;
}
.banner-swiper-button-prev .icon {
  right: 2px;
}
.banner-swiper-button-next {
  border-radius: 400px 0 0 400px;
  right: 0;
}
.banner-swiper-button-next .icon {
  left: 2px;
}
.poster-tips {
  width: 32px;
  height: 18px;
  background: rgba(0, 0, 0, 0.3);
  font-size: 12px;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  right: -3px;
  bottom: -2px;
  transform: scale(0.8);
}
.concise-pagination .ant-pagination-item {
  display: none;
}
.concise-pagination .ant-pagination-jump-prev,
.concise-pagination .ant-pagination-jump-next {
  display: none;
}
.concise-pagination .ant-pagination-prev,
.concise-pagination .ant-pagination-next {
  position: relative;
  width: 80px !important;
}
.concise-pagination .ant-pagination-prev .anticon,
.concise-pagination .ant-pagination-next .anticon {
  opacity: 0;
}
.concise-pagination .ant-pagination-prev::after,
.concise-pagination .ant-pagination-next::after {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 12px;
  color: #666;
}
.concise-pagination .ant-pagination-prev::after {
  content: '\4E0A\4E00\9875';
}
.concise-pagination .ant-pagination-next::after {
  content: '\4E0B\4E00\9875';
}
.dummy-inp {
  width: 0px;
  height: 0px;
  position: absolute;
  opacity: 0;
  left: -9999px;
}
input:-webkit-autofill {
  box-shadow: 0 0 0 1000px white inset !important;
}
input:-internal-autofill-previewed,
input:-internal-autofill-selected {
  -webkit-text-fill-color: #333 !important;
  transition: background-color 5000s ease-in-out 0s !important;
}
.topic-details-issue {
  background: #fff;
  padding: 28px 0 24px 28px;
  margin-top: 20px;
  box-shadow: 0px 0px 14px 0px #e9eaef;
  position: relative;
  margin-bottom: 20px;
}
.topic-details-issue h3 {
  font-size: 20px;
  margin-bottom: 8px;
  font-weight: 600;
  font-family: PingFangSC-Semibold, PingFang SC;
  color: #333333;
  display: inline-block;
  max-width: 880px;
}
.topic-details-issue .account {
  font-size: 12px;
  margin-bottom: 16px;
  display: flex;
  align-items: center;
}
.topic-details-issue .account img {
  width: 8px;
  height: 9px;
  margin-right: 6px;
}
.topic-details-issue .account .issue-account {
  margin-right: 10px;
}
.topic-details-issue .issue-text {
  margin-bottom: 24px;
  width: 792px;
  font-size: 16px;
  font-weight: 400;
  color: #333333;
  line-height: 22px;
  overflow: hidden;
  max-height: 66px;
}
.topic-details-issue .issue-text .issueText-more {
  display: inline-block;
  border: none;
  padding: 0;
  outline: none;
  color: #3c76f7;
  background-color: #fff;
  cursor: pointer;
}
.topic-details-issue .issue-text .icon {
  margin-left: 3px;
}
.topic-details-issue .group .ant-btn {
  margin-right: 24px;
  padding: 6px 19px 6px 20px;
  font-size: 12px;
}
.topic-details-issue .group .ant-btn .anticon {
  width: 12px;
  height: 12px;
}
.topic-details-issue .group .ant-btn span {
  margin-left: 3px;
}
.topic-details-issue .group .ant-btn:not(:nth-child(1)) {
  border: 1px solid #487efb;
  color: #487efb;
}
.topic-details-issue .takeCount {
  position: absolute;
  right: 72px;
  top: 28px;
  display: flex;
}
.topic-details-issue .takeCount > div {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  color: #666666;
  font-size: 14px;
  font-weight: 400;
}
.topic-details-issue .takeCount > div span {
  color: #487efb;
  font-size: 18px;
  font-weight: bold;
}
.topic-details-issue .takeCount .line {
  width: 2px;
  height: 30px;
  background: #eaeaea;
  margin: 10px 36px;
}
.issue-modal .ant-modal-body {
  padding: 8px;
}
.issue-modal .ant-modal-body .invite-box {
  height: 450px;
  overflow-y: auto;
}
.issue-modal .ant-modal-body .invite-list {
  display: flex;
  justify-content: space-between;
  padding: 10px 30px;
  align-items: center;
}
.issue-modal .ant-modal-body .invite-list .left {
  display: flex;
  justify-content: center;
  align-items: center;
}
.issue-modal .ant-modal-body .invite-list .left .tag span {
  height: 18px;
  font-size: 12px;
  font-weight: 400;
  color: #999999;
  line-height: 18px;
  padding: 0 5px 0 6px;
  background-color: #f4f4f4;
  margin-left: 4px;
}
.issue-modal .ant-modal-body .invite-list .left .tag span:first-child {
  margin-left: 0;
}

.text-ellipsis {
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}
.text-ellipsis2,
.text-ellipsis3,
.text-ellipsis4 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.text-ellipsis3 {
  -webkit-line-clamp: 3;
}
.text-ellipsis4 {
  -webkit-line-clamp: 4;
}
.position-c {
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
}
.position-x-c {
  position: absolute !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
}
.position-y-c {
  position: absolute !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
}
.flex {
  display: flex;
}
.flex-wrap {
  display: flex;
  flex-wrap: wrap;
}
.flex-column {
  display: flex;
  flex-direction: column;
}
.flex-c {
  display: flex;
  align-items: center;
}
.justify-between {
  display: flex;
  justify-content: space-between;
}
.empty-box {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.empty-box .empty-img {
  height: 120px;
  margin-top: -180px;
}
.empty-box .empty-img img {
  height: 100%;
}
.empty-box .empty-tips {
  font-size: 14px;
  color: #999;
  margin-top: 8px;
  position: relative;
  right: 5px;
}
.manage-page {
  background: #f4f6f9;
  min-height: 100vh;
}
.ant-badge-count {
  height: 16px;
  line-height: 16px;
  background-color: #f8524f;
}
.home-title {
  text-align: center;
  font-size: 28px;
  color: #383838;
  margin-bottom: 34px;
  position: relative;
  font-weight: 500;
  letter-spacing: 1px;
}
.home-title .home-title-content {
  position: relative;
}
.home-title .home-title-content::before,
.home-title .home-title-content::after {
  content: '';
  width: 23px;
  height: 19px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background: url('/static/home/title-icon.png') no-repeat;
  background-size: cover;
  background-position: center;
  margin-top: 2px;
}
.home-title .home-title-content::before {
  left: -40px;
}
.home-title .home-title-content::after {
  right: -40px;
}
.navbar-fixed-page {
  padding-top: 40px;
}
.anchor-position {
  position: absolute;
  top: -130px;
}
.banner-swiper-button-prev,
.banner-swiper-button-next {
  width: 26px;
  height: 36px;
  background: rgba(0, 0, 0, 0.15);
  transition: all 0.2s;
}
.banner-swiper-button-prev .icon,
.banner-swiper-button-next .icon {
  color: #fff;
  position: relative;
}
.banner-swiper-button-prev:hover,
.banner-swiper-button-next:hover {
  background: rgba(0, 0, 0, 0.3);
}
.banner-swiper-button-prev::after,
.banner-swiper-button-next::after {
  display: none;
}
.banner-swiper-button-prev {
  border-radius: 0 400px 400px 0;
  left: 0;
}
.banner-swiper-button-prev .icon {
  right: 2px;
}
.banner-swiper-button-next {
  border-radius: 400px 0 0 400px;
  right: 0;
}
.banner-swiper-button-next .icon {
  left: 2px;
}
.poster-tips {
  width: 32px;
  height: 18px;
  background: rgba(0, 0, 0, 0.3);
  font-size: 12px;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  right: -3px;
  bottom: -2px;
  transform: scale(0.8);
}
.concise-pagination .ant-pagination-item {
  display: none;
}
.concise-pagination .ant-pagination-jump-prev,
.concise-pagination .ant-pagination-jump-next {
  display: none;
}
.concise-pagination .ant-pagination-prev,
.concise-pagination .ant-pagination-next {
  position: relative;
  width: 80px !important;
}
.concise-pagination .ant-pagination-prev .anticon,
.concise-pagination .ant-pagination-next .anticon {
  opacity: 0;
}
.concise-pagination .ant-pagination-prev::after,
.concise-pagination .ant-pagination-next::after {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 12px;
  color: #666;
}
.concise-pagination .ant-pagination-prev::after {
  content: '\4E0A\4E00\9875';
}
.concise-pagination .ant-pagination-next::after {
  content: '\4E0B\4E00\9875';
}
.dummy-inp {
  width: 0px;
  height: 0px;
  position: absolute;
  opacity: 0;
  left: -9999px;
}
input:-webkit-autofill {
  box-shadow: 0 0 0 1000px white inset !important;
}
input:-internal-autofill-previewed,
input:-internal-autofill-selected {
  -webkit-text-fill-color: #333 !important;
  transition: background-color 5000s ease-in-out 0s !important;
}
.topic-details-content {
  width: 820px;
  height: auto;
  padding: 0 28px;
  box-shadow: 0px 0px 14px 0px #e9eaef;
  background: #fff;
}
.topic-details-content .answer-item {
  border-bottom: 1px solid #e6e8ed;
  position: relative;
  padding-top: 30px;
}
.topic-details-content .answer-item .answer-item-title {
  display: flex;
  position: relative;
  margin-bottom: 12px;
}
.topic-details-content .answer-item .answer-item-title img {
  border-radius: 50%;
  margin-right: 11px;
  width: 48px;
  height: 48px;
}
.topic-details-content .answer-item .answer-item-title .description {
  display: flex;
  flex-direction: column;
}
.topic-details-content .answer-item .answer-item-title .description span {
  color: #666666;
  font-size: 14px;
  font-weight: 400;
}
.topic-details-content .answer-item .answer-item-title .description span > span {
  margin-right: 18px;
  font-size: 16px;
  font-weight: bold;
  color: #333333;
  margin-bottom: 2px;
}
.topic-details-content .answer-item .answer-item-title .answer-time {
  position: absolute;
  top: 0px;
  right: 0px;
  font-size: 12px;
  font-weight: 400;
  color: #999999;
}
.topic-details-content .answer-item .answer-item-content {
  font-size: 16px;
  color: #333333;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  line-height: 22px;
  height: 110px;
  overflow: hidden;
  text-overflow: clip;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}
.topic-details-content .answer-item .answer-item-content .showBtn {
  width: 100%;
  /* 与背景宽度一致 */
  height: 24px;
  position: absolute;
  /* 相对父元素定位 */
  bottom: 53px;
  /* 刚好遮挡在最后两行 */
  left: 0;
  z-index: 0;
  /* 正序堆叠，覆盖在p元素上方 */
  text-align: center;
  background: linear-gradient(rgba(233, 236, 239, 0.5), white);
  /* 背景色半透明到白色的渐变层 */
  padding-top: 24px;
  color: #3c76f7;
  cursor: pointer;
}
.topic-details-content .answer-item .answer-item-group {
  display: flex;
  margin: 16px 0;
  position: relative;
}
.topic-details-content .answer-item .answer-item-group > div {
  color: #487efb;
  margin-right: 24px;
}
.topic-details-content .answer-item .answer-item-group > div span {
  margin-left: 3px;
  font-size: 14px;
}
.topic-details-content .answer-item .answer-item-group .right {
  width: 88px;
  height: 28px;
  background: #ECF2FE;
  line-height: 28px;
  text-align: center;
  position: absolute;
  right: 0;
}
.topic-details-content .answer-item .answer-item-group .right > span {
  font-size: 12px;
}
.topic-details-content .answer-item .answer-item-group .delete {
  position: absolute;
  right: 0;
  bottom: 0;
  cursor: pointer;
}
.topic-details-content .answer-item .lookMore {
  display: block;
  border: none;
  outline: none;
  background-color: #fff;
  color: #3c76f7;
  width: 140px;
  height: 22px;
  font-size: 16px;
  line-height: 22px;
  margin: 0 auto;
  width: 100%;
  /* 与背景宽度一致 */
  position: absolute;
  /* 相对父元素定位 */
  top: 48px;
  /* 刚好遮挡在最后两行 */
  left: 0;
  z-index: 0;
  /* 正序堆叠，覆盖在p元素上方 */
  text-align: center;
  background: linear-gradient(rgba(233, 236, 239, 0.5), white);
  /* 背景色半透明到白色的渐变层 */
  padding-top: 48px;
}
.topic-details-content .answer-item .hide {
  display: none;
}

.text-ellipsis {
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}
.text-ellipsis2,
.text-ellipsis3,
.text-ellipsis4 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.text-ellipsis3 {
  -webkit-line-clamp: 3;
}
.text-ellipsis4 {
  -webkit-line-clamp: 4;
}
.position-c {
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
}
.position-x-c {
  position: absolute !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
}
.position-y-c {
  position: absolute !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
}
.flex {
  display: flex;
}
.flex-wrap {
  display: flex;
  flex-wrap: wrap;
}
.flex-column {
  display: flex;
  flex-direction: column;
}
.flex-c {
  display: flex;
  align-items: center;
}
.justify-between {
  display: flex;
  justify-content: space-between;
}
.empty-box {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.empty-box .empty-img {
  height: 120px;
  margin-top: -180px;
}
.empty-box .empty-img img {
  height: 100%;
}
.empty-box .empty-tips {
  font-size: 14px;
  color: #999;
  margin-top: 8px;
  position: relative;
  right: 5px;
}
.manage-page {
  background: #f4f6f9;
  min-height: 100vh;
}
.ant-badge-count {
  height: 16px;
  line-height: 16px;
  background-color: #f8524f;
}
.home-title {
  text-align: center;
  font-size: 28px;
  color: #383838;
  margin-bottom: 34px;
  position: relative;
  font-weight: 500;
  letter-spacing: 1px;
}
.home-title .home-title-content {
  position: relative;
}
.home-title .home-title-content::before,
.home-title .home-title-content::after {
  content: '';
  width: 23px;
  height: 19px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background: url('/static/home/title-icon.png') no-repeat;
  background-size: cover;
  background-position: center;
  margin-top: 2px;
}
.home-title .home-title-content::before {
  left: -40px;
}
.home-title .home-title-content::after {
  right: -40px;
}
.navbar-fixed-page {
  padding-top: 40px;
}
.anchor-position {
  position: absolute;
  top: -130px;
}
.banner-swiper-button-prev,
.banner-swiper-button-next {
  width: 26px;
  height: 36px;
  background: rgba(0, 0, 0, 0.15);
  transition: all 0.2s;
}
.banner-swiper-button-prev .icon,
.banner-swiper-button-next .icon {
  color: #fff;
  position: relative;
}
.banner-swiper-button-prev:hover,
.banner-swiper-button-next:hover {
  background: rgba(0, 0, 0, 0.3);
}
.banner-swiper-button-prev::after,
.banner-swiper-button-next::after {
  display: none;
}
.banner-swiper-button-prev {
  border-radius: 0 400px 400px 0;
  left: 0;
}
.banner-swiper-button-prev .icon {
  right: 2px;
}
.banner-swiper-button-next {
  border-radius: 400px 0 0 400px;
  right: 0;
}
.banner-swiper-button-next .icon {
  left: 2px;
}
.poster-tips {
  width: 32px;
  height: 18px;
  background: rgba(0, 0, 0, 0.3);
  font-size: 12px;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  right: -3px;
  bottom: -2px;
  transform: scale(0.8);
}
.concise-pagination .ant-pagination-item {
  display: none;
}
.concise-pagination .ant-pagination-jump-prev,
.concise-pagination .ant-pagination-jump-next {
  display: none;
}
.concise-pagination .ant-pagination-prev,
.concise-pagination .ant-pagination-next {
  position: relative;
  width: 80px !important;
}
.concise-pagination .ant-pagination-prev .anticon,
.concise-pagination .ant-pagination-next .anticon {
  opacity: 0;
}
.concise-pagination .ant-pagination-prev::after,
.concise-pagination .ant-pagination-next::after {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 12px;
  color: #666;
}
.concise-pagination .ant-pagination-prev::after {
  content: '\4E0A\4E00\9875';
}
.concise-pagination .ant-pagination-next::after {
  content: '\4E0B\4E00\9875';
}
.dummy-inp {
  width: 0px;
  height: 0px;
  position: absolute;
  opacity: 0;
  left: -9999px;
}
input:-webkit-autofill {
  box-shadow: 0 0 0 1000px white inset !important;
}
input:-internal-autofill-previewed,
input:-internal-autofill-selected {
  -webkit-text-fill-color: #333 !important;
  transition: background-color 5000s ease-in-out 0s !important;
}
.card-list {
  width: 360px;
  padding: 0px 16px;
  box-shadow: 0px 0px 14px 0px #e9eaef;
  margin-left: 20px;
}
.card-list .title {
  display: flex;
  align-items: center;
  padding: 20px 0px 20px 28px;
  border-bottom: 1px solid #e6e8ed;
}
.card-list .title span {
  margin-left: 8px;
}
.card-list .writer-list {
  overflow-y: hidden;
}
.card-list .writer-list .writer-list__card {
  padding-left: 12px;
  margin-bottom: 28px;
}
.card-list .writer-list .writer-list__card .content {
  position: relative;
  display: flex;
  align-items: center;
}
.card-list .writer-list .writer-list__card .content img {
  border-radius: 50%;
  margin-right: 11px;
}
.card-list .writer-list .writer-list__card .content .description {
  display: flex;
  flex-direction: column;
  color: #999999;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 190px;
}
.card-list .writer-list .writer-list__card .content .description span {
  font-size: 14px;
}
.card-list .writer-list .writer-list__card .content .description span > span {
  margin-right: 5px;
  font-size: 16px;
  color: #333333;
  font-weight: 700;
}
.card-list .writer-list .writer-list__card .content .network-top__vip {
  width: 22px;
}
.card-list .writer-list .writer-list__card .content .network-top__vip img {
  width: 100%;
  height: 100%;
}
.card-list .writer-list .writer-list__card .content .ant-btn {
  color: #3c76f7;
  border-color: #3c76f7;
  position: absolute;
  right: 0;
}
.card-list .writer-list .writer-list__card .content .ant-btn-active {
  border-color: #D0D0D0 !important;
  color: #B7B7B7 !important;
}
.card-list .writer-list .writer-list__card .tag {
  margin-left: 60px;
  margin-top: 8px;
  white-space: nowrap;
  overflow: hidden;
}
.card-list .writer-list .writer-list__card .tag > span {
  height: 18px;
  font-size: 12px;
  font-weight: 400;
  color: #999999;
  line-height: 18px;
  padding: 0 5px 0 6px;
  background-color: #F4F4F4;
  margin-left: 4px;
}
.card-list .writer-list .writer-list__card .tag span:nth-child(1) {
  margin-left: 0px;
}

.text-ellipsis {
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}
.text-ellipsis2,
.text-ellipsis3,
.text-ellipsis4 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.text-ellipsis3 {
  -webkit-line-clamp: 3;
}
.text-ellipsis4 {
  -webkit-line-clamp: 4;
}
.position-c {
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
}
.position-x-c {
  position: absolute !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
}
.position-y-c {
  position: absolute !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
}
.flex {
  display: flex;
}
.flex-wrap {
  display: flex;
  flex-wrap: wrap;
}
.flex-column {
  display: flex;
  flex-direction: column;
}
.flex-c {
  display: flex;
  align-items: center;
}
.justify-between {
  display: flex;
  justify-content: space-between;
}
.empty-box {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.empty-box .empty-img {
  height: 120px;
  margin-top: -180px;
}
.empty-box .empty-img img {
  height: 100%;
}
.empty-box .empty-tips {
  font-size: 14px;
  color: #999;
  margin-top: 8px;
  position: relative;
  right: 5px;
}
.manage-page {
  background: #f4f6f9;
  min-height: 100vh;
}
.ant-badge-count {
  height: 16px;
  line-height: 16px;
  background-color: #f8524f;
}
.home-title {
  text-align: center;
  font-size: 28px;
  color: #383838;
  margin-bottom: 34px;
  position: relative;
  font-weight: 500;
  letter-spacing: 1px;
}
.home-title .home-title-content {
  position: relative;
}
.home-title .home-title-content::before,
.home-title .home-title-content::after {
  content: '';
  width: 23px;
  height: 19px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background: url('/static/home/title-icon.png') no-repeat;
  background-size: cover;
  background-position: center;
  margin-top: 2px;
}
.home-title .home-title-content::before {
  left: -40px;
}
.home-title .home-title-content::after {
  right: -40px;
}
.navbar-fixed-page {
  padding-top: 40px;
}
.anchor-position {
  position: absolute;
  top: -130px;
}
.banner-swiper-button-prev,
.banner-swiper-button-next {
  width: 26px;
  height: 36px;
  background: rgba(0, 0, 0, 0.15);
  transition: all 0.2s;
}
.banner-swiper-button-prev .icon,
.banner-swiper-button-next .icon {
  color: #fff;
  position: relative;
}
.banner-swiper-button-prev:hover,
.banner-swiper-button-next:hover {
  background: rgba(0, 0, 0, 0.3);
}
.banner-swiper-button-prev::after,
.banner-swiper-button-next::after {
  display: none;
}
.banner-swiper-button-prev {
  border-radius: 0 400px 400px 0;
  left: 0;
}
.banner-swiper-button-prev .icon {
  right: 2px;
}
.banner-swiper-button-next {
  border-radius: 400px 0 0 400px;
  right: 0;
}
.banner-swiper-button-next .icon {
  left: 2px;
}
.poster-tips {
  width: 32px;
  height: 18px;
  background: rgba(0, 0, 0, 0.3);
  font-size: 12px;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  right: -3px;
  bottom: -2px;
  transform: scale(0.8);
}
.concise-pagination .ant-pagination-item {
  display: none;
}
.concise-pagination .ant-pagination-jump-prev,
.concise-pagination .ant-pagination-jump-next {
  display: none;
}
.concise-pagination .ant-pagination-prev,
.concise-pagination .ant-pagination-next {
  position: relative;
  width: 80px !important;
}
.concise-pagination .ant-pagination-prev .anticon,
.concise-pagination .ant-pagination-next .anticon {
  opacity: 0;
}
.concise-pagination .ant-pagination-prev::after,
.concise-pagination .ant-pagination-next::after {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 12px;
  color: #666;
}
.concise-pagination .ant-pagination-prev::after {
  content: '\4E0A\4E00\9875';
}
.concise-pagination .ant-pagination-next::after {
  content: '\4E0B\4E00\9875';
}
.dummy-inp {
  width: 0px;
  height: 0px;
  position: absolute;
  opacity: 0;
  left: -9999px;
}
input:-webkit-autofill {
  box-shadow: 0 0 0 1000px white inset !important;
}
input:-internal-autofill-previewed,
input:-internal-autofill-selected {
  -webkit-text-fill-color: #333 !important;
  transition: background-color 5000s ease-in-out 0s !important;
}
.topic .topic-wrapper {
  display: flex;
  padding-top: 20px;
  padding-bottom: 100px;
  justify-content: space-between;
}
.topic .topic-wrapper .topic-content {
  width: 826.4px;
}
.topic .topic-wrapper .topic-content .banner {
  width: 140px;
  height: 200px;
  box-shadow: 0px 1px 14px 0px #e9eaef;
  margin-bottom: 20px;
}
.topic .topic-wrapper .topic-content .topic-info {
  background: #fff;
  box-shadow: 0px 0px 14px 0px #e9eaef;
}
.topic .topic-wrapper .topic-content .topic-info .ant-empty {
  margin-top: 80px;
}
.topic .topic-wrapper .topic-content .topic-info .topic-info-account {
  margin-right: 10px;
}
.topic .topic-wrapper .topic-content .topic-info /deep/ .ant-tabs .ant-tabs-nav {
  margin-bottom: 0;
}
.topic .topic-wrapper .topic-content .topic-info /deep/ .ant-tabs .ant-tabs-nav::before {
  border: 0;
}
.topic .topic-wrapper .topic-content .topic-info /deep/ .ant-tabs .ant-tabs-nav .ant-tabs-tab {
  font-size: 16px;
  font-weight: bold;
  color: #333333;
}
.topic .topic-wrapper .topic-content .topic-info /deep/ .ant-tabs .ant-tabs-nav .ant-tabs-tab.ant-tabs-tab-active {
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: bold;
  color: #487efb;
}
.topic .topic-wrapper .topic-content .topic-info .article-list {
  min-height: 242px;
  height: auto;
}
.topic .topic-wrapper .topic-content .topic-info .article-list .article-list__item {
  padding: 20px 28px;
  padding-left: 0;
  border-bottom: 1px solid #E6E8EE;
}
.topic .topic-wrapper .topic-content .topic-info .article-list .article-list__item h3 {
  font-weight: 600;
  font-size: 18px;
  color: #333333;
  margin-bottom: 8px;
}
.topic .topic-wrapper .topic-content .topic-info .article-list .article-list__item .article-list__box {
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #999999;
  margin-bottom: 16px;
  display: flex;
  align-items: center;
}
.topic .topic-wrapper .topic-content .topic-info .article-list .article-list__item .article-list__box img {
  width: 8px;
  height: 9px;
  margin-right: 9px;
  display: block;
}
.topic .topic-wrapper .topic-content .topic-info .article-list .article-list__item .content {
  font-size: 16px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #333333;
  line-height: 22px;
  margin-bottom: 0;
}
.topic .topic-wrapper .topic-content .topic-info .article-list .article-list__item:hover h3 {
  color: #3c76f7;
}
.topic .topic-wrapper .topic-side .topic-data {
  padding: 0px 16px;
  box-shadow: 0px 0px 14px 0px #e9eaef;
  background: #fff;
  margin-left: 20px;
  margin-bottom: 20px;
  width: 363px;
}
.topic .topic-wrapper .topic-side .topic-data .title {
  margin-bottom: 0;
  display: flex;
  align-items: center;
  padding: 20px 0px 20px 12px;
  border-bottom: 1px solid #e6e8ed;
}
.topic .topic-wrapper .topic-side .topic-data .title span {
  margin-left: 12px;
  font-size: 18px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: bold;
  color: #333333;
}
.topic .topic-wrapper .topic-side .topic-data .topic-data-info {
  display: flex;
  flex-wrap: wrap;
  padding-top: 20px;
}
.topic .topic-wrapper .topic-side .topic-data .topic-data-info .data-info-item {
  margin-bottom: 28px;
  width: 50%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  color: #666666;
}
.topic .topic-wrapper .topic-side .topic-data .topic-data-info .data-info-item span {
  color: #487efb;
  font-size: 18px;
  font-weight: bold;
}
.topic .topic-wrapper .topic-side .card-list {
  background: #fff;
  width: 362px;
}
.topic .topic-wrapper .topic-side .card-list .title {
  font-size: 18px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: bold;
  color: #333333;
  margin-bottom: 0;
  padding: 20px 12px;
}
.topic .topic-wrapper .topic-side .card-list .writer-list .writer-list__card {
  padding: 18px 0;
  margin: 0;
}
.topic .topic-wrapper .topic-side .card-list .writer-list .writer-list__card:last-child .tag::after {
  border: 0;
}
.topic .topic-wrapper .topic-side .card-list .writer-list .writer-list__card .content {
  position: relative;
  display: flex;
  align-items: center;
}
.topic .topic-wrapper .topic-side .card-list .writer-list .writer-list__card .content img {
  border-radius: 50%;
  margin-right: 11px;
}
.topic .topic-wrapper .topic-side .card-list .writer-list .writer-list__card .content .description {
  display: flex;
  flex-direction: column;
  color: #999999;
}
.topic .topic-wrapper .topic-side .card-list .writer-list .writer-list__card .content .description span {
  font-size: 14px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #999999;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.topic .topic-wrapper .topic-side .card-list .writer-list .writer-list__card .content .description span > span {
  margin-right: 11px;
  font-size: 16px;
  color: #333333;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: bold;
}
.topic .topic-wrapper .topic-side .card-list .writer-list .writer-list__card .content .description span > span.network-top__vip {
  display: inline-block;
  width: 50px;
}
.topic .topic-wrapper .topic-side .card-list .writer-list .writer-list__card .content .description span > span.network-top__vip img {
  width: 50px;
  height: auto;
  position: relative;
  top: -2px;
}
.topic .topic-wrapper .topic-side .card-list .writer-list .writer-list__card .content .ant-btn {
  color: #3c76f7;
  border-color: #3c76f7;
  position: absolute;
  right: 0;
}
.topic .topic-wrapper .topic-side .card-list .writer-list .writer-list__card .tag {
  margin-left: 60px;
  margin-top: 8px;
  position: relative;
}
.topic .topic-wrapper .topic-side .card-list .writer-list .writer-list__card .tag::after {
  content: '';
  border-bottom: 1px solid #E6E8ED;
  display: block;
  position: absolute;
  bottom: -20px;
  left: 0;
  width: 100%;
}
.topic .topic-wrapper .topic-side .card-list .writer-list .writer-list__card .tag > span {
  height: 18px;
  font-size: 12px;
  font-weight: 400;
  color: #999999;
  line-height: 18px;
  padding: 0 5px 0 6px;
  background-color: #F4F4F4;
  margin-left: 4px;
}
.topic .topic-wrapper .topic-side .card-list .writer-list .writer-list__card .tag span:nth-child(1) {
  margin-left: 0px;
}
.topic .topic-wrapper .topic-side .topic-hot-writer {
  height: 1082px;
  padding: 0px 16px;
  box-shadow: 0px 0px 14px 0px #e9eaef;
}
.topic .topic-wrapper .topic-side .topic-hot-writer .title {
  display: flex;
  align-items: center;
  padding: 28px 0px 16px 12px;
  border-bottom: 1px solid #e6e8ed;
}
.topic .topic-wrapper .topic-side .topic-hot-writer .title span {
  margin-left: 8px;
}

.manage-menu {
  width: 150px;
  padding: 14px 0;
  max-height: 760px;
  min-height: 696px;
  background-color: #fff;
  box-shadow: 0px 0px 10px 0px #e9eaef;
}
.manage-menu .menu_parent_item {
  display: flex;
  align-items: center;
}
.manage-menu .menu_parent_item .menu-item-icon {
  width: 16px;
  height: 16px;
  margin-right: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.manage-menu .menu_parent_item .menu-item-icon img {
  width: 15px;
  height: 15px;
}
.manage-menu a {
  font-size: 14px;
  color: #111;
}
.manage-menu ul > li {
  position: relative;
  min-height: 46px;
  line-height: 46px;
  padding-left: 32px;
  border-radius: 4px;
  margin-bottom: 6px;
  transition: all 0.2s;
}
.manage-menu ul > li:last-of-type .menu-item-icon img {
  width: 13px;
  height: 16px;
}
.manage-menu ul > li .space {
  display: inline-block;
  width: 16px;
  height: 10px;
}
.manage-menu ul > li .child_item {
  padding-left: 23px;
  line-height: 34px;
}
.manage-menu ul > li .child_item:last-of-type {
  padding-bottom: 4px;
}
.manage-menu ul > li .child_item a {
  color: #111;
}
.manage-menu ul > li:hover {
  background: #e6e6e6;
}
.manage-menu ul > li:hover .menu_parent_item {
  color: #000;
}
.manage-menu ul > li.active {
  background: #3c76f7;
}
.manage-menu ul > li.active .menu_parent_item {
  color: #fff;
}
.manage-menu ul > li.active .child_item {
  padding-left: 21px;
}
.manage-menu ul > li.active .child_item a {
  color: #fff;
  opacity: 0.7;
}
.manage-menu ul > li.active .child_item.current a {
  opacity: 1;
}

.password {
  display: flex;
  margin-top: 36px;
}
.password .side {
  margin-right: 16px;
  background-color: #fff;
  box-shadow: 0px 0px 14px 0px #e9eaef;
}
.password .wrapper {
  width: 1030px;
}
.password .wrapper h3 {
  border-bottom: 1px solid #E6E8ED;
  height: 65px;
  line-height: 65px;
  padding-left: 34px;
  position: relative;
  color: #333333;
  font-size: 18px;
  font-weight: bold;
}
.password .wrapper h3 .account_userInfo_ball {
  position: absolute;
  left: 15px;
  top: 50%;
  margin-top: -3px;
  width: 6px;
  height: 6px;
  background: #487EFB;
  border-radius: 50%;
}
.password .wrapper h3 .account_userInfo_ball::after {
  content: "";
  position: absolute;
  width: 14px;
  height: 14px;
  border: 4px solid #487EFB;
  opacity: 0.2;
  top: 50%;
  left: 50%;
  margin-left: -7px;
  margin-top: -7px;
  border-radius: 50%;
}
.password .wrapper .account_pwd {
  padding: 0 12px 0;
  margin-bottom: 20px;
  box-shadow: 0px 0px 7px 0px #e9eaef;
  background-color: #fff;
  min-height: 500px;
}
.password .wrapper .account_pwd .content_box {
  padding: 0 12px;
}
.password .wrapper .account_pwd .edit {
  color: #999999;
  font-size: 14px;
  position: absolute;
  right: 0;
  cursor: pointer;
  top: 0;
}
.password .wrapper .account_pwd .bind_phone {
  display: flex;
  min-height: 70px;
  line-height: 70px;
  color: #333333;
  font-size: 16px;
  border-bottom: 1px solid #E6E8ED;
}
.password .wrapper .account_pwd .bind_phone > span {
  margin-right: 68px;
}
.password .wrapper .account_pwd .bind_phone .phone-r {
  flex: 1;
  position: relative;
  line-height: 70px;
}
.password .wrapper .account_pwd .bind_phone .phone-r #form_phone {
  width: 280px;
}
.password .wrapper .account_pwd .bind_phone .phone-r #form_phone .ant-form-item {
  margin-bottom: 8px;
}
.password .wrapper .account_pwd .bind_phone .phone-r #form_phone #form_phone_mobile {
  width: 95%;
}
.password .wrapper .account_pwd .bind_phone .phone-r #form_phone .ant-input-group-addon {
  border: 1px solid #d9d9d9;
  background: rgba(72, 126, 251, 0.08);
}
.password .wrapper .account_pwd .bind_phone .phone-r #form_phone .ant-input-group-addon .captcha {
  font-size: 14px;
  color: #487EFB;
  cursor: pointer;
}
.password .wrapper .account_pwd .edit_pwd {
  display: flex;
  min-height: 70px;
  line-height: 70px;
  color: #333333;
  font-size: 16px;
}
.password .wrapper .account_pwd .edit_pwd > span {
  margin-right: 68px;
}
.password .wrapper .account_pwd .edit_pwd .phone-r {
  flex: 1;
  position: relative;
}
.password .wrapper .account_pwd .edit_pwd .phone-r #form_edit_pwd {
  width: 280px;
  margin-top: 24px;
  margin-bottom: 25px;
}
.password .wrapper .account_pwd .edit_pwd .phone-r #form_edit_pwd .ant-form-item {
  margin-bottom: 8px;
}
.password .wrapper .account_pwd .edit_pwd .phone-r #form_edit_pwd .ant-form-item:last-of-type {
  margin-bottom: 16px;
}
.password .wrapper .account_pwd .edit_pwd .phone-r #form_edit_pwd .ant-input-group-addon {
  border: 1px solid #d9d9d9;
  background: rgba(72, 126, 251, 0.08);
}
.password .wrapper .account_pwd .edit_pwd .phone-r #form_edit_pwd .captcha {
  font-size: 14px;
  color: #487EFB;
  cursor: pointer;
}
.password .wrapper .third_account {
  padding: 0 12px 0;
  background-color: #fff;
  box-shadow: 0px 0px 7px 0px #e9eaef;
}
.password .wrapper .third_account .content_box {
  padding: 0 12px;
}
.password .wrapper .third_account .content_box .weixin {
  display: flex;
  height: 70px;
  line-height: 70px;
  color: #999999;
  font-size: 16px;
}
.password .wrapper .third_account .content_box .weixin > span {
  margin-right: 68px;
}
.password .wrapper .third_account .content_box .weixin > span .icon {
  margin-right: 3px;
}
.password .wrapper .third_account .content_box .weixin .weixin_r {
  flex: 1;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.password .wrapper .third_account .content_box .qq {
  display: flex;
  height: 70px;
  line-height: 70px;
  color: #999999;
  font-size: 16px;
  border-bottom: 1px solid #E6E8ED;
}
.password .wrapper .third_account .content_box .qq > span {
  margin-right: 68px;
  display: inline-block;
  width: 53px;
}
.password .wrapper .third_account .content_box .qq .qq_r {
  flex: 1;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.bindWx-modal .ant-modal-body {
  text-align: center;
}
.bindWx-modal .ant-modal-body > img {
  width: 200px;
}
.demo {
  display: flex;
  justify-content: center;
  align-items: center;
}

.account {
  display: flex;
  margin-top: 36px;
  padding-bottom: 100px;
}
.account .side {
  box-shadow: 0px 0px 14px 0px #e9eaef;
  margin-right: 20px;
  background-color: #fff;
}
.account .side .manage-menu {
  box-shadow: none;
}
.account .wrapper {
  width: 1030px;
}
.account .wrapper .account_userInfo {
  margin-bottom: 20px;
  padding: 0px 16px 22px;
  box-shadow: 0px 0px 7px 0px #e9eaef;
  background-color: #fff;
}
.account .wrapper .account_userInfo > div {
  line-height: 70px;
  border-bottom: 1px solid #E6E8ED;
  position: relative;
}
.account .wrapper .account_userInfo > div:last-child {
  border: none;
}
.account .wrapper .account_userInfo > div .edit {
  position: absolute;
  right: 0;
  top: 0;
  margin-right: 12px;
  cursor: pointer;
  font-size: 14px;
  color: #3c76f7;
}
.account .wrapper .account_userInfo > div .edit .edit-icon {
  margin-right: 4px;
  color: #3c76f7;
  font-size: 14px;
}
.account .wrapper .account_userInfo h3 {
  border-bottom: 1px solid #E6E8ED;
  height: 65px;
  line-height: 65px;
  padding-left: 34px;
  position: relative;
  color: #333333;
  font-size: 18px;
  font-weight: bold;
}
.account .wrapper .account_userInfo h3 .account_userInfo_ball {
  position: absolute;
  left: 20px;
  top: 50%;
  margin-top: -3px;
  width: 6px;
  height: 6px;
  background: #487EFB;
  border-radius: 50%;
}
.account .wrapper .account_userInfo h3 .account_userInfo_ball::after {
  content: "";
  position: absolute;
  width: 14px;
  height: 14px;
  border: 4px solid #487EFB;
  opacity: 0.2;
  top: 50%;
  left: 50%;
  margin-left: -7px;
  margin-top: -7px;
  border-radius: 50%;
}
.account .wrapper .account_userInfo .label {
  padding-left: 15px;
  margin-right: 100px;
}
.account .wrapper .account_userInfo .avatar {
  height: 112px;
  display: flex;
  align-items: center;
}
.account .wrapper .account_userInfo .avatar .avatar-img {
  border-radius: 50%;
  position: relative;
  width: 68px;
  height: 68px;
  overflow: hidden;
}
.account .wrapper .account_userInfo .avatar .avatar-img img {
  width: 100%;
  height: 100%;
  vertical-align: top;
}
.account .wrapper .account_userInfo .avatar .avatar-img .logo-img-mask {
  display: none;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 68px;
  height: 23px;
  line-height: 23px;
  text-align: center;
  background: rgba(0, 0, 0, 0.5);
  color: #fff;
  cursor: pointer;
  font-size: 12px;
}
.account .wrapper .account_userInfo .avatar .avatar-img .logo-img-mask .ant-upload {
  display: block;
}
.account .wrapper .account_userInfo .avatar .avatar-img .logo-img-mask .mask-upload {
  opacity: 0;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  font-size: 0;
  cursor: pointer;
}
.account .wrapper .account_userInfo .avatar .avatar-img .logo-img-mask .ant-upload {
  width: 100%;
  height: 100%;
  color: #fff;
  font-size: 12px;
}
.account .wrapper .account_userInfo .avatar .avatar-img:hover .logo-img-mask {
  display: block;
}
.account .wrapper .account_userInfo .name .help {
  margin-left: 4px;
}
.account .wrapper .account_userInfo .business {
  display: flex;
}
.account .wrapper .account_userInfo .business .label {
  margin-right: 68px;
}
.account .wrapper .account_userInfo .business .business_tabs {
  display: inline-block;
  max-width: 800px;
}
.account .wrapper .authInfo {
  padding: 0 16px 0;
  box-shadow: 0px 0px 7px 0px #e9eaef;
  background-color: #fff;
}
.account .wrapper .authInfo h3 {
  height: 65px;
  line-height: 65px;
  padding-left: 34px;
  font-size: 18px;
  font-weight: bold;
  position: relative;
  border-bottom: 1px solid #E6E8ED;
}
.account .wrapper .authInfo h3 span {
  color: #999999;
  margin-left: 21px;
  font-size: 14px;
}
.account .wrapper .authInfo h3 .authInfo_userInfo_ball {
  position: absolute;
  left: 20px;
  top: 50%;
  margin-top: -3px;
  width: 6px;
  height: 6px;
  background: #487EFB;
  border-radius: 50%;
}
.account .wrapper .authInfo h3 .authInfo_userInfo_ball::after {
  content: "";
  position: absolute;
  width: 14px;
  height: 14px;
  border: 4px solid #487EFB;
  opacity: 0.2;
  top: 50%;
  left: 50%;
  margin-left: -7px;
  margin-top: -7px;
  border-radius: 50%;
}
.account .wrapper .authInfo .level {
  display: flex;
  height: 66px;
  line-height: 66px;
  padding: 0 12px 0;
  border-bottom: 1px solid #E6E8ED;
}
.account .wrapper .authInfo .level .label {
  margin-right: 68px;
}
.account .wrapper .authInfo .level .content {
  flex: 1;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.account .wrapper .authInfo .shop {
  display: flex;
  height: 70px;
  line-height: 70px;
  padding: 0 12px 0;
  margin: 0;
}
.account .wrapper .authInfo .shop .label {
  margin-right: 68px;
}
.account .wrapper .authInfo .shop .content {
  flex: 1;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.name_tip {
  color: #000;
}
.ant-tooltip-inner {
  color: #000;
  font-size: 14px;
  line-height: 22px;
  width: 310px;
}
.auth_modal .ant-modal-confirm-title {
  font-weight: bold;
}
.auth_modal .ant-modal-body {
  padding: 16px 24px 24px;
}
.auth_modal .anticon-info-circle {
  display: none;
}
.auth_modal .ant-modal-confirm-content {
  margin-left: 0px !important;
}
.auth_modal .ant-modal-confirm-btns {
  display: none;
}
.address_modal .ant-modal-body .address {
  margin-bottom: 42px;
}
.address_modal .ant-modal-body .address .ant-select {
  margin: 0 16px;
}
.address_modal .ant-modal-body .address_detail {
  display: flex;
}
.address_modal .ant-modal-body .address_detail textarea {
  margin-left: 16px;
  width: 416px;
  height: 161px;
  resize: none;
}
.label_modal .ant-tabs-ink-bar.ant-tabs-ink-bar-animated {
  left: 0;
}
.label_modal .label_modal_header .ant-tag {
  height: 30px;
  line-height: 30px;
  margin-bottom: 10px;
  font-size: 14px;
}
.label_modal .label_modal_header .ant-tag svg {
  font-size: 14px;
}
.label_modal .label_modal_body .ant-tabs-content-holder {
  max-height: 500px;
  overflow-y: auto;
}
.label_modal .label_modal_body .ant-tabs-content-holder .ant-tag {
  min-width: 80px;
  height: 30px;
  text-align: center;
  line-height: 30px;
  background-color: #F5F5F5;
  border: none;
  font-size: 14px;
  margin-right: 24px;
  margin-bottom: 24px;
}
.label_modal .label_modal_body .ant-tabs-content-holder .ant-tag svg {
  font-size: 14px;
}
.label_modal .label_modal_body .ant-tabs-content-holder .ant-tag.current {
  background-color: #487EFB;
  color: #fff;
}
.label_modal .label_modal_body .ant-tabs-content-holder .ant-tag.current svg {
  color: #fff;
}

.text-ellipsis {
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}
.text-ellipsis2,
.text-ellipsis3,
.text-ellipsis4 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.text-ellipsis3 {
  -webkit-line-clamp: 3;
}
.text-ellipsis4 {
  -webkit-line-clamp: 4;
}
.position-c {
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
}
.position-x-c {
  position: absolute !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
}
.position-y-c {
  position: absolute !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
}
.flex {
  display: flex;
}
.flex-wrap {
  display: flex;
  flex-wrap: wrap;
}
.flex-column {
  display: flex;
  flex-direction: column;
}
.flex-c {
  display: flex;
  align-items: center;
}
.justify-between {
  display: flex;
  justify-content: space-between;
}
.empty-box {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.empty-box .empty-img {
  height: 120px;
  margin-top: -180px;
}
.empty-box .empty-img img {
  height: 100%;
}
.empty-box .empty-tips {
  font-size: 14px;
  color: #999;
  margin-top: 8px;
  position: relative;
  right: 5px;
}
.manage-page {
  background: #f4f6f9;
  min-height: 100vh;
}
.ant-badge-count {
  height: 16px;
  line-height: 16px;
  background-color: #f8524f;
}
.home-title {
  text-align: center;
  font-size: 28px;
  color: #383838;
  margin-bottom: 34px;
  position: relative;
  font-weight: 500;
  letter-spacing: 1px;
}
.home-title .home-title-content {
  position: relative;
}
.home-title .home-title-content::before,
.home-title .home-title-content::after {
  content: '';
  width: 23px;
  height: 19px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background: url('/static/home/title-icon.png') no-repeat;
  background-size: cover;
  background-position: center;
  margin-top: 2px;
}
.home-title .home-title-content::before {
  left: -40px;
}
.home-title .home-title-content::after {
  right: -40px;
}
.navbar-fixed-page {
  padding-top: 40px;
}
.anchor-position {
  position: absolute;
  top: -130px;
}
.banner-swiper-button-prev,
.banner-swiper-button-next {
  width: 26px;
  height: 36px;
  background: rgba(0, 0, 0, 0.15);
  transition: all 0.2s;
}
.banner-swiper-button-prev .icon,
.banner-swiper-button-next .icon {
  color: #fff;
  position: relative;
}
.banner-swiper-button-prev:hover,
.banner-swiper-button-next:hover {
  background: rgba(0, 0, 0, 0.3);
}
.banner-swiper-button-prev::after,
.banner-swiper-button-next::after {
  display: none;
}
.banner-swiper-button-prev {
  border-radius: 0 400px 400px 0;
  left: 0;
}
.banner-swiper-button-prev .icon {
  right: 2px;
}
.banner-swiper-button-next {
  border-radius: 400px 0 0 400px;
  right: 0;
}
.banner-swiper-button-next .icon {
  left: 2px;
}
.poster-tips {
  width: 32px;
  height: 18px;
  background: rgba(0, 0, 0, 0.3);
  font-size: 12px;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  right: -3px;
  bottom: -2px;
  transform: scale(0.8);
}
.concise-pagination .ant-pagination-item {
  display: none;
}
.concise-pagination .ant-pagination-jump-prev,
.concise-pagination .ant-pagination-jump-next {
  display: none;
}
.concise-pagination .ant-pagination-prev,
.concise-pagination .ant-pagination-next {
  position: relative;
  width: 80px !important;
}
.concise-pagination .ant-pagination-prev .anticon,
.concise-pagination .ant-pagination-next .anticon {
  opacity: 0;
}
.concise-pagination .ant-pagination-prev::after,
.concise-pagination .ant-pagination-next::after {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 12px;
  color: #666;
}
.concise-pagination .ant-pagination-prev::after {
  content: '\4E0A\4E00\9875';
}
.concise-pagination .ant-pagination-next::after {
  content: '\4E0B\4E00\9875';
}
.dummy-inp {
  width: 0px;
  height: 0px;
  position: absolute;
  opacity: 0;
  left: -9999px;
}
input:-webkit-autofill {
  box-shadow: 0 0 0 1000px white inset !important;
}
input:-internal-autofill-previewed,
input:-internal-autofill-selected {
  -webkit-text-fill-color: #333 !important;
  transition: background-color 5000s ease-in-out 0s !important;
}
.commodity-group__cards-item {
  display: block;
  background: white;
  cursor: pointer;
}
.commodity-group__cards-item .commodity-group__thumb {
  width: 100% !important;
  height: 224px;
  position: relative;
}
.commodity-group__cards-item .commodity-group__thumb .commodity-group__img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.commodity-group__cards-item .commodity-group__thumb .commodity-group__credit {
  position: absolute;
  top: 12px;
  left: 12px;
  height: 24px;
  display: flex;
  align-items: center;
  background: rgba(0, 0, 0, 0.3);
  border-radius: 12px;
}
.commodity-group__cards-item .commodity-group__thumb .commodity-group__credit .commodity-group__credit-avatar {
  width: 17px;
  height: 17px;
  border-radius: 50%;
}
.commodity-group__cards-item .commodity-group__thumb .commodity-group__credit .commodity-group__credit-text {
  font-size: 12px;
  color: white;
  margin-left: 4px;
}
.commodity-group__cards-item .commodity-group__thumb .collect-btn {
  position: absolute;
  top: 8px;
  right: 8px;
  z-index: 1;
  cursor: pointer;
  color: #333333;
}
.commodity-group__cards-item .commodity-group__title {
  font-size: 16px;
  color: #0A0909;
  line-height: 24px;
  padding: 6px 10px;
  padding-bottom: 0px;
  margin-bottom: 6px;
  text-overflow: ellipsis;
  overflow: hidden;
  width: 224px;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  min-height: 54px;
}
.commodity-group__cards-item .commodity-group__title .commodity-group__tag {
  width: 36px;
  height: 17px;
  line-height: 17px;
  text-align: center;
  display: inline-block;
  background: #F1403C;
  font-size: 12px;
  color: white;
  margin-right: 4px;
}
.commodity-group__cards-item .commodity-group__tags {
  overflow: hidden;
  line-height: 23px;
  height: 46px;
}
.commodity-group__cards-item .commodity-group__footer {
  padding: 0 10px;
  display: flex;
  justify-content: space-between;
  padding: 0 10px 16px;
}
.commodity-group__cards-item .commodity-group__footer .commodity-group__date {
  font-size: 12px;
  color: #999999;
  align-self: center;
}
.commodity-group__cards-item .commodity-group__footer__text {
  display: flex;
  justify-content: space-between;
  border-top: 1px solid #EFF0F3;
  padding: 0 10px;
  height: 42px;
  font-size: 12px;
  align-items: center;
}
.commodity-group__cards-item .commodity-group__footer__text .commodity-group__credit {
  height: 24px;
  display: flex;
  align-items: center;
  border-radius: 12px;
}
.commodity-group__cards-item .commodity-group__footer__text .commodity-group__credit .commodity-group__credit-avatar {
  width: 17px;
  height: 17px;
  border-radius: 50%;
}
.commodity-group__cards-item .commodity-group__footer__text .commodity-group__credit .commodity-group__credit-text {
  font-size: 12px;
  margin-left: 4px;
  color: #333333;
}
.commodity-group__cards-item .commodity-group__footer__text .commodity-group__date {
  color: #999999;
}

.client {
  margin-top: 36px;
  display: flex;
  padding-bottom: 100px;
}
.client .side {
  margin-right: 20px;
}
.client .side .manage-menu {
  box-shadow: none;
}
.client .wrapper {
  display: flex;
}
.client .wrapper .wrapper_content {
  width: 650px;
  padding: 0 18px;
  margin-right: 20px;
  background-color: #fff;
}
.client .wrapper .wrapper_content .wrapper__ball {
  position: absolute;
  left: 29px;
  top: 50%;
  margin-top: -3px;
  width: 6px;
  height: 6px;
  background: #487EFB;
  border-radius: 50%;
}
.client .wrapper .wrapper_content .wrapper__ball::after {
  content: "";
  position: absolute;
  width: 14px;
  height: 14px;
  border: 4px solid #487EFB;
  opacity: 0.2;
  top: 50%;
  left: 50%;
  margin-left: -7px;
  margin-top: -7px;
  border-radius: 50%;
}
.client .wrapper .wrapper_content h3 {
  position: relative;
  display: flex;
  justify-content: space-between;
  padding: 20px 0 20px 51px;
  font-size: 14px;
  color: #666666;
  border-bottom: 1px solid #E6E8ED;
}
.client .wrapper .wrapper_content h3 .title {
  color: #333333;
  font-size: 18px;
  font-weight: 500;
}
.client .wrapper .wrapper_content .follow_user .follow_user_item {
  position: relative;
  padding-left: 72px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: #999999;
  margin: 20px 0 20px 0;
  height: 104px;
}
.client .wrapper .wrapper_content .follow_user .follow_user_item img {
  width: 56px;
  position: absolute;
  left: 0;
  top: 2;
  border-radius: 50%;
}
.client .wrapper .wrapper_content .follow_user .follow_user_item .info_left {
  font-size: 12px;
}
.client .wrapper .wrapper_content .follow_user .follow_user_item .info_left .name {
  font-size: 16px;
  color: #000000;
  font-weight: bold;
}
.client .wrapper .wrapper_content .follow_user .follow_user_item .info_left .tabs span {
  background-color: #F4F4F4;
  margin-right: 6px;
  padding: 0 5px 0 6px;
}
.client .wrapper .wrapper_content .follow_user .follow_user_item .info_right {
  color: #666;
}
.client .wrapper .wrapper_content .follow_user .follow_user_item .info_right span {
  display: inline-block;
  height: 20px;
  margin-right: 21px;
  position: relative;
  text-align: center;
  line-height: 20px;
  cursor: pointer;
}
.client .wrapper .wrapper_content .follow_user .follow_user_item .info_right span:not(:last-of-type)::after {
  content: '';
  position: absolute;
  width: 1px;
  height: 14px;
  right: -10px;
  top: 50%;
  transform: translateY(-50%);
  background-color: #E6E8ED;
}
.client .wrapper .wrapper_content .follow_user .follow_user_item .info_right span.follow {
  color: rgba(102, 102, 102, 0.5);
}
.client .wrapper .wrapper_content .follow_user .follow_user_item2 {
  border-bottom: 1px solid #E6E8ED;
}
.client .wrapper .wrapper_content .follow_user .follow_user_item2 .follow_user_item2-header {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-left: 72px;
  color: #999999;
  font-size: 12px;
  margin-bottom: 12px;
  margin-top: 24px;
}
.client .wrapper .wrapper_content .follow_user .follow_user_item2 .follow_user_item2-header img {
  width: 56px;
  position: absolute;
  left: 0;
  top: 2;
  border-radius: 50%;
}
.client .wrapper .wrapper_content .follow_user .follow_user_item2 .follow_user_item2-header .header_left .name {
  color: #000000;
  font-size: 16px;
  font-weight: bold;
}
.client .wrapper .wrapper_content .follow_user .follow_user_item2 .follow_user_item2-header .header_right {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.client .wrapper .wrapper_content .follow_user .follow_user_item2 .follow_user_item2-header .header_right span:nth-child(1) {
  font-size: 14px;
}
.client .wrapper .wrapper_content .follow_user .follow_user_item2 .follow_user_item2-header .header_right span:nth-child(2) {
  font-size: 22px;
  font-weight: 600;
  color: #F7B500;
}
.client .wrapper .wrapper_content .follow_user .follow_user_item2 .desc {
  padding: 10px 12px;
  font-size: 12px;
  color: #999999;
}
.client .wrapper .wrapper_content .follow_user .follow_user_item2 .desc .desc-label {
  display: inline-block;
  padding: 0 8px;
  height: 17px;
  line-height: 17px;
  text-align: center;
  background: #F1403C;
  font-size: 12px;
  color: white;
  margin-right: 4px;
}
.client .wrapper .wrapper_content .follow_user .follow_user_item2 .desc .tag-item {
  background-color: #F4F4F4;
  margin-right: 6px;
  padding: 0 5px 0 6px;
}
.client .wrapper .wrapper_content .follow_user .follow_user_item2 .follow_user_item2-footer {
  display: flex;
  justify-content: space-between;
  margin: 16px 0;
  color: #999999;
  background: #fff;
  font-size: 12px;
}
.client .wrapper .wrapper_side {
  width: 360px;
}
.client .wrapper .wrapper_side li {
  height: 64px;
  line-height: 64px;
  display: flex;
  justify-content: space-between;
  box-shadow: 0px 0px 14px 0px #e9eaef;
  margin-bottom: 12px;
  padding: 0 20px 0 26px;
  font-size: 28px;
  color: #487EFB;
  font-weight: bold;
  background-color: #fff;
  cursor: pointer;
}
.client .wrapper .wrapper_side li:hover {
  box-shadow: 0px 0px 14px 0px rgba(0, 0, 0, 0.16);
}
.client .wrapper .wrapper_side li span {
  position: relative;
  font-weight: 400;
  font-size: 14px;
  color: #333333;
}
.client .wrapper .wrapper_side li span::before {
  content: '';
  position: absolute;
  background-color: #487EFB;
  width: 4px;
  height: 4px;
  top: 50%;
  left: -8px;
  transform: translateY(-50%);
  border-radius: 50%;
}

.integral_credit {
  display: flex;
  margin-top: 36px;
  padding-bottom: 100px;
}
.integral_credit .side {
  margin-right: 20px;
}
.integral_credit .side .manage-menu {
  box-shadow: 0px 0px 14px 0px #e9eaef;
}
.integral_credit .wrapper > div {
  float: left;
}
.integral_credit .wrapper .integral_credit_header {
  display: flex;
  justify-content: space-between;
  padding: 20px 0 20px 0;
  border-bottom: 1px solid #E6E8ED;
  margin-bottom: 20px;
}
.integral_credit .wrapper .integral_credit_header .integral_credit_header_left {
  position: relative;
  padding-left: 40px;
}
.integral_credit .wrapper .integral_credit_header .integral_credit_header_left .integral_credit_header_left__ball {
  position: absolute;
  left: 20px;
  top: 50%;
  margin-top: -3px;
  width: 6px;
  height: 6px;
  background: #487EFB;
  border-radius: 50%;
}
.integral_credit .wrapper .integral_credit_header .integral_credit_header_left .integral_credit_header_left__ball::after {
  content: "";
  position: absolute;
  width: 14px;
  height: 14px;
  border: 4px solid #487EFB;
  opacity: 0.2;
  top: 50%;
  left: 50%;
  margin-left: -7px;
  margin-top: -7px;
  border-radius: 50%;
}
.integral_credit .wrapper .integral_credit_header .integral_credit_header_right {
  cursor: pointer;
}
.integral_credit .wrapper .integral_credit_header .integral_credit_header_right img {
  margin-left: 4px;
  vertical-align: inherit;
}
.integral_credit .wrapper .integral {
  margin-right: 20px;
  margin-bottom: 20px;
  width: 516px;
  height: 578px;
  background: #ffffff;
  box-shadow: 0px 0px 7px 0px #e9eaef;
  position: relative;
  padding: 0 27px 0 16px;
}
.integral_credit .wrapper .integral .integral_title {
  height: 106px;
  padding-left: 20px;
  padding-top: 20px;
  color: #487EFB;
  background: rgba(72, 126, 251, 0.14);
  position: relative;
}
.integral_credit .wrapper .integral .integral_title h3 {
  font-size: 30px;
  font-weight: bold;
  margin-bottom: 0;
  color: #487EFB;
}
.integral_credit .wrapper .integral .integral_title p {
  font-size: 14px;
}
.integral_credit .wrapper .integral .integral_title .hook_l {
  position: absolute;
  left: 56px;
  top: 93px;
}
.integral_credit .wrapper .integral .integral_title .hook_r {
  position: absolute;
  right: 56px;
  top: 93px;
}
.integral_credit .wrapper .integral .site-calendar-demo-card {
  width: 100%;
}
.integral_credit .wrapper .integral .site-calendar-demo-card .ant-picker-calendar {
  height: 303px;
}
.integral_credit .wrapper .integral .site-calendar-demo-card .ant-picker-calendar .picker-calendar-header {
  text-align: center;
  height: 54px;
  line-height: 54px;
  font-size: 16px;
  font-weight: bold;
  color: #487EFB;
}
.integral_credit .wrapper .integral .site-calendar-demo-card .ant-picker-calendar .picker-calendar-header .header-left {
  margin-right: 24px;
  cursor: pointer;
}
.integral_credit .wrapper .integral .site-calendar-demo-card .ant-picker-calendar .picker-calendar-header .header-right {
  margin-left: 24px;
  cursor: pointer;
}
.integral_credit .wrapper .integral .site-calendar-demo-card .ant-picker-calendar .ant-picker-panel thead {
  margin-bottom: 30px;
  overflow: hidden;
}
.integral_credit .wrapper .integral .site-calendar-demo-card .ant-picker-calendar .ant-picker-panel thead::after {
  content: '';
  background: url("/static/manage/line.png") no-repeat;
  display: block;
  width: 455px;
  height: 4px;
  margin: 15px 16px;
  opacity: 0.5;
}
.integral_credit .wrapper .integral .ant-btn {
  width: 90px;
  height: 30px;
  border-radius: 16px;
  margin-top: 24px;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  border: none;
  outline: none;
  color: #fff;
  font-size: 12px;
}
.integral_credit .wrapper .integral .signIn {
  background-color: #F7B500;
}
.integral_credit .wrapper .integral .signed {
  background: #e7e7e7;
}
.integral_credit .wrapper .credit {
  margin-bottom: 20px;
  width: 494px;
  height: 578px;
  background: #ffffff;
  box-shadow: 0px 0px 7px 0px #e9eaef;
  padding: 0 16px;
}
.integral_credit .wrapper .credit .credit_chart {
  padding: 10px 28px 32px;
  position: relative;
  height: 495px;
}
.integral_credit .wrapper .credit .credit_chart .ant-btn {
  position: absolute;
}
.integral_credit .wrapper .credit .credit_chart .circle {
  position: absolute;
  top: 28%;
  left: 50%;
  transform: translate(-50%, -28%);
}
.integral_credit .wrapper .credit .credit_chart .credit_chart_box {
  position: absolute;
  left: 50%;
  top: 25%;
  transform: translate(-50%, -25%);
}
.integral_credit .wrapper .credit .credit_chart .credit_chart_box .look_rule {
  text-align: center;
  font-size: 16px;
  margin-top: 56px;
}
.integral_credit .wrapper .credit .credit_chart .credit_chart_box .look_rule a {
  color: #333333;
}
.integral_credit .wrapper .credit .credit_chart .credit_chart_box .look_rule a:hover {
  color: #487EFB;
}
.integral_credit .wrapper .get_integral {
  width: 514px;
  height: 362px;
  background: #ffffff;
  box-shadow: 0px 0px 7px 0px #e9eaef;
  margin-right: 20px;
  padding: 0 16px;
  overflow: hidden;
}
.integral_credit .wrapper .get_integral .integral_credit_header_left {
  color: #333333;
  font-size: 18px;
  font-weight: bold;
}
.integral_credit .wrapper .get_integral .get_integral_content {
  padding: 0 16px 0px 24px;
  height: 260px;
  overflow-y: auto;
  /*滚动槽*/
  /* 滚动条滑块 */
  -ms-overflow-style: none;
  overflow: -moz-scrollbars-none;
}
.integral_credit .wrapper .get_integral .get_integral_content::-webkit-scrollbar {
  width: 3px !important;
}
.integral_credit .wrapper .get_integral .get_integral_content::-webkit-scrollbar-track {
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
  border-radius: 10px;
}
.integral_credit .wrapper .get_integral .get_integral_content::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background: rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.15);
}
.integral_credit .wrapper .get_integral .get_integral_content .content_item {
  display: flex;
  justify-content: space-between;
  height: 20px;
  position: relative;
  font-size: 14px;
  margin-bottom: 24px;
}
.integral_credit .wrapper .get_integral .get_integral_content .content_item::before {
  content: "";
  background: #487EFB;
  border-radius: 50%;
  width: 4px;
  height: 4px;
  position: absolute;
  top: 10px;
  left: -8px;
}
.integral_credit .wrapper .get_integral .get_integral_content .content_item.done {
  color: rgba(102, 102, 102, 0.6);
}
.integral_credit .wrapper .get_integral .get_integral_content .content_item.done a {
  color: rgba(102, 102, 102, 0.6);
  cursor: context-menu;
}
.integral_credit .wrapper .get_integral .get_integral_content .content_item.done::before {
  content: "";
  background: rgba(102, 102, 102, 0.6);
  border-radius: 50%;
  width: 4px;
  height: 4px;
  position: absolute;
  top: 10px;
  left: -8px;
}
.integral_credit .wrapper .get_credit {
  width: 494px;
  height: 362px;
  background: #ffffff;
  box-shadow: 0px 0px 7px 0px #e9eaef;
  padding: 0 16px;
  overflow: hidden;
}
.integral_credit .wrapper .get_credit .integral_credit_header_left {
  color: #333333;
  font-size: 18px;
  font-weight: bold;
}
.integral_credit .wrapper .get_credit .get_credit_content {
  padding: 0 16px 0px 24px;
  height: 260px;
  overflow-y: auto;
  /*滚动槽*/
  /* 滚动条滑块 */
  -ms-overflow-style: none;
  overflow: -moz-scrollbars-none;
}
.integral_credit .wrapper .get_credit .get_credit_content::-webkit-scrollbar {
  width: 3px !important;
}
.integral_credit .wrapper .get_credit .get_credit_content::-webkit-scrollbar-track {
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
  border-radius: 10px;
}
.integral_credit .wrapper .get_credit .get_credit_content::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background: rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.15);
}
.integral_credit .wrapper .get_credit .get_credit_content .content_item {
  display: flex;
  justify-content: space-between;
  height: 20px;
  position: relative;
  font-size: 14px;
  margin-bottom: 24px;
}
.integral_credit .wrapper .get_credit .get_credit_content .content_item::before {
  content: "";
  background: #487EFB;
  border-radius: 50%;
  width: 4px;
  height: 4px;
  position: absolute;
  top: 10px;
  left: -8px;
}
.integral_credit .wrapper .get_credit .get_credit_content .content_item.done {
  color: rgba(102, 102, 102, 0.6);
}
.integral_credit .wrapper .get_credit .get_credit_content .content_item.done a {
  color: rgba(102, 102, 102, 0.6);
  cursor: context-menu;
}
.integral_credit .wrapper .get_credit .get_credit_content .content_item.done::before {
  content: "";
  background: rgba(102, 102, 102, 0.6);
  border-radius: 50%;
  width: 4px;
  height: 4px;
  position: absolute;
  top: 10px;
  left: -8px;
}
.modal_rule .ant-modal-content .ant-modal-body {
  height: 690px;
  overflow-y: auto;
}
.modal_creditDetail .ant-modal-content .ant-modal-body {
  padding-top: 0;
  padding-bottom: 0;
  height: 734px;
  overflow-y: auto;
}
.modal_creditDetail .ant-modal-content .ant-modal-body .content_item {
  height: 90px;
  border-bottom: 1px solid #E6E8ED;
  padding: 22px 4px 20px 8px;
}
.modal_creditDetail .ant-modal-content .ant-modal-body .content_item > div {
  display: flex;
  justify-content: space-between;
}
.modal_creditDetail .ant-modal-content .ant-modal-body .content_item .text {
  margin-bottom: 12px;
}
.modal_creditDetail .ant-modal-content .ant-modal-body .content_item .text span:nth-child(1) {
  color: #333333;
  font-size: 14px;
}
.modal_creditDetail .ant-modal-content .ant-modal-body .content_item .text span:nth-child(2) {
  color: #487EFB;
  font-size: 16px;
}
.modal_creditDetail .ant-modal-content .ant-modal-body .content_item .desc {
  color: #999999;
}
.modal_creditDetail .ant-modal-content .ant-modal-body .content_item .desc span {
  color: #333333;
  font-size: 12px;
}
.modal_integralDetail .ant-modal-content .ant-modal-body {
  padding: 0;
}
.modal_integralDetail .ant-modal-content .ant-modal-body .content-box {
  height: 734px;
  overflow-y: auto;
  padding: 0 24px;
}
.modal_integralDetail .ant-modal-content .ant-modal-body .content_item {
  height: 90px;
  border-bottom: 1px solid #E6E8ED;
  padding: 22px 4px 20px 8px;
}
.modal_integralDetail .ant-modal-content .ant-modal-body .content_item > div {
  display: flex;
  justify-content: space-between;
}
.modal_integralDetail .ant-modal-content .ant-modal-body .content_item .text {
  margin-bottom: 12px;
}
.modal_integralDetail .ant-modal-content .ant-modal-body .content_item .text span:nth-child(1) {
  color: #333333;
  font-size: 14px;
}
.modal_integralDetail .ant-modal-content .ant-modal-body .content_item .text span:nth-child(2) {
  color: #487EFB;
  font-size: 16px;
}
.modal_integralDetail .ant-modal-content .ant-modal-body .content_item .desc {
  color: #999999;
}
.modal_integralDetail .ant-modal-content .ant-modal-body .content_item .desc span {
  color: #333333;
  font-size: 12px;
}
.ant-picker-cell-inner::before {
  content: '' !important;
  border: none !important;
}
.select_modal .anticon {
  display: none;
}

.home {
  display: flex;
  margin-top: 36px;
  padding-bottom: 100px;
}
.home .ant-empty {
  margin-top: 80px;
}
.home .side {
  margin-right: 20px;
}
.home .common-title {
  display: flex;
  align-items: center;
  padding: 16px 0;
  border-bottom: 1px solid #e6e8ed;
  margin: 0 16px;
}
.home .common-title .title-icon {
  margin-left: 12px;
}
.home .common-title .title-icon2 {
  width: 18px;
  height: 16px;
}
.home .common-title .title-icon3 {
  width: 19px;
  height: 15px;
}
.home .common-title .title-content {
  font-size: 18px;
  color: #000;
  font-weight: bold;
  margin-left: 8px;
}
.home .wrapper {
  display: flex;
  width: 1030px;
  flex-wrap: wrap;
  align-content: flex-start;
}
.home .wrapper .wrapper_left {
  width: calc(50% - 10px);
  height: 335px;
}
.home .wrapper .wrapper_left .wrapper_left_top {
  box-shadow: 0px 0px 10px 0px #e9eaef;
}
.home .wrapper .wrapper_left .wrapper_top {
  padding: 0 16px;
  height: 104px;
  background-color: #fff;
}
.home .wrapper .wrapper_left .wrapper_top .header {
  width: 100%;
  position: relative;
  height: 104px;
  border-bottom: 1px solid #e6e8ed;
  display: flex;
  align-items: center;
  box-shadow: none;
  padding: 0 12px;
}
.home .wrapper .wrapper_left .wrapper_top .header .avatar-box {
  width: 56px;
  height: 56px;
  border-radius: 50%;
  overflow: hidden;
  margin-right: 14px;
  background: url('https://oss.sulinks.com/static/images/topic/avatar_default.png') no-repeat;
  background-size: cover;
  background-position: center;
}
.home .wrapper .wrapper_left .wrapper_top .header .avatar-box .avatar {
  width: 100%;
  height: 100%;
}
.home .wrapper .wrapper_left .wrapper_top .header .info .name {
  color: #000;
  font-size: 16px;
  font-weight: bold;
  display: flex;
  align-items: center;
}
.home .wrapper .wrapper_left .wrapper_top .header .info .name .auth-icon {
  width: 11px;
  height: auto;
  margin: 0 6px;
  position: relative;
  top: 1px;
}
.home .wrapper .wrapper_left .wrapper_top .header .info .name .vip-icon {
  width: 52px;
  height: auto;
  position: relative;
}
.home .wrapper .wrapper_left .wrapper_top .header .info .desc {
  font-size: 12px;
  color: #999;
  margin-top: 2px;
}
.home .wrapper .wrapper_left .wrapper_top .header .info .desc img {
  width: 14px;
  vertical-align: unset;
}
.home .wrapper .wrapper_left .wrapper_top .header .info .desc .text {
  margin-left: 2px;
}
.home .wrapper .wrapper_left .wrapper_top .header .go-vip-btn {
  width: 104px;
  height: 32px;
  color: #fff;
  background-color: #3c3831;
  margin-left: auto;
  border-radius: 999px;
  font-size: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.home .wrapper .wrapper_left .wrapper_top .header .go-vip-btn .go-vip-icon {
  width: 15px;
  height: 13px;
  margin-right: 6px;
}
.home .wrapper .wrapper_left ul {
  display: flex;
  background-color: #fff;
}
.home .wrapper .wrapper_left ul li {
  position: relative;
  display: flex;
  height: 103px;
  flex-direction: column;
  flex: 1;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  color: #9c9c9c;
}
.home .wrapper .wrapper_left ul li span {
  font-size: 28px;
  color: #3c76f7;
}
.home .wrapper .wrapper_left ul li:not(:last-of-type)::after {
  content: "";
  position: absolute;
  width: 1px;
  height: 40px;
  background-color: #E6E8ED;
  opacity: 0.8;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
.home .wrapper .wrapper_left .wrapper_left-footer {
  margin-top: 20px;
  box-shadow: 0px 0px 10px 0px #e9eaef;
  height: 108px;
  background-color: #fff;
}
.home .wrapper .wrapper_left .wrapper_left-footer ul {
  display: flex;
}
.home .wrapper .wrapper_left .wrapper_left-footer ul li {
  display: flex;
  height: 103px;
  flex-direction: column;
  flex: 1;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  color: #9c9c9c;
  position: relative;
}
.home .wrapper .wrapper_left .wrapper_left-footer ul li span {
  font-size: 23px;
  color: #000;
  line-height: 44px;
}
.home .wrapper .wrapper_left .wrapper_left-footer ul li span.chinese {
  font-size: 20px;
}
.home .wrapper .wrapper_left .wrapper_left-footer ul li:not(:last-of-type)::after {
  content: "";
  position: absolute;
  width: 1px;
  height: 40px;
  background-color: #E6E8ED;
  opacity: 0.8;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
.home .wrapper .wrapper_right {
  padding: 0 16px;
  width: calc(50% - 10px);
  height: 335px;
  background-color: #fff;
  box-shadow: 0px 0px 10px 0px #e9eaef;
  position: relative;
  margin-left: 20px;
}
.home .wrapper .wrapper_right h3 {
  position: relative;
  height: 65px;
  line-height: 65px;
  padding-left: 12px;
  border-bottom: 1px solid #e6e8ed;
  font-size: 18px;
  font-weight: bold;
}
.home .wrapper .wrapper_right h3 .title {
  position: relative;
  display: flex;
  align-items: center;
}
.home .wrapper .wrapper_right h3 .title .title-icon {
  width: 17px;
  height: 15px;
  margin-right: 8px;
}
.home .wrapper .wrapper_right h3 .title .title-text {
  position: relative;
}
.home .wrapper .wrapper_right h3 .title .title-text .ant-badge {
  position: relative;
  top: -12px;
}
.home .wrapper .wrapper_right .wrapper_right_ul {
  padding: 16px 16px 6.5px 22px;
}
.home .wrapper .wrapper_right .wrapper_right_ul li {
  display: flex;
  justify-content: space-between;
  position: relative;
  margin-bottom: 14px;
}
.home .wrapper .wrapper_right .wrapper_right_ul li .text {
  color: #666666;
  font-size: 14px;
  position: relative;
  line-height: 26px;
}
.home .wrapper .wrapper_right .wrapper_right_ul li .text:first-of-type::after {
  content: "";
  position: absolute;
  left: -10px;
  top: 50%;
  transform: translateY(-50%);
  background-color: #F1403C;
  width: 4px;
  height: 4px;
  border-radius: 50%;
}
.home .wrapper .wrapper_right .wrapper_right_ul li .wrapper_right_value {
  display: flex;
  align-items: center;
}
.home .wrapper .wrapper_right .wrapper_right_ul li .wrapper_right_value .ant-progress {
  top: -3px;
}
.home .wrapper .wrapper_right .wrapper_right_ul li .wrapper_right_value .ant-progress .ant-progress-inner {
  background: #f3f3f3;
}
.home .wrapper .wrapper_right .wrapper_right_ul li .wrapper_right_value a {
  color: #999999;
  font-size: 14px;
}
.home .wrapper .wrapper_right .wrapper_right_ul li .wrapper_right_value a:hover {
  color: #3c76f7;
}
.home .wrapper .wrapper_right .wrapper_right_ul li.done span:last-of-type {
  color: #3c76f7;
  cursor: pointer;
}
.home .wrapper .wrapper_right .wrapper_right_footer {
  position: absolute;
  bottom: 0;
  margin-bottom: 22px;
  left: 50%;
  transform: translateX(-50%);
}
.home .wrapper .data-wrap {
  width: 100%;
  height: 300px;
  margin-top: 20px;
  display: flex;
  justify-content: space-between;
}
.home .wrapper .data-wrap .data-item {
  width: calc(50% - 10px);
  background: #fff;
  box-shadow: 0px 0px 10px 0px #e9eaef;
}
.home .wrapper .data-wrap .shop-data-content .shop-data-group {
  display: flex;
  justify-content: space-between;
}
.home .wrapper .data-wrap .shop-data-content .shop-data-group .shop-data-item {
  position: relative;
  flex: 1;
  text-align: center;
  font-size: 12px;
  color: #9c9c9c;
}
.home .wrapper .data-wrap .shop-data-content .shop-data-group .shop-data-item:nth-of-type(2)::before,
.home .wrapper .data-wrap .shop-data-content .shop-data-group .shop-data-item:nth-of-type(2)::after {
  content: '';
  width: 1px;
  height: 40px;
  background: #e6e8ed;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  opacity: 0.8;
}
.home .wrapper .data-wrap .shop-data-content .shop-data-group .shop-data-item:nth-of-type(2)::before {
  left: -20px;
  left: 0;
}
.home .wrapper .data-wrap .shop-data-content .shop-data-group .shop-data-item:nth-of-type(2)::after {
  right: -20px;
  right: 0;
}
.home .wrapper .data-wrap .shop-data-content .shop-data-group .shop-data-item .shop-data-value {
  font-size: 28px;
  color: #000;
}
.home .wrapper .data-wrap .shop-data-content .shop-data-group.top {
  padding: 30px 0;
}
.home .wrapper .data-wrap .history-data-content {
  position: relative;
}
.home .wrapper .data-wrap .history-data-content .charts-handle {
  display: flex;
  justify-content: space-between;
  margin: 0 26px;
  font-size: 12px;
  margin-top: 16px;
  position: relative;
}
.home .wrapper .data-wrap .history-data-content .charts-handle .type-change {
  display: flex;
  width: 104px;
  border: 1px solid #dfe0e6;
  border-radius: 999px;
  line-height: 24px;
}
.home .wrapper .data-wrap .history-data-content .charts-handle .type-change .item {
  width: 50%;
  text-align: center;
  color: #989898;
  border-radius: 999px;
  cursor: pointer;
  user-select: none;
}
.home .wrapper .data-wrap .history-data-content .charts-handle .type-change .item.active {
  color: #000;
  background: #eeeff2;
}
.home .wrapper .data-wrap .history-data-content .charts-handle .date-change {
  display: flex;
  margin-left: auto;
}
.home .wrapper .data-wrap .history-data-content .charts-handle .date-change .item {
  width: 40px;
  height: 22px;
  border-radius: 999px;
  text-align: center;
  line-height: 22px;
  color: #353535;
  cursor: pointer;
  user-select: none;
}
.home .wrapper .data-wrap .history-data-content .charts-handle .date-change .item.active {
  color: #fff;
  background: #3c76f7;
}
.home .wrapper .data-wrap .history-data-content .charts-box {
  height: 196px;
  position: relative;
}
.home .wrapper .data-wrap .history-data-content .vip-tips-box2 {
  width: 100%;
  height: 222px;
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(255, 255, 255, 0.8);
  display: flex;
  align-items: center;
  justify-content: center;
}
.home .wrapper .data-wrap .history-data-content .vip-tips-box2 .vip-tips {
  width: 140px;
  height: 140px;
  background: #f0f2fc;
  border-radius: 50%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  top: -20px;
}
.home .wrapper .data-wrap .history-data-content .vip-tips-box2 .vip-tips .text {
  font-size: 12px;
  color: #111;
  margin-bottom: 4px;
}
.home .wrapper .data-wrap .history-data-content .vip-tips-box2 .vip-tips .btn {
  color: #3c76f7;
  font-size: 12px;
  cursor: pointer;
  user-select: none;
  padding: 6px;
  margin-top: 0px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.home .wrapper .wrapper_content {
  margin-top: 20px;
  width: 100%;
  box-shadow: 0px 0px 10px 0px #e9eaef;
  background-color: #fff;
}
.home .wrapper .wrapper_content .common-title {
  border: none;
  padding-bottom: 8px;
}
.home .wrapper .wrapper_content .common-title .title-icon {
  width: 18px;
  height: 17px;
}
.home .wrapper .wrapper_content .ant-tabs {
  padding: 0 16px;
}
.home .wrapper .wrapper_content .ant-tabs .commodity-group__cards {
  display: flex;
  flex-wrap: wrap;
  padding-top: 8px;
}
.home .wrapper .wrapper_content .ant-tabs .commodity-group__cards .commodity-group__cards-item {
  width: 224px;
  margin: 11px 10px;
}
.home .wrapper .wrapper_content .ant-tabs .commodity-group__cards .commodity-group__cards-item .commodity-group__thumb {
  width: 100%;
  border-radius: 8px 8px 0 0;
  overflow: hidden;
  background: url('/static/business_default.png') no-repeat;
  background-size: cover;
  background-position: center;
  background-color: #ededed;
}
.home .wrapper .wrapper_content .ant-tabs .commodity-group__cards .commodity-group__cards-box {
  max-width: 226px;
}
.home .wrapper .wrapper_content .ant-tabs .commodity-group__cards .commodity-group__cards-box:not(:nth-child(4n+0)) {
  margin-right: 23px;
}
.home .wrapper .wrapper_content .ant-tabs .supply-pagination {
  margin: 40px 0 !important;
}
.home .wrapper .wrapper_content .ant-tabs .ant-tabs-nav-wrap .ant-tabs-nav-list {
  margin-left: 12px;
}
.home .wrapper .wrapper_content .ant-tabs .ant-tabs-nav-wrap .ant-tabs-nav-list > button {
  padding: 20px 0;
  margin-right: 36px;
  color: #999;
  transition: color 0.2s;
  font-size: 17px;
}
.home .wrapper .wrapper_content .ant-tabs .ant-tabs-nav-wrap .ant-tabs-nav-list > button.ant-tabs-tab-active {
  color: #333;
  font-weight: 600;
}
.home .wrapper .wrapper_content .ant-tabs .ant-tabs-nav-wrap .ant-tabs-nav-list > button:hover {
  color: #333;
}
.home .wrapper .wrapper_content .ant-tabs .ant-tabs-nav-wrap .ant-tabs-nav-list > .ant-tabs-ink-bar {
  width: 68px !important;
  height: 2px;
  background: #3c76f7;
}
.home .wrapper .wrapper_content .ant-tabs .ant-tabs-content-holder {
  min-height: 400px;
}
.home .wrapper .wrapper_content .commodity-group__cards {
  padding-top: 28px;
}
.home .wrapper .wrapper_content .commodity-group__cards .business-card {
  width: 318px;
  margin-bottom: 16px;
  margin-right: 14px;
  padding: 0px;
  background-color: #fff;
}
.home .wrapper .wrapper_content .commodity-group__cards .business-card .business-card__avatar {
  width: 68px;
  height: 68px;
  top: 24px;
  left: 8px;
}
.home .wrapper .wrapper_content .commodity-group__cards .business-card .business-card__avatar img {
  border-radius: 50%;
}
.home .wrapper .wrapper_content .commodity-group__cards .business-card .network-top__content {
  margin-left: 88px;
}
.home .wrapper .wrapper_content .commodity-group__cards .business-card .network-top__content .network-top__box .network-top__credit {
  padding: 0 5px;
}
.home .wrapper .wrapper_content .commodity-group__cards .business-card .network-top__title {
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 140px;
  overflow: hidden;
}
.home .wrapper .wrapper_content .commodity-group__cards .business-card .commodity-group__tags {
  max-height: 20px;
  overflow: hidden;
}
h3 {
  padding: 0;
  margin: 0;
}
.contrast {
  display: flex;
  align-items: center;
  justify-content: center;
}
.contrast img {
  width: 11px;
  height: 11px;
  margin: 0 4px;
}

.applyModel {
  display: flex;
  margin-top: 36px;
  margin-bottom: 36px;
}
.applyModel .side {
  margin-right: 16px;
  background-color: #fff;
  box-shadow: 0px 0px 14px 0px #e9eaef;
}
.applyModel .wrapper {
  padding: 0 12px 0 20px;
  width: 1030px;
  box-shadow: 0px 0px 7px 0px #e9eaef;
  background-color: #fff;
}
.applyModel .wrapper h3 {
  position: relative;
  padding: 21px 0px 20px 34px;
  border-bottom: 1px solid #E6E8ED;
  font-weight: bold;
  font-size: 18px;
}
.applyModel .wrapper h3 .wrapper__ball {
  position: absolute;
  left: 20px;
  top: 50%;
  margin-top: -3px;
  width: 6px;
  height: 6px;
  background: #487EFB;
  border-radius: 50%;
}
.applyModel .wrapper h3 .wrapper__ball::after {
  content: "";
  position: absolute;
  width: 14px;
  height: 14px;
  border: 4px solid #487EFB;
  opacity: 0.2;
  top: 50%;
  left: 50%;
  margin-left: -7px;
  margin-top: -7px;
  border-radius: 50%;
}
.applyModel .wrapper #material_form {
  width: 400px;
  margin-top: 24px;
  margin-bottom: 334px;
  position: relative;
}
.applyModel .wrapper #material_form .ant-form-item-label {
  text-align: left;
}
.applyModel .wrapper #material_form .form-select {
  position: relative;
}
.applyModel .wrapper #material_form .form-select .addon-gengduo {
  position: absolute;
  right: 13px;
  top: 4px;
}
.applyModel .wrapper #material_form .name-input {
  position: relative;
}
.applyModel .wrapper #material_form .name-input .name-classify-model {
  position: absolute;
  top: 35px;
  left: 0;
  z-index: 99;
  width: 462px;
  background-color: #fff;
  box-shadow: 0px 0px 10px 0px rgba(197, 197, 197, 0.5);
  padding: 20px 20px 33px 20px;
}
.applyModel .wrapper #material_form .name-input .name-classify-model .classify-item .classify-parent {
  display: flex;
  justify-content: space-between;
  font-weight: bold;
  margin-bottom: 12px;
  cursor: pointer;
}
.applyModel .wrapper #material_form .name-input .name-classify-model .classify-item .classify-child {
  display: flex;
  flex-wrap: wrap;
}
.applyModel .wrapper #material_form .name-input .name-classify-model .classify-item .classify-child .classify-child-item {
  color: #999999;
  background: #F3F3F3;
  padding: 5px 14px 6px 17px;
  margin-right: 16px;
  margin-bottom: 12px;
  cursor: pointer;
}
.applyModel .wrapper #material_form .name-input .name-classify-model .classify-item .classify-child .classify-child-item.active {
  background: #487EFB;
  color: #fff;
}
.applyModel .wrapper #material_form .name-input .name-classify-model .classify-footer {
  margin-top: 49px;
  text-align: center;
}
.applyModel .wrapper #material_form .name-input .name-classify-model .classify-footer .ant-btn:last-child {
  margin-left: 16px;
}
.applyModel .wrapper #material_form .title {
  padding-left: 39px;
  color: #333333;
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 24px;
}
.applyModel .wrapper #material_form .title .text {
  color: "#666666";
  font-size: 14px;
  font-weight: 400;
}
.applyModel .wrapper #material_form .offer-btns {
  position: relative;
}
.applyModel .wrapper #material_form .offer-btns .ant-btn {
  position: absolute;
  top: 0;
  left: 0;
  margin-right: 15px;
  width: 203px;
  height: 46px;
}
.applyModel .wrapper #material_form .offer-btns .submit-btn {
  left: 223px;
}
.applyModel .wrapper #material_form .material-images {
  display: block;
  position: relative;
  margin-top: 30px;
  margin-bottom: 90px;
}
.applyModel .wrapper #material_form .material-images label {
  margin-bottom: 24px;
}
.factory-modal .text {
  font-weight: bold;
  margin-top: 6px;
  margin-bottom: 25px;
  text-align: center;
}
.factory-modal .factory-modal-footer {
  margin-top: 35px;
  text-align: center;
}
.factory-modal .factory-modal-footer .ant-btn:nth-child(1) {
  margin-right: 16px;
}

.setting-wrap {
  min-height: 600px;
  position: relative;
}
.setting-wrap .setting-item {
  margin-top: 20px;
  background: #fff;
  min-height: 140px;
  padding: 0 16px;
  box-shadow: 0px 0px 10px 0px #e9eaef;
  position: relative;
}
.setting-wrap .setting-item .common-title {
  padding: 16px 12px;
  border-bottom: 1px solid #e6e8ed;
  font-size: 18px;
  color: #000;
  font-weight: bold;
}
.setting-wrap .setting-item .common-title .edit-btn {
  font-size: 14px;
  color: #999;
  margin-left: auto;
  cursor: pointer;
  user-select: none;
  font-weight: 400;
}
.setting-wrap .setting-item .common-title .edit-btn .edit-icon {
  width: 14px;
  height: 14px;
  margin-right: 4px;
  position: relative;
}
.setting-wrap .setting-item .business-list {
  padding: 0 12px 20px;
}
.setting-wrap .setting-item .recommend-list {
  padding-left: 12px;
}
.setting-wrap .setting-item .recommend-list .item {
  width: calc(33% - 10px);
  height: 180px;
  margin: 20px 0;
  margin-right: 15px;
  border-radius: 6px;
  overflow: hidden;
  background: url(/static/business_default.png) no-repeat;
  background-size: cover;
  background-position: center;
  background-color: #ededed;
}
.setting-wrap .setting-item .recommend-list .item:last-of-type {
  margin-right: 0;
}
.setting-wrap .setting-item .recommend-list .item img {
  width: 100%;
  height: 100%;
}
.setting-wrap .setting-item .raw-list {
  padding: 12px 12px;
}
.setting-wrap .setting-item .raw-list .item {
  padding: 12px 0;
}
.setting-wrap .setting-item .raw-list .item .title {
  color: #111;
}
.setting-wrap .setting-item .raw-list .item .price {
  margin-top: 8px;
  color: #fa6414;
  line-height: 1;
}
.setting-wrap .setting-item .raw-list .item .price .money {
  font-size: 22px;
  font-weight: 600;
  position: relative;
  top: 1px;
}
.setting-wrap .setting-item .raw-list .item .price .money.chinese {
  font-size: 18px;
}
.setting-wrap .setting-item .setting-empty {
  padding: 14px 12px 22px;
}
.setting-wrap .setting-item .setting-empty .icon {
  width: 30px;
  height: 30px;
  margin-right: 14px;
}
.setting-wrap .setting-item .setting-empty .empty-tips .title {
  font-size: 16px;
  font-weight: bold;
  color: #7c7f87;
}
.setting-wrap .setting-item .setting-empty .empty-tips .tips {
  font-size: 14px;
  color: #bcbcbe;
  margin-top: 4px;
}
.setting-wrap .setting-item .setting-empty .add-btn {
  margin-left: auto;
  width: 82px;
  height: 32px;
  border-radius: 6px;
  color: #3c76f7;
  border: 1px solid #3c76f7;
  font-size: 14px;
  justify-content: center;
  cursor: pointer;
  user-select: none;
}
.setting-wrap .setting-item .setting-empty .add-btn img {
  width: 14px;
  height: 14px;
  margin-right: 6px;
}
.business-item {
  margin-top: 20px;
}
.business-item.edit {
  cursor: pointer;
  padding: 0 6px;
}
.business-item.edit .business-img {
  width: 94px;
  height: 94px;
}
.business-item.edit .business-info {
  width: auto;
}
.business-item .check-box {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  border: 1px solid #bbbdc4;
  transition: all 0.2s;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 14px;
  cursor: pointer;
  user-select: none;
}
.business-item .check-box .check-sign {
  width: 14px;
  height: 14px;
  transition: opacity 0.2s;
  opacity: 0;
}
.business-item .check-box.active {
  border-color: rgba(0, 0, 0, 0);
  background: linear-gradient(128.08deg, #5688f5 0%, #2e6cf6 100%);
}
.business-item .check-box.active .check-sign {
  opacity: 1;
}
.business-item .business-img {
  width: 110px;
  height: 110px;
  border-radius: 6px;
  overflow: hidden;
  margin-right: 26px;
  background: url(/static/business_default.png) no-repeat;
  background-size: cover;
  background-position: center;
  background-color: #ededed;
}
.business-item .business-img img {
  width: 100%;
  height: 100%;
}
.business-item .business-info .title {
  color: #111;
}
.business-item .business-info .title .tags {
  color: #fff;
  font-size: 12px;
  padding: 1px 6px 3px;
  background: #3c76f7;
  border-radius: 2px;
  position: relative;
  top: -1px;
  margin-right: 6px;
}
.business-item .business-info .title .tags.sell {
  background: #F1403C;
}
.business-item .business-info .labels {
  flex-wrap: wrap;
  margin-top: 10px;
  position: relative;
  left: -6px;
}
.business-item .business-info .labels .item {
  font-size: 12px;
  color: #626262;
  padding: 2px 6px;
  background: #f6f6f6;
  border-radius: 2px;
  margin-left: 6px;
  margin-bottom: 6px;
}
.business-item .business-info .price {
  margin-top: 8px;
  color: #fa6414;
  line-height: 1;
}
.business-item .business-info .price .money {
  font-size: 22px;
  font-weight: 600;
  position: relative;
  top: 1px;
}
.business-item .business-info .price .money.chinese {
  font-size: 18px;
}
.edit-modal .ant-modal-title {
  font-size: 18px;
  color: #111;
  font-weight: bold;
}
.edit-modal .ant-modal-body {
  min-height: 810px;
}
.edit-modal .ant-modal-body .cheap-tabs {
  margin-bottom: 30px;
}
.edit-modal .ant-modal-body .cheap-tabs .item {
  margin-right: 34px;
  font-size: 16px;
  color: #747474;
  cursor: pointer;
  user-select: none;
  transition: color 0.2s;
}
.edit-modal .ant-modal-body .cheap-tabs .item:hover {
  color: #3c76f7;
}
.edit-modal .ant-modal-body .cheap-tabs .item.active {
  color: #3c76f7;
  font-weight: 600;
}
.edit-modal .setting-pagination {
  width: 100%;
  padding: 0;
  position: absolute;
  bottom: 110px;
  left: 50%;
  transform: translateX(-50%);
}
.edit-modal .setting-pagination.set-main {
  bottom: 50px;
}
.edit-modal .edit-handle-btns {
  justify-content: center;
  position: absolute;
  bottom: 30px;
  left: 50%;
  transform: translateX(-50%);
}
.edit-modal .edit-handle-btns.set-main-btns {
  bottom: 60px;
}
.edit-modal .edit-handle-btns .item {
  width: 134px;
  height: 44px;
  line-height: 44px;
  text-align: center;
  font-size: 15px;
  margin: 0 10px;
  cursor: pointer;
  user-select: none;
  background: #ebeefa;
  border-radius: 999px;
  color: #111;
}
.edit-modal .edit-handle-btns .item.confirm {
  background: #3c76f7;
  color: #fff;
}
.empty-default-box {
  padding-top: 100px;
  text-align: center;
}
.empty-default-box .empty-img {
  width: 136px;
  height: 120px;
  margin: 0 auto;
}
.empty-default-box .empty-img img {
  width: 100%;
  height: 100%;
}
.empty-default-box .title {
  margin: 20px 0 6px;
  font-size: 16px;
  font-weight: bold;
  color: #111;
}
.empty-default-box .tips {
  color: #b0b0b0;
}
.empty-default-box .publish-btn {
  width: 140px;
  height: 40px;
  margin: 0 auto;
  background-color: #3c76f7;
  cursor: pointer;
  user-select: none;
  border-radius: 999px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 15px;
  color: #fff;
  margin-top: 50px;
}
.empty-default-box .publish-btn img {
  width: 16px;
  margin-right: 4px;
}
.setting-pagination {
  display: flex;
  justify-content: center;
}
.vip-tips-box {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(255, 255, 255, 0.8);
  display: flex;
  align-items: center;
  justify-content: center;
}
.vip-tips-box .vip-tips {
  width: 240px;
  height: 240px;
  background: #f0f2fc;
  border-radius: 50%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  top: -20px;
}
.vip-tips-box .vip-tips .text {
  font-size: 16px;
  color: #111;
  font-weight: bold;
  margin-bottom: 4px;
}
.vip-tips-box .vip-tips .btn {
  color: #3c76f7;
  font-weight: bold;
  font-size: 16px;
  cursor: pointer;
  user-select: none;
  padding: 6px;
  margin-top: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.set-main-modal .ant-modal-body {
  padding: 0;
  height: 810px;
}
.set-main-modal .ant-modal-body .set-main-wrap {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
}
.set-main-modal .ant-modal-body .set-main-wrap .set-main-content {
  width: 100%;
  height: 100%;
  background: #fff;
  position: relative;
  padding: 24px 18px;
}
.set-main-modal .ant-modal-body .set-main-wrap .set-main-content .set-main-item {
  background: #fff;
  margin-top: 30px;
  padding: 10px;
  display: flex;
  box-shadow: 0px 0px 20px 0px #e9eaef;
}
.set-main-modal .ant-modal-body .set-main-wrap .set-main-content .set-main-item:first-of-type {
  margin-top: 0;
}
.set-main-modal .ant-modal-body .set-main-wrap .set-main-content .set-main-item .img-wrap {
  width: 264px;
  height: 152px;
  background: #f4f5fb;
  position: relative;
}
.set-main-modal .ant-modal-body .set-main-wrap .set-main-content .set-main-item .img-wrap .img-upload-box {
  width: 100%;
  height: 100%;
  cursor: pointer;
  position: relative;
}
.set-main-modal .ant-modal-body .set-main-wrap .set-main-content .set-main-item .img-wrap .img-upload-box .logo-upload {
  width: 100%;
  height: 100%;
}
.set-main-modal .ant-modal-body .set-main-wrap .set-main-content .set-main-item .img-wrap .img-upload-box .logo-upload .ant-upload {
  width: 100%;
  height: 100%;
}
.set-main-modal .ant-modal-body .set-main-wrap .set-main-content .set-main-item .img-wrap .img-upload-box .logo-upload .ant-upload .ant-upload {
  display: inline-block;
  width: 100%;
  height: 100%;
}
.set-main-modal .ant-modal-body .set-main-wrap .set-main-content .set-main-item .img-wrap .img-upload-box .logo-upload .ant-upload .ant-upload .add-banner-tips {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.set-main-modal .ant-modal-body .set-main-wrap .set-main-content .set-main-item .img-wrap .img-upload-box .logo-upload .ant-upload .ant-upload .add-banner-tips .add-banner-tips-img {
  width: 30px;
}
.set-main-modal .ant-modal-body .set-main-wrap .set-main-content .set-main-item .img-wrap .img-upload-box .logo-upload .ant-upload .ant-upload .add-banner-tips .add-banner-tips-text {
  color: #323232;
  margin-top: 8px;
  font-size: 13px;
}
.set-main-modal .ant-modal-body .set-main-wrap .set-main-content .set-main-item .img-wrap .main-img {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: url(/static/business_default.png) no-repeat;
  background-size: cover;
  background-position: center;
  background-color: #ededed;
}
.set-main-modal .ant-modal-body .set-main-wrap .set-main-content .set-main-item .img-wrap .main-img .img {
  width: 100%;
  height: 100%;
  position: relative;
}
.set-main-modal .ant-modal-body .set-main-wrap .set-main-content .set-main-item .img-wrap .main-img .del-icon {
  width: 20px;
  position: absolute;
  top: 0;
  right: 0;
  cursor: pointer;
  user-select: none;
}
.set-main-modal .ant-modal-body .set-main-wrap .set-main-content .set-main-item .business-wrap {
  flex: 1;
  padding-left: 16px;
}
.set-main-modal .ant-modal-body .set-main-wrap .set-main-content .set-main-item .business-wrap .title {
  padding: 1px 0 14px;
  font-size: 15px;
  color: #111;
  border-bottom: 1px solid #efefef;
  font-weight: bold;
}
.set-main-modal .ant-modal-body .set-main-wrap .set-main-content .set-main-item .business-wrap .title .icon {
  width: 22px;
  height: 22px;
  margin-right: 8px;
}
.set-main-modal .ant-modal-body .set-main-wrap .set-main-content .set-main-item .business-wrap .title .title-handle {
  margin-left: auto;
  font-size: 12px;
  font-weight: 400;
}
.set-main-modal .ant-modal-body .set-main-wrap .set-main-content .set-main-item .business-wrap .title .title-handle .item {
  cursor: pointer;
  user-select: none;
}
.set-main-modal .ant-modal-body .set-main-wrap .set-main-content .set-main-item .business-wrap .title .title-handle .item img {
  width: 12px;
  margin-right: 4px;
}
.set-main-modal .ant-modal-body .set-main-wrap .set-main-content .set-main-item .business-wrap .title .title-handle .item:last-of-type {
  margin-left: 20px;
}
.set-main-modal .ant-modal-body .set-main-wrap .set-main-content .set-main-item .business-wrap .business-box {
  margin-top: 22px;
  cursor: pointer;
}
.set-main-modal .ant-modal-body .set-main-wrap .set-main-content .set-main-item .business-wrap .business-box .business-img {
  width: 90px;
  height: 90px;
  border-radius: 4px;
  overflow: hidden;
  margin-right: 14px;
  background: url(/static/business_default.png) no-repeat;
  background-size: cover;
  background-position: center;
  background-color: #ededed;
}
.set-main-modal .ant-modal-body .set-main-wrap .set-main-content .set-main-item .business-wrap .business-box .business-img img {
  width: 100%;
  height: 100%;
}
.set-main-modal .ant-modal-body .set-main-wrap .set-main-content .set-main-item .business-wrap .business-box .business-info .title {
  color: #111;
  border: none;
  padding: 0;
  max-width: 200px;
  font-weight: 400;
  margin-top: -8px;
}
.set-main-modal .ant-modal-body .set-main-wrap .set-main-content .set-main-item .business-wrap .business-box .business-info .title .tags {
  color: #fff;
  font-size: 12px;
  padding: 0 3px 1px;
  background: #3c76f7;
  border-radius: 2px;
  position: relative;
  top: -1px;
  margin-right: 4px;
}
.set-main-modal .ant-modal-body .set-main-wrap .set-main-content .set-main-item .business-wrap .business-box .business-info .title .tags.sell {
  background: #F1403C;
}
.set-main-modal .ant-modal-body .set-main-wrap .set-main-content .set-main-item .business-wrap .business-box .business-info .labels {
  flex-wrap: wrap;
  margin-top: 8px;
  position: relative;
  left: -6px;
}
.set-main-modal .ant-modal-body .set-main-wrap .set-main-content .set-main-item .business-wrap .business-box .business-info .labels .item {
  font-size: 12px;
  color: #626262;
  padding: 0px 4px;
  background: #f6f6f6;
  border-radius: 2px;
  margin-left: 6px;
  margin-bottom: 6px;
}
.set-main-modal .ant-modal-body .set-main-wrap .set-main-content .set-main-item .business-wrap .business-box .business-info .price {
  margin-top: 8px;
  color: #fa6414;
  line-height: 1;
}
.set-main-modal .ant-modal-body .set-main-wrap .set-main-content .set-main-item .business-wrap .business-box .business-info .price .money {
  font-size: 20px;
  font-weight: 600;
  position: relative;
  top: 1px;
}
.set-main-modal .ant-modal-body .set-main-wrap .set-main-content .set-main-item .business-wrap .business-box .business-info .price .money.chinese {
  font-size: 16px;
}
.set-main-modal .ant-modal-body .set-main-wrap .set-main-content .set-main-item .business-wrap .business-add {
  text-align: center;
  margin-top: 22px;
  height: 90px;
  cursor: pointer;
  user-select: none;
  padding-top: 10px;
}
.set-main-modal .ant-modal-body .set-main-wrap .set-main-content .set-main-item .business-wrap .business-add img {
  width: 30px;
}
.set-main-modal .ant-modal-body .set-main-wrap .set-main-content .set-main-item .business-wrap .business-add .text {
  font-size: 13px;
  color: #666;
  margin-top: 10px;
}
.set-main-modal .ant-modal-body .set-main-wrap .set-main-content .loading-box {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 222;
  background-color: rgba(255, 255, 255, 0.8);
  display: none;
}
.set-main-modal .ant-modal-body .set-main-wrap .set-main-content .loading-box.show {
  display: block;
}
.set-main-modal .ant-modal-body .set-main-wrap .set-main-content .loading-box .ant-spin {
  position: absolute;
  top: 40%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.set-main-modal .ant-modal-body .set-main-wrap .set-main-content .loading-box .ant-spin .ant-spin-text {
  margin-top: 10px;
}
.set-main-modal .ant-modal-body .set-main-wrap .set-main-mask {
  width: 100%;
  height: 100%;
  position: absolute;
  background: #fff;
  transition: right 0.4s;
  top: 0;
  right: -100%;
  padding: 0 24px;
}
.set-main-modal .ant-modal-body .set-main-wrap .set-main-mask.show {
  right: 0;
}

.edit-company-wrap {
  min-height: 815px;
  background: #fff;
  margin-top: 20px;
  padding: 0 28px 160px;
  overflow: hidden;
  position: relative;
  box-shadow: 0px 0px 10px 0px #e9eaef;
}
.edit-company-wrap .edit-item {
  margin-top: 30px;
}
.edit-company-wrap .edit-item .edit-title {
  width: 100px;
  font-size: 16px;
  color: #333;
  padding-top: 12px;
}
.edit-company-wrap .edit-item .input-box {
  position: relative;
  min-height: 130px;
  border: 1px solid #dddddd;
  flex: 1;
  padding: 10px 2px;
  padding-top: 7px;
}
.edit-company-wrap .edit-item .input-box .ant-input {
  border: none !important;
  box-shadow: none !important;
  resize: none;
  font-size: 16px;
  margin-bottom: 40px;
}
.edit-company-wrap .edit-item .input-box .number-tips {
  font-size: 14px;
  color: #00000073;
  position: absolute;
  right: 14px;
  bottom: 10px;
}
.edit-company-wrap .edit-item .labels-box {
  flex: 1;
  position: relative;
  top: -2px;
}
.edit-company-wrap .edit-item .labels-box .labels-list {
  flex-wrap: wrap;
}
.edit-company-wrap .edit-item .labels-box .labels-list .item {
  padding: 6px 10px;
  background-color: #f4f5f9;
  font-size: 14px;
  color: dimgray;
  border-radius: 3px;
  margin-right: 10px;
  margin-top: 10px;
  user-select: none;
  position: relative;
}
.edit-company-wrap .edit-item .labels-box .labels-list .item:hover .close-icon {
  display: block;
}
.edit-company-wrap .edit-item .labels-box .labels-list .item .close-icon {
  width: 20px;
  height: 20px;
  position: absolute;
  top: -8px;
  right: -8px;
  cursor: pointer;
  display: none;
  opacity: 0.9;
}
.edit-company-wrap .edit-item .banner-upload-box {
  flex: 1;
}
.edit-company-wrap .edit-item .banner-upload-box .item {
  width: 284px;
  height: 138px;
  background: url(/static/business_default.png) no-repeat;
  background-size: cover;
  background-position: center;
  background-color: #ededed;
  position: relative;
  margin-right: 10px;
  border: 1px solid #ddd;
}
.edit-company-wrap .edit-item .banner-upload-box .item:last-of-type {
  margin-right: 0;
}
.edit-company-wrap .edit-item .banner-upload-box .item .banner-img {
  width: 100%;
  height: 100%;
}
.edit-company-wrap .edit-item .banner-upload-box .item.add-banner {
  background: none;
  background-color: #fff;
  border: 1px solid #ddd;
  text-align: center;
  cursor: pointer;
}
.edit-company-wrap .edit-item .banner-upload-box .item.add-banner .logo-upload {
  width: 100%;
  height: 100%;
}
.edit-company-wrap .edit-item .banner-upload-box .item.add-banner .logo-upload .ant-upload {
  width: 100%;
  height: 100%;
}
.edit-company-wrap .edit-item .banner-upload-box .item.add-banner .logo-upload .ant-upload .ant-upload {
  display: inline-block;
  width: 100%;
  height: 100%;
}
.edit-company-wrap .edit-item .banner-upload-box .item.add-banner .logo-upload .ant-upload .ant-upload .add-banner-tips {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.edit-company-wrap .edit-item .banner-upload-box .item.add-banner .logo-upload .ant-upload .ant-upload .add-banner-tips .add-banner-tips-img {
  width: 36px;
  height: 36px;
  opacity: 0.6;
}
.edit-company-wrap .edit-item .banner-upload-box .item.add-banner .logo-upload .ant-upload .ant-upload .add-banner-tips .add-banner-tips-text {
  color: rgba(0, 0, 0, 0.3);
  margin-top: 12px;
}
.edit-company-wrap .edit-item .banner-upload-box .item .logo-img-mask {
  display: none;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 24px;
  text-align: center;
  background: rgba(0, 0, 0, 0.5);
  color: #fff;
  cursor: pointer;
  font-size: 12px;
}
.edit-company-wrap .edit-item .banner-upload-box .item .logo-img-mask .ant-upload {
  display: block;
  line-height: 24px;
}
.edit-company-wrap .edit-item .banner-upload-box .item .logo-img-mask .mask-upload {
  opacity: 0;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  font-size: 0;
  cursor: pointer;
}
.edit-company-wrap .edit-item .banner-upload-box .item .logo-img-mask .ant-upload {
  width: 100%;
  height: 100%;
  color: #fff;
  font-size: 12px;
}
.edit-company-wrap .edit-item .banner-upload-box .item .delete {
  position: absolute;
  top: 5px;
  right: 5px;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 50%;
  width: 25px;
  height: 25px;
  text-align: center;
  display: none;
  cursor: pointer;
}
.edit-company-wrap .edit-item .banner-upload-box .item:hover .logo-img-mask {
  display: block;
}
.edit-company-wrap .edit-item .banner-upload-box .item:hover .delete {
  display: block;
}
.edit-company-wrap .edit-item .banner-upload-box.brochure .item {
  width: 137px;
  height: 137px;
}
.edit-company-wrap .submit-btn {
  width: 150px;
  height: 44px;
  border-radius: 999px;
  background: #3c76f7;
  font-size: 15px;
  color: #fff;
  text-align: center;
  line-height: 44px;
  cursor: pointer;
  user-select: none;
  position: absolute;
  bottom: 60px;
  left: 50%;
  transform: translateX(-50%);
}
.edit-company-wrap .loading-box {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 222;
  background-color: rgba(255, 255, 255, 0.8);
  display: none;
}
.edit-company-wrap .loading-box.show {
  display: block;
}
.edit-company-wrap .loading-box .ant-spin {
  position: absolute;
  top: 40%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.edit-company-wrap .loading-box .ant-spin .ant-spin-text {
  margin-top: 10px;
}

/*!
 * Cropper.js v1.5.9
 * https://fengyuanchen.github.io/cropperjs
 *
 * Copyright 2015-present Chen Fengyuan
 * Released under the MIT license
 *
 * Date: 2020-09-10T13:16:21.689Z
 */

.cropper-container {
  direction: ltr;
  font-size: 0;
  line-height: 0;
  position: relative;
  -ms-touch-action: none;
  touch-action: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.cropper-container img {
  display: block;
  height: 100%;
  image-orientation: 0deg;
  max-height: none !important;
  max-width: none !important;
  min-height: 0 !important;
  min-width: 0 !important;
  width: 100%;
}

.cropper-wrap-box,
.cropper-canvas,
.cropper-drag-box,
.cropper-crop-box,
.cropper-modal {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}

.cropper-wrap-box,
.cropper-canvas {
  overflow: hidden;
}

.cropper-drag-box {
  background-color: #fff;
  opacity: 0;
}

.cropper-modal {
  background-color: #000;
  opacity: 0.5;
}

.cropper-view-box {
  display: block;
  height: 100%;
  outline: 1px solid #39f;
  outline-color: rgba(51, 153, 255, 0.75);
  overflow: hidden;
  width: 100%;
}

.cropper-dashed {
  border: 0 dashed #eee;
  display: block;
  opacity: 0.5;
  position: absolute;
}

.cropper-dashed.dashed-h {
  border-bottom-width: 1px;
  border-top-width: 1px;
  height: calc(100% / 3);
  left: 0;
  top: calc(100% / 3);
  width: 100%;
}

.cropper-dashed.dashed-v {
  border-left-width: 1px;
  border-right-width: 1px;
  height: 100%;
  left: calc(100% / 3);
  top: 0;
  width: calc(100% / 3);
}

.cropper-center {
  display: block;
  height: 0;
  left: 50%;
  opacity: 0.75;
  position: absolute;
  top: 50%;
  width: 0;
}

.cropper-center::before,
.cropper-center::after {
  background-color: #eee;
  content: ' ';
  display: block;
  position: absolute;
}

.cropper-center::before {
  height: 1px;
  left: -3px;
  top: 0;
  width: 7px;
}

.cropper-center::after {
  height: 7px;
  left: 0;
  top: -3px;
  width: 1px;
}

.cropper-face,
.cropper-line,
.cropper-point {
  display: block;
  height: 100%;
  opacity: 0.1;
  position: absolute;
  width: 100%;
}

.cropper-face {
  background-color: #fff;
  left: 0;
  top: 0;
}

.cropper-line {
  background-color: #39f;
}

.cropper-line.line-e {
  cursor: ew-resize;
  right: -3px;
  top: 0;
  width: 5px;
}

.cropper-line.line-n {
  cursor: ns-resize;
  height: 5px;
  left: 0;
  top: -3px;
}

.cropper-line.line-w {
  cursor: ew-resize;
  left: -3px;
  top: 0;
  width: 5px;
}

.cropper-line.line-s {
  bottom: -3px;
  cursor: ns-resize;
  height: 5px;
  left: 0;
}

.cropper-point {
  background-color: #39f;
  height: 5px;
  opacity: 0.75;
  width: 5px;
}

.cropper-point.point-e {
  cursor: ew-resize;
  margin-top: -3px;
  right: -3px;
  top: 50%;
}

.cropper-point.point-n {
  cursor: ns-resize;
  left: 50%;
  margin-left: -3px;
  top: -3px;
}

.cropper-point.point-w {
  cursor: ew-resize;
  left: -3px;
  margin-top: -3px;
  top: 50%;
}

.cropper-point.point-s {
  bottom: -3px;
  cursor: s-resize;
  left: 50%;
  margin-left: -3px;
}

.cropper-point.point-ne {
  cursor: nesw-resize;
  right: -3px;
  top: -3px;
}

.cropper-point.point-nw {
  cursor: nwse-resize;
  left: -3px;
  top: -3px;
}

.cropper-point.point-sw {
  bottom: -3px;
  cursor: nesw-resize;
  left: -3px;
}

.cropper-point.point-se {
  bottom: -3px;
  cursor: nwse-resize;
  height: 20px;
  opacity: 1;
  right: -3px;
  width: 20px;
}

@media (min-width: 768px) {
  .cropper-point.point-se {
    height: 15px;
    width: 15px;
  }
}

@media (min-width: 992px) {
  .cropper-point.point-se {
    height: 10px;
    width: 10px;
  }
}

@media (min-width: 1200px) {
  .cropper-point.point-se {
    height: 5px;
    opacity: 0.75;
    width: 5px;
  }
}

.cropper-point.point-se::before {
  background-color: #39f;
  bottom: -50%;
  content: ' ';
  display: block;
  height: 200%;
  opacity: 0;
  position: absolute;
  right: -50%;
  width: 200%;
}

.cropper-invisible {
  opacity: 0;
}

.cropper-bg {
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC');
}

.cropper-hide {
  display: block;
  height: 0;
  position: absolute;
  width: 0;
}

.cropper-hidden {
  display: none !important;
}

.cropper-move {
  cursor: move;
}

.cropper-crop {
  cursor: crosshair;
}

.cropper-disabled .cropper-drag-box,
.cropper-disabled .cropper-face,
.cropper-disabled .cropper-line,
.cropper-disabled .cropper-point {
  cursor: not-allowed;
}

.Upload #form {
  position: relative;
}
.Upload #form .upload-input {
  display: none;
}
.Upload .show-content {
  display: flex;
  margin-bottom: 30px;
}
.Upload .show-content .img-item {
  position: relative;
  width: 118px;
  height: 118px;
  margin-right: 10px;
  padding: 8px;
  border: 1px solid #d9d9d9;
  -webkit-transition: all 0.3s;
  display: block;
  opacity: 1;
  transition: all 0.3s;
}
.Upload .show-content .img-item.delete {
  opacity: 0;
}
.Upload .show-content .img-item:hover {
  background: 0 0;
}
.Upload .show-content .img-item:hover::before {
  position: absolute;
  z-index: 1;
  width: 100px;
  height: 100px;
  background-color: rgba(0, 0, 0, 0.5);
  opacity: 1;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  content: " ";
}
.Upload .show-content .img-item img {
  width: 100%;
  height: 100%;
}
.Upload .show-content .img-item .img-item-action {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 10;
  white-space: nowrap;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  opacity: 1;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.Upload .show-content .img-item .img-item-action .ant-btn {
  color: #fff;
}
.Upload .show-content .show-view {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background-color: #fafafa;
  border: 1px solid #bababa;
  width: 118px;
  height: 118px;
  cursor: pointer;
}
.Upload .show-content .show-view .show-view-text {
  color: rgba(0, 0, 0, 0.25);
  padding-top: 12px;
}
.preview-modal img {
  width: 100%;
  height: 100%;
}

.lag-material {
  display: flex;
  margin-top: 36px;
  margin-bottom: 36px;
}
.lag-material input::-webkit-outer-spin-button,
.lag-material input::-webkit-inner-spin-button {
  -webkit-appearance: none;
}
.lag-material input[type="number"] {
  -moz-appearance: textfield;
}
.lag-material .side {
  margin-right: 16px;
  background-color: #fff;
  box-shadow: 0px 0px 14px 0px #e9eaef;
}
.lag-material .wrapper {
  padding: 0 12px 0 20px;
  width: 1030px;
  box-shadow: 0px 0px 7px 0px #e9eaef;
  background-color: #fff;
}
.lag-material .wrapper .ant-select {
  width: 188px;
  margin-left: 36px;
}
.lag-material .wrapper h3 {
  position: relative;
  padding: 21px 0px 20px 34px;
  border-bottom: 1px solid #E6E8ED;
  font-weight: bold;
  font-size: 18px;
}
.lag-material .wrapper h3 .wrapper__ball {
  position: absolute;
  left: 20px;
  top: 50%;
  margin-top: -3px;
  width: 6px;
  height: 6px;
  background: #487EFB;
  border-radius: 50%;
}
.lag-material .wrapper h3 .wrapper__ball::after {
  content: "";
  position: absolute;
  width: 14px;
  height: 14px;
  border: 4px solid #487EFB;
  opacity: 0.2;
  top: 50%;
  left: 50%;
  margin-left: -7px;
  margin-top: -7px;
  border-radius: 50%;
}
.lag-material .wrapper #lag-material_form {
  margin-top: 20px;
  padding-left: 23px;
  position: relative;
}
.lag-material .wrapper #lag-material_form .type-detail {
  position: absolute;
  bottom: -130px;
  left: 145px;
  width: 600px;
  height: 430px;
  background: #FFFFFF;
  box-shadow: 0px 0px 8px 0px rgba(197, 197, 197, 0.5);
  z-index: 999;
  padding: 16px;
}
.lag-material .wrapper #lag-material_form .type-detail table tr {
  font-size: 14px;
  color: #000;
  font-weight: 400;
  text-align: center;
}
.lag-material .wrapper #lag-material_form .type-detail table tr th:nth-child(1) {
  width: 100px;
}
.lag-material .wrapper #lag-material_form .type-detail table tr th:nth-child(2) {
  width: 70px;
}
.lag-material .wrapper #lag-material_form .type-detail table tr th:nth-child(3) {
  width: 150px;
}
.lag-material .wrapper #lag-material_form .type-detail table tr th:nth-child(4) {
  width: 200px;
}
.lag-material .wrapper #lag-material_form .type-detail table tr th:nth-child(5) {
  width: 100px;
}
.lag-material .wrapper #lag-material_form .type-detail table thead tr {
  height: 30px;
}
.lag-material .wrapper #lag-material_form .type-detail table tbody tr {
  height: 42px;
}
.lag-material .wrapper #lag-material_form .type-detail table tr {
  margin-bottom: 5px;
}
.lag-material .wrapper #lag-material_form .type-detail table tr td.ellipsis {
  display: inline-block;
  white-space: nowrap;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}
.lag-material .wrapper #lag-material_form .type-detail table tr td:last-child .select-btn {
  width: 56px;
  height: 28px;
  background: #487EFB;
  border-radius: 2px;
  text-align: center;
  line-height: 28px;
  padding: 0;
}
.lag-material .wrapper #lag-material_form .type-detail .pagination {
  position: absolute;
  bottom: 20px;
  left: 0;
  right: 0;
  text-align: center;
}
.lag-material .wrapper #lag-material_form textarea {
  resize: none;
}
.lag-material .wrapper #lag-material_form .storage_select {
  margin-left: 0;
  width: 100%;
}
.lag-material .wrapper #lag-material_form .title {
  border-bottom: none;
  background-color: rgba(230, 232, 237, 0.6);
  height: 40px;
  line-height: 40px;
  padding: 4px 0 10px 23px;
  font-size: 16px;
  margin-bottom: 30px;
}
.lag-material .wrapper #lag-material_form .title span {
  color: #666666;
  font-size: 14px;
}
.lag-material .wrapper #lag-material_form #lag-material_form_desc {
  width: 962px;
  height: 156px;
}
.lag-material .wrapper #lag-material_form .lag-material-images {
  display: block;
  position: relative;
}
.lag-material .wrapper #lag-material_form .lag-material-images .ant-upload {
  width: 120px;
  height: 120px;
}
.lag-material .wrapper #lag-material_form .lag-material-images .content {
  text-align: center;
  color: rgba(0, 0, 0, 0.25);
}
.lag-material .wrapper #lag-material_form .lag-material-images .content > img {
  display: block;
  margin: 0 auto;
}
.lag-material .wrapper #lag-material_form .lag-material-images .content .upload-text {
  font-size: 12px;
}
.lag-material .wrapper #lag-material_form .lag-material-btns {
  text-align: center;
  margin: 69px 0 84px;
}
.lag-material .wrapper #lag-material_form .lag-material-btns .ant-btn {
  width: 203px;
  height: 46px;
  margin-right: 20px;
}

.rawMaterial {
  display: flex;
  margin-top: 36px;
  margin-bottom: 36px;
}
.rawMaterial .ant-form-item-extra {
  font-size: 12px;
  margin-top: 4px;
  color: #999;
}
.rawMaterial .side {
  margin-right: 16px;
  background-color: #fff;
  box-shadow: 0px 0px 14px 0px #e9eaef;
}
.rawMaterial .wrapper {
  padding: 0 12px 0 20px;
  width: 1030px;
  box-shadow: 0px 0px 7px 0px #e9eaef;
  background-color: #fff;
}
.rawMaterial .wrapper .ant-select {
  width: 188px;
  margin-left: 36px;
}
.rawMaterial .wrapper h3 {
  position: relative;
  padding: 21px 0px 20px 34px;
  border-bottom: 1px solid #E6E8ED;
  font-weight: bold;
  font-size: 18px;
}
.rawMaterial .wrapper h3 .wrapper__ball {
  position: absolute;
  left: 20px;
  top: 50%;
  margin-top: -3px;
  width: 6px;
  height: 6px;
  background: #487EFB;
  border-radius: 50%;
}
.rawMaterial .wrapper h3 .wrapper__ball::after {
  content: "";
  position: absolute;
  width: 14px;
  height: 14px;
  border: 4px solid #487EFB;
  opacity: 0.2;
  top: 50%;
  left: 50%;
  margin-left: -7px;
  margin-top: -7px;
  border-radius: 50%;
}
.rawMaterial .wrapper #material_form {
  width: 450px;
  margin-top: 19px;
  position: relative;
}
.rawMaterial .wrapper #material_form .type-detail {
  position: absolute;
  top: 35px;
  left: 133px;
  width: 600px;
  height: 430px;
  background: #FFFFFF;
  box-shadow: 0px 0px 8px 0px rgba(197, 197, 197, 0.5);
  z-index: 999;
  padding: 16px;
}
.rawMaterial .wrapper #material_form .type-detail table tr {
  font-size: 14px;
  color: #000;
  font-weight: 400;
  text-align: center;
}
.rawMaterial .wrapper #material_form .type-detail table tr th:nth-child(1) {
  width: 100px;
}
.rawMaterial .wrapper #material_form .type-detail table tr th:nth-child(2) {
  width: 70px;
}
.rawMaterial .wrapper #material_form .type-detail table tr th:nth-child(3) {
  width: 150px;
}
.rawMaterial .wrapper #material_form .type-detail table tr th:nth-child(4) {
  width: 200px;
}
.rawMaterial .wrapper #material_form .type-detail table tr th:nth-child(5) {
  width: 100px;
}
.rawMaterial .wrapper #material_form .type-detail table thead tr {
  height: 30px;
}
.rawMaterial .wrapper #material_form .type-detail table tbody tr {
  height: 42px;
}
.rawMaterial .wrapper #material_form .type-detail table tr {
  margin-bottom: 5px;
}
.rawMaterial .wrapper #material_form .type-detail table tr td.ellipsis {
  display: inline-block;
  white-space: nowrap;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}
.rawMaterial .wrapper #material_form .type-detail table tr td:last-child .select {
  width: 56px;
  height: 28px;
  background: #487EFB;
  border-radius: 2px;
  text-align: center;
  line-height: 28px;
  padding: 0;
}
.rawMaterial .wrapper #material_form .type-detail .pagination {
  position: absolute;
  bottom: 20px;
  left: 0;
  right: 0;
  text-align: center;
}
.rawMaterial .wrapper #material_form .storage_select {
  margin-left: 0;
  width: 100%;
}
.rawMaterial .wrapper #material_form .offer-btns {
  position: relative;
  margin-top: 40px;
}
.rawMaterial .wrapper #material_form .offer-btns .ant-form-item-control {
  margin: 0;
  margin-left: 150px;
}
.rawMaterial .wrapper #material_form .offer-btns .ant-form-item-control .ant-form-item-control-input .ant-form-item-control-input-content {
  display: flex;
}
.rawMaterial .wrapper #material_form .offer-btns .ant-form-item-control .ant-form-item-control-input .ant-form-item-control-input-content .ant-btn {
  width: 152px;
  height: 46px;
  margin: 0;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.rawMaterial .wrapper #material_form .offer-btns .ant-form-item-control .ant-form-item-control-input .ant-form-item-control-input-content .ant-btn.submit-btn {
  margin-left: 20px;
}

.text-ellipsis {
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}
.text-ellipsis2,
.text-ellipsis3,
.text-ellipsis4 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.text-ellipsis3 {
  -webkit-line-clamp: 3;
}
.text-ellipsis4 {
  -webkit-line-clamp: 4;
}
.position-c {
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
}
.position-x-c {
  position: absolute !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
}
.position-y-c {
  position: absolute !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
}
.flex {
  display: flex;
}
.flex-wrap {
  display: flex;
  flex-wrap: wrap;
}
.flex-column {
  display: flex;
  flex-direction: column;
}
.flex-c {
  display: flex;
  align-items: center;
}
.justify-between {
  display: flex;
  justify-content: space-between;
}
.empty-box {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.empty-box .empty-img {
  height: 120px;
  margin-top: -180px;
}
.empty-box .empty-img img {
  height: 100%;
}
.empty-box .empty-tips {
  font-size: 14px;
  color: #999;
  margin-top: 8px;
  position: relative;
  right: 5px;
}
.manage-page {
  background: #f4f6f9;
  min-height: 100vh;
}
.ant-badge-count {
  height: 16px;
  line-height: 16px;
  background-color: #f8524f;
}
.home-title {
  text-align: center;
  font-size: 28px;
  color: #383838;
  margin-bottom: 34px;
  position: relative;
  font-weight: 500;
  letter-spacing: 1px;
}
.home-title .home-title-content {
  position: relative;
}
.home-title .home-title-content::before,
.home-title .home-title-content::after {
  content: '';
  width: 23px;
  height: 19px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background: url('/static/home/title-icon.png') no-repeat;
  background-size: cover;
  background-position: center;
  margin-top: 2px;
}
.home-title .home-title-content::before {
  left: -40px;
}
.home-title .home-title-content::after {
  right: -40px;
}
.navbar-fixed-page {
  padding-top: 40px;
}
.anchor-position {
  position: absolute;
  top: -130px;
}
.banner-swiper-button-prev,
.banner-swiper-button-next {
  width: 26px;
  height: 36px;
  background: rgba(0, 0, 0, 0.15);
  transition: all 0.2s;
}
.banner-swiper-button-prev .icon,
.banner-swiper-button-next .icon {
  color: #fff;
  position: relative;
}
.banner-swiper-button-prev:hover,
.banner-swiper-button-next:hover {
  background: rgba(0, 0, 0, 0.3);
}
.banner-swiper-button-prev::after,
.banner-swiper-button-next::after {
  display: none;
}
.banner-swiper-button-prev {
  border-radius: 0 400px 400px 0;
  left: 0;
}
.banner-swiper-button-prev .icon {
  right: 2px;
}
.banner-swiper-button-next {
  border-radius: 400px 0 0 400px;
  right: 0;
}
.banner-swiper-button-next .icon {
  left: 2px;
}
.poster-tips {
  width: 32px;
  height: 18px;
  background: rgba(0, 0, 0, 0.3);
  font-size: 12px;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  right: -3px;
  bottom: -2px;
  transform: scale(0.8);
}
.concise-pagination .ant-pagination-item {
  display: none;
}
.concise-pagination .ant-pagination-jump-prev,
.concise-pagination .ant-pagination-jump-next {
  display: none;
}
.concise-pagination .ant-pagination-prev,
.concise-pagination .ant-pagination-next {
  position: relative;
  width: 80px !important;
}
.concise-pagination .ant-pagination-prev .anticon,
.concise-pagination .ant-pagination-next .anticon {
  opacity: 0;
}
.concise-pagination .ant-pagination-prev::after,
.concise-pagination .ant-pagination-next::after {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 12px;
  color: #666;
}
.concise-pagination .ant-pagination-prev::after {
  content: '\4E0A\4E00\9875';
}
.concise-pagination .ant-pagination-next::after {
  content: '\4E0B\4E00\9875';
}
.dummy-inp {
  width: 0px;
  height: 0px;
  position: absolute;
  opacity: 0;
  left: -9999px;
}
input:-webkit-autofill {
  box-shadow: 0 0 0 1000px white inset !important;
}
input:-internal-autofill-previewed,
input:-internal-autofill-selected {
  -webkit-text-fill-color: #333 !important;
  transition: background-color 5000s ease-in-out 0s !important;
}
.supply-collect .supply-collect__wrapper {
  display: flex;
  margin-top: 32px;
  padding-bottom: 100px;
}
.supply-collect .supply-collect__wrapper .manage-menu {
  background-color: #fff;
}
.supply-collect .supply-collect__wrapper .supply-collect__wrapper__right {
  margin-left: 20px;
  padding: 5px 16px 28px 16px;
  box-shadow: 0px 0px 7px 0px #e9eaef;
  width: 1030px;
  background-color: #fff;
}
.supply-collect .supply-collect__wrapper .supply-collect__wrapper__right .collect-filter {
  padding: 8px 0 24px;
}
.supply-collect .supply-collect__wrapper .supply-collect__wrapper__right .collect-filter .ant-btn {
  margin-right: 40px;
  color: #999999;
}
.supply-collect .supply-collect__wrapper .supply-collect__wrapper__right .collect-filter .ant-btn.active {
  color: #487EFB;
}
.supply-collect .supply-collect__wrapper .supply-collect__wrapper__right .supply-pagination {
  text-align: center;
  margin-top: 36px;
}
.supply-collect .supply-collect__wrapper .supply-collect__wrapper__right .supply-pagination .ant-pagination-item-active {
  border: none;
  overflow: hidden;
}
.supply-collect .supply-collect__wrapper .supply-collect__wrapper__right .supply-pagination .ant-pagination-item-active a {
  background-color: #487EFB;
  color: #fff;
  height: 100%;
}
.supply-collect .supply-collect__wrapper .supply-collect__wrapper__right .commodity-group__cards {
  display: flex;
  flex-wrap: wrap;
}
.supply-collect .supply-collect__wrapper .supply-collect__wrapper__right .commodity-group__cards .commodity-group__cards-item {
  width: 224px;
  margin: 11px 10px;
}
.supply-collect .supply-collect__wrapper .supply-collect__wrapper__right .commodity-group__cards-article {
  padding-left: 18px;
  display: flex;
  flex-wrap: wrap;
}
.supply-collect .supply-collect__wrapper .supply-collect__wrapper__right .link-article {
  width: 292px;
  box-shadow: 0px 0px 8px 0px rgba(220, 220, 220, 0.5);
  background: #fff;
  margin-right: 35px;
  margin-bottom: 20px;
}
.supply-collect .supply-collect__wrapper .supply-collect__wrapper__right .link-article:nth-child(3n) {
  margin-right: 0px;
}
.supply-collect .supply-collect__wrapper .supply-collect__wrapper__right .link-article .news-item__img {
  height: 200px;
  width: 294px;
}
.supply-collect .supply-collect__wrapper .supply-collect__wrapper__right .link-article .news-item__img img {
  width: 100%;
  height: 100%;
}
.supply-collect .supply-collect__wrapper .supply-collect__wrapper__right .link-article .news-item__wrap {
  padding: 12px 16px 20px;
}
.supply-collect .supply-collect__wrapper .supply-collect__wrapper__right .link-article .news-item__wrap .news-item__title {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  font-size: 18px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 600;
  color: #0a0909;
  line-height: 25px;
  min-height: 50px;
}
.supply-collect .supply-collect__wrapper .supply-collect__wrapper__right .link-article .news-item__wrap .news-item__footer {
  display: flex;
  margin-top: 24px;
  font-size: 12px;
  justify-content: space-between;
  align-items: center;
}
.supply-collect .supply-collect__wrapper .supply-collect__wrapper__right .link-article .news-item__wrap .news-item__footer .news-item__box {
  display: flex;
  align-items: center;
  font-size: 12px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #666666;
}
.supply-collect .supply-collect__wrapper .supply-collect__wrapper__right .link-article .news-item__wrap .news-item__footer .news-item__box img {
  width: 14px;
  height: 14px;
  margin-right: 6px;
}
.supply-collect .supply-collect__wrapper .supply-collect__wrapper__right .link-article .news-item__wrap .news-item__footer .news-item__interactive {
  color: #999999;
}
.supply-collect .supply-collect__wrapper .supply-collect__wrapper__right .link-article .news-item__wrap .news-item__footer .news-item__interactive .look {
  padding-right: 17px;
  position: relative;
}
.supply-collect .supply-collect__wrapper .supply-collect__wrapper__right .link-article .news-item__wrap .news-item__footer .news-item__interactive .look .icon {
  margin-right: 4px;
}
.supply-collect .supply-collect__wrapper .supply-collect__wrapper__right .link-article .news-item__wrap .news-item__footer .news-item__interactive .look:after {
  content: "";
  position: absolute;
  right: 2px;
  top: 50%;
  height: 14px;
  border-right: 1px solid #E2E2E2;
  margin-top: -7px;
}
.supply-collect .supply-collect__wrapper .supply-collect__wrapper__right .link-article .news-item__wrap .news-item__footer .news-item__interactive .time {
  padding-left: 8px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #999999;
}
.supply-collect .supply-collect__wrapper .supply-collect__wrapper__right .link-article .news-item__wrap .news-item__footer .news-item__interactive .icon {
  font-size: 14px;
}
.collect-empty-box {
  width: 100%;
  margin: 0;
  margin-top: 120px;
}
.collect-empty-box.collect-empty-box1 {
  margin-top: 56px;
}
.collect-empty-box.collect-empty-box3 {
  margin-left: -9px;
}
.answer-item {
  border-bottom: 1px solid #e6e8ed;
  position: relative;
  padding-top: 20px;
}
.answer-item .answer-item-title {
  display: flex;
  position: relative;
  margin-bottom: 12px;
}
.answer-item .answer-item-title img {
  width: 48px;
  border-radius: 50%;
  margin-right: 11px;
}
.answer-item .answer-item-title .description {
  display: flex;
  flex-direction: column;
}
.answer-item .answer-item-title .description span {
  color: #666666;
  font-size: 14px;
}
.answer-item .answer-item-title .description span > span {
  margin-right: 9px;
  font-size: 16px;
  font-weight: 600;
  color: #333333;
}
.answer-item .answer-item-title .answer-time {
  position: absolute;
  top: 0px;
  right: 0px;
  font-size: 12px;
  color: #999999;
}
.answer-item .answer-item-content {
  font-size: 16px;
  color: #333333;
  line-height: 22px;
  overflow: hidden;
  text-overflow: clip;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}
.answer-item .answer-item-content .showBtn {
  width: 100%;
  /* 与背景宽度一致 */
  height: 24px;
  position: absolute;
  /* 相对父元素定位 */
  bottom: 53px;
  /* 刚好遮挡在最后两行 */
  left: 0;
  z-index: 0;
  /* 正序堆叠，覆盖在p元素上方 */
  text-align: center;
  background: linear-gradient(rgba(233, 236, 239, 0.5), white);
  /* 背景色半透明到白色的渐变层 */
  padding-top: 24px;
  color: #3c76f7;
  cursor: pointer;
}
.answer-item .answer-item-group {
  display: flex;
  margin: 16px 0;
}
.answer-item .answer-item-group > div {
  color: #487efb;
  margin-right: 24px;
}
.answer-item .answer-item-group > div span {
  margin-left: 3px;
  font-size: 14px;
}
.answer-item .answer-item-group .answer-item-group__text {
  color: #999999;
  font-size: 14px;
}
.answer-item .lookMore {
  display: block;
  border: none;
  outline: none;
  background-color: #fff;
  color: #3c76f7;
  width: 140px;
  height: 22px;
  font-size: 16px;
  line-height: 22px;
  margin: 0 auto;
  width: 100%;
  /* 与背景宽度一致 */
  position: absolute;
  /* 相对父元素定位 */
  top: 48px;
  /* 刚好遮挡在最后两行 */
  left: 0;
  z-index: 0;
  /* 正序堆叠，覆盖在p元素上方 */
  text-align: center;
  background: linear-gradient(rgba(233, 236, 239, 0.5), white);
  /* 背景色半透明到白色的渐变层 */
  padding-top: 48px;
}
.answer-item .hide {
  display: none;
}

.manage-release .manage-view {
  margin-top: 36px;
  display: flex;
  margin-bottom: 36px;
}
.manage-release .manage-view .manage-menu {
  background-color: #fff;
}
.manage-release .manage-view .manage-wrapper {
  background-color: #fff;
  margin-left: 20px;
  box-shadow: 0px 0px 7px 0px #e9eaef;
  width: 1030px;
  height: 1220px;
  padding: 0 16px;
}
.manage-release .manage-view .manage-wrapper h3 {
  padding: 20px 12px;
  height: 65px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}
.manage-release .manage-view .manage-wrapper h3 .icon {
  margin-right: 5px;
}
.manage-release .manage-view .manage-wrapper .manage-wrapper__item {
  display: flex;
  padding: 0 12px;
}
.manage-release .manage-view .manage-wrapper .manage-wrapper__item .ant-input {
  background-color: #F9FAFD;
}
.manage-release .manage-view .manage-wrapper .manage-wrapper__item .manage-wrapper__laber {
  display: block;
  width: 120px;
  height: 20px;
  line-height: 20px;
  font-size: 14px;
}
.manage-release .manage-view .manage-wrapper .manage-wrapper__item.titile {
  padding-top: 20px;
  padding-bottom: 32px;
}
.manage-release .manage-view .manage-wrapper .manage-wrapper__item.titile .ant-input {
  width: 188px;
}
.manage-release .manage-view .manage-wrapper .manage-wrapper__item.titile .manage-wrapper__laber {
  margin: auto 0;
}
.manage-release .manage-view .manage-wrapper .manage-wrapper__item.cover {
  margin-bottom: 34px;
}
.manage-release .manage-view .manage-wrapper .manage-wrapper__item.cover .ant-upload-select-picture-card {
  width: 144px;
  height: 144px;
  border: 1px solid #E6E8ED;
}
.manage-release .manage-view .manage-wrapper .manage-wrapper__item.cover .ant-upload-select-picture-card .ant-upload-text {
  color: rgba(0, 0, 0, 0.25);
}
.manage-release .manage-view .manage-wrapper .manage-wrapper__item.cover .ant-upload-select-picture-card .quarters {
  display: inline-block;
  animation: loadingCircle 1s infinite linear;
  -webkit-animation: loadingCircle 1s infinite linear;
}
.manage-release .manage-view .manage-wrapper .manage-wrapper__item.cover .manage-wrapper__laber {
  margin: auto 0;
  width: 136px;
}
.manage-release .manage-view .manage-wrapper .manage-wrapper__item.content textarea {
  resize: none;
  width: 762px;
  height: 250px;
}
.manage-release .manage-view .manage-wrapper .manage-wrapper__item.content .manage-wrapper__laber {
  margin-top: 12px;
  margin-top: 8px;
}
.manage-release .manage-view .manage-wrapper .manage-wrapper__footer {
  margin: 40px 0px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.manage-release .manage-view .manage-wrapper .manage-wrapper__footer .ant-btn {
  width: 204px;
  height: 46px;
}
.manage-release .manage-view .manage-wrapper .manage-wrapper__footer .ant-btn:nth-child(1) {
  margin-right: 20px;
}

.text-ellipsis {
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}
.text-ellipsis2,
.text-ellipsis3,
.text-ellipsis4 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.text-ellipsis3 {
  -webkit-line-clamp: 3;
}
.text-ellipsis4 {
  -webkit-line-clamp: 4;
}
.position-c {
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
}
.position-x-c {
  position: absolute !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
}
.position-y-c {
  position: absolute !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
}
.flex {
  display: flex;
}
.flex-wrap {
  display: flex;
  flex-wrap: wrap;
}
.flex-column {
  display: flex;
  flex-direction: column;
}
.flex-c {
  display: flex;
  align-items: center;
}
.justify-between {
  display: flex;
  justify-content: space-between;
}
.empty-box {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.empty-box .empty-img {
  height: 120px;
  margin-top: -180px;
}
.empty-box .empty-img img {
  height: 100%;
}
.empty-box .empty-tips {
  font-size: 14px;
  color: #999;
  margin-top: 8px;
  position: relative;
  right: 5px;
}
.manage-page {
  background: #f4f6f9;
  min-height: 100vh;
}
.ant-badge-count {
  height: 16px;
  line-height: 16px;
  background-color: #f8524f;
}
.home-title {
  text-align: center;
  font-size: 28px;
  color: #383838;
  margin-bottom: 34px;
  position: relative;
  font-weight: 500;
  letter-spacing: 1px;
}
.home-title .home-title-content {
  position: relative;
}
.home-title .home-title-content::before,
.home-title .home-title-content::after {
  content: '';
  width: 23px;
  height: 19px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background: url('/static/home/title-icon.png') no-repeat;
  background-size: cover;
  background-position: center;
  margin-top: 2px;
}
.home-title .home-title-content::before {
  left: -40px;
}
.home-title .home-title-content::after {
  right: -40px;
}
.navbar-fixed-page {
  padding-top: 40px;
}
.anchor-position {
  position: absolute;
  top: -130px;
}
.banner-swiper-button-prev,
.banner-swiper-button-next {
  width: 26px;
  height: 36px;
  background: rgba(0, 0, 0, 0.15);
  transition: all 0.2s;
}
.banner-swiper-button-prev .icon,
.banner-swiper-button-next .icon {
  color: #fff;
  position: relative;
}
.banner-swiper-button-prev:hover,
.banner-swiper-button-next:hover {
  background: rgba(0, 0, 0, 0.3);
}
.banner-swiper-button-prev::after,
.banner-swiper-button-next::after {
  display: none;
}
.banner-swiper-button-prev {
  border-radius: 0 400px 400px 0;
  left: 0;
}
.banner-swiper-button-prev .icon {
  right: 2px;
}
.banner-swiper-button-next {
  border-radius: 400px 0 0 400px;
  right: 0;
}
.banner-swiper-button-next .icon {
  left: 2px;
}
.poster-tips {
  width: 32px;
  height: 18px;
  background: rgba(0, 0, 0, 0.3);
  font-size: 12px;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  right: -3px;
  bottom: -2px;
  transform: scale(0.8);
}
.concise-pagination .ant-pagination-item {
  display: none;
}
.concise-pagination .ant-pagination-jump-prev,
.concise-pagination .ant-pagination-jump-next {
  display: none;
}
.concise-pagination .ant-pagination-prev,
.concise-pagination .ant-pagination-next {
  position: relative;
  width: 80px !important;
}
.concise-pagination .ant-pagination-prev .anticon,
.concise-pagination .ant-pagination-next .anticon {
  opacity: 0;
}
.concise-pagination .ant-pagination-prev::after,
.concise-pagination .ant-pagination-next::after {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 12px;
  color: #666;
}
.concise-pagination .ant-pagination-prev::after {
  content: '\4E0A\4E00\9875';
}
.concise-pagination .ant-pagination-next::after {
  content: '\4E0B\4E00\9875';
}
.dummy-inp {
  width: 0px;
  height: 0px;
  position: absolute;
  opacity: 0;
  left: -9999px;
}
input:-webkit-autofill {
  box-shadow: 0 0 0 1000px white inset !important;
}
input:-internal-autofill-previewed,
input:-internal-autofill-selected {
  -webkit-text-fill-color: #333 !important;
  transition: background-color 5000s ease-in-out 0s !important;
}
.ant-dropdown-menu-item,
.ant-dropdown-menu-submenu-title {
  line-height: 20px;
}
.ant-dropdown-menu-item:hover,
.ant-dropdown-menu-submenu-title:hover {
  color: #3c76f7;
}
.notice-wrap {
  background: #f4f4f4;
  color: #111;
}
.notice-wrap .notic-main {
  width: 1200px;
  margin: 0 auto;
  display: flex;
}
.notice-wrap .notic-main .notice-title {
  font-size: 18px;
  position: relative;
  height: 64px;
  line-height: 64px;
  padding-left: 50px;
}
.notice-wrap .notic-main .notice-title .notice-title__ball {
  position: absolute;
  left: 28px;
  top: 50%;
  margin-top: -3px;
  width: 6px;
  height: 6px;
  background: #3c76f7;
  border-radius: 50%;
}
.notice-wrap .notic-main .notice-title .notice-title__ball:after {
  content: "";
  position: absolute;
  width: 14px;
  height: 14px;
  border: 4px solid #3c76f7;
  opacity: 0.2;
  top: 50%;
  left: 50%;
  margin-left: -7px;
  margin-top: -7px;
  border-radius: 50%;
}
.notice-wrap .notic-main .notice-title:after {
  content: "";
  position: absolute;
  left: 16px;
  right: 16px;
  bottom: 0;
  border-bottom: 1px solid #E6E8ED;
}
.notice-wrap .notic-main .notice-content {
  box-shadow: 0px 0px 14px 0px #e9eaef;
  background: #fff;
  flex-grow: 1;
}
.notice-wrap .notic-main .notice-content .notice-time_line {
  padding: 0 28px 28px;
  font-size: 14px;
  position: relative;
}
.notice-wrap .notic-main .notice-content .notice-time_line .ant-empty {
  margin-top: 0;
}
.notice-wrap .notic-main .notice-content .notice-time_line .notice-menu {
  position: absolute;
  right: 30px;
  top: 28px;
  z-index: 1;
  cursor: pointer;
}
.notice-wrap .notic-main .notice-content .notice-time_line .notice-menu.visible .icon {
  transform: rotate(180deg);
}
.notice-wrap .notic-main .notice-content .notice-time_line .notice-menu .icon {
  transition: all 300ms;
  margin-left: 6px;
}
.notice-wrap .notic-main .notice-content .notice-time_line .notice-time_line-wrap {
  padding-top: 28px;
}
.notice-wrap .notic-main .notice-content .notice-time_line .notice-time_line__date {
  position: relative;
  display: inline-block;
  cursor: pointer;
}
.notice-wrap .notic-main .notice-content .notice-time_line .notice-time_line__date .anticon {
  font-size: 15px;
}
.notice-wrap .notic-main .notice-content .notice-time_line .notice-time_line__date .text {
  padding: 0 4px;
  line-height: 20px;
}
.notice-wrap .notic-main .notice-content .notice-time_line .notice-time_line__date .icon {
  font-size: 12px;
}
.notice-wrap .notic-main .notice-content .notice-time_line .notice-time_line-item {
  margin-top: 28px;
  display: flex;
}
.notice-wrap .notic-main .notice-content .notice-time_line .notice-time_line-item .avatar {
  width: 56px;
  height: 56px;
  border-radius: 50%;
}
.notice-wrap .notic-main .notice-content .notice-time_line .notice-time_line-item .content {
  margin-left: 12px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.notice-wrap .notic-main .notice-content .notice-time_line .notice-time_line-item .content .wrap {
  display: flex;
  line-height: 20px;
}
.notice-wrap .notic-main .notice-content .notice-time_line .notice-time_line-item .content .wrap .name {
  color: #3c76f7;
  margin-right: 8px;
}
.notice-wrap .notic-main .notice-content .notice-time_line .notice-time_line-item .content .wrap .desc {
  color: #999999;
}
.notice-wrap .notic-main .notice-content .notice-time_line .notice-time_line-item .content .message {
  line-height: 20px;
  margin-top: 4px;
  font-size: 14px;
  color: #333;
  max-width: 630px;
}
.notice-wrap .notic-main .notice-side {
  width: 414px;
  margin-left: 20px;
}
.notice-wrap .notic-main .notice-side .notice-side__ad {
  height: 200px;
}
.notice-wrap .notic-main .notice-side .notice-side__ad img {
  width: 100%;
  height: 100%;
}
.notice-wrap .notic-main .notice-side .notice-box {
  box-shadow: 0px 0px 14px 0px #e9eaef;
  margin-top: 20px;
  background: white;
}
.notice-wrap .notic-main .notice-side .notice-box {
  margin-top: 20px;
  position: relative;
}
.notice-wrap .notic-main .notice-side .notice-box .notice-btn__group {
  position: absolute;
  height: 92px;
  bottom: 0;
  left: 0;
  right: 0;
  background: white;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 28px;
}
.notice-wrap .notic-main .notice-side .notice-box .notice-btn__group .ant-btn {
  width: 170px;
  height: 46px;
}
.notice-wrap .notic-main .notice-side .notice-box .notice-btn__group .ant-btn.custom {
  border-color: #3c76f7;
  color: #3c76f7;
}
.notice-wrap .notic-main .notice-side .notice-box .notice-question__list {
  height: 598px;
  overflow-y: auto;
}
.notice-wrap .notic-main .notice-side .notice-box .notice-question__list .notice-question__item {
  padding: 20px 28px;
  position: relative;
}
.notice-wrap .notic-main .notice-side .notice-box .notice-question__list .notice-question__item:after {
  content: "";
  position: absolute;
  right: 16px;
  left: 16px;
  bottom: 0;
  border-bottom: 1px solid #E6E8ED;
}
.notice-wrap .notic-main .notice-side .notice-box .notice-question__list .notice-question__item .title {
  line-height: 22px;
}
.notice-wrap .notic-main .notice-side .notice-box .notice-question__list .notice-question__item .desc {
  font-size: 12px;
  color: #999999;
  line-height: 17px;
  margin-top: 8px;
}
.issueBack-modal .ant-modal-content {
  padding: 0 24px;
}
.issueBack-modal .ant-modal-content .ant-modal-header {
  border: none;
  padding: 20px 0;
}
.issueBack-modal .ant-modal-content .ant-modal-body {
  padding: 0;
}
.issueBack-modal .ant-modal-content .ant-modal-body .contact {
  font-size: 16px;
  font-weight: 600;
  color: #333;
  margin: 20px 0;
}
.issueBack-modal .ant-modal-content .ant-modal-body textarea {
  height: 100px;
  resize: none;
  padding: 16px;
}
.issueBack-modal .ant-modal-content .ant-modal-body .contactWay {
  height: 52px;
  padding: 16px;
}
.issueBack-modal .ant-modal-content .ant-modal-footer {
  padding: 20px 0;
}
.issueBack-modal .ant-modal-content .ant-modal-footer .ant-btn {
  width: 66px;
  height: 32px;
}
.Service-modal .ant-modal-content {
  height: 100%;
}
.Service-modal .ant-modal-content .ant-modal-header {
  border: none;
  padding-bottom: 0;
}
.Service-modal .ant-modal-content .ant-modal-body {
  padding-top: 12px;
  padding-bottom: 4px;
}
.Service-modal .ant-modal-content .ant-modal-body p {
  margin-bottom: 0;
  font-size: 14px;
}
.Service-modal .ant-modal-content .ant-modal-footer {
  padding: 0 26px 12px 0;
  border: none;
}
.Service-modal .ant-modal-content .ant-modal-footer .ant-btn:nth-child(1) {
  display: none;
}

.push .wrapper {
  min-height: 715px;
  padding: 20px 0;
  box-shadow: 0px 0px 14px 0px #e9eaef;
  background-color: #fff;
  box-sizing: border-box;
  padding: 0 16px;
}
.push .wrapper .title {
  font-size: 18px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #333333;
  padding: 20px 0 10px 20px;
  margin-bottom: 20px;
  border-bottom: 1px solid #E6E8ED;
  position: relative;
}
.push .wrapper .title::before {
  content: '';
  display: block;
  width: 14px;
  height: 14px;
  background-color: rgba(72, 126, 251, 0.2);
  border-radius: 50%;
  position: absolute;
  top: 26px;
  left: 0;
  z-index: 1;
}
.push .wrapper .title::after {
  content: '';
  display: block;
  width: 6px;
  height: 6px;
  background: #487EFB;
  border-radius: 50%;
  position: absolute;
  top: 30px;
  left: 4px;
  z-index: 2;
}
.push .commodity-group__cards {
  display: flex;
  flex-wrap: wrap;
  margin: -11px -10px;
}
.push .commodity-group__cards .commodity-group__cards-item {
  max-width: 220px;
  margin: 11px 8px;
}

.setting-wrap .setting-item {
  margin-top: 20px;
  background: #fff;
  min-height: 140px;
  padding: 0 16px;
  box-shadow: 0px 0px 10px 0px #e9eaef;
}
.setting-wrap .setting-item.main {
  padding-bottom: 16px;
}
.setting-wrap .setting-item.main .common-title {
  border: none;
}
.setting-wrap .setting-item .common-title {
  padding: 16px 12px;
  border-bottom: 1px solid #e6e8ed;
  font-size: 18px;
  color: #000;
  font-weight: bold;
}
.setting-wrap .setting-item .business-list {
  padding: 0 12px 20px;
}
.setting-wrap .setting-item .recommend-list {
  padding-left: 12px;
}
.setting-wrap .setting-item .recommend-list .item {
  width: calc(33% - 10px);
  height: 180px;
  margin-right: 15px;
}
.setting-wrap .setting-item .recommend-list .item:last-of-type {
  margin-right: 0;
}
.setting-wrap .setting-item .recommend-list .item img {
  width: 100%;
  height: 100%;
}
.setting-wrap .setting-item .raw-material-list .raw-material-item {
  padding: 14px 12px;
  border-radius: 6px;
  border-bottom: 1px solid #ececec;
}
.setting-wrap .setting-item .raw-material-list .raw-material-item:last-of-type {
  border: none;
}
.setting-wrap .setting-item .raw-material-list .raw-material-item .raw-material-title {
  color: #111;
  margin-bottom: 5px;
}
.setting-wrap .setting-item .raw-material-list .raw-material-item .raw-material-price {
  color: #fa6414;
  margin-bottom: 5px;
}
.setting-wrap .setting-item .raw-material-list .raw-material-item .raw-material-price .price-num {
  font-size: 22px;
  font-weight: 600;
  position: relative;
  top: 1px;
}
.setting-wrap .setting-item .raw-material-list .raw-material-item .raw-material-price .price-num.price-text {
  font-size: 18px;
}
.setting-wrap .setting-item .raw-material-list .raw-material-item .raw-material-number {
  font-size: 13px;
  color: #454a53;
  margin-bottom: 5px;
}
.setting-wrap .setting-item .raw-material-list .raw-material-item .raw-material-city {
  font-size: 13px;
  color: #454a53;
}
.setting-wrap .setting-item .raw-material-list .raw-material-item .raw-material-date {
  font-size: 13px;
  color: #9c9da1;
  margin-top: 5px;
}
.setting-wrap .setting-item .raw-material-list .raw-material-item .raw-material-date .date-icon {
  width: 13px;
  height: 13px;
  margin-right: 4px;
}
.setting-wrap .more-business {
  background: #fff;
  margin-top: 20px;
  box-shadow: 0px 0px 10px 0px #e9eaef;
}
.setting-wrap .more-business .title {
  justify-content: center;
  font-size: 18px;
  font-weight: bold;
  color: #111;
  padding: 40px 0;
}
.setting-wrap .more-business .title img {
  width: 24px;
  margin: 0 12px;
}
.setting-wrap .more-business .business-list {
  min-height: 420px;
  padding: 0 15px;
  flex-wrap: wrap;
}
.setting-wrap .more-business .business-list .item {
  width: calc(25% - 15px);
  margin-right: 20px;
  margin-bottom: 20px;
}
.setting-wrap .more-business .business-list .item:nth-of-type(4n) {
  margin-right: 0;
}
.setting-wrap .empty-box {
  min-height: 500px;
  background: #fff;
  margin-top: 20px;
  box-shadow: 0px 0px 10px 0px #e9eaef;
}
.setting-wrap .empty-box .ant-empty {
  margin-top: -70px;
}
.business-item {
  margin-top: 20px;
  cursor: pointer;
}
.business-item.edit {
  cursor: pointer;
  padding: 0 6px;
}
.business-item.edit .business-img {
  width: 94px;
  height: 94px;
}
.business-item.edit .business-info {
  width: auto;
}
.business-item .check-box {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  border: 1px solid #bbbdc4;
  transition: all 0.2s;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 14px;
  cursor: pointer;
  user-select: none;
}
.business-item .check-box .check-sign {
  width: 14px;
  height: 14px;
  transition: opacity 0.2s;
  opacity: 0;
}
.business-item .check-box.active {
  border-color: rgba(0, 0, 0, 0);
  background: linear-gradient(128.08deg, #5688f5 0%, #2e6cf6 100%);
}
.business-item .check-box.active .check-sign {
  opacity: 1;
}
.business-item .business-img {
  width: 110px;
  height: 110px;
  border-radius: 6px;
  overflow: hidden;
  margin-right: 26px;
  background: url(/static/business_default.png) no-repeat;
  background-size: cover;
  background-position: center;
  background-color: #ededed;
}
.business-item .business-img img {
  width: 100%;
  height: 100%;
}
.business-item .business-info .title {
  color: #111;
}
.business-item .business-info .title .tags {
  color: #fff;
  font-size: 12px;
  padding: 1px 6px 3px;
  background: #3c76f7;
  border-radius: 2px;
  position: relative;
  top: -1px;
  margin-right: 6px;
}
.business-item .business-info .title .tags.sell {
  background: #F1403C;
}
.business-item .business-info .labels {
  flex-wrap: wrap;
  margin-top: 10px;
  position: relative;
  left: -6px;
}
.business-item .business-info .labels .item {
  font-size: 12px;
  color: #626262;
  padding: 2px 6px;
  background: #f6f6f6;
  border-radius: 2px;
  margin-left: 6px;
  margin-bottom: 6px;
}
.business-item .business-info .price {
  margin-top: 8px;
  color: #fa6414;
  line-height: 1;
}
.business-item .business-info .price .money {
  font-size: 22px;
  font-weight: 600;
  position: relative;
  top: 1px;
}
.business-item .business-info .price .money.chinese {
  font-size: 18px;
}

.company-wrap {
  margin-top: 20px;
}
.company-wrap .company-content {
  background: #fff;
  box-shadow: 0px 0px 10px 0px #e9eaef;
  padding-bottom: 40px;
}
.company-wrap .common-title {
  text-align: center;
  margin: 40px 0 20px 0;
}
.company-wrap .common-title .chinese {
  font-size: 18px;
  font-weight: 600;
}
.company-wrap .common-title .english {
  color: #bec3c6;
}
.company-wrap .common-title2 {
  font-size: 18px;
  font-weight: 600;
  color: #f58a2c;
  padding: 40px 0 12px 0;
}
.company-wrap .company-text {
  color: #888;
  text-indent: 28px;
  line-height: 30px;
  font-size: 14px;
}
.company-wrap .company-group {
  margin: 0 24px;
}
.company-wrap .company-group .labels-list {
  flex-wrap: wrap;
}
.company-wrap .company-group .labels-list .item {
  padding: 6px 10px;
  background-color: #f4f5f9;
  font-size: 14px;
  color: dimgray;
  border-radius: 3px;
  margin-right: 10px;
  margin-top: 10px;
  user-select: none;
  position: relative;
}
.company-wrap .company-group .brochure-list {
  flex-wrap: wrap;
  margin-top: 10px;
  position: relative;
}
.company-wrap .company-group .brochure-list .item {
  border: 1px solid #E6E8EE;
  position: relative;
  cursor: pointer;
}
.company-wrap .company-group .brochure-list .item img {
  width: 100%;
  height: 100%;
}
.company-wrap .company-group .brochure-list.brochure-list1 .item {
  width: 100%;
  height: 600px;
}
.company-wrap .company-group .brochure-list.brochure-list2 .item {
  width: calc(50% - 2.5px);
  height: 400px;
}
.company-wrap .company-group .brochure-list.brochure-list2 .item.item1 {
  margin-right: 5px;
}
.company-wrap .company-group .brochure-list.brochure-list2 .item.item2 {
  margin-right: 0;
}
.company-wrap .company-group .brochure-list.brochure-list3 .item {
  margin-bottom: 0;
}
.company-wrap .company-group .brochure-list.brochure-list3 .item.item1 {
  width: calc(60% - 5px);
  height: 478px;
  margin-right: 5px;
}
.company-wrap .company-group .brochure-list.brochure-list3 .item.item2,
.company-wrap .company-group .brochure-list.brochure-list3 .item.item3 {
  width: 40%;
  height: 236px;
  margin-right: 0;
}
.company-wrap .company-group .brochure-list.brochure-list3 .item.item3 {
  position: absolute;
  right: 0;
  bottom: 0;
}
.company-wrap .company-group .brochure-list.brochure-list4 .item {
  width: calc(50% - 2.5px);
  height: 400px;
  margin-right: 0;
  margin-bottom: 5px;
}
.company-wrap .company-group .brochure-list.brochure-list4 .item.item1,
.company-wrap .company-group .brochure-list.brochure-list4 .item.item3 {
  margin-right: 5px;
}
.company-wrap .company-group .brochure-list.brochure-list5 .item1,
.company-wrap .company-group .brochure-list.brochure-list5 .item2 {
  width: calc(50% - 2.5px);
  height: 400px;
  margin-bottom: 5px;
}
.company-wrap .company-group .brochure-list.brochure-list5 .item1 {
  margin-right: 5px;
}
.company-wrap .company-group .brochure-list.brochure-list5 .item2 {
  margin-right: 0;
}
.company-wrap .company-group .brochure-list.brochure-list5 .item3,
.company-wrap .company-group .brochure-list.brochure-list5 .item4,
.company-wrap .company-group .brochure-list.brochure-list5 .item5 {
  width: calc(33.33333333% - 4px);
  height: 265px;
}
.company-wrap .company-group .brochure-list.brochure-list5 .item3,
.company-wrap .company-group .brochure-list.brochure-list5 .item4 {
  margin-right: 6px;
}
.company-wrap .company-group .brochure-list.brochure-list5 .item5 {
  margin-right: 0;
}
.company-wrap .company-group .brochure-list.brochure-list6 .item.item1 {
  width: calc(60% - 5px);
  height: 478px;
  margin-right: 5px;
}
.company-wrap .company-group .brochure-list.brochure-list6 .item.item2,
.company-wrap .company-group .brochure-list.brochure-list6 .item.item3 {
  width: 40%;
  height: 238px;
}
.company-wrap .company-group .brochure-list.brochure-list6 .item.item3 {
  position: absolute;
  right: 0;
  top: 242px;
}
.company-wrap .company-group .brochure-list.brochure-list6 .item.item4,
.company-wrap .company-group .brochure-list.brochure-list6 .item.item5,
.company-wrap .company-group .brochure-list.brochure-list6 .item.item6 {
  width: calc(33.33333333% - 3.4px);
  height: 265px;
  margin-top: 5px;
}
.company-wrap .company-group .brochure-list.brochure-list6 .item.item4,
.company-wrap .company-group .brochure-list.brochure-list6 .item.item5 {
  margin-right: 5px;
}
.company-wrap .company-info {
  flex-wrap: wrap;
  font-size: 14px;
  color: #666;
  margin-top: 10px;
}
.company-wrap .company-info .item {
  width: calc(50% - 5px);
  height: 50px;
  align-items: center;
}
.company-wrap .company-info .item:nth-of-type(2n) {
  margin-left: 10px;
}
.company-wrap .company-info .item .label {
  background: #f5f6f7;
  width: 140px;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.company-wrap .company-info .item .value {
  height: 100%;
  flex: 1;
  padding: 0 20px;
  padding-right: 12px;
  border-top: 1px solid #f0f0f0;
  display: flex;
  align-items: center;
}
.company-wrap .company-info .item .value.bot-border {
  border-bottom: 1px solid #f0f0f0;
}

.text-ellipsis {
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}
.text-ellipsis2,
.text-ellipsis3,
.text-ellipsis4 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.text-ellipsis3 {
  -webkit-line-clamp: 3;
}
.text-ellipsis4 {
  -webkit-line-clamp: 4;
}
.position-c {
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
}
.position-x-c {
  position: absolute !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
}
.position-y-c {
  position: absolute !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
}
.flex {
  display: flex;
}
.flex-wrap {
  display: flex;
  flex-wrap: wrap;
}
.flex-column {
  display: flex;
  flex-direction: column;
}
.flex-c {
  display: flex;
  align-items: center;
}
.justify-between {
  display: flex;
  justify-content: space-between;
}
.empty-box {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.empty-box .empty-img {
  height: 120px;
  margin-top: -180px;
}
.empty-box .empty-img img {
  height: 100%;
}
.empty-box .empty-tips {
  font-size: 14px;
  color: #999;
  margin-top: 8px;
  position: relative;
  right: 5px;
}
.manage-page {
  background: #f4f6f9;
  min-height: 100vh;
}
.ant-badge-count {
  height: 16px;
  line-height: 16px;
  background-color: #f8524f;
}
.home-title {
  text-align: center;
  font-size: 28px;
  color: #383838;
  margin-bottom: 34px;
  position: relative;
  font-weight: 500;
  letter-spacing: 1px;
}
.home-title .home-title-content {
  position: relative;
}
.home-title .home-title-content::before,
.home-title .home-title-content::after {
  content: '';
  width: 23px;
  height: 19px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background: url('/static/home/title-icon.png') no-repeat;
  background-size: cover;
  background-position: center;
  margin-top: 2px;
}
.home-title .home-title-content::before {
  left: -40px;
}
.home-title .home-title-content::after {
  right: -40px;
}
.navbar-fixed-page {
  padding-top: 40px;
}
.anchor-position {
  position: absolute;
  top: -130px;
}
.banner-swiper-button-prev,
.banner-swiper-button-next {
  width: 26px;
  height: 36px;
  background: rgba(0, 0, 0, 0.15);
  transition: all 0.2s;
}
.banner-swiper-button-prev .icon,
.banner-swiper-button-next .icon {
  color: #fff;
  position: relative;
}
.banner-swiper-button-prev:hover,
.banner-swiper-button-next:hover {
  background: rgba(0, 0, 0, 0.3);
}
.banner-swiper-button-prev::after,
.banner-swiper-button-next::after {
  display: none;
}
.banner-swiper-button-prev {
  border-radius: 0 400px 400px 0;
  left: 0;
}
.banner-swiper-button-prev .icon {
  right: 2px;
}
.banner-swiper-button-next {
  border-radius: 400px 0 0 400px;
  right: 0;
}
.banner-swiper-button-next .icon {
  left: 2px;
}
.poster-tips {
  width: 32px;
  height: 18px;
  background: rgba(0, 0, 0, 0.3);
  font-size: 12px;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  right: -3px;
  bottom: -2px;
  transform: scale(0.8);
}
.concise-pagination .ant-pagination-item {
  display: none;
}
.concise-pagination .ant-pagination-jump-prev,
.concise-pagination .ant-pagination-jump-next {
  display: none;
}
.concise-pagination .ant-pagination-prev,
.concise-pagination .ant-pagination-next {
  position: relative;
  width: 80px !important;
}
.concise-pagination .ant-pagination-prev .anticon,
.concise-pagination .ant-pagination-next .anticon {
  opacity: 0;
}
.concise-pagination .ant-pagination-prev::after,
.concise-pagination .ant-pagination-next::after {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 12px;
  color: #666;
}
.concise-pagination .ant-pagination-prev::after {
  content: '\4E0A\4E00\9875';
}
.concise-pagination .ant-pagination-next::after {
  content: '\4E0B\4E00\9875';
}
.dummy-inp {
  width: 0px;
  height: 0px;
  position: absolute;
  opacity: 0;
  left: -9999px;
}
input:-webkit-autofill {
  box-shadow: 0 0 0 1000px white inset !important;
}
input:-internal-autofill-previewed,
input:-internal-autofill-selected {
  -webkit-text-fill-color: #333 !important;
  transition: background-color 5000s ease-in-out 0s !important;
}
.user .flex-row {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  width: 100%;
  margin-top: 36px;
}
.user .flex-row .left {
  width: 930px;
  min-height: 738px;
  flex-direction: column;
  display: flex;
}
.user .flex-row .left .top {
  width: 100%;
  background: #fff;
  box-shadow: 0px 0px 10px 0px #e9eaef;
  position: relative;
}
.user .flex-row .left .top .top-content {
  width: 100%;
  padding: 0 15px;
}
.user .flex-row .left .top .top-content .top-userinfo {
  min-height: 110px;
  padding-bottom: 10px;
}
.user .flex-row .left .top .top-content .top-userinfo .user-photo {
  width: 100px;
  height: 100px;
  overflow: hidden;
  margin-right: 18px;
  transform: translate(0px, -10px);
  background-color: #eee;
}
.user .flex-row .left .top .top-content .top-userinfo .user-photo img {
  width: 100%;
  height: 100%;
}
.user .flex-row .left .top .top-content .top-userinfo .user-info {
  display: flex;
  flex-direction: column;
  position: relative;
  flex: 1;
  padding-bottom: 12px;
  justify-content: flex-end;
}
.user .flex-row .left .top .top-content .top-userinfo .user-info .name {
  font-size: 18px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: bold;
  color: #333333;
  line-height: 1;
  display: flex;
  align-items: center;
}
.user .flex-row .left .top .top-content .top-userinfo .user-info .name img {
  width: 56px;
  height: auto;
  margin-left: 8px;
  position: relative;
  top: 1px;
}
.user .flex-row .left .top .top-content .top-userinfo .user-info .company {
  font-size: 14px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #666666;
  line-height: 15px;
  margin-top: 10px;
}
.user .flex-row .left .top .top-content .top-userinfo .user-info .user-other-info {
  font-size: 12px;
  color: #131413;
  margin-top: 16px;
}
.user .flex-row .left .top .top-content .top-userinfo .user-info .user-other-info .user-other-item {
  padding-right: 10px;
  margin-right: 10px;
  position: relative;
}
.user .flex-row .left .top .top-content .top-userinfo .user-info .user-other-info .user-other-item::after {
  content: '';
  width: 1px;
  height: 12px;
  background-color: #e1e1e1;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
.user .flex-row .left .top .top-content .top-userinfo .user-info .user-other-info .user-other-item:last-of-type::after {
  display: none;
}
.user .flex-row .left .top .top-content .contact-box {
  padding: 16px 0;
  border-top: 1px solid #E6E8ED;
}
.user .flex-row .left .shop-tabbar {
  display: flex;
  height: 50px;
  background-color: #fff;
  padding: 0 28px;
  box-shadow: 0px 0px 10px 0px #e9eaef;
  margin-top: 20px;
}
.user .flex-row .left .shop-tabbar .item {
  height: 100%;
  padding-top: 10px;
  margin-right: 58px;
  cursor: pointer;
  user-select: none;
  color: #999;
  transition: color 0.2s;
  position: relative;
}
.user .flex-row .left .shop-tabbar .item:hover {
  color: #333;
}
.user .flex-row .left .shop-tabbar .item::after {
  content: '';
  width: 0;
  height: 3px;
  background: #f5d147;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 0;
  transition: width 0.2s;
}
.user .flex-row .left .shop-tabbar .item.active {
  color: #333;
}
.user .flex-row .left .shop-tabbar .item.active::after {
  width: 100%;
}
.user .flex-row .left .bottom {
  min-height: 500px;
  margin-top: 20px;
  background: #ffffff;
  box-shadow: 0px 0px 10px 0px #e9eaef;
}
.user .flex-row .left .bottom .commodity-group__title {
  width: 100%;
}
.user .flex-row .left .bottom .answer-title {
  font-size: 15px;
  font-weight: bold;
  position: relative;
  padding-left: 10px;
}
.user .flex-row .left .bottom .answer-title::before {
  content: '';
  display: block;
  position: absolute;
  top: 5px;
  left: 0;
  width: 5px;
  height: 15px;
  background-color: #1890ff;
}
.user .flex-row .left .bottom .answer-content {
  padding-left: 10px;
}
.user .flex-row .left .bottom .answer-time {
  padding-left: 10px;
  font-size: 10px;
  color: #999;
}
.user .flex-row .left .bottom .user__lag-material-list .user__lag-material-item {
  width: 210px;
  margin: 0 20px 20px 0;
}
.user .flex-row .left .bottom .user__lag-material-list .user__lag-material-item:nth-child(4n) {
  margin-right: 0;
}
.user .flex-row .right {
  width: 250px;
  min-height: 371px;
  background: #ffffff;
  box-shadow: 0px 0px 10px 0px #e9eaef;
  max-height: 600px;
}
.user .flex-row .right .company-logo {
  width: 58px;
  height: 58px;
  margin: 21px auto 10px;
  border-radius: 50%;
  overflow: hidden;
  background-color: #eee;
}
.user .flex-row .right .company-logo img {
  width: 100%;
  height: 100%;
}
.user .flex-row .right .company {
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #333333;
  line-height: 16px;
  text-align: center;
}
.user .flex-row .right .shop-btn {
  display: block;
  width: 100px;
  font-size: 12px;
  text-align: center;
  line-height: 32px;
  height: 32px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #ffffff;
  margin: 20px auto 20px;
  background-color: #3c76f7;
}
.user .flex-row .right .title {
  padding-left: 30px;
  font-size: 15px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: bold;
  color: #0a0909;
  line-height: 16px;
  position: relative;
}
.user .flex-row .right .title::before {
  content: '';
  display: block;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background-color: #487EFB;
  position: absolute;
  top: 8px;
  left: 20px;
}
.user .flex-row .right .tags {
  padding: 3px 12px;
  background-color: #f4f5f9;
  font-size: 12px;
  color: dimgray;
  border-radius: 3px;
  margin-top: 10px;
  position: relative;
  text-align: center;
  margin-right: 10px;
}
.Service-modal .ant-modal-content {
  height: 100%;
}
.Service-modal .ant-modal-content .ant-modal-header {
  border: none;
  padding-bottom: 0;
}
.Service-modal .ant-modal-content .ant-modal-body {
  padding-top: 12px;
  padding-bottom: 4px;
}
.Service-modal .ant-modal-content .ant-modal-body p {
  margin-bottom: 0;
  font-size: 14px;
}
.Service-modal .ant-modal-content .ant-modal-footer {
  padding: 0 26px 12px 0;
  border: none;
}
.Service-modal .ant-modal-content .ant-modal-footer .ant-btn:nth-child(1) {
  display: none;
}
.ant-empty {
  margin-top: 100px;
}
.ant-table {
  min-height: 462px;
}
.ant-table .ant-empty {
  margin-top: 71px;
}
.lag-tabpane .ant-empty {
  margin-top: 142px;
}
.ant-empty-description {
  color: #999 !important;
}