@charset "UTF-8";

@import './rem/scss/util';

.text-right {
  text-align: right;
}

.text-center {
  text-align: center;
}

.text-left {
  text-align: left;
}

.break-all {
  word-break: break-all;
}

.f-fb {
  display: flex;
  justify-content: space-between;
}

.f-fbc {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.f-fl {
  display: flex;
  justify-content: left;
}

.f-fcl {
  display: flex;
  justify-content: left;
  align-items: center;
}

.f-fc {
  display: flex;
  justify-content: center;
}

.f-fcc {
  display: flex;
  justify-content: center;
  align-items: center;
}

.f-fr {
  display: flex;
  justify-content: right;
}

.f-fcr {
  display: flex;
  justify-content: right;
  align-items: center;
}

.f-wrap {
  flex-wrap: wrap;
}

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

.ellipsis_2 {
  display: -webkit-box; /* Safari */
  -webkit-line-clamp: 2; /* Safari and Chrome */
  -webkit-box-orient: vertical; /* Safari and Chrome */
  overflow: hidden;
}

.ellipsis_3 {
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
}

.backCover {
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
}

.ui-relative {
  position: relative;
}

.ui-overflow {
  overflow: hidden;
}

.flo_l {
  float: left;
}

.flo_r {
  float: right;
}

.bold {
  font-weight: bold;
}

.colorF {
  color: #fff;
}

.color3 {
  color: #333;
}

.color6 {
  color: #666;
}

.color9 {
  color: #999;
}

.colorF5 {
  color: #f5f5f5;
}

.colorF8 {
  color: #f8f8f8;
}

.colorC2 {
  color: #c2c2c2;
}

.colorTheme {
  color: #5ac7a0;
}

.colorBlue {
  color: #2a63b2;
}

.colorAppGreen {
  color: #18CA6E;
}

.colorPrice {
  color: #ff5959;
}

.bcTheme {
  background: linear-gradient(90deg, #8c9bff 0%, #707ffa 100%);
}

.font_14 {
  font-size: px2rem(14);
}

.font_16 {
  font-size: px2rem(16);
}

.font_18 {
  font-size: px2rem(18);
}

.font_20 {
  font-size: px2rem(20);
}

.font_22 {
  font-size: px2rem(22);
}

.font_24 {
  font-size: px2rem(24);
}

.font_26 {
  font-size: px2rem(26);
}

.font_28 {
  font-size: px2rem(28);
}

.font_30 {
  font-size: px2rem(30);
}

.font_32 {
  font-size: px2rem(32);
}

.font_34 {
  font-size: px2rem(34);
}

.font_36 {
  font-size: px2rem(36);
}

.font_38 {
  font-size: px2rem(38);
}

.font_40 {
  font-size: px2rem(40);
}

.font_42 {
  font-size: px2rem(42);
}

.font_44 {
  font-size: px2rem(44);
}

.font_46 {
  font-size: px2rem(46);
}

.font_48 {
  font-size: px2rem(48);
}

.ui-pt-4 {
  padding-top: px2rem(4);
}

.ui-pt-6 {
  padding-top: px2rem(6);
}

.ui-pt-8 {
  padding-top: px2rem(8);
}

.ui-pt-10 {
  padding-top: px2rem(10);
}

.ui-pt-12 {
  padding-top: px2rem(12);
}

.ui-pt-14 {
  padding-top: px2rem(14);
}

.ui-pt-16 {
  padding-top: px2rem(16);
}

.ui-pt-18 {
  padding-top: px2rem(18);
}

.ui-pt-20 {
  padding-top: px2rem(20);
}

.ui-pt-22 {
  padding-top: px2rem(22);
}

.ui-pt-24 {
  padding-top: px2rem(24);
}

.ui-pt-26 {
  padding-top: px2rem(26);
}

.ui-pt-28 {
  padding-top: px2rem(28);
}

.ui-pt-30 {
  padding-top: px2rem(30);
}

.ui-pt-32 {
  padding-top: px2rem(32);
}

.ui-pt-36 {
  padding-top: px2rem(36);
}

.ui-pt-40 {
  padding-top: px2rem(40);
}

.ui-pr-4 {
  padding-right: px2rem(4);
}

.ui-pr-6 {
  padding-right: px2rem(6);
}

.ui-pr-8 {
  padding-right: px2rem(8);
}

.ui-pr-10 {
  padding-right: px2rem(10);
}

.ui-pr-12 {
  padding-right: px2rem(12);
}

.ui-pr-14 {
  padding-right: px2rem(14);
}

.ui-pr-16 {
  padding-right: px2rem(16);
}

.ui-pr-18 {
  padding-right: px2rem(18);
}

.ui-pr-20 {
  padding-right: px2rem(20);
}

.ui-pr-22 {
  padding-right: px2rem(22);
}

.ui-pr-24 {
  padding-right: px2rem(24);
}

.ui-pr-26 {
  padding-right: px2rem(26);
}

.ui-pr-28 {
  padding-right: px2rem(28);
}

.ui-pr-30 {
  padding-right: px2rem(30);
}

.ui-pr-32 {
  padding-right: px2rem(32);
}

.ui-pr-36 {
  padding-right: px2rem(36);
}

.ui-pr-40 {
  padding-right: px2rem(40);
}

.ui-pb-4 {
  padding-bottom: px2rem(4);
}

.ui-pb-6 {
  padding-bottom: px2rem(6);
}

.ui-pb-8 {
  padding-bottom: px2rem(8);
}

.ui-pb-10 {
  padding-bottom: px2rem(10);
}

.ui-pb-12 {
  padding-bottom: px2rem(12);
}

.ui-pb-14 {
  padding-bottom: px2rem(14);
}

.ui-pb-16 {
  padding-bottom: px2rem(16);
}

.ui-pb-18 {
  padding-bottom: px2rem(18);
}

.ui-pb-20 {
  padding-bottom: px2rem(20);
}

.ui-pb-22 {
  padding-bottom: px2rem(22);
}

.ui-pb-24 {
  padding-bottom: px2rem(24);
}

.ui-pb-26 {
  padding-bottom: px2rem(26);
}

.ui-pb-28 {
  padding-bottom: px2rem(28);
}

.ui-pb-30 {
  padding-bottom: px2rem(30);
}

.ui-pb-32 {
  padding-bottom: px2rem(32);
}

.ui-pb-36 {
  padding-bottom: px2rem(36);
}

.ui-pb-40 {
  padding-bottom: px2rem(40);
}

.ui-pl-4 {
  padding-left: px2rem(4);
}

.ui-pl-6 {
  padding-left: px2rem(6);
}

.ui-pl-8 {
  padding-left: px2rem(8);
}

.ui-pl-10 {
  padding-left: px2rem(10);
}

.ui-pl-12 {
  padding-left: px2rem(12);
}

.ui-pl-14 {
  padding-left: px2rem(14);
}

.ui-pl-16 {
  padding-left: px2rem(16);
}

.ui-pl-18 {
  padding-left: px2rem(18);
}

.ui-pl-20 {
  padding-left: px2rem(20);
}

.ui-pl-22 {
  padding-left: px2rem(22);
}

.ui-pl-24 {
  padding-left: px2rem(24);
}

.ui-pl-26 {
  padding-left: px2rem(26);
}

.ui-pl-28 {
  padding-left: px2rem(28);
}

.ui-pl-30 {
  padding-left: px2rem(30);
}

.ui-pl-32 {
  padding-left: px2rem(32);
}

.ui-pl-36 {
  padding-left: px2rem(36);
}

.ui-pl-40 {
  padding-left: px2rem(40);
}

.ui-mt-4 {
  margin-top: px2rem(4);
}

.ui-mt-6 {
  margin-top: px2rem(6);
}

.ui-mt-8 {
  margin-top: px2rem(8);
}

.ui-mt-10 {
  margin-top: px2rem(10);
}

.ui-mt-12 {
  margin-top: px2rem(12);
}

.ui-mt-14 {
  margin-top: px2rem(14);
}

.ui-mt-16 {
  margin-top: px2rem(16);
}

.ui-mt-18 {
  margin-top: px2rem(18);
}

.ui-mt-20 {
  margin-top: px2rem(20);
}

.ui-mt-22 {
  margin-top: px2rem(22);
}

.ui-mt-24 {
  margin-top: px2rem(24);
}

.ui-mt-26 {
  margin-top: px2rem(26);
}

.ui-mt-28 {
  margin-top: px2rem(28);
}

.ui-mt-30 {
  margin-top: px2rem(30);
}

.ui-mt-32 {
  margin-top: px2rem(32);
}

.ui-mt-36 {
  margin-top: px2rem(36);
}

.ui-mt-40 {
  margin-top: px2rem(40);
}

.ui-mr-4 {
  margin-right: px2rem(4);
}

.ui-mr-6 {
  margin-right: px2rem(6);
}

.ui-mr-8 {
  margin-right: px2rem(8);
}

.ui-mr-10 {
  margin-right: px2rem(10);
}

.ui-mr-12 {
  margin-right: px2rem(12);
}

.ui-mr-14 {
  margin-right: px2rem(14);
}

.ui-mr-16 {
  margin-right: px2rem(16);
}

.ui-mr-18 {
  margin-right: px2rem(18);
}

.ui-mr-20 {
  margin-right: px2rem(20);
}

.ui-mr-22 {
  margin-right: px2rem(22);
}

.ui-mr-24 {
  margin-right: px2rem(24);
}

.ui-mr-26 {
  margin-right: px2rem(26);
}

.ui-mr-28 {
  margin-right: px2rem(28);
}

.ui-mr-30 {
  margin-right: px2rem(30);
}

.ui-mr-32 {
  margin-right: px2rem(32);
}

.ui-mr-36 {
  margin-right: px2rem(36);
}

.ui-mr-40 {
  margin-right: px2rem(40);
}

.ui-mb-4 {
  margin-bottom: px2rem(4);
}

.ui-mb-6 {
  margin-bottom: px2rem(6);
}

.ui-mb-8 {
  margin-bottom: px2rem(8);
}

.ui-mb-10 {
  margin-bottom: px2rem(10);
}

.ui-mb-12 {
  margin-bottom: px2rem(12);
}

.ui-mb-14 {
  margin-bottom: px2rem(14);
}

.ui-mb-16 {
  margin-bottom: px2rem(16);
}

.ui-mb-18 {
  margin-bottom: px2rem(18);
}

.ui-mb-20 {
  margin-bottom: px2rem(20);
}

.ui-mb-22 {
  margin-bottom: px2rem(22);
}

.ui-mb-24 {
  margin-bottom: px2rem(24);
}

.ui-mb-26 {
  margin-bottom: px2rem(26);
}

.ui-mb-28 {
  margin-bottom: px2rem(28);
}

.ui-mb-30 {
  margin-bottom: px2rem(30);
}

.ui-mb-32 {
  margin-bottom: px2rem(32);
}

.ui-mb-36 {
  margin-bottom: px2rem(36);
}

.ui-mb-40 {
  margin-bottom: px2rem(40);
}

.ui-ml-4 {
  margin-left: px2rem(4);
}

.ui-ml-6 {
  margin-left: px2rem(6);
}

.ui-ml-8 {
  margin-left: px2rem(8);
}

.ui-ml-10 {
  margin-left: px2rem(10);
}

.ui-ml-12 {
  margin-left: px2rem(12);
}

.ui-ml-14 {
  margin-left: px2rem(14);
}

.ui-ml-16 {
  margin-left: px2rem(16);
}

.ui-ml-18 {
  margin-left: px2rem(18);
}

.ui-ml-20 {
  margin-left: px2rem(20);
}

.ui-ml-22 {
  margin-left: px2rem(22);
}

.ui-ml-24 {
  margin-left: px2rem(24);
}

.ui-ml-26 {
  margin-left: px2rem(26);
}

.ui-ml-28 {
  margin-left: px2rem(28);
}

.ui-ml-30 {
  margin-left: px2rem(30);
}

.ui-ml-32 {
  margin-left: px2rem(32);
}

.ui-ml-36 {
  margin-left: px2rem(36);
}

.ui-ml-40 {
  margin-left: px2rem(40);
}

.ui-suspension-box {
  position: fixed;
  right: px2rem(20);
  bottom: px2rem(166);
  z-index: 22;
}

.ui-mgt-entrance {
  width: px2rem(140);
  height: px2rem(140);
  display: block;
  margin-top: px2rem(20);
}

body {
  height: 100vh;
  transform: translate(0);
}

/* 滚动条凹槽的颜色，还可以设置边框属性 */
*::-webkit-scrollbar-track-piece {
  background-color: #f8f8f8;
  border-radius: 2em;
}

/* 滚动条 */
*::-webkit-scrollbar {
  width: 0;
}