@charset "UTF-8";

/* src/web/assets/reset.scss */
body,
button,
dd,
dl,
fieldset,
form,
h1,
h2,
h3,
h4,
h5,
h6,
input,
ol,
p,
select,
table,
textarea,
ul {
  margin: 0;
}
button,
fieldset,
input,
ol,
td,
textarea,
th,
ul {
  padding: 0;
}
body,
button,
input,
textarea {
  font-family:
    "PingFang SC",
    "Microsoft Yahei",
    sans-serif !important;
}
button,
input,
textarea {
  outline: none;
}
textarea {
  resize: none;
}
table {
  border-collapse: collapse;
}
li {
  list-style: none;
}
img {
  border: none;
  vertical-align: middle;
}
video {
  outline: none;
}
em,
i {
  font-style: normal;
}
a {
  text-decoration: none;
}

/* src/web/assets/quc.scss */
.quc-panel.quc-wrapper {
  width: 750px;
  height: 490px;
  left: 50% !important;
  transform: translate(-50%) !important;
  overflow: hidden;
  border-radius: 8px;
}
.quc-panel.quc-wrapper .cover-dom {
  position: absolute;
  width: 300px;
  height: 38px;
  background: transparent;
  cursor: pointer;
  left: 50%;
  transform: translateX(-50%);
  top: 167px;
  z-index: 999;
}
.quc-panel.quc-wrapper .cover-dom::after {
  content: "";
  position: absolute;
  width: 250px;
  height: 40px;
  left: 50%;
  bottom: -106px;
  transform: translateX(-50%);
}
.quc-panel.quc-wrapper .quc-mod-policies-checkbox {
  margin: 0 16px 0 0;
}
.quc-panel.quc-wrapper .interceptor-toast {
  display: none;
  z-index: 999;
  position: absolute;
  left: 50%;
  transform: translate(-50%, -50%);
  top: 40%;
  font-size: 12px;
  max-width: 300px;
  border-radius: 18px;
  background-color: rgba(0, 0, 0, 0.8);
  padding: 10px 20px;
  line-height: 1.3;
  color: #fff;
}
.quc-panel.quc-wrapper .quc-panel-cover {
  float: left;
  width: 270px;
  height: 100%;
  overflow: hidden;
}
.quc-panel.quc-wrapper .quc-panel-cover::after {
  content: "\5fae\4fe1\626b\7801\52a0\5165\7528\6237\793e\7fa4";
  position: absolute;
  bottom: 52px;
  left: 70px;
  font-size: 12px;
  color: #fff;
}
.quc-panel.quc-wrapper .quc-panel-cover img:nth-child(1) {
  margin-left: -1px;
}
.quc-panel.quc-wrapper .quc-panel-cover .kjj_qrcode {
  position: absolute;
  bottom: 82px;
  left: 92px;
  width: 84px;
  height: 84px;
}
.quc-panel.quc-wrapper .quc-panel-cover .kjj_logo {
  position: absolute;
  left: 73px;
  top: 72px;
  width: 134px;
  height: 82px;
  object-fit: contain;
}
.quc-panel.quc-wrapper .quc-panel-hd {
  width: 480px;
  float: right;
  padding-top: 66px;
}
.quc-panel.quc-wrapper .quc-panel-hd .quc-panel-title::before {
  content: "\6b22\8fce\767b\5f55  \5feb\526a\8f91";
  font-size: 24px;
  font-weight: 600;
}
.quc-panel.quc-wrapper .quc-panel-hd .quc-panel-title > div {
  position: absolute;
  bottom: 135px;
  right: 323px;
  z-index: 999;
}
.quc-panel.quc-wrapper .quc-panel-hd .quc-panel-title > div .quc-tab-list {
  color: #3768ea;
  font-size: 12px;
}
.quc-panel.quc-wrapper .quc-panel-hd .quc-panel-title > div .quc-tab-list .quc-tab-item {
  position: relative;
  left: 12px;
  margin: 0;
  padding: 0;
  height: 20px;
  overflow: hidden;
}
.quc-panel.quc-wrapper .quc-panel-hd .quc-panel-title > div .quc-tab-list .quc-tab-item-inner {
  opacity: 0;
  width: 85px;
}
.quc-panel.quc-wrapper .quc-panel-hd .quc-panel-title > div .quc-tab-list .quc-tab-item:nth-child(1)::after {
  content: "\624b\673a\9a8c\8bc1\7801\767b\5f55";
  position: absolute;
  left: 0;
  pointer-events: none;
}
.quc-panel.quc-wrapper .quc-panel-hd .quc-panel-title > div .quc-tab-list .quc-tab-item:nth-child(2)::after {
  content: "\5bc6\7801\767b\5f55";
  position: absolute;
  left: 0;
  pointer-events: none;
}
.quc-panel.quc-wrapper .quc-panel-hd .quc-panel-title > div .quc-tab-list .quc-tab-item-active {
  display: none;
}
.quc-panel.quc-wrapper .quc-panel-hd .quc-panel-title > div .quc-tab-list .quc-tab-sep {
  display: none;
}
.quc-panel.quc-wrapper .quc-panel-bd {
  position: relative;
  width: 480px;
  float: right;
}
.quc-panel.quc-wrapper .quc-panel-bd .quc-main {
  padding-top: 35px;
  padding-bottom: 26px;
}
.quc-panel.quc-wrapper .quc-panel-bd .quc-main .quc-tip-absolute {
  top: 15px;
}
.quc-panel.quc-wrapper .quc-panel-bd .quc-form {
  display: flex;
  flex-direction: column;
  gap: 10px;
  justify-content: flex-end;
  padding-bottom: 100px;
}
.quc-panel.quc-wrapper .quc-panel-bd .quc-form .quc-form-item.quc-field {
  margin-bottom: 0;
  position: initial;
}
.quc-panel.quc-wrapper .quc-panel-bd .quc-form .quc-form-item.quc-field .quc-form-item-content {
  position: initial;
}
.quc-panel.quc-wrapper .quc-panel-bd .quc-form .quc-form-item.quc-field .quc-form-item-error {
  position: absolute;
  bottom: 71px;
  top: unset;
  padding-top: 0;
  height: 12px;
  width: 200px;
  background: #fff;
  color: #ff4057;
}
.quc-panel.quc-wrapper .quc-panel-bd .quc-form .quc-input input {
  height: 17px;
  border-radius: 8px;
}
.quc-panel.quc-wrapper .quc-panel-bd .quc-form .quc-input input::placeholder {
  font-size: 12px;
}
.quc-panel.quc-wrapper .quc-panel-bd .quc-form .quc-input input:focus {
  border-color: #ddd;
}
.quc-panel.quc-wrapper .quc-panel-bd .quc-form .quc-input .quc-input-append {
  font-size: 12px;
  top: 0;
  height: 38px;
  line-height: 38px;
  background-color: transparent;
  border-left: none;
}
.quc-panel.quc-wrapper .quc-panel-bd .quc-form .quc-input .quc-input-append .quc-link {
  margin-left: 20px;
  color: #ff4057;
}
.quc-panel.quc-wrapper .quc-panel-bd .quc-form .quc-button-list {
  position: absolute;
  bottom: 45px;
  margin-top: 0;
}
.quc-panel.quc-wrapper .quc-panel-bd .quc-form .quc-button-list .quc-button-primary {
  width: 312px;
  height: 38px;
  border-radius: 8px;
  border: none;
  background-color: #ff4057;
  font-size: 14px;
}
.quc-panel.quc-wrapper .quc-panel-bd .quc-form .quc-form-tips {
  position: absolute;
  bottom: -10px;
  right: 0;
  white-space: nowrap;
}
.quc-panel.quc-wrapper .quc-panel-bd .quc-form .quc-form-tips a.quc-link-findpwd {
  opacity: 0;
}
.quc-panel.quc-wrapper .quc-panel-bd .quc-form .quc-form-tips::before {
  display: table;
  content: "\5fd8\8bb0\5bc6\7801";
  position: absolute;
  right: 0;
  font-size: 12px;
}
.quc-panel.quc-wrapper .quc-panel-bd .quc-form .quc-form-tips .quc-link-sign-up,
.quc-panel.quc-wrapper .quc-panel-bd .quc-form .quc-form-tips .sep {
  display: none;
}
.quc-panel.quc-wrapper .quc-panel-bd .quc-third {
  margin-top: 2px;
}
.quc-panel.quc-wrapper .quc-panel-bd .quc-third .quc-third-hd {
  margin: 0 auto 20px;
  width: 128px;
  font-size: 12px;
}
.quc-panel.quc-wrapper .quc-panel-bd .quc-third .quc-third-bd .quc-icon-qq {
  position: relative;
}
.quc-panel.quc-wrapper .quc-panel-bd .quc-third .quc-third-bd .quc-icon-qq::after {
  content: "";
  position: absolute;
  width: inherit;
  height: inherit;
  background: url(data:image/png;base64,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) no-repeat center/contain;
  left: 0;
}
.quc-panel.quc-wrapper .quc-panel-bd .quc-third .quc-third-bd .quc-icon-wechat {
  position: relative;
}
.quc-panel.quc-wrapper .quc-panel-bd .quc-third .quc-third-bd .quc-icon-wechat::after {
  content: "";
  position: absolute;
  width: inherit;
  height: inherit;
  background: url(data:image/png;base64,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) no-repeat center/contain;
  left: 0;
}
.quc-panel.quc-wrapper .quc-panel-bd .quc-third .quc-third-bd .quc-icon-weibo {
  position: relative;
}
.quc-panel.quc-wrapper .quc-panel-bd .quc-third .quc-third-bd .quc-icon-weibo::after {
  content: "";
  position: absolute;
  width: inherit;
  height: inherit;
  background: url(data:image/png;base64,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) no-repeat center/contain;
  left: 0;
}
.quc-panel.quc-wrapper .quc-panel-bd .quc-mod-policies {
  height: 50px;
  text-align: center;
  background-color: rgba(0, 0, 0, 0.04);
  font-size: 12px;
}
.quc-panel.quc-wrapper .quc-panel-bd .quc-mod-policies a:hover {
  color: #ff4057;
}
.quc-panel.quc-wrapper .quc-panel-bd .quc-mod-policies span {
  width: 424px;
  display: inline-block;
  vertical-align: middle;
  line-height: 50px;
}
.quc-panel.quc-wrapper .quc-tag {
  display: none;
}

/* src/web/assets/config.scss */
@keyframes move-in {
  0% {
    opacity: 0;
    transform: translateY(-100%);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

/* src/web/assets/common.scss */
html,
body {
  height: 100%;
}
body {
  line-height: 1.15;
}
.search-bar form {
  display: flex;
  align-items: center;
}
.search-bar i {
  width: 1px;
  height: 20px;
  background: #f2f3f5;
  margin: 0 8px;
  display: none;
}
.search-bar .remove-input[style*=inline] ~ i {
  display: inline;
}
.search-bar svg path {
  fill: #c8cddc;
}
.search-bar svg circle {
  stroke: #c8cddc;
  fill: transparent;
}
.search-bar button.search-icon:hover circle {
  stroke: #ff4057;
  fill: transparent;
}
.search-bar button.search-icon:hover path {
  stroke: #ff4057;
  fill: #ff4057;
}
.search-bar button.search-icon svg {
  display: inherit;
}
.search-bar .remove-input {
  cursor: pointer;
  display: none;
  width: 16px;
}
.search-bar input[type=text]:focus::placeholder {
  color: transparent;
}
.topbar .search-bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 16px;
  margin-right: 16px;
  width: 280px;
  height: 36px;
  background-color: rgba(43, 47, 55, 0.05);
  border-radius: 30px;
  position: relative;
}
.topbar .search-bar i {
  background: #c9cbd4;
}
.topbar .search-bar form {
  width: 100%;
}
.topbar .search-bar button.search-icon {
  background: transparent;
  border: none;
  cursor: pointer;
}
.topbar .search-bar input {
  flex: 1;
  background-color: transparent;
  border: 0;
  padding: 0 7px;
  line-height: 22px;
  font-size: 14px;
  color: #2b2f37;
  box-sizing: border-box;
}
.single-dup-box-mask {
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.3);
  position: fixed;
  left: 0;
  top: 0;
  z-index: 999;
}
.single-dup-box {
  position: fixed;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  height: 197px;
  width: 422px;
  border-radius: 4px;
  padding: 0;
  background-color: #fff;
  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
  z-index: 9999;
}
.single-dup-box__btns {
  padding: 0 24px;
  text-align: right;
}
.single-dup-box .single-dup-box__message {
  padding: 0 24px;
  height: 72px;
  font-size: 14px;
  line-height: 21px;
}
.single-dup-box .single-dup-box__message p {
  line-break: anywhere;
}
.single-dup-box .single-dup-box__title {
  box-sizing: border-box;
  height: 64px;
  padding: 20px 24px 16px;
}
.single-dup-box button.primary {
  margin-left: 10px;
  border-radius: 4px;
  height: 36px;
  width: 88px;
  border: none;
  background-color: #ff4057;
  color: #fff;
  line-height: 36px;
  cursor: pointer;
}
.single-dup-box button.plain {
  border-radius: 4px;
  height: 34px;
  width: 88px;
  border-color: #ff4057;
  border: 1px solid;
  color: #ff4057;
  background-color: #fff;
  line-height: 34px;
  cursor: pointer;
  box-sizing: content-box;
}
.single-dup-box button.primary:hover {
  background-color: #ff576b;
}
.single-dup-box button.plain:hover {
  color: #1d2129;
  border: 1px solid #dcdfe6 !important;
}
button[plain],
button[normal] {
  box-sizing: border-box;
  border-radius: 4px;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
button[plain] {
  border: 1px solid #ff4057;
  background-color: #fff;
  color: #ff4057;
}
button[normal] {
  border: none;
  background-color: #ff4057;
  color: #fff;
}
button[plain]:hover {
  background-color: rgba(255, 64, 87, 0.04);
}
button[normal]:hover {
  background-color: #ff6679;
}
button[plain] img,
button[normal] img,
button[plain] svg,
button[normal] svg {
  margin-right: 8px;
}
.kjj-scrollbar::-webkit-scrollbar {
  width: 5px;
}
.kjj-scrollbar::-webkit-scrollbar-track {
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.05);
  border-radius: 10px;
}
.kjj-scrollbar::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background: rgba(0, 0, 0, 0.08);
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.08);
}
#container {
  min-width: 1200px;
  padding: 57px 0 190px;
  box-sizing: border-box;
  min-height: 100%;
  position: relative;
}
#main {
  margin: 0 auto;
  padding: 0 30px;
  box-sizing: border-box;
}
#push-message {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.54);
  z-index: 99;
}
#push-message .message {
  width: 456px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 8px;
}
#push-message .message .message-link {
  display: flex;
  width: 456px;
  height: 342px;
  align-items: center;
  justify-content: center;
  user-select: none;
}
#push-message .message .message-link .message-img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  border-radius: 8px;
}
#push-message .message .message-close {
  width: 24px;
  height: 24px;
  position: absolute;
  top: 16px;
  right: 0;
  background: url(https://p3.ssl.qhimg.com/t0107f17bd685b177b5.png) no-repeat;
  background-size: 100% 100%;
  cursor: pointer;
}
#page {
  margin: 96px auto 30px;
}
#page ul {
  display: flex;
  justify-content: center;
  align-items: center;
}
#page li {
  margin: 0 4px;
  width: 36px;
  height: 36px;
}
#page li.prev_page,
#page li.next_page {
  width: 66px;
}
#page li a,
#page li span {
  width: 100%;
  height: 100%;
  line-height: 36px;
  font-size: 12px;
  color: #86909c;
  text-align: center;
  border-radius: 4px;
  border: 1px solid #e5e6eb;
  display: inline-block;
  box-sizing: border-box;
}
#page li span {
  color: #fff;
  background: #ff4057;
  border-color: transparent;
}
#page li a:hover {
  background: #f2f3f5;
}
#previewDialog {
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 999;
}
#previewDialog .holder {
  width: 960px;
  height: 600px;
  position: relative;
  top: 20px;
}
#previewDialog .holder .close {
  width: 32px;
  height: 32px;
  position: absolute;
  right: -50px;
  top: 0;
  background: url(https://s2.ssl.qhres2.com/static/8ce4532ce552e3b6.svg) no-repeat center center/100% 100%;
  cursor: pointer;
}
#previewDialog .holder .content {
  height: 100%;
  display: flex;
  border-radius: 16px;
  overflow: hidden;
}
#previewDialog .holder .content .left {
  width: 640px;
  height: 100%;
  background-color: #000;
  display: flex;
  justify-content: center;
  align-items: center;
}
#previewDialog .holder .content .right {
  width: 320px;
  height: 100%;
  background-color: #fff;
}
#previewDialog .holder .content .left video {
  max-width: 100%;
  max-height: 100%;
  display: block;
}
.dialog__right__box {
  width: 256px;
  height: auto;
  margin: 0 auto;
}
.dialog__right__box .dialog__right__title {
  height: 52px;
  font-size: 20px;
  font-weight: 500;
  color: #2b2f37;
  margin: 32px 0 24px;
  border-bottom: 1px solid rgba(43, 47, 55, 0.06);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.dialog__right__box .dialog__right__item {
  display: flex;
  height: auto;
  line-height: 38px;
  color: #1d2129;
}
.dialog__right__box .dialog__right__item.is-last {
  margin-bottom: 24px;
  border-bottom: 1px solid rgba(43, 47, 55, 0.06);
}
.dialog__right__box .dialog__right__item .dialog__right__item__label {
  font-size: 12px;
  font-weight: 400;
  color: rgba(43, 47, 55, 0.4);
  width: 91px;
}
.dialog__right__box .dialog__right__item__text {
  display: flex;
  flex-wrap: wrap;
  font-size: 14px;
  color: #2b2f37;
  width: 168px;
}
.dialog__right__box .dialog__right__item__text.style,
.dialog__right__box .dialog__right__item__text.use {
  padding-top: 8px;
}
.dialog__right__box .dialog__right__item__text.plate {
  padding-top: 7px;
}
.dialog__right__box .dialog__right__item a {
  height: 22px;
  line-height: 22px;
  background: rgba(43, 47, 55, 0.04);
  border-radius: 4px;
  padding: 0 10px;
  font-size: 12px;
  font-weight: 400;
  color: rgba(43, 47, 55, 0.8);
  margin: 0 8px 8px 0;
  cursor: pointer;
}
.dialog__right__box .dialog__right__item a:hover {
  background: rgba(255, 64, 87, 0.1);
  color: #ff4057;
}
.dialog__right__box .dialog__right__item span {
  width: 24px;
  height: 24px;
  margin: 0 8px 8px 0;
  font-size: 0;
  vertical-align: middle;
}
.dialog__right__box .dialog__right__item__color {
  color: #ff1c51;
}
.dialog__right__box .dialog__right__item__btn {
  margin: 0 auto;
  width: 256px;
  height: 48px;
  background: #ff4057;
  border-radius: 8px;
  font-size: 14px;
  color: #fff;
  border: 0;
  cursor: pointer;
}
.dialog__right__box .dialog__right__item__btn:hover {
  background: #ff576b;
}
.dialog__right__box .dialog__right__item__btn:active {
  background: #e63a4e;
}
.dialog__right__box .dialog__right__item__btn[disabled] {
  background: #ccc;
  border-color: #ccc;
}
.dialog__right__box .dialog__right__item.item__btn {
  margin: 16px 0 0;
}
.dialog__right__box span.icon_logo_pdd {
  background: url(https://s0.ssl.qhres2.com/static/4d7c159ad93b2dae.svg);
}
.dialog__right__box span.icon_logo_jd {
  background: url(https://s3.ssl.qhres2.com/static/c2c759323d537661.svg);
}
.dialog__right__box span.icon_logo_tb {
  background: url(https://s4.ssl.qhres2.com/static/c9649920990c5811.svg);
}
.dialog__right__box span.icon_logo_wb {
  background: url(https://s4.ssl.qhres2.com/static/9796d826e3a0e3db.svg);
}
.dialog__right__box span.icon_logo_ks {
  background: url(https://s5.ssl.qhres2.com/static/540b89c1b71b1251.svg);
}
.dialog__right__box span.icon_logo_dy {
  background: url(https://s2.ssl.qhres2.com/static/a6f4b2bc0acc69a5.svg);
}
.dialog__right__box span.icon_logo_xhs {
  background: url(https://s0.ssl.qhres2.com/static/38ee0dd9d157101c.svg);
}
.dialog__right__box span.icon_logo_blibli {
  background: url(https://s4.ssl.qhres2.com/static/c7f0987b06d4b780.svg);
}
.dialog__right__box span.icon_logo_sph {
  background: url(https://s3.ssl.qhres2.com/static/bc253ead3e2bc91a.svg);
}
.dialog__right__box span.icon_logo_wx {
  background: url(https://s0.ssl.qhres2.com/static/a404e245a9e22707.svg);
}
.dialog__right__box span.icon_logo_common_use {
  background: url(https://s1.ssl.qhres2.com/static/cc07c896a4d4af7d.svg);
}
.dialog__right__box span.icon_logo_other {
  background: url(https://s1.ssl.qhres2.com/static/0e65191f39658396.svg);
}
.footer {
  background: #1D2129;
  color: #86909C;
  line-height: 20px;
  padding: 20px 0;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  position: absolute;
  bottom: 0;
  width: 100%;
}
.footer p {
  text-align: center;
  font-size: 12px;
}
.footer p img {
  width: 20px;
  height: 20px;
}
.footer a {
  color: #86909C;
}
.footer a:hover {
  color: #FF4057;
}
.footer .logo {
  width: 175px;
  height: 36px;
  position: absolute;
  left: 0;
  top: -4px;
  background: url(https://p5.ssl.qhimg.com/t015047c1d3963bb6d9.png) no-repeat center/contain;
}
.footer hr {
  margin: 16px auto;
  width: 1200px;
  border: none;
  border-bottom: 1px solid rgba(255, 255, 255, 0.04);
}
.products {
  margin: 4px auto 0;
  width: 1200px;
  text-align: center;
  position: relative;
}
.products i {
  width: 28px;
  height: 28px;
}
.products h3 {
  display: inline-block;
  color: #2b2f37;
  font-size: 24px;
  font-weight: 400;
  margin-right: 30px;
}
.products a {
  position: relative;
  margin-right: 84px;
  display: inline-block;
  font-size: 20px;
  line-height: 28px;
  color: #86909C;
}
.products a img.qrcode {
  display: none;
}
.products a svg {
  vertical-align: text-top;
}
.products a:last-child {
  margin-right: 0;
}
.products a:nth-child(3) img {
  right: 30px !important;
}
.products a:hover svg.pc-icon path,
.products a:hover svg.ios-icon path,
.products a:hover svg.android-icon path,
.products a:hover svg.pc-icon #Vector_2 {
  fill: #FF4057 !important;
}
.products a:hover img.qrcode {
  display: block;
  position: absolute;
  right: 0;
  bottom: 30px;
  width: 100px;
}
.fixed_bar {
  background: #fff;
  border-radius: 8px;
  bottom: 100px;
  box-shadow: 0 6px 24px 1px rgba(43, 47, 55, 0.1);
  cursor: pointer;
  position: fixed;
  right: 8px;
  width: 40px;
  z-index: 100;
}
.fixed_bar li .holder {
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.fixed_bar li svg {
  stroke: #2b2f37;
}
.fixed_bar li:hover {
  background-color: #ffdbdf;
}
.fixed_bar li:hover svg {
  stroke: #ff4057;
}
.fixed_bar .fill-icon:hover svg {
  fill: #ff4057;
}
.fixed_bar li.backtop {
  border-radius: 8px 8px 0 0;
  display: none;
}
.fixed_bar li.backtop svg {
  transform: rotate(180deg);
}
.fixed_bar li.feedback {
  border-radius: 0 0 8px 8px;
}
.fixed_bar li.feedback.notop {
  border-radius: 8px;
}
.fixed_bar li:hover .tip {
  display: block;
}
.fixed_bar li .tip {
  display: none;
  font-size: 12px;
  line-height: 1.2;
  white-space: nowrap;
  padding: 10px;
  color: #fff;
  background: rgb(48, 49, 51);
  position: absolute;
  right: 60px;
  border-radius: 5px;
}
.fixed_bar li .tip::before {
  width: 12px;
  height: 12px;
  display: block;
  content: " ";
  transform: rotate(45deg);
  background: rgb(48, 49, 51);
  position: absolute;
  right: -5px;
}
.topbar {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99;
  display: flex;
  align-items: center;
  width: 100%;
  min-width: 1200px;
  height: 56px;
  background-color: rgba(255, 255, 255, 0.95);
  border-bottom: 1px solid rgba(43, 47, 55, 0.06);
}
[data-log-pid=home] .topbar {
  animation: move-in 0.3s ease-in 1;
}
.topbar.is-darkmode {
  background-color: rgba(0, 0, 0, 0.16);
  position: absolute;
  animation: none;
}
.topbar .logo {
  display: flex;
  align-items: center;
  margin: 0 42px 0 36px;
  position: relative;
}
.topbar .logo div {
  width: 169px;
  height: 25px;
  background: url(https://s4.ssl.qhres2.com/static/c9dc987325082fa3.svg);
}
.topbar.is-darkmode .logo div {
  background-image: url(https://s4.ssl.qhres2.com/static/017e922cf5e9ffa5.svg);
}
.topbar .tabs {
  flex: 1;
}
.topbar .tabs ul {
  display: flex;
}
.topbar .tabs li {
  width: 96px;
  height: 56px;
  text-align: center;
  border-top: 4px solid transparent;
  box-sizing: border-box;
  font-size: 14px;
}
.topbar .tabs a {
  width: 100%;
  height: 52px;
  line-height: 52px;
  color: #2b2f37;
  display: block;
}
.topbar.is-darkmode .tabs a {
  color: #fff;
}
.topbar .tabs a:hover {
  font-weight: bold;
  color: #ff4057;
}
.topbar .tabs li.is-active {
  font-weight: bold;
  font-size: 16px;
  position: relative;
}
.topbar .tabs li.is-active::after {
  content: "";
  position: absolute;
  bottom: 7px;
  width: 20px;
  height: 3px;
  left: 38px;
  border-radius: 3px;
  pointer-events: none;
}
.topbar.is-darkmode .tabs li.is-active {
  color: #fff;
}
.topbar.is-darkmode .tabs li.is-active::after {
  background-color: #fff;
}
.topbar.is-darkmode .tabs li.is-active a:hover {
  color: #fff;
}
.topbar:not(.is-darkmode) .tabs li.is-active {
  color: #ff4057;
}
.topbar:not(.is-darkmode) .tabs li.is-active::after {
  background-color: #ff4057;
}
.topbar:not(.is-darkmode) .tabs li.is-active a {
  color: #ff4057;
}
.topbar .topic {
  width: 56px;
  height: 56px;
  margin-right: 16px;
  position: relative;
  z-index: 0;
}
.topbar .topic_img {
  width: 56px;
  height: 56px;
  cursor: pointer;
}
.topbar .topic:hover .topic_main {
  display: block;
}
.topbar .topic_main {
  width: 278px;
  height: 221px;
  padding-top: 2px;
  position: absolute;
  left: -170px;
  top: 56px;
  z-index: 1;
  box-shadow: 0 12px 34px 1px rgba(43, 47, 55, 0.1);
  overflow: hidden;
  border-radius: 8px;
  display: none;
}
.topbar .topic_main.topic_bg {
  width: 100%;
  height: 100%;
}
.topbar .topic_main dl {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
}
.topbar .topic_main dt {
  padding: 12px 0 19px;
}
.topbar .topic_main dt img {
  width: 156px;
  height: 32px;
  display: block;
  margin: 0 auto;
}
.topbar .topic_main dd.intro p {
  font-size: 14px;
  line-height: 22px;
  color: rgba(43, 47, 55, 0.8);
  margin: 0 25px 20px;
}
.topbar .topic_main dd.join a {
  width: 120px;
  height: 36px;
  font-size: 14px;
  background: #ff4057;
  border-radius: 8px;
  color: #fff;
  line-height: 36px;
  text-align: center;
  display: block;
  margin: 0 auto;
}
.topbar .topic_main dd.join a:hover {
  opacity: 0.8;
}
.topbar .user {
  display: flex;
  align-items: center;
  margin-right: 20px;
}
.topbar .material {
  position: relative;
  white-space: nowrap;
}
.topbar .material svg {
  stroke: #ff4057;
}
.topbar.is-darkmode .material svg {
  stroke: #fff;
}
.topbar .material button {
  position: relative;
  margin-right: 20px;
  padding: 0 16px;
  height: 32px;
  vertical-align: middle;
  z-index: 999;
}
.topbar .material button[normal]:hover + #material-cart {
  display: block;
}
.topbar .material button[normal] em {
  display: none;
  align-items: center;
  position: absolute;
  padding: 0 4px;
  border-radius: 9px/9px;
  right: -8px;
  top: -8px;
  height: 16px;
  background: linear-gradient(136deg, #ff4090 0%, #ff576b 100%);
  border: 1px solid #fff;
  font-size: 12px;
  line-height: 12px;
  box-sizing: border-box;
}
.topbar .material button span {
  display: inline-block;
  line-height: 30px;
}
.topbar.is-darkmode .material button[plain] {
  border-color: #fff;
  color: #fff;
  background: transparent;
}
.topbar.is-darkmode .material button[plain]:hover {
  background-color: rgba(255, 255, 255, 0.2);
  border-color: #ff4057;
  color: #ff4057;
}
.topbar.is-darkmode .material button[plain]:hover svg {
  stroke: #ff4057;
}
.topbar.is-darkmode .material button[plain].show-search {
  border: none;
}
.topbar:not(.is-darkmode) .material .show-search {
  color: #4E5969;
  border: none;
  background: transparent;
}
.topbar:not(.is-darkmode) .material .show-search svg {
  stroke: #4E5969;
}
.topbar:not(.is-darkmode) .material .show-search:hover {
  background: #E5E6EB;
}
#material-cart .material-cart__list .material-cart__list-cover label input:checked + .is-checked {
  display: block;
}
#material-cart .material-cart__list .material-cart__list-cover label {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  cursor: pointer;
}
#material-cart .material-cart__list .material-cart__list-cover .audio-icon {
  width: 30px;
  height: 30px;
}
#material-cart .material-cart__list .material-cart__list-cover {
  position: relative;
  width: 130px;
  height: 98px;
  border-radius: 4px;
  display: flex;
  justify-content: center;
  align-items: center;
}
#material-cart .material-cart__list .material-cart__list-cover .type-icon-time span {
  font-size: 12px;
  color: #fff;
  line-height: 20px;
}
#material-cart .material-cart__list .material-cart__list-cover .type-icon-time {
  position: absolute;
  left: 3px;
  bottom: 5px;
  height: 20px;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 100px;
  opacity: 1;
  border: 1px solid rgba(255, 255, 255, 0.1);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 6px 0 4px;
}
#material-cart .material-cart__list .material-cart__list-cover .type-icon {
  position: absolute;
  bottom: 6px;
  left: 6px;
  z-index: 60;
}
#material-cart .material-cart__list .material-cart__list-cover .is-checked {
  display: none;
  width: 100%;
  height: 100%;
  border-radius: 4px;
  background-color: rgba(0, 0, 0, 0.54);
}
#material-cart .material-cart__list .material-cart__list-cover .is-checked .checked-icon {
  position: absolute;
  left: 6px;
  top: 6px;
  width: 20px;
  height: 20px;
  background: url(https://p2.ssl.qhimg.com/t01cbc15b0ad8e7bfe5.png) no-repeat center/contain;
  border-radius: 50%;
  z-index: 999;
}
#material-cart .material-cart__list .material-cart__list-cover .no-checked .no-checked-icon {
  position: absolute;
  left: 6px;
  top: 6px;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  box-sizing: border-box;
  border: 2.5px solid #fff;
}
#material-cart .material-cart__list .material-cart__list-cover .no-checked .remove {
  position: absolute;
  right: 6px;
  top: 6px;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: rgba(0, 0, 0, 0.4);
  z-index: 999;
}
#material-cart .material-cart__list .material-cart__list-cover .no-checked {
  opacity: 0;
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.3);
  border-radius: 4px;
  transition: all 0.3s ease;
}
#material-cart .material-cart__list .material-cart__list-cover:hover .no-checked {
  opacity: 1;
  z-index: 99;
}
#material-cart .material-cart__list .material-cart__list-title {
  margin-top: 4px;
  line-height: 20px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #1d2129;
}
#material-cart .material-cart__list .material-cart__list-update-time {
  color: #4e5969;
  font-size: 12px;
  line-height: 16px;
}
#material-cart .material-cart__list {
  padding: 0 24px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-auto-rows: max-content;
  gap: 16px;
  overflow-y: auto;
  overflow-x: hidden;
  height: 322px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.04);
}
#material-cart .material-cart__list:empty {
  border: none;
  background: url(https://p0.ssl.qhimg.com/t01d64636124f6eee32.png) no-repeat center/180px 140px;
}
#material-cart .material-cart__list:empty::after {
  content: "\672a\9009\62e9\7d20\6750";
  color: #2b2f37;
  opacity: 0.5;
  font-size: 14px;
  position: absolute;
  bottom: 160px;
  left: 43%;
}
#material-cart .material-cart__list li {
  width: 130px;
  height: 138px;
  cursor: pointer;
}
#material-cart h3 {
  padding-left: 24px;
  margin-bottom: 16px;
  line-height: 26px;
  color: #1d2129;
}
#material-cart {
  display: none;
  padding: 24px 0 16px;
  position: absolute;
  top: 55px;
  right: -27px;
  background-color: #fff;
  width: 470px;
  height: 452px;
  border-radius: 8px;
  box-shadow: 0 6px 24px 0 rgba(43, 47, 55, 0.1);
  box-sizing: border-box;
}
#material-cart:hover {
  display: block;
}
#material-cart::before {
  content: "";
  position: absolute;
  top: -55px;
  right: 47px;
  display: block;
  width: 112px;
  height: 55px;
}
#material-cart button {
  float: right;
  margin: 16px 0;
}
#material-cart button[normal] {
  margin-right: 24px;
}
#material-cart button[plain] {
  width: 118px;
  margin-right: 16px;
}
.topbar .user .avatar {
  width: 36px;
  height: 36px;
  border-radius: 100%;
  background: url(https://s1.ssl.qhres2.com/static/3d7b73370b5237b0.svg);
  background-size: 100% 100%;
  overflow: hidden;
}
.topbar .user .avatar img {
  width: 100%;
  height: 100%;
}
.topbar .user #user-login {
  font-size: 14px;
  cursor: pointer;
  white-space: nowrap;
}
.topbar.is-darkmode .user #user-login {
  color: #fff;
}
.user-p {
  width: 262px;
  padding: 24px;
  position: absolute;
  top: 58px;
  right: 14px;
  z-index: 1000;
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 4px 40px 1px rgba(110, 131, 150, 0.25);
  box-sizing: border-box;
  display: none;
}
.user-p .line {
  margin: 24px 0 16px;
  background-color: rgba(43, 47, 55, 0.05);
}
.user-p__h {
  display: flex;
  align-items: center;
}
.user-p__h__l {
  width: 40px;
  min-width: 40px;
  height: 40px;
  border-radius: 50%;
  overflow: hidden;
  border: 1px solid #f2f3f5;
  margin-right: 8px;
}
.user-p__h__l img {
  width: 100%;
  height: 100%;
  vertical-align: top;
}
.user-p__h__r {
  width: 182px;
}
.user-p__h__r__text {
  max-height: 40px;
  line-break: 20px;
  font-size: 14px;
  color: #1d2129;
  overflow: hidden;
  word-break: break-all;
}
.user-p__f {
  position: relative;
}
.user-p__f a {
  width: 100%;
  height: 40px;
  line-height: 40px;
  font-size: 14px;
  overflow: hidden;
  display: flex;
  align-items: center;
  cursor: pointer;
  color: #2b2f37;
  opacity: 0.8;
}
.user-p__f a .svg_icon {
  width: 16px;
  height: 16px;
  margin: 0 10px 0 8px;
  opacity: 0.5;
  display: inline-block;
}
.user-p__f a.confirm {
}
.user-p__f a:hover {
  opacity: 1;
  background: rgba(43, 47, 55, 0.03);
  border-radius: 8px;
}
.user-p__f a:hover .svg-icon {
  width: 16px;
  height: 16px;
  margin: 0 10px 0 8px;
  opacity: 1;
}
.user-p__f span.icon_set {
  background-image: url(https://s5.ssl.qhres2.com/static/1751cb8fca86ef23.svg);
}
.user-p__f span.icon_out {
  background-image: url(https://s1.ssl.qhres2.com/static/3649064107ce5c3f.svg);
}
.user-p__f span.icon_benefit {
  background-image: url(https://s2.ssl.qhres2.com/static/0d9ac6cacffb9cbe.svg);
}
.user-p__f span.icon_order {
  background-image: url(https://s3.ssl.qhres2.com/static/0d535dcb85856bb9.svg);
}
.user-p__f span.icon_faq {
  background-image: url(https://s5.ssl.qhres2.com/static/46d946a025e936e9.svg);
}
.user-p__f span.icon_guide {
  background-image: url(https://s1.ssl.qhres2.com/static/077b723371f06487.svg);
}
.user-p_vip {
  width: 214px;
  height: 59px;
  box-shadow: 0 6px 24px 0 rgba(255, 199, 72, 0.12);
  background: #fdf6f2;
  position: relative;
  border-radius: 8px;
  margin: 18px 0 19px;
}
.user-p_vip .user-p_vip_img,
.user-p_vip_p1,
.user-p_vip_p2,
.user-p_vip_a {
  position: absolute;
}
.user-p_vip img {
  width: 110px;
  height: 59px;
}
.user-p_vip .user-p_vip_p1 {
  font-size: 14px;
  font-weight: bold;
  color: #2b2f37;
  line-height: 22px;
  top: 9px;
  left: 16px;
}
.user-p_vip .user-p_vip_p2 {
  font-size: 12px;
  color: rgba(0, 0, 0, 0.54);
  line-height: 20px;
  top: 30px;
  left: 16px;
}
.user-p_vip a {
  display: block;
  width: 66px;
  height: 30px;
  text-align: center;
  line-height: 30px;
  background: linear-gradient(141deg, #fff0db 0%, #ffc79b 62%, #fbe3c0 100%);
  color: #711e00;
  font-size: 12px;
  font-weight: bold;
  top: 21px;
  left: 140px;
  border-radius: 4px;
}
#feedback-dialog {
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.54);
  position: fixed;
  left: 0;
  top: 0;
  z-index: 999;
  display: flex;
  justify-content: center;
  align-items: center;
}
#feedback-dialog dl.holder {
  width: 632px;
  background: #fff;
  border-radius: 8px;
  overflow: hidden;
}
#feedback-dialog dl.holder dt {
  height: 60px;
  border-bottom: 1px solid rgba(168, 170, 182, 0.3);
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 24px;
}
#feedback-dialog dl.holder dt p {
  font-size: 20px;
  font-weight: bold;
  color: #1d2129;
}
#feedback-dialog dl.holder dt a.close {
  width: 24px;
  height: 24px;
  display: inline-block;
  background: url(https://s1.ssl.qhres2.com/static/c0cd792f3b892bbc.svg) no-repeat center center/20px 20px;
}
#feedback-dialog dl.holder dt a:hover {
  opacity: 0.5;
}
#feedback-dialog dl.holder dd {
  font-size: 14px;
  color: #2b2f37;
  padding: 20px;
  position: relative;
}
#feedback-dialog dl.holder dd .tips {
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.8);
  position: absolute;
  left: 0;
  top: 0;
  display: none;
}
#feedback-dialog dl.holder dd .tips p {
  margin-top: 250px;
  text-align: center;
  font-size: 16px;
  font-weight: bold;
}
#feedback-dialog dl.holder li {
  margin-bottom: 22px;
}
#feedback-dialog dl.holder li h3 {
  height: 40px;
  line-height: 40px;
  font-size: 14px;
  padding-bottom: 10px;
  color: rgb(96, 98, 102);
}
#feedback-dialog dl.holder li h3 span {
  margin-right: 4px;
  color: rgb(245, 108, 108);
}
#feedback-dialog dl.holder li div.options {
  height: 40px;
  display: flex;
  align-items: center;
}
#feedback-dialog dl.holder li div.options p {
  margin-right: 30px;
  display: flex;
  cursor: pointer;
}
#feedback-dialog dl.holder li div.options p span {
  border: 2px solid #838383;
  height: 14px;
  width: 14px;
  display: inline-block;
  box-sizing: border-box;
  border-radius: 100%;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}
#feedback-dialog dl.holder li div.options p.checked span {
  border-color: #ff4057;
}
#feedback-dialog dl.holder li div.options p.checked span::after {
  background: #ff4057;
  height: 6px;
  width: 6px;
  border-radius: 100%;
  content: "";
  display: inline-block;
}
#feedback-dialog dl.holder li div.options p label {
  font-weight: bold;
  margin-left: 10px;
  cursor: pointer;
}
#feedback-dialog dl.holder li textarea,
#feedback-dialog dl.holder li input[type=text] {
  width: 100%;
  height: 120px;
  padding: 5px 15px;
  font-size: 14px;
  line-height: 21px;
  color: rgb(96, 98, 102);
  background-color: #f7f8fa;
  border: 1px solid rgb(220, 223, 230);
  border-radius: 5px;
  box-sizing: border-box;
}
#feedback-dialog dl.holder li textarea:focus,
#feedback-dialog dl.holder li input[type=text]:focus {
  border-color: #409eff;
}
#feedback-dialog dl.holder li textarea.empty {
  border-color: #f56c6c;
}
#feedback-dialog dl.holder li input[type=text] {
  height: 40px;
  line-height: 40px;
}
#feedback-dialog dl.holder li .text p {
  height: 18px;
}
#feedback-dialog dl.holder li .text p span.error {
  color: #f56c6c;
  font-size: 12px;
  display: none;
}
#feedback-dialog dl.holder li .btn {
  text-align: right;
}
#feedback-dialog dl.holder li input[type=submit] {
  color: #fff;
  background: #ff4057;
  border: none;
  border-radius: 8px;
  font-size: 14px;
  height: 36px;
  width: 88px;
  cursor: pointer;
}
#feedback-dialog dl.holder input::input-placeholder,
#feedback-dialog dl.holder textarea::input-placeholder {
  color: rgb(192, 196, 204);
}
.k-ssr-toast {
  position: fixed;
  top: 36px;
  left: 50%;
  padding: 0 16px;
  transform: translate(-50%);
  border-radius: 18px;
  height: 36px;
  font-size: 14px;
  box-shadow: 0 4px 40px 1px rgba(110, 131, 150, 0.25);
  min-width: 0;
  background: #fff;
  border: none;
  z-index: 2147483647 !important;
  line-height: 36px;
}
.k-ssr-toast.warning img {
  margin-right: 8px;
  width: 16px;
  height: 16px;
  vertical-align: -3px;
}
.k-ssr-toast p {
  color: #4e5969;
}
#transferGuess {
  display: flex;
  align-items: center;
  justify-content: center;
}
#transferGuess img {
  animation: loading 2s linear infinite;
  width: 16px;
  height: 16px;
  margin-right: 6px;
}
@keyframes loading {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
  }
}
#k-ssr-loading-mask {
  position: fixed;
  width: 100vw;
  height: 100vh;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 999;
  display: flex;
  justify-content: center;
  align-items: center;
  background: rgba(0, 0, 0, 0.5);
}
#k-ssr-loading-mask .k-ssr-loading {
  padding: 30px;
  box-sizing: border-box;
  overflow: hidden;
  text-align: center;
  background: #fff;
  border-radius: 8px;
  opacity: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
#k-ssr-loading-mask img {
  display: block;
  height: 48px;
  width: 48px;
  margin: 0 auto 8px;
  animation: loading 2s linear infinite;
}
#purpose-dialog {
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.54);
  position: fixed;
  left: 0;
  top: 0;
  z-index: 999;
  display: flex;
  justify-content: center;
  align-items: center;
}
#purpose-dialog a.close {
  width: 18px;
  height: 18px;
  display: inline-block;
  background: url(https://s1.ssl.qhres2.com/static/c0cd792f3b892bbc.svg) no-repeat center center/14px 14px;
  position: absolute;
  right: 20px;
  top: 20px;
}
#purpose-dialog a.close:hover {
  opacity: 0.5;
}
.purpose-dialog__content {
  width: 800px;
  height: 400px;
  border-radius: 8px;
  background: url(https://p5.ssl.qhimg.com/t011c1fa5a0a98f92e9.png) no-repeat;
  position: relative;
}
.purpose-dialog__content h1 {
  margin-top: 66px;
  color: #2b2f37;
  font-size: 24px;
  text-align: center;
}
.purpose-dialog__content ul {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  gap: 16px;
  column-gap: 8px;
  margin: 57px 44px;
}
.purpose-dialog__content li {
  box-sizing: border-box;
  height: 48px;
  border-radius: 8px;
  color: rgb(96, 98, 102);
  background-color: #fff;
  text-align: center;
  line-height: 48px;
  font-weight: bold;
  cursor: pointer;
}
.purpose-dialog__content li:hover {
  box-shadow: 2px 3px #eee;
}
.purpose-dialog__content li.is-selected {
  border: 2px solid #ff4057;
  color: #ff4057;
  line-height: 44px;
}
.purpose-dialog__content .submit {
  background: #ff4057;
  border-radius: 8px;
  color: #fff;
  display: block;
  font-size: 14px;
  height: 48px;
  line-height: 36px;
  margin: 0 auto;
  text-align: center;
  width: 300px;
  border: none;
  cursor: pointer;
}
.purpose-dialog__content .submit:hover {
  opacity: 0.8;
}
.purpose-dialog__content .submit.disabled {
  opacity: 0.3;
  cursor: not-allowed;
}

/* src/web/assets/template-common.scss */
.mould-type {
  width: 1200px;
  margin: 0 auto;
}
.mould-type__carousel-box {
  position: relative;
  height: 100%;
}
.mould-type__carousel-left,
.mould-type__carousel-right {
  position: absolute;
  top: calc(50% - 26px);
  transform: translateY(-50%);
  width: 42px;
  height: 42px;
  cursor: pointer;
  z-index: 9;
  background: url(https://s2.ssl.qhres2.com/static/c5ea9194cc17bc88.svg);
  background-size: 100% 100%;
  display: none;
}
.mould-type__carousel-left {
  left: -21px;
}
.mould-type__carousel-right {
  right: -21px;
  transform: translateY(-50%) rotate(180deg);
}
.mould-type__carousel-style {
  position: relative;
  overflow: hidden;
  height: 100%;
}
.mould-type__item-info {
  width: 100%;
  height: 100%;
  border-radius: 8px;
  margin: 0;
}
.mould-type__item-img {
  position: relative;
  width: 100%;
  padding-top: 178%;
  border-radius: 8px;
  margin: 0;
  overflow: hidden;
  cursor: pointer;
  background-color: #fff;
}
.mould-type__item--duration,
.mould-type__item--make {
  position: absolute;
  font-size: 12px;
  color: #fff;
  cursor: pointer;
}
.mould-type__item--duration {
  height: 20px;
  padding: 0 10px 0 25px;
  line-height: 20px;
  background: rgba(0, 0, 0, 0.4) url('data:image/svg+xml;charset=utf-8,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5 8V5.72318C5 4.95536 5.82948 4.47399 6.49614 4.85494L8.5 6L10.4806 7.13176C11.1524 7.51565 11.1524 8.48435 10.4806 8.86824L8.5 10L6.49614 11.1451C5.82948 11.526 5 11.0446 5 10.2768V8Z" fill="white"/></svg>') no-repeat 6px center/16px 16px;
  border-radius: 100px;
  border: 1px solid rgba(255, 255, 255, 0.4);
  font-weight: 400;
  z-index: 2;
  bottom: 8px;
  left: 8px;
}
.mould-type__item-img:hover .mould-type__item--duration {
  display: none;
}
.mould-type__item--make {
  top: 12px;
  left: 12px;
  z-index: 0;
  width: 80px;
  height: 30px;
  line-height: 30px;
  padding-left: 30px;
  background: #ff4057 url('data:image/svg+xml;charset=utf-8,<svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13 10.25V11.25C13 11.8023 12.5523 12.25 12 12.25H4C3.44772 12.25 3 11.8023 3 11.25V4.25C3 3.69772 3.44772 3.25 4 3.25H6" stroke="white" stroke-width="1.5" stroke-linecap="round"/><rect x="9" y="4.25" width="5" height="1.5" rx="0.75" fill="white"/><rect x="12.25" y="2.5" width="5" height="1.5" rx="0.75" transform="rotate(90 12.25 2.5)" fill="white"/></svg>') no-repeat 10px center/16px 16px;
  border-radius: 20px;
  font-weight: 500;
  box-sizing: border-box;
  display: none;
}
.mould-type__item-title {
  width: 100%;
  padding: 0 8px;
  font-size: 14px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  box-sizing: border-box;
}
.mould-type__item-title.title-only {
  width: auto;
}
.mould-type__item-img img.cover,
.mould-type__item-img video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: block;
  object-fit: contain;
  transition: z-index 1s;
}
.mould-type__item-img video {
  opacity: 0;
}
.mould-type__item-title,
.mould-type__item-title a {
  color: rgba(43, 47, 55, 0.7);
}
.mould__water {
  display: flex;
  flex-wrap: wrap;
  margin: 7px auto 30px;
}
.mould__water-item {
  margin-top: 16px;
  height: auto;
}
.mould-type__item-title .vip {
  margin-right: 4px;
  vertical-align: -4.5px;
}
.mould-type__item--make:hover {
  background-color: #ff576b;
}
.mould-type__item--make:active {
  background-color: #e63a4e;
}
.mould-type__item-title .mould-user-info {
  display: flex;
  align-items: center;
}
.mould-type__item-title .mould-user-info * {
  margin-right: 8px;
}
.mould-type__item-title .mould-type__item-avatar img {
  width: 100%;
  height: 100%;
}
.mould-type__item-title .mould-type__item-avatar {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  overflow: hidden;
}
.mould-type__item-title .mould-type__item-desc {
  margin-top: 13px;
  width: 100%;
}
.mould__water-list {
  width: 200px;
  flex-grow: 1;
}
.mould__water-list:not(:last-child) {
  margin-right: 16px;
}
.mould-type__item-title .mould-name {
  width: 100%;
  font-size: 14px;
  color: rgba(43, 47, 55, 0.7);
  font-weight: 600;
  margin-bottom: 8px;
  text-overflow: ellipsis;
  overflow: hidden;
}
.mould-type__item-title .mould-name a {
  line-height: 22px;
  color: #1D2129;
  font-weight: 500;
}
.mould-type__item-title .mould-name:hover,
.mould-type__item-title .mould-name:hover a {
  color: #ff4057;
}
.mould-type__item-img img.vip {
  z-index: 999 !important;
  width: 36px;
  position: absolute;
  right: 8px;
  height: 20px;
  top: 8px;
}
.mould-type__item-img img.cover {
  z-index: 2;
}
.mould-type__item-img.play img {
  z-index: 1;
}
.mould-type__item-img.play video {
  width: 100%;
  height: 100%;
  z-index: 2;
  opacity: 1;
}
.mould-type__item.one_one .mould-type__item-img {
  width: 100%;
  padding-top: 100%;
}
.mould-type__item.three_four .mould-type__item-img {
  padding-top: 133%;
}
.mould-type__item.sixteen_nine .mould-type__item-img {
  padding-top: 56.25%;
}
.mould-type__item:hover .mould-type__item--make {
  z-index: 3;
  display: block;
}
.mould__water .mould__water-list .mould-type__item {
  height: auto;
}
.mould-type__item-title .mould-type__item-desc .artist {
  display: inline-block;
  font-size: 12px;
  line-height: 15px;
  max-width: 50%;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: middle;
  color: #4E5969;
  font-weight: unset;
}
.mould-type__item-title .mould-type__item-desc .artist-label {
  display: inline-block;
  width: 76px;
  border-radius: 4px;
  font-size: 12px;
  line-height: 20px;
  padding: 0 8px;
  box-sizing: border-box;
}
.mould__water .mould-type__item .mould-type__item-img,
.mould__water-item-info {
  width: 100%;
}
.mould__water-item-info {
  height: 100%;
  border-radius: 8px;
  margin: 0;
}
.mould__water-item-img {
  position: relative;
  width: 247px;
  border-radius: 4px;
  overflow: hidden;
  cursor: pointer;
  background-color: #f0f0f0;
}
.mould__water-item--duration,
.mould__water-item--make {
  position: absolute;
  font-size: 12px;
  color: #fff;
  cursor: pointer;
}
.mould__water-item--duration {
  height: 20px;
  padding: 0 10px 0 25px;
  line-height: 20px;
  background: rgba(0, 0, 0, 0.4) url('data:image/svg+xml;charset=utf-8,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5 8V5.72318C5 4.95536 5.82948 4.47399 6.49614 4.85494L8.5 6L10.4806 7.13176C11.1524 7.51565 11.1524 8.48435 10.4806 8.86824L8.5 10L6.49614 11.1451C5.82948 11.526 5 11.0446 5 10.2768V8Z" fill="white"/></svg>') no-repeat 6px center/16px 16px;
  border-radius: 100px;
  border: 1px solid rgba(255, 255, 255, 0.4);
  font-weight: 400;
  z-index: 2;
  bottom: 12px;
  right: 12px;
}
.mould__water-item--make {
  top: 12px;
  left: 12px;
  z-index: 0;
  width: px;
  height: 30px;
  line-height: 30px;
  padding-left: 30px;
  background: #ff4057 url('data:image/svg+xml;charset=utf-8,<svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13 10.25V11.25C13 11.8023 12.5523 12.25 12 12.25H4C3.44772 12.25 3 11.8023 3 11.25V4.25C3 3.69772 3.44772 3.25 4 3.25H6" stroke="white" stroke-width="1.5" stroke-linecap="round"/><rect x="9" y="4.25" width="5" height="1.5" rx="0.75" fill="white"/><rect x="12.25" y="2.5" width="5" height="1.5" rx="0.75" transform="rotate(90 12.25 2.5)" fill="white"/></svg>') no-repeat 10px center/16px 16px;
  border-radius: 20px;
  font-weight: 500;
  box-sizing: border-box;
  display: none;
}
.mould__water-item-title {
  font-size: 14px;
  line-height: 46px;
  margin: 0 8px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.mould__water-item-img img {
  max-width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  display: block;
}
.mould__water-item-img video {
  max-width: 100%;
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 0;
  display: block;
  opacity: 0;
  object-fit: fill;
}
.mould__water-item-title,
.mould__water-item-title a {
  color: rgba(43, 47, 55, 0.7);
}
.mould-type__list {
  display: block;
  font-size: 0;
  padding-top: 24px;
}
.mould-type__item {
  width: 100%;
  vertical-align: top;
}
.mould-type__list li {
  display: inline-block;
}
.mould__water-item--make:hover {
  background-color: #ff576b;
}
.mould__water-item--make:active {
  background-color: #e63a4e;
}
.mould__water-item-img.play video {
  max-width: 100%;
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 2;
  opacity: 1;
}
.mould-type__item-title > a > .mould-name {
  line-height: 46px;
  font-weight: 400;
}
.mould__water-item-img.play .mould__water-item--make {
  z-index: 3;
  display: block;
}
.mould-type__item-title .mould-type__item-desc .artist-label.pink {
  background-color: rgba(255, 64, 87, 0.1);
  color: #FF4057;
}
.mould-type__item-title .mould-type__item-desc .artist-label.yellow {
  background-color: rgba(255, 125, 0, 0.1);
  color: #FF7D00;
}
.mould-type__item-title .mould-type__item-desc .artist-label.blue {
  background-color: #3768EA;
  color: #3768EA;
}

/* src/web/entry/template-detail.scss */
body {
  background: #f7f7f7;
  background-size: auto 492px;
}
.template-detail__wrapper {
  min-height: 100%;
  padding-bottom: 106px;
}
.common-title {
  clear: both;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 32px;
  width: 100%;
  padding-top: 36px;
}
.common-title h3 {
  color: #2b2f37;
  font-size: 24px;
  font-weight: 700;
  margin: 0 8px;
}
.template-detail__wrapper .template-detail {
  margin: 92px auto 0;
  width: 1200px;
  min-height: 100%;
}
.common-title a.more {
  color: rgba(43, 47, 55, 0.5);
  font-size: 12px;
  display: flex;
  align-items: center;
}
.mould-type__item-img.play img {
  z-index: 1;
}
.mould-type__item-img.play video {
  z-index: 2;
  opacity: 1;
}
.template-detail__wrapper .template-detail hr {
  border: none;
  border-bottom: 1px solid rgba(43, 47, 55, 0.1);
  margin-top: 0;
  margin-bottom: 20px;
}
.template-detail__wrapper .template-detail .preview video {
  max-width: 100%;
  max-height: 100%;
  margin: 0 auto;
  display: block;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}
.template-detail__wrapper .template-detail .preview {
  float: left;
  width: 860px;
  height: 600px;
  background: #f5f6f8;
}
.template-detail__wrapper .template-detail .info {
  float: right;
  padding-left: 32px;
  width: 308px;
  vertical-align: top;
  box-sizing: border-box;
}
.template-detail__wrapper .template-detail .more-template {
  margin: 50px 0;
  width: 100%;
}
.template-detail__wrapper .template-detail .description {
  margin-bottom: 20px;
  color: #86909c;
  font-size: 14px;
  line-height: 22px;
}
.template-detail .mould-type__carousel-style .mould-type__item {
  width: 227px;
  margin-right: 16px;
}
.template-detail__wrapper .template-detail .info button {
  margin-top: 20px;
  width: 192px;
  height: 48px;
  background: #ff4057;
  border-radius: 4px;
  font-size: 14px;
  color: #fff;
  border: 0;
  cursor: pointer;
}
.template-detail__wrapper .template-detail .info button:hover {
  background-color: #FF6679;
}
.template-detail__wrapper .template-detail .info hr {
  margin-top: 20px;
  border: none;
  border-bottom: 1px solid rgba(43, 47, 55, 0.1);
}
.template-detail__wrapper .template-detail .more-template h2 {
  font-size: 20px;
}
.common-title a.more span.icon-more {
  width: 16px;
  height: 16px;
  display: inline-block;
  background: url('data:image/svg+xml;charset=utf-8,<svg viewBox="0 0 24 25" version="1.1" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><g transform="translate(-398.000000,-153.000000)"><g transform="translate(398.000000,153.310670)"><polyline stroke="rgba(43,47,55,.5)" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" points="18 9 12 15 6 9"></polyline></g></g></g></svg>') no-repeat right center/16px 16px;
  transform: rotate(-90deg);
  margin-left: 10px;
}
.template-detail__wrapper .template-detail .info .nav-path {
  font-size: 12px;
  color: rgba(43, 47, 55, 0.4);
}
.template-detail__wrapper .template-detail .info .template-title {
  line-height: 28px;
  font-size: 20px;
  margin-top: 16px;
  color: #2b2f37;
  font-weight: 500;
}
.template-detail__wrapper .template-detail .info .protocol {
  margin-top: 20px;
  font-size: 12px;
}
.template-detail__wrapper .template-detail .info .material-number {
  margin-top: 13px;
  font-size: 12px;
  color: rgba(43, 47, 55, 0.4);
  line-height: 20px;
}
.template-detail__wrapper .template-detail .info .video-params {
  margin-top: 20px;
  padding-top: 8px;
  width: 300px;
  font-size: 14px;
}
.template-detail .mould-type__carousel-style .mould-type__item:last-child {
  margin: 0;
}
.template-detail__wrapper .template-detail__wrapper .template-detail .info h5 {
  font-size: 14px;
  font-weight: 400;
  color: #2b2f37;
}
.template-detail__wrapper .template-detail .info .nav-path a,
.template-detail__wrapper .template-detail .info .protocol span {
  color: rgba(43, 47, 55, 0.4);
}
.template-detail__wrapper .template-detail .info .protocol span {
  margin-right: 10px;
}
.template-detail__wrapper .template-detail .info .protocol a {
  color: #3aa1ff;
}
.template-detail__wrapper .template-detail .info .video-params a {
  height: 22px;
  line-height: 22px;
  background: rgba(43, 47, 55, 0.04);
  border-radius: 4px;
  padding: 0 10px;
  font-size: 12px;
  font-weight: 400;
  color: rgba(43, 47, 55, 0.8);
  margin: 0 6px 8px 0;
  cursor: pointer;
}
.template-detail__wrapper .template-detail .info .video-params span {
  display: inline-block;
  margin-top: 16px;
  color: rgba(43, 47, 55, 0.4);
  width: 210px;
  line-height: 22px;
  white-space: nowrap;
}
.template-detail__wrapper .template-detail .info .video-params .val {
  display: inline-flex;
  display: -ms-inline-flexbox;
  flex-wrap: wrap;
  max-height: 65px;
  overflow: hidden;
}
.template-detail__wrapper .template-detail .info .video-params .type {
  width: 90px;
}
.template-detail__wrapper .template-detail .info .nav-path a:visited {
  color: rgba(43, 47, 55, 0.4);
}
.template-detail__wrapper .template-detail .info .nav-path a:hover,
.template-detail__wrapper .template-detail .info .video-params a:hover {
  color: #ff4057;
}
.template-detail__wrapper .template-detail .info .template-title.is-vip::after {
  content: "VIP";
  vertical-align: 2px;
  margin-left: 8px;
  display: inline-block;
  width: 36px;
  height: 20px;
  background: linear-gradient(140deg, #ffe5be 0, #ffa768 69%, #ffdaa4 100%);
  border-radius: 6px;
  font-size: 12px;
  color: #711e00;
  text-align: center;
  line-height: 20px;
}
.template-detail__wrapper .template-detail .info .video-params span.val {
  color: #2b2f37;
  max-height: 58px;
}