.el-loading-mask {
  z-index: 8000 !important;
}

input {
  background: none;
  outline: none;
  border: none;
  height: 2.25rem;
  width: 100%;
  border-radius: 0.25rem;
  text-indent: 0.25rem;
}

input::-webkit-inner-spin-button,
input::-webkit-outer-spin-button {
  -webkit-appearance: none;
  -webkit-text-size-adjust: none;
}

input[type="number"] {
  -moz-appearance: textfield;
}

input::-webkit-input-placeholder {
  color: #d0d7df;
}

.removeBtn {
  height: 1.625rem;
  border-radius: 0.25rem;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 0.0625rem solid #d0d7df;
  cursor: pointer;
  font-size: 0.625rem;
}

[data-theme="dark"] .removeBtn,
[data-theme="light"] .removeBtn {
  color: #2670fa !important;
}

.TransferBtn {
  font-size: 1rem;
  margin-left: 0.625rem;
  cursor: pointer;
}

[data-theme="dark"] .TransferBtn,
[data-theme="light"] .TransferBtn {
  color: #2670fa !important;
}

.el-checkbox__input.is-focus .el-checkbox__inner {
  border-color: #e6e5f2 !important;
}

.el-checkbox__input.is-checked .el-checkbox__inner,
.el-checkbox__input.is-indeterminate .el-checkbox__inner {
  background: linear-gradient(90deg, #2670fa, #0c5ffa) !important;
}

[data-theme="dark"] .el-checkbox__input.is-checked .el-checkbox__inner,
[data-theme="dark"] .el-checkbox__input.is-indeterminate .el-checkbox__inner,
[data-theme="light"] .el-checkbox__input.is-checked .el-checkbox__inner,
[data-theme="light"] .el-checkbox__input.is-indeterminate .el-checkbox__inner {
  border-color: #2670fa !important;
}

[data-theme="light"] .el-checkbox__label {
  color: #162447 !important;
}

[data-theme="dark"] .el-checkbox__label {
  color: #fff !important;
}

.el-dialog__wrapper .el-dialog {
  border-radius: 0.5rem;
}

.el-input--suffix .el-input__inner {
  height: 2.25rem !important;
}

.el-select {
  width: 100%;
}

.inpStyle {
  padding: 0 0.625rem;
}

[data-theme="light"] .inpStyle {
  border: 0.0625rem solid #e6e5f2 !important;
  background: #fcfcfc !important;
  color: #162447 !important;
}

[data-theme="dark"] .inpStyle {
  border: 0.0625rem solid #42424e !important;
  background: #42424e !important;
  color: #fff !important;
}

[data-theme="dark"] .inpStyle:focus,
[data-theme="light"] .inpStyle:focus {
  border: 0.0625rem solid #2670fa !important;
}

.flexStyle {
  display: flex;
  align-items: center;
}

.el-tooltip__popper.is-light {
  border: 0 !important;
  box-shadow: 0 0.6875rem 2.125rem 0 hsla(0, 1%, 80.6%, 0.36) !important;
}

.el-tooltip__popper .popper__arrow,
.el-tooltip__popper .popper__arrow:after {
  border-style: none !important;
}

.el-date-table td.end-date span,
.el-date-table td.start-date span {
  background-color: #2670fa !important;
}

.el-date-table td.today span,
.el-date-table td:hover,
.el-select-dropdown__item.selected {
  color: #2670fa !important;
}

.el-button--primary,
.el-button--primary:focus,
.el-button--primary:hover,
.el-input__inner:focus,
.el-range-editor.is-active,
.el-range-editor.is-active:hover,
.el-select .el-input.is-focus .el-input__inner,
.el-select .el-input__inner:focus {
  border-color: #2670fa !important;
}

.el-button--primary,
.el-button--primary:focus,
.el-button--primary:hover {
  border-color: #2670fa !important;
  background-color: #2670fa !important;
}

.el-input__prefix,
.el-input__suffix {
  height: 0 !important;
}

.el-input__icon {
  height: 2.5rem !important;
}

.el-input.is-disabled .el-input__inner {
  background: #f0f0f0 !important;
  color: #162447 !important;
}

.el-input__inner {
  padding: 0 0.625rem !important;
}

[data-theme="light"] .el-input__inner {
  border: 0.0625rem solid #e6e5f2 !important;
  background: #fcfcfc !important;
  color: #162447 !important;
}

[data-theme="dark"] .el-input__inner {
  border: 0.0625rem solid #42424e !important;
  background: #42424e !important;
  color: #fff !important;
}

[data-theme="light"] .el-main {
  background: #f9fafc !important;
}

[data-theme="dark"] .el-main {
  background: #18191d !important;
}

.el-pagination .el-input__icon {
  height: 2.8125rem !important;
}

.el-checkbox__inner,
.el-slider__button-wrapper {
  z-index: 0 !important;
}

.clickBtn {
  height: 2.125rem;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.125rem 0.625rem;
  border-radius: 0.25rem;
  cursor: pointer;
}

[data-theme="dark"] .clickBtn,
[data-theme="light"] .clickBtn {
  background: #2670fa;
  color: #fff;
}

.bottomBorder {
  cursor: pointer;
}

[data-theme="light"] .bottomBorder {
  border-bottom: 0.0625rem solid #162447 !important;
}

[data-theme="dark"] .bottomBorder {
  border-bottom: 0.0625rem solid #fff !important;
}

.blueBackground {
  background: #0895f7 !important;
}

.whiteBackground {
  border: 0.0625rem solid #d0d7df;
}

[data-theme="light"] .whiteBackground {
  background: #fff !important;
}

[data-theme="dark"] .whiteBackground {
  background: #1d2024 !important;
}

[data-theme="dark"] .redBack,
[data-theme="light"] .redBack {
  background: #fa5c5d !important;
}

[data-theme="dark"] .greenBack,
[data-theme="light"] .greenBack {
  background: #2670fa !important;
}

.long {
  background: linear-gradient(90deg, #3ed390, #02c8a8);
}

.short {
  background: linear-gradient(90deg, #ff4536, #ff675b);
}

.Neutral {
  background: linear-gradient(90deg, #87a5cb, #6782a4);
}

[data-theme="dark"] .redBorder,
[data-theme="light"] .redBorder {
  border: 0.0625rem solid #fa5c5d !important;
}

[data-theme="dark"] .greenBorder,
[data-theme="light"] .greenBorder {
  border: 0.0625rem solid #2670fa !important;
}

[data-theme="dark"] .blueBorder,
[data-theme="light"] .blueBorder {
  border: 0.0625rem solid #0895f7 !important;
}

[data-theme="dark"] .green,
[data-theme="light"] .green {
  color: #2670fa !important;
}

[data-theme="dark"] .red,
[data-theme="light"] .red {
  color: #fa5c5d !important;
}

[data-theme="dark"] .downGreen,
[data-theme="light"] .downGreen {
  color: #28d16b !important;
}

[data-theme="light"] .hui {
  color: #999fb4 !important;
}

[data-theme="dark"] .hui {
  color: #d0d7df !important;
}

[data-theme="dark"] .blue,
[data-theme="light"] .blue {
  color: #0895f7;
}

.mb2 {
  margin-bottom: 0.125rem;
}

.mb4 {
  margin-bottom: 0.25rem;
}

.mb6 {
  margin-bottom: 0.375rem;
}

.mb8 {
  margin-bottom: 0.5rem;
}

.mb10 {
  margin-bottom: 0.625rem;
}

.mb12 {
  margin-bottom: 0.75rem;
}

.mb14 {
  margin-bottom: 0.875rem;
}

.mb16 {
  margin-bottom: 1rem;
}

.mb18 {
  margin-bottom: 1.125rem;
}

.mb20 {
  margin-bottom: 1.25rem;
}

.mb22 {
  margin-bottom: 1.375rem;
}

.mb24 {
  margin-bottom: 1.5rem;
}

.mb26 {
  margin-bottom: 1.625rem;
}

.mb28 {
  margin-bottom: 1.75rem;
}

.mb30 {
  margin-bottom: 1.875rem;
}

.mb32 {
  margin-bottom: 2rem;
}

.mb34 {
  margin-bottom: 2.125rem;
}

.mb36 {
  margin-bottom: 2.25rem;
}

.mb38 {
  margin-bottom: 2.375rem;
}

.mb40 {
  margin-bottom: 2.5rem;
}

.mb44 {
  margin-bottom: 2.75rem;
}

.mb48 {
  margin-bottom: 3rem;
}

.mb50 {
  margin-bottom: 3.125rem;
}

.mb60 {
  margin-bottom: 3.75rem;
}

.mr2 {
  margin-right: 0.125rem;
}

.mr4 {
  margin-right: 0.25rem;
}

.mr6 {
  margin-right: 0.375rem;
}

.mr8 {
  margin-right: 0.5rem;
}

.mr10 {
  margin-right: 0.625rem;
}

.mr12 {
  margin-right: 0.75rem;
}

.mr14 {
  margin-right: 0.875rem;
}

.mr16 {
  margin-right: 1rem;
}

.mr18 {
  margin-right: 1.125rem;
}

.mr20 {
  margin-right: 1.25rem;
}

.mr22 {
  margin-right: 1.375rem;
}

.mr24 {
  margin-right: 1.5rem;
}

.mr26 {
  margin-right: 1.625rem;
}

.mr28 {
  margin-right: 1.75rem;
}

.mr30 {
  margin-right: 1.875rem;
}

.mr32 {
  margin-right: 2rem;
}

.mr34 {
  margin-right: 2.125rem;
}

.mr36 {
  margin-right: 2.25rem;
}

.mr38 {
  margin-right: 2.375rem;
}

.mr40 {
  margin-right: 2.5rem;
}

.mr60 {
  margin-right: 3.75rem;
}

.fontz {
  font-weight: 400 !important;
}

.fontc {
  font-weight: 500 !important;
}

.fontx {
  font-weight: 600 !important;
}

.font10 {
  font-size: 0.625rem;
}

.font10,
.font12 {
  font-family:
    PingFangSC,
    PingFang SC;
  font-weight: 400;
  font-style: normal;
}

.font12 {
  font-size: 0.75rem;
}

.font14 {
  font-size: 0.875rem;
}

.font14,
.font16 {
  font-family:
    PingFangSC,
    PingFang SC;
  font-weight: 400;
  font-style: normal;
}

.font16 {
  font-size: 1rem;
}

.font18 {
  font-size: 1.125rem;
}

.font18,
.font20 {
  font-family:
    PingFangSC,
    PingFang SC;
  font-weight: 400;
  font-style: normal;
}

.font20 {
  font-size: 1.25rem;
}

.font22 {
  font-size: 1.375rem;
}

.font22,
.font24 {
  font-family:
    PingFangSC,
    PingFang SC;
  font-weight: 400;
  font-style: normal;
}

.font24 {
  font-size: 1.5rem;
}

.font26 {
  font-size: 1.625rem;
}

.font26,
.font28 {
  font-family:
    PingFangSC,
    PingFang SC;
  font-weight: 400;
  font-style: normal;
}

.font28 {
  font-size: 1.75rem;
}

.font30 {
  font-size: 1.875rem;
}

.font30,
.font32 {
  font-family:
    PingFangSC,
    PingFang SC;
  font-weight: 400;
  font-style: normal;
}

.font32 {
  font-size: 2rem;
}

.font34 {
  font-size: 2.125rem;
}

.font34,
.font36 {
  font-family:
    PingFangSC,
    PingFang SC;
  font-weight: 400;
  font-style: normal;
}

.font36 {
  font-size: 2.25rem;
}

.font38 {
  font-size: 2.375rem;
}

.font38,
.font40 {
  font-family:
    PingFangSC,
    PingFang SC;
  font-weight: 400;
  font-style: normal;
}

.font40 {
  font-size: 2.5rem;
}

.font42 {
  font-size: 2.625rem;
}

.font42,
.font44 {
  font-family:
    PingFangSC,
    PingFang SC;
  font-weight: 400;
  font-style: normal;
}

.font44 {
  font-size: 2.75rem;
}

.font46 {
  font-size: 2.875rem;
}

.font46,
.font48 {
  font-family:
    PingFangSC,
    PingFang SC;
  font-weight: 400;
  font-style: normal;
}

.font48 {
  font-size: 3rem;
}

.font64 {
  font-family:
    PingFangSC,
    PingFang SC;
  font-weight: 400;
  font-size: 3.5rem;
  font-style: normal;
}

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

.text-line2 {
  -webkit-line-clamp: 2;
}

.text-line2,
.text-line3 {
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  display: -webkit-box;
}

.text-line3 {
  -webkit-line-clamp: 3;
}

.ch0 {
  color: #0e111e !important;
}

.ch1 {
  color: #181c32 !important;
}

.ch3 {
  color: #3f4254 !important;
}

.ch5 {
  color: #5e6278 !important;
}

.ch7 {
  color: #7e8299 !important;
}

.cbai {
  color: #fff !important;
}

.clan {
  color: #2670fa !important;
}

.all {
  flex: 1;
}

.hidden {
  overflow: hidden;
}

.row {
  flex-direction: row;
  display: flex;
}

.column {
  flex-direction: column;
  display: flex;
}

.jcenter {
  justify-content: center;
}

.jend {
  justify-content: flex-end;
}

.jaround {
  justify-content: space-around;
}

.jbetween {
  justify-content: space-between;
}

.acenter {
  align-items: center;
}

.aend {
  align-items: flex-end;
}

.tcenter {
  text-align: center;
}

.tright {
  text-align: right;
}

.light {
  background: rgba(249, 250, 252, 0.3);
}

#app {
  font-family: Avenir, Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  height: 100%;
  width: 100%;
  min-width: 120rem;
  font-size: 0.875rem;
  overflow: hidden;
}

* {
  box-sizing: border-box;
}

body,
html {
  -webkit-text-size-adjust: none;
}

.el-loading-mask {
  background: transparent !important;
}

.richbut[data-v-3c6fb310] {
  cursor: pointer;
}

.navh5[data-v-6fd190c8] {
  width: 100%;
  height: 3.75rem;
}

.navh5 .fixedh5[data-v-6fd190c8] {
  z-index: 888;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 3.75rem;
  background: #fff;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  padding: 0 1rem;
  border-bottom: 0.0625rem solid #e4e6ef !important;
}

.navh5 .fixedh5 .img-logoh5[data-v-6fd190c8] {
  width: 6.25rem;
  height: 1.5rem;
  margin-right: 5rem;
}

.navh5 .fixedh5 .but-yyh5[data-v-6fd190c8] {
  display: flex;
  flex-direction: row;
  align-items: center;
  height: 1.75rem;
  padding: 0.5rem;
  border-radius: 0.25rem;
  border: 0.0625rem solid #e4e6ef;
  margin-right: 0.75rem;
  font-family: PingFang SC;
  font-weight: 500;
  font-size: 0.875rem;
}

.navh5 .fixedh5 .but-yyh5 .img-gqh5[data-v-6fd190c8] {
  width: 1.5rem;
  height: 1rem;
  margin-right: 0.25rem;
}

.navh5 .fixedh5 .but-genduoh5[data-v-6fd190c8] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.25rem;
  height: 1.25rem;
}

.navh5 .fixedh5 .but-genduoh5 .img-genduoh5[data-v-6fd190c8],
.navh5 .fixedh5 .but-genduoh5 .img-guanbih5[data-v-6fd190c8] {
  width: 1.25rem;
  height: 1.25rem;
}

.navh5 .yuyanh5[data-v-6fd190c8] {
  z-index: 888;
  position: fixed;
  top: 3.75rem;
  left: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  width: 100%;
  height: 100%;
}

.navh5 .yuyanh5 .sizesh5[data-v-6fd190c8] {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
}

.navh5 .yuyanh5 .sizesh5 .sizeh5[data-v-6fd190c8] {
  z-index: 88;
  display: flex;
  flex-direction: column;
  background: #fff;
  width: 8.75rem;
  padding: 0.625rem;
  box-shadow: 0 0.3125rem 0.625rem 0 rgba(0, 0, 0, 0.1);
}

.navh5 .yuyanh5 .sizesh5 .sizeh5 .cellh5[data-v-6fd190c8] {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 0.625rem;
  border-radius: 0.375rem;
}

.navh5 .yuyanh5 .sizesh5 .sizeh5 .cellh5 .img-gqh5[data-v-6fd190c8] {
  width: 1.5rem;
  height: 1rem;
  margin-right: 0.625rem;
}

.navh5 .genduoh5[data-v-6fd190c8] {
  z-index: 889;
  position: fixed;
  top: 3.75rem;
  bottom: 0;
  left: 0;
  display: flex;
  flex-direction: column;
  width: 100%;
  background: #fff;
  overflow-y: auto;
}

.navh5 .genduoh5 .cellh5[data-v-6fd190c8] {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  height: 3.5625rem;
  padding: 0 1rem;
}

.navh5 .genduoh5 .ctah5-wrap[data-v-6fd190c8] {
  margin-top: auto;
  padding: 1rem;
  border-top: 0.0625rem solid #e4e6ef;
  background: #fff;
}

.navh5 .genduoh5 .ctah5[data-v-6fd190c8] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 3.5rem;
  border-radius: 0.75rem;
}

.navh5 .genduoh5 .cellh5 .img-jiantouh5[data-v-6fd190c8] {
  width: 1.25rem;
  height: 1.25rem;
}

.navpc[data-v-15384f69] {
  width: 100%;
  height: 5rem;
}

.navpc .fixedpc[data-v-15384f69] {
  z-index: 888;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 5rem;
  background: #fff;
  display: flex;
  flex-direction: row;
  justify-content: center;
}

.navpc .fixedpc .warppc[data-v-15384f69] {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  width: 75rem;
  height: 100%;
}

[data-theme="light"] .navpc .fixedpc .warppc[data-v-15384f69] {
  color: #073d7d !important;
  border-bottom: 0.0625rem solid hsla(0, 0%, 91.8%, 0.5) !important;
}

[data-theme="dark"] .navpc .fixedpc .warppc[data-v-15384f69] {
  color: #073d7d !important;
  border-bottom: 0.0625rem solid !important;
}

.navpc .fixedpc .warppc .buts-leftpc[data-v-15384f69] {
  display: flex;
  flex-direction: row;
  align-items: center;
}

.navpc .fixedpc .warppc .buts-leftpc .logopc[data-v-15384f69] {
  margin-right: 5rem;
}

.navpc .fixedpc .warppc .buts-leftpc .logopc .img-logopc[data-v-15384f69] {
  width: 9.1875rem;
  height: 2.25rem;
}

.navpc .fixedpc .warppc .buts-leftpc .menupc[data-v-15384f69] {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  height: 2.25rem;
  border-radius: 0.375rem;
  padding: 0 0.75rem;
  margin-right: 0.75rem;
  font-family: PingFang SC;
  font-weight: 500;
  font-size: 1rem;
  color: #181c32;
}

.navpc .fixedpc .warppc .buts-rightpc[data-v-15384f69] {
  display: flex;
  flex-direction: row;
  align-items: center;
}

.navpc .fixedpc .warppc .buts-rightpc .butpc[data-v-15384f69] {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 3.5625rem;
  height: 2.25rem;
  padding: 0 0.75rem;
  border-radius: 0.375rem;
  margin-right: 1.25rem;
  font-family: PingFang SC;
  font-weight: 500;
  font-size: 1rem;
}

.navpc .fixedpc .warppc .buts-rightpc .but-yypc[data-v-15384f69] {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  width: 4.625rem;
  height: 2.25rem;
  border-radius: 0.375rem;
  border: 0.0625rem solid #e4e6ef;
  font-family: PingFang SC;
  font-weight: 500;
  font-size: 1rem;
  color: #181c32;
}

.navpc .fixedpc .warppc .buts-rightpc .but-yypc .img-gqpc[data-v-15384f69] {
  width: 1.5rem;
  height: 1rem;
  margin-right: 0.25rem;
}

.navpc .fixedpc .warppc .buts-rightpc .infopc[data-v-15384f69] {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-right: 1.25rem;
}

.navpc .fixedpc .warppc .buts-rightpc .infopc .img-accpc[data-v-15384f69] {
  cursor: pointer;
  width: 2.25rem;
  height: 2.25rem;
  border-radius: 1.125rem;
}

.navpc .fixedpc .warppc .buts-rightpc .infopc .namepc[data-v-15384f69] {
  font-size: 1rem;
  margin-left: 1rem;
}

[data-theme="light"]
  .navpc
  .fixedpc
  .warppc
  .buts-rightpc
  .infopc
  .namepc[data-v-15384f69] {
  color: #162447 !important;
}

[data-theme="dark"]
  .navpc
  .fixedpc
  .warppc
  .buts-rightpc
  .infopc
  .namepc[data-v-15384f69] {
  color: #fff !important;
}

.navpc .maskpc[data-v-15384f69] {
  z-index: 889;
  position: fixed;
  top: 5rem;
  left: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  height: 100%;
}

.navpc .maskpc .sizespc[data-v-15384f69] {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  width: 75rem;
}

.navpc .maskpc .sizespc .sizepc[data-v-15384f69] {
  z-index: 88;
  display: flex;
  flex-direction: column;
  background: #fff;
  padding: 0.625rem;
  box-shadow: 0 0.3125rem 0.625rem 0 rgba(0, 0, 0, 0.1);
}

.navpc .maskpc .sizespc .sizepc .cellpc[data-v-15384f69] {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 0.625rem;
  border-radius: 0.375rem;
}

.navpc .maskpc .sizespc .sizepc .cellpc .img-yypc[data-v-15384f69] {
  width: 1.5rem;
  height: 1rem;
  margin-right: 0.625rem;
}

[data-v-15384f69].el-dropdown-menu {
  z-index: 6500 !important;
}

.bottomh5,
.nav[data-v-350e9b04] {
  width: 100%;
}

.bottomh5 {
  display: flex;
  flex-direction: column;
  background: #181c32;
  height: 100%;
  padding: 2rem;
}

.bottomh5 .img-logoh5 {
  width: 8.5rem;
  height: 2.0625rem;
  margin-bottom: 0.375rem;
}

.bottomh5 .img-icqh5 {
  cursor: pointer;
  width: 2.25rem;
  height: 2.25rem;
  margin-right: 1rem;
  background-size: cover;
}

.bottompc {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  width: 75rem;
  padding: 1.875rem 0;
}

.bottompc .logopc {
  width: 10.25rem;
  height: 2.5rem;
}

.bottompc .img-icqpc {
  cursor: pointer;
  width: 2.25rem;
  height: 2.25rem;
  margin-right: 0.5rem;
  background-size: cover;
}

.bottompc .linepc {
  width: 0.0625rem;
  height: 7.25rem;
  background: linear-gradient(
    180deg,
    rgba(126, 130, 153, 0),
    #7e8299 50%,
    rgba(126, 130, 153, 0)
  );
  border-radius: 0.375rem 0.375rem 0.375rem 0.375rem;
}

.bottompc .mr100 {
  margin-right: 6.25rem;
}

.but:hover {
  color: #7e8299 !important;
}

.bottom[data-v-0799afef] {
  z-index: 2;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #181c32;
}

.home,
.home .warp {
  display: flex;
  flex-direction: column;
}

.home .warp {
  align-items: center;
}

.home .warp .line-fenge {
  width: 75rem;
  height: 0.0625rem;
  background: #e4e6ef;
  margin-bottom: 7.5rem;
}

.home .content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 75rem;
  margin-bottom: 7.5rem;
}

.home .head {
  flex-direction: row;
  justify-content: space-between;
  margin-top: 5rem;
}

.home .head .img-robot {
  width: 34rem;
  height: 34rem;
  object-fit: contain;
  margin-left: 50px;
  object-position: center;
}

.home .head h1 {
  line-height: 130%;
}

.home .head .mt-10 {
  margin-top: -0.625rem;
}

.home .one .size {
  flex-direction: row;
  padding: 0.875rem 0.875rem 0.25rem 0.875rem;
  border-radius: 0.625rem;
  width: 75rem;
  height: 21.75rem;
  background-image: url(../img/home_1_bg.0f876946.png);
  background-size: cover;
  background-position: 50%;
  background-repeat: no-repeat;
}

.home .one .size,
.home .one .size .cell {
  display: flex;
  justify-content: space-between;
}

.home .one .size .cell {
  position: relative;
  flex-direction: column;
  width: 14rem;
  padding: 1.5rem;
  transition: background-color 0.3s;
  border-radius: 0.375rem;
}

.home .one .size .cell .cell-img {
  display: flex;
  flex-direction: row;
  justify-content: end;
  margin-right: -0.125rem;
  margin-bottom: -0.125rem;
}

.home .one .size .cell .cell-img .img-icq {
  width: 12rem;
  height: 12rem;
  object-fit: contain;
  object-position: center;
}

.home .one .size .cell:hover {
  background: #fff;
}

.home .two .cont {
  height: 27rem;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding: 3.75rem;
  border-radius: 0.5rem 0.5rem 0.5rem 0.5rem;
  border: 0.0625rem solid #e4e6ef;
}

.home .two .cont .img-icq {
  width: 15rem;
  height: 15rem;
  object-fit: contain;
  object-position: center;
}

.home .two .cont .img-logo {
  width: 12.5rem;
  height: 2.25rem;
}

.home .two .cont .line {
  width: 0;
  border: 0.0625rem solid #f0f2f6;
}

.home .three .cont {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  width: 82.5rem;
  margin-left: -3.75rem;
}

.home .three .cont .but-arrow {
  opacity: 0;
  cursor: pointer;
  width: 3rem;
  height: 3rem;
  background: #f0f2f6;
}

.home .three .cont .sizes {
  display: flex;
  flex-direction: row;
  align-items: center;
  width: 75rem;
  height: 20rem;
}

.home .three .cont .sizes .img-size {
  width: 14rem;
  height: 18.5rem;
  border-radius: 0.5rem;
  object-fit: contain;
  object-position: center;
}

.home .three .cont .sizes .img-size:hover {
  width: 15.125rem;
  height: 20rem;
  box-shadow: 0 0.125rem 0.75rem 0 rgba(0, 0, 0, 0.1);
  margin-right: 0.5625rem;
  margin-left: -0.5625rem;
}

.home .three .cont .sizes .img-size-right {
  margin-right: 1.25rem;
}

.home .three- .cont- {
  display: flex;
  flex-direction: row;
  padding: 1rem;
  background-image: url(../img/home_1_bg.0f876946.png);
  background-size: cover;
  background-position: 50%;
  background-repeat: no-repeat;
}

.home .three- .cont- .line-size {
  display: flex;
  flex-direction: column;
  width: 46.25rem;
  height: 23.125rem;
  background: #fff;
  border-radius: 0.375rem;
  padding: 1.125rem;
  margin-right: 0.5rem;
}

.home .three- .cont- .line-size .select {
  display: flex;
  flex-direction: row;
  align-content: center;
}

.home .three- .cont- .line-size .exa-size {
  flex: 1;
  position: relative;
  display: flex;
  flex-direction: column;
}

.home .three- .cont- .line-size .exa-size .exa {
  width: 100%;
  height: 100%;
}

.home .three- .cont- .line-size .exa-size .exa-but {
  z-index: 3;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.home .three- .cont- .data-size {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 26.25rem;
  height: 23.125rem;
  background: #fff;
  border-radius: 0.375rem;
  padding: 3.125rem 1.875rem;
}

.home .three- .cont- .data-size .line {
  height: 0.0625rem;
  border: 0.0625rem solid #f0f2f6;
}

.home .four {
  flex-direction: row;
  justify-content: space-between;
  margin-bottom: 5rem;
}

.home .four .cont {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.home .four .img-icq {
  width: 27.5rem;
  height: 27.5rem;
  border-radius: 1.125rem 1.125rem 1.125rem 1.125rem;
  object-fit: contain;
  object-position: center;
}

.home .five {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  gap: 5rem;
}

.home .five .img-iphone {
  width: 34.375rem;
  height: 51.125rem;
  object-fit: contain;
  object-position: center;
}

.home .five .maxLabel {
  max-width: 28.75rem;
}

.home .five .box-size {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  padding: 1rem;
  margin-right: 0;
  background: hsla(0, 0%, 100%, 0.88);
  border-radius: 0.5rem 0.5rem 0.5rem 0.5rem;
  border: 0.0625rem solid #e4e6ef;
}

.home .five .box-size .download-copy {
  max-width: 25rem;
}

.home .five .box-size .qrcode {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff;
  height: 6.25rem;
  width: 6.875rem;
  padding-top: 0.25rem;
  border-radius: 0.625rem;
  margin-right: 1.875rem;
}

.home .five .box-size .img-download {
  width: 3.625rem;
  height: 5rem;
  margin-top: 0;
  margin-left: 1.5rem;
  object-fit: contain;
  object-position: center;
}

.home .six .cell {
  display: flex;
  flex-direction: column;
  align-items: center;
  /* justify-content: space-between; */
  width: 24.5rem;
  /* height: 21.25rem; */
  padding: 1.5rem;
  border-radius: 0.5rem 0.5rem 0.5rem 0.5rem;
  background-color: #fff;
  transition: background-color 0.3s;
}

.home .six .cell .img-icq {
  width: 12.5rem;
  height: 12.5rem;
  border-radius: 0.5rem 0.5rem 0.5rem 0.5rem;
  object-fit: contain;
  object-position: center;
}

.home .six .cell:hover {
  background: #f5f8fa;
}

.home .seven {
  padding: 3.75rem;
  background: #2961d9;
  border-radius: 0.5rem 0.5rem 0.5rem 0.5rem;
}

.home .seven .img-bg {
  position: absolute;
  width: 12.5rem;
  height: 6.25rem;
  object-fit: contain;
  object-position: center;
}

.home .seven .img-icq {
  width: 10rem;
  height: 10rem;
  margin-right: 1rem;
  object-fit: contain;
  object-position: center;
}

.home .eight .cont {
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  width: 75rem;
  height: 37rem;
}

.home .eight .cont .img-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 75rem;
  height: 37rem;
  object-fit: contain;
  object-position: center;
}

.home .eight .cont .size {
  z-index: 99;
  display: flex;
  flex-direction: row;
  width: 75rem;
  height: 32rem;
  padding: 3.75rem;
}

.home .eight .cont .size .menus {
  display: flex;
  flex-direction: column;
  border-right: 0.0625rem solid #fff;
  margin-right: 3.75rem;
}

.home .eight .cont .size .menus .menu {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
  width: 10.625rem;
  height: 4.375rem;
  padding: 1.0625rem 0 1.0625rem 1.0625rem;
  cursor: pointer;
}

.home .eight .cont .size .menus .line {
  width: 0.1875rem;
  height: 2.25rem;
  background: #181c32;
  border-radius: 0.0625rem;
  margin-left: 1.625rem;
  margin-right: -0.125rem;
}

.home .eight .cont .size .menus .line-hidden {
  opacity: 0;
}

.home .eight .cont .size .mt17 {
  margin-top: 1.0625rem;
}

.home .eight .cont .size .max-label {
  max-width: 28.75rem;
}

.home .eight .cont .size .size-img {
  display: flex;
  flex-direction: row;
  justify-content: right;
}

.home .eight .cont .size .size-img .img-0 {
  position: relative;
  width: 30.4375rem;
  height: 16.875rem;
}

.home .eight .cont .size .size-img .img-0 .img-size {
  width: 18.25rem;
  height: 5.25rem;
  box-shadow: 0 0.3125rem 0.625rem 0 rgba(0, 0, 0, 0.05);
  object-fit: contain;
  object-position: center;
}

.home .eight .cont .size .size-img .img-0 .img-0-1 {
  z-index: 2;
  position: absolute;
  right: 3.75rem;
}

.home .eight .cont .size .size-img .img-0 .img-0-2 {
  position: absolute;
  top: 4.625rem;
  right: 11.25rem;
}

.home .eight .cont .size .size-img .img-0 .img-0-3 {
  position: absolute;
  right: 0;
  top: 10.5rem;
}

.home .eight .cont .size .size-img .img-1 {
  width: 30.9375rem;
  height: 13.6875rem;
  object-fit: contain;
  object-position: center;
}

.home .eight .cont .size .size-img .img-2 {
  width: 28.8125rem;
  height: 13.625rem;
  object-fit: contain;
  object-position: center;
}

.home .eight .cont .size .size-img .butpc {
  margin-left: 7.5rem;
}

.home .nine {
  flex-direction: row;
  justify-content: space-between;
}

.home .nine .img-faq {
  width: 18.25rem;
  height: 22.375rem;
  object-fit: contain;
  object-position: center;
}

.home .nine .cell {
  display: flex;
  flex-direction: column;
  cursor: pointer;
  width: 45rem;
  padding: 1.5625rem 0;
  border-bottom: 0.0625rem solid #d8d8d8;
}

.home .nine .cell .text {
  margin-top: 0.75rem;
}

.home .nine .cell .img-arrow {
  width: 1.25rem;
  height: 1.25rem;
}

.home .ten .size {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}

.home .ten .size .video {
  width: 67.5rem;
  height: 38rem;
  border-radius: 0.5rem 0.5rem 0.5rem 0.5rem;
}

.home .ten .size .video-po {
  z-index: 2;
  position: absolute;
  top: 0;
  left: 3.75rem;
}

.home .eleven .cont {
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  width: 75rem;
  height: 37rem;
}

.home .eleven .cont .img-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 75rem;
  height: 37rem;
}

.home .eleven .cont .size {
  z-index: 99;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 75rem;
  height: 32rem;
  padding: 5.625rem;
}

.home .eleven .cont .size .texts {
  display: flex;
  flex-direction: column;
  width: 32.5rem;
}

.home .one > .row > .butpc,
.home .eleven .cont .size > .row > .butpc,
.home .eleven .cont .size > .row > .row > .butpc {
  margin-left: 2.5rem;
  flex-shrink: 0;
}

.home .eleven > .row > .row {
  margin-left: 2.5rem;
  flex-shrink: 0;
}

.home .eleven .cont .size .img-icq {
  width: auto;
  height: 40.5rem;
  max-width: 26rem;
  object-fit: contain;
  object-position: center;
}

.home .butpc {
  min-width: 8.125rem;
  height: 3.25rem;
}

.home .butpc,
.home .butpc-max {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 1.25rem;
  border-radius: 0.375rem;
}

.home .butpc-max {
  min-width: 10.1875rem;
  height: 3.75rem;
}

.home .mrf_50 {
  margin-right: -3.125rem;
}

.home .mr100 {
  margin-right: 7.5rem;
}

#app {
  min-width: 23.4375rem;
}

.home-h5,
.home-h5 .warp-h5 {
  display: flex;
  flex-direction: column;
}

.home-h5 .warp-h5 {
  position: relative;
  padding: 0 1rem;
}

.home-h5 .warp-h5 .home-line-h5 {
  height: 0.0625rem;
  background: #e4e6ef;
  border-radius: 0;
}

.home-h5 .head-h5 {
  display: flex;
  flex-direction: column;
  margin: 2rem 0;
}

.home-h5 .head-h5 > .row {
  order: 4;
}

.home-h5 .head-h5 .img-robot-h5 {
  width: 20rem;
  height: 20rem;
  margin-bottom: 0;
  object-fit: contain;
  object-position: center;
}

.home-h5 .head-h5 .buth5 {
  order: 3;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 2.75rem;
  border-radius: 0.375rem;
  margin-top: 1rem;
  margin-bottom: 2.25rem;
}

.home-h5 .one-h5 {
  display: flex;
  flex-direction: column;
  margin-bottom: 3rem;
}

.home-h5 .one-h5 ::-webkit-scrollbar {
  width: 0;
  height: 0;
}

.home-h5 .one-h5 .scroll-h5 {
  display: flex;
  flex-direction: row;
  overflow-x: scroll;
  background: linear-gradient(180deg, #f5f8fa, rgba(245, 248, 250, 0));
  margin-bottom: 2rem;
}

.home-h5 .one-h5 .scroll-h5 .warp-h5 {
  display: flex;
  flex-direction: row;
  height: 100%;
  padding: 1rem 1rem 0.25rem 1rem;
}

.home-h5 .one-h5 .scroll-h5 .warp-h5 .cell-h5 {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 14rem;
  padding: 0.875rem 0.875rem 0.75rem 1.5rem;
  border-radius: 0.375rem;
}

.home-h5 .one-h5 .scroll-h5 .warp-h5 .cell-h5 .cell-img-h5 {
  display: flex;
  flex-direction: row;
  justify-content: end;
  margin-right: -0.125rem;
  margin-bottom: -0.125rem;
}

.home-h5 .one-h5 .scroll-h5 .warp-h5 .cell-h5 .cell-img-h5 .img-icq-h5 {
  width: 12rem;
  height: 12rem;
  object-fit: contain;
  object-position: center;
}

.home-h5 .one-h5 .scroll-h5 .warp-h5 .cell-h5:hover {
  background: #fff;
}

.home-h5 .tow-h5 {
  display: flex;
  flex-direction: column;
  margin-bottom: 3rem;
}

.home-h5 .tow-h5 .img-icq-h5 {
  width: 20rem;
  height: 20rem;
  margin: -30px 0 -10px 0;
  object-fit: contain;
  object-position: center;
}

.home-h5 .tow-h5 .tow-cont-h5 {
  display: flex;
  flex-direction: column;
  border-radius: 0.375rem;
  border: 0.0625rem solid #e4e6ef;
  padding: 1.25rem;
  margin-bottom: 2rem;
}

.home-h5 .tow-h5 .tow-cont-h5 .img-logo-h5 {
  width: 8.3125rem;
  height: 1.5rem;
  object-fit: contain;
  object-position: center;
}

.home-h5 .tow-h5 .tow-cont-h5 .line-h5 {
  height: 0;
  border: 0.0625rem solid #f0f2f6;
  margin-bottom: 1.25rem;
}

.home-h5 .three-h5 {
  display: flex;
  flex-direction: column;
  margin-bottom: 3rem;
}

.home-h5 .three-h5 ::-webkit-scrollbar {
  width: 0;
  height: 0;
}

.home-h5 .three-h5 .three-scroll-h5 {
  display: flex;
  flex-direction: row;
  overflow-x: scroll;
  margin-bottom: 1.25rem;
}

.home-h5 .three-h5 .three-scroll-h5 .three-warp-h5 {
  display: flex;
  flex-direction: row;
  height: 100%;
}

.home-h5 .three-h5 .three-scroll-h5 .three-warp-h5 .img-size-h5 {
  width: 14rem;
  height: 18.5rem;
  object-fit: contain;
  object-position: center;
}

.home-h5 .three-h5- {
  display: flex;
  flex-direction: column;
  margin-bottom: 3rem;
}

.home-h5 .three-h5- .data-size-h5 {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  background: #fff;
  margin-top: -1.25rem;
  margin-bottom: 1.25rem;
}

.home-h5 .three-h5- .data-size-h5 .line-h5 {
  height: 0.0625rem;
  border: 0.0625rem solid #f0f2f6;
  margin: 1.25rem 0;
}

.home-h5 .three-h5- .line-size-h5 {
  display: flex;
  flex-direction: column;
  height: 23.125rem;
  background: #fff;
}

.home-h5 .three-h5- .line-size-h5 .select-h5 {
  width: 6.25rem;
}

.home-h5 .three-h5- .line-size-h5 .exa-h5 {
  width: 100%;
  height: 100%;
  margin-top: -1.25rem;
}

.home-h5 .four-h5 {
  display: flex;
  flex-direction: column;
  margin-bottom: 3rem;
}

.home-h5 .four-h5 .but-hei-h5 {
  margin-top: 1.5rem;
}

.home-h5 .four-h5 .img-icq-h5 {
  width: 20rem;
  height: 20rem;
  margin: -50px 0 -20px 0;
  object-fit: contain;
  object-position: center;
}

.home-h5 .five-h5 {
  display: flex;
  flex-direction: column;
}

.home-h5 .five-h5 .box-size-h5 {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 19.4375rem;
  background: hsla(0, 0%, 100%, 0.88);
  border-radius: 0.375rem;
  border: 0.0625rem solid #e4e6ef;
  padding: 0.625rem 0.875rem;
  margin-bottom: 2.0625rem;
}

.home-h5 .five-h5 .box-size-h5 .download-copy-h5 {
  width: 100%;
}

.home-h5 .five-h5 .box-size-h5 .img-download-h5 {
  align-self: flex-end;
  width: 1.8125rem;
  height: 2.5rem;
  margin-top: 0.5rem;
  object-fit: contain;
  object-position: center;
}

.home-h5 .five-h5 .box-size-h5 .but-hei-h5 {
  width: 100%;
  margin-bottom: 0;
}

.home-h5 .five-h5 .img-iphone-h5 {
  width: 23.375rem;
  height: 34.75rem;
  margin-left: -2.5rem;
  object-fit: contain;
  object-position: center;
}

.home-h5 .six-h5 {
  display: flex;
  flex-direction: column;
  margin-bottom: 3rem;
}

.home-h5 .six-h5 .cell-h5 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background: #f5f8fa;
  border-radius: 0.375rem;
  padding: 1.5rem;
  margin-bottom: 0.5rem;
}

.home-h5 .six-h5 .cell-h5 .img-icq-h5 {
  width: 12rem;
  height: 12rem;
  border-radius: 0.5rem;
  margin: -30px 0 -10px 0;
  object-fit: contain;
  object-position: center;
}

.home-h5 .seven-h5 {
  display: flex;
  flex-direction: column;
  margin-bottom: 3rem;
  background: #2961d9;
  border-radius: 0.375rem;
  padding: 3rem 1rem 1rem 1rem;
}

.home-h5 .seven-h5 .size-h5 {
  display: flex;
  flex-direction: row;
  align-items: center;
  height: 6.75rem;
  border-radius: 0.375rem;
  background: hsla(0, 0%, 100%, 0.08);
  padding: 0 1.5rem;
}

.home-h5 .seven-h5 .size-h5 .img-icq-h5 {
  width: 8rem;
  height: 8rem;
  margin-right: 2rem;
  object-fit: contain;
  object-position: center;
}

.home-h5 .eight-h5 {
  display: flex;
  flex-direction: column;
  margin-bottom: 3rem;
}

.home-h5 .eight-h5 .cont-h5 {
  position: relative;
  display: flex;
  flex-direction: column;
  margin-bottom: 2rem;
}

.home-h5 .eight-h5 .cont-h5 .bg-h5 {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

.home-h5 .eight-h5 .cont-h5 .bg-h5 .img-bg-h5 {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
}

.home-h5 .eight-h5 .cont-h5 .size-h5 {
  z-index: 2;
  display: flex;
  flex-direction: column;
  margin: 1.375rem 0;
  padding: 1.5rem 1.875rem;
}

.home-h5 .eight-h5 .cont-h5 .size-h5 .menus-h5 {
  display: flex;
  flex-direction: row;
  border-bottom: 0.0625rem solid #fff;
  margin-bottom: 1.5625rem;
}

.home-h5 .eight-h5 .cont-h5 .size-h5 .menus-h5 .menu-h5 {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
  min-height: 3.25rem;
  padding: 0.375rem 0 0.625rem;
  cursor: pointer;
}

.home-h5 .eight-h5 .cont-h5 .size-h5 .menus-h5 .menu-h5 span,
.home-h5 .eight-h5 .cont-h5 .size-h5 .menus-h5 .menu-h5 h3 {
  font-size: 1rem !important;
  line-height: 1.25rem;
}

.home-h5 .eight-h5 .cont-h5 .size-h5 .menus-h5 .menu-h5 .font16 {
  font-size: 1.125rem !important;
  line-height: 1.375rem;
}

.home-h5 .eight-h5 .cont-h5 .size-h5 .menus-h5 .menu-h5 .font12 {
  font-size: 0.9375rem !important;
  line-height: 1.1875rem;
}

.home-h5 .eight-h5 .cont-h5 .size-h5 .menus-h5 .line-h5 {
  width: 2.25rem;
  height: 0.1875rem;
  background: #181c32;
  border-radius: 0.0625rem;
  margin-top: 0.5rem;
}

.home-h5 .eight-h5 .cont-h5 .size-h5 .menus-h5 .line-hidden-h5 {
  opacity: 0;
}

.home-h5 .eight-h5 .cont-h5 .size-h5 .size-img-h5 {
  display: flex;
  flex-direction: row;
  justify-content: center;
  height: 8.75rem;
  margin-top: 1.5rem;
}

.home-h5 .eight-h5 .cont-h5 .size-h5 .size-img-h5 .img-0-h5 {
  position: relative;
  width: 18.4375rem;
  height: 8.75rem;
}

.home-h5 .eight-h5 .cont-h5 .size-h5 .size-img-h5 .img-0-h5 .img-size-h5 {
  width: 9.875rem;
  height: 2.875rem;
  box-shadow: 0 0.3125rem 0.625rem 0 rgba(0, 0, 0, 0.05);
  object-fit: contain;
  object-position: center;
}

.home-h5 .eight-h5 .cont-h5 .size-h5 .size-img-h5 .img-0-h5 .img-0-1-h5 {
  z-index: 2;
  position: absolute;
  right: 1.3125rem;
}

.home-h5 .eight-h5 .cont-h5 .size-h5 .size-img-h5 .img-0-h5 .img-0-2-h5 {
  position: absolute;
  top: 2.25rem;
  left: 0;
}

.home-h5 .eight-h5 .cont-h5 .size-h5 .size-img-h5 .img-0-h5 .img-0-3-h5 {
  position: absolute;
  right: 0;
  top: 5.625rem;
}

.home-h5 .eight-h5 .cont-h5 .size-h5 .size-img-h5 .img-1-h5 {
  width: 18.4375rem;
  height: 8.125rem;
  object-fit: contain;
  object-position: center;
}

.home-h5 .eight-h5 .cont-h5 .size-h5 .size-img-h5 .img-2-h5 {
  width: 18.4375rem;
  height: 8.75rem;
  object-fit: contain;
  object-position: center;
}

.home-h5 .nine-h5 {
  display: flex;
  flex-direction: column;
  margin-bottom: 3rem;
}

.home-h5 .nine-h5 .img-faq-h5 {
  width: 3.9375rem;
  height: 2.25rem;
  margin-top: 2.5rem;
  object-fit: contain;
  object-position: center;
}

.home-h5 .nine-h5 .img-icq-h5 {
  width: 10.3125rem;
  height: 8.75rem;
}

.home-h5 .nine-h5 .cell-h5 {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 1rem 0;
  border-bottom: 0.0625rem solid #e4e6ef;
}

.home-h5 .nine-h5 .cell-h5 .text-h5 {
  margin-top: 0.5rem;
}

.home-h5 .nine-h5 .cell-h5 .img-arrow-h5 {
  width: 1.25rem;
  height: 1.25rem;
  margin-left: 0.625rem;
}

.home-h5 .ten-h5 {
  display: flex;
  flex-direction: column;
  margin-bottom: 3rem;
}

.home-h5 .ten-h5 .size-h5 {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 21.4375rem;
  height: 12.0625rem;
  border-radius: 0.25rem;
  overflow: hidden;
}

.home-h5 .ten-h5 .size-h5 .video-h5 {
  width: 100%;
  height: 100%;
}

.home-h5 .ten-h5 .size-h5 .video-po-h5 {
  z-index: 2;
  position: absolute;
  top: 0;
  left: 0;
}

.home-h5 .eleven-h5 {
  display: flex;
  flex-direction: column;
  margin-bottom: 3rem;
}

.home-h5 .eleven-h5 .cont-h5 {
  position: relative;
  display: flex;
  flex-direction: column;
  margin-bottom: 2rem;
}

.home-h5 .eleven-h5 .cont-h5 .bg-h5 {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

.home-h5 .eleven-h5 .cont-h5 .bg-h5 .img-bg-h5 {
  width: 100%;
  height: 100%;
}

.home-h5 .eleven-h5 .cont-h5 .size-h5 {
  z-index: 2;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 1.375rem 0;
  padding: 1.875rem 1.875rem 1.25rem 1.875rem;
}

.home-h5 .eleven-h5 .cont-h5 .size-h5 .img-icq-h5 {
  width: auto;
  height: 15rem;
  margin: 30px 0;
  max-width: 40rem;
  object-fit: contain;
  object-position: center;
}

.but-hei-h5 {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 2.75rem;
  background: #0e111e;
  border-radius: 0.375rem;
  border: 0.125rem solid #0e111e;
  font-family: PingFang SC;
  font-weight: 500;
  font-size: 0.875rem;
  color: #fff;
  line-height: 1.375rem;
  text-align: center;
  font-style: normal;
  text-transform: none;
}

.home .four .butpc {
  margin-top: 1.5rem;
}

.homeMain {
  display: flex;
  flex-direction: column;
  background: #fff;
  width: 100%;
  height: 100%;
  overflow-y: auto;
}

.cbai60 {
  color: hsla(0, 0%, 100%, 0.6);
}

.but {
  cursor: pointer;
}