
/* 滑动穿透 */
body.modal-open {
	position: fixed;
	width: 100%;
}

/*广场列表,搜索,筛选,详情页点赞,详情页评论,详情页脚,评论卡,广告*/

* {
	margin: 0;
	padding: 0;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

html {
	font-size: 100px;
	font-weight: 300;
	text-align: center;
	background: #f3f3f3;
	font-family: arial;
}

[v-cloak] {
	display: none;
}

a,
p,
span,
h1,
h2,
h3,
h4,
h5,
h6 {
	text-decoration: none;
	font-size: .18rem;
}

ul,
li {
	list-style: none;
}

em,
i {
	font-style: normal;
}

@-webkit-keyframes picAnimate1 {
	0% {
		transform: scale(1);
	}
	50% {
		transform: scale(1.2);
	}
	100% {
		transform: scale(1);
	}
}

@-webkit-keyframes picAnimate2 {
	0% {
		transform: scale(1.2);
	}
	50% {
		transform: scale(1);
	}
	100% {
		transform: scale(1.2);
	}
}

@-webkit-keyframes locationAni {
	0% {
		transform: translateY(0)
	}
	10% {
		transform: translateY(-30%)
	}
	15% {
		transform: translateY(0)
	}
	20% {
		transform: translateY(-20%)
	}
	25% {
		transform: translateY(0)
	}
	100% {
		transform: translateY(0)
	}
}
/*数字字体*/
.num{
	font-family: arial;
	/*background: red;*/
}
/*外框*/
.wrap {
	width: 100%;
	min-width: 320px;
	max-width: 1024px;
	margin: 0 auto;
}

/*导航轮播*/
#main_scroll {
	width: 100%;
	height: 3.3rem;
	background: #eee;
	position: relative;
	/*box-sizing: border-box;*/
	/*border: 2px dotted red;*/
}
.swiper-container {
	width: 100%;
	height: 100%;
}

.swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
	/*background: red;*/
	bottom: 0;
	left: 0;
	width: 100%;
	height: .5rem;
	line-height: 0;
}
/*白色小点*/
.swiper-pagination-bullet {
	width: .08rem;
	height: .08rem;
	border-radius: 100%;
	margin: 0 .05rem;
}
/*黄色小点*/
.swiper-pagination-bullet-active {
	width: .18rem;
	height: .08rem;
	border-radius: .08rem;
}

.swiper-slide{
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	overflow: scroll;
	/*解决ios端网页滑动不流畅的问题*/
	-webkit-overflow-scrolling: touch;
}


/*banner*/
#banner {
	width: 100%;
	height: 3.28rem;
	background: rgb(245,245,245);
	overflow: hidden;
}
#banner .baner_imgb {
	width: 100%;
	height: 100%;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	animation: picAnimate1 50s linear infinite backwards;
}




/*?*/
#mainScroll-view {
	width: 100%;
	height: 3.28rem;
	background: #eee;
	position: relative;
	float: left;
	/*margin-top: .8rem;*/
}

#mainScroll-view .swiper-container-horizontal>.swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
	/*background: red;*/
	bottom: 0;
	left: .1rem;
	width: auto;
	height: .5rem;
	line-height: 0;
}

#mainScroll-view .swiper-pagination-bullet {
	width: .08rem;
	height: .08rem;
	border-radius: 100%;
	margin: 0 .05rem;
}

#mainScroll-view .swiper-pagination-bullet-active {
	width: .18rem;
	height: .08rem;
	border-radius: .08rem;
}
#mainScroll-view .swiper-slide {
	overflow: hidden;
}

#mainScroll-view .swiper-slide .swiper-slide-div {
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}



/*大点赞*/
#zan-love {
	width: 1.8rem;
	height: 1.8rem;
	position: fixed;
	top: 20%;
	left: 0;
	right: 0;
	margin: auto;
	z-index: 1000;
	display: none;
	opacity: 0;
	transition: all 0.3s;
}


/*广场列表*/
#main-ul {
	width: 100%;
	height: auto;
	background: rgb(247, 247, 247);
	overflow: hidden;
	overflow: hidden;
}

.main-li {
	width: 100%;
	height: auto;
	float: left;
	margin-top: 7px;
	background: #fff;
	overflow: hidden;
	position: relative;
}

.main-li:nth-child(1) {
	margin-top: 1px;
}

.main-li-view {
	width: 6rem;
	height: auto;
	float: left;
	background: #fff;
	/*border-bottom:1px solid red;*/
	overflow: hidden;
	margin-left: .2rem;
	/*background:pink;*/
	/*padding: 10px 0;*/
}

.user-q {
	width: 100%;
	height: 1.2rem;
	background: #fff;
	float: left;
	position: relative;
}

.user-q_logoview {
	width: .8rem;
	height: .8rem;
	float: left;
	position: relative;
	margin: .2rem 0;
}

.user-q_logo {
	width: 100%;
	height: 100%;
	border-radius: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	background-color: #eee;
}

.user-q_real {
	width: .24rem;
	height: .24rem;
	border-radius: 100%;
	position: absolute;
	bottom: 0;
	right: 0;
}

.user-q_nickname {
	width: auto;
	max-width: 2rem;
	height: auto;
	color: #4F4F4F;
	font-size: .25rem;
	text-align: left;
	float: left;
	margin-top: .25rem;
	margin-left: .2rem;
	text-overflow: -o-ellipsis-lastline;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
}

.user-q_level {
	width: auto;
	height: auto;
	border-radius: 2px;
	border: .01rem solid rgb(78, 78, 78);
	float: left;
	background: #fff;
	margin: .28rem 0 0 .1rem;
}

.user-q_level span {
	width: auto;
	height: .2rem;
	display: block;
	border-radius: 2px;
	line-height: .22rem;
	color: #4F4F4F;
	font-size: .2rem;
	text-align: center;
	padding: 0 .03rem;
	background: rgb(255, 230, 41);
	margin: 2px;
}

.user-q_timeaddress {
	width: auto;
	max-width: 4rem;
	height: auto;
	color: #CCCCCC;
	font-size: .24rem;
	position: absolute;
	bottom: .2rem;
	left: 1rem;
	/*background:gold;*/
}

.user-q_price {
	width: auto;
	font-size: .32rem;
	color: rgb(241, 93, 93);
	position: absolute;
	top: .25rem;
	right: 0;
	/*background:red;*/
}

.user-q_sign {
	width: auto;
	font-size: .24rem;
	color: #666;
	position: absolute;
	right: 0;
	bottom: .2rem;
}

.pics-q {
	width: 100%;
	height: 3.43rem;
	float: left;
	overflow: hidden;
	position: relative;
	/*background-color:gold;*/
	/*border-bottom:1px solid darkblue;*/
}

.pics-q_pimg {
	background-repeat: no-repeat;
	background-color: rgb(245, 245, 245);
	position: absolute;
}

.pics-q_pimg_1_img {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background-color: rgba(0, 0, 0, 0.15);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	background-blend-mode: darken;
	/* background-attachment:fixed;*/
}

.pics-q_blur {
	-webkit-filter: blur(.27rem);
	-moz-filter: blur(.27rem);
	-ms-filter: blur(.27rem);
	filter: blur(.27rem);
}

.pics-q_pimg_1 {
	height: 100%;
	top: 0;
	left: 0;
}

.pics-q_pimg_2 {
	width: 1.7rem;
	top: 0;
	right: 0;
}

.pics-q_pimg_3 {
	width: 1.7rem;
	height: 1.7rem;
	bottom: 0;
	right: 0;
}

.tags-q {
	width: 100%;
	height: auto;
	float: left;
	/*background:darkblue;*/
	overflow: hidden;
	position: relative;
	margin-top: .28rem;
}

.tags-q_tag-li {
	width: auto;
	height: 100%;
	float: left;
	background: rgb(243, 243, 243);
	margin-right: .2rem;
	margin-bottom: .2rem;
	border-radius: .04rem;
	color: #4f4f4f;
	font-size: .25rem;
	text-align: center;
	padding: 0 .2rem;
	line-height: .5rem;
}

.tags-q_tag-li:nth-child(1) {
	height: .46rem;
	background: #fff;
	border-radius: .06rem;
}

.txt-q {
	width: 100%;
	height: auto;
	float: left;
	min-height: .3rem;
	max-height: .6rem;
	margin-top: .3rem;
	background: #fff;
	color: #666;
	font-size: .24rem;
	text-align: left;
	line-height: .3rem;
	text-overflow: -o-ellipsis-lastline;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	/*background:gold;*/
}

.love-q {
	width: 100%;
	height: .3rem;
	background: #fff;
	margin-top: .25rem;
	float: left;
	position: relative;
	/*background:red;*/
}

.love-q_loveicon {
	width: .3rem;
	height: .3rem;
	position: absolute;
	top: 0;
	left: 0;
	margin: auto;
	/*background:red;*/
}

.love-q_loveview {
	width: 5.5rem;
	height: 100%;
	position: absolute;
	top: 0;
	left: .5rem;
	color: #666666;
	font-size: .24rem;
	line-height: .32rem;
	text-align: left;
	text-overflow: -o-ellipsis-lastline;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	/*background:lightcoral;*/
}

.love-q_loveview i {
	width: auto;
	color: #666666;
	font-size: .24rem;
}

.comment-q {
	width: 100%;
	height: auto;
	float: left;
	/*background:lightcyan;*/
	min-height: .5rem;
	overflow: hidden;
	position: relative;
	margin-top: .2rem;
}

.comment-q_commenticon {
	width: .3rem;
	height: .3rem;
	position: absolute;
	top: 0;
	left: 0;
	margin: auto;
}

.comment-q_conmment-ul {
	width: 5.5rem;
	height: auto;
	float: left;
	margin-left: .5rem;
	overflow: hidden;
}

.comment-q_conmment-ul p {
	width: 100%;
	float: left;
	color: #666666;
	font-size: .24rem;
	text-align: left;
	text-overflow: -o-ellipsis-lastline;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	margin-bottom: .05rem;
}

.comment-q_conmment-ul p i {
	color: rgb(147, 147, 147);
	font-size: .24rem;
}

.tool-q {
	width: 100%;
	height: .74rem;
	margin-top: .32rem;
	border-top: .01rem solid #F2F2F2;
	background: #fff;
	float: left;
	font-size: 0;
}

.tool-q_tool-li {
	width: 25%;
	height: 100%;
	display: inline-block;
	overflow: hidden;
	/*background:skyblue;*/
	text-align: center;
	font-size: 0;
	float: left;
}

.tool-q_tool-li span {
	width: auto;
	height: 100%;
	line-height: .76rem;
	display: inline-block;
	/*background:gold;*/
	color: #ccc;
	font-size: .26rem;
	text-align: center;
	background-repeat: no-repeat;
	background-position: 0 center;
	background-size: .34rem auto;
	padding-left: .34rem;
	text-indent: .1rem;
	text-align: center;
}


/*搜索筛选*/

#main-search {
	width: 100%;
	max-width: 1024px;
	min-width: 320px;
	height: .8rem;
	background: #fff;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	margin: auto;
	z-index: 101;
}

#leftbtn {
	width: .8rem;
	height: 100%;
	position: absolute;
	left: 0;
	bottom: 0;
	background-size: 40% auto;
	background-position: center;
	background-repeat: no-repeat;
}

#rightbtn {
	width: .8rem;
	height: 100%;
	position: absolute;
	right: 0;
	bottom: 0;
	background-size: 40% auto;
	background-position: center;
	background-repeat: no-repeat;
}

#searchBar,#searchText{
	width: 4.8rem;
	height: 60%;
	position: absolute;
	bottom: 0;
	top: 0;
	left: 0;
	right: 0;
	margin: auto;
	background: #fff;
	border-radius: .6rem;
	border: .01rem solid #eee;
	background-image: url(../img/square/search_icon.png);
	background-repeat: no-repeat;
	background-size: auto 60%;
	background-position: .2rem center;
}

#search_ipt,#inputTest{
	width: 4rem;
	height: 80%;
	/*background:gold;*/
	position: absolute;
	top: 0;
	bottom: 0;
	left: .6rem;
	margin: auto;
	color: #ccc;
	font-size: .24rem;
	border: none;
	outline: none;
	font-weight: 300;
}
#main-all{
	width: 100%;
	height: .8rem;
}
#main-sift {
	width: 100%;
	max-width: 1024px;
	min-width: 320px;
	height: auto;
	/* background: transparent; */
	z-index: 101;
	/*border-bottom:2px solid gold;*/
	overflow: hidden;
	padding-top: .8rem;
	float: left;
	position: relative;
	transform: all 0.4s;
}

#main-sift .top {
	width: 100%;
	height: .8rem;
	position: absolute;
	top: 0;
	left: 0;
	background: #fff;
	z-index: 10;
}

#main-sift .sift_pre {
	width: auto;
	height: 100%;
	float: left;
	/*background:yellow;*/
	color: #666;
	font-size: .24rem;
	line-height: .8rem;
	text-align: center;
	background-repeat: no-repeat;
	background-size: .22rem auto;
	background-position: 80% center;
}

#main-sift .bot {
	width: 100%;
	height: auto;
	float: left;
	background: #fff;
	display: none;
	/*border-top:1px solid #eee;*/
	animation-duration: 0.25s;
	overflow: hidden;
	padding-bottom: .8rem;
	position: relative;
}

#sift_ul {
	width: 6rem;
	height: auto;
	max-height: 7rem;
	float: left;
	/*background:skyblue;*/
	margin: 0 .2rem;
	/*border-bottom:2px orange dotted;*/
	overflow: scroll;
	-webkit-overflow-scrolling: touch;
}

#sift_ul .sift_pre {
	width: 100%;
	height: auto;
	float: left;
	margin: .2rem 0 .1rem 0;
	/*background:pink;*/
}

#sift_ul .sift_pre p {
	width: 100%;
	height: .6rem;
	line-height: .6rem;
	float: left;
	color: #333;
	font-size: .22rem;
	text-align: left;
}

#sift_ul .sift_pre .lis {
	width: 100%;
	height: auto;
	float: left;
}

#sift_ul .sift_pre .lis li {
	width: 1.44rem;
	height: .6rem;
	line-height: .6rem;
	border-radius: 2px;
	font-size: .24rem;
	float: left;
	margin-right: .08rem;
	margin-bottom: .08rem;
	box-sizing: border-box;
}
.sift_pre_li_no{
	background: rgb(245, 245, 245);
	color: #666;
	border: none;
}
.sift_pre_li_on{
	background: #fff;
	border: 1px solid #F8D500;
	color: #FBC624;
}
.sift_pre_li_an{
	background: #fff;
	border: 1px dashed #F8D500;
	color: #FBC624;
}

#sift_ul .sift_pre .lis li:nth-child(4n) {
	margin-right: 0;
}

#finish-view {
	width: 100%;
	height: .6rem;
	position: absolute;
	bottom: 0;
	left: 0;
	border-top: .01rem solid #eee;
}

#finish-view .btn {
	width: 50%;
	height: 100%;
	float: left;
	color: #4F4F4F;
	font-size: .24rem;
	line-height: .6rem;
}

#reset-btn {
	background: #fff;
}

#finish-btn {
	background: #F8D500;
}


/*大菊花*/
#wxload {
	width: 100%;
	height: 100%;
	display: block;
	background: #fff;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 10000;
}

/*大红包*/
#redbag {
	width: 5.38rem;
	height: 7.18rem;
	border-radius: .08rem;
	background-color: rgb(189, 37, 39);
	background-image: url(../img/redbag/icon_red_pop_top.png);
	background-size: contain;
	background-position: top;
	background-repeat: no-repeat;
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	z-index: 101;
	display: none;
}

#redbag .close {
	width: .6rem;
	height: .6rem;
	text-align: center;
	line-height: .6rem;
	color: #FFFFFF;
	font-size: .26rem;
	/*background: gainsboro;*/
	position: absolute;
	top: 0;
	left: 0;
}

#redbag .logo{
	width: .88rem;
	height: .88rem;
	border-radius: 100%;
	background: rgb(245, 245, 245);
	background-size:contain;
	background-position:center;
	background-repeat: no-repeat;
	position: absolute;
	top: .6rem;
	left: 0;
	right: 0;
	margin: auto;
}

#redbag p{
	width: 100%;
	height: .3rem;
	text-align: center;
	line-height: .3rem;
	color: rgb(255, 160, 133);
	font-size: .24rem;
	position: absolute;
	top: 1.6rem;
	left: 0;
}

#redbag em{
	width: 100%;
	height: .3rem;
	text-align: center;
	line-height: .3rem;
	color: rgb(255, 160, 133);
	font-size: .24rem;
	position: absolute;
	top: 1.9rem;
	left: 0;
}

#redbag h3{
	width: 100%;
	height: auto;
	text-align: center;
	color: rgb(255, 231, 176);
	font-size: .4rem;
	font-weight: 300;
	position: absolute;
	top: 2.5rem;
	left: 0;
}

#redbag .openbtn {
	width: 1.74rem;
	height: 1.74rem;
	border-radius: 100%;
	background-image: url(../img/redbag/icon_red_pop_open.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	position: absolute;
	bottom: 1.7rem;
	left: 0;
	right: 0;
	margin: auto;
	transition: all 1s;
}

#money {
	width: 1.74rem;
	height: 1.74rem;
	position: absolute;
	bottom: 1.7rem;
	left: 0;
	right: 0;
	margin: auto;
	/*background: gold;*/
	display: block;
}

/*详情页点赞*/
#loveAndReview-view {
	width: 100%;
	height: auto;
	background: #fff;
	overflow: hidden;
	float: left;
	margin-top: .07rem;
	/*box-sizing: border-box;
	border: .01rem solid red;*/
}

#love-view {
	width: 100%;
	height: 1.2rem;
	float: left;
	/*background: pink;*/
	position: relative;
}

#love-view .love {
	width: .3rem;
	height: .3rem;
	position: absolute;
	left: .2rem;
	top: 50%;
	transform: translateY(-50%);
	background: url(../img/detail/zan_yes.png) left no-repeat;
	background-size: 80% 80%;
}

.ul-love-see {
	padding: .29rem .1rem;
	background: #fff;
	position: absolute;
	top: 0;
	left: .6rem;
	overflow: hidden;
}

.ul-love-see li {
	width: .62rem;
	height: .62rem;
	margin: 0 .07rem;
	/*background: red;*/
	float: left;
	overflow: hidden;
	position: relative;
}

.ul-love-see li .head-view {
	width: 100%;
	height: 100%;
	border-radius: 100%;
	position: absolute;
	top: 0;
	left: 0;
}

.ul-love-see li .real {
	width: .24rem;
	height: .24rem;
	border-radius: 100%;
	position: absolute;
	bottom: 0;
	right: 0;
}

.ul-love-more {
	width: 1.4rem;
	height: 1.2rem;
	/*background: rgba(255, 0, 0, 0.5);*/
	position: absolute;
	right: .2rem;
	top: 0;
}

.ul-love-more li {
	width: .62rem;
	height: .62rem;
	border-radius: 100%;
	margin: 0 .05rem;
	border-radius: .62rem;
	position: absolute;
	top: .28rem;
	border: 2px solid #fff;
	overflow: hidden;
}

.ul-love-more li img {
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
}

.ul-love-more li:nth-child(3) {
	right: 0;
	z-index: 3;
}

.ul-love-more li:nth-child(2) {
	right: .3rem;
	z-index: 2;
}

.ul-love-more li:nth-child(1) {
	right: .6rem;
	z-index: 1;
}

/*圆头像*/
.logo-view{
	width: .62rem;
	height: .62rem;
	position: absolute;
	top: 0;
	left: 0;
}
.logo-img{
	width: 100%;
	height: 100%;
	border-radius: 100%;
	background-color: rgb(245,245,245);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	position: absolute;
	top: 0;
	left: 0;
}
.logo-real{
	width: .24rem;
	height: auto;
	position: absolute;
	bottom: 0;
	right: 0;
	margin: auto;
}
/*等级*/
.level{
	width: auto;
	height: auto;
	border-radius: 2px;
	border: .01rem solid rgb(78,78,78);
	float: left;
	background: #fff;
	margin: .46rem 0 0 .1rem;
}
.level span{
	width: auto;
	height: .2rem;
	display: block;
	border-radius: 2px;
	line-height: .22rem;
	color: #4F4F4F;
	font-size: .2rem;
	text-align: center;
	padding: 0 .03rem;
	background: rgb(255,230,41);
	margin: 2px;
}


/*详情页评论*/

#hot_review-view,
#new_review-view {
	width: 100%;
	height: auto;
	float: left;
	border-top: 1px solid #eee;
	/*background: gold;*/
	overflow: hidden;
}
.review-view .title{
	display: inline-block;
	float: left;
	color: #333;
	font-size: .26rem;
	background-color: rgb(255,227,38);
	padding:0 .1rem;
	margin-top: 1rem;
	margin-bottom: .4rem;
	margin-left: 50%;
	transform: translateX(-50%);
}
.review-view li {
	width: 6rem;
	height: auto;
	min-height: 1.12rem;
	float: left;
	margin: 0 .2rem;
	/*background: red;*/
	position: relative;
	text-align: left;
}

.review-view li .logo-view {
	top: .3rem;
	left: 0;
}

.review-view li .nickname {
	color: #4F4F4F;
	font-size: .24rem;
	text-align: left;
	float: left;
	margin: .28rem 0 0 .82rem;
}

.review-view li .timeaddress {
	color: #CCCCCC;
	font-size: .22rem;
	text-align: left;
	position: absolute;
	top: .67rem;
	left: .82rem;
}

.review-view li .other-btn {
	width: .4rem;
	height: .4rem;
	position: absolute;
	top: .2rem;
	right: 0;
	/*background: gold;*/
	background-image: url(../img/detail/comment_more_icon.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: auto .3rem;
}

.review-view li .zan-btn {
	width: auto;
	height: .4rem;
	line-height: .51rem;
	text-align: center;
	color: #4F4F4F;
	font-size: .24rem;
	position: absolute;
	top: .2rem;
	right: .6rem;
	/*background: gold;*/
	padding-right: .4rem;
	background-repeat: no-repeat;
	background-size: auto .3rem;
	background-position: right center;
	transition: all .14s;
}

.review-view li .showview {
	width: 5.18rem;
	height: auto;
	/*background: pink;*/
	float: left;
	margin-top: .6rem;
	margin-left: .82rem;
	border-bottom: .01rem solid #f2f2f2;
	padding-bottom: .4rem;
}

.showview .txt {
	width: 88%;
	height: auto;
	line-height: .34rem;
	color: #666;
	font-size: .24rem;
	float: left;
}

.showview .imgs {
	width: 100%;
	height: 1.38rem;
	float: left;
	/*background: yellow;*/
	margin-top: .2rem;
}

.showview .imgs img {
	width: 1.38rem;
	height: 100%;
	/*background-color: skyblue;*/
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	float: left;
	margin: 0 5px 0 0;
}

.showview .return {
	width: 100%;
	height: auto;
	background: rgb(248, 248, 248);
	float: left;
	margin-top: .2rem;
}

.showview .return p {
	width: 4.98rem;
	color: #000;
	font-weight: 400;
	font-size: .24rem;
	float: left;
	margin: .14rem 0 0 .2rem;
}

.showview .return span {
	width: 4.98rem;
	color: #666;
	font-size: .24rem;
	float: left;
	margin: .2rem 0 .14rem .2rem;
}

/*评论卡*/

#egg-view {
	width: 100%;
	height: 5rem;
	position: fixed;
	bottom: -6rem;
	left: 0;
	z-index: 1001;
	background: #fff;
	transition: all 0.4s;
	box-shadow: 0 0 .5rem #666;
}

#egg-view .title-view {
	width: 6rem;
	height: .78rem;
	border-bottom: 1px solid #e6e6e6;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	margin: auto;
}

#egg-view .title-view img {
	width: .35rem;
	height: .35rem;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	margin: auto;
}

#egg-view .title-view .title {
	width: 80%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	margin: auto;
	line-height: .8rem;
	color: #9c9c9c;
	font-size: .24rem;
	text-align: center;
}

#comment-btn {
	width: .96rem;
	height: .48rem;
	border-radius: .48rem;
	background: #fff;
	border: 1px solid #4f4f4f;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	margin: auto;
}

#comment-btn text {
	width: .88rem;
	height: .4rem;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	background: rgb(254, 223, 31);
	color: rgb(38, 38, 38);
	font-size: .24rem;
	text-align: center;
	line-height: .4rem;
	border-radius: .4rem;
}

#input-view {
	width: 6rem;
	height: 1.3rem;
	position: absolute;
	top: 1rem;
	left: 0;
	right: 0;
	margin: auto;
	/*background: rgb(245, 245, 245);*/
	text-align: left;
	color: #4f4f4f;
	font-size: .24rem;
	line-height: .34rem;
	font-weight: 300;
	border: none;
	outline: none;
	-moz-user-select: auto;
	-ms-user-select: auto;
	-webkit-user-select: auto;
}
#pics-view{
	width: 6rem;
	height: 1.2rem;
	position: absolute;
	top: 2.4rem;
	left: 0;
	right: 0;
	margin: auto;
	/*background: lightblue;*/
}
#pics-view li{
	width: 1.2rem;
	height: 1.2rem;
	float: left;
	margin-left: .2rem;
	position: relative;
	overflow: hidden;
	background-color: rgb(245,245,245);
}
#pics-view li img{
	width: 100%;
	height: auto;
}
#pics-view li span{
	display: block;
	width: .4rem;
	height: .4rem;
	position: absolute;
	top: .06rem;
	right: .06rem;
	margin: auto;
	/*background: red;*/
	background-image: url(../img/common/sellinfo_shanchutupiananniubg@2x.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}

.foot-view {
	width: 100%;
	height: 1.3rem;
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 99;
	background: rgb(240, 240, 240);
}

.foot-view .li {
	width: .56rem;
	height: .56rem;
	border-radius: 100%;
	float: left;
	margin: .37rem 0 0 .37rem;
	background-color: rgb(255, 227, 38);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 45% auto;
	position: relative;
	overflow: hidden;
}
#fileInput{
	width: 100%;
	height: 100%;
	background: red;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
	opacity: 0;
}

@media all and (orientation : portrait){

	/*内框*/
	#content {
		width: 100%;
		height: auto;
		padding-bottom: .8rem;
	  overflow: hidden;
		/*background: lemonchiffon;*/
	}

	/*页脚：评论 点赞 收藏 分享推广/其他*/
	#footer {
		width: 100%;
		max-width: 1024px;
		min-width: 320px;
		height: .8rem;
		position: fixed;
		bottom: 0;
		left: 0;
		right: 0;
		margin: auto;
		z-index: 99;
		background: #fff;
		box-shadow: 0 -0.05rem .05rem #F2F2F2;
	}

	#input-btn {
		width: 2.48rem;
		height: .56rem;
		border-radius: .56rem;
		color: rgb(78, 78, 78);
		font-size: .24rem;
		line-height: .58rem;
		text-align: left;
		text-indent: .6rem;
		background: rgb(248, 248, 248);
		background-repeat: no-repeat;
		background-position: .2rem center;
		background-size: auto 50%;
		border: .01rem solid #ccc;
		float: left;
		margin-top: .12rem;
		margin-left: .2rem;
	}

	#fly-view {
		width: 1.88rem;
		height: .8rem;
		position: absolute;
		top: 0;
		right: 0;
		color: #333;
		font-size: .26rem;
		text-align: center;
		text-indent: .4rem;
		line-height: .8rem;
		background: rgb(255, 230, 41);
		background-repeat: no-repeat;
		background-position: 14% center;
		background-size: auto 50%;
	}

	#zan-btn {
		width: .8rem;
		height: .8rem;
		/*background: pink;*/
		background-repeat: no-repeat;
		background-position: center;
		background-size: 50% auto;
		float: left;
		margin-left: .1rem;
	}

	#love-btn {
		width: .8rem;
		height: .8rem;
		/*background: orange;*/
		background-repeat: no-repeat;
		background-position: center;
		background-size: 50% auto;
		float: left;
	}

	/*广告*/
	#talkart {
		width: 100%;
		height: .95rem;
		background: rgba(0, 0, 0, 0.85);
		position: fixed;
		top: -0.95rem;
		left: 0;
		z-index: 100;
		transition: 0.3s linear;
		font-weight: 100;
	}

	#talkart .ad_logo {
		width: .64rem;
		height: .64rem;
		position: absolute;
		top: 0;
		bottom: 0;
		left: .2rem;
		margin: auto;
	}

	#talkart .ad_title {
		font-size: .2rem;
		color: #fff;
		position: absolute;
		left: 1rem;
		top: .15rem;
		font-weight: 100;
	}

	#talkart .ad_title span {
		color: #FFD700;
		font-size: .2rem;
		margin-left: .1rem;
	}

	#talkart .ad_txt {
		color: #fff;
		font-size: .2rem;
		position: absolute;
		left: 1rem;
		bottom: .1rem;
	}

	#talkart .ad_txt span {
		font-size: .3rem;
	}

	#talkart .ad_downbtn {
		width: 1rem;
		height: .54rem;
		position: absolute;
		top: 0;
		bottom: 0;
		right: .2rem;
		margin: auto;
		border-radius: 2px;
		border: 1px solid rgb(255, 227, 38);
		font-size: .24rem;
		color: #4F4F4F;
		font-weight: 500;
		line-height: .54rem;
		background: rgb(255, 227, 38);
	}
}

@media all and (orientation : landscape){

	/*内框*/
	#content {
		width: 100%;
		height: auto;
		padding-bottom: .5rem;
	  overflow: hidden;
		/*background: lemonchiffon;*/
	}

	/*页脚：评论 点赞 收藏 分享推广/其他*/
	#footer {
		width: 100%;
		max-width: 1024px;
		min-width: 320px;
		height: .5rem;
		position: fixed;
		bottom: 0;
		left: 0;
		right: 0;
		margin: auto;
		z-index: 99;
		background: #fff;
		box-shadow: 0 -0.05rem .05rem #F2F2F2;
	}

	#input-btn {
		width: 2.48rem;
		height: .3rem;
		border-radius: .28rem;
		color: rgb(78, 78, 78);
		font-size: .14rem;
		line-height: .3rem;
		text-align: left;
		text-indent: .6rem;
		background: rgb(248, 248, 248);
		background-repeat: no-repeat;
		background-position: .2rem center;
		background-size: auto 50%;
		border: .01rem solid #ccc;
		float: left;
		margin-top: .1rem;
		margin-left: .2rem;
	}

	#fly-view {
		width: 1.8rem;
		height: .5rem;
		position: absolute;
		top: 0;
		right: 0;
		color: #333;
		font-size: .18rem;
		text-align: center;
		text-indent: .4rem;
		line-height: .5rem;
		background: rgb(255, 230, 41);
		background-repeat: no-repeat;
		background-position: 14% center;
		background-size: auto 50%;
	}

	#footer #zan-btn {
		width: .5rem;
		height: .5rem;
		/*background: pink;*/
		background-repeat: no-repeat;
		background-position: center;
		background-size: 50% auto;
		float: left;
		margin-left: .2rem;
	}

	#love-btn {
		width: .5rem;
		height: .5rem;
		/*background: orange;*/
		background-repeat: no-repeat;
		background-position: center;
		background-size: 50% auto;
		float: left;
	}

	/*广告*/
	#talkart {
		width: 100%;
		height: .5rem;
		background: rgba(0, 0, 0, 0.85);
		position: fixed;
		top: -.5rem;
		left: 0;
		z-index: 100;
		transition: 0.3s linear;
		font-weight: 100;
	}

	#talkart .ad_logo {
		width: .32rem;
		height: .32rem;
		position: absolute;
		top: 0;
		bottom: 0;
		left: 1rem;
		margin: auto;
	}

	#talkart .ad_title {
		font-size: .12rem;
		color: #fff;
		position: absolute;
		left: 1.5rem;
		top: .06rem;
		font-weight: 100;
	}

	#talkart .ad_title span {
		color: #FFD700;
		font-size: .12rem;
		margin-left: .08rem;
	}

	#talkart .ad_txt {
		color: #fff;
		font-size: .12rem;
		position: absolute;
		left: 1.5rem;
		bottom: .06rem;
	}

	#talkart .ad_txt span {
		font-size: .16rem;
	}

	#talkart .ad_downbtn {
		width: .4rem;
		height: .25rem;
		position: absolute;
		top: 0;
		bottom: 0;
		right: 1rem;
		margin: auto;
		border-radius: 2px;
		border: 1px solid rgb(255, 227, 38);
		font-size: .16rem;
		color: #4F4F4F;
		font-weight: 300;
		line-height: .25rem;
		background: rgb(255, 227, 38);
	}
}

#talkart .ad_gobtn {
	width: 1rem;
	height: .54rem;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 1.4rem;
	margin: auto;
	border-radius: 2px;
	border: 1px solid rgb(255, 227, 38);
	font-size: .24rem;
	color: rgb(255, 227, 38);
	line-height: .54rem;
	font-weight: 500;
}

/*标签滑入列表*/

#tagslide-view {
	width: 80%;
	height: 100%;
	position: fixed;
	top: 0;
	right: 0;
	background: #fff;
	z-index: 1001;
	display: none;
	animation-duration: 0.4s;
	overflow-y: scroll;
	-webkit-overflow-scrolling: touch;
}

#tagslide-view .close {
	width: .6rem;
	height: .6rem;
	text-align: center;
	line-height: .6rem;
	color: #4F4F4F;
	font-size: .26rem;
	/*background: gainsboro;*/
	position: absolute;
	top: 0;
	right: 0;
}

#tagslide-view .prebox1:nth-child(2) {
	margin-top: .8rem;
}

#tagslide-view .prebox1 {
	width: 94%;
	height: auto;
	float: left;
	/*background: pink;*/
	overflow: hidden;
	margin: .2rem 3% 0 3%;
}

#tagslide-view .prebox1 .title {
	width: 100%;
	height: .3rem;
	text-align: left;
	line-height: .3rem;
	color: #666;
	font-size: .24rem;
	float: left;
	text-indent: .1rem;
}

#tagslide-view .prebox1 .preul {
	width: 100%;
	height: auto;
	float: left;
	/*background: skyblue;*/
	overflow: hidden;
	padding-bottom: .25rem;
	border-bottom: .01rem solid #F2F2F2;
}

#tagslide-view .prebox1 .preul .preli {
	width: 21%;
	height: .5rem;
	border-radius: .06rem;
	font-size: .22rem;
	color: #666666;
	line-height: .5rem;
	float: left;
	margin: .2rem 2% 0;
	box-sizing: border-box;
	overflow: hidden;
}

.tags_off {
	background: #eee;
	border: .01rem solid #eee;
}

.tags_on {
	background: #fff;
	border: .01rem solid gold;
}

#tagsul-reset {
	width: 50%;
	height: .8rem;
	line-height: .8rem;
	text-align: center;
	color: #666666;
	background: #FFFFFF;
	font-size: .3rem;
	position: absolute;
	bottom: 0;
	left: 0;
	box-shadow: 0 -0.05rem .05rem #F2F2F2;
}

#tagsul-ok {
	width: 50%;
	height: .8rem;
	line-height: .8rem;
	text-align: center;
	color: #4F4F4F;
	background: #F8D500;
	font-size: .3rem;
	position: absolute;
	bottom: 0;
	right: 0;
	box-shadow: 0 -0.05rem .05rem #F2F2F2;
}


/*2列列表 2018.06.19*/
.list_column_2{
	float: left;
	width: 6rem;
	height: auto;
	/*background: lightgreen;*/
	overflow: hidden;
	padding: .2rem 3% 0;
	font-family: arial;
}
.list_column_2 li{
	width: 48.5%;
	height: auto;
	float: left;
	background: #fff;
	margin-right: 3%;
	margin-bottom: .2rem;
	box-sizing: border-box;
	border-radius: 6px;
	position: relative;
	overflow: hidden;
}
.list_column_2 li:nth-child(2n){
	margin-right: 0;
}
.list_column_2 li .pic{
	width: 100%;
	height: 3.2rem;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	background-color: rgb(250,250,250);
}
.list_column_2 li .title{
	width: 100%;
	height: .64rem;
	color: #666;
	font-size: .23rem;
	border-bottom: 1px solid #eee;
	text-align: center;
	line-height: .64rem;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
}
.list_column_2 li .btn{
	width: 50%;
	height: .32rem;
	/*background: red;*/
	color: #666;
	font-size: .22rem;
	line-height: .34rem;
	text-indent: .25rem;
	float: left;
	background-repeat: no-repeat;
	background-size: auto 80%;
	background-position: 20% center;
	box-sizing: border-box;
	margin: .1rem 0;
}
.list_column_2 li .l_btn{
	border-right: 1px solid #eee;
}
.loadMore{
	width: 100%;
	font-size: .24rem;
	float: left;
	margin-bottom:.07rem;
	border-radius: .5rem;
	text-align: center;
	padding: .2rem 0;
	background: white;
}

/*展览类评论*/
#exhibit-commentBox {
	width:94%;
	height: 2.4rem;
	background: #fff;
	padding: .2rem 3%;
	position: relative;
	margin-top: .07rem;
}

.prebox>h2,.prebut>h2{
	width: 50%;
	font-size: .24rem;
	font-weight: 200;
	color: #333;
	background: url(../img/exhibition/title_icon.jpg) no-repeat;
	text-align: left;
	background-size: auto .24rem;
	background-position: left center;
	text-indent: .15rem;
}

.prebox>em {
	font-size: .18rem;
	color: #333;
	position: absolute;
	top: .2rem;
	right: .2rem;
	font-style: normal;
	/*background: red;*/
}

#commentUL {
	margin-top: .25rem;
	height: 1.72rem;
	/*background: gold;*/
}

#commentUL .swiper-container {
	width: 100%;
	height: 100%;
}
#commentUL .swiper-slide .preb {
	width: 4rem;
	height: 98%;
	text-align: left;
	border: .01rem solid #eee;
	border-radius: 2px;
	position: relative;
}
#commentUL .swiper-slide .preb .toname-b {
	color: #4dbfd1;
	font-size: .2rem;
}

.comt_head {
	width: .62rem;
	height: .62rem;
	border-radius: 50%;
	position: absolute;
	top: .18rem;
	left: .18rem;
	background:rgb(245,245,245);
}

.comt_name {
	color: rgb(92, 190, 206);
	font-size: .2rem;
	position: absolute;
	top: .32rem;
	left: .98rem;

	width: auto;
	max-width: 1.5rem;
	/*background: red;*/

	text-overflow: -o-ellipsis-lastline;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
}

.comt_time {
	font-size: .18rem;
	position: absolute;
	color: #ccc;
	top: .32rem;
	right: .18rem;
}

.comt_txt {
	width: 92%;
	font-size: .2rem;
	position: absolute;
	color: #796363;
	top: .94rem;
	left: .18rem;
	/*max-height: .6rem;*/
	overflow: hidden;
	line-height: .25rem;
	text-overflow: -o-ellipsis-lastline;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

/*图册方块*/

#pic-wrap {
	width: 100%;
	height: 6.4rem;
	/*background-color: red;*/
	background-size: cover;
	background-position: center;
	position: relative;
	overflow: hidden;
}
#pic-blur{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	filter: blur(20px);

}
#t_img {
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.2);
}

.swiper-slide>.preimg{
	width: 100%;
	height: 100%;
	-webkit-overflow-scrolling: touch;
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
}
#imgpage{
	width: .78rem;
	height: .4rem;
	line-height: .42rem;
	border-radius: .4rem;
	color: #FFFFF1;
	font-size: .22rem;
	text-align: center;
	background: rgba(0,0,0,0.6);
	position: absolute;
	bottom: .2rem;
	left: .2rem;
	z-index: 20;
}
#imgpage span{
	color: rgb(255,227,38);
	font-size: .22rem;
}

/*预展条*/

#previewBox {
	background: #fff;
	margin-top: .07rem;
	padding: .2rem;
	position: relative;
}

#previewUL {
	margin-top: .1rem;
	overflow: hidden;
	/*background: lightgoldenrodyellow;*/
}

#previewUL li {
	width: 100%;
	box-sizing: border-box;
	border: .01rem solid #eee;
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
	margin-top: .15rem;
	height: 1.94rem;
	overflow: hidden;
	position: relative;
	text-align: left;
}
#previewUL li>.cover_img {
	width: 1.34rem;
	height: 100%;
	float: left;
	margin-right: .2rem;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	background-color: rgb(245,245,245);
}
#previewUL .near-box{
	width: 4.4rem;
	height: 100%;
	/*background: lightgreen;*/
	float: left;
	position: relative;
}

#previewUL .title {
	margin-top: .16rem;
	font-size: .24rem;
	color: #4F4F4F;
	float: left;
	width: 100%;
	/*background: gold;*/
	margin-bottom: .05rem;
}

#previewUL .address {
	font-size: .2rem;
	color: #9c9c9c;
	padding-right: .1rem;
	border-right: 1px solid #eee;
	float: left;
	margin-right: .1rem;
	/*background: pink;*/
	height: .26rem;
	line-height: .28rem;
	width: auto;
}

#previewUL .pre_ob {
	font-size: .18rem;
	color: rgb(156,156,156);
	margin-right: .08rem;
	padding: 0 .04rem;
	border: 0.5px solid rgb(204,204,204);
	border-radius: 2px;
	width: auto;
	height: .24rem;
	line-height: .26rem;
	text-align: center;
	float: left;
	margin-bottom: .08rem;
}

#previewUL .wifi {
	width: .26rem;
	height: .26rem;
	background: url(../../img/exhibition/wifi.jpg) no-repeat;
	background-size: contain;
	background-position: center;
	float: left;
	margin-right: .08rem;
	margin-bottom: .08rem;
}

#previewUL .park {
	width: .26rem;
	height: .26rem;
	background: url(../../img/exhibition/park.jpg) no-repeat;
	background-size: contain;
	background-position: center;
	float: left;
	margin-right: .08rem;
	margin-bottom: .08rem;
}

#previewUL .timedress {
	width: 4.4rem;
	font-size: .18rem;
	color: #c1c1c1;
	position: absolute;
	bottom: .14rem;
	left: 0;
}
#previewUL .comment_btn {
	width: .44rem;
	height: .36rem;
	position: absolute;
	right: .6rem;
	bottom: .15rem;
}

#previewUL .date_btn {
	width: .44rem;
	height: .36rem;
	position: absolute;
	right: .1rem;
	bottom: .15rem;
}

/*机构列表*/
.orgUl{
	background: #fff;
	border-top: 1px solid transparent;
	padding: 0 .2rem .2rem .2rem;
}
.orgUl li {
	width: 100%;
	box-sizing: border-box;
	border: .01rem solid #eee;
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
	margin-top: .15rem;
	height: 1.92rem;
	overflow: hidden;
	position: relative;
	text-align: left;
}

.orgUl li>.cover_img {
	width: 1.92rem;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}

.orgUl .title {
	float: left;
	margin-top: .2rem;
	margin-left: 2.1rem;
	font-size: .24rem;
	color: #4F4F4F;
}

.orgUl .address {
	float: left;
	margin-top: .1rem;
	margin-left: 2.1rem;
	font-size: .2rem;
	color: #9C9C9C;
	padding-right: .1rem;
}

.orgUl .num{
	height: .4rem;
	position: absolute;
	bottom: .2rem;
	left: 2.1rem;
}
.orgUl .num span:nth-child(1){
	font-size: .18rem;
	color: #C1C1C1;
	float: left;
	line-height: .4rem;
	/*background: gold;*/
}
.orgUl .num>img{
	height: .4rem;
	width: auto;
	margin-left: .4rem;
	float: left;
}
.orgUl .num span:nth-child(3){
	float: left;
	/*background: red;*/
	color: #C1C1C1;
	line-height: .4rem;
	margin-left: .2rem;
}

/* 当数据为空时的弹出框 */
#message{
	width: 70%;
	text-align: center;
	border: .01rem solid rgb(240,240,240);
	border-radius: .5rem;
	background: white;
	padding: .6rem 0;
	color: red;
	font-size: .24rem;
	position: absolute;
	top: 30%;
	left: 15%;
	z-index: 102;
}

#message>div{
	margin: .1rem 0;
}


/* 判断是否为微信浏览器弹出框 */
#priTbox{
	width: 100%;
  background: rgba(0,0,0,.5);
  position:fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 105;
	margin:auto;
	display:block;
}

#downRtion{
  width: 100%;
	height: 3rem;
	padding-top: .1rem;
  background:white;
  border-radius: .06rem;
	position: absolute;
	bottom: 0;
  left: 0;
  right: 0;
	margin:auto;
}
/* 定义keyframe动画，命名为blink */
@keyframes blink{
  0%{opacity: 1;}
     
  100%{opacity: 0;} 
}
/* 添加兼容性前缀 */
@-webkit-keyframes blink {
    0% { opacity: 1; }
    100% { opacity: 0; }
}
@-moz-keyframes blink {
    0% { opacity: 1; }
    100% { opacity: 0; }
}
@-ms-keyframes blink {
    0% {opacity: 1; } 
    100% { opacity: 0;}
}
@-o-keyframes blink {
    0% { opacity: 1; }
    100% { opacity: 0; }
}
.downText{
	color:rgb(255, 120, 120);
  padding: .6rem;
  background-color: #F8D500;
	font-size: .3rem;
	animation: blink 1s linear infinite;  
    /* 其它浏览器兼容性前缀 */
    -webkit-animation: blink 2s linear infinite;
    -moz-animation: blink 2s linear infinite;
    -ms-animation: blink 2s linear infinite;
    -o-animation: blink 2s linear infinite;

}

.downChoose{
  width: 100%;
  border-top: 1px solid #ccc;
	display: flex;
	justify-content: center;
}

.downChoose>div{
	flex: 1;
	font-size: .28rem;
	font-weight: bolder;
	line-height: .9rem;
}


/* 懒加载样式 */

.lazy_cover_img{
	width: 1.34rem;
	height: 100%;
	float: left;
	margin-right: .2rem;
}

.buts_img{
	width: 100%;
	height:1.6rem;
}

.lazy_pic{
	width: 100%;
	height: 3.2rem;
}

.lazy_li-bgimg{
	width: 1.38rem;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
}

.lazy_cover{
	width: 1.42rem;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  margin: auto;
}

.lazy_preimg{
	width: 100%;
	height: 100%;
	-webkit-overflow-scrolling: touch;
}

.lazy_cover_img[lazy="loading"],
.buts_img[lazy="loading"],
.lazy_pic[lazy="loading"],
.lazy_li-bgimg[lazy="loading"],
.lazy_cover[lazy="loading"],
.lazy_preimg[lazy="loading"]{
	background-position: center;
	background-repeat: no-repeat;
	background-color: rgb(247,247,247);
}

.lazy_cover_img[lazy="error"],
.buts_img[lazy="error"],
.lazy_pic[lazy="error"],
.lazy_li-bgimg[lazy="error"],
.lazy_cover[lazy="error"],
.lazy_preimg[lazy="error"]{
	background-position: center;
	background-repeat: no-repeat;
	background-color: rgb(247,247,247);
}

.lazy_cover_img[lazy="loaded"],
.buts_img[lazy="loaded"],
.lazy_pic[lazy="loaded"],
.lazy_li-bgimg[lazy="loaded"],
.lazy_cover[lazy="loaded"],
.lazy_preimg[lazy="loaded"]{
	background-position: center;
	background-repeat: no-repeat;
	background-color: rgb(250,250,250);
}
