/*两侧距离*/
.container{
  width: 100%;
  padding:0 0.15rem;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
/*省略号*/
.ellipsis-1{
  overflow: hidden;
  text-overflow:ellipsis;
  -o-text-overflow:ellipsis;
  white-space: nowrap;
}
.ellipsis-2{
  overflow : hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.ellipsis-3{
  overflow : hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
/*上下间距背景色*/
.spacing-bg{
  display: block;
  width: 100%;
  height: 0.12rem;
  background-color: #F4DFE4;
}
/*弹性盒布局start*/
.flex-start{
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
          align-items: center;
}
.flex-end{
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -moz-box-pack: end;
  -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
          align-items: center;
}
.flex-center{
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
          align-items: center;
}
.flex-between{
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
          align-items: center;
}
.flex-around{
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
          align-items: center;
}
.flex-1{
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
/*弹性盒布局end*/
/* 1像素 */
.top-line,
.right-line,
.bottom-line,
.left-line,
.box-line{
  position: relative
}
/* 上 */
.top-line:after{
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  height: 1px;
  border-top: 1px solid #E1E1E1;
  color: #E1E1E1;
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
  -webkit-transform: scaleY(0.5);
  transform: scaleY(0.5);
  z-index: 2;
}
/* 右 */
.right-line:after{
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  top: 0;
  width: 1px;
  border-right: 1px solid #E1E1E1;
  color: #E1E1E1;
  -webkit-transform-origin: 100% 0;
  transform-origin: 100% 0; 
  -webkit-transform: scaleX(0.5);
  transform: scaleX(0.5);
  z-index: 2;
}
/* 下 */
.bottom-line:before{
  content: "";
  position: absolute;
  left: 0;
  bottom:0;
  right: 0;
  height: 1px;
  border-bottom: 1px solid #E1E1E1;
  color: #E1E1E1;
  -webkit-transform-origin: 0 100%;
  transform-origin: 0 100%;
  -webkit-transform: scaleY(0.5);
  transform: scaleY(0.5);
  z-index: 2;
}
/*左边*/
.left-line:before{
  content: " ";
  position: absolute;
  bottom: 0;
  left: 0;
  top: 0;
  width: 1px;
  border-left: 1px solid #E1E1E1;
  color: #E1E1E1;
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
  -webkit-transform: scaleX(0.5);
  transform: scaleX(0.5);
  z-index: 2;
}
/* 边框 */
.box-line:after{
  content: "";
  width: 200%;
  height: 200%;
  position: absolute;
  top: 0;
  left: 0;
  border: 1px solid #E1E1E1;
  -webkit-transform: scale(0.5);
  transform: scale(0.5);
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  /* border-radius:20px; */
  z-index: 2;
}

/*角标颜色*/
.tips_bg{
  display: inline-block;
  padding: 0.01rem 0.05rem;
  line-height: 0.18rem;
  text-align: center;
  border-radius: 3px;
  font-size: 0.1rem;
  color: #fff;
  font-weight: 600; 
}
.tips_bg.red{
  background-color: #9C1D22;
}
.tips_bg.blue{
  background-color: #6B3DE4;
}