*{font-size:14px}
.bj_box { background: url('../images/bj_map.jpg') no-repeat 0 0;position:absolute;left:0;top:0;right:0;bottom:0;background-size:cover}
.login_bj{position:absolute;width:500px;height:500px;background-color:#fff;border-radius:6px;left:50%;top:50px;margin-left:-250px;box-shadow:0 0 8px #c5c5c5}
.admin{background-color:#1a9dd1 !important}
.title_box{margin-left:155px;margin-top:60px;margin-bottom:40px;background-position-y: 10px;}
.admin .title_box{background:url('../images/Administrators.png') no-repeat 0 0;background-position-y: 10px;}
.admin .title_box{margin-left:110px;}
.admin .title_box span{color:#fff !important}
.admin .usename_box input{background-color:#1a9dd1;color:#fff !important;}
.admin .usename_box input::-webkit-input-placeholder{color:#e5e5e5;}

.admin .adminlogin{background-color:#fff !important;color:#000 !important;}
.admin .other_right{color:#fff !important;}

.title_box img{margin-top:-20px}
.title_box span{color:#808080;font-size:40px;font-weight:bold;margin-left:10px;} 
.usename_box{border-bottom:solid 1px #b3b3b3;width:320px;margin-left:80px;padding-bottom:10px;margin-top:25px;transition:all 0.5s}
.usename_box:hover{border-bottom:solid 1px #1a9dd1}
.usename_box input{width:190px;height:25px;border:none;font-size:14px;margin-left:40px}
.usename_box .security{width:70px;margin-right:20px}

.usename_box:nth-child(2){background: url('../images/uesr.png') no-repeat 0 0} 
.usename_box:nth-child(3){background: url('../images/lock.png') no-repeat 0 0} 
.usename_box:nth-child(4){background: url('../images/security.png') no-repeat 0 0} 

.admin .usename_box:nth-child(2){background: url('../images/uesr_1.png') no-repeat 0 0} 
.admin .usename_box:nth-child(3){background: url('../images/lock_1.png') no-repeat 0 0} 
.admin .usename_box:nth-child(4){background: url('../images/security_1.png') no-repeat 0 0} 

.other_right a{margin-left:320px;margin-top:5px;display:block;color:#1a9dd1;}
.other_right{background: url('../images/right_jian.png') no-repeat 0 0;background-position-x: 394px;background-position-y: 5px;}

.admin .other_right a{color:#fff !important;}
.admin .other_right{background: url('../images/right_jian_1.png') no-repeat 0 0;background-position-x: 394px;background-position-y: 5px;}

.adminlogin{display:none;width:320px;height:35px;background-color:#1a9dd1;color:#fff;border:solid 1px #1a9dd1;border-radius:4px;margin-top:40px;margin-left:80px;cursor:pointer}
.agentlogin{display:block;width:320px;height:35px;background-color:#1a9dd1;color:#fff;border:solid 1px #1a9dd1;border-radius:4px;margin-top:20px;margin-left:80px;cursor:pointer;transition:all 0.5s}
.agentlogin:hover{background-color:#0d80ae}

.admin .adminlogin{display:block;width:320px;height:35px;background-color:#1a9dd1;color:#fff;border:solid 1px #1a9dd1;border-radius:4px;margin-top:40px;margin-left:80px;cursor:pointer}
.admin .agentlogin{display:none;width:320px;height:35px;background-color:#1a9dd1;color:#fff;border:solid 1px #1a9dd1;border-radius:4px;margin-top:40px;margin-left:80px;cursor:pointer}

.bj{width:100%;height:100%;background-color:#000;opacity:0.5;position:absolute;left:0;top:0;display:none}