@charset "utf-8";
/* CSS Document */
body *{ font-family: "Microsoft YaHei","weiruanyahei",Tahoma,SimSun }
*{ -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; padding:0; margin:0}
*:before,
*:after{ -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
html{ font-family:sans-serif; -webkit-text-size-adjust:100%; -ms-text-size-adjust: 100%;}
input,button,select{ border:1px solid #ddd; background:none; outline:none; transition-duration:0.4s;}
select{
  outline:none;
  color:#666; font-size:14px;
  padding:0 6px !important;
}
/*去除自动填充黄色背景*/
input:-webkit-autofill, 
textarea:-webkit-autofill, 
select:-webkit-autofill { 
	-webkit-box-shadow: 0 0 0 1000px white inset; 
}

ul,li{ list-style:none; float:left}
body{ font-family: "微软雅黑" "PingFang"; color:#535e70; font-size:14px; color:#2e2e2e; background:url(../images/loginBg.jpg) no-repeat fixed; background-size:100% 100%}
a{ color:#333; text-decoration:none; transition-duration:0.4s}
a:hover{ text-decoration:none;}
img{ border:none; max-width:100%; float:left}
.fl{ float:left}
.fr{ float:right}
em,i{ font-style:normal}
:-moz-placeholder{ color:#999;}
::-moz-placeholder{ color:#999;}
input:-ms-input-placeholder{ color:#999;}
input::-webkit-input-placeholder{ color:#999;}
/*登录*/
.loginBox{ position:absolute; width:800px; left:50%; top:12%; margin:0 0 0 -400px}
.loginBox .loginTitle{ float:left; width:100%; text-align:center; color:#FFF; }
.loginBox .loginTitle p{ float:left; width:100%; font-size:44px;}
.loginBox .loginTitle span{ float:left; width:100%; font-size:16px; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase; font-weight:bold; margin-top:5px;}
.loginBox .loginCon{ float:left; width:100%; background:url(../images/login_img.png) left 20px center no-repeat #FFF; margin-top:30px;}
.loginBox .loginCon .tabcon{ float:right; width:400px; padding:0 40px;}
.loginBox .loginCon .tabcon .bar{ float:left; width:100%; height:54px; background:url(../images/login_title.png) left no-repeat; margin-top:20px;}
.loginBox .loginCon .tabcon ul{ float:left; width:100%; margin-top:20px; padding-bottom:20px;}
.loginBox .loginCon .tabcon ul li{ float:left; width:100%; margin:8px 0; border:1px solid #ccc; border-radius:5px;}
.loginBox .loginCon .tabcon ul li.li0{ background:url(../images/icon2.png) left 12px center no-repeat}
.loginBox .loginCon .tabcon ul li.li{ background:url(../images/icon3.png) left 10px center no-repeat}
.loginBox .loginCon .tabcon ul li.li2{ background:url(../images/icon4.png) left 10px center no-repeat}
.loginBox .loginCon .tabcon ul li.li3{ background:url(../images/icon5.png) left 10px center no-repeat}
.loginBox .loginCon .tabcon ul li .ibox{ float:left; width:267px; height:45px; margin-left:50px; line-height:45px; font-size:15px; padding-right:10px; color:#666; border:none }
.loginBox .loginCon .tabcon ul li .ibox2{ width:166px;}
.loginBox .loginCon .tabcon ul li img{ float:right; width:100px; height:45px;}
.loginBox .loginCon .tabcon ul li.li4{ border:none;}
.loginBox .loginCon .tabcon ul li.li4 .btn{ background:#0fa1ea; color:#FFF; float:left; width:100%; border:none; text-align:center; line-height:50px; font-size:18px; cursor:pointer}
.loginBox .loginCon .tabcon ul li .btn:focus{ border:none !important;}
.loginfoot{height:50px; line-height:50px; text-align:center; background:rgba(255,255,255,0.15); position:absolute; bottom:0; width:100%; color:#ffffff;}
.loginfoot a{font-weight:bold;color:#fff;}
.loginfoot a:hover{color:#f0f0f0;}