@charset "utf-8";
@media screen and (min-width: 1601px){
body{ font-size:2.2em}
}
@media screen and (min-width: 1501px) and (max-width: 1600px){
body{ font-size:2.1em}
}
@media screen and (min-width: 1401px) and (max-width: 1500px){
body{ font-size:2em}
}
@media screen and (min-width: 1301px) and (max-width: 1400px){
body{ font-size:1.9em}
}
@media screen and (min-width: 1201px) and (max-width: 1300px){
body{ font-size:1.8em}
}
@media screen and (min-width: 1101px) and (max-width: 1200px){
body{ font-size:1.7em}
}
@media screen and (min-width: 1001px) and (max-width: 1100px){
body{ font-size:1.6em}
}
@media screen and (min-width: 901px) and (max-width: 1000px){
body{ font-size:1.5em}
}
@media screen and (min-width: 801px) and (max-width: 900px){
body{ font-size:1.4em}
}
@media screen and (min-width: 701px) and (max-width: 800px){
body{ font-size:1.3em}
}
@media screen and (min-width: 601px) and (max-width: 700px){
body{ font-size:1.2em}
}
@media screen and (min-width: 501px) and (max-width: 600px){
body{ font-size:1.1em}
}
@media screen and (min-width: 401px) and (max-width: 500px){
body{ font-size:1em}
}
@media screen and (min-width: 301px) and (max-width: 400px){
body{ font-size:0.9em}
}
@media screen and (min-width: 201px) and (max-width: 300px){
body{ font-size:0.8em}
}
@media screen and (min-width: 101px) and (max-width: 200px){
body{ font-size:0.7em}
}
@media screen and (min-width: 1px) and (max-width: 100px){
body{ font-size:0.6em}
}

/*html {
	height: 100%;
	background: url(ctx+"/static/images/index_bg.png");

}*/

@media screen and (min-width: 769px){
	body {
		background-image: url("../images/index_bg1920.png"); background-size: 100% 100%;  -moz-background-size: 100% 100%;
		-webkit-background-size: 100% 100%;
	}
}
@media screen and (min-width: 1px) and (max-width: 768px){
	body {
		background-image: url("../images/index_bg768.png"); background-size: 100% 100%;  -moz-background-size: 100% 100%;
		-webkit-background-size: 100% 100%;
	}
}





/*.blackgrad {
	background: -webkit-radial-gradient(circle, #00157D,#020479,#0B0B3B);
	!* Safari 5.1 - 6.0 *!
	background: -o-radial-gradient(circle, #00157D,#020479,#0B0B3B);
	!* Opera 11.6 - 12.0 *!
	background: -moz-radial-gradient(circle,  #00157D,#020479,#0B0B3B);
	!* Firefox 3.6 - 15 *!
	background: radial-gradient(circle, #00157D,#020479,#0B0B3B); !* 标准的语法 *!
}*/


/* Demo Buttons Style */
.codrops-demos {
	font-size: 0.8em;
	text-align: center;
	position: absolute;
	z-index: 99;
 	width: 96%; 
	margin-top: 15em;
}
.menubox {
	/*display: inline-block;*/
	margin: 1.0em 0.1em; 
    padding: 1.5em 1.2em; 
	outline: none;
	text-decoration: none;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	font-weight: 700;
	font-size: 1em;
	border:  0.08em solid transparent;
	color: #fff;
	border-radius: 1em;
	cursor: pointer;
	width: 100%;
	height: 100%;
    -webkit-box-shadow: #3C3C3C 0px 0px 10px;
    -moz-box-shadow: #3C3C3C 0px 0px 10px;
    box-shadow: #3C3C3C 0px 0px 10px;
}


.codrops-demos div:hover{
	border-radius: 1em;
	border-color: #383a3c;
}



.redgrad {
	background: -webkit-linear-gradient(left top, #f75880, #f87975);
	/* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(top right, #f75880, #f87975);
	/* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(top right, #f75880, #f87975);
	/* Firefox 3.6 - 15 */
	background: linear-gradient(to top right, #f75880, #f87975);
	/* 标准的语法 */
}

.greengrad {
	background: -webkit-linear-gradient(left top, #14c6d3, #0fe0c0);
	/* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(top right, #14c6d3, #0fe0c0);
	/* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(top right, #14c6d3, #0fe0c0);
	/* Firefox 3.6 - 15 */
	background: linear-gradient(to top right, #14c6d3, #0fe0c0);
	/* 标准的语法 */
}

.bluegrad {
	background: -webkit-linear-gradient(left top, #3f8ff3, #63cefa);
	/* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(top right, #3f8ff3, #63cefa);
	/* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(top right, #3f8ff3, #63cefa);
	/* Firefox 3.6 - 15 */
	background: linear-gradient(to top right, #3f8ff3, #63cefa);
	/* 标准的语法 */
}

.purplegrad {
	background: -webkit-linear-gradient(left top, #8268ff, #b57fff);
	/* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(top right, #8268ff, #b57fff);
	/* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(top right, #8268ff, #b57fff);
	/* Firefox 3.6 - 15 */
	background: linear-gradient(to top right, #8268ff, #b57fff);
	/* 标准的语法 */
}

.lightbluegrad {
	background: -webkit-linear-gradient(left top, #1ba8ef, #4ad6ef);
	/* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(top right, #1ba8ef, #4ad6ef);
	/* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(top right, #1ba8ef, #4ad6ef);
	/* Firefox 3.6 - 15 */
	background: linear-gradient(to top right, #1ba8ef, #4ad6ef);
	/* 标准的语法 */
}

.orangegrad {
	background: -webkit-linear-gradient(left top, #f46959, #f58960);
	/* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(top right, #f46959, #f58960);
	/* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(top right, #f46959, #f58960);
	/* Firefox 3.6 - 15 */
	background: linear-gradient(to top right, #f46959, #f58960);
	/* 标准的语法 */
}
.redgrad:hover{
	background: -webkit-linear-gradient(left top, #f75880, #f75880);
	/* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(top right, #f75880, #f75880);
	/* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(top right, #f75880, #f75880);
	/* Firefox 3.6 - 15 */
	background: linear-gradient(to top right, #f75880, #f75880);
	/* 标准的语法 */
}

.greengrad:hover {
	background: -webkit-linear-gradient(left top, #14c6d3, #14c6d3);
	/* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(top right, #14c6d3, #14c6d3);
	/* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(top right, #14c6d3, #14c6d3);
	/* Firefox 3.6 - 15 */
	background: linear-gradient(to top right, #14c6d3, #14c6d3);
	/* 标准的语法 */
}

.bluegrad:hover {
	background: -webkit-linear-gradient(left top, #3f8ff3, #3f8ff3);
	/* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(top right, #3f8ff3, #3f8ff3);
	/* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(top right, #3f8ff3, #3f8ff3);
	/* Firefox 3.6 - 15 */
	background: linear-gradient(to top right, #3f8ff3, #3f8ff3);
	/* 标准的语法 */
}

.purplegrad:hover {
	background: -webkit-linear-gradient(left top, #8268ff, #8268ff);
	/* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(top right, #8268ff, #8268ff);
	/* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(top right, #8268ff, #8268ff);
	/* Firefox 3.6 - 15 */
	background: linear-gradient(to top right, #8268ff, #8268ff);
	/* 标准的语法 */
}

.lightbluegrad:hover {
	background: -webkit-linear-gradient(left top, #1ba8ef, #1ba8ef);
	/* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(top right, #1ba8ef, #1ba8ef);
	/* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(top right, #1ba8ef, #1ba8ef);
	/* Firefox 3.6 - 15 */
	background: linear-gradient(to top right, #1ba8ef, #1ba8ef);
	/* 标准的语法 */
}

.orangegrad:hover {
	background: -webkit-linear-gradient(left top, #f46959, #f46959);
	/* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(top right, #f46959, #f46959);
	/* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(top right, #f46959, #f46959);
	/* Firefox 3.6 - 15 */
	background: linear-gradient(to top right, #f46959, #f46959);
	/* 标准的语法 */
}


  
.meun-img-div img{
	width: 70%;
	height: 70%;
}
.meun-name-div{
	margin-top: 1em;
	/* margin-bottom: 1em; */
}

.login-div {
	font-size: 0.8em;
	text-align: center;
	position: absolute;
	z-index: 99;
 	width: 96%; 
	margin-top: 15em;
}
.login-div{
margin-top: 15em;
}
.login-div div:hover{
	border-radius: 1em;
	border-color: #fff;
}

.my-input {
		width: 60%;
		outline:none;
		height: 2.4em;
		margin-left: 0.6em;
		margin-right: 0.6em;

	}
	.my-input-verify {
		width: 30%;
		height: 2.2em;
		outline:none;
		margin-left: 0.6em;
		margin-right: 0.9em;
	}
	img.refresh_code {
		width:8em;
		height:2.2em;
		border:none;
		border-radius:0.6em;
		margin-left: 0.6em;
		margin-right: 0.6em;
		margin-bottom: 0.5em;
	}

div.container-fluid, div.row {
	height: 100%;
	width: 100%;
}
div.row {
	margin-right: 0px;
	margin-left: 0px;
}
div.title {
	/* height: 6em;
	margin-top:1.2em; */
	padding-top: 2em;
	color: #ffffff;
}
div.my-form {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	background-color:#000d4d;
	color:#fff;
	background:rgba(255, 255, 255, 0.1);
	border-radius: 1em;
	border:0.1em solid #fff;
	text-shadow: 1px 1px rgb(103, 103, 103);
}

.label-div {
	width: 25%;
	float: left;
	font-size: 1.4em;
	font-weight: bold;
	margin-top: 1em;
    display: inline;
    height: 3em;
   
}

/**登录输入框样式*/
.login_input {
	border-style:none;
	border-radius:1em;
	padding-left: 0.5em;
	color: #000;
	background-color: #fff;
	margin-top: 0.3em;
}

/**登录按钮样式*/
.login_btn{
	outline:none;
	/* background-color: #fff; */
	width: 68%;
	margin-left: auto;
	margin-right: auto;
	border-radius: 1em;
	font-size:1.4em;
	font-weight: bold;
	/* color:#618FDA; */
	padding: 0em;
	height: 2.2em;
	border:none;
	cursor: pointer;
	
	background-color: #5a89d6;
	color:#fff;
	margin-top: 0.3em;
	
}
/* .login_btn:hover{
	background-color: #ececec;
	
	
} */
.disabled_btn{
	outline:none;
	background-color: #5a89d6;
	width: 68%;
	margin-left: auto;
	margin-right: auto;
	border-radius: 1em;
	font-size:1.4em;
	font-weight: bold;
	color:#fff;
	padding: 0em;
	height: 2.2em;
	/* border:1px solid #fff; */
	cursor: pointer;
	border: none;
	margin-top: 0.3em;
	}

/*
chrome浏览器记住密码时 input出现背景色变化 
*/
input:-webkit-autofill {
-webkit-box-shadow: 0 0 0px 1000px white inset;

}

/*
禁止选中状态样式
*/
.cantseletet{
	-moz-user-select: none;-webkit-user-select: none;-ms-user-select: none;
	-khtml-user-select: none;user-select: none;
}