body,
html {
  width: 100%;
  height: 100%;
}
[v-cloak]{display:none;}
input[type="password"]::-ms-reveal {
  display: none;
}
input[type="number"] {
  -moz-appearance: textfield;
}
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
}
.htmlContent {
  overflow: hidden;
  text-align: justify;
}
.htmlContent p,
.htmlContent h1,
.htmlContent h2,
.htmlContent h3,
.htmlContent h4 {
  margin: 1em 0;
}
.htmlContent p {
  line-height: 1.778;
}
.htmlContent table {
  max-width: 100% !important;
}
.layout {
  min-height: 100%;
  display: flex;
  flex-direction: column;
}
.layout* {
  width: 100%;
}
.layout .main {
  flex: 1;
}
:root {
  --headerHeight1: 0.36rem;
  --headerHeight2: 0.9rem;
}
.dialog {
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 23;
  overflow-y: auto;
  display: flex;
  justify-content: center;
  padding-top: 1.2rem;
  padding-bottom: 0.5rem;
  align-items: flex-start;
}
.dialog .inner {
  width: calc(100% - 0.8rem);
  max-width: 7rem;
  background-color: #fff;
  border-radius: 0.1rem;
  position: relative;
  padding: 0.5rem 0.5rem 0.4rem;
}
.dialog .inner .close {
  position: absolute;
  right: -0.4rem;
  top: -0.4rem;
  color: #fff;
  cursor: pointer;
  transition: 0.3s;
  font-size: 1.875em;
}
.dialog .inner .close:hover {
  color: #df0c01;
}
.com-btn {
  --lineheight: 0.34rem;
  display: inline-block;
  padding: 0 0.1rem;
  border: 1px solid #dddddd;
  border-radius: 0.04rem;
  line-height: var(--lineheight);
  color: #333333;
  transition: 0.3s;
  text-align: center;
  cursor: pointer;
}
.com-btn:hover {
  background-color: #f7eaec;
  color: #0143cd;
}
.com-btn.large {
  --lineheight: 0.5rem;
  min-width: 1.4rem;
  text-align: center;
}
.com-btn.small {
  --lineheight: 0.28rem;
  font-size: 0.875em;
}
.com-btn.noborder {
  border: 0;
  color: #999999;
  background: transparent !important;
}
.com-btn.round {
  border-radius: calc(var(--lineheight) / 2);
}
.com-btn.primary {
  background-image: linear-gradient(0deg, #d00101 0%, #ed1501 100%);
  color: #fff;
}
.com-btn.primary:hover {
  background-image: linear-gradient(90deg, #d00101 0%, #ed1501 100%);
}
.com-btn.disabled {
  cursor: not-allowed;
  opacity: 0.5;
}
.com-input {
  width: 0.8rem;
  position: relative;
}
.com-input:hover .close {
  opacity: 1;
}
.com-input input {
  width: 100%;
  border: 1px solid #dddddd;
  border-radius: 0.04rem;
  height: 0.26rem;
  padding: 0 0.1rem;
}
.com-input input:focus + .close {
  opacity: 1;
}
.com-input .close {
  font-size: 1.25em;
  position: absolute;
  right: 0.13rem;
  top: 50%;
  transform: translateY(-50%);
  color: #a3a3a3;
  cursor: pointer;
  transition: 0.3s;
  opacity: 0;
}
.com-input .close:hover {
  color: #e40011;
}
.radio {
  display: inline-block;
}
.radio + .radio {
  margin-left: 0.1rem;
}
.radio .radio-inner {
  line-height: 0.38rem;
  border: 1px solid #dddddd;
  border-radius: 0.04rem;
  font-size: 0.875em;
  padding: 0 0.18rem;
  cursor: pointer;
  transition: 0.3s;
}
.radio .radio-inner:hover {
  border-color: #fcd9dc;
}
.radio.on .radio-inner,
.radio input:checked + .radio-inner {
  color: #df0c01;
  border-color: #df0c01;
}
.c-botton {
  height: 0.4rem;
  line-height: 0.38rem;
  padding: 0 0.3rem;
  border-radius: 0.04rem;
  border: 1px solid #e40011;
  color: #e40011;
  cursor: pointer;
  transition: 0.3s;
  font-size: 0.875em;
}
.c-botton:hover {
  background-color: #f4e2e3;
}
.c-botton:active {
  background-color: #f4b2b7;
}
.c-botton + .c-botton {
  margin-left: 0.15rem;
}
.c-botton.large {
  height: 0.5rem;
  line-height: 0.48rem;
  font-size: 1em;
}
.c-botton.primary {
  background-color: #e40011;
  color: #fff;
}
.c-botton.primary:hover {
  background-color: #e83340;
}
.c-botton.primary:active {
  background-color: #e4535e;
}
.tag {
  --height: 0.24rem;
  display: inline-block;
}
.tag a {
  display: inline-block;
  color: #333333;
  padding: 0 0.13rem;
  font-size: 0.875em;
  border: 1px solid #eeeeee;
  border-radius: 0.04rem;
  line-height: var(--height);
  margin-right: 0.1rem;
  margin-bottom: 0.1rem;
  transition: 0.3s;
}
.tag a[href]:hover {
  background-color: #e40011;
  border-color: #e40011;
  color: #fff;
}
.tag.grey a {
  background-color: #f8f8f8;
  border-color: #f8f8f8;
}
.tag.round a {
  border-radius: calc(var(--height) / 2);
}
.tag.active a {
  background-color: #e40011;
  color: #fff;
  border-color: #e40011;
}
.avatar-wrap {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.avatar-wrap .avatar {
  margin-bottom: 3px;
}
.avatar {
  --size: 0.5rem;
  border-radius: 50%;
  width: var(--size);
  height: var(--size);
  position: relative;
  overflow: hidden;
}
.avatar img {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.loadmore {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 0.33rem;
}
.loadmore .iconfont {
  font-size: 0.3rem;
  color: #dddddd;
  animation: rotateLoading 2s infinite;
  margin: 0 0.2rem;
}
.loadmore span {
  font-size: 0.875em;
  color: #999999;
}
.radio-circle {
  --size: 1.25em;
  display: inline-flex;
  align-items: center;
  cursor: pointer;
}
.radio-circle + .radio-circle {
  margin-left: 0.15rem;
}
.radio-circle i {
  width: var(--size);
  height: var(--size);
  border-radius: 50%;
  border: 1px solid #e0e0e0;
  position: relative;
  transition: 0.3s;
}
.radio-circle i::before {
  content: '';
  width: 45%;
  height: 45%;
  border-radius: 50%;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  max-height: 100%;
}
.radio-circle span {
  margin-left: 0.1rem;
}
.radio-circle input {
  display: none !important;
}
.radio-circle input:checked + i {
  border-color: #df0c01;
}
.radio-circle input:checked + i::before {
  background-color: #df0c01;
}
.checkbox {
  --size: 1.125em;
  --borderColor: #eee;
  --activeBorderColor: #df0c01;
  display: inline-flex;
  align-items: center;
  cursor: pointer;
  user-select: none;
}
.checkbox input {
  display: none !important;
}
.checkbox input:checked + .icon {
  background-color: var(--activeBorderColor);
  border-color: #df0c01;
}
.checkbox input:checked + .icon .iconfont {
  opacity: 1;
}
.checkbox .icon {
  width: var(--size);
  height: var(--size);
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--borderColor);
  transition: 0.3s;
}
.checkbox .iconfont {
  font-size: 0.75em;
  opacity: 0;
  color: #fff;
}
.checkbox span {
  font-size: 0.875em;
  color: #666666;
}
.checkbox span:first-of-type {
  margin-left: 0.08rem;
}
.checkbox .link {
  line-height: var(--size);
}
.checkbox.dark {
  --borderColor: #bbb;
}
.layui-layer-content {
  padding: 0.3rem;
  overflow-y: auto;
}
.column-title {
  font-size: 1.375em;
  color: #000000;
  font-weight: normal;
  margin-bottom: 0.5rem;
  display: flex;
  justify-content: space-between;
  align-items: baseline;
}
.column-title .add-link {
  font-size: 0.14rem;
  color: #999999;
  transition: 0.3s;
}
.column-title .add-link:hover {
  color: #df0c01;
}
.tooltip {
  position: relative;
}
.tooltip::before {
  content: attr(data-content);
  font-size: 0.14rem;
  color: #fff;
  position: absolute;
  white-space: nowrap;
  left: 50%;
  transform: translateX(-50%);
  background-color: #000;
  bottom: 100%;
  padding: 0.05rem 0.1rem;
  border-radius: 4px;
  transition: 0.3s;
  transform: translate(-50%, -0.01rem);
  opacity: 0;
  visibility: hidden;
}
.tooltip::after {
  content: '';
  width: 0;
  height: 0;
  border: 0.04rem solid transparent;
  border-top-color: #000;
  position: absolute;
  left: 50%;
  transform: translate(-50%, -0.01rem);
  bottom: calc(100% - 0.08rem);
  transition: 0.3s;
  opacity: 0;
  visibility: hidden;
}
.tooltip:hover::before {
  transform: translate(-50%, 0);
  opacity: 1;
  visibility: visible;
}
.tooltip:hover::after {
  transform: translate(-50%, 0);
  opacity: 1;
  visibility: visible;
}
.input-number {
  --size: 0.4rem;
  display: inline-flex;
  color: #666;
}
.input-number .icon {
  width: var(--size);
  height: var(--size);
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  border: 1px solid #ddd;
  transition: 0.3s;
  line-height: 1;
}
.input-number .icon:first-of-type {
  border-right: 0;
}
.input-number .icon:last-of-type {
  border-left: 0;
}
.input-number .icon:hover {
  color: #df0c01;
}
.input-number .icon.disabled {
  cursor: not-allowed;
}
.input-number input {
  width: var(--size);
  height: var(--size);
  border: 1px solid #ddd;
  text-align: center;
  font-size: 0.875em;
}
.input-number.right {
  padding-right: 0.4rem;
  position: relative;
}
.input-number.right .icon {
  width: 0.4rem;
  height: 50%;
  position: absolute;
  right: 0;
  top: 0;
  border-left: 0;
  border-right: 1px solid #ddd;
}
.input-number.right .icon:last-of-type {
  top: auto;
  bottom: 0;
  border-top: 0;
}
.input-number.large {
  --size: 0.5rem;
}
.input-number.radius .icon:first-of-type {
  border-radius: 0.04rem 0 0 0.04rem;
}
.input-number.radius .icon:first-of-type {
  border-radius: 0 0.04rem 0.04rem 0;
}
.input-number.radius.right .icon:first-of-type {
  border-radius: 0 0.04rem 0 0;
}
.input-number.radius.right .icon:last-of-type {
  border-radius: 0 0 0.04rem 0;
}
.input-number.radius.right input {
  border-radius: 0.04rem 0 0 0.04rem;
}
.card {
  margin: 0.6rem 0 1.35rem;
  background-color: #fff;
  border-radius: 0.1rem;
  padding: 0.5rem 0.5rem 1rem;
}
@media (max-width: 1024px) {
  :root {
    --headerHeight1: 0.45rem;
    --headerHeight2: 1rem;
  }
}
.main {
  position: relative;
}
body.menu-opened {
  overflow: hidden;
}
.header-top {
  background-color: #eeeeee;
  line-height: var(--headerHeight1);
  width: 100%;
  position: sticky;
  z-index: 20;
  top: 0;
  left: 0 @with: 0.875em; font-size: 0.875em;;
}
.header-top .container {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.header-top .links {
  display: flex;
}
.header-top .links .iconfont {
  font-size: 1em;
}
.header-top .links .item + .item {
  padding-left: 0.2rem;
  margin-left: 0.2rem;
}
.header-top .links .item .iconfont {
  margin-right: 3px;
}
@media (max-width: 1024px) {
  .header-top {
    position: static;
  }
  .header-top .container {
    flex-direction: column;
  }
}
.header-bot {
  width: 100%;
  position: sticky;
  z-index: 20;
  top: var(--headerHeight1);
  background-color: #fff;
}
.header-bot .container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: var(--headerHeight2);
}
.header-bot .logo img {
  display: block;
  max-height: 0.53rem;
}
.header-bot .header-search {
  --searchWidth: 2.5rem;
  --searchHeight: 0.4rem;
  width: var(--searchWidth);
}
.header-bot .header-search .search-box {
  position: relative;
}
.header-bot .header-search .text {
  width: 100%;
  height: var(--searchHeight);
  border: 1px solid #eeeeee;
  border-radius: calc(var(--searchHeight) / 2);
  padding: 0 0.45rem 0 0.15rem;
  transition: 0.3s;
}
.header-bot .header-search .text::placeholder {
  color: #999999;
}
.header-bot .header-search .text:focus {
  border-color: #df0c01;
}
.header-bot .header-search .btn {
  position: absolute;
  right: 2px;
  top: 2px;
  width: calc(var(--searchHeight) - 4px);
  height: calc(var(--searchHeight) - 4px);
  border-radius: 50%;
  background-color: #df0c01;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
}
.header-bot .open-menu {
  display: none;
}
@media (max-width: 1024px) {
  .header-bot {
    top: 0;
  }
  .header-bot .header-search {
    --searchHeight: 0.65rem;
    flex: 1;
    margin: 0 0.1rem;
  }
  .header-bot .open-menu {
    display: block;
    width: 0.45rem;
    height: 0.38rem;
    position: relative;
  }
  .header-bot .open-menu i,
  .header-bot .open-menu::before,
  .header-bot .open-menu::after {
    content: '';
    width: 100%;
    height: 3px;
    border-radius: 1.5px;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    max-height: 100%;
    background-color: #df0c01;
    transition: 0.3s;
  }
  .header-bot .open-menu::before {
    bottom: auto;
  }
  .header-bot .open-menu::after {
    top: auto;
  }
  .header-bot .open-menu.active i {
    opacity: 0;
  }
  .header-bot .open-menu.active::before {
    bottom: 0;
    transform: rotate(45deg);
  }
  .header-bot .open-menu.active::after {
    top: 0;
    transform: rotate(-45deg);
  }
}
@media (min-width: 1025px) {
  .header-nav .ul {
    display: flex;
  }
  .header-nav li {
    padding: 0 0.35rem;
    position: relative;
  }
  .header-nav li.active em a {
    color: #e40011;
  }
  .header-nav li .iconfont {
    display: none;
  }
  .header-nav em {
    display: block;
  }
  .header-nav em a {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    min-height: var(--headerHeight2);
    font-size: 1.125em;
  }
  .header-nav em a:hover {
    color: #e40011;
  }
  .header-nav .sub {
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    min-width: 1.2rem;
    white-space: nowrap;
    background-color: #fff;
    display: none;
  }
  .header-nav .sub dd + dd {
    border-top: 1px solid #eee;
  }
  .header-nav .sub a {
    display: block;
    text-align: center;
    padding: 0.1rem 0.1rem;
    transition: 0.3s;
  }
  .header-nav .sub a:hover {
    background-color: #df0c01;
    color: #fff;
  }
}
@media (max-width: 1024px) {
  .header-nav {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 21;
    background-color: rgba(0, 0, 0, 0.5);
    display: flex;
    justify-content: flex-end;
    opacity: 0;
    transition: 0.3s;
    visibility: hidden;
  }
  .header-nav.active {
    opacity: 1;
    visibility: visible;
  }
  .header-nav.active ul {
    transform: translateX(0);
  }
  .header-nav ul {
    background-color: #fff;
    width: 4rem;
    padding: 0 0.15rem;
    padding-top: var(--headerHeight2);
    transform: translateX(100%);
    transition: 0.3s;
  }
  .header-nav li {
    border-bottom: 1px solid #eee;
    line-height: 0.8rem;
  }
  .header-nav .has-sub em {
    position: relative;
  }
  .header-nav .has-sub em::after {
    content: '';
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    position: absolute;
    z-index: 2;
  }
  .header-nav .has-sub em .iconfont {
    display: block;
  }
  .header-nav .has-sub em.active .iconfont {
    transform: rotate(90deg);
  }
  .header-nav em {
    display: flex;
  }
  .header-nav em .iconfont {
    display: none;
    transition: 0.3s;
  }
  .header-nav em a {
    flex: 1;
  }
  .header-nav .sub {
    padding: 0 0.1rem;
    border-top: 1px solid #eee;
    display: none;
  }
  .header-nav .open-menu {
    position: absolute;
    right: 0.3rem;
    top: 10px;
    z-index: 2;
  }
}
.bottom {
  background-color: #333333;
  color: rgba(255, 255, 255, 0.702);
}
.bottom .top-links {
  display: flex;
  justify-content: space-between;
  padding: 0.2rem 0 0.35rem;
  border-bottom: 1px solid rgba(255, 255, 255, 0.102);
}
.bottom .top-links .line {
  align-self: stretch;
  width: 1px;
  background-color: rgba(104, 104, 104, 0.502);
}
.bottom .top-links a {
  color: rgba(255, 255, 255, 0.702);
  display: flex;
  align-items: center;
}
.bottom .top-links a[href]:hover {
  color: #e40011;
}
.bottom .top-links a .icon {
  width: 0.42rem;
  height: 0.45rem;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 0.22rem;
  border-radius: 3px;
  margin-right: 0.14rem;
  flex-shrink: 0;
  position: relative;
}
.bottom .top-links a .icon::before {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  clip-path: url('#bot-icon');
  background-color: rgba(255, 255, 255, 0.2);
}
.bottom .top-links a span {
  line-height: 1;
}
.bottom .mid {
  display: flex;
  justify-content: space-between;
  padding-bottom: 0.4rem;
  padding-top: 0.4rem;
  border-bottom: 1px solid rgba(255, 255, 255, 0.102);
}
.bottom .ul {
  display: flex;
}
.bottom .ul li {
  min-width: 1.44rem;
  padding-right: 0.1rem;
}
.bottom .ul em {
  margin-bottom: 0.25rem;
  display: block;
  font-weight: bold;
}
.bottom .ul em a {
  color: rgba(255, 255, 255, 0.6);
  transition: 0.3s;
}
.bottom .ul em a:hover {
  color: #e40011;
}
.bottom .ul em .iconfont {
  display: none;
}
.bottom .ul .sub {
  font-size: 0.875em;
}
.bottom .ul .sub dd {
  display: flex;
  color: rgba(255, 255, 255, 0.302);
}
.bottom .ul .sub dd + dd {
  margin-top: 0.05rem;
}
.bottom .ul .sub dd a {
  color: rgba(255, 255, 255, 0.302);
  transition: 0.3s;
}
.bottom .ul .sub dd a:hover {
  color: #e40011;
}
.bottom .ul .sub dd .label {
  min-width: 0.56rem;
  flex-shrink: 0;
  text-align: justify;
  text-align-last: justify;
}
.bottom .qrcode-wrap .label {
  font-weight: bold;
  margin-bottom: 0.15rem;
}
.bottom .qrcode-wrap .img {
  width: 1.2rem;
  border: 1px solid #eeeeee;
  background-color: #fff;
}
.bottom .qrcode-wrap .img img {
  display: block;
  margin: 0 auto;
}
.bottom .bot {
  padding: 0.15rem 0;
  font-size: 0.875em;
  color: rgba(255, 255, 255, 0.302);
}
.bottom .bot .quick-links {
  display: flex;
  justify-content: center;
}
.bottom .bot .quick-links a {
  padding: 0 0.1rem;
  position: relative;
  color: rgba(255, 255, 255, 0.302);
  transition: 0.3s;
}
.bottom .bot .quick-links a:hover {
  color: #e40011;
}
.bottom .bot .quick-links a + a::before {
  content: '';
  width: 1px ;
  height: 0.15rem;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  background-color: rgba(255, 255, 255, 0.302);
}
.bottom .bot .copyright {
  text-align: center;
  line-height: 1.714;
  margin-top: 0.05rem;
}
.bottom .bot .copyright a {
  color: rgba(255, 255, 255, 0.302);
  transition: 0.3s;
  display: inline-block;
}
.bottom .bot .copyright a:hover {
  color: #e40011;
}
@media (max-width: 1024px) {
  .bottom .top-links {
    flex-wrap: wrap;
    align-items: center;
  }
  .bottom .top-links .item {
    min-width: 40%;
    margin-bottom: 0.15rem;
  }
  .bottom .top-links .line {
    height: 0.4rem;
  }
  .bottom .top-links .line:nth-child(4n) {
    display: none;
  }
  .bottom .mid {
    flex-direction: column-reverse;
  }
  .bottom .qrcode-wrap {
    text-align: center;
    margin-bottom: 0.3rem;
  }
  .bottom .qrcode-wrap .img {
    width: 2rem;
    margin: 0 auto;
  }
  .bottom .ul {
    display: block;
  }
  .bottom .ul li {
    margin-bottom: 0.2rem;
    border: 1px solid rgba(255, 255, 255, 0.102);
    padding: 0 0.2rem;
  }
  .bottom .ul .has-sub em .iconfont {
    display: block;
    transition: 0.3s;
  }
  .bottom .ul .has-sub em::after {
    content: '';
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 2;
    position: absolute;
  }
  .bottom .ul em {
    padding: 0.2rem 0;
    margin-bottom: 0;
    position: relative;
    display: flex;
    justify-content: space-between;
  }
  .bottom .ul em.active .iconfont {
    transform: rotate(90deg);
  }
  .bottom .ul em a {
    flex: 1;
  }
  .bottom .ul .sub {
    padding-top: 0.15rem;
    display: none;
    border-top: 1px solid rgba(255, 255, 255, 0.102);
  }
  .bottom .ul .sub dd {
    padding: 0.15rem 0;
  }
}
.right-menu {
  height: 0;
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
  position: sticky;
  bottom: 1.6rem;
  pointer-events: none;
  z-index: 15;
}
.right-menu ul {
  transform: translateX(calc(100% + 0.4rem));
  pointer-events: all;
  border-radius: 5px;
  background-color: #fff;
  /* overflow: hidden; */
  margin-bottom: 0.3rem;
}
.right-menu li:first-of-type a {
  border-radius: 5px 5px 0 0 ;
}
.right-menu li:last-of-type a {
  border-radius: 0 0 5px 5px ;
}
.right-menu li a {
  display: flex;
  min-width: 0.53rem;
  min-height: 0.53rem;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  transition: 0.3s;
  padding: 0 0.1rem;
  border: 1px solid #eeeeee;
  border-bottom: 0;
  line-height: 1;
}
.right-menu li a:hover {
  background-color: #df0c01;
  color: #fff;
  border-color: #df0c01;
}
.right-menu li a .iconfont {
  display: block;
  margin-bottom: 0.05rem;
  font-size: 1.125em;
}
.right-menu li a span {
  font-size: 0.875em;
}
.right-menu li a{ position: relative;}
.right-menu li a .picbox{ position: absolute; right: calc(100% + 0.1rem); background: #fff; padding: 0.05rem; border: 1px solid #ddd; top: 0; display: none;}
.right-menu li a .picbox img{ width: 1.2rem; max-width: 1.2rem;}
.right-menu li.gettop a {
  background-color: #df0c01;
  color: #fff;
  border-color: #df0c01;
}
.right-menu li.gettop a .icon {
  transform: rotate(-90deg);
}
.right-menu li + li {
  border-top: 1px solid #eeeeee;
}
@media (max-width: 1024px) {
  .right-menu ul {
    transform: translateX(0.3rem);
  }
}
.service {
  background-size: 100% auto;
  background-repeat: no-repeat;
  padding-bottom: 1.35rem;
}
.service h1 {
  font-size: 0.36rem;
  text-align: center;
  font-weight: normal;
  color: #ffffff;
  padding: 1.3rem 0 0.9rem;
}
.service .service-header {
  --height: 0.6rem;
  padding-top: 0.1rem;
  color: #fff;
  padding: 0 0.2rem;
  position: relative;
  font-size: 0.875em;
}
.service .service-header .inner {
  display: flex;
  align-items: flex-end;
  height: var(--height);
  padding-top: 0.1rem;
  box-sizing: content-box;
}
.service .service-header::before {
  content: '';
  width: 100%;
  height: calc(100% - 0.1rem);
  left: 0;
  bottom: 0;
  background-color: rgba(1, 67, 205, 0.8);
  border-radius: 0.08rem 0.08rem 0 0;
  position: absolute;
}
.service .service-header .item {
  flex: 1;
  height: var(--height);
  position: relative;
  z-index: 2;
  display: flex;
  align-items: flex-end;
  cursor: pointer;
}
.service .service-header .item:hover pre,
.service .service-header .item.active pre {
  height: calc(var(--height) + 0.1rem);
  background-image: linear-gradient(to bottom, #def1ff 0%, #ddeaf8 60%, #8099d7 100%);
  box-shadow: 9.192px 9.192px 8px 0px rgba(28, 73, 168, 0.44);
  color: #275ccc;
  font-weight: bold;
}
.service .service-header .item pre {
  height: var(--height);
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  transition: 0.5s;
  position: relative;
  border-radius: 0.08rem 0.08rem 0 0;
}
.service .service-content {
  background-color: #fff;
  box-shadow: 0px 10px 16px 0px rgba(4, 0, 0, 0.2);
  border-radius: 0 0 0.1rem 0.1rem;
  padding-top: 0.8rem;
  padding-bottom: 1.3rem;
  position: relative;
  z-index: 2;
}
.service .service-content h2 {
  text-align: center;
  font-weight: normal;
  font-size: 1.25em;
  margin-bottom: 0.1rem;
}
.service .service-content .des {
  text-align: center;
  margin-bottom: 0.3rem;
  font-size: 1em;
  color: #df0c01;
  opacity: 0.5;
}
.service .service-content .input {
  max-width: 6rem;
  margin: 0 auto 0.2rem;
  position: relative;
  --height: 0.6rem;
}
.service .service-content .input .text {
  width: 100%;
  height: var(--height);
  border: 1px solid #dddddd;
  border-radius: 0.08rem;
  padding: 0 0.6rem 0 0.2rem;
}
.service .service-content .input .btn {
  width: var(--height);
  height: var(--height);
  position: absolute;
  right: 0;
  top: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #dddddd;
  transition: 0.3s;
}
.service .service-content .input .btn:hover {
  color: #e40011;
}
.service .service-content .pic-list {
  min-height: 0.5rem;
  max-width: 6rem;
  margin: 0 auto 0.1rem;
  display: flex;
  flex-wrap: wrap;
  --width: 0.5rem;
}
.service .service-content .pic-list .item {
  margin: 0.1rem;
  flex-shrink: 0;
  position: relative;
}
.service .service-content .pic-list .img {
  width: var(--width);
  height: var(--width);
  position: relative;
  border: 1px solid #dddddd;
  overflow: hidden;
  cursor: pointer;
}
.service .service-content .pic-list .img img {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  object-fit: cover;
  transition: 0.3s;
}
.service .service-content .pic-list .img img:hover {
  transform: scale(1.1);
}
.service .service-content .pic-list .close {
  font-size: 0.2rem;
  cursor: pointer;
  color: #dddddd;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 2;
  transform: translate(50%, -50%);
  transition: 0.3s;
}
.service .service-content .pic-list .close .iconfont {
  display: block;
}
.service .service-content .pic-list .close:hover {
  color: #df0c01;
}
.service .service-content .btn-wrap {
  max-width: 6rem;
  margin: 0 auto;
  text-align: center;
}
.service .service-content .btn-wrap input {
  width: 2.2rem;
  text-align: center;
  height: 0.5rem;
  border-radius: 0.25rem;
  border: 0;
  background-color: #df0c01;
  color: #fff;
  cursor: pointer;
  transition: 0.3s;
  user-select: none;
}
.service .service-content .btn-wrap input:hover {
  opacity: 0.8;
}
@media (max-width: 1024px) {
  .service .service-header {
    --height: 0.9rem;
  }
  .service .service-header .inner {
    overflow-y: auto;
  }
  .service .service-header .item {
    min-width: 2rem;
  }
  .service .service-content .input {
    --height: 0.8rem;
  }
  .service .service-content .pic-list {
    --width: 1rem;
  }
  .service .service-content .btn-wrap input {
    height: 0.8rem;
    border-radius: 0.4rem;
  }
}
.upload-panel .des {
  font-size: 0.875em;
  text-align: center;
  color: #999999;
  line-height: 1.714;
  padding-top: 0.2rem;
}
.upload-drag {
  border: 1px dashed #e40011;
  border-radius: 0.1rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 0.6rem 0.5rem 0.5rem;
  position: relative;
  overflow: hidden;
}
.upload-drag .icon-upload {
  font-size: 0.7rem;
  color: #eee;
  margin-bottom: 0.15rem;
}
.upload-drag .upload-label {
  color: #333333;
  line-height: 1.5;
  margin-bottom: 0.1rem;
}
.upload-drag .upload-unit {
  color: #999999;
  line-height: 1.5;
  margin-bottom: 0.1rem;
}
.upload-drag .upload-btn {
  width: 2.2rem;
  height: 0.5rem;
  border-radius: 0.08rem;
  background-color: #df0c01;
  color: #fff;
  border: 0;
  cursor: pointer;
  transition: 0.3s;
}
.upload-drag .upload-btn:hover {
  opacity: 0.8;
}
.upload-drag .progress {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background-color: rgba(255, 255, 255, 0.9);
  display: flex;
  align-items: center;
  justify-content: center;
}
.upload-drag .progress .layui-progress {
  width: 90%;
  max-width: 4rem;
}
.upload-drag .progress .line {
  --height: 0.4rem;
  width: 90%;
  max-width: 4rem;
  height: var(--height);
  border-radius: calc(var(--height) / 2);
  border: 2px solid #eee;
  background-color: #ddd;
  position: relative;
}
.upload-drag .progress .line span {
  position: absolute;
  left: 0;
  min-width: 0.4rem;
  line-height: calc(var(--height) - 4px);
  color: #333;
  width: var(--left);
  text-align: right;
  padding-right: 0.1rem;
  color: #fff;
}
.upload-drag .progress .line::before {
  content: '';
  width: var(--left);
  left: 0;
  top: 0;
  position: absolute;
  height: 100%;
  border-radius: calc(var(--height) / 2);
  background-color: #df0c01;
}
.product {
  padding-top: 0.3rem;
  padding-bottom: 1.3rem;
}
.product-category {
  display: flex;
  --itemHeight: 0.45rem;
  margin-bottom: 0.15rem;
  font-size: 0.875em;
}
.product-category .label {
  width: 1rem;
  flex-shrink: 0;
  text-align: center;
  background-color: #0143cd;
  border-radius: 0.04rem 0 0 0.04rem;
  color: #fff;
}
.product-category .label span {
  min-height: var(--itemHeight);
  display: flex;
  align-items: center;
  justify-content: center;
}
.product-category .ul {
  background-color: #ebeff6;
  flex: 1;
  display: flex;
  flex-wrap: wrap;
  padding-left: 0.4rem;
}
.product-category .ul li {
  margin-right: 0.5rem;
}
.product-category .ul li:last-of-type {
  margin-right: 0;
}
.product-category .ul li a {
  min-height: var(--itemHeight);
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0.1rem 0;
  transition: 0.3s;
}
.product-category .ul li a.active,
.product-category .ul li a:hover {
  font-weight: bold;
  color: #0143cd;
}
.breadcrumb .container {
  display: flex;
  align-items: flex-start;
  font-size: 0.875em;
  line-height: 1.5em;
  padding: 0.07rem 0;
}
.breadcrumb .breadcrumb-inner {
  display: flex;
  align-items: flex-start;
  padding: 0.05rem 0;
  flex-shrink: 0;
}
.breadcrumb .breadcrumb-inner > i {
  color: #999999;
  margin: 0 0.1rem;
  margin-top: 0.15em;
}
.breadcrumb .breadcrumb-inner a {
  color: #999999;
  transition: 0.3s;
}
.breadcrumb .breadcrumb-inner a:hover {
  color: #e40011;
}
.select-brand {
  display: flex;
  align-items: flex-start;
}
.select-brand .ul {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
}
.select-brand li {
  padding: 0 0.08rem;
  border: 1px solid #dddddd;
  display: flex;
  align-items: center;
  cursor: pointer;
  background-color: #fff;
  margin: 0.05rem 0.1rem 0.05rem 0;
}
.select-brand li span {
  font-size: 0.75em;
}
.select-brand li .icon {
  cursor: pointer;
  border-radius: 50%;
  transition: 0.3s;
  line-height: 1;
  margin-left: 0.05rem;
}
.select-brand li .icon:hover {
  background-color: #df0c01;
}
.select-brand li .icon:hover i {
  color: #fff;
}
.select-brand li i {
  color: #aeaeae;
}
.select-brand .delete {
  display: flex;
  align-items: center;
  margin: 0.05rem 0 0.05rem 0.2rem;
  flex-shrink: 0;
  transition: 0.3s;
  cursor: pointer;
}
.select-brand .delete i {
  margin-top: 0.15em;
  margin-right: 0.05rem;
  color: #999999;
  transition: 0.3s;
}
.select-brand .delete:hover {
  color: #df0c01;
}
.select-brand .delete:hover i {
  color: #df0c01;
}
.query-wrap {
  border-top: 2px solid #df0c01;
  background-color: #fff;
  margin-bottom: 0.4rem;
}
.query-wrap .item {
  padding: 0.08rem 0.27rem;
  display: flex;
  align-items: flex-start;
  line-height: 12 / 20em;
  font-size: 0.75em;
}
.query-wrap .item + .item {
  border-top: 1px solid #eee;
}
.query-wrap .item .label {
  min-width: 0.6rem;
  flex-shrink: 0;
  text-align: right;
  padding: 0.08rem 0;
  color: #999999;
}
.query-wrap .item .list {
  flex-shrink: 0;
}
.query-wrap .item .list ul {
  display: flex;
  flex-wrap: wrap;
}
.query-wrap .item .list li {
  margin: 0.08rem 0;
  margin-left: 0.15rem;
}
.query-wrap .item .list a {
  padding: 0 0.04rem;
  display: block;
  border-radius: 0.02rem;
  color: #0143cd;
}
.query-wrap .item .list a.active,
.query-wrap .item .list a:hover {
  color: #fff;
  background-color: #e40011;
}
.query-wrap .item .list .unit-left {
  pointer-events: none;
}
.query-wrap .item .list .unit-left + li {
  margin-left: 0;
}
.query-wrap .item .list .unit-right {
  pointer-events: none;
  margin-left: 0;
}
.query-wrap .item .list2 {
  flex: 1;
}
.query-wrap .item .handle {
  padding: 0.06rem 0;
  display: flex;
  align-items: center;
}
.query-wrap .item .handle .separator {
  width: 0.1rem;
  height: 1px;
  background-color: #999999;
}
.query-wrap .item .handle > * + * {
  margin-left: 0.08rem;
}
.query-wrap .item .handle .more {
  display: flex;
  padding: 0.05rem 0;
  margin-left: 0.15rem;
  color: #333333;
  cursor: pointer;
}
.query-wrap .item .handle .more .icon {
  transform: rotate(90deg);
  transition: 0.3s;
}
.query-wrap .item .handle .more.active .icon {
  transform: rotate(-90deg);
}
.query-wrap .item .sub-list {
  background-color: #f8f8f8;
  padding: 0.15rem 0.2rem;
  display: flex;
  margin-bottom: 0.12rem;
  margin-left: 0.15rem;
}
.query-wrap .item .sub-list .sub-label {
  flex-shrink: 0;
  padding: 0.05rem 0;
  color: #999999;
}
.query-wrap .item .sub-list dl {
  display: flex;
  flex-wrap: wrap;
  flex: 1;
  width: 0;
}
.query-wrap .item .sub-list dl dd {
  margin-left: 0.15rem;
}
.query-wrap .item .sub-list dl a {
  margin: 0.05rem 0;
  color: #999999;
}
.sort-wrap {
  display: flex;
  justify-content: space-between;
  line-height: 0.4rem;
  background-color: #fff;
  font-size: 0.75em;
  padding-right: 0.27rem;
  margin-bottom: 0.3rem;
}
.sort-wrap .list {
  display: flex;
}
.sort-wrap .list .item {
  display: flex;
  align-items: center;
  color: #333333;
  padding: 0 0.2rem;
  cursor: pointer;
  transition: 0.3s;
}
.sort-wrap .list .item span {
  margin-right: 0.05rem;
}
.sort-wrap .list .item .icon {
  transform: scale(0.7);
  transition: 50% 50%;
  margin-top: 0.15em;
  color: #999999;
}
.sort-wrap .list .item:hover,
.sort-wrap .list .item.active {
  color: #fff;
  background-color: #df0c01;
}
.sort-wrap .list .item:hover .icon,
.sort-wrap .list .item.active .icon {
  color: #fff;
}
.sort-wrap .sum {
  color: #333333;
}
.sort-wrap .sum span {
  color: #e40011;
}
.pro-list {
  margin-bottom: 0.7rem;
  display: flex;
  flex-wrap: wrap;
  margin-left: -0.1rem;
  margin-right: -0.1rem;
}
.pro-list .col {
  width: calc((100% / 5) - 0.2rem);
  margin: 0 0.1rem;
}
@media (max-width: 1200px) {
  .pro-list .col {
    width: calc((100% / 5) - 0.2rem);
  }
}
@media (max-width: 1024px) {
  .pro-list .col {
    width: calc((100% / 2) - 0.2rem);
  }
}
@media (max-width: 768px) {
  .pro-list .col {
    width: calc((100% / 2) - 0.2rem);
  }
}
.pro-item {
  margin-bottom: 0.2rem !important;
}
.pro-item a {
  background-color: #fff;
  display: block;
  padding: 0.25rem 0.25rem 0.2rem;
  transition: 0.3s;
  border-radius: 0.04rem;
}
.pro-item a:hover {
  box-shadow: 0.5px 0.866px 8px 0px rgba(52, 52, 54, 0.17);
}
.pro-item .pic {
  padding-top: 100%;
  position: relative;
}
.pro-item .pic img {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  max-height: 100%;
}
.pro-item .txt {
  padding-top: 0.05rem;
}
.pro-item .txt h2 {
  font-size: 0.875em;
  color: #333333;
  font-weight: normal;
  margin-bottom: 0.1rem;
}
.pro-item .sub-list {
  font-size: 0.875em;
}
.pro-item .sub-list dd {
  display: flex;
  color: #999999;
}
.pro-item .sub-list .price {
  font-weight: bold;
  color: #e40011;
}
.pro-item .info-txt h2 {
  color: #666666;
}
.pro-item .info-txt h2 .name {
  color: #005aa0;
}
.pro-item .info-txt .sub-list dd {
  align-items: center;
  color: #666;
}
.pro-item .info-txt .sub-list dd .des {
  display: flex;
  align-items: center;
}
.pro-item .info-txt .rate .layui-rate {
  padding: 0;
}
.pro-item .info-txt .rate .layui-rate li i.layui-icon {
  font-size: 0.14rem;
  margin-right: 1px;
}
.Pages {
  text-align: center;
  --size: 0.4rem;
  display: flex;
  justify-content: center;
}
.Pages .p_cur,
.Pages .p_total,
.Pages .a_first,
.Pages .a_end {
  display: none;
}
.Pages .num {
  display: inline-block;
}
.Pages a {
  display: inline-block;
  height: var(--size);
  min-width: var(--size);
  text-align: center;
  line-height: var(--size);
  background-color: #fff;
  margin: 0 2px;
  color: #333;
  font-size: 0.875em;
  vertical-align: top;
  transition: 0.3s;
  border-radius: 0.04rem;
}
.Pages a:hover {
  border-color: #df0c01;
  color: #fff;
  background-color: #df0c01;
}
.Pages .a_cur {
  background-color: #df0c01;
  color: #fff;
  border-color: #df0c01;
}
.Pages .a_prev,
.Pages .a_next {
  position: relative;
  padding: 0 0.12rem;
}
.Pages .p_count {
  line-height: var(--size);
  margin-left: 0.18rem;
  color: #999999;
  margin-right: 0.15rem;
}
.Pages .p_count b {
  font-weight: normal;
}
.Pages .p_jump {
  line-height: var(--size);
}
.Pages .p_jump * {
  font-weight: normal;
  color: #999999;
}
.Pages .p_jump .i_text {
  width: var(--size);
  height: var(--size);
  border-radius: 0.04rem;
  background-color: #fff;
  border: 1px solid #fff;
  margin: 0 0.05rem;
  text-align: center;
  display: inline-block;
}
.Pages .p_jump .i_text:focus {
  border-color: #ddd;
}
.Pages .p_jump .i_button {
  padding: 0 0.13rem;
  line-height: calc(var(--size) - 2px);
  color: #fff;
  background-color: #df0c01;
  border: 1px solid #eee;
  border-radius: 0.04rem;
  margin-left: 0.2rem;
}
@media (max-width: 1024px) {
  .Pages a {
    font-size: 0.24rem;
    width: 0.6rem;
    height: 0.6rem;
    line-height: 0.56rem;
  }
}
.pro-info {
  padding-top: 0.15rem;
  margin-bottom: 1.1rem;
}
.pro-info .info-panel {
  display: flex;
  margin-bottom: 0.6rem;
}
.pro-info .info-panel .pic-wrap {
  width: 35.9375%;
  margin-right: 0.2rem;
  position: relative;
}
.pro-info .detail-panel {
  display: flex;
  flex-direction: row-reverse;
}
.pro-info .detail-panel .recommend {
  width: 18.75%;
  margin-right: 0.4rem;
}
.pro-info .detail-panel .pro-detail {
  flex: 1;
}
.pro-info .swiper-main {
  margin-bottom: 0.1rem;
  border-radius: 0.06rem;
  overflow: hidden;
  position: relative;
}
.pro-info .swiper-main .pic {
  padding-top: 100%;
  position: relative;
  overflow: hidden;
}
.pro-info .swiper-main .pic img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.pro-info .swiper-main .pic video {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: contain;
  background-color: #000;
}
.pro-info .swiper-main .pic .open-video {
  width: 0.7rem;
  height: 0.7rem;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 0.6rem;
  background: url(../images/play.svg) center / contain no-repeat;
}
.pro-info .swiper-nav .pic {
  padding-top: 100%;
  position: relative;
  border-radius: 3px;
  border: 1px solid #eee;
  overflow: hidden;
  cursor: pointer;
}
.pro-info .swiper-nav .pic img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.pro-info .swiper-nav .swiper-slide-thumb-active .pic {
  border-color: #df0c01;
}
.pro-info .txt-wrap {
  background-color: #fff;
  flex: 1;
  border-radius: 0.04rem;
  padding: 0.3rem 0.4rem;
}
.pro-info .txt-wrap h1 {
  font-size: 1.125em;
  color: #333333;
  line-height: 1.667;
  margin-bottom: 0.3rem;
}
.pro-info .pro-select .item {
  display: flex;
  line-height: 0.38rem;
  margin-bottom: 0.2rem;
}
.pro-info .pro-select .item.large {
  line-height: 0.48rem;
}
.pro-info .pro-select .label {
  border: 1px;
  min-width: 0.5rem;
  flex-shrink: 0;
  padding-right: 0.05rem;
  font-size: 0.875em;
  color: #999999;
}
.pro-info .pro-select .content {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
}
.pro-info .pro-select .baseline {
  align-items: baseline;
}
.pro-info .pro-select .cur-price {
  color: #e40011;
  font-weight: bold;
  line-height: 1.667;
  font-size: 1.5em;
}
.pro-info .pro-select .origin-price {
  font-size: 0.875em;
  color: #999999;
  text-decoration: line-through;
  margin-left: 0.2rem;
}
.pro-info .pro-select .numbox {
  margin-right: 0.2rem;
}
.pro-info .pro-select .collect {
  margin-left: 0.3rem;
  align-self: flex-start;
}
.pro-info .pro-tips {
  font-size: 0.875em;
  color: #999999;
  margin-top: 0.6rem;
}
.pro-info .magnifier-box {
  position: absolute;
  left: 0;
  top: 0;
  background-color: yellow;
  width: 30%;
  height: 30%;
  z-index: 3;
  opacity: 0.3;
  pointer-events: none;
}
.pro-info .magnifier {
  position: absolute;
  width: 100%;
  left: calc(100% + 0.2rem);
  padding-top: 100%;
  top: 0;
  z-index: 2;
  overflow: hidden;
  background-color: #fff;
}
.pro-info .magnifier img {
  position: absolute;
  width: 300.3003003%;
  height: 300.3003003%;
  left: 0;
  top: 0;
  object-fit: contain;
  max-width: none;
}
.pro-info .input-number {
  margin-right: 0.15rem;
}
.numbox {
  display: flex;
  position: relative;
}
.numbox input {
  border: 1px solid #dedede;
  line-height: 0.38rem;
  height: 0.38rem;
  width: 0.9rem;
  padding-right: 0.4rem;
  text-align: center;
  border-radius: 0.04rem;
  -moz-appearance: textfield;
  transition: 0.3s;
}
.numbox input::-webkit-outer-spin-button,
.numbox input::-webkit-inner-spin-button {
  -webkit-appearance: none;
}
.numbox input:focus {
  border-color: #df0c01;
}
.numbox .btn {
  width: 0.4rem;
  position: absolute;
  right: 0;
  height: 100%;
  top: 0;
}
.numbox .btn > div {
  width: 100%;
  height: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #999999;
  font-weight: bold;
  line-height: 1;
  cursor: pointer;
  border-left: 1px solid #dedede;
}
.numbox .btn > div:hover {
  color: #df0c01;
}
.numbox .btn .plus {
  border-bottom: 1px solid #dedede;
}
.numbox.large input {
  line-height: 0.48rem;
  height: 0.48rem;
}
.collect {
  display: inline-flex;
  align-items: center;
  flex-direction: column;
  line-height: 1;
  color: #999999;
  height: 0.38rem;
  justify-content: center;
  cursor: pointer;
}
.collect.large {
  height: 0.48rem;
}
.collect span {
  font-size: 0.75em;
}
.collect .iconfont {
  font-size: 1.25em;
}
.collect .icon-collection_fill {
  color: #df0c01;
  display: none;
}
.collect.is-collect {
  color: #df0c01;
}
.collect.is-collect .icon-collectio {
  display: none;
}
.collect.is-collect .icon-collection_fill {
  display: block;
}
.detail-title {
  color: #333333;
  font-weight: bold;
  line-height: 1.875;
  margin-bottom: 0.12rem;
}
.detail-title [href] {
  font-weight: normal;
}
.detail-title [href]:hover,
.detail-title [href].active {
  color: #e40011;
  font-weight: bold;
}
.pro-detail .title-wrap {
  display: flex;
}
.pro-detail .title-wrap .detail-title {
  margin-right: 0.66rem;
}
.pro-detail .title-wrap .btn-wrap {
  flex: 1;
  display: flex;
  justify-content: flex-end;
}
.pro-detail .title-wrap .btn-wrap .btn {
  margin-bottom: 0.12rem;
  font-size: 0.875em;
  color: #333333;
  line-height: 0.28rem;
  border-radius: 0.14rem;
  border: 1px solid #dddddd;
  padding: 0 0.15rem;
  background-image: linear-gradient(90deg, #f3f3f3 0%, #ffffff 100%);
  transition: 0.3s;
}
.pro-detail .title-wrap .btn-wrap .btn:hover {
  background: #df0c01;
  color: #fff;
  border-color: #df0c01;
}
.pro-detail .detail-inner {
  background-color: #fff;
  padding: 0.5rem;
}
.comment .top-wrap {
  display: flex;
  padding-bottom: 0.35rem;
  border-bottom: 1px solid #eeeeee;
  margin-bottom: 0.3rem;
}
.comment .top-wrap .left {
  width: 1.2rem;
  flex-shrink: 0;
}
.comment .top-wrap .left .label {
  line-height: 1.875;
}
.comment .top-wrap .left .percent {
  font-size: 1.875em;
  color: #e40011;
}
.comment .top-wrap .right {
  flex: 1;
  display: flex;
  flex-wrap: wrap;
}
.comment .tab {
  margin-bottom: 0.4rem;
  display: flex;
  flex-wrap: wrap;
}
.comment-item {
  display: flex;
  border-bottom: 1px solid #eee;
  padding-bottom: 0.2rem;
  margin-bottom: 0.3rem;
}
.comment-item .left {
  width: 1.2rem;
  flex-shrink: 0;
}
.comment-item .right {
  flex: 1;
  position: relative;
}
.comment-item .right .delete {
  position: absolute;
  right: 0;
  top: 0;
  font-size: 1.25em;
  color: #9f9f9f;
  cursor: pointer;
}
.comment-item .right .delete:hover {
  color: #df0c01;
}
.comment-item .layui-rate {
  padding-top: 0;
}
.comment-item .content {
  font-size: 0.875em;
  color: #333333;
  line-height: 1.714;
  margin-bottom: 0.3rem;
}
.comment-item .pro {
  display: flex;
  justify-content: space-between;
  margin-top: 0.1rem;
}
.comment-item .pro .info {
  font-size: 0.875em;
  color: #999999;
}
.comment-item .pro .info span + span {
  margin-left: 0.2rem;
}
.comment-item .pro .handle {
  display: flex;
}
.comment-item .pro .handle a {
  display: flex;
  align-items: center;
}
.comment-item .pro .handle dd {
  display: flex;
  align-items: center;
  cursor: pointer;
}
.comment-item .pro .handle dd.active span,
.comment-item .pro .handle dd:hover span {
  color: #df0c01;
}
.comment-item .pro .handle dd.active .icon,
.comment-item .pro .handle dd:hover .icon {
  color: #df0c01;
}
.comment-item .pro .handle dd span {
  font-size: 0.75em;
  color: #666666;
}
.comment-item .pro .handle dd .icon {
  font-size: 0.875em;
  margin-right: 0.1rem;
  color: #dddddd;
}
.comment-item .pro .handle dd + dd {
  margin-left: 0.3rem;
}
.comment-pic .small-list {
  display: flex;
  flex-wrap: wrap;
  margin-left: -0.05rem;
  margin-right: -0.05rem;
}
.comment-pic .small-list .item {
  margin: 0 0.05rem 0.1rem;
  cursor: zoom-in;
}
.comment-pic .small-list .item.active {
  cursor: zoom-out;
}
.comment-pic .small-list .pic {
  width: 0.8rem;
  padding-top: 100%;
  position: relative;
  overflow: hidden;
  transition: 0.3s;
}
.comment-pic .small-list .pic img {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  object-fit: cover;
  transition: 0.3s;
}
.comment-pic .small-list .pic img:hover {
  transform: scale(1.1);
}
.comment-pic .small-list .pic::after {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  border: 1px solid #eee;
  transition: 0.3s;
}
.comment-pic .small-list .active .pic::after {
  border: 2px solid #df0c01;
}
.comment-pic .small-list .has-video .open-video {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: url(../images/play2.svg ) center / 0.3rem no-repeat;
}
.comment-pic .big-img img {
  display: block;
  border: 1px solid #eee;
  cursor: zoom-out;
}
.comment-pic .big-img .video {
  position: relative;
  max-width: 5rem;
  border: 1px solid #eee;
}
.comment-pic .big-img .video:hover .close {
  opacity: 1;
}
.comment-pic .big-img .video video {
  width: 100%;
  display: block;
}
.comment-pic .big-img .video .close {
  position: absolute;
  right: 0;
  top: 0;
  width: 0.5rem;
  height: 0.5rem;
  color: #fff;
  cursor: pointer;
  opacity: 0;
  transition: 0.3s;
  z-index: 2;
  display: flex;
  justify-content: center;
  align-items: center;
}
@keyframes rotateLoading {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
  }
}
.dialog-comment .flex {
  display: flex;
  align-items: flex-end;
}
.dialog-comment .flex .btn {
  margin-bottom: 0.1rem;
  margin-left: 0.2rem;
}
.dialog-comment .teatarea {
  position: relative;
  margin-bottom: 0.1rem;
  flex: 1;
}
.dialog-comment .teatarea textarea {
  line-height: 1.2;
  width: 100%;
  min-height: 1.5rem;
  padding: 0.2rem 0.2rem 0.3rem;
  border: 1px solid #eeeeee;
  border-radius: 0.04rem;
  transition: 0.3s;
}
.dialog-comment .teatarea textarea:focus {
  border-color: #df0c01;
}
.dialog-comment .teatarea .limit {
  position: absolute;
  right: 0.2rem;
  bottom: 0.2rem;
  color: #999999;
}
.dialog-comment .topic {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  --height: 0.24rem;
  margin-bottom: 0.3rem;
}
.dialog-comment .topic .item {
  display: flex;
  align-items: center;
  padding: 0 0.17rem;
  border: 1px solid #eeeeee;
  line-height: var(--height);
  border-radius: calc(var(--height) / 2);
  margin-right: 0.1rem;
  margin-bottom: 0.1rem;
  cursor: pointer;
  transition: 0.3s @with: 0.75em; font-size: 0.75em;;
}
.dialog-comment .topic .item .iconfont {
  color: #df0c01;
  margin-right: 0.07rem;
}
.dialog-comment .topic .item:hover {
  color: #fff;
  background-color: #e40011;
  border-color: #e40011;
}
.dialog-comment .topic .item:hover .iconfont {
  color: #fff;
}
.dialog-comment .upload-pic {
  display: flex;
  flex-wrap: wrap;
}
.dialog-comment .upload-pic .item {
  margin-right: 0.08rem;
  width: 0.8rem;
  position: relative;
  margin-bottom: 0.1rem;
}
.dialog-comment .upload-pic .item.has-video {
  width: 1.6rem;
}
.dialog-comment .upload-pic .item .video {
  padding-top: 50%;
}
.dialog-comment .upload-pic .close {
  color: #ddd;
  position: absolute;
  right: 0;
  top: 0;
  width: 0.3rem;
  height: 0.3rem;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 2;
  font-size: 0.875em;
  transform: translate(50%, -50%);
  cursor: pointer;
}
.dialog-comment .upload-pic .pic {
  padding-top: 100%;
  position: relative;
  overflow: hidden;
  cursor: pointer;
}
.dialog-comment .upload-pic .pic img {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  object-fit: cover;
}
.dialog-comment .upload-pic .video {
  padding-top: 100%;
  position: relative;
  overflow: hidden;
  cursor: pointer;
}
.dialog-comment .upload-pic .video video {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  object-fit: cover;
}
.dialog-comment .upload-item {
  margin-right: 0.1rem;
  background-color: #f9f9f9;
  border-radius: 0.04rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 0.8rem;
  height: 0.8rem;
  border: 1px dashed #dddddd;
  color: #999999;
  transition: 0.3s;
  cursor: pointer;
  margin-bottom: 0.1rem;
}
.dialog-comment .upload-item .txt {
  font-size: 0.875em;
}
.dialog-comment .upload-item:hover {
  border-color: #df0c01;
  color: #df0c01;
}
.dialog-comment .upload-item2 {
  margin-right: 0.1rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 0.8rem;
  height: 0.8rem;
  border: 1px solid #eee;
  font-size: 2.5em;
  color: #ddd;
  cursor: pointer;
  margin-bottom: 0.1rem;
  transition: 0.3s;
}
.dialog-comment .upload-item2:hover {
  border-color: #df0c01;
  color: #df0c01;
}
.dialog-comment .btn-wrap {
  text-align: center;
  margin-top: 0.8rem;
  margin-bottom: 0.3rem;
}
.dialog-comment .btn-wrap input {
  padding: 0 0.6rem;
  line-height: 0.5rem;
  border-radius: 0.04rem;
  background-color: #df0c01;
  color: #fff;
  border: 0;
  cursor: pointer;
  transition: 0.3s;
}
.dialog-comment .btn-wrap input:hover {
  opacity: 0.8;
}
.specific-comments {
  padding-top: 0.15rem;
  margin-bottom: 0.9rem;
}
.specific-comments .flex-wrap {
  display: flex;
}
.specific-comments .comment-detail {
  width: 78.125%;
  margin-right: 0.4rem;
  padding: 0.5rem 0.5rem 0.7rem;
  background-color: #fff;
}
.specific-comments .comment-detail .comment-item {
  border-bottom: 0;
}
.specific-comments .comment-detail .detail-pic {
  margin-bottom: 0.3rem;
  margin-top: 0.25rem;
}
.specific-comments .comment-detail .detail-pic .img + .img {
  margin-top: 0.08rem;
}
.specific-comments .comment-detail .detail-pic img {
  display: block;
  border: 1px solid #eee;
}
.specific-comments .recommend {
  flex: 1;
}
.specific-comments .recommend > h2 {
  font-size: 1em;
  font-weight: bold;
  margin-bottom: 0.15rem;
}
.comment-input .textarea {
  border: 1px solid #eee;
  padding: 0.1rem 0.2rem;
  border-radius: 0.04rem;
  position: relative;
  display: flex;
  margin-bottom: 0.1rem;
  font-size: 0.875em;
}
.comment-input .textarea .label {
  color: #333;
  flex-shrink: 0;
  margin-right: 0.15rem;
}
.comment-input .textarea .label .name {
  color: #a9a9a9;
  margin-left: 0.1rem;
}
.comment-input .textarea textarea {
  min-height: 1.3rem;
  border: 0;
  flex: 1;
  resize: none;
}
.comment-input .textarea .limit {
  position: absolute;
  right: 0.2rem;
  bottom: 0.1rem;
  color: #999999;
}
.comment-input .btn-wrap {
  text-align: right;
}
.comment-input .btn-wrap input {
  padding: 0 0.34rem;
  line-height: 0.4rem;
  border-radius: 0.04rem;
  background-color: #df0c01;
  color: #fff;
  border: 0;
  transition: 0.3s;
  cursor: pointer;
}
.comment-input .btn-wrap input:hover {
  opacity: 0.8;
}
.apply-list {
  margin-top: 0.3rem;
}
.apply-list .top-wrap {
  display: flex;
  margin-bottom: 0.05rem;
  font-size: 0.875em;
}
.apply-list .top-wrap .content-wrap {
  flex: 1;
}
.apply-list .grey {
  flex-shrink: 0;
  color: #999999;
}
.apply-list .bot-wrap {
  display: flex;
  justify-content: space-between;
  font-size: 0.875em;
}
.apply-list .apply-btn {
  flex-shrink: 0;
}
.apply-list .time {
  color: #999999;
}
.apply-list .item {
  border-bottom: 1px solid #eeeeee;
  border-top: 1px solid #eeeeee;
  padding-bottom: 0.1rem;
  padding-top: 0.15rem;
}
.apply-list .item.active {
  border-color: transparent;
}
.apply-list .item + .item {
  border-top: 0;
}
.apply-list .comment-input {
  margin-top: 0.1rem;
}
.about {
  padding-top: 1.2rem;
  padding-bottom: 1.35rem;
  background-size: 100% auto;
  background-position: top center;
  background-repeat: no-repeat;
}
.about .title-wrap {
  text-align: center;
  color: #fff;
  padding-bottom: 0.3rem;
  position: relative;
}
.about .title-wrap::before {
  content: '';
  width: 1.2rem;
  height: 3px;
  background-color: #fff;
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
}
.about .title-wrap h1 {
  font-size: 1.875em;
  font-weight: normal;
}
.about .htmlContent {
  color: #fff;
  padding: 0 1.2rem 0.6rem;
}
.about .address-list {
  background-color: #fff;
  border-radius: 0.1rem 0.1rem 0 0;
  padding: 0.7rem 0.8rem 0.75rem;
  display: flex;
  justify-content: space-between;
  border-bottom: 4px solid #df0c01;
}
.about .address-list .item {
  display: flex;
  align-items: flex-start;
}
.about .address-list .tag {
  margin-right: 0.25rem;
  line-height: 0.4rem;
  border-radius: 0.04rem;
  background-color: #df0c01;
  color: #fff;
  padding: 0 0.13rem;
}
.about .address-list li {
  display: flex;
  margin-bottom: 0.1rem;
}
.about .address-list li .label {
  min-width: 0.7rem;
  flex-shrink: 0;
  text-align: justify;
  text-align-last: justify;
}
.login-panel {
  padding-top: 1rem;
}
.login-tab {
  display: flex;
  justify-content: center;
  margin-bottom: 0.6rem;
}
.login-tab .inner {
  --height: 0.54rem;
  display: flex;
  padding: 0.03rem;
  border-radius: calc((var(--height) + 0.03rem) / 2);
  background-color: #fff;
  position: relative;
  box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.08);
}
.login-tab .inner::before {
  content: '';
  width: calc((100% - 0.06rem) / 2);
  border-radius: calc(var(--height) / 2);
  background-image: linear-gradient(0deg, #0143cd 0%, #004ded 100%);
  height: var(--height);
  position: absolute;
  left: var(--left);
  top: 0.03rem;
  transition: 0.3s;
}
.login-tab .item {
  position: relative;
  z-index: 2;
}
.login-tab a {
  display: block;
  width: 2rem;
  line-height: var(--height);
  border-radius: calc(var(--height) / 2);
  text-align: center;
  color: #333;
}
.login-tab a.active {
  color: #fff;
}
.login-content {
  border-radius: 0.1rem;
  padding: 1rem 3.4rem 1.3rem;
  background-color: #fff;
  margin-bottom: 0.76rem;
}
.login-content .form-item {
  --lineHeight: 0.5rem;
  line-height: var(--lineHeight);
  display: flex;
  margin-bottom: 0.1rem;
}
.login-content .form-item .label {
  width: 1.3rem;
  flex-shrink: 0;
  padding-right: 0.2rem;
  color: #999999;
  text-align: right;
  min-height: var(--lineHeight);
}
.login-content .form-item .input {
  flex: 1;
}
.login-content .form-item .text {
  width: 100%;
  border-radius: 0.04rem;
  border: 1px solid #dddddd;
  height: var(--lineHeight);
  padding: 0 0.15rem;
  transition: 0.3s;
  caret-color: #df0c01;
  appearance: none;
}
.login-content .form-item .text:focus {
  border: 1px solid #e40011 !important;
  box-shadow: 0 0 6px 0 rgba(228, 0, 17);
}
.login-content .form-item .ver {
  position: relative;
}
.login-content .form-item .ver .ver-btn {
  font-size: 0.875em;
  color: #e40011;
  position: absolute;
  right: 0.2rem;
  top: 50%;
  transform: translateY(-50%);
  border: 0;
  background-color: transparent;
  cursor: pointer;
}
.login-content .form-item .password {
  position: relative;
}
.login-content .form-item .password .icon {
  position: absolute;
  right: 0.15rem;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
  font-size: 1.125em;
  color: #999999;
  transition: 0.3s;
}
.login-content .form-item .password .icon:hover {
  color: #df0c01;
}
.login-content .form-item .layui-form-select .layui-input {
  height: var(--lineHeight);
  border-radius: 0.04rem;
  border: 1px solid #dddddd;
  padding: 0 0.2rem;
}
.login-content .form-item .layui-form-select .layui-edge {
  width: 0.8em;
  height: 0.8em;
  border: 2px solid #999999;
  border-left-color: transparent;
  border-bottom-color: transparent;
  transform: rotate(-45deg);
  right: 0.2rem;
}
.login-content .form-item .layui-form-select dl {
  padding: 0 0.2rem;
}
.login-content .form-item .layui-form-select dd {
  line-height: 0.53rem;
}
.login-content .form-item .layui-form-select dd + dd {
  border-top: 1px solid #f1f1f1;
}
.login-content .form-item .layui-form-select dd.layui-this {
  background-color: transparent;
  color: #df0c01;
}
.login-content .form-item .layui-form-selected {
  box-shadow: 0 0 10px 0 #ddd;
}
.login-content .form-item .layui-form-selected dl {
  top: var(--lineHeight);
}
.login-content .form-item .layui-form-selected .layui-edge {
  transform: rotate(135deg);
}
.login-content .form-item .layui-form-selectup dl {
  top: auto;
  bottom: var(--lineHeight);
}
.login-content .radio-wrap {
  display: flex;
  justify-content: space-between;
  margin-bottom: 0.35rem;
}
.login-content .remember {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.login-content .remember .layui-form-select {
  display: none !important;
}
.login-content .link {
  color: #999999;
  font-size: 0.875em;
}
.login-content .link:hover {
  color: #df0c01;
}
.login-content .link.underline {
  text-decoration: underline;
}
.login-content .btn-wrap {
  padding-top: 0.35rem;
}
.login-content .btn-wrap input {
  width: 4rem;
  text-align: center;
  border-radius: 0.25rem;
  line-height: 0.5rem;
  background-color: #df0c01;
  color: #fff;
  border: 0;
  transition: 0.3s;
  cursor: pointer;
}
.login-content .btn-wrap input:hover {
  opacity: 0.8;
}
.shop-car {
  margin-top: 0.6rem;
  padding: 0.6rem;
  border-radius: 0.1rem;
  background-color: #fff;
  margin-bottom: 1rem;
}
.shop-car .car-header {
  display: flex;
  align-items: baseline;
  padding-bottom: 0.15rem;
  border-bottom: 1px solid #eee;
}
.shop-car .car-header-label {
  color: #999999;
  font-size: 0.875em;
}
.shop-car .td1 {
  width: var(--width, 14.31034483%);
}
.shop-car .td2 {
  flex: 1;
}
.shop-car .td3 {
  width: var(--width, 13.96551724%);
}
.shop-car .td4 {
  width: var(--width, 17.06896552%);
}
.shop-car .td5 {
  width: var(--width, 15.34482759%);
}
.shop-car .td6 {
  width: var(--width, 3.01724138%);
}
.car-list .item {
  padding: 0.4rem 0;
  border-bottom: 1px solid #eee;
}
.car-list .sub-item {
  display: flex;
  align-items: center;
}
.car-list .sub-item + .sub-item {
  margin-top: 0.2rem;
}
.car-list .td-inner {
  font-size: 0.875em;
}
.car-list .price {
  font-size: 0.875em;
  color: #e40011;
  font-weight: bold;
}
.car-list .handle-icon {
  width: 0.35rem;
  height: 0.35rem;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  justify-content: center;
  position: relative;
  cursor: pointer;
  font-size: 1.25em;
}
.car-list .handle-icon .iconfont {
  color: #dddddd;
  transition: 0.3s;
}
.car-list .handle-icon:hover .iconfont {
  color: #e40011;
}
.car-list .td1 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-right: 0.2rem;
}
.car-list .td2 {
  padding-right: 0.7rem;
}
.car-list .pro-pic {
  width: 0.9rem;
}
.car-list .pro-pic .pic {
  padding-top: 100%;
  position: relative;
  overflow: hidden;
  border: 1px solid #eeeeee;
}
.car-list .pro-pic img {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  object-fit: contain;
}
.car-list .txt h2 {
  font-size: 1em;
  font-weight: normal;
  line-height: 1.563;
}
.car-list .txt h2 a {
  color: #333333;
  transition: 0.3s;
}
.car-list .txt h2 a:hover {
  color: #df0c01;
}
.car-list .txt .des {
  font-size: 0.875em;
  color: #999999;
  line-height: 1.786;
  margin-top: 0.05rem;
}
.car-footer {
  display: flex;
  justify-content: space-between;
  padding-top: 0.4rem;
}
.car-footer .left {
  display: flex;
  align-self: baseline;
}
.car-footer .left .delete {
  font-size: 0.875em;
  margin-left: 0.5rem;
  cursor: pointer;
  user-select: none;
  transition: 0.3s;
}
.car-footer .left .checkbox span:first-of-type {
  color: #333;
}
.car-footer .right {
  display: flex;
  align-items: baseline;
}
.car-footer .right span {
  font-size: 0.875em;
  color: #333333;
  line-height: 1.786;
}
.car-footer .right .price {
  font-size: 1.625em;
  font-weight: bold;
  color: #e40011;
}
.car-footer .right .com-btn {
  margin-left: 0.3rem;
}
.confirm-order .column-title {
  margin-bottom: 0.3rem;
}
.confirm-order .invoice-wrap {
  margin-bottom: 0.4rem;
}
.confirm-order .invoice-wrap .title {
  padding-bottom: 0.15rem;
  border-bottom: 1px solid #eee;
  margin-bottom: 0.3rem;
}
.confirm-order .invoice-wrap .title .checkbox span:first-of-type {
  color: #333;
}
.confirm-order .tax-form .form-item {
  display: flex;
  align-items: center;
  margin-bottom: 0.14rem;
}
.confirm-order .tax-form .form-item .label {
  flex-shrink: 0;
  width: 1.1rem;
  text-align: right;
  font-size: 0.875em;
  color: #999999;
  line-height: 0.4rem;
  padding-right: 0.1rem;
}
.confirm-order .tax-form .form-item .input {
  flex: 1;
  padding-right: 0.2rem;
  position: relative;
  max-width: 3.4rem;
}
.confirm-order .tax-form .form-item .input .required {
  position: absolute;
  right: 0;
  top: 0;
  line-height: 0.4rem;
  color: #df0c01;
}
.confirm-order .tax-form .form-item .text {
  width: 100%;
  padding: 0 0.2rem;
  border: 1px solid #eee;
  height: 0.4rem;
  font-size: 0.875em;
  transition: 0.3s;
}
.confirm-order .tax-form .form-item .text:focus {
  border-color: #e40011;
  box-shadow: 0 0 6px 0 rgba(228, 0, 17);
}
.confirm-order .pro-wrap {
  padding-bottom: 0.3rem;
  border-bottom: 1px solid #eee;
}
.confirm-order .pro-wrap .item {
  display: flex;
  align-items: center;
}
.confirm-order .pro-wrap .item + .item {
  margin-top: 0.3rem;
}
.confirm-order .pro-wrap .item .img {
  width: 0.9rem;
  margin-right: 0.3rem;
}
.confirm-order .pro-wrap .item .pic {
  padding-top: 100%;
  position: relative;
  overflow: hidden;
  border: 1px solid #eeeeee;
}
.confirm-order .pro-wrap .item img {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  object-fit: contain;
}
.confirm-order .pro-wrap .item .txt {
  width: 46.61016949%;
  padding-right: 0.15rem;
}
.confirm-order .pro-wrap .item .txt h2 {
  font-size: 1em;
  font-weight: normal;
  max-width: 3.3rem;
  line-height: 1.563;
}
.confirm-order .pro-wrap .item .txt .des {
  max-width: 3.4rem;
  color: #999999;
  line-height: 1.786;
  font-size: 0.875em;
  margin-top: 0.05rem;
}
.confirm-order .pro-wrap .item .price {
  width: 16.10169492%;
  font-size: 0.875em;
}
.confirm-order .pro-wrap .item .number {
  width: 13.55932203%;
  font-size: 0.875em;
}
.confirm-order .pro-wrap .item .sum {
  text-align: right;
  color: #e40011;
  font-weight: bold;
  line-height: 1.786;
}
.confirm-order .price-detail {
  padding: 0.3rem 0;
  border-bottom: 1px solid #eee;
}
.confirm-order .price-detail .item {
  display: flex;
  justify-content: flex-end;
  text-align: right;
  line-height: 1.786;
  font-size: 0.875em;
}
.confirm-order .price-detail .item .price {
  width: 1.5rem;
  color: #e40011;
  font-weight: bold;
}
.confirm-order .price-detail .item + .item {
  margin-top: 0.1rem;
}
.confirm-order .confirm-wrap {
  text-align: right;
  padding-top: 0.3rem;
}
.confirm-order .confirm-wrap .price-wrap {
  display: flex;
  justify-content: flex-end;
  align-items: baseline;
}
.confirm-order .confirm-wrap .price-wrap .label {
  font-size: 0.875em;
}
.confirm-order .confirm-wrap .price-wrap .price {
  font-size: 1.5em;
  color: #e40011;
  font-weight: bold;
  margin-left: 0.2rem;
}
.confirm-order .confirm-wrap .info {
  font-size: 0.875em;
  color: #999999;
  line-height: 1.786;
  margin-bottom: 0.3rem;
}
.radio-con {
  display: inline-block;
  cursor: pointer;
}
.radio-con input {
  display: none !important;
}
.radio-con input:checked + .radio-inner {
  border-color: #e40011;
}
.radio-con input:checked + .radio-inner .icon {
  border-color: #e40011;
  background-color: #e40011;
}
.radio-con .radio-inner {
  border: 1px solid #ddd;
  border-radius: 0.04rem;
  padding: 0.12rem 0.3rem 0.12rem 0.2rem;
  position: relative;
  min-height: 0.2rem;
  transition: 0.3s;
}
.radio-con .icon {
  width: 0.2rem;
  height: 0.2rem;
  position: absolute;
  right: 0.1rem;
  top: 0;
  bottom: 0;
  margin: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  color: #fff;
  border: 1px solid #ddd;
  transition: 0.3s;
}
.radio-con .icon .iconfont {
  font-size: 0.75em;
}
.radio-con .address-info {
  padding: 0.05rem 0 0.09rem;
}
.radio-con .address-info h2 {
  font-size: 1em;
}
.radio-con .address-info h2 .phone {
  margin-left: 0.2rem;
}
.radio-con .address-info .des {
  font-size: 0.875em;
  color: #666;
  margin-top: 0.04rem;
}
.radio-con .pay-info .img {
  padding-top: 0.3rem;
  position: relative;
}
.radio-con .pay-info .img img {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  max-height: 100%;
  object-fit: contain;
}
.radio-con .pay-info .txt {
  line-height: 0.3rem;
  font-size: 1.125em;
}
.order-select-item {
  display: flex;
  margin-left: -0.05rem;
  margin-right: -0.05rem;
  flex-wrap: wrap;
  margin-bottom: 0.5rem;
}
.order-select-item .item {
  padding: 0 0.05rem;
  margin-bottom: 0.1rem;
}
.order-select-item .w33 {
  width: 33.33%;
}
.order-select-item .w16 {
  width: 16.665%;
}
.order-select-item .radio-con {
  width: 100%;
}
.order-detail .order-status {
  display: flex;
  color: #e40011;
  margin-bottom: 0.5rem;
}
.order-detail .order-status .icon {
  font-size: 0.4rem;
  margin-right: 0.2rem;
  flex-shrink: 0;
}
.order-detail .order-status .txt {
  min-height: 0.4rem;
  display: flex;
  align-items: center;
  font-size: 1.125em;
  line-height: 1.667;
}
.order-detail .column-title {
  padding-bottom: 0.32rem;
  border-bottom: 1px solid #eee;
}
.order-detail .order-info {
  border-bottom: 1px solid #eeeeee;
  padding-bottom: 0.3rem;
}
.order-detail .order-info > li {
  display: flex;
}
.order-detail .order-info > li + li {
  margin-top: 0.3rem;
}
.order-detail .order-info .label {
  width: 0.9rem;
  color: #333333;
  font-weight: bold;
  line-height: 1.25em;
}
.order-detail .order-info .des {
  flex: 1;
  font-size: 0.875em;
  color: #666666;
  line-height: 1.25em;
}
.order-detail .order-info .des p + p {
  margin-top: 0.12rem;
}
.order-detail .order-info .price {
  color: #e40011;
  font-size: 0.16rem;
}
.order-detail .order-info .pro-wrap .item {
  display: flex;
  align-items: center;
}
.order-detail .order-info .pro-wrap .item + .item {
  margin-top: 0.3rem;
}
.order-detail .order-info .pro-wrap .item .img {
  width: 0.9rem;
  margin-right: 0.3rem;
  border: 1px solid #eeeeee;
}
.order-detail .order-info .pro-wrap .item .pic {
  padding-top: 100%;
  position: relative;
  overflow: hidden;
}
.order-detail .order-info .pro-wrap .item img {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  object-fit: contain;
}
.order-detail .order-info .pro-wrap .item .txt {
  flex: 1;
  padding-right: 0.15rem;
}
.order-detail .order-info .pro-wrap .item .txt h2 {
  font-size: 1em;
  font-weight: normal;
  max-width: 3.3rem;
  line-height: 1.563;
}
.order-detail .order-info .pro-wrap .item .txt .des {
  max-width: 3.4rem;
  color: #999999;
  line-height: 1.786;
  font-size: 0.875em;
  margin-top: 0.05rem;
}
.order-detail .order-info .pro-wrap .item .price {
  width: 16.10169492%;
  font-size: 0.875em;
}
.order-detail .order-info .pro-wrap .item .number {
  width: 13.55932203%;
  font-size: 0.875em;
  text-align: right;
}
.order-detail .order-info .pro-wrap .item .sum {
  text-align: right;
  color: #e40011;
  font-weight: bold;
  line-height: 1.786;
}
.order-detail .btn-wrap {
  padding-top: 0.7rem;
}
.add-address{
  padding-top: 0.2rem;
  max-width: 6.5rem;
}
.add-address .title {
  font-size: 0.2rem;
  margin-bottom: 0.15rem;
  padding-bottom: 0.1rem;
  border-bottom: 1px solid #eee;
}
.add-address .form-item {
  --lineHeight: 0.5rem;
  display: flex;
  margin-bottom: 0.1rem;
}
.add-address .form-item .label {
  width: 0.6rem;
  font-size: 0.875em;
  color: #999999;
  line-height: var(--lineHeight);
  margin-right: 0.2rem;
  text-align: right;
}
.add-address .form-item .input {
  flex: 1;
}
.add-address .area-wrap {
  display: flex;
  margin-left: -0.05rem;
  margin-right: -0.05rem;
  flex-wrap: wrap;
}
.add-address .area-wrap .select {
  width: 33.33%;
  padding: 0 0.05rem;
}
.add-address .text {
  width: 100%;
  border-radius: 0.04rem;
  border: 1px solid #dddddd;
  height: var(--lineHeight);
  padding: 0 0.15rem;
  transition: 0.3s;
  caret-color: #df0c01;
  appearance: none;
  font-size: 0.875em;
}
.add-address .text:focus {
  border: 1px solid #e40011 !important;
  box-shadow: 0 0 6px 0 rgba(228, 0, 17);
}
.add-address .layui-input {
  border-radius: 0.04rem;
  border-color: #dddddd;
  height: var(--lineHeight);
  padding: 0 0.15rem;
  font-size: 0.875em;
}
.add-address .layui-form-select .layui-input {
  height: var(--lineHeight);
  border-radius: 0.04rem;
  border: 1px solid #dddddd;
  padding: 0 0.2rem;
}
.add-address .layui-form-select .layui-edge {
  width: 0.5em;
  height: 0.5em;
  border: 1px solid #999999;
  border-left-color: transparent;
  border-bottom-color: transparent;
  transform: rotate(-45deg);
  right: 0.2rem;
}
.add-address .layui-form-select dl {
  padding: 0 0.2rem;
}
.add-address .layui-form-select dd {
  line-height: 0.53rem;
}
.add-address .layui-form-select dd + dd {
  border-top: 1px solid #f1f1f1;
}
.add-address .layui-form-select dd.layui-this {
  background-color: transparent;
  color: #df0c01;
}
.add-address .layui-form-selected {
  box-shadow: 0 0 10px 0 #ddd;
}
.add-address .layui-form-selected dl {
  top: var(--lineHeight);
}
.add-address .layui-form-selected .layui-edge {
  transform: rotate(135deg);
}
.add-address .layui-form-selectup dl {
  top: auto;
  bottom: var(--lineHeight);
}
.add-address .btn {
  padding-top: 0.3rem;
}
.personal {
  margin: 0.6rem 0 0.9rem;
  display: flex;
}
.personal .side {
  width: 2rem;
  background-color: #eeeeee;
  border-radius: 0.1rem 0 0 0.1rem;
  overflow: hidden;
  align-self: flex-start;
}
.personal .per-main {
  flex: 1;
  background-color: #fff;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
  border-radius: 0 0.1rem 0.1rem 0;
  padding: 0.6rem;
}
.personal .per-main .Pages {
  margin-bottom: 0.4rem;
}
.personal .per-main .Pages a {
  background-color: #f8f8f8;
}
.personal .per-main .Pages a:hover {
  background-color: #e40011;
}
.personal .per-main .Pages a.a_cur {
  background-color: #e40011;
}
.personal .per-main .Pages .i_text {
  background-color: #f8f8f8;
}
.side-menu li {
  margin-bottom: 0.1rem;
}
.side-menu .pre-icon {
  font-size: 1.25em;
  width: 0.2rem;
  height: 0.2rem;
  margin-right: 0.2rem;
}
.side-menu .pre-icon .iconfont {
  display: block;
  line-height: 1;
}
.side-menu em {
  display: flex;
  align-items: center;
  padding: 0.3rem;
  line-height: 1;
}
.side-menu em a {
  flex: 1;
  line-height: 1;
  font-weight: bold;
}
.side-menu em a.active {
  color: #e40011;
}
.side-menu em .after-icon {
  transition: 0.3s;
  cursor: pointer;
}
.side-menu em .after-icon.active {
  transform: rotate(90deg);
}
.side-menu em.active {
  background-color: #e40011;
  color: #fff;
}
.side-menu em.active a {
  color: #fff;
}
.side-menu em.active + .sub {
  margin-top: 0.1rem;
}
.side-menu .sub {
  margin-bottom: 0.38rem;
  padding: 0 0.3rem;
}
.side-menu .sub dd {
  display: flex;
  align-items: center;
  line-height: 1;
}
.side-menu .sub dd + dd {
  margin-top: 0.1rem;
}
.side-menu .sub dd a {
  color: #666;
}
.side-menu .sub dd a:hover,
.side-menu .sub dd a.active {
  color: #e40011;
}
.my-order-tab {
  --lineHeight: 0.28rem;
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid #eee;
  padding-bottom: 0.13rem;
  margin-bottom: 0.1rem;
}
.my-order-tab .tab {
  display: flex;
}
.my-order-tab .tab a {
  min-height: var(--lineHeight);
  display: flex;
  align-items: center;
  color: #333;
}
.my-order-tab .tab a:not(:last-of-type) {
  margin-right: 0.4rem;
}
.my-order-tab .tab a.active {
  font-weight: bold;
}
.my-order-tab .tab a[href]:hover {
  color: #e40011;
}
.my-order-tab .search {
  padding-left: 0.15rem;
  border-left: 1px solid #ddd;
  display: flex;
  flex-shrink: 0;
  align-items: center;
}
.my-order-tab .search .text {
  height: var(--lineHeight);
  border: 0;
  width: 2.3rem;
  font-size: 0.875em;
}
.my-order-tab .add-btn {
  font-size: 0.875em;
}
.my-order-tab .add-btn a {
  color: #e40011;
}
.my-order-list {
  margin-bottom: 0.6rem;
}
.my-order-list .item {
  padding: 0.3rem 0 0.25rem;
  border-bottom: 1px solid #eee;
}
.my-order-list .item.cancel {
  opacity: 0.5;
}
.my-order-list .item.cancel .order-item-header .blue {
  color: #333;
}
.my-order-list .item.cancel .order-item-header .order-status {
  color: #333;
}
.my-order-list .order-item-header {
  display: flex;
  justify-content: space-between;
  color: #333333;
  margin-bottom: 0.2rem;
}
.my-order-list .order-item-header .bold {
  font-weight: bold;
}
.my-order-list .order-item-header .blue {
  color: #275ccc;
}
.my-order-list .order-item-header .order-status {
  color: #e40011;
}
.my-order-list .sub-item {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.my-order-list .sub-item + .sub-item{
  margin-top: 0.1rem;
}
.my-order-list .sub-item .com-pro-wrap {
  flex: 1;
}
.my-order-list .handle {
  margin-left: 1.7rem;
  width: 0.9rem;
}
.my-order-list .handle .com-btn {
  display: block;
}
.my-order-list .handle .com-btn + .com-btn {
  margin-top: 0.06rem;
}
.my-order-list .handle .com-btn.noborder {
  margin-top: 0.02rem;
  color: #999999;
}
.com-pro-wrap {
  display: flex;
  align-items: center;
}
.com-pro-wrap .img {
  width: 0.9rem;
  margin-right: 0.3rem;
}
.com-pro-wrap .img .pic {
  padding-top: 100%;
  position: relative;
  overflow: hidden;
  border: 1px solid #eee;
}
.com-pro-wrap .img .pic img {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  object-fit: contain;
}
.com-pro-wrap .txt {
  flex: 1;
  --maxWidth: 3.3rem;
}
.com-pro-wrap .txt h2 {
  max-width: var(--maxWidth);
  font-size: 1em;
  font-weight: normal;
  line-height: 1.563;
}
.com-pro-wrap .txt .des {
  font-size: 0.875em;
  color: #999999;
  margin-top: 0.08rem;
}
.com-pro-wrap .price {
  font-size: 0.875em;
}
.com-pro-wrap .price.grey {
  color: #333;
}
.com-pro-wrap .price + .num {
  margin-left: 0.75rem;
}
.com-pro-wrap .num {
  font-size: 0.875em;
  color: #333333;
}
.com-pro-wrap .num + .price {
  margin-left: 0.75rem;
}
.my-order-detail .column-title {
  margin-bottom: 0.4rem;
}
.my-order-detail .column-title .order-status {
  margin-bottom: 0;
  color: #e2231a;
  font-size: 0.16rem;
  font-weight: bold;
}
.my-order-detail .order-type {
  color: #275ccc;
  font-weight: bold;
  font-size: 0.16rem;
}
.my-order-detail .com-pro-wrap {
  margin-top: 0.15rem;
  font-size: 0.16rem;
  color: #333;
}
.my-order-detail .com-pro-wrap .price {
  font-size: 0.875em;
}
.my-order-detail .btn-wrap {
  padding-top: 0.4rem;
  display: flex;
  justify-content: space-between;
}
.my-order-detail .layui-rate {
  padding: 0;
}
.my-order-detail .rate {
  display: flex;
  margin-bottom: 0.08rem;
  align-items: center;
}
.my-order-detail .rate .layui-inline {
  display: inline-block;
}
.my-order-detail .rate .rate-inner {
  flex: 1;
}
.my-order-detail .rate > span + .rate-inner .layui-rate {
  margin-left: 0.2rem;
}
.my-order-detail .dialog-comment {
  margin-top: 0.3rem;
}
.layui-rate .layui-icon {
  color: #dddddd !important;
}
.layui-rate .layui-icon::before {
  content: '\e67a';
}
.layui-rate .layui-icon-rate-half,
.layui-rate .layui-icon-rate-solid {
  color: #e40011 !important;
}
.my-comment-list {
  padding-top: 0.2rem;
}
.per-form {
  --lineHeight: 0.5rem;
  padding-top: 0.3rem;
  max-width: 6.1rem;
}
.per-form .form-item {
  display: flex;
  margin-bottom: 0.1rem;
}
.per-form .form-item .label {
  width: 0.9rem;
  line-height: var(--lineHeight);
  flex-shrink: 0;
  text-align: right;
  font-size: 0.875em;
  color: #999999;
  margin-right: 0.2rem;
}
.per-form .form-item .input {
  flex: 1;
}
.per-form .ver .input {
  display: flex;
  align-items: center;
  font-size: 0.875em;
}
.per-form .ver .input .phone {
  margin-right: 0.2rem;
}
.per-form .ver .input a {
  color: #e40011;
}
.per-form .avatar-wrap {
  margin-bottom: 0.3rem;
}
.per-form .avatar-wrap .avatar {
  margin-bottom: 0.1rem;
}
.per-form .avatar-wrap .com-btn {
  line-height: 0.28rem;
  font-size: 0.875em;
}
.per-form .com-input {
  width: 100%;
}
.per-form .com-input .text {
  height: var(--lineHeight);
  padding: 0 0.15rem;
  transition: 0.3s;
  font-size: 0.875em;
}
.per-form .com-input .text:focus {
  border: 1px solid #e40011 !important;
  box-shadow: 0 0 6px 0 rgba(228, 0, 17);
}
.per-form .btn-wrap .com-btn {
  min-width: 2.2rem;
  margin-top: 0.3rem;
}
.change-password {
  max-width: 3.74rem;
}
.my-address-list .item {
  display: flex;
  align-items: center;
  padding: 0.23rem 0 0.23rem;
  border-bottom: 1px solid #eee;
}
.my-address-list .left {
  flex: 1;
}
.my-address-list h2 {
  font-size: 1em;
  line-height: 0.22rem;
}
.my-address-list h2 .name {
  margin-right: 0.15rem;
}
.my-address-list h2 .phone {
  margin-right: 0.15rem;
}
.my-address-list h2 .tag {
  padding: 0 0.08rem;
  background-color: #0143cd;
  color: #fff;
  font-weight: normal;
  font-size: 0.75em;
  border-radius: 0.11rem;
}
.my-address-list .des {
  font-size: 0.875em;
  color: #666666;
  margin-top: 0.05rem;
}
.my-address-list .right a {
  font-size: 0.875em;
  color: #999999;
  transition: 0.3s;
}
.my-address-list .right a + a {
  margin-left: 0.3rem;
}
.my-address-list .right a:hover {
  color: #e40011;
}
.service-detail .column-title {
  padding-bottom: 0.25rem;
  border-bottom: 1px solid #eee;
  align-items: center;
}
.service-detail .column-title .com-btn {
  font-size: 0.16rem;
}
.service-detail .form-item {
  display: flex;
  margin-bottom: 0.15rem;
}
.service-detail .form-item .label {
  font-weight: bold;
  width: 1.06rem;
  flex-shrink: 0;
}
.service-detail .form-item .input {
  flex: 1;
}
.service-detail .com-btn {
  min-width: 1.8rem;
}
.ind-ban-wrap {
  position: relative;
}
.ind-ban-wrap .ban-inner {
  display: flex;
  padding-top: 0.3rem;
  margin-bottom: 0.3rem;
}
.ind-ban-wrap .menu {
  width: 2.2rem;
  padding: 0.2rem 0;
  background-image: linear-gradient(90deg, #d00101 0%, #ed1501 100%);
  border-radius: 0.04rem;
  margin-right: 0.1rem;
}
.ind-ban-wrap .menu li a {
  display: flex;
  justify-content: space-between;
  color: #fff;
  padding: 0.05rem 0.2rem;
  transition: 0.3s;
}
.ind-ban-wrap .menu li a:hover {
  background: rgba(0, 0, 0, 0.2);
}
.ind-ban-wrap .swiper {
  flex: 1;
  border-radius: 0.04rem;
}
.ind-ban-wrap .swiper .swiper-slide {
  position: relative;
}
.ind-ban-wrap .swiper .pic {
  height: 100%;
  width: 100%;
  position: relative;
  background-color: #eee;
}
.ind-ban-wrap .swiper .pic img {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  object-fit: cover;
}
.ind-ban-wrap .swiper a {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}
.ind-ban-wrap .swiper .swiper-pagination {
  bottom: 0.2rem;
  display: flex;
  justify-content: center;
}
.ind-ban-wrap .swiper .swiper-pagination .swiper-pagination-bullet {
  width: 0.1rem;
  height: 0.1rem;
  border-radius: 0.05rem;
  background-color: #fff;
  opacity: 0.5;
  transition: 0.3s;
}
.ind-ban-wrap .swiper .swiper-pagination .swiper-pagination-bullet-active {
  opacity: 1;
  width: 0.2rem;
}
.ind-ban-wrap .login-info {
  width: 2.6rem;
  margin-left: 0.1rem;
  border-radius: 0.04rem;
  background-image: linear-gradient(-180deg, rgba(228, 0, 17, 0.1) 0%, #fffdfd 50%, #ffffff 100%);
  padding: 0.23rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
}
.ind-ban-wrap .login-info .avatar-wrap {
  border-radius: 50%;
  border: 0.07rem solid rgba(255, 255, 255, 0.502);
  margin-top: 0.2rem;
}
.ind-ban-wrap .login-info .avatar-wrap .avatar {
  --size: 0.96rem;
  margin-bottom: 0;
}
.ind-ban-wrap .login-info .btn-wrap {
  width: 100%;
  display: flex;
}
.ind-ban-wrap .login-info .btn-wrap .com-btn {
  flex: 1;
  border-color: #e40011;
  color: #e40011;
  font-size: 0.875em;
}
.ind-ban-wrap .login-info .btn-wrap .com-btn:last-of-type {
  margin-left: 0.14rem;
  background-color: #e40011;
  color: #fff;
}
.ind-ban-wrap .login-info .add img {
  max-height: 0.8rem;
  border-radius: 0.04rem;
}
.ind-ban-wrap .login-info .user-info {
  width: 100%;
}
.ind-ban-wrap .login-info .user-info .username {
  text-align: center;
  font-size: 0.875em;
  color: #333333;
  font-weight: bold;
  line-height: 1.714;
  margin-bottom: 0.15rem;
}
.ind-ban-wrap .login-info .user-info .orders {
  display: flex;
  justify-content: space-between;
  text-align: center;
}
.ind-ban-wrap .login-info .user-info .orders a {
  color: #333333;
  transition: 0.3s;
}
.ind-ban-wrap .login-info .user-info .orders a:hover {
  color: #e40011;
}
.ind-ban-wrap .login-info .user-info .orders .num {
  font-weight: bold;
  font-size: 1.125em;
  line-height: 1;
}
.ind-ban-wrap .login-info .user-info .orders .label {
  font-size: 0.875em;
  line-height: 1.714;
}
.ind-ban-wrap .pic-nav {
  margin-left: -0.07rem;
  margin-right: -0.07rem;
  display: flex;
  flex-wrap: wrap;
}
.ind-ban-wrap .pic-nav .item {
  padding: 0 0.07rem;
  width: 25%;
  margin-bottom: 0.14rem;
  position: relative;
}
.ind-ban-wrap .pic-nav .pic {
  padding-top: 38.70967742%;
  position: relative;
  overflow: hidden;
}
.ind-ban-wrap .pic-nav .pic img {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  object-fit: cover;
}
.ind-ban-wrap .pic-nav .txt {
  position: absolute;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 2;
  text-align: center;
  left: 0;
  top: 0;
  color: #fff;
  font-size: 1.5em;
  font-weight: bold;
  line-height: 1.25;
  padding: 0.2rem;
}
.ind-content .txt-nav {
  margin-bottom: 0.3rem;
  position: sticky;
  top: 0;
  transition: 0.3s;
  z-index: 20;
}
.ind-content .txt-nav.active {
  background-color: #fff;
}
.ind-content .txt-nav.active .item a {
  background-color: #f8f8f8;
}
.ind-content .txt-nav .container {
  display: flex;
  justify-content: space-between;
}
.ind-content .txt-nav .item {
  min-width: 1.1rem;
  text-align: center;
  margin: 0.07rem 0;
}
.ind-content .txt-nav .item a {
  display: flex;
  min-height: 0.5rem;
  align-items: center;
  justify-content: center;
  text-align: center;
  border-radius: 0.25rem;
  background-color: #fff;
  padding: 0 0.3rem;
  transition: 0.3s;
}
.ind-content .txt-nav .item a.active,
.ind-content .txt-nav .item a:hover {
  color: #fff;
  background-color: #e40011;
}
.ind-content .txt-sub-nav {
  margin-bottom: 0.1rem;
}
.ind-content .txt-sub-nav .container {
  display: flex;
  justify-content: center;
}
.ind-content .txt-sub-nav .container .item {
  margin: 0 0.28rem 0.1rem;
}
.ind-content .txt-sub-nav .container .item a.active,
.ind-content .txt-sub-nav .container .item a:hover {
  color: #ea4953;
}
.ind-content .txt-sub-nav .container .item .more {
  font-size: 0.75em;
  color: #999;
}
.ind-content .txt-sub-nav .container .item .more:hover {
  color: #ea4953;
}
.ind-pro {
  padding-bottom: 1.1rem;
}
.ind-pro .ind-pro-list {
  display: flex;
  flex-wrap: wrap;
  margin-left: -0.1rem;
  margin-right: -0.1rem;
  margin-bottom: 0.2rem;
}
.ind-pro .swiper-item {
  padding: 0 0.1rem;
  margin-bottom: 0.2rem;
}
.ind-pro .swiper-item:first-of-type {
  width: 40%;
}
.ind-pro .swiper-item .swiper {
  height: 100%;
  border-radius: 0.1rem;
  overflow: hidden;
  min-height: 3.1rem;
}
.ind-pro .swiper-item .swiper .swiper-slide {
  position: relative;
}
.ind-pro .swiper-item .swiper .txt {
  position: absolute;
  width: 100%;
  bottom: 0;
  padding: 0.1rem 0.6rem 0.1rem 0.2rem;
  color: #fff;
  font-size: 1.125em;
  font-weight: bold;
}
.ind-pro .swiper-item .swiper .pic {
  height: 100%;
  position: relative;
  overflow: hidden;
  border-radius: 0.1rem;
}
.ind-pro .swiper-item .swiper .pic img {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  object-fit: cover;
}
.ind-pro .swiper-item .swiper .pic::after {
  content: '';
  width: 100%;
  height: 3.1rem;
  background-image: linear-gradient(to top, #000000 0%, rgba(255, 255, 255, 0) 100%);
  position: absolute;
  left: 0;
  bottom: 0;
  opacity: 0.6;
}
.ind-pro .pro-item {
  width: 20%;
  padding: 0 0.1rem;
}
.ind-pro .swiper-pagination {
  position: absolute;
  width: auto !important;
  right: 0;
  left: auto !important;
  padding: 0 0.2rem;
}
.ind-pro .swiper-pagination .swiper-pagination-bullet {
  background-color: #fff;
}
/*# sourceMappingURL=./style.css.map */