
.goods_base {
	@extend .web;border-top: 2px solid $red;margin-bottom: 10px;
	background: $cff;
}
.goods_zoom {
	width: 435px;float: left;margin: 20px;
}

.goods_info {
	width: 700px;float: right;margin: 20px;margin-left: 0;
	.goods_info_title {
		border-bottom: 1px dashed $cdd;padding: 5px 0;color: $c22;
		font-size: 16px;line-height: 24px;
	}
	.goods_info_num {
		font-size: 12px;color: $c99;float: right;margin-top: 15px;
	}
	.goods_ul {line-height: 2;margin-top: 10px;}
	li {
		@extend .cf;position: relative;
		.price {
			color: darken($red,5%);font-weight: bold;font-size: 16px;
			span {font-size: 24px;}
		}
		del {text-decoration: line-through;color: $c99;}
		.favorite {
			margin-left: 50px;color: $cf60;cursor: pointer;@include dz();
			&:hover {color: $red;}
		}
		.star_box {
			.item {font-weight: normal;width: auto;}
			u {display: block;float: left;line-height: 15px;margin-left: 50px;}
		}
		.sel_area {
			padding-right: 15px;position: relative;display: inline-block;
			&:after {
				content: "";display: block;width: 0;height: 0;position: absolute;right: 0;top: 10px;
				border-width: 4px 4px 0 4px;border-style: solid;
				border-color: $blue transparent transparent transparent;
			}
			&:hover:after {border-top-color: $cf60;}
		}
		.area_box {
			position:absolute;background:lighten($blue,54%);border:2px solid lighten($blue,45%);overflow:hidden;
			padding:5px;top:25px;left:0;width:480px;display: none;z-index: 2;
			li {
				float:left;
				a {
					display:block;text-align:center;color: $blue;width: 120px;
				}
			}
		}
	}
	.good_info_buy {
		background: $cf9;padding: 10px;@extend .cf;
		dl {
			display: table;width: 100%;
			dt,dd {display: table-cell;padding: 5px;}
			dt {width: 40px;white-space:nowrap;vertical-align: middle;}
			.item {
				@extend .cf;
				span {
					display: block;float: left;height: 24px;line-height: 24px;padding: 1px 11px;background: $cff;
					border: 1px solid $cdd;margin-right: 10px;cursor: pointer;
					img {width: 30px;height: 24px;}
					&.current {
						padding: 0 10px;border: 2px solid $red;position: relative;
						&:after,&:before {
							display: block;content: "";position: absolute;border-style: solid;
						}
						&:after {
							width: 0;height: 0;right: 0;bottom: 0;
							border-width: 6px;
							border-color: transparent $red $red transparent;
						}
						&:before {
							width: 3px;height: 6px;border-width:0 1px 1px 0;border-color: $cff;
							@include xz(45);right: 1px;bottom: 1px;z-index: 1;
						}
					}
				}
			}
		}
	}
}
.goods_resize {
	@extend .cf;@include ns;
	.add,.reduce {
		display: block;width: 32px;height: 28px;background: $cf0;cursor: pointer;outline: 1px solid $cdd;float: left;
		font-size: 14px;text-align: center;line-height: 28px;
		&:hover {
			background: $red;color: $cff;outline: 1px solid $red;
		}
	}
	.input {
		display: block;float: left;width: 50px;height: 28px;border: none;outline: 1px solid $cdd;text-align: center;
	}
}

.btn_submit_buy,.btn_add_cart,.gopay_btn,.new_address_btn {
	display: block;float: left;overflow: hidden;
	background: $cf60;position: relative;margin: 20px  20px  20px 0;
	width: 140px;height: 40px;color: $cff;line-height: 40px;cursor: pointer;

	i {
		display: block;position: absolute;
		left: 15px;top: 0;opacity: .8;font-size: 22px;line-height: 40px;
	}
	span {
		display: block;position: absolute;left: 50px;top: 0;font-size: 18px;
	}
	&:hover {
		box-shadow: 0 0 0 20px rgba($cff,.1) inset;color: $cff;text-decoration: none;
	}
}
.btn_add_cart,.new_address_btn {
	width: 160px;
	background: $blue;

}

.goods_tab {
	background: $cfa;margin-bottom: 15px;@extend .cf;
	label {
		padding: 10px 20px;font-size: 14px;display:block;cursor: pointer;font-size: 16px;font-weight: normal;
		background: $cf0;border-left: 2px solid $cff;float: left;
	}
	.current {color: $c22;font-weight: bold;background: $cff;}
}
.goods_con {
	@extend .cf;
}
.goods_infos {
	background: $cfa;padding: 10px;line-height: 2;margin-bottom: 15px;
	@extend .cf;border: 1px dotted $cf0;
	li {width: 50%;float: left;}
}


.comment_list {
	padding: 20px;
	.comment_item {
		@extend .cf;margin-bottom: 20px;
		.user {
			width: 72px;float: left;
			img {width: 72px;height: 72px;display: block;}
			span {display: block;width: 72px;text-align: center;margin-top: 6px;color: $blue;}
		}
		.desc {
			float: right;width: 750px;padding:10px 20px;line-height: 2;
			border: 1px solid $cdd;box-shadow: 0 2px $cfa;
			time {color: $c99;float: right;font-size: 12px;}
			.star_box {border-bottom:1px dotted $cdd;margin-bottom: 5px;}
			.recontents span {color: $red;}
		}
	}
}

.history_list {
	table {
		width: 100%;text-align: center;
		th {background: $cfa;font-size: 14px;}
		td,th {padding: 10px;line-height: 1.6;border-bottom: 1px solid $cdd;}
		td {}
	}
	strong {color:$c22;font-weight: bold;}
	time {color: $c99;font-size: 12px;}
	em {font-weight: bold;color: $red;}
	u {font-weight: bold;color: $orange;}
	span {color: $blue;}
}

.ask_list {
	padding: 20px;position: relative;
	.ask_item {
		@extend .cf;margin-bottom: 20px;
		.user {
			width: 72px;float: left;
			img {width: 72px;height: 72px;display: block;}
			span {display: block;width: 72px;text-align: center;margin-top: 6px;color: $blue;}
		}
		.desc {
			float: right;width: 790px;line-height: 2;
			border: 1px solid $cdd;box-shadow: 0 2px $cfa;
			header {
				margin: 0 10px;border-bottom: 1px dotted $cdd;padding: 5px; width: 760px;
				i {color: $cf60;}
				strong {color: $c22;}
				time {float: right;color: $c99;font-size: 12px;}
			}
			section {
				line-height: 2;padding:5px 10px;
			}
			.answer {background: $cfa;border-top: 1px solid $cdd;}
		}
	}
}

.ask_btn {
	display: block;width: 80px;height: 24px;position: absolute;right: 8px;top: -45px;
	background: $cf60;
	color: $cff;text-align: center;line-height: 24px;
	&:hover {
		color: $cff;text-decoration: none;
		background: lighten($cf60,10%);
	}
}

.discussion_list {
	padding: 20px;position: relative;
	.discussion_item {
		border-bottom: 1px solid $cdd;margin-bottom: 10px;line-height:2;
		time {float: right;color: $c99;font-size: 12px;}
		strong {color: $blue;}
		p {margin:5px 0;border-top: 1px dotted $cdd;padding: 5px 0;}
	}
}
.discuss_form {
	position: relative;margin-top: 50px;
	dl {
		display: table;margin-bottom: 20px;width: 100%;line-height: 1.6;
		dt,dd {display: table-cell;vertical-align: middle;}
		dt {width: 140px;text-align: right;font-size: 14px;}
	}
	img {cursor: pointer;}
}
