* {
    margin: 0;
    padding: 0;
}

html, body, h1, h2, h3, h4, h5, h6, p, ul, ol, form, button, dl, dt, dd, input, textarea {
    -webkit-box-sizing: border-box;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    word-wrap: break-word;
    word-break: break-all;
}

h2 {
    display: block;
    font-size: 21px;
    -webkit-margin-before: 0.83em;
    -webkit-margin-after: 0.83em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    font-weight: bold;
    margin: 0;
}

html {
    /*overflow-y: hidden;*/
}

body {
    background: #fff;
    height: 100%;
    font: 400 14px/1.5 "Hiragino Sans GB","WenQuanYi Micro Hei",tahoma,sans-serif;
    color: #333;
    position: relative;
    min-height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}

button, input, select, textarea {
    outline: 0;
}

img {
    border: none;
}

ul, ol {
    list-style: none;
}

li {
    display: list-item;
    text-align: -webkit-match-parent;
}

a {
    text-decoration: none;
    color: #2a7ca2;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
}

.header {
    height: 40px;
    /*  background: #633d28;  */ background: #5f3628;
    position: fixed;
    width: 100%;
    z-index: 99999;
    -webkit-transform: translate3d(0, 0, 0);
}

    .header .logo {
        display: block;
        width: 133px;
        height: 32px;
        padding: 3px 5px;
    }

        .header .logo .logo_img {
            width: 100%;
            max-width: 115px;
            max-height: 32px;
        }

    .header .icon-user {
        position: absolute;
        top: 0;
        right: 50px;
        z-index: 1000;
        display: block;
        width: 40px;
        height: 40px;
        text-indent: -9999em;
        background: url("/Images/icon-user.png") no-repeat center center;
        background-size: 40%;
    }

    .header .circleinfo {
        width: 10px;
        height: 10px;
        display: inline-block;
        font-size: 10px;
        text-align: center;
        color: #E64141;
        text-decoration: none;
        position: absolute;
        right: 53px;
        top: 0;
    }

    .header .nav {
        display: block;
        width: 10%;
        height: 40px;
        padding: 3px 5px;
        float: left;
    }

    .header .right {
        text-align: right;
        float: right;
        padding: 0 5px;
        height: 38px;
        width: 12%;
        line-height: 38px;
        font-size: 20px;
    }

        .header .right a {
            color: #fff;
        }

#page-user-index .circleinfo {
    width: 10px;
    height: 10px;
    display: inline-block;
    font-size: 10px;
    text-align: center;
    color: #E64141;
    text-decoration: none;
    position: relative;
    top: -8px;
    left: -4px;
}

.header .icon-user span {
    display: none;
}

/*.header .icon-user:hover,.header .icon-home:hover {
    background-color: #9a6647;
}*/

.header .icon-home {
    position: absolute;
    top: 0;
    right: 100px;
    z-index: 1000;
    display: block;
    width: 40px;
    height: 40px;
    text-indent: -9999em;
    background: url("/Images/icon-home.png") no-repeat center center;
    background-size: 40%;
}

    .header .icon-home span {
        display: none;
    }

    .header .icon-user:hover, .header .icon-home:hover {
        background-color: #3f271e;
    }

.dl-menuwrapper {
    width: 100%;
    max-width: 100px;
    float: right;
    position: absolute;
    top: 0;
    right: 0;
    padding-top: 35px;
    z-index: 999;
}

    .dl-menuwrapper button {
        border: none;
        width: 40px;
        height: 40px;
        text-indent: -900em;
        overflow: hidden;
        position: absolute;
        top: 0;
        right: 0;
        cursor: pointer;
        outline: none;
        background: url("/Images/icon-nav.png") no-repeat center center;
        background-size: 50%;
    }

        .dl-menuwrapper button:hover,
        .dl-menuwrapper button.dl-active {
            /* background-color: #9a6647;*/ background-color: #3f271e;
        }

    .dl-menuwrapper ul {
        /* background-color: #9a6647;*/ background-color: #3f271e;
    }

    .dl-menuwrapper ul {
        padding: 0;
        list-style: none;
    }

    .dl-menuwrapper li a {
        display: block;
        position: relative;
        padding: 10px 15px;
        line-height: 18px;
        color: #fff;
        /* border-top: 1px solid #9a6647;*/ border-top: 1px solid #3f271e;
        /* border-bottom: 1px solid #633d28;*/ border-bottom: 1px solid #5f3628;
        outline: none;
    }

        .dl-menuwrapper li a:hover {
            /*  background: rgba(99,61,40,0.6); */ background: rgba(144, 132, 126, 0.6);
        }

    .dl-menuwrapper .dl-menu {
        margin: 5px 0 0 0;
        position: absolute;
        width: 100%;
        opacity: 0;
        pointer-events: none;
    }

        .dl-menuwrapper .dl-menu.dl-menuopen {
            opacity: 1;
            pointer-events: all;
            -webkit-transform: translateY(0px);
            -moz-transform: translateY(0px);
            transform: translateY(0px);
        }

    .dl-menuwrapper li .dl-submenu {
        display: none;
    }

    .dl-menuwrapper > .dl-submenu {
        position: absolute;
        width: 100%;
        margin: 0;
    }

ul.dropdown, ul.dropdown li, ul.dropdown ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

ul.dropdown {
    position: relative;
    z-index: 597;
    float: left;
}

    ul.dropdown li {
        float: left;
        min-height: 1px;
        line-height: 1.3em;
        vertical-align: middle;
    }

        ul.dropdown li.hover, ul.dropdown li:hover {
            position: relative;
            z-index: 599;
            cursor: default;
        }

    ul.dropdown ul {
        visibility: hidden;
        position: absolute;
        top: 100%;
        left: 0;
        z-index: 598;
        width: 100%;
    }

        ul.dropdown ul li {
            float: none;
        }

        ul.dropdown ul ul {
            top: 1px;
            left: 99%;
        }


.home-buttons {
    padding: 4px;
    margin-top: 40px;
}

.home-button-buy {
    margin: 0 2px;
    height: 60px;
    color: #FFF;
    font-size: 16px;
    font-weight: 600;
    background: -webkit-gradient(linear, left top, left bottom, from(#ff9213), to(#ff9213));
}

    .home-button-buy .button {
        margin: 0 auto;
        font-size: 16px;
        line-height: 60px;
        font-weight: 600;
        text-align: center;
    }

.home-button-user {
    height: 60px;
    margin-bottom: 4px;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    background: -webkit-gradient(linear, left top, left bottom, from(#fb6e52), to(#fb6e52));
}

    .home-button-user .button {
        color: #633d28;
        height: 60px;
        font-size: 16px;
        line-height: 60px;
        font-weight: 600;
        text-align: center;
    }

.home-button-dish {
    height: 60px;
    line-height: 60px;
    background: -webkit-gradient(linear, left top, left bottom, from(#5CC164), to(#5CC164));
    color: #fff;
    text-align: center;
    font-size: 16px;
    font-weight: 600;
}

.home-buttons-list {
    min-height: 40px;
    padding-bottom: 4px;
}

    .home-buttons-list ul {
        display: -webkit-box;
        -webkit-box-orient: horizontal;
        padding: 6px 0 0;
    }

        .home-buttons-list ul li {
            background-color: #fff;
            border: 1px solid #d5d5d5;
            line-height: 40px;
            -webkit-box-flex: 1;
            text-align: center;
            margin-right: 6px;
            color: #63351a;
            font-weight: 600;
        }

            .home-buttons-list ul li:last-child {
                margin-right: 0;
            }

    .home-buttons-list li a {
        color: #633d28;
        display: block;
        width: 100%;
        height: 100%;
    }

.home-promotion {
    margin: 0 4px 0 4px;
}

.home-promotion-title {
    padding-left: 52px;
    line-height: 26px;
    height: 26px;
    border-bottom: 1px solid #9a6647;
    background: url("/Images/bg-coupon.png") no-repeat left top;
    background-size: 50px 24px;
    position: relative;
    font-weight: 600;
    color: #494949;
}

    .home-promotion-title .line {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 120px;
        height: 2px;
        background-color: #9a6647;
    }

.home-promotion-pics {
    padding: 4px 0 4px 0;
    display: -webkit-box;
    -webkit-box-orient: horizontal;
    text-align: center;
}

    .home-promotion-pics img {
        width: 100%;
        display: block;
        height: 145px;
    }

    .home-promotion-pics li {
        -webkit-box-flex: 1;
        width: 50%;
        min-height: 76px;
    }

        .home-promotion-pics li:first-child {
            margin-right: 4px;
        }

.home-promotion-list {
    padding: 0 4px;
}

.page-declare {
    padding: 12px 8px 4px 8px;
    display: -webkit-box;
    -webkit-box-orient: horizontal;
    width: 80%;
    margin-left: 10%;
}

.page-buttons-tabulation {
    display: -webkit-box;
    -webkit-box-orient: horizontal;
}

    .page-buttons-tabulation li {
        -webkit-box-flex: 1;
        border-right: 1px solid #cccccc;
        text-align: center;
        line-height: 40px;
    }

        .page-buttons-tabulation li a {
            color: #fff;
            margin: 0 auto;
            font-size: 16px;
            line-height: 60px;
            font-weight: 600;
            text-align: center;
            display: block;
        }

.page-declare li {
    -webkit-box-flex: 1;
    border-right: 1px solid #cccccc;
    text-align: center;
    line-height: 13px;
    color: #a5a5a5;
}

    .page-declare li:last-child {
        border: 0;
    }

.page-copyright {
    line-height: 20px;
    text-align: center;
    /*padding: 8px 0;*/
    font-size: 12px;
}

.footer {
    bottom: 0;
    width: 100%;
    height: 120px;
    background: #ededed;
    clear: both;
}




/*--buy/order-*/
#bdy {
    position: relative;
    min-height: 100%;
    background-color: #efefef;
    color: #2f2f2f;
}

#page-buy-order .address-show {
    background-image: url("/Images/addr-border.png"),url("/Images/addr-border.png");
    background-position: left top,left bottom;
    background-repeat: repeat-x;
    background-size: 57px auto;
    padding: 12px 25px 12px 15px;
    line-height: 24px;
}

#page-buy-order .address-field {
    display: block;
    background-color: #FFFFFF;
    border: 1px solid #dddddd;
    border-width: 1px 0;
    margin-top: 10px;
    font-size: 16px;
    position: relative;
}

#page-buy-order .addr-name {
    margin-right: 8px;
}

#page-buy-order .addr-gender {
    margin-right: 55px;
}

#page-buy-order .address-show p {
    color: #333;
}

#choose-pay-wrap {
    margin-top: 10px;
    background: #fff;
    font-size: 14px;
}

#page-buy-order .order-region-entries {
    background-color: #fff;
}

#page-buy-order .order-region-entry {
    margin-left: 20px;
    position: relative;
    display: block;
    color: #333333;
    height: 35px;
    line-height: 40px;
    border-bottom: 1px solid #ddd;
}

#page-buy-order .order-region-paytype {
    margin-left: 15px;
    position: relative;
    display: block;
    color: #333333;
    height: 44px;
    line-height: 44px;
}

#page-buy-order .order-entry-price {
    position: absolute;
    line-height: 44px;
    top: 0;
    right: 90px;
    text-align: right;
}

#page-buy-order .order-entry-total {
    position: absolute;
    line-height: 44px;
    top: 0;
    right: 15px;
    text-align: right;
}

#page-buy-order .order-entry-num {
    position: absolute;
    line-height: 44px;
    top: 0;
    right: 95px;
    width: 52px; 
    text-align: center;
}

#page-buy-order .order-entry-icon {
    margin-left: 3px;
    vertical-align: -2px;
}

#page-buy-order .order-entry-name {
    margin-right: 85px;
}

#page-buy-order .text-overflow-ellipsis-2 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

#page-buy-order [class^="icon-"], [class*=" icon-"] {
    font-family: 'iconfonts';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

#page-buy-order .i-circle {
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    display: inline-block;
}

#page-buy-order .icon-tickthick:before {
    content: "\e61a";
}

#page-buy-order .order-payoffline-uncheck, .order-payonline-uncheck {
    float: right;
    width: 16px;
    height: 16px;
    line-height: 16px;
    border: 1px solid #dddddd;
    margin-right: 5px;
    opacity: 0;
}

#page-buy-order .order-timefield {
    padding: 0 15px 0 79px;
    height: 44px;
    border-bottom: 1px solid #dddddd;
    position: relative;
}

#page-buy-order .order-region-title {
    font-size: 14px;
    color: #666;
    padding: 0 0 0 15px;
    font-weight: normal;
    line-height: 35px;
}

#page-buy-order .order-timefield-label {
    line-height: 40px;
    left: 15px;
    position: absolute;
    height: 40px;
}

#page-buy-order .order-timefield-span {
    float: right;
    line-height: 46px;
    color: #aaaaaa;
}

#page-buy-order .icon-arrow-right-thin {
    height: 13px;
    line-height: 13px;
    display: inline-block;
    text-indent: -6px;
    vertical-align: -2px;
    font-size: 17px;
    margin-left: 10px;
}

#page-buy-order .order-field {
    background-color: #fff;
    padding: 0 15px 0 60px;
    height: 44px;
    position: relative;
}

#page-buy-order .order-label {
    line-height: 46px;
    left: 15px;
    position: absolute;
    height: 40px;
}

#page-buy-order .order-input {
    height: 41px;
    line-height: 41px;
    border: none;
    width: 100%;
}


#page-buy-order .icon-check {
    -webkit-background-clip: padding-box;
    border-radius: 14px;
}

#page-buy-order input:checked + .icon-check {
    border-color: #9a6647;
    background-color: #9a6647;
}

#page-buy-order .icon-check {
    right: 13px;
}

    #page-buy-order .icon-check:after {
        top: 2px;
        right: 5px;
        width: 5px;
        height: 10px;
        position: absolute;
        display: none;
        border: 2px solid #b2b2b2;
        border-width: 0 2px 2px 0;
        content: "\0020";
        -webkit-transform: rotate(45deg);
    }

#page-buy-order .icon-check {
    position: absolute;
    top: 50%;
    width: 18px;
    height: 18px;
    margin-right: 6px;
    margin-top: -10px;
    border: 1px solid #d9d9d9;
    -webkit-transform: rotate(0);
}

#page-buy-order input:checked + .icon-check:after {
    display: block;
    border-color: #fff;
}
/****buy/pay****/
#page-buy-pay .cs-message {
    position: relative;
    min-height: 15px;
    -webkit-background-size: 100% 1px,100% 1px;
    color: #000;
    font-size: 20px;
    font-weight: 700;
    margin-top: 16px;
    padding: 8px 0;
    background: #eee;
}

    #page-buy-pay .cs-message .cs-message-main {
        color: #333;
        font-size: 20px;
        line-height: 48px;
        font-weight: 400;
        text-align: center;
        vertical-align: middle;
    }

    #page-buy-pay .cs-message i.cs-sprite-clock {
        display: inline-block;
        margin-left: -15px;
        vertical-align: middle;
    }

#page-buy-pay .cs-sprite-clock {
    background-position: -13px 0;
    width: 20px;
    height: 20px;
    -webkit-background-size: 62px auto;
}

.cs-sprite {
    background-image: url('data:image/png;base64,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') /*/Images/untitled.png*/;
    background-repeat: no-repeat;
    display: block;
    -webkit-background-size: 113px auto;
}

#page-buy-pay .cs-message .cs-message-main span {
    vertical-align: middle;
    line-height: 100%;
    display: inline-block;
}

#page-buy-pay .cs-message .cs-message-main .cs-pay-countdown-time {
    color: #fe4d3d;
    text-align: left;
    width: 60px;
    margin-left: 2px;
}

#page-buy-pay .cs-list-base-info {
    padding: 0 0 1.2rem;
    margin-bottom: .4rem;
    background: #fff;
    position: relative;
}

    #page-buy-pay .cs-list-base-info .cs-list-modifier {
        height: 12px;
        background-size: 35px .30px;
        position: absolute;
        width: 100%;
        bottom: -12px;
    }

#page-buy-pay .cs-list-payment-info {
    padding: 5px 0 0;
}

    #page-buy-pay .cs-list-payment-info .cs-list-item:first-child {
        padding-left: 15px;
        padding-right: 15px;
    }

        #page-buy-pay .cs-list-payment-info .cs-list-item:first-child .cs-list-control input {
            vertical-align: middle;
            padding: 0;
            line-height: 15px;
            color: #fe4d3d;
        }

        #page-buy-pay .cs-list-payment-info .cs-list-item:first-child .cs-list-label {
            vertical-align: middle;
            line-height: 15px;
            font-weight: 700;
            width: 25%;
        }

#page-buy-pay .cs-list .cs-list-item, .cs-list[am-flat~=flat] .cs-list-item {
    padding: 5px 0;
    min-height: 32px;
    -webkit-background-size: 0 0,0 0,100% 1px,100% 1px;
    color: #000;
    vertical-align: middle;
    margin-left: 0;
    margin-right: 0;
    margin-top: -1px;
    text-align: left;
    overflow: inherit;
    display: -webkit-box;
    display: -webkit-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
}

#page-buy-pay .cs-list-base-info .cs-list-item {
    background: #fff;
    padding: 14px 15px 0;
    margin: 0;
    min-height: 2rem;
}

#page-buy-pay .cs-list[cs-mode~=flat] .cs-list-item .cs-list-label {
    margin-right: 0;
}

#page-buy-pay .cs-list-base-info .cs-list-item .cs-list-label {
    vertical-align: middle;
    line-height: 15px;
    font-weight: 700;
}

#page-buy-pay .cs-list[cs-mode~=form] .cs-list-item .cs-list-label {
    color: #000;
    text-align: left;
}

#page-buy-pay .cs-list[cs-mode~=form] .cs-list-item .cs-list-control {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    margin-left: 10px;
}

#page-buy-pay .cs-list-base-info .cs-list-item .cs-list-control input {
    vertical-align: middle;
    padding: 0;
    font-size: 15px;
    line-height: 15px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
}

#page-buy-pay .cs-list .cs-list-item .cs-list-thumb:first-child {
    margin-right: 8px;
}

#page-buy-pay .cs-list-payment-info .cs-list-content, .cs-list-payment-info .cs-list-thumb {
    z-index: 2;
    position: relative;
}

#page-buy-pay .cs-list .cs-list-item .cs-list-thumb {
    width: 50px;
    height: 32px;
    line-height: 32px;
    vertical-align: middle;
}

    #page-buy-pay .cs-list .cs-list-item .cs-list-thumb img {
        width: 100%;
        height: 100%;
    }

#page-buy-pay .cs-list .cs-list-item .cs-list-content {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    min-width: 60px;
    width: auto;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#page-buy-pay .cs-list-payment-info .cs-list-title {
    font-weight: 400;
    line-height: 15px;
    vertical-align: middle;
    margin-top: 6px;
}

#page-buy-pay .cs-list .cs-list-item .cs-list-title {
    color: #000;
    width: auto;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#page-buy-pay .cs-list .cs-list-item .cs-list-brief {
    font-size: 13px;
    margin-top: 2px;
    color: #999;
    width: auto;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#page-buy-pay .cs-list .cs-list-item[cs-mode~=check] .cs-checkbox {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

#page-buy-pay .cs-list[cs-mode~=form] .cs-list-item input {
    padding-top: 5px;
    padding-bottom: 5px;
}

#page-buy-pay .cs-list[cs-mode~=form] .cs-list-item button, .cs-list[cs-mode~=form] .cs-list-item input, .cs-list[cs-mode~=form] .cs-list-item select, .cs-list[cs-mode~=form] .cs-list-item textarea {
    font-size: 16px;
    -webkit-appearance: none;
    width: 100%;
    padding: 0;
    border: none;
    background-color: transparent;
}

#page-buy-pay .cs-list .cs-list-item[cs-mode~=check] .cs-checkbox .icon-check {
    right: 13px;
}

#page-buy-pay .cs-checkbox .icon-check {
    position: absolute;
    top: 50%;
    width: 18px;
    height: 18px;
    margin-right: 2px;
    margin-top: -10px;
    border: 1px solid #d9d9d9;
    -webkit-transform: rotate(0);
}

#page-buy-pay .cs-checkbox input:checked + .icon-check {
    border-color: #9a6647;
    background-color: #9a6647;
}

#page-buy-pay .cs-checkbox[cs-mode~=radio] .icon-check {
    -webkit-background-clip: padding-box;
    border-radius: 14px;
}

#page-buy-pay .cs-checkbox input {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    height: 100%;
    z-index: 999;
}

#page-buy-pay .cs-list .cs-list-item img {
    vertical-align: middle;
}

#page-buy-pay .cs-button {
    display: inline-block;
    width: 50%;
    padding: 0 4px;
    margin-left: 25%;
    border: none;
    color: #fff;
}

#page-buy-pay .cs-content {
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: 20px;
}

#page-buy-pay .cs-j-make-sure {
    margin-top: 1.3rem;
    background-color: #fdb338;
    border-color: #f5ab2f;
    line-height: 60px;
    -webkit-background-clip: padding-box;
    border-radius: 3px;
    font-size: 18px;
    cursor: pointer;
}

    #page-buy-pay .cs-j-make-sure:active {
        background-color: #9f6607;
        border-color: #9f6607;
    }

#page-buy-pay .cs-list-payment-info .cs-list-content, .cs-pay .cs-list-payment-info .cs-list-thumb {
    z-index: 2;
    position: relative;
}

#page-buy-pay .cs-checkbox input:checked + .icon-check:after {
    display: block;
    border-color: #fff;
}

#page-buy-pay .cs-checkbox .icon-check:after {
    top: 2px;
    right: 5px;
    width: 5px;
    height: 10px;
    position: absolute;
    display: none;
    border: 2px solid #b2b2b2;
    border-width: 0 2px 2px 0;
    content: "\0020";
    -webkit-transform: rotate(45deg);
}

#page-buy-pay .ordersucc-timeout {
    display: none;
}
/*--buy/payfailednotify-支付成功id和用支付失败的id--*/
#page-buy-payfailednotify .orderregion {
    margin-top: 15px;
    background-color: #ffffff;
    border-top: 1px solid #dddddd;
    border-bottom: 1px solid #dddddd;
}

#page-buy-payfailednotify .orderregion-title {
    height: 39px;
    line-height: 39px;
    font-size: 15px;
    color: #333333;
    margin: 0 15px;
    font-weight: bold;
    border-bottom: 1px solid #dddddd;
}

#page-buy-payfailednotify .status-detail-icon {
    height: 23px;
    background-repeat: no-repeat;
    float: left;
    margin: 10px 8px 0px -5px;
    width: 13px;
}

#page-buy-payfailednotify .icon1-detail {
    background-image: url("/Images/iconOrderdetail.png");
    background-size: 13px 20px;
    display: inline-block;
}

#page-buy-payfailednotify .status-name {
    color: #555555;
    font-size: 15px;
    font-weight: normal;
}

#page-buy-payfailednotify .orderregion-entries-compact {
    margin: 0 15px;
}

#page-buy-payfailednotify .orderregion-entry-compact {
    margin: 12px 0;
    font-size: 15px;
    color: #333333;
}
/*buy/refundresultdetail*/
#page-buy-refundresult .info-wrapper {
    padding: 17px 10px;
    margin: 10px 0;
    border-bottom: 1px solid #DDD8CE;
    border-top: 1px solid #DDD8CE;
    background: #ffffff;
}

    #page-buy-refundresult .info-wrapper .title {
        font-size: 15px;
        color: #333333;
    }

    #page-buy-refundresult .info-wrapper .size {
        color: #ec5330;
    }

    #page-buy-refundresult .info-wrapper .type {
        color: #666666;
        line-height: 1em;
        text-align: right;
    }

#page-buy-refundresult .wrapper-list .title {
    border-bottom: 1px solid #DDD8CE;
    border-top: 1px solid #DDD8CE;
    padding: 0 10px;
}

#page-buy-refundresult .wrapper-list h4 {
    font-size: 15px;
    line-height: 20px;
    color: #333333;
    padding: 11px 0;
    margin: 0;
    font-weight: 400;
}

#page-buy-refundresult .milestone.success {
    color: #06c1ae;
}

#page-buy-refundresult .milestone {
    padding-left: 20px;
    position: relative;
    margin-left: 10px;
    padding-top: 15px;
}

    #page-buy-refundresult .milestone.success:before, .milestone.success:after {
        background: #06c1ae;
    }

    #page-buy-refundresult .milestone:before {
        content: ' ';
        height: 10px;
        width: 10px;
        top: 17px;
        border-radius: 10px;
        display: inline-block;
        position: absolute;
        left: 0;
        z-index: 4;
    }

    #page-buy-refundresult .milestone h5 {
        font-size: 15px;
        font-weight: normal;
        margin: 0;
        line-height: 1;
    }

    #page-buy-refundresult .milestone .content {
        font-size: 13px;
        margin-top: 14px;
        padding-bottom: 15px;
        border-bottom: 1px solid #DDD8CE;
    }

    #page-buy-refundresult .milestone:not(:last-child):after {
        content: ' ';
        position: absolute;
        left: 5px;
        bottom: -12px;
        top: 32px;
        width: 1px;
    }

#page-buy-refundresult a.react, label.react {
    display: block;
    color: inherit;
    height: 100%;
}

#page-buy-refundresult .more {
    padding: 0 15px 0 79px;
    margin: 0 0 0 15px;
    height: 44px;
    border-bottom: 1px solid #ddd;
    position: relative;
}
/***dish/list***/
#page-dish-list .clearfix::after {
    clear: both;
    content: " ";
    display: block;
    font-size: 0;
    height: 0;
    visibility: hidden;
}

#page-dish-list .shopping-cart {
    bottom: 0;
    font-size: 14px;
    position: fixed;
    right: 0;
    width: 100%;
    z-index: 100;
}

    #page-dish-list .shopping-cart .first-to-app {
        background-color: #9a6647;
        border-right: 1px solid #dcdcdc;
        box-shadow: 0 -1px 9px #ccc;
        color: #fff;
        height: 40px;
        line-height: 40px;
        padding-left: 15px;
        position: absolute;
        top: -40px;
        width: 100%;
        z-index: 1;
    }

#page-dish-list .fl {
    float: left;
}

#page-dish-list .shopping-cart .order-list {
    background-color: #ffffff;
    border-right: 1px solid #dcdcdc;
    box-shadow: 0 -1px 9px #ccc;
    width: 100%;
}

#page-dish-list .shopping-cart .title {
    background-color: #F1EADB;
    font-size: 14px;
    height: 32px;
    line-height: 32px;
    padding-left: 8px;
    width: 100%;
}

    #page-dish-list .shopping-cart .title .dishes {
        white-space: nowrap;
        width: 30%;
    }

    #page-dish-list .shopping-cart .title .ti-price {
        white-space: nowrap;
    }

#page-dish-list .shopping-cart .modify input {
    width: 24px;
    display: inline-block;
    border: none;
    height: 20px;
    _height: 17px;
    padding: 0 3px;
    line-height: 16px;
    text-align: center;
}

#page-dish-list .shopping-cart .pri {
    text-align: center;
    margin: 10px 22px;
}

#page-dish-list .shopping-cart .modify a {
    width: 20px;
    height: 20px;
    display: inline-block;
    font-weight: bold;
    text-align: center;
}

#page-dish-list .shopping-cart .modify {
    margin: 12px 10px;
    width: 25%;
}

#page-dish-list .clearfix {
    zoom: 1;
}

#page-dish-list .shopping-cart .na {
    width: 40%;
    margin: 10px 10px 14px 10px;
}

#page-dish-list .shopping-cart .total {
    height: 49px;
    line-height: 49px;
    text-align: right;
    width: 100%;
}

    #page-dish-list .shopping-cart .total span {
        color: #fe4d3d;
        margin: 0 3px;
    }

        #page-dish-list .shopping-cart .total span .bill {
            color: #fe4d3d;
            font-size: 28px;
            font-weight: bold;
            margin-right: 0;
        }

#page-dish-list .shopping-cart .footer {
    background-color: #fff;
    height: 40px;
    position: relative;
    z-index: 1;
    border-top: 1px solid #eee;
    box-shadow: 0 -1px 9px #CCC;
    -moz-box-shadow: 0 -1px 9px #CCC;
    -webkit-box-shadow: 0 -1px 9px #CCC;
    -ms-box-shadow: 0 -1px 9px #CCC;
    -o-box-shadow: 0 -1px 9px #CCC;
}

#page-dish-list .shopping-cart .logo {
    height: 44px;
    left: 10px;
    position: absolute;
    top: -10px;
    width: 44px;
    border-radius: 50%;
    background-color: #ff9213;
}

    #page-dish-list .shopping-cart .logo .icon {
        margin: 9px 0 0 9px;
    }

#page-dish-list .i-shopping-cart-new {
    background-position: 0 0;
    height: 26px;
    width: 26px;
    background-image: url("/Images/cart.png");
    background-repeat: no-repeat;
    display: inline-block;
}

#page-dish-list .shopping-cart .brief-order {
    color: #fff;
    display: none;
    padding-left: 60px;
    padding-top: 12px;
}

#page-dish-list .fr {
    float: right;
}

#page-dish-list .shopping-cart .go-pay {
    background-color: #ff9213;
    border: 0 none;
    color: #ffffff;
    cursor: pointer;
    display: none;
    font-weight: bold;
    height: 31px;
    line-height: 31px;
    margin-right: 5px;
    margin-top: 4px;
    padding: 0 30px;
    text-align: center;
    -webkit-appearance: none;
}

#page-dish-list .borderradius-2 {
    border-radius: 2px;
}

#page-dish-list button, input, select, textarea {
    font-size: 100%;
    outline: 0 none;
}

#page-dish-list #container {
}

#page-dish-list .panel {
    box-sizing: border-box;
    height: 100%;
    overflow-y: auto;
}

#page-dish-list .main {
    color: #787878;
}

    #page-dish-list .main.pb51 {
        padding-bottom: 51px;
    }

#page-dish-list .main-left {
    float: left;
    position: fixed;
    width: 82px;
    background-color: #faf7f6;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}

#page-dish-list .menu-left-ul {
    position: relative;
}

#page-dish-list .menu-left-list {
    position: relative;
    padding: 15px 5px;
    border-bottom: 1px solid #e8e6e4;
}

    #page-dish-list .menu-left-list a {
        display: block;
        width: 100%;
        height: 100%;
        text-align: center;
    }

#page-dish-list .main-left .active {
    background-color: #fff;
}

#page-dish-list .menu-count {
    display: none;
    position: absolute;
    top: 4px;
    right: 4px;
    box-sizing: border-box;
    padding: 0 4px;
    font-size: 10px;
    min-width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    border-radius: 10px;
    color: #fff;
    background-color: #f60;
}

#page-dish-list .number .menu-count {
    display: block;
}

#page-dish-list .main-right {
    position: relative;
    background-color: #fff;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    margin-left: 82px;
}

#page-dish-list .posa {
    position: absolute;
}

#page-dish-list .t0 {
    top: 0;
}

#page-dish-list .l0 {
    left: 0;
}

#page-dish-list .main-right .active-menu {
    box-sizing: border-box;
    width: 100%;
    padding: 40px 10px 10px;
    z-index: 10;
    background-color: rgba(250,247,246,0.9);
    font-size: 14px;
    color: #4d4b47;
    margin-left: 82px;
    margin-top: 10px;
    position: fixed;
}

#page-dish-list .menu-right-content {
    position: relative;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}

#page-dish-list .menu-title {
    font-size: 14px;
    padding: 10px;
    color: #787878;
    background-color: #ededed;
}

#page-dish-list .menu-right-list {
    font-size: 12px;
    border-top: 1px solid #eee;
    padding: 10px 0 10px 10px;
    overflow: hidden;
    position: relative;
    outline: 0;
}

#page-dish-list .menu-right-dl {
    margin: 0;
}

#page-dish-list .menu-right-dt {
    display: none;
    float: left;
    margin: 0;
    position: relative;
    width: 80px;
    height: 80px;
    overflow: hidden;
}

#page-dish-list .photo .menu-right-dt {
    display: block;
    margin-right: 5px;
}

#page-dish-list .menu-right-img {
    width: 80px;
    height: 80px;
    float: left;
    opacity: 0;
    position: absolute;
    top: 50%;
    left: 0;
}

#page-dish-list .menu-right-dd {
    margin-right: 10px;
    position: relative;
    overflow: hidden;
}

#page-dish-list .photo .menu-right-dd {
    margin-right: 10px;
}

#page-dish-list .menu-right-dd p {
    color: #787878;
    margin-bottom: 10px;
}

#page-dish-list .menu-right-dd .menu-list-title {
    color: #4d4b47;
    margin: 10px 0 6px 0;
    font-size: 16px;
}

#page-dish-list .dn {
    display: none !important;
}


#page-dish-list .food-price-wrap {
    position: relative;
}

#page-dish-list .vipPrice {
    display: inline-block;
    width: 34px;
    height: 14px;
    background: url("/Images/crmtips_bg.png") no-repeat;
    background-size: 34px 14px;
    margin: 0 0 0 4px;
    vertical-align: middle;
}

#page-dish-list .pr8, .pr-8 {
    padding-right: 8px;
}

#page-dish-list .food-price-wrap .sold {
    position: absolute;
    right: 0;
    bottom: 0;
}

#page-dish-list .count {
    margin-top: -12px;
}

    #page-dish-list .count.active .minus, .count.active .sum {
        display: inline-block;
    }

    #page-dish-list .count.active .minus, .num-wrap .minus {
        border-radius: 20px 0 0 20px;
    }

#page-dish-list .price {
    font-size: 25px;
    line-height: 0px;
    font-weight: bold;
    color: #fe4d3d;
}

#page-dish-list .sum, .plusClick, .minusClick {
    box-sizing: border-box;
    height: 36px;
    display: inline-block;
    border: 1px solid #d1ccc7;
    float: left;
}

#page-dish-list .sum, .plus, .minus {
    box-sizing: border-box;
    display: inline-block;
    border: 1px solid #d1ccc7;
}

#page-dish-list .shopNum {
    margin-right: 10px;
    background-color: #ff6a00;
    font-size: 14px;
    margin-top: 2px;
    width: 23px;
    height: 23px;
    text-align: center;
    line-height: 23px;
    border-radius: 50%;
    color: #fff;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

#page-dish-list .sum {
    display: none;
    font-size: 16px;
    width: 50px;
    line-height: 36px;
    color: #4b4d47;
    text-align: center;
    border-left: none;
    border-right: 0;
    font-weight: bolder;
}

#page-dish-list .ipt-no-app {
    -webkit-appearance: none;
    border-radius: 0;
}

#page-dish-list input.sum {
    line-height: 1.5;
    padding-top: 4px;
}

#page-dish-list .plusClick {
    width: 30px;
    height: 30px;
    float: right;
    background: white url("/Images/add.png") no-repeat center center;
    background-size: 24px 24px;
    border-radius: 20px;
}

#page-dish-list .minusClick {
    width: 30px;
    height: 30px;
    float: right;
    margin-right: 10px;
    background: white url("/Images/subtract.png") no-repeat center center;
    background-size: 24px 24px;
    border-radius: 20px;
}

#page-dish-list .plus {
    background: white url("/Images/add.png") no-repeat center center;
    background-size: 24px 24px;
    border-radius: 20px;
}

#page-dish-list .minus {
    background: white url("/Images/subtract.png") no-repeat center center;
    background-size: 24px 24px;
    border-radius: 20px;
}

#page-dish-list .soldout {
    position: absolute;
    right: 10px;
    bottom: 10px;
    width: 65px;
    height: 50px;
    background: url('/Images/sold_out.png') no-repeat;
    background-size: 65px 50px;
}
/*********/
.device {
    width: 100%;
    max-width: 540px;
    margin: 0 auto;
    position: relative;
    top: 40px;
}

.swiper-container {
    margin: 0 auto;
    width: 100%;
    position: relative;
    overflow: hidden;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 100;
}

.swiper-wrapper {
    position: relative;
    width: 10000px;
    -webkit-transition-property: -webkit-transform, left, top;
    -webkit-transition-duration: 0s;
    -webkit-transform: translate3d(0px,0,0);
    -webkit-transition-timing-function: ease;
    -moz-transition-property: -moz-transform, left, top;
    -moz-transition-duration: 0s;
    -moz-transform: translate3d(0px,0,0);
    -moz-transition-timing-function: ease;
    -o-transition-property: -o-transform, left, top;
    -o-transition-duration: 0s;
    -o-transform: translate3d(0px,0,0);
    -o-transition-timing-function: ease;
    -o-transform: translate(0px,0px);
    -ms-transition-property: -ms-transform, left, top;
    -ms-transition-duration: 0s;
    -ms-transform: translate3d(0px,0,0);
    -ms-transition-timing-function: ease;
    transition-property: transform, left, top;
    transition-duration: 0s;
    transform: translate3d(0px,0,0);
    transition-timing-function: ease;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

.swiper-free-mode > .swiper-wrapper {
    -webkit-transition-timing-function: ease-out;
    -moz-transition-timing-function: ease-out;
    -ms-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    margin: 0 auto;
}

.swiper-slide {
    float: left;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    width: 540px;
    height: 150px;
}

.swiper-wp8-horizontal {
    -ms-touch-action: pan-y;
}

.swiper-wp8-vertical {
    -ms-touch-action: pan-x;
}

.swiper-container {
    width: 100%;
    /*height: 150px;*/ height: auto;
    cursor: -webkit-grab;
}

.swiper-slide {
    float: left;
    text-align: left;
}

    .swiper-slide img {
        /*height: 100%;*/
        width: 100%;
        max-width: 100%;
    }

.swiper-slide-active {
}

.swiper-slide-visible {
}

.pagination {
    position: absolute;
    left: 0;
    text-align: right;
    bottom: 5px;
    width: 100%;
    z-index: 1000;
}

.swiper-pagination-switch {
    display: inline-block;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: rgba(255,255,255,.5);
    margin: 0 10px 0 0;
    cursor: pointer;
}

.swiper-active-switch {
    background: #fff;
}

.swiper-visible-switch {
    background: #aaa;
}
/******login/register***********/
#page-login-register .form:last-child {
    border-bottom: 0;
}

#page-login-register .module-title {
    color: #a29584;
}

#page-login-register .fz18, .font-big, .module-title, .btn-block, #rightBar #orderList ul[series-id] li .count .sum, #timeBar #calendar .calendar-body .calendar-tr .calendar-td {
    font-size: 18px;
}

#page-login-register .t-c, .text-center, .btn-block, .top-bar .right .pur-car, #page-footer, .tabBanner .tab {
    text-align: center;
}

#page-login-register .form li, .form .li {
    position: relative;
    height: 43px;
    background-color: white;
    padding: 0 10px 0 10px;
    border-bottom: 1px solid #eee;
}

#page-login-register .t-l, .text-left {
    text-align: left;
}

#page-login-register .form li input, .form .li input {
    width: 80%;
    height: 43px;
    padding-left: 15px;
    font-size: 18px;
    border: 0;
    outline: none;
    background-color: transparent;
}

#page-login-register .btn-able {
    background-color: white;
    border: 1px solid #c7c5c3;
    height: 41px;
    color: #4d4b47;
}

#page-login-register .with-clear:invalid ~ .btn-clear {
    visibility: hidden;
}

#page-login-register .form li .btn-clear, .form .li .btn-clear {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 100;
    width: 20px;
    height: 43px;
    line-height: 43px;
    background-size: 19px 19px;
    margin: 0 10px 0 0;
}

#page-login-register .button {
    border-radius: 4px;
    display: inline-block;
    width: 100%;
    height: 36px;
    line-height: 36px;
    font-size: 14px;
    font-weight: bold;
    color: #fff;
    text-align: center;
    background-color: #f60;
}

/****login/signin*****/
#page-login-signin #container {
    overflow-x: hidden;
    padding: 10px 10px 10px 10px;
}

#page-login-signin .tabBanner {
    height: 50px;
    position: relative;
}

    #page-login-signin .tabBanner .active {
        position: absolute;
        height: 4px;
        width: 49.9%;
        top: 0;
        background-color: #926136;
    }

    #page-login-signin .tabBanner .tab {
        line-height: 48px;
        display: inline-block;
        background-color: #e6e0dc;
        width: 49.9%;
        text-align: center;
        margin-right: -4px;
    }

        #page-login-signin .tabBanner .tab.tab-active {
            background-color: transparent;
        }

    #page-login-signin .tabBanner .active .aaa {
        right: 0;
    }

#page-login-signin .form li, .form .li {
    position: relative;
    height: 43px;
    background-color: white;
    padding: 0 10px 0 10px;
    border-bottom: 1px solid #eee;
}

#page-login-signin .t-l, .text-left {
    text-align: left;
}

#page-login-signin .form li input, .form .li input {
    width: 80%;
    height: 43px;
    padding-left: 15px;
    font-size: 18px;
    border: 0;
    outline: none;
    background-color: transparent;
}

#page-login-signin .btn-able {
    background-color: white;
    border: 1px solid #c7c5c3;
    height: 41px;
    color: #4d4b47;
}

#page-login-signin .with-clear:invalid ~ .btn-clear {
    visibility: hidden;
}

#page-login-signin .form li .btn-clear, .form .li .btn-clear {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 100;
    width: 20px;
    height: 43px;
    line-height: 43px;
    background-size: 19px 19px;
    margin: 0 10px 0 0;
}

#page-login-signin .button {
    border-radius: 4px;
    display: inline-block;
    margin-top: 10px;
    width: 100%;
    height: 36px;
    line-height: 36px;
    font-size: 14px;
    font-weight: bold;
    color: #fff;
    text-align: center;
    background-color: #ff9213;
    outline: none;
    border: none;
    -webkit-appearance: none;
}
/****page/index*****/
#page-page-index .catalog {
    padding-top: 40px;
    padding-bottom: 100px;
}

#page-page-index .catalog-title {
    background-color: #ffffff;
    font-size: 16px;
    font-weight: normal;
    padding: 0 10px;
    height: 44px;
    border-bottom: 1px solid #dddddd;
}

#page-page-index .faq-yen {
    width: 11px;
    height: 15px;
    background-position: 0 -20px;
    float: left;
    margin: 13px 18px 0 8px;
}

#page-page-index .faq-icon {
    background-image: url("/Images/UpDown.png");
    background-repeat: no-repeat;
    background-size: 27px 7px;
    display: block;
}

#page-page-index .catalog-fold .faq-arrow {
    background-position: 0 0;
}

#page-page-index .catalog-unfold .faq-arrow {
    background-position: -15px 0;
}

#page-page-index .faq-arrow {
    width: 11px;
    height: 7px;
    float: right;
    margin-top: 19px;
}

#page-page-index .catalog-title-word {
    height: 44px;
    line-height: 44px;
}

#page-page-index .catalog-fold .catalog-content, .catalog-fold .go {
    display: none;
}

#page-page-index .catalog-content {
    padding-left: 15px;
    margin-top: -1px;
}

#page-page-index .help-item {
    padding: 15px 39px 14px 0;
    border-top: 1px solid #dddddd;
}

#page-page-index .help-title {
    font-size: 15px;
    font-weight: normal;
    color: #333333;
}

#page-page-index .help-content {
    font-size: 12px;
    color: #888888;
    margin-top: 13px;
}
/***user/balance*****/

#page-user-balance .my-balance-wrapper .balance-info {
    padding: 10px;
    background-color: #fff;
    border-bottom: 1px solid #eee;
    font-size: 14px;
    font-weight: 600;
}

    #page-user-balance .my-balance-wrapper .balance-info .balance-value {
        color: #fe4d3d;
        font-size: 18px;
    }

#page-user-balance .field-btn {
    width: 70px;
    height: 30px;
    line-height: 29px;
    border: 1px solid #fe4d3d;
    color: #fe4d3d;
    font-size: 13px;
    background-color: #ffffff;
    display: inline-block;
    box-sizing: border-box;
    text-align: center;
    cursor: pointer;
    border-radius: 3px;
}

#page-user-balance .my-balance-wrapper .no-record-container .message {
    font-size: 14px;
    color: #898989;
    text-align: center;
}

#page-user-balance .no-record-container {
    border-bottom: 1px solid #eee;
}

    #page-user-balance .no-record-container ul {
        margin: 10px 0;
        border-bottom: 1px #ddd solid;
    }

    #page-user-balance .no-record-container li {
        border-top: 1px #ddd solid;
        line-height: 30px;
    }

#page-user-balance .field {
    border-bottom: 1px solid #dddddd;
    display: block;
    position: relative;
    background-color: #ffffff;
}

#page-user-balance .field-head {
    height: 25px;
    line-height: 25px;
    margin-left: 15px;
    font-size: 14px;
    padding-top: 10px;
    width: 100%;
}

#page-user-balance .field-head-time {
    float: left;
    color: #666666;
}

.field-head-type {
    margin-left: 100px;
    color: #666666;
    float: left;
}

#page-user-balance {
    width: 100%;
}

    #page-user-balance .field-head-status {
        float: right;
        color: #999999;
    }

    #page-user-balance .field-item {
        display: block;
        padding: 0px 50px 12px 15px;
        position: relative;
    }

    #page-user-balance .avatar {
        width: 45px;
        height: 45px;
        line-height: 45px;
        overflow: hidden;
        margin-top: 2px;
        float: left;
    }

    #page-user-balance .avatar-img {
        vertical-align: middle;
        max-width: 45px;
        max-height: 45px;
    }

    #page-user-balance .text-overflow-ellipsis-2 {
        line-height: 1.15em;
        max-height: 2.3em;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
    }

    #page-user-balance .field .content .na {
        font-size: 15px;
        color: #333333;
    }

    #page-user-balance .field .price {
        height: 20px;
        margin-top: 4px;
        color: #666666;
        font-size: 14px;
    }

    #page-user-balance .field-arrow {
        color: #666;
        position: absolute;
        right: 7px;
        top: 5px;
        font-size: 14px;
    }

    #page-user-balance [class^="icon-"], [class*=" icon-"] {
        font-family: 'iconfonts';
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }
/****user/comment*******/
#page-user-comment dl.list {
    border-top: 1px solid #DDD8CE;
    border-bottom: 1px solid #DDD8CE;
    margin-top: 10px;
    margin-bottom: 0;
    background-color: #fff;
}

    #page-user-comment dl.list .dd-padding, dl.list dt, dl.list dd > .react {
        padding: 14px 10px;
    }

#page-user-comment h6 {
    font-size: 15px;
    font-weight: normal;
    line-height: 1.41;
    text-align: justify;
    margin: -3px 0 10px;
    word-break: break-all;
}

#page-user-comment .score {
    position: relative;
}

#page-user-comment dl.list dt, dl.list dd {
    margin: 0;
    border-bottom: 1px solid #DDD8CE;
    overflow: hidden;
    font-size: inherit;
    font-weight: 400;
    position: relative;
}

#page-user-comment input.input-weak, textarea.input-weak {
    border: 0;
    text-indent: 5px;
    font-size: 15px;
    border-radius: 3px;
}

#page-user-comment .score:before, .score span:after {
    content: '★★★★★';
    position: absolute;
    font-family: 'base_icon';
    font-size: 25px;
    color: #e9e9e9;
    letter-spacing: 20px;
    line-height: 1em;
    left: 0;
}

#page-user-comment .score label {
    display: inline-block;
    width: 35px;
    height: 25px;
}

#page-user-comment .score input {
    opacity: 0;
    width: 100%;
    height: 100%;
    -webkit-appearance: initial;
    outline: none;
    z-index: 3;
}

#page-user-comment .score span {
    position: absolute;
    visibility: hidden;
    color: #f49231;
    top: 0;
    left: 0;
    width: 100%;
    line-height: 1.9em;
    font-size: 14px;
    pointer-events: none;
    text-align: right;
}

    #page-user-comment .score span:after {
        color: #f49231;
    }

#page-user-comment .score input:checked + span {
    visibility: visible;
}

#page-user-comment .score_1:checked + span:after {
    content: "★";
}

#page-user-comment .score_2:checked + span:after {
    content: "★★";
}

#page-user-comment .score_3:checked + span:after {
    content: "★★★";
}

#page-user-comment .score_4:checked + span:after {
    content: "★★★★";
}

#page-user-comment textarea {
    width: 100%;
}

#page-user-comment dl.list dd dl {
    margin: 0;
    margin-bottom: -1px;
    padding-left: 10px;
    border: 0;
}

#page-user-comment dl.list dd > .input-weak {
    width: 100%;
    display: block;
    outline: none;
}

#page-user-comment textarea.input-weak {
    padding: 0;
    margin: -.2em 0;
    line-height: 1.41;
    height: 2.8em;
}

#page-user-comment .btn-wrapper {
    margin: 14px 10px;
}

#page-user-comment .btn-larger {
    font-size: 20px;
}

#page-user-comment .btn-block {
    display: block;
    width: 100%;
}

#page-user-comment .btn {
    margin: 0;
    text-align: center;
    padding: 13px;
    border-radius: 3px;
    color: #fff;
    border: 0;
    background-color: #f60;
    vertical-align: middle;
    box-sizing: border-box;
    cursor: pointer;
    -webkit-appearance: none;
    -webkit-user-select: none;
}
/*****user/editaddr*****/
#page-user-editaddr .fill-section-wrap h3 {
    line-height: 34px;
    padding: 0 10px;
    border-bottom: 1px solid #F1F1F1;
    font-size: 13px;
    background: #f8f8f8;
    font-weight: normal;
}

#page-user-editaddr .fill-section {
    padding: 0 10px;
    background: #fff;
}

    #page-user-editaddr .fill-section li {
        border-bottom: 1px solid #F1F1F1;
    }

#page-user-editaddr .customer-section .fill-type {
    width: 50px;
}

#page-user-editaddr .fill-type {
    float: left;
    line-height: 44px;
}

#page-user-editaddr .customer-section .fill-section-right {
    margin-left: 50px;
}

#page-user-editaddr .fill-input {
    width: 100%;
    height: 44px;
    line-height: 38px;
    border: 0;
    font-size: 13px;
    outline: none;
}

#page-user-editaddr .customer-gender {
    height: 44px;
}

#page-user-editaddr .customer-gender-choice {
    float: right;
    width: 40%;
    height: 44px;
    line-height: 44px;
    padding-left: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#page-user-editaddr .customer-gender-check .i-circle {
    width: 18px;
    height: 18px;
    line-height: 18px;
    border: 0;
    background-color: #53c123;
    text-align: center;
    color: #ffffff;
    font-size: 14px;
    font-family: 'iconfonts';
}

#page-user-editaddr .address-section .fill-section-right {
    display: block;
    height: 44px;
    margin-left: 125px;
}

#page-user-editaddr .addr-choose {
    display: block;
    padding: 0;
    line-height: 44px;
    font-size: 13px;
    color: #333;
    border: 0;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
}

#page-user-editaddr .submit {
    width: 98%;
    height: 40px;
    line-height: 40px;
    background-color: #ff9213;
    display: inline-block;
    margin: 10px 1%;
    text-align: center;
    border-radius: 3px;
    color: #fff;
    border: 0;
    vertical-align: middle;
    box-sizing: border-box;
    cursor: pointer;
    -webkit-user-select: none;
}
/***user/getaddr*****/
#page-user-getaddr .address-add {
    display: block;
    height: 44px;
    background-color: #fff;
    margin: 15px 0;
    outline: none;
}

    #page-user-getaddr .address-add img {
        float: left;
        width: 15px;
        height: 15px;
        margin: 14px 8px 0 15px;
        border: 0;
    }

#page-user-getaddr .address-add-font {
    float: left;
    line-height: 44px;
    font-size: 15px;
    color: #fe4d3d;
}

#page-user-getaddr .address-list li:first-child {
    border-top: 0;
}

#page-user-getaddr .address-list li {
    border-width: 1px 0;
    margin-bottom: 15px;
    padding: 0px 15px;
    background-color: #fff;
}

#page-user-getaddr .myaddress-list .address-info {
    border-bottom: 1px solid #ddd;
    padding: 12px 0 12px 25px;
}

#page-user-getaddr .address-info {
    border-bottom: 1px solid #ddd;
    padding: 12px 0 12px 25px;
}

    #page-user-getaddr .address-info p {
        line-height: 22px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        font-size: 14px;
    }

#page-user-getaddr .contect-name {
    margin-right: 10px;
}

#page-user-getaddr .contect-gender {
    margin-right: 55px;
}

#page-user-getaddr .address-info p.address-dtl {
    color: #898989;
}

#page-user-getaddr .contect-button {
    position: relative;
    height: 44px;
}

    #page-user-getaddr .contect-button .dele {
        right: 96px;
    }

    #page-user-getaddr .contect-button a {
        position: absolute;
        right: 0px;
        width: 80px;
        height: 30px;
        line-height: 30px;
        text-align: center;
        border: 1px solid #7b7d7c;
        color: #7b7d7c;
        border-radius: 4px;
        margin-top: 6px;
        background-color: #fff;
    }
/***user/index***/
#page-user-index #container {
    overflow-x: hidden;
    padding: 10px 10px 10px 10px;
}

    #page-user-index #container article {
        margin: 0 0 20px 0;
    }

        #page-user-index #container article a {
            color: #333;
        }

#page-user-index .arrow-next {
    background-color: none;
    background-image: url(/Images/arrow-next.png);
    background-position: center right;
    background-repeat: no-repeat;
    padding-right: 15px !important;
    background-size: 6px 20px;
}

#page-user-index hr {
    display: block;
    -webkit-margin-before: 0.5em;
    -webkit-margin-after: 0.5em;
    -webkit-margin-start: auto;
    -webkit-margin-end: auto;
    border-style: inset;
    border-width: 1px;
}

#page-user-index .ucenter-username {
    font-size: 16px;
    line-height: 24px;
    margin-left: 20px;
    margin-top: 5px;
    color: #333333;
}

    #page-user-index .ucenter-username .number {
        color: #eb8639;
        margin-left: -9px;
        position: relative;
        top: 2px;
        font-size: 10px;
        font-style: italic;
    }

#page-user-index .residual-amount {
    font-size: 13px;
    color: #959595;
    line-height: 20px;
    margin-left: 20px;
}

#page-user-index .avater {
    position: absolute;
    top: 50px;
    left: 20px;
    border-radius: 50%;
}
/***user/info***/
#page-user-info dl.list:first-child {
    margin: 0;
    border-top: 0;
}

#page-user-info dl.list dt, dl.list dd {
    margin: 0;
    border-bottom: 1px solid #DDD8CE;
    overflow: hidden;
    font-size: inherit;
    font-weight: 400;
    position: relative;
}

#page-user-info dl.list dd dl {
    margin: 0;
    margin-bottom: -1px;
    padding-left: 10px;
    border: 0;
}

#page-user-info dl.list .dd-padding, dl.list dt, dl.list dd > .react {
    padding: 14px 10px 14px 5px;
}

#page-user-info .more {
    position: relative;
    padding-right: 15px;
    width: 100%;
    box-sizing: border-box;
}

#page-user-info .more-weak:after {
    border-left: .04rem solid #999;
    border-bottom: .04rem solid #999;
}

#page-user-info .more:after {
    position: absolute;
    right: .05rem;
    top: 50%;
    display: block;
    content: '';
    width: .6em;
    height: .6em;
    border-left: .04rem solid #06c1ae;
    border-bottom: .04rem solid #06c1ae;
    -webkit-transform: translateY(-50%) scaleY(0.7) rotateZ(-135deg);
    -moz-transform: translateY(-50%) scaleY(0.7) rotateZ(-135deg);
    -ms-transform: translateY(-50%) scaleY(0.7) rotateZ(-135deg);
}

#page-user-info a.react, label.react {
    display: block;
    color: inherit;
    height: 100%;
}

#page-user-info .more-weak .more-after {
    color: #999;
}

#page-user-info .more .more-after {
    position: absolute;
    right: .25rem;
    top: 50%;
    -webkit-transform: translateY(-.5em);
}

#page-user-info .btn-warning {
    background-color: #ff9213;
}

#page-user-info .btn {
    display: inline-block;
    margin: 0;
    text-align: center;
    border-radius: 3px;
    color: #fff;
    border: 0;
    vertical-align: middle;
    box-sizing: border-box;
    cursor: pointer;
    -webkit-user-select: none;
}

#page-user-info .logout {
    width: 100%;
    height: 40px;
    line-height: 40px;
}

#page-user-info .btn-wrapper {
    margin: 14px 10px;
}
/********user/orders*******/
#page-user-orders #box {
    position: relative;
    min-height: 100%;
    background-color: #f1f1f1;
    color: #333333;
    padding-top: 15px;
}

#page-user-orders .field {
    display: block;
    position: relative;
    margin-top: 15px;
    background-color: #ffffff;
    border-bottom: 1px solid #dddddd;
    border-top: 1px solid #dddddd;
}

#page-user-orders .field-head {
    height: 29px;
    line-height: 29px;
    margin: 0 15px;
    font-size: 14px;
}

#page-user-orders .field-head-time {
    float: left;
    color: #666666;
}

#page-user-orders .field-head-status {
    float: right;
    color: #999999;
}

#page-user-orders .field-item {
    display: block;
    padding: 10px 50px 12px 15px;
    position: relative;
}

#page-user-orders .avatar {
    width: 45px;
    height: 45px;
    line-height: 45px;
    overflow: hidden;
    margin-top: 2px;
    float: left;
}

#page-user-orders .avatar-img {
    vertical-align: middle;
    max-width: 45px;
    max-height: 45px;
}

#page-user-orders .text-overflow-ellipsis-2 {
    line-height: 1.15em;
    max-height: 2.3em;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

#page-user-orders .field .content .na {
    font-size: 15px;
    color: #333333;
}

#page-user-orders .field .price {
    height: 20px;
    margin-top: 4px;
    color: #666666;
    font-size: 14px;
}

#page-user-orders .field-arrow {
    position: absolute;
    right: 12px;
    top: 25px;
    font-size: 14px;
}

#page-user-orders [class^="icon-"], [class*=" icon-"] {
    font-family: 'iconfonts';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

#page-user-orders .field-console {
    height: 44px;
    line-height: 44px;
    margin: 0 15px;
    border-top: 1px solid #dddddd;
}

#page-user-orders .field-console-text {
    float: left;
    font-size: 14px;
    color: #666666;
}

    #page-user-orders .field-console-text i {
        color: #cccccc;
        font-size: 15px;
        vertical-align: -1px;
        margin-right: 4px;
    }

#page-user-orders .field-console-btns {
    float: right;
    line-height: 29px;
    margin: 8px -5px 0 0;
}

#page-user-orders .field-btn {
    width: 70px;
    height: 29px;
    line-height: 29px;
    /*border: 1px solid #fe4d3d;*/
    color: #fe4d3d;
    font-size: 13px;
    background-color: #ffffff;
    display: block;
    box-sizing: border-box;
    text-align: center;
    cursor: pointer;
    border-radius: 3px;
}
/**user/orderdetails****/
#page-user-ordersdetails .orderregion {
    margin-top: 15px;
    background-color: #ffffff;
    border-top: 1px solid #dddddd;
    border-bottom: 1px solid #dddddd;
}

#page-user-ordersdetails .status-hotelname {
    height: 40px;
    line-height: 40px;
    display: block;
}

#page-user-ordersdetails .status-hotelname-name {
    color: #555555;
    font-size: 15px;
    margin-left: 15px;
}

#page-user-ordersdetails .status-hotelname-back {
    width: 23px;
    height: 23px;
    background-position: -6px 1px;
    background-repeat: no-repeat;
    float: right;
    margin: 10px 10px 0 0;
}

#page-user-ordersdetails .orderregion-entries {
    margin: -1px 15px 0;
}

#page-user-ordersdetails .orderregion-entry {
    border-top: 1px solid #dddddd;
    padding: 13px 0 12px;
    font-size: 15px;
    color: #333333;
    position: relative;
}

    #page-user-ordersdetails .orderregion-entry .name {
        margin-right: 120px;
        color: #444444;
    }

#page-user-ordersdetails .text-overflow-ellipsis-2 {
    line-height: 1.15em;
    max-height: 2.3em;
    display: -webkit-inline-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

#page-user-ordersdetails .orderregion-entry .price {
    position: absolute;
    top: 0;
    right: 0;
    padding: 13px 0 12px;
    font-size: 15px;
    color: #434343;
}

#page-user-ordersdetails .orderregion-entry .num {
    position: absolute;
    top: 0;
    right: 85px;
    width: 45px;
    padding: 13px 0 12px;
    font-size: 15px;
    color: #434343;
}

#page-user-ordersdetails .order-total-price .price {
    color: #fe4d3d;
    font-size: 17px;
}

#page-user-ordersdetails .status-name {
    color: #555555;
    font-size: 15px;
    font-weight: normal;
}

#page-user-ordersdetails .orderregion-entry-compact {
    margin: 12px 0;
    font-size: 15px;
    color: #333333;
}

#page-user-ordersdetails .bottombar {
    border-top: 1px solid #dbdbdb;
    border-bottom: 1px solid #dbdbdb;
    background-color: #ffffff;
    padding: 12px 0;
    position: relative;
    left: 0;
    bottom: 0;
    width: 100%;
    margin-top: 10px;
    margin-bottom: 10px;
}

#page-user-ordersdetails .bottombar-icon {
    position: absolute;
    left: 9px;
    top: 50%;
    margin-top: -16px;
    width: 32px;
    height: 32px;
}

#page-user-ordersdetails .bottombar-main {
    margin: 0 0 0 51px;
}

#page-user-ordersdetails .bottombar-info {
    font-size: 15px;
    line-height: 22px;
    color: #333333;
    margin-left: 13px;
    margin-bottom: 9px;
}

    #page-user-ordersdetails .bottombar-info em {
        color: #ff4b34;
        font-style: normal;
    }

#page-user-ordersdetails .bottombar-buttonwrap-2 {
    margin-left: 13px;
}

#page-user-ordersdetails .bottombar-buttonwrap {
    height: 30px;
    font-size: 15px;
}

#page-user-ordersdetails .bottombar-buttonwrap-2 button, .bottombar-buttonwrap-2 a {
    width: 39.14%;
    margin-right: 9.39%;
}

#page-user-ordersdetails .bottombar-buttonwrap button, .bottombar-buttonwrap a {
    display: inline-block;
    box-sizing: border-box;
    height: 30px;
    line-height: 30px;
    font-size: 15px;
}

#page-user-ordersdetails .bottombar-btn-light {
    border: 1px solid #ff4c3c;
    color: #ff4c3c;
    background-color: #ffffff;
    text-align: center;
}

#page-user-ordersdetails .bottombar-btn-dark {
    border: 1px solid #999999;
    color: #323232;
    background-color: #ffffff;
    text-align: center;
}

#page-user-ordersdetails .nav {
    background-color: #fff;
    border-bottom: 1px solid #dddddd;
}

#page-user-ordersdetails .nav-wrap {
    height: 40px;
    background-color: #ffffff;
}

#page-user-ordersdetails .nav-item {
    width: 50%;
    float: left;
    line-height: 40px;
    color: #666666;
    text-align: center;
    font-size: 15px;
    position: relative;
}

#page-user-ordersdetails .nav-choose {
    color: #fe4d3d;
}

#page-user-ordersdetails .nav-bottomline, .nav-bottomlineright {
    width: 50%;
    height: 4px;
    background-color: #fe4d3d;
    float: left;
    margin-top: -3px;
}

#page-user-ordersdetails .timeline-item {
    margin: 20px 16px 0 14px;
    position: relative;
}

#page-user-ordersdetails .timeline-logo {
    width: 22px;
    height: 22px;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -11px;
}

#page-user-ordersdetails .timeline-block {
    margin-left: 38px;
    border: 1px solid #d7d9db;
    border-radius: 3px;
    position: relative;
    padding: 9px 10px 8px 12px;
    background-color: #ffffff;
}

#page-user-ordersdetails .timline-block-arrow {
    position: absolute;
    width: 9px;
    height: 9px;
    left: -6px;
    top: 50%;
    margin-top: -5px;
    background-color: #ffffff;
    border-top: 1px solid #d7d9db;
    border-left: 1px solid #d7d9db;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

#page-user-ordersdetails .timeline-title {
    font-size: 15px;
    height: 17px;
    line-height: 17px;
}

#page-user-ordersdetails .timeline-time {
    color: #999999;
    font-size: 11px;
    float: right;
}

#page-user-ordersdetails .timeline-sub {
    font-size: 12px;
    color: #999999;
    margin-top: 6px;
}

#page-user-ordersdetails .timeline-connect-22 {
    margin-top: -6px;
}

#page-user-ordersdetails .timeline-connect {
    height: 32px;
    border-left: 1px solid #A33025;
    margin: -10px 0 0 25px;
    float: left;
}

#page-user-ordersdetails .bottombar-placeholder {
    padding: 12px 0;
    height: 70px;
    position: relative;
}

#page-user-ordersdetails .orderregion-cmt {
    padding-bottom: 10px;
}

#page-user-ordersdetails .orderregion-title {
    height: 39px;
    line-height: 39px;
    font-size: 15px;
    color: #333333;
    margin: 0 15px;
    font-weight: bold;
    border-bottom: 1px solid #dddddd;
}

#page-user-ordersdetails .status-evaluation-icon {
    height: 23px;
    background-position: -115px -1px;
    background-repeat: no-repeat;
    float: left;
    margin: 10px 8px 0 -5px;
    width: 17px;
}

#page-user-ordersdetails .orderregion-entries-compact {
    margin: 0 15px;
}

#page-user-ordersdetails .evaluation-grade {
    margin-top: 17px;
}

#page-user-ordersdetails .grstar-light {
    background-position: -29px -3px;
}

#page-user-ordersdetails .evaluation-grade-start {
    width: 14px;
    height: 14px;
    float: left;
    margin-right: 3px;
}

#page-user-ordersdetails .evaluation-time {
    color: #fe4d3d;
    font-size: 13px;
    float: right;
    margin-left: 7px;
}

#page-user-ordersdetails .clear {
    clear: both;
}

#page-user-ordersdetails .evaluation-praise {
    margin-top: 8px;
    margin-bottom: 15px;
}

#page-user-ordersdetails .evaluation-praise-icon {
    width: 15px;
    height: 15px;
    background-position: 111px -3px;
    margin-right: 10px;
    float: left;
}

#page-user-ordersdetails .evaluation-praise-font {
    font-size: 13px;
    color: #fe4d3d;
    margin-right: 11px;
    float: left;
    padding-top: 2px;
}
/*****user/setpassword*/

#page-user-setpassword dl.list:first-child {
    margin: 0;
    border-top: 0;
}

#page-user-setpassword dl.list {
    border-top: 1px solid #DDD8CE;
    border-bottom: 1px solid #DDD8CE;
    margin-top: .2rem;
    margin-bottom: 0;
    background-color: #fff;
}

    #page-user-setpassword dl.list dt, dl.list dd {
        margin: 0;
        border-bottom: 1px solid #DDD8CE;
        overflow: hidden;
        font-size: inherit;
        font-weight: 400;
        position: relative;
    }

        #page-user-setpassword dl.list dt:last-child, dl.list dd:last-of-type {
            border-bottom: 0;
        }

    #page-user-setpassword dl.list dd dl {
        margin: 0;
        margin-bottom: -1px;
        padding-left: .2rem;
        border: 0;
    }

        #page-user-setpassword dl.list dd dl > .dd-padding, dl.list dd dl dd > .react, dl.list dd dl > dt {
            padding-left: 0;
        }

    #page-user-setpassword dl.list .dd-padding, dl.list dt, dl.list dd > .react {
        padding-bottom: 14px;
        padding-right: 10px;
        padding-top: 14px;
    }

    #page-user-setpassword dl.list dd > .input-weak {
        width: 100%;
        display: block;
    }

#page-user-setpassword input.input-weak, textarea.input-weak {
    border: 0;
    height: 30px;
    margin: -7.5px 0;
    text-indent: 5px;
    line-height: 1;
    font-size: 15px;
    border-radius: 3px;
    padding: 0;
    outline: none;
}

#page-user-setpassword .btn-wrapper {
    margin: 14px 10px;
}

#page-user-setpassword .btn-larger {
    height: 47px;
    line-height: 47px;
    font-size: 20px;
}

#page-user-setpassword input.input-weak:focus {
    background: #ececec;
    outline: 0;
}

#page-user-setpassword .btn {
    margin: 0;
    text-align: center;
    padding: 0 16px;
    border-radius: 3px;
    color: #fff;
    border: 0;
    background-color: #ff9213;
    vertical-align: middle;
    box-sizing: border-box;
    cursor: pointer;
    -webkit-user-select: none;
    width: 100%;
}
/***user/charge****/
#page-user-charge .title {
    margin: 10px 0;
    padding: 10px;
    border-bottom: 1px solid #ccc;
    border-top: 1px solid #ccc;
    font-size: 20px;
}

#page-user-charge .dd-padding {
    padding-bottom: 14px;
    padding-right: 10px;
    padding-top: 14px;
    margin: 0;
    border-bottom: 1px solid #DDD8CE;
    border-top: 1px solid #DDD8CE;
    overflow: hidden;
    font-size: inherit;
    font-weight: 400;
    position: relative;
    padding-left: 0;
}

#page-user-charge input.input-weak {
    width: 100%;
    display: block;
    border: 0;
    height: 30px;
    margin: -7.5px 0;
    text-indent: 5px;
    line-height: 1;
    font-size: 15px;
    border-radius: 3px;
    padding: 0;
    outline: none;
}

#page-user-charge .cs-list .cs-list-item, .cs-list[am-flat~=flat] .cs-list-item {
    padding: 5px 0;
    min-height: 32px;
    -webkit-background-size: 0 0,0 0,100% 1px,100% 1px;
    color: #000;
    vertical-align: middle;
    margin-left: 0;
    margin-right: 0;
    margin-top: -1px;
    text-align: left;
    overflow: inherit;
    display: -webkit-box;
    display: -webkit-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
}

    #page-user-charge .cs-list .cs-list-item .cs-list-thumb:first-child {
        margin-right: 8px;
    }

    #page-user-charge .cs-list .cs-list-item .cs-list-thumb {
        width: 50px;
        height: 32px;
        line-height: 32px;
        vertical-align: middle;
    }

#page-user-charge .cs-list-payment-info .cs-list-content, .cs-list-payment-info .cs-list-thumb {
    z-index: 2;
    position: relative;
}

#page-user-charge .cs-list .cs-list-item .cs-list-thumb img {
    width: 100%;
    height: 100%;
}

#page-user-charge .cs-list .cs-list-item img {
    vertical-align: middle;
}

#page-user-charge .cs-list-item .cs-list-content {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    min-width: 60px;
    width: auto;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#page-user-charge .cs-list-payment-info .cs-list-content, .cs-pay .cs-list-payment-info .cs-list-thumb {
    z-index: 2;
    position: relative;
}

#page-user-charge .cs-list .cs-list-item .cs-list-title {
    color: #000;
    width: auto;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#page-user-charge .cs-list .cs-list-item .cs-list-brief {
    font-size: 13px;
    margin-top: 2px;
    color: #999;
    width: auto;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#page-user-charge .cs-list-payment-info .cs-list-title {
    font-weight: 400;
    line-height: 15px;
    vertical-align: middle;
    margin-top: 6px;
}


#page-user-charge .cs-list .cs-list-item[cs-mode~=check] .cs-checkbox {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

#page-user-charge .cs-list[cs-mode~=form] .cs-list-item input {
    padding-top: 5px;
    padding-bottom: 5px;
}

#page-user-charge .cs-checkbox input {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    height: 100%;
    z-index: 999;
    width: 100%;
}

#page-user-charge .cs-list[cs-mode~=form] .cs-list-item button, .cs-list[cs-mode~=form] .cs-list-item input, .cs-list[cs-mode~=form] .cs-list-item select, .cs-list[cs-mode~=form] .cs-list-item textarea {
    font-size: 16px;
    -webkit-appearance: none;
    width: 100%;
    padding: 0;
    border: none;
    background-color: transparent;
}

#page-user-charge .cs-list .cs-list-item[cs-mode~=check] .cs-checkbox .icon-check {
    right: 13px;
}

#page-user-charge .cs-checkbox input:checked + .icon-check {
    border-color: #9a6647;
    background-color: #9a6647;
}

#page-user-charge .cs-checkbox[cs-mode~=radio] .icon-check {
    -webkit-background-clip: padding-box;
    border-radius: 14px;
}

#page-user-charge .cs-checkbox .icon-check {
    position: absolute;
    top: 50%;
    width: 18px;
    height: 18px;
    margin-right: 2px;
    margin-top: -10px;
    border: 1px solid #d9d9d9;
    -webkit-transform: rotate(0);
}

    #page-user-charge .cs-checkbox .icon-check:after {
        top: 2px;
        right: 5px;
        width: 5px;
        height: 10px;
        position: absolute;
        display: none;
        border: 2px solid #b2b2b2;
        border-width: 0 2px 2px 0;
        content: "\0020";
        -webkit-transform: rotate(45deg);
    }

#page-user-charge .cs-checkbox input:checked + .icon-check:after {
    display: block;
    border-color: #fff;
}

#page-user-charge .cs-content {
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: 20px;
}

#page-user-charge .cs-j-make-sure {
    margin-top: 1.3rem;
    background-color: #fdb338;
    border-color: #f5ab2f;
    line-height: 40px;
    border-radius: 3px;
    font-size: 18px;
}

#page-user-charge .cs-button {
    display: inline-block;
    width: 100%;
    padding: 0 4px;
    /*margin-left: 25%;*/
    border: none;
    color: #fff;
}
/***gotop****/
#gotop {
    display: none;
    width: 55px;
    height: 55px;
    position: fixed;
    right: 15px;
    bottom: 30px;
    background: url("/Images/gotop.png") no-repeat;
}

/***ctjs  ***/
.ctjs_nav {
    padding: 4px 4px 0 4px;
}

.ctjs_nav_ul {
    display: -webkit-box;
}

    .ctjs_nav_ul li {
        -webkit-box-flex: 1;
        border-right: 1px solid #cccccc;
        background: -webkit-gradient(linear, left top, left bottom, from(#5CC164), to(#5CC164));
    }

    .ctjs_nav_ul .selected {
        background: -webkit-gradient(linear, left top, left bottom, from(#fb6e52), to(#fb6e52));
    }

    .ctjs_nav_ul li a {
        color: #fff;
        margin: 0 auto;
        font-size: 16px;
        line-height: 30px;
        font-weight: 600;
        text-align: center;
        display: block;
    }

.page-ctjs {
    width: 100%;
}

    .page-ctjs .ctjs_img {
        width: 100%;
    }

.home-promotion-pics {
    display: inline;
}

    .home-promotion-pics a {
        display: inline;
    }

.home-buttons2 {
    border-bottom: 1px solid #DDD8CE;
    background-color: #f3eaea;
    margin: 0;
    margin-top: 1px;
    border-top: 0;
}

.page-buttons-tabulation2 {
    margin: 0;
    border-bottom: 1px solid #DDD8CE;
    overflow: hidden;
    font-size: inherit;
    font-weight: 400;
    position: relative;
    /*height: 5.6rem;*/
}

    .page-buttons-tabulation2:last-of-type {
        border-bottom: 0;
    }

.icon-list2 .icon {
    display: inline-block;
    box-sizing: border-box;
    /*width: 23%;*/
    width: 60px;
    text-align: center;
}

    .icon-list2 .icon > a {
        padding: .2rem 0;
        color: #06c1ae;
        text-decoration: none;
        outline: 0;
    }

.icon-list2 .new-icon-circle {
    display: block;
    margin: auto;
    margin-bottom: .14rem;
    width: .8rem;
    width: 3.0rem;
    height: .8rem;
    height: 3.0rem;
    border-radius: 10rem;
    text-align: center;
    line-height: .8rem;
    font-size: .5rem;
    color: #fff;
}


.icon-list2 .icon-desc {
    text-align: center;
    font-size: 0.8rem;
    color: #666;
}

.iconfont {
    font-family: icomoon !important;
    font-size: 16px;
    font-style: normal;
}