.article_wrap {
  padding-top: 7.47vw;
  background-color: #fff;
}
body {
  background-color: #f3f3f3;
}
.article_wrap_top {
  padding-bottom: 4.44vw;
  border-bottom: 0.09vw solid rgba(220, 220, 220, 0.5);
}
.article_wrap_top .article_title {
  font-size: 4.8vw;
  line-height: 6.4vw;
  color: #333333;
  font-weight: 600;
}
.article_wrap_top .msg {
  font-size: 3.2vw;
  line-height: 1;
  color: #999;
  margin-top: 4.27vw;
}
.article_content {
  padding-top: 4.7vw;
  font-size: 3.73vw;
  color: #000000;
  margin-bottom: 9.96vw;
  line-height: 1.3;
}
.article_content .end {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 5.16vw;
  font-size: 3.2vw;
  color: #999;
}
.end hr {
  border-style: dashed;
  color: #e4e4e4;
  width: 39.82vw;
}
.article_review {
  width: 100%;
  /*height: 10.49vw;*/
  position: relative;
  z-index: 10;
  
}
.article_review .review_login{
  height: 17.8vw;
}
.article_review textarea {
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  /*position: absolute;*/
  /*left: 0;*/
  /*top: 0;*/
  background-color: #eeecec;
  padding:2vw;
  border-radius: 4px;
  border: solid 0.5px #dcdcdc;
  resize: none;
  font-size: 3.73vw;
}
.review_show_div {
  line-height: 1;
  color: #666666;
  margin-bottom: 2.31vw;
  margin-top: 9.96vw;
  padding-bottom: 3vw;
}
.review_show_div .pl {
  font-size: 3.73vw;
  line-height: 1.3;
  letter-spacing: 0px;
  color: #333333;
  font-weight: 600;
  margin-bottom: 1.1vw;
}
.review_show_div .pl .comment_count {
  margin-left: 1.6vw;
}
.review_line {
  /* display: flex; */
  padding: 5.33vw 0;
  border-bottom: 0.09vw solid #e4e4e4;
}
.review_line:last-child {
  border-bottom: none;
}
.name_zan {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 1.5vw;
}
.review_line .pic {
  width: 7.91vw;
  height: 7.91vw;
  border: solid 0.09vw #dcdcdc;
  margin-right: 1.42vw;
  border-radius: 50%;
  margin-top: -8px;
}
.review_top {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
.review_top .name {
  font-size: 3.2vw;
  color: #333333;
  font-weight: 600;
  display: flex;
  align-items: center;
}
.review_top .name span {
  text-align: center;
  padding: 0.62vw;
  background-color: #eeecec;
  border-radius: 0.44vw;
  border: solid 0.09vw #dddddd;
  font-size: 2.67vw;
  letter-spacing: 0px;
  color: #999;
  margin-left: 1.51vw;
  font-weight: normal;
}
.review_right {
  flex: 1;
}
.time_del {
  display: flex;
  align-items: center;
}
.time {
  font-size: 3.2vw;
  font-weight: normal;
  font-stretch: normal;

  letter-spacing: 0px;
  color: #999999;
}
.del_img {
  width: 3.29vw;
  margin-left: 2.2vw;
  cursor: pointer;
}
.reply {
  display: flex;
  align-items: center;
}
.reply_btn {
  font-size: 3.2vw;
  letter-spacing: 0vw;
  color: #333333;
  font-weight: 600;
}
.time_icon_line {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.time_icon_line .right_icon {
  display: flex;
  align-items: center;
}
.review_text {
  font-size: 3.4vw;
  letter-spacing: 0px;
  margin-top: 3.82vw;
  margin-bottom: 3.56vw;
  line-height: 1.2;
  color: #666666;
  display: flex;
}
.review_text .hui {
  font-size: 3.2vw;
  color: #999999;
  display: inline-block;
  margin-right: 1.4vw;
  font-weight: 600;
}
.review_text .name {
  font-size: 3.2vw;
  color: #333333;
  font-weight: 600;
  display: inline-block;
  margin-right: 2.2vw;
}
.article_side {
  background-color: #fff;
  padding-top: 7.82vw;
  padding-bottom: 7.29vw;
}
.article_side .title {
  font-size: 3.73vw;
  letter-spacing: 0px;
  color: #333333;
  margin-bottom: 2.4vw;
  font-weight: 600;
}
.article_side .single {
  padding: 4.2vw 0;
  border-bottom: 0.5px solid #e4e4e4;
}
.article_side .single:last-child {
  border-bottom: none;
  padding-bottom: 0;
}
.article_side .single .words {
  font-size: 3.73vw;
  letter-spacing: 0px;
  color: #333333;
  margin-bottom: 3vw;
  line-height: 4vw;
  height: 4vw;
  overflow: hidden;
  font-weight: 600;
}
.article_side .single .time_num {
  font-size: 3.2vw;
  letter-spacing: 0px;
  color: #999999;
}
.side_banner {
  width: 100%;

  border-radius: 0.89vw;
  margin: 4.36vw auto;
  overflow: hidden;
}
.side_banner img {
  width: 100%;
  box-shadow: 0vw 0.62vw 0.78vw 0.02vw rgba(5, 0, 1, 0.05);

  border: solid 0.5px #dcdcdc;
  height: 39.29vw;
  border-radius: 0.89vw;
}
.zan {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 3.2vw;
  color: #999999;
}
.zan img {
  width: 3.29vw;
  margin-right: 0.98vw;
}
/* 这是底部发布按钮，别去动他 */
.publish {
  width: 70px;
  display: inline-block;
  margin-top: -28px;
}
.publicBtn {
  background-color: #019c6e;
  color: #fff;
  padding:1vw 2vw;
  text-align: center;
  border-radius: 5px;
  letter-spacing: 1px;
  position: absolute;
  right:2vw;
  bottom: 1.8vw;
  font-size: 3.2vw;
}
.layui-layer-btn .layui-layer-btn0 {
  border-color: #019c6e !important;
  background-color: #019c6e !important;
  color: #fff;
}
.article_content p {
  margin-bottom: 0.5vw;
}
.article_content p:last-child{
  margin-bottom: 0;
}

.son_review_line {
  background-color: #f0f1f2;
  /* border: solid 0.5px #e5e5e5; */
  padding: 0 3.8vw;
  margin-top: 3.8vw;
  border-radius: 0.71vw;
  position: relative;
  margin-top: 3.8vw;
}
.son_review_line ::before {
  width: 0;
  height: 0;
  border-width: 0 2.7vw 2.7vw 2.7vw;
  border-style: solid;
  border-color: transparent transparent #f0f1f2 transparent;
  position: absolute;
  top: -2.7vw;
  left: 3.8vw;
  z-index: 97;
  content: "";
}

.found_pop_pinglun,
.found_pop_huifu {
  position: fixed;
  bottom: 14vw;
  left: 0;
  width: 100%;
  display: none;
  z-index: 1999;
  background-color: #fff;
  padding: 4.4vw;
  padding-top: 6.13vw;
  padding-bottom: 8.4vw;
  border-radius: 2.31vw 2.31vw 0 0;
}
.found_pop_pinglun .bottom,
.found_pop_huifu .bottom {
  margin-top: 6vw;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
}
.found_pop_pinglun .bottom button,
.found_pop_huifu .bottom button {
  font-size: 3.2vw;
  color: #fff;
  /* width: 15.56vw; */
  /* height: 9.33vw; */
  background-color: #019c6e;
  border-radius: 0.71vw;
  padding: 1vw 2vw;
  /* text-align: center; */
  /* line-height: 9.33vw; */
}
.found_pop_pinglun .bottom input,
.found_pop_huifu .bottom input {
  /* width: 70.13vw; */
  width: 74vw;
  font-size: 3.73vw;
  color: #999999;
  border-bottom: solid 0.09vw rgba(220, 220, 220, 0.5);
  height: 9vw;
}
.found_pop_huifu .top {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.mask {
  background-color: rgba(0, 0, 0, 0.3);
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100vw;
  height: 100%;
  z-index: 99;
  display: none;
}

.article_review p {
  
  font-size: 3.2vw;
  letter-spacing: 1.05px;
  color: #fff;
  z-index: 200;
  text-align: center;
}
.contract_mes {
  z-index: 200;
}
.change_btn {
  color: #fff;
  background: #00a274;
  margin: 2vw auto;
  cursor: pointer;
  z-index: 200;


  padding:1vw 2vw;
  text-align: center;
  border-radius: 5px;
  letter-spacing: 1px;
  font-size: 3.2vw;
}
.contract_mes {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6);
  border-radius: 6px;
  text-align: center;
  z-index: 2;
}
.contract_blur {
  filter: blur(3px);
}
.layui-layer-hui {
  width: 70%!important;
}
.layui-layer-btn {
  text-align: center !important;
  padding: 0 15px 24px!important;
}
.layui-layer-hui .layui-layer-content {
  padding: 28px 25px!important;
  font-size: 4.2vw!important;
}

.no_login {
  display: flex;
  justify-content: center;
  align-items: center;
  color: #282828;
  height: 100%;
  width: 100%; width: 100%;
  box-sizing: border-box;
  background-color: #eeecec;
  padding:2vw;
  border-radius: 4px;
  border: solid 0.5px #dcdcdc;
  resize: none;
  font-size: 3.73vw;
}
.no_login .collection_btn {
  font-size: 13px;
  color: #fff;
  padding: 6px 22px;
  background-color: #eaeaea;
  border-radius: 4px;
  background: #00a274;
  margin: 0;
  margin-right: 10px;
  cursor: pointer;
}
.list-item:last-child {
                        border-bottom: none !important;
                    }

                    .article_side_main>li {
                        list-style: none;
                    }