@charset "utf-8";

/**/
#product .right h3{margin:0; padding:0; line-height: 20px;}
#product .right h3 span.tag{margin-right:1px; padding:0 5px; background:#81C000; border-radius: 10px; font-size:13px; color:#fff;}
#product .price-wrap{margin:5px 0; padding: 20px; background: #f3f3f3; font-size:16px; font-weight: normal;}

#product .quantity-wrap{margin:0; padding:0; display: flex; flex-direction: row;}
#product .quantity-wrap span{
	display:block; width:20px; height:20px; text-align: center; line-height: 20px;  
	background: #CBC9CA; border-radius: 50%; 
	color:#fff; font-size:20px;
	cursor: pointer;
}
#product .quantity-wrap input{margin:0 10px; width:50px; height:18px; text-align: center;}

#product .btns{margin:20px 0 0 0; display: flex; flex-direction: row; justify-content: flex-start !important;}
#product .btns button{margin: 0 20px 0 0 !important; width:176px; background:#ee1c25; border:solid 1px #ee1c25;}
#product .btns button.buy{background:#ffeded;}
#product .btns button.buy span{color:#ee1c25;}
#product .btns button.add{background: #ee1c25 url(../images/icon_cart.png) no-repeat; background-size:24px 21px; background-position: 10px 50%;}


#product span.favo{display: block; margin:0; padding-left:23px; line-height: 24px; color:#000; cursor: pointer;}
#product span.favo:hover{color:#ff9900;}
#product span.favo-0{background:url(../newimages/favo.png) no-repeat; background-size:18px 18px; background-position: 0 50%;}
#product span.favo-1{background:url(../newimages/favo_hover.png) no-repeat; background-size:18px 18px; background-position: 0 50%;}
/**/


/**/
.rightbar{box-sizing: border-box; margin:0 0 0 30px; padding:0 30px; width:200px; border-left:solid 1px #e2e2e2;}
.rightbar .title{margin:0; padding:10px 0; display: flex; flex-direction: row; justify-content: center; align-items: center; position: relative;}
.rightbar .title span{margin:0; padding:0 10px; background:#fff; color:#81c000; z-index: 1;}
.rightbar .title .line{display:block; width:100%; height: 1px; position: absolute; left:0; top:50%; background:#81c000; border: none;}
.rightbar .item{margin:0; padding:10px 0; border:solid 1px #fff;}
.rightbar .photo{width:140px; height:140px; overflow: hidden;}
.rightbar .photo img{width: 100%; transition: all 0.3s ease-out;}
.rightbar .photo:hover img{transform: scale(1.1);}
.rightbar .item p{overflow:hidden; text-overflow:ellipsis; white-space: nowrap; }

#swiperS2{padding:0 0 30px 0; height:558px; position: relative;}
#swiperS2 .swiper-button-prev{
	margin:0; padding:0; display:block; width:50%; height:30px;
	left:0; top:auto; bottom:0;
	background:#fff url(../newimages/a_top.png) no-repeat; 
	background-position:  50% 50%;
}
#swiperS2 .swiper-button-next{
	display:block; margin:0; padding:0; width:50%; height:30px;
	left:50%; top:auto; bottom: 0;
	background:#fff url(../newimages/a_down.png) no-repeat; 
	background-position:  50% 50%;
}
/**/

.box-wrap{margin:0 0 10px 0; padding:0; border:solid 1px #ddd;}
.box-wrap h3{
	margin:0; padding: 0; display: block; width: 205px; line-height: 38px; text-align: center;
	background: url(../newimages/pbg.png) no-repeat;
}

.box{margin:10px; padding: 0;}
.box p{margin:0 0 5px 0 !important; display: flex; flex-direction: row;}
.box button{margin:0; padding: 0; width:85px; height:30px; background:#f3f3f3; border:solid 1px #ddd;}

.box span.seq{margin-right:5px; display: block; width:20px; height:20px; text-align: center; line-height: 20px; border-radius: 50%; background: #ee1c25; color:#fff;}
.box img.logo-s{width:53px; height:53px;}
.box .p-item{margin:0; padding:5px 0; border-bottom:dotted 1px #444;}
.box .p-item:last-child{border:none;}
.box .p-item p{margin:0 0 5px 0 !important; line-height:16px !important; }
.box .p-item p.title{margin:0; padding:0; height:32px; overflow: hidden;}

.box img.logo-l{width:100%;}

/*商品详情*/
.detail-wrap{
	margin:0; padding:0; border:solid 1px #ddd;
}
.detail-wrap ul{
	list-style: none; margin:0; padding: 0; display: flex; flex-direction: row; background:#fbfbfb; border-bottom:solid 1px #ddd;
	position: sticky; top:0; z-index: 99;
}
.detail-wrap li{margin:0; padding: 0; line-height: 40px;}
.detail-wrap li span{margin:0; padding:0 10px;}
.detail-wrap li.current{border-bottom:solid 2px #81c000;}

.detail-wrap .detail{margin:0; padding: 20px;}
.detail-wrap .detail img{max-width: 100%;}

.detail-wrap .record{margin:0; padding:0;}
.detail-wrap .record h3{margin:0; padding:0 10px !important; border-top:solid 1px #ddd; border-bottom: solid 1px #ddd; background:#fbfbfb;}
.detail-wrap .record .wrapper{margin:0; padding: 20px;}

.detail-wrap .assure{margin:0; padding:0; border-top:solid 30px #81c000;}
.detail-wrap .assure .section{margin:10px 0; padding:0 20px 0 72px;}
.detail-wrap .assure .section h3{margin:0; padding:0; line-height: 42px !important; font-weight: normal;}
.detail-wrap .assure .sbg1{background: url(../newimages/sbg1.png) no-repeat; background-position: 20px 0;}
.detail-wrap .assure .sbg2{background: url(../newimages/sbg2.png) no-repeat; background-position: 20px 0;}
.detail-wrap .assure .sbg3{background: url(../newimages/sbg3.png) no-repeat; background-position: 20px 0;}
/**/