/* mr tao 2019-04-24  shampoo_red */
.pos{position: absolute;}
.pen{pointer-events:none;}/* 防止频繁触发 */
.left_50{left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);}
/* .opa_0{opacity: 0;} */
.opa_4{opacity: 0.4;}


#product_header_red .line{
	top: 125px;
}

#product_header_red {
    background-image: url('/assets/img/products/shampoo_red/wap_kv.jpg');
}

#product_header_red.shampoo_bule{
	background-image: url('/assets/img/products/shampoo_bule/wap_kv.jpg');
}

#product_header_red .txt2 img {
    width: 173.5px;
    height: auto;
}

#product_header_red.shampoo_red .txt1 {
    left: 16px;
}
#product_header_red .txt1 {
	top: 58px;
    left: 0px;
}
#product_header_red .txt2 {
    top: 139px;
}

#product_header_red.shampoo_bule .txt1 {
    top: 55px;
}
#product_header_red.shampoo_bule .txt2 {
    top: 136px;
}

#product_header_red.shampoo_bule .txt1 img {
    width: 235px;
}
#product_header_red.shampoo_bule .txt2 img {
    width: 199px;
}

@media screen and (min-width: 769px) {
	
	#product_header_red .line{
		top: 240px;
	}

	#product_header_red .txt1,#product_header_red.shampoo_bule .txt1 {
		top: 105px;
	}
	#product_header_red .txt2,#product_header_red.shampoo_bule .txt2 {
	    top: 265px;
	}

	#product_header_red {
	    background-image: url('/assets/img/products/shampoo_red/pc_kv.jpg');
	    background-position: right 25%;
	 }

	#product_header_red.shampoo_bule{
		background-image: url('/assets/img/products/shampoo_bule/pc_kv.jpg');
	}
}

@media screen and (min-width: 770px) {
	#product_header_red {
	    background-position: 55% 25%;
	}
}


#products_list .item1, #products_list .item2, #products_list .item3, #products_list .item4 {
	max-width: 1000px;
    border-bottom: 1px solid #dcb87a;
}

#products_list .txt1  span.font_size{
    font-size: 13px;
}

#products_list .item4.no_border{
	border: none;
}


.swiper-containerBox{position: relative;width: 750px;height: 1130px; -webkit-transform-origin: top left; transform-origin: top left;}
.swiper-container{
	margin: 48px auto 0 auto;
	position: relative;
	width: 750px;
	height: 1130px;
	overflow: hidden; 
}

/* .maskBox{width: 100%;height: 500px;bottom: 0;left:0;z-index: 99;} */

.attention{left:434px;top:330px;z-index: 99;}
.swiper-wrapper,.swiper-slide{position:absolute;left: 0px;top: 0px;width: 100%;height: 100%;}
.swiper-button-prev,.swiper-button-next{position:absolute;top:300px;width: 60px;height: 60px;z-index:10;}
.swiper-button-prev{left: 10px;}
.swiper-button-next{right: 10px;}
/* .swiper-slide img{width: 100%;} */

.swiper-slide-active{z-index:2;}

.wap_img{top:71px;}
.go_tmall{top:820px;}
.go_jd{top:961px;}

.swiper-slide.swiper-slide-active .wap_txt,.swiper-slide.swiper-slide-active .go_tmall,.swiper-slide.swiper-slide-active .go_jd{-webkit-animation:fadeIn 1s linear 0.2s forwards;animation:fadeIn 1s linear 0.2s forwards;}

@-webkit-keyframes fadeIn{0% {opacity: 0;}100% {opacity: 1;}}
@keyframes fadeIn{0% {opacity: 0;}100% {opacity: 1;}}