bab-icon/public/front/muc/css/style/login.css

html, body, .mui-content{ background: #FFFFFF;}
.mui-bar-nav{ box-shadow: 0px 1px 0px rgba(102,102,102,0.1);}

.lg-content{ position: fixed; top: 0; right: 0; bottom: 0; left: 0; overflow: scroll; z-index: 2; background: #FFFFFF;}
.lg-change{ display: block; position: absolute; top: 10px; right: 15px; height: 24px; line-height: 24px; padding: 0 10px; background: #3a4266; border-radius: 6px;}

.lg-window{ position: relative; width: 100%;}
.lg-bg{ display: block; width: 100%; height: 100%;}
.lg-form{ position: absolute; top: 40%; left: 0; display: block; width: 100%; height: 300px; margin: -150px 0;}

.mui-content .lg-form{ position: relative; height: auto; margin: 0 auto;}
.mui-content .lg-title{ margin-top: 20px; margin-bottom: 0px;}
.mui-content .lg-title img{ width: 40%;}

.lg-title{ width: 100%; line-height: 24px; text-align: center; font-size: 18px; margin-bottom: 35px;}
.lg-title img{ width: 25%; margin: 0 auto;}
.lg-link{ width: 86%; height: 20px; line-height: 20px; margin: 0 auto;}
.lg-link a{ display: block; margin: 0 12px; font-size: 15px;}
.lg-link a.mui-pull-right{ color: #65D1F7;}

.lg-list{ width: 100%; overflow: auto;}
.lg-list li{ position: relative; width: 86%; padding: 6px 30px; padding-right: 0px; border-bottom: 1px solid #e5e5e5; margin: 16px auto;}
.lg-list li i{ position: absolute; top: 0; bottom: 2px; width: 24px; height: 24px; padding: 0; line-height: 24px; background: transparent; color: #666666; text-align: center; margin: auto 0;}
.lg-list li i{ left: 0px; font-size: 22px;}
.lg-list li input{ width: 100%; height: 24px; border: 0; background: transparent; color: #333333; padding: 0; line-height: 24px; font-size: 13px;}
.lg-list li input:focus{ background: transparent !important;}

.lg-list li.lg-list-yzm{ overflow: auto;}
.lg-list li.lg-list-yzm input{ width: calc(100% - 100px); float: left;}
.lg-list li.lg-list-yzm button{ max-width: 90px; min-width: 60px; height: 24px; line-height: 24px; padding: 0 5px; border-radius: 0; text-align: center; color: #FFFFFF; border: 0; background: #65D1F7; float: right;}

.lg-btn{ display: block; width: 86%; height: 46px; padding: 0 12px; line-height: 46px; border-radius: 6px; text-align: center; letter-spacing: 3px; margin: 10px auto; margin-top: 25px; border: 0; font-size: 16px; color: #FFFFFF; background: #65D1F7;}
.lg-btn[disabled]{ background: #d6d6d6; opacity: 1;}
a.lg-btn{ border-radius: 5px;}

.lg-ft{ width: 86%; text-align: center; font-size: 14px; margin: 0 auto;}
.lg-ft a{ color: #65D1F7;}

/*设置页面样式*/
.edit-list li{ padding-left: 0;}

.edit-list~.edit-intro, .lg-list~.edit-intro{ margin-top: -15px;}
.edit-intro{ width: 86%; line-height: 18px; padding: 6px 0; margin: 0 auto; font-size: 12px; color: #FBA849;}

/*修改绑定手机号页面样式*/
.edit-nav{ width: 100%;}
.edit-nav .lg-list, .edit-nav .lg-btn{ display: none;}
.edit-nav .lg-list.active, .edit-nav .lg-btn.active{ display: block;}






/*注册页面滑块样式*/

.ft-slider {
    position: relative;
    text-align: center;
    font-size: 12px;
    background-color: #e8e8e8;
    color: #666;
    margin: 0 7%;
}

.ft-slider .ft-slider-content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-user-select: none;
    user-select: none
}

.lock {
    background: -webkit-gradient(linear, left top, right top, color-stop(0, #4d4d4d), color-stop(.4, #4d4d4d), color-stop(.5, #fff), color-stop(.6, #4d4d4d), color-stop(1, #4d4d4d));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -webkit-animation: lock 2.6s infinite;
    -webkit-text-size-adjust: none
}

.ft-slider .transition {
    transition: all .4s
}

.ft-slider .ft-slider-content.success {
    color: #fff
}

.ft-slider .ft-slider-bar {
    position: absolute;
    top: 0;
    left: 0;
    background: url(../../img/slider.png) no-repeat center center #fff;
    background-size: 16px 16px;
    border: 1px solid #ccc;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.ft-slider .ft-slider-bar.success {
    background-image: url(../../img/success.png);
}

.ft-slider .ft-slider-bg {
    width: 0;
    height: 100%;
    background-color: #65d1f7;
}

@-webkit-keyframes lock {
    0% {
        background-position: -140px 0
    }
    100% {
        background-position: 140px 0
    }
}

@keyframes lock {
    0% {
        background-position: -140px 0
    }
    100% {
        background-position: 140px 0
    }
}