@charset "UTF-8";
/* CDN 服务仅供平台体验和调试使用，平台不承诺服务的稳定性，企业客户需下载字体包自行发布使用并做好备份。 */
@font-face {
  font-family: "iconfont"; /* Project id 3888591 */
  src: url("//at.alicdn.com/t/c/font_3888591_lva8y2grc4s.woff2?t=1679327903932") format("woff2");
}
.ext-icon {
  font-family: "iconfont" !important;
  display: inline-block;
  font-style: normal;
}

* {
  font-family: "Helvetica Neue", "Helvetica", "PingFang SC", "Tahoma", "Arial", "sans-serif" !important;
}

/*线段*/
.devided {
  padding: 0 10px;
}
.devided::before {
  transform: scaleX(0.5) scaleY(0.6);
  content: "";
  height: 100%;
  display: inline-block;
  width: 1px;
  background-color: #d5d5d5;
}

/*---------Font----------*/
.fs-0 {
  font-size: 0;
}

.fs-10 {
  font-size: 12px;
  transform: scale(0.83333);
  display: inline-block;
  transform-origin: 0 0;
}

.fs-12 {
  font-size: 12px;
}

.fs-12-i {
  font-size: 12px !important;
}

.fs-13 {
  font-size: 13px;
}

.fs-13-i {
  font-size: 13px !important;
}

.fs-14 {
  font-size: 14px;
}

.fs-14-i {
  font-size: 14px !important;
}

.fs-15 {
  font-size: 15px;
}

.fs-15-i {
  font-size: 15px !important;
}

.fs-16 {
  font-size: 16px;
}

.fs-16-i {
  font-size: 16px !important;
}

.fs-17 {
  font-size: 17px;
}

.fs-17-i {
  font-size: 17px !important;
}

.fs-18 {
  font-size: 18px;
}

.fs-18-i {
  font-size: 18px !important;
}

.fs-19 {
  font-size: 19px;
}

.fs-19-i {
  font-size: 19px !important;
}

.fs-20 {
  font-size: 20px;
}

.fs-20-i {
  font-size: 20px !important;
}

.fs-21 {
  font-size: 21px;
}

.fs-21-i {
  font-size: 21px !important;
}

.fs-22 {
  font-size: 22px;
}

.fs-22-i {
  font-size: 22px !important;
}

.fs-23 {
  font-size: 23px;
}

.fs-23-i {
  font-size: 23px !important;
}

.fs-24 {
  font-size: 24px;
}

.fs-24-i {
  font-size: 24px !important;
}

.fs-25 {
  font-size: 25px;
}

.fs-25-i {
  font-size: 25px !important;
}

.fs-26 {
  font-size: 26px;
}

.fs-26-i {
  font-size: 26px !important;
}

.fs-27 {
  font-size: 27px;
}

.fs-27-i {
  font-size: 27px !important;
}

.fs-28 {
  font-size: 28px;
}

.fs-28-i {
  font-size: 28px !important;
}

.fs-29 {
  font-size: 29px;
}

.fs-29-i {
  font-size: 29px !important;
}

.fs-30 {
  font-size: 30px;
}

.fs-30-i {
  font-size: 30px !important;
}

.fs-31 {
  font-size: 31px;
}

.fs-31-i {
  font-size: 31px !important;
}

.fs-32 {
  font-size: 32px;
}

.fs-32-i {
  font-size: 32px !important;
}

/*---------Margin & Padding----------*/
.mg-0 {
  margin: 0px;
}

.ml-0 {
  margin-left: 0px;
}

.ml-0-i {
  margin-left: 0px !important;
}

.mr-0 {
  margin-right: 0px;
}

.mt-0 {
  margin-top: 0px;
}

.mt-0-i {
  margin-top: 0px !important;
}

.mb-0 {
  margin-bottom: 0px;
}

.pd-0 {
  padding: 0px;
}

.pl-0 {
  padding-left: 0px;
}

.pr-0 {
  padding-right: 0px;
}

.pt-0 {
  padding-top: 0px;
}

.pb-0 {
  padding-bottom: 0px;
}

.mg-3 {
  margin: 3px;
}

.ml-3 {
  margin-left: 3px;
}

.ml-3-i {
  margin-left: 3px !important;
}

.mr-3 {
  margin-right: 3px;
}

.mt-3 {
  margin-top: 3px;
}

.mt-3-i {
  margin-top: 3px !important;
}

.mb-3 {
  margin-bottom: 3px;
}

.pd-3 {
  padding: 3px;
}

.pl-3 {
  padding-left: 3px;
}

.pr-3 {
  padding-right: 3px;
}

.pt-3 {
  padding-top: 3px;
}

.pb-3 {
  padding-bottom: 3px;
}

.mg-5 {
  margin: 5px;
}

.ml-5 {
  margin-left: 5px;
}

.ml-5-i {
  margin-left: 5px !important;
}

.mr-5 {
  margin-right: 5px;
}

.mt-5 {
  margin-top: 5px;
}

.mt-5-i {
  margin-top: 5px !important;
}

.mb-5 {
  margin-bottom: 5px;
}

.pd-5 {
  padding: 5px;
}

.pl-5 {
  padding-left: 5px;
}

.pr-5 {
  padding-right: 5px;
}

.pt-5 {
  padding-top: 5px;
}

.pb-5 {
  padding-bottom: 5px;
}

.mg-10 {
  margin: 10px;
}

.ml-10 {
  margin-left: 10px;
}

.ml-10-i {
  margin-left: 10px !important;
}

.mr-10 {
  margin-right: 10px;
}

.mt-10 {
  margin-top: 10px;
}

.mt-10-i {
  margin-top: 10px !important;
}

.mb-10 {
  margin-bottom: 10px;
}

.pd-10 {
  padding: 10px;
}

.pl-10 {
  padding-left: 10px;
}

.pr-10 {
  padding-right: 10px;
}

.pt-10 {
  padding-top: 10px;
}

.pb-10 {
  padding-bottom: 10px;
}

.mg-15 {
  margin: 15px;
}

.ml-15 {
  margin-left: 15px;
}

.ml-15-i {
  margin-left: 15px !important;
}

.mr-15 {
  margin-right: 15px;
}

.mt-15 {
  margin-top: 15px;
}

.mt-15-i {
  margin-top: 15px !important;
}

.mb-15 {
  margin-bottom: 15px;
}

.pd-15 {
  padding: 15px;
}

.pl-15 {
  padding-left: 15px;
}

.pr-15 {
  padding-right: 15px;
}

.pt-15 {
  padding-top: 15px;
}

.pb-15 {
  padding-bottom: 15px;
}

.mg-20 {
  margin: 20px;
}

.ml-20 {
  margin-left: 20px;
}

.ml-20-i {
  margin-left: 20px !important;
}

.mr-20 {
  margin-right: 20px;
}

.mt-20 {
  margin-top: 20px;
}

.mt-20-i {
  margin-top: 20px !important;
}

.mb-20 {
  margin-bottom: 20px;
}

.pd-20 {
  padding: 20px;
}

.pl-20 {
  padding-left: 20px;
}

.pr-20 {
  padding-right: 20px;
}

.pt-20 {
  padding-top: 20px;
}

.pb-20 {
  padding-bottom: 20px;
}

.mg-30 {
  margin: 30px;
}

.ml-30 {
  margin-left: 30px;
}

.ml-30-i {
  margin-left: 30px !important;
}

.mr-30 {
  margin-right: 30px;
}

.mt-30 {
  margin-top: 30px;
}

.mt-30-i {
  margin-top: 30px !important;
}

.mb-30 {
  margin-bottom: 30px;
}

.pd-30 {
  padding: 30px;
}

.pl-30 {
  padding-left: 30px;
}

.pr-30 {
  padding-right: 30px;
}

.pt-30 {
  padding-top: 30px;
}

.pb-30 {
  padding-bottom: 30px;
}

/*---------Color----------*/
.primary-color {
  color: #1e9fff;
}

.blue {
  color: #1e9fff;
}

.white {
  color: #fff;
}

.black {
  color: #000;
}

.gray {
  color: #ccc;
}

.grey {
  color: #999 !important;
}

.red {
  color: #ff5a5f;
}

.orange {
  color: #f60;
}

.green {
  color: #58b545;
}

.cyan {
  color: #1ba9ba;
}

.purple {
  color: #66c;
}

.pink {
  color: #c69;
}

.yellow {
  color: #ffe45c;
}

/*---------| Width |----------*/
.w-60 {
  width: 60px;
}

.w-60-i {
  width: 60px !important;
}

.w-80 {
  width: 80px;
}

.w-80-i {
  width: 80px !important;
}

.w-100 {
  width: 100px;
}

.w-100-i {
  width: 100px !important;
}

.w-100 {
  width: 100px;
}

.w-100-i {
  width: 100px !important;
}

.w-110 {
  width: 110px;
}

.w-110-i {
  width: 110px !important;
}

.w-150 {
  width: 150px;
}

.w-150-i {
  width: 150px !important;
}

.w-200 {
  width: 200px;
}

.w-200-i {
  width: 200px !important;
}

.w-250 {
  width: 250px;
}

.w-250-i {
  width: 250px !important;
}

.w-300 {
  width: 300px;
}

.w-300-i {
  width: 300px !important;
}

.w-400 {
  width: 400px;
}

.w-400-i {
  width: 400px !important;
}

.w-500 {
  width: 500px;
}

.w-500-i {
  width: 500px !important;
}

.w-600 {
  width: 600px;
}

.w-600-i {
  width: 600px !important;
}

.w-700 {
  width: 700px;
}

.w-700-i {
  width: 700px !important;
}

.w-800 {
  width: 800px;
}

.w-800-i {
  width: 800px !important;
}

.w-1000 {
  width: 1000px;
}

.w-1000-i {
  width: 1000px !important;
}

.w-auto-i {
  width: auto !important;
}

/*---------| Height |----------*/
.h-100 {
  height: 100px;
}

.h-150 {
  height: 150px;
}

.h-200 {
  height: 200px;
}

.h-300 {
  height: 300px;
}

.h-500 {
  height: 500px;
}

.h-100-i {
  height: 100px !important;
}

.h-150-i {
  height: 150px !important;
}

.h-200-i {
  height: 200px !important;
}

.h-300-i {
  height: 300px !important;
}

.h-500-i {
  height: 500px !important;
}

.h-auto-i {
  height: auto !important;
}

/*---------| Align |----------*/
.v-top {
  vertical-align: top;
}

.v-middle {
  vertical-align: middle;
}

/*---------| Text |----------*/
.t-block {
  line-height: 20px;
  margin: 4px 0;
  display: block;
}
.t-block .t-label {
  width: 52px;
  display: inline-block;
  color: #bbb;
  margin-right: 10px;
  text-align-last: justify;
}
.t-block .t-label.t-label-40 {
  width: 40px;
}

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

.t-center-i {
  text-align: center !important;
}

.t-underline {
  text-decoration: underline;
}

.t-bold {
  font-weight: bold;
}

.t-normal {
  font-weight: normal;
}

.d-block {
  display: block;
}

.d-inline {
  display: inline-block;
}

/*---------Other----------*/
.hide {
  display: none;
}

/*---------| Form |----------*/
.help-block {
  display: block;
  margin-top: 5px;
  color: #bbb;
}

.help-inline {
  display: inline-block;
  margin-top: 5px;
  margin-left: 5px;
  color: #bbb;
}

/*---------| Map |----------*/
.amap-sug-result {
  z-index: 99999999999 !important;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
}
.amap-sug-result .auto-item {
  padding: 6px 4px;
  font-size: 14px;
}

/*---------| Upload |----------*/
.upload-pic-items {
  font-size: 0;
}

.upload-pic-item {
  width: 90px;
  height: 60px;
  background-color: #f5f5f5;
  display: inline-block;
  border-radius: 3px;
  text-align: center;
  box-sizing: border-box;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  margin-right: 15px;
  margin-bottom: 15px;
  position: relative;
}
.upload-pic-item .del {
  position: absolute;
  right: 0;
  top: 0;
  display: inline-block;
  width: 18px;
  height: 18px;
  text-align: center;
  border-top-right-radius: 3px;
  line-height: 18px;
  z-index: 100;
  color: #fff;
  background-color: rgba(0, 0, 0, 0.5);
}
.upload-pic-item img {
  width: 90px;
  height: 60px;
  border-radius: 3px;
  opacity: 0.8;
  transition: 0.3s;
}
.upload-pic-item img:hover {
  opacity: 1;
}

/*---------| 会员 |----------*/
.avatar-preview {
  width: 38px;
  height: 38px;
  border-radius: 50%;
  box-sizing: border-box;
  display: inline-block;
  position: relative;
  border: 1px solid #e2e2e2;
}

/*---------| 工具 |----------*/
.sort-handle {
  cursor: move;
}

.price-input-wrap, .rate-input-wrap, .rate1-input-wrap {
  background-color: #fff;
  position: relative;
  padding-right: 25px;
  display: inline-block;
  border: 1px solid #eee;
  border-radius: 2px;
  transition: all 0.5s;
  box-sizing: border-box;
}
.price-input-wrap:hover, .rate-input-wrap:hover, .rate1-input-wrap:hover {
  border-color: #1e9fff;
}
.price-input-wrap .layui-input, .rate-input-wrap .layui-input, .rate1-input-wrap .layui-input {
  border: none;
  height: 36px;
}
.price-input-wrap::before, .rate-input-wrap::before, .rate1-input-wrap::before {
  content: "%";
  font-size: 12px;
  color: #bbb;
  display: inline-block;
  position: absolute;
  width: 30px;
  text-align: center;
  right: 0;
  top: 7px;
  border-left: 1px solid #f0f0f0;
  box-sizing: border-box;
}

.price-input-wrap::before {
  content: "元";
}
.price-input-wrap.xs {
  padding-right: 20px;
}
.price-input-wrap.xs .layui-input {
  padding-left: 5px;
}
.price-input-wrap.xs::before {
  width: 20px;
  font-size: 12px;
  scale: 0.8;
}

.rate1-input-wrap::before {
  content: "倍";
}
.rate1-input-wrap.xs {
  padding-right: 20px;
}
.rate1-input-wrap.xs .layui-input {
  padding-left: 5px;
}
.rate1-input-wrap.xs::before {
  width: 20px;
  font-size: 12px;
  scale: 0.8;
}