* {
  margin: 0;
  padding: 0;
}

a {
  text-decoration: none;
  outline: none;
  color: #800020;
}

#warp a {
  color: #666;
}

html {
  font-size: 62.5%;
  overflow-x: hidden;
}

body {
  font-size: 16px;
  color: #3d3d3d;
  /* font-weight: 500; */
  font-family: PingFang SC;
}

.fw500 {
  font-weight: 500;
}

.fw400 {
  font-weight: 400;
}

input {
  border: 0;
}

.radio {
  width: 15px;
  height: 15px;
  background: #DBDBDB;
  border-radius: 50%;
  position: relative;
}

.radio::before {
  content: '\e601';
  color: #ffffff;
  font-family: 'iconfont' !important;
  font-size: 12px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(.8);
}

.radio-check {
  width: 15px;
  height: 15px;
  background: #34C290;
  border-radius: 50%;
  position: relative;
}

.radio-check::before {
  content: '\e601';
  color: #ffffff;
  font-family: 'iconfont' !important;
  font-size: 12px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(.8);
}

.buton {
  height: 44px;
  background: #50D9D6;
  border-radius: 5px;
  font-size: 15px;
  font-weight: 400;
  color: #FFFFFF;
  display: flex;
  align-items: center;
  justify-content: center;
}

.p50 {
  padding-bottom: 50px !important;
}

.f16 {
  font-size: 16px;
}

.f18 {
  font-size: 18px;
}

.f13 {
  font-size: 13px;
}
.f16{
  font-size: 16px;
}

.f20 {
  font-size: 20px;
}

.f24 {
  font-size: 24px;
}
.f26{
  font-size: 26px;
}

.f30 {
  font-size: 30px;
}

.f36 {
  font-size: 36px;
}

.f40{
  font-size: 40px;
}

.f48 {
  font-size: 48px;
}

.mlr10 {
  margin-left: 10px;
  margin-right: 10px;
}

.mlr20 {
  margin-left: 20px;
  margin-right: 20px;
}

.mlr30 {
  margin-left: 30px;
  margin-right: 30px;
}

.mtb10 {
  margin-top: 10px;
  margin-bottom: 10px;
}

.mtb20 {
  margin-top: 20px;
  margin-bottom: 20px;
}

.mtb30 {
  margin-top: 30px;
  margin-bottom: 30px;
}

.mt10 {
  margin-top: 10px;
}

.mt15 {
  margin-top: 15px;
}

.mt20 {
  margin-top: 20px;
}

.mt25 {
  margin-top: 25px;
}

.mt30 {
  margin-top: 30px;
}

.mt35 {
  margin-top: 35px;
}

.mt40 {
  margin-top: 40px;
}

.mt48 {
  margin-top: 48px;
}


.ml5 {
  margin-left: 15px;
}

.ml10 {
  margin-left: 10px;
}

.ml15 {
  margin-left: 15px;
}

.ml16 {
  margin-left: 16px;
}

.ml20 {
  margin-left: 20px;
}

.ml30 {
  margin-left: 30px;
}

.ml35 {
  margin-left: 35px;
}

.bb {
  color: aqua;
}

.mb10 {
  margin-bottom: 10px;
}

.mb15 {
  margin-bottom: 15px;
}

.mb20 {
  margin-bottom: 20px;
}

.mb25 {
  margin-bottom: 25px;
}

.mb30 {
  margin-bottom: 30px;
}

.mb40 {
  margin-bottom: 40px;
}

.mb50 {
  margin-bottom: 50px;
}

.mb80 {
  margin-bottom: 80px;
}

.mb100 {
  margin-bottom: 100px;
}

.mr10 {
  margin-right: 10px;
}

.mr15 {
  margin-right: 15px;
}

.mr20 {
  margin-right: 20px;
}

.mr25 {
  margin-right: 25px;
}

.mr30 {
  margin-right: 30px;
}

.mr40 {
  margin-right: 40px;
}

.mr50 {
  margin-right: 50px;

}

.mr60 {
  margin-right: 60px;
}

.ptb15 {
  padding-top: 15px;
  padding-bottom: 15px;
}

/* 内边距 */
.p15 {
  padding: 15px;
}

.p20 {
  padding: 20px;
}

.p30 {
  padding: 30px;
}

.ptb10 {
  padding-bottom: 10px;
  padding-top: 10px;
}

.ptb20 {
  padding-bottom: 20px;
  padding-top: 20px;
}

.ptb30 {
  padding-bottom: 30px;
  padding-top: 30px;
}

.plr15 {
  padding-left: 15px;
  padding-right: 15px;
}

.plr10 {
  padding-left: 10px;
  padding-right: 10px;
}

.plr20 {
  padding-left: 20px;
  padding-right: 20px;
}

.plr30 {
  padding-left: 30px;
  padding-right: 30px;
}

.pt10 {
  padding-top: 10px;
}

.pt20 {
  padding-top: 20px;
}

.pt30 {
  padding-top: 30px;
}

.pt35 {
  padding-top: 35px;
}

.pb10 {
  padding-bottom: 10px;
}

.pb20 {
  padding-bottom: 20px;
}

.pb30 {
  padding-bottom: 30px;
}

.pb35 {
  padding-bottom: 35px;
}

.pl10 {
  padding-left: 10px;
}

.pl15 {
  padding-left: 15px;
}

.pl20 {
  padding-left: 20px;
}

.pl30 {
  padding-left: 30px;
}

.pl40 {
  padding-left: 40px;
}

.pr20 {
  padding-right: 20px;
}

.pr30 {
  padding-right: 30px;
}

.p10 {
  padding: 10px;
}

/* 颜色 */

.c1a {
  color: #1a1a1a;
}

.c0 {
  color: #000;
}

.cf {
  color: #fff;
}

.c3 {
  color: #333;
}

.c4 {
  color: #444;
}

.c6 {
  color: #666;
}

.c8 {
  color: #888;
}

.c9 {
  color: #999;
}

.cc {
  color: #ccc;
}

.ca {
  color: #aaa;
}

.cb {
  color: #bbb;
}

.cd {
  color: #ddd;
}

.cff8 {
  color: #ff8a46 !important;
}

.cff85 {
  color: #ff8542;
}

.cff5 {
  color: #ff5a46;
}

.c36b {
  color: #36bb81;
}

.c406 {
  color: #406bb2;
}

.ce9 {
  color: #e9e9e9;
}

.cffc {
  color: #ffc643;
}

.ce01 {
  color: #e01c1c;
}

.color-red {
  color: red;
}


/* 文本位置 */

.txt_center {
  text-align: center;
}

.txt_right {
  text-align: right;
}

.txt_left {
  text-align: left;
}


/* 单排显示，超出隐藏 */

.text_overflow {
  word-break: keep-all;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.clamp1 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
}


/* 两排显示超出部分隐藏 */

.clamp2 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}


/* 三排显示超出部分隐藏 */

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


/* 四排显示超出部分隐藏 */

.clamp4 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  overflow: hidden;
}


/* box布局 */

.flex {
  display: flex;
}

.flex_start {
  display: -webkit-flex;
  display: flex;
  justify-content: flex-start;
}

.flex_end {
  display: -webkit-flex;
  display: flex;
  justify-content: flex-end;
}

.flex_center {
  display: -webkit-flex;
  display: flex;
  justify-content: center;
}

.flex_around {
  display: -webkit-flex;
  display: flex;
  justify-content: space-around;
}

.flex_between {
  display: -webkit-flex;
  display: flex;
  justify-content: space-between;
}

.flex_warp {
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  overflow: hidden;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.flex1 {
  flex: 1;
}

.flex2 {
  flex: 2;
}

.flex_items {
  align-items: center;
}

.self_start {
  align-self: flex-start;
}

.self_center {
  align-self: center;
}

.self_end {
  align-self: flex-end;
}

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

.flex_shrink {
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
}

.box_b {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

.opacity10 {
  opacity: 0.1;
}

.opacity30 {
  opacity: 0.3;
}

.opacity50 {
  opacity: 0.5;
}

.opacity100 {
  opacity: 1 !important;
}

.hide {
  display: none;
}

.show {
  display: block;
}

.overHidden {
  overflow: hidden;
}

.pointer {
  cursor: pointer;
}

.pos {
  position: relative;
}

.w100 {
  width: 100%;
}

.w50 {
  width: 50%;
}

.main_color {
  color: #800020;
}

.main_color_red {
  color: #FE6F90;
}

.main_bg {
  background: #800020;
}

.main_bg_red {
  background: #FE6F90;
}

.y_color {
  color: #FFC300;
}

.title_img {
  width: 270px;
}

.font_color {
  color: #1F3349;
}

.font_color_gray {
  color: rgba(31, 51, 73, 0.55);
}

.bgfff {
  background: #fff;
}

.bgf5 {
  background: #F5F2ED;
}

.bgccc {
  background: #ccc;
}

.bgeee {
  background: #eee;
}

.bold {
  font-weight: bold;
}

.l1 {
  line-height: 1;
}

#appLoading {
  height: 100vh;
  width: 100%;
}

#appLoading .loading {
  position: absolute;
  height: 100%;
  width: 100%;
  /* background-color: rgba(0, 0, 0, 0.3); */
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
  z-index: 9999;
  opacity: 0.8;
}

#appLoading .loading.fixed {
  position: fixed;
}

.empty_list {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #999;
  padding-top: 50px;
}

/* #appLoading .loading:before {
	content: '';
	background-color: rgba(0, 0, 0, 0.2);
	border: 5px solid rgba(0,216,204, 0.9);
	opacity: .9;
	border-right: 5px solid rgba(0, 0, 0, 0);
	border-left: 5px solid rgba(0, 0, 0, 0);
	border-radius: 50px;
	box-shadow: 0 0 35px #00d8cc;
	width: 50px;
	height: 50px;
	-moz-animation: spinPulse 1s infinite ease-in-out;
	-webkit-animation: spinPulse 1s infinite linear;
	margin: -25px 0 0 -25px;
	position: absolute;
	top: 50%;
	left: 50%;
} */
.c2 {
  color: #222;
}

.obj_fit {
  object-fit: cover;
}

#appLoading .loading:after {
  content: "";
  background-color: rgba(0, 0, 0, 0);
  border: 5px solid rgba(0, 216, 204, 0.9);
  opacity: 0.9;
  border-left: 5px solid rgba(0, 0, 0, 0);
  border-right: 5px solid rgba(0, 0, 0, 0);
  border-radius: 50px;
  box-shadow: 0 0 15px #00d8cc;
  width: 30px;
  height: 30px;
  -moz-animation: spinoffPulse 1s infinite linear;
  -webkit-animation: spinoffPulse 1s infinite linear;

  margin: -15px 0 0 -15px;
  position: absolute;
  top: 50%;
  left: 50%;
}

@-moz-keyframes spinPulse {
  0% {
    -moz-transform: rotate(160deg);
    opacity: 0;
    box-shadow: 0 0 1px #00d8cc;
  }

  50% {
    -moz-transform: rotate(145deg);
    opacity: 1;
  }

  100% {
    -moz-transform: rotate(-320deg);
    opacity: 0;
  }
}

@-moz-keyframes spinoffPulse {
  0% {
    -moz-transform: rotate(0deg);
  }

  100% {
    -moz-transform: rotate(360deg);
  }
}

@-webkit-keyframes spinPulse {
  0% {
    -webkit-transform: rotate(160deg);
    opacity: 0;
    box-shadow: 0 0 1px #00d8cc;
  }

  50% {
    -webkit-transform: rotate(145deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: rotate(-320deg);
    opacity: 0;
  }
}

@-webkit-keyframes spinoffPulse {
  0% {
    -webkit-transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
  }
}

@-webkit-keyframes rotation {

  from {
      -webkit-transform: rotate(0deg);
  }

  to {
      -webkit-transform: rotate(360deg);
  }

}
#img {
  -webkit-transform: rotate(360deg);
  animation: rotation 20s linear infinite;
  -moz-animation: rotation 20s linear infinite;
  -webkit-animation: rotation 20s linear infinite;
  -o-animation: rotation 20s linear infinite;
}