@charset "utf-8";
.layui-layer{transition: none;}

.cloud-login-bg {height: 100%;background-image: url(../images/login/bg.jpg);}

@media (max-width:1200px) {
    .cloud-login-bg>.container{max-width: 100%;}
}
@media (max-width:960px) {
	.cloud-login-bg {padding-top: 10px;}
    
}
@media (max-height:800px) and (min-width:768px) {
	html{height: auto;}
	.cloud-login-bg {height: auto;}
}

.cloud-logo{margin-top: 25px; margin-bottom: 45px;}
.cloud-logo img{height: 50px;}
@media (max-width:960px) {
	.cloud-logo img{height: 40px;}
}
/* @media (max-width:768px) {
	.cloud-logo{margin-bottom: 15px;}
} */
.cloud-login-container{display: flex; justify-content: space-between; align-items: center;}
@media (max-width:960px) {
	.cloud-login-container{justify-content: center;}
}
.cloud-login-pic{position: relative; flex: 1;}

@media (max-width:960px) {
	.cloud-login-pic{display: none;}
}
.cloud-login-pic img{max-width: 100%;}
.cloud-login-pic img:nth-child(2){position: absolute; bottom: 0; left: 0;}
.cloud-login-pic img:nth-child(3){position: absolute; bottom: 0; left: 0;}
.cloud-login-pic img:nth-child(4){position: absolute; bottom: 0; left: 0;}
.cloud-login-pic img:nth-child(5){position: absolute; bottom: 0; left: 0;}

.cloud-login-box{width: 380px; margin-bottom: 40px; padding: 40px; background-color: #fff; border-radius: 6px;}
.cloud-login-box>h3{font-size: 34px; text-align: center;}
@media (max-width:1200px) {
    .cloud-login-box{width: 320px; margin-left: 15px;}
    .cloud-login-box{ padding: 20px;}
}

@media (max-width:768px) {
	.cloud-login-box{margin-left: 0; margin-bottom: 40px; padding: 20px 15px; background-color: #fff; border-radius: 6px;}
	.cloud-login-box>h3{font-size: 24px; text-align: center;}
}
.cloud-login-switch{margin-top: 35px;}
.cloud-login-switch ul li{float: left; width: 50%; text-align: center; border-bottom: 1px solid #eee;}
.cloud-login-switch ul li a{display: inline-block; padding: 0 15px; line-height: 40px; font-size: 18px;}
.cloud-login-switch ul li:hover a,
.cloud-login-switch ul li.on a{box-shadow: 0 -3px 0 var(--default) inset;}

@media (max-width:768px) {
	.cloud-login-switch{margin-top: 15px;}
	.cloud-login-switch ul li a{font-size: 16px;}
}

.cloud-form>div{display: none;}

.cloud-input{margin: 20px 0;}
.cloud-input input{display: block; width: 100%; padding:10px; border: 1px solid #eee;}
.cloud-choose{display: flex; justify-content: space-between; align-items: center; color: #999; font-size: 12px;}
.cloud-choose a{color: #259fd3; padding-top: 2px;}
.cloud-login{padding: 15px 0;}
.cloud-login button{margin-top: 25px; display: block; width: 100%; padding:0 10px; line-height: 40px;font-size: 16px; background-color: var(--default);color: #333; cursor: pointer; border: none; border-radius: 40px;}

@media (max-width:768px) {
	.cloud-input{margin: 10px 0;}
}


.cloud-login-other{margin-top: 35px;}
.cloud-login-other fieldset{border: none; border-top: 1px solid #ccc; text-align: center; color: #999;}
.cloud-login-other p{text-align: center;}
.cloud-login-other p a{margin: 0 10px;}
.cloud-login-other p i{ font-size: 34px;}
.cloud-login-other p a:nth-child(1){color:#3BB430 ;}
.cloud-login-other p a:nth-child(2){color: #1AACEB;}
@media (max-width:768px) {
	.cloud-login-other{margin-top: 15px;}
}

.cloud-register{padding-top: 15px; text-align: center;}
.cloud-register img{max-width: 100%;}
.cloud-register p{margin-top: 25px;  color: #666;}

/* checkbox美化 */
.magic-checkbox {position: absolute;display: none; }
.magic-checkbox + label {position: relative;display: block; padding-top: 2px; padding-left: 20px;cursor: pointer;vertical-align: middle; }
.magic-checkbox + label:before {position: absolute;top: 3px;left: 0;display: inline-block;width: 15px;height: 15px;content: '';border: 1px solid #c0c0c0; }
.magic-checkbox + label:before {border-radius: 3px; }
.magic-checkbox + label:after {position: absolute;display: none;content: ''; }
.magic-checkbox + label:after {top: 6px;left: 6px;box-sizing: border-box;width: 4px;height: 8px;transform: rotate(45deg);border-width: 1px;border-style: solid;border-color: #fff;border-top: 0;border-left: 0; }
.magic-checkbox:checked + label:after {display: block; }
.magic-checkbox:checked + label:before {border: var(--default);background: var(--default); }



.login-copyright{position: fixed; bottom: 0; left: 0; width: 100%;}
.login-copyright a {color: #767676;}
.login-copyright .container{border-top: 1px solid #262F52;}
.login-copyright p{ text-align: center; line-height: 40px; color: #767676;}

@media (max-width:768px) {
    .login-copyright{display: none;}
}