@charset "utf-8";
/*!
by Sean Lu 20221107
!!!请勿直接在c.css中修改内容
!!!请勿直接在c.css中修改内容
!!!请勿直接在c.css中修改内容
*/
/* 内页相关页面样式设定 */
.mbox {
  margin-bottom: 20px;
}
@media (max-width: 800px) {
  .mbox {
    margin-bottom: 3vw;
  }
}
.mbox.mb01 {
  background: var(--color-bg);
}
.mbox.mb02 .bd {
  /*初始要显示的高度*/
  overflow: hidden;
  /*关键样式：内容会被修剪，并且其余内容是不可见的。*/
  position: relative;
}
.mbox.mb02 .bd .get_ct_more {
  clear: both;
  min-height: 1em;
  white-space: pre-wrap;
  height: 90px;
  position: absolute;
  bottom: 0px;
  width: 100%;
  background: linear-gradient(to top, #fff, rgba(255, 255, 255, 0) 70%);
  margin: 0px;
  margin-right: 10px;
  text-align: center;
  color: #000;
  font-size: 18px;
  cursor: pointer;
}
.mbox.mb02 .bd .more_bt {
  margin-bottom: -10px;
}
.mbox.mb04 {
  background: #fffbf2;
}
.mbox.mb04 .bd p img {
  max-width: 100%;
  display: block;
}
.mbox.mb06 {
  background: var(--color-bg);
}
.mbox * {
  transition: none;
}
.mbox .bd {
  overflow-x: auto;
}
.mbox .hd {
  padding: 20px;
  display: flex;
  cursor: pointer;
  justify-content: space-between;
  transition: opacity 0.3s;
}
@media (max-width: 800px) {
  .mbox .hd {
    padding: 3vw;
  }
}
.mbox .hd img {
  transform: rotate(180deg);
  transition: all 0.3s;
}
.mbox .hd h3 {
  font-size: var(--fsize-large);
  color: var(--color-6);
  font-weight: 700;
}
@media (max-width: 800px) {
  .mbox .hd h3 {
    font-size: var(--fsize-base);
  }
}
.mbox .hd.on img {
  transform: rotate(0);
}
.mbox .hd:hover {
  opacity: 0.6;
}
.mb01hd {
  font-size: var(--fsize-txt);
  font-weight: bold;
  padding: var(--gap-base) 20px;
}
.mb01list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 50px;
  padding: 20px;
}
@media (max-width: 800px) {
  .mb01list {
    padding: 3vw;
    gap: 3vw;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    font-size: var(--fsize-sma13);
  }
}
.mb01list .item {
  display: flex;
}
.mb01list .item .img {
  width: 54px;
  height: 54px;
  margin-right: 25px;
}
.mb01list .item .img img {
  display: block;
  width: 100%;
}
.mb01list .item .inf {
  flex: 1;
}
.mb01list .item .inf .nam {
  font-size: var(--fsize-base);
  color: var(--color-0);
  font-weight: 500;
  margin-bottom: 6px;
}
.mb01list .item .inf .txt {
  font-size: var(--fsize-base);
  color: var(--color-6);
  line-height: 1.2;
}
.roomideaswrap {
  margin-bottom: 24px;
  -webkit-column-count: 2;
  column-count: 2;
  -webkit-column-gap: var(--gap-base);
  column-gap: var(--gap-base);
}
@media (max-width: 800px) {
  .roomideaswrap {
    margin-top: var(--gap-h1);
    -webkit-column-count: 1;
    column-count: 1;
  }
}
.roomideaswrap .item {
  position: relative;
  box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.09);
  border-radius: 6px;
  overflow: hidden;
  margin-bottom: var(--gap-base);
}
.mb02box {
  position: relative;
  overflow: hidden;
}
.mb02box .img img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.mb02box .signwrap {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.mb02box .signwrap .sign {
  position: absolute;
  display: flex;
  align-items: center;
  height: 36px;
  transition: all 0.15s;
  cursor: pointer;
  text-align: center;
}
.mb02box .signwrap .sign .tag {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  background: rgba(0, 0, 0, 0.4);
  border-radius: 50%;
  box-sizing: border-box;
  transition: border 0.1s ease-out;
}
.mb02box .signwrap .sign .tag:after {
  content: "";
  display: inline-block;
  width: 12px;
  height: 12px;
  border-radius: 100%;
  overflow: hidden;
  background: #fff;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.55);
  transition: width 0.1s ease-out, height 0.1s ease-out;
}
.mb02box .signwrap .sign .lin {
  position: absolute;
  top: -22px;
  left: 15px;
  display: inline-block;
  width: 1px;
  height: 36px;
  background: #fff;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s;
}
.mb02box .signwrap .sign .inf {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  position: absolute;
  top: -84px;
  left: -10px;
  width: 168px;
  height: 64px;
  background: var(--color-white);
  border-radius: 8px;
  padding: 8px 12px;
  box-sizing: border-box;
  z-index: 1;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s;
}
@media (max-width: 800px) {
  .mb02box .signwrap .sign .inf {
    width: 110px;
    height: 48px;
    padding: 4px 6px;
    top: -70px;
  }
}
.mb02box .signwrap .sign .inf .tit {
  line-height: 22px;
  font-size: var(--fsize-base);
  font-weight: bold;
  color: var(--color-3);
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  word-break: break-all;
  -webkit-line-clamp: 1;
}
@media (max-width: 800px) {
  .mb02box .signwrap .sign .inf .tit {
    font-size: var(--fsize-sma13);
  }
}
.mb02box .signwrap .sign .inf .pri {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 4px;
}
.mb02box .signwrap .sign .inf .pri strong {
  font-size: var(--fsize-txt);
  color: var(--color-red);
}
@media (max-width: 800px) {
  .mb02box .signwrap .sign .inf .pri strong {
    font-size: var(--fsize-base);
  }
}
.mb02box .signwrap .sign .inf .pri s {
  font-size: var(--fsize-small);
  color: var(--color-9);
  margin-left: 4px;
}
.mb02box .signwrap .sign .inf .ret {
  position: absolute;
  right: -15px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  background: var(--color-0);
  border-radius: 100px;
}
.mb02box .signwrap .sign.on .tag {
  border: 2px solid hsla(0, 0%, 100%, 0.8);
}
.mb02box .signwrap .sign.on .tag:after {
  width: 8px;
  height: 8px;
  box-shadow: none;
}
.mb02box .signwrap .sign.on .lin {
  opacity: 1;
  visibility: visible;
}
.mb02box .signwrap .sign.on .inf {
  opacity: 1;
  visibility: visible;
}
.mb02box .signwrap .sign.sb .lin {
  top: 22px;
}
.mb02box .signwrap .sign.sb .inf {
  top: 58px;
}
.mb02box .signwrap .sign.sl .inf {
  left: -120px;
}
@media (max-width: 800px) {
  .mb02box .signwrap .sign.sl .inf {
    left: -80px;
  }
}
.roomidealist .swiper-wrapper {
  transition: all 0.3s;
}
.roomidealist .swiper-button-next,
.roomidealist .swiper-button-prev {
  color: var(--color-white);
}
.proimgshow01 img {
  display: block;
  width: 100%;
}
.proimgshow02 img {
  display: block;
  width: 100%;
}
.proimgshow02 .swiper-wrapper {
  transition: all 0.3s;
}
.proimgshow02 .swiper-pagination-bullet {
  background: var(--color-white);
  width: auto;
  min-width: 6vw;
  padding: var(--gap-mini) var(--gap-large);
  height: 30px;
  line-height: 30px;
  border-radius: 20px;
  font-size: var(--fsize-txt);
  opacity: 1;
  font-weight: bold;
}
@media (max-width: 800px) {
  .proimgshow02 .swiper-pagination-bullet {
    min-width: none;
    height: 24px;
    line-height: 24px;
    font-size: var(--fsize-small);
  }
}
.proimgshow02 .swiper-pagination {
  bottom: auto;
  top: var(--gap-large);
}
.proimgshow02 .swiper-pagination-bullet-active {
  background-color: var(--color-0);
  color: var(--color-white);
  opacity: 1;
}
.proimgshow02 .swiper-button-next,
.proimgshow02 .swiper-button-prev {
  color: var(--color-white);
}
.proimgshow03 img {
  display: block;
  width: 100%;
}
.proimgshow03 .swiper-wrapper {
  transition: all 0.3s;
}
.proimgshow03 .swiper-pagination-bullet-active {
  background-color: var(--color-0);
}
.proimgshow03 .swiper-button-next,
.proimgshow03 .swiper-button-prev {
  color: var(--color-white);
}
.mb03box {
  display: flex;
  font-size: var(--fsize-base);
  line-height: 1.4;
  color: var(--color-6);
  font-weight: 500;
  padding: 20px;
}
.mb03box .inf {
  flex: 1;
  margin-right: 70px;
}
.mb03box .lis {
  flex: 1;
}
.mb03box .lis .it {
  margin-bottom: 16px;
}
.mb03box .lis .it::before {
  content: "";
  width: 4px;
  height: 4px;
  background: var(--color-3);
  border-radius: 50%;
  display: inline-block;
  margin-bottom: 3px;
  margin-right: 6px;
}
.mb04box {
  display: flex;
  padding: 20px;
}
.mb04box .tit {
  flex: 1;
  margin-right: 70px;
  font-size: var(--fsize-h3);
  color: var(--color-0);
  font-weight: 500;
}
.mb04box .inf {
  flex: 1;
  font-size: var(--fsize-base);
  font-weight: 500;
  line-height: 1.4;
}
.mb04box .inf h3 {
  margin-bottom: 15px;
  font-weight: 700;
  font-size: var(--fsize-sma13);
}
.mb04list {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 50px;
  padding: 20px;
}
.mb04list .it .ih {
  margin-bottom: 10px;
  font-weight: 700;
  font-size: var(--fsize-sma13);
}
.mb04list .it .ib {
  font-size: var(--fsize-base);
  font-weight: 500;
  line-height: 1.4;
}
.mb05list {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  row-gap: 50px;
  column-gap: 10px;
  padding: 20px;
}
.mb05list .item .img img {
  display: block;
  width: 100%;
}
.mb05list .item .inf {
  padding: 10px;
}
.mb05list .item .inf .nam {
  margin-bottom: 10px;
  font-weight: 700;
  font-size: var(--fsize-base);
}
.mb05list .item .inf .txt {
  font-size: var(--fsize-base);
  font-weight: 500;
  line-height: 1.4;
}
.mb06wrap {
  padding: 20px;
}
.mb06wrap h3 {
  margin-bottom: 10px;
  font-weight: 500;
  font-size: var(--fsize-base);
}
.mb06wrap .stable {
  border: 1px solid rgba(0, 0, 0, 0.06);
  border-collapse: collapse;
  border-spacing: 0;
  white-space: nowrap;
  width: 100%;
  font-weight: 500;
  font-size: var(--fsize-base);
}
@media (max-width: 800px) {
  .mb06wrap .stable {
    font-size: var(--fsize-small);
  }
}
.mb06wrap .stable th {
  background-color: var(--color-0);
  color: var(--color-white);
  text-align: left;
  font-weight: 500;
  padding: 15px 30px;
}
@media (max-width: 800px) {
  .mb06wrap .stable th {
    padding: 2vw;
  }
}
.mb06wrap .stable td {
  padding: 15px 30px;
  border: 1px solid var(--color-border);
  background: var(--color-white);
}
@media (max-width: 800px) {
  .mb06wrap .stable td {
    padding: 2vw;
  }
}
.mb06wrap .stable tr:nth-child(2n) td {
  background: var(--color-bg);
}
.mb07con {
  padding: 20px 20px 40px;
  border-bottom: 1px solid var(--color-border);
  font-size: var(--fsize-base);
  font-weight: 500;
  color: var(--color-3);
  line-height: 1.4;
}
.mb08list {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 28px;
}
@media (max-width: 800px) {
  .mb08list {
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: 3vw;
  }
}
.mb08list .item a {
  display: block;
  border: 1px solid var(--color-border);
  display: flex;
  justify-content: center;
  align-items: center;
  height: 86px;
  text-decoration: none;
  font-size: var(--fsize-base);
  font-weight: 500;
}
@media (max-width: 800px) {
  .mb08list .item a {
    height: 12vw;
    justify-content: flex-start;
    padding-left: 6vw;
  }
}
.mb08list .item a:hover {
  border-color: var(--color-main);
}
.mb08list .item a:before {
  content: "";
  display: block;
  width: 23px;
  height: 31px;
  background: url(../img/dimg/pdficon.png) no-repeat center;
  margin-right: 20px;
}
.mb09list {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 28px;
}
@media (max-width: 800px) {
  .mb09list {
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: 3vw;
  }
}
.mb09list .item {
  display: block;
  font-weight: 500;
}
.mb09list .item video {
  display: block;
  width: 100%;
}
.mb09list .item h3 {
  display: block;
  width: 100%;
}
@media (max-width: 800px) {
  .mb09list .item h3 {
    font-size: var(--fsize-base);
    margin-top: var(--gap-small);
  }
}
.shippinglist {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  padding: 40px 0;
}
@media (max-width: 800px) {
  .shippinglist {
    padding: 3vw 0;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
.shippinglist .item {
  border-right: 1px solid var(--color-border);
  border-bottom: 1px solid var(--color-border);
  padding: 40px 50px;
  font-size: var(--fsize-base);
}
.shippinglist .item img {
  width: 66px;
}
@media (max-width: 800px) {
  .shippinglist .item {
    padding: 3vw;
  }
  .shippinglist .item img {
    display: block;
    width: 10vw;
  }
}
.shippinglist .item:nth-child(4n) {
  border-right: 0;
}
@media (max-width: 800px) {
  .shippinglist .item:nth-child(2n) {
    border-right: 0;
  }
}
.shippinglist .item .inf .nam {
  font-weight: 500;
  margin-top: 20px;
}
@media (max-width: 800px) {
  .shippinglist .item .inf .nam {
    font-size: var(--fsize-sma13);
  }
}
.shippinglist .item .inf .txt {
  color: var(--color-3);
  margin-top: 10px;
  line-height: 1.4;
}
@media (max-width: 800px) {
  .shippinglist .item .inf .txt {
    display: none;
  }
}
.shippinglist .item .inf .txt a {
  color: var(--color-main);
  text-decoration: underline;
}
.shippinglist .item .link {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.shippinglist .item .link a {
  font-weight: 500;
}
.shippinglist .item:nth-last-child(-n + 4) {
  border-bottom: 0;
}
@media (max-width: 800px) {
  .shippinglist .item:nth-last-child(-n + 4) {
    border-bottom: 1px solid var(--color-border);
  }
  .shippinglist .item:nth-last-child(-n + 2) {
    border-bottom: 0;
  }
}
.reviews {
  margin-bottom: 20px;
}
.reviews .hd {
  display: flex;
  justify-content: space-between;
  padding: 20px;
}
.reviews .hd h3 {
  font-size: var(--fsize-large);
  color: var(--color-6);
  font-weight: 700;
}
.reviews .hd span {
  font-size: var(--fsize-base);
  color: var(--color-3);
}
.reviews .hd span strong {
  color: var(--color-main);
  font-weight: 500;
}
.reviews .bd {
  border-top: 1px solid var(--color-border);
  border-bottom: 1px solid var(--color-border);
  display: flex;
}
@media (max-width: 800px) {
  .reviews .bd {
    flex-direction: column;
  }
}
.reviews .bd .bside {
  width: 360px;
}
@media (max-width: 800px) {
  .reviews .bd .bside {
    width: 100%;
  }
}
.reviews .bd .bside .box {
  position: sticky;
  top: 0;
}
@media (max-width: 800px) {
  .reviews .bd .bside .box {
    display: flex;
  }
}
.reviews .bd .bside .b01 {
  text-align: center;
  font-size: var(--fsize-base);
  color: var(--color-1);
  padding: 40px 0;
  font-weight: 500;
}
@media (max-width: 800px) {
  .reviews .bd .bside .b01 {
    flex: 1;
    padding: var(--gap-h3) 0;
  }
  .reviews .bd .bside .b01 .nam {
    display: none;
  }
}
.reviews .bd .bside .b01 .val {
  font-size: var(--fsize-h1);
  font-weight: 500;
  color: var(--color-main);
  margin: 20px 0 10px;
}
@media (max-width: 800px) {
  .reviews .bd .bside .b01 .val {
    margin: var(--gap-base) 0;
  }
}
.reviews .bd .bside .b01 .sta {
  display: flex;
  align-items: center;
  justify-content: center;
}
.reviews .bd .bside .b01 .sta i {
  width: 15px;
  height: 15px;
  margin: 0 1px;
  color: #e8e8e8;
}
.reviews .bd .bside .b01 .sta i svg {
  width: 100%;
  height: 100%;
}
.reviews .bd .bside .b01 .sta i.on {
  color: var(--color-main);
}
.reviews .bd .bside .b01 .num {
  margin: 10px 0 20px;
}
@media (max-width: 800px) {
  .reviews .bd .bside .b01 .num {
    margin: var(--gap-base) 0;
  }
}
.reviews .bd .bside .b01 .too {
  display: flex;
  justify-content: center;
}
.reviews .bd .bside .b01 .too .btn {
  display: block;
  text-decoration: none;
  background: var(--color-0);
  color: var(--color-white);
  padding: 0 30px;
  line-height: 48px;
  border-radius: 30px;
}
@media (max-width: 800px) {
  .reviews .bd .bside .b01 .too .btn {
    line-height: 30px;
    padding: 0 var(--gap-large);
    font-size: var(--fsize-small);
  }
}
.reviews .bd .bside .b01 .too .btn:hover {
  opacity: 0.8;
}
.reviews .bd .bside .b02 {
  padding: 40px 0;
}
@media (max-width: 800px) {
  .reviews .bd .bside .b02 {
    flex: 2;
    padding: var(--gap-h3) 0;
  }
  .reviews .bd .bside .b02:last-child {
    display: none;
  }
}
.reviews .bd .bside .b02 .nam {
  font-size: var(--fsize-base);
  text-align: center;
  font-weight: 500;
  color: var(--color-0);
}
@media (max-width: 800px) {
  .reviews .bd .bside .b02 .nam {
    display: none;
  }
}
.reviews .bd .bside .b02 .txt {
  font-size: var(--fsize-base);
  text-align: center;
  font-weight: 500;
  color: var(--color-6);
  margin-top: 4px;
}
@media (max-width: 800px) {
  .reviews .bd .bside .b02 .txt {
    display: none;
  }
}
.reviews .bd .bside .b02 .list {
  padding: 0 20px;
  margin-top: 20px;
}
@media (max-width: 800px) {
  .reviews .bd .bside .b02 .list {
    margin-top: var(--gap-base);
    padding: 0;
  }
}
.reviews .bd .bside .b02 .list .it {
  display: flex;
  align-items: center;
  margin: 8px 0;
}
.reviews .bd .bside .b02 .list .it .ih {
  color: var(--color-main);
  font-size: var(--fsize-base);
  font-weight: 500;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  width: 50px;
}
.reviews .bd .bside .b02 .list .it .ih svg {
  margin-left: 6px;
}
.reviews .bd .bside .b02 .list .it .ib {
  flex: 1;
  background-color: #f3f3f3;
  border: 1px solid var(--color-border);
  box-sizing: border-box;
  height: 9px;
  position: relative;
  margin: 0 20px;
}
.reviews .bd .bside .b02 .list .it .ib i {
  display: block;
  background: var(--color-main);
  height: 9px;
  position: absolute;
  top: -1px;
  left: -1px;
}
.reviews .bd .bside .b02 .list .it .ie {
  width: 50px;
  font-size: var(--fsize-base);
  font-weight: 500;
}
.reviews .bd .bside .b02 .bigsta {
  margin-top: 20px;
}
.reviews .bd .bside .b02 .bigsta #J_star {
  width: 225px;
  margin: 0 auto;
  position: relative;
}
.reviews .bd .bside .b02 .bigsta #J_star path {
  fill: var(--color-9);
}
.reviews .bd .bside .b02 .bigsta #J_star svg {
  width: 15px;
  height: 15px;
  cursor: pointer;
  padding: 12px;
  margin: 0 2px;
  border: 1px solid var(--color-0);
  border-radius: 4px;
}
.reviews .bd .bside .b02 .bigsta #J_star .s02 {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  white-space: nowrap;
}
.reviews .bd .bside .b02 .bigsta #J_star .s02 svg {
  background: var(--color-main);
  border-color: var(--color-main);
}
.reviews .bd .bside .b02 .bigsta #J_star .s02 path {
  fill: var(--color-white);
}
.reviews .bd .bmain {
  flex: 1;
  border-left: 1px solid var(--color-border);
}
@media (max-width: 800px) {
  .reviews .bd .bmain {
    border-left: 0;
  }
}
.reviews .bd .bmain .bhead {
  display: flex;
  align-items: center;
  border-bottom: 1px solid var(--color-border);
}
.reviews .bd .bmain .bhead .filter {
  padding: 20px;
  border-right: 1px solid var(--color-border);
}
@media (max-width: 800px) {
  .reviews .bd .bmain .bhead .filter {
    display: none;
  }
}
.reviews .bd .bmain .bhead .filter .tit {
  font-size: var(--fsize-base);
  font-weight: 500;
  color: var(--color-0);
}
.reviews .bd .bmain .bhead .filter .con {
  display: flex;
  flex-wrap: wrap;
  margin-top: 20px;
}
.reviews .bd .bmain .bhead .filter .con a {
  text-decoration: none;
  margin: 0 30px 5px 0;
  font-size: var(--fsize-base);
}
.reviews .bd .bmain .bhead .select {
  padding: 20px;
  display: flex;
}
.reviews .bd .bmain .bhead .select select {
  flex: 1;
}
.reviews .bd .bmain .bhead .select .layui-form-select {
  margin-right: 20px;
}
.reviews .bd .bmain .bhead .select .layui-form-select:last-child {
  margin-right: 0;
}
.reviews .bd .bmain .bcont {
  padding: 25px;
}
@media (max-width: 800px) {
  .reviews .bd .bmain .bcont {
    padding: 3vw;
  }
}
.reviews .bd .bmain .blist .item {
  border-bottom: 1px solid var(--color-border);
  padding: 30px 0;
  display: flex;
  justify-content: space-between;
}
@media (max-width: 800px) {
  .reviews .bd .bmain .blist .item {
    padding: var(--gap-h3) 0;
    flex-direction: column;
  }
}
.reviews .bd .bmain .blist .item .inf {
  width: 170px;
}
@media (max-width: 800px) {
  .reviews .bd .bmain .blist .item .inf {
    width: 100%;
    margin-bottom: var(--gap-h3);
  }
}
.reviews .bd .bmain .blist .item .inf .nam {
  font-size: var(--fsize-base);
  font-weight: 500;
  color: var(--color-0);
}
.reviews .bd .bmain .blist .item .inf .sta {
  display: flex;
  align-items: center;
  margin-top: 10px;
}
.reviews .bd .bmain .blist .item .inf .sta i {
  width: 14px;
  height: 14px;
  margin: 0 1px;
  color: #e8e8e8;
}
.reviews .bd .bmain .blist .item .inf .sta i svg {
  width: 100%;
  height: 100%;
}
.reviews .bd .bmain .blist .item .inf .sta i.on {
  color: var(--color-main);
}
.reviews .bd .bmain .blist .item .con {
  flex: 1;
  font-size: var(--fsize-base);
  font-weight: 500;
}
.reviews .bd .bmain .blist .item .con .tit {
  color: var(--color-0);
}
@media (max-width: 800px) {
  .reviews .bd .bmain .blist .item .con .tit {
    display: none;
  }
}
.reviews .bd .bmain .blist .item .con .txt {
  color: var(--color-6);
  line-height: 1.4;
  margin-top: 20px;
}
@media (max-width: 800px) {
  .reviews .bd .bmain .blist .item .con .txt {
    margin-top: 0;
  }
}
.reviews .bd .bmain .blist .item .con .img {
  display: flex;
  flex-wrap: wrap;
  margin-top: 20px;
}
.reviews .bd .bmain .blist .item .con .img .mimg {
  margin: 0 6px 0 0;
  padding: 0;
}
.reviews .bd .bmain .blist .item .con .img .mimg img {
  display: block;
  width: 90px;
  height: 90px;
  object-fit: cover;
}
.reviews .bd .bmain .blist .item .con .mor {
  margin-top: 20px;
  font-size: var(--fsize-base);
  font-weight: 500;
}
.reviews .bd .bmain .blist .item .con .mor .tim {
  color: var(--color-9);
}
.reviews .bd .bmain .page {
  margin-top: 30px;
  background: var(--color-bg);
  padding: 10px 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: var(--fsize-base);
  font-weight: 500;
  color: var(--color-3);
}
.reviews .bd .bmain .page .btn {
  display: flex;
  align-items: center;
}
.reviews .bd .bmain .page .btn a {
  text-decoration: none;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid transparent;
  height: 24px;
  width: 24px;
}
.reviews .bd .bmain .page .btn a.on {
  border-color: var(--color-9);
}
.reviews .bd .bmain .page .pnt {
  display: flex;
  align-items: center;
}
.reviews .bd .bmain .page .pnt a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  border: 1px solid var(--color-9);
  height: 24px;
  margin-right: 6px;
}
.reviews .bd .bmain .page .pnt a:last-child {
  margin-right: 0;
}
.reviews .bd .bmain .page .pnt a:hover {
  background: var(--color-white);
}
.reviews .bd .bmain .page .pnt a.no {
  opacity: 0.3;
  cursor: default;
}
.quesbtn {
  display: flex;
  padding: 40px 20px;
}
@media (max-width: 800px) {
  .quesbtn {
    flex: 1;
    padding: 3vw;
  }
}
.quesbtn .btn {
  flex: 1;
  margin-right: 10px;
  border: 1px solid var(--color-border);
  display: flex;
  justify-content: center;
  align-items: center;
  height: 44px;
  box-sizing: border-box;
  font-size: var(--fsize-base);
  font-weight: 500px;
  text-decoration: none;
  color: var(--color-0);
}
.quesbtn .btn.on {
  border-color: var(--color-0);
  color: var(--color-white);
  background: var(--color-0);
}
.quesbtn .btn.on:after {
  background-image: url(../img/dimg/arrowicon_w.svg);
}
.quesbtn .btn:last-child {
  margin-right: 0;
}
.quesbtn .btn:hover {
  opacity: 0.8;
}
.quesbtn .btn:after {
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  margin-left: 6px;
  background: url(../img/dimg/arrowicon.svg) no-repeat center;
  background-size: cover;
}
.queslist {
  padding: 25px;
}
@media (max-width: 800px) {
  .queslist {
    padding: 3vw;
  }
}
.queslist .item {
  border-bottom: 1px solid var(--color-border);
  padding: 30px 0;
  display: flex;
  justify-content: space-between;
  font-size: var(--fsize-base);
  align-items: center;
}
@media (max-width: 800px) {
  .queslist .item {
    padding: var(--gap-h3) 0;
    flex-direction: column;
  }
}
.queslist .item .ih {
  font-weight: 500;
  line-height: 1.4;
  color: var(--color-0);
}
.queslist .item .ia {
  color: var(--color-6);
  line-height: 1.4;
  margin-bottom: 10px;
}
.queslist .item .ib {
  color: var(--color-6);
  line-height: 1.4;
  margin-top: 10px;
}
.queslist .item .con {
  flex: 1;
}
@media (max-width: 800px) {
  .queslist .item .con {
    margin-bottom: 3vw;
  }
}
.queslist .item .btn {
  margin-left: 20px;
}
@media (max-width: 800px) {
  .queslist .item .btn {
    margin-left: 0;
  }
}
.queslist .item .btn .hel {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 120px;
  box-sizing: border-box;
  height: 40px;
  border: 1px solid var(--color-0);
  color: var(--color-0);
  font-size: var(--fsize-base);
  font-weight: 500;
  text-decoration: none;
  border-radius: 20px;
}
.queslist .item .btn .hel svg {
  margin-right: 6px;
}
.queslist .item .btn .hel svg path {
  fill: var(--color-0);
}
.queslist .item .btn .hel:hover {
  opacity: 0.8;
}
.queslist .item .btn .hel.on {
  background: var(--color-main);
  border-color: var(--color-main);
  color: var(--color-white);
}
.queslist .item .btn .hel.on svg path {
  fill: var(--color-white);
}
.noinf {
  display: flex;
  align-items: center;
  min-height: 70px;
  padding: 25px;
  font-size: var(--fsize-base);
  font-weight: 500;
  color: var(--color-6);
}
.topselling {
  background: url(../img/dimg/topsellingbg.jpg) no-repeat center top;
  background-size: 100% auto;
  min-height: 60vh;
}
.topselling .ranktop {
  padding-bottom: 24px;
  color: var(--color-white);
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.topselling .ranktop .tit {
  font-size: var(--fsize-h2);
  font-weight: 500;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 6px 0 4px;
}
.topselling .ranktop .tit::before {
  content: "";
  display: block;
  width: 15px;
  height: 26px;
  background: url(../img/dimg/tsicon01.png) no-repeat center;
  background-size: cover;
  margin-right: 10px;
}
.topselling .ranktop .tit::after {
  content: "";
  display: block;
  width: 15px;
  height: 26px;
  background: url(../img/dimg/tsicon01.png) no-repeat center;
  background-size: cover;
  transform: rotateY(180deg);
  margin-left: 10px;
}
.topselling .ranktop .sub {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: var(--fsize-base);
  font-weight: 700;
}
.topselling .ranktop .sub::before {
  content: "";
  display: block;
  width: 18px;
  height: 18px;
  background: url(../img/dimg/tsicon02.svg) no-repeat center;
  background-size: cover;
  margin-right: 10px;
}
.topselling .ranktop .intro {
  margin-top: 12px;
  font-size: var(--fsize-small);
  font-weight: 400;
  color: #be7e38;
  min-height: 26px;
  padding: 6px 12px;
  background: #fff;
  border-radius: 60px;
  line-height: 14px;
  box-sizing: border-box;
  border: 1px solid #fff;
}
.mproslide {
  margin: 0 -3vw 0;
  display: none;
}
@media (max-width: 800px) {
  .mproslide {
    display: block;
  }
}
.mproslide img {
  display: block;
  width: 100%;
}
.mproslide .video {
  position: relative;
  padding-bottom: 100%;
}
.mproslide .swiper-slide {
  height: auto;
}
.mproslide video {
  object-fit: cover;
  position: absolute;
  left: 0;
  top: 0;
}
.mproslide .swiper-pagination-fraction {
  background: rgba(255, 255, 255, 0.9);
  width: auto;
  left: 50%;
  padding: 6px 20px;
  transform: translateX(-50%);
  color: var(--color-0);
  font-size: var(--fsize-sma13);
  border-radius: 20px;
}
.mproslide:hover .swiper-button-next,
.mproslide:hover .swiper-button-prev {
  opacity: 1;
}
.mproslide:hover .swiper-button-disabled {
  opacity: 0.35;
}
.mproslide .swiper-button-next,
.mproslide .swiper-button-prev {
  opacity: 0;
  width: 40px;
  height: 40px;
  background: var(--color-white);
  color: var(--color-0);
  border-radius: 50%;
  border: 1px solid var(--color-white);
}
.mproslide .swiper-button-next:hover,
.mproslide .swiper-button-prev:hover {
  color: var(--color-main);
  border-color: var(--color-main);
}
.mproslide .swiper-button-next:after,
.mproslide .swiper-button-prev:after {
  font-size: 16px;
}
.quickpro .proslide {
  margin-bottom: 20px;
}
.quickpro .proslide img {
  display: block;
  width: 100%;
}
.quickpro .proslide .video {
  position: relative;
  padding-bottom: 100%;
}
.quickpro .proslide video {
  object-fit: cover;
  position: absolute;
  left: 0;
  top: 0;
}
.quickpro .proslide .swiper-pagination-fraction {
  background: rgba(255, 255, 255, 0.9);
  width: auto;
  left: 50%;
  padding: 6px 20px;
  transform: translateX(-50%);
  color: var(--color-0);
  font-size: var(--fsize-sma13);
  border-radius: 20px;
}
.quickpro .proslide:hover .swiper-button-next,
.quickpro .proslide:hover .swiper-button-prev {
  opacity: 1;
}
.quickpro .proslide:hover .swiper-button-disabled {
  opacity: 0.35;
}
.quickpro .proslide .swiper-button-next,
.quickpro .proslide .swiper-button-prev {
  opacity: 0;
  width: 40px;
  height: 40px;
  background: var(--color-white);
  color: var(--color-0);
  border-radius: 50%;
  border: 1px solid var(--color-white);
}
.quickpro .proslide .swiper-button-next:hover,
.quickpro .proslide .swiper-button-prev:hover {
  color: var(--color-main);
  border-color: var(--color-main);
}
.quickpro .proslide .swiper-button-next:after,
.quickpro .proslide .swiper-button-prev:after {
  font-size: 16px;
}
.quickpro .top .tit {
  font-size: var(--fsize-large);
  font-weight: 500;
  color: var(--color-0);
  line-height: 1.5;
}
.quickpro .top .tit .label {
  display: inline-block;
  border-radius: 2px;
  float: left;
  margin-right: 10px;
  font-size: var(--fsize-base);
  color: var(--color-white);
  background: var(--color-red);
  padding: 2px 8px;
  line-height: 20px;
}
.quickpro .top .rate {
  font-size: var(--fsize-base);
  display: flex;
  align-items: center;
  margin: 10px 0;
}
.quickpro .top .rate .sta {
  display: flex;
  align-items: center;
}
.quickpro .top .rate .sta i {
  width: 15px;
  height: 15px;
  margin: 0 1px;
  color: #e8e8e8;
}
.quickpro .top .rate .sta i:hover {
  transform: scale(1.1);
}
.quickpro .top .rate .sta i svg {
  width: 100%;
  height: 100%;
}
.quickpro .top .rate .sta i.on {
  color: #ffb400;
}
.quickpro .top .rate .val {
  margin-left: 6px;
  font-weight: 500;
  color: var(--color-0);
}
.quickpro .top .rate .num {
  margin-left: 10px;
  text-decoration: underline;
}
.quickpro .top .rate .num:hover {
  text-decoration: none;
}
.quickpro .top .topbox {
  border-top: 1px solid var(--color-border);
  font-size: var(--fsize-base);
  color: var(--color-3);
  display: flex;
  align-items: center;
  cursor: pointer;
  padding: 10px 0;
}
.quickpro .top .topbox:hover {
  opacity: 0.8;
}
.quickpro .top .topbox img {
  display: block;
  width: 16px;
  height: 16px;
  margin-right: 6px;
}
.quickpro .top .topbox span {
  margin-left: 6px;
  font-size: var(--fsize-txt);
  font-family: simsun;
}
.quickpro .top .price {
  margin: 20px 0 10px;
  display: flex;
  align-items: flex-end;
  line-height: 1;
}
.quickpro .top .price strong {
  color: var(--color-main);
  font-size: var(--fsize-h2);
  font-weight: 500;
}
.quickpro .top .price s {
  font-size: var(--fsize-base);
  color: var(--color-9);
  margin: 0 15px;
}
.quickpro .top .price span {
  font-size: var(--fsize-base);
  color: var(--color-main);
  font-weight: 500;
}
.quickpro .top .flash {
  height: 44px;
  padding: 0 12px;
  box-sizing: border-box;
  background: linear-gradient(90deg, #eb191d, #f65327);
  border-radius: 4px;
  color: var(--color-white);
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: var(--fsize-txt);
}
.quickpro .top .flash .nam img {
  margin-right: 6px;
}
.quickpro .top .flash .num img {
  margin-right: 10px;
}
.quickpro .top .newtip {
  font-size: var(--fsize-base);
  color: var(--color-6);
  margin-top: 6px;
}
.quickpro .top .newtip a {
  margin-left: 6px;
  text-decoration: underline;
}
.quickpro .info {
  margin: 20px 0;
}
.quickpro .info .ib {
  margin-top: 16px;
}
.quickpro .info .ib .nam {
  font-size: var(--fsize-base);
}
.quickpro .info .ib .nam strong {
  font-weight: 700;
}
.quickpro .info .ib .list {
  display: flex;
  flex-wrap: wrap;
  margin-top: 8px;
}
.quickpro .info .ib .list .li {
  margin: 0 6px 6px 0;
}
.quickpro .info .ib .list .li:hover .lwrap .img {
  border-color: var(--color-0);
}
.quickpro .info .ib .list .li.no {
  opacity: 0.6;
}
.quickpro .info .ib .list .li.no .lwrap {
  cursor: not-allowed;
}
.quickpro .info .ib .list .li.no .lwrap .img {
  border: 1px dashed var(--color-border);
}
.quickpro .info .ib .list .li.nopic .lwrap {
  width: auto;
}
.quickpro .info .ib .list .li.nopic .lwrap .tit {
  border: 1px solid var(--color-border);
  padding: var(--gap-small) var(--gap-base);
  border-radius: var(--gap-mini);
  margin-top: 0;
  position: relative;
}
.quickpro .info .ib .list .li.nopic input {
  display: none;
}
.quickpro .info .ib .list .li.nopic input:checked + label .lwrap .tit {
  border: 2px solid var(--color-0);
}
.quickpro .info .ib .list .li.nopic input:checked + label .lwrap .tit:before {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border: 8px solid transparent;
  border-right-color: var(--color-0);
  border-bottom-color: var(--color-0);
  position: absolute;
  right: 0;
  bottom: 0;
}
.quickpro .info .ib .list .li.nopic input:checked + label .lwrap .tit::after {
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  background: url(../img/dimg/righticon2.svg) no-repeat center;
  background-size: cover;
  position: absolute;
  right: 0;
  bottom: 0;
}
.quickpro .info .ib .list .li.nopic:hover .lwrap .tit {
  border-color: var(--color-0);
}
.quickpro .info .ib .list .li.nopic.no .lwrap .tit {
  border: 1px dashed var(--color-border);
}
.quickpro .info .ib .list .li .lwrap {
  cursor: pointer;
  font-size: var(--fsize-sma13);
  color: var(--color-0);
  width: 70px;
}
@media (max-width: 800px) {
  .quickpro .info .ib .list .li .lwrap {
    width: 56px;
  }
}
.quickpro .info .ib .list .li .lwrap .img {
  padding: 4px;
  border-radius: 6px;
  width: 70px;
  height: 70px;
  box-sizing: border-box;
  border: 1px solid var(--color-border);
  transition: none;
  overflow: hidden;
}
@media (max-width: 800px) {
  .quickpro .info .ib .list .li .lwrap .img {
    width: 56px;
    height: 56px;
  }
}
.quickpro .info .ib .list .li .lwrap .img img {
  border-radius: 4px;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.quickpro .info .ib .list .li .lwrap .tit {
  font-size: var(--fsize-small);
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  word-break: break-all;
  -webkit-line-clamp: 1;
  margin-top: 6px;
}
.quickpro .info .ib .list .li input {
  display: none;
}
.quickpro .info .ib .list .li input:checked + label .lwrap .img {
  border: 2px solid var(--color-0);
  padding: 3px;
}
.quickpro .info .idra {
  margin-top: 8px;
}
.quickpro .info .idra .item {
  margin-top: 8px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: var(--fsize-base);
  color: var(--color-3);
  border: 2px solid var(--color-0);
  height: 40px;
  border-radius: 25px;
  padding: 0 20px;
  cursor: pointer;
}
.quickpro .info .idra .item:hover {
  opacity: 0.8;
}
.quickpro .info .idra .item img {
  display: block;
  width: 16px;
}
.quickpro .sideproopt .list .item {
  margin-top: 20px;
}
.quickpro .sideproopt .list .item .ih {
  font-size: var(--fsize-base);
}
.quickpro .sideproopt .list .item .ib {
  margin-top: 8px;
}
.quickpro .sideproopt .list .item .ib .it .lwrap {
  font-size: var(--fsize-base);
}
.quickpro .mbox .hd {
  height: auto;
  position: relative;
  padding: 10px;
  z-index: 1;
}
.quickpro .mbox .hd h3 {
  font-weight: 500;
  font-size: var(--fsize-txt);
}
.quickpro .bd {
  padding: 0 !important;
}
.quickpro .mb01list {
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: 20px;
}
.quickpro .mb03box {
  flex-direction: column;
}
.quickpro .mb03box .inf {
  margin-right: 0;
}
.quickpro .mb04box {
  flex-direction: column;
}
.quickpro .mb04box .tit {
  margin-right: 0;
}
.quickpro .mb04list {
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: 20px;
}
.quickpro .mb04list .it {
  margin-bottom: 0 !important;
}
.quickpro .mb05list {
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: 20px;
}
.quickpro .mb06wrap .stable th,
.quickpro .mb06wrap .stable td {
  padding: 10px 10px;
}
.quickpro .mb08list {
  margin: 20px;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: 10px;
}
.quickpro .mb08list .item a {
  height: 44px;
}
.quickpro .b01 {
  text-align: center;
  font-size: var(--fsize-base);
  color: var(--color-1);
  padding: 20px 0;
  font-weight: 500;
}
.quickpro .b01 .val {
  font-size: var(--fsize-h1);
  font-weight: 500;
  color: var(--color-main);
  margin: 20px 0 10px;
}
.quickpro .b01 .sta {
  display: flex;
  align-items: center;
  justify-content: center;
}
.quickpro .b01 .sta i {
  width: 15px;
  height: 15px;
  margin: 0 1px;
  color: #e8e8e8;
}
.quickpro .b01 .sta i svg {
  width: 100%;
  height: 100%;
}
.quickpro .b01 .sta i.on {
  color: var(--color-main);
}
.quickpro .b01 .num {
  margin: 10px 0 20px;
}
.quickpro .b01 .too {
  display: flex;
  justify-content: center;
}
.quickpro .b01 .too .btn {
  display: block;
  text-decoration: none;
  background: var(--color-0);
  color: var(--color-white);
  padding: 0 30px;
  line-height: 48px;
  border-radius: 30px;
}
.quickpro .b01 .too .btn:hover {
  opacity: 0.8;
}
.quickpro .b02 {
  padding: 0 0 20px;
}
.quickpro .b02 .nam {
  font-size: var(--fsize-base);
  text-align: center;
  font-weight: 500;
  color: var(--color-0);
}
.quickpro .b02 .txt {
  font-size: var(--fsize-base);
  text-align: center;
  font-weight: 500;
  color: var(--color-6);
  margin-top: 4px;
}
.quickpro .b02 .list {
  padding: 0 20px;
  margin-top: 20px;
}
.quickpro .b02 .list .it {
  display: flex;
  align-items: center;
  margin: 8px 0;
}
.quickpro .b02 .list .it .ih {
  color: var(--color-main);
  font-size: var(--fsize-base);
  font-weight: 500;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  width: 50px;
}
.quickpro .b02 .list .it .ih svg {
  margin-left: 6px;
}
.quickpro .b02 .list .it .ib {
  flex: 1;
  background-color: #f3f3f3;
  border: 1px solid var(--color-border);
  box-sizing: border-box;
  height: 9px;
  position: relative;
  margin: 0 20px;
}
.quickpro .b02 .list .it .ib i {
  display: block;
  background: var(--color-main);
  height: 9px;
  position: absolute;
  top: -1px;
  left: -1px;
}
.quickpro .b02 .list .it .ie {
  width: 50px;
  font-size: var(--fsize-base);
  font-weight: 500;
}
.quickpro .b02 .bigsta {
  margin-top: 20px;
}
.quickpro .b02 .bigsta #J_star {
  width: 225px;
  margin: 0 auto;
  position: relative;
}
.quickpro .b02 .bigsta #J_star path {
  fill: var(--color-9);
}
.quickpro .b02 .bigsta #J_star svg {
  width: 15px;
  height: 15px;
  cursor: pointer;
  padding: 12px;
  margin: 0 2px;
  border: 1px solid var(--color-0);
  border-radius: 4px;
}
.quickpro .b02 .bigsta #J_star .s02 {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  white-space: nowrap;
}
.quickpro .b02 .bigsta #J_star .s02 svg {
  background: var(--color-main);
  border-color: var(--color-main);
}
.quickpro .b02 .bigsta #J_star .s02 path {
  fill: var(--color-white);
}
.quickpro .blist .item {
  border-bottom: 1px solid var(--color-border);
  padding: 30px 0;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.quickpro .blist .item .inf {
  width: 100%;
  margin-bottom: 20px;
}
.quickpro .blist .item .inf .nam {
  font-size: var(--fsize-base);
  font-weight: 500;
  color: var(--color-0);
}
.quickpro .blist .item .inf .sta {
  display: flex;
  align-items: center;
  margin-top: 10px;
}
.quickpro .blist .item .inf .sta i {
  width: 14px;
  height: 14px;
  margin: 0 1px;
  color: #e8e8e8;
}
.quickpro .blist .item .inf .sta i svg {
  width: 100%;
  height: 100%;
}
.quickpro .blist .item .inf .sta i.on {
  color: var(--color-main);
}
.quickpro .blist .item .con {
  flex: 1;
  font-size: var(--fsize-base);
  font-weight: 500;
}
.quickpro .blist .item .con .tit {
  color: var(--color-0);
}
.quickpro .blist .item .con .txt {
  color: var(--color-6);
  line-height: 1.4;
  margin-top: 20px;
}
.quickpro .blist .item .con .img {
  display: flex;
  flex-wrap: wrap;
  margin-top: 20px;
}
.quickpro .blist .item .con .img .mimg {
  margin: 0 6px 0 0;
  padding: 0;
}
.quickpro .blist .item .con .img .mimg img {
  display: block;
  width: 90px;
  height: 90px;
  object-fit: cover;
}
.quickpro .blist .item .con .mor {
  margin-top: 20px;
  font-size: var(--fsize-base);
  font-weight: 500;
}
.quickpro .blist .item .con .mor .tim {
  color: var(--color-9);
}
#payment-form input {
  background: var(--color-main);
  color: var(--color-white);
  border: 0;
  line-height: 40px;
  padding: 0 40px;
  font-size: var(--fsize-txt);
  cursor: pointer;
  margin-top: 20px;
}
#payment-form input:hover {
  opacity: 0.6;
}
.helpcenter {
  display: flex;
}
@media (max-width: 800px) {
  .helpcenter {
    flex-direction: column;
  }
}
.helpcenter .hc_side {
  width: 260px;
  margin-right: 80px;
}
@media (max-width: 800px) {
  .helpcenter .hc_side {
    width: 100%;
    margin-right: 0;
    order: 2;
    margin-bottom: 6vw;
  }
}
.helpcenter .hc_side .hc_seabox {
  height: 40px;
  border: 1px solid var(--color-border);
  border-radius: 20px;
  box-sizing: border-box;
  display: flex;
  background-color: var(--color-white);
}
.helpcenter .hc_side .hc_seabox:hover {
  border-color: var(--color-3);
}
.helpcenter .hc_side .hc_seabox:focus-within {
  border-color: var(--color-main);
}
.helpcenter .hc_side .hc_seabox .key {
  flex: 1;
  width: 100%;
  border: 0;
  line-height: 38px;
  padding: 0 20px;
  box-sizing: border-box;
  background: transparent;
  font-size: var(--fsize-base);
}
.helpcenter .hc_side .hc_seabox .btn {
  width: 38px;
  height: 38px;
  background: url(../img/seaicon.svg) no-repeat center;
  border: 0;
  text-indent: -9999px;
  cursor: pointer;
}
.helpcenter .hc_side .hclist {
  margin-top: 24px;
  background: #fff;
  box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.2);
  border-radius: 8px;
}
.helpcenter .hc_side .hclist .hc_hd {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 54px;
  padding: 0 16px;
  border-bottom: 1px solid #ececec;
  font-size: var(--fsize-txt);
  font-weight: 500;
}
.helpcenter .hc_side .hclist .hc_bd .hc_it a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 54px;
  padding: 0 16px;
  border-bottom: 1px solid #ececec;
  font-size: var(--fsize-base);
  text-decoration: none;
}
.helpcenter .hc_side .hclist .hc_bd .hc_it a:after {
  content: "";
  width: 16px;
  height: 16px;
  background: url(../img/dimg/arrowicon.svg) no-repeat center;
}
.helpcenter .hc_side .hclist .hc_bd .hc_it a:hover {
  font-weight: 500;
}
.helpcenter .hc_main {
  flex: 1;
  padding-bottom: 30px;
  max-width: 1260px;
  margin: 0 auto;
}
.helpcenter .hc_main .hcm_hd {
  font-size: var(--fsize-h3);
  font-weight: 500;
  color: var(--color-0);
  margin-bottom: 24px;
}
.helpcenter .hc_main .hcm_list .hcm_ul {
  display: flex;
  flex-direction: column;
  padding-bottom: 40px;
  border-bottom: 1px solid #e8e8e8;
}
.helpcenter .hc_main .hcm_list .hcm_ul .hcm_li {
  margin-bottom: 16px;
}
.helpcenter .hc_main .hcm_list .hcm_ul .hcm_li a {
  position: relative;
  font-size: var(--fsize-txt);
  line-height: 1.5;
  padding-left: 16px;
}
.helpcenter .hc_main .hcm_list .hcm_ul .hcm_li a::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 4px;
  height: 4px;
  background: #222;
  border-radius: 50%;
}
.helpcenter .hc_main .hcm_cont {
  font-size: var(--fsize-txt);
  line-height: 1.4;
  color: var(--color-3);
  padding-bottom: 40px;
  border-bottom: 1px solid #e8e8e8;
}
.helpcenter .hc_main .hcm_cont img {
  display: block;
  max-width: 100%;
}
.helpcenter .hc_main .hcm_cont img.spimg {
  border-radius: var(--gap-base);
  overflow: hidden;
  border: var(--gap-small) solid var(--color-white);
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
}
.helpcenter .hc_main .hcm_cont p {
  margin-bottom: 20px;
  line-height: 1.6;
}
.helpcenter .hc_main .hcm_cont h3 {
  font-weight: bold;
  margin: var(--gap-h3) 0 var(--gap-base);
}
.helpcenter .hc_main .hc_contact {
  text-align: center;
  padding: 56px 0 0 65px;
}
@media (max-width: 800px) {
  .helpcenter .hc_main .hc_contact {
    padding: 6vw 0;
  }
}
.helpcenter .hc_main .hc_contact p {
  font-size: var(--fsize-txt);
  font-weight: 500;
  color: var(--color-3);
  margin-bottom: 24px;
}
.helpcenter .hc_main .hc_contact .hc_btn {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
  text-decoration: none;
  width: 218px;
  height: 56px;
  border-radius: 28px;
  background: #fb9221;
  font-size: var(--fsize-txt);
  font-weight: 700;
  color: #fff;
  border: 0;
  text-shadow: none;
}
.helpcenter .hc_main .hc_contact .hc_btn:hover {
  background: #e87e04;
}
.aboutbox .hd {
  text-align: center;
  font-size: var(--fsize-h2);
  font-weight: bold;
  margin-bottom: var(--gap-large);
}
@media (max-width: 800px) {
  .aboutbox .hd {
    font-size: var(--fsize-h3);
    text-align: left;
  }
}
.aboutbox .bd {
  font-size: var(--fsize-txt);
  line-height: 1.6;
  text-align: center;
  margin-bottom: var(--gap-h2);
}
@media (max-width: 800px) {
  .aboutbox .bd {
    text-align: left;
  }
  .aboutbox .bd br {
    display: none;
  }
}
.aboutbox .contactbox {
  font-size: var(--fsize-txt);
  line-height: 2;
  background: var(--color-bg) url(../img/dimg/img_global01.png) no-repeat 90% center;
  background-size: auto 80%;
  padding: var(--gap-h1);
  border-radius: var(--gap-small);
  overflow: hidden;
}
@media (max-width: 800px) {
  .aboutbox .contactbox {
    background-position: center;
  }
}
.aboutbox .contactbox2 {
  font-size: var(--fsize-txt);
  line-height: 2;
  background: var(--color-bg);
  padding: var(--gap-h1);
  border-radius: var(--gap-small);
  overflow: hidden;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
@media (max-width: 1600px) {
  .aboutbox .contactbox2 {
    flex-direction: column;
  }
}
.aboutbox .contactbox2 .cside {
  flex: 1;
}
.aboutbox .contactbox2 .cmap {
  position: relative;
  height: auto;
}
.aboutbox .contactbox2 .cmap .cit {
  position: absolute;
  background: transparent;
  display: block;
}
.aboutbox .contactbox2 .cmap .cit:hover {
  background: rgba(0, 0, 0, 0.1);
}
.aboutbox .contactbox2 .cmap .cit.cit01 {
  top: 33%;
  left: 61%;
  width: 34%;
  height: 10%;
}
.aboutbox .contactbox2 .cmap .cit.cit02 {
  top: 49%;
  left: 12%;
  width: 31%;
  height: 10%;
}
.aboutbox .contactbox2 .cmap .cit.cit03 {
  top: 75%;
  left: 60%;
  width: 27%;
  height: 10%;
}
.aboutbox .contactbox2 .cmap .cit.cit04 {
  top: 22%;
  left: 57%;
  width: 27%;
  height: 10%;
}
.aboutbox .contactbox2 .cmap img {
  display: block;
  width: 100%;
  max-width: 700px;
}
.aboutbox .abright {
  display: flex;
  margin: var(--fsize-h2) 0;
  background: var(--color-bg);
  border-radius: var(--gap-small);
  overflow: hidden;
}
@media (max-width: 800px) {
  .aboutbox .abright {
    flex-direction: column;
  }
}
.aboutbox .abright .img {
  width: 40%;
}
@media (max-width: 800px) {
  .aboutbox .abright .img {
    width: 100%;
  }
}
.aboutbox .abright .img img {
  display: block;
  width: 100%;
}
.aboutbox .abright .con {
  flex: 1;
  display: flex;
  align-items: center;
  padding: var(--gap-h3);
  font-size: var(--fsize-txt);
  line-height: 1.6;
}
.aboutbox .list {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: var(--gap-base);
}
@media (max-width: 800px) {
  .aboutbox .list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
.aboutbox .list .it {
  text-align: center;
  border-radius: var(--gap-small);
  overflow: hidden;
  background: var(--color-bg);
}
.aboutbox .list .it .ico {
  background: var(--color-bg);
  padding: var(--gap-large);
}
.aboutbox .list .it .ico img {
  display: block;
  margin: 0 auto;
  width: var(--gap-h2);
}
@media (max-width: 800px) {
  .aboutbox .list .it .ico img {
    width: calc(var(--gap-h1) * 1.2);
  }
}
.aboutbox .list .it .inf {
  padding: var(--gap-large);
  border-top: var(--gap-mini) solid var(--color-white);
}
.aboutbox .list .it .inf .ih {
  font-size: var(--fsize-large);
  font-weight: bold;
  color: var(--color-0);
}
.aboutbox .list .it .inf .ib {
  margin-top: var(--gap-base);
  font-size: var(--fsize-h3);
  font-family: arial;
  color: var(--color-0);
  font-weight: bold;
}
.aboutbox .list .it .inf .ib.ibs {
  font-size: var(--fsize-txt);
  font-weight: normal;
}
.aboutvid {
  width: 100%;
  object-fit: cover;
}
@media (max-width: 800px) {
  .aboutvid {
    height: 220px;
  }
}
.cartwrap {
  display: flex;
}
@media (max-width: 800px) {
  .cartwrap {
    flex-direction: column;
  }
}
.cartwrap .ct_main {
  flex-grow: 1;
  padding-top: 24px;
  padding-right: 32px;
  padding-bottom: 32px;
  width: calc(100% - 400px);
  min-width: 600px;
}
@media (max-width: 800px) {
  .cartwrap .ct_main {
    width: 100%;
    min-width: 50vw;
    padding-right: 0;
  }
}
.cartwrap .ct_main .ctm_tit {
  font-size: var(--fsize-h2);
  font-weight: 500;
  color: var(--color-0);
  line-height: 38px;
}
@media (max-width: 800px) {
  .cartwrap .ct_main .ctm_tit {
    font-size: var(--fsize-h3);
  }
}
.cartwrap .ct_main .ctm_box {
  margin-top: 24px;
  background: var(--color-white);
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
  border-radius: 8px;
}
.cartwrap .ct_main .ctm_box .ctm_hd {
  height: 52px;
  border-radius: 8px 8px 0 0;
  line-height: 52px;
  padding: 0 16px;
  display: flex;
  font-size: var(--fsize-txt);
  align-items: center;
  border-bottom: 1px solid #e8e8e8;
}
.cartwrap .ct_main .ctm_box .ctm_hd img {
  display: block;
  width: 28px;
  height: 28px;
  margin-right: 6px;
}
.cartwrap .ct_main .ctm_box .ctm_hd strong {
  font-weight: 700;
}
.cartwrap .ct_main .ctm_box .ctm_hd span {
  margin-left: 6px;
}
.cartwrap .ct_main .ctm_box .ctm_hd .edit {
  margin-left: auto;
}
.cartwrap .ct_main .ctm_box .ctm_bd {
  padding: 16px;
}
.cartwrap .ct_main .ctm_box .ctm_bd .ctm_item {
  margin-bottom: 24px;
}
.cartwrap .ct_main .ctm_box .ctm_bd .ctm_item .top {
  display: flex;
}
@media (max-width: 800px) {
  .cartwrap .ct_main .ctm_box .ctm_bd .ctm_item .top {
    position: relative;
  }
  .cartwrap .ct_main .ctm_box .ctm_bd .ctm_item .top .ctm_checkbox {
    position: absolute;
    left: 0;
    top: 0;
  }
  .cartwrap .ct_main .ctm_box .ctm_bd .ctm_item .top .ctm_checkbox .txt:before {
    border: 4px solid var(--color-white);
    background-color: var(--color-white);
    border-radius: 0 0 4px 0;
  }
}
.cartwrap .ct_main .ctm_box .ctm_bd .ctm_item .top .img {
  width: 148px;
  height: 148px;
  border-radius: 5px;
  flex-shrink: 0;
  cursor: pointer;
  overflow: hidden;
}
@media (max-width: 800px) {
  .cartwrap .ct_main .ctm_box .ctm_bd .ctm_item .top .img {
    width: 100px;
    height: 100px;
  }
}
.cartwrap .ct_main .ctm_box .ctm_bd .ctm_item .top .img img {
  display: block;
  width: 100%;
}
.cartwrap .ct_main .ctm_box .ctm_bd .ctm_item.ctm_items .top .img {
  width: 90px;
  height: 90px;
}
.cartwrap .ct_main .ctm_box .ctm_bd .ctm_item.ctm_items .info .il .tit {
  font-size: var(--fsize-base);
}
.cartwrap .ct_main .ctm_box .ctm_bd .ctm_item.ctm_items .info .il .opt {
  margin: var(--gap-small) 0;
}
.cartwrap .ct_main .ctm_box .ctm_bd .ctm_item.ctm_items .info .il .ric strong {
  font-weight: 500;
  margin-right: 4px;
}
.cartwrap .ct_main .ctm_box .ctm_bd .ctm_item .info {
  flex: 1;
  margin-left: 16px;
  display: flex;
}
@media (max-width: 800px) {
  .cartwrap .ct_main .ctm_box .ctm_bd .ctm_item .info {
    margin-left: 10px;
    flex-direction: column;
  }
}
.cartwrap .ct_main .ctm_box .ctm_bd .ctm_item .info .il {
  flex: 1;
}
.cartwrap .ct_main .ctm_box .ctm_bd .ctm_item .info .il .tit {
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  word-break: break-all;
  -webkit-line-clamp: 1;
  font-weight: 500;
  font-size: var(--fsize-txt);
}
@media (max-width: 800px) {
  .cartwrap .ct_main .ctm_box .ctm_bd .ctm_item .info .il .tit {
    font-size: var(--fsize-small);
    line-height: 1.6;
  }
}
.cartwrap .ct_main .ctm_box .ctm_bd .ctm_item .info .il .opt {
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  word-break: break-all;
  -webkit-line-clamp: 1;
  font-size: var(--fsize-base);
  margin: var(--gap-small) 0;
  background: var(--color-bg);
  padding: var(--gap-mini) var(--gap-base);
  border-radius: var(--gap-base);
  width: fit-content;
  font-weight: bold;
}
@media (max-width: 800px) {
  .cartwrap .ct_main .ctm_box .ctm_bd .ctm_item .info .il .opt {
    margin: 0;
    font-size: var(--fsize-small);
    line-height: 1.6;
  }
}
.cartwrap .ct_main .ctm_box .ctm_bd .ctm_item .info .il .rat {
  font-size: var(--fsize-base);
  display: flex;
  align-items: center;
}
@media (max-width: 800px) {
  .cartwrap .ct_main .ctm_box .ctm_bd .ctm_item .info .il .rat {
    font-size: var(--fsize-small);
    display: none;
  }
}
.cartwrap .ct_main .ctm_box .ctm_bd .ctm_item .info .il .rat .sta {
  display: flex;
  align-items: center;
}
.cartwrap .ct_main .ctm_box .ctm_bd .ctm_item .info .il .rat .sta i {
  width: 16px;
  height: 16px;
  color: #e8e8e8;
}
@media (max-width: 800px) {
  .cartwrap .ct_main .ctm_box .ctm_bd .ctm_item .info .il .rat .sta i {
    width: 12px;
    height: 12px;
  }
}
.cartwrap .ct_main .ctm_box .ctm_bd .ctm_item .info .il .rat .sta i svg {
  width: 100%;
  height: 100%;
}
.cartwrap .ct_main .ctm_box .ctm_bd .ctm_item .info .il .rat .sta i.on {
  color: #ffb400;
}
.cartwrap .ct_main .ctm_box .ctm_bd .ctm_item .info .il .rat .val {
  margin-left: 4px;
}
.cartwrap .ct_main .ctm_box .ctm_bd .ctm_item .info .il .rat .num {
  margin-left: 8px;
  text-decoration: underline;
}
.cartwrap .ct_main .ctm_box .ctm_bd .ctm_item .info .il .rat .num:hover {
  text-decoration: none;
}
.cartwrap .ct_main .ctm_box .ctm_bd .ctm_item .info .il .txt {
  margin-top: 12px;
  flex: 1;
  font-size: var(--fsize-base);
  display: flex;
  align-items: center;
}
@media (max-width: 800px) {
  .cartwrap .ct_main .ctm_box .ctm_bd .ctm_item .info .il .txt {
    font-size: var(--fsize-small);
    margin-top: 0;
    line-height: 2;
  }
}
.cartwrap .ct_main .ctm_box .ctm_bd .ctm_item .info .il .txt .g {
  color: #257039;
  margin-right: 6px;
  font-weight: 500;
  display: block;
  white-space: nowrap;
}
.cartwrap .ct_main .ctm_box .ctm_bd .ctm_item .info .pri {
  width: 143px;
  flex-shrink: 0;
  text-align: right;
}
@media (max-width: 800px) {
  .cartwrap .ct_main .ctm_box .ctm_bd .ctm_item .info .pri {
    width: 100%;
    display: flex;
    text-align: left;
    align-items: center;
    flex-wrap: wrap;
    margin-top: var(--gap-base);
    margin-bottom: var(--gap-base);
  }
}
.cartwrap .ct_main .ctm_box .ctm_bd .ctm_item .info .pri .price {
  font-size: var(--fsize-large);
  font-weight: 500;
}
@media (max-width: 800px) {
  .cartwrap .ct_main .ctm_box .ctm_bd .ctm_item .info .pri .price {
    font-size: var(--fsize-txt);
    font-weight: bold;
  }
}
.cartwrap .ct_main .ctm_box .ctm_bd .ctm_item .info .pri .tag {
  font-size: var(--fsize-base);
  margin: 4px 0;
  text-decoration: line-through;
}
@media (max-width: 800px) {
  .cartwrap .ct_main .ctm_box .ctm_bd .ctm_item .info .pri .tag {
    font-size: var(--fsize-small);
    margin: 0 4px;
  }
}
.cartwrap .ct_main .ctm_box .ctm_bd .ctm_item .info .pri .save {
  font-size: var(--fsize-base);
  color: var(--color-red);
}
@media (max-width: 800px) {
  .cartwrap .ct_main .ctm_box .ctm_bd .ctm_item .info .pri .save {
    font-size: var(--fsize-small);
    flex: 100%;
    margin-top: 4px;
  }
}
.cartwrap .ct_main .ctm_box .ctm_bd .ctm_item .tool {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.cartwrap .ct_main .ctm_box .ctm_bd .ctm_item .tool .del {
  text-decoration: underline;
  margin-right: 16px;
  font-size: var(--fsize-base);
}
@media (max-width: 800px) {
  .cartwrap .ct_main .ctm_box .ctm_bd .ctm_item .tool .del {
    font-size: var(--fsize-small);
  }
}
.cartwrap .ct_main .ctm_box .ctm_bd .ctm_item .tool .del:hover {
  text-decoration: none;
}
.cartwrap .ct_main .ctm_box .ctm_bd .ctm_item .tool .num {
  border: 1px solid var(--color-border);
  height: 38px;
  box-sizing: border-box;
  border-radius: 6px;
  width: 130px;
  display: flex;
  font-size: var(--fsize-base);
}
.cartwrap .ct_main .ctm_box .ctm_bd .ctm_item .tool .num a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 38px;
  text-decoration: none;
  font-weight: bold;
}
.cartwrap .ct_main .ctm_box .ctm_bd .ctm_item .tool .num a:hover {
  background: var(--color-bg);
}
.cartwrap .ct_main .ctm_box .ctm_bd .ctm_item .tool .num .ipt {
  border: 0;
  line-height: 38px;
  flex: 1;
  width: 100%;
  font-weight: 500;
  text-align: center;
}
.cartwrap .ct_side {
  width: 400px;
  margin-top: 54px;
  position: sticky;
  height: max-content;
  top: 156px;
  flex-wrap: nowrap;
  margin-bottom: 20px;
  flex-shrink: 0;
}
@media (max-width: 800px) {
  .cartwrap .ct_side {
    width: 100%;
    position: relative;
    top: 0;
    margin-top: var(--gap-h3);
  }
}
.cartwrap .ct_side .tips {
  font-size: var(--fsize-base);
  color: var(--color-3);
  line-height: 16px;
  padding-bottom: 16px;
}
.cartwrap .ct_side .tips img {
  margin-right: 6px;
}
.cartwrap .ct_side .conbox {
  box-sizing: border-box;
  display: inline-block;
  width: 100%;
  background: #fff;
  box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.12);
  border-radius: 6px;
  padding: 16px;
}
.cartwrap .ct_side .conbox .in {
  font-size: var(--fsize-large);
  font-weight: 500;
  margin-bottom: 15px;
  color: var(--color-0);
}
.cartwrap .ct_side .conbox .it {
  display: flex;
  font-size: var(--fsize-base);
  color: var(--color-0);
  justify-content: space-between;
  align-items: center;
  line-height: 28px;
  margin-bottom: 4px;
}
.cartwrap .ct_side .conbox .it.cou {
  padding: 6px 0;
  border-top: 1px solid var(--color-border);
  display: flex;
  justify-content: flex-start;
}
.cartwrap .ct_side .conbox .it.cou .ci {
  display: flex;
  align-items: center;
  cursor: pointer;
}
.cartwrap .ct_side .conbox .it.cou .ci label {
  display: flex;
  align-items: center;
}
.cartwrap .ct_side .conbox .it.cou .ci .cnum {
  background: url(../img/dimg/couponsbg.png) no-repeat left center;
  color: var(--color-white);
  padding: 0 var(--gap-base);
  margin-right: var(--gap-mini);
}
.cartwrap .ct_side .conbox .it strong {
  font-size: var(--fsize-txt);
  font-weight: 700;
}
.cartwrap .ct_side .conbox .it span {
  font-weight: 500;
}
.cartwrap .ct_side .conbox .it .ib.on {
  color: var(--color-red);
}
.cartwrap .ct_side .conbox .it.mor {
  padding: 6px 0;
  cursor: pointer;
  border-top: 1px solid var(--color-border);
}
.cartwrap .ct_side .conbox .it.mor .ib {
  display: flex;
  align-items: center;
}
.cartwrap .ct_side .conbox .it.mor .ib:after {
  display: block;
  content: "";
  width: 20px;
  height: 20px;
  background: url(../img/dimg/arrowicon.svg) no-repeat center;
}
.cartwrap .ct_side .conbox .it.mor .ih {
  position: relative;
}
.cartwrap .ct_side .conbox .it.mor .ih.yes:after {
  content: "";
  width: 5px;
  height: 5px;
  background: #d60005;
  border-radius: 5px;
  position: absolute;
  top: 4px;
  margin: 3px;
}
.cartwrap .ct_side .conbox .it.total {
  border-top: 1px solid var(--color-border);
  font-size: var(--fsize-large);
  font-weight: 500;
  padding: 9px 0;
  color: var(--color-0);
}
.cartwrap .ct_side .conbox .tool {
  display: flex;
  margin-top: 20px;
}
.cartwrap .ct_side .conbox .tool .btn {
  flex: 1;
  height: 48px;
  border-radius: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--color-white);
  font-size: var(--fsize-txt);
  font-weight: 700;
  background: var(--color-0);
  text-decoration: none;
}
.cartwrap .ct_side .conbox .tool .btn:hover {
  opacity: 0.8;
}
.addlist {
  display: grid;
  grid-template: ".." / 1fr 1fr;
  grid-gap: 10px;
}
@media (max-width: 800px) {
  .addlist {
    grid-template: "." / 1fr;
  }
}
.addlist .item {
  border: 1px solid var(--color-border);
  border-radius: 10px;
  padding: 20px;
  display: flex;
  justify-content: space-between;
  box-sizing: border-box;
  align-items: center;
  box-shadow: 0 0 20px rgba(var(--color-rgb-black), 0.05);
}
@media (max-width: 800px) {
  .addlist .item {
    margin-bottom: 10px;
    padding: 15px;
  }
}
.addlist .item:hover {
  border-color: var(--color-main);
}
.addlist .item.on {
  border-color: var(--color-main);
  box-shadow: var(--color-main) 1px 0 0, var(--color-main) 0 1px 0, var(--color-main) -1px 0 0, var(--color-main) 0 -1px 0;
}
.addlist .item.on .ico path {
  fill: var(--color-main);
}
.addlist .item .ico {
  margin-right: 10px;
}
.addlist .item .ico path {
  fill: rgba(var(--color-rgb-black), 0.2);
}
.addlist .item .don a:hover path {
  fill: var(--color-main);
}
.addlist .item .txt {
  font-size: var(--fsize-txt);
  color: var(--color-0);
  line-height: 1.6;
}
@media (max-width: 800px) {
  .addlist .item .txt {
    font-size: var(--fsize-base);
  }
}
.addlist .item .tit {
  margin-top: 10px;
  font-size: var(--fsize-base);
  color: var(--color-6);
}
.addlist .item .tit strong {
  font-weight: normal;
}
.addlist .item .tit span {
  margin-left: 20px;
}
.paylist {
  display: flex;
}
@media (max-width: 800px) {
  .paylist {
    display: block;
  }
}
.paylist .item {
  display: flex;
  margin-right: 10px;
}
@media (max-width: 800px) {
  .paylist .item {
    display: block;
    margin-bottom: 10px;
  }
  .paylist .item:last-child {
    margin-bottom: 0;
  }
}
.paylist .item input {
  display: none;
}
.paylist .item input:checked + label .txt {
  border-color: var(--color-main);
  box-shadow: var(--color-main) 1px 0 0, var(--color-main) 0 1px 0, var(--color-main) -1px 0 0, var(--color-main) 0 -1px 0;
}
.paylist .item input:checked + label .txt:after {
  background-image: url(../img/dimg/radios.svg);
}
.paylist .item .txt {
  cursor: pointer;
  border: 1px solid var(--color-border);
  border-radius: 10px;
  padding: 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (max-width: 800px) {
  .paylist .item .txt {
    width: 100%;
    box-sizing: border-box;
  }
}
.paylist .item .txt svg {
  margin-right: 10px;
}
.paylist .item .txt:hover {
  border-color: var(--color-main);
}
.paylist .item .txt:after {
  content: "";
  width: 20px;
  height: 20px;
  background: url(../img/dimg/radio.svg) no-repeat center;
  margin-left: 20px;
}
.message {
  display: flex;
  justify-content: center;
  margin: 0 0 50px;
  min-height: 60vh;
  align-items: center;
}
.message .paybox {
  background: var(--color-bg);
  margin: 30px auto;
  padding: 20px;
  max-width: 500px;
  box-sizing: border-box;
  text-align: left;
}
.message .paybox .list .item {
  display: flex;
  justify-content: space-between;
  padding: 10px 0;
}
.message .paybox .list .item span {
  font-size: var(--fsize-txt);
  color: var(--color-3);
}
.message .paybox .list .item strong {
  font-size: var(--fsize-txt);
  color: var(--color-3);
}
.message .paybox .list .item.on {
  border-top: 1px solid var(--color-border);
}
.message .paybox .list .item.on strong {
  font-size: var(--fsize-h3);
  font-family: "alibold";
  color: var(--color-red);
  font-weight: normal;
}
.message .box {
  text-align: center;
}
.message .box .ico {
  display: flex;
  justify-content: center;
}
.message .box .nam {
  font-size: var(--fsize-h3);
  color: var(--color-3);
}
@media (max-width: 800px) {
  .message .box .nam {
    font-size: var(--fsize-txt);
    margin: var(--gap-h3) 0;
  }
}
.message .box .txt {
  font-size: var(--fsize-large);
  color: var(--color-9);
  margin: 10px 0 30px;
  color: var(--color-main);
  line-height: 180%;
}
.message .box .btn {
  display: flex;
  justify-content: center;
  gap: 10px;
}
.message .box .btn a {
  display: flex;
  height: 40px;
  font-size: var(--fsize-base);
  color: var(--color-3);
  padding: 0 30px;
  border-radius: 4px;
  border: 1px solid var(--color-border);
  text-decoration: none;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.message .box .btn a:hover {
  box-shadow: 0 16px 16px rgba(var(--color-rgb-black), 0.06);
  background-color: var(--color-bg);
}
.message .box .btn a:active {
  transform: scale(0.96);
}
.message .box .btn a.on {
  background-color: var(--color-main);
  color: var(--color-white);
  border-color: var(--color-main);
}
.fulistnbox .bi {
  padding: var(--gap-mini) 0;
  font-size: var(--fsize-base);
}
.fulistnbox .ci {
  padding: var(--gap-mini) var(--gap-base);
  font-size: var(--fsize-base);
}
.fulist {
  display: block;
}
.fulist .item {
  background: var(--color-bg);
  border-radius: var(--gap-small);
  display: flex;
  margin-bottom: var(--gap-large);
}
@media (max-width: 800px) {
  .fulist .item {
    flex-direction: column;
  }
}
.fulist .item .ih {
  width: 300px;
  flex-shrink: 0;
}
@media (max-width: 800px) {
  .fulist .item .ih {
    width: 100%;
  }
}
.fulist .item .ih .itop {
  position: sticky;
  top: 0;
}
.fulist .item .ih .img {
  border-radius: var(--gap-small) 0 0 var(--gap-small);
  overflow: hidden;
}
.fulist .item .ih .img img {
  display: block;
  width: 100%;
}
.fulist .item .ih .inf {
  padding: var(--gap-base) 0;
}
.fulist .item .ih .inf .nam {
  text-align: center;
  font-size: var(--fsize-large);
  font-weight: bold;
  color: var(--color-3);
}
.fulist .item .ib .iblist {
  padding: var(--gap-large);
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: var(--gap-base);
}
@media (max-width: 1600px) {
  .fulist .item .ib .iblist {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
@media (max-width: 800px) {
  .fulist .item .ib .iblist {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
.fulist .item .ib .iblist .it {
  position: relative;
  background: var(--color-white);
  border-radius: var(--gap-small);
}
.fulist .item .ib .iblist .it.itout .img a {
  position: relative;
}
.fulist .item .ib .iblist .it.itout .img a::after {
  position: absolute;
  content: "Out of Stock";
  color: var(--color-white);
  padding: var(--gap-base);
  border-radius: var(--gap-mini);
  font-size: var(--fsize-base);
  background: rgba(0, 0, 0, 0.5);
  font-weight: bold;
  top: 50%;
  left: 50%;
  white-space: nowrap;
  transform: translateX(-50%) translateY(-50%);
}
.fulist .item .ib .iblist .it .btn {
  position: absolute;
  top: var(--gap-base);
  right: 0;
}
.fulist .item .ib .iblist .it .btn a {
  display: block;
  transform: translateX(10px);
  background: var(--color-red);
  color: var(--color-white);
  padding: var(--gap-mini) var(--gap-base);
  font-size: var(--fsize-base);
  text-decoration: none;
  opacity: 0;
}
.fulist .item .ib .iblist .it:hover .btn a {
  opacity: 1;
  transform: translateX(5px);
}
.fulist .item .ib .iblist .it .img img {
  display: block;
  width: 100%;
  border-radius: var(--gap-small);
  overflow: hidden;
}
.fulist .item .ib .iblist .it .inf {
  padding: var(--gap-small);
}
.fulist .item .ib .iblist .it .inf .sub {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: var(--fsize-small);
  color: var(--color-6);
}
.fulist .item .ib .iblist .it .inf .nam {
  font-size: var(--fsize-base);
  font-weight: 500;
  margin: 10px 0;
}
.fulist .item .ib .iblist .it .inf .nam a {
  color: var(--color-0);
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.fulist .item .ib .iblist .it .inf .pri strong {
  color: var(--color-main);
  font-size: var(--fsize-base);
  font-weight: 700;
}
.fulist .item .ib .iblist .it .inf .pri s {
  font-size: var(--fsize-base);
  color: var(--color-9);
  margin: 0 var(--gap-small);
}
/*# sourceMappingURL=./inpage.css.map */