@charset "utf-8";
html { font-size: 625%; }
@media screen and ( max-width: 1920px ) {
	html { 
		font-size: 833.3333% !important;
	}
}
@media screen and ( max-width: 1680px ) {
	html { 
		font-size: 729.1666% !important;
	}
}
@media screen and ( max-width: 1600px ) {
	html {
		font-size: 694.4444% !important;
	}
}
@media screen and ( max-width: 1440px ) {
	html { 
		font-size: 625% !important; 
	}
}
@media screen and ( max-width: 1366px ) {
	html { 
		font-size: 592.8819% !important; 
	}
}
@media screen and ( max-width: 1360px ) {
	html {
		font-size: 590.2777% !important; 
	}
}
@media screen and ( max-width: 1280px ) {
	html {
		font-size: 555.5555% !important;
	}
}
/* CSS reset */
body{word-wrap:break-word; color: #333; height: 100%; line-height: 1.6em;   font-size: 0.14rem;  }
* { margin: 0; padding: 0; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box; font-family: "Calibri", "microsoft yahei";}
input, a,input,button,select,textarea { font-family: "Calibri", "microsoft yahei"; background-color:transparent; } 
table { border-collapse:collapse;border-spacing:0;}
caption,th { text-align:left;}
address,caption,cite,code,dfn,em,strong,th,var { font-style:normal;font-weight:normal;}
ol,ul { list-style:none;}
img	{ border: none; vertical-align:top; }
a { text-decoration:none;   }
article, aside, dialog, figure, footer, header, legend, nav ,figcaption, section { display:block; }
input { outline: none;	 color: #666;}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #bbb; } 
input:-moz-placeholder, textarea:-moz-placeholder { color: #bbb; } 
input::-moz-placeholder, textarea::-moz-placeholder { color: #bbb;} 
input:-ms-input-placeholder, textarea:-ms-input-placeholder { color: #bbb; } 
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus { -webkit-box-shadow: 0 0 0px 1000px white inset;}
input,button,select,textarea{outline:none;}

input{  
    appearance:none;  /*下拉框去掉右侧图标*/  
    -moz-appearance:none;  
    -webkit-appearance:none;  
}  


/*  登录首页二维码  */
#rightAside {
    width: 44px;
    height: 89px;
    position: fixed;
    top: calc(33vh + 100px);
    right: 0.12rem;
}
#rightAside ul {
	width: 100%;
	height: 100%;
	display: inline-block;
	position: absolute;
	top: 0;
	right: 0;
}
#rightAside li {
	width:44px;
	height: 44px;
	cursor: pointer;
	background: #fff;
	display: inline-block;
	position: absolute;
	right: 0;
	transition: 0.2s all;
}
#rightAside li:nth-child(1) {
	top: 0;
	background: #fff url("../images/icon-QRcode1.png") center no-repeat;
	background-size: 25px 25px;
}
#rightAside li.active:nth-child(1) {
	background: #1f8dbb url("../images/icon-QRcode2.png") center no-repeat;
	background-size: 25px 25px;
}
#rightAside li:nth-child(2) span {
	opacity: 0;
	color: #fff;
	width: 100%;
	height: 100%;
	display: block;
	font-size: 12px;
	text-align: center;
	background: #1f8dbb;
	line-height: 16px;
	padding: 6px 0;
	position: relative;
	z-index: -1;
}
#rightAside li.active:nth-child(2) span  {
	opacity: 1;
	z-index: 10;
}
#rightAside .QRCodeBox {
	width: 105px;
	height: 138px;
	background: #fff;
	display: inline-block;
	padding-top:105px;
	border-radius: 5px;
	position: absolute;
	bottom: -33px;
	right: 17px;
}
#rightAside .QRCodeBox img {
	width: 95px;
	height: 95px;
	display: inline-block;
	position: absolute;
	top: 5px;
	left: px;
}
#rightAside .QRCodeBox:before {
	content: " ";
	width: 105px;
	height: 105px;
	border-radius: 5px;
	background: url("../images/yxb.jpg") no-repeat;
	background-size: 100% 100%;
	display: inline-block;
	position: absolute;
	top: 0;
	left: 0;
}
#rightAside .QRCodeBox figcaption {
	color: #333;
	width: 100%;
	display: block;
	font-size: 12px;
	line-height: 16px;
	text-align: center;
}
#rightAside .QRCodeBox:after {
	content: "";
	width: 0;
	height: 0;
	font-size: 0;
	line-height: 0;
	display: inline-block;
	border-top: 9px solid transparent;
	border-bottom: 9px solid transparent;
	border-left: 10px solid #fff;
	position: absolute;
	right: -10px;
	top: 0;
	bottom: 0;
	margin: auto;
}
#rightAside figure {
	opacity: 0;
	z-index: -1;
	transition: 0.2s all;
}
#rightAside figure.active {
	opacity: 1;
	z-index: 9;
}
/*  登录首页二维码END  */