@charset "UTF-8";
body,
html,
ul,
li,
p,
h1,
h2,
h3,
h4,
h5 {
  margin: 0;
  padding: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: normal;
}

img {
  border: none;
  font-size: 0;
}

/*包含以下四种的链接*/
a {
  text-decoration: none;
  color: #646466;
}

/*正常的未被访问过的链接*/
a:link {
  text-decoration: none;
}

/*已经访问过的链接*/
a:visited {
  text-decoration: none;
}

/*鼠标划过(停留)的链接*/
a:hover {
  text-decoration: none;
}

/* 正在点击的链接*/
a:active {
  text-decoration: none;
}

ul,
li {
  list-style: none;
  list-style-type: none;
}

body {
  margin: 0;
  padding: 0;
  border: 0;
  position: relative;
  color: #374151;
  background-color: #fff;
  font-family: "Poppins";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
}
body *:focus {
  outline: none;
}

/** {
	::-webkit-scrollbar {
		!*隐藏滚轮*!
		!*display: none;*!
		width: 15px;
	}
}*/
.QRcode {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 999;
  background: transparent !important;
}
.QRcode .QR-content {
  width: 315px;
  height: 315px;
  box-sizing: border-box;
  padding: 25px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background: #fff no-repeat center center;
  background-size: cover;
}

.QRcode1 {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 999;
  background: transparent !important;
}
.QRcode1 .QR-content {
  width: 315px;
  height: 315px;
  box-sizing: border-box;
  padding: 25px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background: #fff no-repeat center center;
  background-size: cover;
}
.QRcode1 .QR-content img {
  width: 100%;
}

.bottom-tips {
  width: 100%;
  text-align: center;
  height: 70px;
  line-height: 70px;
  font-weight: 400;
  font-size: 13px;
  cursor: pointer;
}
.bottom-tips.pointer {
  cursor: pointer;
}
.bottom-tips.white {
  color: #fff;
}

.submit-btn {
  cursor: pointer;
  margin: 20px 0px;
  width: 220px;
  height: 36px;
  background: #444444;
  /* Primary/Blue */
  border: 1px solid #40bfff;
  box-sizing: border-box;
  /* Button Shadow */
  box-shadow: 0px 6px 10px rgba(64, 191, 255, 0.15);
  border-radius: 5px;
  line-height: 36px;
  font-weight: 700;
  font-size: 14px;
  color: #ffffff;
  text-align: center;
}

@-webkit-keyframes onOpen {
  0% {
    top: calc(-1 * (100vh - 50px));
  }
  100% {
    top: 50px;
  }
}

@keyframes onOpen {
  0% {
    top: calc(-1 * (100vh - 50px));
  }
  100% {
    top: 50px;
  }
}
@-webkit-keyframes onClose {
  0% {
    top: 50px;
  }
  100% {
    top: calc(-1 * (100vh - 50px));
  }
}
@keyframes onClose {
  0% {
    top: 50px;
  }
  100% {
    top: calc(-1 * (100vh - 50px));
  }
}
.searchContainer {
  z-index: 99;
  width: 250px;
  height: calc(100vh - 50px);
  overflow-x: hidden;
  overflow-y: auto;
  white-space: nowrap;
  scrollbar-width: none; /* firefox */
  -ms-overflow-style: none; /* IE 10+ */
  background-color: #333333;
  overflow-y: auto;
  padding: 20px 15px;
  box-sizing: border-box;
  position: absolute;
  left: 250px;
  top: 50px;
}
.searchContainer.onClose {
  -webkit-animation-name: onClose;
          animation-name: onClose;
  -webkit-animation-duration: 0.3s;
          animation-duration: 0.3s;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
}
.searchContainer.onOpen {
  -webkit-animation-name: onOpen;
          animation-name: onOpen;
  -webkit-animation-duration: 0.3s;
          animation-duration: 0.3s;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
}
.searchContainer .s-close {
  display: flex;
  justify-content: flex-end;
  height: 13px;
}
.searchContainer .s-close .s-icon {
  cursor: pointer;
  width: 13px;
  height: 13px;
  display: inline-block;
  background: url(/img/ico-close.4df3029e.svg) no-repeat center center;
  background-size: 13px auto;
}
.searchContainer .s-header {
  margin: 22px 0px 20px 0px;
  padding: 13px;
  width: 220px;
  height: 44px;
  line-height: 44px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  border: 1px solid #7b809a;
  box-sizing: border-box;
  border-radius: 8px;
  background-color: #ffffff;
}
.searchContainer .s-header .h-icon {
  width: 28px;
  height: 28px;
  background: url(/img/ico-search-search.e88cef5e.svg) no-repeat center center;
  background-size: 100% auto;
  margin-right: 21px;
}
.searchContainer .s-header .h-input {
  flex: 1;
  height: 20px;
  line-height: 20px;
  font-weight: bold;
  font-size: 14px;
  color: #7b809a;
  background-color: #ffffff;
  border: unset;
}
.searchContainer .s-header .h-close {
  cursor: pointer;
  width: 12px;
  height: 12px;
  background: url(/img/ico-close2.3001b395.svg) no-repeat center center;
  background-size: 12px auto;
  margin-left: 10px;
}
.searchContainer .s-typeList {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  width: 220px;
  height: 217px;
  padding: 4px;
  background: #ffffff;
  border-radius: 8px;
  box-sizing: border-box;
  margin-top: 20px;
}
.searchContainer .s-typeList .l-item {
  cursor: pointer;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  align-items: center;
  width: 48px;
  height: 58px;
  box-sizing: border-box;
  margin-right: 6px;
  margin-bottom: 9px;
  border-radius: 6px;
  border: 2px solid #fff;
}
.searchContainer .s-typeList .l-item .i-icon {
  width: 32px;
  height: 32px;
  background: no-repeat center center;
  background-size: cover;
}
.searchContainer .s-typeList .l-item .i-text {
  text-align: center;
  color: #000000;
  font-weight: 400;
  font-size: 10px;
}
.searchContainer .s-typeList .l-item.on {
  border: 2px solid #40bfff;
}
.searchContainer .s-typeList .l-item:nth-child(4n) {
  margin-right: 0px;
}
.searchContainer .option-list {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-around;
  margin: 15px 0px 0px 2px;
  color: #fff;
}
.searchContainer .option-list.list2 {
  flex-wrap: wrap;
  justify-content: unset;
  margin-right: 0px;
  margin-bottom: 0px;
}
.searchContainer .option-list.list2 .l-item {
  margin-right: 8px;
  margin-bottom: 16px;
}
.searchContainer .option-list.list2 .l-item:last-child {
  margin-right: 0px;
}
.searchContainer .option-list .l-item {
  height: 20px;
  line-height: 20px;
  font-weight: bold;
  color: #9098b1;
  border: 2px solid #ebf0ff;
  border-radius: 16px;
  padding: 0px 16px;
  cursor: pointer;
}
.searchContainer .option-list .l-item.on {
  border: 2px solid #40bfff;
  color: #40bfff;
}
.searchContainer .option-list .l-btn {
  width: 36px;
  height: 36px;
}
.searchContainer .s-title {
  margin: 20px 0px 20px 0px;
  font-weight: bold;
  font-family: "Poppins";
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 180%;
  color: #ffffff;
  font-weight: 400;
}
.searchContainer .s-title span {
  font-size: 12px;
  font-weight: normal;
  color: #ccc;
  margin-left: 7px;
}
.searchContainer .s-price {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}
.searchContainer .s-price .p-item {
  width: 105px;
  height: 44px;
  padding: 11px;
  border-radius: 10px;
  box-sizing: border-box;
  background: #ffffff;
  border: 2px solid #40bfff;
  color: #9098b1;
  font-weight: bold;
}
.searchContainer .s-type {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.searchContainer .s-type .t-item {
  cursor: pointer;
  margin-bottom: 20px;
  margin-right: 8px;
  padding: 8px 10px;
  border-radius: 5px;
  border: 1px solid #9098b1;
  box-sizing: border-box;
  color: rgba(255, 255, 255, 0.9);
  font-size: 12px;
}
.searchContainer .s-type .t-item.on {
  color: #40bfff;
  font-weight: bold;
  background: rgba(64, 191, 255, 0.1);
}
.searchContainer .c-bar .c-submit {
  margin: 20px 0px;
  width: 220px;
  height: 36px;
  background: #444444;
  /* Primary/Blue */
  border: 1px solid #40bfff;
  box-sizing: border-box;
  /* Button Shadow */
  box-shadow: 0px 6px 10px rgba(64, 191, 255, 0.15);
  border-radius: 5px;
  line-height: 36px;
  font-weight: 700;
  font-size: 14px;
  color: #ffffff;
  text-align: center;
  cursor: pointer;
}

.stone-list .l-item {
  cursor: pointer;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  background: #444444;
  /* Button Shadow */
  box-shadow: 0px 6px 10px rgba(64, 191, 255, 0.15);
  border-radius: 5px;
  padding: 0px 5px;
  height: 117px;
  width: 220px;
  box-sizing: border-box;
  margin-bottom: 12px;
}
.stone-list .l-item.on {
  background: #ebf0ff;
}
.stone-list .l-item.on .c-row .i-btn {
  cursor: pointer;
  border: none;
  color: #9098b1;
}
.stone-list .l-item .c-row {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.stone-list .l-item .c-row .c-img {
  width: 32px;
  height: 32px;
  background: no-repeat center center;
  background-size: cover;
  margin-left: 5px;
}
.stone-list .l-item .c-row .c-info .c-text {
  color: rgba(255, 255, 255, 0.9);
  font-weight: 400;
  font-size: 12px;
}
.stone-list .l-item .c-row .c-info .c-text.mt {
  margin-top: 5px;
}
.stone-list .l-item .c-row .i-title {
  color: rgba(255, 255, 255, 0.9);
  font-weight: 400;
  font-size: 12px;
  margin-bottom: 4px;
}
.stone-list .l-item .c-row .i-title.on {
  font-weight: bold;
  color: #adb3bc;
}
.stone-list .l-item .c-row .i-price {
  font-size: 12px;
  text-align: center;
  color: #fb7181;
  font-weight: 700;
  margin-top: 5px;
}
.stone-list .l-item .c-row .i-btn {
  cursor: pointer;
  width: 71px;
  height: 24px;
  line-height: 24px;
  border: 1px solid #40bfff;
  text-align: center;
  filter: drop-shadow(0px 6px 10px rgba(64, 191, 255, 0.15));
  border-radius: 4px;
  color: rgba(255, 255, 255, 0.9);
  font-weight: 400;
  font-size: 10px;
}
.stone-list .l-item .c-row .i-btn .b-icon {
  margin-left: 5px;
  vertical-align: middle;
  display: inline-block;
  width: 15px;
  height: 11px;
  background: url(/img/ico-rest2.51affb3d.svg) no-repeat center center;
  background-size: 100% 100%;
}

.goods-list-column {
  width: 1440px;
  margin: 0 auto;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
}
.goods-list-column.single-size {
  width: 220px;
  margin: unset;
}
.goods-list-column.single-size .g-item {
  cursor: pointer;
  width: 219px;
  height: 219px;
  border: 1px solid #ebf0ff;
  border-radius: 5px;
  margin: unset;
  margin-bottom: 20px;
}
.goods-list-column.single-size .g-item.on {
  width: 216px;
  height: 216px;
  border: 4px solid #40bfff;
}
.goods-list-column.single-size .g-item.on .i-content .c-price {
  color: #40bfff;
  font-weight: 700;
}
.goods-list-column.single-size .g-item .i-cover {
  width: 100%;
  border-radius: 5px 5px 0px 0px;
  height: 165.54px;
}
.goods-list-column.single-size .g-item .i-content {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: 0px 16px;
  height: 54px;
  line-height: 54px;
  width: 100%;
  box-sizing: border-box;
}
.goods-list-column.single-size .g-item .i-content .t-like {
  position: unset;
  width: 15px;
  height: 15px;
  background: url(/img/ico-like.2b9f6b53.svg) no-repeat center center;
  background-size: 100% 100%;
}
.goods-list-column.single-size .g-item .i-content .t-like.on {
  background-image: url(/img/ico-like-on.eff817a6.svg);
}
.goods-list-column.single-size .g-item .i-content .c-price {
  height: 26px;
  line-height: 26px;
  font-weight: 400;
  font-size: 12px;
  color: #9098b1;
}
.goods-list-column.small-size {
  width: 226px;
  margin: unset;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.goods-list-column.small-size .g-item {
  cursor: pointer;
  width: 104px;
  height: 104px;
  border: 1px solid #ebf0ff;
  border-radius: 5px;
  margin: unset;
  margin-bottom: 12px;
  margin-right: 8px;
}
.goods-list-column.small-size .g-item:nth-child(2n) {
  margin-right: unset;
}
.goods-list-column.small-size .g-item.on {
  width: 101px;
  height: 101px;
  border: 4px solid #40bfff;
}
.goods-list-column.small-size .g-item.on .i-content .c-price {
  color: #40bfff;
  font-weight: 700;
  font-size: 10px;
}
.goods-list-column.small-size .g-item .i-cover {
  width: 100%;
  border-radius: 5px 5px 0px 0px;
  height: 78.75px;
}
.goods-list-column.small-size .g-item .i-content {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: 0px 5px;
  height: 26px;
  line-height: 26px;
  width: 100%;
  box-sizing: border-box;
}
.goods-list-column.small-size .g-item .i-content .t-like {
  position: unset;
  width: 12px;
  height: 12px;
  background: url(/img/ico-like.2b9f6b53.svg) no-repeat center center;
  background-size: 100% 100%;
}
.goods-list-column.small-size .g-item .i-content .t-like.on {
  background-image: url(/img/ico-like-on.eff817a6.svg);
}
.goods-list-column.small-size .g-item .i-content .c-price {
  height: 26px;
  line-height: 26px;
  font-weight: 400;
  font-size: 10px;
  color: #9098b1;
}
.goods-list-column .g-item {
  width: 300px;
  max-height: 355px;
  background: #ffffff;
  border: 1px solid #ebf0ff;
  box-shadow: 0px 6px 10px rgba(64, 191, 255, 0.15);
  margin-left: 45px;
  margin-bottom: 36px;
  cursor: pointer;
}
.goods-list-column .g-item .i-cover {
  width: 300px;
  height: 225px;
  background: no-repeat center center;
  background-size: cover;
}
.goods-list-column .g-item .i-content {
  padding: 16px;
  position: relative;
}
.goods-list-column .g-item .i-content .c-title {
  width: 233px;
  max-height: 58px;
  line-height: 29px;
  min-height: 29px;
  font-weight: bold;
  font-size: 16px;
  color: #223263;
  margin-bottom: 12px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.goods-list-column .g-item .i-content .t-like {
  position: absolute;
  right: 20px;
  top: 30px;
  width: 24px;
  height: 22px;
  background: url(/img/ico-like.2b9f6b53.svg) no-repeat center center;
  background-size: 100% 100%;
}
.goods-list-column .g-item .i-content .t-like.on {
  background-image: url(/img/ico-like-on.eff817a6.svg);
}
.goods-list-column .g-item .i-content .c-price {
  font-weight: bold;
  color: #fb7181;
  height: 29px;
  line-height: 29px;
}

.header {
  height: 86px;
  background: #fafafa;
}
.header .h-inner {
  width: 1440px;
  height: 86px;
  margin: 0 auto;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}
.header .h-inner .i-logo {
  font-size: 35px;
  color: #6e6e6e;
  width: 400px;
  margin-left: 72.5px;
  /*width: 232px;*/
  height: 80px;
  background: no-repeat left top;
  background-size: cover;
  cursor: pointer;
}
.header .h-inner .i-search {
  display: flex;
  align-items: center;
  width: 280px;
  height: 32px;
  border-bottom: 1px solid #9ca3af;
}
.header .h-inner .i-search .s-icon {
  width: 16px;
  height: 16px;
  background: url(/img/ico-search3.7d45e621.svg) no-repeat center center;
  background-size: cover;
  margin-right: 20px;
}
.header .h-inner .i-search .s-input {
  flex: 1;
  border: none;
  font-family: "Arial";
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
  line-height: 15px;
  color: #9ca3af !important;
  background-color: #fafafa;
}
.header .h-inner .i-search input::-webkit-input-placeholder {
  /* 修改placeholder颜色  */
  color: #9ca3af;
}
.header .h-inner .i-info {
  display: flex;
  align-items: center;
  margin-right: 72px;
  cursor: pointer;
}
.header .h-inner .i-info .i-text {
  color: #374151;
}
.header .h-inner .i-info .i-icon {
  width: 22px;
  height: 32px;
  background: url(/img/ico-login-phone.01c53de8.svg) no-repeat center center;
  background-size: cover;
  margin-left: 10px;
}

.nav-wrap {
  width: 100vw;
  height: 63px;
  display: flex;
  align-items: center;
  position: relative;
}
.nav-wrap .nav-list {
  margin: 0 auto;
  height: 63px;
  line-height: 63px;
  display: flex;
  align-items: center;
}
.nav-wrap .nav-list .l-item {
  cursor: pointer;
  height: 23px;
  line-height: 23px;
  margin-right: 26px;
  padding: 0px 8px;
  color: #374151;
  text-align: center;
}
.nav-wrap .nav-list .l-item:last-child {
  margin-right: 0px;
}
.nav-wrap .nav-list .l-item font {
  margin-left: 5px;
}
.nav-wrap .nav-list .l-item.on {
  color: #ffffff;
  background: #eb5757;
  border-radius: 2px;
}
.nav-wrap .nav-list .nav-line {
  width: 1.8px;
  height: 13.5px;
  background-color: #374151;
}
.nav-wrap .nav-list2 {
  position: absolute;
  right: 20px;
  top: 0;
  height: 63px;
  width: 440px;
  margin-left: unset;
  flex-wrap: nowrap;
  overflow-x: auto;
  overflow-y: hidden;
  white-space: nowrap;
  scrollbar-width: none; /* firefox */
  -ms-overflow-style: none; /* IE 10+ */
}
.nav-wrap .nav-list2 .l-item {
  padding: unset;
  margin-left: 34px;
  margin-right: unset;
  padding: 0px 8px;
}

.swiper-container {
  /*width: 100vw;*/
  height: auto;
  cursor: pointer;
}
.swiper-container .swiper-wrapper .swiper-slide {
  width: 100%;
  height: auto;
  -o-object-fit: fill;
     object-fit: fill;
}

.banner {
  width: 100vw;
  height: 490px;
  background: no-repeat center center;
  background-size: cover;
  cursor: pointer;
}

.banner-list {
  width: 100vw;
  height: 490px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: no-repeat center center;
  background-size: cover;
  cursor: pointer;
}

.main-title {
  width: 1440px;
  margin: 0 auto;
  margin-top: 64px;
  margin-bottom: 56px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.main-title .t-text {
  text-align: center;
  width: 244px;
  height: 28px;
  margin-bottom: 8px;
  line-height: 28px;
  /* identical to box height */
  text-transform: uppercase;
}
.main-title .t-text font {
  margin-left: 10px;
}
.main-title .t-line {
  width: 247px;
  height: 4px;
  background: #374151;
  border-radius: 100px;
}

.footer {
  width: 100vw;
  height: 222px;
  background: #f9fafb;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.footer .f-inner {
  margin: auto;
  display: flex;
  flex-direction: row;
}
.footer .f-item {
  margin-right: 77px;
}
.footer .f-item:last-child {
  margin-right: 0px;
}
.footer .f-item .i-logo {
  cursor: pointer;
  width: 232px;
  height: 48px;
  text-align: center;
  vertical-align: center;
  margin-bottom: 19px;
  background: no-repeat left top;
  background-size: cover;
}
.footer .f-item .i-text {
  cursor: pointer;
  color: #6b7280;
  font-size: 13px;
  margin-bottom: 11px;
  text-align: left;
}
.footer .f-item .i-text.center {
  text-align: center;
}
.footer .f-item .i-title {
  color: #1f2937;
  font-size: 14px;
  margin-bottom: 16px;
}
.footer .f-item.mr160 {
  margin-right: 160px;
}
.footer .f-item.mr77 {
  margin-right: 77px;
}

.jewelIndex {
  overflow: hidden;
  position: relative;
}
.jewelIndex .j-header {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  box-sizing: border-box;
  width: 100%;
  height: 50px;
  background-color: #222222;
  padding: 0px 22px;
}
.jewelIndex .j-header .h-home {
  width: 20px;
  height: 20px;
  background: url(/img/ico-home.fad29df8.svg) no-repeat center center;
  background-size: cover;
  cursor: pointer;
}
.jewelIndex .j-header .h-title {
  font-family: "Arial";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 18px;
  color: #ffffff;
}
.jewelIndex .j-header .h-share {
  display: flex;
  flex-direction: row;
  cursor: pointer;
}
.jewelIndex .j-header .h-share .s-text {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  margin-right: 13px;
  color: rgba(255, 255, 255, 0.9);
}
.jewelIndex .j-header .h-share .s-icon {
  width: 18px;
  height: 15px;
  background: url(/img/ico-share.5416f676.svg) no-repeat center center;
  background-size: cover;
}
.jewelIndex .j-content {
  display: flex;
  flex-direction: row;
}
.jewelIndex .j-content .c-wrap ::-webkit-scrollbar {
  /*隐藏滚轮*/
  width: 15px;
}
.jewelIndex .j-content .c-wrap .w-list {
  width: 250px;
  height: calc(100vh - 50px);
  overflow-x: hidden;
  overflow-y: auto;
  white-space: nowrap;
  scrollbar-width: none; /* firefox */
  -ms-overflow-style: none; /* IE 10+ */
  background-color: #333333;
  padding: 14px;
  box-sizing: border-box;
}
.jewelIndex .j-content .c-wrap .w-list .w-option {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 15px;
}
.jewelIndex .j-content .c-wrap .w-list .w-option .o-item {
  cursor: pointer;
  width: 61px;
  height: 33px;
  line-height: 33px;
  font-size: 14px;
  text-align: center;
  box-sizing: border-box;
  border-radius: 5px;
  color: rgba(255, 255, 255, 0.9);
  border: 1px solid #898a8d;
}
.jewelIndex .j-content .c-wrap .w-list .w-option .o-item.on {
  border: 1px solid #40bfff;
  color: #40bfff;
}
.jewelIndex .j-content .c-wrap .w-list .w-option .o-item1 {
  cursor: pointer;
  height: 33px;
  line-height: 33px;
  font-size: 14px;
  text-align: center;
  box-sizing: border-box;
  color: rgba(255, 255, 255, 0.9);
}
.jewelIndex .j-content .c-wrap .w-list .w-option .l-btn {
  width: 18px;
  height: 18px;
  background: no-repeat center center;
  background-size: 100% 100%;
  cursor: pointer;
}
.jewelIndex .j-content .c-wrap .w-list .w-option .l-btn.l-icon1 {
  background-image: url(/img/ico-option-pl01.0f9d99fd.svg);
}
.jewelIndex .j-content .c-wrap .w-list .w-option .l-btn.l-icon1.on {
  background-image: url(/img/ico-option-pl01-on.36a73ebf.svg);
}
.jewelIndex .j-content .c-wrap .w-list .w-option .l-btn.l-icon2 {
  background-image: url(/img/ico-option-pl02.bf81facc.svg);
}
.jewelIndex .j-content .c-wrap .w-list .w-option .l-btn.l-icon2.on {
  background-image: url(/img/ico-option-pl02-on.ab60a908.svg);
}
.jewelIndex .j-content .c-wrap .w-list .w-option .o-icon {
  width: 24px;
  height: 24px;
  background: url(/img/ico-search2.69c27159.svg) no-repeat center center;
  background-size: cover;
  cursor: pointer;
}
.jewelIndex .j-content .c-wrap .w-list .w-option .o-icon.refresh {
  background: url(/img/refresh.a237e2f0.svg) no-repeat center center;
  background-size: 16px 20px;
}
.jewelIndex .j-content .c-wrap .w-list .type-list {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  padding: 27px 0px 23px 0px;
}
.jewelIndex .j-content .c-wrap .w-list .type-list .l-item {
  cursor: pointer;
  height: 24px;
  line-height: 24px;
  font-size: 12px;
  font-weight: bold;
  color: rgba(255, 255, 255, 0.9);
}
.jewelIndex .j-content .c-wrap .w-list .type-list .l-item.on {
  color: #40bfff;
}
.jewelIndex .j-content .c-wrap .w-list .type-list .l-item.num {
  flex: 1;
}
.jewelIndex .j-content .c-wrap .w-list .type-list .l-btn {
  width: 18px;
  height: 18px;
  background: no-repeat center center;
  background-size: 100% 100%;
  cursor: pointer;
}
.jewelIndex .j-content .c-wrap .w-list .type-list .l-btn.l-icon1 {
  background-image: url(/img/ico-option-pl01.0f9d99fd.svg);
}
.jewelIndex .j-content .c-wrap .w-list .type-list .l-btn.l-icon1.on {
  background-image: url(/img/ico-option-pl01-on.36a73ebf.svg);
}
.jewelIndex .j-content .c-wrap .w-list .type-list .l-btn.l-icon2 {
  background-image: url(/img/ico-option-pl02.bf81facc.svg);
}
.jewelIndex .j-content .c-wrap .w-list .type-list .l-btn.l-icon2.on {
  background-image: url(/img/ico-option-pl02-on.ab60a908.svg);
}
.jewelIndex .j-content .play-box-wrap {
  flex: 1;
  display: flex;
  position: relative;
  height: calc(100vh - 50px);
}
.jewelIndex .j-content .play-box-wrap .p-exit-btn {
  z-index: 9;
  position: absolute;
  bottom: 20px;
  left: 0px;
  width: 100vw;
  height: 50px;
}
.jewelIndex .j-content .play-box-wrap .p-exit-btn .b-icon {
  cursor: pointer;
  margin: 0 auto;
  width: 32px;
  height: 32px;
  background: url(data:image/png;base64,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) no-repeat center center;
  background-size: 32px 32px;
}
.jewelIndex .j-content .play-box-wrap.full {
  width: 100vw !important;
  height: 100vh !important;
}
.jewelIndex .j-content .jewelDetail {
  width: 250px;
  height: calc(100vh - 50px);
  overflow-x: hidden;
  overflow-y: auto;
  white-space: nowrap;
  scrollbar-width: none; /* firefox */
  -ms-overflow-style: none; /* IE 10+ */
  background-color: #333333;
  overflow-y: auto;
  width: 250px;
  padding: 20px 15px;
  box-sizing: border-box;
}
.jewelIndex .j-content .jewelDetail .sets-wrap .s-header {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
.jewelIndex .j-content .jewelDetail .sets-wrap .s-header .h-title {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 700;
  font-weight: bold;
  font-size: 14px;
  color: #ffffff;
  margin-bottom: 12px;
}
.jewelIndex .j-content .jewelDetail .sets-wrap .s-header .h-icon {
  width: 24px;
  height: 24px;
  background: url(data:image/jpeg;base64,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) no-repeat center center;
  background-size: 100% 100%;
}
.jewelIndex .j-content .jewelDetail .s-list {
  width: 100%;
  height: 68px;
  margin-bottom: 30px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-around;
  box-sizing: border-box;
}
.jewelIndex .j-content .jewelDetail .s-list.on {
  border-bottom: 2px solid #40bfff;
}
.jewelIndex .j-content .jewelDetail .s-list .l-item-wrap {
  cursor: pointer;
  width: 47px;
  height: 62px;
  background: none;
}
.jewelIndex .j-content .jewelDetail .s-list .l-item-wrap .i-content {
  width: 47px;
  height: 68px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.jewelIndex .j-content .jewelDetail .s-list .l-item-wrap .i-content .c-cover {
  width: 47px;
  height: 36px;
  background: no-repeat center center;
  background-size: cover;
}
.jewelIndex .j-content .jewelDetail .s-list .l-item-wrap .i-content .c-text {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  text-align: center;
  height: 22px;
  width: 47px;
  line-height: 22px;
  color: rgba(255, 255, 255, 0.9);
  border: 1px solid #9098b1;
  box-sizing: border-box;
}
.jewelIndex .j-content .jewelDetail .s-list .l-item-wrap .i-content .c-text.on {
  box-sizing: content-box;
  width: 47px;
  height: 30px;
  line-height: 30px;
  color: transparent;
  font-weight: bold;
  background: url(/img/ico-right.4164a21e.svg) no-repeat center center;
  background-color: #40bfff;
  border: unset;
}
.jewelIndex .j-content .jewelDetail .jewel-info .i-header {
  display: flex;
  flex-direction: row;
  align-items: center;
  width: 100%;
}
.jewelIndex .j-content .jewelDetail .jewel-info .i-header .h-title {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  color: #ffffff;
  white-space: normal;
  word-break: break-all;
  word-wrap: break-word;
}
.jewelIndex .j-content .jewelDetail .jewel-info .i-header .h-icon {
  width: 13px;
  height: 13px;
  background: url(data:image/jpeg;base64,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) no-repeat center center;
  background-size: 100% 100%;
}
.jewelIndex .j-content .jewelDetail .jewel-info .i-info {
  margin-bottom: 20px;
}
.jewelIndex .j-content .jewelDetail .jewel-info .i-info .i-item {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  text-align: right;
  color: rgba(255, 255, 255, 0.9);
  line-height: 25px;
  /* or 22px */
}
.jewelIndex .j-content .jewelDetail .jewel-info .i-info .i-item.price {
  color: #40bfff;
  font-family: "Poppins";
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
}
.jewelIndex .j-content .jewelDetail .jewel-info .i-size .s-header {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  height: 21px;
  width: 100%;
  margin: 24px 0px 17.5px 0px;
}
.jewelIndex .j-content .jewelDetail .jewel-info .i-size .s-header .h-l {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.jewelIndex .j-content .jewelDetail .jewel-info .i-size .s-header .h-l .h-title {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  color: #ffffff;
}
.jewelIndex .j-content .jewelDetail .jewel-info .i-size .s-header .h-l .h-title.desc {
  margin-left: 20px;
  color: #898a8d;
  font-size: 12px;
  font-weight: normal;
}
.jewelIndex .j-content .jewelDetail .jewel-info .i-size .s-header .h-l .h-icon {
  width: 16px;
  height: 16px;
  background: no-repeat center center;
  background-size: 100% 100%;
}
.jewelIndex .j-content .jewelDetail .jewel-info .i-size .s-header .h-l .h-icon.icon1 {
  margin-left: 20px;
  background-image: url(/img/ico-question.bcb01374.svg);
}
.jewelIndex .j-content .jewelDetail .jewel-info .i-size .s-header .h-r {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.jewelIndex .j-content .jewelDetail .jewel-info .i-size .s-header .h-r .h-title {
  font-weight: bold;
  font-size: 28px;
  color: #223263;
}
.jewelIndex .j-content .jewelDetail .jewel-info .i-size .s-header .h-r .h-title.desc {
  margin-left: 20px;
  color: #898a8d;
  font-size: 12px;
  font-weight: normal;
}
.jewelIndex .j-content .jewelDetail .jewel-info .i-size .s-header .h-r .h-icon {
  width: 20px;
  height: 26px;
  background: no-repeat center center;
  background-size: 100% 100%;
}
.jewelIndex .j-content .jewelDetail .jewel-info .i-size .s-header .h-r .h-icon.icon1 {
  margin-left: 20px;
}
.jewelIndex .j-content .jewelDetail .jewel-info .i-size .s-header .h-r .h-icon.icon2 {
  background-image: url(data:image/jpeg;base64,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);
}
.jewelIndex .j-content .jewelDetail .jewel-info .i-size .s-list {
  width: 216px;
  height: 64px;
  box-sizing: border-box;
  margin-bottom: 38px;
}
.jewelIndex .j-content .jewelDetail .jewel-info .i-size .s-list .l-content {
  width: 216px;
  height: 64px;
}
.jewelIndex .j-content .jewelDetail .jewel-info .i-size .s-list .l-content .l-item {
  cursor: pointer;
  float: left;
  width: 24px;
  height: 24px;
  line-height: 24px;
  margin-right: 8px;
  margin-bottom: 16px;
  text-align: center;
  color: #223263;
  border-radius: 50%;
  box-sizing: border-box;
  background: rgba(255, 255, 255, 0.9);
  border: 1px solid #d1d5db;
  box-sizing: border-box;
  font-size: 12px;
  /* Button Shadow */
  box-shadow: 0px 6px 10px rgba(64, 191, 255, 0.15);
}
.jewelIndex .j-content .jewelDetail .jewel-info .i-size .s-list .l-content .l-item.on {
  background: #40bfff;
  color: #ffffff;
  font-weight: bold;
  border: 1px solid #40bfff;
}
.jewelIndex .j-content .jewelDetail .jewel-info .i-size .s-list .l-content .l-item:nth-child(7n) {
  margin-right: 0px;
}
.jewelIndex .j-content .jewelDetail .jewel-info .i-size .s-btn {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 52px;
}
.jewelIndex .j-content .jewelDetail .jewel-info .i-size .s-btn.mt {
  margin-top: 52px;
}
.jewelIndex .j-content .jewelDetail .jewel-info .i-size .s-btn .b-item {
  width: 328px;
  height: 114px;
  line-height: 114px;
  text-align: center;
  background: #ffffff;
  border: 2px solid #40bfff;
  box-shadow: 0px 12px 20px rgba(64, 191, 255, 0.1);
  border-radius: 10px;
  color: #9098b1;
  font-weight: bold;
  font-size: 28px;
}
.jewelIndex .j-content .jewelDetail .jewel-info .i-size .s-btn .b-item.on {
  background: #40bfff;
  color: #ffffff;
}
.jewelIndex .j-content .jewelDetail .jewel-info .i-descp {
  width: 220px;
}
.jewelIndex .j-content .jewelDetail .jewel-info .i-descp .d-header {
  margin-bottom: 16px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  font-family: "Poppins";
  font-style: normal;
}
.jewelIndex .j-content .jewelDetail .jewel-info .i-descp .d-header .h-title {
  font-weight: 700;
  font-size: 14px;
  color: #ffffff;
}
.jewelIndex .j-content .jewelDetail .jewel-info .i-descp .d-header .h-des {
  font-weight: 400;
  font-size: 12px;
  color: rgba(255, 255, 255, 0.9);
}
.jewelIndex .j-content .jewelDetail .jewel-info .i-descp .d-content {
  width: 220px;
  white-space: normal;
  word-break: break-all;
  word-wrap: break-word;
  font-size: 12px;
  line-height: 22px;
  letter-spacing: 0.5px;
  color: rgba(255, 255, 255, 0.9);
  margin-bottom: 31px;
}
.jewelIndex .j-content .jewelDetail .jewel-info .i-descp .d-img {
  width: 220px;
  height: 164.51px;
  background: no-repeat center center;
  background-size: cover;
  margin-bottom: 8px;
  background-color: #fff;
}
.jewelIndex .j-content .jewelDetail .text {
  margin-top: 15px;
  height: 31px;
  line-height: 31px;
  font-size: 12px;
  line-height: 150%;
  /* identical to box height, or 15px */
  letter-spacing: 0.5px;
  /* Background/White */
  color: #ffffff;
}
.jewelIndex .j-content .jewelDetail .logo-wrap {
  display: flex;
  justify-content: space-between;
}
.jewelIndex .j-content .jewelDetail .logo-wrap .w-logo {
  width: 66px;
  height: 63px;
  background: url(/img/logo.f34e04dc.jpg) no-repeat center center;
  background-size: cover;
}
.jewelIndex .j-content .jewelDetail .logo-wrap .w-info {
  font-size: 12px;
  line-height: 20px;
  color: #ffffff;
}
.jewelIndex .j-content .play-box {
  position: relative;
  width: calc(100vw - 500px);
  height: calc(100vh - 129px);
}
.jewelIndex .j-content .play-box.full {
  width: 100vw !important;
  height: 100vh !important;
}
.jewelIndex .j-content .photograph {
  width: 130px;
  position: absolute;
  bottom: 35px;
  left: calc((100% - 130px) / 2);
  z-index: 2;
  text-align: center;
  text-shadow: -1px 0 rgb(255, 255, 255), 0 1px rgb(255, 255, 255), 1px 0 rgb(255, 255, 255), 0 -1px rgb(255, 255, 255);
}
.jewelIndex .j-content .photograph > div:first-child {
  display: flex;
  align-items: center;
  justify-content: center;
}
.jewelIndex .j-content .photograph > div:first-child > span {
  background: no-repeat center center;
  background-size: 100% 100%;
  display: inline-block;
  width: 43px;
  height: 43px;
}
.jewelIndex .j-content .photograph > div:first-child > span.takePhoto {
  background-image: url(/img/takePhoto.e349ef04.svg);
}
.jewelIndex .j-content .photograph > div:last-child {
  letter-spacing: 3px;
  font-size: 10px;
  text-align: center;
}
.jewelIndex .j-content .c-h-tool {
  position: absolute;
  right: 0px;
  bottom: 0px;
  width: 85px;
  height: auto;
  line-height: 70px;
  border-radius: 28px 0px 0px 0px;
  background: rgba(255, 255, 255, 0.2);
  border-left: 1px solid #e5e5e5;
  border-top: 1px solid #e5e5e5;
  text-align: center;
  z-index: 10;
}
.jewelIndex .j-content .c-h-tool div {
  cursor: pointer;
  background: no-repeat center center;
  background-size: 100% 100%;
  display: inline-block;
  width: 20px;
  height: 20px;
  margin: 0 11px;
}
.jewelIndex .j-content .c-h-tool div.custom-head-ico1 {
  background-image: url(/img/custom-head-ico1.95e2f5df.svg);
}
.jewelIndex .j-content .c-h-tool div.custom-head-ico2 {
  background-image: url(/img/custom-head-ico2.c2839f58.svg);
}
.jewelIndex .j-content .c-h-tool div.custom-head-ico2-2 {
  background-image: url(/img/custom-head-ico2-2.214574fe.svg);
}
.jewelIndex .j-content .c-h-tool div.custom-head-ico3 {
  background-image: url(/img/custom-head-ico3.0b7ebf62.svg);
}
.jewelIndex .j-content .c-h-tool div.custom-head-ico5 {
  background-image: url(/img/custom-head-ico5.c8c826d9.svg);
}
.jewelIndex .j-content .c-h-tool div.custom-head-ico5-2 {
  background-image: url(/img/custom-head-ico5-2.2ad24f13.svg);
}
.jewelIndex .j-content .c-h-tool div.ico-dz-zhanting {
  background-image: url(/img/ico-dz-zhanting.5c45ec93.svg);
}
.jewelIndex .j-content .c-h-tool div.ico-dz-play {
  background-image: url(/img/ico-dz-play.69782541.svg);
}
.jewelIndex .j-content .c-h-tool div.custom-right-ico1 {
  background-image: url(/img/custom-right-ico1.b6a96c4c.svg);
}
.jewelIndex .j-content .c-h-tool div.custom-right-ico2 {
  background-image: url(/img/custom-right-ico2.d4677b05.svg);
}
.jewelIndex .j-content .c-h-tool div.custom-right-ico3 {
  background-image: url(/img/custom-head2-ico1.102807de.svg);
}
.jewelIndex .j-content .c-h-tool div.custom-right-ico4 {
  background-image: url(/img/custom-right2-ico7-left.a0a2e527.svg);
}
.jewelIndex .j-content .c-h-tool div.custom-right-ico5 {
  background-image: url(/img/custom-right2-ico10.eb46afb3.svg);
}
.jewelIndex .j-content .c-h-tool div.custom-right-ico6 {
  background-image: url(/img/custom-right2-ico11.cc4e980c.svg);
}
.jewelIndex .j-content .c-h-tool div.custom-right-ico7 {
  background-image: url(/img/custom-right2-ico12.8d72fdc9.svg);
}
.jewelIndex .j-content .c-h-tool2 {
  position: absolute;
  left: calc(50% - 200px);
  bottom: 0px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: 0px 8px;
  width: 357px;
  height: 80px;
  background: rgba(255, 255, 255, 0.5);
  border-radius: 16px 16px 0px 0px;
}
.jewelIndex .j-content .c-h-tool2 .i-text {
  text-shadow: -1px 0 white, 0 1px white, 1px 0 white, 0 -1px white;
}
.jewelIndex .j-content .custom-right-tool3 {
  position: absolute;
  right: 0px;
  bottom: 0px;
  width: 90px;
  height: auto;
  border-radius: 28px 0px 0px 0px;
  background: rgba(255, 255, 255, 0.2);
  border-left: 1px solid #e5e5e5;
  border-top: 1px solid #e5e5e5;
  text-align: center;
  z-index: 10;
  padding-top: 20px;
}
.jewelIndex .j-content .custom-right-tool3 > div {
  line-height: 30px;
  font-size: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 30px;
  color: #9098B1;
  font-weight: 700;
  margin-bottom: 10px;
  cursor: pointer;
}
.jewelIndex .j-content .custom-right-tool3 > div.line {
  border-bottom: 1px solid rgba(144, 152, 177, 0.5);
  height: 0px;
  width: 67%;
  margin-left: 17.5%;
}
.jewelIndex .j-content .custom-right-tool3 > div.title {
  font-weight: 400;
}
.jewelIndex .j-content .custom-right-tool3 > div > div {
  width: 25px;
}
.jewelIndex .j-content .custom-right-tool3 > div > span {
  background: no-repeat center center;
  background-size: 100% 100%;
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-right: 16px;
}
.jewelIndex .j-content .custom-right-tool3 > div > span.custom-head-ico1 {
  background-image: url(/img/custom-head-ico1.95e2f5df.svg);
}
.jewelIndex .j-content .custom-right-tool3 > div > span.custom-head-ico2 {
  background-image: url(/img/custom-head-ico2.c2839f58.svg);
}
.jewelIndex .j-content .custom-right-tool3 > div > span.custom-head-ico2-2 {
  background-image: url(/img/custom-head-ico2-2.214574fe.svg);
}
.jewelIndex .j-content .custom-right-tool3 > div > span.custom-head-ico3 {
  background-image: url(/img/custom-head-ico3.0b7ebf62.svg);
}
.jewelIndex .j-content .custom-right-tool3 > div > span.custom-head-ico5 {
  background-image: url(/img/custom-head-ico5.c8c826d9.svg);
}
.jewelIndex .j-content .custom-right-tool3 > div > span.custom-head-ico5-2 {
  background-image: url(/img/custom-head-ico5-2.2ad24f13.svg);
}
.jewelIndex .j-content .custom-right-tool3 > div > span.ico-dz-zhanting {
  background-image: url(/img/ico-dz-zhanting.5c45ec93.svg);
}
.jewelIndex .j-content .custom-right-tool3 > div > span.ico-dz-play {
  background-image: url(/img/ico-dz-play.69782541.svg);
}
.jewelIndex .j-content .custom-right-tool3 > div > span.custom-right-ico1 {
  background-image: url(/img/custom-right-ico1.b6a96c4c.svg);
}
.jewelIndex .j-content .custom-right-tool3 > div > span.custom-right-ico2 {
  background-image: url(/img/custom-right-ico2.d4677b05.svg);
}
.jewelIndex .j-content .custom-right-tool3 > div > span.custom-right-ico3 {
  background-image: url(/img/custom-head2-ico1.102807de.svg);
}
.jewelIndex .j-content .custom-right-tool3 > div > span.custom-right-ico4 {
  background-image: url(/img/custom-right2-ico7-left.a0a2e527.svg);
}
.jewelIndex .j-content .custom-right-tool3 > div > span.custom-right-ico5 {
  background-image: url(/img/custom-right2-ico10.eb46afb3.svg);
}
.jewelIndex .j-content .custom-right-tool3 > div > span.custom-right-ico6 {
  background-image: url(/img/custom-right2-ico11.cc4e980c.svg);
}
.jewelIndex .j-content .custom-right-tool3 > div > span.custom-right-ico7 {
  background-image: url(/img/custom-right2-ico12.8d72fdc9.svg);
}
.jewelIndex .j-content .custom-right-tool3 > div > span.custom-right3-ico1 {
  background-image: url(/img/custom-right3-ico1.736060fb.svg);
}
.jewelIndex .j-content .custom-right-tool3 > div > span.custom-right3-ico2 {
  background-image: url(/img/custom-right3-ico2.f533563b.svg);
}
.jewelIndex .j-content .custom-right-tool3 > div > span.custom-right3-ico3 {
  background-image: url(/img/custom-right3-ico3.3c498758.svg);
}
.jewelIndex .j-content .custom-right-tool3 > div > span.custom-right3-ico4 {
  background-image: url(/img/custom-right3-ico4.47f05bd8.svg);
}
.jewelIndex .j-content .custom-right-tool3 > div > span.custom-right3-ico5 {
  background-image: url(/img/custom-right3-ico5.33067e5a.svg);
}
.jewelIndex .j-content .custom-right-tool3 > div > span.custom-right3-ico6 {
  background-image: url(/img/custom-right3-ico6.17746ff1.svg);
}
.jewelIndex .j-content .custom-right-tool3 > div > span.custom-right3-ico4-on {
  background-image: url(/img/custom-right3-ico4-on.62ae9cac.svg);
}
.jewelIndex .j-content .custom-right-tool3 > div > span.custom-right3-ico5-on {
  background-image: url(/img/custom-right3-ico5-on.476d1bb2.svg);
}
.jewelIndex .j-content .custom-right-tool3 > div > span.custom-right3-ico6-on {
  background-image: url(/img/custom-right3-ico6-on.a819c746.svg);
}
.jewelIndex .j-content .custom-right-tool3 > div > span.custom-right3-ico7 {
  background-image: url(/img/custom-right3-ico7.98ce63b5.svg);
}
.jewelIndex .j-content .custom-right-tool3 > div > span.custom-right3-ico8 {
  background-image: url(/img/custom-right3-ico8.ca22324b.svg);
}
.jewelIndex .j-content .custom-right-tool3-close {
  position: absolute;
  right: 0px;
  bottom: 0px;
  width: 45px;
  height: auto;
  border-radius: 28px 0px 0px 0px;
  background: rgba(255, 255, 255, 0.2);
  border-left: 1px solid #e5e5e5;
  border-top: 1px solid #e5e5e5;
  text-align: center;
  z-index: 10;
  padding-top: 20px;
}
.jewelIndex .j-content .custom-right-tool3-close > div {
  line-height: 30px;
  font-size: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 30px;
  color: #9098B1;
  font-weight: 700;
  margin-bottom: 10px;
  cursor: pointer;
}
.jewelIndex .j-content .custom-right-tool3-close > div.line {
  border-bottom: 1px solid rgba(144, 152, 177, 0.5);
  height: 0px;
  width: 67%;
  margin-left: 17.5%;
}
.jewelIndex .j-content .custom-right-tool3-close > div.title {
  font-weight: 400;
}
.jewelIndex .j-content .custom-right-tool3-close > div > div {
  display: none;
  width: 25px;
}
.jewelIndex .j-content .custom-right-tool3-close > div > span {
  background: no-repeat center center;
  background-size: 100% 100%;
  display: inline-block;
  width: 20px;
  height: 20px;
}
.jewelIndex .j-content .custom-right-tool3-close > div > span.custom-head-ico1 {
  background-image: url(/img/custom-head-ico1.95e2f5df.svg);
}
.jewelIndex .j-content .custom-right-tool3-close > div > span.custom-head-ico2 {
  background-image: url(/img/custom-head-ico2.c2839f58.svg);
}
.jewelIndex .j-content .custom-right-tool3-close > div > span.custom-head-ico2-2 {
  background-image: url(/img/custom-head-ico2-2.214574fe.svg);
}
.jewelIndex .j-content .custom-right-tool3-close > div > span.custom-head-ico3 {
  background-image: url(/img/custom-head-ico3.0b7ebf62.svg);
}
.jewelIndex .j-content .custom-right-tool3-close > div > span.custom-head-ico5 {
  background-image: url(/img/custom-head-ico5.c8c826d9.svg);
}
.jewelIndex .j-content .custom-right-tool3-close > div > span.custom-head-ico5-2 {
  background-image: url(/img/custom-head-ico5-2.2ad24f13.svg);
}
.jewelIndex .j-content .custom-right-tool3-close > div > span.ico-dz-zhanting {
  background-image: url(/img/ico-dz-zhanting.5c45ec93.svg);
}
.jewelIndex .j-content .custom-right-tool3-close > div > span.ico-dz-play {
  background-image: url(/img/ico-dz-play.69782541.svg);
}
.jewelIndex .j-content .custom-right-tool3-close > div > span.custom-right-ico1 {
  background-image: url(/img/custom-right-ico1.b6a96c4c.svg);
}
.jewelIndex .j-content .custom-right-tool3-close > div > span.custom-right-ico2 {
  background-image: url(/img/custom-right-ico2.d4677b05.svg);
}
.jewelIndex .j-content .custom-right-tool3-close > div > span.custom-right-ico3 {
  background-image: url(/img/custom-head2-ico1.102807de.svg);
}
.jewelIndex .j-content .custom-right-tool3-close > div > span.custom-right-ico4 {
  background-image: url(/img/custom-right2-ico7-left.a0a2e527.svg);
}
.jewelIndex .j-content .custom-right-tool3-close > div > span.custom-right-ico5 {
  background-image: url(/img/custom-right2-ico10.eb46afb3.svg);
}
.jewelIndex .j-content .custom-right-tool3-close > div > span.custom-right-ico6 {
  background-image: url(/img/custom-right2-ico11.cc4e980c.svg);
}
.jewelIndex .j-content .custom-right-tool3-close > div > span.custom-right-ico7 {
  background-image: url(/img/custom-right2-ico12.8d72fdc9.svg);
}
.jewelIndex .j-content .custom-right-tool3-close > div > span.custom-right3-ico1 {
  background-image: url(/img/custom-right3-ico1.736060fb.svg);
}
.jewelIndex .j-content .custom-right-tool3-close > div > span.custom-right3-ico2 {
  background-image: url(/img/custom-right3-ico2.f533563b.svg);
}
.jewelIndex .j-content .custom-right-tool3-close > div > span.custom-right3-ico3 {
  background-image: url(/img/custom-right3-ico3.3c498758.svg);
}
.jewelIndex .j-content .custom-right-tool3-close > div > span.custom-right3-ico4 {
  background-image: url(/img/custom-right3-ico4.47f05bd8.svg);
}
.jewelIndex .j-content .custom-right-tool3-close > div > span.custom-right3-ico5 {
  background-image: url(/img/custom-right3-ico5.33067e5a.svg);
}
.jewelIndex .j-content .custom-right-tool3-close > div > span.custom-right3-ico6 {
  background-image: url(/img/custom-right3-ico6.17746ff1.svg);
}
.jewelIndex .j-content .custom-right-tool3-close > div > span.custom-right3-ico4-on {
  background-image: url(/img/custom-right3-ico4-on.62ae9cac.svg);
}
.jewelIndex .j-content .custom-right-tool3-close > div > span.custom-right3-ico5-on {
  background-image: url(/img/custom-right3-ico5-on.476d1bb2.svg);
}
.jewelIndex .j-content .custom-right-tool3-close > div > span.custom-right3-ico6-on {
  background-image: url(/img/custom-right3-ico6-on.a819c746.svg);
}
.jewelIndex .j-content .custom-right-tool3-close > div > span.custom-right3-ico7 {
  background-image: url(/img/custom-right3-ico7.98ce63b5.svg);
}
.jewelIndex .j-content .custom-right-tool3-close > div > span.custom-right3-ico8 {
  background-image: url(/img/custom-right3-ico8.ca22324b.svg);
}
.jewelIndex .j-content .custom-bottom-tool-left {
  position: absolute;
  width: 33px;
  height: 47px;
  left: 16.5px;
  bottom: 16.5px;
  z-index: 2;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  font-family: "Poppins";
  font-style: normal;
  font-size: 12px;
  color: #898a8d;
  text-align: center;
  text-shadow: -1px 0 white, 0 1px white, 1px 0 white, 0 -1px white;
  cursor: pointer;
}
.jewelIndex .j-content .custom-bottom-tool-left .i-icon.reset {
  width: 24px;
  height: 24px;
  background: url(/img/reset.e2caabbb.svg) no-repeat center center;
  background-size: cover;
}
.jewelIndex .j-content .custom-bottom-tool-right {
  position: absolute;
  width: 33px;
  height: 47px;
  right: 16.5px;
  bottom: 16.5px;
  z-index: 2;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  font-family: "Poppins";
  font-style: normal;
  font-size: 12px;
  color: #898a8d;
  text-shadow: -1px 0 white, 0 1px white, 1px 0 white, 0 -1px white;
  cursor: pointer;
}
.jewelIndex .j-content .custom-bottom-tool-right span {
  display: block;
  background: #40bfff;
  width: 20px;
  height: 20px;
  line-height: 20px;
  border-radius: 50%;
  text-align: center;
  background: url(/img/right-arrow.64366b5b.svg) no-repeat center center;
}
.jewelIndex .j-content .custom-bottom-tool {
  position: absolute;
  width: 250px;
  height: 68px;
  left: 60px;
  bottom: 9px;
  box-sizing: border-box;
  overflow-y: hidden;
  overflow-x: scroll;
  white-space: nowrap;
  scrollbar-width: none; /* firefox */
  -ms-overflow-style: none; /* IE 10+ */
  /*&::-webkit-scrollbar-button {
  	background-color: transparent; !* 透明背景 *!
  }*/
}
.jewelIndex .j-content .custom-bottom-tool::-webkit-scrollbar {
  height: 8px; /* 滚动条宽度 */
  cursor: pointer;
}
.jewelIndex .j-content .custom-bottom-tool::-webkit-scrollbar-thumb {
  background-color: #6e6e6e; /* 滚动条颜色 */
  border-radius: 5px;
}
.jewelIndex .j-content .custom-bottom-tool::-webkit-scrollbar-track {
  background-color: #bebebe; /* 轨道背景颜色 */
  border-radius: 5px;
}
.jewelIndex .j-content .custom-bottom-tool.center {
  text-align: center;
}
.jewelIndex .j-content .custom-bottom-tool .t-item {
  display: inline-block;
  cursor: pointer;
  width: 48px;
  height: 63px;
  color: #898a8d;
  font-family: Poppins;
  font-style: normal;
  font-weight: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 150%;
  text-align: center;
  overflow: hidden;
  text-shadow: -1px 0 white, 0 1px white, 1px 0 white, 0 -1px white;
}
.jewelIndex .j-content .custom-bottom-tool .t-item span {
  width: 36px;
  height: 36px;
  display: block;
  background: no-repeat center center;
  background-size: cover;
  margin: 0px 6px;
  margin-bottom: -2px;
  border: 1px;
  box-sizing: border-box;
  border-radius: 10px;
}
.jewelIndex .j-content .custom-bottom-tool .t-item.on {
  color: #40bfff;
}
.jewelIndex .j-content .custom-bottom-tool .t-item.on span {
  border: 1px solid #40bfff;
}
.jewelIndex .j-content .custom-bottom-tool.t2 .t-item {
  text-shadow: -1px 0 white, 0 1px white, 1px 0 white, 0 -1px white;
}
.jewelIndex .j-content .custom-bottom-tool.t2 .t-item span {
  background-color: transparent;
  background-size: 60% auto;
}
.jewelIndex .j-content .custom-bottom-tool2 {
  position: absolute;
  width: 100%;
  height: 63px;
  left: 0px;
  bottom: 5px;
  padding: 0 15px;
  /* border: 2rpx solid #dadada; */
  /* background: rgba(255, 255, 255, 0.1); */
  z-index: 2;
  padding: 0 20px;
  box-sizing: border-box;
  overflow-y: hidden;
  overflow-x: auto;
  white-space: nowrap;
  scrollbar-width: none; /* firefox */
  -ms-overflow-style: none; /* IE 10+ */
}
.jewelIndex .j-content .custom-bottom-tool2.center {
  text-align: center;
}
.jewelIndex .j-content .custom-bottom-tool2 .t-item {
  display: inline-block;
  width: 80px;
  color: #898a8d;
  font-family: Poppins;
  font-style: normal;
  font-weight: normal;
  font-size: 20px;
  text-align: center;
  overflow: hidden;
  -webkit-text-stroke: 1px #fff;
  cursor: pointer;
}
.jewelIndex .j-content .custom-bottom-tool2 .t-item span {
  width: 60px;
  height: 60px;
  display: block;
  background: #f0f0f0 no-repeat center center;
  background-size: cover;
  margin-bottom: 10px;
  border: 2rpx;
  box-sizing: border-box;
  border-radius: 10px;
}
.jewelIndex .j-content .custom-bottom-tool2 .t-item.on {
  color: #40bfff;
}
.jewelIndex .j-content .custom-bottom-tool2 .t-item.on span {
  border: 2px solid #40bfff;
}
.jewelIndex .j-content .custom-bottom-tool2.t2 {
  width: 512px;
  left: calc(50% - 256px);
  padding: 0 14px;
}
.jewelIndex .j-content .custom-bottom-tool2.t2 .t-item {
  margin-left: 14px;
}
.jewelIndex .j-content .custom-bottom-tool2.t2 .t-item span {
  background-color: transparent;
  background-size: 60% auto;
}
.jewelIndex .j-content .custom-bottom-menu {
  width: calc(100vw - 500px);
  height: 80px;
  line-height: 80px;
  background: #333333;
  position: absolute;
  z-index: 2;
  bottom: 0;
  left: 0;
  text-align: center;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center; /*space-between*/
}
.jewelIndex .j-content .custom-bottom-menu span {
  cursor: pointer;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  font-family: Poppins;
  font-style: normal;
  font-weight: normal;
  font-size: 24px;
  height: 80px;
  text-align: center;
  color: #9098b1;
}
.jewelIndex .j-content .custom-bottom-menu span svg {
  margin-bottom: 18px;
}
.jewelIndex .j-content .custom-bottom-menu span.line {
  height: 44px !important;
  width: 3px !important;
  background-color: #9098b1;
}
.jewelIndex .j-content .custom-bottom-menu span .m-text {
  margin-top: 8px;
  color: #9098b1;
  font-weight: 400;
  font-size: 12px;
  height: 22px;
  line-height: 22px;
  text-align: center;
}
.jewelIndex .j-content .custom-bottom-menu span.on {
  color: #40bfff;
  background-size: 20px 20px;
}
.jewelIndex .j-content .custom-bottom-menu span.on .m-text {
  color: #40bfff;
}
.jewelIndex .j-content .custom-bottom-menu span.on .m-icon-material {
  background: url(/img/material-on.c2d68323.svg) no-repeat top center;
  background-size: 20px 20px;
}
.jewelIndex .j-content .custom-bottom-menu span.on .m-icon-print {
  background: url(/img/print-on.808d9137.svg) no-repeat top center;
  background-size: 20px 20px;
}
.jewelIndex .j-content .custom-bottom-menu span.on .m-icon-parts {
  background: url(/img/parts-on.b39fa5ad.svg) no-repeat top center;
  background-size: 20px 20px;
}
.jewelIndex .j-content .custom-bottom-menu span .m-icon {
  width: 20px;
  height: 20px;
}
.jewelIndex .j-content .custom-bottom-menu span .m-icon-material {
  background: url(/img/material.0aa2eacb.svg) no-repeat top center;
  background-size: 20px 20px;
}
.jewelIndex .j-content .custom-bottom-menu span .m-icon-print {
  background: url(/img/print.ee5a75b3.svg) no-repeat top center;
  background-size: 20px 20px;
}
.jewelIndex .j-content .custom-bottom-menu span .m-icon-finish {
  background: url(/img/finish.0ad4343a.svg) no-repeat top center;
  background-size: 20px 20px;
}
.jewelIndex .j-content .custom-bottom-menu span .m-icon-parts {
  background: url(/img/parts.b17be9f9.svg) no-repeat top center;
  background-size: 20px 20px;
}
.jewelIndex .j-content .custom-bottom-menu span .m-icon-full {
  background: url(/img/fullsreen.f8f5597a.svg) no-repeat top center;
  background-size: 20px 20px;
}
.jewelIndex .j-content .custom-bottom-menu span .m-icon-qrcode {
  background: url(/img/qrcode.3994a201.svg) no-repeat top center;
  background-size: 20px 20px;
}
.jewelIndex .j-content .custom-bottom-menu span .m-icon-arrow {
  background: url(/img/right-arrow-2.6315bf10.svg) no-repeat top center;
  background-size: 20px 20px;
}
.jewelIndex .j-content .custom-bottom-menu.m1 span {
  height: 80px;
  width: 33.3333333333%;
}
.jewelIndex .j-content .custom-bottom-menu.m2 span {
  width: 25%;
}
.jewelIndex .j-content .custom-bottom-menu.m3 span {
  width: 50%;
}
.jewelIndex .j-content .t-select-z {
  font-family: Poppins;
  font-style: normal;
  font-weight: normal;
  font-size: 13px;
  color: #979797;
  text-shadow: -1px 0 white, 0 1px white, 1px 0 white, 0 -1px white;
}
.jewelIndex .j-content .t-select-z .t-s-z-left {
  width: 85px;
  float: left;
  text-align: center;
}
.jewelIndex .j-content .t-select-z .t-s-z-left span {
  display: block;
  width: 38px;
  height: 38px;
  background: no-repeat center center;
  background-size: cover;
  margin: 0 auto;
  margin-bottom: 2px;
}
.jewelIndex .j-content .t-select-z .t-s-z-center {
  width: calc(100% - 110px);
  float: left;
}
.jewelIndex .j-content .t-select-z .t-s-z-center span {
  display: block;
  text-align: center;
}
.jewelIndex .j-content .t-select-z .t-s-z-center span.c1 {
  font-size: 20px;
  color: #fb7181;
  margin-bottom: 15px;
}
.jewelIndex .j-content .t-select-z .t-s-z-right {
  width: 25px;
  float: right;
  text-align: center;
  cursor: pointer;
}
.jewelIndex .j-content .t-select-z .t-s-z-right svg {
  display: block;
  margin: 0 auto;
  margin-top: 5px;
  margin-bottom: 17px;
}
.jewelIndex .j-content .t-select-ky .k-top {
  position: relative;
  border-radius: 8px;
  border: 1px solid #dadada;
  box-shadow: inset 0px 2px 2px rgba(0, 0, 0, 0.1);
  background: rgba(235, 240, 255, 0.8);
  overflow: hidden;
  width: calc(100% - 43px - 10px);
  float: left;
}
.jewelIndex .j-content .t-select-ky .k-top input {
  width: calc(100% - 25px);
  height: 32px;
  background: none;
  border: none;
  box-sizing: border-box;
  color: #898a8d;
  font-size: 14px;
  font-family: Poppins;
  font-style: normal;
  font-weight: normal;
  text-indent: 10px;
}
.jewelIndex .j-content .t-select-ky .k-top svg {
  position: absolute;
  right: 12px;
  top: 12px;
  cursor: pointer;
}
.jewelIndex .j-content .t-select-ky .k-btn {
  width: 43px;
  height: 32px;
  line-height: 32px;
  float: left;
  margin-left: 8px;
  border: 1px solid #dadada;
  box-sizing: border-box;
  border-radius: 8px;
  font-size: 14px;
  color: #898a8d;
  text-align: center;
  cursor: pointer;
  text-shadow: -1px 0 white, 0 1px white, 1px 0 white, 0 -1px white;
}
.jewelIndex .j-content .t-select-ky .k-bottom {
  font-family: Poppins;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  color: #979797;
  height: 25px;
  line-height: 25px;
  margin-top: 6px;
  width: 100%;
  float: left;
}
.jewelIndex .j-content .t-select-ky .k-bottom .xx-list .x-item {
  height: 25px;
  float: left;
  margin-right: 15px;
  margin-left: 5px;
  cursor: pointer;
  text-shadow: -1px 0 white, 0 1px white, 1px 0 white, 0 -1px white;
}
.jewelIndex .j-content .t-select-ky .k-bottom span {
  cursor: pointer;
  text-shadow: -1px 0 white, 0 1px white, 1px 0 white, 0 -1px white;
}

.character-list {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding: 10px 10px;
  width: 100%;
  background-color: #fff;
  box-sizing: border-box;
}
.character-list .l-content {
  overflow-y: auto;
  height: 160px;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  align-items: center;
}
.character-list .l-content .l-item {
  width: 25px;
  height: 25px;
  line-height: 25px;
  text-align: center;
  margin-right: 5px;
  cursor: pointer;
}
.character-list .l-content .l-item:nth-child(10n) {
  margin-right: 0px;
}
.character-list .l-close {
  width: 25px;
  height: 25px;
  font-size: 20px;
  color: #9098b1;
  font-weight: bold;
  text-align: center;
}

.jewelDetail2 {
  z-index: 99;
  width: 250px;
  height: calc(100vh - 50px);
  overflow-x: hidden;
  overflow-y: auto;
  white-space: nowrap;
  scrollbar-width: none; /* firefox */
  -ms-overflow-style: none; /* IE 10+ */
  background-color: #333333;
  overflow-y: auto;
  padding: 20px 15px;
  box-sizing: border-box;
  position: absolute;
  left: 250px;
  top: 50px;
}
.jewelDetail2.onClose {
  -webkit-animation-name: onClose;
          animation-name: onClose;
  -webkit-animation-duration: 0.3s;
          animation-duration: 0.3s;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
}
.jewelDetail2.onOpen {
  -webkit-animation-name: onOpen;
          animation-name: onOpen;
  -webkit-animation-duration: 0.3s;
          animation-duration: 0.3s;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
}
.jewelDetail2 .s-close {
  display: flex;
  justify-content: flex-end;
  height: 13px;
}
.jewelDetail2 .s-close .s-icon {
  cursor: pointer;
  width: 13px;
  height: 13px;
  display: inline-block;
  background: url(/img/ico-close.4df3029e.svg) no-repeat center center;
  background-size: 13px auto;
}
.jewelDetail2 .j-cover {
  width: 220px;
  height: 146.26px;
  margin: 22px 0px 0px 0px;
  background: no-repeat center center;
  background-size: cover;
}
.jewelDetail2 .j-no {
  height: 25px;
  margin-top: 20px;
  margin-bottom: 20px;
  color: rgba(255, 255, 255, 0.9);
  font-size: 14px;
  text-align: center;
}
.jewelDetail2 .c-detail {
  width: 220px;
  height: 146px;
  background: #ffffff;
  border: 1px solid #40bfff;
  box-sizing: border-box;
  /* Button Shadow */
  box-shadow: 0px 6px 10px rgba(64, 191, 255, 0.15);
  border-radius: 8px;
  padding: 20px 0px;
  margin-bottom: 30px;
}
.jewelDetail2 .c-detail .c-row {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-around;
  align-items: center;
  font-size: 14px;
  text-align: center;
  margin-bottom: 12px;
}
.jewelDetail2 .c-detail .c-row .i-title {
  width: 50px;
  height: 22px;
  line-height: 22px;
  color: #000000;
  margin-bottom: 4px;
}
.jewelDetail2 .c-detail .c-row .i-title.on {
  font-weight: bold;
  color: #898a8d;
}
.jewelDetail2 .j-price {
  color: #40bfff;
  font-weight: 700;
  font-size: 16px;
  text-align: right;
}
.jewelDetail2 .i-info {
  padding: 0px 32px;
}
.jewelDetail2 .i-info .i-item {
  color: #898a8d;
  font-size: 24px;
  text-align: right;
  line-height: 44px;
}
.jewelDetail2 .i-info .i-item.price {
  color: #fb7181;
  font-weight: bold;
  font-size: 28px;
}
.jewelDetail2 .i-descp .d-header {
  height: 42px;
  margin-bottom: 14px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.jewelDetail2 .i-descp .d-header .h-title {
  font-weight: bold;
  font-weight: 700;
  font-size: 14px;
  color: #ffffff;
}
.jewelDetail2 .i-descp .d-header .h-des {
  color: rgba(255, 255, 255, 0.9);
  font-size: 12px;
}
.jewelDetail2 .i-descp .d-content {
  width: 220px;
  white-space: normal;
  word-break: break-all;
  word-wrap: break-word;
  color: rgba(255, 255, 255, 0.9);
  font-weight: 400;
  font-size: 12px;
  margin-bottom: 15px;
  line-height: 180%;
}