/** CSS Reset **/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form, fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0; }
table { border-collapse:collapse; border-spacing:0; }
fieldset,img { border:0; vertical-align: bottom;}
address,caption,cite,code,dfn,em,strong,th,var { font-style:normal; font-weight:normal; }
ol,ul { list-style:none; }
caption,th { text-align:center; }
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal; }
abbr,acronym { border:0; }
textarea, input, select{resize: none;outline:none;background:none;border:none;}
button {overflow:visible;width:auto;margin:0;padding:0;border:0 none;outline:none;}
input{border:0}
a{text-decoration:none; color:#333;}
a:hover{ text-decoration:none;color:#000;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;font-size: 0;}
.clearfix{display:inline-block;}
/* Hide from IE Mac */
.clearfix {display:block;}
html{width: 100%;height:100%;}
body{color:#18172c;font:14px/180% "Microsoft YaHei";width: 100%;height:100%;overflow-x: hidden;}
.fl{float:left;}
.fr{float:right;}

.btnWrap{display: none;}


.reg_mobile { display: block; padding: 60px 0 160px; }
.reg_mobile .tit { margin-bottom: 40px;}
.reg_mobile form { width: 60%; margin: 0 auto; }
.reg_mobile label { display: inline-block; width:100%; height: 50px; padding: 10px 0 10px 20px; margin-bottom: 20px; background-color: #fff; color: #525a74; font-size: 22px; line-height: 50px; }
.reg_mobile label i { display: inline-block; vertical-align: middle; width: 36px; height: 40px; }
.reg_mobile label.name i { background: url(img/form_icon.png) no-repeat left top; -webkit-background-size: 100%; background-size: 100%; }
.reg_mobile label.phone i { background: url(img/form_icon.png) no-repeat left -40px; -webkit-background-size: 100%; background-size: 100%; }
.reg_mobile label.country i { background: url(img/form_icon.png) no-repeat left -80px; -webkit-background-size: 100%; background-size: 100%; }
.reg_mobile label.degree i { background: url(img/form_icon.png) no-repeat left -120px; -webkit-background-size: 100%; background-size: 100%; }
.reg_mobile label.city i { height: 44px; background: url(img/form_icon.png) no-repeat left -160px; -webkit-background-size: 100%; background-size: 100%; }
.reg_mobile label span { padding-left: 5%; display: inline-block; width: 26%; -webkit-background-size: 100%; background-size: 100%; }
.reg_mobile label input { width: 50%; height: 50px; line-height: 50px; font-size: 22px; color: #525a74; }
.reg_mobile label select { width: 50%; height: 50px; line-height: 50px; color: #525a74; font-size: 22px; font-family: "microsoft Yahei"; text-align: center; background: url(img/arrow.png) no-repeat right center; appearance: none; -webkit-appearance: none; -moz-appearance: none; }
.reg_mobile label select::-ms-expand {display: none;}
.reg_mobile label select option { color: #333; text-align: center; }

.reg_mobile .btn { margin-top: 30px; height: 80px; width: 50%;  text-align: center; position: relative; }
.reg_mobile .btn input { position: absolute; top: 20px; left: 0; width: 100%; height: 70px; font: bold 22px "microsoft Yahei"; color: #5f6364; background: url(../images/button_04.png) no-repeat 0 0; background-size: 100% 100%; }