@charset "utf-8";
/* CSS Document */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td { margin:0; padding:0; }
h1,h2,h3,h4,h5,h6{font-weight: normal;}
BODY {FONT:14px/1.75 "Microsoft YaHei", arial,sans-serif; COLOR: #666;  background:#fff;min-width: 1160px; overflow-x: hidden;}
A {COLOR: #666; TEXT-DECORATION: none}
P{COLOR: #333;}
A:hover {TEXT-DECORATION: none}
A IMG {BORDER-BOTTOM-STYLE: none; BORDER-RIGHT-STYLE: none; BORDER-TOP-STYLE: none; BORDER-LEFT-STYLE: none}
DIV {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
UL {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
LI {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
P {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
FORM {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
EM {FONT-STYLE: normal; FONT-WEIGHT: normal}
TABLE {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
DT {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
DL {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
DD {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
FORM {PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
TR {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
.cl{HEIGHT: 0px; CLEAR: both;}
.jz{margin:0 auto;}
.fl{FLOAT: left}
.fr{FLOAT: right}
.container{width:1160px; margin:0 auto}
.c{*zoom:1;}
.c:after{content: ""; display: block; height: 0; clear: both;}
.txt-c{text-align: center;}
.txt-r{text-align: right;}
.col-white{color: #fff;}
/* CSS Document */
.backstage-bg{background: url(../images/backstage-bg.jpg) no-repeat;  background-size: cover; display: flex; height: 100vh; position: fixed; width: 100%}
.backstage-bg>.container{ display: flex}
.backstage {/*padding-top: 19vh;*/ margin: auto; width: 100%;}
.ys,.login{float: left; width: 50%; height: 515px; box-sizing:border-box;}
.ys{background: rgba(35,51,67,0.9); padding: 0 4%; text-align: center;}
.ys h2{display: block; font-size: 35px; line-height: 35px; color: #fff; font-weight: bold; margin-top: 67px; margin-bottom: 60px;}
.ys .logo{display: inline-block; vertical-align: middle;}
.ys .r{display: inline-block; vertical-align: super; position: relative; top: -16px}
.ys .list ul li{float: left; width: calc(100% / 3); margin-bottom: 40px;}
.ys .list ul li img{display: block; margin: 0 auto 8px}
.ys .list ul li h3{display: block; font-size: 16px;color: #c7ced4}
.ys .list ul li:nth-child(4),.ys .list ul li:nth-child(5),.ys .list ul li:nth-child(6){margin-bottom: 0}
.ys .list span{display: block; font-size: 30px; color: #c7ced4}
.version{border-top: 1px solid rgba(255,255,255,0.2); margin-top: 19px;}
.version em,.version span{display: block; color: #c7ced4; line-height: 74px;}
.version em{font-size: 15px; }
.version span{ font-size: 12px; }
.backstage {animation: dlfdgn 1s 1;}
.backstage .login{background: rgba(255,255,255,0.75); padding: 55px 6.6% 0;}
.backstage .login strong{display: block; font-size: 30px; color: #2f4050; margin-bottom: 23px}

.backstage .login dl{border: 1px solid #9ea5ac; width: 100%; height: 50px; border-radius: 26px; margin-bottom: 25px;}
.backstage .login dl dt,.backstage .login dl dd{float: left;}
.backstage .login dl dt{width: 63px; display: flex; height: 50px;}
.backstage .login dl dt img{margin: auto; margin-right: 0}
.backstage .login dl dd{width: 240px}
.backstage .login dl dd input{background: transparent; width: 100%; outline: none; border: none; font-size: 16px; line-height: 50px; color: #bcbcbc; text-indent: 18px}

.backstage .login dl dd input::-webkit-input-placeholder { /* WebKit browsers */  
  color: #bcbcbc;  
}  
.backstage .login dl dd input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */  
  color:#bcbcbc;  
}  
.backstage .login dl dd input::-moz-placeholder { /* Mozilla Firefox 19+ */  
  color: #bcbcbc;  
}  
.backstage .login dl dd input:-ms-input-placeholder { /* Internet Explorer 10+ */  
  color: #bcbcbc;  
} 



.backstage .login .code{float: left;}
.backstage .login .submit{width: 100%; background: #f6862a; border-radius: 26px; font-size: 16px; line-height: 52px; color: #fff; text-align: center; outline: none; border: none; cursor: pointer;}
.foot-copy{position: absolute; bottom: 52px; text-align: center; left: 0;  right: 0; margin: auto;  font-size: 16px; color: #737a80; }
.foot-copy .container{position: relative; text-align: center; width: 100%}
.foot-copy strong{display: inline-block;font-weight: normal;}
.foot-copy span{margin: 0 15px;}

.foot-copy span>img,.foot-copy em>img{display: inline-block; vertical-align: middle; margin-right: 8px;}
.foot-copy .wechat-hide{display: inline-block;}
.foot-copy .wechat-pic{display: none;position: absolute;    bottom: 30px;    margin-left: -6px;}
.wechat-hide1{margin-right: 15px}
.wechat-hide1:hover .wechat-pic{display: block;}
.wechat-hide2:hover .wechat-pic{display: block;}



@keyframes dlfdgn {
	0% {
		-webkit-transform: scale(0.5);
		opacity: 0
	}
	100% {
		-webkit-transform: scale(1);
		opacity: 1
	}
}
.backstage {animation: dlfdgn 1s 1;}




@media screen and (min-width:200px)  and  (max-width:1200px)  {
	.container{max-width: 96%; width: 96%}
	.ys{ padding: 0 2%; }
	.backstage .login{padding: 55px 4% 0;}

}