body {
    min-width: 1255px;
    font-family: "Microsoft YaHei";
}

.container {
    background-color: #69c6fa;
}

.co-ltIE8 {
    height: 35px;
    background-color: #f1d74e;
    text-align: center;
    line-height: 35px;
}

.main {
    position: relative;
    margin: 0 auto;
    width: 1255px;
    height: 567px;
}

.ad-title, .form-title, .more-title {
    display: none;
}

.cloud {
    position: relative;
    height: 25px;
    background-color: #69c6fa;
}

.cloud-bg {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 100;
    width: 100%;
    height: 64px;
    background: url("images/cloud.png")/*tpa=http://me.alaxiaoniu.com/App_Themes/Web/UserCenter/images/cloud.png*/;
}

.cloud-shadow {
    z-index: 99;
    background-position: 8px -64px;
}

.activateLink {
    color: #cc3333;
    text-decoration: underline;
}

/* -------------------- 导航 -------------------- */
.nav {
    margin: 0 auto;
    width: 1255px;
    height: 120px;
}

.nav-logo, .nav-logo a {
    display: block;
    float: left;
    width: 300px;
    height: 50px;
}

    .nav-logo a {
        margin: 46px 0 0 60px;
        /*background: url(images/logo.png) no-repeat;*/
        text-indent: 0em;
        color: white;
        font-size: 35px;
    }

.nav-link {
    float: right;
    margin: 55px 81px 0 0;
}

    .nav-link li {
        float: left;
        margin-left: 155px;
    }

    .nav-link a {
        color: #fff;
        font-size: 22px;
    }

        .nav-link a:hover {
            color: #b4e4ff;
            ;
        }

.nav-new {
    position: relative;
}

.nav-newIcon {
    position: absolute;
    margin: -7px 0 0 -3px;
    width: 34px;
    height: 14px;
    background: url("images/login_sprite.png")/*tpa=http://me.alaxiaoniu.com/App_Themes/Web/UserCenter/images/login_sprite.png*/ no-repeat -157px -334px;
    -webkit-animation: bounce 1.3s infinite;
    -moz-animation: bounce 1.3s infinite;
    -o-animation: bounce 1.3s infinite;
    animation: bounce 1.3s infinite;
}

@-webkit-keyframes bounce {
    0%,20%,50%,80%,100% {
        -webkit-transform: translateY(0);
    }

    40% {
        -webkit-transform: translateY(-10px);
    }

    60% {
        -webkit-transform: translateY(-2px);
    }
}

@-moz-keyframes bounce {
    0%,20%,50%,80%,100% {
        -moz-transform: translateY(0);
    }

    40% {
        -moz-transform: translateY(-10px);
    }

    60% {
        -moz-transform: translateY(-2px);
    }
}

@-o-keyframes bounce {
    0%,20%,50%,80%,100% {
        -o-transform: translateY(0);
    }

    40% {
        -o-transform: translateY(-10px);
    }

    60% {
        -o-transform: translateY(-2px);
    }
}

@keyframes bounce {
    0%,20%,50%,80%,100% {
        transform: translateY(0);
    }

    40% {
        transform: translateY(-10px);
    }

    60% {
        transform: translateY(-2px);
    }
}


/* -------------------- 广告 -------------------- */
.ad {
    float: left;
}

.ad-content {
    margin: 14px 0 0 60px;
}

/* -------------------- 登录表单 -------------------- */
.form {
    position: relative;
    float: right;
    margin: 53px 96px 0 0;
    width: 402px;
    height: 330px;
    border: 1px solid #409bcd;
    border-radius: 3px;
    background-color: #fff;
}

.form-pendant {
    position: absolute;
    width: 100px;
    height: 58px;
    top: 0px;
    left: 50%;
    margin: -58px 0 0 -36px;
    background: url("images/login_sprite.png")/*tpa=http://me.alaxiaoniu.com/App_Themes/Web/UserCenter/images/login_sprite.png*/ no-repeat -257px -353px;
}

.form-login {
    padding: 0 30px;
}

.form-legend {
    display: block;
    float: left;
    margin-top: 31px;
    color: #0da7e8;
    font-size: 30px;
    *margin-top: 21px;
}

.form-tip {
    display: block;
    float: left;
    margin: 40px 0 0 16px;
    width: 135px;
    height: 25px;
    background: url("images/login_sprite.png")/*tpa=http://me.alaxiaoniu.com/App_Themes/Web/UserCenter/images/login_sprite.png*/ no-repeat -18px -328px;
    *display: none;
}

.form-label {
    display: none;
}

.form-p {
    position: relative;
    color: #a3a6ae;
    font-size: 15px;
}

.form-icon {
    position: absolute;
    top: 8px;
    left: 10px;
    display: block;
    width: 16px;
    height: 20px;
    background: url("images/login_sprite.png")/*tpa=http://me.alaxiaoniu.com/App_Themes/Web/UserCenter/images/login_sprite.png*/ no-repeat;
}

.form-nameIcon {
    background-position: -237px -332px;
}

.form-pwdIcon {
    background-position: -281px -332px;
}

.form-codeIcon {
    background-position: -259px -332px;
}

.form-text {
    padding: 0 10px 0 36px;
    width: 292px;
    height: 38px;
    outline: none;
    border: 1px solid #99d5f6;
    border-radius: 3px;
    font-size: 15px;
    line-height: normal;
    line-height: 38px\9;
}

    .form-text:focus {
        border-color: #0da7e8;
    }

.form-code {
    width: 125px;
}

.form-pic {
    margin: 0 10px;
    height: 38px;
    border-radius: 3px;
    vertical-align: middle;
    cursor: pointer;
}

.form-changePic {
    color: #0095f5;
}

    .form-changePic:hover {
        text-decoration: underline;
    }

.form-checkbox {
    margin-right: 10px;
}

.form-forgetPwd {
    float: right;
    color: #6bbfee;
    *margin-top: -21px;
}

.form-btn {
    display: block;
    float: left;
    width: 160px;
    height: 40px;
    border: none;
    background: url("images/login_sprite.png")/*tpa=http://me.alaxiaoniu.com/App_Themes/Web/UserCenter/images/login_sprite.png*/ no-repeat;
    text-align: center;
    letter-spacing: 2px;
    font-size: 21px;
    cursor: pointer;
}

.form-btnLogin {
    outline: none;
    background-position: -25px -15px;
    color: #fff;
    font-family: "Microsoft YaHei";
}

    .form-btnLogin:hover {
        background-position: -25px -61px;
    }

.form-btnReg {
    float: right;
    background-position: -205px -15px;
    color: #7c818e;
    line-height: 40px;
}

    .form-btnReg:hover {
        background-position: -205px -61px;
    }

.form-otherLogin {
    margin: 15px 10px 0 10px;
    padding: 10px 0 0 12px;
    border-top: 1px solid #c1cbd0;
}

    .form-otherLogin li {
        display: block;
        float: left;
        margin-left: 44px;
        margin-top: 10px;
    }

        .form-otherLogin li a {
            display: block;
            width: 42px;
            height: 42px;
        }

.form-otherLogin-title {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    margin: 370px 0 0 137px;
    padding: 0 10px;
    background: #fff;
    color: #a3a6ae;
    font-size: 14px;
    *margin-top: -10px;
}

.form-otherIcon {
    width: 42px;
    height: 42px;
    background: url("images/login_sprite.png")/*tpa=http://me.alaxiaoniu.com/App_Themes/Web/UserCenter/images/login_sprite.png*/ no-repeat;
    text-indent: -9999em;
}

.form-alaxiaotuIcon {
    width: 42px;
    height: 42px;
    background: url("images/ico_alaxiaotu_login_grey.png")/*tpa=http://me.alaxiaoniu.com/App_Themes/Web/UserCenter/images/ico_alaxiaotu_login_grey.png*/ no-repeat;
    text-indent: -9999em;
}

    .form-alaxiaotuIcon:hover {
        width: 42px;
        height: 42px;
        background: url("images/ico_alaxiaotu_login.png")/*tpa=http://me.alaxiaoniu.com/App_Themes/Web/UserCenter/images/ico_alaxiaotu_login.png*/ no-repeat;
        text-indent: -9999em;
    }

.form-qq {
    background-position: -37px -211px;
}

.form-baidu {
    background-position: -118px -211px;
}

.form-weibo {
    background-position: -198px -211px;
}

.form-wechat {
    background-position: -262px -211px;
}

.form-jd {
    background-position: -324px -211px;
}

.form-qq:hover {
    background-position: -37px -273px;
}

.form-baidu:hover {
    background-position: -118px -273px;
}

.form-weibo:hover {
    background-position: -198px -273px;
}

.form-wechat:hover {
    background-position: -262px -273px;
}

.form-jd:hover {
    background-position: -324px -273px;
}

.form-mt29 {
    margin-top: 29px;
}

.form-mt20 {
    margin-top: 20px;
}

.form-mt12 {
    margin-top: 12px;
}

.form-hide {
    display: none;
}

/* -------------------- 更多 -------------------- */
.more-content {
    margin: 0 auto;
    width: 1255px;
}

    .more-content li {
        display: block;
        float: left;
        margin: 30px 98px 0 98px;
        color: #646769;
        text-align: center;
        letter-spacing: 2px;
        font-size: 27px;
    }

.more-icon {
    display: block;
    margin: 0 0 20px 12px;
    width: 81px;
    height: 81px;
    background: url("images/login_sprite.png")/*tpa=http://me.alaxiaoniu.com/App_Themes/Web/UserCenter/images/login_sprite.png*/ no-repeat;
}

.more-icon-1 {
    background-position: -24px -116px;
}

.more-icon-2 {
    background-position: -118px -116px;
}

.more-icon-3 {
    background-position: -222px -116px;
}

.more-icon-4 {
    background-position: -324px -116px;
}

/* -------------------- 提示弹框 -------------------- */
.alert {
    display: none;
}

.alert-shadow {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: 0.4;
    filter: alpha(opacity=40);
}

.alert-tip {
    position: absolute;
    width: 600px;
    height: 200px;
    top: 50%;
    left: 50%;
    margin: -120px 0 0 -300px;
    background-color: #fff;
    border-radius: 2px;
    box-shadow: 2px 2px 4px #7c7c7c;
    z-index: 1000;
}

.alert-header {
    height: 50px;
}

.alert-headerTitle {
    color: #4a4848;
    text-indent: 30px;
    font-weight: bold;
    font-size: 17px;
    line-height: 50px;
    float: left;
}

.alert-headerClose {
    float: right;
    display: block;
    width: 22px;
    height: 22px;
    margin: 14px 30px 0 0;
    background: url("images/login_sprite.png")/*tpa=http://me.alaxiaoniu.com/App_Themes/Web/UserCenter/images/login_sprite.png*/ no-repeat -318px -330px;
    cursor: pointer;
}

    .alert-headerClose:hover {
        opacity: 0.8;
        filter: alpha(opacity=80);
    }

.alert-content {
    position: relative;
    height: 78px;
    border-top: 1px solid #f2f2f2;
    border-bottom: 1px solid #f2f2f2;
}

.alert-contentText {
    font-size: 18px;
    color: #6a6969;
    line-height: 24px;
    text-indent: 34px;
    padding-top: 26px;
    padding-left: 31px;
    padding-right: 31px;
}

.alert-contentIcon {
    position: absolute;
    display: block;
    width: 24px;
    height: 24px;
    top: 0;
    left: 0;
    margin: 25px 0 0 36px;
    background: url("images/login_sprite.png")/*tpa=http://me.alaxiaoniu.com/App_Themes/Web/UserCenter/images/login_sprite.png*/ no-repeat -214px -370px;
}

.alert-footer {
    height: 70px;
    background-color: #fafafa;
}

.alert-footerBtn {
    float: right;
    margin: 15px 30px 0 0;
    display: block;
    width: 80px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    background-color: orange;
    font-size: 21px;
    color: #fff;
    border-radius: 3px;
    background: url("images/login_sprite.png")/*tpa=http://me.alaxiaoniu.com/App_Themes/Web/UserCenter/images/login_sprite.png*/ no-repeat -25px -15px;
}

    .alert-footerBtn:hover {
        background-color: orange;
        color: #fff;
        background-position: -25px -61px;
    }

/* -------------------- footer，待整改 -------------------- */
#footer {
    padding: 10px 0 10px;
    text-align: center;
    color: #999;
    width: 100%;
    font-size: 12px;
    padding-top: 40px;
}

    #footer ul {
        padding: 0;
        margin: 12px 0;
    }

    #footer li {
        letter-spacing: normal;
        word-spacing: normal;
        margin-right: 8px;
        list-style: none;
        display: inline-block;
        *display: inline;
    }

    #footer a {
        text-decoration: none;
        color: #999;
    }

        #footer a:hover {
            text-decoration: underline
        }

    #footer li span, #footer small span, #footer small a {
        margin-right: 10px;
    }

    #footer small {
        font-size: 12px;
    }

    #footer .control {
        display: inline-block;
        vertical-align: middle;
        margin-right: 5px;
        width: 15px;
        height: 20px;
        background: url("images/control.png")/*tpa=http://me.alaxiaoniu.com/App_Themes/Web/UserCenter/images/control.png*/;
    }