@font-face {
    font-family: "iconfont";
    /* Project id  */
    src: url(../style/fonts/iconfont/iconfont1.ttf) format('truetype');
}

.iconfont {
    font-family: "iconfont" !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-a-Group667:before {
    content: "\e6b1";
}

.icon-a-Group666:before {
    content: "\e6b3";
}

.icon-a-Group686:before {
    content: "\e6b7";
}

.icon-a-Group692:before {
    content: "\e6b8";
}

.icon-a-Group669:before {
    content: "\e6af";
}

.icon-a-Group680:before {
    content: "\e6b2";
}

.icon-a-Group671:before {
    content: "\e6b5";
}

.icon-a-Group741:before {
    content: "\e6b4";
}

.icon-a-Group740:before {
    content: "\e6a9";
}

.icon-a-Group737:before {
    content: "\e6aa";
}

.icon-Group:before {
    content: "\e6b6";
}

.icon-a-Group738:before {
    content: "\e6b0";
}

.icon-a-Group743:before {
    content: "\e6ab";
}

.icon-a-Group742:before {
    content: "\e6ad";
}

.icon-a-Group746:before {
    content: "\e6ac";
}

.icon-a-Group682:before {
    content: "\e695";
}

.icon-a-Group745:before {
    content: "\e6ae";
}

.icon-a-Polygon3:before {
    content: "\e696";
}

.icon-a-Rectangle2271Stroke:before {
    content: "\e6a7";
}

.icon-a-VectorStroke:before {
    content: "\e6a6";
}

.icon-a-VectorStroke-1:before {
    content: "\e6a8";
}

.icon-a-VectorStroke-2:before {
    content: "\e6a5";
}

.icon-Vector-2:before {
    content: "\e69c";
}

.icon-Vector-1:before {
    content: "\e6a3";
}

.icon-a-Group10:before {
    content: "\e69e";
}

.icon-a-Group477:before {
    content: "\e69f";
}

.icon-a-Ellipse3Stroke:before {
    content: "\e6a4";
}

.icon-Vector-3:before {
    content: "\e69a";
}

.icon-a-Group376:before {
    content: "\e6a2";
}

.icon-a-Group7:before {
    content: "\e6a1";
}

.icon-a-Group3:before {
    content: "\e6a0";
}

.icon-a-Group630:before {
    content: "\e6b9";
}

.icon-a-Group610:before {
    content: "\e69d";
}

.icon-a-Group664:before {
    content: "\e69b";
}

.icon-Group-1:before {
    content: "\e697";
}

.icon-a-Group665:before {
    content: "\e698";
}

.icon-a-Group6:before {
    content: "\e699";
}
@charset "UTF-8";
.ellipsis {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

body.show a,
body.show .transition,
body.show :before,
body.show img {
  transition: All 0.3s ease;
}

.zoomImg {
  width: 100%;
  overflow: hidden;
  position: relative;
  display: block;
}
.zoomImg:before {
  position: absolute;
  top: 0;
  left: -90%;
  z-index: 2;
  display: block;
  content: "";
  width: 50%;
  height: 100%;
  opacity: 0.6;
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%);
  transform: skewX(-25deg);
}
.zoomImg:hover:before {
  animation: shine 0.75s;
}
.zoomImg:hover img {
  transform: scale(1.1);
}

a:hover .zoomImg:before {
  animation: shine 0.75s;
}
a:hover .zoomImg img {
  transform: scale(1.1);
}

@keyframes shine {
  100% {
    left: 125%;
  }
}
/**/
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
*::-webkit-scrollbar {
  width: 8px !important;
  height: 8px !important;
}
*::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background: #e7e8ec;
  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
}
*::-webkit-scrollbar-thumb:vertical {
  background-color: #f3f4f6;
}
*::-webkit-scrollbar-width {
  width: 8px !important;
}
* ::-webkit-scrollbar-track-piece {
  background-color: #f3f4f6;
}

html {
  font-size: 100px;
  overflow-x: hidden;
}

body {
  font-size: 12px;
  font-family: "SourceHanSansCN-Regular";
  color: #1F1F1F;
  -webkit-text-size-adjust: none;
  overflow-x: hidden;
  -webkit-font-smoothing: antialiased;
  opacity: 0;
  background-color: white;
}
body.show {
  opacity: 1;
}

a {
  text-decoration: none;
  outline: none;
  cursor: pointer;
}
a:active {
  star: expression(this.onFocus=this.blur());
}
a:link {
  text-decoration: none;
  outline: none;
}
a:visited {
  text-decoration: none;
  outline: none;
}
a:hover {
  text-decoration: none;
  outline: none;
}

li {
  list-style: outside none;
}

li {
  list-style-type: none;
}

h2,
h3,
h4,
h5 {
  font-family: "SourceHanSansCN-Medium";
  font-weight: 400;
}

textarea,
input {
  background: transparent;
  font-family: Arial, "微软雅黑";
  color: #1E1E1E;
  outline: none;
  border: 0;
}

input::placeholder {
  color: #000000;
  opacity: 0.5;
}

em {
  font-style: normal;
}

img {
  vertical-align: middle;
  max-width: 100%;
  border: 0;
  object-fit: cover;
}

.ctl {
  text-transform: capitalize;
}

.wal {
  max-width: 16.99rem;
  width: 100%;
  margin: 0 auto;
}

.wal-1024 {
  max-width: 10.24rem;
  width: 100%;
  margin: 0 auto;
}

.phone-show {
  display: none;
}

/* 在线链接服务仅供平台体验和调试使用，平台不承诺服务的稳定性，企业客户需下载字体包自行发布使用并做好备份。 */
@font-face {
  font-family: "iconfont";
  /* Project id 4544055 */
  src: url("//at.alicdn.com/t/c/font_4544055_9qz4u1ego8t.woff2?t=1715673160185") format("woff2"), url("//at.alicdn.com/t/c/font_4544055_9qz4u1ego8t.woff?t=1715673160185") format("woff"), url("//at.alicdn.com/t/c/font_4544055_9qz4u1ego8t.ttf?t=1715673160185") format("truetype");
}
.iconfont {
  font-family: "iconfont";
}

@font-face {
  font-family: "SourceHanSansCN-Bold";
  src: url(../style/fonts/SourceHanSansCN-Bold.otf) format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "SourceHanSansCN-Medium";
  src: url(../style/fonts/SourceHanSansCN-Medium.otf) format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "SourceHanSansCN-Regular";
  src: url(../style/fonts/SourceHanSansCN-Regular_0.otf) format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Manrope ExtraLight";
  src: url(../style/fonts/Manrope-VariableFont_wght.ttf) format("truetype");
  font-weight: normal;
  font-style: normal;
}
.family-Regular {
  font-family: "SourceHanSansCN-Regular" !important;
}

.family-SemiBold {
  font-family: "SourceHanSansCN-Bold" !important;
}

.family-Medium {
  font-family: "SourceHanSansCN-Medium" !important;
}

/*foot*/
.topA {
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  position: fixed;
  z-index: 45;
  right: 0.6rem;
  bottom: 0.6rem;
  border-radius: 50%;
  border: 0.02rem solid #E6E6E6;
  width: 0.56rem;
  height: 0.56rem;
  background: white;
  color: #000;
  font-weight: bold;
  opacity: 0;
  visibility: hidden;
}
.topA:after {
  display: block;
  content: "";
  font-family: "iconfont";
  transform: rotate(90deg);
  color: #a6a6a6;
  font-size: 12px;
}
.topA:hover {
  background-color: #2e44f5;
  border: 0.02rem solid #2e44f5;
  box-shadow: 0 0 10px 0 #2e44f5;
}
.topA:hover::after {
  color: white;
  font-size: 12px;
}
.topA.show {
  opacity: 1;
  visibility: visible;
}

.bgc_w {
  background-color: rgba(225, 225, 225, 0.02) !important;
  color: #25489c !important;
  border: 1.2px solid #25489c !important;
}

.bgc_b {
  background-color: rgba(225, 225, 225, 0.02) !important;
  color: #fff !important;
  border: 1.2px solid #fff !important;
}

.btn-hover {
  cursor: pointer;
}
.btn-hover:hover {
  background: #E35D0C !important;
}

.btn-hover.disabled:hover {
  background: rgba(255, 102, 10, 0.3) !important;
}

input[type=checkbox] {
  accent-color: #ff660a;
  color: #fff;
}
input[type=checkbox]:before {
  color: white;
}

input[type=checkbox] {
  position: relative;
  width: 25px;
  height: 25px;
  /* 用于控制 UI 控件的基于操作系统主题的原生外观。none 隐藏部件的某些特性 */
  appearance: none;
}

input[type=checkbox]::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 1px solid #d9d9d9;
  background-color: #fff;
}

input[type=checkbox]:checked::before {
  content: "✓";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 1px solid #f54500;
  background-color: #f54500;
  /* 对勾样式 */
  color: #fff;
  font-size: 0.16rem;
  font-weight: bold;
  text-align: center;
  line-height: 0.2rem;
}

.ellipsis {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.ellipsis {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.el-radio__input.is-checked .el-radio__inner {
  border-color: #2e44f5 !important;
  background-color: #2e44f5 !important;
}

.el-textarea__inner:focus {
  border-color: #2e44f5 !important;
}

.el-radio__input.is-checked + .el-radio__label {
  color: #2e44f5 !important;
}

.el-table__fixed-right::before, .el-table__fixed::before {
  height: 0 !important;
}

.g-btn {
  cursor: pointer;
  font-size: 14px;
  line-height: 16px;
  padding: 10px 16px;
  width: max-content;
  text-align: center;
  background-color: #2e44f5;
  color: white;
  border-radius: 2px;
}
.g-btn.grey {
  background-color: #e0e0e0;
  color: #1F1F1F;
}
.g-btn a {
  color: white;
}

.g-label {
  width: max-content;
  background-color: #ffe7e8;
  color: #DE0515;
  padding: 0.06rem;
  border-radius: 2px;
  font-size: 0.14rem;
  line-height: 0.16rem;
  opacity: 0.8;
}
.g-label.green {
  background-color: #e7ffed;
  color: #00992B;
}
.g-label.blue {
  background-color: #dae3fe;
  color: #2e44f5;
}

.common-page {
  height: 100vh;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
.common-page .common-head .wal {
  width: 100% !important;
  max-width: 100% !important;
  padding: 16px 32px;
  background-color: white;
  border-radius: 8px 8px 0 0;
}
.common-page .common-head .wal .nav {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 2px solid #f6f7f9;
  padding-bottom: 8px;
}
.common-page .common-head .wal .nav .left-cont ul {
  display: flex;
}
.common-page .common-head .wal .nav .left-cont ul li {
  margin-right: 33px;
}
.common-page .common-head .wal .nav .left-cont ul li.active a {
  color: #2e44f5;
}
.common-page .common-head .wal .nav .left-cont ul li.active a::after {
  display: block;
}
.common-page .common-head .wal .nav .left-cont ul li a {
  position: relative;
  font-size: 14px;
  line-height: 16px;
  padding-bottom: 16px;
}
.common-page .common-head .wal .nav .left-cont ul li a:hover {
  color: #2e44f5;
}
.common-page .common-head .wal .nav .left-cont ul li a:hover::after {
  display: block;
}
.common-page .common-head .wal .nav .left-cont ul li a::after {
  content: "";
  display: block;
  clear: both;
  display: none;
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 4px;
  background-color: #2e44f5;
}
.common-page .common-head .wal .nav .right-cont {
  display: flex;
  align-items: center;
}
.common-page .common-head .wal .nav .right-cont .peas {
  font-size: 14px;
  line-height: 16px;
}
.common-page .common-head .wal .nav .right-cont .Recharge-btn {
  margin-left: 24px;
}
.common-page .common-head .wal .sub-nav {
  display: flex;
  align-items: start;
  justify-content: space-between;
  padding-top: 24px;
}
.common-page .common-head .wal .sub-nav .left-cont ul {
  display: flex;
  flex-wrap: wrap;
}
.common-page .common-head .wal .sub-nav .left-cont ul li {
  opacity: 0.6;
  cursor: pointer;
  padding: 10px 16px;
  font-size: 14px;
  line-height: 16px;
  color: #1F1F1F;
  margin-right: 16px;
  margin-bottom: 16px;
  width: max-content;
  border-radius: 28px;
  border: 1px solid rgba(31, 31, 31, 0.3);
  transition: 0.3s;
}
.common-page .common-head .wal .sub-nav .left-cont ul li.active, .common-page .common-head .wal .sub-nav .left-cont ul li:hover {
  color: #2e44f5;
  opacity: 1;
  background-color: #f6f7f9;
  border: 1px solid transparent;
}
.common-page .common-head .wal .sub-nav .right-cont {
  flex-shrink: 0;
  margin-left: 16px;
}
.common-page .common-head .wal .sub-nav .right-cont .input-box {
  display: flex;
  align-items: center;
  font-size: 14px;
  line-height: 16px;
}
.common-page .common-head .wal .sub-nav .right-cont .input-box input {
  width: 208px;
  border-radius: 4px;
  height: 100%;
  border: 1px solid rgba(31, 31, 31, 0.3);
  padding: 10px 14px;
}
.common-page .common-head .wal .sub-nav .right-cont .input-box input input::-webkit-input-placeholder {
  color: rgba(31, 31, 31, 0.3);
}
.common-page .common-head .wal .sub-nav .right-cont .input-box input input::-moz-placeholder {
  color: rgba(31, 31, 31, 0.3);
}
.common-page .common-head .wal .sub-nav .right-cont .input-box input input:-moz-placeholder {
  color: rgba(31, 31, 31, 0.3);
}
.common-page .common-head .wal .sub-nav .right-cont .input-box input input:-ms-input-placeholder {
  color: rgba(31, 31, 31, 0.3);
}
.common-page .common-head .wal .sub-nav .right-cont .input-box input textarea::-webkit-input-placeholder {
  color: rgba(31, 31, 31, 0.3);
}
.common-page .common-head .wal .sub-nav .right-cont .input-box input textarea::-moz-placeholder {
  color: rgba(31, 31, 31, 0.3);
}
.common-page .common-head .wal .sub-nav .right-cont .input-box input textarea:-moz-placeholder {
  color: rgba(31, 31, 31, 0.3);
}
.common-page .common-head .wal .sub-nav .right-cont .input-box input textarea:-ms-input-placeholder {
  color: rgba(31, 31, 31, 0.3);
}
.common-page .common-head .wal .sub-nav .right-cont .g-btn {
  margin-left: 10px;
}
.common-page .common-box {
  flex-grow: 1;
  overflow: overlay;
  margin-top: 0.24rem;
  border-radius: 0 0 8px 8px;
}
.common-page .common-box .el-table__body-wrapper {
  position: relative;
  overflow: auto !important;
}
.common-page .common-box .el-table .cell {
  white-space: nowrap;
}
.common-page .common-box .el-table__fixed-right-patch {
  position: absolute;
  width: 8px !important;
  height: 51px;
  top: -1px;
  right: 0;
  background-color: #FFF;
}
.common-page .common-box .el-table::before {
  height: 0;
}
.common-page .common-box .el-table__fixed, .common-page .common-box .el-table__fixed-right {
  height: 100% !important;
}
.common-page .pagination {
  margin: 32px 0;
  text-align: end;
}

.index-page .common-box {
  margin-top: 0.24rem;
}
.index-page .common-box ul {
  display: flex;
  flex-wrap: wrap;
}
.index-page .common-box ul li {
  position: relative;
  display: flex;
  flex: 0 1 calc(50% - .24rem);
  margin: 0 0.24rem 0.24rem 0;
  padding: 0.32rem;
  background-color: white;
  transition: 0.3s;
}
.index-page .common-box ul li:hover {
  box-shadow: 1px 0px 30px rgba(0, 0, 0, 0.15);
}
.index-page .common-box ul li .on-trial {
  position: absolute;
  right: 0;
  top: 0;
  border-radius: 0 8px 0 8px;
}
.index-page .common-box ul li .left-cont {
  margin-right: 0.24rem;
  flex: 0 0 1.7rem;
}
.index-page .common-box ul li .left-cont .img {
  width: 100%;
}
.index-page .common-box ul li .left-cont .img img {
  width: 100%;
  height: 100%;
}
.index-page .common-box ul li .right-cont {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  flex: 0 1 100%;
}
.index-page .common-box ul li .right-cont .info .name-info {
  display: flex;
}
.index-page .common-box ul li .right-cont .info .name-info h3 {
  font-size: 0.26rem;
  line-height: 0.3rem;
  color: #1F1F1F;
  margin-right: 0.1rem;
}
.index-page .common-box ul li .right-cont .info .context {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  font-size: 0.14rem;
  line-height: 0.18rem;
  color: #1F1F1F;
  opacity: 0.8;
  margin-top: 0.16rem;
}
.index-page .common-box ul li .right-cont .bottom {
  display: flex;
  justify-content: space-between;
  align-items: end;
}
.index-page .common-box ul li .right-cont .bottom .btns {
  display: flex;
}
.index-page .common-box ul li .right-cont .bottom .btns .g-btn {
  font-size: 0.14rem;
  line-height: 0.16rem;
  margin-left: 0.16rem;
  padding: 0.16rem 0.32rem;
}
.index-page .common-box ul li .right-cont .bottom .btns .g-btn.detail {
  border: 1px solid #2e44f5;
  color: #2e44f5;
  background-color: white;
  border-radius: 4px;
}
.index-page .common-box ul li .right-cont .bottom .btns .g-btn.purchased {
  pointer-events: none;
  background-color: #e0e0e0;
  border: none;
  color: #727272;
}
.index-page .common-box ul li .right-cont .bottom .peas {
  font-size: 0.14rem;
  line-height: 0.16rem;
  color: #727272;
}
.index-page .common-box ul li .right-cont .bottom .peas em {
  color: #2e44f5;
  font-size: 0.46rem;
}
.index-page .buy-dialog {
  display: flex;
  position: fixed;
  inset: 0;
  justify-content: center;
  align-items: center;
  z-index: -1;
  opacity: 0;
  visibility: hidden;
  transition: 0.3s;
}
.index-page .buy-dialog.show {
  opacity: 1;
  visibility: visible;
  z-index: 99;
}
.index-page .buy-dialog.show .container {
  transform: scale(1);
}
.index-page .buy-dialog .mark {
  position: absolute;
  inset: 0;
  z-index: -1;
  background-color: rgba(0, 0, 0, 0.6);
}
.index-page .buy-dialog .container {
  position: relative;
  padding: 0.5rem 1.34rem;
  background-color: white;
  border-radius: 8px;
  max-width: 12.2rem;
  width: 100%;
  transform: scale(0.01);
  transition: 0.3s;
}
.index-page .buy-dialog .container .close {
  position: absolute;
  cursor: pointer;
  width: 17px;
  height: 17px;
  top: 31px;
  right: 20px;
  background: url(../image/i-close.png) center center no-repeat;
  background-size: contain;
}
.index-page .buy-dialog .container .box .title {
  text-align: center;
  font-size: 21px;
  margin-bottom: 40px;
}
.index-page .buy-dialog .container .box .row .row-title {
  display: flex;
  align-items: center;
  font-size: 16px;
  line-height: 18px;
  margin-bottom: 26px;
}
.index-page .buy-dialog .container .box .row .row-title::before {
  display: inline-block;
  content: "";
  height: 13px;
  border: 2px solid #2e44f5;
  border-radius: 2px;
  margin-right: 10px;
}
.index-page .buy-dialog .container .box .row .cell .shop-list li {
  display: flex;
  align-items: center;
  padding: 20px;
  border: 1px solid #cecece;
  border-radius: 8px;
}
.index-page .buy-dialog .container .box .row .cell .shop-list li .left-cont {
  display: flex;
  align-items: center;
  padding-right: 32px;
}
.index-page .buy-dialog .container .box .row .cell .shop-list li .left-cont .img {
  width: 120px;
  margin-right: 44px;
  flex-shrink: 0;
}
.index-page .buy-dialog .container .box .row .cell .shop-list li .left-cont .img img {
  width: 100%;
  object-fit: contain;
}
.index-page .buy-dialog .container .box .row .cell .shop-list li .left-cont .info .name {
  font-size: 16px;
  line-height: 18px;
  margin-bottom: 10px;
}
.index-page .buy-dialog .container .box .row .cell .shop-list li .left-cont .info .context {
  font-size: 14px;
  line-height: 20px;
  color: #1F1F1F;
  opacity: 0.8;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
.index-page .buy-dialog .container .box .row .cell .shop-list li .right-cont {
  margin-left: auto;
}
.index-page .buy-dialog .container .box .row .cell .tit {
  display: flex;
  align-items: center;
}
.index-page .buy-dialog .container .box .row .cell .tit .tit-label {
  width: 100px;
  text-align: right;
  font-size: 14px;
  line-height: 16px;
  opacity: 0.8;
  color: #1F1F1F;
}
.index-page .buy-dialog .container .box .row .cell .tit em {
  font-size: 14px;
  line-height: 16px;
}
.index-page .buy-dialog .container .box .mt30 {
  margin-top: 30px !important;
}
.index-page .buy-dialog .container .box .mt16 {
  margin-top: 16px !important;
}
.index-page .buy-dialog .container .box .foot-btn {
  margin-top: 64px;
}
.index-page .buy-dialog .container .box .foot-btn .g-btn {
  padding: 12px 24px;
  margin: 0 auto;
}

.purchasedApps-page .common-head .wal .sub-nav {
  justify-content: flex-end;
}
.purchasedApps-page .common-box {
  margin-top: 0.24rem;
}
.purchasedApps-page .common-box ul {
  display: flex;
  flex-wrap: wrap;
}
.purchasedApps-page .common-box ul li {
  position: relative;
  display: flex;
  flex: 0 1 calc(50% - .24rem);
  margin: 0 0.24rem 0.24rem 0;
  padding: 0.32rem;
  background-color: white;
  transition: 0.3s;
}
.purchasedApps-page .common-box ul li:hover {
  box-shadow: 1px 0px 30px rgba(0, 0, 0, 0.15);
}
.purchasedApps-page .common-box ul li .on-trial {
  position: absolute;
  right: 0;
  top: 0;
  border-radius: 0 8px 0 8px;
}
.purchasedApps-page .common-box ul li .left-cont {
  margin-right: 0.24rem;
  flex: 0 0 1.7rem;
}
.purchasedApps-page .common-box ul li .left-cont .img {
  width: 100%;
}
.purchasedApps-page .common-box ul li .left-cont .img img {
  width: 100%;
  height: 100%;
}
.purchasedApps-page .common-box ul li .right-cont {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  flex: 0 1 100%;
}
.purchasedApps-page .common-box ul li .right-cont .info .name-info {
  display: flex;
}
.purchasedApps-page .common-box ul li .right-cont .info .name-info h3 {
  font-size: 0.26rem;
  line-height: 0.3rem;
  color: #1F1F1F;
  margin-right: 0.1rem;
}
.purchasedApps-page .common-box ul li .right-cont .info .context {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  font-size: 0.14rem;
  line-height: 0.18rem;
  color: #1F1F1F;
  opacity: 0.8;
  margin-top: 0.16rem;
}
.purchasedApps-page .common-box ul li .right-cont .bottom {
  display: flex;
  justify-content: space-between;
  align-items: end;
}
.purchasedApps-page .common-box ul li .right-cont .bottom .btns {
  display: flex;
  margin-left: auto;
}
.purchasedApps-page .common-box ul li .right-cont .bottom .btns .g-btn {
  font-size: 0.14rem;
  line-height: 0.16rem;
  margin-left: 0.16rem;
  padding: 0.16rem 0.32rem;
}
.purchasedApps-page .common-box ul li .right-cont .bottom .btns .g-btn.detail {
  border: 1px solid #2e44f5;
  color: #2e44f5;
  background-color: white;
  border-radius: 4px;
}
.purchasedApps-page .common-box ul li .right-cont .bottom .btns .g-btn.purchased {
  pointer-events: none;
  background-color: #e0e0e0;
  border: none;
  color: #727272;
}
.purchasedApps-page .common-box ul li .right-cont .bottom .tips a {
  color: #1F1F1F;
  opacity: 0.8;
  text-decoration: underline;
  font-size: 0.14rem;
  line-height: 0.16rem;
}
.purchasedApps-page .common-box ul li .right-cont .bottom .peas {
  font-size: 0.14rem;
  line-height: 0.16rem;
  color: #727272;
}
.purchasedApps-page .common-box ul li .right-cont .bottom .peas em {
  color: #2e44f5;
  font-size: 0.46rem;
}

.consumptionRecords-page .common-head .wal {
  padding-bottom: 0;
}
.consumptionRecords-page .common-box {
  margin-top: 0;
  padding: 0.32rem 0.32rem 0;
  background-color: white;
}
.consumptionRecords-page .common-box .el-table th.el-table__cell {
  background-color: #f6f7f9;
}
.consumptionRecords-page .common-box .el-table th.el-table__cell .cell {
  color: #1F1F1F;
}
.consumptionRecords-page .common-box .el-table .cell:first-child {
  padding-left: 0.32rem;
}
.consumptionRecords-page .common-box .el-table .cell:last-child {
  padding-right: 0.32rem;
}
.consumptionRecords-page .common-box .pagination {
  margin-top: 0.32rem;
  text-align: end;
}

.rechargeRecords-page .common-head .wal {
  padding-bottom: 0;
}
.rechargeRecords-page .common-box {
  margin-top: 0;
  padding: 32px 32px 0;
  background-color: white;
}
.rechargeRecords-page .common-box .el-table th.el-table__cell {
  background-color: #f6f7f9;
}
.rechargeRecords-page .common-box .el-table th.el-table__cell .cell {
  color: #1F1F1F;
}
.rechargeRecords-page .common-box .el-table .cell:first-child {
  padding-left: 32px;
}
.rechargeRecords-page .common-box .el-table .cell:last-child {
  padding-right: 32px;
}
.rechargeRecords-page .common-box .blue-btn {
  color: #2e44f5;
}
.rechargeRecords-page .common-box .gray {
  color: #1F1F1F;
  opacity: 0.8;
}

.account-page {
  border-radius: 8px;
}
.account-page .container {
  background-color: white;
  padding: 32px;
}
.account-page .container .input {
  max-width: 446px;
}
.account-page .container .row .title {
  display: flex;
  align-items: center;
  font-size: 16px;
  line-height: 18px;
  margin-bottom: 32px;
}
.account-page .container .row .title::before {
  display: inline-block;
  content: "";
  height: 13px;
  border: 2px solid #2e44f5;
  border-radius: 2px;
  margin-right: 10px;
}
.account-page .container .row .el-input__inner:focus {
  border: 1px solid #2e44f5;
}
.account-page .container .bottom {
  margin-left: 120px;
  margin-top: 40px;
}
.account-page .container .bottom .g-btn {
  padding: 12px 24px;
  border-radius: 4px;
}

.recharge-page {
  border-radius: 8px;
}
.recharge-page .container {
  background-color: white;
  padding: 32px;
  flex-grow: 1;
  overflow: auto;
}
.recharge-page .container .input {
  max-width: 446px;
}
.recharge-page .container .row {
  margin-top: 50px;
}
.recharge-page .container .row:first-child {
  margin-top: 0;
}
.recharge-page .container .row .title {
  display: flex;
  align-items: center;
  font-size: 16px;
  line-height: 18px;
  margin-bottom: 32px;
}
.recharge-page .container .row .title::before {
  display: inline-block;
  content: "";
  height: 13px;
  border: 2px solid #2e44f5;
  border-radius: 2px;
  margin-right: 10px;
}
.recharge-page .container .row .el-input__inner:focus {
  border: 1px solid #2e44f5;
}
.recharge-page .container .row .cell {
  margin-left: 16px;
}
.recharge-page .container .row .cell .tit {
  display: flex;
  align-items: center;
  font-size: 14px;
  line-height: 16px;
}
.recharge-page .container .row .cell .tit .context {
  opacity: 0.8;
}
.recharge-page .container .row .cell .tit .context {
  margin-right: 8px;
}
.recharge-page .container .row .cell .tip {
  opacity: 0.6;
  font-size: 12px;
  line-height: 14px;
}
.recharge-page .container .row .cell .pay-info .imgs ul {
  display: flex;
}
.recharge-page .container .row .cell .pay-info .imgs ul li {
  position: relative;
  width: 228px;
  padding: 22px 0;
  margin-right: 30px;
  border: 1px solid #727272;
  border-radius: 8px;
  opacity: 0.8;
  cursor: pointer;
}
.recharge-page .container .row .cell .pay-info .imgs ul li.on {
  border: 1px solid #de0515;
}
.recharge-page .container .row .cell .pay-info .imgs ul li.on::after {
  content: "";
  display: block;
  clear: both;
  position: absolute;
  width: 30px;
  height: 30px;
  right: 0;
  bottom: 0;
  background: url(../image/img108.png) center center no-repeat;
  background-size: contain;
}
.recharge-page .container .row .cell .pay-info .imgs ul li .img {
  height: 32px;
}
.recharge-page .container .row .cell .pay-info .imgs ul li .img img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.recharge-page .container .mb16 {
  margin-bottom: 16px !important;
}
.recharge-page .container .mb12 {
  margin-bottom: 12px !important;
}
.recharge-page .container .mt30 {
  margin-top: 30px !important;
}
.recharge-page .container .mt20 {
  margin-top: 20px !important;
}
.recharge-page .container .nolabelmargin .el-form-item__content {
  margin-left: 0 !important;
}
.recharge-page .container .bottom {
  margin-top: 40px;
}
.recharge-page .container .bottom .g-btn {
  padding: 12px 24px;
  border-radius: 4px;
}

.pay-page {
  border-radius: 8px;
}
.pay-page .common-head .wal {
  padding-bottom: 0;
}
.pay-page .container {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: white;
  padding: 0 32px 32px;
  flex-grow: 1;
  overflow: auto;
}
.pay-page .container .box {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.pay-page .container .box .img {
  width: 250px;
  height: 250px;
}
.pay-page .container .box .img img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.pay-page .container .box .tit {
  font-size: 16px;
  line-height: 18px;
  margin-top: 12px;
}
.pay-page .container .box .tips {
  font-size: 14px;
  line-height: 16px;
  margin-top: 12px;
}
.pay-page .container .box .btn {
  margin-top: 200px;
}
.pay-page .container .box .btn .g-btn a {
  color: white !important;
}

@media screen and (max-width: 900px) {
  .index-page .common-box ul li,
.purchasedApps-page .common-box ul li {
    flex: 0 1 100%;
  }
}
@media screen and (max-width: 1700px) {
  body {
    font-size: 16px;
  }

  html {
    font-size: 94px;
  }

  .wal {
    width: 90%;
  }
}
@media screen and (max-width: 1440px) {
  body {
    font-size: 14px;
  }

  html {
    font-size: 82px;
  }

  .wal {
    width: 85%;
    max-width: initial;
  }
}
@media screen and (max-width: 1300px) {
  html {
    font-size: 74px;
  }
}
@media screen and (max-width: 1200px) {
  html {
    font-size: 68px;
  }

  .wal {
    width: 90%;
    max-width: initial;
  }
}
@media screen and (max-width: 1100px) {
  html {
    font-size: 64px;
  }
}
@media screen and (max-width: 1000px) {
  html {
    font-size: 70px;
  }
}
@media screen and (min-width: 800px) {
  .pc-show {
    display: block;
  }

  .phone-show {
    display: none !important;
  }
}
@media screen and (max-width: 800px) {
  html {
    font-size: 72px;
  }

  .wal,
.wal-1200,
.wal-1024 {
    width: 100%;
    padding: 0 16px;
  }

  .phone-show {
    display: block;
  }

  .pc-show {
    display: none !important;
  }
}
@media (max-width: 500px) {
  html {
    font-size: 62px;
  }
}
@media screen and (max-width: 320px) {
  html {
    font-size: 50px;
  }
}
.ellipsis {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.main {
  display: flex;
  height: 100%;
}
.main .nav {
  width: 4.1rem;
  background: #f5f5f5;
}
.main .nav .touxiang {
  margin-top: 0.75rem;
  font-weight: bold;
  font-size: 0.2rem;
  line-height: 0.24rem;
  text-align: center;
}
.main .nav .touxiang img {
  width: 1.2rem;
  height: 1.2rem;
  margin-bottom: 0.2rem;
}
.main .nav .touxiang .name {
  padding-left: 0.2rem;
}
.main .nav .touxiang .name .goout {
  position: relative;
  font-style: normal;
}
.main .nav .navs {
  z-index: 1;
  padding: 0.3rem;
}
.main .nav .navs li {
  font-size: 0.18rem;
  height: 0.6rem;
  line-height: 0.6rem;
  color: #171a20;
  font-weight: 800;
  margin-bottom: 0.02rem;
}
.main .nav .navs li:hover, .main .nav .navs li.activited {
  background-color: #ebebf1;
  border-radius: 0.1rem;
}
.main .nav .navs li:hover > a, .main .nav .navs li.activited > a {
  color: #ff660a;
}
.main .nav .navs li:nth-of-type(1):hover a, .main .nav .navs li:nth-of-type(1).activited a {
  color: #ff660a;
  opacity: 1;
}
.main .nav .navs li:nth-of-type(1):hover a .iconfont, .main .nav .navs li:nth-of-type(1).activited a .iconfont {
  background-image: url(../image/my/order-hover.svg);
}
.main .nav .navs li:nth-of-type(1) a {
  display: flex;
  align-items: center;
  color: #171a20;
}
.main .nav .navs li:nth-of-type(1) a .iconfont {
  font-style: normal;
  width: 0.18rem;
  height: 0.18rem;
  display: block;
  margin: 0.15rem;
  margin-left: 0.3rem;
  background-image: url(../image/my/order.svg);
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.main .nav .navs li:nth-of-type(2):hover a, .main .nav .navs li:nth-of-type(2).activited a {
  color: #ff660a;
}
.main .nav .navs li:nth-of-type(2):hover a .iconfont, .main .nav .navs li:nth-of-type(2).activited a .iconfont {
  background-image: url(../image/my/Product-hover.png);
}
.main .nav .navs li:nth-of-type(2) a {
  display: flex;
  align-items: center;
  color: #171a20;
}
.main .nav .navs li:nth-of-type(2) a .iconfont {
  font-style: normal;
  width: 0.18rem;
  height: 0.18rem;
  display: block;
  margin: 0.15rem;
  margin-left: 0.3rem;
  background-image: url(../image/my/Product.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.main .nav .navs li:nth-of-type(3):hover a, .main .nav .navs li:nth-of-type(3).activited a {
  color: #ff660a;
}
.main .nav .navs li:nth-of-type(3):hover a .iconfont, .main .nav .navs li:nth-of-type(3).activited a .iconfont {
  background-image: url(../image/my/Warranty-hover.png);
}
.main .nav .navs li:nth-of-type(3) a {
  display: flex;
  align-items: center;
  color: #171a20;
}
.main .nav .navs li:nth-of-type(3) a .iconfont {
  font-style: normal;
  width: 0.18rem;
  height: 0.18rem;
  display: block;
  margin: 0.15rem;
  margin-left: 0.3rem;
  background-image: url(../image/my/Warranty.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.main .nav .navs li:nth-of-type(4):hover a, .main .nav .navs li:nth-of-type(4).activited a {
  color: #ff660a;
}
.main .nav .navs li:nth-of-type(4):hover a .iconfont, .main .nav .navs li:nth-of-type(4).activited a .iconfont {
  background-image: url(../image/my/Address-hover.svg);
}
.main .nav .navs li:nth-of-type(4) a {
  display: flex;
  align-items: center;
  color: #171a20;
}
.main .nav .navs li:nth-of-type(4) a .iconfont {
  font-style: normal;
  width: 0.18rem;
  height: 0.18rem;
  display: block;
  margin: 0.15rem;
  margin-left: 0.3rem;
  background-image: url(../image/my/Address.svg);
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.main .nav .navs li:nth-of-type(5):hover a, .main .nav .navs li:nth-of-type(5).activited a {
  color: #ff660a;
}
.main .nav .navs li:nth-of-type(5):hover a .iconfont, .main .nav .navs li:nth-of-type(5).activited a .iconfont {
  background-image: url(../image/my/Account-hover.png);
}
.main .nav .navs li:nth-of-type(5) a {
  display: flex;
  align-items: center;
  color: #171a20;
}
.main .nav .navs li:nth-of-type(5) a .iconfont {
  font-style: normal;
  width: 0.18rem;
  height: 0.18rem;
  display: block;
  margin: 0.15rem;
  margin-left: 0.3rem;
  background-image: url(../image/my/Account.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.main .content {
  flex: 1;
  margin-right: 0.6rem;
  margin-left: 0.4rem;
}
.main .content .top {
  margin-top: 0.47rem;
  height: 0.48rem;
  display: flex;
  justify-content: space-between;
  text-align: center;
}
.main .content .top .text {
  font-size: 0.36rem;
  font-weight: 800;
  color: #000000;
  text-align: center;
  line-height: 0.48rem;
}
.main .content .top .search {
  display: flex;
}
.main .content .top .search ._input {
  padding-left: 0.2rem;
  width: 4.2rem;
  border-radius: 0.08rem 0px 0px 0.08rem;
  background-color: #f5f5f5;
  font-family: Manrope, Manrope;
  font-weight: 500;
  font-size: 0.14rem;
  min-height: 0.5rem;
  line-height: 0.14rem;
}
.main .content .top .search .g-btn {
  background: #ff660a;
  padding: 0;
  border-radius: 0px 8px 8px 0px;
  width: 0.67rem;
  height: 0.48rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.main .content .top .search .g-btn img {
  width: 0.23rem;
  height: 0.22rem;
}
.main .content .table {
  padding-top: 0.3rem;
  font-size: 0.16rem;
}
.main .content .table table tr:last-child .first-t {
  border-radius: 0 0px 0px 0.1rem;
}
.main .content .table table tr:last-child .last-td {
  border-radius: 0 0px 0.1rem 0px;
}
.main .content .table table {
  width: 100%;
  border-collapse: collapse;
  /* 选择所有带.tr-content类的tr元素之后的奇数行 */
  /* 选择所有带.tr-content类的tr元素之后的偶数行 */
}
.main .content .table table tr.tr-content:nth-child(even) {
  background: #ffffff;
}
.main .content .table table tr.tr-content:nth-child(odd) {
  background: #f5f5f5;
}
.main .content .table table .tr-title {
  background: #eaeaea;
}
.main .content .table table .tr-title .first-t {
  width: 17%;
  /* 设置第一个td的宽度 */
  padding-left: 0.3rem;
  border-radius: 0.1rem 0 0px 0px;
}
.main .content .table table .tr-title .two-t {
  width: 14%;
}
.main .content .table table .tr-title th {
  font-weight: 800;
  padding: 0.14rem 0 0.14rem 0;
  width: 20%;
  height: 0.5rem;
  text-align: left;
  color: #000000;
}
.main .content .table table .tr-title .last-td {
  width: 9%;
  border-radius: 0 0.1rem 0px 0px;
}
.main .content .table table .tr-content {
  font-weight: 500;
  font-size: 0.16rem;
  opacity: 0.7;
}
.main .content .table table .tr-content .first-t {
  padding-left: 0.3rem;
  width: 17%;
  /* 设置第一个td的宽度 */
}
.main .content .table table .tr-content .two-t {
  width: 14%;
}
.main .content .table table .tr-content td {
  height: 0.5rem;
  text-align: left;
  padding: 0.14rem 0 0.14rem 0;
  width: 20%;
}
.main .content .table table .tr-content .last-td {
  color: #ff660a;
  width: 9%;
}
.main .content .table table .tr-content .last-td a {
  color: #ff660a;
}
.main .content .pagination {
  margin: 0.5rem 0 0.8rem 0;
}

.footer {
  display: flex;
  justify-content: center;
  margin-top: 0.5rem;
}
.footer .el-pagination {
  height: 0.4rem;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}

.adaptation {
  display: none;
}

.number.active {
  background-color: #ff660a;
  border: none;
  border-radius: 0;
}

.el-pager li {
  margin: 0 0.1rem 0 0.1rem;
}

.el-pager li.active {
  color: #ffffff !important;
}

.Dannyskip {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 0.4rem;
  margin-bottom: 0.6rem;
}
.Dannyskip span {
  /* font-family: Manrope, Manrope; */
  font-weight: 400;
  font-size: 0.16rem;
}
.Dannyskip input {
  /* font-family: Manrope, Manrope; */
  font-weight: 400;
  font-size: 0.16rem;
  width: 0.61rem;
  height: 0.4rem;
  border-radius: 0.2rem;
  border: 0.01rem solid #cccfd4;
  text-align: center;
  margin: 0 0.08rem;
}
.Dannyskip .confirm {
  width: 0.95rem;
  height: 0.4rem;
  border-radius: 0.2rem;
  border: 1px solid #ff660a;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 0.3rem;
  color: #ff660a;
}
.Dannyskip .confirm span {
  font-weight: 400;
  font-size: 12px;
}
.Dannyskip .confirm:hover {
  cursor: pointer;
}

.g-header .top-nav .headerBox {
  display: none;
}

.navlogo {
  display: none;
}

@media screen and (max-width: 800px) {
  .marginLeft {
    margin-left: 240px;
  }

  .Bigbox .nav {
    position: fixed;
    left: 0;
    top: 0;
    width: 240px;
    height: 100vh;
  }
  .Bigbox .nav .navlogo {
    display: block;
    width: 160px;
    margin-top: 22px;
    margin-left: 15px;
  }
  .Bigbox .nav .navlogo img {
    width: 100%;
  }
  .Bigbox .DannyHeader {
    margin: 0 !important;
    width: 100vw !important;
  }
  .Bigbox .DannyHeader .g-header {
    width: 100%;
    height: 100px;
  }
  .Bigbox .DannyHeader .g-header .top-nav {
    justify-content: start;
  }
  .Bigbox .DannyHeader .g-header .top-nav .headerBox {
    display: flex;
  }
  .Bigbox .DannyHeader .g-header .top-nav .headerBox .caidanICon {
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .Bigbox .DannyHeader .g-header .top-nav .headerBox .adaptationText {
    width: 130px;
    margin-left: 0 !important;
    font-family: Manrope, Manrope;
    font-weight: bold;
    font-size: 16px;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .Bigbox .DannyHeader .g-header .top-nav .logo {
    display: none;
  }
  .Bigbox .DannyHeader .g-header .top-nav .i-con {
    margin-left: 115px;
  }

  .main {
    height: 100%;
  }
  .main .hidden {
    display: none;
  }
  .main .nav {
    width: 240px;
  }
  .main .nav .navs {
    width: 210px;
  }
  .main .content {
    margin: 0;
    padding: 0 15px 0 15px;
    flex: 1;
    width: 100%;
  }
  .main .content .shoujiTable {
    overflow-x: auto;
  }
  .main .content .shoujiTable .table {
    width: 1000px;
    overflow-y: scroll;
    /* 启用滚动条 */
  }
  .main .content .adaptation {
    width: 340px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 10px;
    margin-left: 15px;
  }
  .main .content .adaptation avatarEdit .headerBox {
    display: flex;
    justify-content: space-around;
    align-items: center;
  }
  .main .content .adaptation avatarEdit .headerBox .caidanICon {
    width: 36px;
    height: 36px;
  }
  .main .content .adaptation avatarEdit .headerBox .adaptationText {
    margin-left: 11px;
    font-family: Manrope, Manrope;
    font-weight: bold;
    text-align: center;
  }
  .main .content .adaptation avatarEdit .headerBox .adaptationText img {
    width: 18px;
    height: 18px;
  }
  .main .content .adaptation avatarEdit .headerBox .adaptationCar {
    margin-left: 106px;
    position: relative;
  }
  .main .content .adaptation avatarEdit .headerBox .adaptationCar div {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    top: -4px;
    right: -4px;
    width: 12px;
    height: 12px;
    font-family: Arial, Arial;
    font-weight: 400;
    font-size: 8px;
    color: #ffffff;
    background: #1e2429;
    border-radius: 3px 3px 3px 3px;
  }
  .main .content .top {
    display: block;
    margin-top: 28px;
  }
  .main .content .top .text {
    text-align: left;
    margin-bottom: 24px;
  }
  .main .content .table {
    margin-top: 46px;
  }
  .main .content .pagination {
    margin: 30px 0 60px 0;
  }
  .main .content .footer {
    display: flex;
    margin-left: 15px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  .main .content .footer .el-pagination .el-pager li {
    margin: 0;
  }
  .main .content .footer .skip {
    margin-top: 20px;
    margin-bottom: 60px;
  }

  .catalogue .el-dialog__body {
    padding: 0 !important;
  }
  .catalogue .el-dialog__header {
    display: none;
  }
  .catalogue .headerImg {
    width: 100vw;
    height: 60px;
    display: flex;
    justify-content: space-between;
    text-align: center;
    background: #ff660a;
  }
  .catalogue .headerImg div {
    margin-left: 15px;
    width: 180px;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .catalogue .headerImg div .headerImgLogo {
    width: 100%;
    height: auto;
  }
  .catalogue .headerImg .imgqvxiao {
    width: 25px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 15px;
  }
  .catalogue .headerImg .imgqvxiao img {
    width: 100%;
    height: auto;
  }
}
.ellipsis {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.main .content {
  flex: 1;
}
.main .content .details .details-title {
  display: flex;
  align-items: center;
  height: 0.33rem;
  margin-top: 0.5rem;
}
.main .content .details .details-title img {
  width: 0.26rem;
  height: 0.26rem;
}
.main .content .details .details-title span {
  font-weight: 800;
  font-size: 0.24rem;
  color: #000000;
  margin-left: 0.08rem;
}
.main .content .details .details-content {
  margin-top: 0.4rem;
}
.main .content .details .details-content .title {
  display: flex;
  align-items: center;
}
.main .content .details .details-content .title .border {
  width: 0.04rem;
  height: 0.2rem;
  margin-left: 0.11rem;
  background: #ff660a;
  border-radius: 0.02rem;
}
.main .content .details .details-content .title .text {
  width: 1.56rem;
  height: 0.33rem;
  line-height: 0.31rem;
  font-weight: 500;
  font-size: 0.2rem;
  color: #000000;
  margin-left: 0.1rem;
}
.main .content .details .details-content .content {
  height: auto;
  margin: 0.23rem 0 0 0.25rem;
}
.main .content .details .details-content .content .contenOne {
  display: flex;
  align-items: center;
}
.main .content .details .details-content .content .contenOne .contentBox {
  width: 3.8rem;
  display: flex;
  align-items: center;
}
.main .content .details .details-content .content .contenOne .contentBox div {
  font-weight: 500;
  font-size: 0.16rem;
  color: #000000;
  margin-right: 0.09rem;
  opacity: 0.6;
}
.main .content .details .details-content .content .contenOne .contentBox p {
  font-weight: 500;
  font-size: 0.16rem;
  color: #000000;
}
.main .content .details .details-content .content .contenTwo {
  display: flex;
  align-items: center;
  margin-top: 0.11rem;
}
.main .content .details .details-content .content .contenTwo .contentBox {
  width: 3.8rem;
  display: flex;
  align-items: center;
}
.main .content .details .details-content .content .contenTwo .contentBox div {
  font-family: Manrope, Manrope;
  font-weight: 500;
  font-size: 0.16rem;
  color: #000000;
  margin-right: 0.09rem;
  opacity: 0.6;
}
.main .content .details .details-content .content .contenTwo .contentBox p {
  font-family: Manrope, Manrope;
  font-weight: 500;
  font-size: 0.16rem;
  color: #000000;
}
.main .content .list .Grayline {
  margin-top: 0.4rem;
  height: 0.01rem;
  margin-left: 0.11rem;
  background: #eae8e8;
}
.main .content .list .title {
  margin-top: 0.4rem;
  display: flex;
  align-items: center;
}
.main .content .list .title .border {
  width: 0.04rem;
  height: 0.2rem;
  margin-left: 0.11rem;
  background: #ff660a;
  border-radius: 0.02rem;
}
.main .content .list .title .text {
  width: 1.56rem;
  height: 0.33rem;
  line-height: 0.31rem;
  font-weight: 500;
  font-size: 0.2rem;
  color: #000000;
  margin-left: 0.1rem;
}
.main .content .list .listTable {
  margin-top: 0.23rem;
  border-collapse: collapse;
  margin-left: 0.1rem;
  width: 100%;
  /* 选择所有带.tr-content类的tr元素之后的偶数行 */
}
.main .content .list .listTable tr:last-child .first-t {
  border-radius: 0 0px 0px 0.1rem;
}
.main .content .list .listTable tr:last-child .last-td {
  border-radius: 0 0px 0.1rem 0px;
}
.main .content .list .listTable tr.tr-content:nth-child(even) {
  background: #ffffff;
}
.main .content .list .listTable tr.tr-content:nth-child(odd) {
  background: #f5f5f5;
}
.main .content .list .listTable .tr-title {
  font-weight: 500;
  font-size: 0.16rem;
}
.main .content .list .listTable .tr-title th {
  text-align: left;
  padding: 0.14rem 0 0.14rem 0;
  background: #eaeaea;
}
.main .content .list .listTable .tr-title .first-t {
  text-align: left;
  padding-left: 0.41rem;
  border-radius: 0.1rem 0 0px 0px;
  width: 13.8%;
}
.main .content .list .listTable .tr-title tr > th:nth-child(2) {
  width: 12.6%;
}
.main .content .list .listTable .tr-title tr > th:nth-child(3) {
  width: 17.7%;
}
.main .content .list .listTable .tr-title tr > th:nth-child(4) {
  width: 16.6%;
}
.main .content .list .listTable .tr-title tr > th:nth-child(5) {
  width: 14%;
}
.main .content .list .listTable .tr-title tr > th:nth-child(6) {
  width: 15.7%;
}
.main .content .list .listTable .tr-title .last-td {
  border-radius: 0 0.1rem 0px 0px;
  width: 13%;
}
.main .content .list .listTable .tr-content {
  font-weight: 500;
  font-size: 0.16rem;
  opacity: 0.7;
}
.main .content .list .listTable .tr-content td {
  text-align: left;
  font-weight: 500;
  font-size: 0.16rem;
  padding: 0.14rem 0 0.14rem 0;
}
.main .content .list .listTable .tr-content .first-t {
  text-align: left;
  padding-left: 0.41rem;
  width: 13.8%;
}
.main .content .list .listTable .tr-content tr > td:nth-child(2) {
  width: 12.6%;
}
.main .content .list .listTable .tr-content tr > td:nth-child(3) {
  width: 17.7%;
}
.main .content .list .listTable .tr-content tr > td:nth-child(4) {
  width: 16.6%;
}
.main .content .list .listTable .tr-content tr > td:nth-child(5) {
  width: 14%;
}
.main .content .list .listTable .tr-content tr > td:nth-child(6) {
  width: 15.7%;
}
.main .content .list .listTable .tr-content .last-td {
  width: 13%;
}
.main .content .list .listFooter {
  margin-top: 0.28rem;
  display: flex;
  justify-content: space-between;
}
.main .content .list .listFooter .listFooterLeft {
  display: flex;
  margin-left: 0.11rem;
}
.main .content .list .listFooter .listFooterLeft div {
  margin-right: 0.07rem;
  height: 0.22rem;
  font-weight: 500;
  font-size: 0.16rem;
  color: #000000;
  line-height: 0.19rem;
  text-align: left;
  opacity: 0.6;
}
.main .content .list .listFooter .listFooterLeft p {
  width: 4.89rem;
  height: 0.22rem;
  font-weight: 500;
  font-size: 0.16rem;
  color: #000000;
  line-height: 0.19rem;
  text-align: left;
}
.main .content .list .listFooter .listFooterRight {
  width: 2.53rem;
}
.main .content .list .listFooter .listFooterRight .listFooterRightBox {
  display: flex;
  justify-content: space-between;
  margin-bottom: 0.1rem;
  font-family: Manrope, Manrope;
  font-weight: 500;
  font-size: 0.16rem;
}
.main .content .list .listFooter .listFooterRight .listFooterRightBox .shuziSpan {
  font-weight: bold;
  font-size: 0.16rem;
}
.main .content .list .listFooter .listFooterRight .ziti {
  font-weight: bold;
  font-size: 0.2rem;
}
.main .content .list .listFooter .listFooterRight .ziti span {
  font-size: 0.24rem;
}
.main .content .address {
  margin-bottom: 0.6rem;
}
.main .content .address .Grayline {
  margin-top: 0.4rem;
  height: 0.01rem;
  margin-left: 0.11rem;
  background: #eae8e8;
}
.main .content .address .title {
  margin-top: 0.4rem;
  display: flex;
  align-items: center;
}
.main .content .address .title .border {
  width: 0.04rem;
  height: 0.2rem;
  margin-left: 0.11rem;
  background: #ff660a;
  border-radius: 0.02rem;
}
.main .content .address .title .text {
  width: 1.64rem;
  height: 0.27rem;
  font-weight: 500;
  font-size: 0.2rem;
  color: #000000;
  line-height: 0.23rem;
  text-align: left;
  margin-left: 0.1rem;
}
.main .content .address .finly {
  background: #f5f5f5;
  border-radius: 0.1rem;
  margin-left: 0.11rem;
  margin-top: 0.28rem;
}
.main .content .address .finly .one {
  padding: 0.21rem 0 0 0.3rem;
  display: flex;
  align-items: center;
}
.main .content .address .finly .one .left {
  font-weight: 600;
  font-size: 0.2rem;
  color: #000000;
  text-align: left;
  margin-right: 0.08rem;
}
.main .content .address .finly .one .right {
  font-weight: 500;
  font-size: 0.16rem;
  color: rgba(0, 0, 0, 0.7);
  text-align: left;
}
.main .content .address .finly .two {
  margin: 0.18rem 0 0 0.3rem;
  font-weight: 500;
  font-size: 0.16rem;
  color: #000000;
  text-align: left;
  opacity: 0.7;
}
.main .content .address .finly .three {
  margin: 0.08rem 0 0 0.3rem;
  font-weight: 500;
  font-size: 0.16rem;
  color: #000000;
  text-align: left;
  opacity: 0.7;
  padding-bottom: 0.24rem;
}

@media screen and (max-width: 800px) {
  .main .content .address .finly {
    margin-left: 0;
  }
  .main .mD {
    margin: 0 !important;
  }
  .main .content .list .shoujiTable .listTable {
    width: 800px;
  }
  .main .content .details .details-content .content {
    margin: 0.23rem 0 0 0;
  }
  .main .details .details-content .shoujimr {
    position: relative;
  }
  .main .details .details-content .content {
    height: auto;
  }
  .main .details .details-content .content .contenOne {
    display: block !important;
    width: 330px;
  }
  .main .details .details-content .content .contenOne .contentBox {
    display: flex;
    width: 100% !important;
    justify-content: space-between;
    margin-bottom: 14px;
  }
  .main .details .details-content .content .contenTwo {
    display: block !important;
    display: flex;
    width: 330px;
    justify-content: space-between;
  }
  .main .details .details-content .content .contenTwo .contentBox {
    display: flex;
    width: 100% !important;
    justify-content: space-between;
    margin-bottom: 14px;
  }
  .main .list .listFooter {
    flex-direction: column;
  }
  .main .list .listFooter .listFooterRight {
    margin-top: 36px;
    margin-left: 6px;
  }
  .main .list .listFooter .listFooterRight .listFooterRightBox {
    width: 345px;
  }
  .main .address .finly {
    width: 345px;
  }
  .main .address .finly .three {
    margin-top: 7px;
  }
}
.main .myProductContent {
  flex: 1;
  margin-right: 0.6rem;
  margin-left: 0.4rem;
}
.main .myProductContent .top {
  margin-top: 0.47rem;
  display: flex;
  justify-content: space-between;
  text-align: center;
}
.main .myProductContent .top .text {
  font-size: 0.36rem;
  font-weight: 800;
  color: #000000;
  text-align: center;
  line-height: 0.48rem;
}
.main .myProductContent .top .search {
  display: flex;
}
.main .myProductContent .top .search ._input {
  padding-left: 0.2rem;
  width: 4.2rem;
  border-radius: 8px 0px 0px 8px;
  background-color: #f5f5f5;
  font-weight: 500;
  font-size: 0.14rem;
  line-height: 0.14rem;
}
.main .myProductContent .top .search .g-btn {
  background: #ff660a;
  padding: 0;
  border-radius: 0px 8px 8px 0px;
  width: 0.67rem;
  height: 0.48rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.main .myProductContent .top .search .g-btn img {
  width: 0.23rem;
  height: 0.22rem;
}
.main .myProductContent .top .left {
  text-align: left;
  display: flex;
  align-items: center;
}
.main .myProductContent .top .left .Pr-one {
  font-weight: 800;
  font-size: 0.24rem;
  color: #000000;
  margin-right: 0.2rem;
}
.main .myProductContent .top .left .Pr-two {
  text-align: center;
  width: 2.9rem;
  background: #ff660a;
  border-radius: 0.1rem;
  line-height: 0.48rem;
  font-weight: bold;
  font-size: 0.16rem;
  color: #ffffff;
}
.main .myProductContent .top .left .Pr-two:hover {
  cursor: pointer;
}
.main .myProductContent .listTable {
  border-collapse: collapse;
  margin-top: 0.3rem;
  width: 100%;
}
.main .myProductContent .listTable tr:last-child .first-t {
  border-radius: 0 0px 0px 0.1rem;
}
.main .myProductContent .listTable tr:last-child .last-td {
  border-radius: 0 0px 0.1rem 0px;
}
.main .myProductContent .listTable tr.tr-content:nth-child(even) {
  background: #ffffff;
}
.main .myProductContent .listTable tr.tr-content:nth-child(odd) {
  background: #f5f5f5;
}
.main .myProductContent .listTable .tr-title {
  height: 0.5rem;
  font-weight: 500;
  font-size: 0.16rem;
}
.main .myProductContent .listTable .tr-title th {
  text-align: left;
  background: #eaeaea;
}
.main .myProductContent .listTable .tr-title .first-t {
  width: 12.3%;
  text-align: left;
  padding-left: 0.3rem;
  border-radius: 0.1rem 0 0px 0px;
}
.main .myProductContent .listTable .tr-title tr > th:nth-child(2) {
  width: 14.1%;
}
.main .myProductContent .listTable .tr-title tr > th:nth-child(3) {
  width: 14.6%;
}
.main .myProductContent .listTable .tr-title tr > th:nth-child(4) {
  width: 16.5%;
}
.main .myProductContent .listTable .tr-title tr > th:nth-child(5) {
  width: 12.8%;
}
.main .myProductContent .listTable .tr-title tr > th:nth-child(6) {
  width: 12%;
}
.main .myProductContent .listTable .tr-title tr > th:nth-child(7) {
  width: 13%;
}
.main .myProductContent .listTable .tr-title .last-td {
  width: 4.7%;
  border-radius: 0 0.1rem 0px 0px;
  padding-right: 0.2rem;
}
.main .myProductContent .listTable .tr-content {
  font-weight: 500;
  font-size: 0.16rem;
  opacity: 0.7;
}
.main .myProductContent .listTable .tr-content td {
  text-align: left;
  font-weight: 500;
  font-size: 0.16rem;
  padding: 0.14rem 0 0.14rem 0;
}
.main .myProductContent .listTable .tr-content .first-t {
  width: 12.3%;
  text-align: left;
  padding-left: 0.3rem;
}
.main .myProductContent .listTable .tr-content tr > td:nth-child(2) {
  width: 14.1%;
}
.main .myProductContent .listTable .tr-content tr > td:nth-child(3) {
  width: 14.6%;
}
.main .myProductContent .listTable .tr-content tr > td:nth-child(4) {
  width: 16.5%;
}
.main .myProductContent .listTable .tr-content tr > td:nth-child(5) {
  width: 12.8%;
}
.main .myProductContent .listTable .tr-content tr > td:nth-child(6) {
  width: 12%;
}
.main .myProductContent .listTable .tr-content tr > td:nth-child(7) {
  width: 13%;
}
.main .myProductContent .pagination {
  margin: 0.5rem 0 0.8rem 0;
}

.el-line {
  margin-top: 0.18rem;
  width: 100%;
  height: 0.01rem;
  background-color: #cacaca;
  margin-bottom: 0.2rem;
  opacity: 0.5;
}

.el-dialog__body {
  padding: 0 !important;
}

.myProductContent .el-dialog {
  margin-top: 8vh !important;
  width: 8.6rem;
  background: #ffffff;
  border-radius: 0.15rem;
}
.myProductContent .el-input--mini .el-input__inner {
  width: 3.4rem;
  height: 0.44rem;
  border-radius: 0.08rem;
  border: 0.01rem solid #d9d9d9;
  font-weight: 500;
  font-size: 0.14rem;
  color: #000000;
}

.el-input--mini .el-input__inner {
  height: 0.45rem !important;
}

.el-dialog__title {
  font-weight: bold;
}

.formcontent {
  margin: 0 0.5rem 0 0.5rem;
}
.formcontent .PicturesWH .el-upload--picture-card {
  width: 0.8rem;
  height: 0.8rem;
  margin-right: 0.1rem;
  display: flex;
  justify-content: center;
  align-items: center;
}

.el-form-item.is-required .el-form-item__label:before {
  content: "";
}

.el-form-item.is-required .el-form-item__label {
  font-weight: 600;
  font-size: 0.16rem;
  color: #171a20;
  text-align: left;
  margin-bottom: 0.06rem;
}

.el-form-item.is-required .el-form-item__label:after {
  content: " *";
  color: #f00e0e;
  margin-right: 0.04rem;
}

.pickerPD .el-input--prefix .el-input__inner {
  padding: 0.16rem;
}
.pickerPD .el-icon-date:before {
  position: relative;
  right: -3.05rem;
  content: "";
}

.el-form {
  display: flex;
  flex-wrap: wrap;
  /* 允许子元素超出父元素宽度时自动换行 */
  overflow: auto;
  /* 当内容超出容器宽度时添加滚动条 */
}

.el-input--mini .el-input__inner {
  width: 3.3rem;
  height: 0.44rem;
  border-radius: 0.08rem;
  border: 0.01rem solid #d9d9d9;
  font-weight: 500;
  font-size: 0.14rem;
  color: #000000;
}

.ProductCategory {
  margin-right: 0.4rem;
}

.el-upload-list .el-upload-list--picture-card li {
  margin-left: 0.1rem;
}

.avatar-uploader {
  margin-top: 0.2rem;
  width: 0.8rem;
  height: 0.8rem;
  background: #f8f8fa;
  border-radius: 0.1rem;
  border: 1px solid #cccfd4;
  display: flex;
  justify-content: center;
  align-items: center;
}

.uploadwith {
  display: flex;
  flex-direction: column;
  width: 7.6rem;
  margin-bottom: 0.38rem;
}
.uploadwith .el-form-item__label {
  text-align: left;
}

.el-form-item__label {
  text-align: left;
}

.alertMessege {
  display: flex;
  align-items: center;
  width: 7.6rem;
  height: 0.45rem;
  background: rgba(255, 179, 31, 0.15);
  border-radius: 0.08rem;
  border: 0.01rem solid #ffb31f;
  font-weight: 500;
  font-size: 0.14rem;
  color: #000000;
  text-align: left;
}
.alertMessege i {
  margin-left: 0.2rem;
  margin-right: 0.1rem;
}

.footerButton {
  display: flex;
  justify-content: right;
  align-items: center;
  text-align: center;
  padding-bottom: 0.16rem;
}
.footerButton .cancel {
  width: 1.6rem;
  height: 0.48rem;
  background: #f0f0f0;
  margin-right: 0.15rem;
  border-radius: 0.1rem;
  font-weight: bold;
  font-size: 0.16rem;
  color: #000000;
  display: flex;
  align-items: center;
  justify-content: center;
}
.footerButton .cancel:hover {
  cursor: pointer;
}
.footerButton .save {
  width: 1.6rem;
  height: 0.48rem;
  background: #ff660a;
  border-radius: 0.1rem;
  margin-right: 0.3rem;
  font-weight: bold;
  font-size: 0.16rem;
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
}
.footerButton .save:hover {
  cursor: pointer;
}

.el-form-item.is-required .el-form-item__label:before {
  content: "" !important;
}

.PicturesWH {
  display: flex;
}
.PicturesWH .el-upload-list--picture-card .el-upload-list__item {
  margin-left: 0.1rem;
  width: 0.8rem !important;
  height: 0.8rem !important;
}

@media screen and (max-width: 800px) {
  .el-line {
    margin-top: 0.18rem;
    width: 120%;
    position: relative;
    right: 16px;
    height: 0.01rem;
    background-color: #cacaca;
    margin-bottom: 0.2rem;
    opacity: 0.5;
  }

  .pickerPD .el-input--prefix .el-input__inner {
    padding: 0.28rem;
  }
  .pickerPD .el-icon-date:before {
    right: -286px;
  }

  .myProductContent {
    margin: 0 !important;
    padding: 0 15px 0 15px;
    width: 100%;
  }
  .myProductContent .shoujiTable {
    overflow-x: auto;
  }
  .myProductContent .shoujiTable .listTable {
    width: 1000px;
    overflow-y: scroll;
    /* 启用滚动条 */
  }
  .myProductContent .adaptation {
    width: 340px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 10px;
  }
  .myProductContent .adaptation .headerBox {
    display: flex;
    justify-content: space-around;
    align-items: center;
  }
  .myProductContent .adaptation .headerBox .caidanICon {
    width: 36px;
    height: 36px;
  }
  .myProductContent .adaptation .headerBox .adaptationText {
    margin-left: 11px;
    font-family: Manrope, Manrope;
    font-weight: bold;
    text-align: center;
  }
  .myProductContent .adaptation .headerBox .adaptationText img {
    width: 18px;
    height: 18px;
  }
  .myProductContent .adaptation .headerBox .adaptationCar {
    margin-left: 106px;
    position: relative;
  }
  .myProductContent .adaptation .headerBox .adaptationCar div {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    top: -4px;
    right: -4px;
    width: 12px;
    height: 12px;
    font-family: Arial, Arial;
    font-weight: 400;
    font-size: 8px;
    color: #ffffff;
    background: #1e2429;
    border-radius: 3px 3px 3px 3px;
  }
  .myProductContent .top {
    flex-direction: column;
    align-items: start;
  }
  .myProductContent .top .left {
    flex-direction: column;
    margin-bottom: 40px;
  }
  .myProductContent .top .left .Pr-one {
    font-family: Manrope, Manrope;
    font-weight: 800;
    font-size: 28px;
    margin-bottom: 24px;
  }
  .myProductContent .pagination {
    margin: 30px 0 60px 0;
  }
  .myProductContent .footer {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  .myProductContent .footer .el-pagination .el-pager li {
    margin: 0;
  }
  .myProductContent .footer .skip {
    margin-top: 20px;
    margin-bottom: 60px;
  }

  .el-dialog {
    margin-top: 0vh !important;
    width: 375px;
    background: #ffffff;
    border-radius: 0.15rem;
  }

  .el-input--mini .el-input__inner {
    width: 300px;
  }

  .formcontent .alertMessege {
    display: none;
  }

  .footerButton {
    display: flex;
    justify-content: space-around;
    margin-left: 12px;
    margin-bottom: 10px;
  }
  .footerButton .cancel {
    width: 165px;
    height: 45px;
    font-weight: bold;
    font-size: 14px;
    color: #000000;
  }
  .footerButton .save {
    width: 165px;
    height: 45px;
    font-family: Manrope, Manrope;
    font-weight: bold;
    font-size: 14px;
  }

  .PicturesWH {
    display: flex;
  }
  .PicturesWH .el-upload-list--picture-card .el-upload-list__item {
    margin-left: 0.1rem;
    width: 80px !important;
    height: 80px !important;
  }
}
.contenThree {
  display: flex;
  align-items: center;
  margin-top: 0.11rem;
}
.contenThree div {
  width: 1.7rem;
  height: 0.22rem;
  font-family: Manrope, Manrope;
  font-weight: 500;
  font-size: 0.16rem;
  color: #000000;
  line-height: 0.22rem;
  text-align: left;
  opacity: 0.6;
}
.contenThree p {
  width: 9.6rem;
  font-family: Manrope, Manrope;
  font-weight: 500;
  font-size: 0.16rem;
  color: #000000;
  line-height: 0.22rem;
  text-align: left;
}

.Pictures {
  margin-top: 0.11rem;
}
.Pictures span {
  width: 0.68rem;
  height: 0.22rem;
  font-family: Manrope, Manrope;
  font-weight: 500;
  font-size: 0.16rem;
  color: #000000;
  opacity: 0.6;
}
.Pictures .PicturesBox {
  display: flex;
  margin-top: 0.13rem;
}
.Pictures .PicturesBox div {
  width: 1.74rem;
  height: 1rem;
  margin-right: 0.16rem;
}

.video {
  display: flex;
  flex-direction: column;
  margin-top: 0.11rem;
}
.video span {
  width: 0.48rem;
  height: 0.22rem;
  font-family: Manrope, Manrope;
  font-weight: 500;
  font-size: 0.16rem;
  color: #000000;
  opacity: 0.6;
  margin-bottom: 0.11rem;
}
.video video {
  width: 1.73rem;
  height: 1rem;
  border-radius: 0.1rem;
}

.listTable {
  width: 100%;
}
.listTable tr:last-child .first-t {
  border-radius: 0 0px 0px 0.1rem;
}
.listTable tr:last-child .last-td {
  border-radius: 0 0px 0.1rem 0px;
}

.myWarrantylistFooter {
  margin: 0.23rem 0 1rem 0.25rem;
}
.myWarrantylistFooter .contenTwo {
  display: flex;
  align-items: center;
  margin-top: 0.11rem;
}
.myWarrantylistFooter .contenTwo .contentBox {
  width: 3.8rem;
  display: flex;
  align-items: center;
}
.myWarrantylistFooter .contenTwo .contentBox div {
  font-weight: 500;
  font-size: 0.16rem;
  color: #000000;
  margin-right: 0.09rem;
  opacity: 0.6;
}
.myWarrantylistFooter .contenTwo .contentBox p {
  font-weight: 500;
  font-size: 0.16rem;
  color: #000000;
}

@media screen and (max-width: 800px) {
  .contenThree {
    width: 375px;
    display: flex;
    align-items: start;
    flex-direction: column;
  }
  .contenThree p {
    width: 350px;
    font-family: Manrope, Manrope;
    font-weight: 500;
    font-size: 12px;
  }

  .myWarrantylistFooter {
    margin: 0.23rem 0 1rem 0;
  }
  .myWarrantylistFooter .contenTwo {
    display: block;
  }
  .myWarrantylistFooter .contenTwo .contentBox {
    width: 340px;
    justify-content: space-between;
    margin-bottom: 14px;
  }
}
.NewCkaimForm {
  height: 100%;
  margin-top: 0.44rem;
}
.NewCkaimForm .flexwrapD {
  display: flex;
  flex-wrap: wrap;
  width: 10rem;
}
.NewCkaimForm .jyDisplay .el-form-item__label::after {
  content: "";
  color: #f00e0e;
  margin-right: 0.04rem;
}
.NewCkaimForm .el-input.is-disabled .el-input__inner {
  font-weight: 500;
  font-size: 0.14rem;
  background-color: #f5f5f5;
}
.NewCkaimForm .el-input__inner {
  width: 4.5rem;
  height: 0.45rem;
}
.NewCkaimForm .WNCCountry {
  margin-right: 0.4rem;
}
.NewCkaimForm .WNCCountry .el-input__inner {
  background: #f5f5f5;
}
.NewCkaimForm .ProblemDescription {
  width: 9.4rem;
  height: 1rem;
}
.NewCkaimForm .ProblemDescription .el-textarea__inner {
  width: 100%;
  height: 100%;
}
.NewCkaimForm .el-form-item__label::after {
  content: " *";
  color: #f00e0e;
  margin-right: 0.04rem;
}
.NewCkaimForm .el-form-item__label {
  text-align: left;
  font-weight: 600;
  font-size: 0.16rem;
  color: #171a20;
}
.NewCkaimForm .el-upload--picture-card {
  width: 0.8rem;
  height: 0.8rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
.NewCkaimForm .el-upload-list .el-upload-list--picture-card li {
  margin-left: 0.1rem;
  width: 0.8rem;
  height: 0.8rem;
}

.PCANDVIDEO {
  display: flex;
}
.PCANDVIDEO .uploadwith {
  width: 4.9rem;
}
.PCANDVIDEO .el-form-item .uploadwith .el-form-item--mini {
  width: 4.9rem;
}
.PCANDVIDEO .el-form-item__content {
  width: 4.9rem;
}
.PCANDVIDEO .el-upload-list__item-actions {
  width: 0.8rem;
  height: 0.8rem;
}
.PCANDVIDEO .el-upload-list__item {
  height: 0.8rem;
  width: 0.8rem;
}
.PCANDVIDEO .el-upload-list__item img {
  width: 100%;
  height: 100%;
}

.NewCkaimForm .PicturesWH {
  display: flex;
}
.NewCkaimForm .PicturesWH .el-upload-list--picture-card .el-upload-list__item {
  margin-left: 0.1rem;
  width: 0.8rem !important;
  height: 0.8rem !important;
}
.NewCkaimForm .listContent {
  width: 100%;
}
.NewCkaimForm .listContent .listTable {
  border-collapse: collapse;
  margin-top: 0.3rem;
  width: 100%;
}
.NewCkaimForm .listContent .listTable tr:last-child .first-t {
  border-radius: 0 0px 0px 0.1rem;
}
.NewCkaimForm .listContent .listTable tr:last-child .last-td {
  border-radius: 0 0px 0.1rem 0px;
}
.NewCkaimForm .listContent .listTable tr.tr-content:nth-child(even) {
  background: #ffffff;
}
.NewCkaimForm .listContent .listTable tr.tr-content:nth-child(odd) {
  background: #f5f5f5;
}
.NewCkaimForm .listContent .listTable .tr-title {
  height: 0.5rem;
  font-weight: 500;
  font-size: 0.16rem;
  margin-top: 0.19rem;
}
.NewCkaimForm .listContent .listTable .tr-title th {
  text-align: left;
  background: #eaeaea;
}
.NewCkaimForm .listContent .listTable .tr-title .first-t {
  width: 21.1%;
  text-align: left;
  padding-left: 0.3rem;
  border-radius: 0.1rem 0 0px 0px;
}
.NewCkaimForm .listContent .listTable .tr-title tr > th:nth-child(2) {
  width: 18.7%;
}
.NewCkaimForm .listContent .listTable .tr-title tr > th:nth-child(3) {
  width: 17%;
}
.NewCkaimForm .listContent .listTable .tr-title tr > th:nth-child(4) {
  width: 17%;
}
.NewCkaimForm .listContent .listTable .tr-title tr > th:nth-child(5) {
  width: 19.3%;
}
.NewCkaimForm .listContent .listTable .tr-title .last-td {
  width: 4.7%;
  border-radius: 0 0.1rem 0px 0px;
  padding-right: 0.2rem;
}
.NewCkaimForm .listContent .listTable .tr-content .chengseText {
  color: #ff660a;
}
.NewCkaimForm .listContent .listTable .tr-content .chengseText:hover {
  cursor: pointer;
}
.NewCkaimForm .listContent .listTable .tr-content .modelmleft {
  margin-bottom: 0.1rem;
}
.NewCkaimForm .listContent .listTable .tr-content .SKUNoone {
  margin-left: 0.2rem;
}
.NewCkaimForm .listContent .listTable .tr-content .el-input__inner {
  width: 1.69rem;
  height: 0.36rem;
  background: #ffffff;
  border-radius: 0px 0px 0px 0px;
}
.NewCkaimForm .listContent .listTable .tr-content .WNCCountry {
  height: 0.36rem;
  background: #ffffff;
  border-radius: 0px 0px 0px 0px;
}
.NewCkaimForm .listContent .listTable .tr-content td {
  text-align: left;
  font-weight: 500;
  font-size: 0.16rem;
  padding: 0.14rem 0 0.14rem 0;
}
.NewCkaimForm .listContent .listTable .tr-content .first-t {
  text-align: left;
  padding-left: 0.3rem;
}
.NewCkaimForm .listContent .listTable .tr-content tr > td:nth-child(2) {
  width: 18.7%;
}
.NewCkaimForm .listContent .listTable .tr-content tr > td:nth-child(3) {
  width: 17%;
}
.NewCkaimForm .listContent .listTable .tr-content tr > td:nth-child(4) {
  width: 17%;
}
.NewCkaimForm .listContent .listTable .tr-content tr > td:nth-child(5) {
  width: 19.3%;
}
.NewCkaimForm .listContent .listTable .tr-content .last-tr {
  width: 4.7%;
  border-radius: 0 0.1rem 0px 0px;
  padding-right: 0.2rem;
  color: #ff660a;
}
.NewCkaimForm .listContent .add {
  float: right;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 2rem;
  height: 0.4rem;
  background: #ff660a;
  border-radius: 0.08rem;
  font-weight: bold;
  font-size: 0.16rem;
  color: #ffffff;
  margin-top: 0.2rem;
}
.NewCkaimForm .listContent {
  width: 100%;
}
.NewCkaimForm .listContent .listTable {
  border-collapse: collapse;
  margin-top: 0.3rem;
  width: 100%;
}
.NewCkaimForm .listContent .listTable tr.tr-content:nth-child(even) {
  background: #ffffff;
}
.NewCkaimForm .listContent .listTable tr.tr-content:nth-child(odd) {
  background: #f5f5f5;
}
.NewCkaimForm .listContent .listTable .tr-title {
  height: 0.5rem;
  font-weight: 500;
  font-size: 0.16rem;
  margin-top: 0.19rem;
}
.NewCkaimForm .listContent .listTable .tr-title th {
  text-align: left;
  background: #eaeaea;
}
.NewCkaimForm .listContent .listTable .tr-title .first-t {
  width: 21.1%;
  text-align: left;
  padding-left: 0.3rem;
  border-radius: 0.1rem 0 0px 0px;
}
.NewCkaimForm .listContent .listTable .tr-title tr > th:nth-child(2) {
  width: 18.7%;
}
.NewCkaimForm .listContent .listTable .tr-title tr > th:nth-child(3) {
  width: 17%;
}
.NewCkaimForm .listContent .listTable .tr-title tr > th:nth-child(4) {
  width: 17%;
}
.NewCkaimForm .listContent .listTable .tr-title tr > th:nth-child(5) {
  width: 19.3%;
}
.NewCkaimForm .listContent .listTable .tr-title .last-td {
  width: 4.7%;
  border-radius: 0 0.1rem 0px 0px;
  padding-right: 0.2rem;
}
.NewCkaimForm .listContent .listTable .tr-content .inp {
  display: flex;
  align-items: center;
  width: 1rem;
  height: 0.32rem;
  border: 1px solid #aeaeae50;
}
.NewCkaimForm .listContent .listTable .tr-content .inp span {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 0.32rem;
  height: 0.32rem;
  font-size: 0.22rem;
  cursor: pointer;
}
.NewCkaimForm .listContent .listTable .tr-content .inp input {
  width: calc(100% - 0.64rem);
  text-align: center;
}
.NewCkaimForm .listContent .listTable .tr-content .SKUNoone {
  margin-left: 0.2rem;
}
.NewCkaimForm .listContent .listTable .tr-content .el-input__inner {
  width: 1.69rem;
  height: 0.36rem;
  background: #ffffff;
  border-radius: 0px 0px 0px 0px;
}
.NewCkaimForm .listContent .listTable .tr-content .WNCCountry {
  width: 1.69rem;
  height: 0.36rem;
  background: #ffffff;
  border-radius: 0px 0px 0px 0px;
}
.NewCkaimForm .listContent .listTable .tr-content td {
  text-align: left;
  font-weight: 500;
  font-size: 0.16rem;
  padding: 0.14rem 0 0.14rem 0;
}
.NewCkaimForm .listContent .listTable .tr-content .first-t {
  text-align: left;
  padding-left: 0.3rem;
}
.NewCkaimForm .listContent .listTable .tr-content tr > td:nth-child(2) {
  width: 18.7%;
}
.NewCkaimForm .listContent .listTable .tr-content tr > td:nth-child(3) {
  width: 17%;
}
.NewCkaimForm .listContent .listTable .tr-content tr > td:nth-child(4) {
  width: 17%;
}
.NewCkaimForm .listContent .listTable .tr-content tr > td:nth-child(5) {
  width: 19.3%;
}
.NewCkaimForm .listContent .listTable .tr-content .last-tr {
  width: 4.7%;
  border-radius: 0 0.1rem 0px 0px;
  padding-right: 0.2rem;
  color: #ff660a;
}
.NewCkaimForm .listContent .add {
  float: right;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 2rem;
  height: 0.4rem;
  background: #ff660a;
  border-radius: 0.08rem;
  font-weight: bold;
  font-size: 0.16rem;
  margin-top: 0.2rem;
  color: #ffffff;
}

.gudingBox {
  display: flex;
  flex-direction: column;
  margin-right: 0.4rem;
}
.gudingBox .el-form-item__label::after {
  content: "";
}
.gudingBox .gudingshujv {
  display: flex;
  align-items: center;
  width: 4.5rem;
  height: 0.45rem;
  background: #f5f5f5;
  border-radius: 0.08rem;
  border: 1px solid #d9d9d9;
  font-family: Manrope, Manrope;
  font-weight: 500;
  font-size: 0.14rem;
  color: #000000;
  opacity: 0.6;
  padding-left: 0.15rem;
}

.Maintenance {
  margin-right: 0.4rem;
}

.number .el-input-number__decrease {
  background: #ffffff;
  border: 0 !important;
  line-height: 0.4rem;
}
.number .el-input-number__increase {
  background: #ffffff;
  border: 0 !important;
  line-height: 0.4rem;
}
.number .el-input-number--mini .el-input__inner {
  border: 0 !important;
}

.Repair {
  margin-right: 0.4rem;
}
.Repair .el-form-item__label::after {
  content: "";
}

.mncfooterButton {
  margin-bottom: 0.15rem;
}

.myinp {
  width: 0.8rem;
  height: 0.32rem;
  background-color: #ffffff;
  text-align: center;
  font-family: Arial, Arial;
  font-weight: 500;
  font-size: 14px;
  color: #171a20;
}
.myinp span {
  width: 0.08rem;
}
.myinp input {
  text-align: center;
  width: 0.4rem;
}

@media screen and (max-width: 800px) {
  .adaptation {
    width: 340px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 10px;
  }
  .adaptation .headerBox {
    display: flex;
    justify-content: space-around;
    align-items: center;
  }
  .adaptation .headerBox .caidanICon {
    width: 36px;
    height: 36px;
  }
  .adaptation .headerBox .adaptationText {
    margin-left: 11px;
    font-family: Manrope, Manrope;
    font-weight: bold;
    text-align: center;
  }
  .adaptation .headerBox .adaptationText img {
    width: 18px;
    height: 18px;
  }
  .adaptation .headerBox .adaptationCar {
    margin-left: 106px;
    position: relative;
  }
  .adaptation .headerBox .adaptationCar div {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    top: -4px;
    right: -4px;
    width: 12px;
    height: 12px;
    font-family: Arial, Arial;
    font-weight: 400;
    font-size: 8px;
    color: #ffffff;
    background: #1e2429;
    border-radius: 3px 3px 3px 3px;
  }

  .content {
    padding: 0 15px 0 15px;
    width: 100%;
  }
  .content .mwnoverflow {
    width: 100%;
    overflow-x: auto;
  }
  .content .mwnoverflow .listTable {
    width: 1300px;
    overflow-y: scroll;
    /* 启用滚动条 */
  }

  .details .details-title a img {
    width: 12px;
    height: 12px;
  }
  .details .details-title span {
    font-size: 20px !important;
  }
  .details .NewCkaimForm {
    overflow: hidden;
    width: 375px;
  }
  .details .NewCkaimForm .el-input__inner {
    width: 345px;
    height: 42px !important;
    font-weight: 500;
    font-size: 14px;
  }
  .details .NewCkaimForm .el-form-item__label {
    font-family: Manrope, Manrope;
    font-weight: 600;
    font-size: 14px;
  }
  .details .NewCkaimForm .ProblemDescription {
    width: 345px;
    height: 150px;
  }
  .details .NewCkaimForm .PCANDVIDEO .uploadDisplay {
    display: none;
  }
  .details .NewCkaimForm .listContent .add {
    float: left;
    width: 345px;
    height: 45px;
    font-weight: bold;
    font-size: 14px;
  }
  .details .NewCkaimForm .gudingBox .gudingshujv {
    width: 345px;
    height: 45px;
    line-height: 45px;
  }
  .details .NewCkaimForm .listContent .listTable .ProblemInput .el-input__inner {
    width: 130px;
    height: 32px !important;
    margin-right: 30px;
  }
  .details .NewCkaimForm .listContent .listTable .ModelmwnInput {
    margin-right: 60px;
  }
  .details .NewCkaimForm .listContent .listTable .ModelmwnInput .el-input__inner {
    width: 130px;
    height: 32px !important;
    border: 0;
  }
}
.active-page {
  background-color: orange;
  border: 1px solid orange;
  border-radius: 5px;
}

.main {
  display: flex;
}
.main .myWarrantyContent {
  flex: 1;
  margin-right: 0.4rem;
  margin-left: 0.4rem;
}
.main .myWarrantyContent .top {
  margin-top: 0.47rem;
  display: flex;
  justify-content: space-between;
  text-align: center;
}
.main .myWarrantyContent .top .text {
  font-size: 0.36rem;
  font-weight: 800;
  color: #000000;
  text-align: center;
  line-height: 0.48rem;
}
.main .myWarrantyContent .top .search {
  display: flex;
}
.main .myWarrantyContent .top .search ._input {
  padding-left: 0.2rem;
  width: 4.2rem;
  border-radius: 8px 0px 0px 8px;
  background-color: #f5f5f5;
  font-weight: 500;
  font-size: 0.14rem;
  min-height: 0.5rem;
  line-height: 0.14rem;
}
.main .myWarrantyContent .top .search .g-btn {
  background: #ff660a;
  padding: 0;
  border-radius: 0px 8px 8px 0px;
  width: 0.67rem;
  height: 0.48rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.main .myWarrantyContent .top .search .g-btn img {
  width: 0.23rem;
  height: 0.22rem;
}
.main .myWarrantyContent .top .left {
  text-align: left;
  display: flex;
  align-items: center;
}
.main .myWarrantyContent .top .left .mW-one {
  font-family: Manrope, Manrope;
  font-weight: 800;
  font-size: 0.24rem;
  color: #000000;
  margin-right: 0.49rem;
}
.main .myWarrantyContent .top .left .mW-two {
  text-align: center;
  width: 1.84rem;
  background: #ff660a;
  border-radius: 0.1rem;
  line-height: 0.48rem;
  font-weight: bold;
  font-size: 0.16rem;
  color: #ffffff;
}
.main .myWarrantyContent .top .left .mW-two a {
  font-weight: bold;
  font-size: 0.16rem;
  color: #ffffff;
}
.main .myWarrantyContent .top .left .Pr-two:hover {
  cursor: pointer;
}
.main .myWarrantyContent .listTable {
  border-collapse: collapse;
  margin-top: 0.3rem;
  width: 100%;
}
.main .myWarrantyContent .listTable tr:last-child .first-t {
  border-radius: 0 0px 0px 0.1rem;
}
.main .myWarrantyContent .listTable tr:last-child .last-td {
  border-radius: 0 0px 0.1rem 0px;
}
.main .myWarrantyContent .listTable tr.tr-content:nth-child(even) {
  background: #ffffff;
}
.main .myWarrantyContent .listTable tr.tr-content:nth-child(odd) {
  background: #f5f5f5;
}
.main .myWarrantyContent .listTable .tr-title {
  height: 0.5rem;
  font-weight: 500;
  font-size: 0.16rem;
}
.main .myWarrantyContent .listTable .tr-title th {
  text-align: left;
  background: #eaeaea;
}
.main .myWarrantyContent .listTable .tr-title .first-t {
  width: 12.6%;
  text-align: left;
  padding-left: 0.3rem;
  border-radius: 0.1rem 0 0px 0px;
}
.main .myWarrantyContent .listTable .tr-title tr > th:nth-child(2) {
  width: 12.6%;
}
.main .myWarrantyContent .listTable .tr-title tr > th:nth-child(3) {
  width: 11.3%;
}
.main .myWarrantyContent .listTable .tr-title tr > th:nth-child(4) {
  width: 12.6%;
}
.main .myWarrantyContent .listTable .tr-title tr > th:nth-child(5) {
  width: 15.3%;
}
.main .myWarrantyContent .listTable .tr-title tr > th:nth-child(6) {
  width: 12.4%;
}
.main .myWarrantyContent .listTable .tr-title tr > th:nth-child(7) {
  width: 14.2%;
}
.main .myWarrantyContent .listTable .tr-title .last-td {
  width: 8.2%;
  border-radius: 0 0.1rem 0px 0px;
  padding-right: 0.2rem;
}
.main .myWarrantyContent .listTable .tr-content {
  font-weight: 500;
  font-size: 0.16rem;
  opacity: 0.7;
}
.main .myWarrantyContent .listTable .tr-content td {
  text-align: left;
  font-weight: 500;
  font-size: 0.16rem;
  padding: 0.14rem 0 0.14rem 0;
}
.main .myWarrantyContent .listTable .tr-content .first-t {
  width: 12.6%;
  text-align: left;
  padding-left: 0.3rem;
}
.main .myWarrantyContent .listTable .tr-content tr > td:nth-child(2) {
  width: 12.6%;
}
.main .myWarrantyContent .listTable .tr-content tr > td:nth-child(3) {
  width: 11.3%;
}
.main .myWarrantyContent .listTable .tr-content tr > td:nth-child(4) {
  width: 12.6%;
}
.main .myWarrantyContent .listTable .tr-content tr > td:nth-child(5) {
  width: 15.3%;
}
.main .myWarrantyContent .listTable .tr-content tr > td:nth-child(6) {
  width: 12.4%;
}
.main .myWarrantyContent .listTable .tr-content tr > td:nth-child(7) {
  width: 14.2%;
}
.main .myWarrantyContent .listTable .tr-content .edit {
  margin-right: 0.12rem;
}
.main .myWarrantyContent .listTable .tr-content .last-td {
  width: 8.2%;
}
.main .myWarrantyContent .listTable .tr-content .last-td a {
  color: #ff660a;
}
.main .myWarrantyContent .pagination {
  margin: 0.5rem 0 0.8rem 0;
}

@media screen and (max-width: 800px) {
  .myWarrantyContent {
    margin: 0 !important;
    padding: 0 15px 0 15px;
    width: 100%;
  }
  .myWarrantyContent .shoujiTable {
    overflow-x: auto;
  }
  .myWarrantyContent .shoujiTable .listTable {
    width: 1000px;
    overflow-y: scroll;
    /* 启用滚动条 */
  }
  .myWarrantyContent .adaptation {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 10px;
  }
  .myWarrantyContent .adaptation .headerBox {
    display: flex;
    justify-content: space-around;
    align-items: center;
  }
  .myWarrantyContent .adaptation .headerBox .adaptationText {
    margin-left: 11px;
    font-family: Manrope, Manrope;
    font-weight: bold;
    font-size: 16px;
    text-align: center;
  }

  .top {
    flex-direction: column;
    align-items: start;
  }
  .top .left {
    flex-direction: column;
    align-items: start !important;
    margin-bottom: 40px;
  }
  .top .left .mW-one {
    font-family: Manrope, Manrope;
    font-weight: 800;
    font-size: 28px !important;
    margin-bottom: 24px;
  }
  .top .left .mW-two {
    width: 335px !important;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    font-size: 14px;
  }
  .top .search {
    width: 335px !important;
  }
  .top .search ._input {
    width: 296px !important;
  }
  .top .search .g-btn {
    width: 66px;
  }

  .pagination {
    margin: 30px 0 60px 0;
  }

  .footer {
    display: flex;
    width: 360px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  .footer .el-pagination .el-pager li {
    margin: 0;
  }
  .footer .skip {
    margin-top: 20px;
    margin-bottom: 60px;
  }
}
.el-popover.el-popper.or {
  background: #FF660A;
  border: none;
  border-radius: 0.15rem;
  padding: 0.1rem;
}
.el-popover.el-popper.or .support-ul .support-li {
  cursor: pointer;
  margin-bottom: 0.1rem;
  padding: 0.09rem 0.15rem;
  font-size: 0.16rem;
  font-weight: 500;
  width: 100%;
  border-radius: 0.15rem;
  display: flex;
  align-items: center;
  color: #fff;
  font-family: "Manrope-Medium";
  font-weight: 500;
}
.el-popover.el-popper.or .support-ul .support-li:hover {
  background: rgba(0, 0, 0, 0.3);
}
.el-popover.el-popper.or .support-ul .support-li:last-child {
  margin-bottom: 0;
}
.el-popover.el-popper.or .support-ul .support-li.on {
  background: rgba(0, 0, 0, 0.3);
}
.el-popover.el-popper.or .popper__arrow {
  border-bottom-color: none;
}
.el-popover.el-popper.or .popper__arrow::after {
  border-bottom-color: #FF660A;
}

.sign-in {
  color: #000000;
}
.sign-in a {
  color: #000000;
}
.sign-in main {
  width: 100%;
  height: 100vh;
  padding: 0.2rem 0 0.2rem 0.2rem;
  display: flex;
}
@media screen and (max-width: 800px) {
  .sign-in main {
    display: block;
    padding: 0 30px;
  }
}
.sign-in main .left-img {
  width: 40%;
  height: 100%;
}
@media screen and (max-width: 800px) {
  .sign-in main .left-img {
    display: none;
  }
}
.sign-in main .left-img .swiper-slide {
  background-size: 100% 100%;
  padding: 0.5rem 0.6rem;
}
.sign-in main .left-img .swiper-slide .tit {
  background: linear-gradient(to right, #FFF, #FF660A);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 0.84rem;
  font-weight: 800;
  line-height: 0.98rem;
  font-family: "Manrope-Bold";
  font-weight: bold;
}
.sign-in main .left-img .swiper-slide .con {
  font-weight: 600;
  font-size: 0.18rem;
  color: #FFFFFF;
  margin-top: 0.2rem;
  font-family: "Manrope-Bold";
  font-weight: bold;
  line-height: 0.21rem;
}
.sign-in main .left-img .swiper {
  --swiper-theme-color: #ff6600;
  --swiper-pagination-color: #00ff33;
}
.sign-in main .right-form {
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  height: 100%;
  width: 60%;
  text-align: center;
}
@media screen and (max-width: 800px) {
  .sign-in main .right-form {
    padding-top: 0.92rem;
    width: 100%;
    justify-content: flex-start;
  }
}
.sign-in main .right-form .logo-img {
  width: 4rem;
}
@media screen and (max-width: 800px) {
  .sign-in main .right-form .logo-img {
    width: 250px;
  }
}
.sign-in main .right-form .sign-txt {
  margin-top: 0.5rem;
  margin-bottom: 0.37rem;
  font-size: 0.4rem;
  font-weight: 800;
  line-height: 0.47rem;
  font-family: "Manrope-Bold";
  font-weight: bold;
}
@media screen and (max-width: 800px) {
  .sign-in main .right-form .sign-txt {
    margin-top: 47px;
    margin-bottom: 24x;
    font-size: 28px;
  }
}
.sign-in main .right-form .view {
  width: 4.8rem;
  text-align: left;
}
@media screen and (max-width: 800px) {
  .sign-in main .right-form .view {
    width: 100%;
  }
}
.sign-in main .right-form .view .label {
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 0.1rem;
  font-family: "Manrope-Bold";
  font-weight: bold;
}
@media screen and (max-width: 800px) {
  .sign-in main .right-form .view .label {
    font-size: 14px;
    font-family: "Manrope-Medium";
    font-weight: 500;
    margin-bottom: 9px;
  }
}
.sign-in main .right-form .view input {
  font-size: 0.16rem;
  display: flex;
  align-content: center;
  padding: 0 0.2rem;
  height: 0.6rem;
  width: 100%;
  margin-bottom: 0.3rem;
  border-radius: 0.15rem;
  border: 1px solid #DFDFDF;
  background: #F5F5F5;
  font-family: "Manrope-Medium";
  font-weight: 500;
  -webkit-box-shadow: 0 0 0px 1000px #F5F5F5 inset;
  -webkit-text-fill-color: #333;
}
@media screen and (max-width: 800px) {
  .sign-in main .right-form .view input {
    font-size: 14px;
    height: 45px;
    border-radius: 10px;
  }
}
.sign-in main .right-form .view .pswd {
  margin-bottom: 0.13rem;
}
@media screen and (max-width: 800px) {
  .sign-in main .right-form .view .pswd {
    margin-bottom: 8px;
  }
}
.sign-in main .right-form .view .tis {
  text-align: right;
  margin-bottom: 0.4rem;
}
@media screen and (max-width: 800px) {
  .sign-in main .right-form .view .tis {
    margin-bottom: 36px;
  }
}
.sign-in main .right-form .view .tis a {
  font-size: 0.16rem;
  font-weight: 600;
  transition: none;
}
.sign-in main .right-form .view .tis a:hover {
  color: #FF660A;
}
@media screen and (max-width: 800px) {
  .sign-in main .right-form .view .tis a {
    font-size: 14px;
  }
}
.sign-in main .right-form .sign-btn {
  cursor: pointer;
  border-radius: 0.15rem;
  width: 100%;
  height: 0.6rem;
  background: #FF660A;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #FFF;
  font-size: 0.18rem;
  font-weight: bold;
  font-family: "Manrope-Bold";
  font-weight: bold;
  margin-bottom: 0.33rem;
}
@media screen and (max-width: 800px) {
  .sign-in main .right-form .sign-btn {
    height: 45px;
    font-size: 14px;
    margin-bottom: 22px;
  }
}
.sign-in main .sign-up {
  font-size: 0.16rem;
  font-weight: 600;
  line-height: 0.19rem;
  display: flex;
  justify-content: space-around;
  font-family: "Manrope-Bold";
  font-weight: bold;
}
@media screen and (max-width: 800px) {
  .sign-in main .sign-up {
    font-size: 14px;
  }
}
.sign-in main .sign-up .or {
  cursor: pointer;
  margin-left: 0.16rem;
  color: #FF660A;
}
.sign-in main .sign-up .or:hover {
  text-decoration-line: underline;
}
.sign-in main .copy {
  position: absolute;
  bottom: 0.3rem;
  font-size: 0.16rem;
  opacity: 0.6;
}
@media screen and (max-width: 800px) {
  .sign-in main .copy {
    bottom: 15px;
    font-size: 12px;
    font-weight: 500;
  }
}

.register {
  color: #000000;
  padding: 0.49rem 0.51rem 0.3rem;
}
.register a {
  color: #000000;
}
@media screen and (max-width: 800px) {
  .register {
    padding: 22px 15px 0;
  }
}
.register main {
  position: relative;
}
.register main .top-sign {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media screen and (max-width: 800px) {
  .register main .top-sign {
    display: block;
  }
}
.register main .top-sign img {
  width: 2.12rem;
}
@media screen and (max-width: 800px) {
  .register main .top-sign img {
    width: 160px;
  }
}
.register main .top-sign .txt {
  display: block;
  font-weight: 600;
  font-family: "Manrope-Bold";
  font-weight: bold;
  font-size: 0.16rem;
}
@media screen and (max-width: 800px) {
  .register main .top-sign .txt {
    display: none;
  }
}
.register main .top-sign .txt .col-or {
  display: inline-block;
  margin-left: 0.09rem;
  color: #FF660A;
}
.register main .top-sign .txt .col-or:hover {
  text-decoration-line: underline;
}
.register main .content {
  height: calc(100vh - 1.5rem);
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
  margin-top: 0.3rem;
}
@media screen and (max-width: 800px) {
  .register main .content {
    display: block;
    margin-top: 50px;
    height: auto;
  }
}
.register main .content .tit {
  font-weight: 800;
  font-size: 0.4rem;
  font-family: "Manrope-Bold";
  font-weight: bold;
}
@media screen and (max-width: 800px) {
  .register main .content .tit {
    font-size: 28px;
  }
}
.register main .content .form {
  margin: 0.55rem auto 0.5rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 9.9rem;
}
@media screen and (max-width: 800px) {
  .register main .content .form {
    display: block;
    margin: 24px auto 40px;
    width: 100%;
  }
}
.register main .content .form .view {
  width: calc(50% - .15rem);
  text-align: left;
  font-size: 0.16rem;
}
@media screen and (max-width: 800px) {
  .register main .content .form .view {
    width: 100%;
  }
}
.register main .content .form .view .label {
  margin-bottom: 0.1rem;
  font-family: "Manrope-Bold";
  font-weight: bold;
}
@media screen and (max-width: 800px) {
  .register main .content .form .view .label {
    font-size: 14px;
    margin-bottom: 9px;
  }
}
.register main .content .form .view .label .red {
  color: #F00E0E;
}
.register main .content .form .view input {
  width: 100%;
  border: 1px solid #DFDFDF;
  -webkit-box-shadow: 0 0 0px 1000px #F5F5F5 inset;
  height: 0.6rem;
  border-radius: 0.15rem;
  margin-bottom: 0.3rem;
  padding: 0 0.2rem;
  font-family: "Manrope-Medium";
  font-weight: 500;
}
@media screen and (max-width: 800px) {
  .register main .content .form .view input {
    height: 45px;
    font-size: 14px;
  }
}
.register main .content .form .view .verify {
  display: flex;
  justify-content: space-between;
}
.register main .content .form .view .verify .code {
  width: calc(75% - .05rem);
}
.register main .content .form .view .verify .send {
  cursor: pointer;
  width: calc(25% - .05rem);
  height: 0.6rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 0.02rem solid #FF660A;
  color: #FF660A;
  font-family: "Manrope-Bold";
  font-weight: bold;
  border-radius: 0.15rem;
}
@media screen and (max-width: 800px) {
  .register main .content .form .view .verify .send {
    height: 45px;
    font-size: 14px;
  }
}
.register main .content .form .view .verify .send.out {
  opacity: 0.3;
}
.register main .content .form .view .ui-select {
  width: 100%;
  border: 1px solid #DFDFDF;
  border-radius: 0.15rem;
  height: 0.6rem;
  background: #f5f5f5;
  padding: 0 0.2rem;
  position: relative;
  line-height: 0.6rem;
  font-family: "Manrope-Medium";
  font-weight: 500;
}
@media screen and (max-width: 800px) {
  .register main .content .form .view .ui-select {
    height: 45px;
    font-size: 14px;
  }
}
.register main .content .form .view .ui-select i {
  position: absolute;
  right: 0.2rem;
  top: 50%;
  transform: translateY(-50%);
}
.register main .content .form .view .ui-select select {
  height: 0.58rem;
  width: 100%;
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  appearance: none;
}
@media screen and (max-width: 800px) {
  .register main .content .form .view .ui-select select {
    height: 45px;
  }
}
.register main .content .btn {
  cursor: pointer;
  height: 0.6rem;
  width: 4.8rem;
  margin: 0.2rem auto 0;
  background: #ff660a;
  border-radius: 0.15rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.18rem;
  font-family: "Manrope-Bold";
  font-weight: bold;
  color: #ffffff;
}
@media screen and (max-width: 800px) {
  .register main .content .btn {
    height: 45px;
    width: 100%;
    font-size: 14px;
  }
}
.register main .content .btn.disabled {
  background: rgba(255, 102, 10, 0.3);
}
.register main .content .p-p-o {
  margin-top: 0.34rem;
  margin-bottom: 0.4rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media screen and (max-width: 800px) {
  .register main .content .p-p-o {
    margin-bottom: 120px;
  }
}
.register main .content .p-p-o .btn.disabled {
  margin-top: 20px;
}
.register main .content .p-p-o input[type=checkbox] {
  height: 0.2rem;
  width: 0.2rem;
}
@media screen and (max-width: 800px) {
  .register main .content .p-p-o input[type=checkbox] {
    height: 16px;
    width: 16px;
  }
}
.register main .content .p-p-o .use {
  margin-left: 0.14rem;
  font-size: 0.16rem;
}
@media screen and (max-width: 800px) {
  .register main .content .p-p-o .use {
    font-size: 14px;
    margin-left: 12px;
  }
}
.register main .content .p-p-o .use a {
  color: #FF660A;
  font-size: 0.16rem;
}
.register main .content .p-p-o .use a:hover {
  text-decoration-line: underline;
}
@media screen and (max-width: 800px) {
  .register main .content .p-p-o .use a {
    font-size: 14px;
  }
}
.register main .corp {
  position: fixed;
  bottom: 0.3rem;
  font-size: 0.16rem;
  font-family: "Manrope-Medium";
  font-weight: 500;
  color: #000000;
  opacity: 0.6;
  left: 50%;
  transform: translateX(-50%);
}
@media screen and (max-width: 800px) {
  .register main .corp {
    position: static;
    display: block;
    margin: 0 auto;
    font-size: 12px;
    transform: translateX(0);
    padding-bottom: 17px;
    text-align: center;
  }
}
.register main .in-sign {
  display: none;
}
@media screen and (max-width: 800px) {
  .register main .in-sign {
    display: block;
    position: absolute;
    bottom: 100px;
    left: 50%;
    transform: translateX(-50%);
    font-weight: 600;
    font-family: "Manrope-Bold";
    font-weight: bold;
    font-size: 14px;
    width: 100%;
    text-align: center;
  }
  .register main .in-sign .col-or {
    display: inline-block;
    margin-left: 0.09rem;
    color: #FF660A;
  }
  .register main .in-sign .col-or:hover {
    text-decoration-line: underline;
  }
}

.reg-suss {
  color: #000000;
}
.reg-suss a {
  color: #000000;
}
.reg-suss main {
  height: 100vh;
  padding: 0.5rem;
}
@media screen and (max-width: 800px) {
  .reg-suss main {
    padding: 22px 15px 0;
  }
}
.reg-suss main .top img {
  width: 2.12rem;
}
@media screen and (max-width: 800px) {
  .reg-suss main .top img {
    width: 160px;
  }
}
.reg-suss main .tt {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  width: 7.1rem;
  margin: 0 auto 1.1rem;
  height: calc(100% - .8rem);
}
@media screen and (max-width: 800px) {
  .reg-suss main .tt {
    width: 100%;
  }
}
.reg-suss main .tt img {
  width: 1.4rem;
  height: 1.37rem;
}
@media screen and (max-width: 800px) {
  .reg-suss main .tt img {
    width: 100px;
    height: 102px;
  }
}
.reg-suss main .tt .tit {
  font-weight: bold;
  font-size: 0.32rem;
  margin-top: 0.62rem;
  margin-bottom: 0.19rem;
  font-family: "Manrope-Bold";
  font-weight: bold;
}
@media screen and (max-width: 800px) {
  .reg-suss main .tt .tit {
    margin-top: 38px;
    margin-bottom: 14px;
    text-align: center;
    width: 250px;
    color: #000000;
  }
}
.reg-suss main .tt .txt {
  font-family: "Manrope-Medium";
  font-weight: 500;
  font-weight: 500;
  font-size: 0.16rem;
  color: rgba(0, 0, 0, 0.6);
  line-height: 0.24rem;
  text-align: center;
  margin-bottom: 0.6rem;
}
@media screen and (max-width: 800px) {
  .reg-suss main .tt .txt {
    font-size: 14px;
    line-height: 16px;
    width: 310px;
    margin-bottom: 50px;
  }
}
.reg-suss main .tt .txt .or {
  color: #FF660A;
}
.reg-suss main .tt .btn {
  cursor: pointer;
  margin-top: 0.6rem;
  width: 2.8rem;
  height: 0.54rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.16rem;
  font-weight: bold;
  font-family: "Manrope-Bold";
  font-weight: bold;
  color: #ffffff;
  background: #FF660A;
  border-radius: 0.1rem;
}
@media screen and (max-width: 800px) {
  .reg-suss main .tt .btn {
    width: 200px;
    height: 45px;
    margin-top: 0;
    font-size: 14px;
    border-radius: 10px;
  }
}
.reg-suss main .copy {
  font-size: 0.16rem;
  color: #000000;
  opacity: 0.6;
  position: fixed;
  bottom: 0.3rem;
  left: 50%;
  transform: translateX(-50%);
}
@media screen and (max-width: 800px) {
  .reg-suss main .copy {
    text-align: center;
    left: 0;
    width: 100%;
    font-size: 12px;
    transform: translateX(0);
  }
}

.rst_pass {
  color: #000000;
  padding: 0.49rem 0.51rem 0.3rem;
}
.rst_pass a {
  color: #000000;
}
@media screen and (max-width: 800px) {
  .rst_pass {
    padding: 22px 15px 0;
  }
}
.rst_pass main {
  position: relative;
}
.rst_pass main .top-sign {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media screen and (max-width: 800px) {
  .rst_pass main .top-sign {
    display: block;
  }
}
.rst_pass main .top-sign img {
  width: 2.12rem;
}
@media screen and (max-width: 800px) {
  .rst_pass main .top-sign img {
    width: 160px;
  }
}
.rst_pass main .top-sign .txt {
  display: block;
  font-weight: 600;
  font-family: "Manrope-Bold";
  font-weight: bold;
  font-size: 0.16rem;
}
@media screen and (max-width: 800px) {
  .rst_pass main .top-sign .txt {
    display: none;
  }
}
.rst_pass main .top-sign .txt .col-or {
  display: inline-block;
  margin-left: 0.09rem;
  color: #FF660A;
}
.rst_pass main .top-sign .txt .col-or:hover {
  text-decoration-line: underline;
}
.rst_pass main .content {
  height: calc(100vh - 2rem);
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
  margin-bottom: 0.4rem;
}
@media screen and (max-width: 800px) {
  .rst_pass main .content {
    display: block;
    margin-top: 50px;
    height: auto;
    margin-bottom: 177px;
  }
}
.rst_pass main .content .tit {
  font-weight: 800;
  font-size: 0.4rem;
  font-family: "Manrope-Bold";
  font-weight: bold;
}
@media screen and (max-width: 800px) {
  .rst_pass main .content .tit {
    font-size: 28px;
  }
}
.rst_pass main .content .form {
  margin: 0.55rem auto 0.5rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 9.9rem;
}
@media screen and (max-width: 800px) {
  .rst_pass main .content .form {
    display: block;
    margin: 24px auto 15px;
    width: 100%;
  }
}
.rst_pass main .content .form .view {
  width: calc(50% - .15rem);
  text-align: left;
  font-size: 0.16rem;
}
@media screen and (max-width: 800px) {
  .rst_pass main .content .form .view {
    width: 100%;
  }
}
.rst_pass main .content .form .view .label {
  margin-bottom: 0.1rem;
  font-family: "Manrope-Bold";
  font-weight: bold;
}
@media screen and (max-width: 800px) {
  .rst_pass main .content .form .view .label {
    font-size: 14px;
    margin-bottom: 9px;
  }
}
.rst_pass main .content .form .view .label .red {
  color: #F00E0E;
}
.rst_pass main .content .form .view input {
  width: 100%;
  border: 1px solid #DFDFDF;
  -webkit-box-shadow: 0 0 0px 1000px #F5F5F5 inset;
  height: 0.6rem;
  border-radius: 0.15rem;
  margin-bottom: 0.3rem;
  padding: 0 0.2rem;
  font-family: "Manrope-Medium";
  font-weight: 500;
}
@media screen and (max-width: 800px) {
  .rst_pass main .content .form .view input {
    height: 45px;
    font-size: 14px;
    margin-bottom: 25px;
  }
}
.rst_pass main .content .form .view .verify {
  display: flex;
  justify-content: space-between;
}
.rst_pass main .content .form .view .verify .code {
  width: calc(75% - .05rem);
}
.rst_pass main .content .form .view .verify .send {
  cursor: pointer;
  width: calc(25% - .05rem);
  height: 0.6rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 0.02rem solid #FF660A;
  color: #FF660A;
  font-family: "Manrope-Bold";
  font-weight: bold;
  border-radius: 0.15rem;
}
@media screen and (max-width: 800px) {
  .rst_pass main .content .form .view .verify .send {
    height: 45px;
    font-size: 14px;
  }
}
.rst_pass main .content .form .view .verify .send.out {
  opacity: 0.3;
}
.rst_pass main .content .btn {
  cursor: pointer;
  height: 0.6rem;
  width: 4.8rem;
  margin: 0 auto;
  background: #ff660a;
  border-radius: 0.15rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.18rem;
  font-family: "Manrope-Bold";
  font-weight: bold;
  color: #ffffff;
}
@media screen and (max-width: 800px) {
  .rst_pass main .content .btn {
    height: 45px;
    width: 100%;
    font-size: 14px;
  }
}
.rst_pass main .content .btn.disabled {
  background: rgba(255, 102, 10, 0.3);
}
.rst_pass main .corp {
  position: fixed;
  bottom: 0.3rem;
  font-size: 0.16rem;
  font-family: "Manrope-Medium";
  font-weight: 500;
  color: #000000;
  opacity: 0.6;
  left: 50%;
  transform: translateX(-50%);
}
@media screen and (max-width: 800px) {
  .rst_pass main .corp {
    position: static;
    display: block;
    margin: 0 auto;
    font-size: 12px;
    transform: translateX(0);
    padding-bottom: 17px;
    text-align: center;
  }
}

.top-zw.act {
  position: fixed;
  top: -50px;
  width: 100%;
  z-index: 5;
}
@media screen and (max-width: 800px) {
  .top-zw.act {
    top: -128px;
  }
}

@media screen and (max-width: 800px) {
  .top-zw.actphone {
    width: 100%;
    position: fixed;
    top: 0;
    z-index: 5;
  }
}

.g-header {
  color: #000000;
  position: relative;
  min-height: 115px;
}
@media screen and (max-width: 800px) {
  .g-header {
    min-height: 188px;
  }
}
.g-header .carousel-news {
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 1rem;
  background: linear-gradient(90deg, #E9E9ED 23%, #AEAFB7 95%, #9D9EA7 100%);
  transition: background-color 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
}
@media screen and (max-width: 800px) {
  .g-header .carousel-news {
    height: 128px;
    display: block;
    padding: 0 14px;
  }
}
.g-header .carousel-news .ns-le {
  display: flex;
  align-items: center;
  height: 100%;
}
@media screen and (max-width: 800px) {
  .g-header .carousel-news .ns-le {
    display: block;
  }
}
.g-header .carousel-news .ns-le .wel {
  font-weight: 600;
  font-size: 0.14rem;
  font-family: "Manrope-Bold";
  font-weight: bold;
  margin-right: 0.7rem;
}
@media screen and (max-width: 800px) {
  .g-header .carousel-news .ns-le .wel {
    display: none;
  }
}
.g-header .carousel-news .ns-le .news {
  height: 100%;
}
.g-header .carousel-news .ns-le .news .new-ul {
  height: 100%;
}
@media screen and (max-width: 800px) {
  .g-header .carousel-news .ns-le .news .new-ul {
    margin-right: 40px;
  }
}
.g-header .carousel-news .ns-le .news .new-ul .new-li {
  display: flex;
  align-items: center;
}
@media screen and (max-width: 800px) {
  .g-header .carousel-news .ns-le .news .new-ul .new-li {
    display: block;
  }
}
.g-header .carousel-news .ns-le .news .new-ul .new-li .notice {
  background: rgba(255, 102, 10, 0.15);
  border-radius: 0.14rem;
  border: 1px solid #FF660A;
  color: #FF660A;
  font-size: 0.14rem;
  padding: 0 0.15rem 0 0.18rem;
  margin-right: 0.24rem;
  height: 0.28rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 800px) {
  .g-header .carousel-news .ns-le .news .new-ul .new-li .notice {
    display: none;
  }
}
.g-header .carousel-news .ns-le .news .new-ul .new-li .txt {
  font-size: 0.16rem;
  margin-right: 0.3rem;
  color: #000000;
}
@media screen and (max-width: 800px) {
  .g-header .carousel-news .ns-le .news .new-ul .new-li .txt {
    margin-top: 29px;
    font-size: 14px;
    font-family: "Manrope-Medium";
    font-weight: 500;
  }
}
.g-header .carousel-news .ns-le .news .new-ul .new-li .date {
  font-size: 0.14rem;
  opacity: 0.6;
}
@media screen and (max-width: 800px) {
  .g-header .carousel-news .ns-le .news .new-ul .new-li .date {
    margin-top: 14px;
    font-size: 14px;
  }
}
.g-header .carousel-news .read {
  display: flex;
  align-items: center;
  font-size: 0.14rem;
  margin-right: 1.6rem;
}
@media screen and (max-width: 800px) {
  .g-header .carousel-news .read {
    display: none;
  }
}
.g-header .carousel-news .read span {
  margin-right: 0.12rem;
}
.g-header .carousel-news .read .i-riup {
  height: 0.1rem;
  width: 0.1rem;
}
.g-header .carousel-news .read .i-riup.on {
  transform: translate3d(8px, -8px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
  transform-style: preserve-3d;
}
.g-header .carousel-news .phone-clone {
  display: none;
}
@media screen and (max-width: 800px) {
  .g-header .carousel-news .phone-clone {
    height: 30px;
    width: 30px;
    display: block;
    position: absolute;
    top: 15px;
    right: 15px;
  }
}
.g-header .top-nav {
  height: 65px;
  background: #FF660A;
  padding: 0 1rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
}
@media screen and (max-width: 800px) {
  .g-header .top-nav {
    height: 60px;
    padding: 0 15px;
  }
}
.g-header .top-nav .logo {
  width: 1.9rem;
}
@media screen and (max-width: 800px) {
  .g-header .top-nav .logo {
    width: 160px;
  }
}
@media screen and (max-width: 800px) {
  .g-header .top-nav nav {
    display: none;
  }
}
.g-header .top-nav nav ul {
  display: flex;
}
.g-header .top-nav nav ul .nav-li {
  height: 0.45rem;
  padding: 0 0.2rem;
  border-radius: 0.1rem;
  display: flex;
  align-items: center;
  margin-right: 0.2rem;
  font-family: "Manrope-Bold";
  font-weight: bold;
  color: #fff;
  font-size: 0.18rem;
  font-weight: bold;
  cursor: pointer;
}
.g-header .top-nav nav ul .nav-li:hover {
  opacity: 1;
  background: rgba(0, 0, 0, 0.3);
}
.g-header .top-nav nav ul .nav-li:hover a {
  opacity: 1;
}
.g-header .top-nav nav ul .nav-li a {
  opacity: 0.8;
  font-family: "Manrope-Bold";
  font-weight: bold;
  color: #fff;
  font-size: 0.18rem;
  font-weight: bold;
}
.g-header .top-nav nav ul .nav-li .support-a {
  opacity: 0.8;
  font-family: "Manrope-Bold";
  font-weight: bold;
  color: #fff;
  font-size: 0.18rem;
  font-weight: bold;
  line-height: 0.6rem;
}
.g-header .top-nav nav ul .nav-li.on {
  opacity: 1;
  background: rgba(0, 0, 0, 0.3);
}
.g-header .top-nav nav ul .nav-li.on a {
  opacity: 1;
}
.g-header .top-nav .i-con {
  display: flex;
  height: 100%;
  align-items: center;
}
.g-header .top-nav .i-con .i-bl {
  margin-right: 0.36rem;
  position: relative;
}
.g-header .top-nav .i-con .i-bl .i-lk {
  cursor: pointer;
  display: inline-block;
  width: 0.22rem;
}
.g-header .top-nav .i-con .i-bl .badge {
  position: absolute;
  top: 0.06rem;
  right: 0.06rem;
  transform: translateY(-50%) translateX(100%);
  background-color: #000;
  border-radius: 0.05rem;
  color: #fff;
  display: inline-block;
  font-size: 0.1rem;
  height: 0.16rem;
  line-height: 0.16rem;
  padding: 0 0.05rem;
  text-align: center;
  white-space: nowrap;
}
@media screen and (max-width: 800px) {
  .g-header .top-nav .i-con .i-bl.collection {
    display: none;
  }
  .g-header .top-nav .i-con .i-bl.avatar {
    display: none;
  }
  .g-header .top-nav .i-con .i-bl.cart img {
    height: 23px;
    width: 23px;
  }
  .g-header .top-nav .i-con .i-bl.cart .badge {
    width: 16px;
    height: 16px;
    font-size: 9px;
    color: #FFFFff;
    background: #1E2429;
    line-height: 16px;
    right: 5px;
    top: 3px;
  }
}
.g-header .top-nav .language {
  margin-left: 0.18rem;
  display: flex;
  align-items: center;
  cursor: pointer;
  height: 100%;
  position: relative;
}
@media screen and (max-width: 800px) {
  .g-header .top-nav .language {
    display: none;
  }
}
.g-header .top-nav .language img {
  height: 0.22rem;
  width: 0.22rem;
}
.g-header .top-nav .language .e-e {
  margin-left: 0.08rem;
  display: inline-block;
  color: #ffffff;
  font-size: 0.16rem;
  font-weight: 600;
  font-family: "Manrope-Bold";
  font-weight: bold;
}
.g-header .top-nav .language .popover {
  display: none;
  position: absolute;
  z-index: 20;
  bottom: 0;
  left: 50%;
  transform: translate(-50%, calc(100% + .05rem));
  background: #FF660A;
  border-radius: 0.15rem;
  color: #FFFFFF;
  font-family: "Manrope-Medium";
  font-weight: 500;
  padding: 0.1rem;
}
.g-header .top-nav .language .popover::before {
  content: "";
  position: absolute;
  left: 50%;
  top: -0.06rem;
  transform: translateX(-50%);
  border-left: 0.06rem solid transparent;
  border-right: 0.06rem solid transparent;
  border-bottom: 0.06rem solid #FF660A;
}
.g-header .top-nav .language .popover::after {
  content: "";
  width: 100%;
  height: 0.1rem;
  position: absolute;
  top: 0;
  left: 0;
  transform: translateY(-0.1rem);
}
.g-header .top-nav .language .popover .lang {
  margin-bottom: 0.1rem;
  padding: 0.09rem 0.2rem;
  border-radius: 0.1rem;
  color: #FFFFFF;
  display: inline-block;
  font-size: 0.16rem;
  line-height: 0.19rem;
}
.g-header .top-nav .language .popover .lang:hover {
  background: rgba(0, 0, 0, 0.3);
}
.g-header .top-nav .language .popover .lang:last-child {
  margin-bottom: 0;
}
.g-header .top-nav .language:hover .popover {
  display: block;
}
.g-header .top-nav .i-tree {
  display: none;
}
@media screen and (max-width: 800px) {
  .g-header .top-nav .i-tree {
    display: flex;
    align-items: center;
  }
  .g-header .top-nav .i-tree .icon.i-tree {
    display: none;
    height: 20px;
    width: 23px;
  }
  .g-header .top-nav .i-tree .icon.i-clonefff {
    display: none;
    height: 40px;
    width: 40px;
  }
  .g-header .top-nav .i-tree .icon.show {
    display: block;
  }
}
.g-header .top-nav .i-tree .phone.drop-down {
  display: none;
}
@media screen and (max-width: 800px) {
  .g-header .top-nav .i-tree .phone.drop-down {
    display: none;
    padding: 15px;
    z-index: 2;
    width: 100%;
    left: 0;
    top: 60px;
    height: 100vh;
    position: absolute;
    background: #ffffff;
  }
  .g-header .top-nav .i-tree .phone.drop-down .nav-drop-ul .nav-drop-li {
    margin-top: 18px;
    margin-bottom: 10px;
    font-size: 16px;
    font-weight: bold;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .g-header .top-nav .i-tree .phone.drop-down .nav-drop-ul .nav-drop-li a {
    color: #000000;
  }
  .g-header .top-nav .i-tree .phone.drop-down .nav-drop-ul .nav-drop-li .suad {
    width: 22px;
    height: 22px;
    transform: rotate(45deg);
  }
  .g-header .top-nav .i-tree .phone.drop-down .nav-drop-ul .nav-drop-li .icof {
    display: none;
  }
  .g-header .top-nav .i-tree .phone.drop-down .nav-drop-ul .nav-drop-li .icof.on {
    display: block;
  }
  .g-header .top-nav .i-tree .phone.drop-down .nav-drop-ul .nav-drop-li-two {
    overflow: hidden;
    height: 0;
    margin-left: 20px;
  }
  .g-header .top-nav .i-tree .phone.drop-down .nav-drop-ul .nav-drop-li-two .nav-drop-li {
    font-weight: inherit;
  }
  .g-header .top-nav .i-tree .phone.drop-down .nav-drop-ul .dealer {
    position: fixed;
    width: calc(100% - 30px);
    bottom: 15px;
    left: 15px;
    right: 15px;
    height: 45px;
    border-radius: 10px;
    background: #FF660A;
    color: #fff;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    font-weight: bold;
    font-family: "Manrope-Bold";
    font-weight: bold;
  }
  .g-header .top-nav .i-tree .phone.drop-down .language {
    position: fixed;
    bottom: 103px;
    display: flex;
    align-items: center;
    gap: 20px;
    color: rgba(0, 0, 0, 0.3);
    line-height: 19px;
    font-size: 16px;
    left: 50%;
    transform: translateX(-50%);
    height: auto;
  }
  .g-header .top-nav .i-tree .phone.drop-down .language a {
    line-height: 19px;
    font-size: 16px;
    color: rgba(0, 0, 0, 0.3);
  }
  .g-header .top-nav .i-tree .phone.drop-down .language a.on {
    color: #000000;
  }
}
@media screen and (max-width: 800px) {
  .g-header .top-nav .i-tree .phone.drop-down.show {
    display: block;
  }
}
.g-header .col-drawer {
  overflow: hidden;
  display: none;
  z-index: 500;
  background: rgba(0, 0, 0, 0.5);
  height: 100vh;
  width: 100vw;
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  transition: all 0.3s;
}
@media screen and (max-width: 800px) {
  .g-header .col-drawer {
    width: 100%;
  }
}
.g-header .col-drawer .nr-drawer {
  background: #fff;
  height: 100vh;
  width: 0;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  animation: rtl-drawer-in 0.3s 1ms;
}
@media screen and (max-width: 800px) {
  .g-header .col-drawer .nr-drawer {
    width: 100%;
  }
}
.g-header .col-drawer .nr-drawer .top-drawer {
  height: 0.8rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid #ECECEC;
  padding: 0 0.3rem;
}
@media screen and (max-width: 800px) {
  .g-header .col-drawer .nr-drawer .top-drawer {
    height: 60px;
  }
}
.g-header .col-drawer .nr-drawer .top-drawer .tp-left {
  display: flex;
  align-items: center;
  font-size: 0.16rem;
  font-weight: bold;
  font-family: "Manrope-Bold";
  font-weight: bold;
}
@media screen and (max-width: 800px) {
  .g-header .col-drawer .nr-drawer .top-drawer .tp-left {
    font-size: 14px;
  }
}
.g-header .col-drawer .nr-drawer .top-drawer .tp-left .cln {
  height: 0.24rem;
  width: 0.24rem;
}
@media screen and (max-width: 800px) {
  .g-header .col-drawer .nr-drawer .top-drawer .tp-left .cln {
    height: 20px;
    width: 20px;
  }
}
.g-header .col-drawer .nr-drawer .top-drawer .tp-left .mc {
  margin-left: 0.12rem;
}
.g-header .col-drawer .nr-drawer .top-drawer .clone {
  cursor: pointer;
  position: absolute;
  top: 0.3rem;
  right: 0.3rem;
  height: 0.18rem;
  width: 0.18rem;
}
@media screen and (max-width: 800px) {
  .g-header .col-drawer .nr-drawer .top-drawer .clone {
    top: 15px;
    right: 15px;
    height: 30px;
    width: 30px;
  }
}
.g-header .col-drawer .nr-drawer .list {
  padding: 0.3rem;
  overflow-y: scroll;
  height: 100%;
}
@media screen and (max-width: 800px) {
  .g-header .col-drawer .nr-drawer .list {
    padding: 15px;
  }
}
.g-header .col-drawer .nr-drawer .list .fis-ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding-bottom: 0.6rem;
}
.g-header .col-drawer .nr-drawer .list .fis-ul .fis-li {
  width: calc(50% - .1rem);
  padding-bottom: 0.3rem;
}
@media screen and (max-width: 800px) {
  .g-header .col-drawer .nr-drawer .list .fis-ul .fis-li {
    width: calc(50% - 7px);
    padding-bottom: 25px;
  }
}
.g-header .col-drawer .nr-drawer .list .fis-ul .fis-li:hover .img .ove {
  display: flex;
}
@media screen and (max-width: 800px) {
  .g-header .col-drawer .nr-drawer .list .fis-ul .fis-li:hover .img .ove {
    display: none;
  }
}
.g-header .col-drawer .nr-drawer .list .fis-ul .fis-li .img {
  height: 2.6rem;
  position: relative;
  padding: 0.15rem;
  background: #E8E8E8;
  border-radius: 0.15rem;
}
@media screen and (max-width: 800px) {
  .g-header .col-drawer .nr-drawer .list .fis-ul .fis-li .img {
    height: 165px;
    padding: 10px;
  }
}
.g-header .col-drawer .nr-drawer .list .fis-ul .fis-li .img .star {
  display: none;
}
@media screen and (max-width: 800px) {
  .g-header .col-drawer .nr-drawer .list .fis-ul .fis-li .img .star {
    display: block;
  }
  .g-header .col-drawer .nr-drawer .list .fis-ul .fis-li .img .star .collection {
    display: none;
    position: absolute;
    width: 19px;
    height: 18px;
    top: 10px;
    right: 10px;
  }
  .g-header .col-drawer .nr-drawer .list .fis-ul .fis-li .img .star .collection.on {
    display: block;
  }
}
.g-header .col-drawer .nr-drawer .list .fis-ul .fis-li .img img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.g-header .col-drawer .nr-drawer .list .fis-ul .fis-li .img .ove {
  display: none;
  cursor: pointer;
  align-items: center;
  top: 0.1rem;
  right: 0.1rem;
  border-radius: 0.15rem;
  position: absolute;
  height: 0.28rem;
  padding: 0 0.12rem 0 0.1rem;
  background: rgba(0, 0, 0, 0.5);
  font-size: 0.14rem;
  color: #fff;
}
@media screen and (max-width: 800px) {
  .g-header .col-drawer .nr-drawer .list .fis-ul .fis-li .img .ove {
    display: none;
  }
}
.g-header .col-drawer .nr-drawer .list .fis-ul .fis-li .img .ove .ove-img {
  height: 0.13rem;
}
.g-header .col-drawer .nr-drawer .list .fis-ul .fis-li .img .ove span {
  margin-left: 0.05rem;
}
.g-header .col-drawer .nr-drawer .list .fis-ul .fis-li .name {
  margin-top: 0.19rem;
  font-family: "Manrope-Bold";
  font-weight: bold;
  font-weight: bold;
  font-size: 0.2rem;
  margin-bottom: 0.07rem;
}
@media screen and (max-width: 800px) {
  .g-header .col-drawer .nr-drawer .list .fis-ul .fis-li .name {
    color: #000;
    font-size: 16px;
    margin-top: 13px;
    margin-bottom: 5px;
  }
}
.g-header .col-drawer .nr-drawer .list .fis-ul .fis-li .lx {
  font-size: 0.16rem;
}
@media screen and (max-width: 800px) {
  .g-header .col-drawer .nr-drawer .list .fis-ul .fis-li .lx {
    font-size: 13px;
  }
}
.g-header .col-drawer .nr-drawer .list .empty-block {
  display: none;
  text-align: center;
  margin: 1.9rem auto;
}
.g-header .col-drawer .nr-drawer .list .empty-block .empty {
  display: block;
  width: 2.4rem;
  height: 2.4rem;
  margin: 0 auto;
}
@media screen and (max-width: 800px) {
  .g-header .col-drawer .nr-drawer .list .empty-block .empty {
    width: 200px;
    height: 200px;
  }
}
.g-header .col-drawer .nr-drawer .list .empty-block .empty-txt {
  text-align: center;
  opacity: 0.3;
  font-size: 0.18rem;
  font-weight: 600;
  font-family: "Manrope-Bold";
  font-weight: bold;
}
@media screen and (max-width: 800px) {
  .g-header .col-drawer .nr-drawer .list .empty-block .empty-txt {
    font-size: 16px;
  }
}
.g-header .col-drawer .nr-drawer .list .empty-block.show {
  display: block;
}
.g-header .col-drawer .nr-drawer.show {
  width: 6rem;
}
@media screen and (max-width: 800px) {
  .g-header .col-drawer .nr-drawer.show {
    width: 100%;
  }
}
.g-header .shopping-cart {
  display: none;
  z-index: 500;
  background: rgba(0, 0, 0, 0.5);
  height: 100vh;
  width: 100vw;
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
.g-header .shopping-cart .nr-drawer {
  background: #fff;
  height: 100vh;
  width: 6rem;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
}
@media screen and (max-width: 800px) {
  .g-header .shopping-cart .nr-drawer {
    width: 100%;
  }
}
.g-header .shopping-cart .top-drawer {
  height: 0.8rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid #ECECEC;
  padding: 0 0.3rem;
}
@media screen and (max-width: 800px) {
  .g-header .shopping-cart .top-drawer {
    height: 60px;
  }
}
.g-header .shopping-cart .top-drawer .tp-left {
  display: flex;
  align-items: center;
  font-size: 0.16rem;
  font-weight: bold;
  font-family: "Manrope-Bold";
  font-weight: bold;
}
.g-header .shopping-cart .top-drawer .tp-left .cln {
  height: 0.24rem;
  width: 0.24rem;
}
@media screen and (max-width: 800px) {
  .g-header .shopping-cart .top-drawer .tp-left .cln {
    height: 19px;
    width: 19px;
  }
}
.g-header .shopping-cart .top-drawer .tp-left .mc {
  margin-left: 0.12rem;
  font-family: "Manrope-Bold";
  font-weight: bold;
}
@media screen and (max-width: 800px) {
  .g-header .shopping-cart .top-drawer .tp-left .mc {
    margin-left: 9px;
    font-size: 14px;
    color: #000000;
    font-weight: bold;
  }
}
.g-header .shopping-cart .top-drawer .clone {
  cursor: pointer;
  position: absolute;
  top: 0.3rem;
  right: 0.3rem;
  height: 0.18rem;
  width: 0.18rem;
}
@media screen and (max-width: 800px) {
  .g-header .shopping-cart .top-drawer .clone {
    position: absolute;
    top: 15px;
    right: 15px;
    height: 30px;
    width: 30px;
  }
}
.g-header .shopping-cart .list {
  padding: 0.3rem 0.25rem 0.3rem;
  overflow-y: scroll;
  height: 100%;
}
.g-header .shopping-cart .list .cart-ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding-bottom: 2rem;
}
@media screen and (max-width: 800px) {
  .g-header .shopping-cart .list .cart-ul {
    padding-bottom: 170px;
  }
}
.g-header .shopping-cart .list .cart-ul .cart-li {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 0.3rem;
}
.g-header .shopping-cart .list .cart-ul .cart-li .info {
  width: 100%;
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 800px) {
  .g-header .shopping-cart .list .cart-ul .cart-li .info {
    justify-content: flex-start;
  }
}
.g-header .shopping-cart .list .cart-ul .cart-li .info .pro {
  width: 1rem;
  height: 1rem;
  margin-right: 0.2rem;
  background: #F6F6F6;
  padding: 0.06rem;
  border-radius: 0.1rem;
}
@media screen and (max-width: 800px) {
  .g-header .shopping-cart .list .cart-ul .cart-li .info .pro {
    width: 130px;
    height: 130px;
    margin-right: 15px;
    padding: 15px;
    border-radius: 10px;
  }
}
.g-header .shopping-cart .list .cart-ul .cart-li .info .pro img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.g-header .shopping-cart .list .cart-ul .cart-li .info .sj {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: calc(100% - 1.2rem);
}
@media screen and (max-width: 800px) {
  .g-header .shopping-cart .list .cart-ul .cart-li .info .sj {
    display: block;
    width: auto;
  }
}
.g-header .shopping-cart .list .cart-ul .cart-li .info .sj .name {
  font-family: "Manrope-Bold";
  font-weight: bold;
  font-size: 0.18rem;
  font-weight: bold;
}
@media screen and (max-width: 800px) {
  .g-header .shopping-cart .list .cart-ul .cart-li .info .sj .name {
    font-size: 18px;
    line-height: 21px;
  }
}
.g-header .shopping-cart .list .cart-ul .cart-li .info .sj .model {
  margin-top: 0.07rem;
  font-family: "Manrope-Medium";
  font-weight: 500;
  font-size: 0.14rem;
  color: #666666;
  font-weight: bold;
  font-weight: 500;
}
@media screen and (max-width: 800px) {
  .g-header .shopping-cart .list .cart-ul .cart-li .info .sj .model {
    margin-top: 5px;
    color: #666666;
    font-size: 14px;
    line-height: 16px;
  }
}
.g-header .shopping-cart .list .cart-ul .cart-li .info .sj .js-num {
  display: flex;
  align-items: center;
}
@media screen and (max-width: 800px) {
  .g-header .shopping-cart .list .cart-ul .cart-li .info .sj .js-num {
    margin-top: 13px;
  }
}
.g-header .shopping-cart .list .cart-ul .cart-li .info .sj .js-num .el-num {
  font-size: 0.1rem;
  border: 1px solid rgba(0, 0, 0, 0.3);
  padding: 0.06rem;
  display: flex;
  align-items: center;
}
@media screen and (max-width: 800px) {
  .g-header .shopping-cart .list .cart-ul .cart-li .info .sj .js-num .el-num {
    padding: 9px;
    font-size: 14px;
  }
}
.g-header .shopping-cart .list .cart-ul .cart-li .info .sj .js-num .el-num input {
  font-size: 0.14rem;
  text-align: center;
  margin: 0 0.2rem;
  width: 0.38rem;
}
@media screen and (max-width: 800px) {
  .g-header .shopping-cart .list .cart-ul .cart-li .info .sj .js-num .el-num input {
    font-size: 14px;
    width: 38px;
  }
}
.g-header .shopping-cart .list .cart-ul .cart-li .info .sj .js-num .el-num input[type=number]::-webkit-inner-spin-button,
.g-header .shopping-cart .list .cart-ul .cart-li .info .sj .js-num .el-num input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.g-header .shopping-cart .list .cart-ul .cart-li .info .sj .js-num .el-num i {
  cursor: pointer;
  color: #000;
}
.g-header .shopping-cart .list .cart-ul .cart-li .info .sj .js-num .remove {
  cursor: pointer;
  font-family: "Manrope-Medium";
  font-weight: 500;
  margin-left: 0.2rem;
  font-size: 0.14rem;
  text-decoration-line: underline;
}
@media screen and (max-width: 800px) {
  .g-header .shopping-cart .list .cart-ul .cart-li .info .sj .js-num .remove {
    margin-left: 15px;
    font-size: 13px;
  }
}
.g-header .shopping-cart .list .cart-ul .cart-li .info .sj .qani {
  color: #000000;
  text-align: right;
  font-family: "Manrope-Medium";
  font-weight: 500;
  font-weight: 500;
  width: 1rem;
  font-size: 0.16rem;
}
@media screen and (max-width: 800px) {
  .g-header .shopping-cart .list .cart-ul .cart-li .info .sj .qani {
    font-size: 14px;
    font-weight: 500;
    text-align: left;
    margin-top: 10px;
  }
}
.g-header .shopping-cart .list .check-out {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  background: #F5F5F5;
}
.g-header .shopping-cart .list .check-out .total {
  font-size: 0.18rem;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  padding: 0 0.22rem 0 0.3rem;
  height: 0.56rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media screen and (max-width: 800px) {
  .g-header .shopping-cart .list .check-out .total {
    height: 55px;
    padding: 0 15px;
    font-size: 14px;
  }
}
.g-header .shopping-cart .list .check-out .total .price {
  font-family: "Manrope-Bold";
  font-weight: bold;
  color: #000000;
}
@media screen and (max-width: 800px) {
  .g-header .shopping-cart .list .check-out .total .price {
    font-size: 18px;
    font-weight: bold;
  }
}
.g-header .shopping-cart .list .check-out .out {
  font-size: 0.16rem;
  padding: 0 0.3rem;
  height: 0.85rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media screen and (max-width: 800px) {
  .g-header .shopping-cart .list .check-out .out {
    height: 75px;
    padding: 0 15px;
    font-size: 14px;
  }
}
.g-header .shopping-cart .list .check-out .out .shopping {
  cursor: pointer;
  text-decoration-line: underline;
  color: #000000;
  font-weight: bold;
}
.g-header .shopping-cart .list .check-out .out .out {
  cursor: pointer;
  font-family: "Manrope-Bold";
  font-weight: bold;
  width: 2.46rem;
  height: 0.54rem;
  background: #FF660A;
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.1rem;
}
@media screen and (max-width: 800px) {
  .g-header .shopping-cart .list .check-out .out .out {
    width: 165px;
    height: 45px;
    border-radius: 10px;
  }
}
.g-header .shopping-cart .list .empty-block {
  display: none;
  text-align: center;
  margin: 1.9rem auto;
}
.g-header .shopping-cart .list .empty-block .empty {
  display: block;
  width: 2.4rem;
  height: 2.4rem;
  margin: 0 auto;
}
@media screen and (max-width: 800px) {
  .g-header .shopping-cart .list .empty-block .empty {
    width: 200px;
    height: 200px;
  }
}
.g-header .shopping-cart .list .empty-block .empty-txt {
  text-align: center;
  opacity: 0.3;
  font-size: 0.18rem;
  font-weight: 600;
  font-family: "Manrope-Bold";
  font-weight: bold;
}
@media screen and (max-width: 800px) {
  .g-header .shopping-cart .list .empty-block .empty-txt {
    font-size: 16px;
  }
}
.g-header .shopping-cart .list .empty-block.show {
  display: block;
}
.g-header .shopping-cart.show,
.g-header .col-drawer.show {
  display: block;
}

.phone.to-top {
  z-index: 2;
  position: fixed;
  bottom: 0.3rem;
  right: 0.3rem;
}
@media screen and (max-width: 800px) {
  .phone.to-top {
    display: none;
  }
}
.phone.to-top img {
  width: 0.5rem;
  height: 0.5rem;
}
.phone.to-top .phone-b {
  position: relative;
  transition: All 0.3s ease;
}
.phone.to-top .phone-b:hover .phnum {
  width: max-content;
  padding: 0 0.56rem 0 0.11rem;
  border: 1px solid #FF660A;
}
.phone.to-top .phone-b .phnum {
  transition: All 0.3s ease;
  overflow: hidden;
  position: absolute;
  z-index: -1;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
  width: 0;
  font-size: 0.14rem;
  height: 0.36rem;
  padding: 0;
  border-radius: 0.18rem;
  background: #FFFFFF;
  display: flex;
  align-items: center;
  color: #FF660A;
}
.phone.to-top .to-top-b {
  cursor: pointer;
  margin-top: 0.1rem;
}

.exploded_views {
  color: #000000;
}
.exploded_views a {
  color: #000000;
}
.exploded_views main {
  display: flex;
}
@media screen and (max-width: 800px) {
  .exploded_views main {
    flex-direction: column;
  }
}
.exploded_views .left {
  width: 2.6rem;
  padding: 0.2rem;
  background: #F5F5F5;
  border-right: 1px solid rgba(0, 0, 0, 0.1);
}
@media screen and (max-width: 800px) {
  .exploded_views .left {
    overflow-x: scroll;
    width: 100%;
    padding: 10px 15px;
  }
}
.exploded_views .left .bnail-ul {
  text-align: right;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
@media screen and (max-width: 800px) {
  .exploded_views .left .bnail-ul {
    flex-direction: row;
    width: fit-content;
  }
}
.exploded_views .left .bnail-ul .bnail-li {
  width: 1.4rem;
  height: 1.4rem;
  border-radius: 0.1rem;
  margin-bottom: 0.15rem;
  background: #fff;
}
@media screen and (max-width: 800px) {
  .exploded_views .left .bnail-ul .bnail-li {
    width: 80px;
    height: 80px;
    margin-right: 10px;
    margin-bottom: 0;
  }
  .exploded_views .left .bnail-ul .bnail-li:last-child {
    margin-right: 0;
  }
}
.exploded_views .left .bnail-ul .bnail-li img {
  height: 100%;
  width: 100%;
  object-fit: contain;
}
.exploded_views .left .bnail-ul .bnail-li.on {
  border: 1px solid #FF660A;
}
.exploded_views .right {
  height: calc(100vh - 1.15rem);
  min-height: 8rem;
  width: calc(100% - 2.6rem);
  padding: 0.3rem;
  background: #fff;
  position: relative;
}
@media screen and (max-width: 800px) {
  .exploded_views .right {
    padding: 32px 15px 0;
    width: 100%;
    height: auto;
  }
}
.exploded_views .right .bread span {
  margin-left: 0.12rem;
  font-family: "Manrope-Medium";
  font-weight: 500;
  font-weight: 500;
  font-size: 0.16rem;
}
@media screen and (max-width: 800px) {
  .exploded_views .right .bread span {
    margin-left: 9px;
    font-size: 14px;
  }
}
.exploded_views .right .bread .xl-img {
  width: 100%;
  height: calc(100vh - 2rem);
  top: 0.2rem;
  left: 50%;
  transform: translateX(-50%);
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
@media screen and (max-width: 800px) {
  .exploded_views .right .bread .xl-img {
    margin-top: 22px;
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: 350px;
    display: block;
    transform: translateX(0);
  }
}
.exploded_views .right .bread .xl-img dl {
  position: absolute;
}
.exploded_views .right .bread .xl-img .max-img {
  position: relative;
  height: 100%;
  width: fit-content;
}
.exploded_views .right .bread .xl-img .max-img .qhiocn {
  display: none;
}
.exploded_views .right .bread .xl-img .max-img .qhiocn.on {
  display: block;
}
.exploded_views .right .bread .xl-img .max-img img {
  max-height: 100%;
  max-width: 100%;
}
.exploded_views .right .bread .xl-img .max-img .inxion {
  cursor: pointer;
  position: absolute;
  left: 49%;
  top: 30.2%;
  width: 0.3rem;
  height: 0.3rem;
  background: rgba(255, 102, 10, 0);
  border-radius: 50%;
}
.exploded_views .right .bread .xl-img .max-img .inxion:hover {
  background: rgba(255, 102, 10, 0.3);
}
@media screen and (max-width: 800px) {
  .exploded_views .right .bread .xl-img .max-img .inxion {
    left: 49%;
    top: 17.6%;
    width: 14px;
    height: 14px;
  }
}
.exploded_views .right .bread .xl-img .max-img .bolion {
  display: none;
  position: absolute;
  top: 40%;
  left: 30%;
  height: 0.1rem;
  width: 0.1rem;
  border-radius: 0.5rem;
  background: #FF660A;
  box-shadow: 0px 0px 6px 0px rgba(252, 80, 0, 0.5);
}
.exploded_views .right .bread .xl-img .max-img .bolion::before {
  position: absolute;
  content: "";
  width: 0.24rem;
  height: 0.24rem;
  border: 1px solid #FF660A;
  border-radius: 50%;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.exploded_views .right .bread .xl-img .max-img .img.fdt {
  display: none;
}
.exploded_views .right .bread .xl-img .max-img .img.fdt.on {
  display: block;
}
.exploded_views .right .bread .progress {
  width: 0.5rem;
  height: 320px;
  position: absolute;
  top: 2.22rem;
  right: 0.75rem;
  border-left: 1px dashed #FF660A;
}
@media screen and (max-width: 800px) {
  .exploded_views .right .bread .progress {
    position: relative;
    top: 0;
    left: 0;
    width: 260px;
    height: 32px;
    margin: 0 auto;
    border-left: none;
    border-top: 1px dashed #FF660A;
  }
}
.exploded_views .right .bread .progress .box {
  position: unset !important;
  height: 100%;
  overflow: auto !important;
}
.exploded_views .right .bread .progress .box dl {
  width: 40px;
  height: 40px;
  transform: translateX(-50%);
}
.exploded_views .right .bread .progress .box dl.tsoY {
  top: 260px;
}
@media screen and (max-width: 800px) {
  .exploded_views .right .bread .progress .box dl {
    height: 32px;
    width: 32px;
    transform: translateY(-50%);
  }
  .exploded_views .right .bread .progress .box dl.tsoY {
    top: 0;
  }
}
.exploded_views .right .bread .progress .box dl .bar {
  cursor: pointer;
  top: 0;
  left: 0;
  width: 40px;
  height: 40px;
  position: absolute;
}
@media screen and (max-width: 800px) {
  .exploded_views .right .bread .progress .box dl .bar {
    height: 32px;
    width: 32px;
    transform: translateX(0) rotate(90deg);
  }
}
.exploded_views .right .bread .progress .zoom {
  font-family: "Manrope-Bold";
  font-weight: bold;
  font-size: 0.14rem;
  opacity: 0.6;
  cursor: pointer;
  top: -0.7rem;
  left: 0;
  position: absolute;
  transform: translateX(-50%) rotate(90deg);
  line-height: 0;
}
@media screen and (max-width: 800px) {
  .exploded_views .right .bread .progress .zoom {
    display: none;
  }
}
.exploded_views .right .bread .progress .plus {
  cursor: pointer;
  top: -0.25rem;
  left: 0;
  width: 0.25rem;
  height: 0.25rem;
  position: absolute;
  transform: translateX(-50%);
}
@media screen and (max-width: 800px) {
  .exploded_views .right .bread .progress .plus {
    height: 16px;
    width: 16px;
    top: -8px;
    left: -16px;
    transform: translateX(0);
  }
}
.exploded_views .right .bread .progress .reduce {
  cursor: pointer;
  bottom: -0.25rem;
  left: 0;
  width: 0.25rem;
  height: 0.25rem;
  position: absolute;
  transform: translateX(-50%);
}
@media screen and (max-width: 800px) {
  .exploded_views .right .bread .progress .reduce {
    height: 16px;
    width: 16px;
    left: auto;
    top: -8px;
    right: -17px;
    transform: translateX(0);
  }
}
.exploded_views .right .price {
  width: calc(100% - 1.3rem);
  height: 0.8rem;
  background: #F5F5F5;
  border-radius: 0.15rem;
  box-shadow: 0px 0px 30px 0px rgba(153, 153, 153, 0.25);
  position: absolute;
  bottom: 0.2rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 0.3rem;
  border: 1px solid #DFDFDF;
}
@media screen and (max-width: 800px) {
  .exploded_views .right .price {
    display: block;
    position: relative;
    height: auto;
    width: 100%;
    padding: 20px 15px 10px;
    margin-top: 23px;
  }
}
.exploded_views .right .price .pr-left {
  display: flex;
  align-items: center;
}
@media screen and (max-width: 800px) {
  .exploded_views .right .price .pr-left {
    flex-wrap: wrap;
    align-items: normal;
  }
}
.exploded_views .right .price .pr-left .useter {
  width: 0.2rem;
  height: 0.2rem;
}
@media screen and (max-width: 800px) {
  .exploded_views .right .price .pr-left .useter {
    width: 16px;
    height: 16px;
  }
}
.exploded_views .right .price .pr-left .seltx {
  margin-left: 0.16rem;
  color: #000000;
  opacity: 0.7;
  font-weight: 500;
  font-family: "Manrope-Medium";
  font-weight: 500;
  margin-right: 0.73rem;
  font-size: 0.16rem;
}
@media screen and (max-width: 800px) {
  .exploded_views .right .price .pr-left .seltx {
    font-size: 14px;
    margin-left: 8px;
    margin-top: -4px;
  }
}
.exploded_views .right .price .pr-left .ui-select {
  cursor: pointer;
  width: 2.8rem;
  border-radius: 0.1rem;
  height: 0.48rem;
  background: rgba(255, 255, 255, 0.7);
  padding: 0 0.2rem;
  position: relative;
  line-height: 0.48rem;
  font-size: 0.16rem;
  font-family: "Manrope-Medium";
  font-weight: 500;
}
@media screen and (max-width: 800px) {
  .exploded_views .right .price .pr-left .ui-select {
    margin-top: 17px;
    width: 100%;
    height: 40px;
    font-size: 14px;
  }
}
.exploded_views .right .price .pr-left .ui-select .select-txt {
  color: rgba(0, 0, 0, 0.7);
}
@media screen and (max-width: 800px) {
  .exploded_views .right .price .pr-left .ui-select span {
    line-height: 40px;
  }
}
.exploded_views .right .price .pr-left .ui-select .or {
  color: #FF660A;
  margin-right: 0.05rem;
}
.exploded_views .right .price .pr-left .ui-select .dset {
  position: absolute;
  right: 0.16rem;
  top: 50%;
  transform: translateY(-50%);
  width: 0.14rem;
}
@media screen and (max-width: 800px) {
  .exploded_views .right .price .pr-left .ui-select .dset {
    width: 10px;
  }
}
.exploded_views .right .price .pr-left .ui-select .set {
  display: none;
  position: absolute;
  right: 0.16rem;
  top: 50%;
  transform: translateY(-50%) rotate(180deg);
  width: 0.14rem;
}
@media screen and (max-width: 800px) {
  .exploded_views .right .price .pr-left .ui-select .set {
    width: 10px;
  }
}
.exploded_views .right .price .pr-left .ui-select i {
  position: absolute;
  right: 0.2rem;
  top: 50%;
  transform: translateY(-50%);
}
.exploded_views .right .price .pr-left .ui-select .select {
  display: none;
  width: 2.8rem;
  position: absolute;
  left: 0;
  background: #FFFFFF;
  box-shadow: 0px 0px 20px 0px rgba(159, 159, 159, 0.25);
  border-radius: 0.1rem;
  bottom: calc(.58rem);
  padding: 0.19rem 0.23rem 0.21rem 0.25rem;
}
@media screen and (max-width: 800px) {
  .exploded_views .right .price .pr-left .ui-select .select {
    width: 100%;
    bottom: 50px;
    padding: 15px 22px;
    border-radius: 12px;
  }
}
.exploded_views .right .price .pr-left .ui-select .select .option {
  cursor: pointer;
  margin-bottom: 0.14rem;
  line-height: 0.19rem;
  font-size: 0.16rem;
  display: flex;
  font-weight: 500;
  justify-content: space-between;
}
@media screen and (max-width: 800px) {
  .exploded_views .right .price .pr-left .ui-select .select .option {
    color: #000000;
    font-family: "Manrope-Medium";
    font-weight: 500;
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
    margin-bottom: 0;
  }
}
.exploded_views .right .price .pr-left .ui-select .select .option .c-h {
  color: rgba(0, 0, 0, 0.6);
}
.exploded_views .right .price .pr-left .ui-select .select .option:last-child {
  margin-bottom: 0;
}
.exploded_views .right .price .pr-right {
  display: flex;
  align-items: center;
}
@media screen and (max-width: 800px) {
  .exploded_views .right .price .pr-right {
    margin-top: 14px;
  }
}
.exploded_views .right .price .pr-right .total-key {
  margin-right: 0.17rem;
  font-size: 0.18rem;
}
@media screen and (max-width: 800px) {
  .exploded_views .right .price .pr-right .total-key {
    font-size: 16px;
    margin-right: 8px;
  }
}
.exploded_views .right .price .pr-right .total-value {
  font-weight: bold;
  font-size: 0.24rem;
  font-family: "Manrope-Bold";
  font-weight: bold;
  margin-right: 0.9rem;
}
@media screen and (max-width: 800px) {
  .exploded_views .right .price .pr-right .total-value {
    font-size: 18px;
  }
}
.exploded_views .right .price .pr-right .add-btn {
  cursor: pointer;
  height: 0.48rem;
  width: 2rem;
  background: #ff660a;
  border-radius: 0.1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.16rem;
  font-family: "Manrope-Bold";
  font-weight: bold;
  color: #ffffff;
}
@media screen and (max-width: 800px) {
  .exploded_views .right .price .pr-right .add-btn {
    height: 45px;
    width: 165px;
    font-size: 14px;
  }
}
.exploded_views .right .price .pr-right .add-btn.disabled {
  background: rgba(255, 102, 10, 0.3);
}
.exploded_views .right .hs-up {
  position: absolute;
  bottom: 0.3rem;
  right: 0.3rem;
  display: flex;
  flex-direction: column;
}
.exploded_views .right .hs-up img {
  cursor: pointer;
  height: 0.5rem;
  width: 0.5rem;
  margin-top: 0.1rem;
}
.exploded_views .details.show {
  display: flex;
}
.exploded_views .details {
  display: none;
  position: fixed;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.5);
  align-items: center;
  justify-content: center;
  z-index: 6000;
}
.exploded_views .details .box {
  background: #FFFFFF;
  border-radius: 0.15rem;
  width: 7.2rem;
}
.exploded_views .details .box .head {
  height: 0.6rem;
  border-bottom: 1px solid #D9D9D9;
  padding: 0 0.3rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.exploded_views .details .box .head .tit {
  font-weight: bold;
  font-size: 0.16rem;
}
.exploded_views .details .box .head .i-clone {
  cursor: pointer;
  height: 16px;
  width: 16px;
}
.exploded_views .details .box .phone.head {
  display: none;
}
.exploded_views .details .box .box-main {
  padding: 0.4rem 0.4rem 0.4rem 0.5rem;
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.exploded_views .details .box .box-main .box-main-left {
  width: calc(40% - .13rem);
}
.exploded_views .details .box .box-main .box-main-left img {
  width: 100%;
}
.exploded_views .details .box .box-main .box-main-right {
  width: calc(60% - .13rem);
}
.exploded_views .details .box .box-main .box-main-right .name {
  font-family: "Manrope-Bold";
  font-weight: bold;
  font-size: 0.28rem;
  font-weight: bold;
}
.exploded_views .details .box .box-main .box-main-right .price {
  margin-top: 0.11rem;
  font-size: 0.2rem;
}
.exploded_views .details .box .box-main .box-main-right .counter {
  display: flex;
  align-items: center;
  margin-top: 0.32rem;
}
.exploded_views .details .box .box-main .box-main-right .counter .el-num {
  font-size: 0.12rem;
  border: 1px solid rgba(0, 0, 0, 0.3);
  padding: 0.12rem;
  display: flex;
  align-items: center;
}
.exploded_views .details .box .box-main .box-main-right .counter .el-num input {
  text-align: center;
  margin: 0 0.2rem;
  width: 0.38rem;
}
.exploded_views .details .box .box-main .box-main-right .counter .el-num input[type=number]::-webkit-inner-spin-button,
.exploded_views .details .box .box-main .box-main-right .counter .el-num input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.exploded_views .details .box .box-main .box-main-right .counter .el-num i {
  cursor: pointer;
  color: #000;
}
.exploded_views .details .box .box-main .box-main-right .counter .stocks {
  margin-left: 0.19rem;
  font-size: 0.16rem;
  opacity: 0.6;
}
.exploded_views .details .box .box-main .box-main-right .counter .num {
  margin-left: 0.04rem;
  font-size: 0.16rem;
}
.exploded_views .details .box .box-main .box-main-right .js {
  margin-top: 0.31rem;
  font-size: 0.16rem;
  opacity: 0.6;
}
.exploded_views .details .box .box-main .box-main-right .pams {
  margin-top: 0.3rem;
  padding: 0.2rem;
  font-size: 0.16rem;
  background: #F4F4F4;
  border-radius: 0.1rem;
  border: 1px solid rgba(0, 0, 0, 0.6);
}
.exploded_views .details .box .box-main .box-main-right .pams .vlc {
  display: flex;
  justify-content: space-between;
  margin-bottom: 0.13rem;
}
.exploded_views .details .box .box-main .box-main-right .pams .vlc:last-child {
  margin-bottom: 0;
}
.exploded_views .details .box .box-main .box-main-right .pams .vlc .key {
  opacity: 0.6;
}
.exploded_views .details .box .box-bom {
  height: 0.8rem;
  padding: 0 0.3rem;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.exploded_views .details .box .box-bom .btn {
  cursor: pointer;
  width: 1.6rem;
  height: 0.48rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.16rem;
  font-family: "Manrope-Medium";
  font-weight: 500;
  border-radius: 0.1rem;
}
.exploded_views .details .box .box-bom .cancel {
  background: #F0F0F0;
  margin-right: 0.15rem;
}
.exploded_views .details .box .box-bom .confirm {
  background: #FF660A;
  color: #fff;
}
@media screen and (max-width: 800px) {
  .exploded_views .details.show {
    display: block;
  }
  .exploded_views .details {
    display: none;
    overflow-y: scroll;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    background: #FFFFFF;
    z-index: 6000;
  }
  .exploded_views .details .box {
    width: 100%;
    border-radius: 0;
    background: #FFFFFF;
  }
  .exploded_views .details .box .head {
    margin: 0;
    display: none;
    align-items: center;
    justify-content: flex-start;
    padding-top: 26px;
    padding-bottom: 24px;
    border: none;
  }
  .exploded_views .details .box .head .btna-back {
    display: flex;
    align-items: center;
  }
  .exploded_views .details .box .head .tit {
    font-weight: bold;
    font-size: 14px;
    margin-left: 9px;
  }
  .exploded_views .details .box .head .i-clone {
    cursor: pointer;
    width: 16px;
    height: 14px;
  }
  .exploded_views .details .box .head.phone {
    display: flex;
    position: fixed;
    top: 0;
    width: 100%;
    background: #ffffff;
  }
  .exploded_views .details .box .box-main {
    display: block;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    padding: 0 16px;
  }
  .exploded_views .details .box .box-main .box-main-left {
    margin-top: 60px;
    background: #F5F5F5;
    padding: 15px;
    height: 345px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 15px;
    width: 100%;
  }
  .exploded_views .details .box .box-main .box-main-left img {
    width: 100%;
    object-fit: cover;
  }
  .exploded_views .details .box .box-main .box-main-right {
    width: 100%;
  }
  .exploded_views .details .box .box-main .box-main-right .name {
    margin-top: 16px;
    font-family: "Manrope-Bold";
    font-weight: bold;
    color: #000000;
    font-size: 20px;
    font-weight: bold;
  }
  .exploded_views .details .box .box-main .box-main-right .price {
    margin-top: 6px;
    font-size: 16px;
  }
  .exploded_views .details .box .box-main .box-main-right .counter {
    display: flex;
    align-items: center;
    margin-top: 21px;
  }
  .exploded_views .details .box .box-main .box-main-right .counter .el-num {
    font-size: 14px;
    border: 1px solid rgba(0, 0, 0, 0.3);
    padding: 12px;
    display: flex;
    align-items: center;
  }
  .exploded_views .details .box .box-main .box-main-right .counter .el-num input {
    text-align: center;
    margin: 0 0.2rem;
    width: 62px;
  }
  .exploded_views .details .box .box-main .box-main-right .counter .el-num input[type=number]::-webkit-inner-spin-button,
.exploded_views .details .box .box-main .box-main-right .counter .el-num input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
  }
  .exploded_views .details .box .box-main .box-main-right .counter .el-num i {
    cursor: pointer;
    color: #000;
  }
  .exploded_views .details .box .box-main .box-main-right .counter .stocks {
    margin-left: 20px;
    font-size: 14px;
    opacity: 0.6;
  }
  .exploded_views .details .box .box-main .box-main-right .counter .num {
    margin-left: 8px;
    font-size: 14px;
  }
  .exploded_views .details .box .box-main .box-main-right .js {
    margin-top: 30px;
    font-size: 14px;
    opacity: 0.6;
  }
  .exploded_views .details .box .box-main .box-main-right .pams {
    margin-top: 26px;
    padding: 22px 15px;
    font-size: 14px;
    background: #F4F4F4;
    border-radius: 0.1rem;
    margin-bottom: 40px;
    border: 1px solid rgba(0, 0, 0, 0.6);
  }
  .exploded_views .details .box .box-main .box-main-right .pams .vlc {
    display: flex;
    justify-content: space-between;
    margin-bottom: 19px;
  }
  .exploded_views .details .box .box-main .box-main-right .pams .vlc:last-child {
    margin-bottom: 0;
  }
  .exploded_views .details .box .box-main .box-main-right .pams .vlc .key {
    opacity: 0.6;
  }
  .exploded_views .details .box .box-bom {
    height: auto;
    padding: 15px;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .exploded_views .details .box .box-bom .btn {
    cursor: pointer;
    width: calc(50% - 7px);
    height: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    font-family: "Manrope-Medium";
    font-weight: 500;
    border-radius: 10px;
    font-weight: bold;
  }
  .exploded_views .details .box .box-bom .cancel {
    background: #F0F0F0;
  }
  .exploded_views .details .box .box-bom .confirm {
    background: #FF660A;
    color: #fff;
  }
}

.products {
  color: #000000;
}
.products a {
  color: #000000;
}
.products #app {
  display: flex;
  padding-top: 0.4rem;
  padding-bottom: 0.52rem;
}
@media screen and (max-width: 800px) {
  .products #app {
    display: block;
    padding-top: 0.3rem;
    padding-bottom: 0;
  }
}
.products #app .aside {
  width: 3.1rem;
}
.products #app .aside .title {
  font-size: 0.4rem;
  font-weight: 800;
  font-family: "Manrope-Bold";
  font-weight: bold;
}
@media screen and (max-width: 800px) {
  .products #app .aside .title {
    font-size: 28px;
  }
}
.products #app .aside .proTree.show {
  display: block;
}
@media screen and (max-width: 800px) {
  .products #app .aside .proTree {
    z-index: 500;
    display: none;
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    height: 100vh;
    background: #FFFFFF;
  }
}
.products #app .aside .proTree .name {
  margin-top: 0.6rem;
  margin-bottom: 0.26rem;
  font-size: 0.16rem;
  font-family: "Manrope-Bold";
  font-weight: bold;
  opacity: 0.6;
}
@media screen and (max-width: 800px) {
  .products #app .aside .proTree .name {
    margin: 0;
    padding: 0;
    padding-left: 16px;
    padding-top: 20px;
    padding-bottom: 20px;
    opacity: 1;
    font-size: 14px;
    font-weight: bold;
    border-bottom: 1px solid RGBA(0, 0, 0, 0.1);
  }
}
.products #app .aside .proTree .phone.clone {
  display: none;
}
@media screen and (max-width: 800px) {
  .products #app .aside .proTree .phone.clone {
    display: block;
    position: absolute;
    top: 20px;
    right: 15px;
    height: 26px;
    width: 26px;
  }
}
@media screen and (max-width: 800px) {
  .products #app .aside .proTree .el-tree {
    padding: 0 15px;
    height: 100%;
    width: 102%;
    overflow-y: scroll;
  }
}
.products #app .aside .proTree .el-tree .el-tree-node__content:hover {
  background: #F5F5F5;
  border-radius: 0.05rem;
}
.products #app .aside .proTree .el-tree .el-tree-node__expand-icon {
  padding-left: 0;
}
.products #app .aside .proTree .el-tree .el-tree-node__expand-icon::before {
  color: #000;
  font-size: 0.2rem;
}
@media screen and (max-width: 800px) {
  .products #app .aside .proTree .el-tree .el-tree-node__expand-icon::before {
    font-size: 22px;
  }
}
.products #app .aside .proTree .el-tree .el-tree-node__expand-icon.is-leaf::before {
  color: transparent;
  cursor: default;
}
.products #app .aside .proTree .el-tree > .el-tree-node.is-current:focus > .el-tree-node__content {
  background-color: #F5F5F5 !important;
  border-radius: 0.05rem;
}
.products #app .aside .proTree .el-tree > .el-tree-node.is-current > .el-tree-node__content {
  background-color: #F5F5F5 !important;
  border-radius: 0.05rem;
}
@media screen and (max-width: 800px) {
  .products #app .aside .proTree .el-tree > .el-tree-node.is-current > .el-tree-node__content {
    background: #ffffff;
  }
}
.products #app .aside .proTree .el-tree > .el-tree-node.is-current > .el-tree-node__content > .el-tree-node__label {
  color: #FF660A;
}
.products #app .aside .proTree .el-tree > .el-tree-node.is-current > .el-tree-node__content::-webkit-scrollbar-thumb {
  background-color: #F5F5F5;
}
.products #app .aside .proTree .el-tree > .el-tree-node__expand-icon {
  color: #000;
}
.products #app .aside .proTree .el-tree > .el-tree-node {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  padding: 0.1rem 0;
}
.products #app .aside .proTree .el-tree > .el-tree-node > .el-tree-node.is-current > .el-tree-node__content {
  background: #F5F5F5;
  border-radius: 0.05rem;
}
@media screen and (max-width: 800px) {
  .products #app .aside .proTree .el-tree > .el-tree-node > .el-tree-node.is-current > .el-tree-node__content {
    background: none;
  }
}
.products #app .aside .proTree .el-tree > .el-tree-node > .el-tree-node.is-current > .el-tree-node__content > .el-tree-node__label {
  font-size: 0.16rem;
  font-family: "Manrope-Medium";
  font-weight: 500;
  color: #FF660A;
}
@media screen and (max-width: 800px) {
  .products #app .aside .proTree .el-tree > .el-tree-node > .el-tree-node.is-current > .el-tree-node__content > .el-tree-node__label {
    font-size: 16px;
  }
}
.products #app .aside .proTree .el-tree > .el-tree-node > .el-tree-node__content {
  height: unset;
  padding: 0.09rem 0;
}
.products #app .aside .proTree .el-tree > .el-tree-node > .el-tree-node__content > .el-tree-node__label {
  font-size: 0.18rem;
  font-family: "Manrope-Bold";
  font-weight: bold;
  color: #000000;
}
@media screen and (max-width: 800px) {
  .products #app .aside .proTree .el-tree > .el-tree-node > .el-tree-node__content > .el-tree-node__label {
    font-size: 16px;
  }
}
.products #app .aside .proTree .el-tree > .el-tree-node > .el-tree-node__children > .el-tree-node {
  margin-top: 0.09rem;
}
.products #app .aside .proTree .el-tree > .el-tree-node > .el-tree-node__children > .el-tree-node > .el-tree-node__content {
  height: unset;
  padding: 0.09rem 0;
}
.products #app .aside .proTree .el-tree > .el-tree-node > .el-tree-node__children > .el-tree-node > .el-tree-node__content:hover {
  background: #F5F5F5;
  border-radius: 0.05rem;
}
@media screen and (max-width: 800px) {
  .products #app .aside .proTree .el-tree > .el-tree-node > .el-tree-node__children > .el-tree-node > .el-tree-node__content:hover {
    background: #ffffff;
  }
}
.products #app .aside .proTree .el-tree > .el-tree-node > .el-tree-node__children > .el-tree-node > .el-tree-node__content > .el-tree-node__label {
  font-size: 0.16rem;
  font-family: "Manrope-Medium";
  font-weight: 500;
  color: rgba(0, 0, 0, 0.7);
}
@media screen and (max-width: 800px) {
  .products #app .aside .proTree .el-tree > .el-tree-node > .el-tree-node__children > .el-tree-node > .el-tree-node__content > .el-tree-node__label {
    font-size: 16px;
  }
}
.products #app .aside .proTree .el-tree > .el-tree-node > .el-tree-node__children > .el-tree-node.is-current {
  background: #F5F5F5;
  border-radius: 0.05rem;
}
@media screen and (max-width: 800px) {
  .products #app .aside .proTree .el-tree > .el-tree-node > .el-tree-node__children > .el-tree-node.is-current {
    background: #ffffff;
  }
}
.products #app .aside .proTree .el-tree > .el-tree-node > .el-tree-node__children > .el-tree-node.is-current > .el-tree-node__content {
  background: #F5F5F5;
  border-radius: 0.05rem;
}
.products #app .aside .proTree .el-tree > .el-tree-node > .el-tree-node__children > .el-tree-node.is-current > .el-tree-node__content > .el-tree-node__label {
  font-size: 0.16rem;
  font-family: "Manrope-Medium";
  font-weight: 500;
  color: #FF660A;
}
@media screen and (max-width: 800px) {
  .products #app .aside .proTree .el-tree > .el-tree-node > .el-tree-node__children > .el-tree-node.is-current > .el-tree-node__content > .el-tree-node__label {
    font-size: 16px;
  }
}
.products #app .main {
  display: block;
  width: calc(100% - 3.1rem);
  padding-left: 0.5rem;
  height: auto;
}
@media screen and (max-width: 800px) {
  .products #app .main {
    width: 100%;
    padding-left: 0;
  }
}
.products #app .main .top {
  margin-top: 0.07rem;
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  flex-direction: row-reverse;
}
@media screen and (max-width: 800px) {
  .products #app .main .top {
    margin-top: 26px;
    display: block;
  }
}
.products #app .main .top .phone-filter {
  display: none;
}
@media screen and (max-width: 800px) {
  .products #app .main .top .phone-filter {
    width: 185px;
    height: 45px;
    color: #fff;
    background: #ff660a;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    font-weight: bold;
    font-family: "Manrope-Bold";
    font-weight: bold;
    margin-top: 25px;
  }
}
.products #app .main .top .pro-num {
  font-family: "Manrope-Medium";
  font-weight: 500;
  font-weight: 500;
  font-size: 16px;
}
@media screen and (max-width: 800px) {
  .products #app .main .top .pro-num {
    margin-top: 35px;
  }
}
.products #app .main .top .pro-num .or {
  color: #FF660A;
}
.products #app .main .top .sel {
  display: flex;
  align-items: center;
}
.products #app .main .top .sel .lnum {
  cursor: pointer;
  display: inline-block;
  width: 0.48rem;
  height: 0.48rem;
  padding: 0.12rem;
  border-radius: 0.1rem;
}
.products #app .main .top .sel .lnum:hover {
  background-color: #E0E0E0;
}
@media screen and (max-width: 800px) {
  .products #app .main .top .sel .lnum {
    display: none;
  }
}
.products #app .main .top .sel .lnum img {
  display: none;
  height: 100%;
  width: 100%;
}
.products #app .main .top .sel .lnum .hui {
  display: none;
}
.products #app .main .top .sel .lnum .i-or {
  display: block;
}
.products #app .main .top .sel .lnum.on {
  background: #E0E0E0;
}
.products #app .main .top .sel .lnum.on .hui {
  display: block;
}
.products #app .main .top .sel .lnum.on .i-or {
  display: none;
}
.products #app .main .top .sel .lnum.nls {
  margin-right: 0.2rem;
}
.products #app .main .top .sel .lnum.nlt {
  margin-right: 0.38rem;
}
.products #app .main .top .sel .el-input {
  width: 4.8rem;
  height: 0.48rem;
}
@media screen and (max-width: 800px) {
  .products #app .main .top .sel .el-input {
    height: 48px;
    width: 100%;
  }
}
.products #app .main .top .sel .el-input .el-input__inner {
  border-top-left-radius: 0.1rem;
  border-bottom-left-radius: 0.1rem;
  height: 0.48rem;
  border: none;
  background: #f5f5f5;
}
@media screen and (max-width: 800px) {
  .products #app .main .top .sel .el-input .el-input__inner {
    height: 48px;
    border-radius: 10px 0 0 10px;
  }
}
.products #app .main .top .sel .el-input .el-input-group__append {
  border: none;
  background: #FF660A;
  border-top-right-radius: 0.1rem;
  border-bottom-right-radius: 0.1rem;
}
@media screen and (max-width: 800px) {
  .products #app .main .top .sel .el-input .el-input-group__append {
    padding-left: 25px;
    border-radius: 0 10px 10px 0;
  }
}
.products #app .main .top .sel .el-input .el-input-group__append .el-button {
  width: 0.68rem;
  padding-left: 0.22rem;
  padding-right: 0.23rem;
}
.products #app .main .top .sel .el-input .el-input-group__append .el-button img {
  width: 0.23rem;
}
@media screen and (max-width: 800px) {
  .products #app .main .top .sel .el-input .el-input-group__append .el-button {
    padding-left: 19px;
    padding-right: 21px;
    width: 64px;
  }
  .products #app .main .top .sel .el-input .el-input-group__append .el-button img {
    width: 21px;
  }
}
.products #app .main .top .sel .el-input .el-input-group__append .el-button .el-icon-search::before {
  color: #fff;
  font-size: 0.22rem;
}
@media screen and (max-width: 800px) {
  .products #app .main .top .sel .el-input .el-input-group__append .el-button .el-icon-search::before {
    font-size: 22px;
  }
}
.products #app .main .pro-list {
  margin-top: 0.3rem;
}
.products #app .main .pro-list .pro-ul {
  display: flex;
  flex-wrap: wrap;
}
@media screen and (max-width: 800px) {
  .products #app .main .pro-list .pro-ul {
    display: block;
  }
}
.products #app .main .pro-list .pro-ul .pro-li {
  width: calc(33.333% - .141rem);
  margin-bottom: 0.48rem;
  margin-right: 0.2rem;
}
@media screen and (max-width: 800px) {
  .products #app .main .pro-list .pro-ul .pro-li {
    width: 100%;
  }
}
.products #app .main .pro-list .pro-ul .pro-li:nth-child(3n) {
  margin-right: 0;
}
.products #app .main .pro-list .pro-ul .pro-li .cp-img {
  background: #E8E8E8;
  border-radius: 0.15rem;
  height: 4.4rem;
  padding: 0.2rem;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: All 0.3s ease;
  overflow: hidden;
}
@media screen and (max-width: 800px) {
  .products #app .main .pro-list .pro-ul .pro-li .cp-img {
    height: 345px;
    padding: 16px;
  }
}
.products #app .main .pro-list .pro-ul .pro-li .cp-img:hover .pro-img {
  transform: scale(1.05);
  transition: transform 1s cubic-bezier(0.15, 0.85, 0.45, 1);
}
.products #app .main .pro-list .pro-ul .pro-li .cp-img:hover .i-add {
  bottom: 0.19rem;
  transform: scale(1);
}
.products #app .main .pro-list .pro-ul .pro-li .cp-img .star {
  cursor: pointer;
}
.products #app .main .pro-list .pro-ul .pro-li .cp-img .star .collection {
  position: absolute;
  right: 0.2rem;
  top: 0.2rem;
  display: none;
  width: 0.3rem;
  height: 0.3rem;
}
@media screen and (max-width: 800px) {
  .products #app .main .pro-list .pro-ul .pro-li .cp-img .star .collection {
    width: 24px;
    height: 22px;
    right: 16px;
    top: 16px;
  }
}
.products #app .main .pro-list .pro-ul .pro-li .cp-img .star .collection.on {
  display: block;
}
.products #app .main .pro-list .pro-ul .pro-li .cp-img .pro-img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.products #app .main .pro-list .pro-ul .pro-li .cp-img .i-add {
  cursor: pointer;
  position: absolute;
  right: 0.19rem;
  width: 0.5rem;
  height: 0.5rem;
  bottom: -0.5rem;
  right: 0.2rem;
  transform: scale(0.5);
}
.products #app .main .pro-list .pro-ul .pro-li .name {
  margin-top: 0.2rem;
  font-weight: bold;
  font-size: 0.24rem;
  color: #000000;
  font-family: "Manrope-Bold";
  font-weight: bold;
}
.products #app .main .pro-list .pro-ul .pro-li .lb {
  margin-top: 0.07rem;
  font-size: 0.18rem;
}
.products #app .main .pro-list .pro-ul.five .pro-li {
  width: calc(20% - .12rem);
  margin-right: 0.15rem;
  margin-bottom: 0.4rem;
}
@media screen and (max-width: 800px) {
  .products #app .main .pro-list .pro-ul.five .pro-li {
    width: 100%;
    margin-bottom: 30px;
  }
}
.products #app .main .pro-list .pro-ul.five .pro-li:nth-child(5n) {
  margin-right: 0;
}
.products #app .main .pro-list .pro-ul.five .pro-li .cp-img {
  height: 2.6rem;
}
@media screen and (max-width: 800px) {
  .products #app .main .pro-list .pro-ul.five .pro-li .cp-img {
    height: 345px;
    padding: 16px;
  }
}
.products #app .main .pro-list .pro-ul.five .pro-li .cp-img:hover .i-add {
  bottom: 0.15rem;
  transform: scale(1);
}
@media screen and (max-width: 800px) {
  .products #app .main .pro-list .pro-ul.five .pro-li .cp-img:hover .i-add {
    display: none;
  }
}
.products #app .main .pro-list .pro-ul.five .pro-li .cp-img .star .collection {
  width: 0.25rem;
  height: 0.25rem;
}
@media screen and (max-width: 800px) {
  .products #app .main .pro-list .pro-ul.five .pro-li .cp-img .star .collection {
    width: 24px;
    height: 22px;
  }
}
.products #app .main .pro-list .pro-ul.five .pro-li .cp-img .i-add {
  right: 0.15rem;
  width: 0.36rem;
  height: 0.36rem;
  bottom: -0.5rem;
  right: 0.2rem;
  transform: scale(0.5);
}
@media screen and (max-width: 800px) {
  .products #app .main .pro-list .pro-ul.five .pro-li .cp-img .i-add {
    display: none;
  }
}
.products #app .main .pro-list .pro-ul.five .pro-li .name {
  font-size: 0.2rem;
  color: #000000;
  margin-top: 0.19rem;
  font-weight: bold;
  font-family: "Manrope-Bold";
  font-weight: bold;
}
@media screen and (max-width: 800px) {
  .products #app .main .pro-list .pro-ul.five .pro-li .name {
    margin-top: 15px;
    font-size: 20px;
    font-weight: bold;
  }
}
.products #app .main .pro-list .pro-ul.five .pro-li .lb {
  margin-top: 0.07rem;
  font-size: 0.16rem;
}
@media screen and (max-width: 800px) {
  .products #app .main .pro-list .pro-ul.five .pro-li .lb {
    margin-top: 4px;
    font-size: 14px;
  }
}
.products #app .main .pro-list .pagination {
  padding: 0.6rem 0;
  width: 100%;
  display: flex;
  justify-content: center;
  font-size: 0.16rem;
}
@media screen and (max-width: 800px) {
  .products #app .main .pro-list .pagination {
    display: block;
    padding: 10px 0 0;
    font-size: 12px;
  }
  .products #app .main .pro-list .pagination a {
    font-size: 12px;
  }
}
.products #app .main .pro-list .pagination .page-num {
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 800px) {
  .products #app .main .pro-list .pagination .page-num {
    font-size: 12px;
  }
}
.products #app .main .pro-list .pagination .page-num .num {
  height: 0.4rem;
  width: 0.4rem;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 0.08rem;
  cursor: pointer;
  border-radius: 0.03rem;
}
@media screen and (max-width: 800px) {
  .products #app .main .pro-list .pagination .page-num .num {
    padding: 7px 14px;
    margin: 0 10px;
    height: 35px;
    width: 35px;
    border-radius: 8px;
  }
}
.products #app .main .pro-list .pagination .page-num .on {
  background-color: #FF660A;
}
.products #app .main .pro-list .pagination .page-num .on a {
  color: #fff;
}
.products #app .main .pro-list .pagination .page-num .right {
  height: 0.06rem;
  width: 0.06rem;
  border-top: 0.01rem solid #171A20;
  border-left: 0.01rem solid #171A20;
  transform: rotate(-45deg);
  cursor: pointer;
}
@media screen and (max-width: 800px) {
  .products #app .main .pro-list .pagination .page-num .right {
    height: 6px;
    width: 6px;
  }
}
.products #app .main .pro-list .pagination .page-num .left {
  height: 0.06rem;
  width: 0.06rem;
  border-top: 0.01rem solid #171A20;
  border-right: 0.01rem solid #171A20;
  transform: rotate(45deg);
  cursor: pointer;
}
@media screen and (max-width: 800px) {
  .products #app .main .pro-list .pagination .page-num .left {
    height: 6px;
    width: 6px;
  }
}
.products #app .main .pro-list .pagination .skip {
  display: flex;
  align-items: center;
  margin-left: 0.3rem;
  margin-bottom: 0;
}
@media screen and (max-width: 800px) {
  .products #app .main .pro-list .pagination .skip {
    margin: 20px 0 60px;
    justify-content: center;
  }
  .products #app .main .pro-list .pagination .skip span {
    font-size: 12px;
  }
}
.products #app .main .pro-list .pagination .skip input {
  text-align: center;
  margin: 0 0.12rem;
  width: 0.6rem;
  height: 0.4rem;
  border-radius: 0.2rem;
  border: 0.01rem solid #CCCFD4;
}
@media screen and (max-width: 800px) {
  .products #app .main .pro-list .pagination .skip input {
    margin: 0 10px;
    width: 60px;
    height: 35px;
    border-radius: 18px;
  }
}
.products #app .main .pro-list .pagination .skip .confirm {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 0.9rem;
  height: 0.4rem;
  color: #FF660A;
  margin-left: 0.4rem;
  border-radius: 0.2rem;
  border: 0.01rem solid #FF660A;
  cursor: pointer;
  font-size: 0.16rem;
}
@media screen and (max-width: 800px) {
  .products #app .main .pro-list .pagination .skip .confirm {
    width: 80px;
    height: 35px;
    border-radius: 18px;
    font-size: 12px;
  }
}

.products-detail {
  color: #000000;
}
.products-detail a {
  color: #000000;
}
.products-detail .details {
  background: rgba(0, 0, 0, 0.5);
  align-items: center;
  justify-content: center;
  z-index: 6000;
}
.products-detail .details .box {
  background: #FFFFFF;
}
.products-detail .details .box .head {
  padding-top: 26px;
  margin-bottom: 24px;
}
.products-detail .details .box .head .btna-back {
  display: flex;
  align-items: center;
}
.products-detail .details .box .head .tit {
  font-weight: bold;
  font-size: 14px;
  margin-left: 9px;
}
.products-detail .details .box .head .i-clone {
  cursor: pointer;
  width: 16px;
  height: 14px;
}
.products-detail .details .box .box-main {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.products-detail .details .box .box-main .box-main-left {
  background: #F5F5F5;
  padding: 15px;
  height: 345px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 15px;
}
.products-detail .details .box .box-main .box-main-left img {
  width: 100%;
  object-fit: cover;
}
.products-detail .details .box .box-main .box-main-right .name {
  margin-top: 16px;
  font-family: "Manrope-Bold";
  font-weight: bold;
  color: #000000;
  font-size: 20px;
  font-weight: bold;
}
.products-detail .details .box .box-main .box-main-right .price {
  margin-top: 6px;
  font-size: 16px;
}
.products-detail .details .box .box-main .box-main-right .counter {
  display: flex;
  align-items: center;
  margin-top: 21px;
}
.products-detail .details .box .box-main .box-main-right .counter .el-num {
  font-size: 14px;
  border: 1px solid rgba(0, 0, 0, 0.3);
  padding: 12px;
  display: flex;
  align-items: center;
}
.products-detail .details .box .box-main .box-main-right .counter .el-num input {
  text-align: center;
  margin: 0 0.2rem;
  width: 62px;
}
.products-detail .details .box .box-main .box-main-right .counter .el-num input[type=number]::-webkit-inner-spin-button,
.products-detail .details .box .box-main .box-main-right .counter .el-num input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.products-detail .details .box .box-main .box-main-right .counter .el-num i {
  cursor: pointer;
  color: #000;
}
.products-detail .details .box .box-main .box-main-right .counter .stocks {
  margin-left: 20px;
  font-size: 14px;
  opacity: 0.6;
}
.products-detail .details .box .box-main .box-main-right .counter .num {
  margin-left: 8px;
  font-size: 14px;
}
.products-detail .details .box .box-main .box-main-right .js {
  margin-top: 30px;
  font-size: 14px;
  opacity: 0.6;
}
.products-detail .details .box .box-main .box-main-right .pams {
  margin-top: 26px;
  padding: 22px 15px;
  font-size: 14px;
  background: #F4F4F4;
  border-radius: 0.1rem;
  margin-bottom: 40px;
  border: 1px solid rgba(0, 0, 0, 0.6);
}
.products-detail .details .box .box-main .box-main-right .pams .vlc {
  display: flex;
  justify-content: space-between;
  margin-bottom: 19px;
}
.products-detail .details .box .box-main .box-main-right .pams .vlc:last-child {
  margin-bottom: 0;
}
.products-detail .details .box .box-main .box-main-right .pams .vlc .key {
  opacity: 0.6;
}
.products-detail .details .box .box-bom {
  padding: 15px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.products-detail .details .box .box-bom .btn {
  cursor: pointer;
  width: calc(50% - 7px);
  height: 45px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  font-family: "Manrope-Medium";
  font-weight: 500;
  border-radius: 10px;
  font-weight: bold;
}
.products-detail .details .box .box-bom .cancel {
  background: #F0F0F0;
}
.products-detail .details .box .box-bom .confirm {
  background: #FF660A;
  color: #fff;
}

@media screen and (max-width: 800px) {
  .headerBoxDisplay {
    display: block;
  }
}
.Bigbox .main .nav .navs li > a {
  font-family: "Manrope-Bold";
  font-weight: bold;
}
.Bigbox .main .nav .touxiang .name {
  font-family: "Manrope-Bold";
  font-weight: bold;
}
.Bigbox .main .content .top .text {
  font-family: "Manrope-Bold";
  font-weight: bold;
}
.Bigbox table {
  font-family: "Manrope-Medium";
  font-weight: 500;
}
.Bigbox .main .content .details .details-title span {
  font-family: "Manrope-Bold";
  font-weight: bold;
}
.Bigbox .main .content {
  font-family: "Manrope-Medium";
  font-weight: 500;
}
.Bigbox .main .content .list .listFooter .listFooterRight .ziti {
  font-family: "Manrope-Bold";
  font-weight: bold;
}
.Bigbox .main .content .list .listFooter .listFooterRight .listFooterRightBox .shuziSpan {
  font-family: "Manrope-Bold";
  font-weight: bold;
}
.Bigbox .main .content .address .title .text {
  width: 2.6rem;
}
.Bigbox .main .myProductContent .top .left .Pr-one {
  font-family: "Manrope-Bold";
  font-weight: bold;
}
.Bigbox .main .myProductContent .top .left .Pr-two {
  font-family: "Manrope-Bold";
  font-weight: bold;
}
.Bigbox .main .myProductContent {
  font-family: "Manrope-Medium";
  font-weight: 500;
}
.Bigbox .el-dialog__header {
  font-family: "Manrope-Bold";
  font-weight: bold;
}
.Bigbox .el-form-item.is-required .el-form-item__label {
  font-family: "Manrope-Bold";
  font-weight: bold;
}
.Bigbox .footerButton .cancel {
  font-family: "Manrope-Bold";
  font-weight: bold;
}
.Bigbox .footerButton .save {
  font-family: "Manrope-Bold";
  font-weight: bold;
}
.Bigbox .main .myWarrantyContent .top .left .mW-one {
  font-family: "Manrope-Bold";
  font-weight: bold;
}
.Bigbox .main .myWarrantyContent .top .left .mW-two a {
  font-family: "Manrope-Bold";
  font-weight: bold;
}
.Bigbox .el-textarea__inner {
  font-size: 0.14rem;
}
.Bigbox .el-select .el-input .el-input__inner {
  font-family: "Manrope-Medium";
  font-weight: 500;
}
.Bigbox .el-input--mini .el-input__inner {
  font-family: "Manrope-Medium";
  font-weight: 500;
}
.Bigbox .avatarBox {
  width: 11rem;
}

input {
  font-family: "Manrope-Medium";
  font-weight: 500;
}

.NewCkaimForm .listContent .listTable .tr-content .SKUNoone {
  margin-left: 0;
}

.hry-cookies {
  display: none;
  padding: 0.4rem 0.4rem 0.38rem;
  position: fixed;
  right: 0.3rem;
  bottom: 0.3rem;
  box-shadow: 0px 0px 20px 0px rgba(158, 158, 158, 0.25);
  border-radius: 0.16rem;
  background: #FFFFFF;
  z-index: 500;
  font-size: 0.16rem;
}
@media screen and (max-width: 800px) {
  .hry-cookies {
    font-size: 14px;
    width: calc(100vw - 30px);
    right: 15px;
    bottom: 15px;
    padding: 28px 15px 24px;
  }
}
.hry-cookies.show {
  display: block;
}
.hry-cookies .cookies-txt {
  width: 3.92rem;
  color: #1E1E1E;
  line-height: 24px;
}
@media screen and (max-width: 800px) {
  .hry-cookies .cookies-txt {
    width: calc(100% - 24px);
    margin: 0 auto;
  }
}
.hry-cookies .cookies-txt .colo {
  color: #FF660A;
  white-space: nowrap;
  text-decoration: underline;
}
.hry-cookies .operate {
  margin-top: 0.33rem;
  display: flex;
  justify-content: space-between;
  font-family: "Manrope-Bold";
  font-weight: bold;
}
.hry-cookies .operate .btn-re {
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  width: 1.8rem;
  height: 0.48rem;
  background: #F0F0F0;
  border-radius: 0.1rem;
  color: #000000;
}
@media screen and (max-width: 800px) {
  .hry-cookies .operate .btn-re {
    border-radius: 10px 10px 10px 10px;
    height: 45px;
    width: calc(50% - 7.5px);
  }
}
.hry-cookies .operate .btn-acc {
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  width: 1.8rem;
  height: 0.48rem;
  background: #FF660A;
  color: #FFFFFF;
  border-radius: 10px 10px 10px 10px;
}
@media screen and (max-width: 800px) {
  .hry-cookies .operate .btn-acc {
    border-radius: 10px 10px 10px 10px;
    height: 45px;
    width: calc(50% - 7.5px);
  }
}

.equipment {
  color: #000000;
}
.equipment a {
  color: #000000;
}
.equipment #app {
  display: flex;
  padding-top: 0.4rem;
  padding-bottom: 0.52rem;
}
@media screen and (max-width: 800px) {
  .equipment #app {
    display: block;
    padding-top: 0.3rem;
    padding-bottom: 0;
  }
}
.equipment #app .aside {
  width: 3.1rem;
}
.equipment #app .aside .title {
  font-size: 0.4rem;
  font-weight: 800;
  font-family: "Manrope-Bold";
  font-weight: bold;
}
@media screen and (max-width: 800px) {
  .equipment #app .aside .title {
    font-size: 28px;
  }
}
.equipment #app .aside .proTree.show {
  display: block;
}
@media screen and (max-width: 800px) {
  .equipment #app .aside .proTree {
    z-index: 500;
    display: none;
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    height: 100vh;
    background: #FFFFFF;
  }
}
.equipment #app .aside .proTree .name {
  margin-top: 0.6rem;
  margin-bottom: 0.26rem;
  font-size: 0.16rem;
  font-family: "Manrope-Bold";
  font-weight: bold;
  opacity: 0.6;
}
@media screen and (max-width: 800px) {
  .equipment #app .aside .proTree .name {
    margin: 0;
    padding: 0;
    padding-left: 16px;
    padding-top: 20px;
    padding-bottom: 20px;
    opacity: 1;
    font-size: 14px;
    font-weight: bold;
    border-bottom: 1px solid RGBA(0, 0, 0, 0.1);
  }
}
.equipment #app .aside .proTree .phone.clone {
  display: none;
}
@media screen and (max-width: 800px) {
  .equipment #app .aside .proTree .phone.clone {
    display: block;
    position: absolute;
    top: 20px;
    right: 15px;
    height: 26px;
    width: 26px;
  }
}
@media screen and (max-width: 800px) {
  .equipment #app .aside .proTree .el-tree {
    padding: 0 15px;
    height: 100%;
    width: 102%;
    overflow-y: scroll;
  }
}
.equipment #app .aside .proTree .el-tree .el-tree-node__content:hover {
  background: #F5F5F5;
  border-radius: 0.05rem;
}
.equipment #app .aside .proTree .el-tree .el-tree-node__expand-icon {
  padding-left: 0;
}
.equipment #app .aside .proTree .el-tree .el-tree-node__expand-icon::before {
  color: #000;
  font-size: 0.2rem;
}
@media screen and (max-width: 800px) {
  .equipment #app .aside .proTree .el-tree .el-tree-node__expand-icon::before {
    font-size: 22px;
  }
}
.equipment #app .aside .proTree .el-tree .el-tree-node__expand-icon.is-leaf::before {
  color: transparent;
  cursor: default;
}
.equipment #app .aside .proTree .el-tree > .el-tree-node.is-current:focus > .el-tree-node__content {
  background-color: #F5F5F5 !important;
  border-radius: 0.05rem;
}
.equipment #app .aside .proTree .el-tree > .el-tree-node.is-current > .el-tree-node__content {
  background-color: #F5F5F5 !important;
  border-radius: 0.05rem;
}
@media screen and (max-width: 800px) {
  .equipment #app .aside .proTree .el-tree > .el-tree-node.is-current > .el-tree-node__content {
    background: #ffffff;
  }
}
.equipment #app .aside .proTree .el-tree > .el-tree-node.is-current > .el-tree-node__content > .el-tree-node__label {
  color: #FF660A;
}
.equipment #app .aside .proTree .el-tree > .el-tree-node.is-current > .el-tree-node__content::-webkit-scrollbar-thumb {
  background-color: #F5F5F5;
}
.equipment #app .aside .proTree .el-tree > .el-tree-node__expand-icon {
  color: #000;
}
.equipment #app .aside .proTree .el-tree > .el-tree-node {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  padding: 0.1rem 0;
}
.equipment #app .aside .proTree .el-tree > .el-tree-node > .el-tree-node.is-current > .el-tree-node__content {
  background: #F5F5F5;
  border-radius: 0.05rem;
}
@media screen and (max-width: 800px) {
  .equipment #app .aside .proTree .el-tree > .el-tree-node > .el-tree-node.is-current > .el-tree-node__content {
    background: none;
  }
}
.equipment #app .aside .proTree .el-tree > .el-tree-node > .el-tree-node.is-current > .el-tree-node__content > .el-tree-node__label {
  font-size: 0.16rem;
  font-family: "Manrope-Medium";
  font-weight: 500;
  color: #FF660A;
}
@media screen and (max-width: 800px) {
  .equipment #app .aside .proTree .el-tree > .el-tree-node > .el-tree-node.is-current > .el-tree-node__content > .el-tree-node__label {
    font-size: 16px;
  }
}
.equipment #app .aside .proTree .el-tree > .el-tree-node > .el-tree-node__content {
  height: unset;
  padding: 0.09rem 0;
}
.equipment #app .aside .proTree .el-tree > .el-tree-node > .el-tree-node__content > .el-tree-node__label {
  font-size: 0.18rem;
  font-family: "Manrope-Bold";
  font-weight: bold;
  color: #000000;
}
@media screen and (max-width: 800px) {
  .equipment #app .aside .proTree .el-tree > .el-tree-node > .el-tree-node__content > .el-tree-node__label {
    font-size: 16px;
  }
}
.equipment #app .aside .proTree .el-tree > .el-tree-node > .el-tree-node__children > .el-tree-node {
  margin-top: 0.09rem;
}
.equipment #app .aside .proTree .el-tree > .el-tree-node > .el-tree-node__children > .el-tree-node > .el-tree-node__content {
  height: unset;
  padding: 0.09rem 0;
}
.equipment #app .aside .proTree .el-tree > .el-tree-node > .el-tree-node__children > .el-tree-node > .el-tree-node__content:hover {
  background: #F5F5F5;
  border-radius: 0.05rem;
}
@media screen and (max-width: 800px) {
  .equipment #app .aside .proTree .el-tree > .el-tree-node > .el-tree-node__children > .el-tree-node > .el-tree-node__content:hover {
    background: #ffffff;
  }
}
.equipment #app .aside .proTree .el-tree > .el-tree-node > .el-tree-node__children > .el-tree-node > .el-tree-node__content > .el-tree-node__label {
  font-size: 0.16rem;
  font-family: "Manrope-Medium";
  font-weight: 500;
  color: rgba(0, 0, 0, 0.7);
}
@media screen and (max-width: 800px) {
  .equipment #app .aside .proTree .el-tree > .el-tree-node > .el-tree-node__children > .el-tree-node > .el-tree-node__content > .el-tree-node__label {
    font-size: 16px;
  }
}
.equipment #app .aside .proTree .el-tree > .el-tree-node > .el-tree-node__children > .el-tree-node.is-current {
  background: #F5F5F5;
  border-radius: 0.05rem;
}
@media screen and (max-width: 800px) {
  .equipment #app .aside .proTree .el-tree > .el-tree-node > .el-tree-node__children > .el-tree-node.is-current {
    background: #ffffff;
  }
}
.equipment #app .aside .proTree .el-tree > .el-tree-node > .el-tree-node__children > .el-tree-node.is-current > .el-tree-node__content {
  background: #F5F5F5;
  border-radius: 0.05rem;
}
.equipment #app .aside .proTree .el-tree > .el-tree-node > .el-tree-node__children > .el-tree-node.is-current > .el-tree-node__content > .el-tree-node__label {
  font-size: 0.16rem;
  font-family: "Manrope-Medium";
  font-weight: 500;
  color: #FF660A;
}
@media screen and (max-width: 800px) {
  .equipment #app .aside .proTree .el-tree > .el-tree-node > .el-tree-node__children > .el-tree-node.is-current > .el-tree-node__content > .el-tree-node__label {
    font-size: 16px;
  }
}
.equipment #app .main {
  display: block;
  width: calc(100% - 3.1rem);
  padding-left: 0.5rem;
  height: auto;
}
@media screen and (max-width: 800px) {
  .equipment #app .main {
    width: 100%;
    padding-left: 0;
  }
}
.equipment #app .main .top {
  margin-top: 0.07rem;
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  flex-direction: row-reverse;
}
@media screen and (max-width: 800px) {
  .equipment #app .main .top {
    margin-top: 26px;
    display: block;
  }
}
.equipment #app .main .top .phone-filter {
  display: none;
}
@media screen and (max-width: 800px) {
  .equipment #app .main .top .phone-filter {
    width: 185px;
    height: 45px;
    color: #fff;
    background: #ff660a;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    font-weight: bold;
    font-family: "Manrope-Bold";
    font-weight: bold;
    margin-top: 25px;
  }
}
.equipment #app .main .top .pro-num {
  font-family: "Manrope-Medium";
  font-weight: 500;
  font-weight: 500;
  font-size: 16px;
}
@media screen and (max-width: 800px) {
  .equipment #app .main .top .pro-num {
    margin-top: 35px;
  }
}
.equipment #app .main .top .pro-num .or {
  color: #FF660A;
}
.equipment #app .main .top .sel {
  display: flex;
  align-items: center;
}
.equipment #app .main .top .sel .lnum {
  cursor: pointer;
  display: inline-block;
  width: 0.48rem;
  height: 0.48rem;
  padding: 0.12rem;
  border-radius: 0.1rem;
}
.equipment #app .main .top .sel .lnum:hover {
  background-color: #E0E0E0;
}
@media screen and (max-width: 800px) {
  .equipment #app .main .top .sel .lnum {
    display: none;
  }
}
.equipment #app .main .top .sel .lnum img {
  display: none;
  height: 100%;
  width: 100%;
}
.equipment #app .main .top .sel .lnum .hui {
  display: none;
}
.equipment #app .main .top .sel .lnum .i-or {
  display: block;
}
.equipment #app .main .top .sel .lnum.on {
  background: #E0E0E0;
}
.equipment #app .main .top .sel .lnum.on .hui {
  display: block;
}
.equipment #app .main .top .sel .lnum.on .i-or {
  display: none;
}
.equipment #app .main .top .sel .lnum.nls {
  margin-right: 0.2rem;
}
.equipment #app .main .top .sel .lnum.nlt {
  margin-right: 0.38rem;
}
.equipment #app .main .top .sel .el-input {
  width: 4.8rem;
  height: 0.48rem;
}
@media screen and (max-width: 800px) {
  .equipment #app .main .top .sel .el-input {
    height: 48px;
    width: 100%;
  }
}
.equipment #app .main .top .sel .el-input .el-input__inner {
  border-top-left-radius: 0.1rem;
  border-bottom-left-radius: 0.1rem;
  height: 0.48rem;
  border: none;
  background: #f5f5f5;
}
@media screen and (max-width: 800px) {
  .equipment #app .main .top .sel .el-input .el-input__inner {
    height: 48px;
    border-radius: 10px 0 0 10px;
  }
}
.equipment #app .main .top .sel .el-input .el-input-group__append {
  border: none;
  background: #FF660A;
  border-top-right-radius: 0.1rem;
  border-bottom-right-radius: 0.1rem;
}
@media screen and (max-width: 800px) {
  .equipment #app .main .top .sel .el-input .el-input-group__append {
    padding-left: 25px;
    border-radius: 0 10px 10px 0;
  }
}
.equipment #app .main .top .sel .el-input .el-input-group__append .el-button {
  width: 0.68rem;
  padding-left: 0.22rem;
  padding-right: 0.23rem;
}
.equipment #app .main .top .sel .el-input .el-input-group__append .el-button img {
  width: 0.23rem;
}
@media screen and (max-width: 800px) {
  .equipment #app .main .top .sel .el-input .el-input-group__append .el-button {
    padding-left: 19px;
    padding-right: 21px;
    width: 64px;
  }
  .equipment #app .main .top .sel .el-input .el-input-group__append .el-button img {
    width: 21px;
  }
}
.equipment #app .main .top .sel .el-input .el-input-group__append .el-button .el-icon-search::before {
  color: #fff;
  font-size: 0.22rem;
}
@media screen and (max-width: 800px) {
  .equipment #app .main .top .sel .el-input .el-input-group__append .el-button .el-icon-search::before {
    font-size: 22px;
  }
}
.equipment #app .main .pro-list {
  margin-top: 0.3rem;
}
.equipment #app .main .pro-list .pro-ul {
  display: flex;
  flex-wrap: wrap;
}
@media screen and (max-width: 800px) {
  .equipment #app .main .pro-list .pro-ul {
    display: block;
  }
}
.equipment #app .main .pro-list .pro-ul .pro-li {
  width: calc(33.333% - .141rem);
  margin-bottom: 0.5rem;
  margin-right: 0.2rem;
}
@media screen and (max-width: 800px) {
  .equipment #app .main .pro-list .pro-ul .pro-li {
    width: 100%;
  }
}
.equipment #app .main .pro-list .pro-ul .pro-li:nth-child(3n) {
  margin-right: 0;
}
.equipment #app .main .pro-list .pro-ul .pro-li .cp-img {
  background: #E8E8E8;
  border-radius: 0.15rem;
  height: 4.4rem;
  padding: 0.2rem;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: All 0.3s ease;
  overflow: hidden;
}
@media screen and (max-width: 800px) {
  .equipment #app .main .pro-list .pro-ul .pro-li .cp-img {
    height: 345px;
    padding: 16px;
  }
}
.equipment #app .main .pro-list .pro-ul .pro-li .cp-img:hover .pro-img {
  transform: scale(1.05);
  transition: transform 1s cubic-bezier(0.15, 0.85, 0.45, 1);
}
.equipment #app .main .pro-list .pro-ul .pro-li .cp-img:hover .i-add {
  bottom: 0.19rem;
  transform: scale(1);
}
.equipment #app .main .pro-list .pro-ul .pro-li .cp-img .star {
  cursor: pointer;
}
.equipment #app .main .pro-list .pro-ul .pro-li .cp-img .star .collection {
  position: absolute;
  right: 0.2rem;
  top: 0.2rem;
  display: none;
  width: 0.3rem;
  height: 0.3rem;
}
@media screen and (max-width: 800px) {
  .equipment #app .main .pro-list .pro-ul .pro-li .cp-img .star .collection {
    width: 24px;
    height: 22px;
    right: 16px;
    top: 16px;
  }
}
.equipment #app .main .pro-list .pro-ul .pro-li .cp-img .star .collection.on {
  display: block;
}
.equipment #app .main .pro-list .pro-ul .pro-li .cp-img .pro-img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.equipment #app .main .pro-list .pro-ul .pro-li .cp-img .i-add {
  cursor: pointer;
  position: absolute;
  right: 0.19rem;
  width: 0.5rem;
  height: 0.5rem;
  bottom: -0.5rem;
  right: 0.2rem;
  transform: scale(0.5);
}
.equipment #app .main .pro-list .pro-ul .pro-li .name {
  margin-top: 0.2rem;
  font-weight: bold;
  font-size: 0.24rem;
  color: #000000;
  font-family: "Manrope-Bold";
  font-weight: bold;
}
.equipment #app .main .pro-list .pro-ul .pro-li .lb {
  margin-top: 0.07rem;
  font-size: 0.18rem;
}
.equipment #app .main .pro-list .pro-ul .pro-li .discount {
  margin-top: 0.18rem;
  display: flex;
  align-items: end;
  gap: 0.1rem;
}
@media screen and (max-width: 800px) {
  .equipment #app .main .pro-list .pro-ul .pro-li .discount {
    gap: 13px;
    margin-top: 16px;
  }
}
.equipment #app .main .pro-list .pro-ul .pro-li .discount .pre-price {
  color: #FF660A;
  font-size: 0.24rem;
  line-height: 0.28rem;
  font-family: "Manrope-Bold";
  font-weight: bold;
}
@media screen and (max-width: 800px) {
  .equipment #app .main .pro-list .pro-ul .pro-li .discount .pre-price {
    font-size: 20px;
    line-height: 23px;
  }
}
.equipment #app .main .pro-list .pro-ul .pro-li .discount .ori-price {
  color: #999999;
  font-size: 0.18rem;
  line-height: 0.21rem;
  text-decoration: line-through;
}
@media screen and (max-width: 800px) {
  .equipment #app .main .pro-list .pro-ul .pro-li .discount .ori-price {
    font-size: 14px;
    line-height: 16px;
  }
}
.equipment #app .main .pro-list .pro-ul.five .pro-li {
  width: calc(20% - .12rem);
  margin-right: 0.15rem;
  margin-bottom: 0.4rem;
}
@media screen and (max-width: 800px) {
  .equipment #app .main .pro-list .pro-ul.five .pro-li {
    width: 100%;
    margin-bottom: 30px;
  }
}
.equipment #app .main .pro-list .pro-ul.five .pro-li:nth-child(5n) {
  margin-right: 0;
}
.equipment #app .main .pro-list .pro-ul.five .pro-li .cp-img {
  height: 2.6rem;
}
@media screen and (max-width: 800px) {
  .equipment #app .main .pro-list .pro-ul.five .pro-li .cp-img {
    height: 345px;
    padding: 16px;
  }
}
.equipment #app .main .pro-list .pro-ul.five .pro-li .cp-img:hover .i-add {
  bottom: 0.15rem;
  transform: scale(1);
}
@media screen and (max-width: 800px) {
  .equipment #app .main .pro-list .pro-ul.five .pro-li .cp-img:hover .i-add {
    display: none;
  }
}
.equipment #app .main .pro-list .pro-ul.five .pro-li .cp-img .star .collection {
  width: 0.25rem;
  height: 0.25rem;
}
@media screen and (max-width: 800px) {
  .equipment #app .main .pro-list .pro-ul.five .pro-li .cp-img .star .collection {
    width: 24px;
    height: 22px;
  }
}
.equipment #app .main .pro-list .pro-ul.five .pro-li .cp-img .i-add {
  right: 0.15rem;
  width: 0.36rem;
  height: 0.36rem;
  bottom: -0.5rem;
  right: 0.2rem;
  transform: scale(0.5);
}
@media screen and (max-width: 800px) {
  .equipment #app .main .pro-list .pro-ul.five .pro-li .cp-img .i-add {
    display: none;
  }
}
.equipment #app .main .pro-list .pro-ul.five .pro-li .name {
  font-size: 0.2rem;
  color: #000000;
  margin-top: 0.19rem;
  font-weight: bold;
  font-family: "Manrope-Bold";
  font-weight: bold;
}
@media screen and (max-width: 800px) {
  .equipment #app .main .pro-list .pro-ul.five .pro-li .name {
    margin-top: 15px;
    font-size: 20px;
    font-weight: bold;
  }
}
.equipment #app .main .pro-list .pro-ul.five .pro-li .lb {
  margin-top: 0.07rem;
  font-size: 0.16rem;
}
@media screen and (max-width: 800px) {
  .equipment #app .main .pro-list .pro-ul.five .pro-li .lb {
    margin-top: 4px;
    font-size: 14px;
  }
}
.equipment #app .main .pro-list .pro-ul.five .pro-li .discount {
  margin-top: 0.18rem;
  display: flex;
  align-items: end;
  gap: 0.1rem;
}
@media screen and (max-width: 800px) {
  .equipment #app .main .pro-list .pro-ul.five .pro-li .discount {
    gap: 13px;
    margin-top: 16px;
  }
}
.equipment #app .main .pro-list .pro-ul.five .pro-li .discount .pre-price {
  color: #FF660A;
  font-size: 0.2rem;
  line-height: 0.23rem;
  font-family: "Manrope-Bold";
  font-weight: bold;
}
@media screen and (max-width: 800px) {
  .equipment #app .main .pro-list .pro-ul.five .pro-li .discount .pre-price {
    font-size: 20px;
    line-height: 23px;
  }
}
.equipment #app .main .pro-list .pro-ul.five .pro-li .discount .ori-price {
  color: #999999;
  font-size: 0.14rem;
  line-height: 0.16rem;
  text-decoration: line-through;
}
@media screen and (max-width: 800px) {
  .equipment #app .main .pro-list .pro-ul.five .pro-li .discount .ori-price {
    font-size: 14px;
    line-height: 16px;
  }
}
.equipment #app .main .pro-list .pagination {
  padding: 0.6rem 0;
  width: 100%;
  display: flex;
  justify-content: center;
  font-size: 0.16rem;
}
@media screen and (max-width: 800px) {
  .equipment #app .main .pro-list .pagination {
    display: block;
    padding: 10px 0 0;
    font-size: 12px;
  }
  .equipment #app .main .pro-list .pagination a {
    font-size: 12px;
  }
}
.equipment #app .main .pro-list .pagination .page-num {
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 800px) {
  .equipment #app .main .pro-list .pagination .page-num {
    font-size: 12px;
  }
}
.equipment #app .main .pro-list .pagination .page-num .num {
  height: 0.4rem;
  width: 0.4rem;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 0.08rem;
  cursor: pointer;
  border-radius: 0.03rem;
}
@media screen and (max-width: 800px) {
  .equipment #app .main .pro-list .pagination .page-num .num {
    padding: 7px 14px;
    margin: 0 10px;
    height: 35px;
    width: 35px;
    border-radius: 8px;
  }
}
.equipment #app .main .pro-list .pagination .page-num .on {
  background-color: #FF660A;
}
.equipment #app .main .pro-list .pagination .page-num .on a {
  color: #fff;
}
.equipment #app .main .pro-list .pagination .page-num .right {
  height: 0.06rem;
  width: 0.06rem;
  border-top: 0.01rem solid #171A20;
  border-left: 0.01rem solid #171A20;
  transform: rotate(-45deg);
  cursor: pointer;
}
@media screen and (max-width: 800px) {
  .equipment #app .main .pro-list .pagination .page-num .right {
    height: 6px;
    width: 6px;
  }
}
.equipment #app .main .pro-list .pagination .page-num .left {
  height: 0.06rem;
  width: 0.06rem;
  border-top: 0.01rem solid #171A20;
  border-right: 0.01rem solid #171A20;
  transform: rotate(45deg);
  cursor: pointer;
}
@media screen and (max-width: 800px) {
  .equipment #app .main .pro-list .pagination .page-num .left {
    height: 6px;
    width: 6px;
  }
}
.equipment #app .main .pro-list .pagination .skip {
  display: flex;
  align-items: center;
  margin-left: 0.3rem;
  margin-bottom: 0;
}
@media screen and (max-width: 800px) {
  .equipment #app .main .pro-list .pagination .skip {
    margin: 20px 0 60px;
    justify-content: center;
  }
  .equipment #app .main .pro-list .pagination .skip span {
    font-size: 12px;
  }
}
.equipment #app .main .pro-list .pagination .skip input {
  text-align: center;
  margin: 0 0.12rem;
  width: 0.6rem;
  height: 0.4rem;
  border-radius: 0.2rem;
  border: 0.01rem solid #CCCFD4;
}
@media screen and (max-width: 800px) {
  .equipment #app .main .pro-list .pagination .skip input {
    margin: 0 10px;
    width: 60px;
    height: 35px;
    border-radius: 18px;
  }
}
.equipment #app .main .pro-list .pagination .skip .confirm {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 0.8rem;
  height: 0.4rem;
  color: #FF660A;
  margin-left: 0.4rem;
  border-radius: 0.2rem;
  border: 0.01rem solid #FF660A;
  cursor: pointer;
  font-size: 0.16rem;
}
@media screen and (max-width: 800px) {
  .equipment #app .main .pro-list .pagination .skip .confirm {
    width: 80px;
    height: 35px;
    border-radius: 18px;
    font-size: 12px;
  }
}

.product-features .wal {
  max-width: 12.8rem;
}
.product-features .breadcrumb {
  margin-top: 0.2rem;
  margin-bottom: 0.16rem;
  display: flex;
  color: #999999;
  font-size: 0.14rem;
  line-height: 0.24rem;
}
.product-features .breadcrumb .li a {
  font-size: 0.14rem;
  line-height: 0.24rem;
  color: #999999;
}
.product-features .breadcrumb .li span {
  display: inline-block;
  text-align: center;
  width: 0.16rem;
}
.product-features .breadcrumb .li:last-child a {
  color: #000000;
}
.product-features .por-dti {
  display: flex;
  gap: 0.7rem;
}
@media screen and (max-width: 800px) {
  .product-features .por-dti {
    flex-direction: column;
    padding: 0;
    gap: 35px;
  }
}
.product-features .por-dti .let-swr {
  width: calc(49.6% - 0.35rem);
  padding-bottom: 1.52rem;
  position: relative;
}
@media screen and (max-width: 800px) {
  .product-features .por-dti .let-swr {
    width: 100%;
    padding-bottom: 0;
  }
}
.product-features .por-dti .let-swr .swiper-container {
  border: 0.01rem solid #E8E8E8;
  aspect-ratio: 1/1;
  border-radius: 0.24rem;
  overflow: hidden;
}
@media screen and (max-width: 800px) {
  .product-features .por-dti .let-swr .swiper-container {
    border-radius: 0;
    border: none;
  }
}
.product-features .por-dti .let-swr .swiper-container .swiper-wrapper .swiper-slide img {
  height: 100%;
  width: 100%;
  object-fit: contain;
}
.product-features .por-dti .let-swr .swiper-container .swiper-wrapper .swiper-slide video {
  height: 100%;
  width: 100%;
  object-fit: contain;
}
.product-features .por-dti .let-swr .swiper-container .btn-prev {
  position: absolute;
  height: 0.48rem;
  width: 0.48rem;
  border-radius: 50%;
  background: rgba(0, 0, 0, 0.2);
  display: flex;
  align-items: center;
  justify-content: center;
  top: 50%;
  z-index: 2;
  left: 0.2rem;
  transform: translateY(-50%);
  cursor: pointer;
}
.product-features .por-dti .let-swr .swiper-container .btn-prev:hover {
  background: rgba(0, 0, 0, 0.6);
}
.product-features .por-dti .let-swr .swiper-container .btn-next {
  position: absolute;
  height: 0.48rem;
  width: 0.48rem;
  border-radius: 50%;
  background: rgba(0, 0, 0, 0.2);
  display: flex;
  align-items: center;
  justify-content: center;
  top: 50%;
  z-index: 2;
  right: 0.2rem;
  transform: translateY(-50%);
  cursor: pointer;
}
.product-features .por-dti .let-swr .swiper-container .btn-next:hover {
  background: rgba(0, 0, 0, 0.6);
}
.product-features .por-dti .let-swr .swiper-pagination {
  margin-top: 0.32rem;
  max-width: 100%;
  overflow-x: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.1rem;
  width: 100%;
}
@media screen and (max-width: 800px) {
  .product-features .por-dti .let-swr .swiper-pagination {
    bottom: 22px;
  }
}
.product-features .por-dti .let-swr .swiper-pagination .page-li {
  width: 0.6rem;
  height: 0.6rem;
  border-radius: 0.08rem;
  overflow: hidden;
  border: 0.01rem solid #E8E8E8;
  opacity: 1;
  flex-shrink: 0;
}
.product-features .por-dti .let-swr .swiper-pagination .page-li.swiper-pagination-bullet-active {
  border: 0.01rem solid #FF660A;
}
.product-features .por-dti .let-swr .swiper-pagination .page-li.video {
  position: relative;
  margin: 0;
}
.product-features .por-dti .let-swr .swiper-pagination .page-li.video::after {
  content: "";
  height: 100%;
  width: 100%;
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.5);
}
.product-features .por-dti .let-swr .swiper-pagination .page-li.video::before {
  content: "";
  height: 100%;
  width: 100%;
  position: absolute;
  z-index: 2;
  background: url(../image/product/pro2.svg);
  background-repeat: no-repeat;
  background-position: center;
}
.product-features .por-dti .r-ion {
  width: calc(50.4% - 0.35rem);
}
@media screen and (max-width: 800px) {
  .product-features .por-dti .r-ion {
    width: 100%;
  }
}
.product-features .por-dti .r-ion .tit {
  font-size: 0.36rem;
  line-height: 0.42rem;
  font-family: "Manrope-Bold";
  font-weight: bold;
}
@media screen and (max-width: 800px) {
  .product-features .por-dti .r-ion .tit {
    font-size: 24px;
    line-height: 28px;
  }
}
.product-features .por-dti .r-ion .code {
  font-size: 0.16rem;
  line-height: 0.19rem;
  font-family: "Manrope-Medium";
  font-weight: 500;
  margin-top: 0.07rem;
  gap: 0.1rem;
  display: flex;
}
@media screen and (max-width: 800px) {
  .product-features .por-dti .r-ion .code {
    margin-top: 7px;
    font-size: 14px;
    line-height: 16px;
  }
}
.product-features .por-dti .r-ion .code .key {
  opacity: 0.6;
}
.product-features .por-dti .r-ion .info {
  margin-top: 0.2rem;
  opacity: 0.6;
  font-size: 0.16rem;
  line-height: 0.24rem;
}
@media screen and (max-width: 800px) {
  .product-features .por-dti .r-ion .info {
    margin-top: 16px;
    font-size: 14px;
    line-height: 16px;
  }
}
.product-features .por-dti .r-ion .card {
  border-radius: 0.1rem;
  margin-top: 0.31rem;
  padding: 0.22rem 0.31rem 0.24rem;
  background: #F4F4F4;
}
@media screen and (max-width: 800px) {
  .product-features .por-dti .r-ion .card {
    margin-top: 24px;
    padding: 18px 15px 21px;
    border-radius: 10px;
  }
}
.product-features .por-dti .r-ion .card .toi {
  font-size: 0.28rem;
  line-height: 0.33rem;
  color: #FF660A;
  display: flex;
  align-items: end;
  gap: 0.09rem;
}
@media screen and (max-width: 800px) {
  .product-features .por-dti .r-ion .card .toi {
    gap: 13px;
    font-size: 20px;
    line-height: 23px;
  }
}
.product-features .por-dti .r-ion .card .toi .dis-price {
  font-family: "Manrope-Bold";
  font-weight: bold;
}
.product-features .por-dti .r-ion .card .toi .ori-price {
  font-size: 0.18rem;
  line-height: 0.21rem;
  text-decoration: line-through;
  color: #999999;
  margin-bottom: 0.03rem;
}
@media screen and (max-width: 800px) {
  .product-features .por-dti .r-ion .card .toi .ori-price {
    font-size: 14px;
    line-height: 16px;
  }
}
.product-features .por-dti .r-ion .card .marp {
  margin-top: 0.11rem;
  font-size: 0.18rem;
  line-height: 0.21rem;
  font-family: "Manrope-Medium";
  font-weight: 500;
}
@media screen and (max-width: 800px) {
  .product-features .por-dti .r-ion .card .marp {
    margin-top: 12px;
    font-size: 16px;
    line-height: 19px;
  }
}
.product-features .por-dti .r-ion .function {
  margin-top: 0.42rem;
  opacity: 0.6;
  font-size: 0.16rem;
  font-family: "Manrope-Medium";
  font-weight: 500;
}
@media screen and (max-width: 800px) {
  .product-features .por-dti .r-ion .function {
    margin-top: 27px;
    font-size: 14px;
    line-height: 16px;
  }
}
.product-features .por-dti .r-ion .btn-s {
  margin-top: 0.14rem;
  display: flex;
  gap: 0.1rem;
}
@media screen and (max-width: 800px) {
  .product-features .por-dti .r-ion .btn-s {
    gap: 10px;
    margin-top: 10px;
  }
}
.product-features .por-dti .r-ion .btn-s .btn {
  border-radius: 0.1rem;
  background: #F4F4F4;
  padding: 0.1rem 0.3rem;
  font-size: 0.16rem;
  line-height: 0.19rem;
  color: #666666;
  cursor: pointer;
  border: 0.01rem solid #F4F4F4;
}
@media screen and (max-width: 800px) {
  .product-features .por-dti .r-ion .btn-s .btn {
    padding: 9px 16px;
    font-size: 13px;
    line-height: 15px;
    border-radius: 8px;
  }
}
.product-features .por-dti .r-ion .btn-s .btn:hover {
  color: #FF660A;
}
.product-features .por-dti .r-ion .btn-s .btn.on {
  color: #FF660A;
  background: rgba(255, 102, 10, 0.08);
  border: 0.01rem solid #FF660A;
}
.product-features .por-dti .r-ion .stocks-box {
  margin-top: 0.24rem;
  display: flex;
  gap: 0.51rem;
  line-height: 0.19rem;
  font-size: 0.16rem;
}
@media screen and (max-width: 800px) {
  .product-features .por-dti .r-ion .stocks-box {
    margin-top: 24px;
    flex-direction: column;
    gap: 12px;
    font-size: 14px;
    line-height: 16px;
  }
}
.product-features .por-dti .r-ion .stocks-box .item {
  display: flex;
  gap: 0.1rem;
}
@media screen and (max-width: 800px) {
  .product-features .por-dti .r-ion .stocks-box .item {
    gap: 10px;
  }
}
.product-features .por-dti .r-ion .stocks-box .item .key {
  opacity: 0.6;
}
.product-features .por-dti .r-ion .opr-box {
  margin-top: 0.4rem;
  display: flex;
  align-items: center;
}
@media screen and (max-width: 800px) {
  .product-features .por-dti .r-ion .opr-box {
    margin-top: 25px;
  }
}
.product-features .por-dti .r-ion .opr-box .el-num {
  border: 0.01rem solid #DFDFDF;
  padding: 0.14rem;
  height: 0.48rem;
  display: inline-flex;
  align-items: center;
  gap: 0;
  font-size: 0.16rem;
  justify-content: center;
}
@media screen and (max-width: 800px) {
  .product-features .por-dti .r-ion .opr-box .el-num {
    padding: 9px 14px;
    font-size: 14px;
    height: 45px;
    width: 140px;
    justify-content: space-between;
  }
}
.product-features .por-dti .r-ion .opr-box .el-num input {
  font-size: 0.14rem;
  text-align: center;
  margin: 0 0.2rem;
  width: 0.38rem;
}
@media screen and (max-width: 800px) {
  .product-features .por-dti .r-ion .opr-box .el-num input {
    font-size: 14px;
    width: 38px;
  }
}
.product-features .por-dti .r-ion .opr-box .el-num input[type=number]::-webkit-inner-spin-button,
.product-features .por-dti .r-ion .opr-box .el-num input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.product-features .por-dti .r-ion .opr-box .el-num span {
  cursor: pointer;
  font-size: 0.24rem;
  user-select: none;
}
@media screen and (max-width: 800px) {
  .product-features .por-dti .r-ion .opr-box .el-num span {
    font-size: 20px;
  }
}
.product-features .por-dti .r-ion .opr-box .add-to {
  margin-left: 0.3rem;
  background: #FF660A;
  border-radius: 0.1rem;
  color: #fff;
  display: inline-flex;
  align-items: center;
  gap: 0.08rem;
  height: 0.48rem;
  padding: 0 0.32rem;
  cursor: pointer;
  font-family: "Manrope-Bold";
  font-weight: bold;
  font-size: 0.16rem;
  line-height: 0.19rem;
}
.product-features .por-dti .r-ion .opr-box .add-to img {
  height: 0.2rem;
  width: 0.2rem;
}
.product-features .por-dti .r-ion .opr-box .view {
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  height: 0.48rem;
  padding: 0 0.32rem;
  font-family: "Manrope-Bold";
  font-weight: bold;
  border-radius: 0.1rem;
  background: #F0F0F0;
  margin-left: 0.15rem;
  margin-top: 0;
  font-size: 0.16rem;
  line-height: 0.19rem;
}
.product-features .por-dti .r-ion .opr-box .view:hover {
  color: #FF660A;
}
.product-features .por-dti .r-ion .opr-box .position-fixed {
  position: fixed;
  width: 100%;
  bottom: 0;
  left: 0;
  z-index: 10;
  background: #F5F5F5;
}
.product-features .por-dti .r-ion .opr-box .position-fixed .total {
  border-bottom: 1px solid #D9D9D9;
  padding: 17px 15px 14px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.product-features .por-dti .r-ion .opr-box .position-fixed .total .key {
  font-size: 14px;
  line-height: 16px;
}
.product-features .por-dti .r-ion .opr-box .position-fixed .total .value {
  font-family: "Manrope-Bold";
  font-weight: bold;
  font-size: 18px;
  line-height: 21px;
}
.product-features .por-dti .r-ion .opr-box .position-fixed .add-to-cart {
  display: flex;
  align-items: center;
  padding: 15px;
}
.product-features .por-dti .r-ion .opr-box .position-fixed .add-to-cart .view-rarts {
  flex: 1;
  text-align: center;
  text-decoration: underline;
}
.product-features .por-dti .r-ion .opr-box .position-fixed .add-to-cart .add-to-cart-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 45px;
  background: #FF660A;
  width: 192px;
  border-radius: 10px;
  gap: 7px;
}
.product-features .por-dti .r-ion .opr-box .position-fixed .add-to-cart .add-to-cart-btn img {
  width: 18px;
}
.product-features .por-dti .r-ion .opr-box .position-fixed .add-to-cart .add-to-cart-btn .a {
  font-size: 14px;
  line-height: 16px;
  color: #FFFFFF;
}
.product-features .por-dti .r-ion .free {
  margin-top: 0.55rem;
  line-height: 0.24rem;
  font-size: 0.16rem;
  font-family: "Manrope-Medium";
  font-weight: 500;
  color: #999999;
}
@media screen and (max-width: 800px) {
  .product-features .por-dti .r-ion .free {
    margin-top: 25px;
    font-size: 12px;
    line-height: 14px;
    font-weight: 400;
  }
}
.product-features .con-info {
  margin-top: 0.6rem;
}
@media screen and (max-width: 800px) {
  .product-features .con-info {
    margin-top: 54px;
  }
}
.product-features .con-info .tabs {
  display: flex;
  gap: 0.6rem;
  border-bottom: 0.02rem solid #E8E8E8;
  padding-bottom: 0.24rem;
  position: relative;
}
@media screen and (max-width: 800px) {
  .product-features .con-info .tabs {
    gap: 30px;
    overflow-x: auto;
    padding-bottom: 18px;
    width: calc(100% + 16px);
    padding-right: 16px;
  }
  .product-features .con-info .tabs::-webkit-scrollbar {
    display: none;
  }
}
.product-features .con-info .tabs .tab-pane {
  color: #999999;
  line-height: 0.23rem;
  font-size: 0.2rem;
  cursor: pointer;
}
@media screen and (max-width: 800px) {
  .product-features .con-info .tabs .tab-pane {
    white-space: nowrap;
    font-size: 16px;
    line-height: 19px;
  }
}
.product-features .con-info .tabs .tab-pane:hover {
  color: #FF660A;
}
.product-features .con-info .tabs .tab-pane.on {
  color: #FF660A;
}
.product-features .con-info .tabs .nav__line {
  position: absolute;
  height: 0.04rem;
  width: 0;
  background-color: #FF660A;
  transition: 0.3s;
  bottom: -0.03rem;
}
@media screen and (max-width: 800px) {
  .product-features .con-info .tabs .nav__line {
    bottom: 0;
  }
}
.product-features .con-info .con {
  padding: 0.5rem 0;
}
@media screen and (max-width: 800px) {
  .product-features .con-info .con {
    padding: 26px 0;
  }
}
.product-features .con-info .con .content {
  display: none;
}
@media screen and (max-width: 800px) {
  .product-features .con-info .con .content {
    padding: 0;
    width: calc(100% + 16px);
    padding-right: 16px;
  }
}
.product-features .con-info .con .content.one {
  flex-wrap: wrap;
  gap: 0.18rem;
}
@media screen and (max-width: 800px) {
  .product-features .con-info .con .content.one {
    flex-direction: column;
    gap: 15px;
  }
}
.product-features .con-info .con .content.one.on {
  display: flex;
}
.product-features .con-info .con .content.one .card {
  font-size: 0.18rem;
  line-height: 0.21rem;
  width: calc(33.3333333333% - 0.12rem);
  padding: 0.55rem 0.4rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #F9F9F9;
  border-radius: 0.16rem;
  color: #333333;
  text-align: center;
}
@media screen and (max-width: 800px) {
  .product-features .con-info .con .content.one .card {
    width: 100%;
    padding: 27px 20px 30px;
    font-size: 14px;
    line-height: 16px;
    border-radius: 10px;
  }
}
.product-features .con-info .con .content.two.on {
  display: block;
  overflow-x: auto;
}
.product-features .con-info .con .content.two table {
  overflow: hidden;
  width: 100%;
  color: #666666;
  font-size: 0.16rem;
  line-height: 0.19rem;
  border-collapse: separate;
}
@media screen and (max-width: 800px) {
  .product-features .con-info .con .content.two table {
    width: 760px;
    font-size: 14px;
    line-height: 16px;
  }
}
.product-features .con-info .con .content.two table tbody tr {
  height: 0.48rem;
  text-align: center;
}
@media screen and (max-width: 800px) {
  .product-features .con-info .con .content.two table tbody tr {
    height: 45px;
  }
}
.product-features .con-info .con .content.two table tbody tr:nth-child(odd) {
  background: #F9F9F9;
}
.product-features .con-info .con .content.two table tbody tr:last-child td {
  border-bottom: 0.01rem solid #E8E8E8;
}
.product-features .con-info .con .content.two table tbody tr td {
  padding: 0 0.3rem;
  border-top: 0.01rem solid #E8E8E8;
}
@media screen and (max-width: 800px) {
  .product-features .con-info .con .content.two table tbody tr td {
    padding: 0 28px;
  }
}
.product-features .con-info .con .content.two table tbody tr td:first-child {
  font-family: "Manrope-Medium";
  font-weight: 500;
  text-align: left;
  color: #333333;
  border-left: 0.01rem solid #E8E8E8;
  border-right: 0.01rem solid #E8E8E8;
}
.product-features .con-info .con .content.two table tbody tr td:last-child {
  border-right: 0.01rem solid #E8E8E8;
}
.product-features .con-info .con .content.two table tbody tr:first-child td:first-child {
  border-top-left-radius: 0.12rem;
}
@media screen and (max-width: 800px) {
  .product-features .con-info .con .content.two table tbody tr:first-child td:first-child {
    border-top-left-radius: 10px;
  }
}
.product-features .con-info .con .content.two table tbody tr:first-child td:last-child {
  border-top-right-radius: 0.12rem;
}
@media screen and (max-width: 800px) {
  .product-features .con-info .con .content.two table tbody tr:first-child td:last-child {
    border-top-right-radius: 10px;
  }
}
.product-features .con-info .con .content.two table tbody tr:last-child td:first-child {
  border-bottom-left-radius: 0.12rem;
}
@media screen and (max-width: 800px) {
  .product-features .con-info .con .content.two table tbody tr:last-child td:first-child {
    border-bottom-left-radius: 10px;
  }
}
.product-features .con-info .con .content.two table tbody tr:last-child td:last-child {
  border-bottom-right-radius: 0.12rem;
}
@media screen and (max-width: 800px) {
  .product-features .con-info .con .content.two table tbody tr:last-child td:last-child {
    border-bottom-right-radius: 10px;
  }
}
.product-features .con-info .con .content.tree.on {
  display: block;
}
.product-features .con-info .con .content.tree .card {
  margin-bottom: 0.2rem;
  padding: 0.2rem 0.2rem 0.2rem 0.3rem;
  background: #F9F9F9;
  border-radius: 0.1rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media screen and (max-width: 800px) {
  .product-features .con-info .con .content.tree .card {
    padding: 22px 19px 26px;
    margin-bottom: 15px;
    flex-direction: column;
    align-items: flex-start;
  }
}
.product-features .con-info .con .content.tree .card:last-child {
  margin-bottom: 0;
}
.product-features .con-info .con .content.tree .card .title {
  color: #333333;
  font-size: 0.18rem;
  line-height: 0.21rem;
  font-family: "Manrope-Bold";
  font-weight: bold;
}
@media screen and (max-width: 800px) {
  .product-features .con-info .con .content.tree .card .title {
    font-size: 16px;
    line-height: 19px;
  }
}
.product-features .con-info .con .content.tree .card .dod-btn {
  border-radius: 0.1rem;
  border: 0.01rem solid #FF660A;
  height: 0.4rem;
  padding: 0 0.22rem;
  display: flex;
  align-items: center;
  font-size: 0.14rem;
  line-height: 0.16rem;
  color: #FF660A;
  font-family: "Manrope-Bold";
  font-weight: bold;
  border-radius: 10px 10px 10px 10px;
}
@media screen and (max-width: 800px) {
  .product-features .con-info .con .content.tree .card .dod-btn {
    margin-top: 24px;
    border-radius: 10px;
    padding: 13px 23px;
    height: 45px;
    gap: 6px;
    font-size: 14px;
    line-height: 16px;
  }
}
.product-features .con-info .con .content.tree .card .dod-btn img {
  height: 0.16rem;
}
@media screen and (max-width: 800px) {
  .product-features .con-info .con .content.tree .card .dod-btn img {
    height: 14px;
  }
}
.product-features .con-info .con .content.tree .card .dod-btn:hover {
  background: rgba(255, 102, 10, 0.08);
}
.product-features .product-details {
  padding-top: 0.5rem;
  padding-bottom: 0.92rem;
}
@media screen and (max-width: 800px) {
  .product-features .product-details {
    padding-top: 50px;
    padding-bottom: 180px;
  }
}
.product-features .product-details .tit {
  line-height: 0.33rem;
  font-size: 0.28rem;
  font-family: "Manrope-Bold";
  font-weight: bold;
}
@media screen and (max-width: 800px) {
  .product-features .product-details .tit {
    font-size: 20px;
    line-height: 23px;
  }
}
.product-features .product-details .rich-text {
  margin-top: 0.5rem;
  font-size: 0.16rem;
  line-height: 0.24rem;
  color: #666666;
}
@media screen and (max-width: 800px) {
  .product-features .product-details .rich-text {
    margin-top: 21px;
    font-size: 14px;
    line-height: 16px;
  }
}
.product-features .product-details .rich-text img {
  max-width: 100%;
}

.foot-wal {
  max-width: 14rem;
  margin: 0 auto;
}

@media screen and (max-width: 1000px) {
  .foot-wal {
    width: 90%;
    margin: 0 auto;
  }
}
@media screen and (max-width: 1000px) {
  .foot-wal {
    width: 100%;
    padding: 0 15px;
    margin: 0 auto;
  }
}
.g-foot {
  background-color: #4F5257;
  padding: 1.03rem 0 0.53rem 0;
}
.g-foot .g-content {
  width: 100%;
  display: flex;
  border-bottom: 1px solid #FFFFFF30;
}
.g-foot .g-content .g-foot-right {
  width: 38%;
}
.g-foot .g-content .g-foot-right .logo img {
  width: 2.21rem;
}
.g-foot .g-content .g-foot-right .share {
  margin: 1.74rem 0 0.42rem 0;
}
.g-foot .g-content .g-foot-right .share ul {
  display: flex;
}
.g-foot .g-content .g-foot-right .share ul li {
  position: relative;
  box-sizing: border-box;
}
.g-foot .g-content .g-foot-right .share ul li:hover + li a {
  border-left: 1px solid #FF660A;
}
.g-foot .g-content .g-foot-right .share ul li:hover a {
  background-color: #FF660A;
  border: 1px solid #FF660A;
}
.g-foot .g-content .g-foot-right .share ul li a {
  display: block;
  width: 0.5rem;
  height: 0.5rem;
  color: #333333;
  box-sizing: border-box;
  transition: none;
  border: 1px solid rgba(255, 255, 255, 0.3);
  display: flex;
  align-items: center;
  justify-content: center;
  border-right: none;
}
.g-foot .g-content .g-foot-right .share ul li a img {
  height: 0.17rem;
}
.g-foot .g-content .g-foot-right .share ul li:last-child:hover a {
  border-right: 1px solid #FF660A;
}
.g-foot .g-content .g-foot-right .share ul li:last-child a {
  border-right: 1px solid rgba(255, 255, 255, 0.3);
}
.g-foot .g-content .g-foot-left {
  width: 62%;
  display: flex;
  justify-content: space-between;
}
.g-foot .g-content .g-foot-left .ft_link dt {
  margin-bottom: 0.19rem;
}
.g-foot .g-content .g-foot-left .ft_link dt a {
  font-weight: bold;
  font-size: 0.18rem;
  color: #FFFFFF;
  line-height: 0.21rem;
  font-family: "Manrope-Regular";
  font-weight: 400;
}
.g-foot .g-content .g-foot-left .ft_link dt span {
  display: none;
}
.g-foot .g-content .g-foot-left .ft_link dd a {
  transition: 0.3s;
  display: block;
  font-weight: 400;
  font-size: 0.16rem;
  color: #FFFFFF;
  line-height: 0.19rem;
  opacity: 0.6;
  margin-bottom: 0.14rem;
  font-family: "Manrope-Regular";
  font-weight: 400;
}
.g-foot .g-content .g-foot-left .ft_link dd a:hover {
  opacity: 1;
}
.g-foot .mobile-share {
  display: none;
}
.g-foot .g-foot-b {
  margin-top: 0.3rem;
  display: flex;
  justify-content: space-between;
}
.g-foot .g-foot-b .g-foot-b-right span {
  font-weight: 400;
  font-size: 0.16rem;
  color: #FFFFFF60;
  line-height: 0.19rem;
  font-family: "Manrope-Regular";
  font-weight: 400;
}
.g-foot .g-foot-b .g-foot-b-left a {
  font-weight: 400;
  font-size: 0.16rem;
  color: #FFFFFF;
  line-height: 0.19rem;
  margin-left: 0.33rem;
  font-family: "Manrope-Regular";
  font-weight: 400;
}
.g-foot .g-foot-b .g-foot-b-left a:hover {
  text-decoration: underline;
}
@media screen and (max-width: 800px) {
  .g-foot {
    padding-top: 49px;
  }
  .g-foot .g-content {
    flex-wrap: wrap;
    border-bottom: 1px solid #33333300;
  }
  .g-foot .g-content .g-foot-right {
    width: 100%;
  }
  .g-foot .g-content .g-foot-right .logo img {
    width: 158px;
  }
  .g-foot .g-content .g-foot-right .share {
    display: none;
  }
  .g-foot .g-content .g-foot-left {
    margin-top: 46px;
    width: 100%;
    flex-wrap: wrap;
  }
  .g-foot .g-content .g-foot-left .ft_link {
    width: 100%;
    margin-bottom: 0;
  }
  .g-foot .g-content .g-foot-left .ft_link dt {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 28px;
  }
  .g-foot .g-content .g-foot-left .ft_link dt.active span {
    transform: rotate(45deg);
  }
  .g-foot .g-content .g-foot-left .ft_link dt a {
    font-weight: bold;
    font-size: 16px;
    color: #FFFFFF;
    line-height: 19px;
  }
  .g-foot .g-content .g-foot-left .ft_link dt span {
    display: block;
    width: 20px;
    height: 20px;
    background-image: url(../image/foot/add.png);
    background-size: 100% 100%;
    transition: all 0.4s;
  }
  .g-foot .g-content .g-foot-left .ft_link dd {
    display: none;
  }
  .g-foot .g-content .g-foot-left .ft_link dd a {
    font-size: 14px;
    margin-bottom: 28px;
    line-height: 19px;
  }
  .g-foot .mobile-share {
    display: block;
    margin-top: 20px;
  }
  .g-foot .mobile-share ul {
    display: flex;
  }
  .g-foot .mobile-share ul li {
    position: relative;
    box-sizing: border-box;
  }
  .g-foot .mobile-share ul li:hover + li a {
    border-left: 1px solid #FF660A;
  }
  .g-foot .mobile-share ul li:hover a {
    background-color: #FF660A;
    border: 1px solid #FF660A;
  }
  .g-foot .mobile-share ul li a {
    display: block;
    width: 45px;
    height: 45px;
    color: #333333;
    box-sizing: border-box;
    transition: none;
    border: 1px solid rgba(255, 255, 255, 0.3);
    display: flex;
    align-items: center;
    justify-content: center;
    border-right: none;
  }
  .g-foot .mobile-share ul li a img {
    height: 14px;
  }
  .g-foot .mobile-share ul li:last-child:hover a {
    border-right: 1px solid #FF660A;
  }
  .g-foot .mobile-share ul li:last-child a {
    border-right: 1px solid rgba(255, 255, 255, 0.3);
  }
  .g-foot .g-foot-b {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column-reverse;
    margin: 25px 0 25px 0;
    padding-top: 19px;
    border-top: 1px solid #FFFFFF30;
  }
  .g-foot .g-foot-b .g-foot-b-right span {
    display: block;
    font-weight: 400;
    font-size: 12px;
    color: #FFFFFF60;
    line-height: 14px;
    text-align: center;
  }
  .g-foot .g-foot-b .g-foot-b-left {
    margin-bottom: 44px;
  }
  .g-foot .g-foot-b .g-foot-b-left a {
    font-weight: 400;
    font-size: 14px;
    color: #FFFFFF;
    line-height: 16px;
    margin: 0 41px 12px 0;
  }
  .g-foot .g-foot-b .g-foot-b-left a:last-child {
    text-decoration: none;
  }
}
.addressList {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 0.2rem;
}
.addressList .kongImg {
  width: 100%;
  margin-top: 3rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
.addressList .addressDetail {
  width: calc((100% - 0.8rem) / 3);
  background: #f5f5f5;
  border-radius: 0.1rem;
  margin-top: 0.43rem;
  margin-right: 0.3rem;
  padding: 0.25rem 0.2rem 0.13rem 0.3rem;
}
.addressList .addressDetail:nth-of-type(3n) {
  margin-right: 0;
}
.addressList .addressDetail .name {
  font-family: Manrope, Manrope;
  font-weight: 600;
  font-size: 0.2rem;
  color: #000000;
  margin-bottom: 0.12rem;
}
.addressList .addressDetail .didian {
  font-family: Manrope, Manrope;
  font-weight: 500;
  font-size: 0.16rem;
  margin-bottom: 0.24rem;
}
.addressList .addressDetail .text {
  font-weight: 500;
  font-size: 0.16rem;
  color: #000000;
  opacity: 0.7;
  margin-bottom: 0.12rem;
}
.addressList .addressDetail .phoneNumber {
  font-weight: 500;
  font-size: 0.16rem;
  color: #000000;
  opacity: 0.7;
  margin-bottom: 0.21rem;
}
.addressList .addressDetail .myADfooter {
  display: flex;
  justify-content: space-between;
  font-weight: 500;
  font-size: 16px;
  color: rgba(0, 0, 0, 0.7);
  margin-bottom: 0.25rem;
}
.addressList .addressDetail .myADfooter .check {
  display: flex;
  align-items: center;
  cursor: pointer;
}
.addressList .addressDetail .myADfooter .check.on span {
  display: block;
  width: 0.18rem;
  height: 0.18rem;
  border: 0.05rem solid #ff660a;
  border-radius: 50%;
  margin-right: 0.09rem;
}
.addressList .addressDetail .myADfooter .check span {
  display: block;
  width: 0.18rem;
  height: 0.18rem;
  border: 1px solid #e0e0e0;
  border-radius: 50%;
  margin-right: 0.09rem;
}
.addressList .addressDetail .myADfooter .tip {
  display: flex;
}
.addressList .addressDetail .myADfooter .tip .iconfontBox {
  border-radius: 0.1rem;
  width: 0.4rem;
  height: 0.4rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
.addressList .addressDetail .myADfooter .tip .iconfontBox img {
  width: 50%;
  height: 50%;
}
.addressList .addressDetail .myADfooter .tip .iconfontBox .iconfontDisplay {
  display: block;
}
.addressList .addressDetail .myADfooter .tip .iconfontBox .iconfontHover {
  display: none;
}
.addressList .addressDetail .myADfooter .tip .iconfontBox:hover {
  cursor: pointer;
  background-color: #e0e0e0;
}
.addressList .addressDetail .myADfooter .tip .iconfontBox:hover .iconfontDisplay {
  display: none;
}
.addressList .addressDetail .myADfooter .tip .iconfontBox:hover .iconfontHover {
  display: block;
}

.ADCompany .el-form-item__label {
  font-weight: 600;
  font-size: 0.16rem;
  color: #171a20;
}

.SPR .el-form-item__label::after {
  content: "*";
  color: red;
}

.myProductContent .adcPhone .el-input__inner {
  border-radius: 0 0.08rem 0.08rem 0;
  width: 2.6rem;
}
.myProductContent .phoneSelect .el-input__inner {
  width: 0.8rem;
}

.phoneSelect .el-input__inner {
  width: 0.8rem;
  background: #f5f5f5;
  border-radius: 0.08rem 0px 0px 0.08rem;
  border: 1px solid #d9d9d9;
}

.myAddressEldialog {
  height: 8.2rem;
}

@media screen and (max-width: 800px) {
  .marginLeft {
    margin-left: 240px;
  }

  .Bigbox .nav {
    position: fixed;
    left: 0;
    top: 0;
    width: 240px;
    height: 100vh;
  }
  .Bigbox .DannyHeader {
    margin: 0 !important;
    width: 100vw !important;
  }
  .Bigbox .DannyHeader .g-header {
    width: 100%;
  }
  .Bigbox .DannyHeader .g-header .top-nav {
    justify-content: start;
  }
  .Bigbox .DannyHeader .g-header .top-nav .headerBox {
    display: flex;
  }
  .Bigbox .DannyHeader .g-header .top-nav .headerBox .caidanICon {
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .Bigbox .DannyHeader .g-header .top-nav .headerBox .adaptationText {
    width: 130px;
    margin-left: 0 !important;
    font-family: Manrope, Manrope;
    font-weight: bold;
    font-size: 16px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #ffffff;
  }
  .Bigbox .DannyHeader .g-header .top-nav .logo {
    display: none;
  }
  .Bigbox .DannyHeader .g-header .top-nav .i-con {
    margin-left: 115px;
  }

  .top .left .Pr-one {
    font-family: Manrope, Manrope;
    font-weight: 800;
    font-size: 28px !important;
  }
  .top .left .Pr-two {
    width: 335px !important;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    font-size: 14px !important;
  }

  .addressList {
    width: 345px;
    margin-bottom: 200px;
  }
  .addressList .addressDetail {
    width: 326px;
  }
  .addressList .kongImg {
    margin-top: 100px;
  }

  .formcontent .el-form {
    overflow: hidden;
  }

  .myAddressEldialog {
    height: 100%;
    overflow: hidden;
  }

  .el-dialog .is-fullscreen {
    margin-top: 0 !important;
  }

  .myProductContent .el-dialog {
    margin-top: 0 !important;
  }

  .el-dialog__body {
    padding: 0 20px !important;
    overflow: hidden;
  }
  .el-dialog__body .formcontent {
    margin: 0;
  }
  .el-dialog__body .el-input__inner {
    width: 320px !important;
    height: 42px !important;
    font-weight: 500;
    font-size: 14px !important;
  }

  .adcPhone .phoneSelect .el-input__inner {
    width: 80px !important;
  }
  .adcPhone .el-input__inner {
    width: 240px !important;
  }
}
.avatarBox {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 0.37rem;
}
.avatarBox .oldAvatar {
  width: 1.2rem;
  height: 1.2rem;
  margin-right: 0.3rem;
}
.avatarBox .oldAvatar img {
  width: 100%;
  height: 100%;
}
.avatarBox .newAvatar {
  width: 1.2rem;
  height: 1.2rem;
  position: relative;
}
.avatarBox .newAvatar img {
  width: 100%;
  height: 100%;
}
.avatarBox .newAvatar .yinying {
  display: flex;
  align-items: center;
  justify-content: center;
  visibility: hidden;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: #000;
  opacity: 0.8;
  border-radius: 50%;
}
.avatarBox .newAvatar .yinying .editImg {
  width: 0.25rem;
  height: 0.25rem;
}
.avatarBox .newAvatar:hover .yinying {
  visibility: visible;
}

.avatarDialog .el-dialog__body {
  padding: 0;
}
.avatarDialog .el-dialog {
  margin-top: 15vh !important;
  width: 6.1rem;
  height: 5.8rem;
  background: #ffffff;
  border-radius: 0.15rem;
}
.avatarDialog .el-dialog__title {
  font-weight: bold;
}

.avatar-uploader {
  width: 3.4rem;
  height: 3.4rem;
  background: #f5f5f5;
  border-radius: 0.15rem;
}
.avatar-uploader .avatarText {
  width: 2.2rem;
  font-family: Manrope, Manrope;
  line-height: 16px;
  font-weight: 500;
  font-size: 0.14rem;
  opacity: 0.6;
  color: #000000;
  margin-top: 0.3rem;
}

.avatarContent {
  display: flex;
}
.avatarContent .UPLOADAvatar {
  margin-left: 0.5rem;
}
.avatarContent .UPLOADAvatar .tianjiaanniu {
  width: 100%;
}
.avatarContent .UPLOADAvatar .tianjiaanniu img {
  width: 0.4rem;
  height: 0.4rem;
}
.avatarContent .UPLOADAvatar .el-upload .el-icon-plus {
  display: none;
}
.avatarContent .UPLOADAvatar .el-upload .el-icon-plus :before {
  display: none;
}
.avatarContent .huixian {
  display: flex;
  flex: 1;
  flex-direction: column;
  align-items: center;
  margin-top: 0.2rem;
}
.avatarContent .huixian img {
  width: 1.2rem;
  height: 1.2rem;
}
.avatarContent .huixian span {
  font-weight: 500;
  font-size: 0.14rem;
  color: #000000;
  opacity: 0.6;
  padding: 0.13rem;
}

.passwordEditBox .el-input.is-disabled .el-input__inner {
  background: #f5f5f5;
}

.passwordEditBox .el-form-item__content {
  position: relative;
}
.passwordEditBox .el-form-item__content .passwordEdit {
  position: absolute;
  left: 4.67rem;
  bottom: 0.07rem;
  font-family: Manrope, Manrope;
  font-weight: 600;
  font-size: 0.16rem;
  color: #ff660a;
}
.passwordEditBox .el-form-item__content .passwordEdit:hover {
  cursor: pointer;
}

.NOrequire .el-form-item__label::after {
  content: "";
}

.changePassword {
  margin: 0 0rem 0 0.5rem;
}
.changePassword .el-input__inner {
  width: 4rem;
}

.passwordDialog .el-dialog {
  width: 5.4rem;
  height: auto;
  border-radius: 0.15rem;
}

.myAccount .donthavebc .el-input__inner {
  background: #FFFFFF;
}
.myAccount .jyDisplay .el-form-item__label::after {
  content: "";
  color: #f00e0e;
  margin-right: 0.04rem;
}
.myAccount .el-form-item.is-required .el-form-item__label:before {
  content: "";
}
.myAccount .el-form-item.is-required .el-form-item__label::after {
  content: "";
}

.avatarEdit {
  display: none;
}

@media screen and (max-width: 800px) {
  .newAvatar {
    display: none;
  }

  .el-input.is-disabled .el-input__inner {
    background: #f5f5f5 !important;
  }

  .Bigbox .avatarBox {
    width: 375px;
  }

  .avatarBox {
    position: relative;
    width: 375px;
  }
  .avatarBox .avatarEdit {
    display: block;
    position: absolute;
    width: 21px;
    height: 21px;
    bottom: 0;
    right: 148px;
  }

  .NewCkaimForm .passwordEditBox .el-form-item__content {
    position: relative;
  }
  .NewCkaimForm .passwordEditBox .el-form-item__content .passwordEdit {
    position: absolute;
    left: 310px;
    font-family: Manrope, Manrope;
    font-weight: 600;
    font-size: 14px;
    line-height: 28px;
    color: #ff660a;
  }
  .NewCkaimForm .passwordEditBox .el-form-item__content .passwordEdit:hover {
    cursor: pointer;
  }

  .NewCkaimForm .passwordEditBox .el-input.is-disabled .el-input__inner {
    width: 300px;
  }

  .myAccount .el-form-item.is-required .el-form-item__label:before {
    content: "" !important;
  }
  .myAccount .el-form-item.is-required .el-form-item__label::after {
    content: "*" !important;
  }

  .changePassword {
    margin: 0;
    overflow: hidden;
  }

  .passwordDialog .el-form-item.is-required .el-form-item__label:before {
    content: "" !important;
  }
  .passwordDialog .el-form-item.is-required .el-form-item__label::after {
    content: "*" !important;
  }
  .passwordDialog .el-input--mini .el-input__inner {
    width: 320px;
  }
  .passwordDialog .footerel-Line {
    margin-top: 360px;
  }
}
.tech-video {
  padding: 0.4rem 0 1rem 0;
}
.tech-video .container {
  display: flex;
}
.tech-video .container .tech-video-left {
  width: 20%;
}
.tech-video .container .tech-video-left h3 {
  font-weight: 800;
  font-size: 0.4rem;
  color: #000000;
  line-height: 0.47rem;
  font-family: "Manrope-Bold";
  font-weight: bold;
}
.tech-video .container .tech-video-left .sidebar {
  width: 86%;
  margin-top: 0.3rem;
}
.tech-video .container .tech-video-left .sidebar li {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.tech-video .container .tech-video-left .sidebar li:last-child {
  border-bottom: none;
}
.tech-video .container .tech-video-left .sidebar li dt {
  display: flex;
  align-items: center;
  padding: 0.14rem 0.1rem;
  margin: 0.05rem 0;
  cursor: pointer;
}
.tech-video .container .tech-video-left .sidebar li dt:hover {
  background-color: #F5F5F5;
}
.tech-video .container .tech-video-left .sidebar li dt.orange-color div {
  color: #ff660a;
}
.tech-video .container .tech-video-left .sidebar li dt.active {
  background-color: #F5F5F5;
  border-radius: 0.05rem;
}
.tech-video .container .tech-video-left .sidebar li dt.active span {
  transform: rotate(0deg);
}
.tech-video .container .tech-video-left .sidebar li dt.active .title {
  color: #FF660A;
}
.tech-video .container .tech-video-left .sidebar li dt span {
  display: block;
  width: 0.15rem;
  transform: rotate(-90deg);
  margin-right: 0.08rem;
  transition: all 0.4s;
}
.tech-video .container .tech-video-left .sidebar li dt .title {
  font-weight: bold;
  font-size: 0.18rem;
  color: #000000;
  line-height: 0.21rem;
  font-family: "Manrope-Bold";
  font-weight: bold;
}
.tech-video .container .tech-video-left .sidebar li dd {
  display: none;
  padding-left: 0.21rem;
}
.tech-video .container .tech-video-left .sidebar li dd div {
  display: flex;
  align-items: center;
  height: 0.4rem;
  font-weight: 500;
  font-size: 0.16rem;
  color: #000000;
  line-height: 0.19rem;
  padding: 0 0.05rem;
  cursor: pointer;
  font-family: "Manrope-Medium";
  font-weight: 500;
  border-radius: 0.05rem;
  box-sizing: content-box;
  padding: 0.05rem 0 0 0;
}
.tech-video .container .tech-video-left .sidebar li dd div:first-child {
  padding-top: 0rem;
}
.tech-video .container .tech-video-left .sidebar li dd div:last-child {
  padding-bottom: 0.05rem;
}
.tech-video .container .tech-video-left .sidebar li dd div span {
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%;
  border-radius: 0.05rem;
  padding: 0 0.1rem;
}
.tech-video .container .tech-video-left .sidebar li dd div:hover span {
  background-color: #F5F5F5;
}
.tech-video .container .tech-video-left .sidebar li dd div.active span {
  color: #ff660a;
  background-color: #F5F5F5;
}
.tech-video .container .tech-video-right {
  width: 80%;
}
.tech-video .container .tech-video-right .search-box {
  display: flex;
  align-items: center;
  justify-content: end;
}
.tech-video .container .tech-video-right .search-box .btns {
  display: flex;
}
.tech-video .container .tech-video-right .search-box .btns .btn {
  width: 0.48rem;
  height: 0.48rem;
  padding: 0.12rem;
  margin-right: 0.2rem;
  cursor: pointer;
}
.tech-video .container .tech-video-right .search-box .btns .btn.active {
  background: #e0e0e0;
  border-radius: 0.1rem;
}
.tech-video .container .tech-video-right .search-box .btns .btn.active .default-img {
  display: none;
}
.tech-video .container .tech-video-right .search-box .btns .btn.active .hover-img {
  display: block;
}
.tech-video .container .tech-video-right .search-box .btns .btn .default-img {
  display: block;
}
.tech-video .container .tech-video-right .search-box .btns .btn .hover-img {
  display: none;
}
.tech-video .container .tech-video-right .search-box .search {
  display: flex;
  margin-left: 0.4rem;
}
.tech-video .container .tech-video-right .search-box .search input {
  width: 4.8rem;
  height: 0.48rem;
  background: #ffffff;
  border-radius: 0.1rem 0 0 0.1rem;
  text-indent: 0.2rem;
  font-weight: 500;
  font-size: 0.16rem;
  color: #000000;
  line-height: 0.19rem;
  font-family: "Manrope-Medium";
  font-weight: 500;
}
.tech-video .container .tech-video-right .search-box .search .btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 0.68rem;
  height: 0.48rem;
  background: #ff660a;
  border-radius: 0px 0.1rem 0.1rem 0px;
  cursor: pointer;
}
.tech-video .container .tech-video-right .search-box .search .btn:hover {
  background: #E35D0C;
}
.tech-video .container .tech-video-right .search-box .search .btn img {
  width: 0.22rem;
}
.tech-video .container .tech-video-right .sel {
  display: none;
}
.tech-video .container .tech-video-right .list {
  margin-top: 0.3rem;
}
.tech-video .container .tech-video-right .list ul {
  display: flex;
  flex-wrap: wrap;
}
.tech-video .container .tech-video-right .list ul.more li {
  width: calc((100% - 0.88rem) / 5);
  margin: 0 0.22rem 0.21rem 0;
}
.tech-video .container .tech-video-right .list ul.more li:nth-of-type(3n) {
  margin-right: 0.22rem;
}
.tech-video .container .tech-video-right .list ul.more li:nth-of-type(5n) {
  margin-right: 0rem;
}
.tech-video .container .tech-video-right .list ul.more li .img .play img {
  width: 0.38rem;
  height: 0.38rem;
}
.tech-video .container .tech-video-right .list ul.more li .img .tag {
  font-size: 0.12rem;
  line-height: 0.14rem;
  padding: 0.06rem 0.07rem;
}
.tech-video .container .tech-video-right .list ul.more li .text {
  padding: 0.15rem 0.12rem 0.21rem 0.12rem;
}
.tech-video .container .tech-video-right .list ul.more li .text p {
  font-weight: bold;
  font-size: 0.18rem;
  color: #000000;
  line-height: 0.21rem;
}
.tech-video .container .tech-video-right .list ul li {
  width: calc((100% - 0.7rem) / 3);
  margin: 0 0.35rem 0.4rem 0;
  background-color: #ffffff;
  border-radius: 0.15rem;
  overflow: hidden;
  cursor: pointer;
}
.tech-video .container .tech-video-right .list ul li:hover .img img {
  transform: scale(1.1);
}
.tech-video .container .tech-video-right .list ul li:hover .img .play {
  display: flex;
}
.tech-video .container .tech-video-right .list ul li:hover .text p {
  text-decoration: underline;
}
.tech-video .container .tech-video-right .list ul li:nth-of-type(3n) {
  margin-right: 0;
}
.tech-video .container .tech-video-right .list ul li .img {
  position: relative;
  width: 100%;
  aspect-ratio: 430/248;
  overflow: hidden;
}
.tech-video .container .tech-video-right .list ul li .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.tech-video .container .tech-video-right .list ul li .img .play {
  display: none;
  align-items: center;
  justify-content: center;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  z-index: 1;
}
.tech-video .container .tech-video-right .list ul li .img .play img {
  width: 0.65rem;
  height: 0.65rem;
}
.tech-video .container .tech-video-right .list ul li .img .tag {
  position: absolute;
  right: 0.1rem;
  top: 0.1rem;
  font-weight: 500;
  font-size: 0.14rem;
  color: #ffffff;
  line-height: 0.16rem;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 0.06rem;
  padding: 0.06rem 0.12rem;
  backdrop-filter: blur(0.08rem);
  font-family: "Manrope-Medium";
  font-weight: 500;
}
.tech-video .container .tech-video-right .list ul li .text {
  padding: 0.2rem 0.25rem 0.43rem 0.25rem;
}
.tech-video .container .tech-video-right .list ul li .text p {
  font-weight: bold;
  font-size: 0.24rem;
  color: #000000;
  line-height: 0.28rem;
  font-family: "Manrope-Bold";
  font-weight: bold;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  text-overflow: ellipsis;
}
.tech-video .container .tech-video-right .pagination {
  margin-top: 0.1rem;
}

@media screen and (max-width: 800px) {
  .tech-video {
    padding: 28px 0 60px 0;
  }
  .tech-video .container {
    display: block;
  }
  .tech-video .container .tech-video-left {
    width: 100%;
  }
  .tech-video .container .tech-video-left h3 {
    font-size: 28px;
    line-height: 33px;
    margin-bottom: 24px;
  }
  .tech-video .container .tech-video-left .sidebar {
    display: none;
  }
  .tech-video .container .tech-video-right {
    width: 100%;
  }
  .tech-video .container .tech-video-right .search-box {
    display: flex;
    align-items: center;
    justify-content: end;
    width: 100%;
  }
  .tech-video .container .tech-video-right .search-box .btns {
    display: none;
  }
  .tech-video .container .tech-video-right .search-box .search {
    width: 100%;
    display: flex;
    margin-left: 0;
  }
  .tech-video .container .tech-video-right .search-box .search input {
    width: 100%;
    height: 45px;
    background: #FFFFFF;
    border-radius: 10px 0 0 10px;
    text-indent: 20px;
    font-weight: 500;
    font-size: 14px;
    color: #000000;
    line-height: 16px;
    font-family: "Manrope-Medium";
    font-weight: 500;
  }
  .tech-video .container .tech-video-right .search-box .search .btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 64px;
    height: 45px;
    background: #FF660A;
    border-radius: 0px 10px 10px 0px;
    cursor: pointer;
  }
  .tech-video .container .tech-video-right .search-box .search .btn img {
    width: 21px;
  }
  .tech-video .container .tech-video-right .sel {
    display: block;
    width: 100%;
    height: 45px;
    margin-top: 34px;
  }
  .tech-video .container .tech-video-right .list {
    margin-top: 34px;
  }
  .tech-video .container .tech-video-right .list ul {
    display: flex;
    flex-wrap: wrap;
  }
  .tech-video .container .tech-video-right .list ul.more li {
    width: 100%;
    margin: 0 0 15px 0;
  }
  .tech-video .container .tech-video-right .list ul.more li:nth-of-type(3n) {
    margin-right: 0;
  }
  .tech-video .container .tech-video-right .list ul.more li:nth-of-type(5n) {
    margin-right: 0;
  }
  .tech-video .container .tech-video-right .list ul.more li .img .play img {
    width: 45px;
    height: 45px;
  }
  .tech-video .container .tech-video-right .list ul.more li .img .tag {
    font-size: 12px;
    line-height: 13px;
    padding: 6px 13px;
  }
  .tech-video .container .tech-video-right .list ul.more li .text {
    padding: 17px 15px 30px 15px;
  }
  .tech-video .container .tech-video-right .list ul.more li .text p {
    font-weight: bold;
    font-size: 18px;
    color: #000000;
    line-height: 21px;
  }
  .tech-video .container .tech-video-right .list ul li {
    width: 100%;
    margin: 0 0 15px 0;
    background-color: #FFFFFF;
    border-radius: 12px;
    overflow: hidden;
    cursor: pointer;
  }
  .tech-video .container .tech-video-right .list ul li:hover .img img {
    transform: scale(1.1);
  }
  .tech-video .container .tech-video-right .list ul li:hover .img .play {
    display: flex;
  }
  .tech-video .container .tech-video-right .list ul li:hover .text p {
    text-decoration: underline;
  }
  .tech-video .container .tech-video-right .list ul li:nth-of-type(3n) {
    margin-right: 0;
  }
  .tech-video .container .tech-video-right .list ul li .img {
    position: relative;
    width: 100%;
    aspect-ratio: 349/199;
    overflow: hidden;
  }
  .tech-video .container .tech-video-right .list ul li .img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .tech-video .container .tech-video-right .list ul li .img .play {
    display: none;
    align-items: center;
    justify-content: center;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: 1;
  }
  .tech-video .container .tech-video-right .list ul li .img .play img {
    width: 45px;
    height: 45px;
  }
  .tech-video .container .tech-video-right .list ul li .img .tag {
    position: absolute;
    right: 10px;
    top: 10px;
    font-weight: 500;
    font-size: 12px;
    color: #FFFFFF;
    line-height: 14px;
    background: rgba(0, 0, 0, 0.5);
    border-radius: 6px;
    padding: 7px 13px;
    backdrop-filter: blur(8px);
    font-family: "Manrope-Medium";
    font-weight: 500;
  }
  .tech-video .container .tech-video-right .list ul li .text {
    padding: 17px 15px 30px 15px;
  }
  .tech-video .container .tech-video-right .list ul li .text p {
    font-weight: bold;
    font-size: 18px;
    color: #000000;
    line-height: 21px;
    font-family: "Manrope-Bold";
    font-weight: bold;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}
.events {
  padding: 0.4rem 0 1rem 0;
}
.events .container {
  display: flex;
}
.events .container .events-left {
  width: 20%;
}
.events .container .events-left h3 {
  font-weight: 800;
  font-size: 0.4rem;
  color: #000000;
  line-height: 0.47rem;
  font-family: "Manrope-Bold";
  font-weight: bold;
}
.events .container .events-left .sidebar {
  width: 86%;
  margin-top: 0.45rem;
}
.events .container .events-left .sidebar li {
  padding: 0.17rem 0.2rem;
  font-weight: bold;
  font-size: 0.18rem;
  color: #000000;
  line-height: 0.21rem;
  font-family: "Manrope-Bold";
  font-weight: bold;
  cursor: pointer;
  margin-bottom: 0.05rem;
}
.events .container .events-left .sidebar li:hover {
  background: #E8E8E8;
  border-radius: 0.1rem;
}
.events .container .events-left .sidebar li.on {
  background: #E8E8E8;
  color: #FF660A;
  border-radius: 0.1rem;
}
.events .container .events-right {
  width: 80%;
}
.events .container .events-right .search-box {
  display: flex;
  align-items: center;
  justify-content: end;
}
.events .container .events-right .search-box .search {
  display: flex;
  margin-left: 0.4rem;
}
.events .container .events-right .search-box .search input {
  width: 4.8rem;
  height: 0.48rem;
  background: #FFFFFF;
  border-radius: 0.1rem 0 0 0.1rem;
  text-indent: 0.2rem;
  font-weight: 500;
  font-size: 0.16rem;
  color: #000000;
  line-height: 0.19rem;
  font-family: "Manrope-Medium";
  font-weight: 500;
}
.events .container .events-right .search-box .search .btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 0.68rem;
  height: 0.48rem;
  background: #FF660A;
  border-radius: 0px 0.1rem 0.1rem 0px;
  cursor: pointer;
}
.events .container .events-right .search-box .search .btn:hover {
  background: #E35D0C;
}
.events .container .events-right .search-box .search .btn img {
  width: 0.22rem;
}
.events .container .events-right .sel {
  display: none;
}
.events .container .events-right .list {
  margin-top: 0.3rem;
}
.events .container .events-right .list ul {
  display: flex;
  flex-wrap: wrap;
}
.events .container .events-right .list ul li {
  width: calc((100% - 0.81rem) / 4);
  margin: 0 0.27rem 15px 0;
  background-color: #FFFFFF;
  border-radius: 0.15rem;
  overflow: hidden;
  cursor: pointer;
}
.events .container .events-right .list ul li:hover .img img {
  transform: scale(1.1);
}
.events .container .events-right .list ul li:hover .img .play {
  display: flex;
}
.events .container .events-right .list ul li:hover .text p {
  text-decoration: underline;
}
.events .container .events-right .list ul li:nth-of-type(4n) {
  margin-right: 0;
}
.events .container .events-right .list ul li .img {
  position: relative;
  width: 100%;
  aspect-ratio: 320/184;
  overflow: hidden;
}
.events .container .events-right .list ul li .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.events .container .events-right .list ul li .img .tag {
  position: absolute;
  right: 0.1rem;
  top: 0.1rem;
  font-weight: 500;
  font-size: 0.14rem;
  color: #FFFFFF;
  line-height: 0.16rem;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 0.06rem;
  padding: 0.06rem 0.12rem;
  backdrop-filter: blur(0.08rem);
  font-family: "Manrope-Medium";
  font-weight: 500;
}
.events .container .events-right .list ul li .text {
  padding: 0.14rem 0.25rem 0.21rem 0.25rem;
}
.events .container .events-right .list ul li .text p {
  font-weight: bold;
  font-size: 0.24rem;
  color: #000000;
  line-height: 0.28rem;
  margin-bottom: 0.24rem;
  font-family: "Manrope-Bold";
  font-weight: bold;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  text-overflow: ellipsis;
}
.events .container .events-right .list ul li .text span {
  font-weight: 500;
  font-size: 0.16rem;
  color: #00000060;
  line-height: 0.19rem;
  text-align: left;
}
.events .container .events-right .pagination {
  margin-top: 0.23rem;
}

@media screen and (max-width: 800px) {
  .events {
    padding: 28px 0 58px 0;
  }
  .events .container {
    display: block;
  }
  .events .container .events-left {
    width: 100%;
  }
  .events .container .events-left h3 {
    font-size: 28px;
    line-height: 33px;
    margin-bottom: 24px;
  }
  .events .container .events-left .sidebar {
    display: none;
  }
  .events .container .events-right {
    width: 100%;
  }
  .events .container .events-right .search-box {
    display: flex;
    align-items: center;
    justify-content: end;
    width: 100%;
  }
  .events .container .events-right .search-box .search {
    width: 100%;
    display: flex;
    margin-left: 0;
  }
  .events .container .events-right .search-box .search input {
    width: 100%;
    height: 45px;
    background: #FFFFFF;
    border-radius: 10px 0 0 10px;
    text-indent: 20px;
    font-weight: 500;
    font-size: 14px;
    color: #000000;
    line-height: 16px;
    font-family: "Manrope-Medium";
    font-weight: 500;
  }
  .events .container .events-right .search-box .search .btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 64px;
    height: 45px;
    background: #FF660A;
    border-radius: 0px 10px 10px 0px;
    cursor: pointer;
  }
  .events .container .events-right .search-box .search .btn img {
    width: 21px;
  }
  .events .container .events-right .sel {
    display: block;
    width: 100%;
    height: 45px;
    margin-top: 34px;
  }
  .events .container .events-right .list {
    margin-top: 34px;
  }
  .events .container .events-right .list ul {
    display: flex;
    flex-wrap: wrap;
  }
  .events .container .events-right .list ul.more li {
    width: 100%;
    margin: 0 0 15px 0;
  }
  .events .container .events-right .list ul.more li:nth-of-type(3n) {
    margin-right: 0;
  }
  .events .container .events-right .list ul.more li:nth-of-type(5n) {
    margin-right: 0;
  }
  .events .container .events-right .list ul.more li .img .play img {
    width: 45px;
    height: 45px;
  }
  .events .container .events-right .list ul.more li .img .tag {
    font-size: 12px;
    line-height: 13px;
    padding: 6px 13px;
  }
  .events .container .events-right .list ul.more li .text {
    padding: 17px 15px 30px 15px;
  }
  .events .container .events-right .list ul.more li .text p {
    font-weight: bold;
    font-size: 18px;
    color: #000000;
    line-height: 21px;
  }
  .events .container .events-right .list ul li {
    width: 100%;
    margin: 0 0 15px 0;
    background-color: #FFFFFF;
    border-radius: 12px;
    overflow: hidden;
    cursor: pointer;
  }
  .events .container .events-right .list ul li:hover .img img {
    transform: scale(1.1);
  }
  .events .container .events-right .list ul li:hover .text p {
    text-decoration: underline;
  }
  .events .container .events-right .list ul li:nth-of-type(3n) {
    margin-right: 0;
  }
  .events .container .events-right .list ul li .img {
    position: relative;
    width: 100%;
    aspect-ratio: 349/199;
    overflow: hidden;
  }
  .events .container .events-right .list ul li .img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .events .container .events-right .list ul li .img .tag {
    position: absolute;
    right: 10px;
    top: 10px;
    font-weight: 500;
    font-size: 12px;
    color: #FFFFFF;
    line-height: 14px;
    background: rgba(0, 0, 0, 0.5);
    border-radius: 6px;
    padding: 7px 13px;
    backdrop-filter: blur(8px);
    font-family: "Manrope-Medium";
    font-weight: 500;
  }
  .events .container .events-right .list ul li .text {
    padding: 17px 15px 30px 15px;
  }
  .events .container .events-right .list ul li .text p {
    font-weight: bold;
    font-size: 18px;
    color: #000000;
    line-height: 21px;
    font-family: "Manrope-Bold";
    font-weight: bold;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 15px;
  }
  .events .container .events-right .list ul li .text span {
    font-weight: 500;
    font-size: 14px;
    color: #000000;
    line-height: 16px;
    font-family: "Manrope-Medium";
    font-weight: 500;
  }
}
.events-detail {
  padding: 0.4rem 0 1rem 0;
}
.events-detail .container {
  max-width: 10rem;
  margin: 0 auto;
}
.events-detail .container .back {
  display: flex;
  align-items: center;
}
.events-detail .container .back .icon {
  display: block;
  width: 0.2rem;
}
.events-detail .container .back .icon img {
  width: 100%;
}
.events-detail .container .back p {
  font-weight: 500;
  font-size: 0.16rem;
  color: #000000;
  line-height: 0.19rem;
  margin-left: 0.11rem;
  font-family: "Manrope-Medium";
  font-weight: 500;
}
.events-detail .container h3 {
  font-weight: bold;
  font-size: 0.4rem;
  color: #000000;
  line-height: 0.42rem;
  margin-top: 0.23rem;
  font-family: "Manrope-Bold";
  font-weight: bold;
}
.events-detail .container .tags {
  display: flex;
  justify-content: center;
  margin-top: 0.34rem;
}
.events-detail .container .tags .tag {
  margin-right: 0.83rem;
}
.events-detail .container .tags .tag:last-child {
  margin-right: 0;
}
.events-detail .container .tags .tag .n {
  font-weight: 500;
  font-size: 0.16rem;
  color: #00000060;
  line-height: 0.19rem;
  font-family: "Manrope-Medium";
  font-weight: 500;
}
.events-detail .container .tags .tag .v {
  font-weight: 500;
  font-size: 0.16rem;
  color: #000000;
  line-height: 0.19rem;
  margin-left: 0.08rem;
  font-family: "Manrope-Medium";
  font-weight: 500;
}
.events-detail .container .line {
  width: 100%;
  height: 1px;
  background-color: #D9D9D9;
  margin: 0.18rem 0 0.5rem 0;
}
.events-detail .container .content p {
  font-weight: 500;
  font-size: 0.16rem;
  color: #000000;
  line-height: 0.24rem;
  margin-top: 0.34rem;
  font-family: "Manrope-Medium";
  font-weight: 500;
}

@media screen and (max-width: 800px) {
  .events-detail {
    padding: 28px 0 58px 0;
  }
  .events-detail .container {
    width: 100%;
    padding: 0 15px;
    margin: 0 auto;
  }
  .events-detail .container .back {
    display: flex;
    align-items: center;
  }
  .events-detail .container .back .icon {
    display: block;
    width: 16px;
  }
  .events-detail .container .back .icon img {
    width: 100%;
  }
  .events-detail .container .back p {
    font-weight: 500;
    font-size: 14px;
    color: #000000;
    line-height: 16px;
    margin-left: 9px;
    font-family: "Manrope-Medium";
    font-weight: 500;
  }
  .events-detail .container h3 {
    font-weight: bold;
    font-size: 28px;
    color: #000000;
    line-height: 33px;
    margin-top: 31px;
    font-family: "Manrope-Bold";
    font-weight: bold;
  }
  .events-detail .container .tags {
    display: flex;
    justify-content: start;
    margin-top: 19px;
  }
  .events-detail .container .tags .tag {
    margin-right: 33px;
  }
  .events-detail .container .tags .tag:last-child {
    margin-right: 0;
  }
  .events-detail .container .tags .tag .n {
    font-weight: 500;
    font-size: 14px;
    color: #00000060;
    line-height: 16px;
    font-family: "Manrope-Medium";
    font-weight: 500;
  }
  .events-detail .container .tags .tag .v {
    font-weight: 500;
    font-size: 14px;
    color: #000000;
    line-height: 16px;
    margin-left: 7px;
    font-family: "Manrope-Medium";
    font-weight: 500;
  }
  .events-detail .container .line {
    width: 100%;
    height: 1px;
    background-color: #D9D9D9;
    margin: 23px 0 36px 0;
  }
  .events-detail .container .content p {
    font-weight: 500;
    font-size: 14px;
    color: #000000;
    line-height: 16px;
    margin-top: 22px;
    font-family: "Manrope-Medium";
    font-weight: 500;
  }
}
.download {
  padding: 0.4rem 0 1rem 0;
}
.download .container {
  display: flex;
}
.download .container .download-left {
  width: 20%;
}
.download .container .download-left h3 {
  font-weight: 800;
  font-size: 0.4rem;
  color: #000000;
  line-height: 0.47rem;
  font-family: "Manrope-Bold";
  font-weight: bold;
}
.download .container .download-left .sidebar {
  width: 86%;
  margin-top: 0.45rem;
}
.download .container .download-left .sidebar li {
  padding: 0.17rem 0.2rem;
  font-weight: bold;
  font-size: 0.18rem;
  color: #000000;
  line-height: 0.21rem;
  font-family: "Manrope-Bold";
  font-weight: bold;
  cursor: pointer;
  margin-bottom: 0.05rem;
}
.download .container .download-left .sidebar li:hover {
  background: #E8E8E8;
  border-radius: 0.1rem;
}
.download .container .download-left .sidebar li.on {
  background: #E8E8E8;
  color: #FF660A;
  border-radius: 0.1rem;
}
.download .container .download-right {
  width: 80%;
}
.download .container .download-right .search-box {
  display: flex;
  align-items: center;
  justify-content: end;
}
.download .container .download-right .search-box .search {
  display: flex;
  margin-left: 0.4rem;
}
.download .container .download-right .search-box .search input {
  width: 4.8rem;
  height: 0.48rem;
  background: #FFFFFF;
  border-radius: 0.1rem 0 0 0.1rem;
  text-indent: 0.2rem;
  font-weight: 500;
  font-size: 0.16rem;
  color: #000000;
  line-height: 0.19rem;
  font-family: "Manrope-Medium";
  font-weight: 500;
}
.download .container .download-right .search-box .search .btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 0.68rem;
  height: 0.48rem;
  background: #FF660A;
  border-radius: 0px 0.1rem 0.1rem 0px;
  cursor: pointer;
}
.download .container .download-right .search-box .search .btn:hover {
  background: #E35D0C;
}
.download .container .download-right .search-box .search .btn img {
  width: 0.22rem;
}
.download .container .download-right .sel {
  display: none;
}
.download .container .download-right .list {
  margin-top: 0.3rem;
}
.download .container .download-right .list .total {
  display: flex;
  align-items: center;
}
.download .container .download-right .list .total .num {
  font-weight: 500;
  font-size: 0.16rem;
  color: #FF660A;
  line-height: 0.19rem;
  margin-right: 0.08rem;
  font-family: "Manrope-Medium";
  font-weight: 500;
}
.download .container .download-right .list .total p {
  font-weight: 500;
  font-size: 0.16rem;
  color: #000000;
  line-height: 0.19rem;
  font-family: "Manrope-Medium";
  font-weight: 500;
}
.download .container .download-right .list ul {
  margin-top: 0.19rem;
}
.download .container .download-right .list ul li {
  padding: 0.2rem 0.29rem 0.23rem 0.3rem;
  background: #FFFFFF;
  border-radius: 0.15rem;
  display: flex;
  margin-bottom: 0.1rem;
}
.download .container .download-right .list ul li .l_left {
  width: calc(100% - 1.2rem);
}
.download .container .download-right .list ul li .l_left .title {
  font-weight: bold;
  font-size: 0.2rem;
  color: #000000;
  line-height: 0.23rem;
  font-family: "Manrope-Bold";
  font-weight: bold;
}
.download .container .download-right .list ul li .l_left .tags {
  display: flex;
  margin-top: 0.08rem;
}
.download .container .download-right .list ul li .l_left .tags .tag {
  margin-right: 0.73rem;
}
.download .container .download-right .list ul li .l_left .tags .tag:last-child {
  margin-right: 0;
}
.download .container .download-right .list ul li .l_left .tags .tag .n {
  font-weight: 500;
  font-size: 0.16rem;
  color: #00000060;
  line-height: 0.19rem;
  font-family: "Manrope-Medium";
  font-weight: 500;
}
.download .container .download-right .list ul li .l_left .tags .tag .v {
  font-weight: 500;
  font-size: 0.16rem;
  color: #000000;
  line-height: 0.19rem;
  font-family: "Manrope-Medium";
  font-weight: 500;
}
.download .container .download-right .list ul li .l_right .btns {
  display: flex;
}
.download .container .download-right .list ul li .l_right .btns .btn {
  display: block;
  width: 0.45rem;
  height: 0.45rem;
  margin-left: 0.15rem;
  border-radius: 50%;
}
.download .container .download-right .list ul li .l_right .btns .btn:hover .default-img {
  width: 100%;
  height: 100%;
  display: none;
}
.download .container .download-right .list ul li .l_right .btns .btn:hover .hover-img {
  width: 100%;
  height: 100%;
  display: block;
}
.download .container .download-right .list ul li .l_right .btns .btn .default-img {
  width: 100%;
  height: 100%;
  display: block;
}
.download .container .download-right .list ul li .l_right .btns .btn .hover-img {
  width: 100%;
  height: 100%;
  display: none;
}
.download .container .download-right .pagination {
  margin-top: 0.5rem;
}

@media screen and (max-width: 800px) {
  .download {
    padding: 28px 0 58px 0;
  }
  .download .container {
    display: block;
  }
  .download .container .download-left {
    width: 100%;
  }
  .download .container .download-left h3 {
    font-size: 28px;
    line-height: 33px;
    margin-bottom: 24px;
  }
  .download .container .download-left .sidebar {
    display: none;
  }
  .download .container .download-right {
    width: 100%;
  }
  .download .container .download-right .search-box {
    display: flex;
    align-items: center;
    justify-content: end;
    width: 100%;
  }
  .download .container .download-right .search-box .search {
    width: 100%;
    display: flex;
    margin-left: 0;
  }
  .download .container .download-right .search-box .search input {
    width: 100%;
    height: 45px;
    background: #FFFFFF;
    border-radius: 10px 0 0 10px;
    text-indent: 20px;
    font-weight: 500;
    font-size: 14px;
    color: #000000;
    line-height: 16px;
    font-family: "Manrope-Medium";
    font-weight: 500;
  }
  .download .container .download-right .search-box .search .btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 64px;
    height: 45px;
    background: #FF660A;
    border-radius: 0px 10px 10px 0px;
    cursor: pointer;
  }
  .download .container .download-right .search-box .search .btn img {
    width: 21px;
  }
  .download .container .download-right .sel {
    display: block;
    width: 100%;
    height: 45px;
    margin-top: 34px;
  }
  .download .container .download-right .list {
    margin-top: 34px;
  }
  .download .container .download-right .list .total {
    display: flex;
    align-items: center;
  }
  .download .container .download-right .list .total .num {
    font-weight: 500;
    font-size: 14px;
    color: #FF660A;
    line-height: 16px;
    margin-right: 8px;
    font-family: "Manrope-Medium";
    font-weight: 500;
  }
  .download .container .download-right .list .total p {
    font-weight: 500;
    font-size: 14px;
    color: #000000;
    line-height: 16px;
    font-family: "Manrope-Medium";
    font-weight: 500;
  }
  .download .container .download-right .list ul {
    margin-top: 16px;
  }
  .download .container .download-right .list ul li {
    padding: 20px 15px 15px 15px;
    background: #FFFFFF;
    border-radius: 12px;
    display: block;
    margin-bottom: 15px;
  }
  .download .container .download-right .list ul li .l_left {
    width: 100%;
  }
  .download .container .download-right .list ul li .l_left .title {
    font-weight: bold;
    font-weight: bold;
    font-size: 18px;
    color: #000000;
    line-height: 21px;
    font-family: "Manrope-Bold";
    font-weight: bold;
  }
  .download .container .download-right .list ul li .l_left .tags {
    display: flex;
    margin-top: 16px;
  }
  .download .container .download-right .list ul li .l_left .tags .tag {
    margin-right: 34px;
  }
  .download .container .download-right .list ul li .l_left .tags .tag:last-child {
    margin-right: 0;
  }
  .download .container .download-right .list ul li .l_left .tags .tag .n {
    font-weight: 500;
    font-size: 14px;
    color: #00000060;
    line-height: 16px;
    font-family: "Manrope-Medium";
    font-weight: 500;
  }
  .download .container .download-right .list ul li .l_left .tags .tag .v {
    font-weight: 500;
    font-size: 14px;
    color: #000000;
    line-height: 16px;
    font-family: "Manrope-Medium";
    font-weight: 500;
  }
  .download .container .download-right .list ul li .l_right {
    display: flex;
    justify-content: end;
    margin-top: 27px;
  }
  .download .container .download-right .list ul li .l_right .btns {
    display: flex;
  }
  .download .container .download-right .list ul li .l_right .btns .btn {
    display: block;
    width: 40px;
    height: 40px;
    margin-left: 0.15rem;
    border-radius: 50%;
  }
}
.submitted-success .container {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.submitted-success .container .img {
  width: 1.39rem;
  height: 1.37rem;
  margin-top: 1.21rem;
}
.submitted-success .container h3 {
  font-weight: bold;
  font-size: 0.32rem;
  color: #000000;
  line-height: 0.38rem;
  margin-top: 0.41rem;
  font-family: "Manrope-Bold";
  font-weight: bold;
}
.submitted-success .container p {
  width: 6.41rem;
  font-weight: 500;
  font-size: 0.16rem;
  color: rgba(0, 0, 0, 0.6);
  line-height: 0.24rem;
  text-align: center;
  margin-top: 0.18rem;
  font-family: "Manrope-Regular";
  font-weight: 400;
}
.submitted-success .container p span {
  color: #FF660A;
}
.submitted-success .container .prompt {
  margin-top: 0.57rem;
  color: #FF660A;
  font-family: "Manrope-Bold";
  font-weight: bold;
  font-size: 0.24rem;
  line-height: 0.28rem;
}
.submitted-success .container .info {
  display: flex;
  align-items: center;
  gap: 0.66rem;
  font-size: 0.16rem;
  line-height: 0.24rem;
  margin-top: 0.18rem;
}
.submitted-success .container .info .item {
  display: flex;
  gap: 0.1rem;
}
.submitted-success .container .info .item .key {
  color: rgba(0, 0, 0, 0.6);
}
.submitted-success .container .info .item .value {
  color: #000000;
}
.submitted-success .container .btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.8rem;
  height: 0.54rem;
  background: #FF660A;
  border-radius: 0.1rem;
  font-weight: bold;
  font-size: 0.16rem;
  color: #FFFFFF;
  line-height: 0.19rem;
  margin: 0.64rem 0 1.62rem 0;
  font-family: "Manrope-Bold";
  font-weight: bold;
}
.submitted-success .container .btn:hover {
  background: #E35D0C;
}

@media screen and (max-width: 800px) {
  .submitted-success .container {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .submitted-success .container .img {
    width: 139px;
    height: 137px;
    margin-top: 85px;
  }
  .submitted-success .container h3 {
    font-weight: bold;
    font-size: 20px;
    color: #000000;
    line-height: 23px;
    margin-top: 37px;
    font-family: "Manrope-Bold";
    font-weight: bold;
  }
  .submitted-success .container p {
    width: 294px;
    font-weight: 500;
    font-size: 14px;
    color: rgba(0, 0, 0, 0.6);
    line-height: 16px;
    text-align: center;
    margin-top: 18px;
    font-family: "Manrope-Regular";
    font-weight: 400;
  }
  .submitted-success .container p span {
    color: #FF660A;
  }
  .submitted-success .container .prompt {
    margin-top: 33px;
    font-size: 16px;
    line-height: 19px;
    text-align: center;
  }
  .submitted-success .container .info {
    margin-top: 17px;
    font-size: 14px;
    line-height: 12px;
    flex-direction: column;
    gap: 18px;
  }
  .submitted-success .container .info .item {
    gap: 8px;
  }
  .submitted-success .container .btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 225px;
    height: 45px;
    background: #FF660A;
    border-radius: 10px;
    font-weight: bold;
    font-size: 14px;
    color: #FFFFFF;
    line-height: 16px;
    margin: 54px 0 132px 0;
    font-family: "Manrope-Bold";
    font-weight: bold;
  }
}
.confirm-order {
  display: flex;
}
.confirm-order .c_l {
  width: 39.5%;
  padding: 0.4rem 0.5rem 0 1rem;
  background-color: #FFFFFF;
}
.confirm-order .c_l h3 {
  font-weight: 800;
  font-size: 0.4rem;
  color: #000000;
  line-height: 0.47rem;
  font-family: "Manrope-Bold";
  font-weight: bold;
}
.confirm-order .c_l .sub-title {
  display: flex;
  align-items: center;
  font-weight: bold;
  font-size: 0.24rem;
  color: #000000;
  line-height: 0.28rem;
  text-align: left;
  margin-top: 0.6rem;
  font-family: "Manrope-Bold";
  font-weight: bold;
}
.confirm-order .c_l .sub-title:before {
  content: "";
  display: inline-block;
  width: 0.04rem;
  height: 0.2rem;
  background-color: #FF660A;
  margin-right: 0.1rem;
}
.confirm-order .c_l .address-list {
  margin-top: 0.28rem;
}
.confirm-order .c_l .address-list ul li {
  display: flex;
  align-items: center;
  padding: 0.2rem 0.32rem 0.2rem 0.2rem;
  border: 1px solid #AEAEAE60;
  border-bottom: none;
  cursor: pointer;
}
.confirm-order .c_l .address-list ul li.active {
  border-color: #FF660A;
  background-color: #FF660A10;
}
.confirm-order .c_l .address-list ul li.active .a_l span {
  display: block;
  width: 0.18rem;
  height: 0.18rem;
  border: 0.05rem solid #FF660A;
  border-radius: 50%;
}
.confirm-order .c_l .address-list ul li.active + li {
  border-top-color: #FF660A;
}
.confirm-order .c_l .address-list ul li:first-child {
  border-top-left-radius: 0.1rem;
  border-top-right-radius: 0.1rem;
}
.confirm-order .c_l .address-list ul li:first-child.active {
  border-color: #FF660A;
}
.confirm-order .c_l .address-list ul li:last-child {
  border-bottom: 1px solid #AEAEAE60;
  border-bottom-left-radius: 0.1rem;
  border-bottom-right-radius: 0.1rem;
}
.confirm-order .c_l .address-list ul li:last-child.active {
  border-color: #FF660A;
}
.confirm-order .c_l .address-list ul li .a_l {
  margin-right: 0.13rem;
}
.confirm-order .c_l .address-list ul li .a_l span {
  display: block;
  width: 0.18rem;
  height: 0.18rem;
  border: 1px solid #AEAEAE;
  border-radius: 50%;
}
.confirm-order .c_l .address-list ul li .a_r .name {
  font-weight: 600;
  font-size: 0.2rem;
  color: #000000;
  line-height: 0.23rem;
  font-family: "Manrope-Bold";
  font-weight: bold;
}
.confirm-order .c_l .address-list ul li .a_r .name span {
  display: inline-block;
  font-weight: 500;
  font-size: 0.16rem;
  color: rgba(0, 0, 0, 0.7);
  line-height: 0.19rem;
  margin-left: 0.08rem;
  font-family: "Manrope-Regular";
  font-weight: 400;
}
.confirm-order .c_l .address-list ul li .a_r .detail {
  font-weight: 500;
  font-size: 0.16rem;
  color: #000000;
  line-height: 0.19rem;
  margin-top: 0.19rem;
  font-family: "Manrope-Medium";
  font-weight: 500;
}
.confirm-order .c_l .address-list ul li .a_r .phone {
  font-weight: 500;
  font-size: 0.16rem;
  color: #000000;
  line-height: 0.19rem;
  margin-top: 0.08rem;
  font-family: "Manrope-Medium";
  font-weight: 500;
}
.confirm-order .c_l .no-address {
  text-align: center;
  margin: 1.32rem 0 0.54rem 0;
}
.confirm-order .c_l .no-address .img {
  display: inline-block;
  width: 2.46rem;
  height: 1.93rem;
}
.confirm-order .c_l .no-address .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.confirm-order .c_l .no-address p {
  font-weight: 600;
  font-size: 0.18rem;
  color: #00000030;
  line-height: 0.21rem;
  font-family: "Manrope-Bold";
  font-weight: bold;
}
.confirm-order .c_l .btn-box {
  display: flex;
  justify-content: center;
  margin-bottom: 2.72rem;
}
.confirm-order .c_l .btn-box .btn {
  margin-top: 0.3rem;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2rem;
  height: 0.48rem;
  background: #FF660A;
  border-radius: 0.1rem;
  font-weight: bold;
  font-size: 0.16rem;
  color: #FFFFFF;
  line-height: 0.19rem;
  font-family: "Manrope-Medium";
  font-weight: 500;
}
.confirm-order .c_l .btn-box .btn:hover {
  background: #E35D0C;
}
.confirm-order .c_r {
  width: 60.5%;
  background-color: #F5F5F5;
  padding: 0.52rem 1rem 0 0.5rem;
}
.confirm-order .c_r .sub-title {
  display: flex;
  align-items: center;
  font-weight: bold;
  font-size: 0.24rem;
  color: #000000;
  line-height: 0.28rem;
  text-align: left;
  font-family: "Manrope-Bold";
  font-weight: bold;
}
.confirm-order .c_r .sub-title:before {
  content: "";
  display: inline-block;
  width: 0.04rem;
  height: 0.2rem;
  background-color: #FF660A;
  margin-right: 0.1rem;
}
.confirm-order .c_r .product-list {
  margin-top: 0.3rem;
}
.confirm-order .c_r .product-list li {
  display: flex;
  align-items: center;
  margin-bottom: 0.2rem;
}
.confirm-order .c_r .product-list li .img {
  width: 10%;
  margin-right: 0.2rem;
}
.confirm-order .c_r .product-list li .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.confirm-order .c_r .product-list li .price {
  width: 22%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.confirm-order .c_r .product-list li .price .no {
  font-weight: bold;
  font-size: 0.18rem;
  color: #000000;
  line-height: 0.21rem;
  font-family: "Manrope-Bold";
  font-weight: bold;
}
.confirm-order .c_r .product-list li .price .p {
  font-weight: 500;
  font-size: 0.16rem;
  color: #000000;
  line-height: 0.19rem;
  margin-top: 0.03rem;
  font-family: "Manrope-Medium";
  font-weight: 500;
}
.confirm-order .c_r .product-list li .price .model {
  font-weight: 500;
  font-size: 0.14rem;
  color: #666666;
  line-height: 0.16rem;
  margin-top: 0.13rem;
  font-family: "Manrope-Medium";
  font-weight: 500;
}
.confirm-order .c_r .product-list li .detail {
  width: 43%;
}
.confirm-order .c_r .product-list li .detail p {
  width: 80%;
  font-weight: 500;
  font-size: 0.16rem;
  color: #00000060;
  line-height: 0.24rem;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  text-overflow: ellipsis;
  font-family: "Manrope-Medium";
  font-weight: 500;
}
.confirm-order .c_r .product-list li .qty {
  width: 14%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.confirm-order .c_r .product-list li .qty .inp {
  display: flex;
  align-items: center;
  background: #FFFFFF;
}
.confirm-order .c_r .product-list li .qty .inp .dec {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 0.32rem;
  height: 0.32rem;
  font-size: 0.3rem;
  margin-top: -0.05rem;
  cursor: pointer;
}
.confirm-order .c_r .product-list li .qty .inp input {
  width: 0.64rem;
  height: 0.32rem;
  text-align: center;
}
.confirm-order .c_r .product-list li .qty .inp .add {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 0.32rem;
  height: 0.32rem;
  font-size: 0.22rem;
  cursor: pointer;
}
.confirm-order .c_r .product-list li .qty .remove {
  font-weight: 500;
  font-size: 0.14rem;
  color: #000000;
  line-height: 0.16rem;
  text-align: left;
  font-style: normal;
  text-decoration-line: underline;
  margin-top: 0.15rem;
  cursor: pointer;
  font-family: "Manrope-Medium";
  font-weight: 500;
}
.confirm-order .c_r .product-list li .total {
  width: 11%;
  display: flex;
  align-items: center;
  justify-content: end;
  font-weight: 500;
  font-size: 0.16rem;
  color: #000000;
  line-height: 0.19rem;
  font-family: "Manrope-Medium";
  font-weight: 500;
}
.confirm-order .c_r .product-list li .mobile-detail {
  display: none;
}
.confirm-order .c_r .total-info {
  display: flex;
  flex-direction: column;
  align-items: end;
  margin-top: 0.33rem;
}
.confirm-order .c_r .total-info .sub-total,
.confirm-order .c_r .total-info .shipping {
  margin-top: 0.1rem;
}
.confirm-order .c_r .total-info .sub-total .n,
.confirm-order .c_r .total-info .shipping .n {
  display: inline-block;
  text-align: left;
  width: 1rem;
  font-weight: 500;
  font-size: 0.16rem;
  color: #000000;
  line-height: 0.19rem;
  font-family: "Manrope-Medium";
  font-weight: 500;
}
.confirm-order .c_r .total-info .sub-total .v,
.confirm-order .c_r .total-info .shipping .v {
  display: inline-block;
  width: 1rem;
  text-align: right;
  font-weight: bold;
  font-size: 0.16rem;
  color: #000000;
  line-height: 0.19rem;
  font-family: "Manrope-Bold";
  font-weight: bold;
}
.confirm-order .c_r .total-info .total {
  margin-top: 0.15rem;
}
.confirm-order .c_r .total-info .total .n {
  display: inline-block;
  text-align: left;
  width: 1rem;
  font-weight: bold;
  font-size: 0.2rem;
  color: #000000;
  line-height: 0.23rem;
  font-family: "Manrope-Bold";
  font-weight: bold;
}
.confirm-order .c_r .total-info .total .v {
  display: inline-block;
  width: 1rem;
  text-align: right;
  font-weight: bold;
  font-size: 0.2rem;
  color: #000000;
  line-height: 0.23rem;
  font-family: "Manrope-Bold";
  font-weight: bold;
}
.confirm-order .c_r .line {
  width: 100%;
  height: 1px;
  background-color: #AEAEAE;
  margin: 0.37rem 0 0.9rem 0;
  opacity: 0.6;
}
.confirm-order .c_r .remark {
  margin-top: 0.2rem;
}
.confirm-order .c_r .remark input::-webkit-input-placeholder {
  color: #00000030;
}
.confirm-order .c_r .remark input::-moz-placeholder {
  color: #00000030;
}
.confirm-order .c_r .remark input:-moz-placeholder {
  color: #00000030;
}
.confirm-order .c_r .remark input:-ms-input-placeholder {
  color: #00000030;
}
.confirm-order .c_r .remark textarea::-webkit-input-placeholder {
  color: #00000030;
}
.confirm-order .c_r .remark textarea::-moz-placeholder {
  color: #00000030;
}
.confirm-order .c_r .remark textarea:-moz-placeholder {
  color: #00000030;
}
.confirm-order .c_r .remark textarea:-ms-input-placeholder {
  color: #00000030;
}
.confirm-order .c_r .remark textarea {
  width: 100%;
  height: 1.4rem;
  background: #FFFFFF;
  border-radius: 0.1rem;
  resize: none;
  font-weight: 400;
  font-size: 0.16rem;
  color: #000000;
  line-height: 0.24rem;
  padding: 0.15rem 0.2rem;
  font-family: "Manrope-Regular";
  font-weight: 400;
}
.confirm-order .c_r .submit-box {
  display: flex;
  justify-content: end;
  margin: 0.3rem 0 0.53rem 0;
}
.confirm-order .c_r .submit-box .submit {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.47rem;
  height: 0.54rem;
  background: #FF660A;
  border-radius: 0.1rem;
  font-weight: bold;
  font-size: 0.16rem;
  color: #FFFFFF;
  line-height: 0.19rem;
  cursor: pointer;
  font-family: "Manrope-Bold";
  font-weight: bold;
}
.confirm-order .c_r .submit-box .submit:hover {
  background: #E35D0C;
}

@media screen and (max-width: 800px) {
  .confirm-order {
    display: block;
  }
  .confirm-order .c_l {
    width: 100%;
    padding: 87px 15px 71px 15px;
    background-color: #FFFFFF;
  }
  .confirm-order .c_l h3 {
    font-weight: 800;
    font-size: 28px;
    color: #000000;
    line-height: 33px;
    font-family: "Manrope-Bold";
    font-weight: bold;
  }
  .confirm-order .c_l .sub-title {
    display: flex;
    align-items: center;
    font-weight: bold;
    font-size: 18px;
    color: #000000;
    line-height: 21px;
    text-align: left;
    margin-top: 21px;
    font-family: "Manrope-Bold";
    font-weight: bold;
  }
  .confirm-order .c_l .sub-title:before {
    content: "";
    display: inline-block;
    width: 4px;
    height: 21px;
    background-color: #FF660A;
    margin-right: 11px;
  }
  .confirm-order .c_l .address-list {
    margin-top: 21px;
  }
  .confirm-order .c_l .address-list ul li {
    display: flex;
    align-items: center;
    padding: 12px 15px 16px 15px;
    border: 1px solid #AEAEAE;
    border-bottom: none;
    cursor: pointer;
  }
  .confirm-order .c_l .address-list ul li.active {
    border-color: #FF660A;
  }
  .confirm-order .c_l .address-list ul li.active .a_l span {
    display: block;
    width: 16px;
    height: 16px;
    border: 5px solid #FF660A;
    border-radius: 50%;
  }
  .confirm-order .c_l .address-list ul li.active + li {
    border-top-color: #FF660A;
  }
  .confirm-order .c_l .address-list ul li:first-child {
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
  }
  .confirm-order .c_l .address-list ul li:first-child.active {
    border-color: #FF660A;
  }
  .confirm-order .c_l .address-list ul li:last-child {
    border-bottom: 1px solid #AEAEAE;
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px;
  }
  .confirm-order .c_l .address-list ul li:last-child.active {
    border-color: #FF660A;
  }
  .confirm-order .c_l .address-list ul li .a_l {
    margin-right: 18px;
  }
  .confirm-order .c_l .address-list ul li .a_l span {
    display: block;
    width: 16px;
    height: 16px;
    border: 1px solid #AEAEAE;
    border-radius: 50%;
  }
  .confirm-order .c_l .address-list ul li .a_r .name {
    font-weight: 600;
    font-size: 16px;
    color: #000000;
    line-height: 19px;
    font-family: "Manrope-Bold";
    font-weight: bold;
  }
  .confirm-order .c_l .address-list ul li .a_r .name span {
    display: block;
    font-weight: 500;
    font-size: 14px;
    color: rgba(0, 0, 0, 0.7);
    line-height: 16px;
    margin: 9px 0 0 0;
    font-family: "Manrope-Regular";
    font-weight: 400;
  }
  .confirm-order .c_l .address-list ul li .a_r .detail {
    font-weight: 500;
    font-size: 14px;
    color: #000000;
    line-height: 16px;
    margin-top: 10px;
    font-family: "Manrope-Medium";
    font-weight: 500;
  }
  .confirm-order .c_l .address-list ul li .a_r .phone {
    font-weight: 500;
    font-size: 14px;
    color: #000000;
    line-height: 16px;
    margin-top: 7px;
    font-family: "Manrope-Medium";
    font-weight: 500;
  }
  .confirm-order .c_l .no-address {
    text-align: center;
    margin: 86px 0 37px 0;
  }
  .confirm-order .c_l .no-address .img {
    display: inline-block;
    width: 246px;
    height: 193px;
  }
  .confirm-order .c_l .no-address .img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .confirm-order .c_l .no-address p {
    font-weight: 600;
    font-size: 16px;
    color: #00000030;
    line-height: 19px;
    font-family: "Manrope-Bold";
    font-weight: bold;
  }
  .confirm-order .c_l .btn-box {
    display: flex;
    justify-content: center;
    margin-bottom: 0;
  }
  .confirm-order .c_l .btn-box .btn {
    margin-top: 37px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 165px;
    height: 45px;
    background: #FF660A;
    border-radius: 10px;
    font-weight: bold;
    font-size: 14px;
    color: #FFFFFF;
    line-height: 16px;
    font-family: "Manrope-Medium";
    font-weight: 500;
  }
  .confirm-order .c_r {
    width: 100%;
    background-color: #F5F5F5;
    padding: 41px 15px 0 15px;
  }
  .confirm-order .c_r .sub-title {
    display: flex;
    align-items: center;
    font-weight: bold;
    font-size: 18px;
    color: #000000;
    line-height: 21px;
    text-align: left;
    margin-top: 21px;
    font-family: "Manrope-Bold";
    font-weight: bold;
  }
  .confirm-order .c_r .sub-title:before {
    content: "";
    display: inline-block;
    width: 4px;
    height: 21px;
    background-color: #FF660A;
    margin-right: 11px;
  }
  .confirm-order .c_r .product-list {
    margin-top: 0.3rem;
  }
  .confirm-order .c_r .product-list li {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #AEAEAE;
  }
  .confirm-order .c_r .product-list li .img {
    width: 90px;
    margin-right: 0px;
  }
  .confirm-order .c_r .product-list li .img img {
    width: 75px;
    height: 75px;
    object-fit: cover;
  }
  .confirm-order .c_r .product-list li .price {
    width: calc(100% - 90px);
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  .confirm-order .c_r .product-list li .price .no {
    font-weight: bold;
    font-size: 18px;
    color: #000000;
    line-height: 21px;
    font-family: "Manrope-Bold";
    font-weight: bold;
  }
  .confirm-order .c_r .product-list li .price .p {
    font-weight: 500;
    font-size: 14px;
    color: #000000;
    line-height: 16px;
    margin-top: 4px;
    font-family: "Manrope-Medium";
    font-weight: 500;
  }
  .confirm-order .c_r .product-list li .price .model {
    font-weight: 500;
    font-size: 14px;
    color: #666666;
    line-height: 16px;
    margin-top: 11px;
    font-family: "Manrope-Medium";
    font-weight: 500;
  }
  .confirm-order .c_r .product-list li .detail {
    display: none;
  }
  .confirm-order .c_r .product-list li .qty {
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: start;
    margin: 19px 0 0 90px;
  }
  .confirm-order .c_r .product-list li .qty .inp {
    display: flex;
    align-items: center;
    background: #FFFFFF;
    border: 1px solid #AEAEAE50;
  }
  .confirm-order .c_r .product-list li .qty .inp .dec {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    font-size: 30px;
    margin-top: -5px;
    cursor: pointer;
  }
  .confirm-order .c_r .product-list li .qty .inp input {
    width: 50px;
    height: 40px;
    text-align: center;
  }
  .confirm-order .c_r .product-list li .qty .inp .add {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    font-size: 22px;
    cursor: pointer;
  }
  .confirm-order .c_r .product-list li .qty .remove {
    font-weight: 500;
    font-size: 13px;
    color: #000000;
    line-height: 15px;
    text-align: left;
    font-style: normal;
    text-decoration-line: underline;
    margin: 0 0 0 15px;
    cursor: pointer;
    font-family: "Manrope-Medium";
    font-weight: 500;
  }
  .confirm-order .c_r .product-list li .total {
    display: none;
  }
  .confirm-order .c_r .product-list li .mobile-detail {
    display: block;
    width: 100%;
    padding-left: 90px;
    font-weight: 500;
    font-size: 14px;
    color: #000000;
    line-height: 16px;
    margin-top: 16px;
    font-family: "Manrope-Medium";
    font-weight: 500;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    text-overflow: ellipsis;
    font-family: "Manrope-Medium";
    font-weight: 500;
  }
  .confirm-order .c_r .total-info {
    display: flex;
    flex-direction: column;
    align-items: end;
    margin-top: 4px;
    width: 100%;
  }
  .confirm-order .c_r .total-info .sub-total,
.confirm-order .c_r .total-info .shipping {
    width: 100%;
    margin-top: 13px;
    display: flex;
  }
  .confirm-order .c_r .total-info .sub-total .n,
.confirm-order .c_r .total-info .shipping .n {
    width: 50%;
    display: inline-block;
    text-align: left;
    font-weight: 500;
    font-size: 14px;
    color: #000000;
    line-height: 16px;
    font-family: "Manrope-Medium";
    font-weight: 500;
  }
  .confirm-order .c_r .total-info .sub-total .v,
.confirm-order .c_r .total-info .shipping .v {
    width: 50%;
    display: inline-block;
    text-align: right;
    font-weight: bold;
    font-size: 14px;
    color: #000000;
    line-height: 16px;
    font-family: "Manrope-Bold";
    font-weight: bold;
  }
  .confirm-order .c_r .total-info .total {
    margin-top: 0.15rem;
    width: 100%;
    display: flex;
  }
  .confirm-order .c_r .total-info .total .n {
    width: 50%;
    display: inline-block;
    text-align: left;
    font-weight: bold;
    font-size: 20px;
    color: #000000;
    line-height: 23px;
    font-family: "Manrope-Bold";
    font-weight: bold;
  }
  .confirm-order .c_r .total-info .total .v {
    width: 50%;
    display: inline-block;
    text-align: right;
    font-weight: bold;
    font-size: 20px;
    color: #000000;
    line-height: 23px;
    font-family: "Manrope-Bold";
    font-weight: bold;
  }
  .confirm-order .c_r .line {
    width: 100%;
    height: 1px;
    background-color: #AEAEAE;
    margin: 49px 0 37px 0;
    opacity: 0.6;
  }
  .confirm-order .c_r .remark {
    margin-top: 24px;
  }
  .confirm-order .c_r .remark textarea {
    width: 100%;
    height: 180px;
    background: #FFFFFF;
    border-radius: 12px;
    resize: none;
    font-weight: 400;
    font-size: 14px;
    color: #000000;
    line-height: 16px;
    padding: 0 15px;
    font-family: "Manrope-Regular";
    font-weight: 400;
  }
  .confirm-order .c_r .submit-box {
    display: flex;
    justify-content: end;
    margin: 30px 0 60px 0;
  }
  .confirm-order .c_r .submit-box .submit {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 45px;
    background: #FF660A;
    border-radius: 10px;
    font-weight: bold;
    font-size: 14px;
    color: #FFFFFF;
    line-height: 16px;
    font-family: "Manrope-Bold";
    font-weight: bold;
  }
}
.query-order {
  padding: 0.4rem 0 0.4rem 0;
}
.query-order .container .top {
  display: flex;
  justify-content: space-between;
}
.query-order .container .top .top_l {
  display: flex;
  align-items: center;
}
.query-order .container .top .top_l .title {
  font-size: 0.4rem;
  color: #000000;
  line-height: 0.47rem;
  font-family: "Manrope-Bold";
  font-weight: bold;
}
.query-order .container .top .top_l .import {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.2rem;
  height: 0.48rem;
  background: #FF660A;
  border-radius: 0.1rem;
  font-weight: bold;
  font-size: 0.16rem;
  color: #FFFFFF;
  line-height: 0.19rem;
  margin-left: 0.57rem;
  cursor: pointer;
  font-family: "Manrope-Bold";
  font-weight: bold;
}
.query-order .container .top .top_l .import:hover {
  background: #E35D0C;
}
.query-order .container .top .top_l a {
  font-size: 0.16rem;
  color: #000000;
  line-height: 0.19rem;
  text-align: left;
  font-style: normal;
  text-decoration-line: underline;
  margin-left: 0.25rem;
  font-family: "Manrope-Bold";
  font-weight: bold;
}
.query-order .container .top .top_r {
  position: relative;
  width: 4.8rem;
  height: 0.48rem;
}
.query-order .container .top .top_r input {
  width: calc(100% - 0.68rem);
  height: 0.48rem;
  background: #F5F5F5;
  border-radius: 0.1rem 0 0 0.1rem;
  padding-left: 0.2rem;
  font-weight: 500;
  font-size: 0.16rem;
  color: #000000;
  line-height: 0.19rem;
  font-family: "Manrope-Medium";
  font-weight: 500;
}
.query-order .container .top .top_r .serach {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  right: 0;
  top: 0;
  width: 0.68rem;
  height: 0.48rem;
  background: #FF660A;
  border-radius: 0px 0.1rem 0.1rem 0px;
  cursor: pointer;
}
.query-order .container .top .top_r .serach:hover {
  background: #E35D0C;
}
.query-order .container .top .top_r .serach img {
  width: 0.22rem;
}
.query-order .container .table {
  position: relative;
  margin-top: 0.3rem;
  margin-bottom: 1rem;
}
.query-order .container .table ul li {
  padding: 0.09rem 0.3rem 0.09rem 0.3rem;
  display: flex;
  align-items: center;
  font-weight: 500;
  font-size: 0.16rem;
  color: #000000;
  line-height: 0.19rem;
  font-family: "Manrope-Medium";
  font-weight: 500;
}
.query-order .container .table ul li:nth-of-type(2n+1) {
  background-color: #F5F5F5;
}
.query-order .container .table ul li.head {
  padding: 0.16rem 0.3rem 0.16rem 0.3rem;
  background: #EAEAEA;
  border-radius: 0.1rem 0.1rem 0 0;
  font-weight: 500;
  font-size: 0.16rem;
  color: #000000;
  line-height: 0.19rem;
  font-family: "Manrope-Bold";
  font-weight: bold;
}
.query-order .container .table ul li.on .chedked span {
  display: block;
  border: none;
}
.query-order .container .table ul li.on .chedked span img {
  display: block;
  width: 100%;
  height: 100%;
}
.query-order .container .table ul li .chedked {
  width: 4%;
  cursor: pointer;
  user-select: none;
}
.query-order .container .table ul li .chedked span {
  display: block;
  width: 0.18rem;
  height: 0.18rem;
  border-radius: 0.05rem;
  border: 2px solid #AEAEAE;
}
.query-order .container .table ul li .chedked span img {
  display: none;
}
.query-order .container .table ul li .no {
  width: 9.5%;
}
.query-order .container .table ul li .model {
  width: 9%;
}
.query-order .container .table ul li .description {
  width: 26%;
}
.query-order .container .table ul li .stock {
  width: 8%;
}
.query-order .container .table ul li .price {
  width: 8%;
}
.query-order .container .table ul li .quantity {
  width: 11.5%;
  user-select: none;
}
.query-order .container .table ul li .quantity .inp {
  display: flex;
  align-items: center;
  width: 1rem;
  height: 0.32rem;
  border: 1px solid #AEAEAE50;
}
.query-order .container .table ul li .quantity .inp span {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 0.32rem;
  height: 0.32rem;
  font-size: 0.22rem;
  cursor: pointer;
}
.query-order .container .table ul li .quantity .inp input {
  width: calc(100% - 0.64rem);
  text-align: center;
}
.query-order .container .table ul li .subtotal {
  width: 8.7%;
}
.query-order .container .table ul li .option {
  width: 15.3%;
  display: flex;
}
.query-order .container .table ul li .option .add {
  color: #FF660A;
  cursor: pointer;
}
.query-order .container .table ul li .option .add:hover {
  text-decoration: underline;
}
.query-order .container .table ul li .option .remove {
  color: #FF660A;
  margin-left: 0.28rem;
  cursor: pointer;
}
.query-order .container .table ul li .option .remove:hover {
  text-decoration: underline;
}
.query-order .container .table ul .no-data {
  text-align: center;
  padding: 0.85rem 0 2.29rem 0;
}
.query-order .container .table ul .no-data img {
  width: 2.4rem;
  height: 2.4rem;
}
.query-order .container .table ul .no-data p {
  font-weight: 600;
  font-size: 0.18rem;
  color: #00000030;
  line-height: 0.21rem;
}
.query-order .container .table .total {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  background-color: #F5F5F5;
  box-shadow: 0px 0px 30px 0px rgba(153, 153, 153, 0.25);
  border-radius: 0.15rem;
  border: 1px solid #DFDFDF;
  padding: 0.16rem 0.3rem;
  margin-top: 0.3rem;
  display: flex;
  justify-content: space-between;
}
.query-order .container .table .total.sticky + div {
  transform: translateY(-1000px);
}
.query-order .container .table .total .total_l {
  display: flex;
  align-items: center;
}
.query-order .container .table .total .total_l .check {
  width: 0.18rem;
  height: 0.18rem;
  border: 2px solid #AEAEAE;
  border-radius: 0.05rem;
  cursor: pointer;
  display: flex;
}
.query-order .container .table .total .total_l .check.on {
  border: none;
}
.query-order .container .table .total .total_l .check.on img {
  width: 100%;
  height: 100%;
}
.query-order .container .table .total .total_l .all {
  font-weight: 500;
  font-size: 0.16rem;
  color: #000000;
  line-height: 0.19rem;
  margin-left: 0.17rem;
  font-family: "Manrope-Medium";
  font-weight: 500;
}
.query-order .container .table .total .total_l .selected {
  display: flex;
  font-weight: 500;
  font-size: 0.16rem;
  color: #000000;
  line-height: 0.19rem;
  margin-left: 0.77rem;
  font-family: "Manrope-Medium";
  font-weight: 500;
}
.query-order .container .table .total .total_l .selected span {
  color: #FF660A;
  margin-right: 0.07rem;
}
.query-order .container .table .total .pull-up {
  display: none;
}
.query-order .container .table .total .total_r {
  display: flex;
  align-items: center;
}
.query-order .container .table .total .total_r .total-price {
  display: flex;
  align-items: center;
}
.query-order .container .table .total .total_r .total-price .n {
  font-weight: 400;
  font-size: 0.18rem;
  color: #000000;
  line-height: 0.21rem;
  font-family: "Manrope-Regular";
  font-weight: 400;
}
.query-order .container .table .total .total_r .total-price .v {
  font-weight: bold;
  font-size: 0.24rem;
  color: #000000;
  line-height: 0.28rem;
  margin-left: 0.17rem;
  font-family: "Manrope-Bold";
  font-weight: bold;
}
.query-order .container .table .total .total_r .btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 3rem;
  height: 0.48rem;
  background: #FF660A;
  border-radius: 0.1rem;
  margin-left: 0.6rem;
  font-weight: bold;
  font-size: 0.16rem;
  color: #FFFFFF;
  line-height: 0.19rem;
  cursor: pointer;
  font-family: "Manrope-Bold";
  font-weight: bold;
}
.query-order .container .table .total .total_r .btn:hover {
  background: #E35D0C;
}
.query-order .container .table .total .total_r .btn.option30 {
  opacity: 0.3;
}

@media screen and (max-width: 800px) {
  .query-order {
    padding: 87px 0 15px 0;
  }
  .query-order .container .top {
    display: block;
  }
  .query-order .container .top .top_l {
    display: flex;
    flex-wrap: wrap;
  }
  .query-order .container .top .top_l .title {
    width: 100%;
    font-size: 28px;
    color: #000000;
    line-height: 33px;
    margin-bottom: 0.21rem;
    font-family: "Manrope-Bold";
    font-weight: bold;
  }
  .query-order .container .top .top_l .import {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 125px;
    height: 45px;
    background: #FF660A;
    border-radius: 10px;
    font-weight: bold;
    font-size: 14px;
    color: #FFFFFF;
    line-height: 16px;
    margin-left: 0;
    font-family: "Manrope-Bold";
    font-weight: bold;
  }
  .query-order .container .top .top_l a {
    display: inline-block;
    font-size: 14px;
    color: #000000;
    line-height: 16px;
    text-align: left;
    font-style: normal;
    text-decoration-line: underline;
    margin-left: 15px;
    font-family: "Manrope-Medium";
    font-weight: 500;
  }
  .query-order .container .top .top_r {
    position: relative;
    width: 100%;
    height: 45px;
    margin-top: 40px;
  }
  .query-order .container .top .top_r input {
    width: calc(100% - 64px);
    height: 45px;
    background: #F5F5F5;
    border-radius: 10px;
    padding-left: 15px;
    font-weight: 500;
    font-size: 14px;
    color: #000000;
    line-height: 16px;
    font-family: "Manrope-Medium";
    font-weight: 500;
  }
  .query-order .container .top .top_r .serach {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    right: 0;
    top: 0;
    width: 65px;
    height: 45px;
    background: #FF660A;
    border-radius: 0px 10px 10px 0px;
    cursor: pointer;
  }
  .query-order .container .top .top_r .serach img {
    width: 21px;
  }
  .query-order .container .table {
    margin-top: 20px;
    margin-bottom: 180px;
  }
  .query-order .container .table > ul {
    overflow-x: auto;
  }
  .query-order .container .table > ul > li {
    width: 1500px;
    padding: 9px 15px 9px 15px;
    display: flex;
    align-items: center;
    font-weight: 500;
    font-size: 14px;
    color: #000000;
    line-height: 16px;
    font-family: "Manrope-Medium";
    font-weight: 500;
  }
  .query-order .container .table > ul > li:nth-of-type(2n+1) {
    background-color: #F5F5F5;
  }
  .query-order .container .table > ul > li.head {
    padding: 13px 15px 13px 15px;
    background: #EAEAEA;
    border-radius: 10px 10px 0 0;
    font-weight: 500;
    font-size: 14px;
    color: #000000;
    line-height: 16px;
    font-family: "Manrope-Bold";
    font-weight: bold;
  }
  .query-order .container .table > ul > li.on .chedked span {
    display: block;
    border: none;
  }
  .query-order .container .table > ul > li.on .chedked span img {
    display: block;
    width: 100%;
    height: 100%;
  }
  .query-order .container .table > ul > li .chedked {
    width: 4%;
  }
  .query-order .container .table > ul > li .chedked span {
    display: block;
    width: 16px;
    height: 16px;
    border-radius: 4px;
    border: 2px solid #AEAEAE;
  }
  .query-order .container .table > ul > li .chedked span img {
    display: none;
  }
  .query-order .container .table > ul > li .no {
    width: 9.5%;
  }
  .query-order .container .table > ul > li .model {
    width: 9%;
  }
  .query-order .container .table > ul > li .description {
    width: 31%;
  }
  .query-order .container .table > ul > li .stock {
    width: 8%;
  }
  .query-order .container .table > ul > li .price {
    width: 8%;
  }
  .query-order .container .table > ul > li .quantity {
    width: 11.5%;
  }
  .query-order .container .table > ul > li .quantity .inp {
    display: flex;
    width: 100px;
    height: 32px;
    border: 1px solid #AEAEAE50;
  }
  .query-order .container .table > ul > li .quantity .inp span {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    font-size: 22px;
    margin-top: -1px;
  }
  .query-order .container .table > ul > li .quantity .inp input {
    width: calc(100% - 64px);
    text-align: center;
  }
  .query-order .container .table > ul > li .subtotal {
    width: 8.7%;
  }
  .query-order .container .table > ul > li .option {
    width: 10.3%;
    display: flex;
  }
  .query-order .container .table > ul > li .option .add {
    color: #FF660A;
    cursor: pointer;
  }
  .query-order .container .table > ul > li .option .add:hover {
    text-decoration: underline;
  }
  .query-order .container .table > ul > li .option .remove {
    color: #FF660A;
    margin-left: 20px;
    cursor: pointer;
  }
  .query-order .container .table > ul > li .option .remove:hover {
    text-decoration: underline;
  }
  .query-order .container .table > ul .no-data {
    text-align: center;
    padding: 0 0 79px 0;
  }
  .query-order .container .table > ul .no-data img {
    width: 200px;
    height: 200px;
  }
  .query-order .container .table > ul .no-data p {
    font-weight: 600;
    font-size: 14px;
    color: #00000030;
    line-height: 16px;
    font-family: "Manrope-Medium";
    font-weight: 500;
  }
  .query-order .container .table .total {
    background-color: #F5F5F5;
    box-shadow: 0px 0px 30px 0px rgba(153, 153, 153, 0.25);
    border-radius: 12px;
    border: 1px solid #DFDFDF;
    padding: 20px 15px 10px 15px;
    margin-top: 0;
    display: block;
  }
  .query-order .container .table .total .total_l {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
  }
  .query-order .container .table .total .total_l .check {
    width: 16px;
    height: 16px;
    border: 2px solid #AEAEAE;
    border-radius: 4px;
    cursor: pointer;
  }
  .query-order .container .table .total .total_l .check.on {
    border: none;
  }
  .query-order .container .table .total .total_l .check.on img {
    width: 100%;
    height: 100%;
  }
  .query-order .container .table .total .total_l .all {
    font-weight: 500;
    font-size: 14px;
    color: #000000;
    line-height: 16px;
    margin-left: 13px;
    font-family: "Manrope-Medium";
    font-weight: 500;
  }
  .query-order .container .table .total .total_l .selected {
    display: none;
  }
  .query-order .container .table .total .pull-up {
    position: relative;
    display: block;
    margin: 17px 0 14px 0;
  }
  .query-order .container .table .total .pull-up .title {
    padding: 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #FFFFFF;
    border-radius: 8px;
    cursor: pointer;
  }
  .query-order .container .table .total .pull-up .title.on .img {
    transform: rotate(180deg);
  }
  .query-order .container .table .total .pull-up .title .content {
    display: flex;
    align-items: center;
    font-weight: 500;
    font-size: 14px;
    color: #000000;
    line-height: 16px;
    font-family: "Manrope-Medium";
    font-weight: 500;
  }
  .query-order .container .table .total .pull-up .title .img {
    width: 12px;
  }
  .query-order .container .table .total .pull-up .list {
    width: 100%;
    height: 229px;
    position: absolute;
    top: 0%;
    transform: translateY(-102%);
    background-color: #FFFFFF;
    box-shadow: 0px 0 10px 0px rgba(159, 159, 159, 0.25);
    border-radius: 12px 12px 12px 12px;
    padding: 22px 0;
    display: none;
  }
  .query-order .container .table .total .pull-up .list ul {
    height: 100%;
    overflow-y: scroll;
  }
  .query-order .container .table .total .pull-up .list ul li {
    background-color: transparent;
    margin-bottom: 22px;
    display: flex;
    justify-content: space-between;
  }
  .query-order .container .table .total .pull-up .list ul li:last-child {
    margin-bottom: 0;
  }
  .query-order .container .table .total .pull-up .list ul li p {
    font-weight: 500;
    font-size: 14px;
    color: #000000;
    line-height: 16px;
    font-family: "Manrope-Medium";
    font-weight: 500;
  }
  .query-order .container .table .total .pull-up .list ul li span {
    font-size: 14px;
    color: #00000060;
    line-height: 16px;
    text-align: left;
    font-family: "Manrope-Medium";
    font-weight: 500;
  }
  .query-order .container .table .total .total_r {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .query-order .container .table .total .total_r .total-price {
    display: flex;
    align-items: center;
  }
  .query-order .container .table .total .total_r .total-price .n {
    font-weight: 400;
    font-size: 14px;
    color: #000000;
    line-height: 16px;
    font-family: "Manrope-Regular";
    font-weight: 400;
  }
  .query-order .container .table .total .total_r .total-price .v {
    font-weight: bold;
    font-size: 18px;
    color: #000000;
    line-height: 21px;
    margin-left: 8px;
    font-family: "Manrope-Bold";
    font-weight: bold;
  }
  .query-order .container .table .total .total_r .btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 165px;
    height: 45px;
    background: #FF660A;
    border-radius: 10px;
    margin-left: 0;
    font-weight: bold;
    font-size: 14px;
    color: #FFFFFF;
    line-height: 16px;
    cursor: pointer;
    font-family: "Manrope-Bold";
    font-weight: bold;
  }
}
@media screen and (max-width: 800px) {
  .sel .el-select {
    width: 100%;
  }
  .sel .el-select .el-input {
    width: 100%;
  }
  .sel .el-select .el-input .el-input__inner {
    width: 100%;
    height: 45px;
    font-weight: bold;
    font-size: 14px;
    color: #000000;
    line-height: 16px;
    font-family: "Manrope-Bold";
    font-weight: bold;
    border-radius: 10px;
  }
  .sel .el-select .el-input .el-input__inner.is-focus {
    border-color: #FF660A;
  }
  .sel .el-select .el-input .el-input__inner:focus {
    border-color: #FF660A;
  }

  .el-select .el-input.is-focus .el-input__inner {
    border-color: #FF660A;
  }

  .el-select-dropdown .el-scrollbar .selected {
    color: #FF660A;
  }
}
.modal {
  width: 100% !important;
  max-width: 11rem !important;
  padding: 0 !important;
  box-shadow: none !important;
  background-color: transparent !important;
}
.modal a.close-modal {
  z-index: 1;
}

.modal-video video {
  width: 100%;
}

.html404 .content {
  padding: 1.94rem 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.html404 .content .img {
  width: 3.3rem;
  height: 3.4rem;
}
.html404 .content .img img {
  width: 100%;
  height: 100%;
}
.html404 .content .text {
  font-family: Manrope, Manrope;
  font-weight: bold;
  font-size: 0.32rem;
  color: #000000;
  font-style: normal;
  margin-top: 0.68rem;
  margin-bottom: 0.68rem;
  text-align: center;
}
.html404 .content .bt {
  display: flex;
  justify-content: center;
  align-items: center;
}
.html404 .content .bt .backbt {
  width: 2rem;
  height: 0.54rem;
  background: #f0f0f0;
  border-radius: 0.1rem;
  font-family: Manrope, Manrope;
  font-weight: bold;
  font-size: 0.16rem;
  color: #000000;
  font-style: normal;
  text-transform: none;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 0.1rem;
}
.html404 .content .bt .homebt {
  width: 2rem;
  height: 0.54rem;
  background: #ff660a;
  border-radius: 0.1rem;
  font-family: Arial, Arial;
  font-weight: bold;
  font-size: 0.16rem;
  color: #ffffff;
  font-style: normal;
  text-transform: none;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: 0.1rem;
}

@media screen and (max-width: 800px) {
  .html404 .content {
    padding: 177px 0 211px 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
  .html404 .content .img {
    width: 202px;
    height: 209px;
  }
  .html404 .content .img img {
    width: 100%;
    height: 100%;
  }
  .html404 .content .text {
    font-size: 24px;
    margin-top: 46px;
    margin-bottom: 60px;
    text-align: center;
    padding: 0 40px;
  }
  .html404 .content .bt {
    padding: 0 15px;
  }
  .html404 .content .bt .backbt {
    width: 165px;
    height: 45px;
    border-radius: 10px;
    font-size: 14px;
    margin-right: 7.5px;
  }
  .html404 .content .bt .homebt {
    width: 165px;
    height: 45px;
    border-radius: 10px;
    font-size: 14px;
    margin-left: 7.5px;
  }
}
.pagination {
  display: flex;
  justify-content: center;
  align-items: center;
}
.pagination .el-pagination {
  display: flex;
  align-items: center;
}
.pagination .el-pagination .btn-prev,
.pagination .el-pagination .btn-next {
  background-color: transparent;
}
.pagination .el-pagination .btn-prev:hover,
.pagination .el-pagination .btn-next:hover {
  color: #FF660A;
}
.pagination .el-pagination .el-pager {
  display: flex;
}
.pagination .el-pagination .el-pager .number,
.pagination .el-pagination .el-pager .more {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 0.4rem;
  height: 0.4rem;
  font-weight: 400;
  font-size: 0.16rem;
  color: #171A20;
  line-height: 0.19rem;
  background-color: transparent;
  border-radius: 0.03rem;
  cursor: pointer;
  font-family: "Manrope-Regular";
  font-weight: 400;
}
.pagination .el-pagination .el-pager .number.active,
.pagination .el-pagination .el-pager .more.active {
  background-color: #FF660A;
  color: #FFFFFF;
}
.pagination .skip {
  display: flex;
  align-items: center;
  margin-left: 0.2rem;
  margin-bottom: 0;
}
.pagination .skip span {
  font-weight: 400;
  font-size: 0.16rem;
  color: #171A20;
  line-height: 0.19rem;
  font-family: "Manrope-Regular";
  font-weight: 400;
}
.pagination .skip input {
  width: 0.6rem;
  height: 0.4rem;
  border-radius: 0.2rem;
  border: 1px solid #E0E0E0;
  text-align: center;
  font-weight: 400;
  font-size: 0.16rem;
  color: #171A20;
  line-height: 0.19rem;
  margin: 0 0.12rem;
  font-family: "Manrope-Regular";
  font-weight: 400;
}
.pagination .skip input:focus {
  border: 1px solid #FF660A;
}
.pagination .skip .confirm {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 0.95rem;
  height: 0.4rem;
  border-radius: 0.2rem;
  border: 1px solid #FF660A;
  margin-left: 0.32rem;
  cursor: pointer;
}
.pagination .skip .confirm span {
  font-weight: 400;
  font-size: 0.16rem;
  color: #FF660A;
  line-height: 0.19rem;
  font-family: "Manrope-Regular";
  font-weight: 400;
}

@media screen and (max-width: 800px) {
  .pagination {
    display: block;
  }
  .pagination .el-pagination {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .pagination .el-pagination .btn-prev,
.pagination .el-pagination .btn-next {
    background-color: transparent;
    padding: 0;
  }
  .pagination .el-pagination .btn-prev:hover,
.pagination .el-pagination .btn-next:hover {
    color: #FF660A;
  }
  .pagination .el-pagination .el-pager {
    display: flex;
  }
  .pagination .el-pagination .el-pager .number,
.pagination .el-pagination .el-pager .more {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 35px;
    height: 35px;
    font-weight: 400;
    font-size: 12px;
    color: #171A20;
    line-height: 14px;
    background-color: transparent;
    border-radius: 8px;
    font-family: "Manrope-Regular";
    font-weight: 400;
  }
  .pagination .el-pagination .el-pager .number.active,
.pagination .el-pagination .el-pager .more.active {
    background-color: #FF660A;
    color: #FFFFFF;
  }
  .pagination .el-pagination .el-pager .more {
    width: 20px !important;
    min-width: 20px !important;
    padding: 0;
    margin: 0;
  }
  .pagination .skip {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 20px 0 0 0;
  }
  .pagination .skip span {
    font-weight: 400;
    font-size: 12px;
    color: #171A20;
    line-height: 14px;
    font-family: "Manrope-Regular";
    font-weight: 400;
  }
  .pagination .skip input {
    width: 50px;
    height: 35px;
    border-radius: 18px;
    border: 1px solid #E0E0E0;
    text-align: center;
    font-weight: 400;
    font-size: 12px;
    color: #171A20;
    line-height: 14px;
    margin: 0 8px;
    font-family: "Manrope-Regular";
    font-weight: 400;
  }
  .pagination .skip input:focus {
    border: 1px solid #FF660A;
  }
  .pagination .skip .confirm {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 70px;
    height: 35px;
    border-radius: 18px;
    border: 1px solid #FF660A;
    margin-left: 29px;
    cursor: pointer;
  }
  .pagination .skip .confirm span {
    font-weight: 400;
    font-size: 12px;
    color: #FF660A;
    line-height: 14px;
    font-family: "Manrope-Regular";
    font-weight: 400;
  }
}
.el-input .el-input__inner:focus {
  border-color: #FF660A;
}

.el-select .el-input .el-input__inner {
  font-weight: bold;
  font-size: 14px;
  color: #000000;
  line-height: 16px;
  font-family: "Manrope-Bold";
  font-weight: bold;
  border-radius: 10px;
}
.el-select .el-input .el-input__inner::placeholder {
  color: #000000 !important;
}
.el-select .el-input .el-input__inner.is-focus {
  border-color: #FF660A !important;
}
.el-select .el-input .el-input__inner:focus {
  border-color: #FF660A !important;
}

.el-form-item.is-success .el-input__inner {
  border-color: #FF660A !important;
}

.el-input__inner::placeholder {
  color: #000000 !important;
  opacity: 0.5 !important;
}

.el-select .el-input.is-focus .el-input__inner {
  border-color: #FF660A !important;
}

.el-select-dropdown .el-scrollbar .selected {
  color: #FF660A !important;
}

.el-form-item__label {
  color: #000000 !important;
  font-size: 0.16rem !important;
  font-family: "Manrope-Bold";
  font-weight: bold;
  line-height: 28px;
  margin-bottom: 0.06rem;
}

.el-textarea__inner {
  padding: 0.13rem 0.15rem !important;
  font-size: 14px !important;
  border-radius: 10px !important;
}
.el-textarea__inner::placeholder {
  color: #000000 !important;
  opacity: 0.5;
}
.el-textarea__inner:focus {
  border-color: #FF660A !important;
}

.el-form-item.is-success .el-date-editor .el-input__inner,
.el-form-item.is-success .el-date-editor .el-textarea__inner {
  border-color: #D9D9D9 !important;
}

.el-form-item.is-success .el-date-editor .el-input__inner:focus,
.el-form-item.is-success .el-date-editor .el-textarea__inner:focus {
  border-color: #FF660A !important;
}

.el-picker-panel__body-wrapper .el-date-picker__header-label:hover {
  color: #FF660A !important;
}
.el-picker-panel__body-wrapper .el-picker-panel__icon-btn:hover {
  color: #FF660A !important;
}
.el-picker-panel__body-wrapper .el-year-table td .cell:hover {
  color: #FF660A !important;
}
.el-picker-panel__body-wrapper .el-month-table td .cell:hover {
  color: #FF660A !important;
}
.el-picker-panel__body-wrapper .el-year-table td .cell:hover, .el-picker-panel__body-wrapper .el-year-table td.current:not(.disabled) .cell {
  color: #FF660A !important;
}
.el-picker-panel__body-wrapper .el-month-table td .cell:hover, .el-picker-panel__body-wrapper .el-month-table td.current:not(.disabled) .cell {
  color: #FF660A !important;
}
.el-picker-panel__body-wrapper .el-picker-panel__body .el-picker-panel__content .el-date-table td.current:not(.disabled) span {
  color: #FFFFFF !important;
  background-color: #FF660A !important;
}
.el-picker-panel__body-wrapper .el-picker-panel__body .el-picker-panel__content .el-date-table td.today span {
  color: #FF660A !important;
}
.el-picker-panel__body-wrapper .el-picker-panel__body .el-picker-panel__content .el-date-table td.available:hover {
  color: #FF660A !important;
}