@charset "utf-8";
/* CSS Document */
#inbanner_pdetail{
	background:url(../img/product/1_02.jpg) center center no-repeat;
	background-size:cover;
}
.plist{
	display:flex;
	flex-wrap:wrap;
	/*justify-content:space-between;*/
	padding:0 1px;
}
.plist li{
	width:296px;
	position:relative;
	font-size:14px;
	padding-bottom:60px;
	margin:0 18px 0 0;
}
.plist li:nth-child(4n){
	margin:0 0 0 0;
}
.plist li .f_state{
	display:block;
	width:20px;
	height:20px;
	display:block;
	overflow:hidden;
	text-indent:-999em;
	background:url(../img/product/1_19.png);
	position:absolute;
	right:12px;
	top:15px;
	padding:0;
}
.plist li .f_state.favorite{
	background:url(../img/product/1_17.png);
	background-size:20px;
}
.plist li .ptitle{
	margin:12px 0 0;
}
.plist li .price{
}
.plist li .pic{
	display:flex;
	align-items:center;
	justify-content:center;
	width:296px;
	height:296px;
	position:relative;
	overflow:hidden;
    background-color:#fff;
    border: 1px solid rgba(233,222,200,.5);
}
.plist li .pic .item {
	position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    min-width: 100%;
    min-height: 100%;
    transform:translate(-50%,-50%);
    transition: all .5s ease 0s;
    -webkit-transition: all .5s ease 0s;
}
.plist li .pic:hover .item {
	transform: translate(-50%,-50%) scale(1.2, 1.2);
	-webkit-transform:translate(-50%,-50%) scale(1.2, 1.2);
}

#filter_box{
	font-size:15px;
}
.filter_stl{
	border-bottom:1px solid #dddddd;
	height:60px;
	line-height:60px;
}
.filter_stl .section{
	display:flex;
	justify-content:space-between;
}
.filter_stl .ropt{
	display:flex;
	border-left:1px solid #e3e3e3;
	text-align:center;
}
.filter_stl .ropt dt{
	width:158px;
	border-right:1px solid #e3e3e3;
	cursor:pointer;
	position:relative;
}
.filter_stl .ropt dt.on::after{
	position:absolute;
	left:0;
	right:0;
	bottom:0;
	height:2px;
	background:#272727;
	content:'';
	z-index:2;
}
.filter_stl .ropt dt span{
	display:inline-block;
	padding-right:25px;
	background:url(../img/product/1_05.png) right center no-repeat;
}
.filter_stl .ropt dd{
	border-right:1px solid #e3e3e3;
	width:134px;
	cursor:pointer;
}
.filter_stl .ropt dd span{
	display:inline-block;
	padding-right:16px;
	background:url(../img/product/1_08.png) right center no-repeat;
}
.filter_stl .del{
	height:30px;
	line-height:30px;
	padding:0 10px 0 10px;
	color:#fff;
	display:inline-block;
	margin:0 10px 0 0;
	background:#4d4d4d;
    cursor:pointer;
}
.filter_stl .del i{
	line-height:30px;
	padding-right:25px;
	display:inline-block;
	background:url(../img/del_03.png) right center no-repeat;
	font-style:normal;
}
.filter_stl .r_reset{
}
.filter_stl .r_reset span{
	padding-bottom:2px;
	border-bottom:1px solid #8e8e8e;
	cursor:pointer;
}
.hide_filter{
	font-size:15px;
	background:url(../img/product/1_13.png) left center no-repeat;
	padding-left:22px;
	display:inline-block;
	cursor:pointer;
}
.filter_sft{
	border-top:1px solid #dddddd;
	border-bottom:1px solid #dddddd;
	height:60px;
	line-height:60px;
	text-align:center;
	display:none;
}
.filter_sbd{
	padding:30px 0 30px;
	display:none;
}
.filter_sbd .section{
	font-size:15px;
	display:flex;
	justify-content:space-between;
}
.filter_sbd dl{
	width:20%;
}
.filter_sbd dt{
	font-weight:bold;
	margin-bottom:15px;
}
.filter_sbd dd{
	display:flex;
	justify-content:space-between;
	/*margin-bottom:8px;*/
	margin-bottom:2px;
	padding-right:22px;
}
.filter_sbd dd.hidden{
	display:none;
}
.filter_sbd dd .tag{
}
.checkbox {
    position: relative;
    height: 30px;
}
.checkbox input[type='checkbox'], .checkbox input[type='radio'] {
    position: absolute;
    left: 0;
    top: 0;
    width: 20px;
    height: 20px;
    opacity: 0;
}
.checkbox label {
    position: absolute;
    left: 30px;
    top: 0;
    height: 20px;
    line-height: 20px;
}
.checkbox label:before {
    content: '';
    position: absolute;
    left: -30px;
    top: 0;
    width: 20px;
    height: 20px;
    border: 1px solid #838383;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
}

.checkbox label:after {
    content: '';
    position: absolute;
    left: -22px;
    top: 3px;
    /*width: 6px;
    height: 12px;*/
    border: 0;
    /*border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;*/
    background: #fff;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
}

.checkbox input[type='checkbox']:checked + label:before, .checkbox input[type='radio']:checked + label:before {
    background: #b08c46;
    border-color: #b08c46;
}
.checkbox input[type='checkbox']:checked + label:after, .checkbox input[type='radio']:checked + label:after {
    background: #b08c46;
}
.filter_sbd .btn_p{
	justify-content:center;
	margin:30px auto 0;
}
.btn_p_reset, .btn_p_submit{
	width:250px;
	height:50px;
	border:1px solid #272727;
	font-size:15px;
	padding:0;
	margin:0;
	background:#fff;
	cursor:pointer;
}
.btn_p_submit{
	background:#272727;
	color:#fff;
	margin-left:54px;
}
#cbox_02{
	position:relative;
	padding:30px 0 0;
}
#cbox_02 .cover{
	background:rgba(0,0,0, .5);
	position:absolute;
	left:0;
	top:0;
	right:0;
	bottom:0;
	z-index:999;
	display:none;
}



/********************/
.page_pro_detail{
	background:#f6f5f3;
}
.choose-coach-reason{
	width:1140px;
	margin:80px auto 0;
	text-align:center;
}
.choose-coach-reason h3{
	font-size:24px;
	font-weight:400;
}
.choose-coach-reason ul{
	display:flex;
	justify-content:space-between;
	margin:4em 0 0;
}
.choose-coach-reason ul li{
	width:20%;
}
.choose-coach-reason ul li span{
	display:block;
	font-size:16px;
	margin-top:1em;
}
/********************/
.may-like-view-recent{
	width:1140px;
	margin:80px auto 0;
	font-size:16px;
}
.may-like-view-recent .tab-title{
}
.may-like-view-recent .tab-title ul{
	display:flex;
	justify-content: center;
}
.may-like-view-recent .tab-title li{
	font-size:21px;
	margin:0 30px;
	font-weight:400;
	cursor:pointer;
}
.may-like-view-recent .tab-title li.on{
	color:#b08c46;
	border-bottom:1px solid #b08c46;
}
.may-like-view-recent .tab-content{
	margin-top:36px;
}
.may-like-view-recent .item-tab-conten{
	display:none;
}
.may-like-view-recent .tab-content ul{
	display:flex;
}
.may-like-view-recent .tab-content li{
	width:276px;
	margin:0 12px 20px 0;
    text-align:center;
    font-size:13px;
}
.may-like-view-recent .tab-content li:nth-child(4n){
	margin-right:0;
}
.may-like-view-recent .tab-content li .pro-img{
	margin-bottom:8px;
}
.may-like-view-recent .tab-content .nodata{
	text-align:center;
	padding:50px 0 150px;
}

.explore-others{
	width:1140px;
	margin:80px auto 0;
	font-size:16px;
	display:flex;
}
.explore-category{
	position:relative;
	width:564px;
}
.explore-category .img{
	position:relative;
}
.explore-category .img::after{
	position:absolute;
	left:0;
	top:0;
	right:0;
	bottom:0;
	background:rgba(0,0,0, .5);
	z-index:2;
	content:'';
}
.explore-category h3{
	position:absolute;
	left:50%;
	top:50%;
	z-index:3;
	margin:-0.5em 0 0 -3em;
}
.explore-category h3 a{
	color:#fff;
	border-bottom:1px solid #fff;
	padding-bottom:3px;
}
.explore-list{
}
.explore-list ul{
	display:flex;
}
.explore-list li{
	width:276px;
	margin:0 0 0 12px;
	text-align:center;
	background:#fff;
}
.explore-list li a{
	display:block;
	height:350px;
	box-sizing:border-box;
	padding:30px 20px 10px;
}
.explore-list li a .pro-img{
	margin-bottom:10px;
}


/********/
.product-details-wrapper{
	display:flex;
	justify-content: space-between;
	width:1140px;
	margin:80px auto 0;
	font-size:15px;
}
.product-images-gallery{
	width:700px;
}
.product-info-section{
	width:400px;
}
.product-info-section h1.product-name{
	font-size:24px;
	font-weight:400;
	margin-bottom:8px;
}
.p_sec_01{
	padding:15px;
	background:#fff;
}
.p_sec_01 .p_pms{
	border-top:1px solid #e8e8e8;
	margin-top:18px;
}
.p_sec_01 .p_pms2{
	border-top:0px solid #e8e8e8;
	margin-top:0px;
}
.p_sec_01 .negative{
	margin-top:-1px;
}
.p_sec_02{
	margin-top:18px;
	padding:0 15px 15px;
	background:#fff;
}
.product-info-section dt{
	border-bottom:1px solid #e8e8e8;
	height:56px;
	line-height:60px;
	overflow:hidden;
	background:url(../img/product/v_2.jpg) 98% 55% no-repeat;
}
.product-info-section dl.on dt{
	background:url(../img/product/v_1.jpg) 98% 55% no-repeat;
}
.product-info-section dd{
	padding:15px 0;
}
.product-info-section .p_sec_01 dd{
	padding:20px 0;
}
.product-info-section dd img{
	margin:2em 0 2em;
}
.d_d_4 p{
	margin-bottom:1em;
}
.p_sec_02 dd{
	display:none;
}
.d_d_1{
	border-bottom:1px solid #eeeeee;
}
.d_d_1 a{
	border-bottom:1px solid #6a6667;
	padding-bottom:2px;
}
.d_d_1 ul{
	display:flex;
	flex-wrap: wrap;
}
.d_d_1 li{
	width:50px;
	height:50px;
	text-align:center;
	line-height:50px;
	border:2px solid #898989;
	margin:15px 15px 0 0;
    cursor:pointer;
}
.d_d_1 li.on{
	border:2px solid #b08c46;
}
.d_d_1_noborder{
	border-bottom:none;
}
.product-info-section .p_sec_01 dd.d_d_1_noborder {
    padding:10px 0 20px;
}
.d_d_2{
	border-bottom:1px solid #eeeeee;
}
.product-info-section dd.d_d_3{
	display:flex;
	border-bottom:1px solid #eeeeee;
	position:relative;
	padding:15px 0;
}
.d_d_3::after{
	content:'';
	position:absolute;
	left:50%;
	width:1px;
	background:#eee;
	top:0;
	bottom:0;
}
.d_d_3 a{
	display:block;
	width:50%;
	text-align:center;
	line-height:45px;
	box-sizing:border-box;
}
.d_d_3 a.btn_share span{
	padding-left:25px;
	background:url(../img/product/jx_09.jpg) left center no-repeat;
}
.d_d_3 a.btn_add_fav span{
	padding-left:25px;
	background:url(../img/product/jx_06.jpg) left center no-repeat;
}
.d_d_3 a.btn_add_fav.favorite span{
	padding-left:25px;
	background:url(../img/product/1_17.png) left center no-repeat;
	background-size:18px;
}


.ban{ width:700px;  position:relative; overflow:hidden;margin:0 auto 0 auto;}
.ban2{ width:700px; height:700px; position:relative; background:#fff;overflow:hidden;}
.ban2 ul{ position:absolute; left:0; top:0;}
.ban2 ul li{ width:700px; height:720px;}
.prev{ float:left; cursor:pointer;}
.num{ height:166px;overflow:hidden; width:700px; position:relative;float:left;}
.min_pic{ padding-top:20px; width:700px;}
.num ul{ position:absolute; left:0; top:0;}
.num ul li{ width:166px; height:166px; margin-right:12px; padding:0; box-sizing:border-box;}
.num ul li:last-child{
	/*margin-right:0;*/
}
.num ul li img{
}
.num ul li a{
	display:block;
	height:156px;
	overflow:hidden;
}
.num ul li.on{ border:0px solid #ba9c60; padding:5px; background:#ba9c60}
.prev_btn1{ width:16px; text-align:center; height:18px; margin-top:40px; margin-right:20px; cursor:pointer; float:left; display:none;}
.next_btn1{  width:16px; text-align:center; height:18px; margin-top:40px;cursor:pointer;float:right; display:none;}
.prev1{ position:absolute; top:360px; left:20px; width:20px; height:51px;z-index:9;cursor:pointer; margin:-23px 0 0;}
.next1{ position:absolute; top:360px; right:20px; width:20px; height:51px;z-index:9;cursor:pointer; margin:-23px 0 0;}
.product-images-gallery:hover .prev1, .product-images-gallery:hover .next1 {display:block;}
.mhc{ background:#000; width:100%;opacity:0.5;-moz-opacity:0.5;filter:alpha(Opacity=50); position:absolute; left:0; top:0; display:none;}
.pop_up{ width:500px; height:500px; padding:10px; background:#fff; position:fixed; -position:absolute; left:50%; top:50%; margin-left:-255px; margin-top:-255px; display:none; z-index:99;}
.pop_up_xx{ width:40px; height:40px; position:absolute; top:-40px; right:0; cursor:pointer;}
.pop_up2{ width:500px; height:500px; position:relative; overflow:hidden;}
.pop_up2{ width:500px; height:500px; position:relative; overflow:hidden; float:left;}
.pop_up2 ul{ position:absolute; left:0; top:0;}
.pop_up2 ul li{ width:500px; height:500px; float:left;}


.r_guid_cover{
	background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;
    bottom: 0;
    display: none;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 99998;
}
/****右边尺码指南弹窗**/
.r_guid_box{
	background:#fff;
	width:520px;
	padding:30px;
	box-sizing:border-box;
	position:fixed;
	right:0;
	bottom:0;
	top:0;
	z-index:999999;
	display:block;
	
	
	transition-property: transform;
	  transition-duration: 0.3s;
	  transition-delay: 0.3s;
	   
	  transform: translate3d(100%, 0, 0);
}
.r_guid_box .stl{
	text-align:left;
	font-size:20px;
	position:relative;
	line-height:30px;
}
.r_guid_box .sbd{
	position:relative;
	margin-top:30px;
}
.r_guid_box .btn_close_lg{
	position:absolute;
	right:0px;
	top:0;
	width:30px;
	height:30px;
	background:url(../img/close.png) center center no-repeat;
	display:block;
	overflow:hidden;
	cursor:pointer;
	text-indent:-99em;
}
.r_guid_box a{
	color:#b08c46;
}
.is-visible {
  transform: translate3d(0, 0, 0);
  transition-delay: 0s;
}
#bn_pro{
	position:relative;
}
#bn_pro img {
	width:100%;
}
#bn_pro .ptxt {
    color: #fff;
    left: 0;
    letter-spacing: 0.2px;
    position: absolute;
    right: 0;
    top: 45%;
    transform: translateY(-50%);
	text-align:center;
	line-height:1.5;
	font-family:"Noto Serif JP","Noto Sans JP","Perpetua","Roboto","Roboto Condensed";
}
#bn_pro .t1 {
    font-size: 60px;
}
#bn_pro .t2 {
	font-size:15px;
}

#agete-modal{
	position:fixed;
	left:0;
	right:0;
	top:0;
	bottom:0;
	z-index:99999999;
	background:#fff;
	display:none;
}
#agete-modal .swiper-slide{
	text-align:center;
}
#agete-modal .swiper-slide img{
	max-width:100%;
	height:100vh;
}
.close-agete-modal{
	position:absolute;
	right:0;
	top:0;
	width:60px;
	height:60px;
	line-height:60px;
	text-align:center;
	font-size:32px;
	z-index:999999991;
}
.CsOuterDiv {
	width:256px;
	height:146px;
	background-color:white;
	position:absolute;
	top:50%;
	left:50%;
	transform:translateX(-50%) translateY(-50%);
	-moz-transform:translateX(-50%) translateY(-50%);
	-webkit-transform:translateX(-50%) translateY(-50%);
	-ms-transform:translateX(-50%) translateY(-50%);
	border-radius:5px;
	box-shadow:3px 3px  10px blue;
}

.load-btn { display:block; text-align:center; padding:5px 10px; border:1px #eee solid; background:#f5f5f5;}
.p_sec_01 .btn_buy{
	background: #272727 none repeat scroll 0 0;
    border: medium none;
    color: #fff;
    display: block;
    font-size: 15px;
    height: 45px;
    line-height: 45px;
    margin: 0 auto;
    text-align: center;
    width: 250px;
}
.p_sec_01 .btn_buy.nodata{
	background:#ccc;
	cursor:text;
	
}


/* 产品展示自适应 */
.product-wrap .section {
    min-width:1240px;
    width:88%;
    
}
.product-wrap .filter_sbd .section {
    width:1240px;
}
.product-wrap .plist li {
    width:24%;
    margin: 0 1% 0 0 ;
    text-align: center;
    min-height:296px;
}
.product-wrap .plist li .pic {
    width:100%;
    height:auto;
}



/* 0526 产品列表新样式(删掉回到原样式) */
.product-wrap .plist li {
    width: 25%;
    margin: -1px 0 0 -3px;
    text-align: center;
    min-height: 296px;
    border: 1px solid rgba(219,192,138,.6);
    background: #fff;
    padding-bottom: 30px;
}
.product-wrap .plist li .pic {
    border:0;
}
.load-btn {
    margin-top: 32px;
}
