@charset "UTF-8";
* {
	margin:0;
	padding:0;
}
html,body {
	width:100%;
	height:100%;
	font-family:'PingFang SC','Lantinghei SC','Microsoft YaHei','HanHei SC','Helvetica Neue','Open Sans','Arial','Hiragino Sans GB','微软雅黑','STHeiti','WenQuanYi Micro Hei','SimSun','sans-serif';
	/*overflow:hidden;*/
}

body {
	overflow:auto;
	background-color:#061925;
	background:url(/templet/login/images/bg/bg1.jpg?time=1601178569015);
	background-size:100% 100%;
	background-position:center bottom;
	background-repeat:no-repeat;
	background-attachment: fixed;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-ms-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;
}
.login {
	position:absolute;
	height:100%;
	min-height:660px;
    width:28%;
	/*right:383px;*/
	min-width:350px;
    max-width:410px;
	right:20%;
	top:0;
	background: rgba(0,0,0,.6);
}
#logo {
	width:60%;
	margin:0 auto;
	height:16%;
	background:url("/templet/login/images/logo/logo_name.png") no-repeat center center;
	background-size:90%;
	/*padding:0% 20% 6%;*/
	box-sizing:border-box;
	margin-top:16%;
	margin-bottom:10%;
}
.login-grid {
	position:relative;
	width:100%;
	height:100%;
	border-radius: 2px;
}
.login:after{
	position:absolute;
	top:-91px;
	right:-70px;
	z-index:-1;
	content:'';
	display:block;
	width: 0;
	height: 0;
	border: 70px solid transparent;
	border-left-color: rgba(255,255,255,0.5) ;
	transform:rotate(-45deg);
}
#login-code {
	background:url("/templet/login/images/login-code.png") no-repeat center center;
}
#login-return {
	background:url("/templet/login/images/return.png") no-repeat center center;
}
#login-code,#login-return {
	position:absolute;
	width:20px;
	height:20px;
	right:14px;
	top:-235px;
	cursor:pointer;
	background-size:100% 100%;
}
@media screen and (min-width:0px) {
	#login-code,#login-return {
		top:-215px;
	}
}
@media screen and (min-width:1100px) {
	#login-code,#login-return {
		top:-220px;
	}
}
@media screen and (min-width:1350px) {
	#login-code,#login-return {
		top:-230px;
	}
}
@media screen and (min-width: 1480px) {
	#login-code,#login-return {
		top:-235px;
	}
}

/*#login-return {
	display:none;
}*/
#return {
	display:none;
}
.login-grid-list {
	width:74%;
	margin:0 auto;
}

.title{
	width:100%;
	height:16px;
	line-height:16px;
	/*font-family: PingFangSC-Semibold;*/
	font-size: 14px;
	color: rgba(255,255,255,0.6);
	font-weight:bold;
}
.fill-content {
	width:100%;
	height:17px;
	padding-top:25px;
	padding-bottom:5px;
	margin-bottom:40px;
	border-bottom:1px solid rgba(255,255,255,0.5);
}
.fill-content select,.fill-content input{
	display:block;
	width:100%;
	height:17px;
	border:none;
	outline:none;
	background:transparent;
	/*font-family: PingFang-SC-Regular;*/
	font-size: 14px;
	color: #FFFFFF;
	padding:0;
	margin:0;
	-webkit-padding-start:0;
}
.fill-content>select{
	height:20px;
	-moz-apperance:none;
	apperance:none;
    display: none;
}
.fill-content select option{
	display:block;
	background:rgba(0,0,0,1);
	height:32px;
	border:0;
	-webkit-padding-start:0;
}

input::-webkit-input-placeholder,input::-moz-placeholder,input:-moz-placeholder,input:-ms-input-placeholder {
	/*font-family: PingFang-SC-Regular;*/
	font-size: 16px;
	color:rgba(255,255,255,0);
}
.remember {
   width:100%;
	height:17px;
	/*font-family: PingFangSC-Regular;*/
	font-size: 14px;
	color: #FFFFFF;
}
input[type="checkbox" i] {

}
input[type='checkbox'] {
	position:relative;
	top:2px;
	width: 16px;
	height: 16px;
	background-color:transparent;
	/*-webkit-appearance:none;*/
	border: 1px solid #FFFFFF;
	border-radius: 2px;
	margin-right:10px;
}
input[type=checkbox]:checked {
	/*background: #FFFFFF;*/
	/*border: 1px solid #FFFFFF;*/
	color:#ffffff;
}
.checkbox-sp {
	display:inline-block;
	height:17px;
	line-height:17px;
}
.prompt {
	/*font-family: PingFang-SC-Regular;*/
	font-size: 12px;
	color: #EE4949;
	text-align: center;
	padding-top:62px;
	padding-bottom:6px;
}
.enter-button {
	width:100%;
	height:43px;
	line-height:43px;
	/*font-family: PingFang-SC-Medium;*/
	font-size: 14px;
	color: #FFFFFF;
	letter-spacing: 5px;
	text-align: center;
	background: #656565;
	border-radius: 2px;
	cursor:pointer;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-ms-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;
}
.enter-button:hover {
	background: #4DA1FF;
}


.scan-code {
	position:relative;
	width:245px;
	height:245px;
	margin:0 auto;
	padding-top:60px;
}

#qrCodeShow {
	width:100%;
	height:100%;
}
.scan-code img {
	width:245px !important;
	height:245px !important;
	display:block;
	border:none;
}
.refresh-code {
	display:table;
	position:absolute;
	width:259px;
	height:259px;
	bottom:-7px;
	left:-7px;
}
.refresh-code > div {
	display:table-cell;
	width:259px;
	height:259px;
	text-align:center;
	vertical-align:middle;
	background:rgba(0,0,0,0.5);
	border-radius:4px;
}
.code-failure,.refresh-code-img {
	/*font-family: PingFangSC-Regular;*/
	font-size: 16px;
	letter-spacing: 0.38px;
}
.code-failure {
	color: rgba(255,255,255,0.8);
	margin-bottom:9px;
}
.refresh-code-img {
	color: #4DA1FF;
}
.refresh-code-img >button{
	height:17px;
	line-height:17px;
	background:transparent;
	border:none;
	outline: none;
	color:#FFFFFF;
	text-align: center;
	cursor:pointer;
}
.refresh-code-img img {
	position: relative;
	top:-2px;
	display: inline-block;
	width:12px !important;
	height:12px !important;
	vertical-align:middle;

}
.instructions,.instructions-list {
	/*font-family: PingFang-SC-Regular;*/
	font-size: 14px;
	text-align:center;
}
.instructions {
	padding:20px 0 110px 0;
	color: rgba(255,255,255,0.77);
}
.instructions-list{
	line-height:20px;
	color: rgba(255,255,255,0.5);
}
.down >img{
	cursor:pointer;
}
.instructions-list img {
	width:16px;
	height:16px;
}

.footer-login{
	position:absolute; bottom:16px; width:100%;
}
.footer-login .footer-provides {
	height:100%;
	line-height:100%;
	/*font-family: PingFang-SC-Medium;*/
	font-size: 12px;
	color: #FFFFFF;
	opacity:0.8;
	letter-spacing: 0;
	text-align: center;
}
.footer-login .footer-provides a{ color: #E4E4E4}
.footer-login .footer-provides a:hover{ color: #fff;}
.footer-provides img{
	position:absolute;
	width:30px;
	height:30px;
	vertical-align:middle;
	cursor:pointer;
	margin-left:20px;
	right:-54%;
}

#container-tool {
	display:none;
	position:absolute;
	z-index:10;
	top:233px;
	left:-20%;
	opacity: 0.95;
	width:120%;
	min-width:500px;
	height:278px;
	background: #000000;
	border-radius: 4px;
	color:white;
}
.container-tool-title {
	border-bottom:1px solid #353535;
	height:22px;
	line-height:22px;
}
.container-tool-title span{
	float:left;
	margin-left:22px;
	/*font-family: PingFang-SC-Regular;*/
	font-size: 12px;
	color: rgba(255,255,255,0.65);
}
.container-tool-title img{
	float:right;
	margin-right:10px;
	cursor:pointer;
}

#tool-content {
	clear:both;
	padding:10px 22px;
}
#downlond {
	cursor:pointer;
}

#formd{
	display:block;
	width:100%;
	height:40%;
	min-height:490px;
}
#input_login {
	background:transparent;
}
#return{
	width:100%;
	height:50%;
	min-height:490px;
}
.change{
	width:30px;
	height:30px;
	position:fixed;
	bottom:16px;
	right:1%;
	cursor:pointer;
	background: url('/templet/login/images/change.png') no-repeat center;
	background-size: 100% 100%;
}
.change img{
	width:30px;
	height:30px;
}

.change-box{
	width:calc(18% - 12px);
	height:calc(10% - 8px);
	background-color:#ffffff;
	position:fixed;
	bottom:52px;
	right:1%;
	background: rgba(0,0,0,.8);
	padding:4px 6px;
	box-sizing:border-box;
	display:none;
	min-height:60px;
	min-width:158px;
	opacity:0.8;
	border-radius: 3px;
}
.change-box .change-title{
	font-size:14px;
	color:#ffffff;
}

.change-box .img-box{
	margin-top:6px;
	width:100%;
}
.change-box .img-box li{
	width:40px;
	height:30px;
	margin:0 3px;
	float:left;
	list-style:none;
	border-radius: 3px;
	cursor:pointer;
	background-size:cover;
	background-position:center bottom;
	background-repeat:no-repeat;
	background-attachment: fixed;
}
.change-box .img-box li:hover,.change-box .img-box li.active{
	border:1px solid #ffffff;
}
.img-box img{
	width:90%;
	height:100%;
}
.list-img {
	width:100%;
	height:100%;
	display:none;
}
/*.style1{background-image:url("/templet/login/images/bg/1.png");}*/

/*.style1 .enter-button{background:#4DA1FF}*/

/*.style2{background-image:url("/templet/login/images/bg/2.png");}*/

/*.style2 .enter-button{background:#4DA1FF}*/

/*.style3{background-image:url("/templet/login/images/bg/3.png");}*/

/*.style3 .enter-button{background:#4DA1FF}*/



.enter-button { border:0;}
#sendcode:hover{
	color:#4da1ff;
}
#sendcode.disabled:hover{
	color:#FFFFFF !important;
	cursor:default;
}
.mac{
	float:right;
	font-size: 12px;
	color:#FFFFFF;
	text-decoration:none;
	font-family: PingFangSC-Regular;
	padding-top:3px;
}
.mac:hover {
	color:#4da1ff;
}

.layui-form-checkbox {
	height: 17px;
	line-height: 17px;
	padding-right: 17px;
}
.layui-form-checkbox i{
	width: 16px;
	height: 16px;
	font-size: 14px;
	border: 1px solid #fff;
}
.layui-form-checked{
	background-color: #4DA1FF;
}
.layui-form-checked i{
	color:#fff;
	border: 1px solid #4DA1FF;
}
.layui-form-checked:hover i{
	color:#fff;
	border: 1px solid #4DA1FF;
}