[v-cloak]{display: none;}
*{margin: 0;padding: 0;}
body{background-color: #ffffff;font-family: Microsoft YaHei;}
.clear{clear: both;}
.container{height: 100%;width: 100%;left: 0;top: 50%;}
.con-common{width: 1095px;margin: 0 auto;}
.con-header{height: 60px;margin: 20px 0px;}
.header-left{position: relative;float: left;padding-left: 67px;color: #505050;}

.header-left img{position: absolute;top: 0;left: 0;height: 62px;}
.header-left .company-name{font-size: 28px;font-weight: bold;}
.header-left .company-website{font-size: 19px;font-weight: 400;}
.header-right{float: right;}
.header-right1{float: right;text-align: right;width: 195px}
.header-right1 p{font-size: 14px;line-height: 30px;}
.header-right2{float: right;text-align: left;margin-right: 37px;font-size: 14px;line-height: 30px;padding-top: 4px;}
.header-right2 .air-quality{font-weight: bold;color: #000000;}
.header-right2 .location{color: #373737;display: inline-block;margin-right: 35px;}
.header-right2 .location i{color: #08C9DC;padding-right: 5px}
.header-right2 .aqi{color: #666666;display: inline-block;margin-right: 20px;}
.header-right2 .level{color: #666666;}
.level-color{
    width: 20px;
    height: 8px;
    display: inline-block;
    margin-left: 5px;
    margin-bottom: 1px;
    border-radius: 6px;
}

.con-body{height: calc(100vh - 220px);background-image: linear-gradient(#2E76E2, #0DC9E4);}

.carousel{width: 608px;height: 518px;margin-top: calc(50vh - 400px);float: left;position:relative;}
.circles{height: 100%;width: 35px;text-align: right;position: absolute;top: 0;left: 0;display: flex;flex-direction: column;justify-content: center}
.circle{display: block;width: 10px;height: 10px;margin: 4px 0 4px 25px;background-color: rgba(255, 255, 255, 0.5);border-radius: 50%;}
.current-circle{background-color: #ffffff;}

.login{width: 380px;min-height: 320px;margin-top: calc(50vh - 300px);float: right;background-color: #ffffff;border-radius: 9px;}
.account-login{height: 66px;line-height: 66px;text-align: center;border-bottom: 1px solid #CDD3EC;font-size: 16px;font-weight: bold;color: #666666;}

.login-type{height: 66px;line-height: 66px;font-size: 16px;font-weight: bold;color: #666666;}
.login-type ul li{list-style: none;border-bottom: 1px solid #CDD3EC;float: left;height: 64px;width: 50%;text-align: center;}
.login-type ul li.current{border-bottom: 3px solid #00C49A;height: 63px;color: #333333;border-radius: 3px;}
.login-type ul li:hover{cursor: pointer;}
.login-scan{width: 310px;text-align: center;margin: 0 auto;}
.login-scan p{color: #666666;font-size: 14px;line-height: 20px;}

.login-form{padding: 25px 50px 0px 50px}
.login-form .el-input--small .el-input__inner{height: 38px;line-height: 38px;border-radius: 3px;}
.login-form .validate-input{width: 82px;height: 38px;line-height: 38px;vertical-align: middle; }
.login-form .validate-input .el-input__inner{height: 38px!important;line-height: 38px!important;width: 160px;}
.login-form .validate-box{display: inline-block;width: 88px;height: 30px;line-height: 30px;background-color: #E7EBF3;vertical-align: middle;margin-left: 8px;}
.login-form .el-button--small{width: 100%;height: 38px;background-color: #409eff;font-size: 16px;margin-top: 0px;border-radius: 3px;}
.el-button--success{
    border-color: #409eff;
}
.el-button--success:hover{
    border-color: #409eff;
}
a {
    text-decoration: none;
}
.con-footer{}
.componys{margin: 16px 0;height: 18px;line-height: 18px;text-align: center;}
.componys span{color: #666666;font-size: 14px;display: inline-block;margin: 0 20px;}
.componys span a {
    color: #666666;
    font-size: 14px;
    display: inline-block;
    margin: 0 20px;
}
.clear_{height: 18px;line-height: 18px;text-align: center;}
.clear_ span{color: #666666;font-size: 14px;display: inline-block;margin: 0 20px;}
.clear_ a{color: #666666;font-size: 14px;display: inline-block;margin: 0 0px;}
.forget_pwd{float:  right;font-size: 12px;color:#666666;height: 25px;line-height: 25px;cursor: pointer }
.header-border{
    width: 100%;
    height: 1px;
    border-bottom: 1px solid #ddd;
}
.el-carousel__container{height: 518px;}
.el-carousel__indicators--vertical{left: 0;}
.el-carousel__indicator--vertical .el-carousel__button{width: 10px;height: 10px;border-radius: 50%;}