body{background: url(/img/login/newlogin/bg1.png) no-repeat fixed;background-size: 100% 100%;width: 100%;height: 100%;overflow: hidden;}
.top{position:absolute;
	width:100%;
	height:50px;
	background-image: -webkit-linear-gradient(180deg,#0000 ,#2f7df7, #0000);;
	background-size: 100%;
	z-index:1;
}
.titlebox{width: 557px;height: 83px;position: absolute;left: calc(50% - 278px);background: url(/img/login/newlogin/title.png) no-repeat;background-size: 100%;}
.titlebox .title{position: absolute;top: calc(39% - 15px);left: calc(50% - 125px);background-image: -webkit-linear-gradient(270deg, #BCD7FB, #58A5FF);text-align: center;width: 280px;}
.title i{position: absolute;width: 49px;height: 51px;top: -11px;left: -10px;background: url(/img/login/logo.png) no-repeat;background-size: 100%;opacity: 0.9;}
.titlebox:before{position: absolute;left: -173px;top: 25px;content: '';display: block;width: 158px;height: 31px;background:url(/img/login/newlogin/leftFly.png) no-repeat;}
.titlebox:after{position: absolute;right: -173px;top: 25px;content: '';display: block;width: 158px;height: 31px;background:url(/img/login/newlogin/rightFly.png) no-repeat;}
.bottom{position:absolute;
	width:100%;
	bottom: 0;
	color:#fff;
	text-align: center;
	font-weight: bold;
	font-family: "Microsoft YaHei";
  background: url(/img/login/newlogin/bottom.png) no-repeat;
	background-size: 100%;
  padding: 15px 0;
}
.canvas2{position:absolute;top: 50%;transform: rotate(180deg);width:100%;height:50%;background: url(/img/login/in_top_bj.jpg) no-repeat;background-size: 100%;z-index:1;filter:alpha(opacity=40);  -moz-opacity:0.4;  -khtml-opacity: 0.4;  opacity: 0.4;}
#canvas{width:100%;height:100%;display:inline-block;vertical-align:baseline;position:absolute;z-index:-1;}
/*定义字体*/
@font-face{
	font-family: "方正兰亭准黑";
	src: url("/fonts/fzh.TTF");
	font-family: "方正兰亭中黑";
}
@font-face{
	font-family: "方正兰亭中黑";
	src: url("/fonts/fzzh.TTF");
}

@font-face{
	font-family: "方正兰亭中粗黑";
	src: url("/fonts/fzzch.TTF");
}


/*登陆页整体样式*/
.centerMain{position: absolute;
    left: 49%;
    /* top: 46%; */
    top: 35%;
    width: 330px;
    height: 261px;
    /* margin: -107px 0 0 -160px; */
    margin: 0px 0 0 -160px;
    min-width: 330px;
    z-index: 10;}
.centerMain .centerImg{position: absolute;left: 46.5%;top: 50%;height: 140px;margin-top: -66px;}

/*左边内容样式*/
.centerMain .leftMain{width: 45%;float: left;padding: 50px 0;}
.centerMain .leftMain li{width: 100%;height: 40px;line-height: 40px;text-align: center;font-size: 21px;font-family: "微软雅黑";margin-bottom: 5px;color: #b1daff;}
.centerMain .leftMain li:nth-of-type(3){height: 22px;line-height: 22px;margin-bottom: 0;}
.centerMain .leftMain li img{width: 50px;vertical-align: middle;}
.centerMain .leftMain li h2{font-size: 33px;display: inline-block;margin-left: 10px;vertical-align: middle;color: #92b5d4;font-family: "微软雅黑";}
.centerMain .leftMain li p{font-size: 12px;font-weight: normal;font-family: "微软雅黑";}
.text-gradient{
	display: inline-block;
    font-family: '微软雅黑';
    font-size: 30px;
    font-weight: bold;
    letter-spacing: 3px;
    position: absolute;
    width: 366px;
    top: -70px;
    right: -20px;
    background-image: -webkit-linear-gradient(0deg,  #00B2FF, #08e7f7, #00fce7);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-align: center;
}
.text-gradient2{
	display: inline-block;
    font-family: '微软雅黑';
    font-size: 17px;
    font-weight: bold;
    position: absolute;
    width: 419px;
    height: 20px;
    top: -55px;
    right: -57px;
    /* background-image: -webkit-linear-gradient(bottom, #00B2FF, #00c2e4, #00fce7); */
    background-image: -webkit-linear-gradient(bottom, #00B2FF, #08e7f7, #00fce7);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

/*右边内容样式*/
/* .centerMain .rightMain{width: 100%;padding: 15px 0;background: rgba(101,175,219,0.1);border-radius: 5px;border: 2px solid #09447F;} */
.centerMain .rightMain{width: 100%;padding: 15px 0;background: rgba(10, 50, 68, 0.56);border-radius: 5px;border: 2px solid #09447F;}
/* .centerMain .rightMain h3{font-family: "微软雅黑";margin-left: 30px;padding-bottom: 10px;font-size: 15px;color: #fff;} */
.centerMain .rightMain h3{font-family: "微软雅黑";
  padding-bottom: 20px;
  font-size: 18px;
  color: #fff;
  text-align: center;
  font-weight: normal;}
.cornerBOX{position: relative;}
.cornerBOX:after{
  width: 418px;
  height: 637px;
  content: '';
  display: block;
  position: absolute;
  top: -237px;
  right: 249px;
  background: url(/img/login/newlogin/iconLeft.png) no-repeat;
  background-size: 100%;
  z-index: -1;
}
.cornerBOX:before{
  width: 310px;
    height: 530px;
    content: '';
    display: block;
    position: absolute;
    top: -149px;
    left: 321px;
    background: url(/img/login/newlogin/iconRight.png) no-repeat;
    background-size: 100%;
    z-index: -1;
}
.corner{
    position: absolute;
    width: 41px;
    height: 41px;
}
.leftTop{
    background-image: url("/img/login/newlogin/leftTop.png");
    background-repeat: no-repeat;
    top: 0px;
    left: 0px;
}
.rightTop{
  background-image: url("/img/login/newlogin/rightTop.png");
  background-repeat: no-repeat;
  right: 0px;
  top: 0px;
}
.leftBottom{
  background-image: url("/img/login/newlogin/leftBottom.png");
  background-repeat: no-repeat;
  left: 0px;
  bottom: 0px;
}
.rightBottom{
  background-image: url("/img/login/newlogin/rightBottom.png");
  background-repeat: no-repeat;
  right: 0px;
  bottom: 0px;
}
.centerMain .rightMain li{position: relative;width: 100%;text-align: center;margin-bottom: 10px;}
/* .centerMain .rightMain li:nth-of-type(4){margin-bottom: 0;} */
.centerMain .rightMain li label{position: absolute;top: 1px;left: 30px;width: 32px;height: 32px;}
.centerMain .rightMain li label i{font-size: 18px;color: #46A5F6;margin-top: 7px;}
.centerMain .rightMain li input{display: inline-block;width: 80%;height: 32px;border: 2px solid #0678dc;
    text-indent: 35px;
    font-size: 14px;
    background: rgba(8, 62, 118, 0.5);color: #fff;caret-color:#fff;}
.centerMain .rightMain li:nth-of-type(3) input{width: 35%;height: 32px;vertical-align: middle;text-indent: 10px;}
/* .centerMain .rightMain li canvas{width: 44%;height: 32px;background: url(/img/login/pattern1.jpg);vertical-align: middle;cursor: pointer;} */
.centerMain .rightMain li canvas{width: 44%;/* height: 32px; */height: 28px;vertical-align: middle;cursor: pointer;border: 2px solid #0678dc;background: rgba(8, 62, 118, 0.5);}
.centerMain .rightMain li a{display: inline-block; width: 80%;height: 30px;line-height: 30px;background: #20A3F5;color: #fff;border-radius: 5px;}
.centerMain .rightMain li a:hover{background: royalblue;}


.centerMain .rightMain li input::-webkit-input-placeholder {
  color: #8c8989;
}
.centerMain .rightMain li input:-moz-placeholder {
  /* FF 4-18 */
  color: #8c8989;
}
.centerMain .rightMain li input::-moz-placeholder {
  /* FF 19+ */
  color: #8c8989;
}
.centerMain .rightMain li input:-ms-input-placeholder {
  /* IE 10+ */
  color: #8c8989;
}
/* .centerMain .rightMain li input:-webkit-autofill,
.centerMain .rightMain li input:-webkit-autofill:hover,
.centerMain .rightMain li input:-webkit-autofill:focus, 
.centerMain .rightMain li input:-webkit-autofill:active {
	transition-delay: 99999s;
    transition: color 99999s ease-out, background-color 99999s ease-out;
    -webkit-transition-delay: 99999s;
    font-size: 14px;
    -webkit-transition: color 99999s ease-out, background-color 99999s ease-out;
    -webkit-text-fill-color: #fff;
} */
.centerMain .rightMain li input:-internal-autofill-previewed,
.centerMain .rightMain li input:-internal-autofill-selected {
    -webkit-text-fill-color: #fff !important;
    transition: background-color 5000s ease-in-out 0s !important;
    
}
.centerMain .rightMain li input:-webkit-autofill {
  box-shadow: 0 0 0px 1000px rgba(8, 62, 118, 0.5) inset !important;   
  -webkit-text-fill-color:#fff !important;
 }
/*
 .centerMain .rightMain li input:-webkit-autofill {
	-webkit-animation: autofill-fix 1s infinite;
	-webkit-text-fill-color: #fff;
}
@-webkit-keyframes autofill-fix {
	from {
		background-color: transparent
	}
	to {
		background-color: transparent
	}

}  */
/* .centerMain .rightMain li input:-internal-autofill-previewed,
.centerMain .rightMain li input:-internal-autofill-selected {
  -webkit-text-fill-color: #FFFFFF !important;
  transition: background-color 5000s ease-in-out 0s !important;
} */
<!--0.00019288063049316-->