@charset "UTF-8";
@font-face {
  font-family: "iconfont";
  src: url(../../staticpc/fonts/iconfont.eot);
  src: url(../../staticpc/fonts/iconfont.eot?#iefix) format("embedded-opentype"), url(../../staticpc/fonts/iconfont.woff) format("woff"), url(../../staticpc/fonts/iconfont.ttf) format("truetype"), url(../../staticpc/img/iconfont.svg#iconfont) format("svg");
}
.iconfont[data-v-0c8e41c6], .user-comment-img-btn span[data-v-0c8e41c6]:before, .user-comment-img .user-comment-img-btn span[data-v-0c8e41c6]:before, .user-comment-img .img-small a span[data-v-0c8e41c6]:after {
  font-family: "iconfont" !important;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0.2px;
  -moz-osx-font-smoothing: grayscale;
}
.user-comment-img-tips[data-v-0c8e41c6] {
  color: #333;
  margin-top: 10px;
}
.user-comment-img[data-v-0c8e41c6] {
  margin-top: 5px;
  margin-bottom: 20px;
}
.user-comment-img .img-small[data-v-0c8e41c6] {
  position: relative;
  float: left;
}
.user-comment-img .img-small a[data-v-0c8e41c6] {
  width: 100px;
  height: 100px;
  float: left;
  margin-right: 8px;
  border: 2px solid #fff;
  position: relative;
  overflow: hidden;
  text-align: center;
}
.user-comment-img .img-small a em[data-v-0c8e41c6] {
  background: #3a3a3a url(../../staticpc/img/img-comment.gif) no-repeat center;
  width: 96px;
  height: 96px;
  line-height: 80px;
  text-align: center;
  position: absolute;
  text-indent: -999px;
  overflow: hidden;
  top: 2px;
  left: 2px;
  z-index: 1;
}
.user-comment-img .img-small a span[data-v-0c8e41c6] {
  width: 16px;
  height: 16px;
  border-radius: 8px;
  position: absolute;
  z-index: 3;
  top: 4px;
  right: 4px;
  text-indent: -999px;
  overflow: hidden;
  cursor: pointer;
  background: rgba(0, 0, 0, 0.5);
}
.user-comment-img .img-small a span[data-v-0c8e41c6]:after {
  content: "";
  width: 8px;
  height: 8px;
  font-size: 22px;
  color: #fff;
  position: absolute;
  text-indent: 0;
  z-index: 4;
  top: 4px;
  left: 4px;
  background: url(../../staticpc/img/icon-delete.svg) no-repeat center;
}
.user-comment-img .img-small a img[data-v-0c8e41c6] {
  width: 96px;
  height: 96px;
  vertical-align: top;
  position: absolute;
  top: 2px;
  left: 2px;
  z-index: 2;
}
.user-comment-img .img-small a.selected[data-v-0c8e41c6] {
  border: 2px solid #ca141d;
  cursor: default;
}
.user-comment-img .img-small a.disabled[data-v-0c8e41c6]:before {
  content: "";
  width: 40px;
  height: 40px;
  border-radius: 20px;
  background: #b2b2b2;
  background: rgba(0, 0, 0, 0.3);
  position: absolute;
  top: 28px;
  left: 28px;
  z-index: 4;
}
.user-comment-img .img-small a.disabled[data-v-0c8e41c6]:after {
  content: "";
  width: 22px;
  height: 4px;
  border-radius: 2px;
  background: #fff;
  position: absolute;
  top: 46px;
  left: 37px;
  z-index: 5;
}
.user-comment-img .img-small a.img-wrap-video img[data-v-0c8e41c6] {
  width: auto;
  position: relative;
  left: auto;
}
.user-comment-img .img-small a .play-btn[data-v-0c8e41c6] {
  display: block;
  position: absolute;
  top: 38px;
  left: 37px;
  z-index: 99;
  width: 24px;
  height: 24px;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAr5JREFUSA21VUuIUlEYHh84xSzEhkCqVRslzAeEDkSrVm4aV4IS6qi4KYKiFhGtItpErtqZr41DjOC0UZAgGIJRgxkcG3QTGBVKkCBEo/jo++/cI6fb1ZkpPHDvOed/fN/5/3POfxYW5twUs/DH47EO+lXxuzQcDs+QvUql+oFuH98mfQqFooNetskSAPgUrO8OBoNbtVrtQz6f306lUp8ajcYvQjEYDKf9fv9Fp9O5YjKZrqjV6pcQR0F0QHq+/UUA8PMwyO3u7n4LBoOZnZ2dn7yDdGyz2Zbi8bjHarWeg84Fkq+8zR8EBD4ajbbS6fTrtbW197zhUeNEInHV5/O5lUrlNZ5kQiCmZSuZTL49KTgjJ5JAIHAdcyIR0sUTPERaHAj5FXP4lx4pDSNd2yB4Rv5K+mH1OtpQ5Hyd5tJWLBZdpVLpptlsXpLqpHPaN8IiTNIJEWASwOpd01YPfQ62yn6/38lmswmv1/uOnKc1RBFCFDlEkRQigOEqHcVpDpALdhqNRufxeO61Wq2n4XD4wjR7EYvuzySChtFofMzOudQREbyRkQ0qlUrO7XavN5vNPq+ne1Kv158gAoOQIuTsOy5LkDfix3IETN/tdj9rtdrbbM56YMaBeZaliMlP3IN8uLi4ODmNUgCBgGoLhSVVzpoDeFAulzcsFsuDXq835m0JS6xXh5sH5T7VFt5o1rjdbu9FIpE7DocjLc0/+YlYH2nMUrRJhYsEco3SQHI6pplM5oVer38Ui8W+yNmSTMQSDga7B3TR9ux2+3254lYoFG4sLy/rQqHQRrVaPbL4IXXPscGXcYo6k83BKqlUrOCyxaat7Dhy2VIhOkap5FLBOg6QnA35imU7yvRqNkA4B4jChZK7RbKTVlRWruE6qaSEM0kRTaiBZH4PziGFQDK/J5ORiNH896PP481l/Bsvr2QCqo8nBwAAAABJRU5ErkJggg==");
}
.user-comment-img .img-small .img-wrap[data-v-0c8e41c6] {
  cursor: url("https://picuat.test.hihonor.com/edp/2022061009/images/echannel/icon/zoom-in.cur"), auto;
}
.user-comment-img .user-comment-img-btn[data-v-0c8e41c6] {
  position: relative;
  overflow: hidden;
  float: left;
  margin-top: 4px;
}
.user-comment-img .user-comment-img-btn.disabeld span[data-v-0c8e41c6] {
  cursor: not-allowed;
}
.user-comment-img .user-comment-img-btn.disabeld input[data-v-0c8e41c6] {
  visibility: hidden;
}
.user-comment-img .user-comment-img-btn span[data-v-0c8e41c6] {
  width: 96px;
  height: 40px;
  display: block;
  background: #f9f9f9;
  cursor: pointer;
  text-align: center;
  padding-top: 56px;
  position: relative;
  color: #666;
  font-size: 12px;
}
.user-comment-img .user-comment-img-btn span[data-v-0c8e41c6]:before {
  content: "";
  width: 24px;
  height: 24px;
  position: absolute;
  top: 24px;
  left: 36px;
  font-size: 22px;
  color: #999999;
}
.user-comment-img .user-comment-img-btn input[data-v-0c8e41c6] {
  position: absolute;
  top: 0;
  left: 0;
  width: 96px;
  height: 96px;
  opacity: 0;
  -ms-filter: "alpha(opacity=0)";
  cursor: pointer;
}
.user-comment-img .img-big[data-v-0c8e41c6] {
  float: left;
  width: 708px;
  border: 1px solid #eaeaea;
  position: relative;
  margin-top: 16px;
  text-align: center;
}
.user-comment-img .img-big.none[data-v-0c8e41c6] {
  display: none;
}
.user-comment-img .img-big img[data-v-0c8e41c6] {
  max-width: 708px;
  max-height: 418px;
  vertical-align: top;
}
.user-comment-img .img-big .comment-img-delete[data-v-0c8e41c6] {
  position: absolute;
  top: 0;
  right: 10px;
  width: 79px;
  height: 40px;
  line-height: 49px;
  z-index: 8;
  color: #fff;
  cursor: pointer;
  text-indent: 15px;
}
.user-comment-img .img-big .comment-img-delete[data-v-0c8e41c6]:before {
  content: "";
  width: 17px;
  height: 16px;
  background: url(../../staticpc/img/icon-mc.png) no-repeat -51px -198px;
  display: inline-block;
  position: relative;
  top: 3px;
  margin-right: 3px;
  z-index: 2;
}
.user-comment-img .img-big .comment-img-delete[data-v-0c8e41c6]:after {
  content: "";
  width: 64px;
  height: 30px;
  position: absolute;
  top: 10px;
  left: 15px;
  border-radius: 2px;
  background: #898989;
  background: rgba(58, 58, 58, 0.6);
  z-index: -1;
}
.user-comment-img .img-big .cursor-small[data-v-0c8e41c6] {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  background: #fff;
  -ms-filter: "alpha(opacity=0)";
  background: rgba(255, 255, 255, 0);
  cursor: url(https://picuat.test.hihonor.com/edp/2022060620/images/echannel/icon/zoom-out.cur), auto;
}
.user-comment-img .img-big .cursor-prev[data-v-0c8e41c6] {
  width: 205px;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  background: #fff;
  -ms-filter: "alpha(opacity=0)";
  background: rgba(255, 255, 255, 0);
  cursor: url("https://picuat.test.hihonor.com/edp/2022060620/images/echannel/icon/arrow-left.cur"), auto;
}
.user-comment-img .img-big .cursor-next[data-v-0c8e41c6] {
  width: 205px;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  background: #fff;
  -ms-filter: "alpha(opacity=0)";
  background: rgba(255, 255, 255, 0);
  cursor: url("https://picuat.test.hihonor.com/edp/2022060620/images/echannel/icon/arrow-right.cur"), auto;
}
.user-comment-img .img-big .ban[data-v-0c8e41c6] {
  width: 420px;
  height: 70px;
  line-height: 70px;
  font-size: 20px;
  border-radius: 35px;
  color: #fff;
  background: #7f7f7f;
  background: rgba(0, 0, 0, 0.5);
  position: absolute;
  z-index: 4;
  top: 50%;
  margin-top: -35px;
  left: 144px;
}
.user-comment-img .j-video-close[data-v-0c8e41c6] {
  cursor: pointer;
  position: absolute;
  top: 26px;
  left: 360px;
  width: 15px;
  height: 14px;
  text-indent: -999px;
  overflow: hidden;
  z-index: 300;
  background: url(../../staticpc/img/icon50.png) no-repeat 0 -160px;
}
.user-comment-img-btn[data-v-0c8e41c6] {
  position: relative;
  overflow: hidden;
  float: left;
  margin-top: 4px;
}
.user-comment-img-btn.disabeld span[data-v-0c8e41c6] {
  cursor: not-allowed;
}
.user-comment-img-btn.disabeld input[data-v-0c8e41c6] {
  visibility: hidden;
}
.user-comment-img-btn span[data-v-0c8e41c6] {
  width: 96px;
  height: 40px;
  display: block;
  background: #f9f9f9;
  cursor: pointer;
  text-align: center;
  padding-top: 56px;
  position: relative;
  color: #666;
  font-size: 12px;
}
.user-comment-img-btn span[data-v-0c8e41c6]:before {
  content: "";
  width: 24px;
  height: 24px;
  position: absolute;
  top: 24px;
  left: 36px;
  font-size: 22px;
  color: #999999;
}
.user-comment-img-btn input[data-v-0c8e41c6] {
  position: absolute;
  top: 0;
  left: 0;
  width: 96px;
  height: 96px;
  opacity: 0;
  -ms-filter: "alpha(opacity=0)";
  cursor: pointer;
}
.commentsTips {
  text-align: center !important;
  font-size: 14px !important;
  color: #a4a4a4 !important;
}