@charset "UTF-8";
/*author yoyo*/
/*布局*/
/*flex布局*/
.conten-box {
  position: relative;
  display: -moz-box;
  display: -webkit-box;
  display: box;
  width: 100%;
  /* -moz-box-direction: reverse; //列表顺序反转显示;
   -webkit-box-direction: reverse;
   box-direction: reverse;    */
}
.item {
  padding:.1rem 0;
}

.item-one {
  -moz-box-flex: 1;
  -webkit-box-flex: 1;
  box-flex: 1;
}
.item-two {
  -moz-box-flex: 2;
  -webkit-box-flex: 2;
  box-flex: 2;
  margin: 0 .15rem;
}
.item-three {
  -moz-box-flex: 2;
  -webkit-box-flex: 2;
  box-flex: 2;
}
.item-w4 {
  width: 0.4rem;
}
.item-w6 {
  width: 0.6rem;
}
.item-w75 {
  width: 0.75rem;
}
.item-w85 {
  width: .85rem;
}
.item-w100 {
  width: 1rem;
}
/* 居中*/
.container-center {
  display: box;
  display: -webkit-box;
  display: -moz-box;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -webkit-box-align: center;
  -moz-box-align: center;
}
.pis-center {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%);
  -webkit-transform: translate(-50%);
  -ms-transform: translate(-50%);
}
.pis-center2 {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
}
.pis-right {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  border-radius: .04rem;
}
.pis-left {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  padding: .08rem;
  border-radius: .04rem;
}
.alute-r {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 0;
}