blockquote,body,button,dd,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,hr,input,legend,li,ol,p,pre,td,textarea,th,ul{margin: 0;padding: 0}
body,button,input,select,textarea{font: 14px/1.5 '微软雅黑','Hiragino Sans GB','\5b8b\4f53',sans-serif}
h1,h2,h3,h4,h5,h6{font-size: 100%}
address,cite,dfn,em,var{font-style: normal}
code,kbd,pre,samp{font-family: courier new,courier,monospace}
small{font-size: 12px}
ol,ul{list-style: none}
a{text-decoration: none; transition:all .2s; color: #434343;}
a:hover{color: #009FF9; }
.img{overflow: hidden;}
.img img{transition: all .5s;}
.img img:hover{transform: scale(1.1);}
sup{vertical-align: text-top}
sub{vertical-align: text-bottom}
legend{color: #000}
fieldset,img{border: 0;vertical-align:top;}
button,input,select,textarea{font-size: 100%;/*-webkit-appearance:none;*/}
button{border-radius: 0}
table{border-collapse: collapse;border-spacing: 0}
.clear{clear:both;}
.clear:after,div:after{content:" "; display:block; clear:both;}

.top{
    width: 750px;
    height: 95px;
    margin: 0 auto;
    line-height: 95px;
    font-size: 32px;
    text-indent: 1em;
    background-color: #45A0EF;
    color: #fff;
}
.mid{
    width: 684px;
    margin: 0 auto 80px auto;
}
.form{
    margin-top: 30px;
}
.form li{
    width: 682px;
    float: left;
    line-height: 70px;
    border: 1px solid #CACACA;
    background-color: #fff;
    font-size: 26px;
    color: #848484;
    margin-bottom: 10px;
}
.form li.bd1{
    width: 330px;
}
.form li.bd2{
    float: right;
    width: 330px;
}
.form li.bd1 input,.form li.bd2 input{
    width: 225px;
}
.form li.bd3 input{
    width: 20px;
}
.form li span{
    float: left;
    padding: 0 15px;
}
.form li em{
    color: #C9C9C9;
    padding-left: 7px;
}
.form li input{
    width: 500px;
    border: 0;
}
.form li.sel{
	display: flex;
	align-items: center;
	width: 100%;
	box-sizing: border-box;
	padding-right: .6rem;
}
.form li.sel select{
	flex: 1;
	border: 0;
	padding-right: 20px;
	outline: 0;
}
.form li.ms{
    line-height: 55px;
    border: 0;
    margin-bottom: 0;
}
.form li.ms textarea{
    width: 100%;
    height: 100px;
}
.zy{
    float: right;
    font-size: 18px;
    color: #848484;
    font-weight: 400;
    margin-top: -10px;
}
.mid h2{
    font-size: 26px;
    font-weight: 400;
    line-height: 42px;
    border-bottom: 1px solid #CACACA;
}
.mid form > p{
    font-size: 18px;
    color: #848484;
    padding: 5px 0 15px 0;
}
.tj{
    width: 100%;
    border: 0;
    background-color: #EC6941;
    font-size: 30px;
    padding: 15px 0;
    color: #fff;
    margin-top: 50px;
}

@media screen and (max-width:639px){

.top{
    width: 16rem;
    height: 2rem;
    line-height: 2rem;
    font-size: .8rem;
}
.mid{
	width: 15rem;
}
.form{
	margin-top: .8rem;
}
.form li{
	width: 15rem;
	border: .025rem solid #CACACA;
	line-height: 1.5rem;
	font-size: .65rem;
	margin-bottom: .25rem;
}
.form li input{
	width: 10rem;
}
.form li.bd1{
	width: 7.2rem;
}
.form li.bd1 input, .form li.bd2 input{
	width: 4rem;
}
.form li span{
	padding: 0 .375rem;
}
.form li.bd2{
	width: 7.2rem;
}
.form li.bd3 input{
	width: .5rem;
}
.zy{
	font-size: .5rem;
	margin-top: -.25rem;
}
.form li.ms{
	line-height: 1.375rem;
}
.form li.ms textarea{
	-webkit-appearance: none;
	border: 1px solid #CACACA;
	border-radius: 0;
}
.mid h2{
	font-size: .65rem;
	line-height: 1rem;
}
.mid form > p{
	font-size: .5rem;
	padding: .1rem 0 .375rem 0;
}
.form li input[type=date]{
	height: .7rem;
	-webkit-appearance: none;
	line-height: .7rem;
}
.tj{
	padding: .375rem 0;
	font-size: .85rem;
	-webkit-appearance: none;
	margin-top: 1.25rem;
}
.mid img{
	width: 4rem;
	height: 4rem;
}



}