header {
  width: 100%;
  height: 11.4667vw;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 3.2vw;
  background: #e64340;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 2;
}
header .back {
  color: #ffffff;
}
header .back .iconfont {
  font-size: 5.8667vw;
}
header h3 {
  color: #ffffff;
  font-size: 4.8vw;
}
header .right {
  display: flex;
}
header .right a {
  min-width: 5.8667vw;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-left: 2vw;
}
header .right a .iconfont {
  color: #ffffff;
  font-size: 4.2667vw;
}
header .right a span {
  color: #ffffff;
  font-size: 2.6667vw;
}
.user_detail {
  display: flex;
  padding: 4.6vw 3.2vw 2.2667vw;
  border-bottom: 2.1333vw solid #f2f2f2;
  position: relative;
  margin-top: 11.4667vw;
}
.user_detail img {
  display: block;
  width: 15.5vw;
  height: 15.5vw;
  border-radius: 50%;
  margin-right: 2.1333vw;
}
.user_detail .detail {
  flex: 1;
}
.user_detail .detail .name {
  width: 55%;
  height: 5.8667vw;
  font-size: 4.2667vw;
  color: #204f91;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  margin-bottom: 0.5333vw;
  margin-bottom: 0.6vw;
}
.user_detail .detail .mark {
  display: flex;
  margin-bottom: 2.5vw;
}
.user_detail .detail .mark span {
  display: block;
  height: 4.3993vw;
  line-height: 4.3993vw;
  padding: 0 1.0667vw;
  font-size: 2.6667vw;
  border-radius: 0.5333vw;
  border: 0.2667vw solid;
  margin-right: 1.0667vw;
}
.user_detail .detail .fans {
  font-size: 3.6333vw;
  color: #999999;
  display: flex;
}
.user_detail .detail .fans span {
  color: #181818;
  margin: 0 0.6667vw;
}
.user_detail .right {
  position: absolute;
  right: 2.1333vw;
  top: 2.6667vw;
  display: flex;
}
.user_detail .right span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 16.5333vw;
  height: 6.9333vw;
  border-radius: 0.5333vw;
  font-size: 3.7333vw;
}
.user_detail .right span.red {
  background: #e54340;
  color: #ffffff;
}
.user_detail .right span.white {
  background: #ffffff;
  color: #999999;
  border: 0.2667vw solid #999999;
}
.user_detail .right span:not(:last-of-type) {
  margin-right: 3.2vw;
}
.contents {
  width: 100%;
  padding: 3.2vw 3.2vw 5.3vw;
  border-bottom: 2.1333vw solid #f7f7f7;
  position: relative;
}
.contents .handle_btn {
  display: flex;
  justify-content: space-evenly;
  padding: 5.3333vw 3.2vw;
}
.contents .handle_btn .btn {
  min-width: 33.8333vw;
  height: 11vw;
  color: #4a4a4a;
  font-size: 3.7333vw;
  border-radius: 4.8vw;
  border: 0.2667vw solid #e0e0e0;
  display: flex;
  justify-content: center;
  align-items: center;
}
.contents .handle_btn .btn span {
  color: #181818;
  margin: 0 0.8vw;
}
.contents .handle_btn .btn .iconfont {
  font-size: 4.8vw;
}
.contents .handle_btn .btn.liked {
  border: 0.2667vw solid #e64340;
  background: #e64340;
  color: #ffffff;
}
.contents .handle_btn .btn.liked span {
  color: #ffffff;
}
.contents .like_wrap {
  display: flex;
  flex-wrap: nowrap;
  overflow: hidden;
}
.contents .like_wrap a {
  display: flex;
  width: 9.5vw;
  height: 9.5vw;
  margin-right: 1vw;
}
.contents .like_wrap a img {
  display: block;
  width: 9.5vw;
  height: 9.5vw;
  border-radius: 50%;
}
.contents .like_wrap span {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 5.6vw;
  color: #000000;
  margin-left: 1.3333vw;
}
.contents .tj {
  width: 100%;
  display: flex;
  justify-content: center;
  margin-top: 3.2vw;
  font-size: 3.2vw;
  color: #dc0000;
}
.contents .win {
  position: absolute;
  width: 17.6vw;
  height: 13.3333vw;
  right: 3.2vw;
  top: 2.1333vw;
}
.contents .win img {
  width: 17.6vw;
  height: 13.3333vw;
}
.contents .xsjx {
  margin-top: 6.6667vw;
}
.contents .xsjx .title {
  color: #c60000;
  font-size: 4.8vw;
  margin-bottom: 3.2vw;
}
.contents .admin_img {
  width: 100%;
  overflow: hidden;
  margin-bottom: 2.1333vw;
}
.contents .admin_img img {
  max-width: 100%;
}
.contents .apply {
  position: absolute;
  right: 3.2vw;
  top: 2.4vw;
  font-size: 3.7333vw;
  color: #ffffff;
  padding: 1.2vw 2.2vw;
  background: #e64340;
  border-radius: 0.8vw;
}
.contents .apply.audit {
  color: #e64340;
  background: transparent;
  font-weight: bold;
}
.bottom_nav {
  width: 100%;
  padding: 3.2vw 3.2vw 0;
  display: flex;
  flex-wrap: wrap;
  border-bottom: 2.1333vw solid #f7f7f7;
}
.bottom_nav a {
  width: 21.8667vw;
  height: 6.4vw;
  line-height: 6.4vw;
  text-align: center;
  font-size: 3.7333vw;
  color: #4a4a4a;
  margin-bottom: 2.4vw;
  background: #eeeeee;
  border-radius: 0.5333vw;
  border: 0.2667vw solid #e0e0e0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
}
.bottom_nav a:not(:nth-of-type(4n)) {
  margin-right: 2.0333vw;
}
.comment {
  padding: 4.2vw 3.2vw 3.2vw;
}
.comment .text {
  font-size: 4.2667vw;
  font-weight: bold;
  color: #181818;
  display: flex;
  align-items: center;
}
.comment .text::before {
  display: inline-block;
  content: "";
  width: 1.0667vw;
  height: 4.8vw;
  background: #e64340;
  border-radius: 0.5333vw;
  margin-right: 2.1333vw;
}
.comment .text span {
  color: #999999;
  font-weight: normal;
  margin-left: 1vw;
}
.comment .list .item {
  display: flex;
  justify-content: space-between;
  padding: 4vw 0;
  border-bottom: 0.2667vw solid #e0e0e0;
}
.comment .list .item > a {
  display: flex;
  width: 10.6667vw;
  height: 10.6667vw;
  border-radius: 50%;
  margin-right: 2.6667vw;
}
.comment .list .item > a img {
  width: 10.6667vw;
  height: 10.6667vw;
  border-radius: 50%;
}
.comment .list .item .detail {
  flex: 1;
  overflow: hidden;
}
.comment .list .item .detail .top {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  overflow: hidden;
}
.comment .list .item .detail .top .l {
  width: 100%;
  overflow: hidden;
}
.comment .list .item .detail .top .l .name {
  height: 5.3333vw;
  font-size: 3.7333vw;
  color: #204f91;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
}
.comment .list .item .detail .top .l .time {
  height: 5.3333vw;
  font-size: 3.7333vw;
  color: #999999;
}
.comment .list .item .detail .top .r {
  display: flex;
  margin-left: 3.2vw;
}
.comment .list .item .detail .top .r .iconfont {
  font-size: 5.3333vw;
  color: #181818;
}
.comment .list .item .detail .top .r .iconfont.like {
  display: flex;
  align-items: center;
}
.comment .list .item .detail .top .r .iconfont.like i {
  font-size: 3.7333vw;
}
.comment .list .item .detail .top .r .iconfont.liked {
  display: flex;
  align-items: center;
  color: #c60000;
}
.comment .list .item .detail .top .r .iconfont.liked i {
  font-size: 3.7333vw;
}
.comment .list .item .detail .top .r .pl {
  margin-left: 3.2vw;
}
.comment .list .item .detail .middle {
  font-size: 4.2667vw;
  color: #181818;
  line-height: 5.8667vw;
  margin-top: 2.4vw;
  word-break: break-all;
}
.comment .list .item .detail .bottom {
  width: 100%;
  padding: 2.6667vw;
  background: #f0f0f0;
  margin-top: 2.6667vw;
  border-radius: 0.5333vw;
}
.comment .list .item .detail .bottom .c_name {
  font-size: 3.7333vw;
  margin-bottom: 1.3333vw;
  word-break: break-all;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
}
.comment .list .item .detail .bottom .c_pl {
  font-size: 3.7333vw;
  color: #888888;
  word-break: break-all;
}
.comment .list .item .detail .ub {
  display: flex;
  align-items: center;
  margin-top: 2.6667vw;
}
.comment .list .item .detail .ub .floor {
  font-size: 3.7333vw;
  color: #888888;
}
.comment .list .item .detail .ub .dot {
  display: block;
  width: 1.6vw;
  height: 1.6vw;
  border-radius: 50%;
  background: #888888;
  margin: 0 2.6667vw;
}
.comment .list .item .detail .ub .iconfont {
  font-size: 4.2667vw;
  color: #888888;
}
.b_comment {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 13.8667vw;
  background: #ffffff;
  box-shadow: inset 0vw 0.2667vw 1.0667vw 0vw #e0e0e0;
  padding: 0 3.2vw;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.b_comment .left {
  width: 53.0667vw;
  height: 8.5333vw;
  background: #f7f7f7;
  border-radius: 1.0667vw;
  font-size: 3.7333vw;
  color: #4a4a4a;
  display: flex;
  align-items: center;
  padding-left: 3.2vw;
}
.b_comment .left span {
  font-size: 5.3333vw;
  margin-right: 1.6vw;
}
.b_comment .right {
  display: flex;
  align-items: center;
}
.b_comment .right .b_pl {
  display: flex;
  align-items: center;
  margin-left: 4.2667vw;
}
.b_comment .right .b_pl span {
  font-size: 6.4vw;
  color: #181818;
}
.b_comment .right .b_pl span.text {
  font-size: 3.7333vw;
  color: #c60000;
}
.b_comment .right .b_sc,
.b_comment .right .b_fx {
  margin-left: 4.2667vw;
}
.b_comment .right .b_sc span,
.b_comment .right .b_fx span {
  font-size: 6.4vw;
  color: #181818;
}
.b_comment .right .collect span {
  color: #c60000;
}
.img_pop {
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 1000;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.8);
  display: none;
}
.img_pop .big_img {
  position: absolute;
  width: 100%;
  max-height: 95%;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.comment_pop {
  position: fixed;
  width: 100vw;
  height: 100vh;
  z-index: 1000;
  top: 11.4667vw;
  left: 0;
  background: rgba(0, 0, 0, 0.7);
  display: none;
}
.comment_pop .content .publish_w {
  width: 100%;
  display: flex;
  justify-content: flex-end;
  background: #f0f0f0;
  padding: 2.6667vw;
}
.comment_pop .content .publish_w .publish {
  width: 13.3333vw;
  height: 8.8vw;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #ffffff;
  background: #ef4f4f;
  border-radius: 1.0667vw;
  border: none;
  outline: none;
}
.comment_pop .content .bg_fa {
  background: #ffffff;
  padding: 4vw;
}
.comment_pop .content .bg_fa textarea {
  width: 100%;
  min-height: 46.6667vw;
  border: none;
  outline: none;
  font-size: 3.2vw;
}
.comment_pop .content .bg_fa .remain {
  font-size: 3.2vw;
  text-align: right;
}
footer {
  padding-bottom: 13.8667vw;
}