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

body{ margin:0;padding:0;border:0; color:#666; background: #E6EAF2;font-size:14px;}
body,h1,h2,h3,h4,h5,h6,p,dl,dd,ul,ol,form,textarea,button,a{margin:0;padding:0}
body,button,input,select,textarea{font-family:'Microsoft Yahei','Helvetica',sans-serif;font-size:14px;}
a{text-decoration:none;color:#333;}
a:hover{text-decoration:none;}
img{border:none;}
li{list-style-type:none;}



.fl{float:left;display: inline;}
.fr{float:right;display: inline;}
.clear{clear:both;}


.login{background:#fafafa url(../images/login-bg.jpg) no-repeat center top;background-size: cover; -webkit-background-size: cover;  -o-background-size: cover; }
.login-logo{text-align: center; padding:48px 0 60px 0; }

.login-con{height: 568px;width:482px; background: #fff; margin: 0 auto; box-shadow: 0px 0px 15px #004993;margin:100px auto 0;background-color: rgba(250,250,250,0.9);}
.login-con .title{color: #1e88e5; font-size: 24px; padding: 45px 26px 30px 26px; font-weight: normal;}

.login-con input{height: 43px; line-height: 43px; color: #555;margin-left: 45px; font-size: 16px;outline:none; border: 0;background: #f5f5f5; }
.input_01{margin: 0px 43px 20px 43px; width: 394px;background:#f5f5f5 url(../images/users.png) no-repeat 6px center;border: 1px solid #dddddd;height: 46px;}
.input_01 input { width: 346px; }

.input_02{margin: 0px 43px 20px 43px; width: 394px;background:#f5f5f5 url(../images/password.png) no-repeat 6px center;border: 1px solid #dddddd;height: 46px;}
.input_02 input {width: 346px;}
.login-code{margin: 0px 43px 20px 43px; width: 394px;height: 46px; position: relative;}
.input_03{background:#f5f5f5 url(../images/code.png) no-repeat 6px center;width: 266px;border: 1px solid #dddddd;height: 46px;}
.input_03 input{width: 216px;}

.yazm{position:absolute; top:0px; right:0px; width: 114px; height: 48px;}

.login-con .button{width: 394px; height: 54px; line-height: 52px; border: 0;background: url(../images/login-btn.png) no-repeat top center; color: #fff; font-size: 20px;margin:38px 43px 20px 43px;outline: none; }
.login-con .button:hover{background: url(../images/login-btn-hover.png) no-repeat top center;}

#tips{ display:block; overflow:hidden; margin: 0px 43px 0px 43px; }
#tips p input {display: block;float: left;}
#tips input {width: 15px; height: 15px;}
#tips a{ font-size: 15px;float:right;color:#178bf1;}

.hold{margin: 0px 5px 0px 0;height: 24px; line-height: 24px; color: #666; float: left;}
.hold span{ float: left; line-height: 23px; padding-right: 5px;color: #333;font-size: 15px;}
.pos-rel {position: relative; float: left;}

/*单选和复选框*/
.pos-rel {position: relative; float: left;}
input[type=checkbox].choice+.lbl, input[type=radio].choice+.lbl { position: relative;z-index: 11;display: inline-block;margin: 0;line-height: 20px; min-height: 18px; min-width: 18px; font-weight: normal;}
input[type=checkbox].choice, input[type=radio].choice {opacity: 0;position: absolute;z-index: 12;width: 18px;height: 18px; cursor: pointer;}
input[type=checkbox].choice+.lbl::before, input[type=radio].choice+.lbl::before {font-family: fontAwesome;font-weight: normal;font-size: 12px; color: #32a3ce;
    content: "\a0"; background-color: #fafafa;border: 1px solid #c8c8c8;box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);border-radius: 0; display: inline-block;
    text-align: center;vertical-align: middle; height: 16px; line-height: 14px; min-width: 16px; margin-right: 1px;}
input[type=checkbox].choice:checked+.lbl::before, input[type=radio].choice:checked+.lbl::before { display: inline-block; content: " "; background: #f5f8fc url(../images/dui.png) no-repeat center center;
    border-color: #0da1ff; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0 -15px 10px -12px rgba(0, 0, 0, 0.05), inset 15px 10px -12px rgba(255, 255, 255, 0.1);}