/*样式初始化话*/
body,ul,ol,li,p,h1,h2,h3,h4,h5,h6,form,fieldset,table,td,img,div{margin:0;padding:0;border:0;}
body{color:#333;font-family:"Microsoft Yahei",sans-serif;;}

ul,ol{list-style-type:none;}
select,input,img,select,button{vertical-align:middle; outline: none}

a{text-decoration:none;}

.column-box::before,.column-box::after{ content: ""; display: table; clear: both}
/*页面样式*/
body{background:#f3f3f3; }
.re-title{ line-height: 100px; text-align: center; color: white; font-size: 30px; background:url("../img/bg.jpg") top center repeat-x; height: 320px; position: relative;z-index: -1 ; padding: 40px 0 }
.re-title img{ width: 100px; margin:0 auto; display: block}
.main{ width: 1000px;  background: white; border: #ddd solid 1px; box-sizing: border-box; padding:0 30px; position: absolute; z-index: 2; top:240px; left: 50%; margin-bottom: 50px; margin-left: -500px; }
.main h4{ height: 40px; margin: 16px 0; line-height: 40px; font-size: 18px; color:#2fa4e7; border-bottom:#c0cdd4 double 3px; display: block}
.main .column-box{ margin: 8px 0; display:block; align-items: center; overflow: hidden;  }
.main .column-box label{ width: 20%; font-size: 16px; height: 40px; line-height: 40px; text-align: right; float: left}
.main .column-box .input-box{margin-left: 1%; float: left; vertical-align: middle}

.main .column-box .input-box input[type="text"],.main .column-box .input-box input[type="password"],.main .column-box .input-box select,.main .column-box .input-box textarea{ border: #ddd solid 1px; padding:2px; line-height: 24px; width:300px; height: 32px; box-sizing: border-box; outline: none; border-radius: 3px;}
.main .column-box .input-box textarea{ width:500px;margin-top: 10px; min-height: 160px; border-radius: 3px;}

 .find-btn{ height: 32px; width: 48px;outline: none; border:#ddd solid 1px;margin-left: -8px; background:#f5f5f5  url("../img/fdj.png") center center no-repeat; background-size: 30%}
.find-btn:hover{ background:#e7e2e2 url("../img/fdj.png") center center no-repeat;background-size: 30%}

.btn-box{ border-top:#ddd solid 2px; padding: 10px; margin: 24px 0;text-align: center;}
.btn-box button{display:inline-block; width: 120px; height: 40px; line-height: 40px; border-radius: 5px; margin: 0 8px;font-size: 18px; cursor: pointer;}
.btn-box .submit{ background:#2fa4e7; border:#2fa4e7 solid 1px;  text-align: center; color: #ffffff; }
.btn-box button[type="reset"]{ background: #f3f3f3; border: #dddddd solid 1px; color:#999; outline: none;}
.btn-box a{color: #2fa4e7;}
.btn-box a:HOVER{text-decoration: underline;}

.prompt-msg{ display: block; max-width: 300px; background:url("../img/warning.png") 5px center no-repeat; background-size: 16px; padding: 5px 8px 5px 30px; font-size: 14px; color:#b33133; float: left }
.prompt-msg-ok{ display: block; max-width: 300px; background:url("../img/ok.png") 5px center no-repeat; background-size: 16px; padding: 5px 8px 5px 30px; font-size: 14px; color:#009933; float: left }
.prompt-msg-text{ display: block; max-width: 300px;  padding: 5px; font-size: 14px; color:#999999; float: left }

/*弹出框*/
.mask{ background: rgba(0,0,0,0.5); width: 100%; height: 100%; position: fixed; top:0; left: 0; z-index: 998;}
.pop-up{ width: 400px; height:400px;  position: absolute; top:50%; left: 50%; margin-top: -200px; margin-left: -200px; background: #ffffff; border: #2fa4e7 solid 1px; z-index: 999; }
.pop-up-top{ height: 40px; line-height: 40px; background: #2fa4e7; color: #ffffff; position: relative}
.pop-up-top h3{ padding-left: 24px;}
.pop-up-top a{ display: inline-block; position: absolute; color:#ffffff;  top:0; right:0; width: 40px; height:40px;text-align: center; line-height: 40px; cursor: pointer}
.pop-up-top a:hover{ background:#1f87c2 }

.search-box{ height: 50px; padding: 12px; width: 100%; display: flex; justify-content: center; align-items: center; }
.search-box input[type="text"]{ height: 28px; border: #ddd solid 1px;}

.pop-up-bottom{ height: 56px; width: 100%; background: #f3f3f3; border-top:#ddd solid 1px; display: flex; justify-content: center; align-items: center; position: absolute; bottom: 0; left: 0}
.pop-up-bottom button{ width: 100px; height: 32px; text-align: center; line-height:32px; border-radius: 5px; margin: 5px;}
.pop-up-bottom button:nth-child(1){ background: #2fa4e7; color: #ffffff; border: #2fa4e7 solid 1px; }
.pop-up-bottom button:nth-child(2){ background: #ffffff; color: #666; border: #ddd solid 1px;}

.tree-main{ margin: 16px; border-top:#ddd solid 1px;height: 250px; overflow-y: scroll }

/*点击发送短信验证码按钮*/
.btn_validate{ width: 180px; height: 32px; line-height: 30px; border-radius: 3px; margin: 0 8px;font-size: 17px;  background: #f3f3f3; border: #dddddd solid 1px; color:#999; outline: none; cursor: pointer;}
.btn_validate:hover{ background: #d6e1e7; color:#2fa4e7; border: #bad5e4 solid 1px; }

/*注册结果*/
.re-results{ margin: 80px; display: flex; justify-content: center; align-items: center}
.re-results .re-results-text{ margin-left: 40px;}
.re-results .re-results-text p{ font-size: 30px; color:#31a4e7; margin-bottom: 20px; }
.re-results .re-results-text a{ display: inline-block; width: 120px; height: 40px; line-height: 40px; border-radius: 3px; background:#31a4e7; color: #FFFFFF; text-align: center }
.re-results .re-results-text a:hover{ background:#1883c1 }