@charset "utf-8";
body { 
	background-color: #f4f4f4;
	font-family: SFNSDisplay;
	color: #333;
}
.text-overflow {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.flex {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
}
.flex-justify-center {
	-webkit-justify-content: center;
	-moz-justify-content: center;
	-ms-justify-content: center;
	-o-justify-content: center;
	justify-content: center;
}
.flex-justify-end {
	-webkit-justify-content: flex-end;
	-moz-justify-content: flex-end;
	-ms-justify-content: flex-end;
	-o-justify-content: flex-end;
	justify-content: flex-end;
}
.flex-align-center {
	-webkit-align-items: center;
	-moz-align-items: center;
	-ms-align-items: center;
	-o-align-items: center;
	align-items: center;
}
.flex-fill {
	-webkit-flex: 1;
	-moz-flex: 1;
	-ms-flex: 1;
	-o-flex: 1;
	flex: 1;
}
.flex-wrap {
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-o-flex-wrap: wrap;
	flex-wrap: wrap;
}
.flex-column {
	-webkit-flex-direction: column;
	-moz-flex-direction: column;
	-ms-flex-direction: column;
	-o-flex-direction: column;
	flex-direction: column;
}
.flex-justify-between {
	-webkit-justify-content: space-between;
	-moz-justify-content: space-between;
	-ms-justify-content: space-between;
	-o-justify-content: space-between;
	justify-content: space-between;
}

/* S 淘宝头条首页 样式*/
.toutiao-fixed {
	height: 1.6rem;
	background: #333;
	color: #fff;
}
.toutiao-fixed .header-toutiao {
	width: 3rem;
	height: 1.6rem;
	color: #fff;
	background: #000;
	font-size: 0.7rem;
}
.toutiao-fixed .header-toutiao img {
	width: 0.6rem;
	margin-right: 0.2rem;
}
.toutiao-banner {
	margin-top: 1.6rem;
	position: relative;
}
.toutiao-banner>a {
	display: block;
}
.toutiao-banner .toutiao-banner-img {
	width: 100%;
	height: 7.2rem;
	overflow: hidden;
	position: relative;
}
.toutiao-banner .toutiao-banner-img img {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
    width: 100%;
}
.toutiao-banner .toutiao-banner-info {
    position: absolute;
    left: 5%;
    right: 5%;
    bottom: 0.5rem;
    width: 90%;
    height: 1.4rem;
    background: rgba(255,255,255,0.85) url(../images/x_toutiao_ban_jin.jpg) no-repeat;
	background-size: 0.8rem 0.8rem;
    background-position: 0.5rem 0.3rem;
    border-radius: 0.2rem;
}
.toutiao-banner .toutiao-banner-info h3 {
    font-size: 0.6rem;
	height: 1.4rem;
	line-height: 1.4rem;
    padding-left: 1.8rem;
    padding-right: 0.5rem;
}
.toutiao-content .toutiao-item {
	display: block;
	padding: 0.8rem 0.5rem;
	background: #fff;
	border-bottom: 1px solid #f0f0f0;
}
.toutiao-content .toutiao-item-content {
	width: 100%;
	height: 3.4rem;
}
.toutiao-content .toutiao-item-left {
	width: 67%;
}
.toutiao-content .toutiao-item-left .left-info {
	padding-right: 1.4rem;
}
.toutiao-content .toutiao-item .left-info-title {
	font-size: 0.7rem;
	font-weight: 600;
	line-height: 1rem;
	height: 2rem;
	overflow: hidden;
}
.toutiao-content .toutiao-item .left-oper {
	margin-top: 0.3rem;
	font-size: 0.5rem;
}
.toutiao-content .toutiao-item .left-oper span {
	display: inline-block;
}
.toutiao-content .toutiao-item .left-oper .left-name {
	color: #666;
	max-width: 32%;
}
.toutiao-content .toutiao-item .left-oper .left-mess {
	color: #999;
	margin-left: 0.5rem
}
.toutiao-content .toutiao-item .left-oper .left-mess i {
	font-size: 0.4rem;
	color: #ccc;
	margin-right: 0.15rem;
}
.toutiao-content .toutiao-item-right {
	width: 33%;
	height: 100%;
    overflow: hidden;
    position: relative;
}
.toutiao-content .toutiao-item-right img {
    position: absolute;
    width: 100%;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}
.toutiao-content .toutiao-item .toutiao-item-vert .left-info-title {
	height: 1rem;
}
.toutiao-content .toutiao-item .toutiao-item-vert-cont {
	width: 100%;
	height: 3.4rem;
	margin: 0.2rem auto;
}
.toutiao-content .toutiao-item .vert-img {
	width: 33.333333%;
	height: 100%;
	position: relative;
	overflow: hidden;
}
.toutiao-content .toutiao-item .vert-img img {
	width: 100%;
	/*height: 100%;*/
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}
.toutiao-content .toutiao-item .vert-img:nth-of-type(2n) {
	width: calc(33.333333% - 0.2rem);
	margin: 0 0.1rem;
}
.toutiao-content .toutiao-item .toutiao-item-vert-big {
	height: 6rem;
}
.toutiao-content .toutiao-item .toutiao-item-vert-big .vert-img {
	width: 100%;
	height: 100%;
}
.toutiao-content .toutiao-bottom {
	height: 2rem;
	line-height: 2rem;
	font-size: 0.5rem;
	color: #999;
	text-align: center;
	background: #fff;
}
.toutiao-refresh {
	position: fixed;
	bottom: 1rem;
	right: 0.7rem;
}
.toutiao-refresh a {
	width: 1.8rem;
	height: 1.8rem;
	border: 1px solid #eee;
	border-radius: 50%;
	background: #fff;
}
.loading {
	width: 100%;
}
.loading i.iconfont {
	display: inline-block;
	animation: toutRefresh 1s linear infinite;
}
@keyframes toutRefresh {
	from {
		transform: rotate(0deg);
	}
	to {
		transform: rotate(360deg);
	}
}
@-webkit-keyframes toutRefresh {
	from {
		transform: rotate(0deg);
	}
	to {
		transform: rotate(360deg);
	}
}
.toutiao-refresh a img {
	width: 1.1rem;
	/*animation: toutRefresh 0.2s cubic-bezier(0,0,0.9,1) 0s 3;*/
}
/* E 淘宝头条首页 样式*/

/* S 淘宝头条详情页 样式*/
.toutiao-detail {
	background: #fff;
	padding: 0.5rem;
}
.toutiao-detail .toutiao-detail-head {
	margin-bottom: 0.3rem;
}
.toutiao-detail-head .head-img {
    width: 1.5rem;
    height: 1.5rem;
    background: rgba(0,0,0,0.02);
    border-radius: 50%;
    /*overflow: hidden;*/
    position: relative;
}
.toutiao-detail-head .head-img>img {
	position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}
.toutiao-detail-head .head-img .head-img-grade {
	position: absolute;
    width: 0.5rem;
    height: 0.5rem;
    right: 0;
    bottom: 0;
}
.toutiao-detail-head .head-img .head-img-grade>img {
	display: block;
	width: 100%;
	height: 100%;
}
.toutiao-detail-head .head-info {
	margin-left: 0.2rem;
	font-size: 0.5rem;
}
.toutiao-detail-head .head-info .name {
	line-height: 0.7rem;
}
.toutiao-detail-head .head-info .name span {
	font-size: 0.6rem;
}
.toutiao-detail-head .head-info .name i {
    display: inline-block;
    background: #FDEAEE;
    color: #FF2C54;
    padding: 0 0.1rem;
    text-align: center;
    border-radius: 0.1rem;
}
.toutiao-detail-head .head-info p {
	color: #999;
	line-height: 0.7rem;
	margin-top: 0.1rem;
}
.toutiao-detail .toutiao-detail-title {
	padding: 0.5rem 0;
}
.toutiao-detail .toutiao-detail-title p {
    font-size: 0.8rem;
    line-height: 1.2rem;
	font-weight: 600;
}
.toutiao-detail .toutiao-detail-browse {
	padding: 0.4rem 0;
	color: #999;
	font-size: 0.5rem;
	line-height: 0.5rem;
}
.toutiao-detail .toutiao-detail-browse i {
	color: #999;
    margin-right: 0.2rem;
    position: relative;
    top: 0.05rem;
}
.toutiao-detail .toutiao-detail-article {
	/*margin-top: 0.5rem;*/
}
.toutiao-detail .toutiao-detail-article p {
	font-size: 0.7rem;
	line-height: 1.2rem;
	margin-top: 0.5rem;
}
.toutiao-detail-article .article-img {
	margin-top: 0.5rem;
}
.toutiao-detail-article img {
	max-width: 100%;
	max-height: 100%;
}
.toutiao-detail-article .article-new {
	margin-top: 0.5rem;
}
.toutiao-detail-article .article-new>a {
	width: 100%;
	background: #fafafa;
	height: 4rem;
}
.toutiao-detail-article .article-new .article-new-goods {
	width: 4rem;
	height: 4rem;
	position: relative;
	overflow: hidden;
}
.toutiao-detail-article .article-new .article-new-goods img {
	width: 100%;
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}
.toutiao-detail-article .article-new .article-new-goods .article-new-goods-bg {
	position: absolute;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.02);
}
.toutiao-detail-article .article-new .article-new-info {
	padding: 0.5rem 2rem 0 0.5rem;
	position: relative;
}
.toutiao-detail-article .article-new .article-new-info p {
	margin-top: 0;
	font-size: 0.6rem;
	line-height: 0.8rem;
	height: 1.6rem;
	overflow: hidden;
	text-overflow: ellipsis;
}
.toutiao-detail-article .article-new .article-new-info .price {
	font-size: 0.6rem;
	color: #ff5000;
	padding-top: 0.5rem;
}
.toutiao-detail-article .article-new .article-new-info .price i {
	margin-right: 0.1rem;
}
.toutiao-detail-article .article-new .article-new-info .next {
	position: absolute;
	right: 0.4rem;
	top: 1.5rem;
	display: inline-block;
	width: 1rem;
	height: 1rem;
	background: #ff5000;
	color: #fff;
	border-radius: 50%;
	/*text-align: center;*/
	line-height: 1rem;
}
.toutiao-detail-article .article-new .article-new-info .next i {
    font-size: 0.9rem;
    position: relative;
    left: 0.15rem;
    font-weight: 300;
}
.toutiao-detail-keyword {
	margin-left: -0.5rem;
	margin-top: 0.5rem;
}
.toutiao-detail-keyword a {
	padding: 0 0.5rem;
	margin-left: 0.5rem;
	margin-bottom: 0.5rem;
	height: 1.2rem;
	line-height: 1.2rem;
	font-size: 0.6rem;
	background: #f9f9f9;
	display: block;
	float: left;
	border-radius: 0.6rem;
	color: #666;
}
.toutiao-detail .toutiao-detail-thumbs {
	padding: 1rem 0;
}
.toutiao-detail .toutiao-detail-thumbs>a {
	width: 50%;
	font-size: 0.6rem;
	color: #16AAFF;
}
.toutiao-detail .toutiao-detail-thumbs>a>img {
	width: 1.8rem;
}
.toutiao-detail .toutiao-detail-thumbs>a .thumbs-point {
	height: 1rem;
	line-height: 1rem;
	padding: 0 0.8rem;
	border: 1px solid #16AAFF;
	margin: 0.3rem 0;
	border-radius: 0.5rem;
}
.toutiao-detail .toutiao-detail-thumbs>a:first-child {
	color: #ff5000;
}
.toutiao-detail .toutiao-detail-thumbs>a:first-child .thumbs-point {
	border-color: #ff5000;
}
.toutiao-detail-member {
	margin-top: 0.5rem;
	padding: 0.7rem 0.5rem;
	background: #fff;
}
.toutiao-detail-member>a {

}
.toutiao-detail-member>a .member-head {
	width: 3.6rem;
	height: 3.6rem;
	position: relative;
	border-radius: 50%;
}
.toutiao-detail-member>a .member-head .head {
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}
.toutiao-detail-member>a .member-head .member-head-bg {
	position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0,0,0,0.02);
    border-radius: 50%;
}
.toutiao-detail-member>a .member-head .grade {
	position: absolute;
	right: 0;
	bottom: 0;
	width: 1rem;
	height: 1rem;
}
.toutiao-detail-member>a .member-name {
	margin-top: 0.3rem;
	font-size: 0.7rem;
}
.toutiao-detail-member>a .member-name i {
    display: inline-block;
    background: #FDEAEE;
    color: #FF2C54;
    font-size: 0.5rem;
    padding: 0 0.2rem;
    line-height: 0.7rem;
    height: 0.7rem;
    border-radius: 0.1rem;
}
.toutiao-detail-member>a>p {
    font-size: 0.5rem;
    margin-top: 0.3rem;
    color: #666;
}
.toutiao-detail-member>a .member-home {
	margin-top: 0.5rem;
	height: 1rem;
    line-height: 1rem;
    padding: 0 0.5rem;
    border: 1px solid #ff5000;
    border-radius: 0.5rem;
    font-size: 0.6rem;
    color: #ff5000;
}
.toutiao-detail-member>a .member-home i {
    font-size: 0.8rem;
    position: relative;
    top: 0.1rem;
}
.toutiao-detail-recommend {
	margin-top: 0.5rem;
	background: #fff;
	padding: 0 0.4rem;
}
.toutiao-detail-recommend .recommend-title {
	height: 2rem;
	line-height: 2rem;
	font-size: 0.7rem;
	padding: 0 0.1rem;
}
.toutiao-detail-recommend .recommend-content {
	width: 100%;
}
.toutiao-detail-recommend .recommend-content>a {
	width: 100%;
	padding: 0.5rem 0;
	height: 4rem;
}
.toutiao-detail-recommend .recommend-content>a:first-child {
	padding-top: 0;
}
.recommend-content .recommend-item-img {
	width: 7rem;
	position: relative;
	overflow: hidden;
	border-radius: 0.2rem;
}
.recommend-content .recommend-item-img img {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 100%;
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}
.recommend-content .recommend-item-img .recommend-item-img-bg {
	position: absolute;
    top: 0;
	left: 0;
    right: 0;
    bottom: 0;
	background: rgba(0,0,0,0.02);
}
.recommend-content .recommend-item-info {
	padding: 0.3rem 1rem 0 0.5rem;
	position: relative;
}
.recommend-content .recommend-item-info>p {
	font-size: 0.7rem;
    line-height: 1rem;
    height: 2rem;
    overflow: hidden;
}
.recommend-content .recommend-item-info .recommend-item-member {
    font-size: 0.5rem;
    line-height: 1rem;
    color: #999;
    position: absolute;
    bottom: 0;
}
.recommend-content .recommend-item-info .recommend-item-member .recommend-browse {
	margin-left: 0.1rem;
}
.recommend-content .recommend-item-info .recommend-item-member .recommend-browse i {
	margin-right: 0.2rem;
	position: relative;
    top: 0.05rem;
}
.recommend-content .recommend-item-info .recommend-item-btn {
    position: absolute;
    top: 1.5rem;
    right: 0;
    width: 1rem;
    height: 1rem;
}
.recommend-content .recommend-item-info .recommend-item-btn i {
    font-size: 1rem;
    color: #aaa;
    font-weight: 300;
}
.toutiao-detail-look {
	margin-top: 0.5rem;
	background: #fff;
}
.toutiao-detail-look .look-title,.toutiao-detail-comment .comment-title {
	height: 2rem;
    line-height: 2rem;
    font-size: 0.7rem;
    padding: 0 0.5rem;
    border-bottom: 1px solid #eee;
}
.toutiao-detail-look .look-content {
	font-size: 0;
}
.look-content .look-item-box {
	width: 50%;
	display: inline-block;
	font-size: 0.5rem;
}
.look-content .look-item-box:nth-of-type(odd) .look-item {
	margin-right: 0.1rem;
}
.look-content .look-item-box:nth-of-type(even) .look-item {
	margin-left: 0.1rem;
}
.look-content .look-item {
	background: #fff;
	margin-bottom: 0.2rem;
}
.look-content .look-item .look-item-img {
	width: 100%;
	height: 100%;
	position: relative;
}
.look-content .look-item .look-item-img:after {
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background: rgba(0,0,0,0.02);
}
.look-content .look-item .look-item-img img {
	display: block;
	width: 100%;
	height: 100%;
}
.look-content .look-item .look-item-info {
	padding: 0.35rem;
}
.look-content .look-item .look-item-title {
	font-size: 0.6rem;
	line-height: 1rem;
	height: 1rem;
}
.look-content .look-item .look-item-price {
	height: 1rem;
	line-height: 1rem;
}
.look-content .look-item .look-item-price .price {
	color: #ff5000;
	font-size: 0.6rem;
}
.look-content .look-item .look-item-price .oldprice {
	color: #999;
	margin-left: 0.1rem;
	text-decoration: line-through;
}
.look-content .look-item .look-item-num {
	color: #999;
	height: 1rem;
	line-height: 1rem;
}
.toutiao-detail-comment {
	margin-top: 0.5rem;
    background: #fff;
}
.toutiao-detail-comment .comment-content {
	width: 100%;
	font-size: 0.6rem;
}
.comment-content .comment-item {
	margin: 0 0.5rem;
	padding: 0.6rem 0;
	position: relative;
	/*font-size: 0.6rem;*/
	border-bottom: 1px solid #eee;
}
.comment-content .comment-item-user {
	
}
.comment-content .comment-item-user .comment-item-img {
	width: 1.5rem;
	height: 1.5rem;
	border-radius: 50%;
	overflow: hidden;
}
.comment-content .comment-item-user .comment-item-img img {
	width: 100%;
	height: 100%;
}
.comment-content .comment-item-user .comment-item-user-info {
	margin-left: 0.3rem;
}
.comment-content .comment-item-user .comment-item-user-info .user-time {
	font-size: 0.5rem;
	color: #999;
	margin-top: 0.2rem;
}
.comment-content .comment-item-info {
	margin: 0.5rem 0 0 1.8rem;
	line-height: 1rem;
}
.comment-content .comment-item-zan {
	margin-top: 0.5rem;
}
.comment-content .comment-item-zan .zan-btn {
	height: 0.8rem;
	line-height: 0.8rem;
	width: 1.9rem;
	border: 1px solid #ccc;
	border-radius: 0.5rem;
	text-align: center;
	font-size: 0.5rem;
    color: #ccc;
    padding: 0 0.2rem 0 0.3rem;
}
.comment-content .comment-item-zan .zan-btn i {
	font-size: 0.5rem;
	width: 0.5rem
}
.comment-content .comment-item-zan .zan-btn span {
	text-align: center;
}
.comment-content .comment-item-zan .zan-btn.current {
	color: #ff5000;
	border-color: #ff5000;
}
.comment-content .comment-more {
	height: 2rem;
	line-height: 2rem;
}
.comment-content .comment-more a {
	color: #3B67A4;
}
.comment-content .comment-more a i {
	font-size: 0.7rem;
}
/* E 淘宝头条详情页 样式*/

.toutiao-detail-bottom {
	height: 2.5rem;
}

/*S 淘宝头条详情页 底部固定栏 样式*/
.toutiao-detail-fixed {
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	background: #fff;
	height: 2rem;
	border-top: 1px solid #eee;
	padding: 0 0.5rem;
}
.toutiao-detail-fixed .toutiao-fixed-comment {
	width: 65%;
}
.toutiao-detail-fixed .fixed-comment-content {
	display: block;
	background: #f4f4f4;
	font-size: 0.6rem;
	height: 1.4rem;
	line-height: 1.4rem;
	margin-right: 0.5rem;
	color: #999;
	border-radius: 0.15rem;
}
.toutiao-detail-fixed .fixed-comment-content i {
	margin: 0 0.4rem;
	font-size: 0.8rem;
	font-weight: 100;
}
.toutiao-detail-fixed .toutiao-fixed-oper {
	width: 35%;
	font-size: 0.5rem;
}
.toutiao-detail-fixed .toutiao-fixed-oper>a {
	width: 33.3333%;
	overflow: hidden;
	padding: 0.2rem 0.3rem 0;
}
.toutiao-detail-fixed .toutiao-fixed-oper .fixed-oper-img {
	width: 0.8rem;
	height: 0.8rem;
	text-align: center;
	margin-bottom: 0.2rem;
}
.toutiao-detail-fixed .toutiao-fixed-oper .fixed-oper-img img {
	width: 100%;
}
.toutiao-detail-fixed .toutiao-fixed-oper>a p {
	/*line-height: 0.4rem;*/
	font-size: 0.4rem;
}
.toutiao-detail-fixed .toutiao-fixed-oper .comment {
	color: #ff5000;
}
.toutiao-detail-fixed .toutiao-fixed-oper>a.current {
	color: #ff5000;
}
/*E 淘宝头条详情页 底部固定栏 样式*/

/*S 淘宝头条详情页 返回顶部*/
.toutiao-detail-top-wrap {
	position: fixed;
	right: 0.5rem;
	bottom: 3rem;
	display: none;
	z-index: 2;
}
.toutiao-detail-top {
	width: 1.8rem;
	height: 1.8rem;
	border-radius: 50%;
	border: 1px solid #eee;
	font-size: 0.4rem;
	background: rgba(255,255,255,0.9);
	color: #666;
}
.toutiao-detail-top  i {
	font-size: 0.7rem;
}
/*E 淘宝头条详情页 返回顶部*/


/*S 有好货首页 样式*/
.yhh-fixed {
	height: 1.6rem;
	background: -webkit-linear-gradient(to right, #1DBDFB, #0794F0);
	background: -moz-linear-gradient(to right, #1DBDFB, #0794F0);
	background: -ms-linear-gradient(to right, #1DBDFB, #0794F0);
	background: -o-linear-gradient(to right, #1DBDFB, #0794F0);
	background: linear-gradient(to right, #1DBDFB, #0794F0);
}
.yhh-fixed .header-yhh {
    height: 1.6rem;
    color: #fff;
    font-size: 0.7rem;
    position: relative;
}
.yhh-fixed .header-yhh:after {
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	display: block;
	height: 3px;
	width: 100%;
	background: -webkit-linear-gradient(to right, #7FE0FF, #88D6FE);
	background: -moz-linear-gradient(to right, #7FE0FF, #88D6FE);
	background: -ms-linear-gradient(to right, #7FE0FF, #88D6FE);
	background: -o-linear-gradient(to right, #7FE0FF, #88D6FE);
	background: linear-gradient(to right, #7FE0FF, #88D6FE);
}
.yhh-fixed .header-yhh img {
	width: 0.7rem;
	margin-right: 0.2rem;
}
.yhh-content {
	padding-top: 1.6rem;
}
.yhh-content .yhh-search {
	padding: 0.5rem 0.5rem 0;
	background: #fff;
	position: relative;
}
.yhh-content .yhh-search a,.yhh-content .yhh-search input {
    background: #f4f4f4;
    height: 1.4rem;
    border-radius: 0.1rem;
    font-size: 0.6rem;
    color: #aaa;
}
.yhh-content .yhh-search input {
	box-sizing: border-box;
	height: 1.4rem;
	border: 1px solid transparent;
	width: 98%;
	margin: 0 auto;
	padding: 2px 10px;
}
.yhh-content .yhh-search span {
	position: absolute;
	top: 0.75rem;
	left: 5rem;
	font-size: 0.6rem;
	color: #aaa;
}
.yhh-content .yhh-search span i {
	font-size: 0.6rem;
	padding-right: 0.2rem;
}
.yhh-list .yhh-item {
	background: #fff;
	padding: 0.5rem 0.5rem 0;
}
.yhh-list .yhh-item:first-child {
	margin-bottom: 0.5rem;
	padding-bottom: 0.5rem;
}
.yhh-list .yhh-item>a {
	width: 100%;
}
.yhh-list .yhh-item .yhh-item-img {
	width: 6.5rem;
	height: 6.5rem;
	overflow: hidden;
	position: relative;
}
.yhh-list .yhh-item .yhh-item-img:after {
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background: rgba(0,0,0,0.02);
}
.yhh-list .yhh-item .yhh-item-img img {
	width: 100%;
	height: 100%;
}
.yhh-list .yhh-item .yhh-item-info {
	width: calc(100% - 7rem);
	font-size: 0.6rem;
	padding-left: 0.5rem;
	position: relative;
}
.yhh-list .yhh-item .yhh-item-info .title {
	margin-top: 0.5rem;
	font-size: 0.7rem;
	line-height: 0.8rem;
	font-weight: 600;
}
.yhh-list .yhh-item .yhh-item-info .content {
	font-size: 0.6rem;
	color: #999;
	line-height: 0.8rem;
	margin-top: 0.5rem;
	height: 2.4rem;
	overflow: hidden;
}
.yhh-list .yhh-item:first-child .yhh-item-info .content {
	height: 1.6rem;
}
.yhh-list .yhh-item .yhh-item-info .price {
	margin-top: 0.5rem;
}
.yhh-list .yhh-item .yhh-item-info .price .now-price span {
	color: #1DBDFB;
	font-size: 0.5rem;
}
.yhh-list .yhh-item .yhh-item-info .price .now-price strong {
	color: #17BCFC;
	font-size: 0.7rem;
	font-weight: normal;
}
.yhh-list .yhh-item .yhh-item-info .price .now-price strong i {
	font-size: 0.5rem;
	margin-right: 0.1rem;
}
.yhh-list .yhh-item .yhh-item-info .price .old-price {
	font-size: 0.5rem;
	color: #999;
}
.yhh-list .yhh-item .yhh-item-info .good {
	position: absolute;
	bottom: 0.8rem;
	right: 0;
    color: #1DBDFB;
    font-size: 0.5rem;
    height: 0.8rem;
    line-height: 0.8rem;
}
.yhh-list .yhh-item .yhh-item-info .good i {
	font-size: 0.7rem;
	color: #17BCFC;
	margin-right: 0.2rem;
}
.yhh-content .yhh-bottom {
	height: 2rem;
	font-size: 0.5rem;    
	line-height: 2rem;
    text-align: center;
}
.yhh-bottom {
	text-align: center;
	width: 100%;
	font-size: 0.6rem;
	padding: 0.6rem 0;

}

/*E 有好货首页 样式*/

/*S 有好货详情页 样式*/
.yhh-detail-goods {
	width: 100%;
	height: 8.5rem;
	background: #fff;
	overflow: hidden;
	position: relative;
}
.yhh-detail-goods:after {
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background: -webkit-linear-gradient(rgba(0,0,0,0.01),rgba(0,0,0,0.08));
	background: -moz-linear-gradient(rgba(0,0,0,0.01),rgba(0,0,0,0.08));
	background: -ms-linear-gradient(rgba(0,0,0,0.01),rgba(0,0,0,0.08));
	background: -o-linear-gradient(rgba(0,0,0,0.01),rgba(0,0,0,0.08));
	background: linear-gradient(rgba(0,0,0,0.01),rgba(0,0,0,0.08));
}
.yhh-detail-goods>img {
	width: 100%;
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}
.yhh-detail {
	background: #fff;
	padding: 0.5rem;
	font-size: 0.5rem;
}
.yhh-detail .yhh-detail-title h3 {
	/*padding-top: 0.5rem;*/
	height: 1rem;
	line-height: 1rem;
	font-size: 0.8rem;
	font-weight: 600;
}
.yhh-detail .yhh-detail-buy {
	margin-left: -0.5rem;
	margin-top: 0.5rem;
}
.yhh-detail .yhh-detail-buy .yhh-detail-bought {
	width: 3.6rem;
	height: 1.3rem;
	line-height: 1.3rem;
	color: #fff;
	padding-left: 0.5rem;
	border-top-right-radius: 0.65rem;
	border-bottom-right-radius: 0.65rem;
	background: linear-gradient(to right, #1DBDFB, #0794F0);
}
.yhh-detail .yhh-detail-buy .yhh-detail-buy-num {
	color: #1DBDFB;
}
.yhh-detail .yhh-detail-buy .yhh-detail-buy-num span {
	font-size: 0.7rem;
	color: #17BCFC;
}
.yhh-detail .yhh-detail-from {
	color: #999;
	margin-top: 0.5rem;
}
.yhh-detail .yhh-detail-goodwh {
	margin: 1.5rem 0 1rem 0;
	font-size: 0.7rem;
}
.yhh-detail .yhh-detail-goodwh .yhh-detail-goodwh-title {
	font-size: 0.7rem;
	font-weight: 600;
	text-align: center;
}
.yhh-detail .yhh-detail-goodwh .yhh-detail-goodwh-icon {
	margin-top: 0.5rem;
	height: 0.4rem;
}
.yhh-detail .yhh-detail-goodwh .yhh-detail-goodwh-icon img {
	height: 100%;
}
.yhh-detail .yhh-detail-goodwh .yhh-detail-goodwh-list {
	padding-left: 0.6rem;
	margin-top: 1rem;
}
.yhh-detail .yhh-detail-goodwh .yhh-detail-goodwh-list li {
	list-style-type: disc;
	color: #0794F0;
	line-height: 1rem;
}
.yhh-detail .yhh-detail-goodwh .yhh-detail-goodwh-list li p {
	color: #333;
}
.yhh-detail .yhh-detail-goodwh .yhh-detail-goodwh-img {
	width: 100%;
	margin-top: 1rem;
}
.yhh-detail .yhh-detail-goodwh .yhh-detail-goodwh-img img {
	width: 100%;
}
.yhh-detail .yhh-detail-goodwh .yhh-detail-goodwh-desc {
	margin-top: 0.5rem;
	line-height: 1rem;
}
.yhh-detail .yhh-detail-goodwh .yhh-detail-goodwh-logo {
	max-height: 2rem;
	margin-top: 1rem;
}
.yhh-detail .yhh-detail-goodwh .yhh-detail-goodwh-logo img {
	max-height: 2rem;
}
.yhh-detail .toutiao-detail-head {
	margin-top: 0.5rem;
}
.yhh-detail-recomend .look-title {
	font-size: 0.7rem;
	font-weight: 600;
}
.yhh-detail-recomend .yhh-detail-recomend-bought {
	margin-top: 0.4rem;
	color: #999;
}
.yhh-detail-recomend-bought .yhh-detail-recomend-l,
.yhh-detail-recomend-bought .yhh-detail-recomend-r {
	width: 50%;
}
.yhh-detail-recomend-bought .yhh-detail-recomend-l {
	float: left;
}
.yhh-detail-recomend-bought .yhh-detail-recomend-r {
	float: right;
	text-align: right;
	line-height: 0.9rem;
	height: 0.9rem;
}
.yhh-detail-recomend-bought .yhh-detail-recomend-r>i {
	font-size: 0.6rem;
	margin-right: 0.1rem;
}
.yhh-detail-recomend-bought .yhh-detail-recomend-l .yhh-detail-recomend-img {
	width: 0.9rem;
	height: 0.9rem;
	border-radius: 50%;
	overflow: hidden;
	margin-right: 0.4rem;
	float: left;
}
.yhh-detail-recomend-bought .yhh-detail-recomend-l .yhh-detail-recomend-img img {
	width: 100%;
	height: 100%;
}
.yhh-detail-recomend-bought .yhh-detail-recomend-l>span {
	float: left;
	display: block;
	width: 2rem;
	height: 0.9rem;
	line-height: 0.9rem;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.yhh-detail-bottom {
	height: 2rem;
}
.yhh-detail-fixed {
	position: fixed;
	bottom: -1px;
	left: 0;
	right: 0;
	background: #fff;
	height: 2rem;
	border-top: 1px solid #eee;
	padding: 0 0 0 0.5rem;
	z-index: 999;
}
.yhh-detail-fixed .yhh-detail-fixed-content {
	height: 2rem;
}
.yhh-detail-fixed .yhh-detail-fixed-content>a {
	width: 25%;
	text-align: center;
	font-size: 0.5rem;
	height: 100%;
}
.yhh-detail-fixed .yhh-detail-fixed-content>a.like {
	color: #20abfe;
}
.yhh-detail-fixed .yhh-detail-fixed-content .yhh-detail-btn {

}
.yhh-detail-fixed .yhh-detail-fixed-content .yhh-detail-btn.current {
	color: #20abfe;
}
.yhh-detail-fixed .yhh-detail-btn .fixed-oper-img {
	width: 0.8rem;
	height: 0.8rem;
	text-align: center;
	margin-right: 0.3rem;
}
.yhh-detail-fixed .yhh-detail-btn .fixed-oper-img img.favorite {
	display: none;
}
.yhh-detail-fixed .yhh-detail-btn .fixed-oper-img img {
	/*width: 100%;*/
	height: 100%;
}
.yhh-detail-fixed .yhh-detail-btn .fixed-oper-img img.forlike {
	display: none;
}
.yhh-detail-fixed .yhh-detail-fixed-content .yhh-detail-tobuy {
	color: #fff;
	font-size: 0.7rem;
	height: calc(100% + 1px);
	margin-top: -1px;
	background: -webkit-linear-gradient(to right, #1DBDFB, #0794F0);
	background: -moz-linear-gradient(to right, #1DBDFB, #0794F0);
	background: -ms-linear-gradient(to right, #1DBDFB, #0794F0);
	background: -o-linear-gradient(to right, #1DBDFB, #0794F0);
	background: linear-gradient(to right, #1DBDFB, #0794F0);
}
/*E 有好货详情页 样式*/

/*S 必买清单 样式*/
.qingdan-tab {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	height: 2.5rem;
	z-index: 999;
}
.qingdan-tab .swiper-container {
	width: 100%;
	height: 2.5rem;
	background: #F51438;
	font-size: 0.6rem;
	line-height: 0.6rem;
}
.qingdan-tab .swiper-wrapper .swiper-slide.current {
	background: #E00022;
}
.qingdan-tab .swiper-container a {
	color: #fff;
	height: 2.5rem;
}
.qingdan-tab .swiper-container a.qingdan-channel {
	line-height: 2.5rem;
}
.qingdan-tab .swiper-container a span {
	position: relative;
}
.qingdan-tab .swiper-container a span em {
	position: absolute;
	bottom : 0.6rem;
	left: 20%;
	display: inline-block;
	height: 2px;
	border-radius: 2px;
	width: 60%;
	background-color: #ccc;
	display: none;
}
.qingdan-tab .swiper-container .swiper-slide-active span em {
	display: block;
}
.qingdan-tab .swiper-container .qingdan-tab-img {
	width: 1rem;
	height: 1rem;
	margin-bottom: 0.2rem;
}
.qingdan-tab .swiper-container .qingdan-tab-img img {
	width: 100%;
}
.qingdan-main {
	margin-top: 3rem;
}
.qingdan-main .qingdan-main-title {
	height: 1.2rem;
	margin: 0 0.5rem;
}
.qingdan-main .qingdan-main-title h3 {
	font-size: 0.8rem;
	font-weight: 600;
}
.qingdan-main .qingdan-main-title span {
	color: #999;
}
.qingdan-main .qingdan-search {
	padding: 0 0.5rem 0;
}
.qingdan-main .qingdan-search a {
	display: block;
	background: #fff;
    height: 1.4rem;
    border-radius: 0.1rem;
    font-size: 0.6rem;
    color: #aaa;
    text-align: center;
    line-height: 1.4rem;
}
.qingdan-main .qingdan-search a i {
	font-size: 0.6rem;
	padding-right: 0.2rem;
}
.qingdan-main .qingdan-banner {
	margin: 0.5rem 0.5rem 0;
}
.qingdan-main .qingdan-banner .qingdan-banner-item {
	width: calc(50% - 0.25rem);
	height: 8.5rem;
	border-radius: 0.2rem;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}
.qingdan-main .qingdan-banner .qingdan-banner-item:first-child {
	margin-right: 0.25rem;
	background-image: url(../images/x_qingdan_bg_l.jpg);
}
.qingdan-main .qingdan-banner .qingdan-banner-item:last-child {
	margin-left: 0.25rem;
	background-image: url(../images/x_qingdan_bg_r.jpg);
}
.qingdan-main .qingdan-banner .qingdan-banner-item a {
	display: block;
	width: 100%;
	height: 100%;
	border-radius: 0.2rem;
	background: rgba(0,0,0,0.3);
	position: relative;
	overflow: hidden;
}
.qingdan-banner .qingdan-banner-item a h3 {
	position: absolute;
	top: 0.35rem;
	left: 0.35rem;
	right: 0.35rem;
	color: #fff;
	font-size: 0.9rem;
	line-height: 1rem;
	font-weight: 600;
}
.qingdan-banner .qingdan-banner-item a p {
	position: absolute;
	top: 1.5rem;
	left: 0.35rem;
	right: 0.35rem;
	color: #fff;
}
.qingdan-banner .qingdan-banner-item a img {
	position: absolute;
	right: 0;
	bottom: -0.2rem;
	max-width: 6.5rem;
	max-height: 6.5rem;
}
.qingdan-main .qingdan-like {
	margin-top: 0.9rem;
}
.qingdan-like .qingdan-like-title {
	margin: 0 0.5rem;
}
.qingdan-like .qingdan-like-title h3 {
	font-size: 0.8rem;
	line-height: 1rem;
	font-weight: 600;
}
.qingdan-like .qingdan-like-title span {
	line-height: 1rem;
	font-size: 0.5rem;
	position: relative;
	padding-left: 0.3rem;
	margin-left: 0.3rem;
}
.qingdan-like .qingdan-like-title span:before {
	content: '';
	position: absolute;
	left: 0;
	top: 0.2rem;
	width: 1px;
	height: 0.6rem;
	background: #ccc;
}
.qingdan-like .swiper-container {
	margin-top: 0.5rem;
}
.qingdan-like .swiper-container * {
	box-sizing: border-box;
}
.qingdan-like .swiper-slide {
	background: #fff;
	border-radius: 0.1rem;
	/*height: 6.5rem;*/
	padding: 0.5rem 0.25rem;
}
.qingdan-like .swiper-slide .title {
	font-size: 0.7rem;
	font-weight: 600;
	padding: 0 0.5rem;
	text-align: center;
	margin-bottom: 0.2rem;
}
.qingdan-like .swiper-slide .num {
	padding: 0 0.5rem;
	color: #999;
	text-align: center;
}
.qingdan-like .swiper-slide .qingdan-like-list {
	margin-top: 0.3rem;
}
.qingdan-like .swiper-slide .qingdan-like-list li {
	float: left;
	width: 32%;
	height: 0;
	padding-bottom: 32%;
	position: relative;
	overflow: hidden;
	margin-right: 2%;
}
.qingdan-like .swiper-slide .qingdan-like-list li:last-child {
	margin-right: 0;
}
.qingdan-like .swiper-slide .qingdan-like-list li img {
	width: 100%;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}
.qingdan-like .swiper-slide .qingdan-like-list li:after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0,0,0,0.02);
}
.qingdan-main .qingdan-article {
	/*margin-top: 0.5rem;*/
	/*margin: 0.5rem 0.5rem 0;*/
}
.qingdan-article .qingdan-article-item {
	display: block;
	background: #fff;
	padding: 0.3rem;
	border-radius: 0.2rem;
	margin: 0.5rem 0.5rem 0;
}
.qingdan-article .qingdan-article-banner {
	width: 100%;
	padding-bottom: 42.666666%;
	height: 0;
	overflow: hidden;
	position: relative;
	border-radius: 0.15rem;
}
.qingdan-article .qingdan-article-banner:after {
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background: rgba(0,0,0,0.25);
}
.qingdan-article .qingdan-article-banner:before {
	content: '';
    position: absolute;
    left: 48.5%;
    bottom: -0.25rem;
    width: 0.5rem;
    height: 0.5rem;
    background: #fff;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    z-index: 1;
}
.qingdan-article .qingdan-article-banner img {
	width: 100%;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}
.qingdan-article .qingdan-article-banner h3 {
	position: absolute;
	left: 0.5rem;
	right: 0.5rem;
	bottom: 0.8rem;
	text-align: center;
	color: #fff;
	font-size: 0.8rem;
	font-weight: 600;
	line-height: 1rem;
	z-index: 1;
}
.qingdan-article .qingdan-article-banner .good-item-img-num {
	position: absolute;
	right: 0.5rem;
	top: 0.5rem;
	z-index: 1;
	color: #fff;
	width: 45px;
	height: 52px;
	background: url(../images/shouye_count_bg.png) no-repeat;
	text-align: center;
}
.qingdan-article .qingdan-article-banner .good-item-img-num i {
	display: block;
	margin-top: 0.2rem;
	font-size: 0.7rem;
	line-height: 0.8rem;
	font-weight: 600;
}
.qingdan-article .qingdan-article-good {
	margin-top: 0.15rem;
}
.qingdan-article .qingdan-article-good li {
	float: left;
	width: 32.666666%;
	margin-right: 1%;
	position: relative;
}
.qingdan-article .qingdan-article-good li:last-child {
	margin-right: 0;
}
.qingdan-article .qingdan-article-good li .good-item-img {
	width: 100%;
	height: 0;
	padding-bottom: 100%;
	position: relative;
	overflow: hidden;
}
.qingdan-article .qingdan-article-good li .good-item-img:after {
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background: rgba(0,0,0,0.02);
}
.qingdan-article .qingdan-article-good li .good-item-img img {
	width: 100%;
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}
.qingdan-article .qingdan-article-good li .good-item-info {
	margin-top: 0.2rem;
	line-height: 0.8rem;
	text-align: center;
}
.qingdan-article .qingdan-article-good li .good-item-info p {
	color: #666;
	font-size: 0.6rem;
}
.qingdan-article .qingdan-article-good li .good-item-info span {
	color: #999;
}
/*E 必买清单 样式*/

/*S 必买清单详情页 样式*/
.qingdan-detail-abstract {
	padding: 0.5rem 0 0.5rem 0.7rem;
}
.qingdan-detail-abstract p {
	font-size: 0.7rem;
	color: #999;
	line-height: 1rem;
	position: relative;
}
.qingdan-detail-abstract p:before {
    content: '';
    position: absolute;
    left: -0.7rem;
    width: 2px;
    height: 100%;
    background: #ccc;
}
.toutiao-detail-article .title-sort {
	line-height: 1.2rem;
	margin-top: 0.5rem;
	text-align: center;
	font-size: 0.7rem;
	font-weight: 600;
}
.qingdan-detail-good-bar {
	position: relative;
	margin-top: 0.5rem;
}
.qingdan-detail-good {
	display: block;
	width: 100%;
	background: #f6f6f6;
	padding-bottom: 0.5rem;
}
.qingdan-detail-good .qingdan-detail-good-img {
	width: 100%;
	height: 0;
	padding-bottom: 100%;
	margin-top: 0.5rem;
	position: relative;
}
.qingdan-detail-good .qingdan-detail-good-img .good-img {
	display: block;
	/*width: 100%;
	height: 100%;*/
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
}
.qingdan-detail-good .qingdan-detail-good-img .good-img:after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0,0,0,0.04);
}
.qingdan-detail-good .qingdan-detail-good-img img {
	width: 100%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}
.qingdan-detail-good-bar .collect {
	position: absolute;
	left: 0.5rem;
	bottom: 0.5rem;
	width: 2.6rem;
	height: 1rem;
	border-radius: 0.5rem;
	background: rgba(0,0,0,0.3);
	text-align: center;
	line-height: 1rem;
	color: #fff;
}
.qingdan-detail-good-bar .collect i {
	margin-right: 0.1rem;
}
.qingdan-detail-good-bar .price-btn {
	display: block;
	position: absolute;
	right: 0.5rem;
	bottom: 0.5rem;
	width: 5rem;
	height: 1.2rem;
	background: linear-gradient(to right,#ff8000,#ff5000);
	color: #fff;
	text-align: center;
	line-height: 1.2rem;
	border-radius: 0.6rem;
	padding: 0 0.5rem;
	font-size: 0.5rem;
}
.qingdan-detail-good-bar .price-btn b {
	padding-left: 0.5rem;
	position: relative;
}
.qingdan-detail-good-bar .price-btn b:before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	height: 0.6rem;
	width: 1px;
	background: #fff;
}
.qingdan-detail-good .qingdan-detail-good-info {
	display: block;
	margin-top: 0.5rem;
	padding: 0 0.5rem;
}
.qingdan-detail-good .qingdan-detail-good-info .good-info-title {
	font-size: 0.7rem;
}
.qingdan-detail-good .qingdan-detail-good-info p {
	font-size: 0.68rem;
	color: #999;
}
.qingdan-detail-coll-bar {
	position: fixed;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
}
.qingdan-detail-coll-bar .qingdan-detail-coll {
	max-width: 60%;
	box-sizing: border-box;
	background: rgba(0,0,0,0.6);
	border-radius: 0.2rem;
	padding: 0.3rem 0.6rem;
	text-align: center;
	color: #fff;
	font-size: 0.7rem;
	font-weight: 600;
	line-height: 1.2rem;
}
.qingdan-detail-coll-narrow .qingdan-detail-coll {
	-webkit-transform: scale(0.9,0.9);
	-moz-transform: scale(0.9,0.9);
	-ms-transform: scale(0.9,0.9);
	-o-transform: scale(0.9,0.9);
	transform: scale(0.9,0.9);
	font-size: 0.6rem;
}
.toutiao-detail-member .qingdan-detail-carousel {
	margin-top: 0.5rem;
	margin-left: -0.3rem;
	width: calc(100% + 0.6rem);
}
.qingdan-detail-carousel .swiper-slide a {
	display: block;
}
.qingdan-detail-carousel .swiper-slide .qd-detail-img {
	width: 100%;
	height: 4.8rem;
	border-radius: 0.2rem;
	overflow: hidden;
	position: relative;
}
.qingdan-detail-carousel .swiper-slide .qd-detail-img img {
	height: 100%;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
}
.qingdan-detail-carousel .swiper-slide .qd-detail-title {
	height: 1.3rem;
	line-height: 1.3rem;
	font-size: 0.5rem;
}
/*E 必买清单详情页 样式*/

/*S 爱逛街 样式*/
.guang-banner {
	width: 100%;
	padding-bottom: 78%;
	height: 0;
	background: url(../images/guang_bg.png) no-repeat;
	background-size: 100% auto;
	background-position: center center;
	position: relative;
}
.guang-banner .swiper-container {
	width: calc(100% - 20px);
	padding-bottom: 7%;
	margin: 0 auto;
	position: relative;
}
.guang-banner .swiper-wrapper {
	margin-top: 0.6rem;
    width: 100%;
}
.guang-banner .swiper-slide {
	width: 100%;
	height: 100%;
	overflow: hidden;
}
.guang-banner .swiper-slide a {
	display: block;
	border-radius: 0.2rem;
}
.guang-banner .swiper-slide a img {
	display: block;
	width: 100%;
	height: 100%;
	border-radius: 0.2rem;
}
.guang-banner .swiper-pagination {
	position: absolute;
	height: 1rem;
	line-height: 1rem;
	bottom: 0.3rem;
	left: 0
}
.guang-banner .swiper-pagination .swiper-pagination-bullet {
	width: 7px;
	height: 7px;
	background: #fff;
	margin: 0 1.5px;
	opacity: 0.5;
}
.guang-banner .swiper-pagination .swiper-pagination-bullet-active {
	opacity: 1;
	background: #FF4466;
}
.guang-goods {
	width: 100%;
}
.guang-goods .guang-goods-title {
	width: 100%;
	height: 1.5rem;
	margin-top: 0.3rem;
}
.guang-goods .guang-goods-title img {
	width: 100%;
}
.guang-goods .guang-goods-list {
	width: 100%;
}
.guang-goods .guang-goods-list ul {
	width: 100%;
}
.guang-goods-list .guang-goods-item {
	width: 50%;
	/*display: inline-block;*/
	overflow: hidden;
}
.guang-goods-list .guang-goods-item .guang-goods-item-bar {
	display: block;
	margin-bottom: 0.2rem;
	background: #fff;
	padding-bottom: 0.5rem;
}
.guang-goods-list .guang-goods-item .guang-goods-item-bar>a {
	display: block;
}
.guang-goods-list .guang-goods-item:nth-of-type(odd)>.guang-goods-item-bar {
	margin-right: 0.1rem;
}
.guang-goods-list .guang-goods-item:nth-of-type(even)>.guang-goods-item-bar {
	margin-left: 0.1rem;
}
.guang-goods-list .guang-goods-item .guang-goods-pic {
	width: 100%;
	height: 0;
	padding-bottom: 120%;
	position: relative;
	overflow: hidden;
}
.guang-goods-list .guang-goods-item .guang-goods-pic img {
	width: auto;
	height: 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
}
.guang-goods-list .guang-goods-item .guang-goods-pic:after {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	background: rgba(0,0,0,0.02);
}
.guang-goods-list .guang-goods-item .guang-goods-pic>span {
	display: block;
	position: absolute;
	right: 0;
	bottom: 0;
	background: rgba(255,255,255,0.8);
	/*background: rgba(0,0,0,1);*/
	height: 1rem;
	width: 2rem;
	text-align: center;
	line-height: 1rem;
	border-top-left-radius: 0.2rem;
	z-index: 1;
}
.guang-goods-list .guang-goods-item .guang-goods-pic>span i {
	font-size: 0.5rem;
	margin-right: 0.2rem;
}
.guang-goods-list .guang-goods-item .guang-goods-info {
	padding: 0.3rem;
}
.guang-goods-list .guang-goods-item .guang-goods-info .goods-title {
	font-size: 0.7rem;
	line-height: 0.9rem;
	height: 1.8rem;
	overflow: hidden;
	text-overflow: ellipsis;
}
.guang-goods-list .guang-goods-item .guang-goods-info .goods-desc {
	color: #999;
	font-size: 0.7rem;
	line-height: 0.9rem;
	height: 1.8rem;
	overflow: hidden;
	text-overflow: ellipsis;
	margin-top: 0.1rem;
}
.guang-goods-list .guang-goods-item .goods-mess {
	height: 0.9rem;
    line-height: 0.9rem;
    font-size: 0.6rem;
    background: #fff;
    padding: 0 0.5rem 0;
}
.guang-goods-list .guang-goods-item .goods-mess .goods-mess-left {
	
}
.guang-goods-list .guang-goods-item .goods-mess .goods-mess-left .goods-head {
	width: 0.9rem;
	height: 0.9rem;
	border-radius: 0.45rem;
	margin-right: 0.2rem;
	overflow: hidden;
	position: relative;
}
.guang-goods-list .guang-goods-item .goods-mess .goods-mess-left .goods-head img {
	width: 100%;
}
.guang-goods-list .guang-goods-item .goods-mess .goods-mess-left .goods-head:after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0,0,0,0.02);
}
.guang-goods-list .guang-goods-item .goods-mess .goods-mess-left>span {
	display: block;
	max-width: 4rem;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.guang-goods-list .guang-goods-item .goods-mess .goods-collect {
	color: #666;
}
.guang-goods-list .guang-goods-item .goods-mess .goods-collect i {
	font-size: 0.6rem;
	margin-right: 0.1rem;
}
.guang-goods-list .guang-goods-item .goods-mess .goods-collect.current {
	color: #FF4466;
}
/*E 爱逛街 样式*/

/*S 爱逛街详情页 样式*/
.guang-detail-relate {
	width: 100%;
	height: 19.8rem;
}
.guang-detail-relate .swiper-container {
	width: 100%;
	height: 100%;
}
.guang-detail-relate .swiper-container .swiper-slide {
	width: 100%;
	height: 100%;
	position: relative;
	overflow: hidden;
}
.guang-detail-relate .swiper-container .swiper-slide img {
	width: 100%;
	/*height: 100%;*/
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}
.guang-detail-relate .swiper-container .swiper-pagination {
	position: absolute;
	bottom: 0.5rem;
}
.guang-detail-relate .swiper-container .swiper-pagination .swiper-pagination-bullet {
	width: 7px;
	height: 7px;
	margin: 0 1.5px;
	background: #fff;
	opacity: 0.6;
}
.guang-detail-relate .swiper-container .swiper-pagination .swiper-pagination-bullet-active {
	opacity: 1;
    background: #FF4466;
}
.guang-detail-relate .swiper-container .swiper-slide .guang-detail-link {
	position: absolute;
	font-size: 1rem;
	color: #fff;
	font-size: 0.6rem;
}
.guang-detail-relate .swiper-container .swiper-slide .guang-detail-link:nth-of-type(1) {
	top: 62%;
    left: 38%;
}
.guang-detail-relate .swiper-container .swiper-slide .guang-detail-link:nth-of-type(2) {
	top: 70%;
    left: 10%;
}
.guang-detail-relate .swiper-container .swiper-slide .guang-detail-link:nth-of-type(3) {
	top: 46%;
    left: 30%;
}
.guang-detail-relate .swiper-container .swiper-slide .guang-detail-link .link-circle {
	width: 0.6rem;
	height: 0.6rem;
	border-radius: 50%;
	background: rgba(255,255,255,0.6);
	margin: 0 0.2rem;
	animation: circleBig 0.6s ease-in infinite;
}
.guang-detail-relate .swiper-container .swiper-slide .guang-detail-link .link-circle>span {
	display: block;
	width: 0.3rem;
	height: 0.3rem;
	background: #ff4466;
	border-radius: 50%;
}
.guang-detail-relate .swiper-container .swiper-slide .guang-detail-link .link-info {
	background: rgba(255,68,102,0.6);
    padding: 0 0.5rem;
    height: 1.1rem;
    line-height: 1.1rem;
    border-radius: 0.55rem;
}
@keyframes circleBig {
	from {
		background: rgba(255,255,255,0.3);
	}
	to {
		background: rgba(255,255,255,0.9);
	}
}
.guang-detail-goods {

}
.guang-detail-goods .guang-detail-goods-title {
	font-size: 0.7rem;
	line-height: 2rem;
}
.guang-detail-goods .guang-detail-goods-list {
	width: 100%;
}
.guang-detail-goods-list .guang-detail-goods-item {
	width: calc(33.33% + 0.17rem);
	overflow: hidden;
}
.guang-detail-goods-list .guang-detail-goods-item:nth-of-type(3n) {
	width: calc(33.33% - 0.34rem);
}
.guang-detail-goods-list .guang-detail-goods-item>a {
	display: block;
	padding: 0.5rem 0;
	margin-right: 0.5rem;
}
.guang-detail-goods-list .guang-detail-goods-item:nth-of-type(3n)>a {
	margin-right: 0;
}
.guang-detail-goods-list .guang-detail-goods-item>a .guang-goods-item-img {
	width: 100%;
	height: 0;
	padding-bottom: 100%;
	overflow: hidden;
	position: relative;
}
.guang-detail-goods-list .guang-detail-goods-item>a .guang-goods-item-img img {
	width: 100%;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
}
.guang-detail-goods-list .guang-detail-goods-item>a .guang-goods-item-price {
	padding-top: 0.3rem;
	font-size: 0.7rem;
	line-height: 0.9rem;
	color: #ff4466;
	text-align: center;
}
.guang-detail-fixed .toutiao-fixed-oper .comment {
	color: #ff4466;
}
.guang-detail-fixed .toutiao-fixed-oper>a.current {
	color: #ff4466;
}
.guang-detail-member>a .member-home {
	border: 1px solid #ff4466;
    color: #ff4466;
}
.guang-detail-comment .comment-content .comment-item-zan .zan-btn.current {
	color: #ff4466;
    border-color: #ff4466;
}
/*E 爱逛街详情页 样式*/

/*S 短视频 样式*/
.video-tab .swiper-container {
	background: #04122C;
}
.video-tab .swiper-wrapper .swiper-slide.current {
	background: transparent;
	font-weight: bold;
	position: relative;
}
.video-tab .swiper-wrapper .swiper-slide.current:after {
	content: '';
	position: absolute;
	left: 10%;
	bottom: 0;
	width: 80%;
	height: 0.1rem;
	background: #fff;
}
.video-main {
	padding-top: 2.5rem;
}
.video-main .video-banner {
	width: 100%;
	height: 0;
	padding-bottom: 107%;
	background: url(../images/guang_bg.png) no-repeat;
}
.video-banner .swiper-container {
	width: calc(100% - 1rem);
	margin: 0 auto;
	border-radius: 0.2rem;
	/*padding-bottom: 7%;*/
	padding: 0.5rem 0 7%;
}
.video-banner .swiper-container .swiper-slide {
	width: 100%;
	height: 0;
	padding-bottom: 100%;
}
.video-banner .swiper-container .swiper-slide>a {
	display: block;
	border-radius: 0.2rem;
	position: relative;
}
.video-banner .swiper-container .swiper-slide>a .video-banner-img img {
	width: 100%;
	height: 100%;
	border-radius: 0.2rem;
}
.video-banner .swiper-container .swiper-pagination {
	position: absolute;
	bottom: 0.2rem;
}
.video-banner .swiper-container .swiper-slide>a:after,
.video-main .video-item .video-item-main>a:after {
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	background: -webkit-linear-gradient(rgba(0,0,0,0.3),rgba(0,0,0,0),rgba(0,0,0,0),rgba(0,0,0,0),rgba(0,0,0,0.3));
    background: -moz-linear-gradient(rgba(0,0,0,0.3),rgba(0,0,0,0),rgba(0,0,0,0),rgba(0,0,0,0),rgba(0,0,0,0.3));
    background: -ms-linear-gradient(rgba(0,0,0,0.3),rgba(0,0,0,0),rgba(0,0,0,0),rgba(0,0,0,0),rgba(0,0,0,0.3));
    background: -o-linear-gradient(rgba(0,0,0,0.3),rgba(0,0,0,0),rgba(0,0,0,0),rgba(0,0,0,0),rgba(0,0,0,0.3));
    background: linear-gradient(rgba(0,0,0,0.3),rgba(0,0,0,0),rgba(0,0,0,0),rgba(0,0,0,0),rgba(0,0,0,0.3));
    z-index: 0;
    border-radius: 0.2rem;
}
.video-banner-member {
	position: absolute;
	left: 0.5rem;
	top: 0.5rem;
	color: #fff;
	font-size: 0.7rem;
	z-index: 1;
}
.video-banner-member .video-member {
	width: 1.5rem;
	height: 1.5rem;
	border-radius: 50%;
	position: relative;
	margin-right: 0.4rem;
}
.video-banner-member .video-member img {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	border-radius: 50%;
}
.video-banner-desc {
	position: absolute;
	left: 0.5rem;
	bottom: 0.5rem;
	color: #fff;
	z-index: 1;
	font-size: 0.6rem;
}
.video-banner-desc .video-banner-title {
	 font-size: 0.8rem;
}
.video-banner-desc .video-banner-num {
	margin-top: 0.2rem;
	height: 0.9rem;
	line-height: 0.9rem;
	background: rgba(0,0,0,0.2);
	border-radius: 0.2rem;
	max-width: 6.5rem;
}
.video-banner-desc .video-banner-num-video {
	display: inline-block;
	background: -webkit-linear-gradient(to right,#FF1C84,#F52754);
	background: -moz-linear-gradient(to right,#FF1C84,#F52754);
	background: -ms-linear-gradient(to right,#FF1C84,#F52754);
	background: -o-linear-gradient(to right,#FF1C84,#F52754);
	background: linear-gradient(to right,#FF1C84,#F52754);
	padding: 0 0.2rem 0 0.7rem;
	line-height: 0.9rem;
	border-radius: 0.2rem;
	height: 0.9rem;
	position: relative;
}
.video-banner-desc .video-banner-num-video:before {
	content: '';
	width: 0.3rem;
	height: 0.3rem;
	position: absolute;
	left: 0.2rem;
	top: 0.3rem;
	background: #fff;
	border-radius: 50%;
}
.video-banner-zan {
	position: absolute;
	right: 0.5rem;
	bottom: 0.5rem;
	z-index: 1;
}
.video-banner-zan>img {
	width: 1rem;
	height: 1rem;
}
.video-banner-zan>span {
	display: block;
	color: #fff;
	margin-top: 0.2rem;
}
.video-banner .swiper-container .swiper-pagination .swiper-pagination-bullet {
	background: #fff;
	opacity: 0.9;
}
.video-banner .swiper-container .swiper-pagination .swiper-pagination-bullet-active {
	background: #ff4000;
}
.video-main .video-item {
	background: #fff;
	margin-top: 0.5rem;
	padding: 0.5rem;
}
.video-main .video-item .video-item-new {
	font-size: 0.7rem;
	font-weight: bold;
}
.video-main .video-item .video-item-new>img {
	width: 0.9rem;
	margin-right: 0.2rem;
}
.video-main .video-item .video-item-main {
	width: 100%;
	height: 0;
	padding-bottom: 100%;
	margin-top: 0.5rem;
}
.video-main .video-item .video-item-main>a {
	display: block;
	border-radius: 0.2rem;
	position: relative;
}
.video-main .video-item .video-item-img {
	position: relative;
	width: 100%;
	height: 354px;
	overflow: hidden;
}
.video-main .video-item .video-item-img img {
	border-radius: 0.2rem;
	height: 100%;
	position: absolute;
	transform: translate(-50%,-50%);
	top: 50%;
	left: 50%;
}
/*E 短视频 样式*/

/*S 短视频详情页 样式*/
.video-detail-sp {
	width: 100%;
	position: fixed;
	top: 0;
	height: 9.5rem;
	z-index: 9;
}
.video-detail-sp video {
	width: 100%;
	height: 100%;
	vertical-align: top;
}
.video-detail-member {
	height: 2.5rem;
	background: #fff;
	padding-left: 0.5rem;
}
.video-detail-member .video-member {
	width: 1.5rem;
	height: 1.5rem;
	border-radius: 50%;
	overflow: hidden;
}
.video-detail-member .video-member img {
	width: 100%;
	height: 100%;
}
.video-detail-member .video-member-info {
	margin-left: 0.2rem;
}
.video-detail-member .video-member-info .video-detail-title {
	font-size: 0.7rem;
	color: #E72B4E;
}
.video-detail-member .video-member-info .video-member-name {
	display: block;
	color: #999;
	margin-top: 0.1rem;
}
.video-detail-adver {
	margin-top: 0.5rem;
	padding: 0.5rem;
	background: #fff;
}
.video-detail-adver .video-adver-item {
	width: 50%;
}
.video-detail-adver .video-adver-item-img {
	width: 40%;
	height: 0;
	padding-bottom: 40%;
	position: relative;
}
.video-detail-adver .video-adver-item-img>img {
	width: 100%;
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}
.video-detail-adver .video-adver-item-info {
	margin-left: 4%;
	width: 50%;
}
.video-detail-adver .video-adver-item-info .title {
	font-size: 0.7rem;
}
.video-detail-adver .video-adver-item-info span {
	display: block;
	margin-top: 0.1rem;
	color: #999;
}
.video-detail-recomm {
	margin-top: 0.5rem;
}
.video-detail-recomm .recomm-title {
	width: 100%;
	height: 2rem;
	background: #fff;
	border-bottom: 1px solid #e8e8e8;
	text-align: center;
	line-height: 2rem;
	font-size: 0.7rem;
	color: #999;
	/*z-index: 10;*/
	position: relative;
	top: 0;
}
.video-detail-recomm .recomm-title span {
	position: relative;
	line-height: 2rem;
}
.video-detail-recomm .recomm-title span:after {
	content: '';
	position: absolute;
	height: 0.1rem;
	width: 100%;
	background: #E72B4E;
	bottom: -0.6rem;
    left: 0;
}
.video-detail-recomm .recomm-item {
	background: #fff;
}
.recomm-item .video-detail-member .video-member-info .video-member-name {
	margin-top: 0;
	color: #333;
	font-size: 0.7rem;
}
.recomm-item .video-detail-member .video-member-info .video-member-time {
	display: block;
	color: #999;
	margin-top: 0.1rem;
}
.recomm-item .recomm-item-goods {
	margin-left: 1.7rem;
	padding-bottom: 0.5rem;
	border-bottom: 1px solid #e8e8e8;
}
.recomm-item .recomm-item-goods>a {
	margin: 0.4rem 1rem 0.4rem 0;
	background: #f7f7f7;
}
.recomm-item .recomm-goods-img {
	width: 25%;
	height: 0;
	padding-bottom: 25%;
	overflow: hidden;
}
.recomm-item .recomm-goods-img>img {
	width: 100%;
}
.recomm-item .recomm-item-goods>a .recomm-goods-info {
	padding: 0 0.3rem 0 0.3rem;
}
.recomm-item .recomm-item-goods>a .recomm-goods-info .title {
	color: #666;
	font-size: 0.6rem;
	line-height: 0.8rem;
	height: 1.6rem;
	overflow: hidden;
}
.recomm-item .recomm-item-goods>a .recomm-goods-info .price {
	display: block;
	margin-top: 0.2rem;
	color: #E72B4E;
	font-size: 0.7rem;
	font-weight: bold;
}
.video-detail-fixed {
	padding-left: 0;
}
.video-detail-fixed .video-detail-goodsnum {
	width: 3rem;
	height: 100%;
	background: #FF2651;
	color: #fff;
}
.video-detail-fixed .video-detail-zan {
	position: absolute;
	right: 0.5rem;
	top: -0.5rem;
	width: 1.5rem;
}
.video-detail-fixed .video-detail-zan .num {
	background: -webkit-linear-gradient(#FC3A64,#E72B4E);
	background: -moz-linear-gradient(#FC3A64,#E72B4E);
	background: -ms-linear-gradient(#FC3A64,#E72B4E);
	background: -o-linear-gradient(#FC3A64,#E72B4E);
	background: linear-gradient(#FC3A64,#E72B4E);
	color: #fff;
	width: 1.8rem;
	height: 0.8rem;
	line-height: 0.8rem;
	text-align: center;
	border-radius: 0.4rem;
	z-index: 1
}
.video-detail-fixed .video-detail-zan .num span {
	display: block;
	height: 0.8rem;
	line-height: 0.8rem;
}
.video-detail-fixed .video-detail-zan>img {
	width: 1.5rem;
	height: 1.5rem;
	position: absolute;
    top: 0.7rem;
    z-index: 0;
}
.video-detail-fixed .video-detail-text {
	line-height: 2rem;
	font-size: 0.7rem;
	color: #999;
	margin-left: 0.2rem;
}

/*E 短视频详情页 样式*/

/*S 聚划算 样式*/
.jhs-navbox {
	height: 100%;
	/*position: absolute;*/
	position: fixed;
	top: 0;
}
.jhs-navbar {
	background: #fff;
	width: 100%;
	height: 1.8rem;
	position: fixed;
	top: 0;
	left: 0;
	/*left: 50%;
	max-width: 640px;
	transform: translateX(-50%);*/
	z-index: 9;
}
.jhs-navbar .jhs-nav-jx {
	height: 1.8rem;
	line-height: 1.8rem;
	font-size: 0.6rem;
	padding: 0 0.5rem;
	position: relative;
}
.jhs-navbar .jhs-nav-jx.current {
	color: #F11241;
}
.jhs-navbar .jhs-nav-jx.current:after {
	content: '';
	position: absolute;
    height: 0.12rem;
    width: 100%;
    bottom: 0;
    left: 0;
    background: #F11241;
}
.jhs-navbar .jhs-navwp {
	width: 1%;
	line-height: 1.8rem;
	text-align: center;
}
.jhs-navbar .jhs-navwp .swiper-slide {
	width: auto!important;
	padding: 0 0.5rem;
}
.jhs-navbar .jhs-navwp .swiper-slide a {
	display: inline-block;
	font-size: 0.6rem;
	position: relative;
	height: 1.8rem;
}
.jhs-navbar .jhs-navwp .swiper-slide.current a {
	color: #F11241;
}
.jhs-navbar .jhs-navwp .swiper-slide.current a:after {
	content: '';
	position: absolute;
	height: 0.12rem;
	width: 100%;
	bottom: 0;
	left: 0;
	background: #F11241;
}
.jhs-navbar .jhs-nav-dw {
	width: 1.8rem;
	height: 1.8rem;
	position: relative;
}
.jhs-navbar .jhs-nav-dw:after {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 1px;
	height: 100%;
	background: #eee;
}
.jhs-nav-dw-main {
	background: rgba(255,255,255,0.9);
	position: absolute;
	width: 100%;
	height: calc(100% - 4rem);
	position: fixed;
	top: 1.8rem;
	left: 0;
	z-index: 9;
	display: none;
}
.jhs-nav-dw-main li {
	width: 25%;
	float: left;
	padding-top: 0.6rem;
    text-align: center;
    font-size: 0.6rem;
}
.jhs-nav-dw-main .jhs-nav-search {
	margin-top: 0.6rem;
}
.jhs-nav-dw-main .jhs-nav-search>a {
	display: block;
	width: 90%;
	height: 1.4rem;
	line-height: 1.4rem;
	background: rgba(153,153,153,0.7);
	border-radius: 0.7rem;
	color: #fff;
	padding-left: 0.5rem;
	box-sizing: border-box;
	font-size: 0.7rem;
}
.jhs-nav-dw-main .jhs-nav-search>a>i {
	margin: 0 0.2rem;
}
.jhs-main {
	margin-top: 1.8rem;
}
.jhs-banner {
	
}
.jhs-banner .swiper-container {
	width: 100%;
	height: 8.3rem;
}
.jhs-banner .swiper-container .swiper-slide {
	position: relative;
}
.jhs-banner .swiper-container .swiper-slide>a {
	display: block;
	width: 100%;
	height: 100%;
}
.jhs-banner .swiper-container .swiper-slide>a>img {
	width: 100%;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
}
.jhs-banner .swiper-container .swiper-pagination {
	bottom: 0.1rem;
}
.jhs-banner .swiper-container .swiper-pagination .swiper-pagination-bullet {
	background: #fff;
	opacity: 1;
}
.jhs-banner .swiper-container .swiper-pagination .swiper-pagination-bullet-active {
	background: #FE3525;
	opacity: 1;
}
.jhs-bimai {
	margin-top: 0.5rem;
	padding: 0 0.5rem;
}
.jhs-bimai .jhs-bimai-tab .bimai-tab-l>span {
	font-size: 0.5rem;
	line-height: 0.6rem;
	/*font-weight: 600;*/
}
.jhs-bimai .jhs-bimai-tab .bimai-tab-l>h3 {
	font-size: 0.8rem;
	line-height: 1.2rem;
	padding-left: 0.5rem;
	font-weight: 600;
	position: relative;
}
.jhs-bimai .jhs-bimai-tab .bimai-tab-l>h3:before {
	content: '';
	position: absolute;
	left: 0.25rem;
	width: 1px;
	height: 100%;
	background: #ccc;
}
.jhs-bimai .jhs-bimai-tab .bimai-tab-l>em {
	display: block;
	margin-left: 0.1rem;
	background: #333;
	color: #fff;
	height: 0.8rem;
	line-height: 0.9rem;
	padding: 0 0.3rem;
	border-radius: 0.4rem;
	border-bottom-left-radius: 0;
}
.jhs-bimai .jhs-bimai-tab .bimai-tab-r>a {
	color: #666;
}
.jhs-bimai .jhs-bimai-list {
	margin-top: 0.5rem;
}
.jhs-bimai-list .jhs-bimai-item {
	width: 32.666666%;
	float: left;
	font-size: 0;
}
.jhs-bimai-list .jhs-bimai-item:nth-of-type(2) {
	margin: 0 1%;
}
.jhs-bimai-list .jhs-bimai-item>a {
	display: block;
	font-size: 0.5rem;
	border: 1px solid #f6f6f6;
}
.jhs-bimai-list .jhs-bimai-item>a dl {
	text-align: center;
}
.jhs-bimai-list .jhs-bimai-item .item-img {
	width: 100%;
	padding-bottom: 100%;
	height: 0;
	overflow: hidden;
	position: relative;
}
.jhs-bimai-list .jhs-bimai-item .item-img>img {
	width: 100%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}
.jhs-bimai-list .jhs-bimai-item .title {
	height: 0.6rem;
	line-height: 0.6rem;
	margin-top: 0.4rem;
}
.jhs-bimai-list .jhs-bimai-item .price {
	margin-top: 0.2rem;
}
.jhs-bimai-list .jhs-bimai-item .price span {
	color: #ff0000;
}
.jhs-bimai-list .jhs-bimai-item .price span strong {
	font-size: 0.7rem;
	font-weight: 600;
}
.jhs-bimai-list .jhs-bimai-item .price em {
	display: inline-block;
	background: #ff0000;
	color: #fff;
	font-size: 0.5rem;
	line-height: 0.8rem;
	padding: 0 0.1rem;
	border-radius: 0.1rem;
}
.jhs-bimai-list .jhs-bimai-item .discount {
	border-top: 1px solid #f6f6f6;
	margin-top: 0.2rem;
	padding: 0.2rem 0;
	color: #666;
}
.jhs-update {
	margin-top: 0.5rem;
	padding: 0 0.5rem;
}
.jhs-update .update-title {
	font-size: 0.7rem;
	text-align: center;
}
.jhs-update .update-list {
	margin-top: 0.5rem;
	display: block;
	font-size: 0;
}
.jhs-update .update-list .update-item {
	width: 50%;
	display: inline-block;
}
.jhs-update .update-list .update-item>a {
	font-size: 0.5rem;
	display: block;
	margin-bottom: 0.2rem;
	border: 1px solid #f0f0f0;
}
.jhs-update .update-list .update-item:nth-of-type(odd)>a {
	margin-right: 0.1rem;
}
.jhs-update .update-list .update-item:nth-of-type(even)>a {
	margin-left: 0.1rem;
}
.jhs-update .update-item>a .item-goods {
	width: 100%;
	padding-bottom: 100%;
	height: 0;
	position: relative;
	overflow: hidden;
}
.jhs-update .update-item>a .item-goods>img {
	width: 100%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}
.jhs-update .update-item>a .item-goods span {
	position: absolute;
	z-index: 1;
	left: 0;
	right: 0;
	bottom: 0;
	height: 1rem;
	line-height: 1rem;
	background: #E7F6EF;
	color: #26A96D;
	padding-left: 0.5rem;
}
.jhs-update .update-item>a dl {
	padding: 0 0.5rem 0.5rem;
}
.jhs-update .update-item>a dl .price {
	margin-top: 0.4rem;
}
.jhs-update .update-item>a dl .price .price-now {
	font-size: 0.8rem;
	color: #26A96D;
}
.jhs-update .update-item>a dl .price .price-old {
	color: #999;
}
.jhs-update .update-item>a dl .quan {
	margin-top: 0.1rem;
	border: 1px solid #D62725;
	display: inline-block;
	color: #D62725;
	padding: 0 0.1rem;
	border-radius: 0.1rem;
	position: relative;
}
.jhs-update .update-item>a dl .quan i {
	width: 0.8rem;
	display: inline-block;
}
.jhs-update .update-item>a dl .quan i:after {
	content: '';
	display: block;
	position: absolute;
	top: 20%;
	left: 0.75rem;
	width: 1px;
	height: 60%;
	background: #D62725;
}
.jhs-update .update-item>a dl .title {
	margin-top: 0.2rem;
	font-size: 0.7rem;
	line-height: 0.9rem;
}
.jhs-update .update-iteming>a .item-goods span {
	background: #FFF1F1;
	color: #333;
}
.jhs-update .update-iteming>a dl .price .price-now {
	color: #D62725;
}
.jhs-brand {
	margin-top: 0.5rem;
	padding: 0 0.5rem;
}
.jhs-brand .jhs-brand-title {
	font-size: 0.7rem;
	font-weight: 600;
}
.jhs-brand .jhs-brand-list {
	margin-top: 0.5rem;
}
.jhs-brand .jhs-brand-list .jhs-brand-item {
	width: 100%;
	margin-top: 0.2rem;
	border: 1px solid #f0f0f0;
}
.jhs-brand .jhs-brand-list .jhs-brand-item>a {
	display: block;
}
.jhs-brand .jhs-brand-list .jhs-brand-item:last-child {
	margin-bottom: 0.2rem;
}
.jhs-brand-list .jhs-brand-item>a .brand-goods {
	width: 100%;
	height: 0;
	padding-bottom: 6.5rem;
	position: relative;
	overflow: hidden;
}
.jhs-brand-list .jhs-brand-item>a .brand-goods>img {
	width: 100%;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
}
.jhs-brand-list .jhs-brand-item>a .brand-info {
	line-height: 1rem;
	text-align: right;
	padding-right: 0.8rem;
}
.jhs-brand-list .jhs-brand-item>a .brand-info .sold {
	position: relative;
}
.jhs-brand-list .jhs-brand-item>a .brand-info .sold:after {
	content: '';
	position: absolute;
	right: -0.2rem;
	top: 0;
	width: 1px;
	height: 100%;
	background: #333;
}
.jhs-brand-list .jhs-brand-item>a .brand-info .sold em {
	color: #D62725;
}
.jhs-brand-list .jhs-brand-item>a .brand-info .time {
	color: #D62725;
	margin-left: 0.2rem;
}
/*E 聚划算 样式*/
/* 弹窗的样式 */
div.wap_dialog {
	position: fixed;
	left: 50%;
	bottom: 50%;
	z-index: 999;
	background-color: rgba(0,0,0, .6);
	max-width: 80%;
	box-sizing: border-box;
	font-size: 16px;
	font-weight: 600;
	color: #FFF;
	padding: 8px 16px;
	text-align: center;
	transform: translateX(-50%);
	border-radius: 4px;
	transition: all 0.4s ease-in-out;
}
/* 有好货分享样式 */
.bdsharebuttonbox{
	position: fixed;
	bottom: -20rem;
	right: 30%;
	transition: all .4s linear;
}
.bdsharebuttonbox.appear {
	bottom: 2rem;
}
.bdsharebuttonbox a {
	clear: both;
	display: block;
}
.no-data {
    width: 100%;
    height: 2.5rem;
    line-height: 2.5rem;
    text-align: center;
    font-size: .6rem;
}
