.box-header .logoESG{
    opacity: 0;
}
*{
    font-size: .13rem;
}
body,html{
    width: 100%;
    height: 100%;
    background: #F5F6F9;
    background-size: 100%;
}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    color: #9C9C9C;
    font-size: .13rem;
}
input:-moz-placeholder,
textarea:-moz-placeholder {
    color: #9C9C9C;
    font-size: .13rem;
}
input::-moz-placeholder,
textarea::-moz-placeholder {
    color: #9C9C9C;
    font-size: .13rem;
}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
    color: #9C9C9C;
    font-size: .13rem;
}
input[type=button]{
    border: none;
    background: none;
    cursor: pointer;
}

.public-container{
    width: 9rem;
    height: 100%;
    position: relative;
    margin: 0 auto;
}
.public-container .logoESG{
    margin-bottom: .6rem;
}
.public-wid{
    width: 100%;
    background: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    box-shadow: .02rem 0 .15rem 0 rgba(84,84,84,0.15);
    border-radius: .12rem;
    display: flex;
    align-items: center;
}

.public-left{
    width: 3.6rem;
    height: 6.52rem;
}
.public-left img{
    width: 100%;
    height: 100%;
    border-radius: .12rem 0 0 .12rem;
}


.public-content{
    width: calc(100% - 3.6rem);
    display: flex;
    justify-content: center;
}
.public-content .public-method{
    width: 3.6rem;
}
.public-content h6{
    font-size: .18rem;
    color: #A2A2A2;
    margin-left: .56rem;
    display: inline-block;
    cursor: pointer;
    font-weight: bold;
}
.public-content h6:first-of-type{
    margin-left: 0;
}
.public-content h6.active{
    color: #333333;
}

.public-box{
    position: relative;
    margin-top: .3rem;
}
.public-input{
    display: none;
}
.public-input.active{
    display: block;
}
.public-input .public-input-btm{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: .16rem;
    height: .42rem;
    background: #F5F6F9;
    border-radius: .02rem;
    border: .01rem solid #F5F6F9;
}
.public-input .inputFocus{
    background: #fff;
    border: .01rem solid #029EE7;
}
.public-input .inputError{
    background: #fff;
    border: .01rem solid #FD4824;
}

.public-input .public-input-btm select{
	width: 1rem;
    height: 100%;
    padding-left: .15rem;
    font-size: .14rem;
    color: #333333;
    border: none;
    cursor: pointer;
    background: transparent;
}

.public-input .select-phone{
	border: none;
    width: 1rem;
	color: #437EDE;
	font-size: .18rem;
}
.public-input input[type=text],
.public-input input[type=password]{
    border: none;
	background: none;
    color: #333333;
    font-size: .15rem;
    width: calc(100% - .2rem);
    line-height: .42rem;
    padding-left: .2rem;
    /*border-bottom: .01rem solid #dedede;*/
}
.public-input .flex2 input{
    width: calc(100% - 1.22rem);
}
.public-input .get-code{
    color: #029EE7;
    background: transparent;
    cursor: pointer;
    text-align: center;
    padding-right: .2rem
}

.public-input .auto-loginBox{
    margin-top: .5rem;
}
.public-input .auto-login{
    color: #666;
    display: flex;
    align-items: center;
    margin: .12rem 0 .18rem;
}
.public-input .auto-login input{
    width: .14rem;
    height: .14rem;
    border: .01rem solid #095bef;
    margin-right: .12rem;
    cursor: pointer;
}
.public-input .auto-login a{
    color: #333;
}

.public-input .btn-login{
    display: block;
    width: 100%;
    line-height: .44rem;
    font-size: .14rem;
    color: #fff;
    background: #029EE7;
    text-align: center;
    border-radius: .02rem;
    margin-top: .5rem;
    /*margin-bottom: .22rem;*/
    cursor: pointer;
}

.validator{
    position: relative;
    height: .44rem;
    margin-bottom: .16rem;
}
.validator-error{
    display: block;
}


.validator .dx_captcha{
    /*margin-top: -0.02rem;*/
    height: .42rem!important;
}
.dx_captcha_basic_link{
    /*display: none!important;*/
}

.dx_captcha_basic_state-box,
.dx_captcha_basic_bar{
    width: 100%;
    line-height: .42rem!important;
    height: .42rem!important;
    border-radius: 0!important;
    border: none!important;
    background: #F5F6F9!important;
}

.dx_captcha_basic_slider-cover,
.dx_captcha_basic_slider .dx_captcha_basic_slider-img-loading-wrap{
    height: 100%!important;
}

.dx_captcha_basic_slider{
    top: 0!important;
    left: 0!important;
    box-shadow: none!important;
}
.dx_captcha_basic_slider .dx_captcha_basic_slider-img-loading-wrap,
.dx_captcha_basic_slider-cover{
    border: none!important;
}
.dx_captcha_basic_bar-inform,
.dx_captcha_basic_bar-inform span,
.dx_captcha_basic_state-box div{
    line-height: .42rem;
    color: #979799!important;
}
.dx_captcha_basic_bar-inform{
    text-align: center!important;
    padding-left: 0!important;
}

.dx_captcha_basic_state-box,
.dx_captcha_clickword_hint span,
.dx_captcha_basic_bar-success span,
.dx_captcha_basic_lang_smart_checking{
    line-height: .42rem;
}

.dx_captcha_basic_slider,
.dx_captcha_basic_slider .dx_captcha_basic_slider-img-animated-wrap img,
.dx_captcha_basic_slider .dx_captcha_basic_slider-img-fail,
.dx_captcha_basic_slider .dx_captcha_basic_slider-img-focus,
.dx_captcha_basic_slider .dx_captcha_basic_slider-img-hover{
    width: .6rem!important;
    height: 100%!important;
}
.dx_captcha_basic_slider .dx_captcha_basic_slider-img-animated-wrap span{
    width: .05rem!important;
    height: .05rem!important;
}
.dx_captcha_basic_slider .dx_captcha_basic_slider-img-animated-wrap span:nth-of-type(4){
    top: 44%!important;
}

.validator .dx_captcha_basic_bar-success,
.validator .dx_captcha_basic_bar-fail,
.validator .dx_captcha_basic_bar-load-fail{
    height: .42rem;
    line-height: .42rem;
    border-radius: .02rem;
    margin: 0;
}


@media screen and (max-width: 1366px){
    .public-container .logoESG{
        width: 138px;
        height: 47px;
        margin-bottom: 43px;
    }

    .box-footer a, .box-footer a p,
    .public-input .get-code, .public-input .btn-login{
        font-size: 10px;
    }
    .public-content h6, .language li a{
        font-size: 12px;
    }

    .public-input .btn-login{
        line-height: 32px;
        margin-top: 36px;
    }

    .public-box{
        margin-top: 21px;
    }
    .public-container{
        width: 640px;
    }
    .public-left{
        width: 255px;
        height: 464px;
    }
    .public-content{
        width: calc(100% - 255px);
    }
    .public-content .public-method{
        width: 255px;
    }
    .public-input .public-input-btm select{
        width: 80px;
        padding-left: 5px;
        font-size: 10px;
    }
    .public-input .flex2 input{
        width: calc(100% - 80px);
    }
    .public-input .public-input-btm{
        height: 30px;
        margin-bottom: 12px;
    }
    .public-input input[type=text], .public-input input[type=password]{
        line-height: 30px;
        font-size: 10px;
    }

    .validator .dx_captcha,
    .dx_captcha_basic_state-box, .dx_captcha_basic_bar{
        height: 30px!important;
        line-height: 30px!important;
    }
    .dx_captcha_basic_bar-inform, .dx_captcha_basic_bar-inform span, .dx_captcha_basic_state-box div{
        line-height: 30px!important;
        font-size: 10px!important;
    }
    .dx_captcha_basic_slider, .dx_captcha_basic_slider .dx_captcha_basic_slider-img-animated-wrap img, .dx_captcha_basic_slider .dx_captcha_basic_slider-img-fail, .dx_captcha_basic_slider .dx_captcha_basic_slider-img-focus, .dx_captcha_basic_slider .dx_captcha_basic_slider-img-hover{
        width: 42px!important;
        height: 30px!important;
    }

    input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {font-size: 10px;}
    input::-moz-placeholder, textarea::-moz-placeholder {font-size: 10px;}
    input::-ms-input-placeholder, textarea::-ms-input-placeholder {font-size: 10px;}
    input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {font-size: 10px;}
}


.public-method .forget-pwd{
    color: #437EDE;
}

.public-method .error{
    opacity: 0;
    position: absolute;
    bottom: .62rem;
}
.public-method .error span{
    font-size: .14rem;
    color: #FD4824;
}
.public-method .error img{
    display: none;
    width: .14rem;
    height: .14rem;
    margin-right: .1rem;
}

.public-method .register-now{
    color: #666;
    display: block;
    margin-top: .2rem;
}
.public-method .register-now a{
    color: #029EE7;
}


/* 注册 */
.box-register .logoESG{
    margin-bottom: .2rem;
}
.box-register .public-content h6{
    width: 100%;
    text-align: center;
}
.box-register .public-input .btn-login{
    margin-top: .2rem;
}
.box-register .public-method .error{
    bottom: .96rem;
}


/* 用户协议 */
.inner{
    width: 12rem;
    margin: 0 auto;
}
.viewport{
    padding: .5rem .3rem;
    background: #fff;
}
.viewport strong{
    font-weight: bold;
}
.viewport h2{
    margin: .3rem 0 .15rem;
    font-size: .2rem;
    font-weight: bold;
}
.viewport p,
.viewport ol li,
.viewport ol li h3,
.viewport ol li span, .viewport a{
    display: block;
    text-align: justify;
    line-height: .3rem;
    font-size: .16rem;
}
.viewport ol li{
    margin-bottom: .05rem;
}
.viewport ol li h3{
    text-indent: 2em;
}
.viewport ol li p{
    text-indent: 4em;
}
.viewport ol li span{
    text-indent: 6em;
}
.viewport .p{
    text-indent: 2em;
    margin-bottom: .1rem;
}
.viewport a{
    text-decoration: none;
    color: #000;
}
.viewport .title{
    text-align: center;
    font-size: .3rem;
    margin-bottom: .5rem;
}


.insblue_waibuBox .public-left{
    height: 500px;
}
.insblue_waibuBox .public-content{
    padding: 60px 43px 0;
}
.insblue_waibuBox .public-content .btn-close{
    top: 35px;
}
.insblue_waibu_wenzi{
    width: 100%;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%, 0);
    font-size: 14px;
    color: #095bef;
    background: rgba(9,91,239, .1);
    text-align: center;
    line-height: 30px;
}