@charset "utf-8";
/* CSS Document */

/*common*/
body {
    margin: 0;
    padding: 0;
    position: relative;
}

.main {
    width: 990px;
    margin: 0 auto;
}

.bodyFirse {
    background: url(images/body_bg.jpg) repeat;
}

.align-center {
    text-align: center;
}
/*title*/
.content_title {
    width: 623px;
    float: left;
    border-bottom: 1px solid #ccc;
    margin: 0 0 0 38px;
    _margin: 0 0 0 19px;
    text-align: center;
    padding: 5px 0 0 0;
}

    .content_title b {
        color: #dc371b;
        font-size: 20px;
        line-height: 40px;
    }

.content_title_02 {
    width: 623px;
    float: left;
    border-bottom: 1px solid #ccc;
    margin: 10px 0 0 38px;
    _margin: 0 0 0 19px;
    text-align: left;
    padding: 5px 0;
}

    .content_title_02 .title_name {
        border-left: 4px solid #DE4A30;
        height: 22px;
        float: left;
    }

    .content_title_02 b {
        color: #3e3a39;
        font-size: 16px;
        line-height: 22px;
        margin: 0 0 0 10px;
        float: left;
    }

.content_title_03 {
    width: 623px;
    float: left;
    border-bottom: 1px solid #ccc;
    margin: 10px 0 0 38px;
    _margin: 0 0 0 19px;
    text-align: left;
    padding: 5px 0;
}

    .content_title_03 .title_name {
        border-left: 4px solid #DE4A30;
        height: 22px;
        float: left;
    }

    .content_title_03 b {
        color: #dc371b;
        font-size: 18px;
        line-height: 22px;
        margin: 0 0 0 10px;
        float: left;
    }

.content_title_reg {
    width: 760px;
    float: left;
    margin: 65px 0 0 63px;
    _margin: 65px 0 0 31px;
    border-bottom: 3px solid #B5B1B1;
    padding: 0 0 5px 0;
    line-height: 30px;
}

    .content_title_reg img {
        float: left;
        margin: 5px 6px 0 24px;
    }

    .content_title_reg b {
        font-size: 18px;
        color: #e71e0f;
    }

    .content_title_reg span {
        font-size: 14px;
        color: #e87b26;
        margin: 0 0 0 10px;
    }

.content_title_alert {
    width: 760px;
    float: left;
    margin: 0 0 0 63px;
    _margin: 0 0 0 31px;
    text-align: center;
    color: #727171;
    font-size: 15px;
    line-height: 32px;
}


/*btn*/
.btn_app {
    background: url(images/btn_app.png) no-repeat;
    width: 160px;
    height: 39px;
    float: left;
    text-align: center;
    font-size: 20px;
    color: #FFF;
    border: none;
    line-height: 39px;
    font-weight: bold;
    cursor: pointer;
}
.layui-btn-normal {
    
}
.btn_prev {
    background: url(images/btn_prev.png) no-repeat;
    width: 90px;
    height: 37px;
    float: left;
    text-align: left;
    font-size: 16px;
    color: #FFF;
    border: none;
    line-height: 37px;
    font-weight: bold;
    cursor: pointer;
}

.btn_next {
    background: url(images/btn_next.png) no-repeat;
    width: 90px;
    height: 36px;
    float: left;
    text-align: left;
    font-size: 16px;
    color: #FFF;
    border: none;
    line-height: 36px;
    font-weight: bold;
    cursor: pointer;
}

.btn_submit {
    background: url(images/btn_submit.png) no-repeat;
    width: 106px;
    height: 36px;
    float: left;
    text-align: center;
    font-size: 16px;
    color: #FFF;
    border: none;
    line-height: 36px;
    font-weight: bold;
    cursor: pointer;
}

.btn_send {
    height: 27px;
    line-height: 27px;
    padding: 0 10px;
    font-size: 12px;
    color: #FFF;
    border: none;
    float: left;
    background-color: #E87B26;
    border: 1px solid #EEBD96;
    margin: 0 0 0 10px;
    cursor: pointer;
}

.btn_save {
    background: url(images/btn_save.png) no-repeat;
    width: 105px;
    height: 41px;
    color: #FFF;
    border: none;
    float: left;
    text-align: left;
    line-height: 41px;
    font-size: 20px;
    font-weight: bold;
    cursor: pointer;
}

.btn_prev_02 {
    background: url(images/btn_prev_02.png) no-repeat;
    width: 124px;
    height: 41px;
    float: left;
    text-align: left;
    font-size: 20px;
    color: #FFF;
    border: none;
    line-height: 41px;
    font-weight: bold;
    cursor: pointer;
}

.btn_submit_02 {
    background: url(images/btn_submit_02.png) no-repeat;
    width: 123px;
    height: 41px;
    float: left;
    text-align: center;
    font-size: 20px;
    color: #FFF;
    border: none;
    line-height: 41px;
    font-weight: bold;
    cursor: pointer;
}

.btn_edit {
    background: url(images/btn_edit.png) no-repeat;
    width: 160px;
    height: 36px;
    float: left;
    font-size: 19px;
    color: #FFF;
    border: none;
    line-height: 36px;
    font-weight: bold;
    cursor: pointer;
    text-align: center;
}

.btn_login {
    background: url(images/btn_login.png) no-repeat;
    width: 118px;
    height: 39px;
    font-size: 19px;
    color: #FFF;
    border: none;
    line-height: 39px;
    font-weight: bold;
    cursor: pointer;
    text-align: center;
}

.btn_reg {
    background: url(images/btn_reg.png) no-repeat;
    width: 156px;
    height: 41px;
    border: none;
    cursor: pointer;
    text-align: center;
}

.btn-apply {
    background: url(images/card/btn-apply.png) no-repeat;
    width: 185px;
    height: 42px;
    margin: 0 auto;
}

/*input*/

.input_check {
    width: 15px;
    height: 15px;
}

.input_text, .input_address, .input_work, .input_yead, .input_month, .input_income, .input_area, .input_tel {
    height: 22px;
    line-height: 22px;
    padding: 0 5px;
    font-size: 14px;
}

.input_text {
    width: 125px;
}

.input_address {
    width: 262px;
    height: 20px;
    line-height: 18px;
}

.input_work {
    width: 194px;
}

.input_yead {
    width: 30px;
}

.input_month {
    width: 14px;
}

.input_income {
    width: 80px;
}

.input_area {
    width: 30px;
}

.input_tel {
    width: 60px;
}

.input_select, .input_select_work, .input_select_other, .input_select_yead, .input_select_month, .input_select_day {
    height: 22px;
    line-height: 22px;
    font-size: 14px;
    color: #595757;
}

.input_select {
    float: left;
    margin: 0 3px 0 0;
    *margin: 0 2px 0 0;
    _margin: 0 1.5px 0 0;
    width: 72px;
}

.input_select_work {
    width: 135px;
}

.input_select_other {
    width: 138px;
}

.input_select_yead {
    width: 57px;
}

.input_select_month {
    width: 40px;
}

.input_select_day {
    width: 40px;
}

.input_radio_sex {
    margin: 5px 0 0 0;
    border: none;
}

.input_text_02, .input_address_02, .input_work_02, .input_yead_02, .input_month_02, .input_income_02, .input_area_02, .input_tel_02, .input_code, .input_address_03 {
    height: 22px;
    line-height: 22px;
    padding: 0 5px;
    font-size: 14px;
}

.input_text_02 {
    width: 165px;
}

.input_address_02 {
    width: 317px;
    height: 20px;
    padding: 0;
    margin: 0;
}

.input_address_03 {
    width: 327px;
    height: 20px;
    padding: 0;
    margin: 0;
}

.input_work_02 {
    width: 210px;
}

.input_yead_02 {
    width: 35px;
}

.input_month_02 {
    width: 20px;
}

.input_income_02 {
    width: 94px;
}

.input_area_02 {
    width: 35px;
}

.input_tel_02 {
    width: 100px;
}

.input_code {
    width: 80px;
}

.input_select_02, .input_select_work_02, .input_select_other_02, .input_select_yead_02, .input_select_month_02, .input_select_day_02 {
    height: 22px;
    line-height: 22px;
    font-size: 14px;
    color: #595757;
}

.input_select_02 {
    float: left;
    margin: 0 6px 0 0;
}

.input_select_work_02 {
    width: 178px;
}

.input_select_other_02 {
    width: 178px;
}

.input_select_yead_02 {
    width: 55px;
}

.input_select_month_02 {
    width: 42px;
}

.input_select_day_02 {
    width: 42px;
}

.input_radio_sex_02 {
    margin: 5px 0 0 0;
    border: none;
}

/*header*/
.header_box {
    background: url(images/header_bg.png) repeat-x;
    height: 94px;
    float: left;
    width: 100%;
}

.header {
    width: 990px;
    float: left;
    margin: 27px 0 0 0;
}

    .header .logo {
        margin: 0 0 0 25px;
        _margin: 0 0 0 12px;
        float: left;
    }

    .header .header_user {
        float: right;
        margin: 23px 30px 0 0;
    }

        .header .header_user a {
            float: left;
            font-size: 15px;
            color: #595757;
        }

            .header .header_user a:hover {
                color: #DC371B;
            }

        .header .header_user span {
            background: url(images/icon_solid.png) no-repeat;
            width: 2px;
            height: 17px;
            float: left;
            margin: 2px 6px 0 6px;
        }

    .header .header_login {
        float: right;
        margin: 23px 30px 0 0;
    }

        .header .header_login a {
            float: left;
            color: #E87B26;
            line-height: 25px;
        }

            .header .header_login a:hover {
                color: #DC371B;
                text-decoration: underline;
            }

        .header .header_login .icon_login {
            float: left;
            margin: 4px 5px 0 0;
        }

        .header .header_login .icon_esd {
            float: left;
            margin: -15px 10px 0 10px;
        }

/*container*/
.container {
    width: 990px;
    float: left;
    background-color: #F9F9F9;
    padding: 25px 0 20px 0;
}

.left_info {
    width: 265px;
    float: left;
}

.right_info {
    width: 698px;
    float: left;
    margin: 0 0 0 14px;
    _margin: 0 0 0 7px;
}

/*index*/
.user_info {
    width: 698px;
    float: left;
    background-color: #F4F4F4;
    min-height: 190px;
    -height: 190px;
}

.user_info_table {
    width: 623px;
    float: left;
    margin: 0 0 0 38px;
    _margin: 0 0 0 19px;
}

    .user_info_table table {
        width: 623px;
    }

    .user_info_table td {
        padding: 5px 0;
        font-size: 16px;
        color: #3e3a39;
    }

        .user_info_table td span {
            font-size: 16px;
            color: #3e3a39;
            float: left;
            margin: 0 0 0 10px;
        }

        .user_info_table td b {
            font-size: 16px;
            color: #3e3a39;
            float: left;
        }

    .user_info_table .state_id {
        font-size: 16px;
        color: #3e3a39;
        line-height: 32px;
        float: left;
    }

        .user_info_table .state_id .icon_id {
            width: 33px;
            background: url(images/icon_id.png) no-repeat left;
            height: 28px;
            float: left;
        }

    .user_info_table .state_mail {
        font-size: 16px;
        color: #3e3a39;
        line-height: 32px;
        float: left;
    }

        .user_info_table .state_mail .icon_mail {
            width: 33px;
            background: url(images/icon_mail.png) no-repeat left;
            height: 28px;
            float: left;
        }

    .user_info_table .state_phone {
        font-size: 16px;
        color: #3e3a39;
        line-height: 32px;
        float: left;
    }

        .user_info_table .state_phone .icon_phone {
            width: 33px;
            background: url(images/icon_phone.png) no-repeat left;
            height: 35px;
            float: left;
            font-size: 16px;
        }

    .user_info_table .state_true .icon_id {
        background: url(images/icon_id_sel.png) no-repeat left;
        height: 28px;
        float: left;
    }

    .user_info_table .state_true .icon_mail {
        background: url(images/icon_mail_sel.png) no-repeat left;
        height: 28px;
        float: left;
    }

    .user_info_table .state_true .icon_phone {
        background: url(images/icon_phone_sel.png) no-repeat left;
        height: 35px;
        float: left;
        font-size: 16px;
    }

    .user_info_table .state_true span {
        color: #e87b26;
    }

    .user_info_table .state_true .icon_true {
        background: url(images/icon_correct.png) no-repeat;
        width: 16px;
        height: 12px;
        float: left;
        margin: 10px 0 0 10px;
    }

.user_process {
    width: 698px;
    float: left;
    background-color: #F4F4F4;
    min-height: 350px;
    -height: 350px;
    margin: 25px 0 0 0;
}

.user_process_info {
    width: 668px;
    float: left;
    margin: 0 0 0 15px;
    _margin: 0 0 0 7px;
}

.user_process_tab {
    width: 668px;
    float: left;
    margin: 20px 0 0 0;
}

    .user_process_tab .show_photo {
        width: 668px;
        float: left;
    }

        .user_process_tab .show_photo img {
            float: left;
        }

    .user_process_tab .show_text {
        width: 668px;
        float: left;
    }

        .user_process_tab .show_text ul {
            width: 668px;
            float: left;
            margin: 10px 0 0 0;
        }

            .user_process_tab .show_text ul li {
                float: left;
                width: 116px;
                font-size: 16px;
                color: #898989;
                text-align: center;
            }

            .user_process_tab .show_text ul .li_sel {
                color: #e87b26;
            }

.user_process_alert {
    width: 488px;
    float: left;
    margin: 20px 0 0 105px;
    _margin: 20px 0 0 52px;
}

    .user_process_alert p {
        line-height: 46px;
        font-size: 16px;
        color: #595757;
        width: 488px;
        float: left;
    }

        .user_process_alert p img {
            float: left;
            margin: 10px 10px 0 10px;
        }

        .user_process_alert p span {
            font-size: 16px;
            float: left;
            color: #595757;
            margin: 0px 10px 0 180px;
        }

.user_help {
    width: 698px;
    float: left;
    background-color: #F4F4F4;
    margin: 30px 0 0 0;
    min-height: 100px;
    -height: 100px;
    margin: 25px 0 0 0;
}

.user_help_info {
    width: 623px;
    float: left;
    margin: 10px 0 10px 38px;
    _margin: 10px 0 10px 19px;
}

    .user_help_info ul {
        width: 623px;
        float: left;
    }

    .user_help_info li {
        background: url(images/icon_help.png) no-repeat left;
        float: left;
        height: 25px;
        line-height: 25px;
        overflow: hidden;
        padding: 0 0 0 13px;
        text-overflow: ellipsis;
        white-space: nowrap;
        width: 190px;
        word-break: break-all;
        word-wrap: break-word;
        margin: 0 4px 0 0;
    }

        .user_help_info li a {
            color: #595757;
        }

            .user_help_info li a:hover {
                color: #DC371B;
            }


/*footer*/
.footer_box {
    background: url(images/footer_bg.png) repeat-x;
    width: 100%;
    height: 128px;
    float: left;
}

.footer {
    width: 990px;
    float: left;
    margin: 20px 0 0 0;
}

.footer_nav {
    float: left;
    margin: 0 0 0 20px;
    _margin: 0 0 0 10px;
}

    .footer_nav li {
        float: left;
        margin: 0 5px 0 0;
        line-height: 34px;
    }

        .footer_nav li a {
            font-size: 13px;
            color: #595757;
        }

            .footer_nav li a:hover {
                color: #DC371B;
                text-decoration: underline;
            }

.footer_copyRight {
    float: right;
    margin: 0 20px 0 0;
    _margin: 0 10px 0 0;
}

    .footer_copyRight p {
        font-size: 12px;
        color: #595757;
        line-height: 30px;
    }

        .footer_copyRight p a {
            font-size: 12px;
            color: #595757;
        }

            .footer_copyRight p a:hover {
                color: #DC371B;
                text-decoration: underline;
            }

.footer_info {
    float: left;
}

.footer_weixin {
    float: left;
}

.footer_copy_right {
    float: left;
    margin: 0 0 0 8px;
    _margin: 0 0 0 4px;
}

    .footer_copy_right p {
        font-size: 12px;
        color: #615b5b;
        line-height: 18px;
    }

        .footer_copy_right p a {
            font-size: 12px;
            color: #615b5b;
        }

            .footer_copy_right p a:hover {
                color: #DC371B;
                text-decoration: underline;
            }

        .footer_copy_right p span {
            font-size: 18px;
            color: #f28b2f;
        }

        .footer_copy_right p b {
            font-size: 18px;
            color: #248418;
        }

.footer_partner {
    float: right;
    margin: 0 20px 0 0;
    _margin: 0 10px 0 0;
}

    .footer_partner .show_title {
        font-size: 16px;
        color: #7a7575;
        margin: 12px 0 0 0;
        float: left;
    }

    .footer_partner .show_photo {
        float: left;
    }
/*application_add*/
.applicationAdd_content {
    width: 698px;
    float: left;
    background-color: #F4F4F4;
    min-height: 540px;
    -height: 540px;
}

.applicationAdd_tab {
    width: 585px;
    float: left;
    margin: 25px 0 25px 56px;
    _margin: 25px 0 25px 28px;
    cursor: default;
}

    .applicationAdd_tab ul {
        width: 585px;
        float: left;
    }

    .applicationAdd_tab li {
        background: url(/content/images/application_tab_bg.png) no-repeat;
        width: 185px;
        height: 40px;
        float: left;
        text-align: center;
        font-size: 18px;
        color: #e87b26;
        line-height: 38px;
        font-weight: bold;
        margin: 0 0 0 10px;
        _margin: 0 0 0 5px;
    }

    .applicationAdd_tab .li_sel {
        background: url(/content/images/application_tab_sel.png) no-repeat;
        font-size: 18px;
        color: #FFF;
    }

.applicationAdd_table {
    width: 658px;
    float: left;
}

    .applicationAdd_table table {
        width: 658px;
    }

    .applicationAdd_table td {
        font-size: 14px;
        color: #000000;
        padding: 8px 0;
        line-height: 20px;
    }

    .applicationAdd_table span {
        font-size: 14px;
    }

    .applicationAdd_table b {
        font-size: 14px;
    }

    .applicationAdd_table .show_input {
        width: 145px;
        float: left;
    }

    .applicationAdd_table .show_input_02 {
        width: 510px;
        float: left;
    }

    .applicationAdd_table .show_input_03 {
        width: 214px;
        float: left;
    }

    .applicationAdd_table .show_sign {
        float: left;
        color: #F00;
        font-size: 14px;
        font-weight: bold;
    }

    .applicationAdd_table .show_alert {
        font-size: 12px;
        color: #e71e0f;
        clear: both;
        line-height: 20px;
    }

/*banner*/
.content_banner {
    width: 968px;
    float: left;
    margin: 0 0 0 15px;
}


/*application*/
.application_content {
    width: 886px;
    float: left;
    margin: 10px 0 0 52px;
    _margin: 10px 0 0 26px;
}

.application_tab {
    width: 809px;
    float: left;
    margin: 0 0 30px 38px;
    _margin: 0 0 30px 19px;
}

.application_info {
    background: url(/content/images/application_bg_top.png) no-repeat;
    width: 886px;
    float: left;
}

.application_title {
    width: 806px;
    float: left;
    margin: 10px 0 10px 40px;
    _margin: 10px 0 10px 20px;
    line-height: 30px;
}

    .application_title img {
        float: left;
        margin: 10px 10px 0 0;
    }

    .application_title b {
        font-size: 19px;
        color: #dc371b;
    }

.application_table {
    width: 846px;
    float: left;
    margin: 0 0 0 20px;
    _margin: 0 0 0 10px;
}

    .application_table table {
        width: 846px;
    }

    .application_table td {
        font-size: 16px;
        color: #000000;
        padding: 7px 0;
        line-height: 24px;
    }

    .application_table span {
        font-size: 16px;
        line-height: 22px;
    }

    .application_table .show_input {
        width: 192px;
        float: left;
    }

    .application_table .show_input_02 {
        width: 570px;
        float: left;
    }

    .application_table .show_input_03 {
        width: 230px;
        float: left;
    }

    .application_table .show_sign {
        float: left;
        color: #F00;
        font-size: 14px;
        font-weight: bold;
    }

    .application_table .show_alert {
        font-size: 12px;
        color: #e71e0f;
        clear: both;
        line-height: 20px;
    }

        .application_table .show_alert span {
            font-size: 12px;
        }

    .application_table .span_alert span {
        font-size: 12px;
    }

.application_bottom {
    background: url(/content/images/application_bg_bottom.png) no-repeat;
    width: 851px;
    height: 72px;
    float: left;
    margin: 0 0 0 18px;
    _margin: 0 0 0 9px;
}

.application_tel {
    float: right;
    margin: 30px 16px 10px 0;
}

.application_alert {
    width: 730px;
    float: left;
    margin: 50px 0 10px 60px;
    _margin: 50px 0 10px 30px;
}

    .application_alert .show_title {
        width: 736px;
        float: left;
        font-size: 20px;
        font-weight: bold;
        color: #145047;
    }

    .application_alert .show_text {
        font-size: 16px;
        color: #666565;
        line-height: 20px;
    }

        .application_alert .show_text b {
            font-size: 16px;
            color: #f6921a;
            text-decoration: underline;
        }

/*reg_box*/
.reg_title {
    background: url(/content/images/application_title_bg.png) top right no-repeat;
}

    .reg_title b {
        background-color: #F9F9F9;
        padding: 5px 5px 5px 0;
    }

.reg_box {
    width: 820px;
    float: left;
    margin: 20px 0 0 34px;
    _margin: 20px 0 0 17px;
}

    .reg_box .reg_box_top {
        background: url(/content/images/reg_box_top.png) no-repeat;
        width: 820px;
        height: 8px;
        float: left;
    }

    .reg_box .reg_box_center {
        background: url(/content/images/reg_box_center.png) repeat-y;
        width: 790px;
        float: left;
        padding: 10px 0 10px 30px;
    }

        .reg_box .reg_box_center .content_title_reg {
            margin: 0;
        }

        .reg_box .reg_box_center .content_title_alert {
            margin: 0;
        }

        .reg_box .reg_box_center .application_table {
            margin: 0;
        }

    .reg_box .reg_box_bottom {
        background: url(/content/images/reg_box_bottom.png) no-repeat;
        width: 820px;
        height: 8px;
        float: left;
    }

/*application_submit*/
.application_submit {
    width: 100%;
    float: left;
    margin: 10px 0 0 0;
}

    .application_submit p {
        text-align: center;
        width: 100%;
        float: left;
        padding: 10px 0;
    }

    .application_submit span {
        font-size: 16px;
        color: #595757;
    }

    .application_submit a {
        font-size: 16px;
        color: #e98231;
    }

        .application_submit a:hover {
            color: #DC371B;
            text-decoration: underline;
        }

/*alertBox*/
.alertBox {
    width: 590px;
    float: left;
    border: 1px solid #ECECEC;
}

.alertBox_title {
    background: url(/content/images/alertBox_title_bg.png) repeat-x;
    width: 590px;
    height: 52px;
    float: left;
    text-align: center;
    position: relative;
}

    .alertBox_title b {
        line-height: 52px;
        font-size: 25px;
        color: #155348;
        font-weight: bold;
        letter-spacing: 4px;
    }

    .alertBox_title .icon_close {
        background: url(/content/images/alertBox_close.png) no-repeat;
        width: 25px;
        height: 25px;
        position: absolute;
        right: 10px;
        top: 20px;
        cursor: pointer;
    }

.alertBox_info {
    width: 590px;
    float: left;
    min-height: 260px;
    -height: 260px;
    background-color: #FFF;
}

    .alertBox_info .show_info {
        width: 420px;
        float: left;
        margin: 0px 0 0 85px;
        _margin: 0px 0 0 42px;
        padding: 0 0 20px 0;
    }

        .alertBox_info .show_info .show_title {
            width: 420px;
            float: left;
            line-height: 30px;
            font-weight: bold;
        }

        .alertBox_info .show_info .show_text {
            width: 420px;
            float: left;
            line-height: 20px;
            margin: 30px 0 0 0;
        }

        .alertBox_info .show_info .password {
            color: #ea7d28;
            text-decoration: underline;
            font-size: 16px;
        }

        .alertBox_info .show_info .title_01 {
            font-size: 25px;
            color: #e97b24;
        }

        .alertBox_info .show_info .text_01 {
            font-size: 16px;
            color: #494949;
            width: 100%;
            float: left;
        }

            .alertBox_info .show_info .text_01 p {
                font-size: 16px;
                color: #494949;
                line-height: 30px;
            }

            .alertBox_info .show_info .text_01 span {
                font-size: 16px;
            }

        .alertBox_info .show_info .text_02 {
            font-size: 22px;
            color: #494949;
        }

            .alertBox_info .show_info .text_02 p {
                font-size: 22px;
                color: #494949;
                line-height: 43px;
                width: 100%;
                float: left;
            }

            .alertBox_info .show_info .text_02 span {
                font-size: 22px;
            }

/*FFY ADD 2015-04-03*/
.body-container-wrapper {
    background: #FFF;
}

.container {
    background: #FFF;
}

.safaty-info {
    width: 100%;
    float: left;
}

.safaty-title {
    border-bottom: 1px solid #fef5d8;
    width: 100%;
    float: left;
    height: 30px;
    position: relative;
    line-height: 30px;
    z-index: 8;
    margin: 10px 0 0 0;
}

    .safaty-title h2 {
        height: 30px;
        border-bottom: 1px solid #f5cd4c;
        font-size: 16px;
        color: #595757;
        line-height: 30px;
        padding: 0 5px;
        float: left;
        margin: 0 10px 0 0;
        font-weight: normal;
        z-index: 9;
    }

    .safaty-title b {
        color: #ff705a;
    }

.safaty-center {
    width: 100%;
    float: left;
    margin: 25px 0 0 0;
}

.safaty-approveList {
    width: 697px;
    border: 1px solid #f6f6f6;
    float: left;
}

    .safaty-approveList li {
        width: 100%;
        border-bottom: 1px solid #f6f6f6;
        float: left;
    }

    .safaty-approveList .li-noBorder {
        border: none;
    }

    .safaty-approveList .show-icon {
        width: 80px;
        background: #fbfbfb;
        font-size: 12px;
        color: #727171;
        line-height: 30px;
        padding: 15px 0 15px 20px;
        float: left;
    }

.icon-success {
    background: url(images/Card/icon-success.png) no-repeat;
    width: 17px;
    height: 17px;
    float: left;
    margin: 10px 10px 0 0;
}

.icon-error {
    background: url(images/Card/icon-error.png) no-repeat;
    width: 17px;
    height: 17px;
    float: left;
    margin: 10px 10px 0 0;
}

.icon-loading {
    background: url(images/Card/icon-loading.png) no-repeat;
    width: 17px;
    height: 17px;
    float: left;
    margin: 10px 10px 0 0;
}

.safaty-approveList .show-type {
    width: 125px;
    font-size: 14px;
    color: #221815;
    line-height: 30px;
    padding: 15px 0 15px 25px;
    float: left;
}

.safaty-approveList .show-text {
    font-size: 13px;
    color: #727171;
    line-height: 30px;
    padding: 15px 0 15px 25px;
    float: left;
    width: 320px;
}

.safaty-approveList .show-button {
    width: 85px;
    line-height: 30px;
    float: left;
    padding: 15px 15px 15px 0;
    text-align: right;
}

    .safaty-approveList .show-button a {
        font-size: 13px;
        color: #ff705a;
        text-decoration: underline;
    }

        .safaty-approveList .show-button a:hover {
            color: #FF9600;
        }

.safaty-identity {
    width: 100%;
    float: left;
    margin: 20px 0 0 0;
    width: 700px;
    border: 1px solid #f2f2f2;
    padding: 0 0 20px 0;
}

.identity-title {
    width: 100%;
    float: left;
    background: #f6f6f6;
    height: 38px;
    line-height: 38px;
}

    .identity-title b {
        font-size: 16px;
        color: #595757;
        margin: 0 0 0 10px;
    }

.identity-info {
    width: 660px;
    float: left;
    margin: 20px 0 0 0;
    padding: 0 0 0 23px;
    _padding: 0 0 0 18px;
}

    .identity-info .show-title {
        width: 100%;
        float: left;
        border-bottom: 1px dashed #efefef;
        font-size: 14px;
        color: #221815;
        line-height: 40px;
    }

        .identity-info .show-title i {
            background: url(images/Card/icon-alert.png) no-repeat;
            width: 15px;
            height: 16px;
            float: left;
            margin: 12px 10px 0 20px;
        }

    .identity-info .show-form {
        width: 100%;
        float: left;
        margin: 15px 0 0 0;
    }

        .identity-info .show-form li {
            width: 100%;
            float: left;
            margin: 10px 0;
            line-height: 30px;
        }

        .identity-info .show-form .li-name {
            width: 130px;
            float: left;
            margin: 0 10px 0 0;
            text-align: right;
            font-size: 14px;
            color: #221815;
        }

        .identity-info .show-form .li-input {
            width: 290px;
            float: left;
        }

        .identity-info .show-form .input-identity {
            width: 260px;
            border: 1px solid #efefef;
            height: 28px;
            line-height: 28px;
            background: none;
            padding: 0 10px;
            border-radius: 5px;
            color: #808080;
        }

        .identity-info .show-form .li-state {
            float: left;
            height: 30px;
            line-height: 30px;
            background: #fef9e3;
            padding: 0 10px;
            border-radius: 5px;
        }

            .identity-info .show-form .li-state .icon-fail {
                background: url(images/Card/icon-fail.png) no-repeat;
                width: 14px;
                height: 13px;
                float: left;
                margin: 8px 10px 0 0;
            }

            .identity-info .show-form .li-state span {
                font-size: 12px;
                color: #595757;
            }

        .identity-info .show-form .li-upload {
            width: 172px;
            float: left;
            margin: 0 65px 0 0;
            position: relative;
        }

            .identity-info .show-form .li-upload .show-photo {
                width: 100%;
                float: left;
            }

                .identity-info .show-form .li-upload .show-photo img {
                    width: 100%;
                    max-width: 100%;
                }

            .identity-info .show-form .li-upload .show-upload {
                position: absolute;
                background: url(images/Card/btn-upload.png) no-repeat;
                width: 108px;
                height: 53px;
                text-align: center;
                cursor: pointer;
                left: 50%;
                margin: 0 0 0 -54px;
                top: 30px;
                font-size: 24px;
                color: #FFF;
                font-weight: bold;
                line-height: 53px;
            }

            .identity-info .show-form .li-upload .show-text {
                width: 100%;
                float: left;
                line-height: 20px;
                font-size: 14px;
                color: #595757;
                text-align: center;
                padding: 15px 0 0 0;
            }

        .identity-info .show-form .li-button {
            float: left;
        }

        .identity-info .show-form .input-submit {
            background: url(images/Card/btn-submit.png) no-repeat;
            width: 122px;
            height: 39px;
            float: left;
            border: none;
            margin: 50px 0 0 0;
        }

.identity-stateBox {
    width: 100%;
    background: #f6f6f6;
    float: left;
}

    .identity-stateBox .state-info {
        border: 1px solid #efefef;
        margin: 5px 0 5px 5px;
        float: left;
        width: 638px;
        padding: 15px 0;
        line-height: 59px;
        background: #FFF;
    }

    .identity-stateBox .state-success {
        background: url(images/Card/icon-success-02.png) no-repeat;
        width: 56px;
        height: 59px;
        float: left;
        margin: 0 20px 0 150px;
    }

    .identity-stateBox .state-info b {
        font-size: 24px;
        color: #727171;
        font-weight: normal;
    }

    .identity-stateBox .state-info a {
        font-size: 14px;
        color: #ff7964;
        text-decoration: underline;
    }

        .identity-stateBox .state-info a:hover {
            color: #FF9600;
        }

.identity-next {
    width: 100%;
    float: left;
    margin: 30px 0 0 0;
}

    .identity-next .next-title {
        width: 100%;
        float: left;
        line-height: 30px;
        border-bottom: 1px dashed #efefef;
    }

        .identity-next .next-title b {
            font-size: 16px;
            color: #ff7964;
            float: left;
            margin: 0 0 0 10px;
        }

        .identity-next .next-title a {
            float: right;
            margin: 0 10px 0 0;
            text-decoration: underline;
            font-size: 14px;
            color: #595757;
        }

            .identity-next .next-title a:hover {
                color: #FF9600;
            }

    .identity-next .next-info {
        width: 100%;
        float: left;
        margin: 30px 0 0 0;
    }

    .identity-next li {
        width: 100%;
        float: left;
        border: 1px solid #fef5d8;
        background: #fffbef;
        height: 54px;
        line-height: 54px;
    }

    .identity-next .next-state {
        width: 90px;
        height: 54px;
        padding: 0 0 0 10px;
        float: left;
        border-right: 1px solid #fef5d8;
        background: #ffffff;
        font-size: 12px;
        color: #727171;
    }

        .identity-next .next-state i {
            margin: 18px 10px 0 10px;
        }

    .identity-next .next-type {
        width: 100px;
        padding: 0 0 0 28px;
        float: left;
        font-size: 13px;
        color: #221815;
    }

    .identity-next .next-text {
        width: 285px;
        padding: 0 0 0 25px;
        float: left;
        font-size: 12px;
        color: #727171;
    }

    .identity-next .next-link {
        width: 90px;
        padding: 0 20px 0 0;
        float: left;
        text-align: right;
    }

        .identity-next .next-link a {
            color: #ff705a;
            font-size: 12px;
            text-decoration: underline;
        }

            .identity-next .next-link a:hover {
                color: #FF9600;
            }

.link-getCode {
    color: #ff705a;
    font-size: 12px;
    text-decoration: underline;
    margin: 5px 0;
}

    .link-getCode:hover {
        color: #FF9600;
    }

/*wukx add 20150408*/
/*base class*/
.button {
    display: block;
    background-repeat: no-repeat !important;
    cursor: pointer;
}

    .button:hover {
        opacity: 0.9;
    }

.orange {
    color: orange;
}

.member-index-item0 {
    margin: 5px 0 15px 0;
}

.safe-up {
    background: url(images/card/btn-safe-up.png);
    width: 64px;
    height: 25px;
    display: inline-block;
    vertical-align: middle;
}

.member-index-item0 b {
    float: left;
    margin-left: 20px;
}

.member-index-item0 .identity-title span {
    float: right;
    display: block;
    margin-right: 10px;
}

.member-index-item1 b, .member-index-item2 b {
    margin-left: 20px;
}

.index-item0-left, .index-item0-right {
    float: left;
    width: 320px;
}

    .index-item0-left p {
        line-height: 20px;
    }

    .index-item0-left .line-first {
        font-size: 12pt;
        font-weight: bold;
    }

.index-item0-right1 {
    width: 230px;
    padding-top: 10px;
    padding-left: 2px;
    margin-left: 8em;
    margin-top: 1em;
    float: left;
}

.index-item0-right {
    width: 315px;
    padding-top: 10px;
    padding-left: 24px;
}

    .index-item0-right .right-date, .index-item0-right .right-money {
        display: inline-block;
        *display: inline;
        *zoom: 1;
        width: 128px;
        height: 88px; /*float:left;*/
        background: url(images/Card/bg-refund.png);
        text-align: center;
    }

    .index-item0-right .right-money {
        width: 170px;
    }


.item-line {
    width: 1px;
    background: #eee;
    float: left;
    height: 100px;
}

.index-item0-right .right-date {
    /*margin-left: 30px;*/
    margin-right: 10px;
}

.item0-tip-title {
    display: block;
    text-align: center;
    width: 128px;
    line-height: 30px;
    font-size: 11pt;
    font-weight: 500;
}

.item0-tip-info {
    color: #ff705a;
    font-size: 3em;
    font-weight: bold; /* display:block;float:left; padding-left:30px; BY TSING */
    line-height: 50px;
}

.tip-info-small { /*display:block;float:left; BY TSING */
    color: #ff705a;
    line-height: 60px;
    font-weight: bold; /*margin-left:5px; BY TSING */
}

.za-coin-left, .za-coin-right {
    width: 315px;
    float: left;
}

.za-coin-title {
    text-align: center;
    border-bottom: 1px dotted #ccc;
    line-height: 40px;
}

.za-coin-left {
    line-height: 40px;
    float: left;
}

    .za-coin-left .link-use {
        background: #fff2c7;
        border: 1px solid #F2BC00;
        padding: 5px 6px;
        border-radius: 3px;
        margin-left: 15px;
    }

    .za-coin-left .za-coin-count {
        font-size: 2.5em;
        color: #ff705a;
        font-weight: bold;
        display: inline-block;
        _display: inline;
        _zoom: 1;
        width: 78px;
    }

.za-coin-content {
    margin-top: 20px;
}

.za-coin-left .za-coin-content {
    margin-top: 30px;
    margin-bottom: 0;
    position: relative;
}

    .za-coin-left .za-coin-content .row {
        position: relative;
        margin: -5px 0 0 0;
    }

.za-coin-right .za-coin-content {
    margin-left: 10px;
}

.za-coin-content .coin-icon {
    width: 81px;
    height: 87px;
    background: url(images/Card/bg-coin.png);
    float: left;
    text-align: center;
    line-height: 75px;
}

    .za-coin-content .coin-icon + div {
        float: left;
        line-height: 30px;
        padding: 15px 0 0 15px;
    }

.coin-description {
    width: 209px;
}

.za-coin-content .coin-icon span {
    display: block;
    font-size: 3em;
    color: #fff2c7;
    font-weight: bold;
}

.coin-description + div {
    clear: both;
    color: red; /*padding-top:15px;*/
}

    .coin-description + div a {
        color: black;
        text-decoration: underline;
        margin-left: 15px;
    }

.member-index-item2 .identity-title span {
    float: right;
    display: block;
    margin-right: 10px;
}

    .member-index-item2 .identity-title span a {
        color: #01010a;
    }

.member-index-item2 .recommend-title {
    font-size: 1.6em;
    font-weight: bold;
}

.member-index-item2 ul {
    margin: 30px 0;
}

    .member-index-item2 ul li {
        float: left;
        width: 62px;
        height: 72px;
        margin: 0 30px;
        text-align: center;
        cursor: pointer;
        position: relative;
    }

        .member-index-item2 ul li span {
            display: block;
            margin-top: 10px;
        }

.btn-recommend {
    background: url(images/card/btn-recommend.png) no-repeat !important;
    width: 185px;
    height: 42px;
    margin: 0 auto;
}

    .btn-recommend + p {
        text-align: center;
        margin: 10px 0;
    }

        .btn-recommend + p .orange {
            font-size: 11pt;
        }

.loan-after-item2 span {
    display: block;
    text-align: center;
    line-height: 28px;
}

    .loan-after-item2 span.orange {
        font-size: 12pt;
        margin-top: 30px;
    }

.loan-after-item2 a {
    background-image: url(images/card/btn-apply.png);
    width: 185px;
    height: 42px;
    display: block;
    margin: 0 auto;
}

.right-date-overdue, .right-money-overdue {
    text-align: center;
    float: left;
}

.right-date-overdue {
    width: 128px;
    height: 88px; /*float:left;*/
    background: url(images/Card/bg-overdue.png) no-repeat;
    margin-right: 15px;
}

    .right-date-overdue .item0-tip-title {
        color: #fff;
    }

    .right-date-overdue .item0-tip-info, .right-money-overdue .item0-tip-info {
        color: #fff;
    }

    .right-date-overdue .tip-info-small, .right-money-overdue .tip-info-small {
        color: #fff;
    }

.right-money-overdue {
    width: 145px;
    height: 88px; /*float:left;*/
    background: url(images/Card/bg-overdue2.png) no-repeat;
}

.tip-title-overdue {
    width: 145px;
    color: #fff;
}
/*feedback*/
.member-feedback select, .member-feedback input[type=text] {
    width: 180px;
}

.member-feedback .safaty-info .safaty-title h2 {
    font-weight: bold;
}

.member-feedback .btn-feedback-submit {
    border: none;
    width: 166px;
    height: 53px;
    background: url(images/card/btn-feedback-submit.png);
    margin-left: 65px;
}

.member-feedback ul li {
    margin: 25px 0 25px 20px;
}

.member-feedback .feedback-content {
    width: 500px;
    height: 170px;
    overflow: auto;
    margin-left: 8px;
}

.member-feedback .feedback-content-tip {
    color: red;
    display: block;
    margin-left: 65px;
}

.member-feedback .feedback-item2 .item2-label {
    float: left;
}

.callback-time-tip {
    color: red;
    display: block;
    margin: 10px 0 0 65px;
}

/*invate frends*/
.invite-frends {
    margin-left: 25px;
}

    .invite-frends .safaty-info h2 {
        font-weight: bold;
    }

    .invite-frends .invite-banner p {
        line-height: 40px;
        background: #eee;
        width: 620px;
        font-size: 11pt;
        padding-left: 20px;
    }

        .invite-frends .invite-banner p .orange {
            font-size: 15pt;
            font-weight: bold;
            color: #F99;
        }

    .invite-frends .member-index-item2 {
        margin-top: 35px;
    }

        .invite-frends .member-index-item2 .identity-title {
            width: 640px;
        }

        .invite-frends .member-index-item2 ul {
            margin-top: 5px;
        }

    .invite-frends .member-index-item3 table {
        width: 640px;
        clear: both;
    }

        .invite-frends .member-index-item3 table td {
            text-align: center;
            padding: 14px 0;
            border: 1px solid #eee;
        }

    .invite-frends .member-index-item3 .identity-title {
        padding-left: 10px;
        width: 630px;
    }


.weixi-code {
    position: absolute;
    width: 170px;
    height: 258px; /* float:left; */
    left: -92px;
    top: 10px;
    border: 1px solid #FBE091;
    border-radius: 5px;
    z-index: 9999;
    background-color: #fff;
    padding: 5px 15px;
    display: none;
}

.flipped {
    top: -290px;
    bottom: 120%;
    left: -70px;
}

.icon-arrows-02 {
    background: url(images/card/weixi-arrows.png) no-repeat;
    width: 28px;
    height: 17px;
    position: absolute;
    z-index: 1103;
    top: -8px;
    right: 80px;
}

.flipped .icon-arrows-02 {
    top: 268px;
    bottom: -17px;
    background: url(images/card/weixi-arrows-down.png) no-repeat;
}

.weixi-code h2 {
    border-bottom: 1px solid #eee;
    padding: 3px 0 5px 0;
    margin-bottom: 5px;
}

.weixi-code .weixi-description {
    text-align: left;
    line-height: 16px;
    border-top: 1px solid #eee;
    padding: 5px 0 3px 5px;
    margin-top: 8px;
}

#code table {
    margin: auto;
}
/*dialog*/
.dialog-bg {
    position: fixed;
    _position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    _height: 3000em;
    background: #000;
    opacity: 0.7;
    -moz-opacity: 0.7;
    filter: alpha(opacity=70);
    z-index: 100;
    display: none;
}

.dialog-container {
    position: fixed;
    _position: absolute;
    width: 670px;
    top: 20%;
    left: 50%;
    margin-left: -335px;
    display: none;
    background: #fff;
    border: 1px solid #ccc;
    z-index: 101;
}

.coin-container {
    z-index: 99999;
}

.share-dialog-content { /*width:570px;*/
    padding: 10px 50px;
}

.share-dialog-title {
    background: url(images/card/bg-dialog-title.png);
    height: 40px;
}

.btn-share-dialog-close,.btn-ticket-dialog-close {
    background: url(images/card/btn-dialog-close.png) no-repeat;
    width: 16px;
    height: 16px;
    display: block;
    float: right;
    margin: 12px 10px 0 0;
}

.share-dialog-title b {
    float: left;
    margin-left: 20px;
    line-height: 40px;
    font-size: 13pt;
}

.share-dialog-footer {
    clear: both;
    text-align: center;
    margin: 15px 0 40px 0;
    position: relative;
}

.share-dialog-content .safaty-identity {
    width: 560px;
    margin: 30px auto;
}

    .share-dialog-content .safaty-identity .identity-title b {
        color: red;
        font-weight: normal;
    }

.share-dialog-content .content-txt {
    padding: 20px 10px;
    text-align: left;
    clear: both;
    line-height: 25px;
}

.dialog-container .btn-share {
    display: block;
    width: 152px;
    height: 39px;
    margin: 0 auto;
}

.dialog-container .btn-share-copy {
    background: url(images/card/btn-share-qq.png) no-repeat !important;
}

.dialog-container .btn-share-msg {
    background: url(images/card/btn-send-msg.png) no-repeat !important;
}

.dialog-container .btn-share-email {
    background: url(images/card/btn-send-email.png) no-repeat !important;
}

.dialog-container-msg {
    width: 670px;
    display: none;
}

    .dialog-container-msg .share-dialog-content {
        min-height: 330px;
    }

.dialog-container-email .share-dialog-content {
    min-height: 350px;
}

    .dialog-container-msg .share-dialog-content ul li,
    .dialog-container-email .share-dialog-content ul li {
        margin: 20px 0;
        clear: both;
    }

.dialog-container-msg .share-input,
.dialog-container-email .share-input {
    width: 280px;
    float: left;
    height: 22px;
}

.dialog-container-msg .share-input2, .dialog-container-email .share-input2 {
    margin: 18px 0 0 70px;
}

.dialog-container-msg .share-msg-tip, .dialog-container-email .share-msg-tip {
    margin-left: 65px;
    line-height: 30px;
    color: #fe705a;
    clear: both;
}

.share-reco-content {
    padding-top: 10px;
}

    .share-reco-content span {
        display: block;
        float: left;
    }

    .share-reco-content div {
        float: left;
        border: 1px solid #ddd;
        padding: 15px;
        width: 445px;
        line-height: 20px;
    }

.dialog-container-email .share-input3 {
    width: 470px;
}

.float-left {
    float: left;
}

.input-line1 {
    clear: both;
}

.line-email {
    padding: 20px 0;
}

.validate-fail { /*background:#fef9e3;*/
    height: 28px;
    float: left;
    line-height: 28px;
    margin-left: 10px;
    padding: 0 5px;
}

    .validate-fail span {
        float: left;
    }

    .validate-fail .icon-fail {
        width: 16px;
        height: 16px;
        background: url(images/card/icon-fail.png) no-repeat !important;
        display: block;
        margin-top: 7px;
    }

/*member description*/
.member-description {
    background-color: #fff;
    width: 640px;
    padding: 0 29px 29px 30px;
    margin-left: 5px;
}

    .member-description p {
        line-height: 22px;
    }

    .member-description .safaty-info .safaty-title {
        height: 25px;
        border-color: #ccc;
    }

        .member-description .safaty-info .safaty-title b {
            line-height: 20px;
            font-size: 1.5em;
            font-weight: bold;
            margin-left: 10px;
        }

.description-icon {
    background: url(images/card/member-descripion-01.png) no-repeat !important;
    width: 4px;
    height: 17px;
    float: left;
    margin: 1px 0 0 20px;
}

.member-description .description-title {
    background: #ffe7d4;
    font-weight: bold;
    font-size: 1.5em;
    color: #414040;
    padding: 5px 0 5px 5px;
    margin: 15px auto;
}

.member-description-level {
    width: 640px;
}

    .member-description-level th {
        border: 1px solid #6a6a6a;
        background: #d9d9d9;
        padding: 5px;
    }

    .member-description-level td {
        border: 1px solid #6a6a6a;
        text-align: center;
        padding: 8px;
        line-height: 20px;
    }

    .member-description-level .col1 {
        padding: 10px 30px;
    }

    .member-description-level .col2 {
        background: #fef8f4;
    }

    .member-description-level .col3 {
        color: #e87b26;
        text-align: left;
        padding-left: 15px;
        width: 280px;
    }
/*.member-description-level .col3 ul li{list-style:circle;}*/
.weight {
    font-weight: bold;
    color: #dc371b;
}

.member-description .member-scroe {
    padding-bottom: 50px;
}

    .member-description .member-scroe h2 {
        color: #dc371b;
        font-size: 1.2em;
        margin: 6px 0 15px 0;
    }

    .member-description .member-scroe ul li {
        line-height: 22px;
    }

.member-description .btn-recommend {
    display: block;
    background: url(images/card/btn-recommend02.png) no-repeat !important;
    width: 157px;
    height: 44px;
    float: left;
    margin-left: 20px;
}

.member-description .recommand-tip {
    float: left;
    width: 430px;
    line-height: 22px;
    text-indent: 0;
}

.member-description .description-cion {
    line-height: 22px;
    text-indent: 2em;
}

/*member level*/
.member-level .identity-info {
    padding-left: 0;
    width: 100%;
}

.member-level .safaty-identity {
    padding-bottom: 10px;
}

.member-level .level-up {
    float: right;
    margin-right: 50px;
    text-decoration: underline;
    color: #000;
    font-size: 10pt;
}

.member-level .safaty-title h2 {
    font-weight: bold;
}

.member-level .level-tree img {
    margin-left: 45px;
}

.member-level .myscore {
    padding: 30px 0 0 20px;
}

.member-level .mylevel-info {
    background: #fff9e4;
    padding: 8px 0 8px 0;
    width: 100%;
    margin-top: 20px;
}

.member-level .myscore .score-leaf {
    display: block;
    width: 43px;
    height: 25px;
    float: left;
    background: url(images/card/myscore-icon.png) no-repeat;
    margin: 10px 0 0 20px;
}

.member-level .myscore .tip {
    line-height: 55px;
    font-size: 11pt;
    font-weight: none;
    float: left;
}

.member-level .myscore .score {
    color: #fa887d;
    font-weight: bold;
    font-size: 14pt;
    float: left;
    line-height: 55px;
}

.member-level .myscore .btn-addScore {
    width: 221px;
    height: 51px;
    background: url(images/card/btn-scoro-detail.png);
    float: right;
    margin-right: 30px;
}

.member-level .mylevel-info .mylevel {
    background: #f8c213;
    color: #fff;
    padding: 4px 8px;
    font-weight: bold;
    font-family: 微软雅黑;
    border-radius: 3px;
    font-size: 10pt;
}

.member-level .mylevel-info p {
    margin-left: 40px;
}

    .member-level .mylevel-info p .score {
        font-weight: bold;
        font-size: 15pt;
        color: #f33;
        padding: 0 5px;
    }

/* BY TSING */
.level-tree {
    position: relative;
}

.member-level .mycurrent-score {
    position: absolute;
    top: 140px;
    left: 45px;
    /*width: 105px;*/
    height: 11px;
    font-size: 13px;
    padding: 4px 6px;
    border: 1px solid #CCC;
    border-radius: 2px;
    background-color: #FAFAFA;
}

    .member-level .mycurrent-score .icon-arrows-02 {
        right: 30px;
        background: url(images/card/weixi-arrows.png) no-repeat;
    }

    .member-level .mycurrent-score a {
        text-decoration: underline;
        color: red;
    }

.member-level .tb-scoreDetail, .zacoin-info .tb-scoreDetail {
    width: 620px;
    margin-left: 40px;
}

    .member-level .tb-scoreDetail, .zacoin-info .tb-scoreDetail th {
        font-size: 11pt;
        padding: 5px;
        border: 1px solid #ccc;
    }

        .member-level .tb-scoreDetail td, .zacoin-info .tb-scoreDetail td {
            border: 1px solid #ccc;
            text-align: center;
            padding: 7px;
        }

.member-level .score-search, .zacoin-info .score-search {
    padding: 0 0 20px 40px;
}

    .member-level .score-search select, .zacoin-info .score-search select {
        width: 130px;
    }

    .member-level .score-search a, .zacoin-info .score-search a {
        color: #f00;
        margin: 0 5px;
    }

.member-level .btn-scoreSearch, .zacoin-info .btn-scoreSearch {
    border: #f8ca31 1px solid;
    background: #f9e7ad;
    padding: 0 10px;
    cursor: pointer;
    border-radius: 3px;
}

.member-level .member-privilege, .zacoin-info .member-privilege {
    margin: 0 0 0 40px;
}

    .member-level .member-privilege li, .zacoin-info .member-privilege li {
        list-style: square;
        line-height: 28px;
        font-family: Arial, Serif;
    }

.orange2 {
    color: #fa5b43;
}

.member-level .safaty-center {
    margin-top: 15px;
}


/*za coin info*/
.zacoin-info .btn-zacoin-what {
    color: #1a1a1a;
    float: right;
    text-decoration: underline;
}

.zacoin-info .my-zacoin-info {
    line-height: 25px;
    font-size: 11pt;
}

    .zacoin-info .my-zacoin-info .orange2 {
        font-size: 14pt;
        font-weight: bold;
        color: #dc371b;
    }

    .zacoin-info .my-zacoin-info .zacoin-icon {
        background: url(images/card/coin-icon.png) no-repeat;
        width: 31px;
        height: 39px;
        display: block;
        float: left;
        margin-left: 10px;
    }

.zacoin-info .zacoin-banner {
    width: 698px;
    clear: both;
}

.zacoin-info .zacoin-list {
    background: #eee;
    padding-top: 7px;
    min-height: 300px;
    padding: 5px;
    width: 688px;
}

.zacoin-list .zacoin-tab a {
    width: 344px;
    display: block;
    float: left;
    text-align: center;
    font-size: 1.5em;
    color: black;
    padding: 12px 0;
    font-weight: bold;
}

.zacoin-list .zacoin-tab .tab-on {
    background: #fff;
}

.zacoin-list .zacoin-list-content {
    clear: both;
}

    .zacoin-list .zacoin-list-content .item1 {
        position: relative;
        background: #fff;
        padding-top: 20px;
        height: 250px;
        clear: both;
    }

    .zacoin-list .zacoin-list-content .item2 {
        display: none;
        background: #fff;
        padding: 25px 0 15px 0;
        clear: both;
    }

.icon-help {
    display: inline-block;
    width: 19px;
    height: 19px;
    background: url(images/card/icon-question.png) no-repeat;
    vertical-align: middle;
}

.coin-help .icon-arrows-02 {
    right: 80px;
}

.coin-help {
    width: 200px;
    height: auto;
    position: absolute;
    z-index: 102;
    top: 40px;
    left: 55px;
    border-radius: 2px;
}

.coin-help-repayment {
    left: 41px;
    top: 45px;
}

.zacoin-tab {
    position: relative;
}

.coin-help .help-info {
    line-height: 20px;
}

.box {
    width: 692px;
    margin: 0 auto;
    position: relative;
    overflow: auto;
    _height: 100%;
}

.picbox {
    width: 580px;
    height: 215px;
    overflow: hidden;
    position: relative;
    z-index: 90;
    margin: 0 auto;
}

.piclist {
    height: 215px;
    position: absolute;
    left: 0px;
    top: 0px;
    overflow: hidden;
}

    .piclist li {
        background: #f6f6f6;
        margin-right: 20px;
        padding: 5px;
        float: left;
        width: 180px;
        height: 215px;
        padding: 0;
    }

.swaplist {
    position: absolute;
    left: -2000px;
    top: 0px;
}

.og_prev, .og_next {
    width: 30px;
    height: 50px;
    ;
    position: absolute;
    top: 80px;
    z-index: 91;
    cursor: pointer;
    filter: alpha(opacity=70);
    opacity: 0.7;
}

.og_prev {
    background: url(images/card/btn-pve.png) no-repeat !important;
}

.og_next {
    right: 4px;
    background: url(images/card/btn-next.png) no-repeat !important;
}

.period-info, .period-info-orange {
    background: url(images/card/bg-pve.png) no-repeat !important;
    display: block;
    width: 88px;
    height: 28px;
    line-height: 28px;
    text-align: center;
    font-size: 11pt;
    font-weight: bold;
    color: #fff;
}

.period-info-orange {
    background: url(images/card/bg-current.png) no-repeat !important;
}

.coin-count {
    background: url(images/card/bg-coin2.png) no-repeat !important;
    width: 90px;
    height: 87px;
    text-align: center;
    color: #f32708;
    font-weight: bold;
    margin: 30px 0 10px 47px;
    font-size: x-large;
}

.coin-count-txt {
    text-align: center;
}

    .coin-count-txt .orange2 {
        font-size: 13pt;
        font-weight: bold;
    }

.coin-current {
    background: url(images/card/bg-coin.png) no-repeat !important;
    margin: 0 auto;
    width: 81px;
    height: 87px;
    line-height: 80px;
    text-align: center;
    font-size: 2.5em;
    font-weight: bold;
    color: #fff;
    font-family: 微软雅黑;
    margin-top: 25px;
    margin-bottom: 15px;
}

.coin-next {
    background: url(images/card/bg-coin3.png) no-repeat !important;
    margin: 0 auto;
    width: 81px;
    height: 87px;
    line-height: 80px;
    text-align: center;
    font-size: 2.5em;
    font-weight: bold;
    color: #eee;
    font-family: 微软雅黑;
    margin-top: 25px;
    margin-bottom: 15px;
}

.coin-item2 {
    text-align: center;
}

    .coin-item2 ul li {
        float: left;
        margin: 20px 0 0 75px;
    }

    .coin-item2 .btn-coin-exchange {
        background: url(images/card/btn-exchange.png);
        width: 93px;
        height: 37px;
        margin-left: 20px;
    }

    .coin-item2 .btn-coin-tocash {
        background: url(images/card/btn-cash.png);
        width: 93px;
        height: 37px;
        margin-left: 15px;
        margin-top: 0;
    }

    .coin-item2 .btn-coin-more {
        background: url(images/card/btn-more-coin.png);
        width: 163px;
        height: 37px;
        margin-top: 50px;
    }

    .coin-item2 ul li span {
        line-height: 50px;
        text-align: center;
        font-size: 1.2em;
        display: block;
    }

/*coin dialog*/
.dialog-container-coin {
    width: 670px;
    min-height: 200px;
    margin: -180px 0 0 -335px;
    display: none;
}

    .dialog-container-coin .safaty-identity, .dialog-container-download .safaty-identity {
        border: none;
    }

    .dialog-container-coin .content-txt, .dialog-container-download .content-txt {
        height: 180px;
        background: #fff9e4;
        border: 1px solid #ec6844;
    }

    .dialog-container-coin .icon-ok, .dialog-container-download .icon-ok {
        float: left;
        width: 56px;
        height: 60px;
        background: url(images/card/icon-success-02.png) 100% 0 no-repeat !important;
        ;
    }

    .dialog-container-coin .share-dialog-footer a {
        display: inline-block;
    }

    .dialog-container-coin .share-dialog-footer .btn-ok {
        background: url(images/card/btn-ok.png) no-repeat !important;
        height: 48px;
        width: 142px;
        margin-right: 50px;
    }

    .dialog-container-coin .share-dialog-footer .btn-cancel {
        background: url(images/card/btn-cancel.png) no-repeat !important;
        height: 48px;
        width: 142px;
    }

    .dialog-container-coin .coin-tip, .dialog-container-download .coin-tip {
        float: left;
        padding-left: 30px;
        padding-top: 15px;
    }

        .dialog-container-coin .coin-tip p {
            font-size: 11pt;
            line-height: 30px;
        }

            .dialog-container-coin .coin-tip p.weight {
                color: #000;
                line-height: 50px;
            }

            .dialog-container-coin .coin-tip p a {
                color: red;
                font-weight: bold;
                text-decoration: underline;
                font-size: 12pt;
            }

        .dialog-container-coin .coin-tip .txt-coin {
            width: 60px;
            color: red;
            font-size: 11pt;
        }


.dialog-container-download .dialog-content {
    padding: 0;
}

.dialog-container-download {
    width: 670px;
    min-height: 200px;
    margin: -180px 0 0 -335px;
    display: none;
}

    .dialog-container-download .share-dialog-footer {
        text-align: left;
        margin-left: 30px;
        padding-top: 20px;
    }

        .dialog-container-download .share-dialog-footer h3 {
            color: #f33;
            font-weight: bold;
        }

        .dialog-container-download .share-dialog-footer p {
            line-height: 20px;
        }

    .dialog-container-download .content-txt {
        height: 70px;
    }

        .dialog-container-download .content-txt .coin-tip p {
            font-size: 1.2em;
        }

    .dialog-container-download .down-app {
        padding-top: 20px;
    }

        .dialog-container-download .down-app .down-left {
            float: left;
            width: 190px;
            border-right: 1px dotted green;
            padding-left: 50px;
        }

            .dialog-container-download .down-app .down-left img {
                width: 120px;
                height: 120px;
            }

            .dialog-container-download .down-app .down-left b,
            .dialog-container-download .down-app .down-right b {
                display: block;
                clear: both;
                color: #f5847a;
                margin-bottom: 15px;
                font-size: 12pt;
            }

        .dialog-container-download .down-app .down-right b {
            margin-left: 40px;
        }

        .dialog-container-download .down-app .down-right {
            float: left;
        }

.down-right .icon-android, .down-right .icon-ios {
    width: 40px;
    height: 50px;
    float: left;
    margin-left: 40px;
    margin-right: 15px;
}

.down-right .icon-ios {
    background: url(images/card/icon-ios.png) no-repeat !important;
}

.down-right .icon-android {
    background: url(images/card/icon-android.png) no-repeat !important;
}

.down-right .btn-down-ios, .down-right .btn-down-android {
    display: inline-block;
    float: left;
    background: url(images/card/btn-download-02.png) no-repeat !important;
    width: 138px;
    height: 36px;
    line-height: 36px;
    color: #Fff;
    text-align: center;
    font-size: 11pt;
    margin-top: 10px;
}

.bind-bankcard .safaty-title span {
    margin-left: 40px;
}

    .bind-bankcard .safaty-title span b {
        font-size: 14pt;
        color: #fa7360;
    }

.bind-bankcard .btn-add-bank-card {
    width: 235px;
    height: 133px;
    background: url(images/card/btn-addcard.png);
    margin-top: 30px;
}

.bind-bankcard .ul-bindcard li {
    margin: 20px 0;
}

    .bind-bankcard .ul-bindcard li input[type=text], .bind-bankcard1 .ul-bindcard li select {
        width: 250px;
        height: 20px;
    }

    .bind-bankcard .ul-bindcard li .form-required {
        color: red;
        margin-left: 5px;
    }

.bind-bankcard .btn-next {
    background: url(images/card/btn-next2.png);
    width: 166px;
    height: 53px;
    margin: 0 auto;
}

.bind-bankcard .bindcard4-left {
    float: left;
    width: 450px;
}

.bind-bankcard .bindcard4-right {
    float: left;
}

    .bind-bankcard .bindcard4-right .btn-bind-card {
        width: 180px;
        height: 100px;
        background: url(images/card/btn-addcard2.png);
    }

    .bind-bankcard .bindcard4-right .btn-bind-card1 {
        width: 180px;
        height: 100px;
        background: url(images/card/btn-bindcard.png);
    }

    .bind-bankcard .bindcard4-right .btn-manage-card {
        color: #f2674f;
        text-decoration: underline;
        margin: 15px 0 0 60px;
        display: block;
    }

.bind-bankcard .ul-bankcard i {
    width: 22px;
    height: 22px;
    background: url(images/card/icon-bank.png) no-repeat !important;
    display: inline-block;
}

.bind-bankcard .ul-bankcard .btn-cancel-bind {
    background: #fff2c7;
    border: 1px solid #fdc50e;
    color: #f44216;
    padding: 3px 5px;
    border-radius: 3px;
    margin-left: 50px;
}

.bind-bankcard .link-more {
    color: #f44216;
    text-decoration: underline;
}

.bind-bankcard .btn-tocash-ok {
    background: url(images/card/btn-ok2.png);
    width: 166px;
    height: 53px;
    margin: 0 auto;
}

.dialog-unbind, .dialog-input-pwd, .dialog-bindcard-tip {
    width: 580px;
    height: 325px;
    margin: -162px 0 0 -290px;
    display: none;
    top: 50%;
}

.dialog-container .btn-ok {
    background: url(images/card/btn-ok.png);
    height: 48px;
    width: 142px;
    margin-right: 50px;
    display: inline-block;
    margin-left: 50px;
}

.dialog-container .btn-cancel {
    background: url(images/card/btn-cancel.png);
    height: 48px;
    width: 142px;
    margin-right: 50px;
    display: inline-block;
}

.dialog-unbind .confirm-info, .dialog-input-pwd .confirm-info, .dialog-bindcard-tip .confirm-info {
    background: #FFFBEF;
    border: 1px solid #F9C9A1;
    width: 440px;
    padding: 25px 20px;
    margin: 40px 0 30px 0;
    text-align: center;
    height: 40px;
}

    .dialog-unbind .confirm-info span.txt {
        font-size: 12pt;
        height: 33px;
        display: inline-block;
        line-height: 10px;
        float: left;
        line-height: 35px;
    }

    .dialog-unbind .confirm-info span.icon-alert2 {
        width: 33px;
        height: 33px;
        background: url(images/card/icon-fail2.png) no-repeat !important;
        display: inline-block;
        margin: 0 15px 0 100px;
        float: left;
    }

.dialog-bindcard-tip .confirm-info {
    line-height: 25px;
    font-size: 11pt;
    padding: 15px 0 0 20px;
    height: 100px;
    margin-bottom: 15px;
}

.dialog-bindcard-tip .icon-success2 {
    float: left;
    background: url(images/card/icon-success-02.png) no-repeat !important;
    width: 56px;
    height: 59px;
}

.dialog-bindcard-tip .success-tip {
    float: left;
    text-align: left;
    margin-left: 20px;
}

/* BY TSING */
.assess-doubt-info {
    position: absolute;
    width: 234px;
    z-index: 1099;
    padding: 10px;
    border: 1px solid #f2f2f2;
    border-radius: 3px;
    left: 400px;
    top: -35px;
    background-color: #FFF;
    border: 1px solid #FBE091;
    border-radius: 5px;
    font-size: .9em;
}

.assess-doubt-arrows {
    background: url(images/card/arrows-left.png) 0 0 no-repeat;
    width: 8px;
    height: 10px;
    position: absolute;
    top: 16px;
    left: -8px;
    z-index: 1100;
}

/*left*/



.coin-timeout {
    position: absolute;
    left: 100px;
    top: 60px;
    background: url(images/card/zacoin-timeout.png) no-repeat !important;
    margin: 0 auto;
    width: 81px;
    height: 87px;
}

.box .coin-timeout {
    position: static;
    margin: 30px 0px 10px 47px;
}

.hide {
    display: none;
}

.btn-msg {
    position: absolute;
    bottom: 80px;
    left: 50%;
    margin-left: -100px;
    width: 200px;
    height: 46px;
    background: url(../images/card/esd-button-share.png) 0 -123px no-repeat;
}

.btnVoice {
    color: red;
    display: none;
    text-decoration: underline;
    cursor: pointer;
    font-size: 12px;
}

.MsgVoiceNotice {
    font-size: 12px;
    color: gray;
}

.form-container .form-table td.align-right1 {
    text-align: right;
    height: 40px;
    width: 104px;
    padding-right: 20px;
}

.form-container .form-table td.align-right2 {
    text-align: left;
    height: 40px;
}

.form-container .form-table td.align-right3 {
    text-align: left;
    height: 40px;
    width: 485px;
}

.loading-wrapper {
    width: 300px;
    margin-left: -120px;
    margin-top: 80px;
}

    .loading-wrapper img {
        margin-top: 20px;
    }


    #verify_ticket {
    width: 520px;
    left: 54%;
}

    #verify_ticket .dialog-title {
        background: url(../Content/Images/card/bg-dialog-title.png);
        height: 40px;
        line-height: 40px;
    }

        #verify_ticket .dialog-title b {
            margin-left: 20px;
        }
          

    #verify_ticket .alert_tip {
        color: #f00;
        font-size: 13px;
        margin: 10px auto auto 15px;
    }

    #verify_ticket #idcard_nums {
        width: 228px;
        line-height: 25px;
        border: 1px solid #f5f5f5;
        padding-left: 5px;
    }

#verify_idcard {
    width: 520px;
    left: 54%;
}

    #verify_idcard .dialog-title {
        background: url(../Content/Images/card/bg-dialog-title.png);
        height: 40px;
        line-height: 40px;
    }

        #verify_idcard .dialog-title b {
            margin-left: 20px;
        }

    #verify_idcard .verify_idcard_comfirmbtn {
        display: block;
        background: url('../Content/Images/confirm_to_submit.png') 0 0 no-repeat;
        width: 152px;
        height: 39px;
        margin: 45px 188px 30px auto;
    }

        #verify_idcard .verify_idcard_comfirmbtn.not {
            background: url('../Content/Images/esd-button.png') 0 0 no-repeat;
            background-position: 0 -339px;
        }

    #verify_idcard .alert_tip {
        color: #f00;
        font-size: 13px;
        margin: 10px auto auto 15px;
    }

    #verify_idcard #idcard_nums {
        width: 228px;
        line-height: 25px;
        border: 1px solid #f5f5f5;
        padding-left: 5px;
    }

#bankcard_bindtips {
    width: 520px;
    left: 54%;
}

    #bankcard_bindtips .dialog-title {
        background: url('../Content/Images/card/bg-dialog-title.png');
        height: 40px;
        line-height: 40px;
    }

        #bankcard_bindtips .dialog-title b {
            margin-left: 20px;
        }

    #bankcard_bindtips .comfirmbtn {
        display: block;
        background: url('../Content/Images/esd-button.png') 0 0 no-repeat;
        width: 152px;
        height: 39px;
        margin: 45px 188px 30px auto;
        background-position: 0 -439px;
    }

    #bankcard_bindtips .alert_tip {
        color: #f00;
        font-size: 13px;
        margin: 10px auto auto 15px;
    }