img{ max-width: 100% }

.head_seach {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 3rem;
	padding: 0 2.5%;
	background-image: -webkit-linear-gradient( 90deg, rgba(0,0,0,0) 0%, rgb(0,0,0) 180%);
	z-index: 9;
}
.head_seach.active {
    background: #ff202b;
    background-size: 100% 100%;
	transition: all 0.1s;
}
.seach {
	margin: 0 1rem;
	padding: 0 2.3rem;
	background: #f2f2f2;
	border-radius: 2rem;
	height: 2.3rem;
	line-height: 2.3rem;
	overflow: hidden;
}

.seach .min_seach {
	margin: 0 auto;
}

.seach .min_seach .search_svg,
.max_search .search_svg {
	width: 1.3em;
	height: 1.4em;
	vertical-align: middle;
	fill: currentColor;
	overflow: hidden;
	margin-right: 0.2rem;
}

.seach .select,
.seach .input {
	position: relative;
}

.seach .select select {
	padding: 0.2rem 1.8rem 0.2rem 0.4rem;
	font-size: 0.95rem;
}

.seach .select svg {
	position: absolute;
	top: 30%;
	left: 2.4rem;
	font-size: 14px;
}

.seach .input input[type=search] {
	color: #b0b0b0;
	font-size: 0.95rem;
	height: 100%;
}

.seach .input span {
	position: absolute;
	top: 25%;
	right: 0.4rem;
	font-size: 18px;
}

.mesicon {
	width: 1.8em;
	height: 1.8em;
	vertical-align: middle;
	fill: currentColor;
	overflow: hidden;
}


/**å†…å®¹**/

.cont {
	margin-bottom: 3.5rem;
	width: 100%;
	overflow: hidden;
}

.banner {
	width: 100%;
	height: 11rem;
	position: relative;
}

.banner:after {
	content: "";
	position: absolute;
	width: 100%;
	height: 0.8rem;
	bottom: 0;
	left: 0;
	background-size: 100% 100%;
	z-index: 9;
}

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

.banner .swiper-container .swiper-slide img {
	width: 100%;
	height: 100%;
}


/*swiperæ ·å¼ä¿®æ”¹*/

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
	width: 16px;
	border-radius: 2rem;
	height: 4px;
}

.swiper-pagination-bullet-active {
	background: #fff;
}

.swiper-pagination-bullet {
	vertical-align: middle;
}


/**èœå•å¯¼èˆª**/

.menu_nav {
	width: 100%;
	padding-top: 1rem;
	overflow: hidden;
}

.menu_nav ul {
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}

.menu_nav ul li {
	width: 20%;
	padding-bottom: 1rem;
	text-align: center;
}

.menu_nav ul li a {
	display: block;
	width: 100%;
	line-height: 1rem;
	color: #333;
}

.menu_nav ul li a img {
	width: 3rem;
}

.menu_nav ul li a p {
	font-size: 0.85rem;
}


/***ä¹…ç¾Žç››å¤´æ¡***/

.toutiao {
	border-radius: .4rem;
	margin-top: 0.2rem;
	margin: 0 auto;
	width: 96%;
	height: 3.2rem;
	background: url(../img/gg.png) no-repeat;
	background-size: 16%;
	background-position: 3.3% 50%;
	background-color: #fff;
	justify-content: flex-end;
}

.toutiaobanner {
	width: 80%;
	margin-left: 5.6rem;
	/* margin: inherit; */
}

.toutiaobanner .swiper-wrapper .swiper-slide a {
	width: 100%;
}

.toutiaobanner .swiper-wrapper .swiper-slide a p {
	width: 98%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: 0.85rem;
}

.toutiaobanner .swiper-wrapper .swiper-slide img {
	height: 95%;
}

/* 底部导航 */
.b_nav {
	z-index: 99;
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 3.7rem;
	display: flex;
	background-color: #fff;
	justify-content: space-around;
	align-items: center;
	border-top: 1px solid #f2f2f2;
	}
  .b_nav .list {
	height: 100%;
	display: flex;
	margin-top: .2rem;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	color: #8e8e93;
	font-size: 0.2rem;
	}
  .b_nav .list img {
	width: 1.6rem;
	height: 1.5722rem;
	}
  .b_nav .list .txt {
	margin-top: 0.144rem;
	color: #999;
	}
  .b_nav .list .active {
	color: #ff202b;
  }
/***æŠ¢è´­ã€æ‹¼å›¢ã€å°åº—***/

.zhuanqu {
	margin-top: 0.2rem;
	width: 100%;
	height: 14rem;
	-webkit-align-items: flex-start;
	align-items: flex-start;
}


/*æŠ¢è´­*/

.qianggou {
	width: 40%;
	height: 100%;
	padding: 3% 2.5%;
	background: #fff;
	margin-right: 0.3rem;
	position: relative;
}

.qianggou h4 {
	color: #fb5b61;
	font-size: 1.15rem;
}

.qianggou h4 span {
	margin-left: 0.2rem;
	font-size: 0.6rem;
	color: #666;
	padding: 0.1rem 0.4rem;
	border-radius: 0.2rem;
	background: #eee;
	font-weight: 500;
}

.countdown {
	padding-top: 0.4rem;
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
}

.countdown p {
	width: 1.3rem;
	height: 1.3rem;
	line-height: 1.3rem;
	text-align: center;
	background: #000;
	border-radius: 0.2rem;
	font-size: 0.85rem;
	font-weight: 600;
	color: #f3f3f3;
}

.countdown span {
	padding: 0 0.2rem;
	font-weight: 700;
}

.qianggoubanner {
	margin-top: 0.6rem;
	width: 8rem;
	height: 8rem;
	border-radius: 50%;
}

.qianggoubanner .swiper-wrapper .swiper-slide a {
	display: block;
	width: 100%;
	height: 100%;
}

.qianggoubanner .swiper-wrapper .swiper-slide a img {
	width: 100%;
	height: 100%;
}

.qianggoutxt {
	position: absolute;
	width: 6.5rem;
	bottom: 0.6rem;
	left: 50%;
	background: rgba(255, 28, 28, .8);
	color: #fafafa;
	border-radius: 2rem;
	transform: translate(-50%);
	text-align: center;
	font-size: 0.85rem;
	z-index: 2;
}


/*æ‹¼å›¢ã€å°åº— */

.rightall {
	height: 100%;
}

.rightall a {
	display: block;
	overflow: hidden;
}

.pintuan {
	height: 49%;
	background: #fff;
	margin-bottom: 0.3rem;
}

.pintuan,
.xiaodian {
	position: relative;
}


/*æ‹¼å›¢*/

.pintuan h4 {
	padding-top: 6%;
	text-indent: 6%;
	color: #ff820d;
	font-size: 1.15rem;
}

.pintuan p,
.xiaodian p {
	text-indent: 6%;
	padding-top: 0.2rem;
	font-size: 0.95rem;
}

.pintuanImg {
	position: absolute;
	bottom: -2rem;
	right: -1rem;
	width: 7rem;
	height: 7rem;
	border-radius: 50%;
	background: url(../img/pintuan.png) no-repeat;
	background-size: 70%;
	background-position: 50% 35%;
	background-color: #fec24a;
	overflow: hidden;
}


/*å°åº—*/

.xiaodian {
	height: 49%;
	background: #fff;
}

.xiaodian h4 {
	padding-top: 6%;
	text-indent: 6%;
	color: #26b1dd;
	font-size: 1.15rem;
}

.xiaodianImg {
	position: absolute;
	bottom: -2rem;
	right: -1rem;
	width: 7rem;
	height: 7rem;
	border-radius: 50%;
	background: url(../img/pintuan.png) no-repeat;
	background-size: 70%;
	background-position: 50% 35%;
	background-color: #65daff;
	overflow: hidden;
}


/**å¹¿å‘Š**/

.guanggao {
	width: 100%;
	height: 5rem;
	margin-top: 0.6rem;
}

.guanggaobanner a {
	display: block;
	width: 100%;
	height: 100%;
	text-align: center;
}

.guanggaobanner img {
	width: 95%;
	height: 100%;
}


/**å•†åŸŽ --ä¸“åŒº **/

.jmszhuanqu {
	width: 100%;
	overflow: hidden;
}

.jms_cl {
	width: 96%;
	border-radius: .4rem;
	/* padding: 0 2.5% 0.2rem 2.5%; */
	margin: 0.6rem auto 0;
	background-image: linear-gradient( -21deg, rgb(255,164,115) 0%, rgb(254,182,142) 100%);
}

.jms_cl .title {
	padding: 0.6rem 2.5%;
}

.jms_cl .title>p {
	color: #fff;
	font-size: 1.1rem;
	font-weight: 700;
}

.jms_cl .title>p small {
	color: #666;
	font-size: 0.7rem;
	margin-left: 0.2rem;
	font-weight: 500;
}

.jms_cl .title a {
	color: #fff;
}

.jms_cl .title a span {
	font-size: 20px;
	color: #fff;
}

.zhuanquMax {
	border-top-left-radius: 1.4rem;
	border-bottom-left-radius: .4rem;
	border-bottom-right-radius: .4rem;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	position: relative;
	height: 22.3rem;
	overflow: hidden;
	background-color: #fff;
}

.jmszhuanqu .jms_cl:nth-of-type(odd) .zhuanquMax .bigImg {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 2;
}
.jmszhuanqu .jms_cl:nth-of-type(even) .zhuanquMax .bigImg {
	position: absolute;
	right: 0;
	top: 0;
	z-index: 2;
}
.jmszhuanqu .jms_cl:nth-child(2n+1) {
	background-image: linear-gradient( -21deg, rgb(157,193,209) 0%, rgb(203,219,232) 100%);

}
.zhuanquMax .cl {
	width: 33%;
	height: 10.3rem;
	overflow: hidden;
	margin-top: .6rem;
}

.zhuanquMax .cl .smallImg {
	width: 7rem;
	height: 7rem;
	margin: 0 auto;
}

.zhuanquMax .cl .smallImg img {
	width: 100%;
	height: 100%;
}

.zhuanquMax .cl .name {
	width: 90%;
	margin: 0 auto;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: 0.85rem;
	color: #000;
}

.zhuanquMax .cl .priceAndbuy {
	width: 90%;
	margin: 0 auto;
}

.zhuanquMax .cl .priceAndbuy .price span:first-child {
	color: #ff202b;
	font-size: 0.95rem;
}

.zhuanquMax .cl .priceAndbuy .price span:last-child {
	color: #ccc;
	font-size: 0.85rem;
	text-decoration: line-through;
}

.zhuanquMax .cl .priceAndbuy .buy_cart {
	width: 1.3rem;
	height: 1.3rem;
	line-height: 1.3rem;
	text-align: center;
	background: #ff202b;
	border-radius: 50%;
	display: none;
}

.zhuanquMax .cl .priceAndbuy .buy_cart span {
	font-size: 12px;
	color: #fff;
}


/**åº•éƒ¨å¯¼èˆª**/

.bottnav {
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	padding: 0.2rem 5% 0 5%;
	height: 3.5rem;
	background: #fff;
	border-top: 1px solid #fafafa;
	z-index: 999;
}

.bottnav a {
	text-align: center;
}

.bottnav a p {
	color: #666;
	font-size: 0.7rem;
}

.default {
	fill: #666;
}

.default.active {
	fill: #000;
}

.light {
	fill: #ffb600;
}


/**çƒ­é—¨æŽ¨è**/

.jmshot {
	width: 100%;
	overflow: hidden;
}

.hottitle {
	width: 100%;
	height: 3rem;
	background: url(../img/hottitle.png) no-repeat;
	background-size: 30%;
	background-position: 50% 50%;
}

.hot_cont {
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}

.hot_cl {
	width: 49.3%;
	padding: 0.4rem 0;
	margin-bottom: 0.4rem;
	background: #fff;
}

.hot_cl .hotImg {
	width: 10rem;
	height: 10rem;
	margin: 0 auto;
}

.hot_cl .hotImg img {
	width: 100%;
	height: 100%;
}

.hot_cl .hot_name {
	width: 90%;
	margin: 0 auto;
	padding-top: 0.2rem;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	color: #000;
	font-weight: 600;
}

.hot_cl .hotsaleandkc {
	width: 90%;
	margin: 0 auto;
}

.hot_cl .hotsaleandkc span {
	color: #666;
	font-size: 0.7rem;
}

.hot_cl .hotsaleandkc span:last-child {
	margin-left: 0.2rem;
}

.hot_cl .hotpriceandbuy {
	width: 90%;
	margin: 0 auto;
}

.hot_cl .hotpriceandbuy .hotprice span:first-child {
	color: #ff202b;
}

.hot_cl .hotpriceandbuy .hotprice span:last-child {
	color: #ccc;
	font-size: 0.7rem;
	text-decoration: line-through;
}

.cart {
	fill: #ff202b;
}


/*æœç´¢å¼¹çª—*/

.search_page {
	position: fixed;
	top: 0;
	right: -100%;
	width: 100%;
	height: 100%;
	background: #fff;
	overflow-y: auto;
	z-index: 99;
}

.page_head {
	position: fixed;
	top: 0;
	right: -100%;
	width: 100%;
	padding: 0.4rem 2.5% 0.4rem 0;
	background-color: #ff202b;
	z-index: 2;
}

.max_search {
	position: relative;
	background: #fff;
	border-radius: 2rem;
	margin: 0 2%;
}

.max_search .search_svg {
	position: absolute;
	top: 25%;
	left: 2.5%;
}

.max_search input {
	font-size: 0.95rem;
	text-indent: 10%;
}

.page_head .seach_btn {
	color: #fff;
}

.search_list {
	margin-top: 3.2rem;
	width: 100%;
	overflow: hidden;
	background: rgb(247, 247, 247);
}

.search_list .list_nav a {
	color: #000;
	padding: 0.6rem 0;
	text-align: center;
	position: relative;
}

.search_list .list_nav a.active {
	color: #ff202b;
	font-weight: 700;
}

.search_list .list_nav a.active:after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 50%;
	width: 20%;
	height: 3px;
	transform: translate(-50%);
	border-radius: 2rem;
	background: #ff202b;
}


/*è´­ä¹°åŠ¨ç”»æ•ˆæžœ*/

.u-flyer {
	display: block;
	width: 50px;
	height: 50px;
	border-radius: 50px;
	position: fixed;
	z-index: 9999;
}


/**********************************ç‰¹è‰²åœ°åŸŸé¦†***********************************/


/*å¤´éƒ¨æœç´¢ã€å¯¼èˆª */

.dygLogo {
	width: 40%;
	height: 100%;
	background: url(../img/dygtxt.png) no-repeat;
	background-size: 70%;
	background-position: 0 50%;
}

.dyg_seach {
	border-radius: 2rem;
	border: 1px solid #f3f3f3;
	background: #fff;
	margin: 0;
}


/*åœ°åŸŸå¯¼èˆª*/

.dyg_cont {
	margin-top: 0.4rem;
}

.dyg_nav {
	margin-top: 3rem;
	width: 100%;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
	flex-wrap: nowrap;
	padding-top: 1rem;
	background: #fff;
	border-bottom: 1px solid #f3f3f3;
	/*box-shadow: 0px 1px 2px 0.18px rgba(118, 118, 118, 0.17);*/
}

.dyg_nav .nav_cl {
	width: 18%;
	padding-bottom: 0.6rem;
	text-align: center;
	flex-shrink: 0;
	position: relative;
}

.dyg_nav .nav_cl.active a p {
	color: #ff202b;
}

.dyg_nav .nav_cl.active:after {
	content: "";
	position: absolute;
	width: 40%;
	height: 3px;
	bottom: 0;
	left: 50%;
	transform: translate(-50%);
	background: #ff202b;
	border-radius: 2rem;
	z-index: 2;
}

.dyg_nav .nav_cl img {
	width: 70%;
	border-radius: 50%;
}

.dyg_nav .nav_cl p {
	font-size: 0.7rem;
}


/*åœ°åŸŸé¦†è½®æ’­å›¾*/

.dygbanner {
	width: 100%;
	padding-left: 2.5%;
	margin: 1rem 0;
	height: 9rem;
}

.dygbanner .swiper-container {
	border-top-left-radius: 0.4rem;
	border-bottom-left-radius: 0.4rem;
}

.dygbanner .swiper-slide {
	width: 80%;
}

.dygbanner .swiper-slide:last-child {
	padding-right: 2.5%;
}

.dygbanner .swiper-slide img {
	width: 100%;
	height: 100%;
}


/*åœ°åŸŸé¦†åœ°åŒºå¯¼èˆª*/

.dygnav_min {
	width: 98%;
	margin: 0 auto;
	margin-bottom: 1rem;
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	line-height: 1.6rem;
}

.nav_min {
	width: 14.25%;
	text-align: center;
	margin: 0.4rem 0;
	color: #999;
	font-size: 0.95rem;
	border: 1px solid rgba(255, 255, 255, 0);
}

.nav_min.active {
	border: 1px solid #ff202b;
	border-radius: 2rem;
	color: #ff202b;
}

.nav_more {
	width: 14.25%;
	text-align: center;
	color: #ff202b;
	display: none;
}

.nav_more span:first-child {
	font-size: 0.95rem;
	color: #ff202b;
}

.nav_more span:last-child {
	font-size: 14px;
	color: #ff202b;
}


/*******************************************å•†å“è¯¦æƒ…*********************************************/

.goods_body {
	width: 100%;
	height: 100%;
}

.info_head {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 3rem;
	padding: 0 2.5%;
	z-index: 9;
}

/*.info_head.active {
	border-bottom: 1px solid #f3f3f3;
}*/

.info_head.active span {
	color: #fafafa !important;
}

.info_head.active a {
	color: #fafafa;
}

.info_head.active .search_back,
.info_head.active .share_icon {
	background: none;
}

.info_head .info_nav {
	margin: 0 15%;
	text-align: center;
	opacity: 0;
}

.info_head .info_nav a {
	position: relative;
}

.info_head .info_nav a.active {
	color: #fff600;
}

.info_head .info_nav a.active:after {
	content: "";
	position: absolute;
	width: 40%;
	height: 2px;
	bottom: -0.4rem;
	left: 50%;
	-webkit-transform: translate(-50%);
	transform: translate(-50%);
	background: #fff600;
}

.info_head .search_back,
.info_head .share_icon {
	width: 2rem;
	height: 2rem;
	line-height: 2rem;
	text-align: center;
	border-radius: 50%;
	background: rgba(0, 0, 0, .4);
}
.info_head.active{
    background: url(../../home/img/index-bjac.png) no-repeat;
    background-size: 100% 100%;
    -webkit-transition: all 0.1s;
    transition: all 0.1s;
}
.info_head .search_back span,
.info_head .share_icon span {
	color: #fafafa;
	margin-top: 0.1rem;
}

.info_head .share_icon span {
	font-size: 16px;
}

.goods_banner {
	width: 100%;
	height: 26rem;
}

.goods_banner img {
	width: 100%;
	height: 100%;
}


/*æ´»åŠ¨å€’è®¡æ—¶*/

.activity_time {
	width: 100%;
	height: 3.5rem;
	padding: 0 2% 0 5%;
	/*background: url(../img/pintuan_bj.png) no-repeat;
	background-size: 100% 100%;*/
	background-image: -moz-linear-gradient( 0deg, rgb(227, 35, 30) 0%, rgb(255, 62, 96) 100%);
	background-image: -webkit-linear-gradient( 0deg, rgb(227, 35, 30) 0%, rgb(255, 62, 96) 100%);
	background-image: -ms-linear-gradient( 0deg, rgb(227, 35, 30) 0%, rgb(255, 62, 96) 100%);
	background-image: -o-linear-gradient( 0deg, rgb(227, 35, 30) 0%, rgb(255, 62, 96) 100%);
}

.activity_time .activity {
	width: 4rem;
	height: 2rem;
	background: url(../img/pintuantxt.png) no-repeat;
	background-size: contain;
	color: #fff;
}

.activity_time .right {
	text-align: center;
}

.activity_time .right .countdown_title {
	font-size: 0.7rem;
	color: #fff;
}

.activity_time .right .countdown {
	padding-top: 0;
}

.activity_time .right .countdown p {}


/*å•†å“ä¿¡æ¯*/

.goodsInfo {
	background: #fff;
}

.goodsPrice,
.goodsName,
.goodsLabel,
.goodsKucun {
	padding-left: 2.5%;
	padding-right: 2.5%;
}

.goodsName {
	padding-top: 0.6rem;
}

.goodsName .name {
	color: #000;
	font-weight: 700;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}

.goodsName .collection {
	text-align: center;
	line-height: 1rem;
	padding-left: 0.8rem;
	border-left: 1px solid #f3f3f3;
	position: relative;
}


/*.goodsName .collection:before{
	content: "";
	position: absolute;
	left: 0;
	top: 25%;
	width: 1px;
	height: 50%;
	transform: translate(-50%);
	background: #999;
}*/

.goodsName .collection span {
	font-size: 18px;
}

.goodsName .collection p {
	font-size: 0.85rem;
}
.goodsName .collection1 span, .goodsName .collection1 p{
	color: #ff202b;
}

/*å•†å“ä»·æ ¼*/

.goodsPrice {
	margin-top: 0.8rem;
}

.goodsPrice .left span:first-child {
	color: red;
	font-size: 1.6rem;
	font-weight: 700;
}

.goodsPrice .left span:last-child {
	text-decoration: line-through;
	color: #999;
	font-size: 0.95rem;
}

.goodsPrice .right {
	font-size: 0.95rem;
}

.goodsPrice .right span {
	font-size: 0.95rem;
	color: #999;
	margin-left: 0.2rem;
}


/*å•†å“è´¹ç”¨*/

.goodsLabel span:first-child,
.goodsKucun span:first-child {
	color: #999;
	font-size: 0.85rem;
	padding-right: 1rem;
}


/*å•†å“æ ‡ç­¾*/

.goodsLabel {
	padding: 0.8rem 2.5% 0.6rem 2.5%;
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
	border-bottom: 1px solid #f3f3f3;
}

.baoyou {
	border-radius: 2rem;
	overflow: hidden;
	font-size: 0.7rem;
	padding: 0 0.2rem 0 0;
	color: #ff8c00;
	background: #ffedde;
}

.baoyou span {
	font-size: 0.7rem;
	padding: 0 0.2rem !important;
	margin-right: 0.1rem;
	height: 100%;
	background: #ffedde;
	color: #ff202b !important;
}

.gys {
	border-radius: 2rem;
	padding: 0 0.2rem;
	color: #ff8c00;
	font-size: 0.7rem;
	margin-left: 0.4rem;
	background: #ffedde;
}


/*å•†å“åº“å­˜*/

.goodsMoney {
	padding: 0.6rem 2.5%;
}

.goodsKucun {
	padding: 0.6rem 2.5%;
}

.kuncun,
.xiaoliang,
.kuaidi {
	font-size: 0.95rem;
}

.kuncun span,
.xiaoliang span,
.kuaidi span {
	margin-left: 0.2rem;
	color: #999;
	font-size: 0.95rem;
}

.numdiy {
	border: 1px solid #eee;
	border-radius: 2rem;
	overflow: hidden;
}

.numdiy span {
	height: 100%;
	padding: 0 0.6rem;
	color: #999;
}

.numdiy span:first-child {
	border-right: 1px solid #eee;
}

.numdiy span:last-child {
	border-left: 1px solid #eee;
}

.numdiy input {
	height: 25px;
	width: 35px;
	font-size: 1rem;
	text-align: center;
	color: #000;
}


/*æ‹¼å›¢ä¿¡æ¯*/

.pintuanInfo {
	width: 100%;
	background: #fff;
}

.people_num {
	width: 100%;
	height: 2.5rem;
	padding: 0 2.5%;
	background: #ffedde;
}

.people_num .left span {
	color: #ff202b;
	font-size: 0.95rem;
	padding-right: 2rem;
}

.people_num .right {
	height: 2.5rem;
	line-height: 2.5rem;
}


/*æ‹¼å›¢ç»„åˆ*/

.pintuan_row {
	width: 100%;
	height: 8.25rem;
}

.pintuan_row .cl {
	padding: 0.8rem 2.5%;
	border-bottom: 1px solid #f3f3f3;
}

.pintuan_row .cl .left {
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
}

.pintuan_row .cl .left .maxpe {
	width: 2.5rem;
	height: 2.5rem;
	border-radius: 50%;
	position: relative;
}

.pintuan_row .cl .left .maxpe span {
	position: absolute;
	width: 2rem;
	height: 1rem;
	line-height: 1rem;
	top: -0.4rem;
	right: -1rem;
	background: #ff8c00;
	color: #fff;
	font-size: 0.6rem;
	text-align: center;
	border-radius: 2rem;
	border-bottom-left-radius: 0;
}

.pintuan_row .cl .left .maxpe img {
	width: 100%;
	height: 100%;
	border-radius: 50%;
}

.pintuan_row .cl .left .minpe {
	margin-left: 1rem;
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
}

.pintuan_row .cl .left .minpe div {
	width: 2.5rem;
	height: 2.5rem;
	line-height: 2.5rem;
	border-radius: 50%;
	background: #eee;
	overflow: hidden;
	-webkit-flex-shrink: 0;
	flex-shrink: 0;
	margin-left: -0.8rem;
	text-align: center;
}

.pintuan_row .cl .left .minpe div:first-child {
	margin-left: 0;
}

.pintuan_row .cl .left .minpe div img {
	width: 100%;
	height: 100%;
}

.pintuan_row .cl .left .minpe div:last-child {}

.pintuan_row .cl .right .poor {
	color: #999;
	margin-right: 0.8rem;
}

.pintuan_row .cl .right .poor span {
	color: #ff202b;
}

.pintuan_row .cl .right a {
	width: 4rem;
	height: 1.8rem;
	line-height: 1.8rem;
	border-radius: 2rem;
	font-size: 0.85rem;
	text-align: center;
	background-image: -moz-linear-gradient( 0deg, rgb(255, 108, 0) 0%, rgb(255, 156, 0) 100%);
	background-image: -webkit-linear-gradient( 0deg, rgb(255, 108, 0) 0%, rgb(255, 156, 0) 100%);
	background-image: -ms-linear-gradient( 0deg, rgb(255, 108, 0) 0%, rgb(255, 156, 0) 100%);
	background-image: -o-linear-gradient( 0deg, rgb(255, 108, 0) 0%, rgb(255, 156, 0) 100%);
	box-shadow: 0px 5px 13px 0px rgba(220, 121, 39, 0.27);
}


/*å•†å“è¯„è®º*/

.goodsComments {
	margin-top: 0.2rem;
	width: 100%;
	background: #fff;
}

.commentsTitle {
	padding: 1.6rem 2.5% 0;
}

.commentsTitle>span {
	font-weight: 700;
	padding-left: 0.4rem;
	font-size: 1.1rem;
	position: relative;
}

.commentsTitle>span:before {
	content: "";
	position: absolute;
	width: 2px;
	height: 50%;
	left: 0;
	top: 30%;
	transform: translate(-50%);
	background: #ff202b;
}

.commentsTitle p {
	font-size: 0.85rem;
}

.commentsTitle p span {
	color: #000;
	margin-left: 0.2rem;
}

.commentsBox {
	width: 100%;
}

.commentsHead {
	padding: 0.4rem 2.5%;
}

.commentsHead a {
	color: #999;
	font-size: 0.85rem;
	padding: 0.1rem 0.4rem;
	background: #ffedde;
	border-radius: 2rem;
}

.commentsBody {
	padding-top: 1rem;
	width: 100%;
	overflow: hidden;
}

.commentsBody .list {
	width: 100%;
	-webkit-flex-shrink: 0;
	flex-shrink: 0;
}

.commentsBody .list .cl {
	padding: 0.6rem 2.5%;
	margin-bottom: .4rem;
	/* display: none; */
}

.commentsBody .list .cl:first-child {
	display: block;
}

.people_head .left .userHead {
	width: 3rem;
	height: 3rem;
	border-radius: 50%;
	overflow: hidden;
}

.people_head .left .userHead img {
	width: 100%;
	height: 100%;
	border-radius: 50%;
}

.people_head .left .userName {
	margin-left: 0.2rem;
	line-height: 1rem;
}

.people_head .left .userName p {
	color: #666;
}

.people_head .right {
	font-size: 0.85rem;
}

.commentsInfo {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	color: #333;
	padding-top:0.4rem;
}

.commentsPicture {
	margin-top: 0.6rem;
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
}

.commentsPicture .pic_cl {
	height: rem;
	width: 5rem;
}

.commentsPicture .pic_cl img {
	width: 100%;
	height: 100%;
	-webkit-flex-shrink: 0;
	flex-shrink: 0;
}

.commentsMore {
	margin: 0 auto;
	width: 6rem;
	height: 2rem;
	line-height: 2rem;
	text-align: center;
	border: 1px solid #f3f3f3;
	border-radius: 2rem;
}

.commentsMore span {
	font-size: 0.85rem;
}

.commentsMore span:last-child {
	font-size: 16px;
}


/*å•†å“è¯¦æƒ…å›¾ç‰‡*/

.goodsInfoPrc {
	padding-top: .6rem;
	width: 100%;
	height: 100%;
	padding-bottom: .6rem;
	background: #f8f8f8;
}

.goodsInfoPrc .img {
	width: 100%;
	padding: 0 2.5%;
	overflow: hidden;
	background-color: #f8f8f8;
}

.goodsInfoPrc .img img {
	width: 100%;
}


/*åº•éƒ¨å¯¼èˆª*/

.goodsFoot {
	position: fixed;
	bottom: 0.4rem;
	left: 50%;
	width: 95%;
	height: 3.5rem;
	-webkit-transform: translate(-50%);
	transform: translate(-50%);
	background: #fff;
	border-radius: 2rem;
	box-shadow: 0px 2px 5px 0px rgba(114, 114, 114, 0.39);
	overflow: hidden;
	z-index: 9;
}

.goodsFoot:after {
	content: "";
	position: fixed;
	width: 110%;
	height: 0.4rem;
	bottom: -0.4rem;
	left: -2.5%;
	background: rgba(255, 255, 255, .6);
	z-index: 8;
}

.goodsFoot .footnav:first-child {
	width: 5rem;
}

.goodsFoot .footnav {
	text-align: center;
	line-height: 1.2rem;
	height: 100%;
	position: relative;
}

.goodsFoot .footnav div {
	position: absolute;
	width: 100%;
	top: 20%;
	left: 50%;
	-webkit-transform: translate(-50%);
	transform: translate(-50%);
	color: #fff;
}

.goodsFoot .footnav:first-child div {
	top: 16%;
}

.goodsFoot .footnav p {
	font-size: 0.85rem;
	color: #333;
}

.goodsFoot .footnav span {
	font-size: 1rem;
}

.goodsFoot .footnav:first-child i {
	font-size: 24px;
}

.goodsFoot .footnav:nth-child(2) {
	background: #fafafa;
}

.goodsFoot .footnav:nth-child(2) span,
.goodsFoot .footnav:nth-child(2) p {
	font-weight: 700;
}

.goodsFoot .footnav:last-child {
	background:#ff202b;
}

.goodsFoot .footnav:last-child p,
.goodsFoot .footnav:last-child span {
	font-weight: 700;
	color: #fff;
}


/**********************************************å•†å“åˆ†ç±»é¡µé¢**********************************************/

.jmsClassly {
	width: 100%;
	height: 100%;
}

.jmsClassly .page_head {
	padding: 0 2.5%;
	height: 3.5rem;
	right: 0;
	background: #fff;
	border-bottom: 1px solid #f3f3f3;
}

.jmsClassly .page_head span:first-child {
	font-size: 22px;
	color: #666;
}

.jmsClassly .page_head .max_search {
	background: #f7f7f7;
}

.jmsClassly .page_head .max_search input[type=search] {
	height: 30px;
	line-height: 30px;
}

.jmsClassly .page_head .max_search .search_svg {
	top: 20%;
}

.classly_box {
	position: fixed;
	top: 3.5rem;
	left: 0;
	bottom: 3.5rem;
	right: 0;
	background: #fff;
	overflow: hidden;
	z-index: 9;
}


/*åˆ†ç±»nav*/

.classly_nav {
	width: 6.15rem;
	height: 100%;
	background: #f8f8f8;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
}

.classly_nav a {
	text-align: center;
	padding: 1rem 0;
	color: #666;
	font-size: 0.95rem;
}

.classly_nav ul {
	-webkit-overflow-scrolling: touch;
}

.classly_nav ul li {
	text-align: center;
	padding: 1rem 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	position: relative;
}

.classly_nav ul li.active {
	background: #fff;
	-webkit-transition: all 0.2s;
	transition: all 0.2s;
}

.classly_nav ul li.active:before {
	content: "";
	position: absolute;
	top: 30%;
	left: 0;
	width: 8px;
	height: 35%;
	transform: translate(-50%);
	background: #ff202b;
}

.classly_nav ul li.active a {
	color: #000;
	font-weight: 700;
	font-size: 1.1rem;
	-webkit-transition: all 0.2s;
	transition: all 0.2s;
}


/*åˆ†ç±»cont*/

.classly_cont {
	background: #fff;
	height: 100%;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
	position: relative;
}

.classly_list {
	width: 90%;
	margin: 5%;
	-webkit-overflow-scrolling: touch;
}

.classly_list .classly_title {
	color: #333;
	font-weight: 700;
	padding-bottom: 1rem;
}

.classly_banner {
	width: 100%;
	height: 5rem;
}

.classly_info {
	width: 100%;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
}

.classly_info .classly_cl {
	width: 25%;
	margin: 0 4.1% 1rem 4.1%;
}

.classly_cl .goodsImg {
	width: 100%;
	height: 4.5rem;
}

.classly_cl .goodsImg img {
	width: 100%;
	height: 100%;
}

.classly_cl .goodTitle {
	margin: 0 auto;
	width: 75%;
	padding-top: 0.4rem;
	font-size: 0.7rem;
	color: #333;
	font-weight: 700;
	overflow: hidden;
	white-space: nowrap;
}


/*************************************************é™æ—¶æŠ¢è´­***********************************************/

.jmsQg_head {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 3.5rem;
	padding: 0 2.5%;
	background-color: #fff;
	background-image: url(../img/flash_sale.png);
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: 30%;
	z-index: 9;
}

.jmsQg_cont {
	position: fixed;
	top: 3.5rem;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	background: #560092;
	z-index: 9;
}

.jmsQg_cont .time_nav {
	background: url(../img/time_nav.png) no-repeat;
	background-size: 100% 100%;
}

.jmsQg_cont .time_nav ul {
	padding: 0 2.5%;
	height: 4rem;
}

.jmsQg_cont .time_nav ul li {
	height: 100%;
	text-align: center;
	line-height: 1.5rem;
	opacity: 0.8;
	-webkit-justify-content: center;
	justify-content: center;
}

.jmsQg_cont .time_nav ul li a p {
	color: #fff;
}

.jmsQg_cont .time_nav ul li a p:first-child {
	font-size: 1.15rem;
	font-weight: 700;
}

.jmsQg_cont .time_nav ul li a p:last-child {
	font-size: 0.85rem;
}

.jmsQg_cont .time_nav ul li.active a p:first-child {
	font-size: 1.25rem;
}

.jmsQg_cont .time_nav ul li.active {
	opacity: 1;
	background: url(../img/time_active.png) no-repeat;
	background-origin: 50% 50%;
	background-size: 100% 100%;
}

.jmsQg_cont .time_cont {
	width: 100%;
	height: 100%;
	padding: 5% 2.5% 7.5rem 2.5%;
	overflow-y: auto;
}

.jmsQg_cont .time_cont .qg_cl {
	width: 100%;
	background: #fff;
	padding: 2.5rem 0.6rem 1rem 0.6rem;
	border-radius: 0.4rem;
	margin-bottom: 2.5%;
	position: relative;
}

.qg_countdown {
	position: absolute;
	right: -0.4rem;
	top: 0.5rem;
	height: 2rem;
	padding: 0 0.6rem;
	background: url(../img/time_icon.png) no-repeat;
	background-size: 100% 100%;
}

.qg_countdown>span {
	color: #ededed;
	font-size: 0.7rem;
	margin-right: 0.4rem;
}

.qg_countdown .countdown {
	padding-top: 0;
}

.qg_countdown .countdown p {
	background: none;
	color: #ededed;
}

.qg_countdown .countdown span {
	color: #ededed;
}

.jmsQg_cont .time_cont .qg_cl .qg_img {
	width: 8rem;
	height: 8rem;
	border-radius: 0.4rem;
	margin-right: 5%;
	overflow: hidden;
}

.jmsQg_cont .time_cont .qg_cl .qg_img img {
	width: 100%;
	height: 100%;
}

.jmsQg_cont .time_cont .qg_cl .qg_info {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: -moz-box;
	display: flex;
	-webkit-align-content: space-between;
	align-content: space-between;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}

.jmsQg_cont .time_cont .qg_cl .qg_info .qc_title {
	font-size: 1.1rem;
	color: #222;
	font-weight: 700;
	line-height: 1.3rem;
	margin-bottom: 2rem;
}

.jmsQg_cont .time_cont .qg_cl .qg_info .qg_price {
	width: 100%;
}

.jmsQg_cont .time_cont .qg_cl .qg_info .qg_price p small,
.jmsQg_cont .time_cont .qg_cl .qg_info .qg_price p .qg_nowPrice {
	color: #560092;
	font-weight: 700;
	font-size: 1.3rem;
}

.jmsQg_cont .time_cont .qg_cl .qg_info .qg_price p small {
	font-size: 0.85rem;
}

.jmsQg_cont .time_cont .qg_cl .qg_info .qg_price p .qg_oldPrice {
	text-decoration: line-through;
	color: #999;
	margin-left: 0.4rem;
	font-size: 0.95rem;
}

.jmsQg_cont .time_cont .qg_cl .qg_info .qg_price a {
	padding: 0.25rem 0.8rem 0.25rem 1.2rem;
	border-radius: 2rem;
	/*background-image: -moz-linear-gradient( 0deg, rgb(255, 108, 0) 0%, rgb(255, 156, 0) 100%);
	background-image: -webkit-linear-gradient( 0deg, rgb(255, 108, 0) 0%, rgb(255, 156, 0) 100%);
	background-image: -ms-linear-gradient( 0deg, rgb(255, 108, 0) 0%, rgb(255, 156, 0) 100%);*/
	background: #560092;
	/*	box-shadow: 0px 3px 4.85px 0.15px rgba(236, 106, 0, 0.32);*/
}

.jmsQg_cont .time_cont .qg_cl .qg_info .qg_price a span:last-child {
	font-size: 16px;
}

.jmsQg_cont .time_cont .qg_cl .qg_info .qg_price a span {
	font-weight: 700;
	color: #ededed;
}


/********************************************è¯„ä»·é¡µé¢************************************/

.jmsPingjia_head {
	width: 100%;
	height: 3.5rem;
	padding: 0 2.5% 0 1.5%;
	background: #fff;
}

.jmsPingjia_head p {
	color: #000;
	font-size: 1.2rem;
}

.jmsPingjia_head .jmsPingjia_fabu {
	font-size: 1.15rem;
	font-weight: 700;
	color: #ff202b;
}

.pingjia_cont {
	padding-top: 1rem;
	background: #fff;
}

.pingjia_goods {
	padding: 0 2.5%;
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
	-webkit-align-items: flex-start;
	align-items: flex-start;
}

.pingjia_goods .goodsImg {
	width: 8rem;
	height: 8rem;
	margin-right: 1rem;
}

.pingjia_goods .goodsImg img {
	width: 100%;
	height: 100%;
}

.pingjia_goods .pingjia_star h4 {
	padding: 1rem 0;
	font-size: 1.1rem;
}

.pingjia_goods .star_cont {
	width: 10rem;
}

.pingjia_goods .star_cont .star_cl {
	width: 1.3rem;
	height: 1.3rem;
}

.pingjia_goods .star_cont .star_cl.star_off {
	background: url(../img/staroff.png) no-repeat;
	background-size: 100% 100%;
}

.pingjia_goods .star_cont .star_cl.star_on {
	background: url(../img/staron.png) no-repeat;
	background-size: 100% 100%;
}

.pingjia_txt {
	width: 100%;
	height: 8rem;
	background: #fafafa;
}

.pingjia_txt textarea {
	outline: none;
	border: none;
	background: none;
	width: 100%;
	height: 100%;
	font-size: 1.1rem;
}

.pingjia_nm {
	padding: 0 2.5%;
	border-top: 1px solid #f3f3f3;
}

.pingjia_nm input[type=checkbox],
.mui-radio input[type=radio] {
	right: inherit;
	top: 5px;
	width: 24px;
	height: 22px;
}

.pingjia_nm input[type=checkbox]:before,
.mui-radio input[type=radio]:before {
	font-size: 24px;
}

.mui-checkbox input[type=checkbox]:checked:before,
.mui-radio input[type=radio]:checked:before {
	color: #ff202b;
}

.pingjia_nm label {
	margin-left: 1rem;
	font-size: 0.95rem;
}

.feedback .image-item .image-up:after {
	content: "";
}

.upImg {
	width: 100%;
	padding: 1rem 2.5%;
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}

.upImg .upImgBox {
	padding: 1rem 0;
	height: 100%;
	overflow: hidden;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
}

.upImg .upImgBox .upImg_cl {
	width: 65px;
	height: 65px;
	margin: 0.4rem 0.6rem;
	position: relative;
}

.upImg .upImgBox .upImg_cl img {
	width: 100%;
	height: 100%;
}

.upImg .upImgBox .upImg_cl .removeUpImg {
	position: absolute;
	display: block;
	width: 16px;
	height: 16px;
	top: -0.4rem;
	right: -0.4rem;
	line-height: 12px;
	text-align: center;
	border-radius: 50%;
	background: rgba(0, 0, 0, .7);
	color: #fff;
	font-size: 0.85rem;
	z-index: 9;
}

.upBtn {
	position: relative;
	width: 65px;
	height: 65px;
	padding: 4px;
	background: url(../img/upPhoto.png) no-repeat;
	background-size: 50%;
	background-position: 50% 35%;
	overflow: hidden;
	text-decoration: none;
	text-indent: 0;
	-webkit-align-items: flex-end;
	align-items: flex-end;
}

.upBtn input {
	position: absolute;
	color: transparent;
	right: 0;
	top: 0;
	opacity: 0;
}

.upBtn label {
	width: 100%;
	text-align: center;
	font-size: 0.7rem;
	color: #999;
}


/**************************************é€€æ¬¾ç”³è¯·**********************************************/

.jms-tuikuanSq.headNav {
	width: 100%;
	height: 3.5rem;
	background: #f8f8f8;
	padding: 0 2.5%;
}

.jms-tuikuanSq.headNav .tuikuanSq {
	font-size: 1.15rem;
	font-weight: 700;
	color: #ff202b;
}

.jms-tuikuanSq.headNav p {
	font-size: 1.2rem;
	font-weight: 600;
	color: #000;
	text-align: center;
}

.tuik_goods {
	margin-top: 0;
	margin-bottom: 0.1rem;
	padding: 1rem 0;
}

.tuik_nm_box ul li {
	padding: 0.6rem 0;
}

.tuik_type {
	padding: 0.6rem 0;
}

.tuik_in {
	font-size: 0.85rem;
	color: #999;
}

.tuik_goods_box .right p:first-child {
	color: #333;
	font-size: 1rem;
}

.tuik_goods_box .right p:nth-child(2) span {
	font-size: 0.85rem;
}


/******å“ç‰Œè¯¦æƒ…********/

.brand-banner.banner:after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 1.5rem;
	background: url(../img/brand-head.png) no-repeat;
	background-size: 100% 100%;
	z-index: 9;
}

.brand-head {
	padding-bottom: 3.5rem;
	background: #fff;
}

.brand-head .brand-logo {
	position: absolute;
	width: 100%;
	height: 8rem;
	bottom: -4rem;
	left: 0;
	background: rgba(255, 255, 255, 0);
	text-align: center;
	border-radius: 0.2rem;
	z-index: 10;
}

.brand-head .brand-logo .logo-img {
	margin: 0 auto;
	width: 5rem;
	height: 5rem;
	background: #fafafa;
	border-radius: 0.4rem;
	-webkit-justify-content: center;
	justify-content: center;
	box-shadow: 0px 3px 9px 0px rgba(158, 158, 158, 0.14);
}
.brand-head .brand-logo .logo-img img{
	width: 55px;
	height: 55px;
	border-radius: 50%;
}
.brand-head .brand-logo .logo-txt {
	color: #000;
	font-size: 1.2rem;
	font-weight: 700;
	padding-top: 0.6rem;
}

.brand-goods {
	margin-top: 0.4rem;
}
.brand_back{
	position: absolute;
	top: 0.6rem;
	left: 2.5%;
	font-size: 26px;
	z-index: 9;
}

.goodsInfoPrc .img img {
    height: auto;
    max-width: 100%;
    display: inline-block;
    vertical-align: top;
}