/*
 * EvaluationSystem（移动端评价系统样式）--- 图片详情子样式
 * ModifyTime: 2018-6-19 14:34:18
 * */
.header-bar.orderimg {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 67px;
  background-color: rgba(42, 42, 42, 0.8);
  z-index: 9;
  border: none;
  box-shadow: none;
}
.header-bar.orderimg > p {
  line-height: 67px;
  color: #fff;
}
.header-bar.orderimg .icon-arrow-left {
  background-image: url('/huacss/goBack.png');
  top: 21.5px;
}
.imgbox {
  width: 100%;
  height: 100vh;
  overflow: hidden;
  background-color: #000;
  position: relative;
}
.imgbox .orderimg,
.imgbox .imgdetails {
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
.imgbox.active .orderimg {
  transform: translateY(-100%);
}
.imgbox.active .imgdetails {
  transform: translateY(100%);
}
section.main {
  background-color: transparent;
}
.imglist .swiper-slide {
  width: 100%;
  height: 100vh;
  background: transparent;
}
.imglist .swiper-lazy {
  background-repeat: no-repeat;
  -webkit-background-size: contain;
  background-size: contain;
  background-position: center center;
  background-color: transparent;
}
.imgdetails {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 9;
  height: 1.36rem;
  padding: 0.2rem 0.16rem;
  box-sizing: border-box;
  background-color: rgba(42, 42, 42, 0.8);
  color: #fff;
}
.imgdetails-hd {
  color: #777;
  font-size: 0.1rem;
}
.imgdetails-hd:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
}
.imgdetails-star,
.imgdetails-explain,
.imgdetails-time {
  float: left;
  width: 33.33333333%;
}
.imgdetails-star-box {
  display: inline-block;
  width: 0.6rem;
  height: 1em;
  -webkit-background-size: contain;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
}
.imgdetails-star-box.star1 {
  background-image: url('/huacss/star1.png');
}
.imgdetails-star-box.star2 {
  background-image: url('/huacss/star2.png');
}
.imgdetails-star-box.star3 {
  background-image: url('/huacss/star3.png');
}
.imgdetails-star-box.star4 {
  background-image: url('/huacss/star4.png');
}
.imgdetails-star-box.star5 {
  background-image: url('/huacss/star5.png');
}
.imgdetails-explain {
  text-align: center;
}
.imgdetails-time {
  text-align: right;
}
.imgdetails-bd {
  margin-top: 0.08rem;
  font-size: 0.12rem;
  max-height: 0.64rem;
  overflow-y: scroll;
}
.imgdetails-bd::-webkit-scrollbar {
  width: 4px;
  height: 4px;
  background-color: rgba(0, 0, 0, 0.1);
}
.imgdetails-bd::-webkit-scrollbar-thumb {
  background-color: #ff668eee;
}
.imgdetails-bd::-webkit-scrollbar-corner {
  background-color: rgba(0, 0, 0, 0.1);
}
.imgdetails-bd::-webkit-scrollbar-button {
  display: none;
}
.imgdetails-bd::-webkit-resizer {
  display: none;
}