*{margin:0;padding:0}
body{
	font-family:'΢���ź�','����',serif,'����';color:#4d6287;font-size:12px;
	background: url("../image/loginbg.jpg") center no-repeat;overflow:hidden;background-size:100% 100%}
dd,div,dt,li,span{font-family:'΢���ź�'}
li{list-style-type:none}
a,a:active{text-decoration:none;font-family:'΢���ź�';outline:0}
img{border:none;width: 100%;height:100%;}
* html,* html body{
	background-attachment:fixed
}
* html .btnlistpar{
	position:absolute;bottom:auto;
}
.el-loading-spinner .path{
	stroke:white!important;
}
 .el-loading-spinner .el-loading-text{
	color:white!important;
}
.el-loading-spinner .path{stroke:white}
.el-loading-spinner .el-loading-text{
	color:white
}
body,html{height:100%}
.mar-t-0{margin-top:0!important}
#page1 .imgGroug,
#page2 .imgGroug,
#page3 .img0,#page3 .img1,
#page4 .imgDel,.btn,.makenews,
.title0,.title1{position:absolute;top:50%;left:50%}
#page0 .imgGroug{z-index:0;width:1394px;height:1048px;margin:-546px 0 0 -715px}
#page0 .img1,#page0 .img2{line-height:0;width:100%;height:100%;margin:100px 0 0 -715px}
#page0 .img2{
	z-index:0;-webkit-animation:star 2.5s linear infinite;
	-moz-animation:star 2.5s linear infinite;
	-o-animation:star 2.5s linear infinite;
	animation:star 2.5s linear infinite
}
#page0 .img3,#page0 .img4{
	z-index:1;width:134px;height:126px;}#page0 .btn,#page0 .img0,#page0 .imgGroug,#page0 .makenews{transition:margin .2s ease,transform .2s ease;-webkit-transition:margin .2s ease,-webkit-transform .2s ease;-moz-transition:margin .2s ease,-moz-transform .2s ease;-o-transition:margin .2s ease,-o-transform .2s ease}#page0 .btn{margin-top:290px}#page0 .makenews{margin-top:370px}#page0.resp0 .img0{transform:scale(0.7);-webkit-transform:scale(0.7);-moz-transform:scale(0.7);-o-transform:scale(0.7);margin-top:-400px}#page0.resp0 .imgGroug{transform:scale(0.6);-webkit-transform:scale(0.6);-moz-transform:scale(0.6);-o-transform:scale(0.6)}#page0.resp0 .btn{margin-top:196px}#page0.resp0 .makenews{margin-top:278px}#page0.resp1 .img0,#page0.resp1 .imgGroug{transform:scale(0.8);-webkit-transform:scale(0.8);-moz-transform:scale(0.8);-o-transform:scale(0.8)}#page0.resp1 .btn{margin-top:245px}#page0.resp1 .makenews{margin-top:325px}#page0.cont_0 .btn,#page0.cont_2 .btn{opacity:1;margin-top:290px}#page0.cont_0.resp0 .btn,#page0.cont_2.resp0 .btn{margin-top:196px}#page0.cont_0.resp1 .btn,#page0.cont_2.resp1 .btn{margin-top:245px}@-webkit-keyframes star{0%{opacity:0}50%{opacity:1}100%{opacity:0}}@-moz-keyframes star{0%{opacity:0}50%{opacity:1}100%{opacity:0}}@-o-keyframes star{0%{opacity:0}50%{opacity:1}100%{opacity:0}}@keyframes star{0%{opacity:0}50%{opacity:1}100%{opacity:0}}@-webkit-keyframes star_dian0{0%,24%{opacity:0}25%,75%{opacity:1}100%,76%{opacity:0}}@-moz-keyframes star_dian0{0%,24%{opacity:0}25%,75%{opacity:1}100%,76%{opacity:0}}@-o-keyframes star_dian0{0%,24%{opacity:0}25%,75%{opacity:1}100%,76%{opacity:0}}@keyframes star_dian0{0%,24%{opacity:0}25%,75%{opacity:1}100%,76%{opacity:0}}@-webkit-keyframes star_dian1{0%,39%{opacity:0}40%,90%{opacity:1}100%,91%{opacity:0}}@-moz-keyframes star_dian1{0%,39%{opacity:0}40%,90%{opacity:1}100%,91%{opacity:0}}@-o-keyframes star_dian1{0%,39%{opacity:0}40%,90%{opacity:1}100%,91%{opacity:0}}@keyframes star_dian1{0%,39%{opacity:0}40%,90%{opacity:1}100%,91%{opacity:0}}
#page1 .img0,#page1 .img1,#page1 .img2,#page1 .img3,
#page2 .imgGroug,#page3 .img0,#page3 .img1,.btn,.title0,.title1{
	transition:margin .5s ease,opacity .5s ease;
	-webkit-transition:margin .5s ease,opacity .5s ease;
	-moz-transition:margin .5s ease,opacity .5s ease;
	-o-transition:margin .5s ease,opacity .5s ease
}
.title0,.title1{left:0;width:100%;text-align:center;color:#001447;font-size:45px;height:70px;line-height:70px;margin:-300px 0 0 0;z-index:1; font-weight:bold;}
.title1{color:#fff;font-size:25px;height:30px;line-height:30px;margin:-230px 0 0 0}.cont_0 .title0{opacity:0;margin:-620px 0 0 0}.cont_2 .title0{opacity:0;margin:-120px 0 0 0}.cont_0 .title1{opacity:0;margin:-450px 0 0 0}.cont_2 .title1{opacity:0;margin:50px 0 0}
#page1 .img0,#page1 .img1,#page1 .img2,#page1 .imgGroug{z-index:1}
#page1 .imgGroug{width:170px;height:170px;margin:-126px 0 0 -85px}
#page1 .imgGroug ul{position:relative;width:170px;height:170px}
#page1 .img0,#page1 .img1,#page1 .img2{margin:-85px 0 0 -85px;width:100%;height:100%}
ul li{font-size: 30px;color:#2ec0f6;}
.tyg-div{z-index:-1000;float:left;position:absolute;left:5%;top:20%;}
.tyg-p{
	font-size: 14px;
	font-family: 'microsoft yahei';
	position: absolute;
	top: 138px;
	left: 60px;
}
.tyg-div-denglv{
	z-index:1000;float:right;right:3%;top:10%;position:absolute
}
.tyg-div-form .from {padding:15px;}
.tyg-div-form .from input[type="text"]{
	width: 270px;
	height: 30px;
	margin: 25px 10px 0px 0px;
}
.tyg-div-form .from button {
	cursor: pointer;
	width: 270px;
	height: 44px;
	margin-top: 25px;
	padding: 0;
	background: #003366;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	border: 1px solid #003366;
	-moz-box-shadow:
			0 15px 30px 0 rgba(255,255,255,.25) inset,
			0 2px 7px 0 rgba(0,0,0,.2);
	-webkit-box-shadow:
			0 15px 30px 0 rgba(255,255,255,.25) inset,
			0 2px 7px 0 rgba(0,0,0,.2);
	box-shadow:
			0 15px 30px 0 rgba(255,255,255,.25) inset,
			0 2px 7px 0 rgba(0,0,0,.2);
	font-family: 'PT Sans', Helvetica, Arial, sans-serif;
	font-size: 14px;
	font-weight: 700;
	color: #fff;
	text-shadow: 0 1px 2px rgba(0,0,0,.1);
	-o-transition: all .2s;
	-moz-transition: all .2s;
	-webkit-transition: all .2s;
	-ms-transition: all .2s;
}


.container { margin: 120px auto; position: relative; width: 580px; }
#content {
	background: #f9f9f9;
	background: -moz-linear-gradient(top,  rgba(248,248,248,1) 0%, rgba(249,249,249,1) 100%);
	background: -webkit-linear-gradient(top,  rgba(248,248,248,1) 0%,rgba(249,249,249,1) 100%);
	background: -o-linear-gradient(top,  rgba(248,248,248,1) 0%,rgba(249,249,249,1) 100%);
	background: -ms-linear-gradient(top,  rgba(248,248,248,1) 0%,rgba(249,249,249,1) 100%);
	background: linear-gradient(top,  rgba(248,248,248,1) 0%,rgba(249,249,249,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8f8f8', endColorstr='#f9f9f9',GradientType=0 );
	-webkit-box-shadow: 0 1px 0 #fff inset;
	-moz-box-shadow: 0 1px 0 #fff inset;
	-ms-box-shadow: 0 1px 0 #fff inset;
	-o-box-shadow: 0 1px 0 #fff inset;
	box-shadow: 0 1px 0 #fff inset;
	border: 1px solid #c4c6ca;
	margin: 0 auto;
	padding: 25px 0 0;
	position: relative;
	text-align: center;
	text-shadow: 0 1px 0 #fff;
	width: 400px;
}
#content h1 {
	color: #7E7E7E;
	font: bold 25px Helvetica, Arial, sans-serif;
	letter-spacing: -0.05em;
	line-height: 20px;
	margin: 10px 0 20px;
}
#content h1:before,
#content h1:after {
	content: "";
	height: 1px;
	position: absolute;
	top: 10px;
	width: 7%;
}
#content h1:after {
	background: rgb(126,126,126);
	background: -moz-linear-gradient(left,  rgba(126,126,126,1) 0%, rgba(255,255,255,1) 100%);
	background: -webkit-linear-gradient(left,  rgba(126,126,126,1) 0%,rgba(255,255,255,1) 100%);
	background: -o-linear-gradient(left,  rgba(126,126,126,1) 0%,rgba(255,255,255,1) 100%);
	background: -ms-linear-gradient(left,  rgba(126,126,126,1) 0%,rgba(255,255,255,1) 100%);
	background: linear-gradient(left,  rgba(126,126,126,1) 0%,rgba(255,255,255,1) 100%);
	right: 0;
}
#content h1:before {
	background: rgb(126,126,126);
	background: -moz-linear-gradient(right,  rgba(126,126,126,1) 0%, rgba(255,255,255,1) 100%);
	background: -webkit-linear-gradient(right,  rgba(126,126,126,1) 0%,rgba(255,255,255,1) 100%);
	background: -o-linear-gradient(right,  rgba(126,126,126,1) 0%,rgba(255,255,255,1) 100%);
	background: -ms-linear-gradient(right,  rgba(126,126,126,1) 0%,rgba(255,255,255,1) 100%);
	background: linear-gradient(right,  rgba(126,126,126,1) 0%,rgba(255,255,255,1) 100%);
	left: 0;
}
#content:after,
#content:before {
	background: #f9f9f9;
	background: -moz-linear-gradient(top,  rgba(248,248,248,1) 0%, rgba(249,249,249,1) 100%);
	background: -webkit-linear-gradient(top,  rgba(248,248,248,1) 0%,rgba(249,249,249,1) 100%);
	background: -o-linear-gradient(top,  rgba(248,248,248,1) 0%,rgba(249,249,249,1) 100%);
	background: -ms-linear-gradient(top,  rgba(248,248,248,1) 0%,rgba(249,249,249,1) 100%);
	background: linear-gradient(top,  rgba(248,248,248,1) 0%,rgba(249,249,249,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8f8f8', endColorstr='#f9f9f9',GradientType=0 );
	border: 1px solid #c4c6ca;
	content: "";
	display: block;
	height: 100%;
	left: -1px;
	position: absolute;
	width: 100%;
}
#content:after {
	-webkit-transform: rotate(2deg);
	-moz-transform: rotate(2deg);
	-ms-transform: rotate(2deg);
	-o-transform: rotate(2deg);
	transform: rotate(2deg);
	top: 0;
	z-index: -1;
}
#content:before {
	-webkit-transform: rotate(-3deg);
	-moz-transform: rotate(-3deg);
	-ms-transform: rotate(-3deg);
	-o-transform: rotate(-3deg);
	transform: rotate(-3deg);
	top: 0;
	z-index: -2;
}
#content .from { margin: 0 20px; position: relative;height:250px; }
#content .from span{
	margin: 0px 0px 10px 10px;
	position: relative;
	display: block;
	font-size: 15px;
	color: red;
}
#content .from input[type="text"],
#content .from input[type="password"] {
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: 0 1px 0 #fff, 0 -2px 5px rgba(0,0,0,0.08) inset;
	-moz-box-shadow: 0 1px 0 #fff, 0 -2px 5px rgba(0,0,0,0.08) inset;
	-ms-box-shadow: 0 1px 0 #fff, 0 -2px 5px rgba(0,0,0,0.08) inset;
	-o-box-shadow: 0 1px 0 #fff, 0 -2px 5px rgba(0,0,0,0.08) inset;
	box-shadow: 0 1px 0 #fff, 0 -2px 5px rgba(0,0,0,0.08) inset;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
/*	background: #eae7e7 url(/static/image/iocn.png) no-repeat;*/
	border: 1px solid #c8c8c8;
	color: #777;
	font: 13px Helvetica, Arial, sans-serif;
	margin: 0 0 10px;
	padding: 15px 10px 15px 40px;
	width: 80%;
}
#content .from input[type="text"]:focus,
#content .from input[type="password"]:focus {
	-webkit-box-shadow: 0 0 2px #ed1c24 inset;
	-moz-box-shadow: 0 0 2px #ed1c24 inset;
	-ms-box-shadow: 0 0 2px #ed1c24 inset;
	-o-box-shadow: 0 0 2px #ed1c24 inset;
	box-shadow: 0 0 2px #ed1c24 inset;
	background-color: #fff;
	border: 1px solid #ed1c24;
	outline: none;
}
#username { background-position: 10px 10px !important }
#password { background-position: 10px -53px !important }
#content .from input[type="submit"] {
	background: rgb(254,231,154);
	background: -moz-linear-gradient(top,  rgba(254,231,154,1) 0%, rgba(254,193,81,1) 100%);
	background: -webkit-linear-gradient(top,  rgba(254,231,154,1) 0%,rgba(254,193,81,1) 100%);
	background: -o-linear-gradient(top,  rgba(254,231,154,1) 0%,rgba(254,193,81,1) 100%);
	background: -ms-linear-gradient(top,  rgba(254,231,154,1) 0%,rgba(254,193,81,1) 100%);
	background: linear-gradient(top,  rgba(254,231,154,1) 0%,rgba(254,193,81,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fee79a', endColorstr='#fec151',GradientType=0 );
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	-ms-border-radius: 30px;
	-o-border-radius: 30px;
	border-radius: 30px;
	-webkit-box-shadow: 0 1px 0 rgba(255,255,255,0.8) inset;
	-moz-box-shadow: 0 1px 0 rgba(255,255,255,0.8) inset;
	-ms-box-shadow: 0 1px 0 rgba(255,255,255,0.8) inset;
	-o-box-shadow: 0 1px 0 rgba(255,255,255,0.8) inset;
	box-shadow: 0 1px 0 rgba(255,255,255,0.8) inset;
	border: 1px solid #D69E31;
	color: #85592e;
	cursor: pointer;
	float: left;
	font: bold 15px Helvetica, Arial, sans-serif;
	height: 35px;
	margin: 20px 0 35px 15px;
	position: relative;
	text-shadow: 0 1px 0 rgba(255,255,255,0.5);
	width: 120px;
}
#content .from input[type="submit"]:hover {
	background: rgb(254,193,81);
	background: -moz-linear-gradient(top,  rgba(254,193,81,1) 0%, rgba(254,231,154,1) 100%);
	background: -webkit-linear-gradient(top,  rgba(254,193,81,1) 0%,rgba(254,231,154,1) 100%);
	background: -o-linear-gradient(top,  rgba(254,193,81,1) 0%,rgba(254,231,154,1) 100%);
	background: -ms-linear-gradient(top,  rgba(254,193,81,1) 0%,rgba(254,231,154,1) 100%);
	background: linear-gradient(top,  rgba(254,193,81,1) 0%,rgba(254,231,154,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fec151', endColorstr='#fee79a',GradientType=0 );
}
#content .from div a {
	color: #004a80;
	float: right;
	font-size: 12px;
	margin: 30px 15px 0 0;
	text-decoration: underline;
}
.button {
	background: rgb(247,249,250);
	background: -moz-linear-gradient(top,  rgba(247,249,250,1) 0%, rgba(240,240,240,1) 100%);
	background: -webkit-linear-gradient(top,  rgba(247,249,250,1) 0%,rgba(240,240,240,1) 100%);
	background: -o-linear-gradient(top,  rgba(247,249,250,1) 0%,rgba(240,240,240,1) 100%);
	background: -ms-linear-gradient(top,  rgba(247,249,250,1) 0%,rgba(240,240,240,1) 100%);
	background: linear-gradient(top,  rgba(247,249,250,1) 0%,rgba(240,240,240,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f9fa', endColorstr='#f0f0f0',GradientType=0 );
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.1) inset;
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,0.1) inset;
	-ms-box-shadow: 0 1px 2px rgba(0,0,0,0.1) inset;
	-o-box-shadow: 0 1px 2px rgba(0,0,0,0.1) inset;
	box-shadow: 0 1px 2px rgba(0,0,0,0.1) inset;
	-webkit-border-radius: 0 0 5px 5px;
	-moz-border-radius: 0 0 5px 5px;
	-o-border-radius: 0 0 5px 5px;
	-ms-border-radius: 0 0 5px 5px;
	border-radius: 0 0 5px 5px;
	border-top: 1px solid #CFD5D9;
	padding: 30px 0;
}
.button a {
/*	background: url(./static/image/8bcLQqF.png) 0 -112px no-repeat;*/
	color: #7E7E7E;
	font-size: 17px;
	padding: 2px 0 2px 40px;
	text-decoration: none;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.button a:hover {
	background-position: 0 -135px;
	color: #00aeef;
}
.login_div{
	width:540px;
	height:540px;
	background:rgba(8,235,254,1);
	border:1px solid rgba(40,217,255,1);
	opacity:0.3;
	position: absolute;
	left:50%;
	top:40%;
	margin-left:-270px;
	margin-top:-270px;

}
.background_login{
	width: 100%;
	height:100%;
	position: relative;
}
.login_title{
	width:321px;
height:38px;
width:100%;
	font-size:38px;
font-family:Microsoft YaHei;
font-weight:bold;
color:rgba(255,255,255,1);
line-height:38px;
background:linear-gradient(0deg,rgba(68,222,197,1) 0%, rgba(78,188,250,1) 100%);
-webkit-background-clip:text;
-webkit-text-fill-color:transparent;
text-align: center;
margin-bottom:40px;
}
.background_login /deep/.el-input__inner{
	border-radius:6px;
	background:rgba(26,57,86,0.3);
	border:1px solid rgba(8,235,254,1);
	opacity:0.8;
	color:#fff;
}
.background_login .el-input__inner{
	border-radius:6px;
	background:rgba(26,57,86,0.3)!important;
	border:1px solid rgba(8,235,254,1)!important;
	opacity:0.8;
	color:#fff!important;
}
.background_login /deep/.el-input--prefix .el-input__inner{
	padding-left:40px;
}
.background_login /deep/.el-input__prefix, .el-input__suffix{
	color:#fff;
}
.login_style{
	width:540px;
	height:540px;
	position: absolute;
	left:50%;
	top:40%;
	margin-left:-270px;
	margin-top:-270px;
	/* padding:70px 85px 62.5px; */
}
.background_login /deep/.el-checkbox{
	color:#fff;
}
.background_login /deep/.el-checkbox__input.is-checked+.el-checkbox__label{
	color:#fff!important;
}
.background_login /deep/.el-checkbox__label{
	color:#fff!important;
}
.btn_color{
	height: 60px;
    background: linear-gradient(0deg,rgba(8,235,254,1) 0%,rgba(40,186,193,1) 100%)!important;
    border-radius: 6px;
    width: 100%;
    font-size: 29px;
    color: #fff!important;
}
.border_div{position:relative;border:1px solid #28D9FF;width:100%;height:100%;padding:70px 77px 62.5px;}
.border{position:absolute;padding:5px;border-style: solid;border-color: #28D9FF;width: 50px;height: 50px;}
.row1{border-width: 3px 0 0 3px;top:-2px;left:-2px;}
.row2{border-width: 3px 3px 0 0;top:-2px;right:-2px;}
.col1{border-width: 0 0 3px 3px;bottom:-2px;left:-2px;}
.col2{border-width: 0 3px 3px 0;bottom:-2px;right:-2px;}
.background_login /deep/.el-button{
	height:60px;
background:linear-gradient(0deg,rgba(8,235,254,1) 0%,rgba(40,186,193,1) 100%);
border-radius:6px;
width: 100%;
font-size: 29px;
color:#fff;
}