@charset "utf-8";
/* CSS Document */

*{ margin:0px; padding:0px; font:14px "Microsoft YaHei", Arial, Helvetica, sans-serif; }
body{ background:url(../images/login_bg.jpg) no-repeat top center #147cb7; background-size:1920px auto; }
.links{ float:left; width:100%; }
.links a{ margin-right:10px; }
.links a:last-child{ float:right; margin-right:0; }
ul,li{ list-style:none; }
a{ color:#b3fbff; }
a:hover{ color:#49cdfe; }
.logo{ width:100%; text-align:center; margin-top:8%; }
.login{ margin:45px auto 0 auto; width:500px; padding:40px 0; margin-left:auto; margin-right:auto; border-radius:30px; background-color:rgba(56,178,255,0.2); box-sizing:border-box; }
.login .title{ margin-top:5px; font-size:18px; font-weight:bold; position:relative; color:#b3fbff; text-align:center; }
.login .form{ padding:30px 80px; }
.login input[type=text],
.login input[type=file],
.login input[type=password],
.login input[type=email], select{ border:1px solid #02fef7; vertical-align:middle; border-radius:9px; height:50px; padding:0px 16px; font-size:14px; color:#555555; outline:none; width:100%; box-sizing:border-box; }
.login input[type=text]:focus,
.login input[type=file]:focus,
.login input[type=password]:focus,
.login input[type=email]:focus, select:focus { border:1px solid #49cdfe; }
.login input[type=submit],
.login input[type=button]{ display:inline-block; padding:12px 24px; margin:0px; font-size:20px; line-height:24px; text-align:center; white-space:nowrap; vertical-align:middle; cursor:pointer; color:#023e64; background-color:#49cdfe; border-radius:9px; border:none; -webkit-appearance:none; outline:none; width:100%; }
.login hr { background:none; }
.login hr.hr15 { height:15px; border:none; margin:0px; padding:0px; width:100%; }
.code{ position:absolute; margin:-45px 0 0 200px; cursor:pointer; }
.footer{ width:500px; text-align:center; margin:0 auto; margin-top:40px; padding-bottom:20px; color:#49cdfe; line-height:24px; }

/* register */
.r_body{ float:left; width:100%; height:100%; background:url(../images/header_bg.jpg) no-repeat center top #eee; margin:0; padding:0; background-size:auto; }
header{ float:left; width:100%; height:155px; }
header img{ float:left; width:258px; margin:55px 0 0 0; }
header h1{ float:left; font-size:24px; color:#b9eafe; border-left:1px solid #3b6a92; padding:6px 0 6px 15px; margin:57px 0 0 15px; }
.txt_link{ float:right; font-size:16px; color:#b9eafe; margin-top:66px; text-decoration:none; }
.cols{ width:1200px; margin:0 auto; }
.c{ clear:both; }
.register_ttl{ font-size:16px; color:#333; width:55%; margin:0 auto; text-align:center; font-weight:bold; padding:20px 0; letter-spacing:2px; }
.register_ttl em{ color:#999; margin-right:10px; font-weight:bold; font-size:18px; }

.register_con{ float:left; width:96%; padding:20px 2%; background:#fff; border-radius:10px; margin-bottom:20px; }
.register_con li{ float:left; width:50%; margin:10px 0; }
.register_con li span{ float:left; width:30%; text-align:right; line-height:38px; }
.register_con li span em{ color:#f00; font-weight:bold; padding-right:3px; }
.register_con input,.register_con select{ float:left; width:60%; border:1px solid #ddd; vertical-align:middle; border-radius:3px; height:38px; line-height:20px; padding:0 5px; font-size:14px; color:#555; outline:none; box-sizing:border-box; }
.register_con input:focus,.register_con  select:focus { border:1px solid #49cdfe; }
input.file{ float:left; width:145px; height:145px; left:0; top:0; z-index:10; opacity:0; filter:alpha(opacity=0); cursor:pointer; }
.file_pic{ float:left; width:145px; height:145px; overflow:hidden; display:table-cell; vertical-align:middle; text-align:center; border-radius:3px; background:url(../images/file_pic_bg.png) no-repeat center #eee; margin-right:10px; background-size:50px auto; }
.file_pic img{ margin-top:-168px; max-width:145px; max-height:145px; vertical-align:middle; }
.register_con li p select{ width:20%; }
.register_con input[type=date],.register_con select{ padding-right:0; }
.register_con li p input{ margin:12px 0 0 30%; }
.tips{ float:left; width:88%; margin:10px 0 10px 6%; color:#f00; }
.tips b{ font-weight:bold; }
.layui-upload-file{ display:none; }
.blue_btn_one{ width:260px; text-align:center; margin:0 auto; margin-top:10px; line-height:40px; font-size:16px; background:#0185b9; color:#fff; cursor:pointer; border-radius:3px; }
.blue_btn_one:hover{ background:#006d98; text-decoration:none; }
.r_body .footer{ color:#999; }
.sys_tips{ float:left; width:96%; margin:20px 0; padding:20px 2%; background:#FDE9E9; border:2px solid #f00; color:#f00; }

/* find password */
.step_bar{ width:850px; margin:0 auto; padding:50px 0; }
.step_bar .bar_bg{ float:left; width:840px; height:8px; background:#ddd; }
.step_bar .steps{ position:absolute; width:850px; margin-top:-8px; }
.step_bar .steps li{ float:left; width:32.5%; height:4px; z-index:10; text-align:center; }
.step_bar .steps li:last-child{ width:20px; }
.step_bar .steps li span{ position:absolute; width:70px; text-align:center; margin:20px 0 0 -183px; color:#999; }
.step_bar .steps li:last-child span{ margin-left:-55px; }
.step_bar .steps li em{ float:left; width:20px; height:20px; margin:-15px 0 0 -20px; background:#f5f5f5; border:8px solid #ddd; border-radius:20px; color:#aaa; line-height:20px; }
.step_bar span:last-child{ float:right; width:20px; }
.step_bar .steps li.ok{ background:#23c279; }
.step_bar .steps li.ok:last-child{ background:none; }
.step_bar .steps li.on em,.step_bar .steps li.ok em{ background:#23c279; background-position:center; }
.step_bar .steps li.on span,.step_bar .steps li.ok span{ color:#555; }
.step_bar .steps li.on em{ background-image:url(../images/icon_ing.png); }
.step_bar .steps li.ok em{ background-image:url(../images/icon_ok.png); border-color:#23c279; }
.btm_con{ float:left; width:80%; margin:20px 0 20px 10%; text-align:center; }
.btm_con p{ line-height:32px; }
.btm_con li{ margin-left:200px; }
.btm_con a{ color:#147cb7; }
.btm_con .tips{ position:absolute; width:auto; margin-left:420px; font-size:12px; color:#999; }
.btm_con .blue_btn_one{ width:150px; color:#147cb7; float:none; background:#fff; border:1px solid #147cb7; font-size:14px; padding:3px 5px; text-decoration:none; margin:0 5px; }
.btm_con .blue_btn_one:hover{ color:#fff; background:#147cb7; }
/* password tips */
.box{ float:left; margin:0 0 10px 338px; width:275px; height:10px; border:1px solid #eee; }
.bg{ height:10px; }
/* download app */
.app .app_code{ position:absolute; display:none; margin-top:-360px; }
.app .app_code img{ border-radius:10px; box-shadow:0 3px 5px; height:330px; }
.app:hover .app_code{ display:block; }