@charset "UTF-8";
.ellipsis {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

/*
 * 富文本初始化
 */
/* 全局样式变量 */
:root {
  --sk-font-Light: '';
  --sk-font-Regular: 'Poppins-Regular';
  --sk-font-Medium: 'Poppins-Medium';
  --sk-font-Bold: '';
  --sk-font-SemiBold: 'Poppins-SemiBold';
  --sk-font-Num: '';
  --headH: 0;
  /* 以下颜色根据设计稿的不同来设置 */
  --sk-global-color: #307FE2;
  /* -------------- 主题色 ---------------*/
  --fcolor-default: #000000;
  /* -------------- 字体默认色 ---------------*/
  --fcolor-black: #000000;
  --fz-h1: .56rem;
  /* -------------- 一级标题字号 ---------------*/
  --fz-h2: .48rem;
  /* -------------- 一级标题字号 ---------------*/
  --fz-context: .28rem;
  /* -------------- 正文字号 ------------------*/
  --lh-h1: .56rem;
  /* -------------- 一级标题行高 ---------------*/
  --lh-h2: .56rem;
  /* -------------- 二级标题行高 ---------------*/
  --lh-context: .56rem;
  /* -------------- 正文行高 -------------------*/
  /* 层级 */
  --sk-zIndex-1: 1;
  /* --------------页面元素层级 --*/
  --sk-zIndex-2: 2;
  /* --------------页面元素层级 --*/
  --sk-zIndex-3: 3;
  /* --------------页面元素层级 --*/
  --sk-zIndex-10: 10;
  /* --------------页面元素层级 --*/
  --sk-zIndex-100: 100;
  /* --------------头部导航层级 --*/
  --sk-zIndex-999: 999;
  /* --------------弹窗层级 ------*/
  --sk-zIndex-1000: 1000;
}

@-webkit-keyframes fadeInUpSmall {
  from {
    -webkit-transform: translate3d(0, 0.4rem, 0);
            transform: translate3d(0, 0.4rem, 0);
    opacity: 0;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@keyframes fadeInUpSmall {
  from {
    -webkit-transform: translate3d(0, 0.4rem, 0);
            transform: translate3d(0, 0.4rem, 0);
    opacity: 0;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@media screen and (min-width: 800px) {
  .fadeInUpSmall {
    opacity: 0;
    -webkit-animation-name: fadeInUpSmall;
            animation-name: fadeInUpSmall;
  }
}
@media screen and (max-width: 800px) {
  .fadeInUpSmall {
    visibility: visible !important;
  }
}

.svg-ctx {
  object-fit: contain;
}
.svg-ctx path {
  fill: currentColor;
}
.svg-ctx ellipse {
  stroke: currentColor;
}

.fit-image {
  position: relative;
  width: 100%;
  padding-top: calc((0.5625) * 100%);
}
.fit-image img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 0;
}

.-background {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: -1;
}
.-background img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.topA {
  cursor: pointer;
  position: fixed;
  z-index: 9;
  right: 0.3rem;
  bottom: 0.6rem;
  border-radius: 50%;
  width: 0.48rem;
  height: 0.48rem;
  opacity: 0;
  visibility: hidden;
  background: url(../images/base/demoImg/topA.svg) center center no-repeat;
  background-size: contain;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.topA.show {
  opacity: 1;
  visibility: visible;
}
@media screen and (max-width: 800px) {
  .topA {
    right: 0.42rem;
    bottom: 1.2rem;
    width: 0.64rem;
    height: 0.64rem;
  }
}

.blocker {
  z-index: 100 !important;
}

.modal {
  width: 100% !important;
  max-width: 11rem !important;
  padding: 0 !important;
  box-shadow: none !important;
  background-color: transparent !important;
}

.modal-video .video-container {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.modal-video .video-container > video,
.modal-video .video-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.modal-video .video-container iframe html body video {
  width: 100% !important;
  height: 100% !important;
}

.-scroll {
  padding-bottom: 1px;
  max-height: 2.2rem;
  overflow: auto;
}
.-scroll::-webkit-scrollbar {
  width: 0.08rem;
  height: 0.08rem;
}
.-scroll::-webkit-scrollbar-thumb {
  border-radius: 0.08rem;
  background: #666666;
}
.-scroll::-webkit-scrollbar-thumb:vertical {
  background-color: #666666;
}
.-scroll::-webkit-scrollbar-width {
  width: 0.08rem;
}
.-scroll::-webkit-scrollbar-track {
  border-radius: 0.08rem;
  background-color: none;
}
@media screen and (max-width: 800px) {
  .-scroll {
    max-height: 2.4rem;
  }
}

.sk_select {
  --h: .48rem;
  position: relative;
  min-width: 1.8rem;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.sk_select.-full {
  width: 100%;
}
.sk_select.on {
  z-index: 2;
}
.sk_select.on .-select-front input {
  border-color: #307FE2;
  box-shadow: 0 0 4px 0.02rem rgba(48, 127, 226, 0.2);
}
.sk_select.on .-select-front::after {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}
.sk_select.on .-select-layer {
  box-shadow: 0px 0px 0.1rem 5px rgba(218, 218, 218, 0.4);
}
.sk_select .-select-front {
  cursor: pointer;
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  height: var(--h);
  background: white;
}
.sk_select .-select-front input {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  pointer-events: none;
  width: 100%;
  height: 100%;
  font-size: 0.16rem;
  padding: 0 0.2rem;
  border-radius: 0.04rem;
  border: 1px solid #CFD4E0;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.sk_select .-select-front input:focus {
  border-color: #307FE2;
  box-shadow: 0 0 4px 0.02rem rgba(48, 127, 226, 0.2);
}
.sk_select .-select-front::after {
  position: absolute;
  right: 0.2rem;
  content: "";
  width: 0.16rem;
  height: 0.16rem;
  background: url(https://community-data.livoltek.com/static/images/base/selectDown.svg) center center no-repeat;
  background-size: contain;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  margin-left: 0.2rem;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.sk_select .-select-layer {
  position: absolute;
  width: 100%;
  height: 0;
  bottom: -0.1rem;
  left: 0;
  -webkit-transform: translate(0, 100%);
      -ms-transform: translate(0, 100%);
          transform: translate(0, 100%);
  overflow: hidden;
  box-shadow: 0rem 0.04rem 0.16rem 0rem rgba(89, 95, 109, 0.15);
}
.sk_select .-select-layer .-inner {
  background-color: white;
  border-radius: 0.1rem;
}
.sk_select .-select-layer .-inner .-scroll {
  padding: 0.1rem;
}
.sk_select .-select-layer .-inner dl dd {
  padding: 0.08rem 0.14rem 0.07rem;
  cursor: pointer;
  font-size: 0.14rem;
  line-height: 0.21rem;
  color: rgba(0, 0, 0, 0.6);
  -webkit-transition: 0.3s;
  transition: 0.3s;
  border-radius: 0.04rem;
}
.sk_select .-select-layer .-inner dl dd:not(:last-child) {
  margin-bottom: 0.02rem;
}
.sk_select .-select-layer .-inner dl dd:hover {
  color: #000;
  background: #F5F5F7;
}
.sk_select .-select-layer .-inner dl dd.on {
  color: #000;
  background: #F5F5F7;
}
@media screen and (max-width: 800px) {
  .sk_select {
    --h: .9rem;
    width: 100%;
  }
  .sk_select .-select-front {
    padding: 0;
    height: var(--h);
  }
  .sk_select .-select-front input {
    font-size: 0.26rem;
    padding: 0 0.3rem;
    border-radius: 0.08rem;
  }
  .sk_select .-select-front::after {
    width: 0.32rem;
    height: 0.32rem;
  }
  .sk_select .-select-layer .-inner {
    border-radius: 0.08rem;
  }
  .sk_select .-select-layer .-inner dl dd {
    font-size: 0.24rem;
    line-height: 0.32rem;
    padding: 0.16rem 0.24rem 0.14rem;
  }
}

.-sk-nav {
  position: -webkit-sticky;
  position: sticky;
  top: var(--headH);
  border-bottom: 0.01rem solid #E8E8E8;
  background-color: rgba(255, 255, 255, 0.9);
  backdrop-filter: blur(0.15rem);
  z-index: 10;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.-sk-nav.-top0 {
  top: 0;
}
.-sk-nav ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  height: 0.6rem;
}
.-sk-nav ul li {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-right: 0.64rem;
}
.-sk-nav ul li:last-child {
  margin-right: 0;
}
.-sk-nav ul li.on a {
  color: #000;
  font-family: var(--sk-font-Bold);
}
.-sk-nav ul li.on a::before {
  opacity: 1;
  visibility: visible;
}
.-sk-nav ul li a {
  position: relative;
  color: rgba(0, 0, 0, 0.4);
  font-size: 0.16rem;
  line-height: 0.24rem;
  padding: 0.18rem 0;
}
.-sk-nav ul li a::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  bottom: -0.01rem;
  width: 100%;
  height: 0.01rem;
  background: -webkit-linear-gradient(left, #0052E3 0%, #00BEF2 50%, #54EBBA 100%);
  background: linear-gradient(to right, #0052E3 0%, #00BEF2 50%, #54EBBA 100%);
  opacity: 0;
  visibility: hidden;
}
@media screen and (min-width: 800px) {
  .-sk-nav ul li a:hover {
    color: #000000;
  }
}
@media screen and (max-width: 800px) {
  .-sk-nav ul {
    position: relative;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    height: 1rem;
    overflow-y: hidden;
    overflow-x: auto;
    padding: 0 0.4rem;
  }
  .-sk-nav ul li {
    margin-right: 0.7rem;
    -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
            flex-shrink: 0;
  }
  .-sk-nav ul li a {
    position: relative;
    color: rgba(0, 0, 0, 0.4);
    font-size: 0.24rem;
    line-height: 0.24rem;
    padding: 0.38rem 0;
  }
  .-sk-nav ul li a::before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    bottom: 0rem;
    width: 100%;
    height: 2px;
    background: -webkit-linear-gradient(left, #0052E3 0%, #00BEF2 50%, #54EBBA 100%);
    background: linear-gradient(to right, #0052E3 0%, #00BEF2 50%, #54EBBA 100%);
    opacity: 0;
    visibility: hidden;
  }
}

.sk-list {
  --count: 1;
  --gapX: .32rem;
  --gapY: .32rem;
  --width: calc((100% - var(--gapX) * var(--count)) / var(--count));
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  margin: calc(-1 * var(--gapY) / 2) calc(-1 * var(--gapX) / 2);
}
.sk-list .sk-item {
  width: var(--width);
  margin: calc(var(--gapY) / 2) calc(var(--gapX) / 2);
}

.sk-swiper {
  overflow: hidden;
}
.sk-swiper .sk-swiper-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap;
}
.sk-swiper .sk-dots {
  margin-top: 0.32rem;
  margin-bottom: 0.16rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.sk-swiper .sk-dots.swiper-pagination-bullets span {
  width: 0.08rem;
  height: 0.08rem;
  margin-right: 0.05rem;
  border-radius: 50%;
  background-color: #00BEF2;
  opacity: 0.5;
}
.sk-swiper .sk-dots.swiper-pagination-bullets span.swiper-pagination-bullet-active {
  opacity: 1;
}
.sk-swiper .sk-dots.swiper-pagination-bullets span:last-child {
  margin-right: 0;
}
.sk-swiper .sk-dots.swiper-pagination-progressbar {
  position: relative;
  width: 100%;
  height: var(--swiper-pagination-progressbar-size, 4px);
}
.sk-swiper .sk-dots.swiper-pagination-progressbar span {
  background: #00BEF2;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-transform: scale(0);
      -ms-transform: scale(0);
          transform: scale(0);
  -webkit-transform-origin: left top;
      -ms-transform-origin: left top;
          transform-origin: left top;
}
.sk-swiper .sk-arrow {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 0.32rem;
}
.sk-swiper .sk-arrow .prev,
.sk-swiper .sk-arrow .next {
  cursor: pointer;
  font-size: 0.2rem;
  color: #000000;
}
.sk-swiper .sk-arrow .prev {
  margin-right: 0.12rem;
}

/* 集合属性（主题样式） */
body.show a,
body.show .transition,
body.show :before,
body.show img {
  -webkit-transition: All 0.3s ease;
  transition: All 0.3s ease;
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

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

body {
  font-family: var(--sk-font-Regular);
  font-size: 12px;
  color: var(--fcolor-default);
  -webkit-text-size-adjust: none;
  -webkit-font-smoothing: antialiased;
  background-color: white;
}
body.show {
  opacity: 1;
}

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

li {
  list-style: outside none;
}

li {
  list-style-type: none;
}

h1,
h2,
h3,
h4,
h5 {
  font-weight: 400;
  font-family: var(--sk-font-Bold);
}

textarea,
input {
  background: transparent;
  color: var(--fcolor-default);
  outline: none;
  border: 0;
  font-family: var(--sk-font-Regular);
}
textarea::-webkit-input-placeholder, input::-webkit-input-placeholder {
  color: rgba(0, 0, 0, 0.4);
}
textarea::-moz-placeholder, input::-moz-placeholder {
  color: rgba(0, 0, 0, 0.4);
}
textarea:-ms-input-placeholder, input:-ms-input-placeholder {
  color: rgba(0, 0, 0, 0.4);
}
textarea::placeholder,
input::placeholder {
  color: rgba(0, 0, 0, 0.4);
}

em {
  font-style: normal;
}

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

button {
  all: unset;
}

button {
  margin: 0;
  padding: 0;
  border: none;
  background: transparent;
  font-family: inherit;
  font-size: inherit;
  color: inherit;
  cursor: pointer;
  box-sizing: border-box;
  outline: none; /* 可选：移除焦点轮廓 */
}

button:focus {
  outline: none; /* 可选：移除焦点边框 */
}

.demo-page {
  padding-bottom: 3rem;
}
.demo-page .bg-gray {
  background-color: #f5f5f5;
}
.demo-page .bg-wihte {
  background-color: #ffffff;
}
.demo-page img, .demo-page video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.demo-page .page-main {
  overflow: hidden;
}
.demo-page .page-main .wal {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.demo-page .page-main .wal .-container {
  margin-top: 0.64rem;
}
.demo-page .page-main .wal .-container:first-child {
  margin-top: 0;
}
.demo-page .page-main .wal .-container .-title {
  font-size: 0.28rem;
}
.demo-page .page-main .wal .-container .-body {
  padding: 0.2rem;
  border-radius: 0.08rem;
  margin-top: 0.32rem;
}
.demo-page .page-main .wal .-container .-body.nopading {
  padding: 0;
}

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

@media screen and (max-width: 1700px) {
  body {
    font-size: 16px;
  }
  html {
    font-size: 94px;
  }
}
@media screen and (max-width: 1440px) {
  body {
    font-size: 14px;
  }
  html {
    font-size: 82px;
  }
}
@media screen and (max-width: 1300px) {
  html {
    font-size: 74px;
  }
}
@media screen and (max-width: 1200px) {
  html {
    font-size: 68px;
  }
}
@media screen and (max-width: 1100px) {
  html {
    font-size: 64px;
  }
}
@media screen and (max-width: 1000px) {
  html {
    font-size: 70px;
  }
}
@media screen and (min-width: 800px) {
  .pc-show {
    display: block;
  }
  .phone-show {
    display: none !important;
  }
}
@media screen and (max-width: 800px) {
  html {
    font-size: 72px;
  }
  .wal {
    width: 100%;
    padding: 0 0.32rem;
  }
  .phone-show {
    display: block;
  }
  .pc-show {
    display: none !important;
  }
}
@media (max-width: 500px) {
  html {
    font-size: 62px;
  }
}
@media screen and (max-width: 320px) {
  html {
    font-size: 50px;
  }
}
.default____btn {
  min-width: 1.6rem;
  height: 0.48rem;
  border-radius: 0.04rem;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  color: #FFFFFF;
  background-color: var(--sk-global-color);
  font-size: 0.16rem;
  padding: 0 0.18rem;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  font-family: var(--sk-font-Medium);
}
@media screen and (max-width: 800px) {
  .default____btn {
    min-width: 2.6rem;
    height: 0.8rem;
    border-radius: 0.08rem;
    font-size: 0.24rem;
    padding: 0 0.48rem;
  }
}
@media screen and (min-width: 800px) {
  .default____btn:hover {
    background: #145BB4;
  }
  .default____btn:hover .btn__content {
    -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
            transform: translateX(0);
  }
  .default____btn:hover .btn__content .default____svg {
    opacity: 1;
  }
}
.default____btn .btn__content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  -webkit-transform: translateX(0.105rem);
      -ms-transform: translateX(0.105rem);
          transform: translateX(0.105rem);
}
.default____btn .btn__content .default____svg {
  color: #FFFFFF;
  width: 0.15rem;
  object-fit: contain;
  margin-left: 0.06rem;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  opacity: 0;
}
.default____btn.ffffff {
  background: #FFFFFF;
  color: #000000;
}
@media screen and (min-width: 800px) {
  .default____btn.ffffff:hover {
    background: #F5F5F7;
  }
}
.default____btn.ffffff .btn__content .default____svg {
  color: #000000;
}
.default____btn.no__icon {
  min-width: auto;
}
.default____btn.no__icon .btn__content {
  -webkit-transform: translateX(0);
      -ms-transform: translateX(0);
          transform: translateX(0);
}
.default____btn.no__icon .btn__content .default____svg {
  opacity: 1;
}
.default____btn.F5F5F7 {
  background: #F5F5F7;
  color: rgba(0, 0, 0, 0.4);
}
@media screen and (min-width: 800px) {
  .default____btn.F5F5F7:hover {
    background: #E2E2E9;
  }
}
.default____btn.F5F5F7 .btn__content .default____svg {
  color: #000000;
}

.index-page .index-banner {
  --mask-display: none;
}
.index-page .index-banner .swiper-container {
  position: relative;
  height: 6rem;
}
.index-page .index-banner .swiper-container .swiper-wrapper {
  height: 100%;
}
.index-page .index-banner .swiper-container .swiper-wrapper .swiper-slide {
  position: relative;
  height: 100%;
}
.index-page .index-banner .swiper-container .swiper-wrapper .swiper-slide .inner {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.index-page .index-banner .swiper-container .swiper-wrapper .swiper-slide .inner .slide-backgroud {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100% !important;
  background-color: #999;
  z-index: -1;
}
.index-page .index-banner .swiper-container .swiper-wrapper .swiper-slide .inner .slide-backgroud::before {
  content: "";
  display: block;
  position: absolute;
  display: var(--mask-display);
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.1);
  z-index: 1;
}
.index-page .index-banner .swiper-container .swiper-wrapper .swiper-slide .inner .slide-backgroud video,
.index-page .index-banner .swiper-container .swiper-wrapper .swiper-slide .inner .slide-backgroud img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.index-page .index-banner .swiper-container .swiper-wrapper .swiper-slide .inner .wal {
  height: 100%;
  padding-bottom: 0.07rem;
}
@media screen and (max-width: 800px) {
  .index-page .index-banner .swiper-container .swiper-wrapper .swiper-slide .inner .wal {
    padding-top: 0.05rem;
    padding-bottom: 0;
  }
}
.index-page .index-banner .swiper-container .swiper-wrapper .swiper-slide .inner .wal .slide-box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  height: 100%;
  color: #fff;
}
.index-page .index-banner .swiper-container .swiper-wrapper .swiper-slide .inner .wal .slide-box .slide-title {
  font-size: 0.48rem;
  line-height: 0.72rem;
  max-width: 6rem;
  font-family: var(--sk-font-SemiBold);
}
@media screen and (max-width: 800px) {
  .index-page .index-banner .swiper-container .swiper-wrapper .swiper-slide .inner .wal .slide-box .slide-title {
    font-size: 0.54rem;
    line-height: 0.81rem;
  }
}
.index-page .index-banner .swiper-container .swiper-wrapper .swiper-slide .inner .wal .slide-box .slide-text {
  margin-top: 0.16rem;
  font-size: 0.18rem;
  line-height: 0.27rem;
  max-width: 5.23rem;
}
@media screen and (max-width: 800px) {
  .index-page .index-banner .swiper-container .swiper-wrapper .swiper-slide .inner .wal .slide-box .slide-text {
    margin-top: 0.24rem;
    font-size: 0.24rem;
    line-height: 0.36rem;
  }
}
.index-page .index-banner .swiper-container .swiper-wrapper .swiper-slide .inner .wal .slide-box .btn_box {
  margin-top: 0.38rem;
}
@media screen and (max-width: 800px) {
  .index-page .index-banner .swiper-container .swiper-wrapper .swiper-slide .inner .wal .slide-box .btn_box {
    margin-top: 0.48rem;
  }
}
.index-page .index-banner .swiper-container .swiper-control {
  position: absolute;
  bottom: 0.3rem;
  left: 0;
  z-index: 10;
  width: 100%;
}
.index-page .index-banner .swiper-container .swiper-control .swiper-dots {
  --progress: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
}
.index-page .index-banner .swiper-container .swiper-control .swiper-dots span {
  position: relative;
  width: 0.08rem;
  height: 0.08rem;
  margin-right: 0.08rem;
  overflow: hidden;
  border-radius: 0.04rem;
  background: rgba(255, 255, 255, 0.4);
  -webkit-transition: 0.3s;
  transition: 0.3s;
  cursor: pointer;
}
.index-page .index-banner .swiper-container .swiper-control .swiper-dots span:last-child {
  margin-right: 0;
}
.index-page .index-banner .swiper-container .swiper-control .swiper-dots span.swiper-pagination-bullet-active, .index-page .index-banner .swiper-container .swiper-control .swiper-dots span.active {
  width: 0.48rem;
  background: #FFFFFF;
}
.index-page .popular-courses-section {
  margin-top: 1.2rem;
  margin-bottom: 1.2rem;
}
@media screen and (max-width: 800px) {
  .index-page .popular-courses-section {
    overflow: hidden;
  }
}
.index-page .popular-courses-section .h2 {
  font-size: 0.4rem;
  line-height: 0.6rem;
  font-family: var(--sk-font-SemiBold);
}
@media screen and (max-width: 800px) {
  .index-page .popular-courses-section .h2 {
    text-align: center;
    font-size: 0.46rem;
    line-height: 0.69rem;
  }
}
.index-page .popular-courses-section .card-wrap {
  margin-top: 0.32rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 5.64rem;
}
@media screen and (max-width: 800px) {
  .index-page .popular-courses-section .card-wrap {
    margin-top: 0.48rem;
    height: auto;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.index-page .popular-courses-section .card-wrap .left-card {
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  width: 6.88rem;
  height: 100%;
  margin-right: 0.44rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  border-radius: 0.1rem;
  overflow: hidden;
  border: 1px solid #CFD4E0;
}
@media screen and (max-width: 800px) {
  .index-page .popular-courses-section .card-wrap .left-card {
    width: 100%;
    height: auto;
    margin-right: 0;
    border-radius: 0.16rem;
  }
}
@media screen and (min-width: 800px) {
  .index-page .popular-courses-section .card-wrap .left-card:hover .img-box .img {
    -webkit-transform: scale(1.05);
        -ms-transform: scale(1.05);
            transform: scale(1.05);
  }
  .index-page .popular-courses-section .card-wrap .left-card:hover .card-con .card-title {
    color: var(--sk-global-color);
  }
}
.index-page .popular-courses-section .card-wrap .left-card .img-box {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow: hidden;
  position: relative;
}
@media screen and (max-width: 800px) {
  .index-page .popular-courses-section .card-wrap .left-card .img-box {
    height: 3.86rem;
  }
}
.index-page .popular-courses-section .card-wrap .left-card .img-box .img {
  height: 100%;
  width: 100%;
}
.index-page .popular-courses-section .card-wrap .left-card .img-box .time-box {
  position: absolute;
  bottom: 0.1rem;
  right: 0.1rem;
  padding: 0.03rem 0.04rem;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 0.04rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  backdrop-filter: blur(30px);
}
@media screen and (max-width: 800px) {
  .index-page .popular-courses-section .card-wrap .left-card .img-box .time-box {
    bottom: 0.2rem;
    right: 0.2rem;
    padding: 0.03rem 0.08rem 0.04rem;
    border-radius: 0.08rem;
  }
}
.index-page .popular-courses-section .card-wrap .left-card .img-box .time-box .icon {
  width: 0.16rem;
  height: 0.16rem;
}
@media screen and (max-width: 800px) {
  .index-page .popular-courses-section .card-wrap .left-card .img-box .time-box .icon {
    width: 0.24rem;
    height: 0.24rem;
  }
}
.index-page .popular-courses-section .card-wrap .left-card .img-box .time-box .time-text {
  margin-left: 0.04rem;
  color: #FFFFFF;
  font-size: 0.12rem;
  line-height: 0.18rem;
}
@media screen and (max-width: 800px) {
  .index-page .popular-courses-section .card-wrap .left-card .img-box .time-box .time-text {
    font-size: 0.2rem;
    line-height: 0.3rem;
  }
}
.index-page .popular-courses-section .card-wrap .left-card .card-con {
  padding: 0.3rem 0.26rem;
}
@media screen and (max-width: 800px) {
  .index-page .popular-courses-section .card-wrap .left-card .card-con {
    padding: 0.32rem 0.25rem 0.38rem 0.32rem;
  }
}
.index-page .popular-courses-section .card-wrap .left-card .card-con .infor-box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.index-page .popular-courses-section .card-wrap .left-card .card-con .infor-box .tag {
  padding: 0.04rem 0.1rem;
  font-size: 0.14rem;
  line-height: 0.21rem;
  letter-spacing: 1px;
  color: var(--sk-global-color);
  border-radius: 0.04rem;
  background: rgba(48, 127, 226, 0.15);
}
@media screen and (max-width: 800px) {
  .index-page .popular-courses-section .card-wrap .left-card .card-con .infor-box .tag {
    padding: 0.1rem 0.16rem;
    font-size: 0.22rem;
    line-height: 0.33rem;
  }
}
.index-page .popular-courses-section .card-wrap .left-card .card-con .infor-box .views {
  margin-left: 0.2rem;
  font-size: 0.14rem;
  line-height: 0.21rem;
  color: rgba(0, 0, 0, 0.6);
}
@media screen and (max-width: 800px) {
  .index-page .popular-courses-section .card-wrap .left-card .card-con .infor-box .views {
    margin-left: 0.3rem;
    font-size: 0.22rem;
    line-height: 0.33rem;
  }
}
.index-page .popular-courses-section .card-wrap .left-card .card-con .card-title {
  margin-top: 0.17rem;
  font-size: 0.24rem;
  line-height: 0.36rem;
  font-family: var(--sk-font-Medium);
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
@media screen and (max-width: 800px) {
  .index-page .popular-courses-section .card-wrap .left-card .card-con .card-title {
    margin-top: 0.32rem;
    font-size: 0.3rem;
    line-height: 0.45rem;
  }
}
@media screen and (max-width: 800px) {
  .index-page .popular-courses-section .card-wrap .card-list-wrap {
    margin-top: 0.8rem;
  }
}
.index-page .popular-courses-section .card-wrap .card-list-wrap .card-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
}
@media screen and (max-width: 800px) {
  .index-page .popular-courses-section .card-wrap .card-list-wrap .card-list {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}
.index-page .popular-courses-section .card-wrap .card-list-wrap .card-list .card-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: calc((100% - 0.48rem) / 3);
}
@media screen and (max-width: 800px) {
  .index-page .popular-courses-section .card-wrap .card-list-wrap .card-list .card-item {
    height: auto;
    width: 4.8rem;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.index-page .popular-courses-section .card-wrap .card-list-wrap .card-list .card-item:not(:last-child) {
  margin-bottom: 0.24rem;
}
@media screen and (max-width: 800px) {
  .index-page .popular-courses-section .card-wrap .card-list-wrap .card-list .card-item:not(:last-child) {
    margin-bottom: 0;
  }
}
@media screen and (min-width: 800px) {
  .index-page .popular-courses-section .card-wrap .card-list-wrap .card-list .card-item:hover .img-box .img {
    -webkit-transform: scale(1.05);
        -ms-transform: scale(1.05);
            transform: scale(1.05);
  }
  .index-page .popular-courses-section .card-wrap .card-list-wrap .card-list .card-item:hover .card-con .card-title {
    color: var(--sk-global-color);
  }
}
.index-page .popular-courses-section .card-wrap .card-list-wrap .card-list .card-item .img-box {
  height: 100%;
  width: 3.05rem;
  border-radius: 0.1rem;
  overflow: hidden;
  position: relative;
  margin-right: 0.3rem;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
}
@media screen and (max-width: 800px) {
  .index-page .popular-courses-section .card-wrap .card-list-wrap .card-list .card-item .img-box {
    height: auto;
    width: 100%;
    border-radius: 0.16rem;
    margin-right: 0;
  }
}
.index-page .popular-courses-section .card-wrap .card-list-wrap .card-list .card-item .img-box .img {
  height: 100%;
  width: 100%;
}
.index-page .popular-courses-section .card-wrap .card-list-wrap .card-list .card-item .img-box .time-box {
  position: absolute;
  bottom: 0.14rem;
  right: 0.1rem;
  padding: 0.03rem 0.06rem;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 0.04rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  backdrop-filter: blur(30px);
}
@media screen and (max-width: 800px) {
  .index-page .popular-courses-section .card-wrap .card-list-wrap .card-list .card-item .img-box .time-box {
    display: none;
  }
}
.index-page .popular-courses-section .card-wrap .card-list-wrap .card-list .card-item .img-box .time-box .icon {
  width: 0.16rem;
  height: 0.16rem;
}
.index-page .popular-courses-section .card-wrap .card-list-wrap .card-list .card-item .img-box .time-box .time-text {
  margin-left: 0.04rem;
  color: #FFFFFF;
  font-size: 0.12rem;
  line-height: 0.18rem;
}
.index-page .popular-courses-section .card-wrap .card-list-wrap .card-list .card-item .card-con {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
}
@media screen and (max-width: 800px) {
  .index-page .popular-courses-section .card-wrap .card-list-wrap .card-list .card-item .card-con {
    margin-top: 0.24rem;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}
.index-page .popular-courses-section .card-wrap .card-list-wrap .card-list .card-item .card-con .tag {
  padding: 0.04rem 0.1rem;
  font-size: 0.14rem;
  line-height: 0.21rem;
  letter-spacing: 1px;
  color: var(--sk-global-color);
  border-radius: 0.04rem;
  background: rgba(48, 127, 226, 0.15);
}
@media screen and (max-width: 800px) {
  .index-page .popular-courses-section .card-wrap .card-list-wrap .card-list .card-item .card-con .tag {
    padding: 0.1rem 0.16rem;
    font-size: 0.22rem;
    line-height: 0.33rem;
    border-radius: 0.08rem;
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
        -ms-flex-order: 1;
            order: 1;
  }
}
.index-page .popular-courses-section .card-wrap .card-list-wrap .card-list .card-item .card-con .card-title {
  margin-top: 0.1rem;
  font-size: 0.18rem;
  line-height: 0.27rem;
  font-family: var(--sk-font-Medium);
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
@media screen and (max-width: 800px) {
  .index-page .popular-courses-section .card-wrap .card-list-wrap .card-list .card-item .card-con .card-title {
    margin-top: 0.24rem;
    -webkit-box-ordinal-group: 4;
    -webkit-order: 3;
        -ms-flex-order: 3;
            order: 3;
    font-size: 0.26rem;
    line-height: 0.39rem;
  }
}
.index-page .popular-courses-section .card-wrap .card-list-wrap .card-list .card-item .card-con .views {
  margin-top: 0.1rem;
  font-size: 0.14rem;
  line-height: 0.21rem;
  color: rgba(0, 0, 0, 0.6);
}
@media screen and (max-width: 800px) {
  .index-page .popular-courses-section .card-wrap .card-list-wrap .card-list .card-item .card-con .views {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
        -ms-flex-order: 2;
            order: 2;
    margin-left: 0.3rem;
    font-size: 0.22rem;
    line-height: 0.33rem;
  }
}
.index-page .popular-courses-section .card-wrap .card-list-wrap .pagination {
  margin-top: 0.48rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.index-page .popular-courses-section .card-wrap .card-list-wrap .pagination .swiper-pagination-bullet {
  width: 0.16rem;
  height: 0.16rem;
  border-radius: 50%;
  background: #E2E2E9;
}
.index-page .popular-courses-section .card-wrap .card-list-wrap .pagination .swiper-pagination-bullet:not(:last-child) {
  margin-right: 0.16rem;
}
.index-page .popular-courses-section .card-wrap .card-list-wrap .pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: var(--sk-global-color);
}
.index-page .popular-courses-section .btn_box {
  margin-top: 0.4rem;
  text-align: center;
}
@media screen and (max-width: 800px) {
  .index-page .popular-courses-section .btn_box {
    margin-top: 0.64rem;
  }
}
.index-page .tech-tips-section {
  margin-top: 1.2rem;
  margin-bottom: 1.2rem;
}
@media screen and (max-width: 800px) {
  .index-page .tech-tips-section {
    overflow: hidden;
  }
}
.index-page .tech-tips-section .h2 {
  font-size: 0.4rem;
  line-height: 0.6rem;
  font-family: var(--sk-font-SemiBold);
}
@media screen and (max-width: 800px) {
  .index-page .tech-tips-section .h2 {
    text-align: center;
    font-size: 0.46rem;
    line-height: 0.69rem;
  }
}
.index-page .tech-tips-section .card-list-wrap {
  margin-top: 0.32rem;
}
@media screen and (max-width: 800px) {
  .index-page .tech-tips-section .card-list-wrap {
    margin-top: 0.48rem;
  }
}
.index-page .tech-tips-section .card-list-wrap .card-list {
  margin: -0.12rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}
@media screen and (max-width: 800px) {
  .index-page .tech-tips-section .card-list-wrap .card-list {
    margin: 0;
    -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
  }
}
.index-page .tech-tips-section .card-list-wrap .card-list .card-item {
  width: calc(33.3333333333% - 0.24rem);
  margin: 0.12rem;
  cursor: pointer;
}
@media screen and (max-width: 800px) {
  .index-page .tech-tips-section .card-list-wrap .card-list .card-item {
    width: 4.8rem;
    margin: 0;
  }
}
@media screen and (min-width: 800px) {
  .index-page .tech-tips-section .card-list-wrap .card-list .card-item:hover .img-box .mask-box {
    opacity: 1;
  }
  .index-page .tech-tips-section .card-list-wrap .card-list .card-item:hover .card-title {
    color: var(--sk-global-color);
  }
}
.index-page .tech-tips-section .card-list-wrap .card-list .card-item .img-box {
  height: 2.52rem;
  border-radius: 0.1rem;
  overflow: hidden;
  position: relative;
}
@media screen and (max-width: 800px) {
  .index-page .tech-tips-section .card-list-wrap .card-list .card-item .img-box {
    height: 2.7rem;
    border-radius: 0.16rem;
  }
}
.index-page .tech-tips-section .card-list-wrap .card-list .card-item .img-box .img {
  height: 100%;
  width: 100%;
}
.index-page .tech-tips-section .card-list-wrap .card-list .card-item .img-box .mask-box {
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0.3);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  opacity: 0;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
@media screen and (max-width: 800px) {
  .index-page .tech-tips-section .card-list-wrap .card-list .card-item .img-box .mask-box {
    opacity: 1;
  }
}
.index-page .tech-tips-section .card-list-wrap .card-list .card-item .img-box .mask-box .icon {
  width: 0.4rem;
  height: 0.4rem;
  object-fit: contain;
}
@media screen and (max-width: 800px) {
  .index-page .tech-tips-section .card-list-wrap .card-list .card-item .img-box .mask-box .icon {
    width: 0.64rem;
    height: 0.64rem;
  }
}
.index-page .tech-tips-section .card-list-wrap .card-list .card-item .img-box .time-box {
  position: absolute;
  z-index: 5;
  bottom: 0.1rem;
  right: 0.1rem;
  padding: 0.03rem 0.06rem;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 0.04rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  backdrop-filter: blur(30px);
}
@media screen and (max-width: 800px) {
  .index-page .tech-tips-section .card-list-wrap .card-list .card-item .img-box .time-box {
    display: none;
  }
}
.index-page .tech-tips-section .card-list-wrap .card-list .card-item .img-box .time-box .icon {
  width: 0.16rem;
  height: 0.16rem;
}
.index-page .tech-tips-section .card-list-wrap .card-list .card-item .img-box .time-box .time-text {
  margin-left: 0.04rem;
  color: #FFFFFF;
  font-size: 0.12rem;
  line-height: 0.18rem;
}
.index-page .tech-tips-section .card-list-wrap .card-list .card-item .card-title {
  margin-top: 0.2rem;
  font-size: 0.2rem;
  line-height: 0.3rem;
  font-family: var(--sk-font-Medium);
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
@media screen and (max-width: 800px) {
  .index-page .tech-tips-section .card-list-wrap .card-list .card-item .card-title {
    margin-top: 0.22rem;
    font-size: 0.26rem;
    line-height: 0.39rem;
  }
}
.index-page .tech-tips-section .card-list-wrap .card-list .card-item .views {
  margin-top: 0.1rem;
  font-size: 0.14rem;
  line-height: 0.17rem;
  color: rgba(0, 0, 0, 0.6);
}
@media screen and (max-width: 800px) {
  .index-page .tech-tips-section .card-list-wrap .card-list .card-item .views {
    font-size: 0.22rem;
    line-height: 0.33rem;
  }
}
.index-page .tech-tips-section .card-list-wrap .pagination {
  margin-top: 0.48rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.index-page .tech-tips-section .card-list-wrap .pagination .swiper-pagination-bullet {
  width: 0.16rem;
  height: 0.16rem;
  border-radius: 50%;
  background: #E2E2E9;
}
.index-page .tech-tips-section .card-list-wrap .pagination .swiper-pagination-bullet:not(:last-child) {
  margin-right: 0.16rem;
}
.index-page .tech-tips-section .card-list-wrap .pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: var(--sk-global-color);
}
.index-page .tech-tips-section .btn_box {
  margin-top: 0.4rem;
  text-align: center;
}
@media screen and (max-width: 800px) {
  .index-page .tech-tips-section .btn_box {
    margin-top: 0.64rem;
  }
}
.index-page .livoltek-certifications-section {
  max-width: 100%;
  padding: 0 0.2rem;
  margin-top: 1.2rem;
  margin-bottom: 1.2rem;
}
@media screen and (max-width: 800px) {
  .index-page .livoltek-certifications-section {
    padding: 0;
  }
}
.index-page .livoltek-certifications-section .con-wrap {
  height: 100%;
  width: 100%;
  position: relative;
  overflow: hidden;
  border-radius: 0.1rem;
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
@media screen and (max-width: 800px) {
  .index-page .livoltek-certifications-section .con-wrap {
    border-radius: 0;
    height: auto;
  }
}
.index-page .livoltek-certifications-section .con-wrap .bg-img {
  height: 100%;
  width: 100%;
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
}
.index-page .livoltek-certifications-section .con-wrap .flex-box {
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media screen and (max-width: 800px) {
  .index-page .livoltek-certifications-section .con-wrap .flex-box {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.index-page .livoltek-certifications-section .con-wrap .flex-box .left-card-list {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -ms-grid;
  display: grid;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.index-page .livoltek-certifications-section .con-wrap .flex-box .left-card-list .card-item {
  -ms-grid-column: 1;
  grid-column: 1;
  -ms-grid-row: 1;
  grid-row: 1;
  position: relative;
}
.index-page .livoltek-certifications-section .con-wrap .flex-box .left-card-list .card-item:nth-child(1) {
  height: 6.38rem;
  width: 4.51rem;
  z-index: 10;
}
@media screen and (max-width: 800px) {
  .index-page .livoltek-certifications-section .con-wrap .flex-box .left-card-list .card-item:nth-child(1) {
    width: 3.4rem;
    height: 4.8rem;
  }
}
.index-page .livoltek-certifications-section .con-wrap .flex-box .left-card-list .card-item:nth-child(2) {
  height: 5.38rem;
  width: 3.8rem;
  margin-left: 3.08rem;
  z-index: 9;
}
@media screen and (max-width: 800px) {
  .index-page .livoltek-certifications-section .con-wrap .flex-box .left-card-list .card-item:nth-child(2) {
    width: 2.86rem;
    height: 4.05rem;
    margin-left: 2.3rem;
  }
}
.index-page .livoltek-certifications-section .con-wrap .flex-box .left-card-list .card-item .img {
  height: 100%;
  width: 100%;
  object-fit: contain;
}
.index-page .livoltek-certifications-section .con-wrap .flex-box .con-text-wrap {
  width: 4.5rem;
}
@media screen and (max-width: 800px) {
  .index-page .livoltek-certifications-section .con-wrap .flex-box .con-text-wrap {
    width: 100%;
    margin-top: 0.8rem;
  }
}
.index-page .livoltek-certifications-section .con-wrap .flex-box .con-text-wrap .h2 {
  font-size: 0.4rem;
  line-height: 0.6rem;
  font-family: var(--sk-font-SemiBold);
}
@media screen and (max-width: 800px) {
  .index-page .livoltek-certifications-section .con-wrap .flex-box .con-text-wrap .h2 {
    font-size: 0.46rem;
    line-height: 0.69rem;
  }
}
.index-page .livoltek-certifications-section .con-wrap .flex-box .con-text-wrap .con-text {
  margin-top: 0.16rem;
  font-size: 0.16rem;
  line-height: 0.24rem;
  color: rgba(0, 0, 0, 0.7);
}
@media screen and (max-width: 800px) {
  .index-page .livoltek-certifications-section .con-wrap .flex-box .con-text-wrap .con-text {
    font-size: 0.24rem;
    line-height: 0.36rem;
  }
}
.index-page .livoltek-certifications-section .con-wrap .flex-box .con-text-wrap .ul {
  margin-top: 0.25rem;
}
@media screen and (max-width: 800px) {
  .index-page .livoltek-certifications-section .con-wrap .flex-box .con-text-wrap .ul {
    display: none;
  }
}
.index-page .livoltek-certifications-section .con-wrap .flex-box .con-text-wrap .ul .li {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.index-page .livoltek-certifications-section .con-wrap .flex-box .con-text-wrap .ul .li:not(:last-child) {
  margin-bottom: 0.16rem;
}
.index-page .livoltek-certifications-section .con-wrap .flex-box .con-text-wrap .ul .li .li-icon {
  width: 0.24rem;
  height: 0.24rem;
  object-fit: contain;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
}
.index-page .livoltek-certifications-section .con-wrap .flex-box .con-text-wrap .ul .li .li-text {
  margin-left: 0.14rem;
  font-size: 0.16rem;
  line-height: 0.24rem;
  font-family: var(--sk-font-Medium);
}
.index-page .livoltek-certifications-section .con-wrap .flex-box .con-text-wrap .btn_box {
  margin-top: 0.4rem;
}
@media screen and (max-width: 800px) {
  .index-page .livoltek-certifications-section .con-wrap .flex-box .con-text-wrap .btn_box {
    margin-top: 0.6rem;
  }
}
.index-page .document-center-section {
  margin-top: 1.2rem;
  margin-bottom: 1.2rem;
}
.index-page .document-center-section .head-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.index-page .document-center-section .head-wrap .left-box {
  width: 6.4rem;
}
@media screen and (max-width: 800px) {
  .index-page .document-center-section .head-wrap .left-box {
    width: 100%;
    text-align: center;
  }
}
.index-page .document-center-section .head-wrap .left-box .h2 {
  font-size: 0.4rem;
  line-height: 0.6rem;
  font-family: var(--sk-font-SemiBold);
}
@media screen and (max-width: 800px) {
  .index-page .document-center-section .head-wrap .left-box .h2 {
    font-size: 0.46rem;
    line-height: 0.69rem;
  }
}
.index-page .document-center-section .head-wrap .left-box .head-text {
  margin-top: 0.16rem;
  color: rgba(0, 0, 0, 0.7);
  font-size: 0.16rem;
  line-height: 0.24rem;
}
@media screen and (max-width: 800px) {
  .index-page .document-center-section .head-wrap .left-box .head-text {
    margin-top: 0.24rem;
    font-size: 0.24rem;
    line-height: 0.36rem;
  }
}
.index-page .document-center-section .head-wrap .swiper-btn {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (max-width: 800px) {
  .index-page .document-center-section .head-wrap .swiper-btn {
    display: none;
  }
}
.index-page .document-center-section .head-wrap .swiper-btn .btn-prev,
.index-page .document-center-section .head-wrap .swiper-btn .btn-next {
  width: 0.4rem;
  height: 0.4rem;
  border-radius: 0.04rem;
  background: #E2E2E9;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-left: 0.1rem;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.index-page .document-center-section .head-wrap .swiper-btn .btn-prev:not(.swiper-button-disabled),
.index-page .document-center-section .head-wrap .swiper-btn .btn-next:not(.swiper-button-disabled) {
  cursor: pointer;
}
.index-page .document-center-section .head-wrap .swiper-btn .btn-prev:not(.swiper-button-disabled):hover,
.index-page .document-center-section .head-wrap .swiper-btn .btn-next:not(.swiper-button-disabled):hover {
  background: var(--sk-global-color);
}
.index-page .document-center-section .head-wrap .swiper-btn .btn-prev:not(.swiper-button-disabled):hover .icon,
.index-page .document-center-section .head-wrap .swiper-btn .btn-next:not(.swiper-button-disabled):hover .icon {
  color: #ffffff;
  opacity: 1;
}
.index-page .document-center-section .head-wrap .swiper-btn .btn-prev .icon,
.index-page .document-center-section .head-wrap .swiper-btn .btn-next .icon {
  color: #000000;
  width: 0.13rem;
  height: 0.13rem;
  object-fit: contain;
  opacity: 0.4;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.index-page .document-center-section .card-swiper {
  margin-top: 0.4rem;
  overflow: hidden;
}
@media screen and (max-width: 800px) {
  .index-page .document-center-section .card-swiper {
    margin-top: 0.48rem;
  }
}
.index-page .document-center-section .card-swiper .swiper-wrapper .swiper-slide {
  height: auto;
}
@media screen and (max-width: 800px) {
  .index-page .document-center-section .card-swiper .swiper-wrapper .swiper-slide {
    width: 4.8rem;
  }
}
.index-page .document-center-section .card-swiper .swiper-wrapper .swiper-slide .card-box {
  height: 100%;
  border-radius: 0.1rem;
  background: #F5F5F7;
  overflow: hidden;
  display: block;
}
@media screen and (max-width: 800px) {
  .index-page .document-center-section .card-swiper .swiper-wrapper .swiper-slide .card-box {
    height: auto;
    border-radius: 0.16rem;
  }
}
@media screen and (min-width: 800px) {
  .index-page .document-center-section .card-swiper .swiper-wrapper .swiper-slide .card-box:hover .img-box .img {
    -webkit-transform: scale(1.05);
        -ms-transform: scale(1.05);
            transform: scale(1.05);
  }
}
.index-page .document-center-section .card-swiper .swiper-wrapper .swiper-slide .card-box .img-box {
  height: 2.52rem;
  overflow: hidden;
}
@media screen and (max-width: 800px) {
  .index-page .document-center-section .card-swiper .swiper-wrapper .swiper-slide .card-box .img-box {
    height: 2.69rem;
  }
}
.index-page .document-center-section .card-swiper .swiper-wrapper .swiper-slide .card-box .img-box .img {
  width: 100%;
  height: 100%;
}
.index-page .document-center-section .card-swiper .swiper-wrapper .swiper-slide .card-box .con-box {
  padding: 0.32rem 0.32rem 0.36rem;
}
@media screen and (max-width: 800px) {
  .index-page .document-center-section .card-swiper .swiper-wrapper .swiper-slide .card-box .con-box {
    padding: 0.39rem 0.32rem 0.44rem;
  }
}
.index-page .document-center-section .card-swiper .swiper-wrapper .swiper-slide .card-box .con-box .card-title {
  max-width: 100%;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  margin: 0 auto;
  font-size: 0.2rem;
  line-height: 0.3rem;
  font-family: var(--sk-font-Medium);
  text-align: center;
}
@media screen and (max-width: 800px) {
  .index-page .document-center-section .card-swiper .swiper-wrapper .swiper-slide .card-box .con-box .card-title {
    font-size: 0.3rem;
    line-height: 0.45rem;
  }
}
.index-page .document-center-section .card-swiper .pagination {
  margin-top: 0.48rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.index-page .document-center-section .card-swiper .pagination .swiper-pagination-bullet {
  width: 0.16rem;
  height: 0.16rem;
  border-radius: 50%;
  background: #E2E2E9;
}
.index-page .document-center-section .card-swiper .pagination .swiper-pagination-bullet:not(:last-child) {
  margin-right: 0.16rem;
}
.index-page .document-center-section .card-swiper .pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: var(--sk-global-color);
}
.index-page .document-center-section .card-swiper .btn_box {
  margin-top: 0.4rem;
  text-align: center;
}
@media screen and (max-width: 800px) {
  .index-page .document-center-section .card-swiper .btn_box {
    margin-top: 0.64rem;
  }
}
.index-page .about-livoltek-community-section {
  margin-top: 1.2rem;
  margin-bottom: 0.6rem;
}
@media screen and (max-width: 800px) {
  .index-page .about-livoltek-community-section {
    margin-bottom: 0.8rem;
    overflow: hidden;
  }
}
.index-page .about-livoltek-community-section .flex-box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media screen and (max-width: 800px) {
  .index-page .about-livoltek-community-section .flex-box {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
}
.index-page .about-livoltek-community-section .flex-box .left-box {
  width: 4.51rem;
  padding-top: 0.56rem;
}
@media screen and (max-width: 800px) {
  .index-page .about-livoltek-community-section .flex-box .left-box {
    width: 100%;
    padding-top: 0.48rem;
  }
}
.index-page .about-livoltek-community-section .flex-box .left-box .h2 {
  font-size: 0.4rem;
  line-height: 0.6rem;
  font-family: var(--sk-font-SemiBold);
}
@media screen and (max-width: 800px) {
  .index-page .about-livoltek-community-section .flex-box .left-box .h2 {
    font-size: 0.46rem;
    line-height: 0.69rem;
  }
}
.index-page .about-livoltek-community-section .flex-box .left-box .section-text {
  margin-top: 0.16rem;
  font-size: 0.16rem;
  line-height: 0.24rem;
  color: rgba(0, 0, 0, 0.7);
}
@media screen and (max-width: 800px) {
  .index-page .about-livoltek-community-section .flex-box .left-box .section-text {
    font-size: 0.24rem;
    line-height: 0.36rem;
  }
}
.index-page .about-livoltek-community-section .flex-box .left-box .btn_box {
  margin-top: 0.4rem;
}
@media screen and (max-width: 800px) {
  .index-page .about-livoltek-community-section .flex-box .left-box .btn_box {
    margin-top: 0.64rem;
  }
}
.index-page .about-livoltek-community-section .flex-box .right-box {
  width: 8.31rem;
  height: 5.54rem;
  border-radius: 0.1rem;
  overflow: hidden;
}
@media screen and (max-width: 800px) {
  .index-page .about-livoltek-community-section .flex-box .right-box {
    width: 100%;
    height: 4.57rem;
    border-radius: 0.16rem;
  }
}
.index-page .about-livoltek-community-section .flex-box .right-box .img {
  width: 100%;
  height: 100%;
}
.index-page .map-section {
  margin-top: 0.6rem;
  margin-bottom: 0.6rem;
}
@media screen and (max-width: 800px) {
  .index-page .map-section {
    margin-top: 0.8rem;
    margin-bottom: 0.8rem;
  }
}
@media screen and (max-width: 800px) {
  .index-page .map-section .wal {
    padding: 0;
  }
}
.index-page .map-section .wal .map-img {
  width: 100%;
}
.index-page .card-list-section {
  margin-top: 0.6rem;
  margin-bottom: 1.2rem;
}
@media screen and (max-width: 800px) {
  .index-page .card-list-section {
    margin-top: 0.8rem;
  }
}
.index-page .card-list-section .card-list-wrap .card-list {
  margin: -0.12rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}
@media screen and (max-width: 800px) {
  .index-page .card-list-section .card-list-wrap .card-list {
    margin: -0.11rem;
  }
}
.index-page .card-list-section .card-list-wrap .card-list .card-item {
  width: calc(25% - 0.24rem);
  height: 2.8rem;
  margin: 0.12rem;
  padding: 0.2rem 0.27rem 0.34rem 0.2rem;
  border-radius: 0.1rem;
  border: 1px solid #CFD4E0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
@media screen and (max-width: 800px) {
  .index-page .card-list-section .card-list-wrap .card-list .card-item {
    width: calc(50% - 0.22rem);
    min-height: 4.8rem;
    margin: 0.11rem;
    padding: 0.24rem;
    border-radius: 0.16rem;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}
@media screen and (min-width: 800px) {
  .index-page .card-list-section .card-list-wrap .card-list .card-item:hover {
    background: #F5F5F7;
  }
  .index-page .card-list-section .card-list-wrap .card-list .card-item:hover .con-box .link-box {
    margin-top: 0.25rem;
    height: 0.11rem;
    opacity: 1;
    -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
            transform: translateY(0);
  }
}
.index-page .card-list-section .card-list-wrap .card-list .card-item .icon-json {
  width: 0.6rem;
  height: 0.6rem;
}
@media screen and (max-width: 800px) {
  .index-page .card-list-section .card-list-wrap .card-list .card-item .icon-json {
    width: 0.8rem;
    height: 0.8rem;
  }
}
.index-page .card-list-section .card-list-wrap .card-list .card-item .con-box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}
.index-page .card-list-section .card-list-wrap .card-list .card-item .con-box .card-title {
  font-size: 0.2rem;
  line-height: 0.3rem;
  font-family: var(--sk-font-Medium);
  color: var(--sk-global-color);
}
@media screen and (max-width: 800px) {
  .index-page .card-list-section .card-list-wrap .card-list .card-item .con-box .card-title {
    margin-top: 0.59rem;
    font-size: 0.26rem;
    line-height: 0.39rem;
  }
}
.index-page .card-list-section .card-list-wrap .card-list .card-item .con-box .card-text {
  margin-top: 0.1rem;
  font-size: 0.16rem;
  line-height: 0.24rem;
  color: rgba(0, 0, 0, 0.7);
}
@media screen and (max-width: 800px) {
  .index-page .card-list-section .card-list-wrap .card-list .card-item .con-box .card-text {
    margin-top: 0.2rem;
    font-size: 0.24rem;
    line-height: 0.36rem;
  }
}
.index-page .card-list-section .card-list-wrap .card-list .card-item .con-box .link-box {
  margin-top: 0.25rem;
  height: 0.11rem;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  margin-top: 0;
  height: 0;
  overflow: hidden;
  opacity: 0;
  -webkit-transform: translateY(100%);
      -ms-transform: translateY(100%);
          transform: translateY(100%);
}
@media screen and (max-width: 800px) {
  .index-page .card-list-section .card-list-wrap .card-list .card-item .con-box .link-box {
    height: auto;
    margin-top: 0.2rem;
    opacity: 1;
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
  }
}
.index-page .card-list-section .card-list-wrap .card-list .card-item .con-box .link-box .link-text {
  font-size: 0.16rem;
  line-height: 0.11rem;
  color: var(--sk-global-color);
}
@media screen and (max-width: 800px) {
  .index-page .card-list-section .card-list-wrap .card-list .card-item .con-box .link-box .link-text {
    font-size: 0.24rem;
    line-height: 0.36rem;
  }
}
.index-page .card-list-section .card-list-wrap .card-list .card-item .con-box .link-box .link-icon {
  height: 0.1rem;
  margin-left: 0.08rem;
  object-fit: contain;
}
@media screen and (max-width: 800px) {
  .index-page .card-list-section .card-list-wrap .card-list .card-item .con-box .link-box .link-icon {
    height: 0.16rem;
  }
}

.g__footer {
  background-color: #F5F5F7;
  padding-top: 0.73rem;
  padding-bottom: 0.4rem;
}
@media screen and (max-width: 800px) {
  .g__footer {
    padding-top: 0.8rem;
    padding-bottom: 0.5rem;
    overflow: hidden;
  }
}
.g__footer .footer_wrap {
  max-width: 16.4rem;
  margin: 0 auto;
}
@media screen and (max-width: 800px) {
  .g__footer .footer_wrap {
    padding: 0 0.32rem;
  }
}
.g__footer .footer_wrap .con_wer {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding-bottom: 1rem;
}
@media screen and (max-width: 800px) {
  .g__footer .footer_wrap .con_wer {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.g__footer .footer_wrap .con_wer .left-email-link {
  width: 5.33rem;
}
@media screen and (max-width: 800px) {
  .g__footer .footer_wrap .con_wer .left-email-link {
    width: 100%;
  }
}
.g__footer .footer_wrap .con_wer .left-email-link .label {
  font-size: 0.2rem;
  line-height: 0.3rem;
  font-family: var(--sk-font-Medium);
}
@media screen and (max-width: 800px) {
  .g__footer .footer_wrap .con_wer .left-email-link .label {
    font-size: 0.3rem;
    line-height: 0.45rem;
  }
}
.g__footer .footer_wrap .con_wer .left-email-link .form-box {
  margin-top: 0.24rem;
}
@media screen and (max-width: 800px) {
  .g__footer .footer_wrap .con_wer .left-email-link .form-box {
    margin-top: 0.36rem;
  }
}
.g__footer .footer_wrap .con_wer .left-email-link .form-box .form_wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.g__footer .footer_wrap .con_wer .left-email-link .form-box .form_wrap .input-box {
  height: 0.48rem;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin-right: 0.1rem;
}
@media screen and (max-width: 800px) {
  .g__footer .footer_wrap .con_wer .left-email-link .form-box .form_wrap .input-box {
    height: 0.8rem;
  }
}
.g__footer .footer_wrap .con_wer .left-email-link .form-box .form_wrap .input-box input {
  width: 100%;
  height: 100%;
  background: #FFFFFF;
  border-radius: 0.04rem;
  font-size: 0.16rem;
  padding: 0 0.2rem;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  border: 1px solid transparent;
}
@media screen and (max-width: 800px) {
  .g__footer .footer_wrap .con_wer .left-email-link .form-box .form_wrap .input-box input {
    border-radius: 0.08rem;
    font-size: 0.24rem;
    padding: 0 0.24rem;
  }
}
.g__footer .footer_wrap .con_wer .left-email-link .form-box .form_wrap .input-box input:focus {
  border-color: #307FE2;
  box-shadow: 0 0 4px 0.02rem rgba(48, 127, 226, 0.2);
}
@media screen and (max-width: 800px) {
  .g__footer .footer_wrap .con_wer .left-email-link .form-box .form_wrap .default____btn {
    padding: 0 0.16rem;
  }
}
.g__footer .footer_wrap .con_wer .left-email-link .form-box .privacy___policy {
  margin-top: 0.16rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (max-width: 800px) {
  .g__footer .footer_wrap .con_wer .left-email-link .form-box .privacy___policy {
    margin-top: 0.2rem;
    max-width: none;
  }
}
.g__footer .footer_wrap .con_wer .left-email-link .form-box .privacy___policy .check___box {
  margin-top: 0.03rem;
  margin-right: 0.07rem;
  width: 0.16rem;
  height: 0.16rem;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  position: relative;
  cursor: pointer;
}
@media screen and (max-width: 800px) {
  .g__footer .footer_wrap .con_wer .left-email-link .form-box .privacy___policy .check___box {
    margin-top: 0.02rem;
    margin-right: 0.2rem;
    width: 0.28rem;
    height: 0.28rem;
  }
}
.g__footer .footer_wrap .con_wer .left-email-link .form-box .privacy___policy .check___box.on .icon:first-child {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.g__footer .footer_wrap .con_wer .left-email-link .form-box .privacy___policy .check___box.on .icon:last-child {
  display: none;
}
.g__footer .footer_wrap .con_wer .left-email-link .form-box .privacy___policy .check___box .icon {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  object-fit: contain;
}
.g__footer .footer_wrap .con_wer .left-email-link .form-box .privacy___policy .check___box .icon:first-child {
  display: none;
}
.g__footer .footer_wrap .con_wer .left-email-link .form-box .privacy___policy .check___box .icon:last-child {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.g__footer .footer_wrap .con_wer .left-email-link .form-box .privacy___policy .privacy___policy_text {
  font-size: 0.14rem;
  line-height: 0.21rem;
  color: rgba(0, 0, 0, 0.6);
}
@media screen and (max-width: 800px) {
  .g__footer .footer_wrap .con_wer .left-email-link .form-box .privacy___policy .privacy___policy_text {
    font-size: 0.2rem;
    line-height: 0.3rem;
  }
}
.g__footer .footer_wrap .con_wer .left-email-link .form-box .privacy___policy .privacy___policy_text a {
  color: var(--sk-global-color);
}
.g__footer .footer_wrap .con_wer .left-email-link .form-box .privacy___policy .privacy___policy_text a:hover {
  text-decoration: underline;
}
.g__footer .footer_wrap .con_wer .left-email-link .link-icon-list_wrap {
  margin-top: 0.46rem;
}
@media screen and (max-width: 800px) {
  .g__footer .footer_wrap .con_wer .left-email-link .link-icon-list_wrap {
    margin-top: 0.48rem;
  }
}
.g__footer .footer_wrap .con_wer .left-email-link .link-icon-list_wrap .link-icon-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.g__footer .footer_wrap .con_wer .left-email-link .link-icon-list_wrap .link-icon-list .link-icon {
  margin-right: 0.2rem;
  height: 0.24rem;
  width: 0.24rem;
}
@media screen and (max-width: 800px) {
  .g__footer .footer_wrap .con_wer .left-email-link .link-icon-list_wrap .link-icon-list .link-icon {
    margin-right: 0.4rem;
    width: 0.48rem;
    height: 0.48rem;
  }
}
.g__footer .footer_wrap .con_wer .left-email-link .link-icon-list_wrap .link-icon-list .link-icon:hover .icon path {
  fill: var(--sk-global-color);
}
.g__footer .footer_wrap .con_wer .left-email-link .link-icon-list_wrap .link-icon-list .link-icon .icon {
  height: 100%;
  width: 100%;
  object-fit: contain;
}
.g__footer .footer_wrap .con_wer .left-email-link .link-icon-list_wrap .link-icon-list .link-icon .icon path {
  fill: black;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.g__footer .footer_wrap .con_wer .nav-contact {
  width: 9.3rem;
}
@media screen and (max-width: 800px) {
  .g__footer .footer_wrap .con_wer .nav-contact {
    margin-top: 0.85rem;
    width: 100%;
  }
}
.g__footer .footer_wrap .con_wer .nav-contact .nav-list {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (max-width: 800px) {
  .g__footer .footer_wrap .con_wer .nav-contact .nav-list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.g__footer .footer_wrap .con_wer .nav-contact .nav-list .ft_link {
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
}
@media screen and (max-width: 800px) {
  .g__footer .footer_wrap .con_wer .nav-contact .nav-list .ft_link {
    width: 100%;
  }
  .g__footer .footer_wrap .con_wer .nav-contact .nav-list .ft_link.on .dt {
    color: var(--sk-global-color);
  }
  .g__footer .footer_wrap .con_wer .nav-contact .nav-list .ft_link.on .dt .icon-box .icon path {
    fill: var(--sk-global-color);
  }
}
.g__footer .footer_wrap .con_wer .nav-contact .nav-list .ft_link:not(:last-child) {
  margin-right: 0.6rem;
}
@media screen and (max-width: 800px) {
  .g__footer .footer_wrap .con_wer .nav-contact .nav-list .ft_link:not(:last-child) {
    margin-right: 0;
    margin-bottom: 0.4rem;
  }
}
.g__footer .footer_wrap .con_wer .nav-contact .nav-list .ft_link .dt {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (max-width: 800px) {
  .g__footer .footer_wrap .con_wer .nav-contact .nav-list .ft_link .dt {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}
.g__footer .footer_wrap .con_wer .nav-contact .nav-list .ft_link .dt .a {
  font-size: 0.16rem;
  line-height: 0.24rem;
  font-family: var(--sk-font-Medium);
}
@media screen and (max-width: 800px) {
  .g__footer .footer_wrap .con_wer .nav-contact .nav-list .ft_link .dt .a {
    font-size: 0.26rem;
    line-height: 0.39rem;
  }
}
.g__footer .footer_wrap .con_wer .nav-contact .nav-list .ft_link .dt .icon-box .icon {
  width: 0.16rem;
}
.g__footer .footer_wrap .con_wer .nav-contact .nav-list .ft_link .dd {
  padding-top: 0.2rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  overflow: hidden;
}
@media screen and (max-width: 800px) {
  .g__footer .footer_wrap .con_wer .nav-contact .nav-list .ft_link .dd {
    padding-top: 0;
    height: 0;
    padding-left: 0.2rem;
  }
}
.g__footer .footer_wrap .con_wer .nav-contact .nav-list .ft_link .dd .a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: 0.14rem;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  max-width: 2.2rem;
  font-size: 0.14rem;
  line-height: 0.21rem;
  color: rgba(0, 0, 0, 0.7);
}
@media screen and (max-width: 800px) {
  .g__footer .footer_wrap .con_wer .nav-contact .nav-list .ft_link .dd .a {
    max-width: 100%;
    font-size: 0.24rem;
    line-height: 0.36rem;
  }
  .g__footer .footer_wrap .con_wer .nav-contact .nav-list .ft_link .dd .a:first-child {
    margin-top: 0.37rem;
  }
}
.g__footer .footer_wrap .con_wer .nav-contact .nav-list .ft_link .dd .a:hover {
  color: var(--sk-global-color);
}
.g__footer .footer_wrap .con_wer .nav-contact .nav-list .ft_link .dd .a:not(:last-child) {
  margin-bottom: 0.16rem;
}
@media screen and (max-width: 800px) {
  .g__footer .footer_wrap .con_wer .nav-contact .nav-list .ft_link .dd .a:not(:last-child) {
    margin-bottom: 0.37rem;
  }
}
.g__footer .footer_wrap .footer_bottom {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media screen and (max-width: 800px) {
  .g__footer .footer_wrap .footer_bottom {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.g__footer .footer_wrap .footer_bottom .copyright {
  font-size: 0.14rem;
  line-height: 0.21rem;
}
@media screen and (max-width: 800px) {
  .g__footer .footer_wrap .footer_bottom .copyright {
    font-size: 0.2rem;
    line-height: 0.3rem;
  }
}
.g__footer .footer_wrap .footer_bottom .link-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.g__footer .footer_wrap .footer_bottom .link-list .link-box {
  font-size: 0.14rem;
  line-height: 0.21rem;
  color: rgba(0, 0, 0, 0.6);
  margin-left: 0.3rem;
  position: relative;
}
@media screen and (max-width: 800px) {
  .g__footer .footer_wrap .footer_bottom .link-list .link-box {
    font-size: 0.2rem;
    line-height: 0.3rem;
    margin-top: 0.17rem;
    margin-left: 0;
    margin-right: 0.3rem;
  }
}
.g__footer .footer_wrap .footer_bottom .link-list .link-box:hover {
  color: var(--sk-global-color);
}
.g__footer .footer_wrap .footer_bottom .link-list .link-box:not(:first-child)::before {
  color: rgba(0, 0, 0, 0.6);
  content: "|";
  position: absolute;
  left: -0.16rem;
}

.g-header {
  height: 0.92rem;
  position: relative;
  z-index: 100;
}
@media screen and (max-width: 800px) {
  .g-header {
    height: 1rem;
  }
}
.g-header .g-head {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.g-header .g-head .top-top {
  height: 0.32rem;
  background: #F5F5F7;
  padding: 0 0.6rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.g-header .g-head .top-top .left-box .community {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.g-header .g-head .top-top .left-box .community .icon {
  width: 0.16rem;
  height: 0.16rem;
}
.g-header .g-head .top-top .left-box .community .community-text {
  margin-left: 0.06rem;
  font-size: 0.12rem;
  letter-spacing: 1px;
  color: var(--sk-global-color);
}
.g-header .g-head .top-top .right-language .language-box .cell-box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
}
.g-header .g-head .top-top .right-language .language-box .cell-box .icon-earth {
  width: 0.18rem;
}
.g-header .g-head .top-top .right-language .language-box .cell-box .label {
  font-size: 0.14rem;
  line-height: 0.21rem;
  margin-left: 0.06rem;
  margin-right: 0.04rem;
}
.g-header .g-head .top-top .right-language .language-box .cell-box .icon {
  width: 0.12rem;
  height: 0.08rem;
  object-fit: contain;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 0.12rem;
      -ms-flex: 0 0 0.12rem;
          flex: 0 0 0.12rem;
}
.g-header .g-head .header_wrapper {
  background: #FFFFFF;
  height: 0.6rem;
  padding: 0 0.6rem;
  border-bottom: 1px solid #CFD4E0;
}
.g-header .g-head .header_wrapper .header-box {
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.g-header .g-head .header_wrapper .header-box .logo .icon {
  height: 0.2rem;
}
.g-header .g-head .header_wrapper .header-box .nav-box {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin-left: 0.25rem;
}
.g-header .g-head .header_wrapper .header-box .nav-box .nav-li {
  height: 100%;
  position: relative;
}
.g-header .g-head .header_wrapper .header-box .nav-box .nav-li:hover .nav-a {
  color: var(--sk-global-color);
}
.g-header .g-head .header_wrapper .header-box .nav-box .nav-li:hover .nav-a .icon path {
  fill: var(--sk-global-color);
}
.g-header .g-head .header_wrapper .header-box .nav-box .nav-li:hover .layer-box.link_wp {
  -webkit-clip-path: inset(-1rem -1rem -1rem -1rem);
          clip-path: inset(-1rem -1rem -1rem -1rem);
}
.g-header .g-head .header_wrapper .header-box .nav-box .nav-li:hover .layer-box.link_wp .layer-wal {
  box-shadow: 0rem 0.04rem 0.16rem 0rem rgba(89, 95, 109, 0.15);
}
.g-header .g-head .header_wrapper .header-box .nav-box .nav-li:hover .layer-box.link_wp2 {
  -webkit-clip-path: inset(-1rem -1rem -1rem -1rem);
          clip-path: inset(-1rem -1rem -1rem -1rem);
}
.g-header .g-head .header_wrapper .header-box .nav-box .nav-li:hover .layer-box.link_wp2 .layer-wal {
  box-shadow: 0rem 0.04rem 0.16rem 0rem rgba(89, 95, 109, 0.15);
}
.g-header .g-head .header_wrapper .header-box .nav-box .nav-li.on .nav-a {
  color: var(--sk-global-color);
}
.g-header .g-head .header_wrapper .header-box .nav-box .nav-li .nav-a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
  margin: 0 0.24rem;
  font-size: 0.16rem;
  line-height: 0.24rem;
  font-family: var(--sk-font-Medium);
}
.g-header .g-head .header_wrapper .header-box .nav-box .nav-li .nav-a .icon {
  width: 0.1rem;
  margin-left: 0.06rem;
}
.g-header .g-head .header_wrapper .header-box .nav-box .nav-li .nav-a .icon path {
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.g-header .g-head .header_wrapper .header-box .nav-box .nav-li .layer-box.link_wp {
  position: absolute;
  padding-top: 0.1rem;
  top: 100%;
  left: 0.24rem;
  -webkit-clip-path: inset(0 0 100% 0);
          clip-path: inset(0 0 100% 0);
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.g-header .g-head .header_wrapper .header-box .nav-box .nav-li .layer-box.link_wp .layer-wal {
  background: #FFFFFF;
  border-radius: 0.1rem;
  border: 1px solid #CFD4E0;
  padding: 0.1rem;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.g-header .g-head .header_wrapper .header-box .nav-box .nav-li .layer-box.link_wp .layer-wal .link_list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  row-gap: 0.03rem;
}
.g-header .g-head .header_wrapper .header-box .nav-box .nav-li .layer-box.link_wp .layer-wal .link_list .link-a {
  padding: 0.1rem;
  border-radius: 0.04rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  min-width: 2.26rem;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  row-gap: 0.03rem;
}
.g-header .g-head .header_wrapper .header-box .nav-box .nav-li .layer-box.link_wp .layer-wal .link_list .link-a.on {
  background: rgba(48, 127, 226, 0.1);
}
.g-header .g-head .header_wrapper .header-box .nav-box .nav-li .layer-box.link_wp .layer-wal .link_list .link-a:hover {
  background: rgba(48, 127, 226, 0.1);
}
.g-header .g-head .header_wrapper .header-box .nav-box .nav-li .layer-box.link_wp .layer-wal .link_list .link-a .link-icon {
  width: 0.2rem;
  height: 0.2rem;
  object-fit: contain;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
}
.g-header .g-head .header_wrapper .header-box .nav-box .nav-li .layer-box.link_wp .layer-wal .link_list .link-a .link-text {
  margin-left: 0.1rem;
  font-size: 0.14rem;
  line-height: 0.2rem;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
}
.g-header .g-head .header_wrapper .header-box .nav-box .nav-li .layer-box.link_wp2 {
  position: absolute;
  padding-top: 0.1rem;
  top: 100%;
  left: 0.24rem;
  -webkit-clip-path: inset(0.2rem 0 100% 0);
          clip-path: inset(0.2rem 0 100% 0);
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.g-header .g-head .header_wrapper .header-box .nav-box .nav-li .layer-box.link_wp2 .layer-wal {
  background: #FFFFFF;
  border-radius: 0.1rem;
  border: 1px solid #CFD4E0;
  padding: 0.1rem;
}
.g-header .g-head .header_wrapper .header-box .nav-box .nav-li .layer-box.link_wp2 .layer-wal .link_list {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[2];
  grid-template-columns: repeat(2, 1fr);
  row-gap: 0.03rem;
}
.g-header .g-head .header_wrapper .header-box .nav-box .nav-li .layer-box.link_wp2 .layer-wal .link_list .link-a {
  padding: 0.1rem;
  border-radius: 0.04rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  min-width: 2.26rem;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
}
.g-header .g-head .header_wrapper .header-box .nav-box .nav-li .layer-box.link_wp2 .layer-wal .link_list .link-a:nth-child(2n) {
  margin-left: 0.09rem;
}
.g-header .g-head .header_wrapper .header-box .nav-box .nav-li .layer-box.link_wp2 .layer-wal .link_list .link-a.on {
  background: rgba(48, 127, 226, 0.1);
}
.g-header .g-head .header_wrapper .header-box .nav-box .nav-li .layer-box.link_wp2 .layer-wal .link_list .link-a:hover {
  background: rgba(48, 127, 226, 0.1);
}
.g-header .g-head .header_wrapper .header-box .nav-box .nav-li .layer-box.link_wp2 .layer-wal .link_list .link-a .link-icon {
  width: 0.2rem;
  height: 0.2rem;
  object-fit: contain;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
}
.g-header .g-head .header_wrapper .header-box .nav-box .nav-li .layer-box.link_wp2 .layer-wal .link_list .link-a .link-text {
  margin-left: 0.1rem;
  font-size: 0.14rem;
  line-height: 0.2rem;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
}
.g-header .g-head .header_wrapper .header-box .right-btn-box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.g-header .g-head .header_wrapper .header-box .right-btn-box .log-in-btn {
  height: 0.44rem;
  min-width: 1.03rem;
}
.g-header .g-head .header_wrapper .header-box .right-btn-box .login-box {
  position: relative;
}
.g-header .g-head .header_wrapper .header-box .right-btn-box .login-box:hover .profile .login-name {
  color: #000000;
}
.g-header .g-head .header_wrapper .header-box .right-btn-box .login-box:hover .layer-box {
  -webkit-clip-path: inset(-1rem -1rem -1rem -1rem);
          clip-path: inset(-1rem -1rem -1rem -1rem);
}
.g-header .g-head .header_wrapper .header-box .right-btn-box .login-box .profile {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.g-header .g-head .header_wrapper .header-box .right-btn-box .login-box .profile .avatar-box {
  width: 0.32rem;
  height: 0.32rem;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  margin-right: 0.1rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
}
.g-header .g-head .header_wrapper .header-box .right-btn-box .login-box .profile .avatar-box .avatar-img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
}
.g-header .g-head .header_wrapper .header-box .right-btn-box .login-box .profile .avatar-box .avatar-text {
  width: 100%;
  height: 100%;
  background: #307FE2;
  border-radius: 50%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 0.14rem;
  color: #fff;
  font-family: var(--sk-font-Medium);
}
.g-header .g-head .header_wrapper .header-box .right-btn-box .login-box .profile .login-name {
  font-size: 0.14rem;
  line-height: 0.21rem;
  color: rgba(0, 0, 0, 0.6);
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.g-header .g-head .header_wrapper .header-box .right-btn-box .login-box .layer-box {
  position: absolute;
  right: 0;
  top: 100%;
  padding-top: 0.24rem;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  -webkit-clip-path: inset(0.2rem 0 100% 0);
          clip-path: inset(0.2rem 0 100% 0);
}
.g-header .g-head .header_wrapper .header-box .right-btn-box .login-box .layer-box .card-box {
  min-width: 2rem;
  background: #FFFFFF;
  border-radius: 0.1rem;
  border: 1px solid #CFD4E0;
  box-shadow: 0rem 0.04rem 0.16rem 0rem rgba(89, 95, 109, 0.15);
  overflow: hidden;
}
.g-header .g-head .header_wrapper .header-box .right-btn-box .login-box .layer-box .card-box .head-infor {
  padding: 0.11rem 0.2rem 0.1rem;
  background: #F5F5F7;
  border-bottom: 1px solid #CFD4E0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.g-header .g-head .header_wrapper .header-box .right-btn-box .login-box .layer-box .card-box .head-infor .avatar-box {
  width: 0.32rem;
  height: 0.32rem;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  margin-right: 0.1rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
}
.g-header .g-head .header_wrapper .header-box .right-btn-box .login-box .layer-box .card-box .head-infor .avatar-box .avatar-img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
}
.g-header .g-head .header_wrapper .header-box .right-btn-box .login-box .layer-box .card-box .head-infor .avatar-box .avatar-text {
  width: 100%;
  height: 100%;
  background: #307FE2;
  border-radius: 50%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 0.14rem;
  color: #fff;
  font-family: var(--sk-font-Medium);
}
.g-header .g-head .header_wrapper .header-box .right-btn-box .login-box .layer-box .card-box .head-infor .name-installer .name {
  font-size: 0.14rem;
  line-height: 0.21rem;
  max-width: 1.6rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.g-header .g-head .header_wrapper .header-box .right-btn-box .login-box .layer-box .card-box .head-infor .name-installer .installer {
  font-size: 0.12rem;
  line-height: 0.18rem;
  color: var(--sk-global-color);
}
.g-header .g-head .header_wrapper .header-box .right-btn-box .login-box .layer-box .card-box .head-infor .name-installer .installer:hover {
  color: #145BB4;
}
.g-header .g-head .header_wrapper .header-box .right-btn-box .login-box .layer-box .card-box .link-s {
  padding: 0.1rem;
}
.g-header .g-head .header_wrapper .header-box .right-btn-box .login-box .layer-box .card-box .link-s .link {
  height: 0.4rem;
  width: 100%;
  border-radius: 0.04rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 0.14rem;
}
.g-header .g-head .header_wrapper .header-box .right-btn-box .login-box .layer-box .card-box .link-s .link:hover {
  color: var(--sk-global-color);
  background: rgba(48, 127, 226, 0.1);
}
.g-header .g-head .header_wrapper .header-box .right-btn-box .login-box .layer-box .card-box .foot-box {
  border-top: 1px solid #CFD4E0;
  height: 0.4rem;
  font-size: 0.14rem;
  padding: 0.1rem;
}
.g-header .g-head .header_wrapper .header-box .right-btn-box .login-box .layer-box .card-box .foot-box .sign-out {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.g-header .g-head .header_wrapper .header-box .right-btn-box .login-box .layer-box .card-box .foot-box .sign-out:hover {
  color: var(--sk-global-color);
}
.g-header .g-head-phone {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.g-header .g-head-phone .header_wrapper {
  height: 1rem;
  background-color: #fff;
  padding: 0 0.32rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  border-bottom: 1px solid #CFD4E0;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
}
.g-header .g-head-phone .header_wrapper .logo .icon {
  height: 0.28rem;
}
.g-header .g-head-phone .header_wrapper .right-btn-box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.g-header .g-head-phone .header_wrapper .right-btn-box .log-in {
  height: 0.64rem;
  padding: 0 0.34rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 0.08rem;
  background: var(--sk-global-color);
  font-family: var(--sk-font-Medium);
  color: #fff;
  font-size: 0.24rem;
  margin-right: 0.32rem;
}
.g-header .g-head-phone .header_wrapper .right-btn-box .login-box {
  position: relative;
  margin-right: 0.32rem;
}
.g-header .g-head-phone .header_wrapper .right-btn-box .login-box .profile {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.g-header .g-head-phone .header_wrapper .right-btn-box .login-box .profile .avatar-box {
  width: 0.6rem;
  height: 0.6rem;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
}
.g-header .g-head-phone .header_wrapper .right-btn-box .login-box .profile .avatar-box .avatar-img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
}
.g-header .g-head-phone .header_wrapper .right-btn-box .login-box .profile .avatar-box .avatar-text {
  width: 100%;
  height: 100%;
  background: #307FE2;
  border-radius: 50%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 0.24rem;
  color: #fff;
  font-family: var(--sk-font-Medium);
}
.g-header .g-head-phone .header_wrapper .right-btn-box .tree-box .icon-box {
  width: 0.36rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.g-header .g-head-phone .header_wrapper .right-btn-box .tree-box .icon-box .icon {
  width: 100%;
}
.g-header .g-head-phone .header_wrapper .right-btn-box .close-box .icon-box {
  margin-right: 0.08rem;
  width: 0.25rem;
  height: 0.25rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.g-header .g-head-phone .header_wrapper .right-btn-box .close-box .icon-box .icon {
  width: 100%;
  height: 100%;
}
.g-header .g-head-phone .tree-layer-wrap {
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100vw;
  background: #FFFFFF;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  opacity: 0;
  visibility: hidden;
}
.g-header .g-head-phone .tree-layer-wrap.show {
  opacity: 1;
  visibility: visible;
}
.g-header .g-head-phone .tree-layer-wrap .contact-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 0.56rem 0.32rem 0.32rem;
  max-height: calc(100% - 1rem);
  overflow-y: auto;
}
.g-header .g-head-phone .tree-layer-wrap .contact-wrap .nav-contact {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding-bottom: 1rem;
}
.g-header .g-head-phone .tree-layer-wrap .contact-wrap .nav-contact .nav-list {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}
.g-header .g-head-phone .tree-layer-wrap .contact-wrap .nav-contact .nav-list .ft_link {
  width: 100%;
}
.g-header .g-head-phone .tree-layer-wrap .contact-wrap .nav-contact .nav-list .ft_link.on .dt {
  color: var(--sk-global-color);
}
.g-header .g-head-phone .tree-layer-wrap .contact-wrap .nav-contact .nav-list .ft_link.on .dt .icon-box .icon path {
  fill: var(--sk-global-color);
}
.g-header .g-head-phone .tree-layer-wrap .contact-wrap .nav-contact .nav-list .ft_link:not(:last-child) {
  margin-bottom: 0.4rem;
}
.g-header .g-head-phone .tree-layer-wrap .contact-wrap .nav-contact .nav-list .ft_link .dt {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (max-width: 800px) {
  .g-header .g-head-phone .tree-layer-wrap .contact-wrap .nav-contact .nav-list .ft_link .dt {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}
.g-header .g-head-phone .tree-layer-wrap .contact-wrap .nav-contact .nav-list .ft_link .dt .a {
  font-size: 0.28rem;
  line-height: 0.42rem;
  font-family: var(--sk-font-Medium);
}
.g-header .g-head-phone .tree-layer-wrap .contact-wrap .nav-contact .nav-list .ft_link .dt .icon-box .icon {
  width: 0.16rem;
}
.g-header .g-head-phone .tree-layer-wrap .contact-wrap .nav-contact .nav-list .ft_link .dd {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  overflow: hidden;
  height: 0;
}
.g-header .g-head-phone .tree-layer-wrap .contact-wrap .nav-contact .nav-list .ft_link .dd .a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: 0.26rem;
  line-height: 0.39rem;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  max-width: 100%;
  color: rgba(0, 0, 0, 0.7);
  padding-top: 0.37rem;
  padding-left: 0.2rem;
}
.g-header .g-head-phone .tree-layer-wrap .contact-wrap .nav-contact .nav-list .ft_link .dd .a:hover {
  color: var(--sk-global-color);
}
.g-header .g-head-phone .tree-layer-wrap .contact-wrap .btn_box {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0;
}
.g-header .g-head-phone .tree-layer-wrap .contact-wrap .btn_box .default____btn {
  width: 100%;
}
.g-header.isScroll .g-head,
.g-header.isScroll .g-head-phone {
  box-shadow: 0 0.1rem 0.13rem rgba(0, 0, 0, 0.02);
}
.g-header.dialog__wrapper::before {
  opacity: 1;
  visibility: visible;
}
@media screen and (max-width: 800px) {
  .g-header.dialog__wrapper::before {
    display: none;
  }
}

.sign-in-page {
  min-height: 100vh;
  background: #F5F5F7;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media screen and (max-width: 800px) {
  .sign-in-page {
    background: #fff;
  }
}
.sign-in-page .header-section {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 0 0.6rem;
  height: 0.6rem;
  border-bottom: 1px solid #CFD4E0;
  position: relative;
  z-index: 100;
}
@media screen and (max-width: 800px) {
  .sign-in-page .header-section {
    padding: 0 0.32rem;
    height: 1rem;
  }
  .sign-in-page .header-section.on-show {
    display: none;
  }
}
.sign-in-page .header-section .left-box .logo .icon {
  height: 0.2rem;
}
@media screen and (max-width: 800px) {
  .sign-in-page .header-section .left-box .logo .icon {
    height: 0.28rem;
  }
}
@media screen and (max-width: 800px) {
  .sign-in-page .header-section .right-language {
    display: none;
  }
}
.sign-in-page .header-section .right-language .language-box .cell-box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
}
.sign-in-page .header-section .right-language .language-box .cell-box .icon-earth {
  width: 0.18rem;
}
.sign-in-page .header-section .right-language .language-box .cell-box .label {
  font-size: 0.14rem;
  line-height: 0.21rem;
  margin-left: 0.06rem;
  margin-right: 0.04rem;
}
.sign-in-page .header-section .right-language .language-box .cell-box .icon {
  width: 0.12rem;
  height: 0.08rem;
  object-fit: contain;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 0.12rem;
      -ms-flex: 0 0 0.12rem;
          flex: 0 0 0.12rem;
}
.sign-in-page .page-main {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
}
@media screen and (max-width: 800px) {
  .sign-in-page .page-main {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}
.sign-in-page .page-main .card__wrap {
  padding-top: 0.3rem;
  padding-bottom: 0.3rem;
  display: none;
}
@media screen and (max-width: 800px) {
  .sign-in-page .page-main .card__wrap {
    padding-top: 0;
    padding-bottom: 0;
    width: 100%;
  }
}
.sign-in-page .page-main .card__wrap.show {
  display: block;
}
.sign-in-page .page-main .card__wrap[data-type2] {
  --card__wrapper-padding-bottom: 0.59rem;
}
@media screen and (max-width: 800px) {
  .sign-in-page .page-main .card__wrap[data-type2] {
    --form___wrapper-top: 2.4rem;
  }
}
.sign-in-page .page-main .card__wrap[data-type4] {
  --card__wrapper-padding-bottom: 0.5rem;
}
.sign-in-page .page-main .card__wrap[data-type5] {
  --card__wrapper-padding-bottom: 0.43rem;
}
.sign-in-page .page-main .card__wrap .back-wrap {
  position: absolute;
  top: 0.5rem;
  left: 2.6rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
@media screen and (max-width: 800px) {
  .sign-in-page .page-main .card__wrap .back-wrap {
    position: relative;
    top: 0;
    left: 0;
    height: 1rem;
    padding: 0.32rem;
    border-bottom: 1px solid #CFD4E0;
  }
}
.sign-in-page .page-main .card__wrap .back-wrap .back-box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.sign-in-page .page-main .card__wrap .back-wrap .back-box:hover {
  color: var(--sk-global-color);
}
.sign-in-page .page-main .card__wrap .back-wrap .back-box:hover .icon path {
  fill: var(--sk-global-color);
}
.sign-in-page .page-main .card__wrap .back-wrap .back-box .icon {
  height: 0.11rem;
  width: auto;
}
@media screen and (max-width: 800px) {
  .sign-in-page .page-main .card__wrap .back-wrap .back-box .icon {
    height: 0.16rem;
  }
}
.sign-in-page .page-main .card__wrap .back-wrap .back-box .icon path {
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.sign-in-page .page-main .card__wrap .back-wrap .back-box .back-text {
  margin-left: 0.08rem;
  font-size: 0.16rem;
  line-height: 0.24rem;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
}
@media screen and (max-width: 800px) {
  .sign-in-page .page-main .card__wrap .back-wrap .back-box .back-text {
    margin-left: 0.16rem;
    font-size: 0.24rem;
    line-height: 0.36rem;
  }
}
.sign-in-page .page-main .card__wrap .card__wrapper {
  width: 5.2rem;
  background: #FFFFFF;
  padding-top: 0.4rem;
  padding-left: 0.08rem;
  padding-right: 0.08rem;
  padding-bottom: var(--card__wrapper-padding-bottom, 0.08rem);
  border-radius: 0.1rem;
}
@media screen and (max-width: 800px) {
  .sign-in-page .page-main .card__wrap .card__wrapper {
    width: 100%;
    padding: 0;
  }
}
.sign-in-page .page-main .card__wrap .card__wrapper[data-type1] {
  width: 9.8rem;
}
@media screen and (max-width: 800px) {
  .sign-in-page .page-main .card__wrap .card__wrapper[data-type1] {
    width: 100%;
  }
}
.sign-in-page .page-main .card__wrap .card__wrapper[data-type1] .form___wrapper {
  width: 9rem;
}
@media screen and (max-width: 800px) {
  .sign-in-page .page-main .card__wrap .card__wrapper[data-type1] .form___wrapper {
    width: 100%;
  }
}
.sign-in-page .page-main .card__wrap .card__wrapper[data-type1] .form___wrapper .__input__con {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.sign-in-page .page-main .card__wrap .card__wrapper[data-type1] .form___wrapper .__input__con .input-wrap {
  width: calc(50% - 0.1rem);
}
@media screen and (max-width: 800px) {
  .sign-in-page .page-main .card__wrap .card__wrapper[data-type1] .form___wrapper .__input__con .input-wrap {
    width: 100%;
  }
}
.sign-in-page .page-main .card__wrap .card__wrapper .form___wrapper {
  width: 4.4rem;
  margin: 0 auto;
}
@media screen and (max-width: 800px) {
  .sign-in-page .page-main .card__wrap .card__wrapper .form___wrapper {
    width: 100%;
    padding: 0.8rem 0.4rem 2rem;
    padding-top: var(--form___wrapper-top, 0.8rem);
  }
}
.sign-in-page .page-main .card__wrap .card__wrapper .form___wrapper .form___title {
  text-align: center;
  font-size: 0.24rem;
  line-height: 0.36rem;
  font-family: var(--sk-font-SemiBold);
}
@media screen and (max-width: 800px) {
  .sign-in-page .page-main .card__wrap .card__wrapper .form___wrapper .form___title {
    font-size: 0.46rem;
    line-height: 0.69rem;
  }
}
.sign-in-page .page-main .card__wrap .card__wrapper .form___wrapper .__input__con {
  margin-top: 0.27rem;
}
@media screen and (max-width: 800px) {
  .sign-in-page .page-main .card__wrap .card__wrapper .form___wrapper .__input__con {
    margin-top: 0.55rem;
  }
}
.sign-in-page .page-main .card__wrap .card__wrapper .form___wrapper .__input__con .input-wrap {
  margin-bottom: 0.24rem;
  position: relative;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
@media screen and (max-width: 800px) {
  .sign-in-page .page-main .card__wrap .card__wrapper .form___wrapper .__input__con .input-wrap {
    margin-bottom: 0.4rem;
  }
}
.sign-in-page .page-main .card__wrap .card__wrapper .form___wrapper .__input__con .input-wrap.is-error {
  margin-bottom: 0.36rem;
}
@media screen and (max-width: 800px) {
  .sign-in-page .page-main .card__wrap .card__wrapper .form___wrapper .__input__con .input-wrap.is-error {
    margin-bottom: 0.7rem;
  }
}
.sign-in-page .page-main .card__wrap .card__wrapper .form___wrapper .__input__con .input-wrap.is-error .input-box input {
  border: 1px solid #F53F3F;
  box-shadow: 0 0 4px 0.02rem rgba(245, 63, 63, 0.2);
}
.sign-in-page .page-main .card__wrap .card__wrapper .form___wrapper .__input__con .input-wrap.is-error .input-box .error-text {
  opacity: 1;
  visibility: visible;
}
.sign-in-page .page-main .card__wrap .card__wrapper .form___wrapper .__input__con .input-wrap.is-error .note_box {
  margin-top: 0.3rem;
}
.sign-in-page .page-main .card__wrap .card__wrapper .form___wrapper .__input__con .input-wrap.--password {
  margin-bottom: 0.55rem;
}
@media screen and (max-width: 800px) {
  .sign-in-page .page-main .card__wrap .card__wrapper .form___wrapper .__input__con .input-wrap.--password {
    margin-bottom: 0.92rem;
  }
}
.sign-in-page .page-main .card__wrap .card__wrapper .form___wrapper .__input__con .input-wrap .input-label {
  font-size: 0.16rem;
  line-height: 0.24rem;
  font-family: var(--sk-font-Medium);
}
@media screen and (max-width: 800px) {
  .sign-in-page .page-main .card__wrap .card__wrapper .form___wrapper .__input__con .input-wrap .input-label {
    font-size: 0.24rem;
    line-height: 0.36rem;
  }
}
.sign-in-page .page-main .card__wrap .card__wrapper .form___wrapper .__input__con .input-wrap .input-label .red {
  color: #F53F3F;
}
.sign-in-page .page-main .card__wrap .card__wrapper .form___wrapper .__input__con .input-wrap .input-box {
  margin-top: 0.1rem;
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (max-width: 800px) {
  .sign-in-page .page-main .card__wrap .card__wrapper .form___wrapper .__input__con .input-wrap .input-box {
    margin-top: 0.16rem;
  }
}
.sign-in-page .page-main .card__wrap .card__wrapper .form___wrapper .__input__con .input-wrap .input-box .get-code {
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  margin-left: 0.1rem;
  border-radius: 0.04rem;
  font-size: 0.16rem;
  border: 0.08rem;
  padding: 0 0.2rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  cursor: pointer;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  color: var(--sk-global-color);
  border: 1px solid var(--sk-global-color);
  min-width: 1.2rem;
}
@media screen and (max-width: 800px) {
  .sign-in-page .page-main .card__wrap .card__wrapper .form___wrapper .__input__con .input-wrap .input-box .get-code {
    min-width: 1.6rem;
    border-radius: 0.08rem;
    margin-left: 0.2rem;
    font-size: 0.22rem;
  }
}
.sign-in-page .page-main .card__wrap .card__wrapper .form___wrapper .__input__con .input-wrap .input-box .get-code:hover {
  color: #fff;
  background-color: var(--sk-global-color);
}
.sign-in-page .page-main .card__wrap .card__wrapper .form___wrapper .__input__con .input-wrap .input-box .get-code.disabled {
  color: rgba(0, 0, 0, 0.35);
  border-color: rgba(0, 0, 0, 0.18);
  background-color: #f5f5f5;
  cursor: not-allowed;
}
.sign-in-page .page-main .card__wrap .card__wrapper .form___wrapper .__input__con .input-wrap .input-box .code-img {
  cursor: pointer;
  position: absolute;
  height: calc(100% - 0.1rem);
  right: 0.05rem;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
@media screen and (max-width: 800px) {
  .sign-in-page .page-main .card__wrap .card__wrapper .form___wrapper .__input__con .input-wrap .input-box .code-img {
    right: 0.1rem;
  }
}
.sign-in-page .page-main .card__wrap .card__wrapper .form___wrapper .__input__con .input-wrap .input-box .error-text {
  position: absolute;
  left: 0;
  top: 100%;
  margin-top: 0.1rem;
  font-size: 0.14rem;
  line-height: 0.21rem;
  color: #F53F3F;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  opacity: 0;
  visibility: hidden;
}
@media screen and (max-width: 800px) {
  .sign-in-page .page-main .card__wrap .card__wrapper .form___wrapper .__input__con .input-wrap .input-box .error-text {
    margin-top: 0.17rem;
    font-size: 0.2rem;
    line-height: 0.3rem;
  }
}
.sign-in-page .page-main .card__wrap .card__wrapper .form___wrapper .__input__con .input-wrap .input-box .upload-btn {
  margin-top: 0.04rem;
}
@media screen and (max-width: 800px) {
  .sign-in-page .page-main .card__wrap .card__wrapper .form___wrapper .__input__con .input-wrap .input-box .upload-btn {
    margin-top: 0;
  }
}
.sign-in-page .page-main .card__wrap .card__wrapper .form___wrapper .__input__con .input-wrap .input-box .upload-btn .btn {
  cursor: pointer;
  padding: 0 0.24rem;
  height: 0.4rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 0.04rem;
  background: rgba(48, 127, 226, 0.1);
  font-size: 0.14rem;
  color: #307FE2;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
@media screen and (max-width: 800px) {
  .sign-in-page .page-main .card__wrap .card__wrapper .form___wrapper .__input__con .input-wrap .input-box .upload-btn .btn {
    height: 0.72rem;
    padding: 0 0.26rem;
    border-radius: 0.08rem;
    font-size: 0.22rem;
  }
}
@media screen and (min-width: 800px) {
  .sign-in-page .page-main .card__wrap .card__wrapper .form___wrapper .__input__con .input-wrap .input-box .upload-btn .btn:hover {
    background: rgba(48, 127, 226, 0.2);
  }
}
.sign-in-page .page-main .card__wrap .card__wrapper .form___wrapper .__input__con .input-wrap .forgot-password {
  position: absolute;
  top: 100%;
  right: 0;
  margin-top: 0.1rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
@media screen and (max-width: 800px) {
  .sign-in-page .page-main .card__wrap .card__wrapper .form___wrapper .__input__con .input-wrap .forgot-password {
    margin-top: 0.16rem;
  }
}
.sign-in-page .page-main .card__wrap .card__wrapper .form___wrapper .__input__con .input-wrap .forgot-password a {
  font-size: 0.14rem;
  line-height: 0.21rem;
  color: rgba(0, 0, 0, 0.4);
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
@media screen and (max-width: 800px) {
  .sign-in-page .page-main .card__wrap .card__wrapper .form___wrapper .__input__con .input-wrap .forgot-password a {
    font-size: 0.22rem;
    line-height: 0.33rem;
  }
}
.sign-in-page .page-main .card__wrap .card__wrapper .form___wrapper .__input__con .input-wrap .forgot-password a:hover {
  color: var(--sk-global-color);
}
.sign-in-page .page-main .card__wrap .card__wrapper .form___wrapper .__input__con .input-wrap .note_box {
  margin-top: 0.07rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
@media screen and (max-width: 800px) {
  .sign-in-page .page-main .card__wrap .card__wrapper .form___wrapper .__input__con .input-wrap .note_box {
    margin-top: 0.13rem;
  }
}
.sign-in-page .page-main .card__wrap .card__wrapper .form___wrapper .__input__con .input-wrap .note_box .icon {
  width: 0.16rem;
  height: 0.16rem;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
}
@media screen and (max-width: 800px) {
  .sign-in-page .page-main .card__wrap .card__wrapper .form___wrapper .__input__con .input-wrap .note_box .icon {
    width: 0.28rem;
    height: 0.28rem;
  }
}
.sign-in-page .page-main .card__wrap .card__wrapper .form___wrapper .__input__con .input-wrap .note_box .note_text {
  margin-left: 0.06rem;
  font-size: 0.14rem;
  line-height: 0.21rem;
  color: rgba(0, 0, 0, 0.4);
}
@media screen and (max-width: 800px) {
  .sign-in-page .page-main .card__wrap .card__wrapper .form___wrapper .__input__con .input-wrap .note_box .note_text {
    margin-left: 0.1rem;
    font-size: 0.2rem;
    line-height: 0.3rem;
  }
}
.sign-in-page .page-main .card__wrap .card__wrapper .form___wrapper .__input__con .btn__box {
  margin-top: 0.4rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (max-width: 800px) {
  .sign-in-page .page-main .card__wrap .card__wrapper .form___wrapper .__input__con .btn__box {
    margin-top: 0.6rem;
  }
}
.sign-in-page .page-main .card__wrap .card__wrapper .form___wrapper .__input__con .btn__box .sign-in {
  width: 100%;
  height: 0.48rem;
  border-radius: 0.04rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 0.16rem;
  line-height: 0.24rem;
  font-family: var(--sk-font-Medium);
  background: var(--sk-global-color);
  color: #fff;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
@media screen and (max-width: 800px) {
  .sign-in-page .page-main .card__wrap .card__wrapper .form___wrapper .__input__con .btn__box .sign-in {
    height: 0.8rem;
    border-radius: 0.08rem;
    font-size: 0.24rem;
  }
}
.sign-in-page .page-main .card__wrap .card__wrapper .form___wrapper .__input__con .btn__box .sign-in.type2 {
  width: calc(50% - 0.1rem);
}
.sign-in-page .page-main .card__wrap .card__wrapper .form___wrapper .__input__con .btn__box .sign-in.type2:not(:last-child) {
  margin-right: 0.2rem;
}
.sign-in-page .page-main .card__wrap .card__wrapper .form___wrapper .__input__con .btn__box .sign-in.back {
  background: #F5F5F7;
  color: rgba(0, 0, 0, 0.4);
}
.sign-in-page .page-main .card__wrap .card__wrapper .form___wrapper .__input__con .btn__box .sign-in.back:hover {
  background: #E2E2E9;
}
.sign-in-page .page-main .card__wrap .card__wrapper .form___wrapper .__input__con .btn__box .sign-in:hover {
  background: #145BB4;
}
.sign-in-page .page-main .card__wrap .card__wrapper .form___wrapper .__input__con .btn__box .sign-in.disabled {
  cursor: default;
  background: #ACCCF3;
}
.sign-in-page .page-main .card__wrap .card__wrapper .form___wrapper .__input__con .privacy___policy {
  margin-top: 0.16rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  max-width: 5rem;
}
@media screen and (max-width: 800px) {
  .sign-in-page .page-main .card__wrap .card__wrapper .form___wrapper .__input__con .privacy___policy {
    margin-top: 0.2rem;
    max-width: 100%;
  }
}
.sign-in-page .page-main .card__wrap .card__wrapper .form___wrapper .__input__con .privacy___policy .check___box {
  margin-top: 0.03rem;
  margin-right: 0.07rem;
  width: 0.16rem;
  height: 0.16rem;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  position: relative;
  cursor: pointer;
}
@media screen and (max-width: 800px) {
  .sign-in-page .page-main .card__wrap .card__wrapper .form___wrapper .__input__con .privacy___policy .check___box {
    width: 0.28rem;
    height: 0.28rem;
    margin-right: 0.2rem;
  }
}
.sign-in-page .page-main .card__wrap .card__wrapper .form___wrapper .__input__con .privacy___policy .check___box.on .icon:first-child {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.sign-in-page .page-main .card__wrap .card__wrapper .form___wrapper .__input__con .privacy___policy .check___box.on .icon:last-child {
  display: none;
}
.sign-in-page .page-main .card__wrap .card__wrapper .form___wrapper .__input__con .privacy___policy .check___box .icon {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  object-fit: contain;
}
.sign-in-page .page-main .card__wrap .card__wrapper .form___wrapper .__input__con .privacy___policy .check___box .icon:first-child {
  display: none;
}
.sign-in-page .page-main .card__wrap .card__wrapper .form___wrapper .__input__con .privacy___policy .check___box .icon:last-child {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.sign-in-page .page-main .card__wrap .card__wrapper .form___wrapper .__input__con .privacy___policy .privacy___policy_text {
  font-size: 0.14rem;
  line-height: 0.21rem;
  color: rgba(0, 0, 0, 0.6);
}
@media screen and (max-width: 800px) {
  .sign-in-page .page-main .card__wrap .card__wrapper .form___wrapper .__input__con .privacy___policy .privacy___policy_text {
    font-size: 0.2rem;
    line-height: 0.3rem;
  }
}
.sign-in-page .page-main .card__wrap .card__wrapper .form___wrapper .__input__con .privacy___policy .privacy___policy_text a {
  color: var(--sk-global-color);
}
.sign-in-page .page-main .card__wrap .card__wrapper .form___wrapper .__input__con .privacy___policy .privacy___policy_text a:hover {
  text-decoration: underline;
}
.sign-in-page .page-main .card__wrap .card__wrapper .form___wrapper .__input__con .upload__wrap {
  width: calc(50% - 0.1rem);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (max-width: 800px) {
  .sign-in-page .page-main .card__wrap .card__wrapper .form___wrapper .__input__con .upload__wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}
.sign-in-page .page-main .card__wrap .card__wrapper .form___wrapper .__input__con .upload__wrap .label {
  font-size: 0.16rem;
  line-height: 0.24rem;
  font-family: var(--sk-font-Medium);
}
@media screen and (max-width: 800px) {
  .sign-in-page .page-main .card__wrap .card__wrapper .form___wrapper .__input__con .upload__wrap .label {
    font-size: 0.24rem;
    line-height: 0.36rem;
  }
}
.sign-in-page .page-main .card__wrap .card__wrapper .form___wrapper .__input__con .upload__wrap .upload-btn {
  margin-left: 0.12rem;
}
@media screen and (max-width: 800px) {
  .sign-in-page .page-main .card__wrap .card__wrapper .form___wrapper .__input__con .upload__wrap .upload-btn {
    margin-top: 0.16rem;
    margin-left: 0;
  }
}
.sign-in-page .page-main .card__wrap .card__wrapper .form___wrapper .__input__con .upload__wrap .upload-btn .btn {
  cursor: pointer;
  padding: 0 0.24rem;
  height: 0.4rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 0.04rem;
  background: rgba(48, 127, 226, 0.1);
  font-size: 0.14rem;
  color: #307FE2;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
@media screen and (max-width: 800px) {
  .sign-in-page .page-main .card__wrap .card__wrapper .form___wrapper .__input__con .upload__wrap .upload-btn .btn {
    height: 0.72rem;
    padding: 0 0.26rem;
    border-radius: 0.08rem;
    font-size: 0.22rem;
  }
}
@media screen and (min-width: 800px) {
  .sign-in-page .page-main .card__wrap .card__wrapper .form___wrapper .__input__con .upload__wrap .upload-btn .btn:hover {
    background: rgba(48, 127, 226, 0.2);
  }
}
.sign-in-page .page-main .card__wrap .card__wrapper .form___wrapper .type1__btn_box {
  margin-top: 0.32rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media screen and (max-width: 800px) {
  .sign-in-page .page-main .card__wrap .card__wrapper .form___wrapper .type1__btn_box {
    margin-top: 0.6rem;
  }
}
.sign-in-page .page-main .card__wrap .card__wrapper .form___wrapper .type1__btn_box .sign-in {
  padding: 0 0.24rem;
  height: 0.48rem;
  border-radius: 0.04rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 0.16rem;
  line-height: 0.24rem;
  font-family: var(--sk-font-Medium);
  background: var(--sk-global-color);
  color: #fff;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
@media screen and (max-width: 800px) {
  .sign-in-page .page-main .card__wrap .card__wrapper .form___wrapper .type1__btn_box .sign-in {
    height: 0.8rem;
    border-radius: 0.08rem;
    font-size: 0.24rem;
    line-height: 0.36rem;
  }
}
.sign-in-page .page-main .card__wrap .card__wrapper .form___wrapper .type1__btn_box .sign-in.type2 {
  min-width: 2.1rem;
}
@media screen and (max-width: 800px) {
  .sign-in-page .page-main .card__wrap .card__wrapper .form___wrapper .type1__btn_box .sign-in.type2 {
    width: calc(50% - 0.11rem);
  }
}
.sign-in-page .page-main .card__wrap .card__wrapper .form___wrapper .type1__btn_box .sign-in.type2:not(:last-child) {
  margin-right: 0.2rem;
}
@media screen and (max-width: 800px) {
  .sign-in-page .page-main .card__wrap .card__wrapper .form___wrapper .type1__btn_box .sign-in.type2:not(:last-child) {
    margin-right: 0.22rem;
  }
}
.sign-in-page .page-main .card__wrap .card__wrapper .form___wrapper .type1__btn_box .sign-in.back {
  background: #F5F5F7;
  color: rgba(0, 0, 0, 0.4);
}
.sign-in-page .page-main .card__wrap .card__wrapper .form___wrapper .type1__btn_box .sign-in.back:hover {
  background: #E2E2E9;
}
@media screen and (min-width: 800px) {
  .sign-in-page .page-main .card__wrap .card__wrapper .form___wrapper .type1__btn_box .sign-in:hover {
    background: #145BB4;
  }
}
.sign-in-page .page-main .card__wrap .card__wrapper .form___wrapper .type1__btn_box .sign-in.disabled {
  cursor: default;
  background: #ACCCF3;
}
.sign-in-page .page-main .card__wrap .card__wrapper .sign-up-now-box {
  margin-top: 0.63rem;
}
@media screen and (max-width: 800px) {
  .sign-in-page .page-main .card__wrap .card__wrapper .sign-up-now-box {
    position: fixed;
    bottom: 0.18rem;
    left: 0.18rem;
    width: calc(100% - 0.36rem);
  }
}
.sign-in-page .page-main .card__wrap .card__wrapper .sign-up-now-box .sign-up-now {
  padding: 0.22rem 0.22rem 0.21rem;
  font-size: 0.14rem;
  line-height: 0.21rem;
  color: rgba(0, 0, 0, 0.4);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: #FBFBFB;
  border-radius: 0.04rem;
}
@media screen and (max-width: 800px) {
  .sign-in-page .page-main .card__wrap .card__wrapper .sign-up-now-box .sign-up-now {
    padding: 0.32rem 0.32rem 0.29rem;
    font-size: 0.24rem;
    line-height: 0.36rem;
    background: #FBFBFB;
    border-radius: 0.08rem;
  }
}
.sign-in-page .page-main .card__wrap .card__wrapper .sign-up-now-box .sign-up-now a {
  color: var(--sk-global-color);
}
.sign-in-page .page-main .card__wrap .card__wrapper .sign-up-now-box .sign-up-now a:hover {
  text-decoration: underline;
}
.sign-in-page .page-main .card__wrap .code__wrapper {
  min-width: 5.2rem;
  padding: 0.4rem 0.4rem 0.5rem;
  background: #FFFFFF;
  border-radius: 0.1rem;
}
@media screen and (max-width: 800px) {
  .sign-in-page .page-main .card__wrap .code__wrapper {
    padding: 2.4rem 0.4rem 0.5rem;
  }
}
.sign-in-page .page-main .card__wrap .code__wrapper .card-title {
  text-align: center;
  font-size: 0.24rem;
  line-height: 0.36rem;
  font-family: var(--sk-font-SemiBold);
}
@media screen and (max-width: 800px) {
  .sign-in-page .page-main .card__wrap .code__wrapper .card-title {
    font-size: 0.46rem;
    line-height: 0.69rem;
  }
}
.sign-in-page .page-main .card__wrap .code__wrapper .card-text {
  margin-top: 0.16rem;
  text-align: center;
  font-size: 0.16rem;
  line-height: 0.24rem;
  color: rgba(0, 0, 0, 0.7);
}
@media screen and (max-width: 800px) {
  .sign-in-page .page-main .card__wrap .code__wrapper .card-text {
    margin-top: 0.48rem;
    font-size: 0.24rem;
    line-height: 0.36rem;
  }
}
.sign-in-page .page-main .card__wrap .code__wrapper .code-input-list {
  margin-top: 0.5rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media screen and (max-width: 800px) {
  .sign-in-page .page-main .card__wrap .code__wrapper .code-input-list {
    margin-top: 0.68rem;
  }
}
.sign-in-page .page-main .card__wrap .code__wrapper .code-input-list input {
  width: 0.64rem;
  height: 0.64rem;
  border-radius: 0.1rem;
  border: 1px solid #CFD4E0;
  background: #FFFFFF;
  text-align: center;
  font-size: 0.24rem;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  font-family: var(--sk-font-Medium);
}
@media screen and (max-width: 800px) {
  .sign-in-page .page-main .card__wrap .code__wrapper .code-input-list input {
    width: 0.9rem;
    height: 0.9rem;
    border-radius: 0.16rem;
    font-size: 0.3rem;
  }
}
.sign-in-page .page-main .card__wrap .code__wrapper .code-input-list input.is-filled {
  background: #F5F5F7;
}
.sign-in-page .page-main .card__wrap .code__wrapper .code-input-list input:focus {
  outline: none;
  border-color: var(--sk-global-color);
  box-shadow: 0 0 4px 0.02rem rgba(48, 127, 226, 0.2);
}
.sign-in-page .page-main .card__wrap .code__wrapper .code-input-list input:not(:last-child) {
  margin-right: 0.11rem;
}
@media screen and (max-width: 800px) {
  .sign-in-page .page-main .card__wrap .code__wrapper .code-input-list input:not(:last-child) {
    margin-right: 0.22rem;
  }
}
.sign-in-page .page-main .card__wrap .code__wrapper .resend-code-box {
  text-align: center;
  margin-top: 0.31rem;
  font-size: 0.16rem;
  line-height: 0.24rem;
  color: var(--sk-global-color);
}
@media screen and (max-width: 800px) {
  .sign-in-page .page-main .card__wrap .code__wrapper .resend-code-box {
    margin-top: 0.48rem;
    font-size: 0.24rem;
    line-height: 0.36rem;
  }
}
.sign-in-page .page-main .card__wrap .code__wrapper .resend-code-box .resend-code {
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.sign-in-page .page-main .successfully_wrap {
  position: fixed;
  z-index: 50;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  background: #FFFFFF;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding-bottom: 10%;
  display: none;
}
@media screen and (max-width: 800px) {
  .sign-in-page .page-main .successfully_wrap {
    padding-bottom: 0;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    padding-top: 3.07rem;
  }
}
.sign-in-page .page-main .successfully_wrap.show {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.sign-in-page .page-main .successfully_wrap .success-img {
  width: 3rem;
}
@media screen and (max-width: 800px) {
  .sign-in-page .page-main .successfully_wrap .success-img {
    width: 4.8rem;
  }
}
.sign-in-page .page-main .successfully_wrap .success-title {
  margin-top: 0.3rem;
  text-align: center;
  font-size: 0.24rem;
  line-height: 0.36rem;
  font-family: var(--sk-font-SemiBold);
}
@media screen and (max-width: 800px) {
  .sign-in-page .page-main .successfully_wrap .success-title {
    margin-top: 0.56rem;
    font-size: 0.34rem;
    line-height: 0.51rem;
    padding: 0 0.4rem;
  }
}
.sign-in-page .page-main .successfully_wrap .success-text {
  margin: 0.16rem auto 0;
  max-width: 8rem;
  font-size: 0.16rem;
  line-height: 0.24rem;
  color: rgba(0, 0, 0, 0.7);
  text-align: center;
}
@media screen and (max-width: 800px) {
  .sign-in-page .page-main .successfully_wrap .success-text {
    margin: 0.24rem auto 0;
    font-size: 0.24rem;
    line-height: 0.36rem;
    padding: 0 0.4rem;
  }
  .sign-in-page .page-main .successfully_wrap .success-text br {
    display: none;
  }
}
.sign-in-page .page-main .successfully_wrap .btn-list {
  margin-top: 0.4rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (max-width: 800px) {
  .sign-in-page .page-main .successfully_wrap .btn-list {
    margin-top: 0.48rem;
  }
}
.sign-in-page .page-main .successfully_wrap .btn-list .default____btn {
  margin: 0 0.1rem;
  min-width: 2.1rem;
}
@media screen and (max-width: 800px) {
  .sign-in-page .page-main .successfully_wrap .btn-list .default____btn {
    margin: 0 0.11rem;
    min-width: 3.23rem;
  }
}
.sign-in-page .page-main .select-option_wrap {
  position: fixed;
  z-index: 50;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  background: #FFFFFF;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  display: none;
}
@media screen and (max-width: 800px) {
  .sign-in-page .page-main .select-option_wrap {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    padding-top: 3.03rem;
  }
}
.sign-in-page .page-main .select-option_wrap.show {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.sign-in-page .page-main .select-option_wrap .select-option {
  padding-top: 0.3rem;
  padding-bottom: 0.3rem;
}
@media screen and (max-width: 800px) {
  .sign-in-page .page-main .select-option_wrap .select-option {
    padding-top: 0;
    padding-bottom: 0;
  }
}
.sign-in-page .page-main .select-option_wrap .select-option .wrapper__wrapper {
  max-width: 4.8rem;
}
@media screen and (max-width: 800px) {
  .sign-in-page .page-main .select-option_wrap .select-option .wrapper__wrapper {
    max-width: 100%;
    padding: 0 0.4rem;
  }
}
.sign-in-page .page-main .select-option_wrap .select-option .wrapper__wrapper .successfully__card {
  border-radius: 0.1rem;
  background: #F5F5F7;
  padding: 0.3rem 0.47rem 0.28rem;
  text-align: center;
}
@media screen and (max-width: 800px) {
  .sign-in-page .page-main .select-option_wrap .select-option .wrapper__wrapper .successfully__card {
    border-radius: 0.16rem;
    padding: 0.4rem 0.36rem;
  }
}
.sign-in-page .page-main .select-option_wrap .select-option .wrapper__wrapper .successfully__card .icon {
  width: 0.56rem;
  height: 0.56rem;
}
@media screen and (max-width: 800px) {
  .sign-in-page .page-main .select-option_wrap .select-option .wrapper__wrapper .successfully__card .icon {
    width: 0.8rem;
    height: 0.8rem;
  }
}
.sign-in-page .page-main .select-option_wrap .select-option .wrapper__wrapper .successfully__card .successfully__text {
  margin-top: 0.14rem;
  font-size: 0.16rem;
  line-height: 0.24rem;
}
@media screen and (max-width: 800px) {
  .sign-in-page .page-main .select-option_wrap .select-option .wrapper__wrapper .successfully__card .successfully__text {
    margin-top: 0.3rem;
    font-size: 0.24rem;
    line-height: 0.36rem;
  }
}
.sign-in-page .page-main .select-option_wrap .select-option .wrapper__wrapper .select_box {
  margin-top: 0.4rem;
}
@media screen and (max-width: 800px) {
  .sign-in-page .page-main .select-option_wrap .select-option .wrapper__wrapper .select_box {
    margin-top: 0.6rem;
  }
}
.sign-in-page .page-main .select-option_wrap .select-option .wrapper__wrapper .select_box .select_li {
  padding: 0.15rem 0.5rem 0.15rem 0.14rem;
  border: 1px solid #CFD4E0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 0.1rem;
  position: relative;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  cursor: pointer;
}
@media screen and (max-width: 800px) {
  .sign-in-page .page-main .select-option_wrap .select-option .wrapper__wrapper .select_box .select_li {
    padding: 0.24rem 0.8rem 0.24rem 0.24rem;
    border-radius: 0.16rem;
  }
}
.sign-in-page .page-main .select-option_wrap .select-option .wrapper__wrapper .select_box .select_li.on {
  background: rgba(48, 127, 226, 0.1);
  border-color: #307FE2;
}
.sign-in-page .page-main .select-option_wrap .select-option .wrapper__wrapper .select_box .select_li.on:nth-child(1) .icon-box .icon path {
  fill: #fff;
}
.sign-in-page .page-main .select-option_wrap .select-option .wrapper__wrapper .select_box .select_li.on:nth-child(2) .icon-box .icon path {
  stroke: #fff;
}
.sign-in-page .page-main .select-option_wrap .select-option .wrapper__wrapper .select_box .select_li.on .icon-box {
  background: #307FE2;
}
.sign-in-page .page-main .select-option_wrap .select-option .wrapper__wrapper .select_box .select_li.on .success-icon {
  opacity: 1;
}
.sign-in-page .page-main .select-option_wrap .select-option .wrapper__wrapper .select_box .select_li:not(:last-child) {
  margin-bottom: 0.2rem;
}
@media screen and (max-width: 800px) {
  .sign-in-page .page-main .select-option_wrap .select-option .wrapper__wrapper .select_box .select_li:not(:last-child) {
    margin-bottom: 0.3rem;
  }
}
.sign-in-page .page-main .select-option_wrap .select-option .wrapper__wrapper .select_box .select_li .icon-box {
  width: 0.69rem;
  height: 0.69rem;
  background: #F5F5F7;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 0.16rem;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
@media screen and (max-width: 800px) {
  .sign-in-page .page-main .select-option_wrap .select-option .wrapper__wrapper .select_box .select_li .icon-box {
    width: 0.92rem;
    height: 0.92rem;
    border-radius: 0.24rem;
  }
}
.sign-in-page .page-main .select-option_wrap .select-option .wrapper__wrapper .select_box .select_li .icon-box .icon {
  width: 0.36rem;
  height: 0.36rem;
}
@media screen and (max-width: 800px) {
  .sign-in-page .page-main .select-option_wrap .select-option .wrapper__wrapper .select_box .select_li .icon-box .icon {
    width: 0.46rem;
    height: 0.46rem;
  }
}
.sign-in-page .page-main .select-option_wrap .select-option .wrapper__wrapper .select_box .select_li .icon-box .icon path {
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.sign-in-page .page-main .select-option_wrap .select-option .wrapper__wrapper .select_box .select_li .select_con {
  margin-left: 0.2rem;
}
@media screen and (max-width: 800px) {
  .sign-in-page .page-main .select-option_wrap .select-option .wrapper__wrapper .select_box .select_li .select_con {
    margin-left: 0.27rem;
  }
}
.sign-in-page .page-main .select-option_wrap .select-option .wrapper__wrapper .select_box .select_li .select_con .select_title {
  font-size: 0.2rem;
  line-height: 0.3rem;
  font-family: var(--sk-font-Medium);
}
@media screen and (max-width: 800px) {
  .sign-in-page .page-main .select-option_wrap .select-option .wrapper__wrapper .select_box .select_li .select_con .select_title {
    font-size: 0.26rem;
    line-height: 0.39rem;
  }
}
.sign-in-page .page-main .select-option_wrap .select-option .wrapper__wrapper .select_box .select_li .select_con .select_text {
  margin-top: 0.06rem;
  font-size: 0.16rem;
  line-height: 0.24rem;
  color: rgba(0, 0, 0, 0.7);
}
@media screen and (max-width: 800px) {
  .sign-in-page .page-main .select-option_wrap .select-option .wrapper__wrapper .select_box .select_li .select_con .select_text {
    margin-top: 0.1rem;
    font-size: 0.22rem;
    line-height: 0.33rem;
  }
}
.sign-in-page .page-main .select-option_wrap .select-option .wrapper__wrapper .select_box .select_li .success-icon {
  position: absolute;
  right: 0.2rem;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  height: 0.24rem;
  width: 0.24rem;
  opacity: 0;
}
@media screen and (max-width: 800px) {
  .sign-in-page .page-main .select-option_wrap .select-option .wrapper__wrapper .select_box .select_li .success-icon {
    right: 0.24rem;
    width: 0.36rem;
    height: 0.36rem;
  }
}
.sign-in-page .page-main .select-option_wrap .select-option .wrapper__wrapper .btn_box {
  margin-top: 0.4rem;
  text-align: center;
}
@media screen and (max-width: 800px) {
  .sign-in-page .page-main .select-option_wrap .select-option .wrapper__wrapper .btn_box {
    margin-top: 0.6rem;
  }
}
.sign-in-page .page-main .select-option_wrap .select-option .wrapper__wrapper .btn_box .default____btn {
  min-width: 2.1rem;
}
@media screen and (max-width: 800px) {
  .sign-in-page .page-main .select-option_wrap .select-option .wrapper__wrapper .btn_box .default____btn {
    width: 100%;
  }
}
.sign-in-page .page-main .registered-successfully__wrap {
  position: fixed;
  z-index: 50;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  background: #FFFFFF;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  display: none;
}
@media screen and (max-width: 800px) {
  .sign-in-page .page-main .registered-successfully__wrap {
    height: auto;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    padding-top: 2.5rem;
    padding-bottom: 0.8rem;
  }
}
.sign-in-page .page-main .registered-successfully__wrap.show {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.sign-in-page .page-main .registered-successfully__wrap .success-img {
  width: 3rem;
}
@media screen and (max-width: 800px) {
  .sign-in-page .page-main .registered-successfully__wrap .success-img {
    width: 4.8rem;
  }
}
.sign-in-page .page-main .registered-successfully__wrap .success-text {
  margin-top: 0.3rem;
  max-width: 8rem;
  text-align: center;
  font-size: 0.16rem;
  line-height: 0.24rem;
  color: rgba(0, 0, 0, 0.7);
}
@media screen and (max-width: 800px) {
  .sign-in-page .page-main .registered-successfully__wrap .success-text {
    margin-top: 0.24rem;
    max-width: 100%;
    padding: 0 0.32rem;
    font-size: 0.24rem;
    line-height: 0.36rem;
  }
}
.sign-in-page .page-main .registered-successfully__wrap .card-box {
  margin-top: 0.4rem;
  width: 4.8rem;
  padding: 0.2rem 0.3rem 0.3rem;
  border: 1px solid #CFD4E0;
  border-radius: 0.1rem;
  background: #F5F5F7;
}
@media screen and (max-width: 800px) {
  .sign-in-page .page-main .registered-successfully__wrap .card-box {
    margin-top: 0.66rem;
    width: 6.7rem;
    padding: 0.3rem 0.3rem 0.34rem;
    border-radius: 0.16rem;
  }
}
.sign-in-page .page-main .registered-successfully__wrap .card-box .obj-box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: 0.16rem;
  line-height: 0.24rem;
}
@media screen and (max-width: 800px) {
  .sign-in-page .page-main .registered-successfully__wrap .card-box .obj-box {
    font-size: 0.24rem;
    line-height: 0.36rem;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}
.sign-in-page .page-main .registered-successfully__wrap .card-box .obj-box:not(:last-child) {
  margin-bottom: 0.11rem;
}
@media screen and (max-width: 800px) {
  .sign-in-page .page-main .registered-successfully__wrap .card-box .obj-box:not(:last-child) {
    margin-bottom: 0.2rem;
  }
}
.sign-in-page .page-main .registered-successfully__wrap .card-box .obj-box .label {
  width: 1.8rem;
  color: rgba(0, 0, 0, 0.7);
}
@media screen and (max-width: 800px) {
  .sign-in-page .page-main .registered-successfully__wrap .card-box .obj-box .label {
    width: 50%;
  }
}
@media screen and (max-width: 800px) {
  .sign-in-page .page-main .registered-successfully__wrap .card-box .obj-box .value {
    text-align: right;
  }
}
.sign-in-page .page-main .registered-successfully__wrap .type2__btn_box {
  margin-top: 0.4rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media screen and (max-width: 800px) {
  .sign-in-page .page-main .registered-successfully__wrap .type2__btn_box {
    margin-top: 0.6rem;
    width: 100%;
    padding: 0 0.4rem;
  }
}
.sign-in-page .page-main .registered-successfully__wrap .type2__btn_box .sign-in {
  padding: 0 0.24rem;
  height: 0.48rem;
  border-radius: 0.04rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 0.16rem;
  line-height: 0.24rem;
  font-family: var(--sk-font-Medium);
  background: var(--sk-global-color);
  color: #fff;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
@media screen and (max-width: 800px) {
  .sign-in-page .page-main .registered-successfully__wrap .type2__btn_box .sign-in {
    height: 0.8rem;
    border-radius: 0.08rem;
    font-size: 0.24rem;
    line-height: 0.36rem;
  }
}
.sign-in-page .page-main .registered-successfully__wrap .type2__btn_box .sign-in.type2 {
  min-width: 2.1rem;
}
@media screen and (max-width: 800px) {
  .sign-in-page .page-main .registered-successfully__wrap .type2__btn_box .sign-in.type2 {
    width: calc(50% - 0.11rem);
  }
}
.sign-in-page .page-main .registered-successfully__wrap .type2__btn_box .sign-in.type2:not(:last-child) {
  margin-right: 0.2rem;
}
@media screen and (max-width: 800px) {
  .sign-in-page .page-main .registered-successfully__wrap .type2__btn_box .sign-in.type2:not(:last-child) {
    margin-right: 0.22rem;
  }
}
.sign-in-page .page-main .registered-successfully__wrap .type2__btn_box .sign-in.back {
  background: #F5F5F7;
  color: rgba(0, 0, 0, 0.4);
}
.sign-in-page .page-main .registered-successfully__wrap .type2__btn_box .sign-in.back:hover {
  background: #E2E2E9;
}
@media screen and (min-width: 800px) {
  .sign-in-page .page-main .registered-successfully__wrap .type2__btn_box .sign-in:hover {
    background: #145BB4;
  }
}
.sign-in-page .page-main .registered-successfully__wrap .type2__btn_box .sign-in.disabled {
  cursor: default;
  background: #ACCCF3;
}
@media screen and (max-width: 800px) {
  .sign-in-page .footer____section {
    display: none;
  }
}

.footer____section {
  height: 0.6rem;
  padding-bottom: 0.2rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media screen and (max-width: 800px) {
  .footer____section {
    height: auto;
    padding-bottom: 0.3rem;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
.footer____section .copyright {
  font-size: 0.14rem;
  line-height: 0.21rem;
  margin-right: 0.25rem;
}
@media screen and (max-width: 800px) {
  .footer____section .copyright {
    font-size: 0.2rem;
    line-height: 0.3rem;
    margin-right: 0;
    margin-bottom: 0.17rem;
  }
}
.footer____section .link-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.footer____section .link-list .link-box {
  font-size: 0.14rem;
  line-height: 0.21rem;
  color: rgba(0, 0, 0, 0.6);
  position: relative;
}
@media screen and (max-width: 800px) {
  .footer____section .link-list .link-box {
    font-size: 0.2rem;
    line-height: 0.3rem;
  }
}
.footer____section .link-list .link-box:hover {
  color: var(--sk-global-color);
}
.footer____section .link-list .link-box:not(:first-child) {
  margin-left: 0.3rem;
}
.footer____section .link-list .link-box:not(:first-child)::before {
  color: rgba(0, 0, 0, 0.6);
  content: "|";
  position: absolute;
  left: -0.16rem;
}

.default____input {
  width: 100%;
  height: 0.48rem;
  border-radius: 0.04rem;
  border: 1px solid #CFD4E0;
  padding: 0 0.2rem;
  font-size: 0.16rem;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
@media screen and (max-width: 800px) {
  .default____input {
    height: 0.8rem;
    font-size: 0.24rem;
    border-radius: 0.08rem;
    padding: 0 0.28rem;
    font-size: 0.24rem;
  }
}
.default____input:focus {
  border-color: #307FE2;
  box-shadow: 0 0 4px 0.02rem rgba(48, 127, 226, 0.2);
}

.default____textarea {
  width: 100%;
  height: 1.2rem;
  border-radius: 0.04rem;
  border: 1px solid #CFD4E0;
  padding: 0.1rem 0.2rem;
  font-size: 0.16rem;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  resize: none;
}
@media screen and (max-width: 800px) {
  .default____textarea {
    height: 3.2rem;
    font-size: 0.24rem;
    border-radius: 0.08rem;
    padding: 0.14rem 0.28rem;
    font-size: 0.24rem;
  }
}
.default____textarea:focus {
  border-color: #307FE2;
  box-shadow: 0 0 4px 0.02rem rgba(48, 127, 226, 0.2);
}

.all-courses-page .head-section {
  padding-top: 1rem;
  padding-bottom: 0.68rem;
  border-bottom: 1px solid #CFD4E0;
}
@media screen and (max-width: 800px) {
  .all-courses-page .head-section {
    padding-bottom: 0.8rem;
  }
}
.all-courses-page .head-section .con-box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media screen and (max-width: 800px) {
  .all-courses-page .head-section .con-box {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.all-courses-page .head-section .con-box .h1 {
  font-size: 0.48rem;
  line-height: 0.72rem;
  font-family: var(--sk-font-SemiBold);
}
@media screen and (max-width: 800px) {
  .all-courses-page .head-section .con-box .h1 {
    font-size: 0.54rem;
    line-height: 0.81rem;
  }
}
.all-courses-page .head-section .con-box .inout-box {
  height: 0.6rem;
  width: 6rem;
  position: relative;
}
@media screen and (max-width: 800px) {
  .all-courses-page .head-section .con-box .inout-box {
    margin-top: 0.48rem;
    width: 100%;
    height: 0.9rem;
  }
}
.all-courses-page .head-section .con-box .inout-box .icon {
  width: 0.28rem;
  height: 0.28rem;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  left: 0.3rem;
}
@media screen and (max-width: 800px) {
  .all-courses-page .head-section .con-box .inout-box .icon {
    width: 0.36rem;
    height: 0.36rem;
  }
}
.all-courses-page .head-section .con-box .inout-box input {
  height: 100%;
  width: 100%;
  background: #F5F5F7;
  border-radius: 0.3rem;
  padding: 0 1.3rem 0 0.71rem;
  font-size: 0.18rem;
}
@media screen and (max-width: 800px) {
  .all-courses-page .head-section .con-box .inout-box input {
    padding: 0 2rem 0 0.77rem;
    font-size: 0.24rem;
  }
}
.all-courses-page .head-section .con-box .inout-box .search-btn {
  position: absolute;
  cursor: pointer;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 0.07rem;
  height: 0.48rem;
  border-radius: 0.24rem;
  background: var(--sk-global-color);
  padding: 0 0.28rem;
  color: #FFFFFF;
  font-size: 0.16rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-family: var(--sk-font-Medium);
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
@media screen and (max-width: 800px) {
  .all-courses-page .head-section .con-box .inout-box .search-btn {
    right: 0.08rem;
    height: 0.74rem;
    border-radius: 0.36rem;
    padding: 0 0.44rem;
    font-size: 0.24rem;
  }
}
.all-courses-page .head-section .con-box .inout-box .search-btn:hover {
  background-color: #145BB4;
}
.all-courses-page .class-section {
  margin-top: 0.4rem;
  margin-bottom: 0.4rem;
}
@media screen and (max-width: 800px) {
  .all-courses-page .class-section {
    margin-top: 0.6rem;
    margin-bottom: 0.6rem;
  }
}
.all-courses-page .class-section .wal .class-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.all-courses-page .class-section .wal .class-item:not(:last-child) {
  margin-bottom: 0.16rem;
}
@media screen and (max-width: 800px) {
  .all-courses-page .class-section .wal .class-item:not(:last-child) {
    margin-bottom: 0.3rem;
  }
}
.all-courses-page .class-section .wal .class-item .class-label {
  width: 1.03rem;
  padding-right: 0.1rem;
  font-size: 0.16rem;
  line-height: 0.24rem;
}
@media screen and (max-width: 800px) {
  .all-courses-page .class-section .wal .class-item .class-label {
    width: 1.46rem;
    font-size: 0.24rem;
    line-height: 0.36rem;
  }
}
@media screen and (max-width: 800px) {
  .all-courses-page .class-section .wal .class-item .tag-list-wrap {
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
    margin-right: -0.32rem;
    padding-right: 0.32rem;
    scrollbar-width: none;
    -ms-overflow-style: none;
  }
  .all-courses-page .class-section .wal .class-item .tag-list-wrap::-webkit-scrollbar {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
    -webkit-appearance: none !important;
            appearance: none !important;
  }
}
.all-courses-page .class-section .wal .class-item .tag-list-wrap .tag-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
}
.all-courses-page .class-section .wal .class-item .tag-list-wrap .tag-list .tag {
  height: 0.36rem;
  border-radius: 0.3rem;
  font-size: 0.14rem;
  padding: 0 0.16rem;
  color: rgba(0, 0, 0, 0.7);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
@media screen and (max-width: 800px) {
  .all-courses-page .class-section .wal .class-item .tag-list-wrap .tag-list .tag {
    height: 0.64rem;
    border-radius: 0.32rem;
    font-size: 0.22rem;
    padding: 0 0.23rem;
  }
}
.all-courses-page .class-section .wal .class-item .tag-list-wrap .tag-list .tag:not(:last-child) {
  margin-right: 0.1rem;
}
@media screen and (max-width: 800px) {
  .all-courses-page .class-section .wal .class-item .tag-list-wrap .tag-list .tag:not(:last-child) {
    margin-right: 0.2rem;
  }
}
.all-courses-page .class-section .wal .class-item .tag-list-wrap .tag-list .tag:hover {
  background: #F5F5F7;
}
.all-courses-page .class-section .wal .class-item .tag-list-wrap .tag-list .tag.on {
  background: #E2E2E9;
  color: #000000;
}
.all-courses-page .view-by-section {
  padding-top: 0.22rem;
  padding-bottom: 0.22rem;
  border-top: 1px solid #CFD4E0;
  border-bottom: 1px solid #CFD4E0;
}
.all-courses-page .view-by-section .view-by-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.all-courses-page .view-by-section .view-by-wrap .label {
  font-size: 0.24rem;
  line-height: 0.36rem;
  color: rgba(0, 0, 0, 0.6);
  margin-right: 0.36rem;
}
.all-courses-page .view-by-section .view-by-wrap .view-by-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.all-courses-page .view-by-section .view-by-wrap .view-by-list .view-icon {
  width: 0.32rem;
  height: 0.32rem;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  opacity: 0.2;
}
.all-courses-page .view-by-section .view-by-wrap .view-by-list .view-icon.on {
  opacity: 0.6;
}
.all-courses-page .view-by-section .view-by-wrap .view-by-list .view-icon:not(:last-child) {
  margin-right: 0.35rem;
}
.all-courses-page .view-by-section .view-by-wrap .view-by-list .view-icon .icon {
  width: 100%;
  height: 100%;
}
.all-courses-page .card-list-section {
  margin-top: 0.4rem;
  margin-bottom: 1.2rem;
}
@media screen and (max-width: 800px) {
  .all-courses-page .card-list-section {
    margin-top: 0.8rem;
  }
}

@media screen and (max-width: 800px) {
  .card_____list_wrap.type2 .card-list {
    margin: -0.2rem -0.1rem;
  }
  .card_____list_wrap.type2 .card-list .card-item {
    width: calc(50% - 0.2rem);
    margin: 0.2rem 0.1rem;
    position: relative;
  }
  .card_____list_wrap.type2 .card-list .card-item .img-box {
    height: 1.87rem;
  }
  .card_____list_wrap.type2 .card-list .card-item .img-box .time-views {
    height: 0.4rem;
    padding: 0 0.2rem 0 0.18rem;
  }
  .card_____list_wrap.type2 .card-list .card-item .img-box .time-views .time-box .icon {
    width: 0.2rem;
    height: 0.2rem;
  }
  .card_____list_wrap.type2 .card-list .card-item .img-box .time-views .time-box .time-text {
    font-size: 0.18rem;
    line-height: 0.26rem;
  }
  .card_____list_wrap.type2 .card-list .card-item .img-box .time-views .views-box .icon {
    width: 0.2rem;
    height: 0.2rem;
  }
  .card_____list_wrap.type2 .card-list .card-item .img-box .time-views .views-box .views-text {
    font-size: 0.18rem;
    line-height: 0.26rem;
  }
  .card_____list_wrap.type2 .card-list .card-item .info-box {
    position: static;
    padding: 0.24rem 0.19rem 0.23rem 0.2rem;
  }
  .card_____list_wrap.type2 .card-list .card-item .info-box .tag-views-heart .tag {
    padding: 0.05rem 0.16rem;
    font-size: 0.18rem;
    line-height: 0.27rem;
  }
  .card_____list_wrap.type2 .card-list .card-item .info-box .tag-views-heart .views {
    margin-left: 0.16rem;
    margin-right: -0.1rem;
    font-size: 0.18rem;
    line-height: 0.27rem;
  }
  .card_____list_wrap.type2 .card-list .card-item .info-box .tag-views-heart .heart-box {
    top: 0.1rem;
    right: 0.1rem;
    width: 0.4rem;
    height: 0.4rem;
    border-radius: 0.1rem;
  }
  .card_____list_wrap.type2 .card-list .card-item .info-box .tag-views-heart .heart-box img,
  .card_____list_wrap.type2 .card-list .card-item .info-box .tag-views-heart .heart-box svg,
  .card_____list_wrap.type2 .card-list .card-item .info-box .tag-views-heart .heart-box .img {
    width: 0.25rem;
    height: 0.25rem;
  }
  .card_____list_wrap.type2 .card-list .card-item .info-box .card-title {
    font-size: 0.2rem;
    line-height: 0.3rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    padding-right: 0;
  }
}
.card_____list_wrap.pc_type_2 .card-list .card-item .info-box {
  padding: 0.18rem 0.2rem 0.29rem;
}
.card_____list_wrap .card-list {
  margin: -0.24rem -0.125rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}
@media screen and (max-width: 800px) {
  .card_____list_wrap .card-list {
    margin: 0 0 -0.6rem;
  }
}
.card_____list_wrap .card-list .card-item {
  width: calc(25% - 0.25rem);
  margin: 0.24rem 0.125rem;
  border-radius: 0.1rem;
  border: 1px solid #CFD4E0;
  overflow: hidden;
}
@media screen and (max-width: 800px) {
  .card_____list_wrap .card-list .card-item {
    width: 100%;
    margin: 0 0 0.6rem;
    border-radius: 0.16rem;
  }
}
@media screen and (min-width: 800px) {
  .card_____list_wrap .card-list .card-item:hover .img-box .img {
    -webkit-transform: scale(1.05);
        -ms-transform: scale(1.05);
            transform: scale(1.05);
  }
  .card_____list_wrap .card-list .card-item:hover .info-box .card-title {
    color: var(--sk-global-color);
  }
}
.card_____list_wrap .card-list .card-item .img-box {
  height: 1.87rem;
  overflow: hidden;
  position: relative;
}
@media screen and (max-width: 800px) {
  .card_____list_wrap .card-list .card-item .img-box {
    height: 3.86rem;
  }
}
.card_____list_wrap .card-list .card-item .img-box .img {
  width: 100%;
  height: 100%;
}
.card_____list_wrap .card-list .card-item .img-box .tag-wrap {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  height: 0.28rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 0.2rem 0 0.13rem;
}
@media screen and (max-width: 800px) {
  .card_____list_wrap .card-list .card-item .img-box .tag-wrap {
    height: 0.48rem;
    padding: 0 0.33rem 0 0.2rem;
  }
}
.card_____list_wrap .card-list .card-item .img-box .tag-wrap .tag-bg {
  position: absolute;
  z-index: -1;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  object-fit: fill;
}
.card_____list_wrap .card-list .card-item .img-box .tag-wrap .tag-text {
  font-size: 0.12rem;
  color: #fff;
  font-family: var(--sk-font-Medium);
}
@media screen and (max-width: 800px) {
  .card_____list_wrap .card-list .card-item .img-box .tag-wrap .tag-text {
    font-size: 0.2rem;
  }
}
@media screen and (max-width: 800px) {
  .card_____list_wrap .card-list .card-item .img-box .time-views {
    position: absolute;
    bottom: 0;
    left: 0;
    height: 0.5rem;
    width: 100%;
    background: rgba(0, 0, 0, 0.6);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding: 0 0.3rem 0 0.32rem;
  }
  .card_____list_wrap .card-list .card-item .img-box .time-views .views-box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .card_____list_wrap .card-list .card-item .img-box .time-views .views-box .icon {
    width: 0.24rem;
    height: 0.24rem;
  }
  .card_____list_wrap .card-list .card-item .img-box .time-views .views-box .views-text {
    margin-left: 0.08rem;
    font-size: 0.2rem;
    line-height: 0.3rem;
    color: #FFFFFF;
  }
}
.card_____list_wrap .card-list .card-item .img-box .time-views .time-box {
  position: absolute;
  right: 0.09rem;
  bottom: 0.1rem;
  padding: 0.03rem 0.04rem;
  background: rgba(0, 0, 0, 0.5);
  backdrop-filter: blur(30px);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 0.04rem;
}
@media screen and (max-width: 800px) {
  .card_____list_wrap .card-list .card-item .img-box .time-views .time-box {
    position: static;
    right: 0;
    bottom: 0;
    padding: 0;
    backdrop-filter: none;
    background: transparent;
  }
}
.card_____list_wrap .card-list .card-item .img-box .time-views .time-box .icon {
  width: 0.16rem;
  height: 0.16rem;
}
@media screen and (max-width: 800px) {
  .card_____list_wrap .card-list .card-item .img-box .time-views .time-box .icon {
    width: 0.24rem;
    height: 0.24rem;
  }
}
.card_____list_wrap .card-list .card-item .img-box .time-views .time-box .time-text {
  margin-left: 0.04rem;
  font-size: 0.12rem;
  line-height: 0.18rem;
  color: #FFFFFF;
}
@media screen and (max-width: 800px) {
  .card_____list_wrap .card-list .card-item .img-box .time-views .time-box .time-text {
    margin-left: 0.08rem;
    font-size: 0.2rem;
    line-height: 0.3rem;
  }
}
.card_____list_wrap .card-list .card-item .img-box .time-box_type2 {
  position: absolute;
  right: 0.09rem;
  bottom: 0.1rem;
  padding: 0.03rem 0.04rem;
  background: rgba(0, 0, 0, 0.5);
  backdrop-filter: blur(30px);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 0.04rem;
}
@media screen and (max-width: 800px) {
  .card_____list_wrap .card-list .card-item .img-box .time-box_type2 {
    right: 0.2rem;
    bottom: 0.2rem;
    padding: 0.04rem 0.08rem 0.03rem;
    border-radius: 0.08rem;
  }
}
.card_____list_wrap .card-list .card-item .img-box .time-box_type2 .icon {
  width: 0.16rem;
  height: 0.16rem;
}
@media screen and (max-width: 800px) {
  .card_____list_wrap .card-list .card-item .img-box .time-box_type2 .icon {
    width: 0.24rem;
    height: 0.24rem;
  }
}
.card_____list_wrap .card-list .card-item .img-box .time-box_type2 .time-text {
  margin-left: 0.04rem;
  font-size: 0.12rem;
  line-height: 0.18rem;
  color: #FFFFFF;
}
@media screen and (max-width: 800px) {
  .card_____list_wrap .card-list .card-item .img-box .time-box_type2 .time-text {
    font-size: 0.22rem;
    line-height: 0.33rem;
  }
}
.card_____list_wrap .card-list .card-item .info-box {
  padding: 0.16rem 0.2rem 0.18rem;
  position: relative;
}
@media screen and (max-width: 800px) {
  .card_____list_wrap .card-list .card-item .info-box {
    padding: 0.28rem 0.32rem 0.3rem;
  }
}
.card_____list_wrap .card-list .card-item .info-box .tag-views-heart {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  row-gap: 0.1rem;
}
.card_____list_wrap .card-list .card-item .info-box .tag-views-heart .tag {
  padding: 0.04rem 0.1rem;
  background: rgba(48, 127, 226, 0.15);
  border-radius: 0.04rem;
  font-size: 0.14rem;
  line-height: 0.21rem;
  letter-spacing: 1px;
  color: var(--sk-global-color);
}
@media screen and (max-width: 800px) {
  .card_____list_wrap .card-list .card-item .info-box .tag-views-heart .tag {
    padding: 0.1rem 0.16rem;
    border-radius: 0.08rem;
    font-size: 0.22rem;
    line-height: 0.33rem;
  }
}
.card_____list_wrap .card-list .card-item .info-box .tag-views-heart .views {
  margin-left: 0.2rem;
  font-size: 0.14rem;
  line-height: 0.21rem;
  color: rgba(0, 0, 0, 0.6);
}
@media screen and (max-width: 800px) {
  .card_____list_wrap .card-list .card-item .info-box .tag-views-heart .views {
    margin-left: 0.3rem;
    font-size: 0.22rem;
    line-height: 0.33rem;
  }
}
.card_____list_wrap .card-list .card-item .info-box .tag-views-heart .heart-box {
  position: absolute;
  top: 0.17rem;
  right: 0.2rem;
  width: 0.32rem;
  height: 0.32rem;
  background: #F5F5F7;
  border-radius: 0.1rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  cursor: pointer;
  overflow: hidden;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media screen and (max-width: 800px) {
  .card_____list_wrap .card-list .card-item .info-box .tag-views-heart .heart-box {
    width: 0.64rem;
    height: 0.64rem;
    top: 0.27rem;
    right: 0.3rem;
    border-radius: 0.16rem;
  }
}
.card_____list_wrap .card-list .card-item .info-box .tag-views-heart .heart-box:hover .heartStatic_0s {
  color: #307FE2;
}
.card_____list_wrap .card-list .card-item .info-box .tag-views-heart .heart-box.on .img {
  opacity: 0;
}
.card_____list_wrap .card-list .card-item .info-box .tag-views-heart .heart-box.on .img:nth-child(2) {
  opacity: 1;
}
.card_____list_wrap .card-list .card-item .info-box .tag-views-heart .heart-box.on .img path {
  fill: #307FE2;
}
.card_____list_wrap .card-list .card-item .info-box .tag-views-heart .heart-box img,
.card_____list_wrap .card-list .card-item .info-box .tag-views-heart .heart-box svg,
.card_____list_wrap .card-list .card-item .info-box .tag-views-heart .heart-box .img {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 0.2rem;
  height: 0.2rem;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  object-fit: contain;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
@media screen and (max-width: 800px) {
  .card_____list_wrap .card-list .card-item .info-box .tag-views-heart .heart-box img,
  .card_____list_wrap .card-list .card-item .info-box .tag-views-heart .heart-box svg,
  .card_____list_wrap .card-list .card-item .info-box .tag-views-heart .heart-box .img {
    width: 0.32rem;
    height: 0.32rem;
  }
}
.card_____list_wrap .card-list .card-item .info-box .tag-views-heart .heart-box img path,
.card_____list_wrap .card-list .card-item .info-box .tag-views-heart .heart-box svg path,
.card_____list_wrap .card-list .card-item .info-box .tag-views-heart .heart-box .img path {
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
.card_____list_wrap .card-list .card-item .info-box .tag-views-heart .heart-box .img {
  opacity: 1;
}
.card_____list_wrap .card-list .card-item .info-box .tag-views-heart .heart-box .img:nth-child(2) {
  opacity: 0;
}
.card_____list_wrap .card-list .card-item .info-box .tag-views-heart .heart-box .heartStatic_0s {
  color: #000000;
}
.card_____list_wrap .card-list .card-item .info-box .card-title {
  font-size: 0.16rem;
  line-height: 0.24rem;
  font-family: var(--sk-font-Medium);
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  padding-right: 0.43rem;
  min-height: 0.48rem;
}
@media screen and (max-width: 800px) {
  .card_____list_wrap .card-list .card-item .info-box .card-title {
    font-size: 0.3rem;
    line-height: 0.45rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    padding-right: 1rem;
    min-height: 0.9rem;
  }
}
.card_____list_wrap .card-list .card-item .info-box .views {
  margin-top: 0.1rem;
  font-size: 0.14rem;
  line-height: 0.21rem;
  color: rgba(0, 0, 0, 0.6);
}

.pagination_wrapper {
  margin-top: 0.45rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.pagination_wrapper.flex-end {
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
@media screen and (max-width: 800px) {
  .pagination_wrapper.flex-end {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
@media screen and (max-width: 800px) {
  .pagination_wrapper {
    margin-top: 0.8rem;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
.pagination_wrapper .pagination_warp {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 0.04rem 0.08rem;
  background: #FFFFFF;
  border-radius: 0.48rem;
  gap: 0.02rem;
}
@media screen and (max-width: 800px) {
  .pagination_wrapper .pagination_warp {
    padding: 0.07rem 0.14rem;
    border-radius: 0.87rem;
  }
}
.pagination_wrapper .pagination_warp .next,
.pagination_wrapper .pagination_warp .prev {
  width: 0.36rem;
  height: 0.36rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 0.04rem;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
@media screen and (max-width: 800px) {
  .pagination_wrapper .pagination_warp .next,
  .pagination_wrapper .pagination_warp .prev {
    width: 0.72rem;
    height: 0.72rem;
  }
}
.pagination_wrapper .pagination_warp .next.on,
.pagination_wrapper .pagination_warp .prev.on {
  cursor: pointer;
}
@media screen and (min-width: 800px) {
  .pagination_wrapper .pagination_warp .next.on:hover,
  .pagination_wrapper .pagination_warp .prev.on:hover {
    background: var(--sk-global-color);
    color: #fff;
  }
  .pagination_wrapper .pagination_warp .next.on:hover .icon path,
  .pagination_wrapper .pagination_warp .prev.on:hover .icon path {
    fill: #FFf;
  }
}
.pagination_wrapper .pagination_warp .next.on .icon,
.pagination_wrapper .pagination_warp .prev.on .icon {
  opacity: 1;
}
.pagination_wrapper .pagination_warp .next.on .icon path,
.pagination_wrapper .pagination_warp .prev.on .icon path {
  stroke-opacity: 1;
}
.pagination_wrapper .pagination_warp .next .icon,
.pagination_wrapper .pagination_warp .prev .icon {
  height: 0.08rem;
  width: 0.08rem;
  opacity: 0.6;
}
@media screen and (max-width: 800px) {
  .pagination_wrapper .pagination_warp .next .icon,
  .pagination_wrapper .pagination_warp .prev .icon {
    height: 0.16rem;
    width: 0.16rem;
  }
}
.pagination_wrapper .pagination_warp .next .icon path,
.pagination_wrapper .pagination_warp .prev .icon path {
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.pagination_wrapper .pagination_warp .pager {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 0.02rem;
}
.pagination_wrapper .pagination_warp .pager .number {
  cursor: pointer;
  height: 0.36rem;
  min-width: 0.36rem;
  padding: 0 0.06rem;
  border-radius: 0.04rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 0.14rem;
  line-height: 0.24rem;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  font-family: var(--sk-font-Medium);
}
@media screen and (max-width: 800px) {
  .pagination_wrapper .pagination_warp .pager .number {
    min-width: 0.72rem;
    height: 0.72rem;
    font-size: 0.22rem;
    padding: 0 0.14rem;
  }
}
.pagination_wrapper .pagination_warp .pager .number.on {
  background: var(--sk-global-color);
  color: #fff;
}
@media screen and (min-width: 800px) {
  .pagination_wrapper .pagination_warp .pager .number:hover {
    background: var(--sk-global-color);
    color: #fff;
  }
}

.__crumb {
  padding-top: 0.2rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (max-width: 800px) {
  .__crumb {
    padding-top: 0.32rem;
  }
}
.__crumb .ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.__crumb .ul .li {
  font-size: 0.14rem;
  line-height: 0.21rem;
  color: rgba(0, 0, 0, 0.4);
}
@media screen and (max-width: 800px) {
  .__crumb .ul .li {
    font-size: 0.2rem;
    line-height: 0.3rem;
  }
}
.__crumb .ul .li:last-child {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.__crumb .ul .li:last-child a {
  color: rgb(0, 0, 0);
  cursor: default;
}
.__crumb .ul .li a {
  font-size: 0.14rem;
  line-height: 0.21rem;
  color: rgba(0, 0, 0, 0.4);
}
@media screen and (max-width: 800px) {
  .__crumb .ul .li a {
    font-size: 0.2rem;
    line-height: 0.3rem;
  }
}
.__crumb .ul .li a:hover {
  color: rgb(0, 0, 0);
}
.__crumb .ul .li .sep {
  display: inline-block;
  margin: 0 0.04rem;
}

.courses-details-page .con-wrap-section {
  margin-bottom: 1.2rem;
}
.courses-details-page .con-wrap-section .wal {
  margin-top: 0.3rem;
}
@media screen and (max-width: 800px) {
  .courses-details-page .con-wrap-section .wal {
    margin-top: 0.48rem;
  }
}
.courses-details-page .con-wrap-section .wal .flex-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media screen and (max-width: 800px) {
  .courses-details-page .con-wrap-section .wal .flex-wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.courses-details-page .con-wrap-section .wal .flex-wrap .left_wrapper {
  width: 9.26rem;
}
@media screen and (max-width: 800px) {
  .courses-details-page .con-wrap-section .wal .flex-wrap .left_wrapper {
    width: 100%;
  }
}
.courses-details-page .con-wrap-section .wal .flex-wrap .left_wrapper .video_wrapper {
  height: 5.21rem;
  border-radius: 0.1rem;
  overflow: hidden;
  position: relative;
}
@media screen and (max-width: 800px) {
  .courses-details-page .con-wrap-section .wal .flex-wrap .left_wrapper .video_wrapper {
    height: 4.22rem;
    border-radius: 0;
    margin: 0 -0.32rem;
  }
}
.courses-details-page .con-wrap-section .wal .flex-wrap .left_wrapper .video_wrapper video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.courses-details-page .con-wrap-section .wal .flex-wrap .left_wrapper .video_wrapper .poster_0s {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 2;
}
.courses-details-page .con-wrap-section .wal .flex-wrap .left_wrapper .video_wrapper .poster_0s .poster_img {
  width: 100%;
  height: 100%;
}
.courses-details-page .con-wrap-section .wal .flex-wrap .left_wrapper .video_wrapper .poster_0s .play_0s {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  height: 0.6rem;
  width: 0.6rem;
  cursor: pointer;
}
@media screen and (max-width: 800px) {
  .courses-details-page .con-wrap-section .wal .flex-wrap .left_wrapper .video_wrapper .poster_0s .play_0s {
    height: 0.8rem;
    width: 0.8rem;
  }
}
.courses-details-page .con-wrap-section .wal .flex-wrap .left_wrapper .video_wrapper .poster_0s .play_0s .icon {
  height: 100%;
  width: 100%;
}
.courses-details-page .con-wrap-section .wal .flex-wrap .left_wrapper .title-heart {
  margin-top: 0.24rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media screen and (max-width: 800px) {
  .courses-details-page .con-wrap-section .wal .flex-wrap .left_wrapper .title-heart {
    margin-top: 0.48rem;
  }
}
.courses-details-page .con-wrap-section .wal .flex-wrap .left_wrapper .title-heart .h1 {
  font-size: 0.32rem;
  line-height: 0.48rem;
  font-family: var(--sk-font-Medium);
}
@media screen and (max-width: 800px) {
  .courses-details-page .con-wrap-section .wal .flex-wrap .left_wrapper .title-heart .h1 {
    font-size: 0.38rem;
    line-height: 0.57rem;
  }
}
.courses-details-page .con-wrap-section .wal .flex-wrap .left_wrapper .title-heart .heart-box {
  width: 0.48rem;
  height: 0.48rem;
  border-radius: 0.12rem 0.12rem 0.12rem 0.12rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  cursor: pointer;
  overflow: hidden;
  position: relative;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: #F5F5F7;
}
@media screen and (max-width: 800px) {
  .courses-details-page .con-wrap-section .wal .flex-wrap .left_wrapper .title-heart .heart-box {
    display: none;
  }
}
.courses-details-page .con-wrap-section .wal .flex-wrap .left_wrapper .title-heart .heart-box.on {
  background: rgba(48, 127, 226, 0.1);
}
.courses-details-page .con-wrap-section .wal .flex-wrap .left_wrapper .title-heart .heart-box:hover .heartStatic_0s path {
  fill: #307FE2;
}
.courses-details-page .con-wrap-section .wal .flex-wrap .left_wrapper .title-heart .heart-box.on .img {
  opacity: 0;
}
.courses-details-page .con-wrap-section .wal .flex-wrap .left_wrapper .title-heart .heart-box.on .img:nth-child(2) {
  opacity: 1;
}
.courses-details-page .con-wrap-section .wal .flex-wrap .left_wrapper .title-heart .heart-box.on .img path {
  fill: #307FE2;
}
.courses-details-page .con-wrap-section .wal .flex-wrap .left_wrapper .title-heart .heart-box img,
.courses-details-page .con-wrap-section .wal .flex-wrap .left_wrapper .title-heart .heart-box svg,
.courses-details-page .con-wrap-section .wal .flex-wrap .left_wrapper .title-heart .heart-box .img {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 0.26rem;
  height: 0.26rem;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  object-fit: contain;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
.courses-details-page .con-wrap-section .wal .flex-wrap .left_wrapper .title-heart .heart-box img path,
.courses-details-page .con-wrap-section .wal .flex-wrap .left_wrapper .title-heart .heart-box svg path,
.courses-details-page .con-wrap-section .wal .flex-wrap .left_wrapper .title-heart .heart-box .img path {
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
.courses-details-page .con-wrap-section .wal .flex-wrap .left_wrapper .title-heart .heart-box .img {
  opacity: 1;
}
.courses-details-page .con-wrap-section .wal .flex-wrap .left_wrapper .title-heart .heart-box .img:nth-child(2) {
  opacity: 0;
}
.courses-details-page .con-wrap-section .wal .flex-wrap .left_wrapper .title-heart .heart-box .heartStatic_0s path {
  fill: #000000;
}
.courses-details-page .con-wrap-section .wal .flex-wrap .left_wrapper .tag-views {
  margin-top: 0.16rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (max-width: 800px) {
  .courses-details-page .con-wrap-section .wal .flex-wrap .left_wrapper .tag-views {
    margin-top: 0.24rem;
  }
}
.courses-details-page .con-wrap-section .wal .flex-wrap .left_wrapper .tag-views .tag {
  height: 0.28rem;
  padding: 0 0.1rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  background: rgba(48, 127, 226, 0.15);
  border-radius: 0.04rem;
  font-size: 0.14rem;
  line-height: 0.21rem;
  letter-spacing: 1px;
  color: var(--sk-global-color);
}
@media screen and (max-width: 800px) {
  .courses-details-page .con-wrap-section .wal .flex-wrap .left_wrapper .tag-views .tag {
    height: 0.56rem;
    padding: 0 0.16rem;
    border-radius: 0.08rem;
    font-size: 0.22rem;
    line-height: 0.33rem;
  }
}
.courses-details-page .con-wrap-section .wal .flex-wrap .left_wrapper .tag-views .views {
  margin-left: 0.2rem;
  color: rgba(0, 0, 0, 0.6);
  font-size: 0.14rem;
  line-height: 0.21rem;
}
@media screen and (max-width: 800px) {
  .courses-details-page .con-wrap-section .wal .flex-wrap .left_wrapper .tag-views .views {
    margin-left: 0.3rem;
    font-size: 0.22rem;
    line-height: 0.33rem;
  }
}
.courses-details-page .con-wrap-section .wal .flex-wrap .left_wrapper .video_text {
  margin-top: 0.16rem;
  font-size: 0.16rem;
  line-height: 0.24rem;
  color: rgba(0, 0, 0, 0.7);
}
@media screen and (max-width: 800px) {
  .courses-details-page .con-wrap-section .wal .flex-wrap .left_wrapper .video_text {
    margin-top: 0.4rem;
    font-size: 0.24rem;
    line-height: 0.36rem;
  }
}
.courses-details-page .con-wrap-section .wal .flex-wrap .left_wrapper .video_br {
  margin-top: 0.4rem;
  margin-bottom: 0.4rem;
  height: 1px;
  background-color: #CFD4E0;
}
@media screen and (max-width: 800px) {
  .courses-details-page .con-wrap-section .wal .flex-wrap .left_wrapper .video_br {
    display: none;
  }
}
.courses-details-page .con-wrap-section .wal .flex-wrap .left_wrapper .class-list-wrap {
  margin: 0.8rem -0.32rem 0;
  border-bottom: 1px solid #CFD4E0;
  padding: 0 0.32rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.courses-details-page .con-wrap-section .wal .flex-wrap .left_wrapper .class-list-wrap .class-li {
  font-size: 0.28rem;
  line-height: 0.42rem;
  padding-bottom: 0.24rem;
  position: relative;
  font-family: var(--sk-font-Medium);
  color: rgba(0, 0, 0, 0.6);
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.courses-details-page .con-wrap-section .wal .flex-wrap .left_wrapper .class-list-wrap .class-li:not(:last-child) {
  margin-right: 0.77rem;
}
.courses-details-page .con-wrap-section .wal .flex-wrap .left_wrapper .class-list-wrap .class-li.on {
  color: var(--sk-global-color);
}
.courses-details-page .con-wrap-section .wal .flex-wrap .left_wrapper .class-list-wrap .class-li.on::before {
  content: "";
  position: absolute;
  bottom: -0.02rem;
  left: 0;
  width: 100%;
  height: 0.04rem;
  background: var(--sk-global-color);
}
@media screen and (max-width: 800px) {
  .courses-details-page .con-wrap-section .wal .flex-wrap .left_wrapper .sections-wrap {
    margin-top: 0.63rem;
  }
  .courses-details-page .con-wrap-section .wal .flex-wrap .left_wrapper .sections-wrap.on-show {
    display: none;
  }
}
@media screen and (max-width: 800px) {
  .courses-details-page .con-wrap-section .wal .flex-wrap .left_wrapper .sections-wrap .feedback-wrap {
    padding-top: 0.7rem;
    position: relative;
  }
}
.courses-details-page .con-wrap-section .wal .flex-wrap .left_wrapper .sections-wrap .feedback-wrap textarea {
  width: 100%;
  height: 0.8rem;
  padding: 0.1rem 0.2rem;
  font-size: 0.16rem;
  line-height: 0.24rem;
  background: #F5F5F7;
  border-radius: 0.1rem;
  resize: none;
}
@media screen and (max-width: 800px) {
  .courses-details-page .con-wrap-section .wal .flex-wrap .left_wrapper .sections-wrap .feedback-wrap textarea {
    height: 3rem;
    padding: 0.2rem 0.24rem;
    font-size: 0.24rem;
    line-height: 0.36rem;
    border-radius: 0.16rem;
  }
}
.courses-details-page .con-wrap-section .wal .flex-wrap .left_wrapper .sections-wrap .feedback-wrap .rating-comment {
  margin-top: 0.16rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media screen and (max-width: 800px) {
  .courses-details-page .con-wrap-section .wal .flex-wrap .left_wrapper .sections-wrap .feedback-wrap .rating-comment {
    margin-top: 0.24rem;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
}
.courses-details-page .con-wrap-section .wal .flex-wrap .left_wrapper .sections-wrap .feedback-wrap .rating-comment .rating-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (max-width: 800px) {
  .courses-details-page .con-wrap-section .wal .flex-wrap .left_wrapper .sections-wrap .feedback-wrap .rating-comment .rating-wrap {
    position: absolute;
    left: 0;
    top: 0;
  }
}
.courses-details-page .con-wrap-section .wal .flex-wrap .left_wrapper .sections-wrap .feedback-wrap .rating-comment .rating-wrap .rating-label {
  font-size: 0.16rem;
  line-height: 0.24rem;
  color: rgba(0, 0, 0, 0.7);
  font-family: var(--sk-font-Medium);
}
@media screen and (max-width: 800px) {
  .courses-details-page .con-wrap-section .wal .flex-wrap .left_wrapper .sections-wrap .feedback-wrap .rating-comment .rating-wrap .rating-label {
    font-size: 0.26rem;
    line-height: 0.39rem;
  }
}
.courses-details-page .con-wrap-section .wal .flex-wrap .left_wrapper .sections-wrap .feedback-wrap .rating-comment .rating-wrap .slider {
  margin-left: 0.18rem;
}
@media screen and (max-width: 800px) {
  .courses-details-page .con-wrap-section .wal .flex-wrap .left_wrapper .sections-wrap .feedback-wrap .rating-comment .rating-wrap .slider {
    margin-left: 0.33rem;
  }
}
.courses-details-page .con-wrap-section .wal .flex-wrap .left_wrapper .sections-wrap .feedback-wrap .rating-comment .rating-wrap .slider .el-rate {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  outline: none;
}
.courses-details-page .con-wrap-section .wal .flex-wrap .left_wrapper .sections-wrap .feedback-wrap .rating-comment .rating-wrap .slider .el-rate:focus-visible .el-rate__item:first-child .el-rate__icon {
  outline: 2px solid rgba(48, 127, 226, 0.35);
  outline-offset: 2px;
}
.courses-details-page .con-wrap-section .wal .flex-wrap .left_wrapper .sections-wrap .feedback-wrap .rating-comment .rating-wrap .slider .el-rate__item {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  cursor: pointer;
}
.courses-details-page .con-wrap-section .wal .flex-wrap .left_wrapper .sections-wrap .feedback-wrap .rating-comment .rating-wrap .slider .el-rate__item:not(:last-child) {
  margin-right: 0.06rem;
}
@media screen and (max-width: 800px) {
  .courses-details-page .con-wrap-section .wal .flex-wrap .left_wrapper .sections-wrap .feedback-wrap .rating-comment .rating-wrap .slider .el-rate__item:not(:last-child) {
    margin-right: 0.11rem;
  }
}
.courses-details-page .con-wrap-section .wal .flex-wrap .left_wrapper .sections-wrap .feedback-wrap .rating-comment .rating-wrap .slider .el-rate__icon {
  display: block;
  width: 0.21rem;
  height: 0.2rem;
  object-fit: contain;
  -webkit-transition: -webkit-transform 0.2s;
  transition: -webkit-transform 0.2s;
  transition: transform 0.2s;
  transition: transform 0.2s, -webkit-transform 0.2s;
}
@media screen and (max-width: 800px) {
  .courses-details-page .con-wrap-section .wal .flex-wrap .left_wrapper .sections-wrap .feedback-wrap .rating-comment .rating-wrap .slider .el-rate__icon {
    width: 0.38rem;
    height: 0.36rem;
  }
}
.courses-details-page .con-wrap-section .wal .flex-wrap .left_wrapper .sections-wrap .feedback-wrap .rating-comment .rating-wrap .slider .el-rate__icon.el-icon-star-on path {
  fill: #FFBE24;
}
.courses-details-page .con-wrap-section .wal .flex-wrap .left_wrapper .sections-wrap .feedback-wrap .rating-comment .rating-wrap .slider .el-rate__icon.el-icon-star-off path {
  fill: #E2E2E9;
}
.courses-details-page .con-wrap-section .wal .flex-wrap .left_wrapper .sections-wrap .feedback-wrap .rating-comment .rating-wrap .slider .el-rate__item:hover .el-rate__icon {
  -webkit-transform: scale(1.08);
      -ms-transform: scale(1.08);
          transform: scale(1.08);
}
.courses-details-page .con-wrap-section .wal .flex-wrap .left_wrapper .sections-wrap .feedback-wrap .rating-comment .cancel-comment {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.courses-details-page .con-wrap-section .wal .flex-wrap .left_wrapper .sections-wrap .feedback-wrap .rating-comment .cancel-comment .cancel {
  font-size: 0.14rem;
  line-height: 0.21rem;
  color: rgba(0, 0, 0, 0.6);
  margin-right: 0.37rem;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  cursor: pointer;
  font-family: var(--sk-font-Medium);
}
@media screen and (max-width: 800px) {
  .courses-details-page .con-wrap-section .wal .flex-wrap .left_wrapper .sections-wrap .feedback-wrap .rating-comment .cancel-comment .cancel {
    font-size: 0.24rem;
    line-height: 0.36rem;
    margin-right: 0.4rem;
  }
}
.courses-details-page .con-wrap-section .wal .flex-wrap .left_wrapper .sections-wrap .feedback-wrap .rating-comment .cancel-comment .cancel:hover {
  color: var(--sk-global-color);
}
.courses-details-page .con-wrap-section .wal .flex-wrap .left_wrapper .sections-wrap .feedback-wrap .rating-comment .cancel-comment .comment-btn {
  height: 0.4rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 0.11rem;
  font-size: 0.14rem;
  font-family: var(--sk-font-Medium);
  color: #FFFFFF;
  border-radius: 0.04rem;
  background: #ACCCF3;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  cursor: default;
  opacity: 1;
  cursor: pointer;
  background: #307FE2;
}
@media screen and (max-width: 800px) {
  .courses-details-page .con-wrap-section .wal .flex-wrap .left_wrapper .sections-wrap .feedback-wrap .rating-comment .cancel-comment .comment-btn {
    height: 0.8rem;
    padding: 0 0.2rem;
    font-size: 0.24rem;
    border-radius: 0.08rem;
  }
}
.courses-details-page .con-wrap-section .wal .flex-wrap .left_wrapper .sections-wrap .feedback-wrap .rating-comment .cancel-comment .comment-btn:not(.disabled):hover {
  background: #145BB4;
}
.courses-details-page .con-wrap-section .wal .flex-wrap .left_wrapper .sections-wrap .feedback-wrap .rating-comment .cancel-comment .comment-btn.disabled {
  opacity: 0.5;
}
.courses-details-page .con-wrap-section .wal .flex-wrap .left_wrapper .sections-wrap .feedback-wrap .rating-comment .cancel-comment .comment-btn .icon {
  width: 0.2rem;
  height: 0.2rem;
}
@media screen and (max-width: 800px) {
  .courses-details-page .con-wrap-section .wal .flex-wrap .left_wrapper .sections-wrap .feedback-wrap .rating-comment .cancel-comment .comment-btn .icon {
    width: 0.36rem;
    height: 0.36rem;
  }
}
.courses-details-page .con-wrap-section .wal .flex-wrap .left_wrapper .sections-wrap .feedback-wrap .rating-comment .cancel-comment .comment-btn .btn-text {
  margin-left: 0.06rem;
}
@media screen and (max-width: 800px) {
  .courses-details-page .con-wrap-section .wal .flex-wrap .left_wrapper .sections-wrap .feedback-wrap .rating-comment .cancel-comment .comment-btn .btn-text {
    margin-left: 0.09rem;
  }
}
.courses-details-page .con-wrap-section .wal .flex-wrap .left_wrapper .sections-wrap .comments-wrap {
  margin-top: 0.44rem;
}
@media screen and (max-width: 800px) {
  .courses-details-page .con-wrap-section .wal .flex-wrap .left_wrapper .sections-wrap .comments-wrap {
    margin-top: 0.8rem;
  }
}
.courses-details-page .con-wrap-section .wal .flex-wrap .left_wrapper .sections-wrap .comments-wrap .comments-label {
  font-size: 0.2rem;
  line-height: 0.3rem;
  font-family: var(--sk-font-Medium);
}
@media screen and (max-width: 800px) {
  .courses-details-page .con-wrap-section .wal .flex-wrap .left_wrapper .sections-wrap .comments-wrap .comments-label {
    font-size: 0.3rem;
    line-height: 0.45rem;
  }
}
.courses-details-page .con-wrap-section .wal .flex-wrap .left_wrapper .sections-wrap .comments-wrap .comments-list-wrap .comments-list {
  margin-top: -0.04rem;
}
@media screen and (max-width: 800px) {
  .courses-details-page .con-wrap-section .wal .flex-wrap .left_wrapper .sections-wrap .comments-wrap .comments-list-wrap .comments-list {
    margin-top: -0.06rem;
  }
}
.courses-details-page .con-wrap-section .wal .flex-wrap .left_wrapper .sections-wrap .comments-wrap .comments-list-wrap .comments-list .comments-item {
  margin-top: 0.3rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (max-width: 800px) {
  .courses-details-page .con-wrap-section .wal .flex-wrap .left_wrapper .sections-wrap .comments-wrap .comments-list-wrap .comments-list .comments-item {
    margin-top: 0.48rem;
  }
}
.courses-details-page .con-wrap-section .wal .flex-wrap .left_wrapper .sections-wrap .comments-wrap .comments-list-wrap .comments-list .comments-item .avatar-box {
  width: 0.32rem;
  height: 0.32rem;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  margin-right: 0.2rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
}
@media screen and (max-width: 800px) {
  .courses-details-page .con-wrap-section .wal .flex-wrap .left_wrapper .sections-wrap .comments-wrap .comments-list-wrap .comments-list .comments-item .avatar-box {
    width: 0.6rem;
    height: 0.6rem;
    margin-right: 0.24rem;
  }
}
.courses-details-page .con-wrap-section .wal .flex-wrap .left_wrapper .sections-wrap .comments-wrap .comments-list-wrap .comments-list .comments-item .avatar-box .avatar-img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
}
.courses-details-page .con-wrap-section .wal .flex-wrap .left_wrapper .sections-wrap .comments-wrap .comments-list-wrap .comments-list .comments-item .avatar-box .avatar-text {
  width: 100%;
  height: 100%;
  background: #307FE2;
  border-radius: 50%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 0.14rem;
  color: #fff;
  font-family: var(--sk-font-Medium);
}
@media screen and (max-width: 800px) {
  .courses-details-page .con-wrap-section .wal .flex-wrap .left_wrapper .sections-wrap .comments-wrap .comments-list-wrap .comments-list .comments-item .avatar-box .avatar-text {
    font-size: 0.22rem;
  }
}
.courses-details-page .con-wrap-section .wal .flex-wrap .left_wrapper .sections-wrap .comments-wrap .comments-list-wrap .comments-list .comments-item .text-name-time {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.courses-details-page .con-wrap-section .wal .flex-wrap .left_wrapper .sections-wrap .comments-wrap .comments-list-wrap .comments-list .comments-item .text-name-time .name-time {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  padding-top: 0.05rem;
}
@media screen and (max-width: 800px) {
  .courses-details-page .con-wrap-section .wal .flex-wrap .left_wrapper .sections-wrap .comments-wrap .comments-list-wrap .comments-list .comments-item .text-name-time .name-time {
    padding-top: 0.13rem;
  }
}
.courses-details-page .con-wrap-section .wal .flex-wrap .left_wrapper .sections-wrap .comments-wrap .comments-list-wrap .comments-list .comments-item .text-name-time .name-time .name {
  font-size: 0.16rem;
  line-height: 0.24rem;
  font-family: var(--sk-font-Medium);
}
@media screen and (max-width: 800px) {
  .courses-details-page .con-wrap-section .wal .flex-wrap .left_wrapper .sections-wrap .comments-wrap .comments-list-wrap .comments-list .comments-item .text-name-time .name-time .name {
    font-size: 0.24rem;
    line-height: 0.36rem;
  }
}
.courses-details-page .con-wrap-section .wal .flex-wrap .left_wrapper .sections-wrap .comments-wrap .comments-list-wrap .comments-list .comments-item .text-name-time .name-time .time {
  margin-left: 0.13rem;
  font-size: 0.14rem;
  line-height: 0.21rem;
  color: rgba(0, 0, 0, 0.6);
}
@media screen and (max-width: 800px) {
  .courses-details-page .con-wrap-section .wal .flex-wrap .left_wrapper .sections-wrap .comments-wrap .comments-list-wrap .comments-list .comments-item .text-name-time .name-time .time {
    margin-left: 0.2rem;
    font-size: 0.22rem;
    line-height: 0.33rem;
  }
}
.courses-details-page .con-wrap-section .wal .flex-wrap .left_wrapper .sections-wrap .comments-wrap .comments-list-wrap .comments-list .comments-item .text-name-time .slider {
  margin-top: 0.1rem;
}
@media screen and (max-width: 800px) {
  .courses-details-page .con-wrap-section .wal .flex-wrap .left_wrapper .sections-wrap .comments-wrap .comments-list-wrap .comments-list .comments-item .text-name-time .slider {
    margin-top: 0.17rem;
  }
}
.courses-details-page .con-wrap-section .wal .flex-wrap .left_wrapper .sections-wrap .comments-wrap .comments-list-wrap .comments-list .comments-item .text-name-time .slider .rate {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.courses-details-page .con-wrap-section .wal .flex-wrap .left_wrapper .sections-wrap .comments-wrap .comments-list-wrap .comments-list .comments-item .text-name-time .slider .rate .rate__item {
  width: 0.13rem;
  height: 0.12rem;
}
@media screen and (max-width: 800px) {
  .courses-details-page .con-wrap-section .wal .flex-wrap .left_wrapper .sections-wrap .comments-wrap .comments-list-wrap .comments-list .comments-item .text-name-time .slider .rate .rate__item {
    width: 0.25rem;
    height: 0.24rem;
  }
}
.courses-details-page .con-wrap-section .wal .flex-wrap .left_wrapper .sections-wrap .comments-wrap .comments-list-wrap .comments-list .comments-item .text-name-time .slider .rate .rate__item:not(:last-child) {
  margin-right: 0.04rem;
}
@media screen and (max-width: 800px) {
  .courses-details-page .con-wrap-section .wal .flex-wrap .left_wrapper .sections-wrap .comments-wrap .comments-list-wrap .comments-list .comments-item .text-name-time .slider .rate .rate__item:not(:last-child) {
    margin-right: 0.08rem;
  }
}
.courses-details-page .con-wrap-section .wal .flex-wrap .left_wrapper .sections-wrap .comments-wrap .comments-list-wrap .comments-list .comments-item .text-name-time .slider .rate .rate__item.on .icon-star path {
  fill: #FFBE24;
}
.courses-details-page .con-wrap-section .wal .flex-wrap .left_wrapper .sections-wrap .comments-wrap .comments-list-wrap .comments-list .comments-item .text-name-time .slider .rate .rate__item .icon-star {
  width: 100%;
  height: 100%;
}
.courses-details-page .con-wrap-section .wal .flex-wrap .left_wrapper .sections-wrap .comments-wrap .comments-list-wrap .comments-list .comments-item .text-name-time .slider .rate .rate__item .icon-star path {
  fill: #E2E2E9;
}
.courses-details-page .con-wrap-section .wal .flex-wrap .left_wrapper .sections-wrap .comments-wrap .comments-list-wrap .comments-list .comments-item .text-name-time .text-wrap {
  margin-top: 0.1rem;
  font-size: 0.16rem;
  line-height: 0.24rem;
  overflow-wrap: break-word;
  word-break: break-word;
  -webkit-hyphens: auto;
     -moz-hyphens: auto;
      -ms-hyphens: auto;
          hyphens: auto;
}
@media screen and (max-width: 800px) {
  .courses-details-page .con-wrap-section .wal .flex-wrap .left_wrapper .sections-wrap .comments-wrap .comments-list-wrap .comments-list .comments-item .text-name-time .text-wrap {
    margin-top: 0.24rem;
    font-size: 0.24rem;
    line-height: 0.36rem;
  }
}
.courses-details-page .con-wrap-section .wal .flex-wrap .left_wrapper .sections-wrap .comments-wrap .pagination_wrapper {
  margin-top: 0.4rem;
}
@media screen and (max-width: 800px) {
  .courses-details-page .con-wrap-section .wal .flex-wrap .left_wrapper .sections-wrap .comments-wrap .pagination_wrapper {
    margin-top: 0.6rem;
  }
}
.courses-details-page .con-wrap-section .wal .flex-wrap .right_wrapper {
  width: 4.2rem;
}
@media screen and (max-width: 800px) {
  .courses-details-page .con-wrap-section .wal .flex-wrap .right_wrapper {
    margin-top: 0.6rem;
    width: 100%;
  }
  .courses-details-page .con-wrap-section .wal .flex-wrap .right_wrapper.on-show {
    display: none;
  }
}
.courses-details-page .con-wrap-section .wal .flex-wrap .right_wrapper .curriculum-wrap .curriculum-head {
  border-radius: 0.1rem 0.1rem 0 0;
  padding: 0.15rem 0.2rem;
  border: 1px solid #CFD4E0;
  background: #F5F5F7;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media screen and (max-width: 800px) {
  .courses-details-page .con-wrap-section .wal .flex-wrap .right_wrapper .curriculum-wrap .curriculum-head {
    border-radius: 0.16rem 0.16rem 0 0;
    padding: 0.24rem 0.32rem;
  }
}
.courses-details-page .con-wrap-section .wal .flex-wrap .right_wrapper .curriculum-wrap .curriculum-head .head-title-lessons {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.courses-details-page .con-wrap-section .wal .flex-wrap .right_wrapper .curriculum-wrap .curriculum-head .head-title-lessons .title {
  font-size: 0.2rem;
  line-height: 0.3rem;
  font-family: var(--sk-font-Medium);
}
@media screen and (max-width: 800px) {
  .courses-details-page .con-wrap-section .wal .flex-wrap .right_wrapper .curriculum-wrap .curriculum-head .head-title-lessons .title {
    font-size: 0.26rem;
    line-height: 0.39rem;
  }
}
.courses-details-page .con-wrap-section .wal .flex-wrap .right_wrapper .curriculum-wrap .curriculum-head .head-title-lessons .lessons {
  margin-left: 0.12rem;
  font-size: 0.16rem;
  line-height: 0.24rem;
  color: var(--sk-global-color);
}
@media screen and (max-width: 800px) {
  .courses-details-page .con-wrap-section .wal .flex-wrap .right_wrapper .curriculum-wrap .curriculum-head .head-title-lessons .lessons {
    margin-left: 0.19rem;
    font-size: 0.22rem;
    line-height: 0.33rem;
  }
}
.courses-details-page .con-wrap-section .wal .flex-wrap .right_wrapper .curriculum-wrap .curriculum-head .time {
  font-size: 0.16rem;
  line-height: 0.24rem;
  color: rgba(0, 0, 0, 0.6);
}
@media screen and (max-width: 800px) {
  .courses-details-page .con-wrap-section .wal .flex-wrap .right_wrapper .curriculum-wrap .curriculum-head .time {
    font-size: 0.22rem;
    line-height: 0.33rem;
  }
}
.courses-details-page .con-wrap-section .wal .flex-wrap .right_wrapper .curriculum-wrap .curriculum-body {
  padding: 0.1rem;
  border: 1px solid #CFD4E0;
  border-top: none;
  border-radius: 0 0 0.1rem 0.1rem;
}
@media screen and (max-width: 800px) {
  .courses-details-page .con-wrap-section .wal .flex-wrap .right_wrapper .curriculum-wrap .curriculum-body {
    padding: 0;
  }
}
.courses-details-page .con-wrap-section .wal .flex-wrap .right_wrapper .curriculum-wrap .curriculum-body .cell-item {
  padding: 0.11rem 0.15rem;
  border-radius: 0.04rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  cursor: pointer;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
@media screen and (max-width: 800px) {
  .courses-details-page .con-wrap-section .wal .flex-wrap .right_wrapper .curriculum-wrap .curriculum-body .cell-item {
    padding: 0.2rem 0.24rem;
  }
}
@media screen and (min-width: 800px) {
  .courses-details-page .con-wrap-section .wal .flex-wrap .right_wrapper .curriculum-wrap .curriculum-body .cell-item:hover {
    background: rgba(48, 127, 226, 0.1);
  }
}
.courses-details-page .con-wrap-section .wal .flex-wrap .right_wrapper .curriculum-wrap .curriculum-body .cell-item.on {
  background: rgba(48, 127, 226, 0.1);
}
.courses-details-page .con-wrap-section .wal .flex-wrap .right_wrapper .curriculum-wrap .curriculum-body .cell-item.on .icon path {
  fill: var(--sk-global-color);
  fill-opacity: 1;
}
.courses-details-page .con-wrap-section .wal .flex-wrap .right_wrapper .curriculum-wrap .curriculum-body .cell-item.on .item-con .item-title {
  color: var(--sk-global-color);
}
.courses-details-page .con-wrap-section .wal .flex-wrap .right_wrapper .curriculum-wrap .curriculum-body .cell-item:not(:last-child) {
  margin-bottom: 0.02rem;
}
.courses-details-page .con-wrap-section .wal .flex-wrap .right_wrapper .curriculum-wrap .curriculum-body .cell-item .icon {
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  width: 0.22rem;
  height: 0.22rem;
  margin-right: 0.14rem;
}
@media screen and (max-width: 800px) {
  .courses-details-page .con-wrap-section .wal .flex-wrap .right_wrapper .curriculum-wrap .curriculum-body .cell-item .icon {
    width: 0.36rem;
    height: 0.36rem;
    margin-top: 0.02rem;
    margin-right: 0.2rem;
  }
}
.courses-details-page .con-wrap-section .wal .flex-wrap .right_wrapper .curriculum-wrap .curriculum-body .cell-item .item-con .item-title {
  color: rgba(0, 0, 0, 0.7);
  font-size: 0.16rem;
  line-height: 0.24rem;
}
@media screen and (max-width: 800px) {
  .courses-details-page .con-wrap-section .wal .flex-wrap .right_wrapper .curriculum-wrap .curriculum-body .cell-item .item-con .item-title {
    font-size: 0.24rem;
    line-height: 0.3508rem;
  }
}
.courses-details-page .con-wrap-section .wal .flex-wrap .right_wrapper .curriculum-wrap .curriculum-body .cell-item .item-con .item-infor {
  margin-top: 0.03rem;
  font-size: 0.14rem;
  line-height: 0.21rem;
  color: rgba(0, 0, 0, 0.6);
}
@media screen and (max-width: 800px) {
  .courses-details-page .con-wrap-section .wal .flex-wrap .right_wrapper .curriculum-wrap .curriculum-body .cell-item .item-con .item-infor {
    margin-top: 0.05rem;
    font-size: 0.22rem;
    line-height: 0.33rem;
  }
}
.courses-details-page .product-manual__wrapper {
  position: fixed;
  z-index: 200;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.5);
  padding: 0.6rem 1rem 0;
  height: 100vh;
  width: 100%;
  overflow-y: auto;
  overflow-x: hidden;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  opacity: 0;
  visibility: hidden;
}
@media screen and (max-width: 800px) {
  .courses-details-page .product-manual__wrapper {
    padding: 1rem 0;
  }
}
.courses-details-page .product-manual__wrapper.show {
  opacity: 1;
  visibility: visible;
}
.courses-details-page .product-manual__wrapper .product-manual-wrap {
  background: #FFFFFF;
  border-radius: 0.1rem;
  width: 100%;
}
@media screen and (max-width: 800px) {
  .courses-details-page .product-manual__wrapper .product-manual-wrap {
    border-radius: 0.24rem;
  }
}
.courses-details-page .product-manual__wrapper .product-manual-wrap .head-box {
  height: 0.6rem;
  padding: 0 0.2rem 0 0.3rem;
  border-bottom: 1px solid #CFD4E0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media screen and (max-width: 800px) {
  .courses-details-page .product-manual__wrapper .product-manual-wrap .head-box {
    height: 1.04rem;
    padding: 0 0.32rem;
  }
}
.courses-details-page .product-manual__wrapper .product-manual-wrap .head-box .head-title {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.courses-details-page .product-manual__wrapper .product-manual-wrap .head-box .head-title .icon {
  width: 0.32rem;
  height: 0.32rem;
}
@media screen and (max-width: 800px) {
  .courses-details-page .product-manual__wrapper .product-manual-wrap .head-box .head-title .icon {
    width: 0.48rem;
    height: 0.48rem;
  }
}
.courses-details-page .product-manual__wrapper .product-manual-wrap .head-box .head-title .title {
  margin-left: 0.16rem;
  font-size: 0.2rem;
  line-height: 0.3rem;
  font-family: var(--sk-font-Medium);
}
@media screen and (max-width: 800px) {
  .courses-details-page .product-manual__wrapper .product-manual-wrap .head-box .head-title .title {
    font-size: 0.3rem;
    line-height: 0.45rem;
  }
}
.courses-details-page .product-manual__wrapper .product-manual-wrap .head-box .close-btn {
  width: 0.4rem;
  height: 0.4rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: #F5F5F7;
  border-radius: 0.04rem;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  cursor: pointer;
}
@media screen and (max-width: 800px) {
  .courses-details-page .product-manual__wrapper .product-manual-wrap .head-box .close-btn {
    width: 0.64rem;
    height: 0.64rem;
    border-radius: 0.08rem;
  }
}
.courses-details-page .product-manual__wrapper .product-manual-wrap .head-box .close-btn:hover {
  background: #E2E2E9;
}
.courses-details-page .product-manual__wrapper .product-manual-wrap .head-box .close-btn .icon {
  width: 0.11rem;
  height: 0.11rem;
}
@media screen and (max-width: 800px) {
  .courses-details-page .product-manual__wrapper .product-manual-wrap .head-box .close-btn .icon {
    width: 0.18rem;
    height: 0.18rem;
  }
}
.courses-details-page .product-manual__wrapper .product-manual-wrap .body-box {
  height: calc(100vh - 1.5rem);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  background: #fff;
  border-radius: 0 0 0.1rem 0.1rem;
}
@media screen and (max-width: 800px) {
  .courses-details-page .product-manual__wrapper .product-manual-wrap .body-box {
    height: calc(100vh - 2.8rem);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.courses-details-page .product-manual__wrapper .product-manual-wrap .body-box .pdf_chapter_sidebar {
  width: 2.8rem;
  height: 100%;
  overflow: auto;
  border-right: 1px solid #CFD4E0;
}
.courses-details-page .product-manual__wrapper .product-manual-wrap .body-box .pdf_chapter_sidebar .pdf_chapter_title {
  padding: 0.2rem;
  color: rgba(0, 0, 0, 0.4);
  font-size: 0.14rem;
  line-height: 0.21rem;
  letter-spacing: 1px;
  height: 0.6rem;
}
.courses-details-page .product-manual__wrapper .product-manual-wrap .body-box .pdf_chapter_sidebar .pdf_chapter_list {
  height: calc(100% - 0.6rem);
  overflow-y: auto;
}
.courses-details-page .product-manual__wrapper .product-manual-wrap .body-box .pdf_chapter_sidebar .pdf_chapter_list::-webkit-scrollbar {
  width: 0.04rem;
}
.courses-details-page .product-manual__wrapper .product-manual-wrap .body-box .pdf_chapter_sidebar .pdf_chapter_list::-webkit-scrollbar-thumb {
  border-radius: 0.04rem;
  background: rgba(0, 0, 0, 0.22);
}
.courses-details-page .product-manual__wrapper .product-manual-wrap .body-box .pdf_chapter_sidebar .pdf_chapter_list::-webkit-scrollbar-track {
  background: transparent;
}
.courses-details-page .product-manual__wrapper .product-manual-wrap .body-box .pdf_chapter_sidebar .pdf_chapter_item {
  width: 100%;
  min-height: 0.4rem;
  padding: 0.1rem 0.2rem;
  border: none;
  font-size: 0.14rem;
  line-height: 0.21rem;
  color: rgba(0, 0, 0, 0.7);
  cursor: pointer;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  word-break: break-word;
  position: relative;
}
.courses-details-page .product-manual__wrapper .product-manual-wrap .body-box .pdf_chapter_sidebar .pdf_chapter_item:hover, .courses-details-page .product-manual__wrapper .product-manual-wrap .body-box .pdf_chapter_sidebar .pdf_chapter_item.on {
  background: rgba(48, 127, 226, 0.1);
  color: #307FE2;
}
.courses-details-page .product-manual__wrapper .product-manual-wrap .body-box .pdf_chapter_sidebar .pdf_chapter_item.on::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 0.03rem;
  height: 100%;
  background: var(--sk-global-color);
}
.courses-details-page .product-manual__wrapper .product-manual-wrap .body-box .pdf_chapter_sidebar .pdf_chapter_item.level-1 {
  padding-left: 0.22rem;
}
.courses-details-page .product-manual__wrapper .product-manual-wrap .body-box .pdf_chapter_sidebar .pdf_chapter_item.level-2 {
  padding-left: 0.32rem;
}
.courses-details-page .product-manual__wrapper .product-manual-wrap .body-box .select-wrap {
  padding: 0.3rem 0.32rem;
}
.courses-details-page .product-manual__wrapper .product-manual-wrap .body-box .pdf-viewer {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  width: auto;
  min-width: 0;
  height: 100%;
  overflow-y: auto;
  border: none;
  padding: 0.3rem 0.3rem 0;
}
@media screen and (max-width: 800px) {
  .courses-details-page .product-manual__wrapper .product-manual-wrap .body-box .pdf-viewer {
    padding: 0.2rem 0.3rem 0;
  }
}
.courses-details-page .product-manual__wrapper .product-manual-wrap .body-box .pdf-viewer::-webkit-scrollbar {
  width: 0.06rem;
}
.courses-details-page .product-manual__wrapper .product-manual-wrap .body-box .pdf-viewer::-webkit-scrollbar-thumb {
  border-radius: 0.06rem;
  background: rgba(0, 0, 0, 0.25);
}
.courses-details-page .product-manual__wrapper .product-manual-wrap .body-box .pdf-viewer::-webkit-scrollbar-track {
  background: transparent;
}
.courses-details-page .product-manual__wrapper .product-manual-wrap .body-box #pdf-container {
  width: 100%;
}
.courses-details-page .product-manual__wrapper .product-manual-wrap .body-box .pdf-page-canvas {
  display: block;
  width: 100%;
  height: auto;
  margin: 0 auto 0.1rem auto;
  background: #FFFFFF;
  box-shadow: 0 0.08rem 0.24rem rgba(0, 0, 0, 0.08);
}
.courses-details-page .product-manual__wrapper .product-manual-wrap .body-box .pdf-loading,
.courses-details-page .product-manual__wrapper .product-manual-wrap .body-box .pdf-error {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  min-height: 2rem;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 0.16rem;
  line-height: 0.24rem;
  color: rgba(0, 0, 0, 0.6);
}
.courses-details-page .continue-learning-section {
  margin-top: 1.2rem;
  margin-bottom: 1.2rem;
}
@media screen and (max-width: 800px) {
  .courses-details-page .continue-learning-section {
    overflow: hidden;
  }
}
.courses-details-page .continue-learning-section .wal .h2 {
  font-size: 0.4rem;
  line-height: 0.6rem;
  font-family: var(--sk-font-Medium);
  text-align: center;
}
@media screen and (max-width: 800px) {
  .courses-details-page .continue-learning-section .wal .h2 {
    font-size: 0.46rem;
    line-height: 0.69rem;
  }
}
.courses-details-page .continue-learning-section .wal .card_wrap {
  margin-top: 0.4rem;
  font-family: var(--sk-font-Medium);
}
@media screen and (max-width: 800px) {
  .courses-details-page .continue-learning-section .wal .card_wrap {
    margin-top: 0.79rem;
  }
  .courses-details-page .continue-learning-section .wal .card_wrap .card_____list_wrap .card-list {
    -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
  }
  .courses-details-page .continue-learning-section .wal .card_wrap .card_____list_wrap .card-list .card-item {
    border: none;
    width: 4.8rem;
  }
  .courses-details-page .continue-learning-section .wal .card_wrap .card_____list_wrap .card-list .card-item .img-box {
    border-radius: 0.16rem;
    height: 2.71rem;
  }
  .courses-details-page .continue-learning-section .wal .card_wrap .card_____list_wrap .card-list .card-item .img-box .time-box {
    display: none;
  }
  .courses-details-page .continue-learning-section .wal .card_wrap .card_____list_wrap .card-list .card-item .info-box {
    padding: 0.24rem 0 0;
  }
  .courses-details-page .continue-learning-section .wal .card_wrap .card_____list_wrap .card-list .card-item .info-box .card-title {
    margin-top: 0.24rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
  }
  .courses-details-page .continue-learning-section .wal .card_wrap .card_____list_wrap .pagination {
    margin-top: 0.48rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .courses-details-page .continue-learning-section .wal .card_wrap .card_____list_wrap .pagination .swiper-pagination-bullet {
    width: 0.16rem;
    height: 0.16rem;
    border-radius: 50%;
    background: #E2E2E9;
  }
  .courses-details-page .continue-learning-section .wal .card_wrap .card_____list_wrap .pagination .swiper-pagination-bullet:not(:last-child) {
    margin-right: 0.16rem;
  }
  .courses-details-page .continue-learning-section .wal .card_wrap .card_____list_wrap .pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: var(--sk-global-color);
  }
}

.certificate-item-section {
  margin-top: 0.6rem;
  margin-bottom: 1.4rem;
}
@media screen and (max-width: 800px) {
  .certificate-item-section {
    margin-top: 1.1rem;
    margin-bottom: 2rem;
    overflow: hidden;
  }
}
.certificate-item-section:last-child {
  margin-bottom: 1.2rem;
}
.certificate-item-section .wal .h2 {
  font-size: 0.48rem;
  line-height: 0.72rem;
  font-family: var(--sk-font-SemiBold);
}
@media screen and (max-width: 800px) {
  .certificate-item-section .wal .h2 {
    text-align: center;
    font-size: 0.54rem;
    line-height: 0.81rem;
  }
}
.certificate-item-section .wal .tabs-wrap-type1 {
  margin-top: 0.48rem;
  border-bottom: 1px solid #CFD4E0;
}
@media screen and (max-width: 800px) {
  .certificate-item-section .wal .tabs-wrap-type1 {
    margin: 0.6rem -0.32rem 0;
    padding: 0 0.32rem;
    overflow-x: auto;
    overflow-y: hidden;
    scrollbar-width: none;
    -ms-overflow-style: none;
  }
  .certificate-item-section .wal .tabs-wrap-type1::-webkit-scrollbar {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
    -webkit-appearance: none !important;
            appearance: none !important;
  }
}
.certificate-item-section .wal .tabs-wrap-type1 .tab-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: -1px;
}
@media screen and (max-width: 800px) {
  .certificate-item-section .wal .tabs-wrap-type1 .tab-list {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
  }
}
.certificate-item-section .wal .tabs-wrap-type1 .tab-list .tab {
  margin-right: 0.48rem;
  font-size: 0.18rem;
  line-height: 0.27rem;
  font-family: var(--sk-font-Medium);
  padding-bottom: 0.13rem;
  color: rgba(0, 0, 0, 0.6);
  cursor: pointer;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  border-bottom: 2px solid transparent;
}
@media screen and (max-width: 800px) {
  .certificate-item-section .wal .tabs-wrap-type1 .tab-list .tab {
    margin-right: 0;
    font-size: 0.26rem;
    line-height: 0.39rem;
    padding-bottom: 0.14rem;
  }
  .certificate-item-section .wal .tabs-wrap-type1 .tab-list .tab:not(:last-child) {
    margin-right: 0.7rem;
  }
}
.certificate-item-section .wal .tabs-wrap-type1 .tab-list .tab:hover {
  color: var(--sk-global-color);
}
.certificate-item-section .wal .tabs-wrap-type1 .tab-list .tab.on {
  color: var(--sk-global-color);
  border-color: var(--sk-global-color);
}
.certificate-item-section .wal .tabs-wrap {
  margin-top: 0.48rem;
}
@media screen and (max-width: 800px) {
  .certificate-item-section .wal .tabs-wrap {
    margin: 0.48rem -0.32rem 0;
    padding: 0 0.32rem;
    overflow-x: auto;
    overflow-y: hidden;
    scrollbar-width: none;
    -ms-overflow-style: none;
  }
  .certificate-item-section .wal .tabs-wrap::-webkit-scrollbar {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
    -webkit-appearance: none !important;
            appearance: none !important;
  }
}
.certificate-item-section .wal .tabs-wrap .tab-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (max-width: 800px) {
  .certificate-item-section .wal .tabs-wrap .tab-list {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
  }
}
.certificate-item-section .wal .tabs-wrap .tab-list .tab {
  height: 0.48rem;
  padding: 0 0.16rem;
  background: #F5F5F7;
  border-radius: 0.24rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: rgba(0, 0, 0, 0.6);
  font-size: 0.16rem;
  line-height: 0.24rem;
  margin-right: 0.16rem;
  cursor: pointer;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
@media screen and (max-width: 800px) {
  .certificate-item-section .wal .tabs-wrap .tab-list .tab {
    height: 0.8rem;
    padding: 0 0.37rem;
    margin-right: 0.2rem;
    font-size: 0.24rem;
    line-height: 0.36rem;
    border-radius: 0.4rem;
  }
  .certificate-item-section .wal .tabs-wrap .tab-list .tab:last-child {
    margin-right: 0;
  }
}
.certificate-item-section .wal .tabs-wrap .tab-list .tab:hover {
  background: #E2E2E9;
}
.certificate-item-section .wal .tabs-wrap .tab-list .tab.on {
  color: #FFFFFF;
  background: var(--sk-global-color);
}
.certificate-item-section .wal .card-wrap {
  margin-top: 0.4rem;
  border-radius: 0.1rem;
  overflow: hidden;
  border: 1px solid #CFD4E0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (max-width: 800px) {
  .certificate-item-section .wal .card-wrap {
    margin-top: 0.6rem;
    border-radius: 0.16rem;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.certificate-item-section .wal .card-wrap .left-certificate-img {
  width: 5.7rem;
  position: relative;
  min-height: 6.4rem;
}
@media screen and (max-width: 800px) {
  .certificate-item-section .wal .card-wrap .left-certificate-img {
    width: 100%;
    height: 6.86rem;
  }
}
.certificate-item-section .wal .card-wrap .left-certificate-img .bg-img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.certificate-item-section .wal .card-wrap .left-certificate-img .certificate-img {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 4rem;
  height: 4.7rem;
  object-fit: contain;
}
@media screen and (max-width: 800px) {
  .certificate-item-section .wal .card-wrap .left-certificate-img .certificate-img {
    width: 3.54rem;
    height: 5rem;
  }
}
.certificate-item-section .wal .card-wrap .left-box {
  padding: 0.4rem 0.6rem;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
@media screen and (max-width: 800px) {
  .certificate-item-section .wal .card-wrap .left-box {
    padding: 0.48rem 0.32rem 0.72rem;
  }
}
.certificate-item-section .wal .card-wrap .left-box .card-tabs-wrap {
  border-bottom: 1px solid #CFD4E0;
}
.certificate-item-section .wal .card-wrap .left-box .card-tabs-wrap .tab-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.certificate-item-section .wal .card-wrap .left-box .card-tabs-wrap .tab-list .tab {
  font-size: 0.16rem;
  line-height: 0.24rem;
  padding-bottom: 0.13rem;
  border-bottom: 2px solid transparent;
  margin-bottom: -1.5px;
  margin-right: 0.42rem;
  font-family: var(--sk-font-Medium);
  -webkit-transition: 0.3s;
  transition: 0.3s;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  cursor: pointer;
}
@media screen and (max-width: 800px) {
  .certificate-item-section .wal .card-wrap .left-box .card-tabs-wrap .tab-list .tab {
    font-size: 0.26rem;
    line-height: 0.39rem;
    padding-bottom: 0.24rem;
    margin-right: 0.76rem;
  }
}
.certificate-item-section .wal .card-wrap .left-box .card-tabs-wrap .tab-list .tab:hover {
  color: var(--sk-global-color);
}
.certificate-item-section .wal .card-wrap .left-box .card-tabs-wrap .tab-list .tab.on {
  color: var(--sk-global-color);
  border-color: var(--sk-global-color);
}
.certificate-item-section .wal .card-wrap .left-box .tags {
  margin-top: 0.3rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  margin-right: -0.1rem;
}
@media screen and (max-width: 800px) {
  .certificate-item-section .wal .card-wrap .left-box .tags {
    margin-top: 0.4rem;
    margin-right: -0.16rem;
    margin-bottom: -0.16rem;
  }
}
.certificate-item-section .wal .card-wrap .left-box .tags .tag {
  height: 0.28rem;
  border-radius: 0.04rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0 0.1rem;
  font-size: 0.14rem;
  line-height: 0.21rem;
  letter-spacing: 1px;
  background: rgba(48, 127, 226, 0.15);
  color: var(--sk-global-color);
  margin-right: 0.1rem;
}
@media screen and (max-width: 800px) {
  .certificate-item-section .wal .card-wrap .left-box .tags .tag {
    height: 0.56rem;
    border-radius: 0.08rem;
    padding: 0 0.16rem;
    font-size: 0.22rem;
    line-height: 0.33rem;
    margin-right: 0.16rem;
    margin-bottom: 0.16rem;
  }
}
.certificate-item-section .wal .card-wrap .left-box .card-title {
  margin-top: 0.2rem;
  font-size: 0.32rem;
  line-height: 0.48rem;
  font-family: var(--sk-font-Medium);
}
@media screen and (max-width: 800px) {
  .certificate-item-section .wal .card-wrap .left-box .card-title {
    margin-top: 0.4rem;
    font-size: 0.34rem;
    line-height: 0.51rem;
  }
}
.certificate-item-section .wal .card-wrap .left-box .infor-card {
  margin-top: 0.21rem;
  background: #F5F5F7;
  border-radius: 0.1rem;
  padding: 0.2rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  position: relative;
}
@media screen and (max-width: 800px) {
  .certificate-item-section .wal .card-wrap .left-box .infor-card {
    margin-top: 0.4rem;
    border-radius: 0.16rem;
    padding: 0.25rem 0.24rem 0.28rem 0.24rem;
  }
}
.certificate-item-section .wal .card-wrap .left-box .infor-card::before {
  content: "";
  position: absolute;
  width: 1px;
  top: 0.2rem;
  left: 50%;
  height: calc(100% - 0.4rem);
  background-color: #CFD4E0;
}
@media screen and (max-width: 800px) {
  .certificate-item-section .wal .card-wrap .left-box .infor-card::before {
    display: none;
  }
}
.certificate-item-section .wal .card-wrap .left-box .infor-card .obj-item {
  width: calc(50% - 0.2rem);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-bottom: 0.11rem;
}
@media screen and (max-width: 800px) {
  .certificate-item-section .wal .card-wrap .left-box .infor-card .obj-item {
    width: 100%;
    padding-bottom: 0.2rem;
  }
  .certificate-item-section .wal .card-wrap .left-box .infor-card .obj-item:last-child {
    padding-bottom: 0;
  }
}
@media screen and (min-width: 800px) {
  .certificate-item-section .wal .card-wrap .left-box .infor-card .obj-item:nth-last-child(1), .certificate-item-section .wal .card-wrap .left-box .infor-card .obj-item:nth-last-child(2) {
    padding-bottom: 0;
  }
}
.certificate-item-section .wal .card-wrap .left-box .infor-card .obj-item .item-label {
  width: 1.55rem;
  color: rgba(0, 0, 0, 0.4);
  font-size: 0.16rem;
  line-height: 0.24rem;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
}
@media screen and (max-width: 800px) {
  .certificate-item-section .wal .card-wrap .left-box .infor-card .obj-item .item-label {
    width: 50%;
    font-size: 0.24rem;
    line-height: 0.36rem;
  }
}
.certificate-item-section .wal .card-wrap .left-box .infor-card .obj-item .item-value {
  font-size: 0.16rem;
  line-height: 0.24rem;
  font-family: var(--sk-font-Medium);
}
@media screen and (max-width: 800px) {
  .certificate-item-section .wal .card-wrap .left-box .infor-card .obj-item .item-value {
    width: 50%;
    text-align: right;
    font-size: 0.24rem;
    line-height: 0.36rem;
    font-family: var(--sk-font-Regular);
  }
}
.certificate-item-section .wal .card-wrap .left-box .card-text {
  margin-top: 0.43rem;
  color: rgba(0, 0, 0, 0.7);
  font-size: 0.16rem;
  line-height: 0.24rem;
}
@media screen and (max-width: 800px) {
  .certificate-item-section .wal .card-wrap .left-box .card-text {
    margin-top: 0.6rem;
    font-size: 0.24rem;
    line-height: 0.36rem;
  }
}
.certificate-item-section .wal .card-wrap .left-box .btn-heart {
  margin-top: 0.26rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (max-width: 800px) {
  .certificate-item-section .wal .card-wrap .left-box .btn-heart {
    margin-top: 0.48rem;
  }
}
.certificate-item-section .wal .card-wrap .left-box .btn-heart .btn_box {
  margin-right: 0.2rem;
}
@media screen and (max-width: 800px) {
  .certificate-item-section .wal .card-wrap .left-box .btn-heart .btn_box {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
    margin-right: 0.24rem;
  }
}
.certificate-item-section .wal .card-wrap .left-box .btn-heart .btn_box .default____btn {
  min-width: 2.1rem;
}
@media screen and (max-width: 800px) {
  .certificate-item-section .wal .card-wrap .left-box .btn-heart .btn_box .default____btn {
    width: 100%;
  }
}
.certificate-item-section .wal .card-wrap .left-box .btn-heart .heart-box {
  width: 0.48rem;
  height: 0.48rem;
  border-radius: 0.12rem 0.12rem 0.12rem 0.12rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  cursor: pointer;
  overflow: hidden;
  position: relative;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: #F5F5F7;
}
@media screen and (max-width: 800px) {
  .certificate-item-section .wal .card-wrap .left-box .btn-heart .heart-box {
    width: 0.64rem;
    height: 0.64rem;
    border-radius: 0.16rem 0.16rem 0.16rem 0.16rem;
  }
}
.certificate-item-section .wal .card-wrap .left-box .btn-heart .heart-box.on {
  background: rgba(48, 127, 226, 0.1);
}
.certificate-item-section .wal .card-wrap .left-box .btn-heart .heart-box:hover .heartStatic_0s path {
  fill: #307FE2;
}
.certificate-item-section .wal .card-wrap .left-box .btn-heart .heart-box.on .img {
  opacity: 0;
}
.certificate-item-section .wal .card-wrap .left-box .btn-heart .heart-box.on .img:nth-child(2) {
  opacity: 1;
}
.certificate-item-section .wal .card-wrap .left-box .btn-heart .heart-box.on .img path {
  fill: #307FE2;
}
.certificate-item-section .wal .card-wrap .left-box .btn-heart .heart-box img,
.certificate-item-section .wal .card-wrap .left-box .btn-heart .heart-box svg,
.certificate-item-section .wal .card-wrap .left-box .btn-heart .heart-box .img {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 0.26rem;
  height: 0.26rem;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  object-fit: contain;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
@media screen and (max-width: 800px) {
  .certificate-item-section .wal .card-wrap .left-box .btn-heart .heart-box img,
  .certificate-item-section .wal .card-wrap .left-box .btn-heart .heart-box svg,
  .certificate-item-section .wal .card-wrap .left-box .btn-heart .heart-box .img {
    width: 0.4rem;
    height: 0.4rem;
  }
}
.certificate-item-section .wal .card-wrap .left-box .btn-heart .heart-box img path,
.certificate-item-section .wal .card-wrap .left-box .btn-heart .heart-box svg path,
.certificate-item-section .wal .card-wrap .left-box .btn-heart .heart-box .img path {
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
.certificate-item-section .wal .card-wrap .left-box .btn-heart .heart-box .img {
  opacity: 1;
}
.certificate-item-section .wal .card-wrap .left-box .btn-heart .heart-box .img:nth-child(2) {
  opacity: 0;
}
.certificate-item-section .wal .card-wrap .left-box .btn-heart .heart-box .heartStatic_0s path {
  fill: #000000;
}
.certificate-item-section .wal .recommended-courses-wrap {
  margin-top: 0.8rem;
}
@media screen and (max-width: 800px) {
  .certificate-item-section .wal .recommended-courses-wrap {
    margin: 1.2rem -0.32rem 0;
    overflow: hidden;
    padding: 0 0.32rem;
  }
}
.certificate-item-section .wal .recommended-courses-wrap .head-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media screen and (max-width: 800px) {
  .certificate-item-section .wal .recommended-courses-wrap .head-wrap {
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
        -ms-flex-align: end;
            align-items: flex-end;
  }
}
.certificate-item-section .wal .recommended-courses-wrap .head-wrap .h2 {
  font-size: 0.32rem;
  line-height: 0.48rem;
  font-family: var(--sk-font-SemiBold);
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
@media screen and (max-width: 800px) {
  .certificate-item-section .wal .recommended-courses-wrap .head-wrap .h2 {
    font-size: 0.38rem;
    line-height: 0.57rem;
    text-align: left;
  }
}
.certificate-item-section .wal .recommended-courses-wrap .head-wrap .more-courses {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  color: var(--sk-global-color);
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: 0;
      -ms-flex-direction: 0;
          flex-direction: 0;
}
@media screen and (max-width: 800px) {
  .certificate-item-section .wal .recommended-courses-wrap .head-wrap .more-courses {
    padding-bottom: 0.1rem;
  }
}
.certificate-item-section .wal .recommended-courses-wrap .head-wrap .more-courses:hover {
  color: #145BB4;
}
.certificate-item-section .wal .recommended-courses-wrap .head-wrap .more-courses .a-text {
  font-size: 0.16rem;
  line-height: 0.24rem;
  margin-right: 0.08rem;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: 0;
      -ms-flex-direction: 0;
          flex-direction: 0;
}
@media screen and (max-width: 800px) {
  .certificate-item-section .wal .recommended-courses-wrap .head-wrap .more-courses .a-text {
    font-size: 0.24rem;
    line-height: 0.36rem;
  }
}
.certificate-item-section .wal .recommended-courses-wrap .head-wrap .more-courses .icon {
  height: 0.1rem;
}
@media screen and (max-width: 800px) {
  .certificate-item-section .wal .recommended-courses-wrap .head-wrap .more-courses .icon {
    height: 0.16rem;
  }
}
.certificate-item-section .wal .recommended-courses-wrap .card-list-wrap {
  margin-top: 0.32rem;
}
@media screen and (max-width: 800px) {
  .certificate-item-section .wal .recommended-courses-wrap .card-list-wrap {
    margin-top: 0.4rem;
  }
}
.certificate-item-section .wal .recommended-courses-wrap .card-list-wrap .card-list {
  margin: -0.12rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}
@media screen and (max-width: 800px) {
  .certificate-item-section .wal .recommended-courses-wrap .card-list-wrap .card-list {
    margin: 0;
    -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
  }
}
.certificate-item-section .wal .recommended-courses-wrap .card-list-wrap .card-list .card-item {
  margin: 0.12rem;
  width: calc(25% - 0.24rem);
}
@media screen and (max-width: 800px) {
  .certificate-item-section .wal .recommended-courses-wrap .card-list-wrap .card-list .card-item {
    margin: 0;
    width: 4.8rem;
  }
}
.certificate-item-section .wal .recommended-courses-wrap .card-list-wrap .card-list .card-item:hover .img-box .img {
  -webkit-transform: scale(1.05);
      -ms-transform: scale(1.05);
          transform: scale(1.05);
}
.certificate-item-section .wal .recommended-courses-wrap .card-list-wrap .card-list .card-item:hover .card-title {
  color: var(--sk-global-color);
}
.certificate-item-section .wal .recommended-courses-wrap .card-list-wrap .card-list .card-item .img-box {
  height: 1.87rem;
  border-radius: 0.1rem;
  overflow: hidden;
  position: relative;
}
@media screen and (max-width: 800px) {
  .certificate-item-section .wal .recommended-courses-wrap .card-list-wrap .card-list .card-item .img-box {
    height: 2.71rem;
    border-radius: 0.16rem;
  }
}
.certificate-item-section .wal .recommended-courses-wrap .card-list-wrap .card-list .card-item .img-box .img {
  width: 100%;
  height: 100%;
}
.certificate-item-section .wal .recommended-courses-wrap .card-list-wrap .card-list .card-item .img-box .time-box {
  position: absolute;
  bottom: 0.1rem;
  right: 0.1rem;
  padding: 0.03rem 0.04rem;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 0.04rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  backdrop-filter: blur(30px);
}
@media screen and (max-width: 800px) {
  .certificate-item-section .wal .recommended-courses-wrap .card-list-wrap .card-list .card-item .img-box .time-box {
    display: none;
  }
}
.certificate-item-section .wal .recommended-courses-wrap .card-list-wrap .card-list .card-item .img-box .time-box .icon {
  width: 0.16rem;
  height: 0.16rem;
}
.certificate-item-section .wal .recommended-courses-wrap .card-list-wrap .card-list .card-item .img-box .time-box .time-text {
  margin-left: 0.04rem;
  color: #FFFFFF;
  font-size: 0.12rem;
  line-height: 0.18rem;
}
.certificate-item-section .wal .recommended-courses-wrap .card-list-wrap .card-list .card-item .tag-views-heart {
  margin-top: 0.24rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  row-gap: 0.1rem;
}
.certificate-item-section .wal .recommended-courses-wrap .card-list-wrap .card-list .card-item .tag-views-heart .tag {
  padding: 0.04rem 0.1rem;
  background: rgba(48, 127, 226, 0.15);
  border-radius: 0.04rem;
  font-size: 0.14rem;
  line-height: 0.21rem;
  letter-spacing: 1px;
  color: var(--sk-global-color);
}
@media screen and (max-width: 800px) {
  .certificate-item-section .wal .recommended-courses-wrap .card-list-wrap .card-list .card-item .tag-views-heart .tag {
    padding: 0.1rem 0.16rem;
    border-radius: 0.08rem;
    font-size: 0.22rem;
    line-height: 0.33rem;
  }
}
.certificate-item-section .wal .recommended-courses-wrap .card-list-wrap .card-list .card-item .tag-views-heart .views {
  margin-left: 0.2rem;
  font-size: 0.14rem;
  line-height: 0.21rem;
  color: rgba(0, 0, 0, 0.6);
}
@media screen and (max-width: 800px) {
  .certificate-item-section .wal .recommended-courses-wrap .card-list-wrap .card-list .card-item .tag-views-heart .views {
    margin-left: 0.3rem;
    font-size: 0.22rem;
    line-height: 0.33rem;
  }
}
.certificate-item-section .wal .recommended-courses-wrap .card-list-wrap .card-list .card-item .card-title {
  margin-top: 0.16rem;
  font-size: 0.18rem;
  line-height: 0.27rem;
  font-family: var(--sk-font-Medium);
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
@media screen and (max-width: 800px) {
  .certificate-item-section .wal .recommended-courses-wrap .card-list-wrap .card-list .card-item .card-title {
    margin-top: 0.24rem;
    font-size: 0.26rem;
    line-height: 0.39rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
  }
}
.certificate-item-section .wal .recommended-courses-wrap .card-list-wrap .pagination {
  margin-top: 0.48rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.certificate-item-section .wal .recommended-courses-wrap .card-list-wrap .pagination .swiper-pagination-bullet {
  width: 0.16rem;
  height: 0.16rem;
  border-radius: 50%;
  background: #E2E2E9;
}
.certificate-item-section .wal .recommended-courses-wrap .card-list-wrap .pagination .swiper-pagination-bullet:not(:last-child) {
  margin-right: 0.16rem;
}
.certificate-item-section .wal .recommended-courses-wrap .card-list-wrap .pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: var(--sk-global-color);
}

.header____section {
  height: 0.6rem;
}
@media screen and (max-width: 800px) {
  .header____section {
    height: 1rem;
  }
}
.header____section .header____haed {
  position: fixed;
  top: 0;
  left: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 0 0.6rem;
  height: 0.6rem;
  width: 100%;
  border-bottom: 1px solid #CFD4E0;
  z-index: 100;
  background: #FFFFFF;
}
.header____section .header____haed .left-box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.header____section .header____haed .left-box .logo .icon {
  height: 0.2rem;
}
.header____section .header____haed .left-box .homepage {
  margin-left: 0.48rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.header____section .header____haed .left-box .homepage:hover .homepage-icon {
  -webkit-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
          transform: rotate(0deg);
}
.header____section .header____haed .left-box .homepage .homepage-text {
  font-size: 0.16rem;
  line-height: 0.24rem;
  margin-right: 0.06rem;
  color: var(--sk-global-color);
}
.header____section .header____haed .left-box .homepage .homepage-icon {
  width: 0.15rem;
  height: 0.12rem;
  object-fit: contain;
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
.header____section .header____haed .right-language {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.header____section .header____haed .right-language .language-box .cell-box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
}
.header____section .header____haed .right-language .language-box .cell-box .icon-earth {
  width: 0.18rem;
}
.header____section .header____haed .right-language .language-box .cell-box .label {
  font-size: 0.14rem;
  line-height: 0.21rem;
  margin-left: 0.06rem;
  margin-right: 0.04rem;
}
.header____section .header____haed .right-language .language-box .cell-box .icon {
  width: 0.08rem;
}
.header____section .header____haed .right-language .login-box {
  margin-left: 0.27rem;
  position: relative;
}
.header____section .header____haed .right-language .login-box:hover .profile .login-name {
  color: #000000;
}
.header____section .header____haed .right-language .login-box:hover .layer-box {
  -webkit-clip-path: inset(-1rem -1rem -1rem -1rem);
          clip-path: inset(-1rem -1rem -1rem -1rem);
}
.header____section .header____haed .right-language .login-box .profile {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.header____section .header____haed .right-language .login-box .profile .avatar-box {
  width: 0.32rem;
  height: 0.32rem;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  margin-right: 0.1rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
}
.header____section .header____haed .right-language .login-box .profile .avatar-box .avatar-img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
}
.header____section .header____haed .right-language .login-box .profile .avatar-box .avatar-text {
  width: 100%;
  height: 100%;
  background: #307FE2;
  border-radius: 50%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 0.14rem;
  color: #fff;
  font-family: var(--sk-font-Medium);
}
.header____section .header____haed .right-language .login-box .profile .login-name {
  font-size: 0.14rem;
  line-height: 0.21rem;
  color: rgba(0, 0, 0, 0.6);
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.header____section .header____haed .right-language .login-box .layer-box {
  position: absolute;
  right: 0;
  top: 100%;
  padding-top: 0.24rem;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  -webkit-clip-path: inset(0.2rem 0 100% 0);
          clip-path: inset(0.2rem 0 100% 0);
}
.header____section .header____haed .right-language .login-box .layer-box .card-box {
  min-width: 2rem;
  max-width: 4rem;
  background: #FFFFFF;
  border-radius: 0.1rem;
  border: 1px solid #CFD4E0;
  box-shadow: 0rem 0.04rem 0.16rem 0rem rgba(89, 95, 109, 0.15);
  overflow: hidden;
}
.header____section .header____haed .right-language .login-box .layer-box .card-box .head-infor {
  padding: 0.11rem 0.2rem 0.1rem;
  background: #F5F5F7;
  border-bottom: 1px solid #CFD4E0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.header____section .header____haed .right-language .login-box .layer-box .card-box .head-infor .avatar-box {
  width: 0.32rem;
  height: 0.32rem;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  margin-right: 0.1rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
}
.header____section .header____haed .right-language .login-box .layer-box .card-box .head-infor .avatar-box .avatar-img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
}
.header____section .header____haed .right-language .login-box .layer-box .card-box .head-infor .avatar-box .avatar-text {
  width: 100%;
  height: 100%;
  background: #307FE2;
  border-radius: 50%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 0.14rem;
  color: #fff;
  font-family: var(--sk-font-Medium);
}
.header____section .header____haed .right-language .login-box .layer-box .card-box .head-infor .name-installer .name {
  overflow-wrap: break-word;
  font-size: 0.14rem;
  line-height: 0.21rem;
  max-width: 1.6rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.header____section .header____haed .right-language .login-box .layer-box .card-box .head-infor .name-installer .installer {
  font-size: 0.12rem;
  line-height: 0.18rem;
  color: var(--sk-global-color);
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow-wrap: break-word;
  max-width: 1.6rem;
}
.header____section .header____haed .right-language .login-box .layer-box .card-box .head-infor .name-installer .installer:hover {
  color: #145BB4;
}
.header____section .header____haed .right-language .login-box .layer-box .card-box .link-s {
  padding: 0.1rem;
}
.header____section .header____haed .right-language .login-box .layer-box .card-box .link-s .link {
  height: 0.4rem;
  width: 100%;
  border-radius: 0.04rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 0.14rem;
}
.header____section .header____haed .right-language .login-box .layer-box .card-box .link-s .link:hover {
  color: var(--sk-global-color);
  background: rgba(48, 127, 226, 0.1);
}
.header____section .header____haed .right-language .login-box .layer-box .card-box .foot-box {
  border-top: 1px solid #CFD4E0;
  height: 0.4rem;
  font-size: 0.14rem;
  padding: 0.1rem;
}
.header____section .header____haed .right-language .login-box .layer-box .card-box .foot-box .sign-out {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.header____section .header____haed .right-language .login-box .layer-box .card-box .foot-box .sign-out:hover {
  color: var(--sk-global-color);
}
.header____section .header____haed-phone {
  position: fixed;
  top: 0;
  left: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 0 0.32rem;
  height: 1rem;
  width: 100%;
  border-bottom: 1px solid #CFD4E0;
  z-index: 100;
  background: #FFFFFF;
}
.header____section .header____haed-phone .left-btn-title {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.header____section .header____haed-phone .left-btn-title .tree-close {
  width: 0.64rem;
  height: 0.64rem;
  background: rgba(48, 127, 226, 0.1);
  border-radius: 0.1rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.header____section .header____haed-phone .left-btn-title .tree-close.on .icon:first-child {
  display: none;
}
.header____section .header____haed-phone .left-btn-title .tree-close.on .icon:last-child {
  display: block;
}
.header____section .header____haed-phone .left-btn-title .tree-close .icon {
  height: 0.2rem;
}
.header____section .header____haed-phone .left-btn-title .tree-close .icon:last-child {
  display: none;
}
.header____section .header____haed-phone .left-btn-title .haed-title {
  margin-left: 0.2rem;
  font-size: 0.26rem;
  line-height: 0.39rem;
  font-family: var(--sk-font-Medium);
}
.header____section .header____haed-phone .avatar-wrap .profile {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.header____section .header____haed-phone .avatar-wrap .profile .avatar-box {
  width: 0.6rem;
  height: 0.6rem;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
}
.header____section .header____haed-phone .avatar-wrap .profile .avatar-box .avatar-img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
}
.header____section .header____haed-phone .avatar-wrap .profile .avatar-box .avatar-text {
  width: 100%;
  height: 100%;
  background: #307FE2;
  border-radius: 50%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 0.24rem;
  color: #fff;
  font-family: var(--sk-font-Medium);
}

.exam-page {
  min-height: 100vh;
  background: #F5F5F7;
}
@media screen and (max-width: 800px) {
  .exam-page .header____section {
    display: none;
  }
}
@media screen and (max-width: 800px) {
  .exam-page main {
    height: 100%;
  }
}
.exam-page main .main-flex-box {
  padding-top: 0.24rem;
  padding-bottom: 0.26rem;
  display: none;
}
@media screen and (max-width: 800px) {
  .exam-page main .main-flex-box {
    padding: 0;
  }
}
.exam-page main .main-flex-box.show {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.exam-page main .main-flex-box .left-box {
  width: 3rem;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  margin-right: 0.24rem;
}
.exam-page main .main-flex-box .left-box .catalogue-wrap {
  padding: 0.23rem 0;
  background: #FFFFFF;
  border-radius: 0.1rem;
}
.exam-page main .main-flex-box .left-box .catalogue-wrap .catalogue-item:not(:last-child) {
  margin-bottom: 0.36rem;
}
.exam-page main .main-flex-box .left-box .catalogue-wrap .catalogue-item .infor-box {
  padding: 0 0.26rem;
}
.exam-page main .main-flex-box .left-box .catalogue-wrap .catalogue-item .infor-box .infor-title {
  font-size: 0.16rem;
  line-height: 0.24rem;
  font-family: var(--sk-font-Medium);
  position: relative;
}
.exam-page main .main-flex-box .left-box .catalogue-wrap .catalogue-item .infor-box .infor-title::before {
  content: "";
  position: absolute;
  left: -0.26rem;
  top: 0;
  height: 100%;
  width: 0.03rem;
  border-radius: 0rem 0.04rem 0.04rem 0rem;
  background: var(--sk-global-color);
}
.exam-page main .main-flex-box .left-box .catalogue-wrap .catalogue-item .infor-box .infor-text {
  margin-top: 0.04rem;
  font-size: 0.12rem;
  line-height: 0.18rem;
  color: rgba(0, 0, 0, 0.4);
}
.exam-page main .main-flex-box .left-box .catalogue-wrap .catalogue-item .list {
  margin-top: 0.12rem;
  padding: 0 0.16rem;
}
.exam-page main .main-flex-box .left-box .catalogue-wrap .catalogue-item .list .li {
  height: 0.36rem;
  border-radius: 0.04rem;
  border: 1px solid #CFD4E0;
  padding: 0 0.1rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  cursor: pointer;
}
.exam-page main .main-flex-box .left-box .catalogue-wrap .catalogue-item .list .li.on {
  color: var(--sk-global-color);
  background: rgba(48, 127, 226, 0.1);
  border-color: var(--sk-global-color);
}
.exam-page main .main-flex-box .left-box .catalogue-wrap .catalogue-item .list .li:not(.on):hover {
  background: #F5F5F7;
  border-color: #F5F5F7;
}
.exam-page main .main-flex-box .left-box .catalogue-wrap .catalogue-item .list .li:not(:last-child) {
  margin-bottom: 0.08rem;
}
.exam-page main .main-flex-box .left-box .catalogue-wrap .catalogue-item .list .li .title {
  font-size: 0.12rem;
  line-height: 0.18rem;
}
.exam-page main .main-flex-box .left-box .catalogue-wrap .catalogue-item .list .li .status-box.type1 .answered {
  display: block;
}
.exam-page main .main-flex-box .left-box .catalogue-wrap .catalogue-item .list .li .status-box.type2 .answer-later {
  display: block;
}
.exam-page main .main-flex-box .left-box .catalogue-wrap .catalogue-item .list .li .status-box .icon {
  width: 0.16rem;
  height: 0.16rem;
  display: none;
}
.exam-page main .main-flex-box .center-box {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  background: #FFFFFF;
  border-radius: 0.1rem;
}
@media screen and (max-width: 800px) {
  .exam-page main .main-flex-box .center-box {
    width: 100%;
    height: 100%;
    border-radius: 0;
  }
}
.exam-page main .main-flex-box .center-box .center-head {
  height: 0.6rem;
  border-bottom: 1px solid #CFD4E0;
  padding: 0 0.2rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media screen and (max-width: 800px) {
  .exam-page main .main-flex-box .center-box .center-head {
    height: 1rem;
    padding: 0 0.32rem;
  }
}
.exam-page main .main-flex-box .center-box .center-head .head-left {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.exam-page main .main-flex-box .center-box .center-head .head-left .icon {
  width: 0.24rem;
  height: 0.24rem;
  object-fit: contain;
}
@media screen and (max-width: 800px) {
  .exam-page main .main-flex-box .center-box .center-head .head-left .icon {
    width: 0.48rem;
    height: 0.48rem;
  }
}
.exam-page main .main-flex-box .center-box .center-head .head-left .h1 {
  margin-left: 0.13rem;
  font-size: 0.2rem;
  line-height: 0.3rem;
  font-family: var(--sk-font-Medium);
}
@media screen and (max-width: 800px) {
  .exam-page main .main-flex-box .center-box .center-head .head-left .h1 {
    margin-left: 0.16rem;
    font-size: 0.3rem;
    line-height: 0.45rem;
  }
}
.exam-page main .main-flex-box .center-box .center-head .head-left .page-number {
  margin-left: 0.13rem;
  font-size: 0.16rem;
  line-height: 0.24rem;
  color: rgba(0, 0, 0, 0.4);
}
.exam-page main .main-flex-box .center-box .center-head .head-left .page-number span {
  color: #000000;
}
.exam-page main .main-flex-box .center-box .center-head .head-time {
  font-size: 0.16rem;
  line-height: 0.24rem;
  color: var(--sk-global-color);
}
@media screen and (max-width: 800px) {
  .exam-page main .main-flex-box .center-box .center-head .head-time {
    font-size: 0.24rem;
    line-height: 0.36rem;
  }
}
.exam-page main .main-flex-box .center-box .center-head .head-right .submit {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.exam-page main .main-flex-box .center-box .center-head .head-right .submit .icon {
  width: 0.36rem;
  height: 0.36rem;
}
.exam-page main .main-flex-box .center-box .center-head .head-right .submit .btn-text {
  margin-left: 0.1rem;
  font-size: 0.26rem;
  line-height: 0.39rem;
  color: var(--sk-global-color);
}
.exam-page main .main-flex-box .center-box .center-body {
  padding: 0.4rem;
  height: calc(100vh - 2.4rem);
  overflow-y: auto;
}
@media screen and (max-width: 800px) {
  .exam-page main .main-flex-box .center-box .center-body {
    padding: 0.32rem;
    height: calc(100vh - 2.1rem);
  }
}
.exam-page main .main-flex-box .center-box .center-body .item-list-page-number {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.exam-page main .main-flex-box .center-box .center-body .item-list-page-number .item-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 0.08rem;
  background: rgba(48, 127, 226, 0.15);
  border: 1px solid #307FE2;
  height: 0.8rem;
  width: 5.2rem;
}
.exam-page main .main-flex-box .center-box .center-body .item-list-page-number .item-list .icon {
  width: 0.36rem;
  height: 0.36rem;
}
.exam-page main .main-flex-box .center-box .center-body .item-list-page-number .item-list .icon-text {
  margin-left: 0.16rem;
  font-size: 0.26rem;
  line-height: 0.39rem;
  color: var(--sk-global-color);
}
.exam-page main .main-flex-box .center-box .center-body .item-list-page-number .item-list-wrap {
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 200;
  background: rgba(0, 0, 0, 0.5);
  -webkit-transition: 0.3s;
  transition: 0.3s;
  -webkit-transform: translateY(100%);
      -ms-transform: translateY(100%);
          transform: translateY(100%);
}
.exam-page main .main-flex-box .center-box .center-body .item-list-page-number .item-list-wrap.show {
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0);
}
.exam-page main .main-flex-box .center-box .center-body .item-list-page-number .item-list-wrap .item-container {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  max-width: 76vh;
  background: #FFFFFF;
  border-radius: 0.24rem 0.24rem 0rem 0rem;
}
.exam-page main .main-flex-box .center-box .center-body .item-list-page-number .item-list-wrap .item-container .item-hader {
  height: 1.04rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 0 0.32rem;
  border-bottom: 0.01rem solid #CFD4E0;
}
.exam-page main .main-flex-box .center-box .center-body .item-list-page-number .item-list-wrap .item-container .item-hader .hader-box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.exam-page main .main-flex-box .center-box .center-body .item-list-page-number .item-list-wrap .item-container .item-hader .hader-box .icon {
  width: 0.48rem;
  height: 0.48rem;
}
.exam-page main .main-flex-box .center-box .center-body .item-list-page-number .item-list-wrap .item-container .item-hader .hader-box .icon-text {
  margin-left: 0.16rem;
  font-size: 0.32rem;
  line-height: 0.48rem;
  font-family: var(--sk-font-Medium);
}
.exam-page main .main-flex-box .center-box .center-body .item-list-page-number .item-list-wrap .item-container .item-hader .close-btn {
  width: 0.64rem;
  height: 0.64rem;
  border-radius: 0.08rem;
  background: #F5F5F7;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.exam-page main .main-flex-box .center-box .center-body .item-list-page-number .item-list-wrap .item-container .item-hader .close-btn .icon {
  height: 0.18rem;
  width: 0.18rem;
}
.exam-page main .main-flex-box .center-box .center-body .item-list-page-number .item-list-wrap .item-container .item-wrap {
  height: calc(100vh - 2.04rem);
  overflow-y: auto;
}
.exam-page main .main-flex-box .center-box .center-body .item-list-page-number .item-list-wrap .item-container .item-wrap .item-item {
  margin-top: 0.6rem;
  padding: 0 0.32rem;
}
.exam-page main .main-flex-box .center-box .center-body .item-list-page-number .item-list-wrap .item-container .item-wrap .item-item .infor-box .infor-title {
  font-size: 0.28rem;
  line-height: 0.42rem;
  font-family: var(--sk-font-Medium);
  position: relative;
}
.exam-page main .main-flex-box .center-box .center-body .item-list-page-number .item-list-wrap .item-container .item-wrap .item-item .infor-box .infor-title::before {
  content: "";
  position: absolute;
  left: -0.32rem;
  top: 0;
  height: 100%;
  width: 0.06rem;
  border-radius: 0rem 0.06rem 0.06rem 0rem;
  background: var(--sk-global-color);
}
.exam-page main .main-flex-box .center-box .center-body .item-list-page-number .item-list-wrap .item-container .item-wrap .item-item .infor-box .infor-text {
  margin-top: 0.07rem;
  color: rgba(0, 0, 0, 0.4);
  font-size: 0.22rem;
  line-height: 0.33rem;
}
.exam-page main .main-flex-box .center-box .center-body .item-list-page-number .item-list-wrap .item-container .item-wrap .item-item .list {
  margin-top: 0.28rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  gap: 0.25rem;
  margin-bottom: 0.9rem;
}
.exam-page main .main-flex-box .center-box .center-body .item-list-page-number .item-list-wrap .item-container .item-wrap .item-item .list .li {
  width: 0.76rem;
  height: 0.76rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 0.1rem;
  border: 1px solid #CFD4E0;
  font-size: 0.24rem;
  color: rgba(0, 0, 0, 0.6);
  background: #E2E2E9;
}
.exam-page main .main-flex-box .center-box .center-body .item-list-page-number .item-list-wrap .item-container .item-wrap .item-item .list .li.type-1 {
  color: var(--sk-global-color);
  background: rgba(48, 127, 226, 0.1);
  border-color: var(--sk-global-color);
}
.exam-page main .main-flex-box .center-box .center-body .item-list-page-number .item-list-wrap .item-container .item-wrap .item-item .list .li.type-2 {
  color: #EB8B2B;
  background: rgba(235, 139, 43, 0.1);
  border-color: #EB8B2B;
}
.exam-page main .main-flex-box .center-box .center-body .item-list-page-number .page-number {
  font-size: 0.26rem;
  line-height: 0.39rem;
  color: rgba(0, 0, 0, 0.4);
}
.exam-page main .main-flex-box .center-box .center-body .item-list-page-number .page-number span {
  color: var(--sk-global-color);
}
.exam-page main .main-flex-box .center-box .center-body .body-title {
  font-size: 0.16rem;
  line-height: 0.24rem;
  font-family: var(--sk-font-Medium);
  margin-bottom: 0.19rem;
}
@media screen and (max-width: 800px) {
  .exam-page main .main-flex-box .center-box .center-body .body-title {
    margin-top: 0.8rem;
    font-size: 0.3rem;
    line-height: 0.45rem;
    margin-bottom: 0.31rem;
  }
}
.exam-page main .main-flex-box .center-box .center-body .radio-wrap {
  margin-top: 0.37rem;
  display: none;
}
@media screen and (max-width: 800px) {
  .exam-page main .main-flex-box .center-box .center-body .radio-wrap {
    margin-top: 0.7rem;
  }
}
.exam-page main .main-flex-box .center-box .center-body .radio-wrap.show {
  display: block;
}
.exam-page main .main-flex-box .center-box .center-body .radio-wrap .radio-list .radio {
  cursor: pointer;
  height: 0.4rem;
  padding: 0 0.1rem;
  border-radius: 0.1rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
@media screen and (max-width: 800px) {
  .exam-page main .main-flex-box .center-box .center-body .radio-wrap .radio-list .radio {
    height: 0.8rem;
    padding: 0 0.24rem;
    border-radius: 0.16rem;
  }
}
.exam-page main .main-flex-box .center-box .center-body .radio-wrap .radio-list .radio.on {
  background: #F5F5F7;
}
.exam-page main .main-flex-box .center-box .center-body .radio-wrap .radio-list .radio.on .input .icon:first-child {
  display: none;
}
.exam-page main .main-flex-box .center-box .center-body .radio-wrap .radio-list .radio.on .input .icon:last-child {
  display: block;
}
.exam-page main .main-flex-box .center-box .center-body .radio-wrap .radio-list .radio.on .radio-text {
  color: var(--sk-global-color);
}
.exam-page main .main-flex-box .center-box .center-body .radio-wrap .radio-list .radio:not(.on):hover {
  background: #F5F5F7;
}
.exam-page main .main-flex-box .center-box .center-body .radio-wrap .radio-list .radio:not(:last-child) {
  margin-bottom: 0.1rem;
}
.exam-page main .main-flex-box .center-box .center-body .radio-wrap .radio-list .radio .input {
  width: 0.16rem;
  height: 0.16rem;
  margin-right: 0.1rem;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
}
@media screen and (max-width: 800px) {
  .exam-page main .main-flex-box .center-box .center-body .radio-wrap .radio-list .radio .input {
    width: 0.28rem;
    height: 0.28rem;
    margin-right: 0.18rem;
  }
}
.exam-page main .main-flex-box .center-box .center-body .radio-wrap .radio-list .radio .input .icon {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.exam-page main .main-flex-box .center-box .center-body .radio-wrap .radio-list .radio .input .icon:first-child {
  display: block;
}
.exam-page main .main-flex-box .center-box .center-body .radio-wrap .radio-list .radio .input .icon:last-child {
  display: none;
}
.exam-page main .main-flex-box .center-box .center-body .radio-wrap .radio-list .radio .radio-text {
  color: rgba(0, 0, 0, 0.7);
  font-size: 0.14rem;
  line-height: 0.21rem;
}
@media screen and (max-width: 800px) {
  .exam-page main .main-flex-box .center-box .center-body .radio-wrap .radio-list .radio .radio-text {
    font-size: 0.24rem;
    line-height: 0.36rem;
  }
}
.exam-page main .main-flex-box .center-box .center-body .checkbox-wrap {
  margin-top: 0.37rem;
  display: none;
}
@media screen and (max-width: 800px) {
  .exam-page main .main-flex-box .center-box .center-body .checkbox-wrap {
    margin-top: 0.6rem;
  }
}
.exam-page main .main-flex-box .center-box .center-body .checkbox-wrap.show {
  display: block;
}
.exam-page main .main-flex-box .center-box .center-body .checkbox-wrap .checkbox-list .checkbox {
  cursor: pointer;
  height: 0.4rem;
  padding: 0 0.1rem;
  border-radius: 0.1rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
@media screen and (max-width: 800px) {
  .exam-page main .main-flex-box .center-box .center-body .checkbox-wrap .checkbox-list .checkbox {
    height: 0.8rem;
    padding: 0 0.24rem;
    border-radius: 0.16rem;
  }
}
.exam-page main .main-flex-box .center-box .center-body .checkbox-wrap .checkbox-list .checkbox.on {
  background: #F5F5F7;
}
.exam-page main .main-flex-box .center-box .center-body .checkbox-wrap .checkbox-list .checkbox.on .input .icon:first-child {
  display: none;
}
.exam-page main .main-flex-box .center-box .center-body .checkbox-wrap .checkbox-list .checkbox.on .input .icon:last-child {
  display: block;
}
.exam-page main .main-flex-box .center-box .center-body .checkbox-wrap .checkbox-list .checkbox.on .radio-text {
  color: var(--sk-global-color);
}
.exam-page main .main-flex-box .center-box .center-body .checkbox-wrap .checkbox-list .checkbox:not(.on):hover {
  background: #F5F5F7;
}
.exam-page main .main-flex-box .center-box .center-body .checkbox-wrap .checkbox-list .checkbox:not(:last-child) {
  margin-bottom: 0.1rem;
}
@media screen and (max-width: 800px) {
  .exam-page main .main-flex-box .center-box .center-body .checkbox-wrap .checkbox-list .checkbox:not(:last-child) {
    margin-bottom: 0.2rem;
  }
}
.exam-page main .main-flex-box .center-box .center-body .checkbox-wrap .checkbox-list .checkbox .input {
  width: 0.16rem;
  height: 0.16rem;
  margin-right: 0.1rem;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
}
@media screen and (max-width: 800px) {
  .exam-page main .main-flex-box .center-box .center-body .checkbox-wrap .checkbox-list .checkbox .input {
    width: 0.28rem;
    height: 0.28rem;
    margin-right: 0.18rem;
  }
}
.exam-page main .main-flex-box .center-box .center-body .checkbox-wrap .checkbox-list .checkbox .input .icon {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.exam-page main .main-flex-box .center-box .center-body .checkbox-wrap .checkbox-list .checkbox .input .icon:first-child {
  display: block;
}
.exam-page main .main-flex-box .center-box .center-body .checkbox-wrap .checkbox-list .checkbox .input .icon:last-child {
  display: none;
}
.exam-page main .main-flex-box .center-box .center-body .checkbox-wrap .checkbox-list .checkbox .checkbox-text {
  color: rgba(0, 0, 0, 0.7);
  font-size: 0.14rem;
  line-height: 0.21rem;
}
@media screen and (max-width: 800px) {
  .exam-page main .main-flex-box .center-box .center-body .checkbox-wrap .checkbox-list .checkbox .checkbox-text {
    font-size: 0.24rem;
    line-height: 0.36rem;
  }
}
.exam-page main .main-flex-box .center-box .center-body .input-wrap {
  margin-top: 0.37rem;
  display: none;
}
@media screen and (max-width: 800px) {
  .exam-page main .main-flex-box .center-box .center-body .input-wrap {
    margin-top: 0.6rem;
  }
}
.exam-page main .main-flex-box .center-box .center-body .input-wrap.show {
  display: block;
}
.exam-page main .main-flex-box .center-box .center-body .input-wrap textarea {
  width: 100%;
  height: 1.2rem;
  border-radius: 0.1rem;
  padding: 0.1rem 0.21rem;
  font-size: 0.14rem;
  background: #F5F5F7;
  resize: none;
}
@media screen and (max-width: 800px) {
  .exam-page main .main-flex-box .center-box .center-body .input-wrap textarea {
    height: 3rem;
    border-radius: 0.16rem;
    padding: 0.2rem 0.24rem;
    font-size: 0.24rem;
    line-height: 0.36rem;
  }
}
.exam-page main .main-flex-box .center-box .center-footer {
  border-top: 1px solid #CFD4E0;
  padding: 0.09rem 0.2rem 0.11rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media screen and (max-width: 800px) {
  .exam-page main .main-flex-box .center-box .center-footer {
    height: 1.1rem;
    padding: 0 0.32rem;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: row-reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
  }
}
.exam-page main .main-flex-box .center-box .center-footer .btn_box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.exam-page main .main-flex-box .center-box .center-footer .btn_box .default____btn {
  min-width: 1.2rem;
  font-family: var(--sk-font-Regular);
  margin-right: 0.1rem;
}
@media screen and (max-width: 800px) {
  .exam-page main .main-flex-box .center-box .center-footer .btn_box .default____btn {
    min-width: 1.8rem;
    margin-right: 0;
    margin-left: 0.2rem;
  }
}
.exam-page main .main-flex-box .center-box .center-footer .mark {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  cursor: pointer;
  font-size: 0.14rem;
  line-height: 0.21rem;
  color: var(--sk-global-color);
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
@media screen and (max-width: 800px) {
  .exam-page main .main-flex-box .center-box .center-footer .mark {
    font-size: 0.24rem;
    line-height: 0.36rem;
  }
}
.exam-page main .main-flex-box .center-box .center-footer .mark:hover {
  color: #145BB4;
}
.exam-page main .main-flex-box .center-content {
  padding: 0.2rem;
}
.exam-page main .main-flex-box .center-content .content-box {
  width: 100%;
  height: 100%;
  border-radius: 0.1rem;
  border: 1px solid #CFD4E0;
  padding: 0.2rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.exam-page main .main-flex-box .center-content .content-box .left-box {
  width: 1.8rem;
}
.exam-page main .main-flex-box .right-box {
  width: 3.32rem;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  margin-left: 0.24rem;
}
.exam-page main .main-flex-box .right-box .card-wrap {
  position: -webkit-sticky;
  position: sticky;
  top: 1rem;
  border: 1px solid #CFD4E0;
  border-radius: 0.1rem;
  overflow: hidden;
}
.exam-page main .main-flex-box .right-box .card-wrap .card-haed {
  position: relative;
}
.exam-page main .main-flex-box .right-box .card-wrap .card-haed .bg-img {
  position: absolute;
  z-index: -1;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
}
.exam-page main .main-flex-box .right-box .card-wrap .card-haed .head-infor {
  padding: 0.2rem 0.2rem 0.22rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.exam-page main .main-flex-box .right-box .card-wrap .card-haed .head-infor .avatar-box {
  width: 0.48rem;
  height: 0.48rem;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  margin-right: 0.12rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
}
.exam-page main .main-flex-box .right-box .card-wrap .card-haed .head-infor .avatar-box .avatar-img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
}
.exam-page main .main-flex-box .right-box .card-wrap .card-haed .head-infor .avatar-box .avatar-text {
  width: 100%;
  height: 100%;
  background: #307FE2;
  border-radius: 50%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 0.2rem;
  color: #fff;
  font-family: var(--sk-font-Medium);
}
.exam-page main .main-flex-box .right-box .card-wrap .card-haed .head-infor .name-installer .name {
  font-size: 0.18rem;
  line-height: 0.27rem;
  font-family: var(--sk-font-Medium);
}
.exam-page main .main-flex-box .right-box .card-wrap .card-haed .head-infor .name-installer .installer {
  margin-top: 0.04rem;
  font-size: 0.12rem;
  line-height: 0.18rem;
  color: rgba(0, 0, 0, 0.7);
}
.exam-page main .main-flex-box .right-box .card-wrap .card-body {
  padding: 0.22rem 0.2rem 0.2rem;
  background: #FFFFFF;
}
.exam-page main .main-flex-box .right-box .card-wrap .card-body .card-title {
  font-size: 0.18rem;
  line-height: 0.27rem;
  font-family: var(--sk-font-Medium);
}
.exam-page main .main-flex-box .right-box .card-wrap .card-body .infor-list {
  margin-top: 0.22rem;
}
.exam-page main .main-flex-box .right-box .card-wrap .card-body .infor-list .infor-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.exam-page main .main-flex-box .right-box .card-wrap .card-body .infor-list .infor-item:not(:last-child) {
  margin-bottom: 0.08rem;
}
.exam-page main .main-flex-box .right-box .card-wrap .card-body .infor-list .infor-item .label {
  font-size: 0.14rem;
  line-height: 0.21rem;
  color: rgba(0, 0, 0, 0.4);
  width: 1.45rem;
  padding-right: 0.1rem;
}
.exam-page main .main-flex-box .right-box .card-wrap .card-body .infor-list .infor-item .value {
  font-size: 0.14rem;
  line-height: 0.21rem;
}
.exam-page main .main-flex-box .right-box .card-wrap .card-body .infor-list .infor-item .value span {
  color: var(--sk-global-color);
}
.exam-page main .main-flex-box .right-box .card-wrap .card-body .default____btn {
  margin-top: 0.2rem;
  width: 100%;
}
.exam-page main .notice-wrap {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 200;
  height: 100vh;
  width: 100%;
  background: rgba(0, 0, 0, 0.5);
  overflow-y: auto;
  overflow-x: none;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  opacity: 0;
  visibility: hidden;
}
.exam-page main .notice-wrap.show {
  opacity: 1;
  visibility: visible;
}
.exam-page main .notice-wrap .notice-wer {
  padding: 0.9rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-height: 100%;
}
@media screen and (max-width: 800px) {
  .exam-page main .notice-wrap .notice-wer {
    padding: 0.4rem;
  }
}
.exam-page main .notice-wrap .notice-wer .notice-card {
  width: 6.4rem;
  background: #FFFFFF;
  border-radius: 0.1rem;
}
@media screen and (max-width: 800px) {
  .exam-page main .notice-wrap .notice-wer .notice-card {
    width: 6.7rem;
    border-radius: 0.24rem;
  }
}
.exam-page main .notice-wrap .notice-wer .notice-card .card-haed {
  height: 0.6rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 0 0.2rem;
  border-bottom: 1px solid #CFD4E0;
}
@media screen and (max-width: 800px) {
  .exam-page main .notice-wrap .notice-wer .notice-card .card-haed {
    height: 1.04rem;
    padding: 0 0.32rem;
  }
}
.exam-page main .notice-wrap .notice-wer .notice-card .card-haed .haed-left {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.exam-page main .notice-wrap .notice-wer .notice-card .card-haed .haed-left .icon {
  width: 0.32rem;
  height: 0.32rem;
}
@media screen and (max-width: 800px) {
  .exam-page main .notice-wrap .notice-wer .notice-card .card-haed .haed-left .icon {
    width: 0.48rem;
    height: 0.48rem;
  }
}
.exam-page main .notice-wrap .notice-wer .notice-card .card-haed .haed-left .haed-title {
  margin-left: 0.16rem;
  font-size: 0.2rem;
  line-height: 0.3rem;
  font-family: var(--sk-font-Medium);
}
@media screen and (max-width: 800px) {
  .exam-page main .notice-wrap .notice-wer .notice-card .card-haed .haed-left .haed-title {
    margin-left: 0.16rem;
    font-size: 0.3rem;
    line-height: 0.45rem;
  }
}
.exam-page main .notice-wrap .notice-wer .notice-card .card-haed .close-btn {
  width: 0.4rem;
  height: 0.4rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: #F5F5F7;
  border-radius: 0.04rem;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  cursor: pointer;
}
@media screen and (max-width: 800px) {
  .exam-page main .notice-wrap .notice-wer .notice-card .card-haed .close-btn {
    width: 0.64rem;
    height: 0.64rem;
    border-radius: 0.08rem;
  }
}
.exam-page main .notice-wrap .notice-wer .notice-card .card-haed .close-btn:hover {
  background: #E2E2E9;
}
.exam-page main .notice-wrap .notice-wer .notice-card .card-haed .close-btn .icon {
  width: 0.11rem;
  height: 0.11rem;
}
@media screen and (max-width: 800px) {
  .exam-page main .notice-wrap .notice-wer .notice-card .card-haed .close-btn .icon {
    width: 0.18rem;
    height: 0.18rem;
  }
}
.exam-page main .notice-wrap .notice-wer .notice-card .card-body {
  padding: 0.3rem 0.4rem 0.47rem;
}
@media screen and (max-width: 800px) {
  .exam-page main .notice-wrap .notice-wer .notice-card .card-body {
    padding: 0.6rem 0.32rem 0.57rem;
  }
}
.exam-page main .notice-wrap .notice-wer .notice-card .card-body .info-card {
  padding: 0.19rem 0.2rem 0.16rem;
  background: #F5F5F7;
  border-radius: 0.1rem;
}
@media screen and (max-width: 800px) {
  .exam-page main .notice-wrap .notice-wer .notice-card .card-body .info-card {
    padding: 0;
    background: transparent;
  }
}
.exam-page main .notice-wrap .notice-wer .notice-card .card-body .info-card .info-top {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media screen and (max-width: 800px) {
  .exam-page main .notice-wrap .notice-wer .notice-card .card-body .info-card .info-top {
    padding: 0.25rem 0.24rem 0.32rem;
    border-radius: 0.16rem;
    background: #F5F5F7;
  }
}
.exam-page main .notice-wrap .notice-wer .notice-card .card-body .info-card .info-top .info-item {
  width: calc(50% - 0.2rem);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 0.14rem;
  line-height: 0.21rem;
  margin-bottom: 0.05rem;
}
@media screen and (max-width: 800px) {
  .exam-page main .notice-wrap .notice-wer .notice-card .card-body .info-card .info-top .info-item {
    width: 100%;
    font-size: 0.24rem;
    line-height: 0.36rem;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin-bottom: 0.2rem;
  }
  .exam-page main .notice-wrap .notice-wer .notice-card .card-body .info-card .info-top .info-item:last-child {
    margin-bottom: 0;
  }
}
@media screen and (min-width: 800px) {
  .exam-page main .notice-wrap .notice-wer .notice-card .card-body .info-card .info-top .info-item:nth-last-child(1), .exam-page main .notice-wrap .notice-wer .notice-card .card-body .info-card .info-top .info-item:nth-last-child(2) {
    margin-bottom: 0;
  }
}
.exam-page main .notice-wrap .notice-wer .notice-card .card-body .info-card .info-top .info-item .label {
  color: rgba(0, 0, 0, 0.4);
  width: 1.4rem;
}
@media screen and (max-width: 800px) {
  .exam-page main .notice-wrap .notice-wer .notice-card .card-body .info-card .info-top .info-item .label {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
    width: auto;
  }
}
.exam-page main .notice-wrap .notice-wer .notice-card .card-body .info-card .br {
  margin-top: 0.19rem;
  margin-bottom: 0.3rem;
  height: 1px;
  background: #CFD4E0;
}
@media screen and (max-width: 800px) {
  .exam-page main .notice-wrap .notice-wer .notice-card .card-body .info-card .br {
    display: none;
  }
}
.exam-page main .notice-wrap .notice-wer .notice-card .card-body .info-card .number-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  margin: -0.065rem;
}
.exam-page main .notice-wrap .notice-wer .notice-card .card-body .info-card .number-list .number-item {
  margin: 0.065rem;
  width: calc(10% - 0.13rem);
  height: 0.4rem;
  border-radius: 0.06rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 0.16rem;
  background: rgba(48, 127, 226, 0.1);
  border: 1px solid var(--sk-global-color);
  color: var(--sk-global-color);
}
.exam-page main .notice-wrap .notice-wer .notice-card .card-body .info-card .number-list .number-item.type-1 {
  border-color: #CFD4E0;
  background: #E2E2E9;
  color: rgba(0, 0, 0, 0.6);
}
.exam-page main .notice-wrap .notice-wer .notice-card .card-body .info-card .number-list .number-item.type-2 {
  border-color: #EB8B2B;
  background: rgba(235, 139, 43, 0.1);
  color: #EB8B2B;
}
.exam-page main .notice-wrap .notice-wer .notice-card .card-body .info-card .time {
  text-align: center;
  margin-top: 0.19rem;
  font-size: 0.16rem;
  line-height: 0.24rem;
  font-family: var(--sk-font-Medium);
  color: var(--sk-global-color);
}
@media screen and (max-width: 800px) {
  .exam-page main .notice-wrap .notice-wer .notice-card .card-body .info-card .time {
    margin-top: 0.32rem;
    font-size: 0.26rem;
    line-height: 0.39rem;
  }
}
.exam-page main .notice-wrap .notice-wer .notice-card .card-body .want-submit {
  margin-top: 0.37rem;
  text-align: center;
  font-size: 0.16rem;
  line-height: 0.24rem;
}
@media screen and (max-width: 800px) {
  .exam-page main .notice-wrap .notice-wer .notice-card .card-body .want-submit {
    margin-top: 0.45rem;
    font-size: 0.24rem;
    line-height: 0.36rem;
  }
}
.exam-page main .notice-wrap .notice-wer .notice-card .card-body .btn_box {
  margin-top: 0.27rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media screen and (max-width: 800px) {
  .exam-page main .notice-wrap .notice-wer .notice-card .card-body .btn_box {
    margin-top: 0.48rem;
  }
}
.exam-page main .notice-wrap .notice-wer .notice-card .card-body .btn_box .default____btn {
  min-width: 2.1rem;
}
@media screen and (max-width: 800px) {
  .exam-page main .notice-wrap .notice-wer .notice-card .card-body .btn_box .default____btn {
    width: calc(50% - 0.1rem);
  }
}
.exam-page main .notice-wrap .notice-wer .notice-card .card-body .btn_box .default____btn:not(:last-child) {
  margin-right: 0.2rem;
}
.exam-page main .successfully-wrap {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 200;
  height: 100vh;
  width: 100%;
  background: rgba(0, 0, 0, 0.5);
  overflow-y: auto;
  overflow-x: none;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  opacity: 0;
  visibility: hidden;
}
.exam-page main .successfully-wrap.show {
  opacity: 1;
  visibility: visible;
}
.exam-page main .successfully-wrap .successfully-wer {
  padding: 0.9rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-height: 100%;
}
@media screen and (max-width: 800px) {
  .exam-page main .successfully-wrap .successfully-wer {
    padding: 0.4rem;
  }
}
.exam-page main .successfully-wrap .successfully-wer .card-box {
  width: 6.4rem;
  background: #FFFFFF;
  border-radius: 0.1rem;
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 0.58rem 0.45rem 0.45rem;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (max-width: 800px) {
  .exam-page main .successfully-wrap .successfully-wer .card-box {
    width: 6.7rem;
    border-radius: 0.24rem;
    padding: 0.91rem 0.55rem 0.82rem;
  }
}
.exam-page main .successfully-wrap .successfully-wer .card-box .close-btn {
  position: absolute;
  top: 0.1rem;
  right: 0.2rem;
  width: 0.4rem;
  height: 0.4rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: #F5F5F7;
  border-radius: 0.04rem;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  cursor: pointer;
}
@media screen and (max-width: 800px) {
  .exam-page main .successfully-wrap .successfully-wer .card-box .close-btn {
    top: 0.2rem;
    right: 0.32rem;
    width: 0.64rem;
    height: 0.64rem;
    border-radius: 0.08rem;
  }
}
.exam-page main .successfully-wrap .successfully-wer .card-box .close-btn:hover {
  background: #E2E2E9;
}
.exam-page main .successfully-wrap .successfully-wer .card-box .close-btn .icon {
  width: 0.11rem;
  height: 0.11rem;
}
@media screen and (max-width: 800px) {
  .exam-page main .successfully-wrap .successfully-wer .card-box .close-btn .icon {
    width: 0.18rem;
    height: 0.18rem;
  }
}
.exam-page main .successfully-wrap .successfully-wer .card-box .successfully-icon {
  width: 0.56rem;
  height: 0.56rem;
}
@media screen and (max-width: 800px) {
  .exam-page main .successfully-wrap .successfully-wer .card-box .successfully-icon {
    width: 0.8rem;
    height: 0.8rem;
  }
}
.exam-page main .successfully-wrap .successfully-wer .card-box .successfully-title {
  margin-top: 0.25rem;
  font-size: 0.2rem;
  line-height: 0.3rem;
  font-family: var(--sk-font-Medium);
}
@media screen and (max-width: 800px) {
  .exam-page main .successfully-wrap .successfully-wer .card-box .successfully-title {
    margin-top: 0.38rem;
    font-size: 0.3rem;
    line-height: 0.45rem;
  }
}
.exam-page main .successfully-wrap .successfully-wer .card-box .successfully-text {
  margin: 0.16rem auto 0;
  max-width: 4.13rem;
  font-size: 0.16rem;
  line-height: 0.24rem;
  color: rgba(0, 0, 0, 0.7);
}
@media screen and (max-width: 800px) {
  .exam-page main .successfully-wrap .successfully-wer .card-box .successfully-text {
    max-width: 5.6rem;
    font-size: 0.24rem;
    line-height: 0.36rem;
    text-align: center;
  }
}
.exam-page main .successfully-wrap .successfully-wer .card-box .btn_box {
  margin-top: 0.34rem;
}
@media screen and (max-width: 800px) {
  .exam-page main .successfully-wrap .successfully-wer .card-box .btn_box {
    margin-top: 0.48rem;
  }
}
.exam-page main .successfully-wrap .successfully-wer .card-box .btn_box .default____btn {
  min-width: 2.1rem;
}
@media screen and (max-width: 800px) {
  .exam-page main .successfully-wrap .successfully-wer .card-box .btn_box .default____btn {
    min-width: 2.6rem;
  }
}
.exam-page main .congratulations-failed {
  background-color: #fff;
  display: none;
}
.exam-page main .congratulations-failed.show {
  display: block;
}
.exam-page main .congratulations-failed.failed .con-box .btn_box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.exam-page main .congratulations-failed.failed .con-box .btn_box .default____btn {
  width: calc(50% - 0.09rem);
  padding: 0 0.1rem;
}
.exam-page main .congratulations-failed .header-con {
  height: 1rem;
  padding: 0 0.32rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  border-bottom: 1px solid #CFD4E0;
}
.exam-page main .congratulations-failed .header-con .icon {
  height: 0.28rem;
}
.exam-page main .congratulations-failed .con-box {
  min-height: calc(100vh - 0.6rem);
  padding-top: 0.7rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (max-width: 800px) {
  .exam-page main .congratulations-failed .con-box {
    min-height: calc(100vh - 1rem);
    padding: 1.34rem 0.75rem 1rem;
  }
}
.exam-page main .congratulations-failed .con-box .con-img {
  width: 3rem;
}
@media screen and (max-width: 800px) {
  .exam-page main .congratulations-failed .con-box .con-img {
    width: 4.8rem;
  }
}
.exam-page main .congratulations-failed .con-box .con-title {
  margin-top: 0.3rem;
  font-size: 0.24rem;
  line-height: 0.36rem;
  font-family: var(--sk-font-SemiBold);
  text-align: center;
}
@media screen and (max-width: 800px) {
  .exam-page main .congratulations-failed .con-box .con-title {
    font-size: 0.34rem;
    line-height: 0.51rem;
  }
}
.exam-page main .congratulations-failed .con-box .card-box {
  margin-top: 0.3rem;
  width: 4.8rem;
  border-radius: 0.1rem;
  border: 1px solid #CFD4E0;
  overflow: hidden;
}
@media screen and (max-width: 800px) {
  .exam-page main .congratulations-failed .con-box .card-box {
    margin-top: 1rem;
    width: 6rem;
    border-radius: 0.16rem;
  }
}
.exam-page main .congratulations-failed .con-box .card-box .card-head {
  padding: 0.23rem 0.3rem 0.2rem;
  background-color: #F5F5F7;
  position: relative;
}
@media screen and (max-width: 800px) {
  .exam-page main .congratulations-failed .con-box .card-box .card-head {
    padding: 0.4rem 0.3rem;
  }
}
.exam-page main .congratulations-failed .con-box .card-box .card-head .bg-img {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
}
.exam-page main .congratulations-failed .con-box .card-box .card-head .head-infor {
  position: relative;
  z-index: 5;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.exam-page main .congratulations-failed .con-box .card-box .card-head .head-infor .avatar-box {
  width: 0.48rem;
  height: 0.48rem;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  margin-right: 0.12rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
}
@media screen and (max-width: 800px) {
  .exam-page main .congratulations-failed .con-box .card-box .card-head .head-infor .avatar-box {
    width: 0.8rem;
    height: 0.8rem;
    margin-right: 0.19rem;
  }
}
.exam-page main .congratulations-failed .con-box .card-box .card-head .head-infor .avatar-box .avatar-img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
}
.exam-page main .congratulations-failed .con-box .card-box .card-head .head-infor .avatar-box .avatar-text {
  width: 100%;
  height: 100%;
  background: #307FE2;
  border-radius: 50%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 0.2rem;
  color: #fff;
  font-family: var(--sk-font-Medium);
}
@media screen and (max-width: 800px) {
  .exam-page main .congratulations-failed .con-box .card-box .card-head .head-infor .avatar-box .avatar-text {
    font-size: 0.26rem;
  }
}
.exam-page main .congratulations-failed .con-box .card-box .card-head .head-infor .name-installer .name {
  font-size: 0.18rem;
  line-height: 0.27rem;
  font-family: var(--sk-font-Medium);
}
@media screen and (max-width: 800px) {
  .exam-page main .congratulations-failed .con-box .card-box .card-head .head-infor .name-installer .name {
    font-size: 0.26rem;
    line-height: 0.39rem;
  }
}
.exam-page main .congratulations-failed .con-box .card-box .card-head .head-infor .name-installer .installer {
  margin-top: 0.04rem;
  font-size: 0.12rem;
  line-height: 0.18rem;
  color: var(--sk-global-color);
}
@media screen and (max-width: 800px) {
  .exam-page main .congratulations-failed .con-box .card-box .card-head .head-infor .name-installer .installer {
    margin-top: 0.06rem;
    font-size: 0.22rem;
    line-height: 0.33rem;
    color: rgba(0, 0, 0, 0.7);
  }
}
.exam-page main .congratulations-failed .con-box .card-box .card-head .address {
  position: relative;
  z-index: 5;
  margin-top: 0.15rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.exam-page main .congratulations-failed .con-box .card-box .card-head .address .icon {
  width: 0.18rem;
  height: 0.18rem;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
}
.exam-page main .congratulations-failed .con-box .card-box .card-head .address .address-text {
  margin-left: 0.09rem;
  color: rgba(0, 0, 0, 0.7);
  font-size: 0.14rem;
  line-height: 0.21rem;
}
.exam-page main .congratulations-failed .con-box .card-box .card-body {
  padding: 0.2rem 0.2rem 0.24rem 0.3rem;
}
@media screen and (max-width: 800px) {
  .exam-page main .congratulations-failed .con-box .card-box .card-body {
    padding: 0.26rem 0.3rem 0.16rem 0.3rem;
  }
}
.exam-page main .congratulations-failed .con-box .card-box .card-body .obj-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.exam-page main .congratulations-failed .con-box .card-box .card-body .obj-item:not(:last-child) {
  margin-bottom: 0.11rem;
}
@media screen and (max-width: 800px) {
  .exam-page main .congratulations-failed .con-box .card-box .card-body .obj-item:not(:last-child) {
    margin-bottom: 0.2rem;
  }
}
.exam-page main .congratulations-failed .con-box .card-box .card-body .obj-item .label {
  font-size: 0.16rem;
  line-height: 0.24rem;
  color: rgba(0, 0, 0, 0.7);
}
@media screen and (max-width: 800px) {
  .exam-page main .congratulations-failed .con-box .card-box .card-body .obj-item .label {
    font-size: 0.24rem;
    line-height: 0.36rem;
  }
}
.exam-page main .congratulations-failed .con-box .card-box .card-body .obj-item .value {
  font-size: 0.16rem;
  line-height: 0.24rem;
}
@media screen and (max-width: 800px) {
  .exam-page main .congratulations-failed .con-box .card-box .card-body .obj-item .value {
    font-size: 0.24rem;
    line-height: 0.36rem;
  }
}
.exam-page main .congratulations-failed .con-box .card-box .card-body .obj-item .value .sb {
  font-family: var(--sk-font-SemiBold);
}
.exam-page main .congratulations-failed .con-box .card-box .card-body .obj-item .value .green {
  color: #47D054;
}
.exam-page main .congratulations-failed .con-box .card-box .card-body .obj-item .value .gray {
  color: rgba(0, 0, 0, 0.4);
}
.exam-page main .congratulations-failed .con-box .card-box .card-body .obj-item .value .red {
  color: #E61A1A;
}
.exam-page main .congratulations-failed .con-box .btn_box {
  margin-top: 0.4rem;
}
@media screen and (max-width: 800px) {
  .exam-page main .congratulations-failed .con-box .btn_box {
    margin-top: 0.6rem;
    width: 100%;
  }
}
.exam-page main .congratulations-failed .con-box .btn_box .default____btn {
  min-width: 2.1rem;
}
@media screen and (max-width: 800px) {
  .exam-page main .congratulations-failed .con-box .btn_box .default____btn {
    width: 100%;
  }
}
.exam-page main .congratulations-failed .con-box .btn_box .default____btn:not(:last-child) {
  margin-right: 0.2rem;
}
.exam-page main .congratulations-failed .con-box .footer_box {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
      -ms-flex-align: end;
          align-items: flex-end;
}
@media screen and (max-width: 800px) {
  .exam-page main .congratulations-failed .con-box .footer_box {
    display: none;
  }
}

.error-page {
  height: 100vh;
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  padding-bottom: 6%;
}
.error-page .error-img {
  width: 4rem;
}
@media screen and (max-width: 800px) {
  .error-page .error-img {
    width: 4.8rem;
  }
}
.error-page .h1 {
  margin-top: 0.4rem;
  font-size: 0.24rem;
  line-height: 0.36rem;
  font-family: var(--sk-font-SemiBold);
}
@media screen and (max-width: 800px) {
  .error-page .h1 {
    margin-top: 0.56rem;
    font-size: 0.34rem;
    line-height: 0.51rem;
  }
}
.error-page .btn_box {
  margin-top: 0.4rem;
}
@media screen and (max-width: 800px) {
  .error-page .btn_box {
    margin-top: 0.48rem;
  }
}
.error-page .btn_box .default____btn {
  min-width: 2.1rem;
}
@media screen and (max-width: 800px) {
  .error-page .btn_box .default____btn {
    min-width: 3.6rem;
  }
}

.cookie-policy-page .page-main {
  padding-top: 1rem;
  padding-bottom: 1.2rem;
}
.cookie-policy-page .page-main .wal {
  max-width: 10rem;
}
.cookie-policy-page .page-main .wal .h1 {
  font-size: 0.4rem;
  line-height: 0.6rem;
  font-family: var(--sk-font-SemiBold);
}
@media screen and (max-width: 800px) {
  .cookie-policy-page .page-main .wal .h1 {
    font-size: 0.54rem;
    line-height: 0.81rem;
    text-align: center;
  }
}
.cookie-policy-page .page-main .wal .html-box {
  margin-top: 0.4rem;
  font-size: 0.16rem;
  line-height: 0.24rem;
  color: rgba(0, 0, 0, 0.7);
}
@media screen and (max-width: 800px) {
  .cookie-policy-page .page-main .wal .html-box {
    margin-top: 0.6rem;
    font-size: 0.24rem;
    line-height: 0.36rem;
  }
}
.cookie-policy-page .page-main .wal .html-box a {
  color: var(--sk-global-color);
}
.cookie-policy-page .page-main .wal .html-box ul {
  display: block;
  list-style-type: disc;
  -webkit-margin-before: 1em;
          margin-block-start: 1em;
  -webkit-margin-after: 1em;
          margin-block-end: 1em;
  -webkit-padding-start: 1.5em;
     -moz-padding-start: 1.5em;
          padding-inline-start: 1.5em;
}
.cookie-policy-page .page-main .wal .html-box ul li {
  display: list-item;
  list-style-type: inherit;
}

.cookie________wrap {
  position: fixed;
  z-index: 50;
  bottom: 0.1rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 14rem;
  border-radius: 0.1rem;
  background: #FFFFFF;
  box-shadow: 0rem 0rem 0.3rem 0rem rgba(89, 95, 109, 0.3);
  padding: 0.18rem 0.3rem 0.19rem 0.2rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  opacity: 0;
  visibility: hidden;
}
.cookie________wrap.show {
  opacity: 1;
  visibility: visible;
}
@media screen and (max-width: 800px) {
  .cookie________wrap {
    bottom: 0;
    width: 100%;
    border-radius: 0.24rem 0.24rem 0rem 0rem;
    box-shadow: 0rem -0.2rem 0.5rem 0rem rgba(89, 95, 109, 0.15);
    padding: 0.41rem 0.32rem 0.32rem;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.cookie________wrap .cookie-text {
  width: 9.28rem;
  font-size: 0.14rem;
  line-height: 0.21rem;
  color: rgba(0, 0, 0, 0.7);
}
@media screen and (max-width: 800px) {
  .cookie________wrap .cookie-text {
    width: 100%;
    font-size: 0.22rem;
    line-height: 0.33rem;
  }
}
.cookie________wrap .cookie-text a {
  color: var(--sk-global-color);
}
.cookie________wrap .btn_box_wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (max-width: 800px) {
  .cookie________wrap .btn_box_wrap {
    margin-top: 0.38rem;
    width: 100%;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}
.cookie________wrap .btn_box_wrap .btn-box {
  height: 0.36rem;
  padding: 0 0.2rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-width: 1.2rem;
  border-radius: 0.04rem;
  font-size: 0.14rem;
  color: rgba(0, 0, 0, 0.4);
  background: #F5F5F7;
  font-family: var(--sk-font-Medium);
}
@media screen and (max-width: 800px) {
  .cookie________wrap .btn_box_wrap .btn-box {
    height: 0.8rem;
    width: calc(50% - 0.1rem);
    border-radius: 0.08rem;
    font-size: 0.24rem;
  }
}
.cookie________wrap .btn_box_wrap .btn-box:hover {
  background: #E2E2E9;
}
.cookie________wrap .btn_box_wrap .btn-box:not(:last-child) {
  margin-right: 0.1rem;
}
.cookie________wrap .btn_box_wrap .btn-box.color {
  color: #FFFFFF;
  background: var(--sk-global-color);
}
.cookie________wrap .btn_box_wrap .btn-box.color:hover {
  background: #145BB4;
}

.installers-program-page .banner-section {
  height: 4.5rem;
  position: relative;
}
@media screen and (max-width: 800px) {
  .installers-program-page .banner-section {
    height: 6rem;
    overflow: hidden;
  }
}
.installers-program-page .banner-section .bg-img {
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}
.installers-program-page .banner-section .wal {
  height: 100%;
}
.installers-program-page .banner-section .wal .content-wrapper {
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #fff;
}
.installers-program-page .banner-section .wal .content-wrapper .h1 {
  font-size: 0.4rem;
  line-height: 0.6rem;
  font-family: var(--sk-font-SemiBold);
}
@media screen and (max-width: 800px) {
  .installers-program-page .banner-section .wal .content-wrapper .h1 {
    font-size: 0.46rem;
    line-height: 0.69rem;
  }
}
.installers-program-page .banner-section .wal .content-wrapper .contentx {
  margin-top: 0.24rem;
  max-width: 6.53rem;
  font-size: 0.18rem;
  line-height: 0.27rem;
}
@media screen and (max-width: 800px) {
  .installers-program-page .banner-section .wal .content-wrapper .contentx {
    display: none;
  }
}
.installers-program-page .banner-section .wal .content-wrapper .btn_box {
  margin-top: 0.4rem;
}
@media screen and (max-width: 800px) {
  .installers-program-page .banner-section .wal .content-wrapper .btn_box {
    margin-top: 0.48rem;
  }
}
.installers-program-page .join-us-to-support-your-business {
  padding-top: 0.7rem;
  padding-bottom: 0.8rem;
  background: #F5F5F7;
}
@media screen and (max-width: 800px) {
  .installers-program-page .join-us-to-support-your-business {
    padding-top: 1.2rem;
    padding-bottom: 1.44rem;
    overflow: hidden;
  }
}
.installers-program-page .join-us-to-support-your-business .h2 {
  text-align: center;
  font-size: 0.4rem;
  line-height: 0.6rem;
  font-family: var(--sk-font-SemiBold);
}
@media screen and (max-width: 800px) {
  .installers-program-page .join-us-to-support-your-business .h2 {
    font-size: 0.46rem;
    line-height: 0.69rem;
  }
}
.installers-program-page .join-us-to-support-your-business .contentx {
  margin-top: 0.24rem;
  text-align: center;
  font-size: 0.18rem;
  line-height: 0.27rem;
}
.installers-program-page .join-us-to-support-your-business .card-list-wrap {
  margin-top: 0.48rem;
}
@media screen and (max-width: 800px) {
  .installers-program-page .join-us-to-support-your-business .card-list-wrap {
    margin-top: 0.6rem;
  }
}
.installers-program-page .join-us-to-support-your-business .card-list-wrap .card-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  margin: -0.12rem;
}
@media screen and (max-width: 800px) {
  .installers-program-page .join-us-to-support-your-business .card-list-wrap .card-list {
    -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
    margin: 0;
  }
}
.installers-program-page .join-us-to-support-your-business .card-list-wrap .card-list .card-box {
  margin: 0.12rem;
  padding: 0.2rem 0.2rem 0.3rem;
  border-radius: 0.1rem;
  overflow: hidden;
  position: relative;
  z-index: 2;
  width: calc(25% - 0.24rem);
  height: 4.2rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  color: #fff;
}
@media screen and (max-width: 800px) {
  .installers-program-page .join-us-to-support-your-business .card-list-wrap .card-list .card-box {
    margin: 0;
    width: 5.5rem;
    padding: 0.32rem 0.32rem 0.66rem;
    border-radius: 0.16rem;
    height: 6.96rem;
  }
}
.installers-program-page .join-us-to-support-your-business .card-list-wrap .card-list .card-box .bg-box {
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}
.installers-program-page .join-us-to-support-your-business .card-list-wrap .card-list .card-box .bg-box::before {
  content: "";
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: -webkit-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.3));
  background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.3));
}
.installers-program-page .join-us-to-support-your-business .card-list-wrap .card-list .card-box .bg-box .bg-img {
  width: 100%;
  height: 100%;
}
.installers-program-page .join-us-to-support-your-business .card-list-wrap .card-list .card-box .icon-box {
  width: 0.48rem;
  height: 0.48rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.12rem;
  backdrop-filter: blur(15px);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media screen and (max-width: 800px) {
  .installers-program-page .join-us-to-support-your-business .card-list-wrap .card-list .card-box .icon-box {
    width: 0.8rem;
    height: 0.8rem;
    border-radius: 0.16rem;
  }
}
.installers-program-page .join-us-to-support-your-business .card-list-wrap .card-list .card-box .icon-box .icon {
  width: 0.29rem;
  height: 0.29rem;
}
@media screen and (max-width: 800px) {
  .installers-program-page .join-us-to-support-your-business .card-list-wrap .card-list .card-box .icon-box .icon {
    width: 0.48rem;
    height: 0.48rem;
  }
}
.installers-program-page .join-us-to-support-your-business .card-list-wrap .card-list .card-box .text-box .card-title {
  font-size: 0.2rem;
  line-height: 0.3rem;
  font-family: var(--sk-font-Medium);
}
@media screen and (max-width: 800px) {
  .installers-program-page .join-us-to-support-your-business .card-list-wrap .card-list .card-box .text-box .card-title {
    font-size: 0.3rem;
    line-height: 0.4688rem;
  }
}
.installers-program-page .join-us-to-support-your-business .card-list-wrap .card-list .card-box .text-box .card-text {
  margin-top: 0.1rem;
  min-height: 1.44rem;
  font-size: 0.16rem;
  line-height: 0.24rem;
}
@media screen and (max-width: 800px) {
  .installers-program-page .join-us-to-support-your-business .card-list-wrap .card-list .card-box .text-box .card-text {
    margin-top: 0.14rem;
    min-height: 1.6rem;
    font-size: 0.22rem;
    line-height: 0.33rem;
  }
}
.installers-program-page .join-us-to-support-your-business .card-list-wrap .pagination {
  margin-top: 0.6rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.installers-program-page .join-us-to-support-your-business .card-list-wrap .pagination .swiper-pagination-bullet {
  width: 0.16rem;
  height: 0.16rem;
  border-radius: 50%;
  background: #E2E2E9;
}
.installers-program-page .join-us-to-support-your-business .card-list-wrap .pagination .swiper-pagination-bullet:not(:last-child) {
  margin-right: 0.16rem;
}
.installers-program-page .join-us-to-support-your-business .card-list-wrap .pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: var(--sk-global-color);
}
.installers-program-page .installer-company-section {
  margin-top: 0.6rem;
  margin-bottom: 0.8rem;
}
@media screen and (max-width: 800px) {
  .installers-program-page .installer-company-section {
    margin-top: 1.2rem;
    margin-bottom: 1.2rem;
    overflow: hidden;
  }
}
.installers-program-page .installer-company-section .wal .head-wrap {
  text-align: center;
}
.installers-program-page .installer-company-section .wal .head-wrap .h2 {
  font-size: 0.4rem;
  line-height: 0.6rem;
  font-family: var(--sk-font-SemiBold);
}
@media screen and (max-width: 800px) {
  .installers-program-page .installer-company-section .wal .head-wrap .h2 {
    font-size: 0.46rem;
    line-height: 0.69rem;
    text-align: center;
  }
}
.installers-program-page .installer-company-section .wal .head-wrap .contentx {
  margin: 0.24rem auto 0;
  max-width: 8rem;
  text-align: center;
  font-size: 0.16rem;
  line-height: 0.24rem;
  color: rgba(0, 0, 0, 0.7);
}
@media screen and (max-width: 800px) {
  .installers-program-page .installer-company-section .wal .head-wrap .contentx {
    margin: 0.4rem auto 0;
    font-size: 0.24rem;
    line-height: 0.36rem;
  }
}
.installers-program-page .installer-company-section .wal .card-list-wrap {
  margin-top: 0.48rem;
}
@media screen and (max-width: 800px) {
  .installers-program-page .installer-company-section .wal .card-list-wrap {
    margin-top: 0.35rem;
  }
}
.installers-program-page .installer-company-section .wal .card-list-wrap .card-list {
  margin: -0.15rem -0.125rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}
@media screen and (max-width: 800px) {
  .installers-program-page .installer-company-section .wal .card-list-wrap .card-list {
    margin: 0;
    -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.installers-program-page .installer-company-section .wal .card-list-wrap .card-list .card-box {
  width: calc(33.3333333333% - 0.25rem);
  height: 3rem;
  margin: 0.15rem 0.125rem;
  border: 1px solid #CFD4E0;
  border-radius: 0.1rem;
  padding: 0.2rem 0.18rem;
  position: relative;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
@media screen and (max-width: 800px) {
  .installers-program-page .installer-company-section .wal .card-list-wrap .card-list .card-box {
    width: calc(100% - 0.63rem);
    height: auto;
    margin: 0;
    border-radius: 0.16rem;
    padding: 0.32rem 0.32rem 0.42rem;
    margin-left: 0.63rem;
    margin-bottom: 0.32rem;
  }
}
.installers-program-page .installer-company-section .wal .card-list-wrap .card-list .card-box:last-child .sidebar {
  height: calc(100% - 0.32rem);
}
.installers-program-page .installer-company-section .wal .card-list-wrap .card-list .card-box .sidebar {
  position: absolute;
  top: 0.3rem;
  left: -0.48rem;
  width: 2px;
  height: calc(100% + 0.06rem);
  background: var(--sk-global-color);
}
.installers-program-page .installer-company-section .wal .card-list-wrap .card-list .card-box .sidebar::before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  width: 0.16rem;
  height: 0.16rem;
  -webkit-transform: translate(-50%, -100%);
      -ms-transform: translate(-50%, -100%);
          transform: translate(-50%, -100%);
  border-radius: 50%;
  border: 0.08rem solid #307FE2;
}
.installers-program-page .installer-company-section .wal .card-list-wrap .card-list .card-box .num-box {
  position: absolute;
  top: 0.1rem;
  right: 0.2rem;
  font-family: var(--sk-font-SemiBold);
  font-size: 0.48rem;
  line-height: 0.72rem;
  color: rgba(0, 0, 0, 0.1);
}
@media screen and (max-width: 800px) {
  .installers-program-page .installer-company-section .wal .card-list-wrap .card-list .card-box .num-box {
    top: 0.1rem;
    right: 0.3rem;
    font-size: 0.7rem;
    line-height: 1rem;
  }
}
@media screen and (max-width: 800px) {
  .installers-program-page .installer-company-section .wal .card-list-wrap .card-list .card-box .icon-title {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
.installers-program-page .installer-company-section .wal .card-list-wrap .card-list .card-box .icon-title .icon {
  width: 0.48rem;
  height: 0.48rem;
}
@media screen and (max-width: 800px) {
  .installers-program-page .installer-company-section .wal .card-list-wrap .card-list .card-box .icon-title .icon {
    width: 0.56rem;
    height: 0.56rem;
    object-fit: contain;
  }
}
.installers-program-page .installer-company-section .wal .card-list-wrap .card-list .card-box .icon-title .card-title {
  margin-top: 0.29rem;
  font-size: 0.24rem;
  line-height: 0.36rem;
  font-family: var(--sk-font-Medium);
}
@media screen and (max-width: 800px) {
  .installers-program-page .installer-company-section .wal .card-list-wrap .card-list .card-box .icon-title .card-title {
    margin-top: 0;
    margin-left: 0.24rem;
    font-size: 0.3rem;
    line-height: 0.42rem;
    padding-right: 1rem;
  }
}
.installers-program-page .installer-company-section .wal .card-list-wrap .card-list .card-box .card-text-link.type2 .text-link-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.installers-program-page .installer-company-section .wal .card-list-wrap .card-list .card-box .card-text-link.type2 .text-link-item .link-box {
  margin-top: 0;
  margin-left: 0.26rem;
}
.installers-program-page .installer-company-section .wal .card-list-wrap .card-list .card-box .card-text-link .text-link-item {
  margin-top: 0.24rem;
}
.installers-program-page .installer-company-section .wal .card-list-wrap .card-list .card-box .card-text-link .text-link-item:not(:first-child) {
  margin-top: 0.16rem;
}
.installers-program-page .installer-company-section .wal .card-list-wrap .card-list .card-box .card-text-link .text-link-item .card-text {
  font-size: 0.18rem;
  line-height: 0.27rem;
  color: rgba(0, 0, 0, 0.7);
}
@media screen and (max-width: 800px) {
  .installers-program-page .installer-company-section .wal .card-list-wrap .card-list .card-box .card-text-link .text-link-item .card-text {
    font-size: 0.24rem;
    line-height: 0.32rem;
  }
}
.installers-program-page .installer-company-section .wal .card-list-wrap .card-list .card-box .card-text-link .text-link-item .link-box {
  margin-top: 0.18rem;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 0.1rem;
  font-size: 0.16rem;
  line-height: 0.24rem;
  font-family: var(--sk-font-Medium);
  color: var(--sk-global-color);
}
@media screen and (max-width: 800px) {
  .installers-program-page .installer-company-section .wal .card-list-wrap .card-list .card-box .card-text-link .text-link-item .link-box {
    font-size: 0.24rem;
    line-height: 0.36rem;
  }
}
.installers-program-page .installer-company-section .wal .card-list-wrap .card-list .card-box .card-text-link .text-link-item .link-box:hover {
  text-decoration: underline;
}
.installers-program-page .installer-company-section .wal .card-list-wrap .card-list .card-box .card-text-link .text-link-item .link-box .link-icon {
  height: 0.1rem;
  margin-left: 0.08rem;
}
@media screen and (max-width: 800px) {
  .installers-program-page .installer-company-section .wal .card-list-wrap .card-list .card-box .card-text-link .text-link-item .link-box .link-icon {
    height: 0.16rem;
  }
}
.installers-program-page .installer-company-section .wal .card-list-wrap .pagination-button {
  margin-top: 0.6rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.installers-program-page .installer-company-section .wal .card-list-wrap .pagination-button .pagination {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.installers-program-page .installer-company-section .wal .card-list-wrap .pagination-button .pagination .swiper-pagination-bullet {
  width: 0.16rem;
  height: 0.16rem;
  border-radius: 50%;
  background: #E2E2E9;
}
.installers-program-page .installer-company-section .wal .card-list-wrap .pagination-button .pagination .swiper-pagination-bullet:not(:last-child) {
  margin-right: 0.16rem;
}
.installers-program-page .installer-company-section .wal .card-list-wrap .pagination-button .pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: var(--sk-global-color);
}
.installers-program-page .installer-company-section .wal .card-list-wrap .pagination-button .button-box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 0.2rem;
}
.installers-program-page .installer-company-section .wal .card-list-wrap .pagination-button .button-box .btn-prev,
.installers-program-page .installer-company-section .wal .card-list-wrap .pagination-button .button-box .btn-next {
  height: 0.72rem;
  width: 0.72rem;
  background: #E2E2E9;
  border-radius: 0.08rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.installers-program-page .installer-company-section .wal .card-list-wrap .pagination-button .button-box .btn-prev .icon,
.installers-program-page .installer-company-section .wal .card-list-wrap .pagination-button .button-box .btn-next .icon {
  width: 0.24rem;
  height: 0.24rem;
  object-fit: contain;
}

.sk-common-nav {
  width: 3rem;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
}
@media screen and (max-width: 800px) {
  .sk-common-nav {
    position: fixed;
    z-index: 99;
    width: 100%;
    top: 1rem;
    left: 0;
    height: calc(100vh - 1rem);
    background: rgba(0, 0, 0, 0.5);
    -webkit-transition: 0.3s;
    transition: 0.3s;
    opacity: 0;
    visibility: hidden;
  }
  .sk-common-nav.show {
    opacity: 1;
    visibility: visible;
  }
  .sk-common-nav.show .sk-wrap {
    -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
            transform: translateX(0);
  }
}
.sk-common-nav .sk-wrap {
  position: -webkit-sticky;
  position: sticky;
  top: 0.84rem;
}
@media screen and (max-width: 800px) {
  .sk-common-nav .sk-wrap {
    position: relative;
    top: 0;
    width: 4.8rem;
    height: 100%;
    background: #FFFFFF;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    -webkit-transform: translateX(-100%);
        -ms-transform: translateX(-100%);
            transform: translateX(-100%);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.sk-common-nav .sk-wrap .card-head {
  padding: 0.1rem;
  background: #F5F5F7;
  border-radius: 0.1rem;
}
@media screen and (max-width: 800px) {
  .sk-common-nav .sk-wrap .card-head {
    padding: 0.21rem 0.32rem 0.31rem 0.32rem;
    border-radius: 0;
  }
}
.sk-common-nav .sk-wrap .card-head .head-infor {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0.1rem;
}
@media screen and (max-width: 800px) {
  .sk-common-nav .sk-wrap .card-head .head-infor {
    padding: 0;
  }
}
.sk-common-nav .sk-wrap .card-head .head-infor .avatar-box {
  width: 0.48rem;
  height: 0.48rem;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  margin-right: 0.12rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
}
@media screen and (max-width: 800px) {
  .sk-common-nav .sk-wrap .card-head .head-infor .avatar-box {
    width: 0.64rem;
    height: 0.64rem;
    margin-right: 0.2rem;
  }
}
.sk-common-nav .sk-wrap .card-head .head-infor .avatar-box .avatar-img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
}
.sk-common-nav .sk-wrap .card-head .head-infor .avatar-box .avatar-text {
  width: 100%;
  height: 100%;
  background: #307FE2;
  border-radius: 50%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 0.2rem;
  color: #fff;
  font-family: var(--sk-font-Medium);
}
@media screen and (max-width: 800px) {
  .sk-common-nav .sk-wrap .card-head .head-infor .avatar-box .avatar-text {
    font-size: 0.26rem;
  }
}
.sk-common-nav .sk-wrap .card-head .head-infor .name-installer .name {
  font-size: 0.18rem;
  line-height: 0.27rem;
  font-family: var(--sk-font-Medium);
}
@media screen and (max-width: 800px) {
  .sk-common-nav .sk-wrap .card-head .head-infor .name-installer .name {
    font-size: 0.26rem;
    line-height: 0.39rem;
  }
}
.sk-common-nav .sk-wrap .card-head .head-infor .name-installer .installer {
  margin-top: 0.03rem;
  font-size: 0.12rem;
  line-height: 0.18rem;
  color: var(--sk-global-color);
  height: 0.2rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0 0.08rem 0 0.07rem;
  background: rgba(48, 127, 226, 0.1);
  border-radius: 0.04rem;
}
@media screen and (max-width: 800px) {
  .sk-common-nav .sk-wrap .card-head .head-infor .name-installer .installer {
    margin-top: 0.08rem;
    font-size: 0.2rem;
    line-height: 0.3rem;
    height: 0.4rem;
    padding: 0 0.12rem;
    border-radius: 0.08rem;
  }
}
.sk-common-nav .sk-wrap .card-head .head-infor .name-installer .installer:hover {
  background: rgba(48, 127, 226, 0.2);
}
.sk-common-nav .sk-wrap .card-head .address {
  margin-top: 0.1rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  background: #FFFFFF;
  border-radius: 0.04rem;
  padding: 0.1rem;
}
@media screen and (max-width: 800px) {
  .sk-common-nav .sk-wrap .card-head .address {
    margin-top: 0.3rem;
    border-radius: 0.08rem;
    padding: 0.16rem 0.24rem;
  }
}
.sk-common-nav .sk-wrap .card-head .address .icon {
  width: 0.18rem;
  height: 0.18rem;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
}
@media screen and (max-width: 800px) {
  .sk-common-nav .sk-wrap .card-head .address .icon {
    width: 0.36rem;
    height: 0.36rem;
  }
}
.sk-common-nav .sk-wrap .card-head .address .address-text {
  margin-left: 0.09rem;
  color: rgba(0, 0, 0, 0.7);
  font-size: 0.14rem;
  line-height: 0.21rem;
}
@media screen and (max-width: 800px) {
  .sk-common-nav .sk-wrap .card-head .address .address-text {
    margin-left: 0.14rem;
    font-size: 0.22rem;
    line-height: 0.33rem;
  }
}
.sk-common-nav .sk-wrap .br {
  margin-top: 0.2rem;
  margin-bottom: 0.2rem;
  height: 1px;
  background: #CFD4E0;
}
@media screen and (max-width: 800px) {
  .sk-common-nav .sk-wrap .br {
    margin-top: 0;
    margin-bottom: 0.32rem;
  }
}
.sk-common-nav .sk-wrap .nav-list .nav-li {
  height: 0.4rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0.1rem 0.1rem 0.09rem;
  opacity: 0.6;
  border-radius: 0.04rem;
  cursor: pointer;
}
@media screen and (max-width: 800px) {
  .sk-common-nav .sk-wrap .nav-list .nav-li {
    height: 0.8rem;
    padding: 0.2rem 0.32rem;
    border-radius: 0;
  }
}
.sk-common-nav .sk-wrap .nav-list .nav-li:hover {
  opacity: 1;
  color: var(--sk-global-color);
}
.sk-common-nav .sk-wrap .nav-list .nav-li.on {
  opacity: 1;
  background: rgba(48, 127, 226, 0.1);
  color: var(--sk-global-color);
}
.sk-common-nav .sk-wrap .nav-list .nav-li:not(:last-child) {
  margin-bottom: 0.04rem;
}
@media screen and (max-width: 800px) {
  .sk-common-nav .sk-wrap .nav-list .nav-li:not(:last-child) {
    margin-bottom: 0.1rem;
  }
}
.sk-common-nav .sk-wrap .nav-list .nav-li .icon-box {
  width: 0.2rem;
  height: 0.2rem;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: 0;
      -ms-flex-direction: 0;
          flex-direction: 0;
  margin-right: 0.1rem;
}
@media screen and (max-width: 800px) {
  .sk-common-nav .sk-wrap .nav-list .nav-li .icon-box {
    width: 0.4rem;
    height: 0.4rem;
  }
}
.sk-common-nav .sk-wrap .nav-list .nav-li .icon-box .icon {
  width: 100%;
  height: 100%;
}
.sk-common-nav .sk-wrap .nav-list .nav-li .nav-text {
  font-size: 0.14rem;
  line-height: 0.21rem;
}
@media screen and (max-width: 800px) {
  .sk-common-nav .sk-wrap .nav-list .nav-li .nav-text {
    font-size: 0.24rem;
    line-height: 0.36rem;
  }
}
.sk-common-nav .sk-wrap .manage-company {
  margin-top: 0.4rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 0.4rem;
  border-radius: 0.04rem;
  background: #F5F5F7;
  font-size: 0.14rem;
  color: var(--sk-global-color);
}
@media screen and (max-width: 800px) {
  .sk-common-nav .sk-wrap .manage-company {
    margin: 0.76rem 0.32rem;
    background: var(--sk-global-color);
    height: 0.8rem;
    border-radius: 0.08rem;
    font-size: 0.24rem;
    color: #fff;
  }
}
.sk-common-nav .sk-wrap .manage-company:hover {
  color: #fff;
  background: var(--sk-global-color);
}
.sk-common-nav .sk-wrap .manage-company.on {
  color: #fff;
  background: var(--sk-global-color);
}
.sk-common-nav .sk-wrap .manage-company.on:hover {
  background: #145BB4;
}
.sk-common-nav .sk-wrap .manage-company .icon {
  width: 0.18rem;
  height: 0.18rem;
  margin-right: 0.07rem;
}
@media screen and (max-width: 800px) {
  .sk-common-nav .sk-wrap .manage-company .icon {
    width: 0.36rem;
    height: 0.36rem;
    color: #fff;
  }
}
.sk-common-nav .sk-wrap .bottom-wrap {
  margin-top: auto;
}
.sk-common-nav .sk-wrap .bottom-wrap .home-a {
  text-align: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.sk-common-nav .sk-wrap .bottom-wrap .home-a .text {
  font-size: 0.26rem;
  line-height: 0.39rem;
  margin-right: 0.12rem;
  color: #307FE2;
}
.sk-common-nav .sk-wrap .bottom-wrap .home-a .icon {
  width: 0.2rem;
  height: 0.2rem;
  object-fit: contain;
}
.sk-common-nav .sk-wrap .bottom-wrap .sign-out {
  text-align: center;
  padding: 0.32rem 0 0.29rem;
  border-top: 1px solid #CFD4E0;
  margin-top: 0.47rem;
  font-size: 0.26rem;
  line-height: 0.39rem;
}

.sk-common-container-flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-top: 0.24rem;
}
@media screen and (max-width: 800px) {
  .sk-common-container-flex {
    padding-top: 0.8rem;
  }
}
.sk-common-container-flex .sk-common-aside {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin-left: 0.56rem;
}
@media screen and (max-width: 800px) {
  .sk-common-container-flex .sk-common-aside {
    margin-left: 0;
    width: 100%;
  }
}

.compulsory-course-page .content-wrapper,
.favorite-courses-page .content-wrapper {
  padding-bottom: 0.98rem;
  position: relative;
}
@media screen and (max-width: 800px) {
  .compulsory-course-page .content-wrapper,
  .favorite-courses-page .content-wrapper {
    padding-bottom: 1.2rem;
  }
}
.compulsory-course-page .content-wrapper .h1,
.favorite-courses-page .content-wrapper .h1 {
  margin-top: 0.2rem;
  font-size: 0.32rem;
  line-height: 0.48rem;
  font-family: var(--sk-font-SemiBold);
}
@media screen and (max-width: 800px) {
  .compulsory-course-page .content-wrapper .h1,
  .favorite-courses-page .content-wrapper .h1 {
    margin-top: 0;
    font-size: 0.46rem;
    line-height: 0.69rem;
  }
}
.compulsory-course-page .content-wrapper .tabs-wrap,
.favorite-courses-page .content-wrapper .tabs-wrap {
  margin-top: 0.3rem;
  border-bottom: 1px solid #CFD4E0;
}
@media screen and (max-width: 800px) {
  .compulsory-course-page .content-wrapper .tabs-wrap,
  .favorite-courses-page .content-wrapper .tabs-wrap {
    margin: 0.4rem -0.32rem 0;
    padding: 0 0.32rem;
    overflow-x: auto;
    overflow-y: hidden;
    scrollbar-width: none;
    -ms-overflow-style: none;
  }
  .compulsory-course-page .content-wrapper .tabs-wrap::-webkit-scrollbar,
  .favorite-courses-page .content-wrapper .tabs-wrap::-webkit-scrollbar {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
    -webkit-appearance: none !important;
            appearance: none !important;
  }
}
.compulsory-course-page .content-wrapper .tabs-wrap .tab-list,
.favorite-courses-page .content-wrapper .tabs-wrap .tab-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: -1px;
}
@media screen and (max-width: 800px) {
  .compulsory-course-page .content-wrapper .tabs-wrap .tab-list,
  .favorite-courses-page .content-wrapper .tabs-wrap .tab-list {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
  }
}
.compulsory-course-page .content-wrapper .tabs-wrap .tab-list .tab,
.favorite-courses-page .content-wrapper .tabs-wrap .tab-list .tab {
  margin-right: 0.48rem;
  font-size: 0.16rem;
  line-height: 0.24rem;
  font-family: var(--sk-font-Medium);
  padding-bottom: 0.13rem;
  color: rgba(0, 0, 0, 0.6);
  cursor: pointer;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  border-bottom: 2px solid transparent;
}
@media screen and (max-width: 800px) {
  .compulsory-course-page .content-wrapper .tabs-wrap .tab-list .tab,
  .favorite-courses-page .content-wrapper .tabs-wrap .tab-list .tab {
    margin-right: 0.6rem;
    font-size: 0.26rem;
    line-height: 0.39rem;
    padding-bottom: 0.24rem;
  }
}
.compulsory-course-page .content-wrapper .tabs-wrap .tab-list .tab:hover,
.favorite-courses-page .content-wrapper .tabs-wrap .tab-list .tab:hover {
  color: var(--sk-global-color);
}
.compulsory-course-page .content-wrapper .tabs-wrap .tab-list .tab.on,
.favorite-courses-page .content-wrapper .tabs-wrap .tab-list .tab.on {
  color: var(--sk-global-color);
  border-color: var(--sk-global-color);
}
.compulsory-course-page .content-wrapper .select-list,
.favorite-courses-page .content-wrapper .select-list {
  margin-top: 0.3rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (max-width: 800px) {
  .compulsory-course-page .content-wrapper .select-list,
  .favorite-courses-page .content-wrapper .select-list {
    margin-top: 0.4rem;
  }
}
.compulsory-course-page .content-wrapper .select-list .sk_select,
.favorite-courses-page .content-wrapper .select-list .sk_select {
  --h: 0.4rem;
  width: 2.37rem;
  -webkit-box-flex: 0;
  -webkit-flex: none;
      -ms-flex: none;
          flex: none;
}
@media screen and (max-width: 800px) {
  .compulsory-course-page .content-wrapper .select-list .sk_select,
  .favorite-courses-page .content-wrapper .select-list .sk_select {
    --h: 0.8rem;
    width: calc(50% - 0.1rem);
  }
}
.compulsory-course-page .content-wrapper .select-list .sk_select:not(:last-child),
.favorite-courses-page .content-wrapper .select-list .sk_select:not(:last-child) {
  margin-right: 0.2rem;
}
.compulsory-course-page .content-wrapper .select-list .sk_select .-select-front input,
.favorite-courses-page .content-wrapper .select-list .sk_select .-select-front input {
  font-size: 0.14rem;
  padding: 0 0.15rem;
}
@media screen and (max-width: 800px) {
  .compulsory-course-page .content-wrapper .select-list .sk_select .-select-front input,
  .favorite-courses-page .content-wrapper .select-list .sk_select .-select-front input {
    padding: 0 0.3rem;
    font-size: 0.24rem;
  }
}
.compulsory-course-page .content-wrapper .select-list .sk_select .-select-front::after,
.favorite-courses-page .content-wrapper .select-list .sk_select .-select-front::after {
  right: 0.15rem;
}
@media screen and (max-width: 800px) {
  .compulsory-course-page .content-wrapper .select-list .sk_select .-select-front::after,
  .favorite-courses-page .content-wrapper .select-list .sk_select .-select-front::after {
    right: 0.2rem;
  }
}
.compulsory-course-page .content-wrapper .content-wrap,
.favorite-courses-page .content-wrapper .content-wrap {
  display: none;
}
.compulsory-course-page .content-wrapper .content-wrap.show,
.favorite-courses-page .content-wrapper .content-wrap.show {
  display: block;
}
.compulsory-course-page .content-wrapper .content-wrap .view-by-section,
.favorite-courses-page .content-wrapper .content-wrap .view-by-section {
  margin-top: 0.46rem;
}
.compulsory-course-page .content-wrapper .content-wrap .view-by-section .view-by-wrap,
.favorite-courses-page .content-wrapper .content-wrap .view-by-section .view-by-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.compulsory-course-page .content-wrapper .content-wrap .view-by-section .view-by-wrap .label,
.favorite-courses-page .content-wrapper .content-wrap .view-by-section .view-by-wrap .label {
  font-size: 0.24rem;
  line-height: 0.36rem;
  color: rgba(0, 0, 0, 0.6);
  margin-right: 0.38rem;
}
.compulsory-course-page .content-wrapper .content-wrap .view-by-section .view-by-wrap .view-by-list,
.favorite-courses-page .content-wrapper .content-wrap .view-by-section .view-by-wrap .view-by-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.compulsory-course-page .content-wrapper .content-wrap .view-by-section .view-by-wrap .view-by-list .view-icon,
.favorite-courses-page .content-wrapper .content-wrap .view-by-section .view-by-wrap .view-by-list .view-icon {
  width: 0.32rem;
  height: 0.32rem;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  opacity: 0.2;
}
.compulsory-course-page .content-wrapper .content-wrap .view-by-section .view-by-wrap .view-by-list .view-icon.on,
.favorite-courses-page .content-wrapper .content-wrap .view-by-section .view-by-wrap .view-by-list .view-icon.on {
  opacity: 0.6;
}
.compulsory-course-page .content-wrapper .content-wrap .view-by-section .view-by-wrap .view-by-list .view-icon:not(:last-child),
.favorite-courses-page .content-wrapper .content-wrap .view-by-section .view-by-wrap .view-by-list .view-icon:not(:last-child) {
  margin-right: 0.35rem;
}
.compulsory-course-page .content-wrapper .content-wrap .view-by-section .view-by-wrap .view-by-list .view-icon .icon,
.favorite-courses-page .content-wrapper .content-wrap .view-by-section .view-by-wrap .view-by-list .view-icon .icon {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.compulsory-course-page .content-wrapper .content-wrap .card_____list_wrap__type2,
.favorite-courses-page .content-wrapper .content-wrap .card_____list_wrap__type2 {
  margin-top: 0.32rem;
}
.compulsory-course-page .content-wrapper .content-wrap .pagination_wrapper,
.favorite-courses-page .content-wrapper .content-wrap .pagination_wrapper {
  margin-top: 0.48rem;
}
@media screen and (max-width: 800px) {
  .compulsory-course-page .content-wrapper .content-wrap .pagination_wrapper,
  .favorite-courses-page .content-wrapper .content-wrap .pagination_wrapper {
    margin-top: 0.8rem;
  }
}
.compulsory-course-page .no_courses_wrap,
.favorite-courses-page .no_courses_wrap {
  min-height: calc(100vh - 3.1rem);
  padding-top: 1rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: none;
}
@media screen and (max-width: 800px) {
  .compulsory-course-page .no_courses_wrap,
  .favorite-courses-page .no_courses_wrap {
    min-height: calc(100vh - 6.5rem);
    padding-top: 1.4rem;
  }
}
.compulsory-course-page .no_courses_wrap.show,
.favorite-courses-page .no_courses_wrap.show {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.compulsory-course-page .no_courses_wrap .no-img,
.favorite-courses-page .no_courses_wrap .no-img {
  width: 3rem;
}
@media screen and (max-width: 800px) {
  .compulsory-course-page .no_courses_wrap .no-img,
  .favorite-courses-page .no_courses_wrap .no-img {
    width: 4.8rem;
  }
}
.compulsory-course-page .no_courses_wrap .no-text,
.favorite-courses-page .no_courses_wrap .no-text {
  margin-top: 0.15rem;
  max-width: 3.27rem;
  text-align: center;
  font-size: 0.16rem;
  line-height: 0.24rem;
  color: rgba(0, 0, 0, 0.7);
}
@media screen and (max-width: 800px) {
  .compulsory-course-page .no_courses_wrap .no-text,
  .favorite-courses-page .no_courses_wrap .no-text {
    margin-top: 0.24rem;
    max-width: 6rem;
    font-size: 0.24rem;
    line-height: 0.36rem;
  }
}
.compulsory-course-page .no_courses_wrap .btn_box,
.favorite-courses-page .no_courses_wrap .btn_box {
  margin-top: 0.37rem;
}
@media screen and (max-width: 800px) {
  .compulsory-course-page .no_courses_wrap .btn_box,
  .favorite-courses-page .no_courses_wrap .btn_box {
    margin-top: 0.48rem;
  }
}
.compulsory-course-page .no_courses_wrap .btn_box .default____btn,
.favorite-courses-page .no_courses_wrap .btn_box .default____btn {
  min-width: 2.1rem;
}
@media screen and (max-width: 800px) {
  .compulsory-course-page .no_courses_wrap .btn_box .default____btn,
  .favorite-courses-page .no_courses_wrap .btn_box .default____btn {
    min-width: 3.6rem;
  }
}

@media screen and (max-width: 800px) {
  .card_____list_wrap__type2.type2 .card-list {
    margin: -0.2rem -0.1rem;
  }
  .card_____list_wrap__type2.type2 .card-list .card-item {
    width: calc(50% - 0.2rem);
    margin: 0.2rem 0.1rem;
    position: relative;
  }
  .card_____list_wrap__type2.type2 .card-list .card-item .img-box {
    height: 1.87rem;
  }
  .card_____list_wrap__type2.type2 .card-list .card-item .img-box .time-box {
    right: 0.1rem;
    bottom: 0.1rem;
  }
  .card_____list_wrap__type2.type2 .card-list .card-item .info-box {
    position: static;
    margin-top: 0.26rem;
  }
  .card_____list_wrap__type2.type2 .card-list .card-item .info-box .card-title {
    font-size: 0.22rem;
    line-height: 0.33rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
  }
  .card_____list_wrap__type2.type2 .card-list .card-item .info-box .heart-box {
    margin-left: 0.1rem;
  }
}
.card_____list_wrap__type2 .card-list {
  margin: -0.2rem -0.12rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}
@media screen and (max-width: 800px) {
  .card_____list_wrap__type2 .card-list {
    margin: 0 0 -0.6rem;
  }
}
.card_____list_wrap__type2 .card-list .card-item {
  width: calc(33.3333333333% - 0.24rem);
  margin: 0.2rem 0.12rem;
}
@media screen and (max-width: 800px) {
  .card_____list_wrap__type2 .card-list .card-item {
    width: 100%;
    margin: 0 0 0.6rem;
    border-radius: 0.16rem;
  }
}
@media screen and (min-width: 800px) {
  .card_____list_wrap__type2 .card-list .card-item:hover .img-box .img {
    -webkit-transform: scale(1.05);
        -ms-transform: scale(1.05);
            transform: scale(1.05);
  }
  .card_____list_wrap__type2 .card-list .card-item:hover .info-box .card-title {
    color: var(--sk-global-color);
  }
}
.card_____list_wrap__type2 .card-list .card-item .img-box {
  height: 1.87rem;
  overflow: hidden;
  position: relative;
  border-radius: 0.1rem;
}
@media screen and (max-width: 800px) {
  .card_____list_wrap__type2 .card-list .card-item .img-box {
    height: 3.86rem;
  }
}
.card_____list_wrap__type2 .card-list .card-item .img-box .img {
  width: 100%;
  height: 100%;
}
.card_____list_wrap__type2 .card-list .card-item .img-box .tag-wrap {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  height: 0.28rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 0.2rem 0 0.13rem;
}
@media screen and (max-width: 800px) {
  .card_____list_wrap__type2 .card-list .card-item .img-box .tag-wrap {
    height: 0.48rem;
    padding: 0 0.33rem 0 0.2rem;
  }
}
.card_____list_wrap__type2 .card-list .card-item .img-box .tag-wrap .tag-bg {
  position: absolute;
  z-index: -1;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  object-fit: fill;
}
.card_____list_wrap__type2 .card-list .card-item .img-box .tag-wrap .tag-text {
  font-size: 0.12rem;
  color: #fff;
  font-family: var(--sk-font-Medium);
}
@media screen and (max-width: 800px) {
  .card_____list_wrap__type2 .card-list .card-item .img-box .tag-wrap .tag-text {
    font-size: 0.2rem;
  }
}
.card_____list_wrap__type2 .card-list .card-item .img-box .time-box {
  position: absolute;
  right: 0.09rem;
  bottom: 0.1rem;
  padding: 0.03rem 0.04rem;
  background: rgba(0, 0, 0, 0.5);
  backdrop-filter: blur(30px);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 0.04rem;
}
@media screen and (max-width: 800px) {
  .card_____list_wrap__type2 .card-list .card-item .img-box .time-box {
    right: 0.2rem;
    bottom: 0.2rem;
    padding: 0.04rem 0.08rem 0.03rem;
    border-radius: 0.08rem;
  }
}
.card_____list_wrap__type2 .card-list .card-item .img-box .time-box .icon {
  width: 0.16rem;
  height: 0.16rem;
}
@media screen and (max-width: 800px) {
  .card_____list_wrap__type2 .card-list .card-item .img-box .time-box .icon {
    width: 0.24rem;
    height: 0.24rem;
  }
}
.card_____list_wrap__type2 .card-list .card-item .img-box .time-box .time-text {
  margin-left: 0.04rem;
  font-size: 0.12rem;
  line-height: 0.18rem;
  color: #FFFFFF;
}
@media screen and (max-width: 800px) {
  .card_____list_wrap__type2 .card-list .card-item .img-box .time-box .time-text {
    font-size: 0.2rem;
    line-height: 0.3rem;
  }
}
.card_____list_wrap__type2 .card-list .card-item .info-box {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 0.16rem;
}
@media screen and (max-width: 800px) {
  .card_____list_wrap__type2 .card-list .card-item .info-box {
    margin-top: 0.32rem;
  }
}
.card_____list_wrap__type2 .card-list .card-item .info-box .card-title {
  font-size: 0.16rem;
  line-height: 0.24rem;
  font-family: var(--sk-font-Medium);
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
@media screen and (max-width: 800px) {
  .card_____list_wrap__type2 .card-list .card-item .info-box .card-title {
    font-size: 0.3rem;
    line-height: 0.45rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
  }
}
.card_____list_wrap__type2 .card-list .card-item .info-box .heart-box {
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  margin-left: 0.15rem;
  width: 0.32rem;
  height: 0.32rem;
  background: #F5F5F7;
  border-radius: 0.1rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  cursor: pointer;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
}
@media screen and (max-width: 800px) {
  .card_____list_wrap__type2 .card-list .card-item .info-box .heart-box {
    margin-left: 0.4rem;
    width: 0.64rem;
    height: 0.64rem;
    border-radius: 0.16rem;
  }
}
.card_____list_wrap__type2 .card-list .card-item .info-box .heart-box:hover .heartStatic_0s {
  color: #307FE2;
}
.card_____list_wrap__type2 .card-list .card-item .info-box .heart-box:hover .layer {
  opacity: 1;
  visibility: visible;
}
.card_____list_wrap__type2 .card-list .card-item .info-box .heart-box.on .img {
  opacity: 0;
}
.card_____list_wrap__type2 .card-list .card-item .info-box .heart-box.on .img:nth-child(2) {
  opacity: 1;
}
.card_____list_wrap__type2 .card-list .card-item .info-box .heart-box.on .img path {
  fill: #307FE2;
}
.card_____list_wrap__type2 .card-list .card-item .info-box .heart-box img,
.card_____list_wrap__type2 .card-list .card-item .info-box .heart-box svg,
.card_____list_wrap__type2 .card-list .card-item .info-box .heart-box .img {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 0.2rem;
  height: 0.2rem;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  object-fit: contain;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
@media screen and (max-width: 800px) {
  .card_____list_wrap__type2 .card-list .card-item .info-box .heart-box img,
  .card_____list_wrap__type2 .card-list .card-item .info-box .heart-box svg,
  .card_____list_wrap__type2 .card-list .card-item .info-box .heart-box .img {
    width: 0.4rem;
    height: 0.4rem;
  }
}
.card_____list_wrap__type2 .card-list .card-item .info-box .heart-box img path,
.card_____list_wrap__type2 .card-list .card-item .info-box .heart-box svg path,
.card_____list_wrap__type2 .card-list .card-item .info-box .heart-box .img path {
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
.card_____list_wrap__type2 .card-list .card-item .info-box .heart-box .img {
  opacity: 1;
}
.card_____list_wrap__type2 .card-list .card-item .info-box .heart-box .img:nth-child(2) {
  opacity: 0;
}
.card_____list_wrap__type2 .card-list .card-item .info-box .heart-box .heartStatic_0s {
  color: #000000;
}
.card_____list_wrap__type2 .card-list .card-item .info-box .heart-box .layer {
  opacity: 0;
  visibility: hidden;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  padding-top: 0.09rem;
  position: absolute;
  top: 100%;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
}
@media screen and (max-width: 800px) {
  .card_____list_wrap__type2 .card-list .card-item .info-box .heart-box .layer {
    display: none;
  }
}
.card_____list_wrap__type2 .card-list .card-item .info-box .heart-box .layer .unlike {
  position: relative;
  height: 0.24rem;
  padding: 0 0.09rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: rgba(0, 0, 0, 0.7);
  backdrop-filter: blur(30px);
  border-radius: 0.04rem;
  font-size: 0.12rem;
  color: #FFFFFF;
}
@media screen and (max-width: 800px) {
  .card_____list_wrap__type2 .card-list .card-item .info-box .heart-box .layer .unlike {
    height: 0.34rem;
    font-size: 0.18rem;
    border-radius: 0.08rem;
  }
}
.card_____list_wrap__type2 .card-list .card-item .info-box .heart-box .layer .unlike::before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translate(-50%, -100%);
      -ms-transform: translate(-50%, -100%);
          transform: translate(-50%, -100%);
  border-right: 0.05rem solid transparent;
  border-left: 0.05rem solid transparent;
  border-bottom: 0.06rem solid rgba(0, 0, 0, 0.7);
}

.company-Infomation2-page .back-box {
  margin-top: 0.19rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  opacity: 0.6;
}
@media screen and (max-width: 800px) {
  .company-Infomation2-page .back-box {
    margin-top: 0;
    opacity: 1;
  }
}
.company-Infomation2-page .back-box:hover {
  opacity: 1;
}
.company-Infomation2-page .back-box .icon {
  height: 0.1rem;
  width: auto;
  fill: #000;
}
@media screen and (max-width: 800px) {
  .company-Infomation2-page .back-box .icon {
    height: 0.16rem;
  }
}
.company-Infomation2-page .back-box .back-text {
  margin-left: 0.06rem;
  font-size: 0.16rem;
  line-height: 0.24rem;
}
@media screen and (max-width: 800px) {
  .company-Infomation2-page .back-box .back-text {
    margin-left: 0.16rem;
    font-size: 0.24rem;
    line-height: 0.36rem;
  }
}
.company-Infomation2-page .h1 {
  margin-top: 0.24rem;
  font-size: 0.32rem;
  line-height: 0.48rem;
  font-family: var(--sk-font-SemiBold);
}
@media screen and (max-width: 800px) {
  .company-Infomation2-page .h1 {
    margin-top: 0.5rem;
    font-size: 0.46rem;
    line-height: 0.69rem;
  }
}
.company-Infomation2-page .form___wrapper {
  width: 7.4rem;
  margin: 0.48rem auto 0.56rem;
}
@media screen and (max-width: 800px) {
  .company-Infomation2-page .form___wrapper {
    width: 100%;
    margin: 0.4rem auto 1.2rem;
  }
}
.company-Infomation2-page .form___wrapper .__input__con {
  margin-top: 0.27rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media screen and (max-width: 800px) {
  .company-Infomation2-page .form___wrapper .__input__con {
    margin-top: 0;
  }
}
.company-Infomation2-page .form___wrapper .__input__con .input-wrap {
  width: calc(50% - 0.1rem);
  margin-bottom: 0.24rem;
  position: relative;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
@media screen and (max-width: 800px) {
  .company-Infomation2-page .form___wrapper .__input__con .input-wrap {
    width: 100%;
    margin-bottom: 0.4rem;
  }
}
.company-Infomation2-page .form___wrapper .__input__con .input-wrap.is-error {
  margin-bottom: 0.36rem;
}
@media screen and (max-width: 800px) {
  .company-Infomation2-page .form___wrapper .__input__con .input-wrap.is-error {
    margin-bottom: 0.7rem;
  }
}
.company-Infomation2-page .form___wrapper .__input__con .input-wrap.is-error .input-box input {
  border: 1px solid #F53F3F;
  box-shadow: 0 0 4px 0.02rem rgba(245, 63, 63, 0.2);
}
.company-Infomation2-page .form___wrapper .__input__con .input-wrap.is-error .input-box .error-text {
  opacity: 1;
  visibility: visible;
}
.company-Infomation2-page .form___wrapper .__input__con .input-wrap.is-error .note_box {
  margin-top: 0.3rem;
}
.company-Infomation2-page .form___wrapper .__input__con .input-wrap.--password {
  margin-bottom: 0.55rem;
}
@media screen and (max-width: 800px) {
  .company-Infomation2-page .form___wrapper .__input__con .input-wrap.--password {
    margin-bottom: 0.92rem;
  }
}
.company-Infomation2-page .form___wrapper .__input__con .input-wrap .input-label {
  font-size: 0.16rem;
  line-height: 0.24rem;
  font-family: var(--sk-font-Medium);
}
@media screen and (max-width: 800px) {
  .company-Infomation2-page .form___wrapper .__input__con .input-wrap .input-label {
    font-size: 0.24rem;
    line-height: 0.36rem;
  }
}
.company-Infomation2-page .form___wrapper .__input__con .input-wrap .input-label .red {
  color: #F53F3F;
}
.company-Infomation2-page .form___wrapper .__input__con .input-wrap .input-box {
  margin-top: 0.1rem;
  position: relative;
}
@media screen and (max-width: 800px) {
  .company-Infomation2-page .form___wrapper .__input__con .input-wrap .input-box {
    margin-top: 0.16rem;
  }
}
.company-Infomation2-page .form___wrapper .__input__con .input-wrap .input-box .default____input {
  height: 0.4rem;
  font-size: 0.14rem;
}
@media screen and (max-width: 800px) {
  .company-Infomation2-page .form___wrapper .__input__con .input-wrap .input-box .default____input {
    height: 0.8rem;
    font-size: 0.24rem;
  }
}
.company-Infomation2-page .form___wrapper .__input__con .input-wrap .input-box .default____input:disabled {
  background: #F5F5F7;
  color: rgba(0, 0, 0, 0.7);
}
.company-Infomation2-page .form___wrapper .__input__con .input-wrap .input-box .sk_select {
  --h: .4rem;
}
.company-Infomation2-page .form___wrapper .__input__con .input-wrap .input-box .sk_select .-select-front input:disabled {
  background: #F5F5F7;
  color: rgba(0, 0, 0, 0.7);
}
.company-Infomation2-page .form___wrapper .__input__con .input-wrap .input-box .code-img {
  cursor: pointer;
  position: absolute;
  height: calc(100% - 0.1rem);
  right: 0.05rem;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.company-Infomation2-page .form___wrapper .__input__con .input-wrap .input-box .error-text {
  position: absolute;
  left: 0;
  top: 100%;
  margin-top: 0.1rem;
  font-size: 0.14rem;
  line-height: 0.21rem;
  color: #F53F3F;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  opacity: 0;
  visibility: hidden;
}
@media screen and (max-width: 800px) {
  .company-Infomation2-page .form___wrapper .__input__con .input-wrap .input-box .error-text {
    margin-top: 0.17rem;
    font-size: 0.2rem;
    line-height: 0.3rem;
  }
}
.company-Infomation2-page .form___wrapper .__input__con .input-wrap .forgot-password {
  position: absolute;
  top: 100%;
  right: 0;
  margin-top: 0.1rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.company-Infomation2-page .form___wrapper .__input__con .input-wrap .forgot-password a {
  font-size: 0.14rem;
  line-height: 0.21rem;
  color: rgba(0, 0, 0, 0.4);
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.company-Infomation2-page .form___wrapper .__input__con .input-wrap .forgot-password a:hover {
  color: var(--sk-global-color);
}
.company-Infomation2-page .form___wrapper .__input__con .input-wrap .note_box {
  margin-top: 0.07rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.company-Infomation2-page .form___wrapper .__input__con .input-wrap .note_box .icon {
  width: 0.16rem;
  height: 0.16rem;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
}
.company-Infomation2-page .form___wrapper .__input__con .input-wrap .note_box .note_text {
  margin-left: 0.06rem;
  font-size: 0.14rem;
  line-height: 0.21rem;
  color: rgba(0, 0, 0, 0.4);
}
.company-Infomation2-page .form___wrapper .__input__con .btn__box {
  margin-top: 0.32rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.company-Infomation2-page .form___wrapper .__input__con .btn__box .sign-in {
  width: 100%;
  height: 0.48rem;
  border-radius: 0.04rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 0.16rem;
  line-height: 0.24rem;
  font-family: var(--sk-font-Medium);
  background: var(--sk-global-color);
  color: #fff;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.company-Infomation2-page .form___wrapper .__input__con .btn__box .sign-in.type2 {
  width: calc(50% - 0.1rem);
}
.company-Infomation2-page .form___wrapper .__input__con .btn__box .sign-in.type2:not(:last-child) {
  margin-right: 0.2rem;
}
.company-Infomation2-page .form___wrapper .__input__con .btn__box .sign-in.back {
  background: #F5F5F7;
  color: rgba(0, 0, 0, 0.4);
}
.company-Infomation2-page .form___wrapper .__input__con .btn__box .sign-in.back:hover {
  background: #E2E2E9;
}
.company-Infomation2-page .form___wrapper .__input__con .btn__box .sign-in:hover {
  background: #145BB4;
}
.company-Infomation2-page .form___wrapper .__input__con .btn__box .sign-in.disabled {
  cursor: default;
  background: #ACCCF3;
}
.company-Infomation2-page .form___wrapper .__input__con .privacy___policy {
  margin-top: 0.16rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  max-width: 5rem;
}
.company-Infomation2-page .form___wrapper .__input__con .privacy___policy .check___box {
  margin-top: 0.03rem;
  margin-right: 0.07rem;
  width: 0.16rem;
  height: 0.16rem;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  position: relative;
  cursor: pointer;
}
.company-Infomation2-page .form___wrapper .__input__con .privacy___policy .check___box.on .icon:first-child {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.company-Infomation2-page .form___wrapper .__input__con .privacy___policy .check___box.on .icon:last-child {
  display: none;
}
.company-Infomation2-page .form___wrapper .__input__con .privacy___policy .check___box .icon {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  object-fit: contain;
}
.company-Infomation2-page .form___wrapper .__input__con .privacy___policy .check___box .icon:first-child {
  display: none;
}
.company-Infomation2-page .form___wrapper .__input__con .privacy___policy .check___box .icon:last-child {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.company-Infomation2-page .form___wrapper .__input__con .privacy___policy .privacy___policy_text {
  font-size: 0.14rem;
  line-height: 0.21rem;
  color: rgba(0, 0, 0, 0.6);
}
.company-Infomation2-page .form___wrapper .__input__con .privacy___policy .privacy___policy_text a {
  color: var(--sk-global-color);
}
.company-Infomation2-page .form___wrapper .__input__con .privacy___policy .privacy___policy_text a:hover {
  text-decoration: underline;
}
.company-Infomation2-page .form___wrapper .__input__con .upload__wrap {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (max-width: 800px) {
  .company-Infomation2-page .form___wrapper .__input__con .upload__wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}
.company-Infomation2-page .form___wrapper .__input__con .upload__wrap .label {
  font-size: 0.16rem;
  line-height: 0.24rem;
  position: relative;
}
@media screen and (max-width: 800px) {
  .company-Infomation2-page .form___wrapper .__input__con .upload__wrap .label {
    font-size: 0.24rem;
    line-height: 0.36rem;
  }
}
.company-Infomation2-page .form___wrapper .__input__con .upload__wrap .label .note {
  position: absolute;
  top: -0.02rem;
  right: -0.16rem;
}
@media screen and (max-width: 800px) {
  .company-Infomation2-page .form___wrapper .__input__con .upload__wrap .label .note {
    top: -0.04rem;
    right: -0.33rem;
  }
}
.company-Infomation2-page .form___wrapper .__input__con .upload__wrap .label .note:hover .icon path {
  fill-opacity: 0.6;
}
.company-Infomation2-page .form___wrapper .__input__con .upload__wrap .label .note:hover .note-layer {
  opacity: 1;
  visibility: visible;
}
.company-Infomation2-page .form___wrapper .__input__con .upload__wrap .label .note .icon {
  width: 0.14rem;
  height: 0.14rem;
}
@media screen and (max-width: 800px) {
  .company-Infomation2-page .form___wrapper .__input__con .upload__wrap .label .note .icon {
    width: 0.28rem;
    height: 0.28rem;
  }
}
.company-Infomation2-page .form___wrapper .__input__con .upload__wrap .label .note .icon path {
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.company-Infomation2-page .form___wrapper .__input__con .upload__wrap .label .note .note-layer {
  position: absolute;
  left: 100%;
  top: -0.1rem;
  padding-left: 0.08rem;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  opacity: 0;
  visibility: hidden;
}
@media screen and (max-width: 800px) {
  .company-Infomation2-page .form___wrapper .__input__con .upload__wrap .label .note .note-layer {
    top: auto;
    bottom: 100%;
    left: 50%;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    padding-left: 0;
    padding-bottom: 0.2rem;
  }
}
.company-Infomation2-page .form___wrapper .__input__con .upload__wrap .label .note .note-layer .note-text {
  color: #FFFFFF;
  width: 2.51rem;
  padding: 0.11rem 0.18rem 0.11rem 0.16rem;
  border-radius: 0.1rem;
  background: rgba(0, 0, 0, 0.7);
  backdrop-filter: blur(30px);
  font-size: 0.14rem;
  line-height: 0.21rem;
}
@media screen and (max-width: 800px) {
  .company-Infomation2-page .form___wrapper .__input__con .upload__wrap .label .note .note-layer .note-text {
    width: 3.97rem;
    padding: 0.21rem 0.25rem 0.25rem 0.25rem;
    border-radius: 0.16rem;
    font-size: 0.22rem;
    line-height: 0.33rem;
  }
}
.company-Infomation2-page .form___wrapper .__input__con .upload__wrap .upload-btn {
  margin-left: 0.36rem;
}
@media screen and (max-width: 800px) {
  .company-Infomation2-page .form___wrapper .__input__con .upload__wrap .upload-btn {
    margin-left: 0;
    margin-top: 0.16rem;
  }
}
.company-Infomation2-page .form___wrapper .__input__con .upload__wrap .upload-btn .btn {
  cursor: pointer;
  padding: 0 0.24rem;
  height: 0.4rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 0.04rem;
  background: rgba(48, 127, 226, 0.1);
  font-size: 0.14rem;
  color: #307FE2;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
@media screen and (max-width: 800px) {
  .company-Infomation2-page .form___wrapper .__input__con .upload__wrap .upload-btn .btn {
    padding: 0 0.27rem;
    border-radius: 0.08rem;
    height: 0.72rem;
    font-size: 0.22rem;
  }
}
.company-Infomation2-page .form___wrapper .__input__con .upload__wrap .upload-btn .btn:hover {
  background: rgba(48, 127, 226, 0.2);
}
.company-Infomation2-page .form___wrapper .type1__btn_box {
  margin-top: 0.38rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media screen and (max-width: 800px) {
  .company-Infomation2-page .form___wrapper .type1__btn_box {
    margin-top: 0.6rem;
  }
}
.company-Infomation2-page .form___wrapper .type1__btn_box .sign-in {
  padding: 0 0.24rem;
  height: 0.48rem;
  border-radius: 0.04rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 0.16rem;
  line-height: 0.24rem;
  font-family: var(--sk-font-Medium);
  background: var(--sk-global-color);
  color: #fff;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
@media screen and (max-width: 800px) {
  .company-Infomation2-page .form___wrapper .type1__btn_box .sign-in {
    width: 100%;
    height: 0.8rem;
    font-size: 0.24rem;
    border-radius: 0.08rem;
  }
}
.company-Infomation2-page .form___wrapper .type1__btn_box .sign-in.type2 {
  min-width: 2.1rem;
}
.company-Infomation2-page .form___wrapper .type1__btn_box .sign-in:hover {
  background: #145BB4;
}

.service-request-page {
  background: #F5F5F7;
}
@media screen and (max-width: 800px) {
  .service-request-page {
    background: #FFFFFF;
  }
}
.service-request-page .page-main {
  padding-bottom: 1.2rem;
  border-bottom: 1px solid #CFD4E0;
}
@media screen and (max-width: 800px) {
  .service-request-page .page-main {
    border-bottom: none;
  }
}
.service-request-page .page-main .form-section {
  margin-top: 0.59rem;
  max-width: 8.6rem;
}
@media screen and (max-width: 800px) {
  .service-request-page .page-main .form-section {
    margin-top: 0.79rem;
  }
}
.service-request-page .page-main .form-section .h1 {
  font-size: 0.28rem;
  line-height: 0.42rem;
  font-family: var(--sk-font-SemiBold);
}
@media screen and (max-width: 800px) {
  .service-request-page .page-main .form-section .h1 {
    font-size: 0.36rem;
    line-height: 0.54rem;
  }
}
.service-request-page .page-main .form-section .section-text {
  margin-top: 0.16rem;
  max-width: 6.4rem;
  font-size: 0.16rem;
  line-height: 0.24rem;
  color: rgba(0, 0, 0, 0.7);
}
@media screen and (max-width: 800px) {
  .service-request-page .page-main .form-section .section-text {
    margin-top: 0.24rem;
    max-width: 100%;
    font-size: 0.26rem;
    line-height: 0.39rem;
  }
}
.service-request-page .page-main .form-section .card__wrapper {
  margin-top: 0.32rem;
  background: #FFFFFF;
  padding-top: 0.4rem;
  padding-left: 0.6rem;
  padding-right: 0.6rem;
  padding-bottom: 0.56rem;
  border-radius: 0.1rem;
}
@media screen and (max-width: 800px) {
  .service-request-page .page-main .form-section .card__wrapper {
    width: 100%;
    padding: 0;
    background: transparent;
  }
}
.service-request-page .page-main .form-section .card__wrapper .form___wrapper {
  width: 100%;
  margin: 0 auto;
}
@media screen and (max-width: 800px) {
  .service-request-page .page-main .form-section .card__wrapper .form___wrapper {
    width: 100%;
  }
}
.service-request-page .page-main .form-section .card__wrapper .form___wrapper .__input__con {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.service-request-page .page-main .form-section .card__wrapper .form___wrapper .__input__con .input-wrap {
  margin-bottom: 0.24rem;
  position: relative;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  width: calc(50% - 0.1rem);
}
@media screen and (max-width: 800px) {
  .service-request-page .page-main .form-section .card__wrapper .form___wrapper .__input__con .input-wrap {
    width: 100%;
    margin-bottom: 0.4rem;
  }
}
.service-request-page .page-main .form-section .card__wrapper .form___wrapper .__input__con .input-wrap.row1 {
  width: 100%;
}
.service-request-page .page-main .form-section .card__wrapper .form___wrapper .__input__con .input-wrap.is-error {
  margin-bottom: 0.36rem;
}
@media screen and (max-width: 800px) {
  .service-request-page .page-main .form-section .card__wrapper .form___wrapper .__input__con .input-wrap.is-error {
    margin-bottom: 0.7rem;
  }
}
.service-request-page .page-main .form-section .card__wrapper .form___wrapper .__input__con .input-wrap.is-error .input-box input,
.service-request-page .page-main .form-section .card__wrapper .form___wrapper .__input__con .input-wrap.is-error .input-box textarea {
  border: 1px solid #F53F3F;
  box-shadow: 0 0 4px 0.02rem rgba(245, 63, 63, 0.2);
}
.service-request-page .page-main .form-section .card__wrapper .form___wrapper .__input__con .input-wrap.is-error .input-box .error-text {
  opacity: 1;
  visibility: visible;
}
.service-request-page .page-main .form-section .card__wrapper .form___wrapper .__input__con .input-wrap.is-error .note_box {
  margin-top: 0.3rem;
}
.service-request-page .page-main .form-section .card__wrapper .form___wrapper .__input__con .input-wrap.--password {
  margin-bottom: 0.55rem;
}
@media screen and (max-width: 800px) {
  .service-request-page .page-main .form-section .card__wrapper .form___wrapper .__input__con .input-wrap.--password {
    margin-bottom: 0.92rem;
  }
}
.service-request-page .page-main .form-section .card__wrapper .form___wrapper .__input__con .input-wrap .input-label {
  font-size: 0.16rem;
  line-height: 0.24rem;
  font-family: var(--sk-font-Medium);
}
@media screen and (max-width: 800px) {
  .service-request-page .page-main .form-section .card__wrapper .form___wrapper .__input__con .input-wrap .input-label {
    font-size: 0.26rem;
    line-height: 0.39rem;
  }
}
.service-request-page .page-main .form-section .card__wrapper .form___wrapper .__input__con .input-wrap .input-label .red {
  color: #F53F3F;
}
.service-request-page .page-main .form-section .card__wrapper .form___wrapper .__input__con .input-wrap .input-box {
  margin-top: 0.1rem;
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.service-request-page .page-main .form-section .card__wrapper .form___wrapper .__input__con .input-wrap .input-box .phone-fields {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 0.06rem;
  width: 100%;
}
.service-request-page .page-main .form-section .card__wrapper .form___wrapper .__input__con .input-wrap .input-box .phone-fields .phone-code-select {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 1rem;
      -ms-flex: 0 0 1rem;
          flex: 0 0 1rem;
  width: 1rem;
  min-width: 0;
}
@media screen and (max-width: 800px) {
  .service-request-page .page-main .form-section .card__wrapper .form___wrapper .__input__con .input-wrap .input-box .phone-fields .phone-code-select {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 2.4rem;
        -ms-flex: 0 0 2.4rem;
            flex: 0 0 2.4rem;
    width: 2.4rem;
    --h: 0.8rem;
  }
}
.service-request-page .page-main .form-section .card__wrapper .form___wrapper .__input__con .input-wrap .input-box .phone-fields .phone-code-select .-select-front input {
  padding: 0 0.2rem 0 0.14rem;
}
.service-request-page .page-main .form-section .card__wrapper .form___wrapper .__input__con .input-wrap .input-box .phone-fields .phone-code-select .-select-front::after {
  right: 0.08rem;
}
@media screen and (max-width: 800px) {
  .service-request-page .page-main .form-section .card__wrapper .form___wrapper .__input__con .input-wrap .input-box .phone-fields .phone-code-select .-select-front::after {
    right: 0.26rem;
  }
}
.service-request-page .page-main .form-section .card__wrapper .form___wrapper .__input__con .input-wrap .input-box .phone-fields .phone-number-input {
  min-width: 0;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
@media screen and (max-width: 800px) {
  .service-request-page .page-main .form-section .card__wrapper .form___wrapper .__input__con .input-wrap .input-box {
    margin-top: 0.16rem;
  }
}
.service-request-page .page-main .form-section .card__wrapper .form___wrapper .__input__con .input-wrap .input-box .get-code {
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  margin-left: 0.1rem;
  border-radius: 0.04rem;
  font-size: 0.16rem;
  border: 0.08rem;
  padding: 0 0.2rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  cursor: pointer;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  color: var(--sk-global-color);
  border: 1px solid var(--sk-global-color);
  min-width: 1.2rem;
}
@media screen and (max-width: 800px) {
  .service-request-page .page-main .form-section .card__wrapper .form___wrapper .__input__con .input-wrap .input-box .get-code {
    min-width: 1.6rem;
    border-radius: 0.08rem;
    margin-left: 0.2rem;
    font-size: 0.22rem;
  }
}
.service-request-page .page-main .form-section .card__wrapper .form___wrapper .__input__con .input-wrap .input-box .get-code:hover {
  color: #fff;
  background-color: var(--sk-global-color);
}
.service-request-page .page-main .form-section .card__wrapper .form___wrapper .__input__con .input-wrap .input-box .get-code.disabled {
  color: rgba(0, 0, 0, 0.35);
  border-color: rgba(0, 0, 0, 0.18);
  background-color: #f5f5f5;
  cursor: not-allowed;
}
.service-request-page .page-main .form-section .card__wrapper .form___wrapper .__input__con .input-wrap .input-box .code-img {
  cursor: pointer;
  position: absolute;
  height: calc(100% - 0.1rem);
  right: 0.05rem;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
@media screen and (max-width: 800px) {
  .service-request-page .page-main .form-section .card__wrapper .form___wrapper .__input__con .input-wrap .input-box .code-img {
    right: 0.1rem;
  }
}
.service-request-page .page-main .form-section .card__wrapper .form___wrapper .__input__con .input-wrap .input-box .error-text {
  position: absolute;
  left: 0;
  top: 100%;
  margin-top: 0.1rem;
  font-size: 0.14rem;
  line-height: 0.21rem;
  color: #F53F3F;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  opacity: 0;
  visibility: hidden;
}
@media screen and (max-width: 800px) {
  .service-request-page .page-main .form-section .card__wrapper .form___wrapper .__input__con .input-wrap .input-box .error-text {
    margin-top: 0.17rem;
    font-size: 0.2rem;
    line-height: 0.3rem;
  }
}
.service-request-page .page-main .form-section .card__wrapper .form___wrapper .__input__con .input-wrap .input-box .upload-btn {
  margin-top: 0.04rem;
}
@media screen and (max-width: 800px) {
  .service-request-page .page-main .form-section .card__wrapper .form___wrapper .__input__con .input-wrap .input-box .upload-btn {
    margin-top: 0;
  }
}
.service-request-page .page-main .form-section .card__wrapper .form___wrapper .__input__con .input-wrap .input-box .upload-btn .btn {
  cursor: pointer;
  padding: 0 0.24rem;
  height: 0.4rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 0.04rem;
  background: rgba(48, 127, 226, 0.1);
  font-size: 0.14rem;
  color: #307FE2;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
@media screen and (max-width: 800px) {
  .service-request-page .page-main .form-section .card__wrapper .form___wrapper .__input__con .input-wrap .input-box .upload-btn .btn {
    height: 0.72rem;
    padding: 0 0.26rem;
    border-radius: 0.08rem;
    font-size: 0.22rem;
  }
}
@media screen and (min-width: 800px) {
  .service-request-page .page-main .form-section .card__wrapper .form___wrapper .__input__con .input-wrap .input-box .upload-btn .btn:hover {
    background: rgba(48, 127, 226, 0.2);
  }
}
.service-request-page .page-main .form-section .card__wrapper .form___wrapper .__input__con .input-wrap .forgot-password {
  position: absolute;
  top: 100%;
  right: 0;
  margin-top: 0.1rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
@media screen and (max-width: 800px) {
  .service-request-page .page-main .form-section .card__wrapper .form___wrapper .__input__con .input-wrap .forgot-password {
    margin-top: 0.16rem;
  }
}
.service-request-page .page-main .form-section .card__wrapper .form___wrapper .__input__con .input-wrap .forgot-password a {
  font-size: 0.14rem;
  line-height: 0.21rem;
  color: rgba(0, 0, 0, 0.4);
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
@media screen and (max-width: 800px) {
  .service-request-page .page-main .form-section .card__wrapper .form___wrapper .__input__con .input-wrap .forgot-password a {
    font-size: 0.22rem;
    line-height: 0.33rem;
  }
}
.service-request-page .page-main .form-section .card__wrapper .form___wrapper .__input__con .input-wrap .forgot-password a:hover {
  color: var(--sk-global-color);
}
.service-request-page .page-main .form-section .card__wrapper .form___wrapper .__input__con .input-wrap .note_box {
  margin-top: 0.07rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
@media screen and (max-width: 800px) {
  .service-request-page .page-main .form-section .card__wrapper .form___wrapper .__input__con .input-wrap .note_box {
    margin-top: 0.13rem;
  }
}
.service-request-page .page-main .form-section .card__wrapper .form___wrapper .__input__con .input-wrap .note_box .icon {
  width: 0.16rem;
  height: 0.16rem;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
}
@media screen and (max-width: 800px) {
  .service-request-page .page-main .form-section .card__wrapper .form___wrapper .__input__con .input-wrap .note_box .icon {
    width: 0.28rem;
    height: 0.28rem;
  }
}
.service-request-page .page-main .form-section .card__wrapper .form___wrapper .__input__con .input-wrap .note_box .note_text {
  margin-left: 0.06rem;
  font-size: 0.14rem;
  line-height: 0.21rem;
  color: rgba(0, 0, 0, 0.4);
}
@media screen and (max-width: 800px) {
  .service-request-page .page-main .form-section .card__wrapper .form___wrapper .__input__con .input-wrap .note_box .note_text {
    margin-left: 0.1rem;
    font-size: 0.2rem;
    line-height: 0.3rem;
  }
}
.service-request-page .page-main .form-section .card__wrapper .form___wrapper .__input__con .btn__box {
  margin-top: 0.4rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (max-width: 800px) {
  .service-request-page .page-main .form-section .card__wrapper .form___wrapper .__input__con .btn__box {
    margin-top: 0.6rem;
  }
}
.service-request-page .page-main .form-section .card__wrapper .form___wrapper .__input__con .btn__box .sign-in {
  width: 100%;
  height: 0.48rem;
  border-radius: 0.04rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 0.16rem;
  line-height: 0.24rem;
  font-family: var(--sk-font-Medium);
  background: var(--sk-global-color);
  color: #fff;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
@media screen and (max-width: 800px) {
  .service-request-page .page-main .form-section .card__wrapper .form___wrapper .__input__con .btn__box .sign-in {
    height: 0.8rem;
    border-radius: 0.08rem;
    font-size: 0.24rem;
  }
}
.service-request-page .page-main .form-section .card__wrapper .form___wrapper .__input__con .btn__box .sign-in.type2 {
  width: calc(50% - 0.1rem);
}
.service-request-page .page-main .form-section .card__wrapper .form___wrapper .__input__con .btn__box .sign-in.type2:not(:last-child) {
  margin-right: 0.2rem;
}
.service-request-page .page-main .form-section .card__wrapper .form___wrapper .__input__con .btn__box .sign-in.back {
  background: #F5F5F7;
  color: rgba(0, 0, 0, 0.4);
}
.service-request-page .page-main .form-section .card__wrapper .form___wrapper .__input__con .btn__box .sign-in.back:hover {
  background: #E2E2E9;
}
.service-request-page .page-main .form-section .card__wrapper .form___wrapper .__input__con .btn__box .sign-in:hover {
  background: #145BB4;
}
.service-request-page .page-main .form-section .card__wrapper .form___wrapper .__input__con .btn__box .sign-in.disabled {
  cursor: default;
  background: #ACCCF3;
}
.service-request-page .page-main .form-section .card__wrapper .form___wrapper .__input__con .privacy___policy {
  margin-top: 0.2rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (max-width: 800px) {
  .service-request-page .page-main .form-section .card__wrapper .form___wrapper .__input__con .privacy___policy {
    margin-top: 0.32rem;
    max-width: 100%;
  }
}
.service-request-page .page-main .form-section .card__wrapper .form___wrapper .__input__con .privacy___policy .check___box {
  margin-top: 0.03rem;
  margin-right: 0.07rem;
  width: 0.16rem;
  height: 0.16rem;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  position: relative;
  cursor: pointer;
}
@media screen and (max-width: 800px) {
  .service-request-page .page-main .form-section .card__wrapper .form___wrapper .__input__con .privacy___policy .check___box {
    width: 0.28rem;
    height: 0.28rem;
    margin-right: 0.2rem;
  }
}
.service-request-page .page-main .form-section .card__wrapper .form___wrapper .__input__con .privacy___policy .check___box.on .icon:first-child {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.service-request-page .page-main .form-section .card__wrapper .form___wrapper .__input__con .privacy___policy .check___box.on .icon:last-child {
  display: none;
}
.service-request-page .page-main .form-section .card__wrapper .form___wrapper .__input__con .privacy___policy .check___box .icon {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  object-fit: contain;
}
.service-request-page .page-main .form-section .card__wrapper .form___wrapper .__input__con .privacy___policy .check___box .icon:first-child {
  display: none;
}
.service-request-page .page-main .form-section .card__wrapper .form___wrapper .__input__con .privacy___policy .check___box .icon:last-child {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.service-request-page .page-main .form-section .card__wrapper .form___wrapper .__input__con .privacy___policy .privacy___policy_text {
  font-size: 0.14rem;
  line-height: 0.21rem;
  color: rgba(0, 0, 0, 0.6);
}
@media screen and (max-width: 800px) {
  .service-request-page .page-main .form-section .card__wrapper .form___wrapper .__input__con .privacy___policy .privacy___policy_text {
    font-size: 0.22rem;
    line-height: 0.33rem;
  }
}
.service-request-page .page-main .form-section .card__wrapper .form___wrapper .__input__con .privacy___policy .privacy___policy_text .red {
  color: #E61A1A;
}
.service-request-page .page-main .form-section .card__wrapper .form___wrapper .__input__con .privacy___policy .privacy___policy_text a {
  color: var(--sk-global-color);
}
.service-request-page .page-main .form-section .card__wrapper .form___wrapper .__input__con .privacy___policy .privacy___policy_text a:hover {
  text-decoration: underline;
}
.service-request-page .page-main .form-section .card__wrapper .form___wrapper .__input__con .upload__wrap {
  width: calc(50% - 0.1rem);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (max-width: 800px) {
  .service-request-page .page-main .form-section .card__wrapper .form___wrapper .__input__con .upload__wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}
.service-request-page .page-main .form-section .card__wrapper .form___wrapper .__input__con .upload__wrap .label {
  font-size: 0.16rem;
  line-height: 0.24rem;
  font-family: var(--sk-font-Medium);
}
@media screen and (max-width: 800px) {
  .service-request-page .page-main .form-section .card__wrapper .form___wrapper .__input__con .upload__wrap .label {
    font-size: 0.24rem;
    line-height: 0.36rem;
  }
}
.service-request-page .page-main .form-section .card__wrapper .form___wrapper .__input__con .upload__wrap .upload-btn {
  margin-left: 0.12rem;
}
@media screen and (max-width: 800px) {
  .service-request-page .page-main .form-section .card__wrapper .form___wrapper .__input__con .upload__wrap .upload-btn {
    margin-top: 0.16rem;
    margin-left: 0;
  }
}
.service-request-page .page-main .form-section .card__wrapper .form___wrapper .__input__con .upload__wrap .upload-btn .btn {
  cursor: pointer;
  padding: 0 0.24rem;
  height: 0.4rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 0.04rem;
  background: rgba(48, 127, 226, 0.1);
  font-size: 0.14rem;
  color: #307FE2;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
@media screen and (max-width: 800px) {
  .service-request-page .page-main .form-section .card__wrapper .form___wrapper .__input__con .upload__wrap .upload-btn .btn {
    height: 0.72rem;
    padding: 0 0.26rem;
    border-radius: 0.08rem;
    font-size: 0.22rem;
  }
}
@media screen and (min-width: 800px) {
  .service-request-page .page-main .form-section .card__wrapper .form___wrapper .__input__con .upload__wrap .upload-btn .btn:hover {
    background: rgba(48, 127, 226, 0.2);
  }
}
.service-request-page .page-main .form-section .card__wrapper .form___wrapper .type1__btn_box {
  width: 100%;
  margin-top: 0.08rem;
}
@media screen and (max-width: 800px) {
  .service-request-page .page-main .form-section .card__wrapper .form___wrapper .type1__btn_box {
    margin-top: 0.28rem;
  }
}
.service-request-page .page-main .form-section .card__wrapper .form___wrapper .type1__btn_box .sign-in {
  padding: 0 0.28rem;
  height: 0.48rem;
  border-radius: 0.04rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 0.16rem;
  line-height: 0.24rem;
  font-family: var(--sk-font-Medium);
  background: var(--sk-global-color);
  color: #fff;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
@media screen and (max-width: 800px) {
  .service-request-page .page-main .form-section .card__wrapper .form___wrapper .type1__btn_box .sign-in {
    width: 100%;
    height: 0.8rem;
    border-radius: 0.08rem;
    font-size: 0.24rem;
    line-height: 0.36rem;
  }
}
@media screen and (min-width: 800px) {
  .service-request-page .page-main .form-section .card__wrapper .form___wrapper .type1__btn_box .sign-in:hover {
    background: #145BB4;
  }
}
.service-request-page .page-main .form-section .card__wrapper .form___wrapper .type1__btn_box .sign-in.disabled {
  cursor: default;
  background: #ACCCF3;
}
.service-request-page .page-main .form-section .card__wrapper .sign-up-now-box {
  margin-top: 0.63rem;
}
@media screen and (max-width: 800px) {
  .service-request-page .page-main .form-section .card__wrapper .sign-up-now-box {
    position: fixed;
    bottom: 0.18rem;
    left: 0.18rem;
    width: calc(100% - 0.36rem);
  }
}
.service-request-page .page-main .form-section .card__wrapper .sign-up-now-box .sign-up-now {
  padding: 0.22rem 0.22rem 0.21rem;
  font-size: 0.14rem;
  line-height: 0.21rem;
  color: rgba(0, 0, 0, 0.4);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: #FBFBFB;
  border-radius: 0.04rem;
}
@media screen and (max-width: 800px) {
  .service-request-page .page-main .form-section .card__wrapper .sign-up-now-box .sign-up-now {
    padding: 0.32rem 0.32rem 0.29rem;
    font-size: 0.24rem;
    line-height: 0.36rem;
    background: #FBFBFB;
    border-radius: 0.08rem;
  }
}
.service-request-page .page-main .form-section .card__wrapper .sign-up-now-box .sign-up-now a {
  color: var(--sk-global-color);
}
.service-request-page .page-main .form-section .card__wrapper .sign-up-now-box .sign-up-now a:hover {
  text-decoration: underline;
}

html.modal-scroll-locked,
body.modal-scroll-locked {
  overflow: hidden;
}

@-webkit-keyframes modelMessageFadeIn {
  from {
    opacity: 0;
    -webkit-transform: translate(-50%, -0.16rem);
            transform: translate(-50%, -0.16rem);
  }
  to {
    opacity: 1;
    -webkit-transform: translate(-50%, 0);
            transform: translate(-50%, 0);
  }
}

@keyframes modelMessageFadeIn {
  from {
    opacity: 0;
    -webkit-transform: translate(-50%, -0.16rem);
            transform: translate(-50%, -0.16rem);
  }
  to {
    opacity: 1;
    -webkit-transform: translate(-50%, 0);
            transform: translate(-50%, 0);
  }
}
.model-message {
  position: fixed;
  left: 50%;
  top: 0.4rem;
  min-width: 3rem;
  min-height: 0.4rem;
  padding: 0.12rem 0.15rem;
  border: 1px solid #47d054;
  background: #edfbee;
  border-radius: 0.1rem;
  color: #47d054;
  box-shadow: 0 0.08rem 0.18rem rgba(0, 0, 0, 0.08);
  opacity: 0;
  pointer-events: none;
  -webkit-transform: translate(-50%, -0.16rem);
      -ms-transform: translate(-50%, -0.16rem);
          transform: translate(-50%, -0.16rem);
  -webkit-transition: opacity 0.2s, -webkit-transform 0.2s;
  transition: opacity 0.2s, -webkit-transform 0.2s;
  transition: opacity 0.2s, transform 0.2s;
  transition: opacity 0.2s, transform 0.2s, -webkit-transform 0.2s;
  z-index: 3000;
}
@media screen and (max-width: 800px) {
  .model-message {
    padding: 0.14rem 0.3rem;
    border-radius: 0.16rem;
    border: 2px solid #47d054;
    top: 0.8rem;
  }
}
.model-message.show {
  opacity: 1;
  -webkit-transform: translate(-50%, 0);
      -ms-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
  -webkit-animation: modelMessageFadeIn 0.24s ease-out;
          animation: modelMessageFadeIn 0.24s ease-out;
}
.model-message .shop_container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 0.08rem;
}
@media screen and (max-width: 800px) {
  .model-message .shop_container {
    gap: 0.16rem;
  }
}
.model-message__icon {
  width: 0.18rem;
  height: 0.18rem;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 0.18rem;
      -ms-flex: 0 0 0.18rem;
          flex: 0 0 0.18rem;
  background: url(../images/gv/check_success.svg) center/contain no-repeat;
}
@media screen and (max-width: 800px) {
  .model-message__icon {
    width: 0.36rem;
    height: 0.36rem;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 0.36rem;
        -ms-flex: 0 0 0.36rem;
            flex: 0 0 0.36rem;
  }
}
.model-message__text {
  margin: 0;
  font-size: 0.14rem;
  line-height: 0.2rem;
  white-space: nowrap;
}
@media screen and (max-width: 800px) {
  .model-message__text {
    font-size: 0.26rem;
    line-height: 0.4rem;
  }
}

.account-page {
  min-height: 100vh;
  color: #000;
  background: #fff;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}
.account-page .account-header {
  height: 0.6rem;
  padding: 0 0.58rem;
  border-bottom: 1px solid #dee3eb;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 0.24rem;
}
.account-page .account-header__left, .account-page .account-header__right, .account-page .account-header__links,
.account-page .account-header .account-user,
.account-page .account-header .account-language {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.account-page .account-header__left {
  min-width: 0;
  gap: 0.38rem;
}
.account-page .account-header__right {
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  gap: 0.28rem;
}
.account-page .account-header__links {
  gap: 0.68rem;
}
.account-page .account-header__links a {
  color: #307fe2;
  font-size: 0.16rem;
  line-height: 0.24rem;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.08rem;
  font-family: var(--sk-font-Medium);
}
.account-page .account-header__links a .account-header__arrow {
  width: 0.14rem;
  height: 0.14rem;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 0.14rem;
      -ms-flex: 0 0 0.14rem;
          flex: 0 0 0.14rem;
  object-fit: contain;
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
}
.account-page .account-header__links a:hover {
  color: #145bb4;
}
.account-page .account-header__links a:hover .account-header__arrow {
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}
.account-page .account-logo {
  width: 1.63rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
}
.account-page .account-logo img {
  width: 100%;
  height: auto;
  object-fit: contain;
}
.account-page .account-language {
  gap: 0.06rem;
  height: 0.36rem;
  font-size: 0.14rem;
  line-height: 0.2rem;
  font-family: var(--sk-font-Medium);
}
.account-page .account-language img {
  width: 0.16rem;
  height: 0.16rem;
  object-fit: contain;
}
.account-page .account-language .account-language__arrow {
  width: 0.12rem;
  height: 0.08rem;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 0.12rem;
      -ms-flex: 0 0 0.12rem;
          flex: 0 0 0.12rem;
  object-fit: contain;
}
.account-page .account-user {
  gap: 0.1rem;
  font-size: 0.16rem;
  line-height: 0.24rem;
  font-family: var(--sk-font-Medium);
}
.account-page .profile-picture {
  width: 0.48rem;
  height: 0.48rem;
  border-radius: 50%;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 0.48rem;
      -ms-flex: 0 0 0.48rem;
          flex: 0 0 0.48rem;
  overflow: hidden;
  background: #307fe2;
}
.account-page .profile-picture img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.account-page .account-layout {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  width: min(14rem, 100% - 0.8rem);
  margin: 0 auto;
  padding: 0.24rem 0 0.78rem;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 3rem minmax(0, 1fr);
  grid-template-columns: 3rem minmax(0, 1fr);
  gap: 0.56rem;
}
.account-page .account-menu-toggle {
  display: none;
}
.account-page .account-sidebar {
  padding-top: 0;
  position: -webkit-sticky;
  position: sticky;
  top: 0.24rem;
  -webkit-align-self: start;
      -ms-flex-item-align: start;
              -ms-grid-row-align: start;
          align-self: start;
}
.account-page .account-profile-card {
  padding: 0.2rem 0.1rem 0.1rem;
  border-radius: 0.08rem;
  background: #f5f5f7;
}
.account-page .account-profile-card__user {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.12rem;
  padding: 0 0.1rem 0.2rem;
}
.account-page .account-profile-card__name {
  font-size: 0.18rem;
  line-height: 0.27rem;
  font-family: var(--sk-font-SemiBold);
}
.account-page .account-profile-card__role {
  margin-top: 0.03rem;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding: 0.02rem 0.08rem;
  border-radius: 0.03rem;
  color: #307fe2;
  background: rgba(48, 127, 226, 0.12);
  font-size: 0.12rem;
  line-height: 0.18rem;
}
.account-page .account-company-card {
  min-height: 0.42rem;
  padding: 0 0.12rem;
  border-radius: 0.04rem;
  background: #fff;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.1rem;
  color: rgba(0, 0, 0, 0.65);
  font-size: 0.14rem;
  line-height: 0.21rem;
  font-family: var(--sk-font-Medium);
}
.account-page .account-company-card .account-icon {
  width: 0.18rem;
  height: 0.18rem;
  object-fit: contain;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
}
.account-page .account-company-card span {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.account-page .account-sidebar-nav {
  margin-top: 0.2rem;
  padding-top: 0.2rem;
  border-top: 1px solid #cfd4e0;
}
.account-page .account-sidebar-nav a {
  height: 0.4rem;
  padding: 0 0.12rem;
  border-radius: 0.04rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.12rem;
  color: rgba(0, 0, 0, 0.6);
  font-size: 0.15rem;
  line-height: 0.22rem;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  font-family: var(--sk-font-Medium);
}
.account-page .account-sidebar-nav a:not(:last-child) {
  margin-bottom: 0.04rem;
}
.account-page .account-sidebar-nav a .account-icon {
  width: 0.2rem;
  height: 0.2rem;
  object-fit: contain;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
}
.account-page .account-sidebar-nav a .account-icon--active {
  display: none;
}
.account-page .account-sidebar-nav a span {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.account-page .account-sidebar-nav a:hover, .account-page .account-sidebar-nav a.is-active {
  color: #000;
  background: rgba(48, 127, 226, 0.1);
}
.account-page .account-sidebar-nav a.is-active .account-icon--default {
  display: none;
}
.account-page .account-sidebar-nav a.is-active .account-icon--active {
  display: block;
}
.account-page .company-manage-link {
  margin-top: 0.52rem;
  height: 0.4rem;
  border-radius: 0.04rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 0.08rem;
  color: #307fe2;
  background: #f5f5f7;
  font-size: 0.15rem;
  line-height: 0.22rem;
  font-family: var(--sk-font-Medium);
}
.account-page .company-manage-link .account-icon {
  width: 0.18rem;
  height: 0.18rem;
  object-fit: contain;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
}
.account-page .company-manage-link .account-icon--active {
  display: none;
}
.account-page .company-manage-link span {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.account-page .company-manage-link:hover {
  background: rgba(48, 127, 226, 0.12);
}
.account-page .company-manage-link.is-active {
  color: #fff;
  background: #307fe2;
}
.account-page .company-manage-link.is-active .account-icon--default {
  display: none;
}
.account-page .company-manage-link.is-active .account-icon--active {
  display: block;
}
.account-page .account-content {
  padding-top: 0.2rem;
  min-width: 0;
}
.account-page .account-content__head--row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.24rem;
}
.account-page .account-content__head--row > .sk_select {
  width: 2.37rem;
  min-width: 2.37rem;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 2.37rem;
      -ms-flex: 0 0 2.37rem;
          flex: 0 0 2.37rem;
}
.account-page .account-content h1 {
  font-size: 0.32rem;
  line-height: 0.48rem;
  font-family: var(--sk-font-SemiBold);
}
@media screen and (max-width: 800px) {
  .account-page .account-content .sk_select {
    --h: 0.8rem !important;
    width: 4.2rem !important;
  }
  .account-page .account-content .sk_select .-select-front {
    padding: 0;
    height: var(--h);
  }
  .account-page .account-content .sk_select .-select-front input {
    font-size: 0.26rem;
    padding: 0 0.3rem;
    border-radius: 0.08rem;
  }
  .account-page .account-content .sk_select .-select-front::after {
    width: 0.32rem;
    height: 0.32rem;
  }
  .account-page .account-content .sk_select .-select-layer .-inner {
    border-radius: 0.08rem;
  }
  .account-page .account-content .sk_select .-select-layer .-inner dl dd {
    font-size: 0.24rem;
    line-height: 0.32rem;
    padding: 0.16rem 0.24rem 0.14rem;
  }
}
.account-page .tab-list {
  margin-top: 0.26rem;
  height: 0.44rem;
  border-bottom: 1px solid #cfd4e0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 0.46rem;
}
.account-page .tab-list button {
  position: relative;
  height: 100%;
  color: rgba(0, 0, 0, 0.6);
  font-size: 0.16rem;
  line-height: 0.24rem;
  font-family: var(--sk-font-Medium);
}
.account-page .tab-list button::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -1px;
  width: 100%;
  height: 0.02rem;
  background: #307fe2;
  -webkit-transform: scaleX(0);
      -ms-transform: scaleX(0);
          transform: scaleX(0);
  -webkit-transform-origin: left center;
      -ms-transform-origin: left center;
          transform-origin: left center;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.account-page .tab-list button.is-active {
  color: #307fe2;
}
.account-page .tab-list button.is-active::after {
  -webkit-transform: scaleX(1);
      -ms-transform: scaleX(1);
          transform: scaleX(1);
}
.account-page .course-grid {
  margin-top: 0.3rem;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (minmax(0, 1fr))[3];
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.4rem 0.24rem;
}
.account-page .course-card {
  min-width: 0;
  display: block;
  position: relative;
}
.account-page .course-card:hover .course-card__media .img img,
.account-page .course-card:hover .course-card__media > img {
  -webkit-transform: scale(1.05);
      -ms-transform: scale(1.05);
          transform: scale(1.05);
}
.account-page .course-card:hover h2 {
  color: #307fe2;
}
.account-page .course-card.is-hidden {
  display: none;
}
.account-page .course-card__media {
  position: relative;
  height: 1.88rem;
  border-radius: 0.08rem;
  overflow: hidden;
  background: #f5f5f7;
}
.account-page .course-card__media .img {
  width: 100%;
  height: 100%;
}
.account-page .course-card__media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.account-page .course-card__media--designed .course-status,
.account-page .course-card__media--designed .course-duration {
  display: none;
}
.account-page .course-card h2 {
  margin-top: 0.16rem;
  min-height: 0.6rem;
  font-size: 0.2rem;
  line-height: 0.3rem;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  font-family: var(--sk-font-Medium);
}
.account-page .action-button {
  min-width: 1.44rem;
  height: 0.48rem;
  padding: 0 0.24rem;
  border-radius: 0.04rem;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 0.05rem;
  font-size: 0.16rem;
  line-height: 0.24rem;
  font-family: var(--sk-font-Medium);
  cursor: pointer;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
@media screen and (max-width: 800px) {
  .account-page .action-button {
    gap: 0.18rem;
  }
}
.account-page .action-button img {
  width: 0.2rem;
  height: 0.2rem;
  object-fit: contain;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
}
@media screen and (max-width: 800px) {
  .account-page .action-button img {
    width: 0.3rem;
    height: 0.3rem;
  }
}
.account-page .action-button span {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 0.14rem;
}
@media screen and (max-width: 800px) {
  .account-page .action-button span {
    font-size: 0.26rem;
  }
}
.account-page .action-button--primary {
  color: #fff;
  background: #307fe2;
}
.account-page .action-button--primary:hover {
  background: #145bb4;
  box-shadow: 0 0.06rem 0.16rem rgba(48, 127, 226, 0.22);
}
.account-page .action-button--outline {
  color: #307fe2;
  border: 1px solid #307fe2;
  background: #fff;
}
.account-page .action-button--outline:hover {
  background: rgba(48, 127, 226, 0.08);
}
.account-page .action-button--light {
  color: rgba(0, 0, 0, 0.45);
  background: #f5f5f7;
}
.account-page .action-button--light:hover {
  color: rgba(0, 0, 0, 0.75);
  background: #e9ebf0;
}
.account-page .action-button--danger-soft {
  color: #ff3030;
  background: rgba(255, 48, 48, 0.1);
}
.account-page .action-button--danger-soft:hover {
  color: #d22525;
  background: rgba(255, 48, 48, 0.16);
}
.account-page .action-button--upload {
  min-width: 1rem;
  height: 0.4rem;
  padding: 0 0.18rem;
  border-radius: 0.04rem;
  gap: 0.08rem;
  color: #307fe2;
  background: rgba(48, 127, 226, 0.1);
}
.account-page .action-button--upload:hover {
  color: #145bb4;
  background: rgba(48, 127, 226, 0.16);
}
.account-page .action-button--upload img {
  width: 0.18rem;
  height: 0.18rem;
  object-fit: contain;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 0.18rem;
      -ms-flex: 0 0 0.18rem;
          flex: 0 0 0.18rem;
}
.account-page .action-button--upload span {
  line-height: 1;
  font-size: 0.14rem;
}
.account-page .sk_select {
  width: 2.37rem;
  --h: 0.4rem;
}
.account-page .sk_select .-select-front input {
  padding: 0 0.15rem;
  font-size: 0.14rem;
}
.account-page .certification-section {
  margin-top: 0.3rem;
}
.account-page .certification-section__head {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 0.24rem;
}
.account-page .certification-section__head h2 {
  min-width: 0;
  font-size: 0.24rem;
  line-height: 0.36rem;
  font-family: var(--sk-font-Medium);
}
.account-page .certification-section--unacquired {
  margin-top: 0.6rem;
}
.account-page .certificate-carousel {
  margin-top: 0.24rem;
}
.account-page .certificate-carousel-controls {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.22rem;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
}
.account-page .certificate-carousel__arrow {
  width: 0.2rem;
  height: 0.32rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #000;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.account-page .certificate-carousel__arrow svg,
.account-page .certificate-carousel__arrow img {
  width: 0.19rem;
  height: 0.15rem;
  object-fit: contain;
  display: block;
}
.account-page .certificate-carousel__arrow svg {
  color: currentColor;
}
.account-page .certificate-carousel__arrow path {
  stroke: #000;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.account-page .certificate-carousel__arrow.is-disabled, .account-page .certificate-carousel__arrow:disabled {
  color: rgba(0, 0, 0, 0.4) !important;
  cursor: default;
}
.account-page .certificate-carousel__arrow.is-disabled path, .account-page .certificate-carousel__arrow:disabled path {
  stroke: rgba(0, 0, 0, 0.4) !important;
}
.account-page .certificate-carousel__arrow:not(.is-disabled):hover {
  opacity: 0.72;
}
.account-page .certification-swiper {
  overflow: hidden;
}
.account-page .certification-swiper .swiper-wrapper {
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}
.account-page .certification-swiper .swiper-slide {
  height: auto;
}
.account-page .certificate-slide {
  min-height: 2.42rem;
  border: 1px solid #cfd4e0;
  border-radius: 0.1rem;
  overflow: hidden;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 2rem minmax(0, 1fr);
  grid-template-columns: 2rem minmax(0, 1fr);
  background: #fff;
}
.account-page .certificate-slide__media {
  position: relative;
  border-right: 1px solid #cfd4e0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: #fff;
}
.account-page .certificate-slide__media .img {
  width: 1.42rem;
  height: 2rem;
}
.account-page .certificate-slide__media img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.account-page .certificate-slide__body {
  min-width: 0;
  padding: 0.2rem 0.27rem 0.2rem 0.3rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.account-page .certificate-slide h3 {
  margin-top: 0.21rem;
  color: #000;
  font-size: 0.18rem;
  line-height: 0.27rem;
  font-family: var(--sk-font-Medium);
}
.account-page .certificate-slide .certificate-label + h3 {
  margin-top: 0.22rem;
}
.account-page .certificate-slide .certificate-learn {
  margin-top: 0.16rem;
}
.account-page .certificate-preview-trigger {
  position: absolute;
  z-index: 2;
  width: 0.32rem;
  height: 0.32rem;
  border-radius: 50%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: rgba(0, 0, 0, 0.5);
  -webkit-transition: 0.3s;
  transition: 0.3s;
  opacity: 0;
}
.account-page .certificate-preview-trigger img {
  width: 0.16rem;
  height: 0.16rem;
  object-fit: contain;
}
.account-page .certificate-slide__media {
  background: #f5f5f7;
  cursor: pointer;
}
.account-page .certificate-slide__media:hover .certificate-preview-trigger {
  opacity: 1;
}
.account-page .certificate-slide__media .certificate-preview-trigger {
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.account-page .certificate-swiper-dots {
  min-height: 0.08rem;
  margin-top: 0.2rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.08rem;
}
.account-page .certificate-swiper-dots.swiper-pagination-bullets .swiper-pagination-bullet {
  width: 0.08rem;
  height: 0.08rem;
  margin: 0;
  border-radius: 50%;
  background: #e2e2e9;
  opacity: 1;
  cursor: pointer;
}
.account-page .certificate-swiper-dots.swiper-pagination-bullets .swiper-pagination-bullet-active {
  background: #307fe2;
}
.account-page .certificate-label {
  min-width: 0.83rem;
  height: 0.28rem;
  padding: 0 0.1rem;
  border-radius: 0.04rem;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #000;
  background: #e2e2e9;
  font-size: 0.14rem;
  line-height: 0.22rem;
  font-family: var(--sk-font-Medium);
}
.account-page .certificate-learn {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.08rem;
  color: #307fe2;
  font-size: 0.16rem;
  line-height: 0.24rem;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.account-page .certificate-learn .icon {
  width: 0.06rem;
  height: 0.1rem;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 0.06rem;
      -ms-flex: 0 0 0.06rem;
          flex: 0 0 0.06rem;
}
.account-page .certificate-learn:hover {
  color: #145bb4;
}
.account-page .certificate-list {
  margin-top: 0.24rem;
}
.account-page .certificate-list__item {
  min-height: 0.6rem;
  padding: 0.12rem 0.2rem;
  border: 1px solid #cfd4e0;
  border-radius: 0.08rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 0.24rem;
  background: #fff;
}
.account-page .certificate-list__item:not(:last-child) {
  margin-bottom: 0.14rem;
}
.account-page .certificate-list__main {
  min-width: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.2rem;
}
.account-page .certificate-list h3 {
  min-width: 0;
  color: #000;
  font-size: 0.18rem;
  line-height: 0.27rem;
  font-family: var(--sk-font-Medium);
}
.account-page .certificate-list .certificate-learn {
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
}
.account-page .certificate-page-nav {
  margin-top: 0.44rem;
}
.account-page .course-grid--favorite {
  margin-top: 0.24rem;
}
.account-page .empty-state {
  display: none;
  min-height: 5rem;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  text-align: center;
}
.account-page .empty-state--visible, .account-page .empty-state.is-visible {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.account-page .empty-state .img {
  width: 2.56rem;
  height: auto;
}
.account-page .empty-state .img img {
  width: 100%;
  height: auto;
  object-fit: contain;
}
.account-page .empty-state p {
  margin-top: 0.18rem;
  max-width: 5.2rem;
  color: rgba(0, 0, 0, 0.55);
  font-size: 0.16rem;
  line-height: 0.24rem;
}
.account-page .empty-state .action-button {
  margin-top: 0.24rem;
  min-width: 1.76rem;
}
.account-page .page-back-link {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.08rem;
  margin-bottom: 0.28rem;
  color: rgba(0, 0, 0, 0.58);
  font-size: 0.16rem;
  line-height: 0.24rem;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  font-family: var(--sk-font-Medium);
}
.account-page .page-back-link .icon {
  width: 0.06rem;
  height: 0.1rem;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 0.06rem;
      -ms-flex: 0 0 0.06rem;
          flex: 0 0 0.06rem;
}
.account-page .page-back-link:hover {
  color: #307fe2;
}
.account-page .section-title {
  margin-top: 0.6rem;
  font-size: 0.28rem;
  line-height: 0.42rem;
  font-family: var(--sk-font-SemiBold);
}
.account-page .certificate-card {
  position: relative;
  margin-top: 0.34rem;
  min-height: 3.62rem;
  border: 1px solid #cfd4e0;
  border-radius: 0.08rem;
  overflow: hidden;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 3.2rem minmax(0, 1fr);
  grid-template-columns: 3.2rem minmax(0, 1fr);
  background: #fff;
}
.account-page .certificate-card__media {
  position: relative;
  min-height: 3.62rem;
}
.account-page .certificate-card__media .certificate-preview-trigger {
  right: 0.12rem;
  bottom: 0.12rem;
  opacity: 1;
}
.account-page .certificate-card__bg {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.account-page .certificate-card__image {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 2rem;
  height: 2.8rem;
  object-fit: contain;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.account-page .certificate-card__body {
  position: relative;
  padding: 0.62rem 0.32rem 0.4rem;
}
.account-page .certificate-card__body h2 {
  padding-right: 0.8rem;
  font-size: 0.24rem;
  line-height: 0.36rem;
  font-family: var(--sk-font-SemiBold);
}
.account-page .certificate-card__body > .action-button--primary {
  margin-top: 0.32rem;
  min-width: 1.6rem;
}
.account-page .certificate-history-button {
  position: absolute;
  right: 0.24rem;
  top: 0.16rem;
  min-width: 0.9rem;
  height: 0.36rem;
  padding: 0 0.12rem;
  color: rgba(0, 0, 0, 0.6);
  border-color: #cfd4e0;
  background: transparent;
}
.account-page .certificate-history-button .img {
  width: 0.18rem;
  height: 0.18rem;
  object-fit: contain;
}
.account-page .certificate-history-button:hover .img,
.account-page .certificate-history-button:hover span {
  color: rgb(0, 0, 0);
}
.account-page .certificate-history-button span {
  font-weight: 400;
  font-size: 0.14rem;
  color: rgba(0, 0, 0, 0.6);
}
.account-page .certificate-meta {
  margin-top: 0.18rem;
  padding: 0.12rem 0.24rem;
  border-radius: 0.08rem;
  background: #f5f5f7;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (minmax(0, 1fr))[2];
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.08rem 0.34rem;
}
.account-page .certificate-meta div {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 0.24rem;
}
.account-page .certificate-meta dt {
  color: rgba(0, 0, 0, 0.45);
  font-size: 0.15rem;
  line-height: 0.22rem;
}
.account-page .certificate-meta dd {
  color: #000;
  font-size: 0.15rem;
  line-height: 0.22rem;
  font-family: var(--sk-font-Medium);
}
.account-page .account-form {
  width: min(7.4rem, 100%);
  margin: 0.48rem auto 0;
}
.account-page .account-form .item-content-container {
  margin-top: 0.3rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}
.account-page .account-form .row1,
.account-page .account-form .row2 {
  margin: 0 0.1rem 0;
}
.account-page .account-form .row1 {
  width: calc(100% - 0.2rem);
}
.account-page .account-form .row2 {
  width: calc(50% - 0.2rem);
}
.account-page .password-form {
  width: min(5.2rem, 100%);
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
}
.account-page .profile-form .profile-avatar,
.account-page .profile-form .form-submit-button {
  margin-left: auto;
  margin-right: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.account-page .profile-form .sk_select {
  width: 100%;
  --h: 0.4rem;
  min-width: 0;
}
.account-page .profile-form .sk_select .-select-front input {
  padding: 0 0.4rem 0 0.18rem;
  font-size: 0.15rem;
}
.account-page .profile-avatar {
  position: relative;
  width: 0.78rem;
  height: 0.78rem;
  margin-bottom: 0.06rem;
}
.account-page .profile-avatar__img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  object-fit: cover;
  display: block;
}
.account-page .profile-avatar__input {
  display: none;
}
.account-page .profile-avatar button {
  position: absolute;
  right: -0.02rem;
  bottom: -0.02rem;
  width: 0.26rem;
  height: 0.26rem;
  border-radius: 50%;
  background: #fff;
  box-shadow: 0 0.04rem 0.12rem rgba(0, 0, 0, 0.16);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.account-page .profile-avatar button img {
  width: 0.14rem;
  height: 0.14rem;
  object-fit: contain;
}
.account-page .input___content,
.account-page .form-field {
  min-width: 0;
  display: block;
}
.account-page .input___content .input-label,
.account-page .input___content > span,
.account-page .form-field .input-label,
.account-page .form-field > span {
  display: block;
  margin-bottom: 0.1rem;
  color: #000;
  font-size: 0.16rem;
  line-height: 0.24rem;
  font-family: var(--sk-font-Medium);
}
.account-page .input___content .input-label .required-mark,
.account-page .input___content .input-label em,
.account-page .input___content > span .required-mark,
.account-page .input___content > span em,
.account-page .form-field .input-label .required-mark,
.account-page .form-field .input-label em,
.account-page .form-field > span .required-mark,
.account-page .form-field > span em {
  color: #f00;
  font-style: normal;
}
.account-page .input___content .input-box,
.account-page .input___content .textarea-box,
.account-page .form-field .input-box,
.account-page .form-field .textarea-box {
  position: relative;
}
.account-page .input___content .select-box,
.account-page .form-field .select-box {
  position: relative;
}
.account-page .input___content .sk_select,
.account-page .form-field .sk_select {
  width: 100%;
  min-width: 0;
  --h: 0.4rem;
}
.account-page .input___content .sk_select .-select-front input,
.account-page .form-field .sk_select .-select-front input {
  padding: 0 0.4rem 0 0.18rem;
  color: rgba(0, 0, 0, 0.45);
  font-size: 0.15rem;
  line-height: 0.22rem;
  font-family: var(--sk-font-Medium);
}
.account-page .input___content .sk_select .-select-front::after,
.account-page .form-field .sk_select .-select-front::after {
  right: 0.16rem;
}
.account-page .input___content input,
.account-page .input___content select,
.account-page .input___content textarea,
.account-page .form-field input,
.account-page .form-field select,
.account-page .form-field textarea {
  width: 100%;
  height: 0.4rem;
  border: 1px solid #c8d2e2;
  border-radius: 0.03rem;
  padding: 0 0.18rem;
  color: rgba(0, 0, 0, 0.75);
  background: #fff;
  font-size: 0.15rem;
  line-height: 0.22rem;
  font-family: var(--sk-font-Medium);
}
.account-page .input___content input:disabled,
.account-page .input___content select:disabled,
.account-page .input___content textarea:disabled,
.account-page .form-field input:disabled,
.account-page .form-field select:disabled,
.account-page .form-field textarea:disabled {
  color: rgba(0, 0, 0, 0.65);
  background: #f5f5f7;
}
.account-page .input___content input:focus,
.account-page .input___content select:focus,
.account-page .input___content textarea:focus,
.account-page .form-field input:focus,
.account-page .form-field select:focus,
.account-page .form-field textarea:focus {
  border-color: #307fe2;
  box-shadow: 0 0 0.04rem rgba(48, 127, 226, 0.25);
}
.account-page .input___content select,
.account-page .form-field select {
  -webkit-appearance: auto;
     -moz-appearance: auto;
          appearance: auto;
  color: rgba(0, 0, 0, 0.45);
}
.account-page .input___content textarea,
.account-page .form-field textarea {
  height: 1.3rem;
  padding-top: 0.12rem;
  resize: none;
}
.account-page .input___content--full, .account-page .input___content--company, .account-page .input___content--upload,
.account-page .form-field--full,
.account-page .form-field--company,
.account-page .form-field--upload {
  grid-column: 1/-1;
}
.account-page .company-input-row {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: minmax(0, 1fr) 1.42rem;
  grid-template-columns: minmax(0, 1fr) 1.42rem;
  gap: 0.12rem;
}
.account-page .company-input-row .action-button {
  min-width: 0;
  height: 0.4rem;
  padding: 0 0.12rem;
  font-size: 0.14rem;
}
.account-page .input___content .required-text {
  margin-top: 0.06rem;
  color: #c31925;
  font-size: 0.12rem;
  line-height: 0.18rem;
  opacity: 0;
  visibility: hidden;
}
.account-page .input___content.required .required-text {
  opacity: 1;
  visibility: visible;
}
.account-page .form-submit-button {
  min-width: 2.1rem;
  margin-top: 0.34rem;
  margin-left: auto;
  margin-right: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.account-page .company-info-form {
  width: min(7.4rem, 100%);
  margin-top: 0.48rem;
  -webkit-box-align: end;
  -webkit-align-items: end;
      -ms-flex-align: end;
          align-items: end;
}
.account-page .company-info-form .required-text {
  display: none;
}
.account-page .company-info-form .form-submit-button {
  margin-left: auto;
  margin-right: auto;
}
.account-page .upload-field {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.22rem;
}
.account-page .upload-field .input-label,
.account-page .upload-field > span {
  margin-bottom: 0;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.04rem;
}
.account-page .upload-field.has-file .action-button--upload {
  display: none;
}
.account-page .upload-input {
  display: none;
}
.account-page .upload-file-link {
  max-width: 3rem;
  display: inline-block;
  overflow: hidden;
  color: #307fe2;
  font-size: 0.16rem;
  line-height: 0.24rem;
  text-overflow: ellipsis;
  white-space: nowrap;
  vertical-align: middle;
  font-family: var(--sk-font-Medium);
}
.account-page .field-tip-trigger {
  width: 0.2rem;
  height: 0.2rem;
  border-radius: 50%;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.account-page .field-tip-trigger img {
  width: 0.18rem;
  height: 0.18rem;
  object-fit: contain;
  display: block;
}
.account-page .field-tip {
  position: relative;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.account-page .field-tooltip {
  position: absolute;
  left: 0.22rem;
  top: -0.18rem;
  width: 2.5rem;
  padding: 0.12rem 0.16rem;
  border-radius: 0.08rem;
  color: #fff;
  background: rgba(0, 0, 0, 0.72);
  font-size: 0.14rem;
  line-height: 0.22rem;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translateY(0.06rem);
      -ms-transform: translateY(0.06rem);
          transform: translateY(0.06rem);
  -webkit-transition: 0.25s;
  transition: 0.25s;
  z-index: 3;
}
.account-page .field-tip-trigger:hover + .field-tooltip,
.account-page .field-tip-trigger:focus-visible + .field-tooltip,
.account-page .field-tooltip.is-visible {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0);
}
.account-page .company-management-head {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.account-page .company-info-button {
  min-width: 2.1rem;
  height: 0.4rem;
}
.account-page .tabs-wrap--company {
  padding-top: 0.3rem;
  border-bottom: 1px solid #cfd4e0;
}
.account-page .tabs-wrap--company .tab-list {
  margin: 0 0 -1px;
  height: auto;
  border-bottom: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 0;
}
.account-page .tabs-wrap--company .tab {
  position: relative;
  margin-right: 0.48rem;
  padding: 0 0 0.13rem 0;
  color: rgba(0, 0, 0, 0.6);
  font-size: 0.16rem;
  line-height: 0.24rem;
  border-bottom: 2px solid transparent;
  cursor: pointer;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  font-family: var(--sk-font-Medium);
}
@media screen and (max-width: 800px) {
  .account-page .tabs-wrap--company .tab {
    font-size: 0.28rem;
    line-height: 0.42rem;
    padding-top: 0.32rem;
  }
}
.account-page .tabs-wrap--company .tab:hover, .account-page .tabs-wrap--company .tab.on {
  color: #307fe2;
}
.account-page .tabs-wrap--company .tab.on {
  border-color: #307fe2;
}
.account-page .tab-badge {
  position: absolute;
  right: -0.18rem;
  top: -0.03rem;
  min-width: 0.14rem;
  height: 0.14rem;
  padding: 0 0.04rem;
  border-radius: 0.08rem;
  color: #fff;
  background: #d22525;
  font-size: 0.1rem;
  line-height: 0.14rem;
}
@media screen and (max-width: 800px) {
  .account-page .tab-badge {
    top: 0.3rem;
    min-width: 0.26rem;
    height: 0.2rem;
    line-height: 0.2rem;
    text-align: center;
    font-size: 0.16rem;
  }
}
.account-page .company-panel {
  display: none;
}
.account-page .company-panel.is-active {
  display: block;
}
.account-page .add-employee-button {
  margin-top: 0.2rem;
  min-width: 1.56rem;
  height: 0.36rem;
}
.account-page .add-employee-button .img {
  width: 0.12rem;
  height: 0.12rem;
}
@media screen and (max-width: 800px) {
  .account-page .add-employee-button .img {
    width: 0.24rem;
    height: 0.24rem;
  }
}
.account-page .data-table-wrap {
  margin-top: 0.2rem;
  max-width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}
@media screen and (max-width: 800px) {
  .account-page .data-table-wrap {
    margin-top: 0.4rem;
  }
}
.account-page .data-table {
  width: 100%;
  min-width: 9.6rem;
  border-collapse: collapse;
  table-layout: fixed;
  color: rgba(0, 0, 0, 0.68);
  font-size: 0.15rem;
  line-height: 0.22rem;
}
@media screen and (max-width: 800px) {
  .account-page .data-table {
    display: none;
  }
}
.account-page .data-table thead {
  background: #e1e2e9;
  color: #000;
}
.account-page .data-table th,
.account-page .data-table td {
  width: 1rem;
  height: 0.48rem;
  padding: 0 0.1rem;
  text-align: left;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-family: var(--sk-font-Medium);
}
.account-page .data-table th {
  position: relative;
  font-weight: 500;
}
.account-page .data-table th:not(:last-child)::after {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  width: 1px;
  height: 0.18rem;
  background: #c7cad4;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.account-page .data-table td {
  border-bottom: 1px solid #d7dce7;
}
.account-page .data-table tbody tr:nth-child(even) {
  background: #f5f5f7;
}
.account-page .mobile_table {
  display: none;
}
@media screen and (max-width: 800px) {
  .account-page .mobile_table {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-flow: column nowrap;
        -ms-flex-flow: column nowrap;
            flex-flow: column nowrap;
    gap: 0.2rem;
  }
}
.account-page .mobile_table .table_item {
  background: #F5F5F7;
  border-radius: 0.16rem;
  padding: 0.2rem 0.24rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row nowrap;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.account-page .mobile_table .table_item .item_box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-flow: column nowrap;
      -ms-flex-flow: column nowrap;
          flex-flow: column nowrap;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 0.2rem;
}
.account-page .mobile_table .table_item .item_box .tag_tit {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row nowrap;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.2rem;
}
.account-page .mobile_table .table_item .item_box .tag_tit .tag_content {
  padding: 0.08rem 0.16rem;
  font-size: 0.22rem;
  line-height: 0.32rem;
  color: #307FE2;
  background: rgba(48, 127, 226, 0.15);
  border-radius: 0.08rem;
}
.account-page .mobile_table .table_item .item_box .tag_tit .tag_content.pending {
  color: #EB8B2B;
  background: rgba(235, 139, 43, 0.15);
}
.account-page .mobile_table .table_item .item_box .tag_tit .tag_content.approved {
  color: #47D054;
  background: rgba(71, 208, 84, 0.15);
}
.account-page .mobile_table .table_item .item_box .tag_tit .tag_content.rejected {
  color: #D22525;
  background: rgba(210, 37, 37, 0.15);
}
.account-page .mobile_table .table_item .item_box .tag_tit .title {
  font-size: 0.28rem;
  line-height: 0.42rem;
  color: #000;
}
.account-page .mobile_table .table_item .item_box .email {
  font-size: 0.24rem;
  line-height: 0.36rem;
  color: rgba(0, 0, 0, 0.7);
}
.account-page .mobile_table .table_item .img {
  width: 0.15rem;
  height: 0.24rem;
}
.account-page .mobile_table .table_item .img img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.account-page .data-table--employee th:nth-child(1),
.account-page .data-table--employee td:nth-child(1) {
  width: 0.68rem;
  padding-left: 0.3rem;
}
.account-page .data-table--employee th:nth-child(4),
.account-page .data-table--employee td:nth-child(4) {
  width: 1.2rem;
}
.account-page .data-table--employee th:nth-child(5),
.account-page .data-table--employee td:nth-child(5) {
  width: 1.2rem;
}
.account-page .data-table--employee th:nth-child(6),
.account-page .data-table--employee td:nth-child(6) {
  width: 1.2rem;
}
.account-page .data-table--employee th:nth-child(8),
.account-page .data-table--employee td:nth-child(8) {
  width: 2rem;
  white-space: nowrap;
}
.account-page .data-table--review th:nth-child(1),
.account-page .data-table--review td:nth-child(1) {
  width: 0.68rem;
  padding-left: 0.3rem;
}
.account-page .data-table--review th:nth-child(5),
.account-page .data-table--review td:nth-child(5) {
  width: 2.6rem;
}
.account-page .data-table--review th:nth-child(7),
.account-page .data-table--review td:nth-child(7) {
  width: 1.36rem;
  white-space: nowrap;
}
.account-page .table-action {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.04rem;
  max-width: 100%;
  padding: 0.03rem 0.06rem;
  border-radius: 0.04rem;
  font-size: 0.15rem;
  line-height: 0.22rem;
  white-space: nowrap;
  cursor: pointer;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  font-family: var(--sk-font-Medium);
}
.account-page .table-action .img {
  width: 0.18rem;
  height: 0.18rem;
  object-fit: contain;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 0.18rem;
      -ms-flex: 0 0 0.18rem;
          flex: 0 0 0.18rem;
}
.account-page .table-action .svg-ctx path[stroke] {
  stroke: currentColor;
}
.account-page .table-action .svg-ctx path[stroke]:not([fill]) {
  fill: none;
}
.account-page .table-action:hover.is-blue {
  color: #145bb4;
  background: rgba(48, 127, 226, 0.08);
}
.account-page .table-action:hover.is-red {
  color: #d22525;
  background: rgba(245, 34, 45, 0.08);
}
.account-page .table-action + .table-action {
  margin-left: 0.1rem;
}
.account-page .table-action.is-blue {
  color: #307fe2;
}
.account-page .table-action.is-red {
  color: #f5222d;
}
.account-page .review-state.is-pending {
  color: #fa8c16;
}
.account-page .review-state.is-approved {
  color: #2bcc3d;
}
.account-page .review-state.is-rejected {
  color: #d22525;
}
.account-page .account-modal {
  position: fixed;
  z-index: 1000;
  inset: 0;
  display: none;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0.32rem;
  overflow-y: auto;
  -ms-scroll-chaining: none;
      overscroll-behavior: contain;
  scrollbar-gutter: stable;
  scrollbar-width: thin;
  scrollbar-color: rgba(255, 255, 255, 0.48) transparent;
  background: rgba(0, 0, 0, 0.46);
}
.account-page .account-modal.is-visible {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.account-page .account-modal::-webkit-scrollbar {
  width: 0.04rem;
}
.account-page .account-modal::-webkit-scrollbar-thumb {
  border-radius: 0.04rem;
  background: rgba(0, 0, 0, 0.22);
}
.account-page .account-modal::-webkit-scrollbar-track {
  background: transparent;
}
.account-page .account-modal__dialog {
  width: min(6.5rem, 100%);
  margin: auto 0;
  border-radius: 0.08rem;
  overflow: hidden;
  background: #fff;
  box-shadow: 0 0.24rem 0.6rem rgba(0, 0, 0, 0.18);
}
.account-page .account-modal__dialog--wide {
  width: min(8.2rem, 100%);
}
.account-page .account-modal__dialog--narrow {
  width: min(4.8rem, 100%);
}
.account-page .account-modal__dialog--notice {
  width: min(4.8rem, 100%);
}
.account-page .account-modal__dialog--exam {
  width: min(4.8rem, 100%);
}
.account-page .account-modal__dialog--history {
  width: min(6.08rem, 100%);
}
.account-page .account-modal__header {
  height: 0.6rem;
  padding: 0 0.2rem;
  border-bottom: 1px solid #d7dce7;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.account-page .account-modal__header h2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.16rem;
  font-size: 0.2rem;
  line-height: 0.3rem;
  font-family: var(--sk-font-Medium);
}
.account-page .account-modal__header h2 img {
  width: 0.32rem;
  height: 0.32rem;
  object-fit: contain;
}
.account-page .account-modal__header .close-btn {
  width: 0.4rem;
  height: 0.4rem;
  border-radius: 0.04rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: #f5f5f7;
  cursor: pointer;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.account-page .account-modal__header .close-btn .icon {
  width: 0.11rem;
  height: 0.11rem;
  object-fit: contain;
}
.account-page .account-modal__header .close-btn:hover {
  background: #eceef3;
}
.account-page .account-modal__body {
  padding: 0.34rem 0.4rem 0.5rem;
}
.account-page .account-modal__footer {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  gap: 0.2rem;
}
.account-page .account-modal__footer--center {
  grid-column: 1/-1;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 0.06rem;
}
.account-page .account-modal__footer .action-button {
  min-width: 1.9rem;
}
.account-page .account-modal__dialog--notice .account-modal__body {
  padding: 0.38rem 0.4rem 0.34rem;
  text-align: center;
}
.account-page .account-modal__dialog--notice .account-modal__body p {
  color: rgba(0, 0, 0, 0.68);
  font-size: 0.16rem;
  line-height: 0.26rem;
}
.account-page .account-modal__dialog--notice .account-modal__footer {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 0.2rem;
  padding: 0 0.4rem 0.5rem;
}
.account-page .account-modal__dialog--notice .account-modal__footer .action-button {
  width: 1.4rem;
  min-width: 1.4rem;
}
.account-page .modal-form .item-content-container {
  margin: -0.24rem -0.1rem 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}
.account-page .modal-form .row1,
.account-page .modal-form .row2 {
  margin: 0 0.1rem 0;
}
.account-page .modal-form .row1 {
  width: calc(100% - 0.2rem);
}
.account-page .modal-form .row2 {
  width: calc(50% - 0.2rem);
}
.account-page .modal-form textarea {
  height: 1.3rem;
}
.account-page .radio-row {
  grid-column: 1/-1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.34rem;
  color: #000;
  font-size: 0.16rem;
  line-height: 0.24rem;
}
.account-page .radio-row .radio_content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row nowrap;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.12rem;
}
.account-page .radio-row .radio_content label {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.06rem;
  color: rgba(0, 0, 0, 0.65);
  font-size: 0.14rem;
}
.account-page .radio-row .input-label {
  margin-bottom: 0 !important;
}
.account-page .radio-row input {
  width: 0.16rem;
  height: 0.16rem;
  accent-color: #307fe2;
  cursor: pointer;
}
.account-page .document-row {
  grid-column: 1/-1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  gap: 0.46rem;
  font-size: 0.16rem;
  line-height: 0.24rem;
}
.account-page .document-row a {
  color: #307fe2;
}
.account-page .exam-summary {
  padding: 0.16rem 0.2rem;
  border-radius: 0.08rem;
  background: #f5f5f7;
}
.account-page .exam-summary div {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 0.18rem;
}
.account-page .exam-summary div:not(:last-child) {
  margin-bottom: 0.1rem;
}
.account-page .exam-summary dt {
  color: rgba(0, 0, 0, 0.45);
  font-size: 0.15rem;
  line-height: 0.22rem;
}
.account-page .exam-summary dd {
  color: #000;
  font-size: 0.15rem;
  line-height: 0.22rem;
  font-family: var(--sk-font-Medium);
}
.account-page .account-modal__dialog--exam .account-modal__body {
  padding: 0.4rem;
}
.account-page .account-modal__dialog--exam .account-modal__body p {
  margin: 0.26rem auto 0;
  width: 3.6rem;
  max-width: 100%;
  color: #307fe2;
  text-align: center;
  font-size: 0.16rem;
  line-height: 0.26rem;
}
.account-page .account-modal__dialog--exam .account-modal__body .action-button {
  width: 100%;
  margin-top: 0.34rem;
}
.account-page .account-modal__dialog--history .account-modal__body {
  padding: 0.24rem 0.34rem 0.4rem;
}
.account-page .certificate-history-table {
  width: 100%;
  border-collapse: collapse;
  color: rgba(0, 0, 0, 0.65);
  font-size: 0.14rem;
  line-height: 0.22rem;
}
.account-page .certificate-history-table th,
.account-page .certificate-history-table td {
  height: 0.4rem;
  padding: 0 0.26rem;
  text-align: left;
  font-family: var(--sk-font-Medium);
}
.account-page .certificate-history-table thead th {
  position: relative;
  height: 0.34rem;
  color: #000;
  background: #e2e2e9;
  font-weight: 400;
}
.account-page .certificate-history-table thead th:not(:last-child)::after {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  width: 1px;
  height: 0.14rem;
  background: #c7c7d0;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.account-page .certificate-history-table thead th:first-child {
  border-radius: 0.03rem 0 0 0.03rem;
}
.account-page .certificate-history-table thead th:last-child {
  border-radius: 0 0.03rem 0.03rem 0;
}
.account-page .certificate-history-table tbody tr {
  border-bottom: 1px solid #d7dce7;
}
.account-page .certificate-history-table tbody td {
  height: 0.41rem;
}
.account-page .history-status--passed {
  color: #2bcc3d;
}
.account-page .history-status--failed {
  color: #d22525;
}
.account-page .account-modal__dialog--certificate {
  width: min(6.4rem, 100%);
}
.account-page .account-modal__dialog--certificate .account-modal__body {
  padding: 0.4rem 0.4rem 0.4rem;
  text-align: center;
}
.account-page .certificate-preview-image {
  width: 4.1rem;
  max-width: 100%;
  margin: 0 auto;
}
.account-page .certificate-preview-image img {
  width: 100%;
  height: auto;
  object-fit: contain;
  display: block;
}
.account-page .certificate-download-button {
  margin-top: 0.32rem;
  min-width: 1.6rem;
}
.account-page .course-status {
  position: absolute;
  top: 0;
  left: 0;
  height: 0.28rem;
  min-width: 0.96rem;
  padding: 0 0.3rem 0 0.14rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-clip-path: polygon(0 0, 100% 0, calc(100% - 0.16rem) 100%, 0 100%);
          clip-path: polygon(0 0, 100% 0, calc(100% - 0.16rem) 100%, 0 100%);
  color: #fff;
  font-size: 0.13rem;
  line-height: 0.2rem;
  font-family: var(--sk-font-Medium);
}
.account-page .course-status::after {
  display: none;
}
.account-page .course-status.is-progress {
  background: #2e9eef;
}
.account-page .course-status.is-completed {
  background: #3bd24a;
}
.account-page .course-duration {
  position: absolute;
  right: 0.1rem;
  bottom: 0.1rem;
  height: 0.24rem;
  padding: 0 0.06rem;
  border-radius: 0.04rem;
  background: rgba(0, 0, 0, 0.52);
  color: #fff;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.04rem;
  font-size: 0.12rem;
  line-height: 0.18rem;
}
.account-page .course-duration span {
  width: 0.14rem;
  height: 0.14rem;
  border: 1px solid #fff;
  border-radius: 50%;
  position: relative;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
}
.account-page .course-duration span::before, .account-page .course-duration span::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  background: #fff;
  -webkit-transform-origin: left center;
      -ms-transform-origin: left center;
          transform-origin: left center;
}
.account-page .course-duration span::before {
  width: 0.04rem;
  height: 1px;
  -webkit-transform: rotate(-42deg);
      -ms-transform: rotate(-42deg);
          transform: rotate(-42deg);
}
.account-page .course-duration span::after {
  width: 0.04rem;
  height: 1px;
  -webkit-transform: rotate(-90deg);
      -ms-transform: rotate(-90deg);
          transform: rotate(-90deg);
}
.account-page .account-footer {
  min-height: 0.74rem;
  padding: 0 0.4rem 0.24rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 0.24rem;
  color: #000;
  font-size: 0.14rem;
  line-height: 0.21rem;
}
.account-page .account-footer a {
  position: relative;
  color: rgba(0, 0, 0, 0.6);
}
.account-page .account-footer a:not(:last-child)::after {
  content: "|";
  position: absolute;
  right: -0.14rem;
  color: rgba(0, 0, 0, 0.5);
}
.account-page .account-footer a:hover {
  color: #307fe2;
}

@media screen and (max-width: 1200px) {
  .account-page .account-header {
    padding: 0 0.36rem;
  }
  .account-page .account-header__links {
    gap: 0.32rem;
  }
  .account-page .account-layout {
    width: calc(100% - 0.56rem);
    -ms-grid-columns: 3rem minmax(0, 1fr);
    grid-template-columns: 3rem minmax(0, 1fr);
    gap: 0.36rem;
  }
  .account-page .course-grid {
    gap: 0.34rem 0.2rem;
  }
  .account-page .certificate-slide {
    -ms-grid-columns: 1.75rem minmax(0, 1fr);
    grid-template-columns: 1.75rem minmax(0, 1fr);
  }
  .account-page .certificate-slide__media .img {
    width: 1.24rem;
    height: 1.76rem;
  }
  .account-page .certificate-slide__body {
    padding: 0.38rem 0.24rem 0.28rem;
  }
  .account-page .certificate-slide h3 {
    font-size: 0.18rem;
    line-height: 0.28rem;
  }
  .account-page .course-card h2 {
    font-size: 0.19rem;
    line-height: 0.29rem;
  }
  .account-page .account-form,
  .account-page .company-info-form {
    width: min(7.2rem, 100%);
  }
}
.g-header .header-user {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.1rem;
  font-size: 0.16rem;
  line-height: 0.24rem;
  font-family: var(--sk-font-Medium);
}
.g-header .header-user__avatar {
  width: 0.36rem;
  height: 0.36rem;
  border-radius: 50%;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 0.36rem;
      -ms-flex: 0 0 0.36rem;
          flex: 0 0 0.36rem;
  color: #fff;
  background: #307fe2;
  font-size: 0.16rem;
}

.cookie-page {
  min-height: 100vh;
  background: #fff;
  color: #000;
}
.cookie-page .cookie-main {
  padding: 1.08rem 0 1.04rem;
}
.cookie-page .policy-content {
  width: min(10rem, 100% - 0.48rem);
  margin: 0 auto;
}
.cookie-page .policy-content h1 {
  margin-bottom: 0.36rem;
  font-size: 0.38rem;
  line-height: 0.56rem;
  font-family: var(--sk-font-SemiBold);
}
.cookie-page .policy-content h2 {
  margin-top: 0.3rem;
  margin-bottom: 0.1rem;
  font-size: 0.2rem;
  line-height: 0.3rem;
  font-family: var(--sk-font-SemiBold);
}
.cookie-page .policy-content p {
  color: rgba(0, 0, 0, 0.66);
  font-size: 0.16rem;
  line-height: 0.24rem;
}
.cookie-page .policy-content p + p {
  margin-top: 0.16rem;
}
.cookie-page .policy-content a {
  color: #307fe2;
}

.error-page {
  min-height: 100vh;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0.4rem;
  background: #fff;
}
.error-page .error-box {
  margin-top: -0.25rem;
  text-align: center;
}
.error-page .error-box .img {
  width: 3.4rem;
  height: auto;
  margin: 0 auto;
}
.error-page .error-box img {
  width: 100%;
  height: auto;
  object-fit: contain;
}
.error-page .error-box h1 {
  margin-top: 0.24rem;
  font-size: 0.26rem;
  line-height: 0.38rem;
  font-family: var(--sk-font-SemiBold);
}
.error-page .action-button {
  min-width: 2.1rem;
  height: 0.48rem;
  margin-top: 0.34rem;
  padding: 0 0.24rem;
  border-radius: 0.04rem;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #fff;
  background: #307fe2;
  font-size: 0.16rem;
  line-height: 0.24rem;
  font-family: var(--sk-font-Medium);
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.error-page .action-button:hover {
  background: #307fe2;
}

@media screen and (max-width: 1000px) {
  .account-page .course-grid {
    -ms-grid-columns: (minmax(0, 1fr))[2];
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .account-page .account-header__links {
    gap: 0.32rem;
  }
  .account-page .certificate-slide {
    min-height: 2.2rem;
    -ms-grid-columns: 1.52rem minmax(0, 1fr);
    grid-template-columns: 1.52rem minmax(0, 1fr);
  }
  .account-page .certificate-slide__media .img {
    width: 1.1rem;
    height: 1.56rem;
  }
  .account-page .certificate-slide__body {
    padding: 0.3rem 0.18rem;
  }
  .account-page .course-wrap {
    margin-top: 0.24rem;
  }
  .account-page.c_details .course-wrap {
    margin-top: 0.36rem !important;
  }
  .account-page .certificate-card {
    min-height: 3.62rem;
    -ms-grid-columns: 3.2rem minmax(0, 1fr);
    grid-template-columns: 3.2rem minmax(0, 1fr);
  }
  .account-page .certificate-card__media {
    min-height: 3.62rem;
  }
  .account-page .certificate-card__image {
    width: 3.54rem;
    height: 5rem;
  }
  .account-page .account-profile-card__name,
  .account-page .account-company-card span,
  .account-page .account-sidebar-nav a span,
  .account-page .company-manage-link span {
    overflow-wrap: anywhere;
  }
  .account-page .company-management-head {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  .account-page .company-info-button {
    min-width: 1.9rem;
  }
  .account-page .data-table {
    min-width: 10.2rem;
  }
}
@media screen and (max-width: 800px) {
  .account-page {
    overflow-x: hidden;
  }
  .account-page .account-header {
    min-height: 1.04rem;
    height: auto;
    padding: 0.18rem 0.32rem;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  .account-page .account-header__left {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: 0.12rem;
  }
  .account-page .account-header__links {
    gap: 0.24rem;
  }
  .account-page .account-header__links a {
    font-size: 0.22rem;
    line-height: 0.3rem;
    overflow-wrap: anywhere;
  }
  .account-page .account-header__right {
    gap: 0.18rem;
  }
  .account-page .account-logo {
    width: 2.2rem;
  }
  .account-page .account-language {
    font-size: 0.2rem;
  }
  .account-page .account-language img {
    width: 0.24rem;
    height: 0.24rem;
  }
  .account-page .account-user__name {
    display: none;
  }
  .account-page .profile-picture {
    width: 0.58rem;
    height: 0.58rem;
    -webkit-flex-basis: 0.58rem;
        -ms-flex-preferred-size: 0.58rem;
            flex-basis: 0.58rem;
  }
  .account-page .account-layout {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    display: block;
    padding: 0.28rem 0.32rem 0.72rem;
  }
  .account-page .account-menu-toggle {
    width: 0.64rem;
    height: 0.48rem;
    border-radius: 0.08rem;
    background: #f5f5f7;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 0.07rem;
  }
  .account-page .account-menu-toggle span {
    width: 0.28rem;
    height: 0.03rem;
    border-radius: 0.03rem;
    background: #307fe2;
  }
  .account-page .account-sidebar {
    display: none;
    margin-top: 0.18rem;
    position: static;
  }
  .account-page .account-sidebar.is-open {
    display: block;
  }
  .account-page .account-profile-card {
    padding: 0.26rem 0.18rem 0.18rem;
    border-radius: 0.1rem;
  }
  .account-page .account-profile-card__name {
    font-size: 0.26rem;
    line-height: 0.36rem;
  }
  .account-page .account-profile-card__role {
    font-size: 0.2rem;
    line-height: 0.28rem;
  }
  .account-page .account-company-card,
  .account-page .account-sidebar-nav a,
  .account-page .company-manage-link {
    min-height: 0.72rem;
    font-size: 0.22rem;
    line-height: 0.32rem;
  }
  .account-page .account-company-card .account-icon,
  .account-page .account-sidebar-nav a .account-icon,
  .account-page .company-manage-link .account-icon {
    width: 0.28rem;
    height: 0.28rem;
  }
  .account-page .account-content {
    padding-top: 0.8rem;
  }
  .account-page .account-content h1 {
    font-size: 0.48rem;
    line-height: 0.72rem;
  }
  .account-page .account-layout {
    width: 100%;
    padding: 0 0.32rem;
  }
  .account-page .tab-list {
    margin-top: 0.28rem;
    height: auto;
    min-height: 0.56rem;
    gap: 0.42rem;
    overflow-x: auto;
    scrollbar-width: none;
  }
  .account-page .tab-list::-webkit-scrollbar {
    display: none;
  }
  .account-page .tab-list button {
    height: 0.56rem;
    -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
            flex-shrink: 0;
    font-size: 0.24rem;
    line-height: 0.34rem;
  }
  .account-page .course-grid {
    margin-top: 0.32rem;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    gap: 0.42rem;
  }
  .account-page .course-card__media {
    height: auto;
    aspect-ratio: 16/9;
    border-radius: 0.1rem;
  }
  .account-page .course-card h2 {
    margin-top: 0.18rem;
    padding-right: 0.5rem;
    font-size: 0.28rem;
    line-height: 0.4rem;
    min-height: auto;
    overflow-wrap: anywhere;
  }
  .account-page .course-status {
    height: 0.42rem;
    min-width: 1.48rem;
    padding: 0 0.42rem 0 0.2rem;
    -webkit-clip-path: polygon(0 0, 100% 0, calc(100% - 0.24rem) 100%, 0 100%);
            clip-path: polygon(0 0, 100% 0, calc(100% - 0.24rem) 100%, 0 100%);
    font-size: 0.22rem;
    line-height: 0.32rem;
  }
  .account-page .course-duration {
    right: 0.1rem;
    bottom: 0.1rem;
    height: 0.3rem;
    max-width: calc(100% - 0.2rem);
    font-size: 0.16rem;
    line-height: 0.24rem;
  }
  .account-page .course-duration span {
    width: 0.18rem;
    height: 0.18rem;
  }
  .account-page .account-footer {
    padding: 0 0.32rem 0.36rem;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 0.12rem 0.24rem;
    font-size: 0.2rem;
    line-height: 0.3rem;
    text-align: center;
  }
  .account-page .account-footer a:not(:last-child)::after {
    display: none;
  }
  .account-page .account-content__head--row {
    display: block;
  }
  .account-page .account-content__head--row > .sk_select {
    width: 100%;
    min-width: 0;
    -webkit-box-flex: 0;
    -webkit-flex: none;
        -ms-flex: none;
            flex: none;
    margin-top: 0.4rem;
  }
  .account-page .course-filter {
    width: 100%;
    margin-top: 0.24rem;
  }
  .account-page .course-filter__button {
    height: 0.68rem;
    font-size: 0.22rem;
    line-height: 0.32rem;
  }
  .account-page .course-filter__button img {
    width: 0.18rem;
    height: 0.12rem;
    -webkit-flex-basis: 0.18rem;
        -ms-flex-preferred-size: 0.18rem;
            flex-basis: 0.18rem;
  }
  .account-page .course-filter__menu button {
    height: 0.56rem;
    font-size: 0.22rem;
    line-height: 0.32rem;
  }
  .account-page .certification-section {
    margin-top: 0.8rem;
  }
  .account-page .certification-section__head {
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .account-page .certification-section__head h2 {
    font-size: 0.36rem;
    line-height: 0.54rem;
  }
  .account-page .certification-section--unacquired {
    margin-top: 0.56rem;
  }
  .account-page .certificate-carousel {
    width: calc(100% + 0.64rem);
    margin: 0.48rem -0.32rem 0;
    padding-bottom: 0.66rem;
    overflow: hidden;
  }
  .account-page .certificate-carousel-controls {
    display: none;
  }
  .account-page .certificate-carousel__arrow {
    width: 0.48rem;
    height: 0.48rem;
    font-size: 0.58rem;
  }
  .account-page .certificate-slide {
    width: 5.5rem !important;
    min-height: 0;
    border-radius: 0.1rem;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
  .account-page .certificate-slide__media {
    min-height: 4rem;
    height: 4rem;
    border-right: 0;
    border-bottom: 1px solid #cfd4e0;
  }
  .account-page .certificate-slide__media .img {
    width: 2.26rem;
    height: 3.2rem;
  }
  .account-page .certificate-slide__body {
    padding: 0.32rem;
  }
  .account-page .certificate-slide h3 {
    margin-top: 0.22rem;
    font-size: 0.32rem;
    line-height: 0.48rem;
  }
  .account-page .certificate-slide .certificate-learn {
    margin-top: 0.24rem;
  }
  .account-page .certificate-preview-trigger {
    width: 0.6rem;
    height: 0.6rem;
    right: 0.2rem !important;
    bottom: 0.2rem !important;
    opacity: 1;
  }
  .account-page .certificate-preview-trigger img {
    width: 0.36rem;
    height: 0.36rem;
  }
  .account-page .certificate-slide__media .certificate-preview-trigger {
    left: auto;
    right: 0.2rem;
    top: auto;
    bottom: 0.2rem;
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
  }
  .account-page .certificate-swiper-dots {
    margin-top: 0.48rem;
    gap: 0.12rem;
  }
  .account-page .certificate-swiper-dots.swiper-pagination-bullets .swiper-pagination-bullet {
    width: 0.12rem;
    height: 0.12rem;
  }
  .account-page .certificate-label {
    min-width: 1.12rem;
    padding: 0.08rem 0.1rem;
    height: 0.48rem;
    font-size: 0.22rem;
    line-height: 0.48rem;
    border-radius: 0.08rem;
  }
  .account-page .certificate-learn {
    font-size: 0.26rem;
    line-height: 0.34rem;
  }
  .account-page .certificate-learn .icon {
    width: 0.09rem;
    height: 0.15rem;
    -webkit-flex-basis: 0.09rem;
        -ms-flex-preferred-size: 0.09rem;
            flex-basis: 0.09rem;
  }
  .account-page .certificate-list {
    margin-top: 0.48rem;
  }
  .account-page .certificate-list__item {
    min-height: 0;
    padding: 0.32rem;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 0.24rem;
  }
  .account-page .certificate-list__item:not(:last-child) {
    margin-bottom: 0.3rem;
  }
  .account-page .certificate-list__main {
    width: 100%;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 0.24rem;
  }
  .account-page .certificate-list h3 {
    font-size: 0.32rem;
    line-height: 0.48rem;
    overflow-wrap: anywhere;
  }
  .account-page .account-content .pagination_wrapper {
    margin-bottom: 1.2rem;
  }
  .account-page .empty-state {
    min-height: 6rem;
    padding: 0.5rem 0;
  }
  .account-page .empty-state .img {
    width: 4.8rem;
    max-width: 72vw;
  }
  .account-page .empty-state .img img {
    width: 100%;
  }
  .account-page .empty-state p {
    max-width: 100%;
    font-size: 0.26rem;
    color: rgba(0, 0, 0, 0.7);
    line-height: 0.36rem;
  }
  .account-page .page-back-link {
    margin-bottom: 0.5rem;
    font-size: 0.26rem;
    line-height: 0.34rem;
    color: #000;
  }
  .account-page .page-back-link .icon {
    color: #000;
    width: 0.18rem;
    height: 0.3rem;
    -webkit-flex-basis: 0.09rem;
        -ms-flex-preferred-size: 0.09rem;
            flex-basis: 0.09rem;
  }
  .account-page .certificate-card {
    margin-top: 0.48rem;
    display: block;
    border-radius: 0.16rem;
  }
  .account-page .certificate-card__media {
    min-height: 6.86rem;
  }
  .account-page .certificate-card__body {
    padding: 0.4rem 0.32rem;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: minmax(0, 1fr) 2rem;
    grid-template-columns: minmax(0, 1fr) 2rem;
    -webkit-column-gap: 0.18rem;
       -moz-column-gap: 0.18rem;
            column-gap: 0.18rem;
    -webkit-box-align: start;
    -webkit-align-items: start;
        -ms-flex-align: start;
            align-items: start;
  }
  .account-page .certificate-card__body h2 {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
        -ms-flex-order: 1;
            order: 1;
    grid-column: 1/-1;
    padding-right: 0;
    font-size: 0.4rem;
    line-height: 0.52rem;
    white-space: normal;
  }
  .account-page .certificate-card__body > .action-button--primary {
    -webkit-box-ordinal-group: 4;
    -webkit-order: 3;
        -ms-flex-order: 3;
            order: 3;
    -ms-grid-column: 1;
    grid-column: 1;
    width: 100%;
    min-width: 0;
    margin-top: 0.52rem;
  }
  .account-page .certificate-history-button {
    -webkit-box-ordinal-group: 5;
    -webkit-order: 4;
        -ms-flex-order: 4;
            order: 4;
    -ms-grid-column: 2;
    grid-column: 2;
    position: static;
    width: 100%;
    min-width: 0;
    height: 0.68rem;
    margin: 0;
    padding: 0 0.18rem;
    -ms-grid-row-align: end;
        align-self: end;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .account-page .certificate-history-button .img {
    width: 0.36rem;
    height: 0.36rem;
  }
  .account-page .certificate-history-button span {
    font-size: 0.26rem;
    line-height: 0.38rem;
  }
  .account-page .certificate-meta {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
        -ms-flex-order: 2;
            order: 2;
    grid-column: 1/-1;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    gap: 0.2rem;
    margin-top: 0.4rem;
    padding: 0.25rem 0.24rem;
  }
  .account-page .certificate-meta div {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: 0.16rem;
  }
  .account-page .certificate-meta dt,
  .account-page .certificate-meta dd {
    line-height: 0.32rem;
    font-size: 0.26rem;
    color: rgba(0, 0, 0, 0.4);
  }
  .account-page .certificate-meta dd {
    min-width: 0;
    text-align: right;
    font-size: 0.26rem;
    color: #000000;
  }
  .account-page .section-title {
    margin-top: 1.2rem;
    font-size: 0.36rem;
    line-height: 0.48rem;
  }
  .account-page .account-form,
  .account-page .company-info-form,
  .account-page .password-form {
    width: 100%;
    margin-top: 0.4rem;
  }
  .account-page .account-form .row1,
  .account-page .account-form .row2,
  .account-page .company-info-form .row1,
  .account-page .company-info-form .row2,
  .account-page .password-form .row1,
  .account-page .password-form .row2 {
    width: calc(100% - 0.2rem);
    margin-top: 0;
  }
  .account-page .input___content .input-label,
  .account-page .input___content > span,
  .account-page .form-field .input-label,
  .account-page .form-field > span {
    font-size: 0.24rem;
    line-height: 0.34rem;
    overflow-wrap: anywhere;
  }
  .account-page .input___content .input-label,
  .account-page .form-field .input-label {
    font-weight: 500;
    font-size: 0.26rem !important;
    margin-bottom: 0.16rem;
  }
  .account-page .input___content input,
  .account-page .input___content select,
  .account-page .input___content textarea,
  .account-page .form-field input,
  .account-page .form-field select,
  .account-page .form-field textarea {
    height: 0.72rem;
    font-size: 0.22rem;
    line-height: 0.32rem;
    border-radius: 0.08rem;
  }
  .account-page .input___content textarea,
  .account-page .form-field textarea {
    height: 2rem;
  }
  .account-page .input___content .required-text,
  .account-page .form-field .required-text {
    font-size: 0.2rem;
    line-height: 0.3rem;
  }
  .account-page .company-input-row {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
  .account-page .company-input-row .action-button {
    height: 0.68rem;
    font-size: 0.22rem;
  }
  .account-page .upload-field {
    display: block;
  }
  .account-page .upload-field .action-button {
    margin-top: 0.16rem;
  }
  .account-page .upload-field .upload-file-link {
    max-width: 100%;
    margin-top: 0.16rem;
    font-size: 0.22rem;
    line-height: 0.32rem;
  }
  .account-page .upload-field .field-tip-trigger img {
    width: 0.2rem;
    height: 0.2rem;
  }
  .account-page .field-tooltip {
    position: static;
    display: none;
    width: min(5rem, 100%);
    margin-top: 0.16rem;
    font-size: 0.2rem;
    line-height: 0.3rem;
    opacity: 1;
    visibility: visible;
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
  }
  .account-page .field-tip-trigger:hover + .field-tooltip,
  .account-page .field-tip-trigger:focus-visible + .field-tooltip,
  .account-page .field-tooltip.is-visible {
    display: block;
  }
  .account-page .action-button {
    height: 0.8rem;
    font-size: 0.26rem;
    line-height: 0.32rem;
    margin-top: 0.48rem;
    border-radius: 0.08rem;
  }
  .account-page .company-info-button {
    width: 100%;
    margin-top: 0.48rem;
  }
  .account-page .data-table {
    min-width: 11rem;
    font-size: 0.22rem;
    line-height: 0.32rem;
  }
  .account-page .data-table th,
  .account-page .data-table td {
    height: 0.74rem;
    padding: 0 0.16rem;
  }
  .account-page .table-action {
    font-size: 0.22rem;
    line-height: 0.32rem;
  }
  .account-page .table-action img {
    width: 0.24rem;
    height: 0.24rem;
  }
  .account-page .account-modal {
    padding: 0 0.4rem;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .account-page .account-modal__dialog {
    width: 100%;
    border-radius: 0.24rem;
  }
  .account-page .account-modal__header {
    height: auto;
    padding: 0.28rem 0.32rem;
  }
  .account-page .account-modal__header h2 {
    min-width: 0;
    font-size: 0.32rem;
    line-height: 0.48rem;
  }
  .account-page .account-modal__header h2 img {
    width: 0.38rem;
    height: 0.38rem;
  }
  .account-page .account-modal__header .close-btn {
    width: 0.64rem;
    height: 0.64rem;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 0.64rem;
        -ms-flex: 0 0 0.64rem;
            flex: 0 0 0.64rem;
  }
  .account-page .account-modal__header .close-btn .icon {
    width: 0.18rem;
    height: 0.18rem;
  }
  .account-page .account-modal__close {
    width: 0.48rem;
    height: 0.48rem;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 0.48rem;
        -ms-flex: 0 0 0.48rem;
            flex: 0 0 0.48rem;
  }
  .account-page .account-modal__body {
    padding: 0.34rem 0.28rem 0.42rem;
  }
  .account-page .account-modal__footer {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 0.16rem;
  }
  .account-page .account-modal__footer .action-button {
    width: 100%;
    min-width: 0;
  }
  .account-page .account-modal__dialog--notice .account-modal__footer {
    padding: 0 0.28rem 0.42rem;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
  }
  .account-page .account-modal__dialog--notice .account-modal__footer .action-button {
    width: 100%;
    min-width: 0;
  }
  .account-page .modal-form .item-content-container {
    margin-top: -0.3rem;
  }
  .account-page .modal-form .row1,
  .account-page .modal-form .row2 {
    width: calc(100% - 0.2rem);
  }
  .account-page .radio-row,
  .account-page .document-row {
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    gap: 0.2rem;
    font-size: 0.24rem;
    line-height: 0.34rem;
  }
  .account-page .radio-row label {
    font-size: 0.22rem;
    line-height: 0.32rem;
  }
  .account-page .document-row {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  .account-page .document-row .upload-file-link {
    max-width: 100%;
  }
  .account-page .exam-summary div {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  .account-page .exam-summary dt,
  .account-page .exam-summary dd {
    font-size: 0.22rem;
    line-height: 0.32rem;
  }
  .account-page .exam-summary dd {
    text-align: right;
  }
  .account-page .account-modal__dialog--exam .account-modal__body {
    padding: 0.42rem 0.28rem;
  }
  .account-page .account-modal__dialog--exam .account-modal__body p {
    font-size: 0.22rem;
    line-height: 0.34rem;
  }
  .account-page .account-modal__dialog--history .account-modal__body {
    padding: 0.28rem 0.22rem 0.36rem;
  }
  .account-page .certificate-history-table {
    font-size: 0.2rem;
    line-height: 0.3rem;
  }
  .account-page .certificate-history-table th,
  .account-page .certificate-history-table td {
    height: 0.56rem;
    padding: 0 0.16rem;
  }
  .account-page .certificate-history-table thead th {
    height: 0.48rem;
  }
  .account-page .account-modal__dialog--certificate .account-modal__body {
    padding: 0.6rem 0 0.68rem;
  }
  .account-page .certificate-preview-image {
    width: min(4.4rem, 100%);
  }
  .account-page .certificate-download-button {
    margin-top: 0.48rem;
    width: auto;
    min-width: 2rem;
    padding: 0.2rem 0.4rem;
  }
  .account-page .certificate-download-button img {
    width: 0.3rem;
    height: 0.3rem;
  }
  .account-page .certificate-download-button span {
    font-size: 0.26rem;
  }
  .cookie-page {
    overflow-x: hidden;
  }
  .cookie-page .cookie-main {
    padding: 0.72rem 0;
  }
  .cookie-page .policy-content h1 {
    font-size: 0.42rem;
    line-height: 0.56rem;
  }
  .cookie-page .policy-content h2 {
    font-size: 0.3rem;
    line-height: 0.42rem;
  }
  .cookie-page .policy-content p {
    font-size: 0.22rem;
    line-height: 0.34rem;
  }
  .cookie-page .g__footer {
    padding: 0.64rem 0.32rem 0.36rem;
  }
  .cookie-page .g__footer .footer_wrap {
    width: 100%;
    max-width: none;
  }
  .cookie-page .g__footer .con_wer {
    display: block;
    padding-bottom: 0.52rem;
  }
  .cookie-page .g__footer .con_wer .left-email-link {
    width: 100%;
  }
  .cookie-page .g__footer .con_wer .left-email-link .label {
    font-size: 0.28rem;
    line-height: 0.42rem;
  }
  .cookie-page .g__footer .con_wer .left-email-link .form-box .form_wrap {
    display: block;
  }
  .cookie-page .g__footer .con_wer .left-email-link .form-box .form_wrap .input-box {
    width: 100%;
    height: 0.68rem;
    margin-right: 0;
  }
  .cookie-page .g__footer .con_wer .left-email-link .form-box .form_wrap .input-box input {
    font-size: 0.22rem;
    line-height: 0.32rem;
  }
  .cookie-page .g__footer .con_wer .left-email-link .form-box .form_wrap .default____btn {
    width: 100%;
    margin-top: 0.16rem;
  }
  .cookie-page .g__footer .con_wer .left-email-link .form-box .privacy___policy {
    max-width: 100%;
  }
  .cookie-page .g__footer .con_wer .left-email-link .form-box .privacy___policy_text {
    font-size: 0.2rem;
    line-height: 0.3rem;
  }
  .cookie-page .g__footer .con_wer .nav-contact {
    max-width: none;
    margin-top: 0.48rem;
  }
  .cookie-page .g__footer .con_wer .nav-contact .nav-list {
    display: block;
  }
  .cookie-page .g__footer .con_wer .nav-contact .nav-list .ft_link {
    width: 100%;
    margin-right: 0;
  }
  .cookie-page .g__footer .con_wer .nav-contact .nav-list .ft_link:not(:last-child) {
    margin-right: 0;
    margin-bottom: 0.28rem;
  }
  .cookie-page .g__footer .con_wer .nav-contact .nav-list .ft_link .dt {
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .cookie-page .g__footer .con_wer .nav-contact .nav-list .ft_link .dt .a {
    font-size: 0.24rem;
    line-height: 0.36rem;
  }
  .cookie-page .g__footer .con_wer .nav-contact .nav-list .ft_link .dd {
    margin-top: 0.14rem;
  }
  .cookie-page .g__footer .con_wer .nav-contact .nav-list .ft_link .dd .a {
    width: 100%;
    max-width: 100%;
    font-size: 0.2rem;
    line-height: 0.3rem;
    white-space: normal;
    overflow-wrap: anywhere;
  }
  .cookie-page .g__footer .footer_bottom {
    display: block;
    text-align: center;
  }
  .cookie-page .g__footer .footer_bottom .copyright {
    font-size: 0.2rem;
    line-height: 0.3rem;
  }
  .cookie-page .g__footer .footer_bottom .link-list {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    gap: 0.08rem 0.24rem;
    margin-top: 0.16rem;
  }
  .cookie-page .g__footer .footer_bottom .link-list .link-box {
    margin-left: 0;
    font-size: 0.2rem;
    line-height: 0.3rem;
  }
  .cookie-page .g__footer .footer_bottom .link-list .link-box::before {
    display: none;
  }
  .error-box .img {
    width: 4.2rem;
    max-width: 100%;
  }
  .error-box h1 {
    font-size: 0.32rem;
    line-height: 0.46rem;
  }
  .c_details .certificate-detail {
    margin-bottom: 1.2rem;
  }
  .history-modal {
    padding: 0 !important;
    -webkit-box-align: end !important;
    -webkit-align-items: flex-end !important;
        -ms-flex-align: end !important;
            align-items: flex-end !important;
  }
  .history-modal .account-modal__dialog {
    margin-top: auto;
    margin-bottom: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
  }
  .history-modal .account-modal__dialog .account-modal__body {
    padding: 0.44rem 0.32rem;
    max-height: 8rem;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
  }
  .history-modal .account-modal__dialog .account-modal__body .certificate-history-table {
    display: block;
    min-width: 100%;
  }
  .history-modal .account-modal__dialog .account-modal__body .certificate-history-table thead {
    display: table;
    width: 100%;
    table-layout: fixed;
    height: 0.8rem;
  }
  .history-modal .account-modal__dialog .account-modal__body .certificate-history-table thead tr {
    border-radius: 0.8rem;
  }
  .history-modal .account-modal__dialog .account-modal__body .certificate-history-table thead th {
    line-height: 0.38rem;
    font-size: 0.26rem;
  }
  .history-modal .account-modal__dialog .account-modal__body .certificate-history-table tbody {
    display: block;
    max-height: 4rem;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
  }
  .history-modal .account-modal__dialog .account-modal__body .certificate-history-table tbody tr {
    display: table;
    width: 100%;
    table-layout: fixed;
    height: 0.8rem;
  }
  .history-modal .account-modal__dialog .account-modal__body .certificate-history-table tbody td {
    line-height: 0.38rem;
    font-size: 0.26rem;
    color: rgba(0, 0, 0, 0.7);
  }
  .start-exam-modal {
    padding: 0 !important;
    -webkit-box-align: end !important;
    -webkit-align-items: flex-end !important;
        -ms-flex-align: end !important;
            align-items: flex-end !important;
  }
  .start-exam-modal .account-modal__dialog {
    margin-top: auto;
    margin-bottom: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
  }
  .start-exam-modal .account-modal__dialog .account-modal__body {
    padding: 0.6rem 0.32rem;
  }
  .start-exam-modal .account-modal__dialog .account-modal__body > p {
    color: #307fe2;
    width: 100%;
    font-size: 0.26rem;
    margin-top: 0.48rem;
  }
  .start-exam-modal .account-modal__dialog .account-modal__body .action-button {
    margin-top: 0.48rem;
  }
  .start-exam-modal .account-modal__dialog .account-modal__body .exam-summary {
    padding: 0.25rem;
  }
  .start-exam-modal .account-modal__dialog .account-modal__body .exam-summary > div:not(:last-child) {
    margin-bottom: 0.2rem;
  }
  .start-exam-modal .account-modal__dialog .account-modal__body .exam-summary div dt,
  .start-exam-modal .account-modal__dialog .account-modal__body .exam-summary div dd {
    line-height: 0.32rem;
    font-size: 0.26rem;
    color: rgba(0, 0, 0, 0.4);
  }
  .start-exam-modal .account-modal__dialog .account-modal__body .exam-summary div dd {
    min-width: 0;
    text-align: right;
    font-size: 0.26rem;
    color: #000000;
  }
  .account-page .profile-avatar {
    width: 1.4rem;
    height: 1.4rem;
  }
  .account-page .profile-avatar button {
    width: 0.48rem;
    height: 0.48rem;
  }
  .account-page .profile-avatar button img {
    width: 0.32rem;
    height: 0.32rem;
  }
}
@media screen and (max-width: 800px) {
  .account-content .profile-form {
    margin-bottom: 1.2rem;
  }
  .account-content .profile-form .form-submit-button {
    min-width: 100% !important;
  }
  .account-content .profile-form .sk_select {
    width: 100% !important;
  }
  .account-content .profile-form .sk_select .-select-front input {
    font-size: 0.26rem !important;
  }
  .account-content .profile-form .company-input-row .action-button {
    margin-top: 0rem;
    width: 50%;
    margin-left: auto;
  }
  .account-page .account-modal__dialog--notice .account-modal__body {
    padding: 0.6rem;
  }
  .account-page .account-modal__dialog--notice .account-modal__body p {
    font-weight: 400;
    font-size: 0.26rem;
    line-height: 0.48rem;
  }
  .password_page .action-button {
    margin-top: 0.48rem !important;
    min-width: 100% !important;
  }
  .manage_company .pagination_wrapper {
    margin-top: 0.6rem;
  }
  .manage_company .account-modal__footer--center {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
  }
  .manage_company .account-modal__footer--center .action-button {
    margin-top: 0;
  }
  .manage_company .account-modal__footer--center .delete_box {
    width: 30%;
    font-size: 0.26rem;
    color: #D22525;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .manage_company .account-modal__footer--center .delete_box .img {
    display: block;
    width: 0.32rem;
    height: 0.32rem;
    margin-right: 0.1rem;
  }
  .manage_company .account-modal__footer--center .action-button {
    width: 70%;
  }
  .edit-employee-modal {
    padding: 0 !important;
  }
  .edit-employee-modal .account-modal__dialog {
    border-radius: 0 !important;
    height: 100%;
  }
  .edit-employee-modal .account-modal__dialog .account-modal__body {
    padding-top: 0.8rem;
    height: calc(100% - 1.2rem);
    overflow: auto;
  }
  .edit-employee-modal .account-modal__dialog .modal-form .row1,
  .edit-employee-modal .account-modal__dialog .modal-form .row2 {
    margin-top: 0;
  }
  .edit-employee-modal .account-modal__dialog .modal-form .row1 .radio_content,
  .edit-employee-modal .account-modal__dialog .modal-form .row2 .radio_content {
    gap: 0.32rem;
  }
  .edit-employee-modal .account-modal__dialog .modal-form .row1 .radio-row label,
  .edit-employee-modal .account-modal__dialog .modal-form .row2 .radio-row label {
    line-height: 0.24rem;
    font-size: 0.26rem;
  }
  .edit-employee-modal .account-modal__dialog .modal-form .row1 .radio-row label input,
  .edit-employee-modal .account-modal__dialog .modal-form .row2 .radio-row label input {
    width: 0.28rem;
    height: 0.28rem;
  }
  .add-employee-modal {
    padding: 0 !important;
  }
  .add-employee-modal .account-modal__dialog {
    margin-top: auto;
    margin-bottom: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
  }
  .add-employee-modal .account-modal__dialog .account-modal__body {
    padding: 0.74rem 0.32rem;
    max-height: 8rem;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
  }
  .review-employee-modal {
    padding: 0 !important;
  }
  .review-employee-modal .account-modal__dialog {
    border-radius: 0 !important;
    height: 100%;
  }
  .review-employee-modal .account-modal__dialog .account-modal__body {
    padding-top: 0.8rem;
    height: calc(100% - 1.2rem);
    overflow: auto;
  }
  .review-employee-modal .account-modal__dialog .modal-form .row1,
  .review-employee-modal .account-modal__dialog .modal-form .row2 {
    margin-top: 0;
  }
  .review-employee-modal .account-modal__dialog .modal-form .row1 .radio_content,
  .review-employee-modal .account-modal__dialog .modal-form .row2 .radio_content {
    gap: 0.32rem;
  }
  .review-employee-modal .account-modal__dialog .modal-form .row1 .radio-row,
  .review-employee-modal .account-modal__dialog .modal-form .row2 .radio-row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  .review-employee-modal .account-modal__dialog .modal-form .row1 .radio-row .radio_content .upload-file-link,
  .review-employee-modal .account-modal__dialog .modal-form .row2 .radio-row .radio_content .upload-file-link {
    font-size: 0.26rem;
    color: #307FE2;
  }
}