@charset "utf-8";
ul{overflow: hidden;}
ul li{list-style:none;}
a{color:#333;}
.top_links{height:30px;line-height: 30px;padding-bottom:0;}
.top_links a{padding:0px 25px 0px 25px;display:block;font-size:12px;font-family:Verdana,Geneva,sans-serif;background-repeat:no-repeat;text-decoration:none;float:right;}
.top_links a:hover{color:#06C;background-color:#f4f4f4}
.top_links a:active{color:#06C;background-color:#f4f4f4}

.header-title{background: url(../images/name.png) fixed center center no-repeat;height:100px;}
.header-title .btn-group{font-size: 14px;letter-spacing: 0px;margin:30px 25px 0 0;}

.header-menu{border-top:3px solid #2080CA;border-bottom:1px solid #E1E1E1;background: #F5F5F5;padding:0; box-shadow:0px 0px 5px #E0E0E0;}
.header-menu ul li{height:50px; line-height: 55px; font-size: 16px;font-weight: 500;cursor: pointer;}
.header-menu ul li a{color:#666;margin-left:1px;font-weight: bolder;}
.header-menu ul li i{color:#CCC;border:1px solid #D7D7D7;border-radius: 30px;-moz-border-radius: 30px;-webkit-border-radius: 30px; height:30px;width:30px;text-align: center;margin-right: 5px;line-height: 28px;}

.header-menu ul li.menu_mouseover{border-bottom: 2px solid #F8A835;}
.header-menu ul li.menu_mouseover i{color:#F8A835;border:1px solid #F8A835;}
.header-menu ul li.menu_mouseover a{color:#1F7EC9;text-decoration: none;/*text-shadow: 0px 0px 2px #F0F0F0;*/}

.dropdown-menu.login-menu{width:250px;}
.dropdown-menu.login-menu li{padding:15px 15px 0 15px;}
.dropdown-menu.login-menu li .content-wrap div{margin-bottom: 10px;}
.dropdown-menu.login-menu li i{width: 15px;}

.password{z-index:90;overflow: auto;min-height:500px;position: relative;/*background: #5597CE;*/
  box-shadow: 0px 1px 3px 2px #CDCDCD;
  -moz-box-shadow: 0px 1px 3px 2px #CDCDCD;
  -webkit-box-shadow: 0px 1px 3px 2px #CDCDCD;
  background: linear-gradient(330deg, #5597CE 0%, #6AACE3 40%, #7DBFF6 100%);
  background: -moz-linear-gradient(330deg, #5597CE 0%, #6AACE3 40%, #7DBFF6 100%);
  background: -webkit-linear-gradient(330deg, #5597CE 0%, #6AACE3 40%, #7DBFF6 100%);
  background-color: #7DBFF6\9;
}
.password .box{background: #FFFFFF;border:1px solid #FCFCFC;}
.password .box .title{font-size: 15px;height:22px;}
.password .box .input-group{margin-bottom: 22px;}
.password .box .input-group i{width:15px;}
.password .box input{height:40px;border-radius: 0;}
.password .box span{border-radius: 0;}
.password .box button{margin-top: 15px;border-radius: 0;}
.password .box button b{font-size: 16px;}
.password .box input[name="password"]{border-right:none;}

.password .box .showpassword{cursor:pointer;background: none;}

#SafetyCode{height:35px;}

.password .box a.regist{font-size: 15px;color: #3D84C1;}
.password .box a.forgot{font-size: 12px;line-height:55px;height:35px;color: #666;}
.password .box label{border:none;box-shadow:none;padding-left:0;}

.password .box form{float: left;}
.password .box .tips{background: rgba(200,200,200,0.1);height:100%;}
.password .box .tips p{font-weight: bolder;}
.password .box .tips ol{padding-left:25px;color:#666;}

.password .content{border-radius: 3px;z-index:1000;}
.password .content .content-title{height:50px; line-height: 50px;border-bottom:1px solid #F0F0F0;font-weight: bolder;font-size: 14px; padding:0 15px;color:#666;background: rgba(255,255,255,0.8);/*background:transparent;*/}
.password .content .content-main{padding:10px 5px;background: rgba(255,255,255,1);height:300px;overflow-y:scroll; }
.password .content .content-main li{padding:10px 5px;border-bottom:1px dotted #CCC;}

.footer{text-align: center;padding:15px 0;}
.footer a{text-decoration: none;color: #666;font-size: 12px;}
.footer .menu a{padding:0px 15px;border-right:1px solid #999;}
.footer p{font-size: 12px;color: #666;margin-top:5px;}
.footer .menu a:hover{text-decoration:underline;color: #5FA1DC;}
.footer .menu a:last-child{border:none;}

.contact_us{padding:10px 20px;}
.contact_us h3{font-size:16px;font-weight: bolder;}
.contact_us p{line-height: 16px;}

.declare_guide{margin:15px 10px;}
.declare_guide li{ line-height: 30px;}

.login-mini{overflow: hidden;position: relative;}
.login-mini{padding:10px 20px 0 20px;background: #FFFFFF;z-index:1000;}
.login-mini .title{font-size: 15px;height:22px;}
.login-mini .input-group{margin-bottom: 10px;}
.login-mini .input-group i{width:15px;}
.login-mini input{height:40px;border-radius: 0;}
.login-mini span{border-radius: 0;}
.login-mini button{margin-top: 10px;border-radius: 0;}
.login-mini button b{font-size: 16px;}
.login-mini input[name="password"]{border-right:none;}

.login-mini .showpassword{cursor:pointer;background: none;}

#SafetyCode{height:35px;}
.login-mini a.regist{font-size: 15px;color: #3D84C1;}
.login-mini a.forgot{font-size: 12px;line-height:55px;height:35px;color: #666;}
.login-mini label{border:none;box-shadow:none;padding-left:0;}

.login .box{padding:22px;background: #FFFFFF;z-index:1000;border:1px solid #FCFCFC;}
.login .box .title{font-size: 15px;height:22px;}
.login .box .input-group{margin-bottom: 22px;}
.login .box .input-group i{width:15px;}
.login .box input{height:40px;border-radius: 0;}
.login .box span{border-radius: 0;}
.login .box button{margin-top: 15px;border-radius: 0;}
.login .box button b{font-size: 16px;}
.login .box input[name="password"]{border-right:none;}

.login .box .showpassword{cursor:pointer;background: none;}

#SafetyCode{height:35px;}
.login .box a.regist{font-size: 15px;color: #3D84C1;}
.login .box a.forgot{font-size: 12px;line-height:55px;height:35px;color: #666;}
.login .box label{border:none;box-shadow:none;padding-left:0;}

#show{height:500px;width:100%;float: left;z-index:1;position:absolute;top:0;left:0;}

.login .content{border-radius: 3px;z-index:1000;transition:all 2s;}
.login .content .content-title{height:50px; line-height: 50px;border-bottom:1px solid #F0F0F0;font-weight: bolder;font-size: 14px; padding:0 15px;color:#666;background: rgba(255,255,255,0.8);/*background:transparent;*/}
.login .content .content-main{padding:10px 5px;background: rgba(255,255,255,1);height:300px;overflow-y:auto; }
.login .content .content-main li{padding:10px 5px;border-bottom:1px dotted #CCC;}

/*roles*/
.choose-roles{margin:0 auto;margin:20px 0 0 0;width:auto;}
.choose-title{font-size: 16px;margin-top:30px; text-align: center;padding:0;height:32px;}
.choose-title span{background: #FFF;padding:10px;border:1px solid #F0F0F0;-webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  border-radius: 20px;}
.choose-role{background:#FFF;border:1px solid #F0F0F0 box-shadow: 1px 1px 3px #FAFAFA;overflow: hidden;padding:20px 10px 20px 20px;;height:150px;}
.choose-role i{height:100%;line-height: 100px;border:1px solid #ECECEC;border-radius: 3px;color:#478FCA;}
.choose-role h3{font-size: 16px; font-weight: bolder;height:50px;margin-top:10px;padding:5px;}

.choose-role:hover i{color: #F0AD4E;}

.choose-footer{border: 1px solid #FFF;font-size: 16px;margin-top:20px; text-align: center;padding:0;height:40px;line-height: 40px;background: #FFF;}
.choose-footer a{display: block;}
.choose-footer:hover{background: #F5F5F5;border:1px solid #FFF;}

@media (min-width: 768px) {
  .header{padding-left:200px;}
  .header-title{background-position: -10px -20px;}
  .password .box{padding:50px 40px;}
  .password .box .tips {float: right;border-left:1px solid #387AB1;}
}
@media (max-width: 1119px) {
}
@media (max-width: 767px) {
  #show{display: none;}
  .header-title{background-position: 5px 10px;background-size: 100% 60%;}
  .password .box{padding:20px 10px;}
  .password .box .tips {margin-top: 10px;}
  .header-title{overflow: hidden;height:auto;}
  .area-login{width:100%;margin-top: 100px;margin-bottom:10px;text-align: right;}
  .area-login .btn-group{margin:0;}
  .password{height:auto;}
}
@media (max-width: 480px) {
}