/* slider start */
#section-slider{
	margin-top:8rem;
	padding-top:0.5rem;
}
#section-slider:hover span.on{
	opacity:1;
}
.section_slider_wrap{
	position:relative;
	width:100%;
	height:25rem;
	max-height:25rem;
	overflow:hidden;
}
.same-slider-wrap{
	position:absolute;
	z-index:9;
	width:100%;
	height:25rem;
	max-height:25rem;
	/*transition:all 0.5s ease-in-out 0s;这个影响slider的方向*/
}
.same-slider-wrap .img{
	position:absolute;
	width:100%;
	height:100%;
	background-position:center center;
	background-repeat:no-repeat;
	background-size:cover;
	border-radius:4px;
	-webkit-border-radius:4px;
    -moz-border-radius:4px;
}
.same-slider-wrap .img.e{
	left:0%;
	background-image:url('../same-image/slider_littleVegie.png');
}
.same-slider-wrap .img.a{
	left:100%;
	background-image:url('../same-image/slider_fruit.png');
}
.same-slider-wrap .img.b{
	left:200%;
	background-image:url('../same-image/slider_fall.png');
}
.same-slider-wrap .img.c{
	left:300%;
	background-image:url('../same-image/slider_littleVegie.png');
}
.same-slider-wrap .img.d{
	left:400%;
	background-image:url('../same-image/slider_fruit.png');
}
.section-slider-dot{
    position:absolute;
	z-index:9;
	left:0;
	bottom:0.2rem;
    width:100%;
    text-align:center;
}
.section-slider-dot span{
	display:inline-block;
	cursor:pointer;
	background-color:#00d87e;
	opacity:.4;
	width:0.8125rem;
	height:0.8125rem;
	line-height:0.8125rem;
	border-radius:100%;
	-moz-border-radius:100%;
	-webkit-border-radius:100%;
}
.section-slider-dot span.on{
	opacity:0.9;
}
#left-slider,#right-slider{
	display:block;
}
.slider-arrow-wrap {
	position:relative;
}
.slider-arrow-wrap .arrow {
	position:absolute;
	z-index:9;
	display:none;
    top:11.25rem;
	height:1.875rem;
    line-height:1.875rem;
    cursor:pointer;
}
.slider-arrow-wrap #prev {
    left:1.5rem;
}
.slider-arrow-wrap #next {
    right:1.5rem;
}
.icon-prev,.icon-next{
	position:absolute;
	fill:#fff;
	width:2.5rem;
	height:2.5rem;
}
.icon-prev-duplication,
.icon-next-duplication{
	fill:#3d4246;
	width:2.5rem;
	height:2.5rem;
}
.icon-prev{
	left:1px;
}
.icon-next{
	right:1px;
}
/* slider end */

/*包邮 start*/
.three-devide-wrap {
    margin: 0.5rem auto;
    font-size: 1rem;
}
.three-grid-column {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
	text-overflow:ellipsis;
	white-space:nowrap;
	overflow:hidden;
}
.three-grid-column>.column {
    width: 33.3333%;
	font-size: 0.75rem;
}
.three-grid-column>.column.mobile {
	text-align:left;
}
.three-grid-column>.column.delivery {
	text-align:center;
}
.three-grid-column>.column.delivery-fee {
	text-align:right;
}
.three-grid-column>.column>.icon {
	width: 0.9rem;
    height: 0.9rem;
}
/*包邮 end*/


/*headline start*/
.headline .headline-wrap {
    position: relative;
    display: flex;
    width: 100%;
    height: 3rem;
	line-height: 3rem;
    padding: 0 0.5rem;
	margin-top: 0.5rem;
}
.headline .same-wrapper-mobile {
	background-color: #fff;
	border-radius: 4px;
}
.headline-wrap .headline-title {
	font-size: 0.8rem;
	font-weight: 600;
}
.headline-wrap .headline-body{
	height: 3rem;
	line-height: 3rem;
}
.headline-body .headline-content a {
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size:0.8rem;
    padding-left: 1.5rem;
}
.headline-body .headline-content a:before {
    position: absolute;
    left: 1rem;
    top: 50%;
	display: block;
	content: "";
	margin-top: -0.1rem;
    width: .2rem;
    height: .2rem;   
    background-color: #ff6d11;
	border-radius: 100%;
}
.headline-content.show{
    display: inline-block;
}
.headline-content.hide{
	display:none;
}
.headline-content.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}
@keyframes flipSame {
    0% {
        -webkit-transform: rotate3d(1,0,0,0deg);
        transform: rotate3d(1,0,0,0deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0;
    }
    /* 40% {
        -webkit-transform: rotate3d(1,0,0,-20deg);
        transform: rotate3d(1,0,0,-20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
    60% {
        -webkit-transform: rotate3d(1,0,0,10deg);
        transform: rotate3d(1,0,0,10deg);
        opacity: 1;
    }
    80% {
        -webkit-transform: rotate3d(1,0,0,-5deg);
        transform: rotate3d(1,0,0,-5deg);
    } */
    100% {
        -webkit-transform: rotate3d(1,0,0,0deg);
        transform: rotate3d(1,0,0,0deg);
        opacity: 1;
    }
}
.flipSame {
    -webkit-backface-visibility: visible!important;
    backface-visibility: visible!important;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-name: flipSame;
    animation-name: flipSame
}
.headline-more,
.headline .headline-more {
    display: flex;
    margin-left: auto;
	font-size:0.7rem;
}
.headline-more .icon,
.headline .headline-more .icon {
	width: 0.5rem;
	height: 0.5rem;
	vertical-align:baseline;
}
/*headline end*/


/*touch move start*/
.swiper-container {
	position: relative;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
}
.swiper-container .swiper-wrapper {
	/*width: 100%;下面的设置很重要*/
	width: 80.25rem;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flexbox;
	display: box;
	display: flex;
}
.swiper-container .swiper-wrapper .swiper-slide {
	position: relative;
	flex-shrink: 0;
	height: 100%;
	width: 100%;
	width: 8.65rem !important;
	transition-property: transform;
	margin-right: .5rem !important;
}
/*touch move end*/


/*list start*/
.same-regular-list {
	margin-top: 0.5rem;
	padding-bottom: 1rem;
	background-color:#fff;
}
.same-grid {
    margin: 0;
    padding: 0;
    margin-left: -30px;
}
.section-list-header {
	display: flex;
    padding-top: 1rem;
    padding-bottom:1rem;
}
.section-list-title {
	display: inline-block;
    font-size: 0.9rem;
    font-weight: bold;
	color: #3d4246;
    padding-left: 0.625rem;
    border-left: 0.35rem solid #00db99;
    height: 0.9rem;
    line-height: 0.9rem;
	border-radius: 4px;
}
.section-list-title2 {
	/*font-weight: bold;*/
}
.grid-item .grid-view-item {
	position: relative;
	/*max-width: 4.7rem;*/
}
.grid-item .grid-view-item:hover {
    -webkit-transition:.3s;
	-o-transition:.3s;
	transition:.3s;
	-webkit-transform:translateY(-2px);
	-ms-transform:translateY(-2px);
	transform:translateY(-2px);
}
.grid-img-wrap {
    position: relative;
    line-height: 0;
    margin-bottom: 0.75rem;
}
.grid-img-wrap img {
	/*max-width:245px;*/
	max-height:297px;
}
.grid-three-item .subheading,
.grid-view-item .subheading {
	display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
	font-size:0.9rem;
    line-height: 1.35rem;
    height: 2.7rem;
    overflow: hidden;
    word-break: break-word;
    -webkit-transition: .15s ease-in-out;
    -o-transition: .15s ease-in-out;
    transition: .15s ease-in-out;
}
.priceBox del {
	color: #545c63;
	font-size: 0.7rem;
	font-weight: normal;
	/*text-decoration: line-through;*/
}
/*list end*/


/*grid-item-two start*/
.touch-slide-wrap-two {/* compare to touch-slide-wrap */
	margin-top: 1rem;
}
.grid-item-two {/*grid-item是基本配置*/
	position: relative;
	padding-right: 1.5rem;
}
.grid-item-two:hover {
    -webkit-transition: .3s;
	-o-transition: .3s;
	transition: .3s;
	-webkit-transform :translateY(-2px);
	-ms-transform :translateY(-2px);
	transform :translateY(-2px);
}
.grid-view-item .sale-wheel,
.grid-item-two .sale-wheel {
    position: absolute;
	z-index:5;
	left:0;
	color: #fff;
	/* background: linear-gradient(85deg,#ff8c44,#ffa200);
	background: linear-gradient(85deg,#ff8c44,#ffa200); */
	background-color: #ff6d11;
	text-align: center;
    padding: 0 0.3rem 0 0.2rem;
    font-size: 0.6875rem;
    /*border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;*/        
	border-top-right-radius: 24px;
    border-bottom-right-radius: 24px;	
}
/*.grid-view-item .sale-wheel:after,
.grid-item-two .sale-wheel:after {
    position: absolute;
    left: 0;
    bottom: -0.5rem;
	content: '';
    width: 0;
    height: 0;
    border-top: 0.25rem solid transparent;
    border-bottom: 0.25rem solid #999;
    border-right: 0.25rem solid transparent;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}*/
.grid-img-wrap {
    position: relative;
    line-height: 0;
    margin-bottom: 12px;
}
.grid-item-two .subheading{
	float: left;
	width: 100%;
	font-size:0.8rem;
	padding-right:0.5rem;
	height: 1.8rem;/*这个高度对于是否出现导航条很关键*/
    line-height: 1.8rem;
	text-overflow:ellipsis;
	white-space:nowrap;
	overflow:hidden;
}
.grid-img-wrap .commentBox {
    position: absolute;
	z-index: 5;
    /*bottom: -65px;*/
    left: 0;
	text-align: left;
}
.grid-view-item .grid-img-wrap .commentBox {
	/*bottom: -74px;*/
}
.grid-img-wrap .commentBox svg {
	width:0.8rem;
	height:0.8rem;
	color:rgba(255,210,1,.99);
}
.commentBox svg {
	width:0.8rem;
	height:0.8rem;
	/*color:#e3e3e3;*/
	color:rgba(255,210,1,.99);
}
.svg-active-side {
    fill: rgba(255,210,1,.99);
}
.svg-inactive-side {
    /*fill: #e3e3e3;*/
	fill: #d9d9d9;
}
.commentBox span,
.grid-img-wrap .commentBox span {
	font-size: 0.7rem;
}
.grid-three-item .priceBox,
.grid-item-two .priceBox,
.grid-view-item .priceBox {
    display: inline-block;
	float: left;
    width: 100%;
    height: 3rem;
    line-height: 3rem;
	font-size:0.9rem;
	font-weight:550;
    color: #ff6d11;
}
.grid-three-item .quickAdd,
.grid-item-two .quickAdd,
.grid-view-item .quickAdd {
	float: right;
	margin-top: 0.9rem;
	color: transparent;
	cursor: pointer;
}
.grid-item-two .samePin {
	float: right;
	margin-top: 0.6rem;
	cursor: pointer;
}
.grid-item-two .samePin svg,
.grid-item-two .quickAdd svg,
.grid-three-item .quickAdd svg,
.grid-view-item .quickAdd svg {
	width: 1.5rem;
	height: 1.5rem;
}
.product-price{
	font-size:0.9rem;
}
.origin-product-price{
	text-decoration: line-through;
	font-size:0.8rem;
}
/*grid-item-two end*/

/* review start */
.same-review .same-flex-grid {
    display: flex;
	display: -webkit-box;
    -webkit-box-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    justify-content: space-between;
    flex-wrap: wrap;
}
.same-flex-grid .review {
    /* padding: 0; */
    /*width: calc(20% - -1.625rem);*//*控制宽度*/
	width: calc(20% - -0.375rem);
}
.same-flex-grid .review:last-child {
    margin-right: -1rem;
}
.same-flex-grid .review .review-prod {
	position: relative;
    min-height: 5rem;
	overflow: hidden;
}
.same-flex-grid .review .review-prod img {
    width: auto;
    max-height: 15.3125rem;
    -o-object-fit: cover;
    object-fit: cover;
	border-radius:4px;
	-webkit-border-radius:4px;
    -moz-border-radius:4px;
}
.grid-view-item .review-prod img {
	border-radius:4px;
	-webkit-border-radius:4px;
    -moz-border-radius:4px;
}
.same-flex-grid .review .points,
.review .points {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    margin: 1rem 0 0;
}
.same-flex-grid .review .content,
.review .content {
    padding: 0.5rem 0 0;
	font-size:0.9rem;
	line-height: 1.6rem;
	height: 10.5rem;
	max-height: 11.5rem;
}
.same-flex-grid .review .points .counter,
.review .points .counter {
    display: flex;
	display: -webkit-box;
	width: 2rem;
    height: 2rem;
    border-radius: 0.625rem;
	color: #fff;
	font-size: 1.5rem;
    font-weight: bold;
    line-height: 1.28;
	margin-right: 0.5rem;
	background: linear-gradient(85deg,#ffa200,#ffd608);
	/*background: linear-gradient(85deg,#ffd606,#ffd608);*/
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
}
.same-flex-grid .review .points .stars,
.review .points .stars {
    display: -webkit-box;
    display: flex;
    color: rgba(255,210,1,.99);
}
.same-flex-grid .review .points .stars svg {
	width: 1.5rem;
	height: 1.5rem;
}
.same-flex-grid .review .points .status,
.review .points .status {
    margin-left: 0.5rem;
    width: 1rem !important;
	fill: #00d87e;
}
.same-flex-grid .quote-start,
.same-flex-grid .quote-end {
	font-size: 2rem;
	height: 1.2rem;
	line-height: 1.2rem;
}
/* review end */

/*responsive start*/
@media (max-width: 81.24rem) {
    #section-slider{
		padding-top:0;
		border-radius:4px;
		-webkit-border-radius:4px;
		-moz-border-radius:4px;
	}
}
@media (max-width: 61.24rem) {
	/* slider start */
	#section-slider{
		margin-top:5.5rem;
	}
    .section_slider_wrap,
	.same-slider-wrap{
		/*max-height:14rem;*/
		max-height:9rem;
	}
	.section-slider-dot span{
		width:0.5rem;
		height:0.5rem;
		line-height:0.5rem;
	}
	.same-sec-review{
		display: none;
		margin-top: 0.5rem;
	}
	.grid-img-wrap .commentBox {
		/*bottom: -74px;*/
	}
	.grid-view-item .grid-img-wrap .commentBox {
		/*bottom: -54px;*/
	}
	/* slider end */
	
	/*list start*/
	.same-grid .small-one-half,
	.same-review .small-one-half {
		width: 50%;
	}
	.grid-item-two{
		padding-right: 0.5rem;
	}
	/*list end*/
	
	/*touch-slide-wrap-two start*/
	.same-context-one{
		margin-top: 0.5rem;
		background-color: #fff;
	}
	.touch-slide-wrap-two {
		position: relative;
		height: auto;
		margin-top: 0.5rem;
		margin-top: 1rem;
	}
	.touch-slide-wrap-two>.touch-slide-left-full {
		width: calc(100% - 1.8rem);
		width:100%;
		height: 1.8rem;
		height:17rem;/*必须跟touch-slide-left-two>ul>li>a的高度一致*/
		overflow: hidden;
	}
	.touch-slide-left-full>ul{
		overflow-x: auto;
		overflow-y: hidden;
		white-space: nowrap;
		padding-bottom:1rem;/*这个必须有*/
	}
	.touch-slide-left-full>ul>li {
		display: inline-block;
	}
	.touch-slide-left-full>ul>li>a {
		position: relative;
		display: inline-block;
		float: left;
		height: 1.8rem;
		height:10rem;/*必须跟touch-slide-left的高度一致*/
		text-align: center;
		font-size: .9rem;
	}
	.grid-item-two.small-one-half {
		width: 40%;
	}
	.grid-item-two.small-one-half.more {
		width: 1.8rem;
		padding-right: 0;
	}
	.grid-item-two.small-one-half.more a {
		padding: 1rem 0.2rem;
		font-size: 0.7rem;
		line-height: normal;
		writing-mode: vertical-lr;/*从左向右 从右向左是 writing-mode: vertical-rl;*/  
		writing-mode: tb-lr;
		color: #666;
		background-color: #f5f5f5;
		border-radius: 0.75rem 0 0 0.75rem;
	}
	/*touch-slide-wrap-two end*/
	/*review start*/
	.same-review {
		display: none;
	}
	/*review end*/
}
@media (max-width: 46.24rem) {
    
}
@media (max-width: 35.49rem) {
    
}
@media (min-width: 35.5rem) {
    
}
@media (min-width: 46.25rem) {
    
}
@media (min-width: 61.25rem) {
    #slider_wrap:hover .arrow {
		display: block;
	}
	/*.section-under-slider,*/
	.headline {
		display: none;
	}
	.same-context-one{
		margin-top: 2rem;
	}
	/*list start*/
	.same-grid .medium-one-quarter {
		width: 25%;
	}
	.same-grid .medium-one-half {
		width: 50%;
	}
	.same-grid .small-one-half:nth-child(4n+1) {
		clear: both;
	}
	.grid-item-two.small-one-half.more {
		display: none;
	}
	/*list end*/
	.grid-item-two{
		float: left;
	}
	.grid-item-two:nth-child(4n) {
		padding-right: 0;
		padding-left: 1.5rem;
	}
	.grid-item-two:nth-child(4n) .sale-wheel {
		left: 1.5rem;	
	}
	.touch-slide-left-full>ul>.medium-one-quarter {
		width: 25%;
	}
	.review.same-regular-list{
		display:none;
	}
	.same-flex-grid .review .content,
	.review .content {
		margin-bottom: 3rem;
	}
}
/*responsive end*/