html{ width: 100%; height: 100%;}
body{ background:#f5f5f5; height: 100%; width: 100%;}

.head{width: 100%; height: 58px; /*background: #0084d5;*/background: #fff;line-height: 58px;border-bottom: 2px solid #0084d5;}

.login-wrap{position: relative; left: 0;top: 50%; margin-top: -320px;}
.login-box{width: 1330px; height: 475px; margin: 0 auto;}

.login-left{float: left; margin-top: 34px;}
.login-con{width: 400px;min-height: 475px;background-color: #ffffff;box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.08);border-radius: 8px; float: left;position: relative;}

.login-wrap1{margin:20px auto 20px;}

/*tab*/
.tab{ height: 42px;}
.tab li{ float: left; width: 200px; text-align: center; font-size: 18px; color: #333; margin-top: 15px;}
.tab li a{color: #666; display: inline-block; line-height: 50px;}
.tab li.current a{color: #028bcf; border-bottom:2px solid #028bcf;}
.tabContent{ display: none;}


.loginfrm{margin-top: 32px; padding: 0 30px;}
.loginfrm li {margin-bottom: 15px;}
.loginfrm li p{height:42px; background-color: #fff; border-radius: 3px; }
.loginfrm li .ipt{height:40px; width:288px; line-height:40px; background-color: #fff;border:1px solid #e6e6e6;vertical-align: middle; padding-left:50px; border-radius: 3px;}
.loginfrm li .ipt::-webkit-input-placeholder{color: #999;font-family:"microsoft yahei","微软雅黑","宋体",Simsun;}
.loginfrm li .ipt:hover{border-color: #d2d2d2;}
.loginfrm li .ipt:focus{border: 1px solid #5aadff;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(82,168,236,0.6);-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(82,168,236,0.6);box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(82,168,236,0.6);}
.loginfrm li .username{ background:url(../images/icon_username.png) #fff no-repeat 15px center;}
.loginfrm li .psd{ background:url(../images/icon_psd.png) #fff no-repeat 15px center;}
.loginfrm li .code{padding-left: 15px; width: 198px;}
.loginfrm li a{ color: #3b639f;}
.loginfrm li a.get-code {display: inline-block; width: 108px; height: 40px; line-height: 40px; cursor: pointer; float: right; color: #999; text-align: center;background-color: #ffffff;border-radius: 2px;border: solid 1px #c9c9c9;}
.loginfrm li a.code-again {background: #f0f0f0;}
.loginfrm li .msg{ height: 22px; line-height: 22px; margin: 10px 0 15px; color: #999;}
.loginfrm li .no-code{float: right; margin-bottom: 5px;}
.loginfrm li p label{ display: inline-block; line-height: 38px; font-size:14px; left:50px}
.loginfrm li.error{line-height:22px;font-size:14px;color:#ff6600; padding-left: 25px;background:url(../images/login/icon_error.png) no-repeat left 2px; margin-top: 17px;}
.loginfrm li a.btnSubmit{ display: block; width: 100%; border-radius:2px; height: 38px; line-height: 38px; background: #028bcf; color: #f5f5f5; font-size: 14px; text-align: center;}
.loginfrm li a.btnSubmit:hover{ background: #017ab9; color: #fff;}
.loginfrm li a.btnSubmit:visited{ color: #fff;}
.no-login{text-align: center;border-top: 1px solid #eee; height: 38px; line-height: 38px;margin-top: 30px;}
.right-con{ width: 190px; float: right; margin-top: 25px;}
.right-con h1{font-size: 16px;}
.right-con ul li{margin-top: 12px; word-break:keep-all;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;}
.right-con ul li a{color: #666;}
.right-con ul li a:hover{color: #3b639f;}
.right-con p.more{margin-top: 10px; margin-bottom: 40px;}
.copyRightbg{ position: absolute; height: 66px; left: 0px; bottom:0px; width: 100%;}
.copyRight{/*position: absolute;*/ left: 0px; bottom:0; width: 100%;   height: 66px;}
.copyRight p{ text-align: center; font-size: 14px; color: #333; line-height: 66px;}
.copyRight p a{color: #333;}

/***********add by aiko***********/
.wrap {width: 1200px;margin: 0 auto; overflow: hidden}
.logo {margin-top: 10px;float: left;height: 50px;width: 100px;}
.logo a {width: 310px;height: 50px;background: url(../images/logo-login.png) no-repeat center;display: inline-block;}
.head-nav {float: right;}
.head-nav li {float: left;margin-left: 50px;font-size: 16px;position: relative;}
/*.head-nav li.current {background: url(../images/menuDot.png) no-repeat center bottom;}*/
.head-nav li a {display: inline-block;color: #333;/*opacity: 0.7;*/}
.head-nav li.current a,.head-nav li a:hover{color: #0084d5;}
.head-nav li a.go-regist {display: inline-block;width: 65px;color: #fff; height: 32px;line-height: 32px;font-size: 14px;background: #0084d5;border-radius: 4px;text-align: center; opacity: 1;}
.head-nav li a.go-regist:hover{background: #0978b1;}
.aboutBanner {display: block; margin-bottom: 30px;}
.aboutUs h2 {font-size: 24px; color: #333333; line-height: 48px;}
.aboutUs p {font-size: 14px;color: #666666;line-height: 36px;text-indent: 2em;margin-top: 20px;}