@charset "utf-8";
@import url(css/layout.css);

.interactform{  margin-top: 50px;}
.formColor_0{background:White;}
.formColor_1,.formColor_1 td{}
.formColor_3{color:Red;}
.interactform .f16{ font-size:16px; font-weight:bold;}
.interactform .wauto{ width:auto;}
.interactform table{width:100%; background:#f9f9f9; }

.interactform table{ font-size: 12px;}
.interactform col.td1{}
.interactform col.td2{}
.interactform col.td3{width:10%;}
.interactform col.td4{width:10%;}
.interactform col.td5{width:10%;}
.interactform col.td6{width:10%;}
.interactform col.td7{width:10%;}
.interactform col.td8{width:10%;}
.interactform table th{border-bottom:1px solid #ccc;border-top:1px solid #ccc;height:31px;background:url(../images/contactformtitlebg.jpg) repeat-x;text-align:center;}
.interactform td{padding:5px;border-bottom:1px solid #ccc;}
.interactform .order-item{ text-align: center;}
.interactform tr.item-hover{ background:#feffe5;}
.bought-table .sep-row{height:7px;}
.interactform .order-bd{ background:White;}
.interactform .order-bd td{padding:8px 5px;text-align:center;vertical-align:top;}
.interactform table .fr{text-align:right;}
.interactform table .fl{text-align: left;}





textarea::-webkit-input-placeholder,
input::-webkit-input-placeholder {
color: #999;
-webkit-transition: color.5s;
}

textarea:focus::-webkit-input-placeholder,  
textarea:hover::-webkit-input-placeholder,
input:focus::-webkit-input-placeholder,
input:hover::-webkit-input-placeholder{
color: #c2c2c2;
-webkit-transition: color.5s;
 
}


textarea:focus,input:focus {outline:none;} /*去掉谷歌浏览器自动添加的表单获得焦点的样式*/

@font-face {font-family: "iconfont";
  src: url('iconfont.eot'); /* IE9*/
  src: url('iconfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('iconfont.woff') format('woff'), /* chrome、firefox */
  url('iconfont.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
  url('iconfont.svg#iconfont') format('svg'); /* iOS 4.1- */
}

.iconfont {
  font-family:"iconfont" !important;
  font-size:16px;
  font-style:normal;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0.2px;
  -moz-osx-font-smoothing: grayscale;
}
.icon-pencil:before { content: "\e600"; }
.icon-touxiang:before { content: "\e622"; }
.icon-youxiang01:before { content: "\e612"; }







.form_info{display:inline-block;width:100%; padding:5px 0px 5px 10px;line-height:25px;}

.form_info span.span {background-color: #16a085;color: #fff;border: 2px solid #16a085;border-radius: 0 !important;padding:5px 7px 5px;float:left;-moz-padding-bottom:6px;}
.form_info span.span i {}
.form_info strong{display:block;float:left; /* width:100px; text-indent: 10px; */ font-weight:normal;}
.form_info a{ white-space: nowrap;}

.form_info input,.form_info textarea{display:inline;/* margin:auto 5px; */  padding: 10px 16px;background-color: transparent;border: 2px solid #16a085;}
#commentstopic {height: 15px;} /*在谷歌和火狐下的默认高度不同，导致输入框无法对齐，可以给input加一个height，这样就可以覆盖初始高度*/
.form_info .frm_button{display:inline; text-align:center;width:100%;color: #16a085;cursor:pointer;}
.form_info .frm_button:hover{	color: #fff;
	background-color: #16a085;
	border: 2px solid #16a085;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease}
.form_info .button{display:inline;margin-left:30px;padding:0 20px;text-align:center;}
.commentList{ display: block; height: 100%;}
.commentList li{border-bottom:1px dashed #ccc;}
.commentList span{display:block; float:left;}
.commentList .userName{text-indent:10px;}
.commentList .name{}
.commentList .userTime{text-indent:80px;}
.commentList .time{}
.commentList .commentTitle{display:inline-block; width:100%; line-height:40px; }
.commentList .commentContent{padding:10px 10px;}
.comments_listtit,.comments_formtit{ font-weight: bold; padding: 8px 0px 0px 10px;}
.comments_formtit {font-size: 18px;font-weight:normal;color: #16a085;padding: 10px; margin-bottom: 20px;
  border-bottom: 2px solid #16a085;}
.update_inpnum{ width: 35px;}
.myorders_tblist,.commentList{ /* background: #fff; */ background-color: #fff;}

.onlineshop_list{ padding:10px 0px; clear: both;}
.onlineshop_list dl{float:left; display: block; padding:0px 10px; width:202px; height: 210px; background:url(../images/b1.gif) no-repeat top center;}
.onlineshop_list dt{text-align:center; width: 196px; height: 126px; display: block; margin: 0px auto; padding-top: 3px;}
.onlineshop_list dd{text-align:center; width: 200px; line-height: 24px; padding-top:3px; overflow: hidden;}
.onlineshop_list dt img{ _width: 196px; _height: 126px; max-width: 196px; max-height: 126px;}
.onlineshop_list dd a,.onlineshop_list dd span{ display: block; overflow: hidden; white-space: nowrap; text-overflow:ellipsis;}
.onlineshop_list dd span{padding-bottom: 2px;}
.onlineshop_list dl.hover{background:url(../images/hover.gif) no-repeat top center;}
.onlineshop_list dl.hover dd{text-align:center; line-height:24px; padding-top:3px; color:#ff3300;}
.onlineshop_list .pline{height:1px; background:url(../images/line2.gif) repeat-x; font-size:0px; line-height:0px; width:681px; padding:0px; margin:0 auto;}