/* .container {
	padding-top: 1.0rem;
} */
.link_btn {
	cursor: pointer;
	-webkit-tap-highlight-color: transparent;
}
.tabs_wrapper {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 5;
	width: 100%;
	height: 1rem;
}
.tabs_item {
	position: relative;
	flex: none;
	line-height: 1rem;
	padding: 0 .2rem;
	font-size: .32rem;
	color: #333333;
	-webkit-transition: all .33s ease;
	-moz-transition: all .33s ease;
	-ms-transition: all .33s ease;
	-o-transition: all .33s ease;
	transition: all .33s ease;
}
.tabs_item.active {
	color: #24CBA9;
}
.tabs_item::after {
	content: '';
	position: absolute;
	left: 50%;
	bottom: 0;
	width: .64rem;
	height: .64rem;
	background-image: none;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	-webkit-transition: all .33s ease;
	-moz-transition: all .33s ease;
	-ms-transition: all .33s ease;
	-o-transition: all .33s ease;
	transition: all .33s ease;
}
.tabs_item.active::after {
	background: url(../images/icon_tab_line.png) center / 100% 100% no-repeat;
}
.list_container {
	position: fixed;
	top: 1rem;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	padding-top: 1px;
}
.list_container.fixed_top {
	top: 0;
}
.list_container .list_wrapper {
	width: 100%;
	height: auto;
}
.list_wrapper .list_item,
.detail_container .list_item {
	width: 100%;
	height: auto;
	padding: 0 .3rem;
	font-size: .32rem;
	margin-top: .4rem;
}
.list_item .avatar_sec {
	position: relative;
	flex: 0 0 .72rem;
	width: .72rem;
	height: .72rem;
	margin-right: .18rem;
	font-size: 0;
}
.avatar_sec img {
	width: 100%;
	height: 100%;
	border-radius: 50%;
}
.avatar_sec .star_wrapper {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: .2rem;
	background: #ffffff;
	border: .5px solid #E1E2E3;
	border-radius: .1rem;
}
.star_wrapper img {
	flex: 0 0 .12rem;
	width: .12rem;
	height: .12rem;
	margin-right: 1px;
}
.list_item .desc_sec {
	flex: auto;
	max-width: 86.96%;
	height: auto;
	padding-bottom: .12rem;
}
.desc_sec .name {
	margin-bottom: .16rem;
	line-height: .4rem;
	font-size: .32rem;
	font-weight: 600;
	color: #333333;
}
.desc_sec .name .name_txt {
	flex: 0 0 3rem;
	width: 3rem;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}
.desc_sec .name .name_txt.name_txt2 {
	flex: 0 1 4rem;
	width: 0 1 4rem;
}
.name .opt_sec {
	white-space: nowrap;
	font-size: .24rem;
	font-weight: 400;
}
.name .opt_sec .time_txt {
	margin-right: .06rem;
	font-size: .2rem;
	color: #666666;
	vertical-align: middle;
}
.name .opt_sec .time_txt.time_txt2 {
	margin-right: 0;
	white-space: nowrap;
}
.name .opt_sec .opt_btn {
	position: relative;
	width: .52rem;
	height: .3rem;
	vertical-align: middle;
}
.opt_btn img {
	width: .52rem;
	height: .3rem;
	vertical-align: middle;
}
.opt_btn .report_btn {
	position: absolute;
	top: 50%;
	/* left: -2rem; */
	left: -1rem;
	width: 1.8rem;
	height: .8rem;
	line-height: .8rem;
	font-size: 0;
	text-align: center;
	background: #4B5153;
	border-radius: 0 5px 5px 0;
	-webkit-transition: all .33s ease;
	-moz-transition: all .33s ease;
	-ms-transition: all .33s ease;
	-o-transition: all .33s ease;
	transition: all .33s ease;
	opacity: 0;
	-webkit-transform: translateY(-50%) scale3d(0, 0, 1);
	-moz-transform: translateY(-50%) scale3d(0, 0, 1);
	-ms-transform: translateY(-50%) scale3d(0, 0, 1);
	-o-transform: translateY(-50%) scale3d(0, 0, 1);
	transform: translateY(-50%) scale3d(0, 0, 1);
}
.opt_btn .report_btn.active {
	left: -2rem;
	-webkit-transform: translateY(-50%) scale3d(1, 1, 1);
	-moz-transform: translateY(-50%) scale3d(1, 1, 1);
	-ms-transform: translateY(-50%) scale3d(1, 1, 1);
	-o-transform: translateY(-50%) scale3d(1, 1, 1);
	transform: translateY(-50%) scale3d(1, 1, 1);
	opacity: 1;
}
.report_btn::after {
	content: '';
	display: block;
	position: absolute;
	top: calc(50% - .1rem);
	right: -0.19rem;
	width: 0;
	height: 0;
	border-width: .1rem;
	border-color: transparent transparent transparent #4B5153;
	border-style: solid;
}
.report_btn img {
	width: .3rem;
	height: .3rem;
	margin-right: .18rem;
	vertical-align: middle;
}
.report_btn i {
	vertical-align: middle;
	font-size: .28rem;
	color: #ffffff;
}
.desc_sec .article {
	margin-bottom: .2rem;
	line-height: .44rem;
	word-break: break-all;
	text-align: justify;
	font-size: .32rem;
	color: #333333;
}
.desc_sec .img_wrapper {
	width: 100%;
	height: auto;
	flex-wrap: wrap;
	margin-bottom: .24rem;
}
.img_wrapper .img_box {
	position: relative;
	flex: 0 0 1.8rem;
	width: 1.8rem;
	height: 1.8rem;
	margin: 0 .1rem .1rem 0;
	overflow: hidden;
}
.img_wrapper .img_box button {
	width: 100%;
	height: 100%;
	background: transparent;
	border: none;
}
.img_wrapper .img_box:nth-child(3n+3) {
	margin-right: 0;
}
.img_wrapper .img_box.big {
	flex: 0 0 3.6rem;
	width: 3.6rem;
	height: 3.6rem;
}
/* .img_box.big img {
	position: absolute;
	top: 50%;
	left: 0;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 100%;
	height: auto;
} */
.desc_sec .tag {
	display: inline-block;
	max-width: 6rem;
	margin-bottom: .2rem;
	padding: 0 .2rem 0 .46rem;
	height: .44rem;
	line-height: .44rem;
	vertical-align: middle;
	font-size: .22rem;
	color: #656565;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	border-radius: .22rem;
}
.desc_sec .tag.sign {
	background: #F0F0F0 url(../images/icon_topic.png) .08rem center / .28rem .28rem no-repeat;
}
.desc_sec .tag.locate {
	background: #F0F0F0 url(../images/icon_locate.png) .08rem center / .28rem .28rem no-repeat;
}
.desc_sec .tag.locate.active {
	background: #F0F0F0 url(../images/icon_locate_active.png) .08rem center / .28rem .28rem no-repeat;
}
.desc_sec .opts_container {
	line-height: .44rem;
	font-size: .22rem;
	color: #656565;
}
.opts_container .opts_wrapper {
	margin-bottom: .2rem;
	flex: none;
	font-size: .22rem;
	color: #666666;
}
.opts_wrapper .link_btn {
	flex: none;
	padding-left: .36rem;
}
.opts_wrapper .link_btn:nth-child(1) {
	margin-right: .28rem;
}
.opts_wrapper .link_btn.like {
	background: url(../images/icon_like.png) left center / .28rem .24rem no-repeat;
}
.opts_wrapper .link_btn.like.active {
	background: url(../images/icon_like_active.png) left center / .28rem .24rem no-repeat;
}
.opts_wrapper .link_btn.comment {
	background: url(../images/icon_comment.png) left center / .28rem .24rem no-repeat;
}

.swiper_wrapper,
.report_wrapper,
.detail_wrapper,
.discuss_wrapper,
.map_wrapper {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: rgba(0, 0, 0, .85);
  z-index: 999;
  -webkit-transform: translateX(0%);
  -moz-transform: translateX(0%);
  -ms-transform: translateX(0%);
  transform: translateX(0%);
}

.swiper_wrapper,
.report_wrapper,
.map_wrapper {
	z-index: 1000;
}
.slide-enter-active {
  -webkit-transition: all .33s cubic-bezier(0.075, 0.82, 0.165, 1);
  -moz-transition: all .33s cubic-bezier(0.075, 0.82, 0.165, 1);
  -ms-transition: all .33s cubic-bezier(0.075, 0.82, 0.165, 1);
  transition: all .33s cubic-bezier(0.075, 0.82, 0.165, 1);
}
.slide-leave-active {
  -webkit-transition: all .33s cubic-bezier(0.215, 0.610, 0.355, 1);
  -moz-transition: all .33s cubic-bezier(0.215, 0.610, 0.355, 1);
  -ms-transition: all .33s cubic-bezier(0.215, 0.610, 0.355, 1);
  transition: all .33s cubic-bezier(0.215, 0.610, 0.355, 1);
}
.slide-enter, .slide-leave-to {
  -webkit-transform: translateX(100%);
  -moz-transform: translateX(100%);
  -ms-transform: translateX(100%);
  transform: translateX(100%);
}
.swiper-container,
.swiper-wrapper {
	width: 100%;
	height: 100%;
}
.swiper-wrapper .swiper-slide {
	position: relative;
	width: 100%;
	height: 100%;
}
.swiper-container-horizontal>.swiper-pagination-bullets {
	bottom: 0px;
}
.swiper-pagination-bullet {
	background: rgba(255, 255, 255, .75);
}
.swiper-pagination-bullet-active {
	background: #ffffff;
}
.swiper-slide img {
	position: absolute;
	top: 50%;
	left: 0;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 100%;
	height: auto;
	max-height: 90%;
}
.report_container {
	position: relative;
	width: 100%;
	height: 100%;
	overflow: scroll;
	padding-bottom: 2.6rem;
	background: #ffffff;
}
.report_container .report_list {
	position: relative;
	width: 100%;
	height: auto;
	padding-left: .3rem;
}
.report_list li {
	width: 100%;
	height: 1rem;
	line-height: 1rem;
	font-size: .3rem;
	color: #333333;
}
.report_list li label {
	display: block;
	width: 100%;
	height: 100%;
}
.report_list li input {
	position: absolute;
	top: 50%;
	right: .3rem;
	transform: translateY(-50%);
	opacity: 0;
}
.report_list li input + span {
	position: absolute;
	top: 50%;
	right: .3rem;
	transform: translateY(-50%);
	display: block;
	width: .4rem;
	height: .4rem;
	background: url(../images/icon_check.png) 96% center / .4rem .4rem no-repeat;
}
.report_list li input:checked + span {
	background: url(../images/icon_check_active.png) 96% center / .4rem .4rem no-repeat;
}
.report_container .button {
	position: fixed;
	left: 50%;
	transform: translateX(-50%);
	width: 92%;
	height: .88rem;
	border: none;
	font-size: .3rem;
	color: #ffffff;
	border-radius: 8px;
}
.button.confirm {
	bottom: 1.5rem;
	background: #24CBA9;
}
.button.cancel {
	bottom: .4rem;
	background: red;
}

.detail_container {
	position: relative;
	width: 100%;
	height: 100%;
	overflow: auto;
	background: #F4F4F4;
	padding: 0 0 1.42rem 0;
}
.detail_container .list_item {
	background: #ffffff;
	margin-top: 0;
	padding-top: .4rem;
}
.list_box {
	width: 100%;
	height: auto;
	background: #ffffff;
	margin-top: .12rem;
	padding: .4rem .3rem;
}
.list_box h5{
	line-height: .44rem;
	font-size: .28rem;
	color: #333333;
}
.list_box h5 .txt {
	display: inline-block;
	height: .52rem;
	line-height: .56rem;
}
.list_box h5 .icon {
	display: inline-block;
	vertical-align: middle;
	margin-top: -0.14rem;
	margin-left: .08rem;
	color: transparent;
}
.list_box h5 .icon sup {
	color: #333333;
}
.list_box h5 .icon.like img{
	width: .4rem;
	height: .36rem;
	vertical-align: middle;
}
.list_box h5 .icon.comment img{
	width: .32rem;
	height: .28rem;
	vertical-align: middle;
}
.list_box .nodata {
	text-align: center;
	font-size: .2rem;
	color: #999999;
}
.list_box .nodata img {
	margin-bottom: .18rem;
}
.list_box .nodata img.like {
	width: .8rem;
	height: .72rem;
}
.list_box .nodata img.comment {
	width: .76rem;
	height: .64rem;
}
.detail_opts_wrapper {
	position: fixed;
	left: 0;
	bottom: 0;
	z-index: 99;
	width: 100%;
	height: 1.2rem;
	line-height: 1.2rem;
	padding: 0 .3rem;
	box-shadow:0px -5px 10px 0px rgba(0,0,0,0.05);
	background: #ffffff;
	flex-wrap: nowrap;
}
.detail_opts_wrapper .fake_input {
	flex: 0 0 4.1rem;
	width: 4.1rem;
	height: .8rem;
	line-height: .8rem;
	padding: 0 .3rem;
	font-size: .32rem;
	color: #8D8D8D;
	background: #F0F0F0;
	border-radius: .4rem;
}
.detail_opts_wrapper .link_btn {
	position: relative;
	flex: 0 0 .4rem;
	width: .4rem;
	height: .4rem;
}
.detail_opts_wrapper .link_btn sup {
	position: absolute;
	top: 0;
	right: -.2rem;
	line-height: 1;
	font-size: .24rem;
	color: #333333;
}
.detail_opts_wrapper .link_btn img {
	width: .4rem;
	height: .4rem;
}
.detail_opts_wrapper .link_btn:last-child {
	margin-right: 0;
}
.discuss_sec {
	position: fixed;
	left: 0;
	bottom: 0;
	width: 100%;
	min-height: 1.2rem;
	height: auto;
	background: #ffffff;
	padding: .2rem .3rem;
}
.discuss_sec .discuss_box {
	width: 100%;
	height: auto;
	border-radius: .2rem;
	background: #F0F0F0;
	overflow: hidden;
	padding: 0 .3rem;
}
.discuss_box textarea {
	flex: 0 0 80%;
	width: 80%;
	height: 100%;
	line-height: .4rem;
	font-size: .28rem;
	color: #333333;
	border: none;
	background: transparent;
	padding-top: .32rem;
}
.discuss_box button {
	flex: none;
	height: 100%;
	line-height: 1.2rem;
	align-self: flex-end;
	font-size: .32rem;
	color: #24CBA9;
}
.like_wrapper .like_sec {
	width: 100%;
	height: auto;
	flex-wrap: nowrap;
	margin-top: .3rem;
}
.like_sec .avatar_sec,
.comment_lev .avatar_sec {
	position: relative;
	flex: 0 0 .72rem;
	width: .72rem;
	height: .72rem;
	margin-right: .36rem;
	font-size: 0;
}
.comment_lev .avatar_sec {
	margin-right: .16rem;
}
.comment_lev .avatar_sec.mini {
	flex: 0 0 .52rem;
	width: .52rem;
	height: .52rem;
}

/* 两级评论 */
.comment_lev {
  -webkit-align-items: start;
  -moz-align-items: start;
  -ms-align-items: start;
  -o-align-items: start;
  align-items: start;
  position: relative;
  width: 100%;
  height: auto;
  min-height: 1.5rem;
  padding: .3rem 0;
}
.comment_lev>.comment_avatar {
  -webkit-flex: 0 0 .72rem;
  -moz-flex: 0 0 .72rem;
  -ms-flex: 0 0 .72rem;
  -o-flex: 0 0 .72rem;
  flex: 0 0 .72rem;
  width: .72rem;
  height: .72rem;
  margin-right: .18rem;
}
.comment_lev>.comment_avatar.mini {
  -webkit-flex: 0 0 .52rem;
  -moz-flex: 0 0 .52rem;
  -ms-flex: 0 0 .52rem;
  -o-flex: 0 0 .52rem;
  flex: 0 0 .52rem;
  width: .52rem;
  height: .52rem;
}
.comment_lev>.comment_txt {
  -webkit-flex: 1;
  -moz-flex: 1;
  -ms-flex: 1;
  -o-flex: 1;
  flex: 1;
  height: 100%;
}
.comment_txt> h5 {
  margin-bottom: .3rem;
}
.comment_txt> h5 .name{
  margin-right: .2rem;
  font-size: .28rem;
  color: #333;
}
.comment_txt>h5 .time{
  font-size: .24rem;
  color: #999;
}
.comment_txt> h5 .opt_btn {
	float: right;
	position: relative;
	width: .56rem;
	height: .36rem;
	background: url(../images/icon_options.png) center / 100% 100% no-repeat;
}
.comment_txt .opt_btn .report_btn {
	height: 1.2rem;
}
.comment_txt .report_btn span {
	height: .6rem;
	line-height: .6rem;
}
.comment_txt>p {
  line-height: .36rem;
  font-size: .28rem;
  color: #333;
  word-break: break-all;
}
.comment_txt>.comment_line {
  width: 100%;
  height: 1px;
  background-color: #E1E2E3;
  margin-top: .3rem;
}
@media screen and (-webkit-min-device-pixel-ratio: 2) {
  .comment_txt>.comment_line {
    transform: scaleY(0.5);
  }
}
@media screen and (-webkit-min-device-pixel-ratio: 3) {
  .comment_txt>.comment_line {
    transform: scaleY(0.33333333);
  }
}

.map_wrapper .back {
	position: fixed;
	top: .46rem;
	left: .28rem;
	z-index: 999;
	width: .76rem;
	height: .76rem;
	background: transparent url(../images/back.png) center / 100% 100% no-repeat;
}
.map_wrapper .locate_self {
	position: fixed;
	right: .28rem;
	bottom: 2.28rem;
	z-index: 999;
	width: .92rem;
	height: .92rem;
	background: transparent url(../images/locate_self.png) center / 100% 100% no-repeat;
}
.map_wrapper .info_container {
	position: fixed;
	left: 0;
	bottom: 0;
	z-index: 999;
	width: 100%;
	height: 2rem;
	background: #ffffff;
	padding: 0 .3rem;
}
.info_container .txt {
	flex: 0 0 6rem;
	width: 6rem;
	line-height: 1.2;
}
.info_container .txt h3 {
	margin-bottom: .2rem;
	font-size: .36rem;
	color: #333333;
}
.info_container .txt h5 {
	font-size: .28rem;
	color: #999999;
}
.info_container img {
	cursor: pointer;
	-webkit-tap-highlight-color: transparent;
	flex: 0 0 .9rem;
	width: .9rem;
	height: .9rem;
}

.add_show {
	position: fixed;
	right: .3rem;
	bottom: 1.5rem;
	z-index: 998;
	width: .92rem;
	height: .92rem;
	border-radius: 50%;
	background: url(../images/btn_add.png) center / 100% 100% no-repeat;
	box-shadow: 0px 5px 5px rgba(36, 203, 169, .3);
}