* {
  margin: 0;
  padding: 0;
}
a {
  text-decoration: none;
  color: #000000;
}
a:hover {
  text-decoration: none;
}
li {
  list-style: none;
}
.location {
  position: absolute;
}
body {
  width: 10rem;
  margin:0 auto;
  text-align: center;
  overflow-x: hidden;
  background: #ffffff;
}
.container1 header {
  width: 10rem;
  height: 2.93333333rem;
  padding: 0.37333333rem 0rem 0rem 0rem;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  background: #88B334;
  position: relative;
}
.container1 header .left {
  display: flex;
  align-items: center;
}
.container1 header .left .logo {
  width: 2.18666667rem;
  height: 0.58666667rem;
  margin: 0rem 0rem 0rem 0.4rem;
}
.container1 header .left .txt {
  margin: 0rem 0rem 0rem 0.18666667rem;
  font-size: 0.42666667rem;
  font-size: 0.42666667;
  color: #FFFFFF;
  line-height: 0.4rem;
}
.container1 header .left .txt .dotted {
  font-weight: 700;
}
.container1 header .right {
  display: flex;
  align-items: center;
  padding:20px 0 0 20px;
  position:relative;
  top:-20px;
}
.container1 header .headImg {
  width: 0.77333333rem;
  height: 0.77333333rem;
  border-radius: 50%;
  margin: 0rem 0.4rem 0rem 0rem;
}
.container1 header .bg_color {
  width: 10rem;
  height: 2.93333333rem;
  background: #88B334;
  z-index: -10;
}
.container1 .container .topic_title {
  width: 9.2rem;
  padding: 0.42666667rem 0rem 0.42666667rem 0rem;
  background: #ffffff;
  box-shadow: 0px 1px 12px 0px rgba(7, 0, 2, 0.15);
  border-radius: 5px;
  text-align: left;
  margin: -1.65333333rem 0rem 0rem 0rem;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-wrap: wrap;
}
.container1 .container .topic_title .title {
  width:100%;
  font-size: 0.48rem;
  font-size: 0.48;
  color: #2C2D2C;
  font-weight: bold;
  margin: 0rem 0.50666667rem 0rem 0.50666667rem;
}
.container1 .container .topic_title .otherTopic {
  font-size: 0.32rem;
  margin: 0.4rem 0rem 0rem 0.50666667rem;
  font-size: 0.32;
  color: #999999;
}
.container1 .view {
  position: relative;
  padding: 0rem 0rem 0.90666667rem 0rem;
  border-bottom: 0.26666667rem solid #F1F1F1;
}
.container1 .view .bottom_tab #itemView .msg {
  width: 9.2rem;
  height: 1.06666667rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: nowrap;
  margin: 0.74666667rem auto 0.53333333rem;
}
.container1 .view .bottom_tab #itemView .msg .person {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  height: 1.06666667rem;
  flex-wrap: nowrap;
}
.container1 .view .bottom_tab #itemView .msg .person .head {
  width: 1.06666667rem;
  height: 1.06666667rem;
  border-radius: 50%;
}
.container1 .view .bottom_tab #itemView .msg .person .box_name {
  width: 75%;
  margin: 0rem 0rem 0rem 0.18666667rem;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
}
.container1 .view .bottom_tab #itemView .msg .person .box_name .name {
  font-size: 0.4rem;
  font-size: 0.4;
  color: #333333;
  font-weight: bold;
  overflow: hidden;
  /*超出部分隐藏*/
  text-overflow: ellipsis;
  /* 超出部分显示省略号 */
  white-space: nowrap;
  /*规定段落中的文本不进行换行 */
  max-width: 2.66666667rem;
  /*需要配合宽度来使用*/
  text-align: left;
}
.container1 .view .bottom_tab #itemView .msg .person .box_name .icon1 {
  width: 0.32rem;
  height: 0.32rem;
  border-radius: 50%;
  margin: 0rem 0rem 0rem 0.10666667rem;
}
.container1 .view .bottom_tab #itemView .msg .person .box_name .time {
  font-size: 0.32rem;
  font-size: 0.32;
  color: #999999;
  margin: 0rem 0rem 0rem 0.10666667rem;
}
.container1 .view .bottom_tab #itemView .msg .person .job {
  font-size: 0.32rem;
  font-size: 0.32;
  color: #999999;
  overflow: hidden;
  /*超出部分隐藏*/
  text-overflow: ellipsis;
  /* 超出部分显示省略号 */
  white-space: nowrap;
  /*规定段落中的文本不进行换行 */
  max-width: 5.6rem;
  /*需要配合宽度来使用*/
  text-align: left;
  width:5.6rem;
}
.container1 .view .bottom_tab #itemView .msg .attention {
  width: 1.4rem;
  height: 0.66666667rem;
  font-size: 0.34666667rem;
  font-size: 0.34666667;
  color: #ffffff;
  background: #87b234;
  border-radius: 0.10666667rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
.container1 .view .bottom_tab #itemView .msg .attention .add {
  width: 0.21333333rem;
  height: 0.21333333rem;
}
.container1 .view .bottom_tab #itemView .msg .already_attention {
  width: 1.4rem;
  height: 0.66666667rem;
  font-size: 0.34666667rem;
  font-size: 0.34666667;
  color: #a8a8a8;
  background: #ffffff;
  border: 0.02666667rem solid #a9a9a9;
  border-radius: 0.10666667rem;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 500;
}
.container1 .view .bottom_tab #itemView .msg .already_attention .add {
  display: none;
}
.container1 .view .bottom_tab #itemView .article {
  width: 9.04rem;
  margin: auto;
  text-align: left;
  line-height: 0.66666667rem;
}
.container1 .view .bottom_tab #itemView .article .txt1 {
  padding: 0.01333333rem 0.08rem 0.01333333rem 0.08rem;
  font-size: 0.32rem;
  font-size: 0.32;
  color: #FE3055;
  font-weight: bold;
  background: #ffffff;
  border: 0.02666667rem solid #fe3055;
  border-radius: 0.10666667rem;
  display: inline;
}
.container1 .view .bottom_tab #itemView .article .txt1_right {
  padding: 0.02666667rem 0.08rem 0.02666667rem 0.08rem;
  font-size: 0.32rem;
  font-size: 0.32;
  color: #2D8FE8;
  font-weight: bold;
  background: #ffffff;
  border: 0.02666667rem solid #2D8FE8;
  border-radius: 0.10666667rem;
  display: inline;
}
.container1 .view .bottom_tab #itemView .article #content {
  line-height: 0.69333333rem;
  font-size: 0.42666667rem;
}
    .container1 .view .bottom_tab #itemView .article #content p {
        text-indent: 2em;
        display: inline;
        word-break: break-all;
    }
.container1 .view .bottom_tab #itemView .article #content p:nth-child(n + 2) {
  display: inline-block;
}
.container1 .view .bottom_tab #itemView .article a {
  text-decoration: none;
  font-size: 0.42666667rem;
  font-size: 0.42666667;
  color: #136EC2;
}
.container1 .view .bottom_tab #itemView .article .box_voice {
  /*display: flex;*/
  justify-content: flex-start;
  flex-wrap: nowrap;
  align-items: center;
  align-content: center;
  margin: 0.53333333rem 0 0 0;
  /*height: 48px;*/
}
.container1 .view .bottom_tab #itemView .article .box_voice .voice {
  height: 48px;
  background: #ffffff;
  border: 1px solid #e5e5e5;
  box-shadow: 0px 2px 11px 0px rgba(7, 0, 2, 0.04);
  border-radius: 24px;
  display: flex;
  justify-content: space-between;
  flex-wrap: nowrap;
  align-items: center;
}
.container1 .view .bottom_tab #itemView .article .box_voice .voice .box_line {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 0.37333333rem;
  height: 1.28rem;
  margin: 0rem 0rem 0rem 0.64rem;
}
.container1 .view .bottom_tab #itemView .article .box_voice .voice .line {
  background: #2f2d31;
}
.container1 .view .bottom_tab #itemView .article .box_voice .voice .line1 {
  width: 0.02666667rem;
  height: 0.24rem;
}
.container1 .view .bottom_tab #itemView .article .box_voice .voice .line2 {
  width: 0.02666667rem;
  height: 0.34666667rem;
}
.container1 .view .bottom_tab #itemView .article .box_voice .voice .line3 {
  width: 0.02666667rem;
  height: 0.45333333rem;
}
.container1 .view .bottom_tab #itemView .article .box_voice .voice .time {
  margin: 0rem 0.56rem 0rem 0rem;
}
.container1 .view .bottom_tab #itemView .article .box_voice .red_dotted {
  width: 0.18666667rem;
  height: 0.18666667rem;
  border-radius: 50%;
  margin: 0rem 0rem 0rem 0.18666667rem;
  background-color: #F1585D;
}
.container1 .view .collection {
  background: #fea802;
}
.container1 .view .already_collection {
  background-color: #ccc;
}
.container1 .view .already_collection .star_img {
  display: none;
}
.container1 .view .toggle_collection {
  width: 1.92rem;
  height: 0.74666667rem;
  border-radius: 0.32rem;
  font-size: 0.37333333rem;
  font-size: 0.37333333;
  color: #FFFFFF;
  margin: 1.04rem auto 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.container1 .view .toggle_collection img {
  width: 0.37333333rem;
  height: 0.37333333rem;
  margin: 0rem 0.05333333rem 0rem 0rem;
}
.container1 .view .box_join {
  margin: 0.61333333rem auto 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
.container1 .view .box_join .box_head {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.container1 .view .box_join .box_head .headImg {
  width: 0.48rem;
  height: 0.48rem;
  border-radius: 50%;
  border: 2px solid #ffffff;
}
.container1 .view .box_join .box_head .headImg:nth-child(1) {
  z-index: 500;
  margin: 0;
}
.container1 .view .box_join .box_head .headImg:nth-child(2) {
  z-index: 400;
}
.container1 .view .box_join .box_head .headImg:nth-child(3) {
  z-index: 300;
}
.container1 .view .box_join .box_head .headImg:nth-child(4) {
  z-index: 200;
}
.container1 .view .box_join .box_head .headImg:nth-child(5) {
  z-index: 100;
}
.container1 .view .box_join .box_head .headImg {
  margin-left: -0.21333333rem;
}
.container1 .view .box_join .box_head .headImg:nth-of-type(n+6) {
  display: none;
}
.container1 .view .box_join .join_count {
  font-size: 0.32;
  color: #666666;
  margin: 0rem 0rem 0rem 0.18666667rem;
}
.container1 .comment .title {
  font-size: 0.48;
  color: #333333;
  margin: 0.56rem 0rem 0rem 0.4rem;
  padding: 0rem 0rem 0.53333333rem 0rem;
  font-weight: bold;
  font-size: 0.48rem;
  text-align: left;
}
.container1 .comment #box_comment #itemView {
  padding: 0rem 0rem 0.32rem 0rem;
}
.container1 .comment #box_comment #itemView .person {
  width: 10rem;
  display: flex;
  align-items: flex-start;
  flex-wrap: nowrap;
  margin: 0.4rem auto 0;
}
.container1 .comment #box_comment #itemView .person .head {
  width: 0.93333333rem;
  height: 0.93333333rem;
  border-radius: 50%;
  margin: 0rem 0rem 0rem 0.4rem;
}
.container1 .comment #box_comment #itemView .person .box_name {
  width: 99%;
  margin: 0.2rem 0rem 0rem 0.34666667rem;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
}
.container1 .comment #box_comment #itemView .person .box_name .name {
  font-size: 0.34666667;
  color: #333333;
  font-size: 0.34666667rem;
  font-weight: bold;
  overflow: hidden;
  /*超出部分隐藏*/
  text-overflow: ellipsis;
  /* 超出部分显示省略号 */
  white-space: nowrap;
  /*规定段落中的文本不进行换行 */
  max-width: 7.46666667rem;
  /*需要配合宽度来使用*/
  text-align: left;
}
.container1 .comment #box_comment #itemView .article {
  width: 8.08rem;
  margin: 0rem 0rem 0rem 1.68rem;
  text-align: left;
}
.container1 .comment #box_comment #itemView .article #content {
  font-size: 0.42666667rem;
  line-height: 0.69333333rem;
  color: #333333;
}
.container1 .comment #box_comment #itemView .comments {
  width: 8.08rem;
  margin: 0.4rem 0rem 0rem 1.68rem;
  padding: 0rem 0.26666667rem 0.32rem 0rem;
  flex-wrap: nowrap;
  font-size: 0.29333333rem;
  border-bottom: 1px solid #E5E5E5;
}
.container1 .comment #box_comment #itemView .comments .box_comments {
  width: 7.86666667rem;
  margin: 0rem 0rem 0.4rem 0rem;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.container1 .comment #box_comment #itemView .comments .box_comments .left p {
  color: #999999;
}
.container1 .comment #box_comment #itemView .comments .box_comments .right {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: nowrap;
  color: #999999;
}
.container1 .comment #box_comment #itemView .comments .box_comments .right .reason {
  color: #576B95;
  margin: 0rem 0.58666667rem 0rem 0rem;
  font-size: 0.32rem;
}
.container1 .comment #box_comment #itemView .comments .box_comments .right .icon1 {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  flex-wrap: nowrap;
  color: #999999;
}
.container1 .comment #box_comment #itemView .comments .box_comments .right .icon1 img {
  width: 0.34666667rem;
  height: 0.37333333rem;
  margin: 0rem 0.05333333rem 0.05333333rem 0rem;
}
.container1 .comment #box_comment #itemView .comments .box_comments .right .icon1 .pic_noactive {
  display: block;
}
.container1 .comment #box_comment #itemView .comments .box_comments .right .icon1 .pic_active {
  display: none;
}
.container1 .comment #box_comment #itemView .comments .box_comments .right .active {
  color: #87B234;
}
.container1 .comment #box_comment #itemView .comments .box_comments .right .active .pic_noactive {
  display: none;
}
.container1 .comment #box_comment #itemView .comments .box_comments .right .active .pic_active {
  display: block;
}
.container1 .comment #box_comment #itemView .reply_comment {
  margin: 0.18666667rem 0rem 0rem 0rem;
  position: relative;
}
.container1 .comment #box_comment #itemView .reply_comment .item {
  font-size: 0.34666667rem;
  background: #f5f5f5;
  padding: 0.4rem 1.33333333rem 0.4rem 0.42666667rem;
  text-align: left;
  color: #666666;
}
.container1 .comment #box_comment #itemView .reply_comment .item .user_name span {
  font-size: 0.34666667rem;
  color: #576B95;
}
.container1 .comment #box_comment #itemView .reply_comment .item .answer {
  font-size: 0.32rem;
  position: absolute;
  color: #576B95;
  bottom: 0.18666667rem;
  right: 0.32rem;
}
.container1 .comment #box_comment #itemView:last-child {
  padding: 0;
}
.container1 .more {
  font-size: 0.34666667rem;
  font-size: 0.34666667;
  color: #666666;
  font-weight: 500;
  margin: 0.85333333rem auto 2.34666667rem;
}
.container1 footer {
  width: 10rem;
  height: 1.33333333rem;
  position: fixed;
  bottom: 0rem;
  /*left: 0rem;*/
  background: #f8f8f8;
  border: 1px solid rgba(0, 0, 0, 0.1);
  display: flex;
  justify-content: flex-start;
  align-items: center;
  z-index: 2000;
}
.container1 footer .text {
  width: 4.98666667rem;
  height: 0.93333333rem;
  background: #ffffff;
  outline: none;
  border: none;
  margin: 0rem 0rem 0rem 0.4rem;
  font-size: 0.37333333rem;
  font-size: 0.37333333;
  color: #999999;
  padding: 0rem 0rem 0rem 0.32rem;
  color: #000000;
  text-align:left;
  line-height:0.93333333rem;
  overflow:hidden;
  white-space:nowrap;
  text-overflow:ellipsis;
  color:#999;
}
.container1 footer section {
  display: flex;
  align-items: center;
  display: inline-block;
}
.container1 footer section .icon {
  width: 0.4rem;
  height: 0.4rem;
  margin: 0rem 0.05333333rem 0rem 0rem;
}
.container1 footer section .count {
  font-size: 0.32rem;
  font-size: 0.32;
  color: #999999;
  height: 100%;
}
.container1 footer .success {
  color: #ffffff;
  background: #88b334;
  width: 2.34666667rem;
  height: 0.8rem;
  line-height: 0.8rem;
  margin: 0rem 0rem 0rem 0.53333333rem;
  font-size: 0.42666667px;
  border-radius: 0.26666667rem;
}
.container1 footer .active .pic_noactive {
  display: none!important;
}
.container1 footer .active .pic_active {
  display: block!important;
}
.container1 footer .active span {
  color: #87B234;
}
.container1 footer .icon1 {
  display: flex;
  justify-content: space-between;
  margin: 0rem 0rem 0rem 0.34666667rem;
}
.container1 footer .icon1 .pic_noactive {
  display: block;
}
.container1 footer .icon1 .pic_active {
  display: none;
}
.container1 footer .icon2 {
  display: flex;
  justify-content: space-between;
  margin: 0rem 0rem 0rem 0.42666667rem;
}
.container1 footer .icon2 .icon {
  margin: 0rem 0.05333333rem 0rem 0rem;
}
.container1 footer .icon2 img {
  padding: 0.13333333rem 0rem 0rem 0rem;
}
.container1 footer .icon2 .pic_noactive {
  display: block;
}
.container1 footer .icon2 .pic_active {
  display: none;
}
.container1 footer .icon3 {
  margin: 0rem 0rem 0rem 0.48rem;
  position: relative;
}
.container1 footer .icon3 img {
  width: 0.42666667rem;
  height: 0.34666667rem;
  margin: 0.13333333rem 0rem 0rem 0rem;
}
.container1 footer .icon3 span {
  font-size: 0.26666667;
  color: #FFFFFF;
  font-size: 0.26666667rem;
  bottom: 0.26666667rem;
  left: 0.16rem;
  padding: 0.02666667rem 0.13333333rem 0.02666667rem 0.13333333rem;
  text-align: center;
  line-height: 0.32rem;
  position: absolute;
  background: #e34a45;
  border-radius: 0.21333333rem;
}
.container2 {
  background-color: #F9F9F9;
  width: 100vw;
  max-width:10rem;
  overflow: hidden;
  min-height: 100vh;
  display: inline-block;
}
.container2 .top {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  margin: 0.50666667rem 0rem 0rem 0rem;
}
.container2 .top .headImg {
  width: 0.69333333rem;
  height: 0.69333333rem;
  border-radius: 50%;
  margin: 0.08rem 0rem 0rem 0.42666667rem;
}
.container2 .top .view {
  width: 7.22666667rem;
  height: 2.82666667rem;
  margin: 0rem 0rem 0rem 0.34666667rem;
  background: #ffffff;
  border: 1px solid rgba(0, 0, 0, 0.1);
  outline: none;
  padding: 0.32rem 0.45333333rem 0.32rem 0.45333333rem;
  color: #000000;
}
.container2 .top input,
.container2 .top button,
.container2 .top select,
.container2 .top textarea {
  outline: none;
}
.container2 .bottom {
  margin: 0.4rem 0.4rem 0rem 0rem;
  display: flex;
  justify-content: flex-end;
}
.container2 .bottom .btn {
  width: 1.33333333rem;
  height: 0.72rem;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.08rem;
}
.container2 .bottom .btn_cancle {
  color: #888888;
  border: 1px solid #888888;
}
.container2 .bottom .btn_confirm {
  background-color: #8FC320;
  border: 1px solid  #8FC320;
  color: #FFFFFF;
  margin: 0rem 0rem 0rem 0.26666667rem;
}
.disapper {
  display: none;
}
.container1 .comment #box_comment #itemView .reply_comment .item .del{
    font-size: 0.32rem;
    position: absolute;
    color: #576B95;
    bottom: 0.18666667rem;
    right: 0.32rem;
}
.container1 .comment #box_comment #itemView .comments .box_comments .right .del {
    color: #576B95;
    margin: 0rem 0.58666667rem 0rem 0rem;
    font-size: 0.32rem;
}
.article_img {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
}
    .article_img img {
        width: 2.58666667rem;
        height: 2.58666667rem;
        margin-right: 0.26666667rem;
        margin-top: 0.26666667rem;
    }
 .more img {
    margin-right: 0.1rem;
    height: 0.5rem;
}

 .more span {
    position: relative;
    top: -0.09rem;
    height: 0.5rem;
}