body{ background: #F8F8F8 }
.layui-form-label{ width: 50px; }
.layui-input-block{ margin-left: 80px !important; }
.wrap{ max-width: 1000px; min-width: 320px; margin: 0 auto }
.banner img{display: block; max-width: 100%;}
.form-main{ background: #FFF; padding: 10px; margin-top: 10px; }

.location{ background: url(../images/form/location.png) left center no-repeat; border-bottom: 1px solid #2FB42B; padding: 10px 0 10px 20px; color: #666666; font-size: 16px; }
.location a{color: #666666; padding: 0 5px;}

.tab-frame{ padding: 20px; }
.tab-btn li{ display:inline-block; padding: 6px 20px; margin-right: 5px; font-size: 16px;  color: #979797;  border: 1px solid #979797; cursor: pointer; -webkit-border-radius: 2px; border-radius: 2px;}
.tab-btn li.active{ background:#2FB42B; color: #FFF; border: none; }
.tab-content li.item{ display: none }
.mail-list{ padding: 20px 0; font-family: "宋体"; }
.mail-list li{ margin: 10px 0 }
.mail-list li .intro{ border:1px solid #E5E5E5; border-left: 4px solid #2FB42B; padding: 5px; }
.mail-list li .title{ font-size:14px; color: #333333;  float: left;  padding: 4px; width: 50%; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden;}
.mail-list li .author{font-size:14px; color: #333333; float: left; padding: 5px;}
.mail-list li .time{font-size:14px; color: #333333; float: right; padding: 5px; margin-right: 20px;}
.mail-list li .show-detail{ background: #F05803; color: #FFF; cursor: pointer; display: inline-block; padding: 5px; font-size:12px; float: right;}
.mail-list li .show-detail.active{ background: #DADADA; color: #666666 }
.mail-list li .detail{ border:1px solid #E5E5E5; border-top: none; padding: 10px; font-size: 14px;  line-height: 1.8; display: none; }
.mail-list li .form-content{ padding: 0px 0 8px 0; border-bottom: 1px solid #E5E5E5; margin-bottom: 10px;}
.mail-list li .reply{ background: url(../images/form/reply.jpg) left center no-repeat; padding: 0 0 0 20px; }
.mail-list li .reply span{ color: #f05803 }
.message-list{padding: 20px 0;  font-family: "宋体";}
.message-list li{ display: block; border: 1px solid #E5E5E5; padding: 10px 0; margin: 10px 0; }
.message-list li .intro{ border-left: 4px solid #2FB42B; padding: 5px; }
.message-list li .intro span{color: #f05803; font-size: 14px;}
.message-list li .question-box{ width: 95%; margin: 0 auto; border-bottom: 1px solid #E5E5E5; font-size: 12px; line-height: 1.8; padding-bottom: 10px; }
.message-list li .question{padding: 10px 0 0px 20px; background: url(../images/form/question.jpg) left 14px no-repeat;}
.message-list li .date{ text-align: right;  }
.message-list li .detail{padding: 10px 0}
.message-list li .reply{ width: 95%; margin: 0 auto; background: url(../images/form/reply.jpg) left 4px no-repeat; padding: 0 0 0 20px; font-size: 12px; line-height: 1.8}
.explain{font-family: "宋体"; padding-top: 10px;}
.explain h1{ color: #1da541; padding: 10px 0; font-size:16px;font-weight: bold;   }
.explain h2{ color: #333333; padding: 5px 0; font-size: 14px; font-weight: bold; }
.explain p{ color: #333; font-size: 12px; padding: 5px 0; line-height: 1.8 }
.form{ padding: 20px 50px 0 0 }
.form em{color: #FF5722}
.form img{ width: 120px; }

.footer{ text-align: center;  margin-top: 10px; background: #fff; padding: 15px 0 }

/*分页样式*/
.page { height: 50px; line-height: 50px; margin-top: 10px; text-align: center; font-size: 14px; }
.page a,.page a b { color: #666666; background: #F5F5F5; padding: 6px 10px; -webkit-border-radius: 3px; border-radius: 3px; }
.page b { background: #2FB42B; color: #FFFFFF; padding: 6px 10px; -webkit-border-radius: 3px; border-radius: 3px;  }
.page a:hover{background: #2FB42B; color: #FFFFFF; }
.page a.total{ cursor: not-allowed; }


@media only screen and (max-width:490px) {
.layui-form-item .layui-input-inline{ width: 100px; }
}
@media only screen and (max-width:450px) {
.layui-form-item .layui-input-inline{ margin: 0 0 10px 82px; }
.form .verify{ margin-left: 70px; }
}