@charset "utf-8";

html{width:100%; height:100%;}
body{ background: url(../images/bg.png) center top no-repeat; background-size: 800px 80px; background-color: #eaf2f7; font-family:"PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial",sans-serif;}
ul,li{ list-style:none;}
*{ margin:0; padding:0;}
img{ border:none; max-width:100%; vertical-align: bottom;}
.clear{ clear:both;}
.fl{ float:left;}
.fr{ float:right;}
.tr{ text-align: right;}
.tc{ text-align: center;}
a{ color:#333; text-decoration: none;}
a:hover{ color:#333; text-decoration:underline;}

input,button,textarea{ border: 0; font-size:16px; font-family:"PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial",sans-serif;}

.main{ max-width: 800px; background-color: #fff; margin: 80px auto 0 auto; padding: 0 30px; box-sizing: border-box;}
.top{ padding: 50px 0 35px 0; color: #0095ff; font-size: 24px; font-weight: bold; text-align: center;}
.top_desc{ line-height: 30px; padding: 0 12px 30px 22px;}
.top_desc p{ border-bottom: 1px dashed #ccc; }
.top_desc2{ line-height: 30px; padding: 0 12px 12px 22px;}
.box dl{ padding: 10px; margin-bottom: 30px; border: 1px dashed #fff;}
.box dl dt{ padding-bottom: 15px;}
.box dl dt span{ color: #ff0000; margin-right: 5px;}
.box dl dd{ padding: 0 12px;}
.box dl dd.name,.box dl dd.tel{ position: relative;}
.box dl dd.name input,.box dl dd.tel input{ padding: 8px 10px 8px 35px; line-height: 24px; border: 1px solid #e3e3e3; box-sizing: border-box;}
.box dl dd.name input{ width: 400px;}
.box dl dd.tel input{ width: 200px;}
.box dl dd.name i{ width: 18px; height: 18px; display: block; background: url(../images/name.png) no-repeat; background-size: 18px 18px; position: absolute; top: 12px; left: 20px;}
.box dl dd.tel i{ width: 20px; height: 20px; display: block; background: url(../images/tel.png) no-repeat; background-size: 20px 20px; position: absolute; top: 12px; left: 20px;}
.box dl dd.radio{ line-height: 30px;}
.box dl dd.radio input{ margin-right: 6px;}
.box dl dd.tips{ padding: 0 12px; margin-top: 10px;}
.box dl dd.tips p{ color: #ff0000; line-height: 30px; padding: 0 10px 0 35px; background: url(../images/error.png) 8px center no-repeat; background-size: 20px 20px; background-color: #ffecec;}
.button{ padding: 20px 0 50px 0;}
.button button{ width: 180px; height: 44px; line-height: 44px; text-align: center; background-color: #0095ff; display: block; margin: 0 auto; color: #fff; border-radius: 2px; cursor: pointer;}

@media screen and (max-width:800px){
	.main{ margin-top: 0;}
}
@media screen and (max-width:600px){
	.main{ padding: 0 15px;}
	.top{ font-size: 20px; padding: 40px 0 20px 0;}
	.top_desc{ line-height: 24px;}
	.box dl dd.name input,.box dl dd.tel input{ width: 100%;}
}