﻿.shopping_box {
	flex:1 1 50%;
	min-width:240px;
/*max-width:240px;
	*/
;
	display:block;
	border:1px solid #f00;
	position:relative;
	padding:1rem 1rem 2rem 1rem;
}

.buybox{
	max-width:240px;
}

.shopping_box .shopping_qty {
	padding:.5rem;
}

.shopping_box .shopping_qty input{
	padding:.5rem;
	font-size:1rem;
	height:28px;
	max-width:100px;
}

.shopping_box .xzbtn {
	display:inline-block;
	cursor:pointer;
	margin:0px;
	padding:0px;
}

.shopping_box .xzbtn:after{
	font-family: 'FontAwesome';
	font-size:1rem;
	color:#aaa;
	padding-left:7px;
	content:"\f044";
}

.shopping_box .num_box {
	display:block;
	border:1px solid #ddd;
	background:#fff;
	width:100px;
	height:100px;
	position:absolute;
	top:-100px;
	margin-top:1.5rem;
	xxxleft:0px;
	z-index:116;
}

.shopping_box .num_box input{
	width:33.3%;
	height:25%;
	border:1px solid #ddd;
	background-color:#fff;
}

.shopping_btn{
	min-height:80px;
	overflow:hidden;
	border:1px solid #0f0;
}

.form_btn_needbuy {
	height:40px;
	padding:.5rem 1rem;
}

.shopping_btn input{
	padding:.4rem 1rem !important;
}

input[name=maxorder],input[name=minorder]{
	 background:transparent !important;
	 border-width:0px !important;
}

p#shopping_qty_err{
	margin:0px;
	position:absolute;
	left:0px;
	bottom:0px;
	color:red;
	text-align:center;
	width:100%;
	border:1px solid #f00;
	//padding-left:.3rem;
}

/*浮动购物车*/
.pop_shopping_cart {
	border:1px solid #eee;
	display:none;
	right:0px;
	top:50%;
	height:30px;
	width:30px;
	position:fixed;
	background:#fff;
	cursor:pointer;
}

.pop_shopping_cart p{
	display:block;
	position:absolute;
	top:0px;
	right:0px;
	border-radius:50%;
	color:#fff;
	background-color:#f00;
	margin-top:-20px;
	cursor:pointer;
	min-width:20px;
	min-height:20px;
	text-align:center;
}

.pop_shopping_cart:before{
	font-family: 'FontAwesome';
	font-size:1rem;
	color:#aaa;
	padding-left:7px;
	line-height:30px;
	content:"\f07a";
}

/*显示sku2最大可买数量*/
.showsku2maxqty{
	position:absolute;
	left:0px;
	top:0px;
	xxxborder:1px solid #f00;
	padding:0px;
	margin:0px;
	padding-left:60px;
	color:#aaa;
}

.showsku2maxqty span {
	padding:0 .5rem
}

/*抛物线移动的球*/
.move{
	width: 30px;
	height: 30px;
	border-radius: 50%;
	background: green;
	position: absolute;
	left: 0;
	bottom: 0;
	opacity: 0.6;
	z-index:999;
}


.RelaProDuct {
	padding-top:1rem;
}

.RelaProuct *{
	box-sizing:border-box;
	-moz-box-sizing:border-box;
/* Firefox */
-webkit-box-sizing:border-box;
/* Safari */

}

/* flex 0 是保证30%而不能放大*/
.RelaProDuct .box{
	display:block;
	//flex:0 1 33.3%;
	flex:0 1 10%;
	border:1px solid #ddd;
	overflow:hidden;
	height:auto;
	text-align:center;
	margin-top:0px;
	padding:1rem;
}

/*25vh 保证高度按比例*/
.RelaProDuct .box a.pic{
	display:block;
	text-align:center;
	height:100px;
/* height:25vh;
	*/
 xxxborder:1px solid #f00;
}

.RelaProDuct .box a.pic img{
	width:auto;
	height:auto;
	max-height:100%;
	max-width:100%;
}

.RelaProDuct .box A.name{
	display:block;
	text-align:center !important;
	color:#666;
	text-decoration:none;
	height:1.5em;
	line-height:1.5em;
	font-size:0.9rem;
	overflow:hidden;
	margin-top:1rem;
}

.RelaProDuct .box A:hover{
	text-decoration:underline;
	color:#000;
	opacity:0.7;
}

/*-star-@-----------------------------------------------------*/
@media only screen and (min-width:1px) and (max-width:759px){
.RelaProDuct .box{
	flex:0 1 50%;
}}



/* SETTABMENU*/
.setTab {
	position:relative;
	width:100%;
	margin-top:1rem;
}

.product_detail_frame .setTabMenu{
	display:block;
	width:100%;
	height:auto;
	position:absolute;
	top:0px;
	left:0px;
	padding-bottom:20px;
	background-color:#fff;
}

.setTabCon {
	padding-top:50px;
	width:100%;
}

.product_detail_frame .setTabMenu ul{
	position:relative;
	height:100%;
	display:-webkit-flex;
	display:flex;
	-webkit-justify-content:flex-start;
	justify-content:flex-start;
	-webkit-align-items:center;
	align-items:center;
}

.product_detail_frame .setTabMenu li{
	flex:0 0 24%;
	width:auto;
	max-width:200px;
	line-height:31px;
	text-align:center;
	border-top:1px solid #ccc;
	border-left:1px solid #ccc;
	border-right:0px solid #ccc;
	border-bottom:1px solid #ccc;
	height:31px;
	cursor:pointer;
	font-size:1.0rem;
	color:#888;
	background:#eee;
}

.product_detail_frame .setTabMenu li.hover{
	flex:0 0 24%;
	width:auto;
	font-size:1.0rem;
	color:#231815;
	border-top:1px solid #ccc;
	border-left:1px solid #ccc;
	border-right:0px solid #ccc;
	border-bottom:1px solid #fff;
	background:#fff;
}

#tabs999 {
	border-top:0px solid #fff;
	border-right:0px solid #ccc;
	border-left:1px solid #ccc;
	max-width:100%;
	cursor:default;
	flex:1 1 auto;
	background:#fff;
}

/*第一个元素左边已有边框线*/
#tabs1 {
	border-left:0px solid #fff;
}

.product_detail_frame DIV[id^="con_tabs_"] img {
	max-width:600px;
}

.product_detail_frame DIV[id^="con_tabs_"] table {
	max-width:600px;
}

.product_detail_frame DIV[id^="con_tabs_"] table td{
	text-align:center;
}

.product_detail_frame DIV[id^="con_tabs_"] table td p {
	text-align:center;
	text-indent:0em !important
}

.product_detail_frame DIV[id^="con_tabs_"]:not(.pd_question_answer) {
	text-align:left;
	overflow:hidden;
	xxxborder:1px solid #f00;
}

.product_detail_frame DIV[id^="con_tabs_"]:not(div.pd_question_answer) *{
	max-width:100%;
}

.product_detail_frame DIV[id^="con_tabs_"]>P:not(.isimg){
	font-size: 18px;
	text-indent: 2em;
	line-height: 32px;
	color: rgb(77, 79, 83);
}

.product_detail_frame DIV[id^="con_tabs_"] div.pd_question_answer P {
	text-indent:0;
}

.product_detail_frame DIV[id^="con_tabs_"] P.isimg{
	text-indent:0;
}

.product_detail_frame DIV[id^="con_tabs_"] P.isimg{
	text-align:center;
}

.product_detail_frame DIV[id^="con_tabs_"] P.isimg img{
	max-width:600px;
	display:block;
	margin:auto;
}

.product_detail_frame DIV[id="con_tabs_1"] table {
	width:100%;
	border-collapse:collapse;
}

.product_detail_frame DIV[id="con_tabs_1"] table ,
.product_detail_frame DIV[id="con_tabs_1"] table td,
.product_detail_frame DIV[id="con_tabs_1"] table th {
	border:1px solid #039;
}

/*重要框架*/
.product_detail_frame DIV[id^="con_tabs_"] {
	text-align:left;
	overflow:hidden;
	padding:0 1rem;
	margin:0 auto;
	width:100%;
	word-wrap:break-word;
	word-break: break-word;
	text-align:justify;
	min-height:300px;
}

.product_detail_frame DIV[id^="con_tabs_"] *{
	max-width:100%;
	word-wrap: break-word;
	word-break: break-word;
	text-align:justify;
	white-space: normal;
}

@media only screen and (max-width:768px){
.product_detail_frame DIV[id^="con_tabs_"] table {
	width:100% !important
}

.product_detail_frame DIV#con_tabs_1 img{
	max-width:100% !important;
}

#leftWrap {
	display:none;
}}

@media only screen and (max-width:600px){
.product_detail_frame DIV[id^="con_tabs_"] table {
	width:100% !important
}

.product_detail_frame DIV#con_tabs_1 img{
	max-width:100% !important;
}}


.product_detail_frame .left_box_bigpicture {
	flex:1 0 380px;
	height:auto;
	width:auto;
	max-height:580px;
	overflow:hidden;
	flex-direction:column;
	padding:0.6rem;
	xborder:1px solid #0f0;
}

.product_detail_frame .left_box_bigpicture .d_pic{
	margin:0.5rem auto;
	width:100%;
	max-height:485px;
	display:-webkit-flex;
	display:flex;
	-webkit-justify-content:center;
	justify-content:center;
	-webkit-align-items:flex-start;
	align-items:flex-start;
}


div.emailtofriend a{
	display:block;
	padding:0.5rem 1rem;
	color:#369;
	font-weight:400;
	font-size:0.9rem;
	border:1px solid #ccc;
	border-radius:10px;
	// border:12px solid #fff;
	//border-left:0px;
	solid #fff;
	//background-color:#f20;
	//flex:1 1 50%;
	//max-width:50%;
	//min-width:50%;
}

div.emailtofriend a:hover{
	text-decoration:underline
}

div.emailtofriend {
	width:auto;
	overflow:hidden;
}

div.emailtofriend div.title {
	width:100%;
	font-size:1rem;
	text-align:left;
	line-height:19pt;
	font-weight:700
}

.right_box_detail .pdpricebox vip{
	 font-size:1.2rem;
	 color:#000;
	 font-weight:700;
	 padding-right:5px;
}

.right_box_detail .pdprice{
	color:red;
	font-size:1.2rem;
	font-weight:700;
	line-height:30px;
}

.product_detail_frame .right_box_detail {
	display:-webkit-flex;
	display:flex;
	-webkit-justify-content:center;
	justify-content:center;
	-webkit-align-items:flex-start;
	align-items:flex-start;
	flex:1 0 300px;
	height:auto;
	overflow:hidden;
	xxxbackground:#00fEfE;
	padding:0.6rem;
	flex-direction:column;
}

.product_detail_frame H1.prodname {
	font-size:25px;
	font-weight:400;
	line-height:35px;
	color:#454545;
	xborder:1px solid #fff;
	text-align:left;
	margin:0px;
	padding:0px;
	margin-bottom:2rem;
	word-wrap:break-word;
	word-break:break-word;
}

.product_detail_frame .right_box_detail .more_select_items{
	display:block;
	//margin-bottom:20px;
	clear:both;
	//padding-bottom:20px;
	xxxborder:1px solid #000;
	width:100%;
}

.product_detail_frame .right_box_detail .more_select_items DL {
	width:100%;
	display:-webkit-flex;
	display:flex;
	-webkit-justify-content:flex-start;
	justify-content:flex-start;
	-webkit-align-items:flex-start;
	align-items:flex-start;
	border-bottom:1px dotted #aaa;
	;
}

.product_detail_frame .right_box_detail .more_select_items DL DT{
	line-height:23px;
	font-size:0.9rem;
	text-align:left;
	color:#666;
	margin:0px;
	flex:0 0 100px;
	padding:.4rem 0;
	text-transform: capitalize;
	word-break:break-word;
	word-wrap:break-word;
}

.product_detail_frame .right_box_detail .more_select_items DL DT INPUT.price{
	bordeR:0px solid #fff;
	font-weight:bold;
	font-size:1.8em;
	color:#ff9900;
	text-align:right;
	width:80px;
	vertical-align:middle
}

.product_detail_frame .right_box_detail .more_select_items DL DD {
	flex:1 1 auto;
	color:#000;
	font-style:normal;
	font-size:0.9rem;
	text-align:left;
	word-break:break-all;
	line-height:23px;
	padding:.4rem 0;
	text-transform: capitalize;
	word-break:break-word;
	word-wrap:break-word;
}

.product_detail_frame .right_box_detail .more_select_items DL DD IMG{
	width:80%;
	max-width:80%;
	height:80%;
	max-height:80%;
}

.product_detail_frame .right_box_detail .more_select_items DL DD.price_ori {
	color:#000;
	#ff4400;
	text-align:left;
	font-weight:700;
	width:100%;
	font-size:1rem;
}

.product_detail_frame .right_box_detail .more_select_items DL DD.price {
	color:#000;
	#ff4400;
	text-align:left;
	font-weight:700;
	width:100%;
	//font-size:1rem;
}

.product_detail_frame .right_box_detail .more_select_items DL DD.price .price_list{
	flex:1 1 33%;
	min-width:100px;
	//border:1px solid #ddd;
	//padding:.4rem;
	display:block;
	text-align:left;
	font-weight:400;
	//font-size:0.9rem;
	color:#999;
}

.product_detail_frame .right_box_detail .more_select_items DL DD.price .price_list p{
	display:block;
	margin:0;
	padding-left:0rem;
	color:#888;
	//font-size:1rem;
	font-weight:700;
}

.product_detail_frame .right_box_detail .more_select_items DL DD.price .price_list.selected p{
	color:#ff3300;
	font-weight:700;
	//font-size:1.2rem;
}

.product_detail_frame .right_box_detail .more_select_items DL DD.price .price_list.selected p:before{
	color:#ff3300;
	font-weight:700;
}

.product_detail_frame .right_box_detail .more_select_items DL DD.price .price_list p:before{

/*content:"$";
	￥;
	*/
color:#888;
	font-size:0.6rem;
}

.product_detail_frame .right_box_detail .more_select_items DL DD.price .price_list.selected p jgdw {
	color:#666;
	font-size:0.9rem;
	padding-left:1rem
}

 .product_detail_frame .right_box_detail .more_select_items DL DD select{
	color: #000;
	font-size: 0.9em;
	border: 1px solid #ddd;
	height: 28px;
	padding: .3rem 1rem;
}

.product_detail_frame .right_box_detail .more_select_items DL DD select option{
	color:#444;
}

.product_detail_frame .right_box_detail .more_select_items DL DD.yf_country div{
	color:#000;
	padding:.3rem 0;
}

/* brief and guige --------------------------------------------------*/
.pdetail_brief {
	display:block;
	width:100%;
	word-break:break-word;
	word-wrap:break-word;
	xxxborder:1px solid #f00;
	line-height:16pt;
	font-size:0.9rem;
	color:#000;
	text-align:left;
}

.guige_box {
	margin-top:1px;
	padding:.5rem 0;
	//border-top:2px solid #eee;
	margin-bottom:10px;
	text-align:left;
}

.guige_box_line{
	text-align:left;
}

.guige_box_line div.title{
	display:block;
	padding:.5rem 0;
	text-align:left;
}

.guige_box_line div.title:after{
	content:":"
}

.guige_box_line div.item {
	display:inline-block;
	padding:.1rem .5rem;
	border:1px solid #aaa;
	margin-right:10px;
	border-radius:5px;
	cursor:pointer;
	margin:1px;
	margin-right:11px;
	text-align:center;
}

.guige_box_line div.item:hover ,
.guige_box_line div.item.selected{
	border:2px solid #f00;
	margin:0px;
	margin-right:10px;
}

.guige_box_line div.item div.pic{
	width: 64px;
	height: 50px;
	border: 1px solid #fff;
	text-align: center;
	margin:auto;
}

.guige_box_line div.item div.pic img{
	max-width: 50px;
	height: auto;
	max-height: 48px;
}

/*discount*/
.discount_box{
	flex:1 1 50%;
	min-wdith:200px;
	display:inline-block;
	border:1px solid #000;
	color:#999;
	text-align:left;
}

/*---------------------------------------------------------------------*/
.product_detail_frame .right_box_detail DIV.buynum{
	margin-top:12px;
	font-size:1em;
	margin-bottom:10px;
	clear:both;
}

.product_detail_frame .right_box_detail DIV.buynum SELECT{
	width:60px;
}

.product_detail_frame .right_box_detail DIV.buynum SELECT OPTION{
	color:#999;
}

.product_detail_frame .right_box_detail INPUT.buynowbtn{
	background-image:url("../sys_img/bnt_cat.png");
	margin-left:10px;
	margin-right:10px;
}

.product_detail_frame .right_box_detail input.buyqtybox{
	border-width:0px;
	border-bottom:1px solid #aaa;
	font-weight:15pt;
	font-size:2em;
	width:100px;
}

.product_detail_frame .right_box_detail .buynow {
	display:block;
	width:200px;
	height:100px;
	border:1px solid #aaa;
/* background:#FFFCEB;
	*/
 padding:10px;
}

.product_detail_frame .right_box_detail .wide {
	width:auto;
	height:auto;
}

.product_detail_frame .right_box_detail .buynow .more_select_items{
	display:block;
	margin-bottom:20px;
	clear:both;
}

.product_detail_frame .right_box_detail .buynow .more_select_items DL INPUT.buy_more_select {
	background:#fff;
	margin-right:10px;
	border:1px solid #ccc;
	margin-bottom:2px;
	width:auto;
	cursor:pointer;
	padding:5px;
}

.product_detail_frame .right_box_detail .buynow .more_select_items DL DT {
	width:100%;
}

.product_detail_frame .right_box_detail .buynow .more_select_items DL DD {
	width:100%;
	margin-bottom:2px;
}

/* weixin*/
div#mywx {
	position: fixed;
	left: 50%;
	top: 50%;
	width: 200px;
	height: 300px;
	margin: -150px 0px 0px -100px;
	border:1px solid #aaa;
	display:none;
	background:#fff;
	text-align:center;
	cursor:pointer;
	z-index:999;
}

div#mywx img {
	width:100%;
	max-width:100%;
	height:auto;
	max-height:auto;
}


.product_detail_frame, .product_detail_frame * {
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}

.product_detail_frame {
	display:flex;
	flex:1 1 auto ;
	font-size:1em;
	width:100%;
	display:-webkit-flex;
	display:flex;
	-webkit-justify-content:center;
	justify-content:center;
	-webkit-align-items:flex-start;
	align-items:flex-start;
	flex-wrap:wrap;
	_xxxborder:1px solid #d9d9d9;
	000;
	overflow:hidden;
	margin-bottom:20px;
	padding-bottom:2rem;
	padding:0 5rem 2rem 5rem;
}

/*单独大图使用*/
.product_detail_content {
	margin:2rem auto;
	width:95%;
	text-align:left;
	xborder:1px solid #000;
}

.product_detail_content img{
	max-width:100%;
}

/*关闭页面*/
.closed_page_sorry {
	font-size:.9rem;
	color:#555;
	line-height:1.8em;
	padding:1rem;
	max-width:350px;
	text-align:left;
}

.closed_page_sorry input{
	padding:.4rem;
}

/*按钮*/
#btn_author_preview {
	padding:.5rem 2rem;
	text-align:center;
	border-radius:5px;
	background:#006699;
	color:#fff;
	cursor:pointer;
	display:inline-block;
	width:auto;
}

.youmaylike_box , .relationpd_box {
	width:100%;
	padding:1rem 0;
}

/*div.youmaylike_box div.box, div.relationpd_box div.box{
	display:flex;
	flex:0 0 20%;
	xborder:1px solid #000;
	height:230px;
	max-width:20%;
}

*/
div.youmaylike_box div.box,div.relationpd_box div.box {
	display: block;
	//flex: 0 1 33.3%;
	flex: 0 1 10%;
	border: 1px solid #ddd;
	overflow: hidden;
	height: auto;
	text-align: center;
	margin-top: 0px;
	padding: 1rem;
	 min-width:120px;
}

div.youmaylike_box div.box a.pic ,div.relationpd_box div.box a.pic{

/*width:100%;
	border:1px solid #ccc;
	height:200px;
	*/
 display: block;
	text-align: center;
	height: 100px;
}

div.youmaylike_box div.box a.pic img ,div.relationpd_box div.box a.pic img{
	width:auto;
	height:auto;
	max-width:100%;
	200px;
	max-height:100%;
	198px;
}

div.youmaylike_box div.box a.name, div.relationpd_box div.box a.name{

/*max-width:100%;
	height:30px;
	width:100%;
	text-align:center;
	color:#666;
	margin:auto;
	padding:0.2rem 0.5rem;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	*/
 display: block;
	text-align: center !important;
	color: #666;
	text-decoration: none;
	height: 1.5em;
	line-height: 1.5em;
	font-size: 0.9rem;
	overflow: hidden;
	margin-top: 1rem;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}

div.youmaylike_box div.box a.name:hover, div.relationpd_box div.box a.name:hover {
	background-color:#eee;
}

/*@ start------------------------------------------------------------*/
@media only screen and (min-width:1px) and (max-width:760px){
.product_detail_frame DIV[id^="con_tabs_"] {
	padding:0
}

.product_detail_frame DIV#con_tabs_1 {
	padding:0 0.2rem;
}}

@media only screen and (min-width:1px){

/*小屏幕设置，不锁定最少宽度，当屏幕没有空位，元素上下排列，且随屏幕100% 缩减或扩大*/
.product_detail_frame .left_box_bigpicture {
	flex:1 1 100%;
	padding:.1rem
}

.product_detail_frame {
	max-width:100%;
	margin:0 auto;
	margin-bottom:1rem;
	padding:0 0rem 2rem 0rem;
}

.product_detail_frame #con_tabs_1 P:not(.isimg){
	text-indent:0;
}

.product_detail_frame div[id^="con_tabs_"] img {
	max-width:100% !important
}}

@media only screen and (min-width:360px){
.product_detail_frame .left_box_bigpicture {
	padding:.6rem
}}

@media only screen and (min-width:42.4375rem){

/*恢复正常的设置，锁定最少宽度，当屏幕有空位，但并列的时候会少于最少宽度时，把元素上下排列*/
.product_detail_frame .left_box_bigpicture {
	flex:1 0 380px;
}

.product_detail_frame {
	max-width:100%;
	margin-bottom:1rem;
}}

@media only screen and (min-width:62.8125rem){
.product_detail_frame {
	max-width:100%;
	padding:0 2rem 2rem 2rem;
}

.product_detail_frame #con_tabs_1 P:not(.isimg){
	text-indent:2em;
}}

@media only screen and (min-width:80.6875rem){
.product_detail_frame {
	max-width:100%;
	padding:0 5rem 2rem 5rem;
}}


