.layui-form-label {
    font-weight: bold;
    color:#3d2515;
    font-size: 1rem;
}

.layui-input-block {
    margin-left: 90px !important;
}

.reg-tip {
    color: rgb(255 71 71);
}

.ng-tns-c60-0 {
    max-width: 1600px;
    margin: 0 auto;
}

.banner[_ngcontent-str-c59] {
    margin: 0 auto var(--meka-size-300);
    max-width: 1600px;
}
  .yzm{
    display:block;
    }
  .yzm img{
      margin-top:0.5rem;
  }
@media (min-width: 720px) {
    .banner__container[_ngcontent-str-c59] {
        flex-direction: row;
        justify-content: space-between;
    }
    .yzm{
    display: flex;
    justify-content: flex-start;
    align-items: center
    }
     .yzm img{
      margin-top:0rem;
  }
}

.banner__container[_ngcontent-str-c59] {
    align-items: center;
    background: var(--meka-color-bnet-white-6);
    border: 1px solid var(--meka-color-bnet-white-18);
    border-radius: var(--meka-border-radius-4);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: var(--meka-size-200);
    position: relative;
}

.banner__headline[_ngcontent-str-c59] {
    display: flex;
}

.banner__headline[_ngcontent-str-c59] .alert-critical[_ngcontent-str-c59] {
    color: var(--meka-color-bnet-red-500);
    margin-right: var(--meka-size-200);
}

@media (min-width: 720px) {
    .banner__headline[_ngcontent-str-c59] .headline__text[_ngcontent-str-c59] {
        margin-bottom: 0;
    }
}

.banner__headline[_ngcontent-str-c59] .headline__text[_ngcontent-str-c59] {
    margin-right: var(--meka-size-200);
}

.banner__headline[_ngcontent-str-c59] .headline__text[_ngcontent-str-c59] h3[_ngcontent-str-c59] {
    color: rgb(255 71 71);
    font-size: 16px;
    line-height: 37px;
}

/*输入框*/
.layui-input {
    display: block;
    width: 100%;
    height: calc(1.5em + .75rem + 2px);
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #3d2515;
    background: none;
    background-clip: padding-box;
    /*border: 1px solid #a28547;*/
    border: 1px solid rgba(0, 0, 0, 0.69);
    border-radius: .25rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .layui-input {
        transition: none
    }
}

.layui-input::-ms-expand {
    background-color: transparent;
    border: 0
}

.layui-input:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #dee2e6
}

.layui-input:focus {
    color: #3d2515;
    background: none;
    border-color: #b3d7ff;
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25)
}

.layui-input::-webkit-input-placeholder {
    color: #8a683b;
    opacity: 1
}

.layui-input::-moz-placeholder {
    color: #8a683b;
    opacity: 1
}

.layui-input::-ms-input-placeholder {
    color: #8a683b;
    opacity: 1
}

.layui-input::placeholder {
    color: #8a683b;
    opacity: 1
}

.layui-input:disabled,
.layui-input[readonly] {
    background: none;
    opacity: 1
}

.layui-anim-upbit {
    color: #553717 !important;
}

.btn-reset {
    color: #734f27;
    box-sizing: border-box;
    border: 1px solid #bb8a2d;
    background: none;
}

.layui-form-item {
    margin-bottom: 0.8rem;
}

.layui-input{
    height: calc(1.5em + 1.2rem + 2px);
}
.main{
    margin-top:3rem
}

main .main-container {
    padding: 2rem 1rem 1rem 1rem;
    width: 100%;
    margin: 10px 20px 5px !important;
    background-color: #e7c7929e;
    z-index: 1;
    align-self: stretch;
    border: 1px solid #ffd5c51f;
    border-radius: 4px;
    box-shadow: 0 0 8px #2727278c;
}

main .xc888-tab {
    padding: 0;
}

.layui-form-mid {
    color: #553717;
}

/*密码设置*/
.pw-strength {clear: both;position: relative;top: 8px;width: 177px;}
.pw-bar{background: url(../images/pwd-1.png) no-repeat;height: 15px;overflow: hidden;width: 177px;}
.pw-bar-on{background:  url(../images/pwd-2.png) no-repeat; width:0px; height:15px;position: absolute;top: 0px;left: 0px;transition: width .5s ease-in;-moz-transition: width .5s ease-in;-webkit-transition: width .5s ease-in;-o-transition: width .5s ease-in;}
.pw-weak .pw-defule { width:0px; }
.pw-weak .pw-bar-on {width: 58px;}
.pw-medium .pw-bar-on {width: 116px;}
.pw-strong .pw-bar-on {width: 174px;}
.pw-txt {padding-top: 2px;width: 177px;overflow: hidden;}
.pw-txt span {color: #707070;float: left;font-size: 12px;text-align: center;width: 56px;text-indent: 10px;}

.layui-layer-title{background:#211510; color:#fff; border: none;}