﻿@charset "UTF-8";
/*.pruple1,.pruple11,.pruple111,.btn*/
*{margin:0;padding:0;}
body {color:#666;font:16px Microsoft YaHei;}
#box{width: 100%;overflow: hidden;}
.left1{float: left;}
.right1{float: right;}
.login,.header{
	width:80%;margin:0 auto;
	overflow: hidden;
}
.login1-blue{
	width: 82px;height: 42px;background-color: #1ebcf0;
	color: #fff;line-height: 42px;text-align: center;
	margin-right: 20px;border:0 none;border-radius:4px;
}
.login2-blue{
	width: 82px;height: 42px;background-color: #edf4fc;
	color: #5f6162;line-height: 42px;text-align: center;
	margin-right: 20px;border:1px #1ebcf0 solid;border-radius: 4px;
}
.logo-blue{width: 50%;}
.logo-blue img{width: 70%;}
.logo-pruple {width: 50%;}
.logo-pruple img{width: 70%;}
.logo-nav{margin-top: 40px;width: 50%;text-align: right;}
.logo-nav ul li{
	display: inline-block;list-style: none;
}
.logo-nav ul  li a{	
	text-decoration: none;margin-right:25px;
	color: #5f6162;font-size:16px;
}
.content{position:relative;}
.login-denglu{
	width: 564px;height: 458px;background-color: #fff;
	border-radius: 8px;position: absolute;top:70px;right:20%;
}
.student-blue{	
	margin-top: 30px;text-align: center;font-size: 24px;
	font-weight: bold;color: #4481cb;}
.login-denglu form{width: 445px;margin:0 auto;margin-top: 30px;}
.login-denglu form label{
	width: 70px;line-height: 44px;text-align: right;
	display:inline-block;
}
.login-input{
	width: 360px;height: 44px;line-height: 44px;color: #b0b0b0;
	font-size: 15px;border:1px #c0bfbf solid;border-radius: 4px;
	background-color: #edf4fc;text-indent: 2em;margin-bottom: 20px;
}
.login-p{
	margin-left: 72px;margin-bottom: 20px;margin-top: 10px;}
.login-p a{
	color: #828282;font-size: 15px;text-decoration: none;
	margin-right: 8px;
}
.login-p a:hover{
	color:red;text-decoration: underline;
}
.submit-blue{background-color: #3a7bf2;border:0 none;width:340px;
       height: 55px;color: #fff;line-height: 55px;margin-top: 10px;
       text-align: center;border-radius: 6px;margin-left:70px;

}
.login-p2{
	color: #686666;font-size: 14px;margin-left: 70px;
	margin-top: 10px;
}
.login-footebb {}
.login-footebb-kql {
	background-color:#067c7c ;
}
.login-footebb-blue {
	background-color: #384290 ;
}
.login-footebb-pruple {
	background-color: #611991 ;
}
.login-footebb-green {
	background-color:#16893e ;
}
.login-footebb-skyblue {
	background-color: #1d79da ;
}
.login-footebb-red {
	background-color:#db0102 ;
}
.login-footebb p{text-align: center;color: white;line-height: 28px;}
/*login-pruple.html*/
.login1-pruple{
	width: 82px;height: 42px;background-color: #611991;
	color: #fff;line-height: 42px;text-align: center;
	margin-right: 20px;border:0 none;border-radius:4px;
}
.login2-pruple{
	width: 82px;height: 42px;background-color: #edf4fc;
	color: #5f6162;line-height: 42px;text-align: center;
	margin-right: 20px;border:1px #611991 solid;border-radius: 4px;
}
.student-pruple{	
	margin-top: 30px;text-align: center;font-size: 24px;
	font-weight: bold;color: #611991;}
.submit-pruple{background-color: #6c4fd8;border:0 none;width:340px;
       height: 55px;color: #fff;line-height: 55px;margin-top: 10px;
       text-align: center;border-radius: 6px;margin-left:70px;
}
/*login-red.html*/	
.login1-red{
	width: 82px;height: 42px;background-color: #f85959;
	color: #fff;line-height: 42px;text-align: center;
	margin-right: 20px;border:0 none;border-radius:4px;
}
.login2-red{
	width: 82px;height: 42px;background-color: #fff;
	color: #5f6162;line-height: 42px;text-align: center;
	margin-right: 20px;border:1px #f85959 solid;border-radius: 4px;
}
.student-red{	
	margin-top: 30px;text-align: center;font-size: 24px;
	font-weight: bold;color: #ee3939;}
.submit-red{background-color: #f85959;border:0 none;width:340px;
       height: 55px;color: #fff;line-height: 55px;margin-top: 10px;
       text-align: center;border-radius: 6px;margin-left:70px;
}	
/*login-green.html*/
.login1-green{
	width: 82px;height: 42px;background-color: #00b53f;
	color: #fff;line-height: 42px;text-align: center;
	margin-right: 20px;border:0 none;border-radius:4px;
}
.login2-green{
	width: 82px;height: 42px;background-color: #fff;
	color: #5f6162;line-height: 42px;text-align: center;
	margin-right: 20px;border:1px #00b53f solid;border-radius: 4px;
}
.student-green{	
	margin-top: 30px;text-align: center;font-size: 24px;
	font-weight: bold;color: #00b53f;}
.submit-green{background-color: #00b53f;border:0 none;width:340px;
       height: 55px;color: #fff;line-height: 55px;margin-top: 10px;
       text-align: center;border-radius: 6px;margin-left:70px;
}
/*login-skyblue.html*/
.login1-skyblue{
	width: 82px;height: 42px;background-color: #1d79da;
	color: #fff;line-height: 42px;text-align: center;
	margin-right: 20px;border:0 none;border-radius:4px;
}
.login2-skyblue{
	width: 82px;height: 42px;background-color: #fff;
	color: #1d79da;line-height: 42px;text-align: center;
	margin-right: 20px;border:1px #1d79da solid;border-radius: 4px;
}
.student-skyblue{	
	margin-top: 30px;text-align: center;font-size: 24px;
	font-weight: bold;color: #1d79da;}
.submit-skyblue{background-color: #1d79da;border:0 none;width:340px;
       height: 55px;color: #fff;line-height: 55px;margin-top: 10px;
       text-align: center;border-radius: 6px;margin-left:70px;
}	
/*login-kql.html*/
.login1-kql{
	width: 82px;height: 42px;background-color: #067c7c;
	color: #fff;line-height: 42px;text-align: center;
	margin-right: 20px;border:0 none;border-radius:4px;
}
.login2-kql{
	width: 82px;height: 42px;background-color: #fff;
	color: #5f6162;line-height: 42px;text-align: center;
	margin-right: 20px;border:1px #00b53f solid;border-radius: 4px;
}
.student-kql{	
	margin-top: 30px;text-align: center;font-size: 24px;
	font-weight: bold;color: #067c7c;}
.submit-kql{background-color: #067c7c;border:0 none;width:340px;
       height: 55px;color: #fff;line-height: 55px;margin-top: 10px;
       text-align: center;border-radius: 6px;margin-left:70px;
}	

@media screen and (min-width: 1000px) {
         
		}
		
 @media screen and (min-width: 400px) and (max-width: 1000px) {
 			.logo-blue img{width: 100%;}
 			.logo-pruple img{width:100%;}
 }