@media (min-width: 1200px){.container {width: 1200px;}}
body{background: #FFFFFF;}

/*banner*/
.hpoi-irrigation-banner{
    text-align: center;
    padding: 57px 0;
    color: #FFFFFF;
    margin-top: -20px;
    /*background: url("../../img/login-banner.jpg") center;*/
    margin-bottom: 73px;
}
.hpoi-irrigation-banner>span{font-size: 46px;text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);}
.hpoi-irrigation-text{text-align: center;font-size: 14px;}
.hpoi-login-container{display: flex;justify-content: center;}
.login-container-code{width: 160px;}
.login-container-code .title{margin-bottom: 20px;font-size: 18px;color: #333333;}
.login-container-code .hint{margin-top: 20px;margin-bottom: 0;font-size: 14px;color: #333333;}
.hpoi-login-line{width: 1px;margin: 0 80px;background-color: #EEEEEE;}
#qrcode{border: 1px solid #EEEEEE;padding: 5px;border-radius: 6px;height: 160px;}
.qrcode-box{position: relative;}
.qrcode-box .logo-img{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);border-radius: 2px;display: none;}

.hpoi-login-box,.hpoi-register-box{width: 440px;}
.hpoi-login-box .login-tabs{text-align: center;}
.hpoi-login-box .login-tabs>a{position: relative;font-size: 18px;color: #666666;margin: 0 30px;}
.hpoi-login-box .login-tabs>.active{color: #333333;}
.hpoi-login-box .login-tabs>.active::after {
    z-index: -1;
    content: " ";
    display: block;
    position: absolute;
    left: 3px;
    right: 3px;
    bottom: 0;
    height: 4px;
    background-color: #35CDFF;
    border-radius: 63px;
}
/*手机号登录input*/
.login-form-box .form-phone-box{margin-top:30px;}
.login-form-box .form-phone-box .input-item-check{margin-top: 20px;}
.login-form-box .form-phone-box .input-item-check{display: flex;height: 40px;}
.login-form-box .form-phone-box .input-item-check>input::placeholder{color: #999999;}
.login-form-box .form-phone-box .input-item-check{flex: 1;height: 100%;padding: 0 ;border: 1px solid #EEEEEE;border-radius: 6px;outline: none;}
.login-form-box .form-phone-box .input-item-check>input{flex: 1;height: 40px;;padding: 0 10px;border: 1px solid #FFFFFF; border-radius: 6px;font-size: 14px;color: #444444;outline: none;}
.login-form-box .form-phone-box .input-item-check>img{padding: 14px 5px;height: 40px;width: 30px}

.login-form-box .form-phone-box .input-item{margin-top: 20px;}
.login-form-box .form-phone-box .input-item{display: flex;height: 40px;}
.login-form-box .form-phone-box .input-item>.region-selected{width: 100px;outline: none;color: #444444;height: 40px;border: 1px solid #EEEEEE;border-right: none;border-radius: 6px 0px 0px 6px;}
.login-form-box .form-phone-box .input-item>input::placeholder{color: #999999;}
.login-form-box .form-phone-box .input-item>input{flex: 1;height: 100%;padding: 0 10px;border: 1px solid #EEEEEE;border-radius: 6px;font-size: 14px;color: #444444;outline: none;}
.login-form-box .form-phone-box .input-item>input:focus{border-color: #35CDFF;}
.login-form-box .form-phone-box .input-item>.region-selected:focus{border-color: #EEEEEE;}
.login-form-box .form-phone-box .input-item>.phone{border-radius: 0px 6px 6px 0px;}
.login-form-box .form-phone-box .input-item .imageVerifyCodeImg,.login-form-box .form-phone-box .btn-code,.imgCode-box>.imageVerifyCodeImg{width: 130px;height: 100%;margin-left: 20px;cursor: pointer;}
.login-form-box .form-phone-box .input-item .btn-code{background-color: #35CDFF;border-radius: 6px;color: #FFFFFF;line-height: 40px;outline: none;border: none;font-size: 14px;margin-left: 20px}

/*邮箱登录input*/
.login-form-box .form-email-box .input-item-check{margin-top: 20px;}
.login-form-box .form-email-box .input-item-check{display: flex;height: 40px;}
.login-form-box .form-email-box .input-item-check>input::placeholder{color: #999999;}
.login-form-box .form-email-box .input-item-check{flex: 1;height: 100%;padding: 0 ;border: 1px solid #EEEEEE;border-radius: 6px;outline: none;}
.login-form-box .form-email-box .input-item-check>input{flex: 1;height: 40px;;padding: 0 10px;border: 1px solid #FFFFFF; border-radius: 6px;font-size: 14px;color: #444444;outline: none;}
.login-form-box .form-email-box .input-item-check>img{padding: 14px 5px;height: 40px;width: 30px}

.login-form-box .form-email-box{margin-top: 30px;}
.login-form-box .form-email-box .input-item{display: flex;height: 40px;}
.login-form-box .form-email-box>.input-item+.input-item{margin-top: 20px;}
.login-form-box .form-email-box>.input-item>.region-selected{width: 100px;outline: none;color: #444444;height: 40px;border: 1px solid #EEEEEE;border-right: none;border-radius: 6px 0px 0px 6px;}
.login-form-box .form-email-box .input-item>.region-selected:focus{border-color: #EEEEEE;}
.login-form-box .form-email-box>.input-item>input::placeholder{color: #999999;}
.login-form-box .form-email-box>.input-item>input{width: 100%;padding: 0 10px;height: 40px;border: 1px solid #EEEEEE;border-radius: 6px;font-size: 14px;color: #444444;outline: none;}
.login-form-box .form-email-box>.input-item>input:focus{border-color: #35CDFF;}

/*短信登录input*/
#phone-selected-box{margin-top:10px;text-align: right;}
#phone-selected-box>a{color: #35CDFF;}
.login-form-box .form-msg-box{margin-top:30px;}
.login-form-box .form-msg-box .input-item,
.hpoi-register-box .form-msg-box .input-item{margin-top: 20px;}
.login-form-box .form-msg-box .input-item,
.hpoi-register-box .form-msg-box .input-item{display: flex;height: 40px;}
.login-form-box .form-msg-box .input-item>.region-selected,
.hpoi-register-box .form-msg-box .input-item>.region-selected{width: 100px;outline: none;color: #444444;height: 40px;border: 1px solid #EEEEEE;border-right: none;border-radius: 6px 0px 0px 6px;}
.login-form-box .form-msg-box .input-item>input::placeholder,
.hpoi-register-box .form-msg-box .input-item>input::placeholder{color: #999999;}
.login-form-box .form-msg-box .input-item>input,
.hpoi-register-box .form-msg-box .input-item>input{flex: 1;height: 100%;padding: 0 10px;border: 1px solid #EEEEEE;border-radius: 6px;font-size: 14px;color: #444444;outline: none;}
.login-form-box .form-msg-box .input-item>input:focus,
.hpoi-register-box .form-msg-box .input-item>input:focus{border-color: #35CDFF;}
.login-form-box .form-msg-box .input-item>.region-selected:focus,
.hpoi-register-box .form-msg-box .input-item>.region-selected:focus{border-color: #EEEEEE;}
.login-form-box .form-msg-box .input-item>.phone,
.hpoi-register-box .form-msg-box .input-item>.phone{border-radius: 0px 6px 6px 0px;}
.login-form-box .form-msg-box .input-item .imageVerifyCodeImg,.login-form-box .form-msg-box .btn-code,.imgCode-box>.imageVerifyCodeImg,
.hpoi-register-box form-msg-box .input-item .imageVerifyCodeImg,.hpoi-register-box .form-msg-box .btn-code,.imageVerifyCodeImg{width: 130px;height: 100%;margin-left: 20px;cursor: pointer;}
.login-form-box .form-msg-box .input-item .btn-code,
.hpoi-register-box .form-msg-box .input-item .btn-code{background-color: #35CDFF;border-radius: 6px;color: #FFFFFF;line-height: 40px;outline: none;border: none;font-size: 14px;margin-left: 20px}

.hpoi-login-footer,.hpoi-register-footer{display: flex;justify-content: center;margin-top: 40px;}
.login-checkbox,.register-checkbox{width: 418px;color: #666666;font-weight: 300;text-align: center;}
.login-checkbox> a,.register-checkbox> a{color: #35CDFF;}
.qrcode-refresh-box{text-align: center;}
.qrcode-refresh-box .qrcode-refresh-btn{margin-top: 10px;color: #FFFFFF;background-color: #35CDFF;outline: none;border: none;border-radius: 6px;padding: 3px 5px;}
.qrcode-refresh-box .qrcode-refresh-time{margin-top: 10px;margin-bottom: 0;font-size: 14px;}
/*邮箱手机号错误图形验证码*/
.imgCode-box{display: flex;height: 40px;}
/*登录/注册按钮*/
.login-btn-box{margin-top: 40px;display: flex;justify-content: space-between;}
.login-btn-box .login-reg-btn{width: 210px;text-align: center;border-radius: 6px;border: 1px solid #35CDFF;font-size: 14px;height: 40px;line-height: 40px;color: #35CDFF;}
.login-btn-box .login-btn{width: 210px;outline: none;border: none;border-radius: 6px;font-size: 14px;height: 40px;line-height: 40px;background:  #35CDFF;color: #FFFFFF;}
.btn-code:disabled{background: #EEEEEE !important;color: #999999 !important;cursor: not-allowed !important;}
.login-bottom{margin-top: 10px;text-align: right;}
.login-bottom>a{color: #35CDFF}

.login-other{
    display: flex;
    flex-direction: column;
    align-items: center;
}
.login-other .header-other{
    color: #999999;
}
.login-other .item-other{
    margin-top: 10px;
}
.login-other .item-other img{
    width: 40px;
}

/*input错误颜色*/
.input-error{border-color: #F74C31 !important;}

/*手机号绑定*/
.link-phone-btn{background-color: #35CDFF;height: 40px;color: #FFFFFF;font-size: 14px;
    width: 100%;outline: none;border: none;margin-top: 40px;border-radius: 6px;
}
.login-check-box{display: flex;margin-top: 20px;margin-bottom: 0;align-items: flex-start;}
.login-check-box>.checkbox-tick{margin: 0;}
.login-check-box>div{margin-left: 10px;color: #666666;font-weight: 300;}
.login-check-box>div a{color: #35CDFF;}

/*注册*/
.hpoi-irrigation-banner>span{font-size: 46px;text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);}
.hpoi-irrigation-text{text-align: center;font-size: 14px;}
.hpoi-register-container{display: flex;justify-content: center;}
.login-container-code{width: 160px;}
.login-container-code .title{margin-bottom: 20px;font-size: 18px;color: #333333;}
.login-container-code .hint{margin-top: 20px;margin-bottom: 0;font-size: 14px;color: #333333;}
.hpoi-login-line{width: 1px;margin: 0 80px;background-color: #EEEEEE;}
.hpoi-register-footer .agreePrcl{color: #666666;font-weight: 300;}

.hpoi-wechat-container{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100vh;
}
.hpoi-wechat-container .hpoi-wechat-icon{
    width: 90px;
    height: 90px;
}
.hpoi-wechat-container .hpoi-wechat-title{
    margin-top: 24px;
    color: #333333;
    font-size: 18px;
    font-weight: 400;
}

.hpoi-wechat-container .hpoi-wechat-text{
    margin-top: 8px;
    font-size: 12px;
    color: #333333;
    font-weight: 300;
}