/* 社区首页 */

.community_index {
  width: 13.333333rem;
  margin: 0.333333rem auto 0;
  overflow: hidden;
}

.community_index .hot_list {
  width: 100%;
  min-height: 4.093333rem;
  background: #ffffff;
  border-radius: 0.026667rem;
  padding: 0.186667rem 0.266667rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin-bottom: 0.08rem;
}

.community_index .hot_list .commun_tit {
  margin-left: 0.053333rem;
  font-size: 0.213333rem;
  color: #333333;
  font-weight: bold;
  line-height: 0.333333rem;
}

.community_index .hot_list ul {
  margin-top: 0.053333rem;
}

.community_index .hot_list ul li {
  line-height: 0.333333rem;
  padding-left: 0.213333rem;
  margin-bottom: 0.066667rem;
  background: url('../images/book_icon.png') no-repeat left center;
  background-size: 0.133333rem 0.133333rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.community_index .hot_list ul li a {
  font-size: 0.173333rem;
  color: #666666;
}

.community_index .hot_list ul li:hover a {
  color: #000000;
}

.community_index .hot_list .commun_btn {
  text-align: center;
  padding-top: 0.16rem;
}

.community_index .hot_list .commun_btn a {
  font-size: 0.173333rem;
  line-height: 0.24rem;
  color: #333333;
  text-decoration: underline;
}

.community_index .hot_list .commun_btn a:hover {
  opacity: 0.8;
}

.community_index .person_top {
  width: 100%;
  min-height: 4.333333rem;
  background: #ffffff;
  border-radius: 0.026667rem;
  padding: 0.24rem 0.306667rem;
  margin-top: 0.08rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.community_index .person_top .commun_tit {
  font-size: 0.213333rem;
  color: #333333;
  font-weight: bold;
  line-height: 0.333333rem;
}

.community_index .person_top ul {
  margin-top: 0.173333rem;
}

.community_index .person_top ul li {
  font-size: 0.16rem;
  margin-bottom: 0.24rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.community_index .person_top ul li span {
  display: inline-block;
  vertical-align: middle;
  width: 0.44rem;
  height: 0.44rem;
  background: url('../images/name_icon.png') no-repeat center center;
  background-size: 100% 100%;
  margin-right: 0.146667rem;
}

.community_index .person_top ul li i {
  font-size: 0.16rem;
  vertical-align: middle;
  line-height: 0.333333rem;
}

.community_index .community_left {
  float: left;
  width: 2.6rem;
}

.community_index .community_right {
  float: left;
  width: 2.6rem;
  margin-left: 0.066667rem;
}

.community_index .community_center {
  float: left;
  width: 8rem;
  margin-left: 0.066667rem;
}

.community_index .community_center .community_lunbo {
  width: 100%;
  height: 3.773333rem;
  background: #ADADAD;
}

.community_index .community_center .community_lunbo .swiper-container {
  width: 100%;
  height: 100%;
}

.community_index .community_center .community_lunbo .swiper-container .swiper-slide {
  width: 100%;
  height: 100%;
}

.community_index .community_center .community_lunbo .swiper-container .swiper-slide img {
  width: 100%;
  height: 100%;
}

.community_index .community_center .community_lunbo .swiper-container .swiper-pagination-bullet {
  width: 0.066667rem;
  height: 0.066667rem;
  background: #FFFFFF;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.community_index .community_center .community_lunbo .swiper-container .swiper-pagination-bullet-active {
  border: 0.013333rem solid #FFFFFF;
  background: none;
}

.community_index .community_center .community_lunbo .swiper-container .swiper-button-prev {
  left: 0.506667rem;
  width: 0.32rem;
  height: 0.32rem;
  margin-top: -0.16rem;
  background: url('../images/lunbo_left_btn.png') no-repeat center center;
  background-size: 100% 100%;
}

.community_index .community_center .community_lunbo .swiper-container .swiper-button-next {
  right: 0.506667rem;
  width: 0.32rem;
  height: 0.32rem;
  margin-top: -0.16rem;
  background: url('../images/lunbo_right_btn.png') no-repeat center center;
  background-size: 100% 100%;
}

.community_index .community_center .community_card {
  margin-top: 0.08rem;
  background: #ffffff;
  padding: 0.2rem 0.333333rem 0.573333rem 0.333333rem;
}

.community_index .community_center .community_card .card_search {
  width: 3.906667rem;
  border: 0.013333rem solid rgba(153, 153, 153, 0.5);
  position: relative;
}

.community_index .community_center .community_card .card_search input {
  width: 100%;
  height: 0.426667rem;
  border: none;
  background: none;
  color: #666666;
  font-size: 0.173333rem;
  padding-left: 0.133333rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0.093333rem 0.666667rem 0.093333rem 0.133333rem;
}

.community_index .community_center .community_card .card_search input::-webkit-input-placeholder {
  color: #999999;
}

.community_index .community_center .community_card .card_search input::-moz-placeholder {
  color: #999999;
}

.community_index .community_center .community_card .card_search input:-ms-input-placeholder {
  color: #999999;
}

.community_index .community_center .community_card .card_search input::-ms-input-placeholder {
  color: #999999;
}

.community_index .community_center .community_card .card_search input::placeholder {
  color: #999999;
}

.community_index .community_center .community_card .card_search a {
  width: 0.16rem;
  height: 0.16rem;
  position: absolute;
  right: 0.146667rem;
  top: 50%;
  margin-top: -0.08rem;
}

.community_index .community_center .community_card .card_search a img {
  width: 100%;
  height: 100%;
}

.community_index .community_center .community_card .card_tab {
  margin-top: 0.04rem;
  border-bottom: 0.013333rem solid rgba(153, 153, 153, 0.3);
}

.community_index .community_center .community_card .card_tab span {
  display: inline-block;
  height: 0.466667rem;
  line-height: 0.466667rem;
  font-size: 0.16rem;
  color: #999999;
  margin-right: 0.266667rem;
  padding: 0 0.026667rem;
  cursor: pointer;
}

.community_index .community_center .community_card .card_tab span.active,
.community_index .community_center .community_card .card_tab span:hover {
  color: #000000;
  border-bottom: 0.026667rem solid #17172E;
}

.community_index .community_center .community_card .card_top {
  padding: 0.293333rem 0 0.173333rem 0;
  border-bottom: 0.013333rem solid rgba(153, 153, 153, 0.3);
}

.community_index .community_center .community_card .card_top .card_top_info {
  position: relative;
}

.community_index .community_center .community_card .card_top .card_top_info .top_label {
  position: absolute;
  left: 0;
  top: 0.04rem;
  background: #17172E;
  font-size: 0.16rem;
  color: #ffffff;
  border-radius: 0.026667rem;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0.04rem 0.066667rem;
}

.community_index .community_center .community_card .card_top .card_top_info .top_label img {
  width: 0.106667rem;
  margin-right: 0.013333rem;
}

.community_index .community_center .community_card .card_top .card_top_info .apply_label {
  position: absolute;
  left: 0;
  top: 0.6rem;
  font-size: 0.16rem;
  color: #999999;
  border-radius: 0.026667rem;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0.04rem 0.066667rem;
  border: 0.013333rem solid rgba(153, 153, 153, 0.5);
}

.community_index .community_center .community_card .card_top .card_top_info .info_main {
  margin-left: 0.666667rem;
}

.community_index .community_center .community_card .card_top .card_top_info .info_main .info_main_inner {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.community_index .community_center .community_card .card_top .card_top_info .info_main .info_txt h3 {
  font-size: 0.186667rem;
  color: #333333;
  font-weight: bold;
  line-height: 0.266667rem;
}

.community_index .community_center .community_card .card_top .card_top_info .info_main .info_txt p {
  font-size: 0.16rem;
  color: #666666;
  line-height: 0.2rem;
  margin-top: 0.066667rem;
}

.community_index .community_center .community_card .card_top .card_top_info .info_main .info_img {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 1.746667rem;
      -ms-flex: 0 0 1.746667rem;
          flex: 0 0 1.746667rem;
  margin-left: 0.533333rem;
  border-radius: 0.04rem;
  overflow: hidden;
  font-size: 0;
}

.community_index .community_center .community_card .card_top .card_top_info .info_main .info_img img {
  width: 100%;
}

.community_index .community_center .community_card .card_top .card_bottom_info {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 0.093333rem;
}

.community_index .community_center .community_card .card_top .card_bottom_info .bottom_info_head {
  width: 0.56rem;
  height: 0.56rem;
  border-radius: 50%;
  overflow: hidden;
  margin-right: 0.106667rem;
}

.community_index .community_center .community_card .card_top .card_bottom_info .bottom_info_head img {
  width: 100%;
  height: 100%;
}

.community_index .community_center .community_card .card_top .card_bottom_info .bottom_info_name {
  font-size: 0.173333rem;
  line-height: 0.24rem;
  color: #333333;
}

.community_index .community_center .community_card .card_top .card_bottom_info .bottom_info_name span {
  margin-left: 0.12rem;
  padding: 0 0.053333rem;
  border-radius: 0.026667rem;
  background: #CD835A;
  font-size: 0.16rem;
  color: #ffffff;
}

.community_index .community_center .community_card .card_top .card_bottom_info .bottom_info_name i {
  font-size: 0.16rem;
  color: #999999;
  margin-left: 0.4rem;
}

.community_index .community_center .community_card .card_container li {
  padding: 0.36rem 0 0.32rem 0;
  border-bottom: 0.013333rem solid rgba(153, 153, 153, 0.3);
}

.community_index .community_center .community_card .card_container li dl {
  overflow: hidden;
}

.community_index .community_center .community_card .card_container li dl dt {
  float: left;
  width: 0.56rem;
  height: 0.56rem;
  border-radius: 50%;
  overflow: hidden;
}

.community_index .community_center .community_card .card_container li dl dt img {
  width: 100%;
  height: 100%;
}

.community_index .community_center .community_card .card_container li dl dd {
  margin-left: 0.666667rem;
}

.community_index .community_center .community_card .card_container li dl dd h3 {
  font-size: 0.173333rem;
  color: #333333;
  line-height: 0.24rem;
  margin-top: 0.053333rem;
}

.community_index .community_center .community_card .card_container li dl dd p {
  font-size: 0.16rem;
  color: #999999;
  line-height: 0.226667rem;
  margin-top: 0.013333rem;
}

.community_index .community_center .community_card .card_container li dl dd p i {
  margin-left: 0.373333rem;
}

.community_index .community_center .community_card .card_container li .article_info {
  margin-left: 0.666667rem;
  margin-right: 0.666667rem;
  margin-top: 0.133333rem;
}

.community_index .community_center .community_card .card_container li .article_info .info_txt {
  font-size: 0.16rem;
  color: #333333;
}

.community_index .community_center .community_card .card_container li .article_info .info_txt p {
  line-height: 0.24rem;
}

.community_index .community_center .community_card .card_container li .article_info .info_txt p span {
  color: #CD835A;
}

.community_index .community_center .community_card .card_container li .info_img {
  padding: 0.2rem 0 0.066667rem 0;
  font-size: 0;
}

.community_index .community_center .community_card .card_container li .info_img span,
.community_index .community_center .community_card .card_container li .info_img .more_img {
  display: inline-block;
  vertical-align: middle;
  width: 1.146667rem;
  height: 1.146667rem;
  background: #ADADAD;
  border-radius: 0.04rem;
  margin-right: 0.066667rem;
  margin-bottom: 0.066667rem;
  position: relative;
  overflow: hidden;
}

.community_index .community_center .community_card .card_container li .info_img span img,
.community_index .community_center .community_card .card_container li .info_img .more_img img {
  width: 100%;
  height: 100%;
}

.community_index .community_center .community_card .card_container li .info_img .more_img {
  margin-right: 0;
  cursor: pointer;
}

.community_index .community_center .community_card .card_container li .info_img .more_img span {
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -0.266667rem;
  margin-top: -0.266667rem;
  width: 0.533333rem;
  height: 0.533333rem;
  background: url('../images/img_add_icon.png') no-repeat center center;
  background-size: 100% 100%;
}

.community_index .community_center .community_card .card_container li .info_img .more_img i {
  position: absolute;
  font-size: 0.16rem;
  color: #ffffff;
  right: 0.08rem;
  bottom: 0.053333rem;
}

.community_index .community_center .community_card .card_container li .info_area {
  font-size: 0.16rem;
  line-height: 0.226667rem;
  color: rgba(153, 153, 153, 0.5);
}

.community_index .community_center .community_card .card_container li .info_area span {
  padding-left: 0.213333rem;
  margin-right: 0.586667rem;
  background: url('../images/address_area_icon.png') no-repeat left center;
  background-size: 0.173333rem 0.173333rem;
}

.community_index .community_center .community_card .card_container li .info_operate {
  font-size: 0.16rem;
  line-height: 0.226667rem;
  margin-top: 0.266667rem;
  color: #666666;
}

.community_index .community_center .community_card .card_container li .info_operate span {
  padding-left: 0.253333rem;
  margin-right: 0.373333rem;
  background-repeat: no-repeat;
  background-position: left center;
  background-size: 0.2rem 0.2rem;
  cursor: pointer;
}

.community_index .community_center .community_card .card_container li .info_operate span.zan {
  background-image: url('../images/clickzan_icon_default.png');
}

.community_index .community_center .community_card .card_container li .info_operate span.zan.active {
  background-image: url('../images/clickzan_icon_active.png');
  color: #CD835A;
}

.community_index .community_center .community_card .card_container li .info_operate span.reply {
  background-image: url('../images/reply_icon_default.png');
}

.community_index .community_center .community_card .card_container li .info_operate span.reply.active {
  background-image: url('../images/reply_icon_active.png');
  color: #CD835A;
}

.community_index .community_center .community_card .card_container li .info_operate span.collect {
  background-image: url('../images/collect_icon_default.png');
}

.community_index .community_center .community_card .card_container li .info_operate span.collect.active {
  background-image: url('../images/collect_icon_active.png');
  color: #CD835A;
}

/* 社区详情 */

.community_detail {
  width: 13.333333rem;
  margin: 0.266667rem auto;
  position: relative;
}

.community_detail .operate_fixed {
  position: fixed;
  top: 2.693333rem;
  z-index: 99;
}

.community_detail .operate_fixed .operate_item {
  width: 0.493333rem;
  height: 0.493333rem;
  border-radius: 50%;
  background: #CD835A;
  text-align: center;
  overflow: hidden;
  margin-bottom: 0.333333rem;
  font-size: 0;
}

.community_detail .operate_fixed .operate_item img {
  height: 0.2rem;
  margin-top: 0.08rem;
}

.community_detail .operate_fixed .operate_item p {
  font-size: 0.16rem;
  line-height: 1;
  color: #ffffff;
  -webkit-transform: scale(0.7);
          transform: scale(0.7);
}

.community_detail .community_detail_con {
  margin: 0 4.586667rem 0 0.773333rem;
  background: #ffffff;
  padding: 0.6rem 0.64rem 0.6rem 0.64rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 0.026667rem;
}

.community_detail .community_detail_con .detail_user {
  overflow: hidden;
}

.community_detail .community_detail_con .detail_user .head {
  float: left;
  width: 0.426667rem;
  height: 0.426667rem;
  border-radius: 50%;
  overflow: hidden;
}

.community_detail .community_detail_con .detail_user .head img {
  width: 100%;
  height: 100%;
}

.community_detail .community_detail_con .detail_user .head_msg {
  margin-left: 0.56rem;
}

.community_detail .community_detail_con .detail_user .head_msg h3 {
  font-size: 0.173333rem;
  line-height: 0.24rem;
  color: #333333;
}

.community_detail .community_detail_con .detail_user .head_msg p {
  font-size: 0.16rem;
  line-height: 0.226667rem;
  color: #999999;
}

.community_detail .community_detail_con .detail_user .head_msg p i {
  margin-right: 0.466667rem;
}

.community_detail .community_detail_con .detail_info .info_txt {
  margin-top: 0.28rem;
  font-size: 0.16rem;
  color: #333333;
}

.community_detail .community_detail_con .detail_info .info_txt p {
  line-height: 0.24rem;
}

.community_detail .community_detail_con .detail_info .info_txt p span {
  color: #CD835A;
}

.community_detail .community_detail_con .detail_info .info_img {
  margin-top: 0.2rem;
  font-size: 0;
}

.community_detail .community_detail_con .detail_info .info_img span {
  display: inline-block;
  vertical-align: middle;
  width: 1.146667rem;
  height: 1.146667rem;
  background: #ADADAD;
  font-size: 0;
  border-radius: 0.04rem;
  margin-right: 0.146667rem;
  margin-bottom: 0.133333rem;
  position: relative;
  overflow: hidden;
}

.community_detail .community_detail_con .detail_info .info_img span img {
  width: 100%;
  height: 100%;
}

.community_detail .community_detail_con .detail_info .info_area {
  font-size: 0.16rem;
  line-height: 0.226667rem;
  color: rgba(153, 153, 153, 0.5);
}

.community_detail .community_detail_con .detail_info .info_area span {
  padding-left: 0.213333rem;
  margin-right: 0.586667rem;
  background: url('../images/address_area_icon.png') no-repeat left center;
  background-size: 0.173333rem 0.173333rem;
}

.community_detail .community_detail_con .detail_info .info_zan_list {
  text-align: center;
  width: 2.786667rem;
  margin: 0.266667rem auto;
}

.community_detail .community_detail_con .detail_info .info_zan_list h3 {
  font-size: 0.16rem;
  color: #333333;
  line-height: 0.266667rem;
}

.community_detail .community_detail_con .detail_info .info_zan_list .zan_list {
  margin-top: 0.066667rem;
  font-size: 0;
}

.community_detail .community_detail_con .detail_info .info_zan_list .zan_list span {
  display: inline-block;
  vertical-align: middle;
  width: 0.306667rem;
  height: 0.306667rem;
  border-radius: 50%;
  overflow: hidden;
  margin: 0.053333rem;
}

.community_detail .community_detail_con .detail_info .info_zan_list .zan_list span img {
  width: 100%;
  height: 100%;
}

.community_detail .community_detail_con .detail_comment {
  margin-top: 0.4rem;
}

.community_detail .community_detail_con .detail_comment .detail_comment_tit {
  font-size: 0.213333rem;
  line-height: 0.266667rem;
  color: #333333;
}

.community_detail .community_detail_con .detail_comment .detail_comment_list {
  margin-top: 0.213333rem;
}

.community_detail .community_detail_con .detail_comment .detail_comment_list li {
  margin-bottom: 0.333333rem;
}

.community_detail .community_detail_con .detail_comment .detail_comment_list li .comment_user {
  position: relative;
}

.community_detail .community_detail_con .detail_comment .detail_comment_list li .comment_user .user_head {
  float: left;
  width: 0.426667rem;
  height: 0.426667rem;
  border-radius: 50%;
  overflow: hidden;
  margin-top: 0.04rem;
}

.community_detail .community_detail_con .detail_comment .detail_comment_list li .comment_user .user_head a {
  display: block;
}

.community_detail .community_detail_con .detail_comment .detail_comment_list li .comment_user .user_head img {
  width: 100%;
  height: 100%;
}

.community_detail .community_detail_con .detail_comment .detail_comment_list li .comment_user .user_msg {
  margin-left: 0.56rem;
}

.community_detail .community_detail_con .detail_comment .detail_comment_list li .comment_user .user_msg h3 {
  font-size: 0.186667rem;
  line-height: 0.266667rem;
  color: #333333;
}

.community_detail .community_detail_con .detail_comment .detail_comment_list li .comment_user .user_msg p {
  font-size: 0.16rem;
  line-height: 0.226667rem;
  color: #999999;
}

.community_detail .community_detail_con .detail_comment .detail_comment_list li .comment_user .user_zan {
  font-size: 0.16rem;
  line-height: 0.226667rem;
  color: #666666;
  position: absolute;
  right: 0;
  top: 0;
}

.community_detail .community_detail_con .detail_comment .detail_comment_list li .comment_user .user_zan img {
  width: 0.2rem;
  height: 0.2rem;
  margin-left: 0.066667rem;
  vertical-align: middle;
  margin-top: -0.026667rem;
}

.community_detail .community_detail_con .detail_comment .detail_comment_list li .comment_info {
  margin: 0.133333rem 0 0 0.573333rem;
}

.community_detail .community_detail_con .detail_comment .detail_comment_list li .comment_info .info_txt {
  font-size: 0.16rem;
  color: #333333;
}

.community_detail .community_detail_con .detail_comment .detail_comment_list li .comment_info .info_txt p {
  line-height: 0.24rem;
}

.community_detail .community_detail_con .detail_comment .detail_comment_list li .comment_info .info_txt p span {
  color: #CD835A;
}

.community_detail .community_detail_con .detail_comment .detail_comment_list li .comment_info .info_area {
  font-size: 0.16rem;
  line-height: 0.226667rem;
  color: rgba(153, 153, 153, 0.5);
  margin-top: 0.16rem;
}

.community_detail .community_detail_con .detail_comment .detail_comment_list li .comment_info .info_area i {
  margin-right: 0.133333rem;
}

.community_detail .community_detail_con .detail_comment .detail_comment_list li .comment_info .info_area a {
  color: rgba(0, 0, 0, 0.5);
  margin-left: 0.306667rem;
}

.community_detail .community_detail_con .detail_comment .detail_comment_list li .comment_info .info_input {
  margin-top: 0.213333rem;
  width: 100%;
  height: 1.4rem;
  border-radius: 0.026667rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0.093333rem 0.133333rem;
  font-size: 0.16rem;
  background: rgba(153, 153, 153, 0.15);
  color: #666666;
}

.community_detail .community_detail_con .detail_comment .detail_comment_list li .comment_info .info_input textarea {
  width: 100%;
  height: 100%;
  border: none;
  background: none;
  color: #666666;
  font-size: 0.16rem;
  padding: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.community_detail .community_detail_con .detail_comment .detail_comment_list li .comment_info .info_input textarea::-webkit-input-placeholder {
  color: rgba(153, 153, 153, 0.5);
}

.community_detail .community_detail_con .detail_comment .detail_comment_list li .comment_info .info_input textarea::-moz-placeholder {
  color: rgba(153, 153, 153, 0.5);
}

.community_detail .community_detail_con .detail_comment .detail_comment_list li .comment_info .info_input textarea:-ms-input-placeholder {
  color: rgba(153, 153, 153, 0.5);
}

.community_detail .community_detail_con .detail_comment .detail_comment_list li .comment_info .info_input textarea::-ms-input-placeholder {
  color: rgba(153, 153, 153, 0.5);
}

.community_detail .community_detail_con .detail_comment .detail_comment_list li .comment_info .info_input textarea::placeholder {
  color: rgba(153, 153, 153, 0.5);
}

.community_detail .community_detail_right {
  width: 4.52rem;
  position: absolute;
  top: 0;
  right: 0;
}

.community_detail .community_detail_right .detail_user {
  border-radius: 0.026667rem;
  background-color: #ffffff;
  padding: 0.453333rem 0.506667rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  overflow: hidden;
}

.community_detail .community_detail_right .detail_user .user_head {
  width: 0.76rem;
  height: 0.76rem;
  border-radius: 50%;
  overflow: hidden;
  margin: 0 auto;
  font-size: 0;
}

.community_detail .community_detail_right .detail_user .user_head img {
  width: 100%;
  height: 100%;
}

.community_detail .community_detail_right .detail_user .user_msg {
  text-align: center;
  margin-top: 0.133333rem;
}

.community_detail .community_detail_right .detail_user .user_msg h3 {
  font-size: 0.186667rem;
  line-height: 0.266667rem;
  color: #333333;
}

.community_detail .community_detail_right .detail_user .user_msg p {
  font-size: 0.16rem;
  line-height: 0.226667rem;
  color: #999999;
  margin-top: 0.013333rem;
}

.community_detail .community_detail_right .detail_user .user_msg h4 {
  padding-top: 0.213333rem;
}

.community_detail .community_detail_right .detail_user .user_msg h4 a {
  width: 1.333333rem;
  height: 0.293333rem;
  line-height: 0.293333rem;
  border-radius: 0.026667rem;
  background: #CD835A;
  font-size: 0.16rem;
  color: #ffffff;
  display: inline-block;
}

.community_detail .community_detail_right .detail_user .user_num {
  margin-top: 0.426667rem;
  text-align: center;
}

.community_detail .community_detail_right .detail_user .user_num .num_item {
  display: inline-block;
  vertical-align: middle;
  margin: 0 0.293333rem;
}

.community_detail .community_detail_right .detail_user .user_num .num_item p {
  font-size: 0.186667rem;
  line-height: 0.2rem;
  color: #333333;
}

.community_detail .community_detail_right .detail_user .user_num .num_item h6 {
  font-size: 0.16rem;
  line-height: 0.2rem;
  color: #999999;
  margin-top: 0.053333rem;
}

.community_detail .community_detail_right .detail_user .hot_card {
  margin-top: 0.64rem;
}

.community_detail .community_detail_right .detail_user .hot_card .hot_card_tit {
  font-size: 0.213333rem;
  line-height: 0.333333rem;
  font-weight: bold;
  color: #333333;
}

.community_detail .community_detail_right .detail_user .hot_card ul {
  margin-top: 0.226667rem;
}

.community_detail .community_detail_right .detail_user .hot_card ul li {
  line-height: 0.333333rem;
  margin-bottom: 0.133333rem;
}

.community_detail .community_detail_right .detail_user .hot_card ul li a {
  font-size: 0.186667rem;
  color: #17172E;
  overflow: hidden;
}

.community_detail .community_detail_right .detail_user .hot_card ul li a span {
  color: #CD835A;
  display: inline-block;
  vertical-align: middle;
}

.community_detail .community_detail_right .detail_user .hot_card ul li a em {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 2.266667rem;
  display: inline-block;
  vertical-align: middle;
}

.community_detail .community_detail_right .detail_user .hot_card ul li a i {
  float: right;
  color: rgba(153, 153, 153, 0.5);
  vertical-align: middle;
}

.community_detail .community_detail_right .detail_user .hot_card ul li:nth-last-child(1) {
  margin-bottom: 0;
}

.community_detail .community_detail_right .detail_user .hot_card .look_all {
  text-align: center;
  padding-top: 0.426667rem;
}

.community_detail .community_detail_right .detail_user .hot_card .look_all a {
  font-size: 0.186667rem;
  line-height: 0.333333rem;
  color: #333333;
}

.community_detail .community_detail_right .detail_user .hot_card .look_all a:hover {
  text-decoration: underline;
}

.community_detail .community_detail_right .contribution_list {
  border-radius: 0.026667rem;
  background-color: #ffffff;
  padding: 0.56rem 0.506667rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin-top: 0.066667rem;
  overflow: hidden;
}

.community_detail .community_detail_right .contribution_list .contribution_tit {
  font-size: 0.213333rem;
  font-weight: bold;
  color: #333333;
  line-height: 0.333333rem;
}

.community_detail .community_detail_right .contribution_list ul {
  margin-top: 0.306667rem;
}

.community_detail .community_detail_right .contribution_list ul li {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 0.333333rem;
}

.community_detail .community_detail_right .contribution_list ul li .head_img {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 0.44rem;
      -ms-flex: 0 0 0.44rem;
          flex: 0 0 0.44rem;
  width: 0.44rem;
  height: 0.44rem;
  font-size: 0;
}

.community_detail .community_detail_right .contribution_list ul li .head_img img {
  width: 100%;
  height: 100%;
}

.community_detail .community_detail_right .contribution_list ul li .name {
  font-size: 0.186667rem;
  line-height: 0.333333rem;
  color: #666666;
  margin-left: 0.146667rem;
}

.community_detail .community_detail_right .contribution_list ul li:nth-last-child(1) {
  margin-bottom: 0;
}

.community_detail_input {
  width: 100%;
  background: rgba(255, 255, 255, 0.96);
}

.community_detail_input .detail_input_inner {
  width: 13.333333rem;
  margin: 0 auto;
  padding: 0.253333rem 5.2rem 0.253333rem 1.413333rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

.community_detail_input .detail_input_inner .input_head {
  width: 0.426667rem;
  height: 0.426667rem;
  border-radius: 50%;
  overflow: hidden;
}

.community_detail_input .detail_input_inner .input_head img {
  width: 100%;
  height: 100%;
}

.community_detail_input .detail_input_inner .input_box {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin-left: 0.16rem;
  height: 0.973333rem;
  border-radius: 0.026667rem;
  border: 0.013333rem solid rgba(153, 153, 153, 0.5);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0.08rem 0.093333rem;
}

.community_detail_input .detail_input_inner .input_box textarea {
  width: 100%;
  height: 100%;
  border: none;
  background: none;
  color: #666666;
  font-size: 0.16rem;
  padding: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.community_detail_input .detail_input_inner .input_box textarea::-webkit-input-placeholder {
  color: rgba(153, 153, 153, 0.5);
}

.community_detail_input .detail_input_inner .input_box textarea::-moz-placeholder {
  color: rgba(153, 153, 153, 0.5);
}

.community_detail_input .detail_input_inner .input_box textarea:-ms-input-placeholder {
  color: rgba(153, 153, 153, 0.5);
}

.community_detail_input .detail_input_inner .input_box textarea::-ms-input-placeholder {
  color: rgba(153, 153, 153, 0.5);
}

.community_detail_input .detail_input_inner .input_box textarea::placeholder {
  color: rgba(153, 153, 153, 0.5);
}

/* 社区个人中心 - 消息提醒 */

.community_container {
  width: 13.333333rem;
  margin: 0 auto;
  padding-bottom: 0.92rem;
}

.community_container .community_center_left {
  width: 3.12rem;
  float: left;
}

.community_container .community_center_left .community_center_user {
  width: 100%;
  height: 3.373333rem;
  background: #ffffff;
  border-radius: 0.026667rem;
  overflow: hidden;
  padding: 0.426667rem 0.266667rem 0.4rem 0.266667rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  text-align: center;
  border-radius: 0.066667rem;
}

.community_container .community_center_left .community_center_user .user_head {
  width: 1.453333rem;
  height: 1.453333rem;
  margin: 0 auto;
  border-radius: 50%;
  overflow: hidden;
}

.community_container .community_center_left .community_center_user .user_head img {
  width: 100%;
  height: 100%;
}

.community_container .community_center_left .community_center_user h3 {
  font-size: 0.173333rem;
  line-height: 0.24rem;
  color: #333333;
  margin-top: 0.173333rem;
}

.community_container .community_center_left .community_center_user .user_fs {
  font-size: 0.173333rem;
  line-height: 0.24rem;
  color: #999999;
  margin-top: 0.44rem;
}

.community_container .community_center_left .community_center_nav {
  width: 100%;
  background: #ffffff;
  border-radius: 0.066667rem;
  overflow: hidden;
  margin: 0.173333rem 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.community_container .community_center_left .community_center_nav ul li {
  height: 1.106667rem;
  line-height: 1.106667rem;
  border-bottom: 0.013333rem solid #f0f1f2;
  text-align: center;
}

.community_container .community_center_left .community_center_nav ul li a {
  display: block;
  font-size: 0.173333rem;
  color: #333333;
}

.community_container .community_center_left .community_center_nav ul li a span {
  position: relative;
}

.community_container .community_center_left .community_center_nav ul li a span i {
  width: 0.066667rem;
  height: 0.066667rem;
  border-radius: 50%;
  overflow: hidden;
  background: #E91010;
  position: absolute;
  right: -0.106667rem;
  top: -0.04rem;
}

.community_container .community_center_left .community_center_nav ul li.active a {
  color: #CD835A;
}

.community_container .community_center_left .community_center_nav ul li.active a span {
  text-decoration: underline;
}

.community_container .community_center_left .community_center_nav ul li:nth-last-child(1) {
  border-bottom: none;
}

.community_container .community_center_right {
  width: 10.026667rem;
  float: right;
}

.community_container .community_center_right .community_bg {
  width: 100%;
  height: 3.373333rem;
  background: #ffffff;
  border-radius: 0.066667rem;
  overflow: hidden;
  position: relative;
}

.community_container .community_center_right .community_bg img {
  width: 100%;
  height: 100%;
}

.community_container .community_center_right .community_bg .change_btn {
  width: 0.8rem;
  height: 0.4rem;
  border-bottom-left-radius: 0.133333rem;
  background: #CD835A;
  font-size: 0.173333rem;
  color: #ffffff;
  position: absolute;
  right: 0;
  top: 0;
  text-align: center;
  line-height: 0.4rem;
  cursor: pointer;
}

.community_container .community_center_right .community_main {
  padding: 0.48rem 0.6rem;
  background: #ffffff;
  border-radius: 0.066667rem;
  overflow: hidden;
  margin-top: 0.173333rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  min-height: 8.48rem;
  position: relative;
}

.community_container .community_center_right .community_main .enter_shop {
  width: 2.346667rem;
  height: 0.533333rem;
  line-height: 0.533333rem;
  border-radius: 0.04rem;
  background: #CD835A;
  font-size: 0.186667rem;
  color: #ffffff;
  text-align: center;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -1.173333rem;
  margin-top: -0.266667rem;
}

.community_container .community_center_right .community_main .enter_shop:hover {
  opacity: 0.8;
}

.community_container .community_center_right .community_main .community_main_tit {
  font-size: 0.2rem;
  line-height: 0.28rem;
  color: #333333;
  font-weight: bold;
}

.community_container .community_center_right .community_main ul {
  margin-top: 0.293333rem;
}

.community_container .community_center_right .community_main ul li {
  margin-bottom: 0.573333rem;
}

.community_container .community_center_right .community_main ul li a {
  font-size: 0.173333rem;
  line-height: 0.24rem;
  color: #666666;
  overflow: hidden;
}

.community_container .community_center_right .community_main ul li a span {
  width: 6.706667rem;
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.community_container .community_center_right .community_main ul li a span em {
  width: 3.4rem;
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-right: 0.4rem;
  color: #999999;
  vertical-align: middle;
}

.community_container .community_center_right .community_main ul li a i {
  color: #999999;
  float: right;
}

.community_container .community_center_right .community_main .person_empty {
  padding: 2.6rem 0;
  text-align: center;
}

.community_container .community_center_right .community_main .person_empty .empty_img {
  display: inline-block;
}

.community_container .community_center_right .community_main .person_empty .empty_img img {
  height: 100%;
  width: auto;
}

.community_container .community_center_right .community_main .person_empty .empty_txt {
  font-size: 0.186667rem;
  color: #333333;
  line-height: 0.266667rem;
  margin-top: 0.106667rem;
}

.community_container .community_center_right .community_publish {
  padding: 0.373333rem 0.4rem 0.52rem 0.4rem;
  background: #ffffff;
  border-radius: 0.026667rem;
  margin-top: 0.173333rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  min-height: 8.48rem;
}

.community_container .community_center_right .community_publish .publish_tit {
  border: 0.013333rem solid rgba(153, 153, 153, 0.5);
  width: 100%;
  height: 1.573333rem;
  border-radius: 0.026667rem;
}

.community_container .community_center_right .community_publish .publish_tit textarea {
  padding: 0.066667rem 0.226667rem;
  font-size: 0.173333rem;
  width: 100%;
  height: 100%;
  border: none;
  background: none;
  color: #666666;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.community_container .community_center_right .community_publish .publish_tit textarea::-webkit-input-placeholder {
  color: rgba(153, 153, 153, 0.5);
}

.community_container .community_center_right .community_publish .publish_tit textarea::-moz-placeholder {
  color: rgba(153, 153, 153, 0.5);
}

.community_container .community_center_right .community_publish .publish_tit textarea:-ms-input-placeholder {
  color: rgba(153, 153, 153, 0.5);
}

.community_container .community_center_right .community_publish .publish_tit textarea::-ms-input-placeholder {
  color: rgba(153, 153, 153, 0.5);
}

.community_container .community_center_right .community_publish .publish_tit textarea::placeholder {
  color: rgba(153, 153, 153, 0.5);
}

.community_container .community_center_right .community_publish .publish_media {
  width: 100%;
  height: 0.546667rem;
  border: 0.013333rem solid rgba(153, 153, 153, 0.5);
  margin-top: 0.173333rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 0.026667rem;
  position: relative;
}

.community_container .community_center_right .community_publish .publish_media .my_img {
  display: inline-block;
  width: 0.2rem;
  height: 0.2rem;
  margin-left: 0.173333rem;
  cursor: pointer;
}

.community_container .community_center_right .community_publish .publish_media .my_img img {
  width: 100%;
  height: 100%;
}

.community_container .community_center_right .community_publish .publish_media .my_img.upload_emoj {
  margin-left: 0.213333rem;
  background-image: url('../images/upload_emoj_icon.png');
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100% 100%;
}

.community_container .community_center_right .community_publish .publish_media .my_img.upload_emoj.active {
  background-image: url('../images/upload_emoj_icon_active.png');
}

.community_container .community_center_right .community_publish .publish_media .emoji_box {
  display: none;
  width: 2.786667rem;
  min-height: 1.946667rem;
  background: #ffffff;
  -webkit-box-shadow: 0 0 0.133333rem 0.08rem rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 0.133333rem 0.08rem rgba(0, 0, 0, 0.1);
  border-radius: 0.066667rem;
  position: absolute;
  left: 0.52rem;
  top: 0.44rem;
  z-index: 99;
  padding: 0.093333rem 0.106667rem 0 0.106667rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  overflow: hidden;
}

.community_container .community_center_right .community_publish .publish_media .emoji_box .emoji_item span {
  display: inline-block;
  vertical-align: middle;
  width: 0.346667rem;
  height: 0.346667rem;
  margin-right: 0.026667rem;
  margin-bottom: 0.053333rem;
  cursor: pointer;
  padding: 0.04rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.community_container .community_center_right .community_publish .publish_media .emoji_box .emoji_item span img {
  width: 100%;
  height: 100%;
}

.community_container .community_center_right .community_publish .publish_media .emoji_box .emoji_item span:hover {
  background: #F0F1F2;
}

.community_container .community_center_right .community_publish .publish_media .emoji_box .emoji_item span:nth-child(6n) {
  margin-right: 0;
}

.community_container .community_center_right .community_publish .publish_media .emoji_box .emoji_item.daily_emoji {
  white-space: nowrap;
  overflow: hidden;
  padding-bottom: 0.053333rem;
  border-bottom: 0.013333rem solid rgba(153, 153, 153, 0.15);
}

.community_container .community_center_right .community_publish .publish_media .emoji_box .emoji_item.emoji_list {
  padding-top: 0.133333rem;
  height: 1.173333rem;
  overflow-y: scroll;
}

.community_container .community_center_right .community_publish .publish_editor {
  width: 100%;
  border: 0.013333rem solid rgba(153, 153, 153, 0.5);
  margin-top: 0.173333rem;
  border-radius: 0.026667rem;
  overflow: hidden;
  padding: 0.133333rem 0.226667rem 0.346667rem 0.226667rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 0.173333rem;
  position: relative;
}

.community_container .community_center_right .community_publish .publish_editor .rich_editor {
  width: 100%;
  min-height: 4.386667rem;
  line-height: 0.226667rem;
}

.community_container .community_center_right .community_publish .publish_editor .rich_editor video,
.community_container .community_center_right .community_publish .publish_editor .rich_editor img {
  max-width: 100%;
}

.community_container .community_center_right .community_publish .publish_editor .rich_num {
  position: absolute;
  right: 0.213333rem;
  bottom: 0.08rem;
  font-size: 0.173333rem;
  color: #999999;
}

.community_container .community_center_right .community_publish .publish_btn {
  margin-top: 0.333333rem;
}

.community_container .community_center_right .community_publish .publish_btn .select {
  position: relative;
  width: 2rem;
  display: inline-block;
  vertical-align: middle;
}

.community_container .community_center_right .community_publish .publish_btn .select .select_input {
  width: 100%;
  height: 0.4rem;
  line-height: 0.373333rem;
  border: 0.013333rem solid rgba(153, 153, 153, 0.5);
  border-radius: 0.026667rem;
  cursor: pointer;
  overflow: hidden;
  padding: 0 0.333333rem 0 0.16rem;
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.community_container .community_center_right .community_publish .publish_btn .select .select_input span {
  width: 80%;
  display: inline-block;
  font-size: 0.16rem;
  line-height: 1;
  color: #333333;
  vertical-align: middle;
}

.community_container .community_center_right .community_publish .publish_btn .select .select_input span.active {
  color: #000000;
}

.community_container .community_center_right .community_publish .publish_btn .select .select_input em {
  position: absolute;
  right: 0.16rem;
  top: 0.133333rem;
  width: 0.133333rem;
  height: 0.133333rem;
  font-size: 0;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.community_container .community_center_right .community_publish .publish_btn .select .select_input em img {
  width: 100%;
  height: 100%;
  display: inherit;
}

.community_container .community_center_right .community_publish .publish_btn .select .select_input em.selectAnim2 {
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
}

.community_container .community_center_right .community_publish .publish_btn .select .select_ul {
  width: 100%;
  position: absolute;
  left: 0;
  top: 0.386667rem;
  display: none;
  border: 0.013333rem solid rgba(153, 153, 153, 0.5);
  border-top: none;
  border-radius: 0.026667rem;
  padding: 0.133333rem 0.16rem;
  background: #ffffff;
  max-height: 1.333333rem;
  overflow-y: scroll;
  z-index: 10;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.community_container .community_center_right .community_publish .publish_btn .select .select_ul li {
  cursor: pointer;
  width: 100%;
  font-size: 0.16rem;
  line-height: 0.226667rem;
  margin-bottom: 0.173333rem;
  color: #999999;
}

.community_container .community_center_right .community_publish .publish_btn .select .select_ul li:hover {
  color: #333333;
}

.community_container .community_center_right .community_publish .publish_btn .select .select_ul li:nth-last-child(1) {
  margin-bottom: 0;
}

.community_container .community_center_right .community_publish .publish_btn .my_btn {
  float: right;
  font-size: 0;
}

.community_container .community_center_right .community_publish .publish_btn .my_btn span {
  width: 1.146667rem;
  height: 0.4rem;
  line-height: 0.4rem;
  border-radius: 0.026667rem;
  font-size: 0.173333rem;
  border: 0.013333rem solid #999999;
  color: #666666;
  display: inline-block;
  text-align: center;
  cursor: pointer;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.community_container .community_center_right .community_publish .publish_btn .my_btn span.btn_yes {
  border: 0.013333rem solid #CD835A;
  color: #CD835A;
  margin-left: 0.173333rem;
}

.community_container .community_center_right .community_publish .publish_btn .my_btn span:hover {
  opacity: 0.8;
}

.community_container .upload_img_wrap {
  display: none;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  position: fixed;
  left: 0;
  top: 0;
  z-index: 999;
}

.community_container .upload_img_wrap .upload_img_main {
  width: 5.52rem;
  min-height: 4.533333rem;
  background: #ffffff;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -2.76rem;
  margin-top: -2.266667rem;
  border-radius: 0.04rem;
  overflow: hidden;
  padding: 0.333333rem 0.293333rem 0.28rem 0.293333rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
}

.community_container .upload_img_wrap .upload_img_main .upload_img_tit {
  font-size: 0.173333rem;
  line-height: 0.24rem;
  color: #333333;
  text-align: center;
  font-weight: bold;
}

.community_container .upload_img_wrap .upload_img_main .close_btn {
  width: 0.186667rem;
  height: 0.2rem;
  position: absolute;
  right: 0.293333rem;
  top: 0.346667rem;
  cursor: pointer;
}

.community_container .upload_img_wrap .upload_img_main .close_btn img {
  width: 100%;
  height: 100%;
}

.community_container .upload_img_wrap .upload_img_main .tab {
  border-bottom: 0.013333rem solid rgba(153, 153, 153, 0.3);
  font-size: 0.16rem;
  color: #666666;
  padding: 0.08rem 0.106667rem;
  margin-top: 0.093333rem;
}

.community_container .upload_img_wrap .upload_img_main .tab span {
  line-height: 0.2rem;
  padding: 0.08rem 0.133333rem;
  position: relative;
  cursor: pointer;
}

.community_container .upload_img_wrap .upload_img_main .tab span.active {
  color: #CD835A;
}

.community_container .upload_img_wrap .upload_img_main .tab span::after {
  content: '';
  width: 0.013333rem;
  height: 0.133333rem;
  background: rgba(153, 153, 153, 0.3);
  position: absolute;
  top: 50%;
  margin-top: -0.066667rem;
  right: 0;
}

.community_container .upload_img_wrap .upload_img_main .tab span:nth-child(1) {
  padding-left: 0;
}

.community_container .upload_img_wrap .upload_img_main .tab span:nth-last-child(1)::after {
  display: none;
}

.community_container .upload_img_wrap .upload_img_main .upload_list {
  width: 100%;
  height: 2.493333rem;
  border: 0.013333rem solid rgba(153, 153, 153, 0.45);
  margin-top: 0.133333rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  overflow-y: scroll;
}

.community_container .upload_img_wrap .upload_img_main .upload_list ul {
  margin: 0.133333rem;
  overflow: hidden;
}

.community_container .upload_img_wrap .upload_img_main .upload_list ul li {
  float: left;
  width: 1.066667rem;
  height: 1.066667rem;
  margin-right: 0.12rem;
  margin-bottom: 0.12rem;
  border-radius: 0.026667rem;
  overflow: hidden;
}

.community_container .upload_img_wrap .upload_img_main .upload_list ul li img {
  width: 100%;
  height: 100%;
}

.community_container .upload_img_wrap .upload_img_main .upload_list ul li:nth-child(4n) {
  margin-right: 0;
}

.community_container .upload_img_wrap .upload_img_main .upload_list ul li:hover {
  opacity: 0.8;
}

.community_container .upload_img_wrap .upload_img_main .upload_drag {
  display: none;
  width: 100%;
  height: 2.493333rem;
  border: 0.013333rem dashed rgba(0, 0, 0, 0.45);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin-top: 0.133333rem;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}

.community_container .upload_img_wrap .upload_img_main .upload_drag .drag_img {
  width: 0.56rem;
  height: 0.56rem;
  font-size: 0;
}

.community_container .upload_img_wrap .upload_img_main .upload_drag .drag_img img {
  width: 100%;
  height: 100%;
}

.community_container .upload_img_wrap .upload_img_main .upload_drag .drag_btn {
  width: 1.666667rem;
  height: 0.44rem;
  line-height: 0.44rem;
  text-align: center;
  border-radius: 0.026667rem;
  overflow: hidden;
  background: #CD835A;
  font-size: 0.16rem;
  color: #ffffff;
  margin-top: 0.226667rem;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.community_container .upload_img_wrap .upload_img_main .upload_btn {
  padding-top: 0.253333rem;
  text-align: right;
}

.community_container .upload_img_wrap .upload_img_main .upload_btn span {
  width: 0.746667rem;
  height: 0.333333rem;
  line-height: 0.333333rem;
  text-align: center;
  border: 0.013333rem solid #999999;
  border-radius: 0.026667rem;
  overflow: hidden;
  display: inline-block;
  font-size: 0.16rem;
  color: #666666;
  cursor: pointer;
}

.community_container .upload_img_wrap .upload_img_main .upload_btn span.yes {
  border: 0.013333rem solid #CD835A;
  color: #CD835A;
  margin-right: 0.186667rem;
}

.community_container .upload_img_wrap .upload_img_main .upload_btn span:hover {
  opacity: 0.6;
}

@media only screen and (max-width: 1000px) {
  /* 社区首页 */

  .community_index {
    width: auto;
    margin: 0.333333rem 0.266667rem 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }

  .community_index .community_left {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
        -ms-flex-order: 2;
            order: 2;
    float: inherit;
    width: 100%;
  }

  .community_index .community_left .hot_list {
    width: 100%;
  }

  .community_index .community_left .person_top {
    width: 100%;
  }

  .community_index .community_right {
    float: inherit;
    width: 100%;
  }

  .community_index .community_center {
    float: inherit;
    width: 100%;
  }

  /* 社区详情 */

  .community_detail {
    width: auto;
    margin: 0.266667rem 0.266667rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }

  .community_detail .operate_fixed {
    position: fixed;
    top: 2.693333rem;
    left: 0.133333rem;
  }

  .community_detail .community_detail_con {
    margin: 0;
    padding: 0.6rem 0.64rem 0.6rem 0.64rem;
  }

  .community_detail .community_detail_right {
    position: relative;
    width: auto;
  }

  .community_detail_input .detail_input_inner {
    width: auto;
    margin: 0 0.266667rem;
    padding: 0.253333rem 0 0.253333rem 0;
  }

  /* 社区个人中心 - 消息提醒 */

  .community_container {
    width: auto;
    margin: 0 0.266667rem;
  }

  .community_container .community_center_left {
    width: 100%;
    float: inherit;
  }

  .community_container .community_center_left .community_center_nav ul {
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
            justify-content: space-around;
  }

  .community_container .community_center_right {
    width: 100%;
    float: inherit;
  }
}