div.goods-body-info{ margin:20px auto 40px auto; }

div.goods-pic{ margin:0 auto;text-align: center; }
h4.goods-futitle{
	font-size:.85rem;color:#333;margin:10px 0;padding:5px 0 5px 35px;
	border-left: 5px solid #f5785d;
}
table , th, td{
	border: 1px solid #ddd;
}
table{
	border-collapse: separate;
	border-spacing: 0;
	border-width: 1px 0 0 1px;
	margin:10px auto;
}
td{
	border-width: 0 1px 1px 0;text-align: center;font-size:.8rem;color:#444;
	padding:10px 0;
}

div.file-list-download{
	margin:25px auto;border:1px solid #ddd;
	position: relative;z-index:1;color:#555;font-size:.7rem;
}
div.file-list-download > span{
	border:1px solid #ddd;display: block;
	padding:4px 15px;position: absolute;top:-15px;
	background-color:white;z-index:2;left:30px;
}
div.file-list-download ul.file-list{
	list-style: none;padding:0;font-size: .7rem;width:95%;
	display: flex;display: -webkit-flex;margin:30px auto;
	flex-wrap:wrap;-webkit-flex-wrap:wrap;
	align-items: center;-webkit-align-items:center;
}
div.file-list-download ul.file-list > li{
	margin:0 10px;
}
div.file-list-download ul.file-list > li > a{
	text-decoration: none;display: block;outline:none;
	padding:8px 15px;background-color:#0458ae;color:white;
	transition: all .3s;border-radius: 3px;
}
div.file-list-download ul.file-list > li > a::before{ margin-right: 5px; }
div.file-list-download ul.file-list > li > a:hover{
	background-color:rgba(0,0,0,.7);
}

/*reprint*/
div.reprint-statement{
	margin:15px 0;background-color:#f6f7f5;
	border:1px solid #ddd;padding:8px;
	display: flex;display: -webkit-flex;
	align-items: center;-webkit-align-items:center;
}
div.reprint-statement img{ margin:0 15px;width:150px; }
div.reprint-statement p{
	margin:4px 0;font-size:.7rem;color:#666;
}
div.reprint-statement p > a{ text-decoration: none;color: inherit;cursor:pointer; }
div.reprint-statement p > a:hover{ text-decoration: underline;color:#0458ae; }



/*comment*/
.half-col{
	width:45%;
}
.half-col input{ flex-grow: 1;-webkit-flex-grow:1; }
div.post-comment{
	border:1px solid #ddd;padding:10px;margin:0;
}
h4.post-title{ font-size:.8rem;font-weight: normal;margin:5px 0;color:#555; }
div.post-comment > form{
	display: flex;display: -webkit-flex;
	flex-direction: column;-webkit-flex-direction:column;
}
div.post-comment > form input{ border:1px solid #ddd;text-indent: 1em;font-size:.8rem;color:#777; }
div.post-comment > form > div{
	display: flex;display: -webkit-flex;
	justify-content: space-between;-webkit-justify-content:space-between;
	align-items: center;-webkit-align-items:center;
}
div.input-group{
	display: flex;display: -webkit-flex;margin:6px 0;
	justify-content: flex-start;-webkit-justify-content:flex-start;
	align-items: stretch;-webkit-align-items:stretch;
}
div.input-group > span{
	font-size:.9rem;color:#6899c2;
	background-color:#f6f6f6;padding:8px;
	border-left:1px solid #ddd;
	border-top:1px solid #ddd;
	border-bottom:1px solid #ddd;
}
div.input-group > img{ width:100%;height:36px;cursor:pointer;margin-left: 20px; }
button[type='submit']{
	padding:6px 20px;background-color:#6899c2;border:none;
	color:white;border-radius: 5px;font-size:.8rem;
	cursor:pointer;
}
button[type='submit']:hover{
	background-color:rgba(0,0,0,.8);
}
div.post-comment > form > textarea{
	border:1px solid #ddd;resize:none;padding:10px;color:#777;font-size:.8rem;
}


/*comment-list*/
div.comment-list{
	border:1px solid #ddd;padding:10px;margin:15px 0;
}
div.comment-list > ol{
	list-style: none;padding:0;
	display: flex;display: -webkit-flex;
	flex-direction: column;-webkit-flex-direction:column;
}
div.comment-list > ol > li{
	display: flex;display: -webkit-flex;padding:15px 0;border-top:1px dashed #ddd;
	align-items: flex-start;-webkit-align-items:flex-start;
}
div.comment-list > ol > li img{
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
	margin-right:20px;
}
div.comment-info{
	display: flex;display: -webkit-flex;font-size:.7rem;color:#888;
	justify-content: space-between;-webkit-justify-content:space-between;
	align-items: center;-webkit-align-items:center;margin-bottom: 20px;
}
div.comment-info > span{ font-size:.8rem;color:#777;margin-right: 20px; }
div.comment-info > div > span{ margin-right: 15px; }
div.comment-content{
	font-size:.75rem;color:#555;text-indent:2em;
}
#copy{ position: absolute;top:0;left:0;opacity: 0;z-index: -10; }

@media screen and (min-width: 300px) and (max-width: 767px) {
	div.file-list-download ul.file-list { margin:20px auto; }
	div.reprint-statement img{ display: none; }
	div.input-group{ width:100%;margin: 3px 0 6px 0; }
	div.post-comment > form > textarea{ margin: 3px 0 6px 0; }
	div.selector{
		border:none;
		flex-direction: column;-webkit-flex-direction:column;
	}
	div.selector > div{ width:100%;border:1px solid #ddd; }
	div.selector div:first-child{ margin-bottom: 10px; }
	div.post-comment > form > div{
		flex-direction: column;-webkit-flex-direction:column;
	}
	div.input-group > img{ margin-left:0; }
	div.post-comment > form input{ width:40%; }
	div.comment-list > ol > li > div{
		flex-grow: 1;-webkit-flex-grow:1;
	}
	div.input-group > img{ width:45%; }
	button[type='submit']{ margin:10px 0; }
}