/** New:  #15524  by  LJ  2021-01-20 */	

.lh32 { line-height: 32px; }
.mt8 { margin-top: 8px; }
.mt15 { margin-top: 15px; }
.mt16 { margin-top: 16px; }
.mt24 { margin-top: 24px; }
.mt24 { margin-top: 24px; }
.mt32 { margin-top: 32px; }
.mt48 { margin-top: 48px; }
.mt84 { margin-top: 84px; }
.mb40 { margin-bottom: 40px; }
.mr8 { margin-right: 8px; }
.pt32 { padding-top: 32px; }
.pb48 { padding-bottom: 48px; }
.s-oe { color: #FF562F; }
.btn-primary, .btn-primary:hover { 
    background-color: #FF562F; border-color: #FF562F; color: #fff; 
}
.btn-primary:hover { opacity: .8; }


html, body { height: 100%; }

/* scroll-bar */
.scroll-bar::-webkit-scrollbar { width: 4px; }
.scroll-bar::-webkit-scrollbar-thumb { border-radius: 2px; background-color: rgba(0,0,0, .2); }

/* registr-box */
.registr-box {
    position: relative; z-index: 1;
    background: url('../../images/2021/merchant-registration/bg.png') bottom center #052D51 no-repeat; min-height: 100%;
}

/* top-box */
.top-box .logo {
    float: left; width: 146px; height: 52px;
}
.top-box .title {
    float: left; position: relative; 
    margin: 11px 0 0 16px; padding-left: 16px;
    color: #fff; font-size: 24px; line-height: 38px;
    border-left: 1px solid #3D5261; font-weight: bold;
}
.top-box .tel {
    color: #fff; font-size: 14px;
}
.top-box .tel .iconfont { 
    display: inline-block; vertical-align: middle; margin-right: 6px; 
}
.top-box .link {
    padding: 0 15px; border: 1px solid #666;
    border-radius: 16px; line-height: 30px; font-size: 14px;
    color: #fff; margin-left: 16px;
}
.top-box .link:hover { color: #FF562F; }

/* conts-bar */
.conts-bar {
    margin: 140px auto 0; padding: 24px 30px 0;
    width: 350px; height: 500px; background-color: #fff;
    border-radius: 4px; overflow: hidden; position: relative;
}
.conts-bar .tit {
    font-size: 20px; line-height: 27px; text-align: center;
    font-weight: bold;
}

/* step-nav */
.step-nav { margin-top: 24px; }
.step-nav li {
    position: relative; float: left; width: 50%; padding-bottom: 10px;
    font-size: 12px; color: #bbb; text-align: center; line-height: 16px;
    border-bottom: 1px solid #e8e8e8;
}
.step-nav li.is-this { 
    border-bottom-color: #FF562F; color: #FF562F;
}

/* information-list */
.information-list { margin-top: 24px; }
.information-list .u-input { line-height: 46px; border-color: #e8e8e8; }
.information-list .u-input input { 
    line-height: 46px; height: 46px; font-size: 16px; 
}
.information-list .u-input .u-fixation .iconfont { 
    color: #bbb; margin-top: -4px; font-size: 18px;
}
.information-list .u-input.u-prefix input { padding-left: 39px; }
.information-list .u-input.u-prefix input { width: 293px; }
.information-list .u-input .u-code {
    position: absolute; top: 0; right: -1px; z-index: 1;
    padding: 0 16px; color: #FF562F;
    font-size: 16px; background-color: transparent; cursor: pointer;
}
.information-list .u-input .u-code.is-disabled { color: #bbb; }
/* */
.conts-bar .btn {
    display: block; width: 100%; line-height: 46px; border-radius: 4px;
    font-size: 16px;
}
.conts-bar .go-login {
    position: absolute; right: 0; bottom: 0; left: 0; text-align: center;
    line-height: 46px; font-size: 14px; color: #999;
}
.conts-bar .go-login a { color: #FF562F; }
.conts-bar .go-login a:hover { text-decoration: underline; }

/* bottom-box */
.bottom-box { margin-top: 150px; }
.bottom-box .l-info {
    width: 745px; margin-top: 10px;
}
.bottom-box .l-info .txt {
    color: #fff; font-size: 14px; opacity: .4;
}
.bottom-box .l-info .copy {
    font-size: 12px; margin-top: 10px;
    color: #fff; opacity: .2;
}
.bottom-box .r-erwei li { float: left; text-align: center; }
.bottom-box .r-erwei li img { 
    display: block; margin: 0 auto 8px;
    width: 90px; height: 90px; 
}
.bottom-box .r-erwei li .txt {
    font-size: 12px; color: #fff; line-height: 18px;
    opacity: .4;
}


/* popup-bar */
.popup-bar {
    position: fixed; top: 40%; left: 50%; z-index: 1002;
    margin-left: -170px; padding: 32px; width: 276px;
    background-color: #fff; border-radius: 4px; display: none;
}
.popup-bar .pop-close { 
    position: absolute; top: 10px; right: 10px; 
    width: 22px; height: 22px; text-align: center; cursor: pointer; 
}
.popup-bar .pop-close .iconfont { 
    font-size: 12px; color: #bbb; transition: all .2s linear; 
    transform: scale(.8); 
}
.popup-bar .pop-close:hover .iconfont { 
    transform: rotate(90deg); color: #333; 
}
.popup-bar .pop-title { font-size: 18px; margin-bottom: 15px; }
.popup-bar .pop-conts { color: #666; padding-bottom: 5px; }
.popup-bar .btn-group { overflow: hidden; margin-top: 20px; }
.popup-bar .btn-group .u-btn { float: none; width: 90px; height: 32px; line-height: 30px; border-radius: 16px; margin-right: 10px; }
.popup-bar .btn-group.tr .u-btn { margin: 0 0 0 10px; }


/* popup-reslute */
.popup-reslute {
    text-align: center; margin-top: -210px;
}
.popup-reslute .icon-chenggong {
    font-size: 48px; line-height: 1;
    color: #13BA56;
}
.popup-reslute .tit {
    margin-top: 12px; font-weight: bold;
    font-size: 24px; line-height: 32px; color: #333;
}
.popup-reslute .txt {
    margin-top: 8px; font-size: 12px;
    color: #bbb; line-height: 18px;
}
.popup-reslute .pic {
    display: block; margin: 16px auto 0; width: 140px; height: 140px;
}
.popup-reslute .btn {
    display: block; margin: 24px auto 0;
    width: 126px; line-height: 38px; font-size: 16px;
    border-radius: 20px;
}

/* popup-tips */
.popup-tips { margin-top: -90px; }
.popup-tips .txt {
    font-size: 14px; color: #999;
}

/* #18512 LJ 2021-12-02 */
/* protocol-badge */
.protocol-badge { position: relative; }
.protocol-badge .u-badge { 
    position: absolute; left: -10px; top: -28px; 
    border: 1px solid #FF8E62; background-color: #FFF5F1; border-radius: 4px; box-shadow: 0 2px 10px rgb(0,0,0,.06); 
    font-size: 12px; line-height: 20px; color: #F25618; padding: 0 6px; white-space: nowrap;
}
.protocol-badge .u-badge:before, 
.protocol-badge .u-badge:after {
    position: absolute; left: 11px; content: '';
    border: 5px solid transparent;
}
.protocol-badge .u-badge:before{  bottom: -9px; border-top-color: #FFF5F1; z-index: 2; } 
.protocol-badge .u-badge:after { bottom: -10px; border-top-color: #ff8e62; }

.registr-box {
    background: url(../../images/2022/regist/merchant/bg.png) bottom center #F2F0EA no-repeat;
    min-height: 80%;
}

.pt20 {
    padding-top: 20px;
}

.pb166 {
    padding-bottom: 166px;
}

.mb16 {
    margin-bottom: 16px;
}

.mr8 {
    margin-right: 8px;
}

.f12 {
    font-size: 12px !important;
}

.f20 {
    font-size: 20px !important;
}

.pab {
    position: absolute;
}

.cur {
    cursor: pointer;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.top-box .logo {
    height: 62px;
}

.top-box .title {
    margin: 23px 0 0 16px;
    color: #333;
    font-size: 22px;
    line-height: 22px;
    border-left: 1px solid #e8e8e8;
}

.top-box .tel {
    font-weight: 600;
    color: #666;
    font-size: 16px;
}

.top-box .link {
    border: 1px solid #e8e8e8;
    line-height: 28px;
    color: #333;
}

.conts-bar {
    margin: 58px auto 0;
    padding: 24px 32px 0;
    border-radius: 10px;
    height: 460px;
}

    .conts-bar .go-login {
        bottom: 12px;
    }

.icon-kefu-o {
    font-size: 20px;
}

    .icon-kefu-o:before {
        content: "\e624";
    }

.step-nav {
    display: flex;
    padding: 0 55px;
    justify-content: space-between;
    margin-top: 20px;
}

    .step-nav > div,
    .step-nav .iconfont {
        font-size: 14px;
        color: #ccc;
    }

.u-input .u-fixation {
    padding: 0 8px 0 16px;
}

.information-list .u-input .u-fixation .iconfont {
    color: #333;
    margin-top: -4px;
    font-size: 16px;
}

.icon-xiayibu {
    transform: scale(.57);
    margin-top: 0px;
}

.u-input {
    border-radius: 8px;
}

.step-second #SmsCode {
    width: 185px;
}

.step-second #btnSendYzm {
    display: inline-block;
    width: 102px;
    margin-left: 4px;
    border: 1px solid #e8e8e8;
    text-align: center;
    height: 44px;
    line-height: 44px;
    border-radius: 8px;
    color: #666;
}

.step-second .information-list .tips {
    font-size: 12px;
    color: #ff562f;
    transform: scale(.91);
    margin-left: -10px;
    line-height: 11px;
}

.step-second .information-list .icon-btn {
    position: absolute;
    top: 0;
    right: 10px;
}

.disabled {
    color: #bbb !important;
}

.icon-rightarrow::before {
    display:block;
    transform: scale(.57);
    margin-top:3px;
}