blockquote, body, dd, dl, dt, fieldset, form, h1, h2, h3, h4, h5, h6, hr, html, iframe, input, legend, li, ol, p, pre, td, textarea, th, ul {
    padding: 0;
    margin: 0;
}

html {
    -webkit-overflow-scrolling: touch;
    -webkit-text-size-adjust: 100%;
}

body {
    -webkit-overflow-scrolling: touch;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

a, body, input, input:focus, select, select:focus, textarea, textarea:focus {
    -webkit-tap-highlight-color: transparent;
    outline: 0;
    /*-webkit-appearance: none;*/
}

li {
    list-style-type: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

fieldset {
    border: none;
}

legend {
    display: none;
}

a:active, a:hover, button {
    outline: 0;
}

input[type=checkbox], input[type=radio] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

em, i {
    font-style: normal;
}

a {
    text-decoration: none;
    -webkit-tap-highlight-color: transparent;
}

body {
    font-family: '微软雅黑';
    background: #F3F3F3;
}

.header {
    height: 3rem;
    line-height: 3rem;
    background: #ff7c24;
    font-size: 1rem;
    color: #fff;
    text-align: center;
}

.back {
    padding-left: 1.125rem;
    position: absolute;
    top: 0;
    left: 0;
}

    .back i {
        width: .75rem;
        height: 1.25rem;
        margin-top: .875rem;
        background: url(http://m.kugou.com/static/images/log_reg_back.png) no-repeat;
        background-size: 100%;
        display: block;
    }

.btn-box {
    padding: 0 1.25rem;
}

.btn {
    width: 100%;
    height: 2.5rem;
    line-height: 2.5rem;
    border-radius: .3125rem;
    background: #1389FE;
    font-size: 1rem;
    color: #fff;
    text-align: center;
}

.error-tips {
    height: 2.5rem;
    line-height: 2.5rem;
    background: #f4eed0;
    font-size: .8125rem;
    color: #5c4834;
    text-align: center;
    opacity: 0;
    -webkit-transition: opacity .3s linear;
    transition: opacity .3s linear;
}

    .error-tips.hovers {
        opacity: 1;
    }

    .error-tips i {
        width: 1.0625rem;
        height: 1.03125rem;
        display: inline-block;
        vertical-align: middle;
        background: url(http://m.kugou.com/static/images/login/icon_tips.png) no-repeat;
        background-size: 100%;
    }

.form-section {
    margin: .5rem 0 1.125rem 0;
    background: #fff;
    padding-left: 1.125rem;
}

.form-group {
    padding: 1rem 2rem;
    border-bottom: 1px solid #ECECEC;
    font-size: 1rem;
    color: #333;
    position: relative;
}

    .form-group label {
        position: absolute;
        left: 0;
        top: 1rem;
    }

    .form-group:last-child {
        border-bottom: none;
    }

    .form-group input {
        width: 100%;
        padding-left: 2rem;
        border: none;
        color: #333;
        font-size: 1rem;
        font-family: '微软雅黑';
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

.form-two-group {
    padding: 1rem 7rem 1rem 0;
}

    .form-two-group input {
        padding-left: 0;
    }

    .form-two-group .vl-clear {
        right: 7rem;
    }

    .form-two-group img {
        position: absolute;
        top: .6rem;
        right: .5rem;
    }

.send-msg {
    position: absolute;
    top: 1.1rem;
    right: 1.25rem;
    color: #21A1FE;
    font-size: .9375rem;
}

    .send-msg.disabled {
        color: #888;
    }

.vl-clear {
    width: .9375rem;
    height: .9375rem;
    display: none;
    position: absolute;
    top: 1.3rem;
    right: 1.25rem;
    background: url(http://m.kugou.com/static/images/login/icon_close.png) no-repeat;
    background-size: 100%;
    z-index: 1;
}

.code-group, .pwd-group {
    padding-right: 7rem;
}

    .code-group .vl-clear, .pwd-group .vl-clear {
        right: 5.5rem;
    }

    .code-group .code-img {
        position: absolute;
        top: .3rem;
        right: .3rem;
        height: 2.125rem;
        border-radius: 2px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

.user-code {
    width: 8rem;
    height: 40px;
    padding: .7rem .28125rem;
    font-size: .75rem;
    font-family: '微软雅黑';
    border: 1px solid rgba(0,0,0,.1);
    border-radius: 2px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.dialog-code-img {
    display: inline-block;
    vertical-align: middle;
}

.code-errortips {
    position: absolute;
    left: 1.25rem;
    bottom: 0;
    display: none;
    color: #FF3434;
    font-size: .8125rem;
}

.hide {
    display: none;
}

.forget-link {
    position: absolute;
    right: 1.25rem;
    top: 1.1rem;
    color: #199fff;
    font-size: .875rem;
}

.register-link {
    margin-top: 1.25rem;
    padding-left: 1.125rem;
    line-height: 1;
    display: inline-block;
    font-size: .875rem;
    color: #199fff;
}

.third-login {
    width: 100%;
    margin-top: 5rem;
    padding: 0 1.5rem;
    font-size: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.third-login-hd {
    font-size: .75rem;
    color: #888;
    text-align: center;
}

    .third-login-hd:after, .third-login-hd:before {
        content: '';
        width: 6rem;
        height: 1px;
        background: #DADADA;
        display: inline-block;
        vertical-align: middle;
    }

    .third-login-hd:before {
        margin-right: .25rem;
    }

    .third-login-hd:after {
        margin-left: .25rem;
    }

.third-login-bd {
    text-align: center;
    font-size: 0;
}

.third-login-type {
    width: 1.8215rem;
    margin: 1.125rem 1rem 2rem 1rem;
    display: inline-block;
    vertical-align: middle;
    font-size: .75rem;
    color: #000;
}

    .third-login-type i {
        width: 1.8215rem;
        height: 1.75rem;
        display: inline-block;
        vertical-align: top;
    }

.third-login-weixin {
    display: none;
}

.third-login-sina i {
    background: url(http://m.kugou.com/static/images/login/icon_sina.png) no-repeat;
    background-size: 100%;
}

.third-login-qq i {
    background: url(http://m.kugou.com/static/images/login/icon_qq.png) no-repeat;
    background-size: 100%;
}

.third-login-weixin i {
    background: url(http://m.kugou.com/static/images/login/icon_weixin.png) no-repeat;
    background-size: 100%;
}

.phone-tips {
    margin-top: .25rem;
    padding-left: 1.25rem;
    font-size: .75rem;
    color: #888;
}

.form-group-flex {
    display: box;
    display: -webkit-box;
    padding: 1rem 0;
    border-bottom: 1px solid #ECECEC;
    font-size: 1rem;
    color: #333;
    position: relative;
}

.form-group-flex1 {
    padding-left: 1rem;
    -webkit-box-flex: 1;
    box-flex: 1;
    color: #888;
}

    .form-group-flex1 label {
        width: 60%;
        display: inline-block;
        line-height: 1;
    }

    .form-group-flex1:first-child {
        padding-left: 0;
        border-right: 1px solid #ECECEC;
    }

.checked {
    color: #43a2e5;
}

.input-radio {
    width: .9375rem;
    height: .9375rem;
    opacity: 0;
}

.radio-box {
    width: .9375rem;
    height: .9375rem;
    display: block;
    position: absolute;
    top: 1.1rem;
    background: url(http://m.kugou.com/static/images/login/icon_check.png) no-repeat;
    background-size: 100% 100%;
}

.checked .radio-box {
    background: url(http://m.kugou.com/static/images/login/icon_checked.png) no-repeat;
    background-size: 100% 100%;
}

.change-reg {
    padding: 1.25rem;
    color: #25A2FF;
    font-size: .8125rem;
}

.dialog {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(0,0,0,.7);
    font-size: 0;
    display: none;
    z-index: 1000;
}

    .dialog:after, .dialog:before {
        content: "";
        width: 7%;
        height: 100%;
        display: inline-block;
        vertical-align: middle;
    }

.dialog-inner {
    width: 86%;
    border-radius: 5px;
    display: inline-block;
    vertical-align: middle;
    background: #F4F4F4;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.dialog-inner-ct {
    padding: 1.875rem 1.25rem;
    color: #333;
}

.dialog-hd {
    font-size: 1rem;
    text-align: center;
    margin-bottom: .3rem;
}

.dialog-bd {
    padding: 1.25rem;
    line-height: 1.8;
    text-align: left;
    font-size: .9375rem;
    position: relative;
}

.tc {
    text-align: center;
}

.dialog-ft {
    display: box;
    display: -webkit-box;
    height: 3rem;
    line-height: 3rem;
    border-top: 1px solid #CECECE;
}

    .dialog-ft span {
        display: block;
        -webkit-box-flex: 1;
        box-flex: 1;
        color: #333;
        font-size: 1rem;
        text-align: center;
    }

        .dialog-ft span:first-child {
            border-right: 1px solid #CECECE;
        }

    .dialog-ft .dialog-primary {
        color: #76B5EA;
    }

.alert-tips {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background: 0 0;
    z-index: 1000;
    display: none;
}

.alert-tips-inner-box {
    display: box;
    display: -webkit-box;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 0 2rem;
    -webkit-box-align: center;
    box-align: center;
    -webkit-box-pack: center;
    box-pack: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.alert-tips-inner {
    padding: .8125rem;
    border-radius: .1875rem;
    display: inline-block;
    vertical-align: middle;
    background: rgba(0,0,0,.6);
    text-align: center;
    font-size: 1rem;
    color: #fff;
}

.reg-success-box {
    padding-top: 3.125rem;
    color: #888;
    font-size: .875rem;
    text-align: center;
}

.reg-success-img {
    width: 5rem;
}

.reg-success-text {
    margin: .9rem auto 1.75rem;
    font-size: 1rem;
    color: #333;
}