@charset "UTF-8";

.icon-error, .icon-success, .icon-warn {
    background-image: url(../../images/alert-icons.png);
    width: 78px;
    height: 78px
}

.i-add, .input-box .title, .person-info span, span.error {
    display: inline-block
}

.login-form input:focus, .tryeatForm input, button, textarea {
    outline: 0
}

.fsbanner > div, .myattention .opera .btn-add-shopcar, .pc-right .btn-add-shopcar {
    -ms-behavior: url(../css/lib/backgroundsize.min.htc)
}

label, legend {
    max-width: 100%
}

.icon-error {
    background-position: 0 0
}

.icon-success {
    background-position: -98px 0
}

.icon-warn {
    background-position: 0 -98px
}

.icon-aq, .icon-by, .icon-pz, .icon-wl, .icon-zf, .icon-zy {
    width: 65px;
    height: 65px
}

.icon-aq {
    background-position: 0 0
}

.icon-by {
    background-position: -85px 0
}

.icon-pz {
    background-position: 0 -85px
}

.icon-wl {
    background-position: -85px -85px
}

.icon-zf {
    background-position: -170px 0
}

.icon-zy {
    background-position: -170px -85px
}

.login-form {
    width: 465px;
    padding: 22px 25px 10px 32px
}

    .login-form .error-message {
        line-height: 30px;
        height: 30px
    }

    .login-form .title {
        width: 100%;
        height: 45px;
        padding-bottom: 65px
    }

    .login-form .register-link a {
        color: #626262
    }

    .login-form .forgetpwd-link {
        padding-left: 5px
    }

    .login-form input[type=password], .login-form input[type=text] {
        width: 100%;
        height: 48px;
        line-height: 48px;
        margin-bottom: 30px;
        padding-left: 35px
    }

    .login-form .user {
        background: url(../../images/icon/login-user.png) 12px center no-repeat
    }

    .login-form .pwd {
        background: url(../../images/icon/login-pwd.png) 12px center no-repeat
    }

.btn-login, .btn-register {
    width: 100% !important;
    height: 53px !important;
    background-color: #599c3b;
    color: #fff
}

    .btn-login:hover, .btn-register:hover {
        background-color: #42732d
    }

span.error {
    background: url(../../images/icon/message-error.png) left center no-repeat;
    width: 14px;
    height: 14px;
    margin-right: 10px
}

input.valid, select.valid {
    border: 1px solid green !important
}

input.error, select.error {
    border: 1px solid red !important
}

.register-form {
    width: 465px;
    height: 584px;
    padding: 22px 25px 53px 32px;
    position: relative;
}

    .register-form .input-box {
        height: auto;
        padding: 2px 0;
        width: 100%;
        margin-bottom: 25px
    }

        .register-form .input-box input.error, .register-form .input-box input.valid {
            border: none !important
        }

        .register-form .input-box.error, .verify-code.error {
            border: 1px solid red !important
        }

        .register-form .input-box.valid, .verify-code.valid {
            border: 1px solid green !important
        }

    .register-form input[type=password], .register-form input[type=text] {
        width: 290px;
        height: 40px;
        line-height: 40px;
        border: none;
        padding-left: 5px;
        background-color: #FFFFFF;
    }

.ckb {
    width: 12px !important;
    height: 12px !important
}

.register-form .verify-code {
    width: 265px !important;
    padding: 2px 0
}

.register-form .btn-getverifycode {
    height: 46px;
    line-height: 46px
}

.verify-code input {
    width: 155px !important
}

.input-box .title {
    width: 100px;
    text-align: center;
    color: #313131;
    border-right: 1px solid #8e8f8f
}

.btn-getverifycode {
    width: 130px;
    height: 42px;
    background-color: #fff;
    color: #599c3b;
    border: 1px solid #599c3b !important
}

input.disabled {
    background-color: #ecebeb
}

.findpwdForm {
    width: 414px;
    margin: 0 auto
}

    .findpwdForm .error-message {
        position: relative;
        top: 20px;
        height: 20px;
        margin-bottom: 5px
    }

    .findpwdForm tr {
        border: none
    }

    .findpwdForm input:not(.ckb) {
        width: 290px;
        height: 40px;
        line-height: 40px;
        padding-left: 5px
    }

.btn-next {
    width: 170px !important;
    height: 50px;
    border-radius: 3px
}

.findpwdForm table td {
    padding: 10px;
    color: #979797
}

.findpwdForm .txt-verify-code {
    width: 160px !important;
    border-right: none
}

.findpwdForm .ok {
    height: 82px;
    margin-bottom: 180px;
    margin-top: 76px
}

    .findpwdForm .ok a {
        color: #f6a634
    }

.findpwdForm select {
    width: 300px;
    height: 50px
}

.selectAccountForm {
    width: 494px
}

.person-info {
    width: 763px;
    height: auto;
    background-color: #f4f4f4;
    padding: 30px 0 18px 20px;
    color: #3d3e3d;
    border: 1px solid #d7d7d7
}

    .person-info label {
        font-weight: 400
    }

.user-center .right-content {
    width: 930px;
    margin: 0 25px
}

    .add-address, .user-center .right-content .title {
        margin-bottom: 20px
    }

.person-info span {
    font-size: 16px;
    width: 80px;
    float: left
}

.person-info .btn-edit {
    vertical-align: bottom;
    text-decoration: underline
}

.person-info li {
    padding: 8px 0
}

.person-info input[type=text], .person-info select {
    border: 1px solid #d7d7d7;
    border-radius: 5px;
    height: 30px;
    padding: 0 3px
}

.person-info select {
    width: 80px
}

.person-info input[type=radio] {
    width: 24px
}

.person-info .address {
    width: 390px
}

.person-info .btn-submit {
    background-color: #599c3b;
    color: #fff;
    padding: 5px 20px;
    border-radius: 5px
}

.add-address {
    width: 100%;
    height: 50px;
    line-height: 50px;
    padding-left: 22px;
    border: 1px solid #d6d6d6;
    cursor: pointer
}

.i-add {
    background: url(../../images/icon/i-add.jpg) no-repeat;
    width: 12px;
    height: 12px;
    margin-right: 12px
}

.address-list li {
    border: 1px solid #d6d6d6;
    margin-bottom: 10px
}

    .address-list li dl {
        padding: 31px 36px 31px 55px;
        overflow: hidden
    }

    .address-list li dt {
        display: block;
        font-weight: 400
    }

        .address-list li dt span {
            display: block;
            line-height: 25px
        }

    .address-list li dd {
        line-height: 75px
    }

        .address-list li dd .default {
            text-align: center;
            line-height: 62px;
            width: 62px;
            height: 62px;
            display: inline-block;
            background: url(../../images/icon/i-circle.jpg) no-repeat;
            color: #599c3b;
            cursor: default;
            margin-right: 5px
        }

        .address-list li dd a {
            color: #747474;
            margin-right: 12px
        }

.addressForm {
    background-color: #fff;
    width: 100%;
    height: 100%
}

    .addressForm .form-item {
        padding: 0 81px 0 45px
    }

        .addressForm .form-item label {
            width: 100px;
            color: #747474;
            margin-bottom: 20px
        }

    .addressForm input[type=text], .addressForm select {
        border: 1px solid #d7d7d7;
        border-radius: 3px;
        height: 30px;
        width: 165px;
        padding: 0 3px
    }

    .addressForm .btn-submit {
        width: 129px;
        height: 38px;
        margin-left: 99px;
        margin-top: -10px
    }

#modal-address {
    width: 750px;
    height: 430px
}

#modal-order-tracking {
    width: 770px
}

    #modal-order-tracking table {
        background-color: #fff;
        width: 100%;
        height: 100%;
        text-align: center;
        opacity: 1 !important
    }

    #modal-order-tracking th {
        color: #3d3e3d;
        font-weight: 400;
        border: 1px solid #ecebeb;
        text-align: center
    }

    #modal-order-tracking td {
        color: #747474;
        font-size: 12px;
        border: 1px solid #ecebeb
    }

    #modal-order-tracking .logisticsInfo .disposeDate {
        width: 200px
    }

    #modal-order-tracking .logisticsInfo .disposeInfo {
        width: 370px
    }

    #modal-order-tracking .logisticsInfo .operator {
        width: 180px
    }

#modal-ticketgoods {
    width: 766px;
    height: 436px
}

#modal-order-feedback {
    width: 771px;
    height: 425px
}

    #modal-order-feedback .step {
        background-color: #fff;
        height: 100%;
        width: 100%
    }

    #modal-order-feedback .content {
        padding: 0 15px 15px;
        background-color: #fff
    }

    #modal-order-feedback .sub-title {
        color: #3d3e3d;
        border-bottom: 1px solid #bbb;
        padding-bottom: 5px
    }

    #modal-order-feedback .btn-green {
        width: 105px !important;
        height: 38px;
        display: block;
        position: absolute;
        left: 40%;
        bottom: 20px
    }

    #modal-order-feedback .title {
        margin-bottom: 4px
    }

    #modal-order-feedback .content .main {
        padding: 0 4px
    }

#orderFeedback1Form .product-list {
    padding: 10px 20px;
    overflow-y: auto;
    height: 257px
}

    #orderFeedback1Form .product-list li {
        width: 50%;
        height: 110px;
        float: left;
        padding: 0
    }

    #orderFeedback1Form .product-list dt {
        margin-right: 10px
    }

        #orderFeedback1Form .product-list dt img {
            width: 110px;
            height: 108px
        }

    #orderFeedback1Form .product-list dd a {
        color: #3d3e3d;
        margin-bottom: 5px
    }

    #orderFeedback1Form .product-list .tag {
        color: #599c3b;
        border: 1px solid #599c3b;
        border-radius: 5px;
        padding: 3px
    }

#orderFeedback1Form .btn-appealProduct {
    color: #fff !important;
    border-radius: 5px;
    padding: 1px 8px;
    display: inline-block;
    margin-top: 30px;
    background-color: #ff9f15 !important
}

#orderFeedback1Form .btn-repeal {
    background-color: #d3d3d3 !important
}

#orderFeedback1Form .btn:hover {
    color: #fff !important;
    background-color: #e08400
}

#orderFeedback2Form p.t {
    color: #7d7c7c;
    height: 35px;
    line-height: 35px;
    margin: 0
}

#orderFeedback2Form select, #orderFeedback2Form textarea {
    width: 100%;
    border: 1px solid #d7d7d7;
    border-radius: 5px;
    height: 30px;
    padding: 0 3px
}

#orderFeedback2Form textarea {
    height: 140px;
    resize: none
}

    #orderFeedback2Form textarea.error {
        border: 1px solid red
    }

    #orderFeedback2Form textarea.valid {
        border: 1px solid green
    }

#orderFeedback2Form p.error {
    background: 0 0
}

#orderFeedback3Form .picList {
    margin-top: 10px;
    width: 100%;
    border: 1px solid #aeaeae;
    padding: 5px 5px 5px 6px
}

    #orderFeedback3Form .picList li {
        width: 170px;
        height: 180px;
        background-color: red;
        float: left;
        margin-right: 8px
    }

        #orderFeedback3Form .picList li:last-child {
            margin-right: 0
        }

        #orderFeedback3Form .picList li img {
            width: 100%;
            height: 100%
        }

#orderFeedback3Form p {
    margin: 5px
}

#feedbackSuccessForm .title {
    margin-bottom: 0 !important
}

#feedbackSuccessForm dl {
    display: block;
    width: 400px;
    margin: 87px auto
}

#feedbackSuccessForm dt {
    padding-right: 20px
}

#feedbackSuccessForm dd span {
    position: relative;
    left: 100px;
    color: #ffa32b
}

#modal-rushfreshrule {
    width: 766px;
    height: 423px
}

    #modal-rushfreshrule .title {
        background-color: #599c3b;
        color: #fff;
        margin-bottom: 0
    }

    #modal-rushfreshrule .rules {
        width: 100%;
        height: 362px;
        background: url(../../images/others/rushfreshrule.jpg) no-repeat
    }

.ticketgoodsForm {
    height: 100%;
    background-color: #fff
}

    .ticketgoodsForm .goods-item {
        width: 300px;
        height: 98px;
        margin-left: 20px;
        margin-right: 20px;
        position: relative;
        margin-bottom: 10px
    }

    .ticketgoodsForm .error-message {
        line-height: 38px;
        color: red;
        font-size: 20px
    }

    .ticketgoodsForm .goods-item dt {
        margin-right: 20px
    }

    .ticketgoodsForm .goods-item .productName {
        width: 150px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }

    .ticketgoodsForm .goods-item .unit {
        text-align: center;
        border: 1px solid #6f6f6f;
        border-radius: 5px;
        font-size: 12px;
        width: auto;
        margin-bottom: 20px;
        padding: 3px;
        display: inline-block
    }

    .ticketgoodsForm .goods-item dt img {
        width: 120px;
        height: 100px
    }

    .ticketgoodsForm .goods-list {
        height: 292px;
        padding: 20px 0 0 32px;
        overflow-y: auto
    }

        .ticketgoodsForm .goods-list > div {
            width: 300px;
            margin-bottom: 30px
        }

    .ticketgoodsForm .bottom {
        margin-right: 68px
    }

        .ticketgoodsForm .bottom span {
            vertical-align: bottom;
            display: inline-block
        }

.vertical-middle, img {
    vertical-align: middle
}

.ticketgoodsForm .bottom .btn-green {
    width: 130px;
    height: 38px;
    margin-left: 10px
}

.ticketgoodsForm .goods-list .interval {
    width: 125px;
    height: 100px
}

.ticketgoodsForm .goods-item .btn-select {
    height: 31px;
    position: absolute;
    bottom: 0;
    right: 15px
}

#modal-try-eat-apply {
    width: 800px;
    height: 584px
}

.tryeatForm {
    background-color: #fff;
    width: 100%;
    height: 100%;
    text-align: center
}

    .tryeatForm p {
        margin: 0
    }

    .tryeatForm .input-box {
        width: 500px;
        margin: 0 auto;
        padding-top: 40px
    }

        .tryeatForm .input-box input {
            width: 85%;
            height: 40px;
            padding-left: 10px
        }

        .tryeatForm .input-box .btn-submit {
            width: 200px;
            margin-top: 20px
        }

        .tryeatForm .input-box .border-gray {
            margin-bottom: 20px;
            padding: 0 5px
        }

#modal-tryeat-apply .wrap {
    padding: 0 6px;
    background: #fff
}

#modal-tryeat-apply p.title {
    width: 740px;
    height: 50px;
    line-height: 50px;
    background: #fff;
    border-bottom: 1px solid #acacac;
    margin: 0;
    font-size: 20px;
    text-align: center
}

#modal-tryeat-apply .content {
    width: 100%;
    background: #fff;
    padding: 20px 30px 30px
}

#modal-tryeat-apply .address-list li.active {
    border: 1px solid #599c3b;
    background: url(../../images/icon/selected.png) right bottom no-repeat;
    cursor: pointer;
    padding: 0 6px;
    height: 35px;
    line-height: 35px
}

#modal-tryeat-apply .address-list li {
    cursor: pointer;
    padding: 0 6px;
    height: 35px;
    line-height: 35px;
    border: 1px solid transparent
}

    #modal-tryeat-apply .address-list li:hover {
        border: 1px solid #599c3b
    }

#modal-tryeat-apply .btn-green {
    width: 110px;
    height: 40px;
    border-radius: 0;
    text-align: center;
    margin: 0 auto;
    display: block
}

.btn-green, .exchange-form .btn-confirm {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px
}

.exchange-form {
    width: 465px;
    height: 400px;
    padding: 22px 25px 53px 32px;
    background-color: #dff7d2;
    color: #6f5f57
}

    .exchange-form .title {
        font-size: 28px;
        text-align: center;
        height: 120px;
        line-height: 153px
    }

body, dd, dt {
    line-height: 1.42857143
}

.exchange-form input[type=text] {
    width: 230px
}

.exchange-form input {
    height: 36px
}

.exchange-form div {
    margin: 0 auto;
    width: 300px;
    padding-bottom: 20px
}

.exchange-form .btn-confirm {
    width: 131px;
    height: 37px;
    background-color: #6f5f57;
    color: #fff;
    border-radius: 3px;
    margin-left: 68px
}

#modal-email {
    width: 770px;
    height: 430px
}

    #modal-email .close {
        color: #fff !important;
        opacity: 1;
        filter: alpha(opacity=1)
    }

        #modal-email .close:hover {
            color: #eee !important
        }

    #modal-email .title {
        background-color: #599c3b;
        color: #fff;
        margin-bottom: 10px
    }

.modalEmail {
    width: 100%;
    height: 100%;
    background: #fff
}

    .modalEmail table {
        margin: 0 17px;
        color: #8f8f8f
    }

    .modalEmail tr {
        border: none
    }

    .modalEmail td {
        padding: 5px 0
    }

    .modalEmail table input {
        border: 1px solid #ccc;
        width: 280px;
        height: 30px
    }

#modal-active td {
    text-align: center
}

.fsbanner, .fsbanner > div > span {
    display: none
}

div.fsbanner {
    position: relative;
    overflow: hidden;
    height: 300px;
    color: #fff;
    font-size: 20px;
    font-family: Verdana;
    font-weight: 700
}

.fsbanner > div {
    position: absolute;
    background-size: cover;
    cursor: pointer;
    top: 0;
    left: 0
}

    .fsbanner > div .name {
        display: block;
        position: absolute;
        left: 10px;
        bottom: 10px
    }

        .fsbanner > div .name.minimized {
            transform: rotate(-90deg);
            transform-origin: left top 0;
            bottom: -13px;
            left: 7px
        }

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

body {
    font-family: "Microsoft YaHei UI",Helvetica,Arial,sans-serif;
    font-size: 14px;
    color: #333;
    background-color: #fff;
    margin: 0
}

a {
    text-decoration: none
}

p {
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 10px;
    margin-left: 0;
    padding-top: 8px;
}

table {
    background-color: transparent;
    border-collapse: collapse;
    border-spacing: 0
}

img {
    border: 0
}

button.close {
    padding: 0;
    cursor: pointer;
    background: 0 0;
    border: 0;
    -webkit-appearance: none
}

.breadcrumb, .btn-green {
    background-color: #599c3b
}

.close {
    float: right;
    font-size: 21px;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: .2;
    filter: alpha(opacity=20)
}

label {
    display: inline-block;
    margin-bottom: 5px
}

.h3, h3 {
    font-size: 24px
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    font-family: inherit;
    font-weight: 500;
    line-height: 1.1;
    color: inherit;
    margin: 0
}

.container, .container-fluid {
    margin-right: auto;
    margin-left: auto
}

.hide {
    display: none !important
}

.show {
    display: block !important
}

.container {
    width: 1200px !important
}

.btn-gray, .btn-green {
    width: 100%;
    height: 100%
}

.pull-right {
    float: right !important
}

.pull-left {
    float: left !important
}

.clearfix:after, .clearfix:before, .container-fluid:after, .container-fluid:before, .container:after, .container:before {
    content: " ";
    display: table
}

.breadcrumb > li + li:before, .categoryPath > li:after, .view-order .nav-title li + li:before {
    content: ">"
}

.clearfix:after, .container-fluid:after, .container:after {
    clear: both
}

button, input, optgroup, select, textarea {
    color: inherit;
    font: inherit;
    margin: 0
}

.breadcrumb {
    padding: 10px 15px;
    margin-bottom: 20px;
    list-style: none;
    border-radius: 4px;
    color: #fff
}

    .breadcrumb > li {
        display: inline-block;
        color: #fff
    }

        .breadcrumb > li a {
            color: #fff
        }

            .breadcrumb > li a:hover {
                color: #fff !important;
                text-decoration: underline
            }

        .breadcrumb > li + li:before {
            padding: 0 5px;
            color: #fff
        }

    .breadcrumb > .active {
        color: #fff
    }

.table-bordered > tbody > tr > td, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > td, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > thead > tr > th {
    border: 1px solid #ddd
}

.fs-10 {
    font-size: 10px
}

.fs-12 {
    font-size: 12px
}

.fs-13 {
    font-size: 13px
}

.fs-14 {
    font-size: 14px
}

.fs-16 {
    font-size: 16px !important
}

.fs-18 {
    font-size: 18px
}

.fs-20 {
    font-size: 20px
}

.fs-22 {
    font-size: 22px
}

.fs-24 {
    font-size: 24px
}

.fs-26 {
    font-size: 26px
}

.fs-28 {
    font-size: 28px
}

.fs-30 {
    font-size: 30px
}

.fs-36 {
    font-size: 36px
}

.fs-38 {
    font-size: 38px
}

.fs-color-green {
    color: #90d53f
}

.fs-color-price {
    color: #599c3b !important
}

.border-gray {
    border: 1px solid #bbb;
    position: relative;
}

.color-white {
    color: #fff !important
}

.color-yellow {
    color: #f3aa0e !important
}

.color-blue {
    color: #0a83ff !important
}

.color-aaa {
    color: #aaa !important
}

.color-red {
    color: red !important
}

.color-green {
    color: #599c3b !important;
    font-size: 15px;
}

.color-green2 {
    color: #42732d
}

.color-gray0 {
    color: #d6d6d6
}

.color-gray {
    color: #868484 !important
}

.color-gray2 {
    color: #747474 !important
}

.color-gray3 {
    color: #959595 !important
}

.color-gray5 {
    color: #818181 !important
}

.color-gray6 {
    color: #6A6A6A !important
}

.color-gray7 {
    color: #595959 !important
}

.color-gray8 {
    color: #363636
}

.color-black {
    color: #000 !important
}

.btn-gray, .btn-green, .btn-yello, .btn-yello:focus {
    color: #fff
}

.btn-green {
    border-radius: 3px
}

.btn-gray {
    background-color: #b4b4b4;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px
}

.btn-green:hover {
    background-color: #3F7E2D !important
}

.btn-yello {
    background-color: #ffa32b
}

    .btn-yello:hover {
        color: #fff;
        background-color: #D88B18
    }

input, textarea {
    color: #000
}

.placeholder {
    color: #aaa
}

.modal {
    position: fixed;
    display: none;
    z-index: 10000;
    padding: 8px;
    height: auto;
    background: rgba(0,0,0,.16);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#33000000, endColorstr=#33000000)
}

    .modal .title {
        height: 45px;
        line-height: 45px;
        background-color: #ecebeb;
        padding-left: 20px;
        margin-bottom: 25px;
        font-size: 18px;
        color: #3d3e3d
    }

    .modal button.close {
        padding: 0;
        cursor: pointer;
        background: 0 0;
        border: 0;
        -webkit-appearance: none;
        position: absolute;
        top: 18px;
        right: 20px
    }

    .modal .i-close, .modal .i-close-white {
        position: absolute;
        right: 20px;
        top: 24px;
        cursor: pointer
    }

select {
    border: 1px solid #d7d7d7;
    border-radius: 5px;
    height: 30px;
    padding: 0 3px
}

.table-show {
    display: table !important
}

.etabs {
    overflow: hidden
}

    .etabs li {
        float: left;
        overflow: hidden;
        margin-left: -1px;
        padding-bottom: 10px
    }

        .etabs li a {
            border-left: 1px solid #bbb;
            padding: 0 15px;
            display: inline-block;
            color: #434343
        }

        .etabs li.active {
            border-bottom: 3px solid #599c3b
        }

            .etabs li.active a {
                color: #599c3b
            }

.tab-container {
    position: relative
}

    .tab-container .line {
        border-bottom: 3px solid #ccc;
        z-index: -1;
        position: relative;
        top: -3px
    }

    .tab-container .panel-container > div {
    }

.table-tab td {
    padding: 40px 0
}

.table-tab td, .table-tab th {
    text-align: center;
    border: 1px solid #acacac
}

.address .title, .as-process .title, .as-process-detail .title, .change-password .title, .goodstick .title, .inbox .title, .mycoupon .title, .mygift .title, .myintegral .title, .myspendingrecord .title, .mytryeat .title, .product-reserve .title, .sendMsgToAdmin .title {
    padding: 0 0 5px 10px;
    margin-bottom: 22px;
    border-bottom-width: 9px;
    border-bottom-style: solid;
    border-bottom-color: #f0f0f0;
}

ul.pagination {
    display: inline-block;
    padding: 0;
    width: auto;
    margin: 0 auto
}

.bx-next, .bx-prev {
    width: 29px;
    height: 49px;
    display: inline-block
}

ul.pagination li {
    display: inline-block;
    overflow: hidden
}

    ul.pagination li.disabled {
        cursor: not-allowed
    }

#back-to-top, .bx-next, .bx-prev, .hd-nav .category, .hd-top .right .phone, .left-sidebar li, .myymt, .shop-cart .text {
    cursor: pointer
}

ul.pagination li a {
    color: #000;
    float: left;
    padding: 8px 16px;
    text-decoration: none
}

.autocomplete-group, .autocomplete-no-suggestion, .icon-num-tag, .tag {
    padding: 2px 5px
}

ul.pagination li a:hover {
    color: #fff !important
}

ul.pagination li.active a {
    background-color: #4CAF50;
    color: #fff !important
}

ul.pagination li a:hover, ul.pagination li a:hover:not(.active):not(.page-break) {
    background-color: #ddd
}

.tag {
    color: #599c3b;
    border: 1px solid #599c3b;
    border-radius: 5px
}

.bx-next {
    background: url(../../images/icon/slider-control-next.png) no-repeat
}

.bx-prev {
    background: url(../../images/icon/slider-control-prev.png) no-repeat
}

.roate {
    transform: rotate(180deg)
}

.roate90 {
    transform: rotate(90deg);
    display: inline-block
}

.icon {
    display: inline-block
}

button {
    background-color: transparent
}

textarea {
    resize: none;
    text-align: left !important
}

.icon-num-tag {
    position: absolute;
    top: -7px;
    right: 71px;
    z-index: 9999;
    background: #599c3b;
    display: inline-block;
    font-size: 12px;
    line-height: 12px;
    color: #fff;
    border-radius: 7px 7px 7px 0;
    min-width: 12px;
    text-align: center
}

.alert {
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 4px
}

    .alert h4 {
        margin-top: 0;
        color: inherit
    }

    .alert .alert-link {
        font-weight: 700
    }

    .alert > p, .alert > ul {
        margin-bottom: 0
    }

        .alert > p + p {
            margin-top: 5px
        }

.alert-dismissable, .alert-dismissible {
    padding-right: 35px
}

    .alert-dismissable .close, .alert-dismissible .close {
        position: relative;
        top: -2px;
        right: -21px;
        color: inherit
    }

.alert-success {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6
}

    .alert-success hr {
        border-top-color: #c9e2b3
    }

    .alert-success .alert-link {
        color: #2b542c
    }

.alert-info {
    color: #31708f;
    background-color: #d9edf7;
    border-color: #bce8f1
}

    .alert-info hr {
        border-top-color: #a6e1ec
    }

    .alert-info .alert-link {
        color: #245269
    }

.sidebar {
    height: 100%;
    position: fixed;
    top: 0;
    right: 0;
    z-index: 99999
}

.sidebar-line {
    position: absolute;
    width: 5px;
    height: 100%;
    background: #599c3b;
    right: 0
}

.sidebar ul.item-list {
    position: absolute;
    top: 22%;
    right: 0
}

    .sidebar ul.item-list li {
        padding: 5px;
        line-height: 40px;
        background: #599c3b;
        margin-bottom: 5px;
        border-radius: 5px;
        text-align: center;
        color: #fff;
        position: relative;
        cursor: pointer
    }

        .sidebar ul.item-list li .desc {
            width: 115px;
            line-height: 50px;
            font-size: 18px;
            position: absolute;
            top: 0;
            right: 0;
            border-radius: 5px;
            background: #599c3b;
            opacity: 0;
            filter: alpha(opacity=0);
            transition: all .3s ease-in-out
        }

        .sidebar ul.item-list li a {
            color: #fff
        }

            .sidebar ul.item-list li a:hover {
                color: #fff !important
            }

        .sidebar ul.item-list li:hover {
            background: #dccf3a
        }

            .sidebar ul.item-list li:hover .desc {
                right: 41px;
                filter: alpha(opacity=100);
                opacity: 1
            }

        .sidebar ul.item-list li .desc .arr-right {
            width: 0;
            height: 0;
            border-width: 5px 0 5px 5px;
            border-style: solid;
            border-color: transparent transparent transparent #599c3b;
            position: absolute;
            right: -5px;
            top: 20px
        }

@media only screen and (max-width :1400px) {
    .left-sidebar, .left-sidebar.active, .sidebar {
        display: none
    }
}

.left-sidebar {
    position: fixed;
    bottom: 100px;
    transition: all .3s ease;
    transform: scale(0);
    transform-origin: left top;
    opacity: 0;
    filter: alpga(opacity=0);
    z-index: 10;
    display: none\9
}

    .left-sidebar.active {
        opacity: 1;
        filter: alpga(opacity=100);
        transform: scale(1);
        display: block\9
    }

    .left-sidebar li {
        position: relative
    }

        .left-sidebar li .detail {
            position: absolute;
            left: 0;
            top: 0;
            width: 0;
            overflow: hidden;
            transition: width .2s ease-in-out
        }

        .left-sidebar li:hover .detail {
            width: 152px
        }

#back-to-top {
    width: 40px;
    background: #599c3b;
    position: absolute;
    right: 0;
    bottom: 50px;
    border-radius: 5px;
    text-align: center;
    padding: 8px 0
}

.icon-back-top {
    background: url(../../images/icon/back-top.png)
}

.hd {
    position: relative;
    z-index: 2
}

.hd-top {
    height: 50px;
    color: #959494;
    line-height: 50px;
    background-color: #f5f5f5
}

    .hd-top a {
        color: #959494;
        padding-right: 10px
    }

    .hd-top .right a {
    }

    .hd-top .right .hd-top-menu li:last-child a {
        border: none
    }

    .hd-top a:hover {
        color: #3e3d3d;
        text-decoration: none
    }

.is-left-nav a:hover, abbr[title] {
    text-decoration: underline
}

.hd-top .left {
    height: 30px;
    padding-left: 25px
}

    .hd-top .left .place {
        color: #959494;
        padding-right: 10px
    }

        .hd-top .left .place .arr {
            width: 10px;
            height: 10px;
            display: inline-block
        }

.hd-top .right {
    height: 50px
}

ul.hd-top-menu {
    display: block;
    height: 100%;
    margin-right: -1px;
    line-height: 10px
}

    ul.hd-top-menu li {
        float: left;
        position: relative;
        height: 100%;
        line-height: 50px;
        padding-left: 10px;
        font-size: 16px;
    }

.hd-top .right .phone {
    position: relative;
    display: inline-block;
    width: 100px;
    height: 40px
}

.hd-top .right .hd-top-menu .phone-dl {
    width: 300px;
    background-color: #fff;
    position: absolute;
    z-index: 10000;
    display: none;
    top: 50px;
    left: -106px;
    padding: 0 20px 10px;
    box-sizing: border-box;
    border: 1px solid #eee;
    color: #575757;
    text-align: center
}

.hd-logoBar .menu, .myymt {
    position: relative;
    height: 40px
}

.baogang-pay .logo, hr {
    box-sizing: content-box
}

ul.hd-top-menu #phone-garden:hover > .phone-dl {
    display: block
}

.hd-top .right .phone-dl .dl-link span, .icon-download {
    display: inline-block
}

.phone-dl h4 {
    padding: 10px 0
}

.hd-top .right .phone-dl .barcode {
    width: 90px;
    height: 90px;
    background: url(../../images/barcode/app-code.png) no-repeat
}

.hd-top .right .phone-dl .or {
    height: 90px;
    line-height: 90px;
    padding: 0 25px
}

.icon-download {
    background: url(../../images/icon/icon-download.jpg) no-repeat
}

.hd-top .right .phone-dl .dl-link li {
    background-color: #e0fdec;
    margin-bottom: 30px;
    text-align: center;
    width: 90px;
    height: 30px
}

    .hd-top .right .phone-dl .dl-link li a {
        border: none
    }

.hd-top .right .phone-dl .dl-link .text {
    padding-left: 4px
}

.hd-top .right .phone-dl .dl-link {
    width: 90px;
    height: 90px;
    float: right !important
}

.logo {
    width: 270px;
    height: 120px;
    background: url(../../images/logo.png) 3px 18px no-repeat;
    margin-right: 163px
}

.hd-logoBar .search {
    width: 400px;
    margin-top: 28px;
    margin-right: 60px
}

    .hd-logoBar .search .search-hot {
        width: 320px;
        height: 20px;
        margin-bottom: 2px;
        overflow: hidden
    }

        .hd-logoBar .search .search-hot a {
            color: #959494;
            display: inline-block;
            padding-left: 15px
        }

.search .search-input {
    width: 240px;
    height: 36px;
    border: 3px solid #599c3b;
    border-right: none;
    outline: 0 !important
}

.search .search-text {
    width: 80px;
    height: 36px;
    line-height: 36px;
    color: #fff;
    background: url(../../images/icon/search.png) 10px center no-repeat #599c3b;
    padding-left: 20px;
    font-size: 16px
}

    .search .search-text:hover {
        background-color: #3F7E2D !important
    }

.hd-logoBar .menu {
    width: 280px;
    color: #959494;
    margin-top: 48px
}

    .hd-logoBar .menu a {
        color: #959494
    }

.myymt {
    width: 125px;
    background-color: #efeaea;
    float: left;
    margin-right: 15px;
    z-index: 99;
    text-align: center
}

    .myymt:hover .icon-arr-down, .shop-cart:hover .icon-arr-down {
        transform: rotate(180deg);
        transition: transform .2s ease-in 0s
    }

    .myymt:hover .dd-myymt, .shop-cart:hover .shop-cart-item {
        display: block
    }

    .myymt:hover > .title, .shop-cart:hover > .title {
        background: #fff;
        border: 1px solid #efeaea;
        border-bottom-color: transparent
    }

    .myymt .title, .shop-cart .title {
        line-height: 40px;
        z-index: 11;
        position: relative;
        border: 1px solid transparent
    }

    .myymt .dd-myymt {
        width: 255px;
        overflow: hidden;
        background-color: #fff;
        border: 1px solid #efeaea;
        position: absolute;
        top: 40px;
        left: -130px;
        display: none;
        z-index: 10;
        padding: 5px 10px
    }

.dd-myymt .title, .dd-myymt ul {
    line-height: 20px;
    text-align: left;
    padding-left: 10px
}

.dd-myymt .title {
    border-bottom: 1px solid #cecece;
    padding-bottom: 5px;
    margin-bottom: 8px;
    color: #575757
}

.dd-myymt ul {
    float: left;
    margin-right: 25px;
    font-size: 12px
}

    .dd-myymt ul li {
        margin-bottom: 5px
    }

myymt .dd-myymt ul a {
    color: #656565 !important
}

.shop-cart {
    width: 125px;
    height: 40px;
    line-height: 40px;
    background-color: #efeaea;
    float: left;
    margin-right: 15px;
    position: relative;
    z-index: 888;
    text-align: center
}

    .shop-cart .shop-cart-item {
        position: relative;
        top: -1px;
        display: none
    }

.shop-cart-list {
    width: 325px;
    max-height: 300px;
    background-color: #fff;
    position: relative;
    left: -200px;
    border: 1px solid #efeaea;
    overflow-y: auto
}

    .shop-cart-list img {
        border: 1px solid #ccc
    }

    .shop-cart-list li {
        border-bottom: 1px solid #e0e0e0
    }

        .shop-cart-list li:last-child {
            border: none
        }

    .shop-cart-list .p-title {
        width: 130px;
        overflow: hidden;
        text-align: left;
        white-space: nowrap;
        text-overflow: ellipsis
    }

.shop-cart .total {
    width: 325px;
    line-height: 35px;
    padding: 10px;
    text-align: left;
    background-color: #fff;
    display: block;
    margin-left: -200px;
    border: 1px solid #e0e0e0;
    border-top: none
}

    .shop-cart .total .total-num {
        color: #f48d48;
        padding: 0 5px
    }

.shop-cart-list a {
    color: #959494
}

    .shop-cart-list a:hover {
        color: #599c3b !important
    }

.shop-cart-list img:hover {
    border: 1px solid #599c3b
}

.shop-cart .total .look-shopcart {
    line-height: 1;
    padding: 10px;
    color: #fff;
    background-color: #ff7b1a;
    display: block
}

    .shop-cart .total .look-shopcart:hover {
        color: #fff !important;
        background-color: #ff6c00
    }

.shop-cart-list li.empty {
    text-align: center;
    line-height: 50px;
    height: 50px;
    border: none
}

.shop-cart-list li dt {
    float: left;
    padding: 10px
}

.shop-cart-list li dd {
    width: 210px;
    float: left;
    padding: 10px
}

    .shop-cart-list li dd .top {
        padding-bottom: 40px
    }

        .shop-cart-list li dd .top .price {
            color: #599c3b
        }

    .shop-cart-list li dd .bottom .num {
        width: 30px;
        text-align: center
    }

.hd-nav {
    background-color: #599c3b;
    color: #fff;
    font-size: 16px;
    text-align: center
}

    .hd-nav .category {
        width: 180px;
        line-height: 38px;
        position: relative
    }

        .hd-nav .category.active {
            background-color: #42732d
        }

        .hd-nav .category .icon-arr-white {
            position: absolute;
            top: 50%;
            right: 20px;
            margin-top: -6px
        }

        .hd-nav .category .title a:hover {
            color: #fff !important
        }

.category:hover > ul.category-menu {
    display: block
}

.category:not(.noeffect):hover > .icon-arr-white {
    transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transition: all .2s
}

.category-menu {
    width: 180px;
    background: #fff;
    border-left: 1px solid #90d53f;
    border-right: 1px solid #90d53f;
    border-bottom: 1px solid #90d53f;
    font-size: 16px;
    position: absolute;
    display: none;
    z-index: 100
}

    .category-menu.transparency {
        opacity: .8;
        filter: alpha(opacity=80)
    }

.c-icon {
    position: absolute;
    top: 50%;
    left: 25px;
    margin-top: -11px
}

.category-menu li {
    line-height: 0;
    text-align: center;
    background-color: #fff
}

    .category-menu li a {
        font-size: 16px;
        color: #212121 !important;
        display: inline-block;
        width: 100%;
        line-height: 40px;
        position: relative;
        text-align: left;
        text-indent: 58px
    }

        .category-menu li a:hover, .category-menu li ul a:hover {
            color: #599c3b !important
        }

    .category-menu li ul a {
        text-indent: 0;
        text-align: center
    }

.category-menu > li:hover {
    opacity: 1;
    background: #eee
}

.category-menu li:hover ul {
    display: block
}

.category-menu li > div {
    width: 364px;
    position: absolute;
    left: 179px;
    top: 0
}

.category-menu li ul {
    width: 182px;
    height: 441px;
    background-color: #fff;
    border: 1px solid #90d53f;
    border-left: none;
    float: left;
    display: none
}

.hd-nav .main-nav li {
    width: 170px;
    float: left;
    position: relative
}

    .hd-nav .main-nav li a {
        width: 170px;
        line-height: 38px;
        display: inline-block;
        color: #fff;
        text-align: center
    }

.hd-nav .main-nav > li > a:hover {
    transition: all 1s;
    background-color: #3c763d;
    color: #fff !important
}

.hd-nav .main-nav > li.active {
    background-color: #3c763d;
    position: relative
}

.banner-index {
    width: 100%;
    margin-bottom: 45px
}

    .banner-index .bxslider {
        overflow: hidden
    }

    .banner-index img {
        width: 100%;
        height: 450px;
        min-width: 1280px !important
    }

    .banner-index a {
        width: 1920px;
        display: block;
        margin: 0 auto
    }

.floor .f-title {
    width: 607px;
    text-align: center;
    font-size: 24px;
    color: #599c3b;
    margin: 0 auto 30px
}

    .floor .f-title .title-line {
        border-top: 3px solid #599c3b
    }

        .floor .f-title .title-line span {
            background-color: #fff;
            padding: 0 30px;
            position: relative;
            top: -15px
        }

.floor .product {
    width: 25%;
    position: relative;
    float: left;
    margin: 20px 0;
    padding: 0 20px
}

    .floor .product a.product-img img {
        width: 260px;
        height: 260px
    }

    .floor .product .desc-detail {
        position: absolute;
        width: 260px;
        height: 110px;
        left: 0;
        bottom: -110px;
        color: #fff;
        padding: 10px
    }

.floor .desc-detail-mask {
    width: 100%;
    height: 110px;
    background: #000;
    position: absolute;
    bottom: 0;
    left: 0;
    opacity: .3;
    filter: alpha(opacity=30)
}

.floor .product .desc-detail p, .floor .product a {
    position: relative
}

.floor .product a {
    overflow: hidden;
    color: #7d7d7d;
    display: inline-block
}

    .floor .product a img {
        width: 260px;
        height: auto
    }

.floor .product .p-title {
    color: #323232;
    line-height: 30px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    display: block
}

.floor .product .desc {
    width: 100%
}

    .floor .product .desc span {
        color: #7d7d7d;
        display: block
    }

.floor .product .price {
    width: 100%;
    font-size: 20px;
    color: #599c3b
}

.tag-list {
    width: 50px;
    position: absolute;
    top: 0;
    z-index: 1
}

    .tag-list li {
        float: left
    }

.floor .f-more {
    width: 100%;
    height: 25px;
    text-align: center;
    padding-top: 40px;
    padding-bottom: 100px
}

    .floor .f-more a {
        font-size: 18px;
        color: #6a6a6a
    }

.foot {
    position: relative;
    background-color: #f4f4f4
}

    .foot .f-icon {
        height: 155px;
        padding: 10px 0;
        margin: 10px 0
    }

        .foot .f-icon div {
            margin: auto
        }

        .foot .f-icon li {
            width: 200px;
            height: 100%;
            float: left;
            border-left: 1px solid #b4b4b4;
            text-align: center;
            line-height: 30px
        }

            .foot .f-icon li .icon {
                width: 68px;
                height: 65px;
                margin: auto
            }

                .foot .f-icon li .icon.pz {
                    background: url(../../images/icon/icon-pz.jpg) no-repeat
                }

                .foot .f-icon li .icon.cd {
                    background: url(../../images/icon/icon-cd.jpg) no-repeat
                }

                .foot .f-icon li .icon.wl {
                    background: url(../../images/icon/icon-wl.jpg) no-repeat
                }

                .foot .f-icon li .icon.safe {
                    background: url(../../images/icon/icon-safe.jpg) no-repeat
                }

                .foot .f-icon li .icon.by {
                    background: url(../../images/icon/icon-by.jpg) no-repeat
                }

                .foot .f-icon li .icon.pay {
                    background: url(../../images/icon/icon-pay.jpg) no-repeat
                }

            .foot .f-icon li .title {
                font-size: 24px;
                font-weight: 700;
                color: #30302f;
                margin-top: 10px
            }

            .foot .f-icon li .subtitle {
                color: #777
            }

    .foot .f-service {
        height: 190px
    }

        .foot .f-service .logo {
            position: relative;
            top: 30px;
            left: 0;
            margin-right: 0
        }

        .foot .f-service .download {
            width: auto;
            height: 115px;
            margin: 30px 0 0 200px
        }

            .foot .f-service .download .barcode {
                width: 105px;
                margin-right: 18px;
                padding: 5px 5px 0;
                float: left;
                background-color: #fff;
                font-size: 13px;
                color: #575757;
                text-align: center
            }

                .foot .f-service .download .barcode p {
                    margin: 5px 0
                }

                .foot .f-service .download .barcode span {
                    line-height: 25px
                }

            .foot .f-service .download .phone {
                width: auto;
                margin-left: 30px;
                float: left;
                font-size: 20px
            }

                .foot .f-service .download .phone li {
                    height: 35px;
                    padding-right: 10px;
                    background-color: #fff;
                    margin-top: 15px;
                    line-height: 35px;
                    padding-left: 15px
                }

                .foot .f-service .download .phone .text {
                    text-indent: 5px;
                    display: inline-block
                }

        .foot .f-service .service {
            padding-right: 70px;
            padding-top: 40px
        }

            .foot .f-service .service span {
                display: block
            }

    .foot .f-desc {
        width: 100%;
        height: auto;
        text-align: center
    }

        .foot .f-desc p {
            margin-bottom: 15px
        }

        .foot .f-desc h3 {
            margin-bottom: 20px
        }

        .foot .f-desc li {
            width: 25%;
            float: left;
            padding: 20px 0
        }

            .foot .f-desc li a {
                color: #3b3b3b
            }

    .foot .f-bottom {
        padding: 20px;
        text-align: center
    }

        .foot .f-bottom .police {
            height: 30px;
            background: url(../../images/icon/icon-police.jpg) center no-repeat;
            display: inline-block
        }

    .foot .f-topline {
        border-bottom: 1px solid #b4b4b4
    }

#fix-top-nav {
    width: 100%;
    height: 50px;
    background-color: #fff;
    position: fixed;
    top: -55px;
    z-index: 999;
    display: block;
    border-bottom: 1px solid #bbb
}

    #fix-top-nav .shop-cart {
        display: none
    }

    #fix-top-nav.show, .left-category-menu:hover > .category-menu {
        display: block
    }

    #fix-top-nav .left-category-menu {
        width: 180px;
        text-align: center;
        font-size: 18px;
        margin-left: 7px
    }

    #fix-top-nav .search {
        margin-top: 8px;
        margin-left: 301px
    }

    #fix-top-nav .shop-cart {
        margin-top: 7px;
        margin-left: 87px;
        color: #959494
    }

.login-content {
    padding: 74px 0 57px;
    background: url(../../images/advert/login-img.jpg) 0 74px no-repeat
}

ul.login-entrance {
    margin-left: 82px
}

    ul.login-entrance li {
        margin-left: 24px;
        float: left
    }

.register-content {
    padding: 74px 0 57px;
    background-image: url(../../images/a1.jpg);
    background-repeat: no-repeat;
    background-position: 0 74px;
}

.finished, .stepBar {
    background-color: #599c3b
}

.findpwd-content {
    width: 1100px;
    margin: 0 auto;
    padding: 84px 0
}

    .findpwd-content .title {
        color: #939292;
        border-bottom: 1px solid #b7b7b7;
        padding-bottom: 21px;
        margin-bottom: 26px
    }

.stepBar {
    width: 100%;
    height: 46px;
    line-height: 46px;
    margin-bottom: 60px;
    color: #fff;
    text-align: center;
    overflow: hidden;
    cursor: default;
    position: relative;
    z-index: 1
}

.triangle-right, .triangle-right-bg {
    position: absolute;
    top: -2px;
    display: inline-block
}

.stepBar .wrap {
    width: 275px;
    height: 100%;
    float: left
}

.triangle-right {
    border: 25px solid transparent;
    border-left-color: #599c3b;
    right: -49px;
    z-index: 99
}

.triangle-right-bg {
    border: 25px solid transparent;
    border-left-color: #fff;
    right: -52px;
    z-index: 88
}

.finished, .myorder, .tabmenu, .todo {
    position: relative
}

    .todo .triangle-right {
        border-color: transparent transparent transparent #dbdcdb
    }

    .todo .triangle-right-bg {
        border-color: transparent transparent transparent #fff
    }

.todo {
    background-color: #dbdcdb
}

.myspendingrecord td {
    padding: 20px !important
}

.myorder li.pic img {
    width: 72px;
    height: 72px
}

.myorder dt.title {
    margin: 0
}

.right-content .order-selection {
    float: right;
    position: absolute;
    right: 2px;
    top: 0
}

.order-detail .order-nav {
    border: 1px solid #acacac;
    margin-bottom: 20px;
    height: 40px;
    line-height: 40px;
    color: #9a9a9a;
    margin-top: 5px
}

    .order-detail .order-nav span {
        text-align: center;
        display: inline-block
    }

.order-detail .n-product {
    width: 595px
}

.order-detail .n-paymoney {
    width: 130px
}

.order-detail .n-dealstatus {
    width: 105px
}

.order-detail .n-opeartion {
    width: 80px
}

.order-detail .order-list {
    padding: 0 8px
}

    .order-detail .order-list .title {
        padding: 10px 0 5px;
        border-bottom: 1px solid #acacac;
        color: #4b4b4b
    }

    .btn-tracking, .order-detail .order-list .content .opea ul a {
        color: #9a9a9a
    }

    .order-detail .order-list .title span {
        padding-right: 20px
    }

    .order-detail .order-list .content {
        padding: 10px 0;
        border-bottom: 1px solid #acacac
    }

        .order-detail .order-list .content > li {
            border-right: 1px solid #ccc;
            height: 75px;
            text-align: center
        }

            .order-detail .order-list .content > li:last-child, .recharge .menu li:last-child a {
                border-right: none
            }

        .order-detail .order-list .content .pic li {
            float: left;
            padding-right: 10px
        }

        .order-detail .order-list .content .pic {
            width: 595px
        }

        .order-detail .order-list .content .price {
            width: 130px;
            line-height: 75px
        }

        .order-detail .order-list .content .dealstatus {
            width: 105px
        }

            .order-detail .order-list .content .dealstatus ul {
                height: 75px;
                width: 110px
            }

        .order-detail .order-list .content .opea {
            width: 80px
        }

            .order-detail .order-list .content .opea ul {
                height: 75px;
                width: 110px
            }

.vertical-middle {
    display: table-cell
}

.view-order .nav-title {
    display: block;
    height: 20px
}

    .view-order .nav-title li {
        float: left
    }

        .view-order .nav-title li a {
            color: #4b4b4b
        }

        .view-order .nav-title li + li:before {
            padding: 0 2px
        }

.view-order dl {
    margin-top: 37px
}

.view-order dt {
    border-bottom: 1px solid #c5c5c5;
    margin-bottom: 20px
}

    .view-order dt > span {
        padding-bottom: 7px;
        display: inline-block;
        border-bottom: 1px solid #599c3b;
        background-color: #fff;
        position: relative;
        top: 1px
    }

.product-info .product-list tr, .view-order .charge-detail {
    border-bottom: 1px solid #c5c5c5
}

.product-info dt a {
    color: #24a8fb;
    position: relative;
    top: 8px
}

.product-info dd td a img {
    width: 60px;
    height: 60px
}

.product-info .total-num span {
    padding: 0 3px
}

.product-info .product-list {
    width: 100%;
    margin-top: 26px;
    margin-bottom: 10px
}

    .product-info .product-list a {
        color: #868484
    }

    .product-info .product-list td {
        padding: 14px 0;
        text-align: center
    }

        .product-info .product-list td.img {
            text-align: left
        }

            .product-info .product-list td.img img {
                margin: 0 10px
            }

    .product-info .product-list th {
        padding-bottom: 5px;
        text-align: center
    }

.view-order .charge-detail {
    padding-bottom: 28px;
    margin-bottom: 28px;
    width: auto;
    display: inline-block
}

    .view-order .charge-detail ul:first-child {
        width: auto;
        padding-right: 65px
    }

    .view-order .charge-detail ul li {
        line-height: 30px
    }

.service-team .title {
    margin-top: 20px
}

    .service-team .title a {
        color: #404040
    }

.recharge .menu li {
    float: left;
    padding-bottom: 10px
}

    .recharge .menu li.active {
        border-bottom: 2px solid #599c3b
    }

        .recharge .menu li.active a {
            color: #599c3b
        }

    .recharge .menu li a {
        color: #434343;
        . display:block;
        border-right: 1px solid #bbb;
        padding: 0 10px
    }

.recharge .line {
    width: 100%;
    height: 2px;
    background-color: #bbb;
    position: relative;
    top: -2px;
    z-index: -1;
    margin-bottom: 20px
}

.recharge .content {
    border: 1px solid #d7d7d7;
    background-color: #f5f5f5;
    padding: 18px 0 33px 26px;
    margin-bottom: 65px;
    height: auto;
    display: none
}

    .recharge .content dl {
        width: 100%
    }

    .recharge .content.online-pay dt {
        color: #2b2b2b;
        margin-bottom: 25px
    }

    .recharge .content.online-pay dd .limit {
        width: 480px
    }

        .recharge .content.online-pay dd .limit li {
            width: 140px;
            height: 40px;
            line-height: 40px;
            text-align: center;
            border: 1px solid #d7d7d7;
            background-color: #fff;
            float: left;
            margin: 0 20px 20px 0;
            cursor: pointer
        }

    .recharge .content.online-pay li.active {
        background-color: #e3f1dc !important;
        border: 1px solid #42732d !important
    }

.recharge .other-limit {
    display: block;
    width: 140px;
    height: 40px;
    border: 1px solid #d7d7d7;
    margin-top: 5px;
    padding: 0 5px
}

.recharge .payment li {
    float: left;
    border: 1px solid #d7d7d7;
    margin-right: 30px;
    cursor: pointer
}

.recharge .content .paynow {
    width: 163px;
    height: 46px;
    display: block;
    margin-top: 50px
}

.recharge .content.card-pay input[type=text] {
    width: 315px;
    height: 40px;
    border: 1px solid #d7d7d7
}

.recharge .content.card-pay select {
    height: 40px !important
}

.recharge .content.card-pay dl {
    margin-bottom: 28px
}

    .recharge .content.card-pay dl:nth-last-of-type(1) {
        margin-bottom: 0
    }

.recharge .content.card-pay dt {
    margin-bottom: 20px
}

.charge-confirm p {
    margin-bottom: 30px
}

    .charge-confirm p:nth-last-of-type(1) {
        margin: 0
    }

.charge-confirm .select-paytype {
    border: 1px solid #42732d
}

.charge-confirm .limit-text {
    width: 140px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    border: 1px solid #42732d;
    background-color: #fff;
    margin: 0 20px 0 0;
    display: inline-block;
    cursor: default
}

.charge-confirm .warn {
    width: 100%;
    margin-top: 20px
}

.change-password input {
    width: 200px;
    height: 30px;
    border: 1px solid #ccc;
    margin-right: 5px
}

.table-tab {
    width: 100%;
    color: #818181;
    margin-top: 15px
}

.integral-info {
    padding: 0 0 35px 10px;
    color: #5e5e5e
}

    .integral-info span {
        margin-right: 40px
    }

.myintegral .order-selection input {
    border: 1px solid #acacac;
    height: 28px;
    line-height: 28px;
    float: left;
    margin-right: 5px
}

    .myintegral .order-selection input[type=button] {
        border: none
    }

.myintegral .order-selection .btn-green {
    width: 50px
}

.mygift .sm {
    margin-left: 10px;
    color: #434343
}

.mygift table td {
    padding: 10px 0
}

    .mygift table td img {
        margin: 0 20px
    }

.mygift td.product a {
    line-height: 100px
}

.mygift .btn-add-shopcar {
    position: relative;
    background: 0 0;
    right: 0
}

    .mygift .btn-add-shopcar:hover {
        background: 0 0
    }

.goodstick .input-box .txt {
    width: 200px !important;
    margin-right: 10px
}

.user-center {
    margin-top: 65px;
    margin-bottom: 65px
}

    .user-center .right-content table th {
        padding: 5px 0
    }

    .user-center .right-content a {
        color: #818181
    }

    .user-center .input-box {
        margin-bottom: 30px;
        border-bottom-width: 9px;
        border-bottom-style: solid;
        border-bottom-color: #f0f0f0;
        padding-bottom: 55px;
    }

        .user-center .input-box .txt {
            width: 290px;
            height: 40px;
            line-height: 40px;
            border: 1px solid #acacac;
            float: left;
            margin-right: 5px
        }

        .user-center .input-box .btn-green {
            width: auto;
            height: 40px;
            background-color: #599c3b;
            color: #fff;
            padding: 0 20px;
            border-radius: 0
        }

.sendMsgToAdmin input[type=text] {
    border: 1px solid #ccc;
    width: 390px;
    height: 35px
}

.border-bottom-gray, .sendMsgToAdmin .item h1 {
    border-bottom: 1px solid #d6d6d6
}

.sendMsgToAdmin .item {
    margin-bottom: 10px;
    font-size: 16px
}

.sendMsgToAdmin p {
    margin: 0;
    line-height: 1.5em
}

.text-center {
    text-align: center
}

.text-left {
    text-align: left
}

.text-right {
    text-align: right
}

.sendMsgToAdmin .item li {
    margin-bottom: 20px
}

.sendMsgToAdmin .item h1 {
    padding-bottom: 5px;
    font-size: 22px;
    color: #5d5d5d
}

.sendMsgToAdmin dl dt {
    width: 10%;
    text-align: center
}

    .sendMsgToAdmin dl dt img {
        width: 50px;
        height: 50px
    }

.sendMsgToAdmin dl dd {
    width: 90%
}

    .sendMsgToAdmin dl dd .right {
        padding: 10px 0
    }

.sendMsgToAdmin table td {
    vertical-align: text-top
}

.sendMsgToAdmin .leave-msg td {
    padding-bottom: 20px
}

.sendMsgToAdmin .pagination {
    width: 100%;
    text-align: right
}

.level-banner {
    height: 602px;
    background: url(../../images/banner/banner-memberlevel.jpg) center
}

.member-level-desc {
    margin-top: 40px;
    height: 3118px;
    background: url(../../images/member-level-desc.jpg) center
}

.integral-shop {
    margin-top: 30px
}

    .integral-shop .icon-select2, .integral-shop .icon-unselect2 {
        position: relative;
        top: -20px;
        cursor: pointer
    }

    .integral-shop .product img {
        width: 220px !important;
        height: auto !important
    }

    .integral-shop .btn-clearing {
        background-color: #fb923e;
        width: 147px;
        height: 50px;
        font-size: 26px;
        color: #fff;
        border-radius: 5px;
        position: absolute;
        right: 120px;
        bottom: 30px
    }

    .integral-shop .fixed-pay {
        width: 100%;
        background-color: #f0f0f0;
        position: fixed;
        left: 0;
        bottom: 0;
        z-index: 999
    }

    .integral-shop .pay-bar {
        padding: 20px
    }

        .integral-shop .pay-bar .pay-info {
            font-size: 25px;
            line-height: 50px;
            text-align: center
        }

.is-left-nav {
    width: 240px;
    height: auto;
    color: #212121;
    background-color: #fff;
    position: absolute;
    z-index: 1
}

    .is-left-nav li {
        width: 240px;
        float: left;
        border-bottom: 1px dashed #ccc;
        padding: 10px 5px
    }

        .is-left-nav li:last-child {
            border-bottom: none
        }

    .is-left-nav a {
        display: block;
        margin: 5px 0
    }

    .is-left-nav .warn {
        padding: 40px 0
    }

.is-right-content {
    width: 960px;
    height: auto;
    border-left: 1px solid #ddd;
    position: relative;
    left: 260px;
    margin-bottom: 65px
}

    .is-right-content .filter-box {
        color: #4f4f4f;
        margin-left: 15px;
        margin-top: 15px;
        margin-bottom: 35px
    }

        .is-right-content .filter-box .txt-integral {
            width: 83px
        }

        .is-right-content .filter-box .item {
            margin-right: 40px
        }

        .is-right-content .filter-box input {
            height: 28px
        }

        .is-right-content .filter-box .btn-green {
            width: 53px;
            border-radius: 0
        }

    .is-right-content .product {
        width: 240px
    }

        .is-right-content .product img {
            width: 220px
        }

    .is-right-content .price {
        font-size: 16px !important
    }

    .is-right-content .txt-num {
        width: 25px;
        text-align: center
    }

    .is-right-content .number {
        margin-top: 10px
    }

        .is-right-content .number a {
            color: #bbb;
            font-weight: 700
        }

    .is-right-content .floor {
        margin-bottom: 50px;
        width: 960px;
        overflow: hidden
    }

    .is-right-content .banner {
        width: 960px;
        height: 300px;
        background: url(../../images/banner/integral-banner.jpg)
    }

    .is-right-content .f-title {
        color: #444;
        font-size: 18px;
        margin-top: 30px
    }

        .is-right-content .f-title span {
            top: -11px !important
        }

        .is-right-content .f-title .title-line {
            border-top: 1px solid #444
        }

.person-head {
    margin-right: 15px
}

.as-process td {
    padding: 20px 0 !important
}

    .as-process td img {
        width: 72px;
        height: 72px
    }

.as-process-detail .content {
    margin-top: 40px
}

.as-process-detail .desc.title {
    margin: 5px 0
}

.as-process-detail .pic-list {
    margin-top: 50px;
    padding: 0 40px
}

.as-process-detail .total {
    text-align: right
}

.as-process-detail .orderno {
    color: #3e3d3d
}

.as-process-detail .content .feedbackpic {
    margin-top: -10px
}

.as-process-detail .feedbackpic img {
    width: 192px;
    height: 192px
}

.exchange-rules {
    width: 1200px;
    height: 2300px;
    background: url(../../images/others/ticket-exchange-rules.jpg) no-repeat;
    margin: 40px 0 100px
}

.mytryeat td img {
    width: 94px;
    height: 94px
}

.mytryeat td {
    padding: 10px 0 !important
}

.mytryeat .product {
    width: 400px;
    text-align: left;
    padding-left: 20px !important
}

.myattention .pname {
    width: 300px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.myattention .input-box {
    padding: 10px 15px
}

.myattention .btn-addselected-shopcar {
    width: 140px;
    padding: 0 9px 0 40px !important;
    background: url(../../images/icon/shopcart.png) 8px 8px no-repeat
}

.myattention input[type=checkbox] {
    background-color: #fff
}

.myattention .item {
    height: 150px;
    padding: 28px 27px 28px 14px;
    line-height: 94px;
    border-bottom: 1px solid #bbb
}

    .myattention .item:last-child {
        border-bottom: none
    }

.myattention .select {
    height: 20px
}

.myattention .product {
    margin-left: 50px;
    width: 430px
}

    .myattention .product dt {
        margin-right: 25px
    }

        .myattention .product dt img {
            width: 95px;
            height: 95px
        }

    .myattention .product dd {
        margin-top: 10px
    }

.myattention .price {
    margin-right: 165px;
    width: 110px;
    text-align: center
}

.myattention .opera .btn-add-shopcar {
    width: 40px;
    height: 40px;
    position: relative;
    top: 14px;
    margin-right: 27px;
    background: url(../../images/icon/add-shopcart.png);
    background-size: cover;
    display: inline-block
}

    .myattention .opera .btn-add-shopcar.disabled {
        background: url(../../images/icon/add-shopcart-gray.png);
        background-size: cover
    }

.myattention .opera .btn-delete {
    position: relative;
    top: 7px
}

.product-reserve .btn-add-shopcar {
    width: auto;
    background: 0 0;
    position: static;
    cursor: pointer
}

    .product-reserve .btn-add-shopcar:hover {
        background: 0 0
    }

.product-reserve td {
    padding: 10px !important
}

    .product-reserve td img {
        width: 97px;
        height: 97px
    }

.product-reserve table {
    margin-bottom: 20px
}

.product-reserve td.opera a {
    display: block;
    height: 30px
}

.product-reserve .order-selection {
    top: 10px
}

.inbox ul.opera-list {
    border-bottom: 2px solid #acacac;
    padding-left: 15px
}

    .inbox ul.opera-list li {
        float: left;
        padding-bottom: 10px
    }

        .inbox ul.opera-list li a {
            border-right: 1px solid #acacac;
            padding: 0 10px
        }

        .inbox ul.opera-list li:last-child a {
            border: none
        }

.inbox table td {
    padding: 30px 15px !important
}

.myshopcart .hd-logoBar {
    border-bottom: 1px solid #ddd;
    box-shadow: 0 3px 4px #eee
}

.myshopcart .step {
    width: 452px;
    margin-top: 20px;
    padding-top: 58px;
    right: -148px;
    padding-left: 0;
    display: block;
    margin-right: 9px
}

    .myshopcart .step li {
        float: left;
        text-align: right;
        width: 148px
    }

        .myshopcart .step li:last-child {
            margin-right: 0
        }

.ms-main .product-list {
    margin-bottom: 60px
}

.ms-main.container {
    padding: 0
}

.ms-main .txt-num {
    position: relative;
    top: -5px
}

.ms-main .title {
    height: 30px;
    line-height: 30px;
    margin: 20px 0;
    padding: 0 10px
}

.ms-main table.product-list {
    border: 1px solid #ccc;
    margin-bottom: 30px;
    word-wrap: break-word
}

    .ms-main table.product-list a {
        color: #868484
    }

.ms-main a:hover {
    color: #599c3b !important
}

.ms-main table.product-list tr {
    border-bottom: 1px solid #ccc
}

.ms-main table.product-list th {
    background-color: #f0f3ef;
    height: 50px;
    text-align: center
}

.ms-main table.product-list td {
    text-align: center;
    padding-left: 20px;
    height: 140px
}

.ms-main table.product-list dt img {
    width: 140px;
    height: 110px
}

.ms-main table.product-list dd {
    text-align: left;
    margin-left: 40px;
    display: table;
    height: 110px;
    width: 250px
}

    .ms-main table.product-list dd p {
        width: 250px;
        max-height: 40px;
        overflow: hidden;
        text-overflow: ellipsis
    }

    .ms-main table.product-list dd a {
        display: inline-block;
        width: 250px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }

.ms-main .txt-amount {
    width: 30px;
    text-align: center
}

.ms-main td.opera a {
    margin: 0 15px
}

.ms-main .tag {
    margin-top: 5px;
    display: inline-block
}

.ms-main .product-list tr.bottom td {
    text-align: left !important;
    height: 30px !important;
    line-height: 24px;
    padding: 0 20px
}

.ms-main .p-title {
    color: #323232;
    height: 35px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    display: block
}

.product-list dt img {
    width: 158px;
    height: 140px
}

.product-list p {
    margin: 0
}

.product-list li {
    float: left;
    width: 25%;
    padding: 0 60px;
    margin-top: 20px
}

.product-list .btn-add-shopcar, .product-list .btn-add-shopcar:hover {
    width: 37px;
    height: 35px;
    background-size: 37px 35px;
    position: relative;
    top: -10px
}

.product-list .btn-add-shopcar {
    right: 0
}

.ms-main .show-more {
    margin: 0 0 30px;
    cursor: pointer;
    text-align: center
}

.i-arr-dobule-down.rotate {
    transform: rotate(180deg)
}

.ms-main .bottom-bar {
    height: 130px;
    background-color: #f0f0f0
}

    .ms-main .bottom-bar ul.total {
        margin-right: -40px
    }

        .ms-main .bottom-bar ul.total li {
            float: left;
            border-right: 1px solid #737272;
            padding: 0 40px;
            height: 42px
        }

            .ms-main .bottom-bar ul.total li:last-child {
                border-right: none
            }

    .ms-main .bottom-bar table tr {
        border: none
    }

    .ms-main .bottom-bar .btn-pay {
        width: 160px;
        height: 60px;
        font-size: 26px;
        margin-top: 5px
    }

    .ms-main .bottom-bar.fixed {
        width: 100%;
        position: fixed;
        bottom: 0;
        left: 0;
        z-index: 999
    }

.bottom-bar .container {
    width: 1102px;
    padding: 14px
}

.co-main .title {
    margin-top: 20px;
    border-bottom: 2px solid #acacac;
    padding-bottom: 10px
}

    .co-main .title .wrap {
        border-bottom: 2px solid #599c3b;
        padding-bottom: 13px
    }

.co-main #receiveDate {
    width: 940px;
    text-align: center;
    margin-top: 50px;
    margin-bottom: 10px
}

.co-main .productdetail .product-info {
    width: 920px
}

.co-main ul.content .consignee, .empty-address {
    padding-left: 46px
}

    .co-main ul.content .consignee .address-list {
        width: 800px
    }

        .co-main ul.content .consignee .address-list li {
            cursor: pointer;
            padding: 0 6px;
            height: auto;
            border: 1px solid transparent
        }

            .co-main ul.content .consignee .address-list li:hover {
                border: 1px solid #599c3b
            }

            .co-main ul.content .consignee .address-list li.active {
                border: 1px solid #599c3b;
                background: url(../../images/icon/selected.png) right bottom no-repeat
            }

    .co-main ul.content .consignee span {
        display: inline-block;
        word-wrap: break-word;
        overflow: hidden;
        text-overflow: ellipsis
    }

        .co-main ul.content .consignee span.name {
            width: 100px
        }

        .co-main ul.content .consignee span.tel {
            width: 150px
        }

        .co-main ul.content .consignee span.address {
            width: 400px
        }

        .co-main ul.content .consignee span.op-btns {
            margin-left: 40px
        }

.co-main ul.content > li {
    border-bottom: 1px solid #acacac;
    padding-top: 20px;
    padding-bottom: 84px
}

    .co-main tr, .co-main ul.content > li:last-child {
        border: none
    }

.co-main .address-list {
    margin: 50px 0 0
}

.co-main .more-address {
    cursor: pointer;
    padding-left: 6px
}

.co-main ul.payment-list {
    margin-top: 80px
}

    .co-main ul.payment-list li img {
        position: relative;
        z-index: -1
    }

    .co-main ul.payment-list li.active {
        border: 1px solid #599c3b;
        box-shadow: 0 0 10px #ccc;
        background: url(../../images/icon/selected.png) right bottom no-repeat
    }

.co-main input[type=text], .co-main select {
    border: 1px solid #919191;
    height: 30px;
    border-radius: 5px
}

.co-main .invoice-info .input-box {
    margin-top: 50px
}

    .co-main .invoice-info .input-box p {
        margin-bottom: 30px
    }

    .co-main .invoice-info .input-box label {
        margin: 0 5px
    }

.co-main ul.payment-list li {
    cursor: pointer;
    float: left;
    border: 1px solid #d7d7d7;
    width: 163px;
    height: 47px;
    line-height: 47px;
    text-align: center;
    margin-right: 30px
}

.co-main .coupon .sub-content {
    margin-top: 40px
}

.co-main .coupon table td {
    padding: 0 6px 26px 0
}

.co-main .coupon input {
    width: 230px
}

.co-main .cost {
    text-align: right
}

    .co-main .cost table td {
        padding: 5px 0
    }

.co-main .detail {
    width: 920px;
    border-bottom: 1px solid #acacac
}

.co-main .total {
    width: 100%
}

.submit-order {
    padding-top: 20px
}

    .submit-order .msg {
        height: 90px;
        line-height: 90px;
        border-bottom: 1px solid #d1d1d1;
        padding-bottom: 120px
    }

        .submit-order .msg span.fs-36 {
            margin-left: 40px
        }

    .submit-order .orderno {
        padding: 46px 0 20px 130px;
        border-bottom: 1px solid #d1d1d1
    }

    .submit-order .pay {
        padding: 30px 0 174px 130px
    }

        .submit-order .pay p {
            margin-bottom: 40px
        }

        .submit-order .pay img {
            border: 1px solid #599c3b;
            box-shadow: 0 0 10px #ccc
        }

        .submit-order .pay .btn-green {
            width: 160px;
            height: 50px;
            margin-top: 20px
        }

.myaccount .ai {
    height: 200px;
    margin-bottom: 10px
}

    .myaccount .ai .nickname {
        width: 200px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }

    .myaccount .ai dl {
        width: 330px;
        height: 100%;
        background-color: #599c3b;
        padding: 10px;
        color: #fff
    }

    .myaccount .ai dd p {
        margin-bottom: 2px
    }

    .myaccount .ai dt {
        padding-right: 15px
    }

    .myaccount .ai .look-level {
        color: #fff;
        display: block;
        text-decoration: underline;
        margin-top: 30px
    }

a:active, a:focus, a:hover, a:visited {
    text-decoration: none
}

.myaccount .ai .look-level:hover {
    color: #eee !important
}

.myaccount .ai ul.info {
    width: 595px;
    height: 200px;
    padding: 30px 0 30px 60px;
    border: 1px solid #acacac
}

    .myaccount .ai ul.info p {
        margin-bottom: 10px
    }

    .myaccount .ai ul.info li {
        float: left;
        border-right: 1px solid #acacac;
        padding-right: 50px;
        padding-left: 20px
    }

        .myaccount .ai ul.info li:last-child {
            border-right: none
        }

        .myaccount .ai ul.info li:first-child {
            padding-left: 0
        }

.myaccount .order {
    margin-bottom: 34px
}

    .myaccount .order .title {
        padding-bottom: 10px;
        border-bottom: 1px solid #acacac;
        margin-bottom: 2px
    }

.myaccount .interest dl {
    border: 1px solid #acacac;
    height: 220px;
    padding: 0 2px
}

.myaccount .interest .pName {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.myaccount .interest img {
    width: 130px;
    height: 130px;
    text-align: center
}

.myaccount .interest dl:hover {
    border: 1px solid #599c3b
}

.myaccount .interest {
    border: 1px solid #acacac;
    padding: 23px 0;
    position: relative;
    margin-top: 20px
}

    .myaccount .interest .slide {
        text-align: center
    }

        .myaccount .interest .slide dt {
            padding: 0 10px;
            margin-bottom: 23px
        }

.allcategory {
    cursor: pointer;
    height: 55px;
    display: inline-block;
    line-height: 55px
}

.category-arr {
    position: absolute;
    right: 20px;
    top: 0
}

.interest .next {
    position: absolute;
    top: 104px;
    right: 24px
}

.interest .prev {
    position: absolute;
    top: 104px;
    left: 24px
}

.categoryPath {
    margin: 15px 0
}

    .categoryPath > li {
        float: left
    }

        .categoryPath > li a {
            color: #818181
        }

        .categoryPath > li:last-child:after {
            content: ""
        }

.pc-main .pc-left {
    width: 179px
}

.pc-main .pc-right {
    width: 1021px;
    border-left: 1px solid #ccc;
    margin-bottom: 180px
}

    .pc-main .pc-right a {
        display: inline
    }

.pc-left .category-list {
    margin-top: 20px;
    margin-bottom: 50px;
    padding-left: 5px
}

    .pc-left .category-list li a {
        color: #595959;
        height: 46px
    }

    .pc-left .category-list li span {
        margin-right: 5px
    }

    .pc-left .category-list li.active a {
        color: #599c3b
    }

    .pc-left .category-list li.active span {
        transform: rotate(90deg);
        display: inline-block
    }

.week-onSale .pc-left .category-list li {
    height: 30px
}

.pc-left dd {
    text-align: left
}

.pc-left dt img {
    width: 144px;
    height: 120px
}

.pc-right .product a img {
    width: 215px !important;
    height: 215px !important
}

.pc-right .filter-box {
    border-bottom: 1px solid #ccc;
    padding-bottom: 16px;
    margin-bottom: 23px;
    margin-left: 20px
}

    .pc-right .filter-box ul {
        margin-left: 74px
    }

    .pc-right .filter-box > ul li {
        float: left;
        text-align: left;
        margin-right: 25px;
        margin-bottom: 10px
    }

        .pc-right .filter-box > ul li a {
            color: #818181
        }

        .pc-right .filter-box > ul li.active a {
            color: #599c3b
        }

.pc-right .product {
    width: 255px
}

    .pc-right .product img {
        width: 208px;
        height: 235px
    }

.pc-right .txt-num {
    width: 26px
}

.pc-right .btn-add-shopcar {
    width: 35px !important;
    height: 35px !important;
    background-size: cover
}

.pc-right .pagination {
    margin-top: 40px
}

.pd-main .btn-reserve {
    background: #F93A69
}

    .pd-main .btn-reserve:hover {
        background: #ff1952 !important
    }

.pd-main .product-img {
    position: relative;
    margin: 0 20px
}

.pd-main ul.img-list {
    width: 125px
}

    .pd-main ul.img-list li {
        float: left;
        margin-bottom: 10px
    }

        .pd-main ul.img-list li.active img {
            border: 1px solid #599c3b
        }

        .pd-main ul.img-list li img {
            width: 125px;
            height: 125px
        }

.pd-main .product-img img {
    width: 520px;
    height: 520px
}

.pd-main .desc {
    width: 515px;
}

    .pd-main .desc p {
        margin-bottom: 20px
    }

    .pd-main .desc .price {
        width: 513px;
        height: 68px;
        line-height: 68px;
        background: url(../../images/others/background-price.jpg) center;
        padding-left: 16px;
        margin-top: 30px;
        position: relative;
    }

.pd-main .btn-add-shopcar, .pd-main .btn-add-shopcar:hover {
    background-size: 34px 35px
}

.pd-main .desc .level {
    height: 39px
}

.pd-main .desc .input-box {
    margin-top: 40px
}

    .pd-main .desc .input-box input {
        width: 169px;
        height: 46px;
        margin-right: 32px
    }

    .pd-main .desc .input-box .btn-add-collect {
        background-color: #fff;
        color: #599c3b;
        border: 1px solid #599c3b
    }

        .pd-main .desc .input-box .btn-add-collect:hover {
            background-color: #fff !important
        }

.pd-main .desc .txt-num {
    width: 35px;
    text-align: center;
    position: relative;
    top: -3px;
    font-size: 22px;
    color: #599c3b
}

.pd-main .btn-add-shopcar {
    width: 34px;
    height: 35px
}

.txt-num {
    width: 35px;
    text-align: center
}

.pd-main .guess dt img {
    width: 176px;
    height: 158px
}

.pd-main .guess .i-shop-cart-circle {
    background-size: 35px 33px;
    width: 35px;
    height: 33px;
    position: relative;
    top: -10px
}

.pd-main .guess dl {
    margin: auto;
    width: 180px
}

.pd-main .guess p {
    margin-bottom: 0;
    font-size: 12px;
}

.pd-main .guess ul.gl {
    margin-bottom: 80px;
    padding-top: 20px;
}

    .pd-main .guess ul.gl .no-wrap {
        width: 180px;
        height: 26px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }

.pd-main .guess li {
    float: left;
    width: 240px
}

    .pd-main .guess li .btn-add-shopcar {
        position: relative;
        top: -10px
    }

    .pd-main .guess li:last-child {
        margin-right: 0
    }

.pd-main .detail {
    margin-top: 30px;
    overflow: hidden
}

.pd-main .left-content {
    width: 960px;
    margin-right: 30px;
    margin-bottom: 100px
}

.pd-main .right-history {
    width: 210px;
    margin-bottom: 100px
}

    .pd-main .right-history p {
        margin: 0
    }

.pd-main .history {
    padding-top: 20px;
    overflow: hidden;
}

    .pd-main .history dd {
        width: 90px;
        margin-left: 10px
    }

        .pd-main .history dd p {
            width: 100%;
            height: 26px;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis
        }

.pd-main .recipe li {
    width: 25%;
    text-align: center;
    float: left;
    margin: 20px 0
}

.pd-main .recipe p {
    margin: 0
}

.pd-main .recipe li dd {
    margin-top: 10px
}

.pd-main .recipe li dt img {
    width: 200px;
    height: 200px
}

.pd-main .history dt img {
    width: 110px
}

.nursery {
    margin-top: 35px
}

    .nursery .left-nav {
        width: 180px;
        margin-right: 25px
    }

        .nursery .left-nav .title {
            height: 40px;
            background-color: #599c3b;
            text-align: center;
            line-height: 40px;
            color: #fff;
            border-radius: 3px;
            position: relative
        }

            .nursery .left-nav .title .icon {
                position: absolute;
                right: 35px;
                top: 50%;
                margin-top: -4px
            }

        .nursery .left-nav ul {
            border: 1px solid #acacac;
            border-top: none;
            position: relative;
            top: -3px
        }

            .nursery .left-nav ul a {
                color: #7c7c7c
            }

            .nursery .left-nav ul li {
                width: 100%;
                height: 40px;
                line-height: 40px;
                text-align: center
            }

                .nursery .left-nav ul li.active a {
                    color: #599c3b
                }

                .nursery .left-nav ul li span {
                    position: absolute;
                    right: 35px
                }

    .nursery .right-content {
        width: 995px;
        margin-bottom: 80px
    }

        .nursery .right-content .list {
            margin-bottom: 20px
        }

            .nursery .right-content .list li {
                border-bottom: 1px solid #acacac;
                padding: 10px 0
            }

                .nursery .right-content .list li dl {
                    position: relative;
                    margin-left: 20px
                }

                .nursery .right-content .list li dt {
                    margin-bottom: 10px
                }

        .nursery .right-content dd img {
            margin-right: 20px
        }

        .nursery .right-content .list .date {
            position: absolute;
            bottom: 0;
            right: 0
        }

.cs-left, .cs-left-nav li, .fl-list li dt {
    position: relative
}

.nursery .article {
    width: 900px;
    margin: 0 auto
}

    .nursery .article .title {
        border-bottom: 1px solid #599c3b;
        padding: 20px 0 25px;
        margin-bottom: 35px
    }

    .nursery .article .content {
        padding: 0 20px
    }

.nursery .control {
    margin-top: 50px;
    padding: 10px 0;
    border-top: 1px solid #599c3b
}

.breadcrumb.gray {
    background-color: #fff !important;
    padding-left: 0;
    margin-bottom: 35px
}

    .breadcrumb.gray > li + li:before {
        color: #7a7a7a !important;
        padding: 0 2px !important;
        margin-left: -5px
    }

    .breadcrumb.gray li > a {
        color: #7a7a7a !important
    }

.cs-left {
    width: 179px
}

.cs-left-nav li {
    text-align: center;
    padding-right: 10px;
    left: 1px;
    margin-bottom: 10px
}

.cs-left-nav {
    margin-top: 40px
}

    .cs-left-nav li a {
        border-radius: 20px;
        display: inline-block;
        width: 100%;
        height: 32px;
        line-height: 32px
    }

    .cs-left-nav li.active {
        border-right: 2px solid #599c3b
    }

        .cs-left-nav li.active a {
            color: #fff;
            background-color: #599c3b
        }

            .cs-left-nav li.active a:hover {
                color: #fff !important
            }

    .cs-left-nav a {
        color: #7f807f
    }

.cs-left .breadcrumb a:hover {
    color: #000 !important
}

.cs-right {
    border-left: 1px solid #acacac;
    width: 1021px;
    padding-left: 20px;
    margin-bottom: 100px;
    margin-top: 20px;
    overflow: hidden
}

    .cs-right .banner {
        text-align: center;
        padding-top: 80px;
        padding-bottom: 30px;
        border-bottom: 1px solid #ddd
    }

        .cs-right .banner:last-child {
            border: none
        }

.fl-list li {
    float: left;
    width: 210px;
    text-align: center;
    margin: 0 56px
}

    .fl-list li dd {
        margin-top: 30px
    }

.fl-list .fl_ {
    display: none;
    position: absolute;
    top: 0;
    left: 0
}

.cs-right > .title {
    text-align: center;
    margin: 47px 0 77px
}

.cs-right .tryeat-list p {
    margin: 0
}

.cs-right .tryeat-list li {
    border: 1px solid #acacac;
    height: 177px;
    padding: 20px 40px 20px 38px;
    position: relative;
    margin-bottom: 35px
}

.cs-right .tryeat-list dl {
    width: 710px
}

.cs-right .tryeat-list dt {
    width: 300px
}

.cs-right .tryeat-list dd p {
    line-height: 30px
}

.cs-right .apply {
    width: 144px;
    height: 45px;
    line-height: 45px;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translate(-50%,-50%)
}

    .cs-right .apply input {
        font-size: 22px;
        border-radius: 5px
    }

.cs-right .pl .btn-add-shopcar {
    width: 40px;
    height: 40px;
    background-size: 40px 40px
}

.cs-right .apply input:hover {
    color: #fff
}

.cs-right .tea-list li {
    float: left;
    width: 250px;
    padding: 0 10px
}

.cs-right .tea-list {
    width: 1000px
}

    .cs-right .tea-list dd {
        margin: 20px 0
    }

        .cs-right .tea-list dd p {
            line-height: 25px;
            margin: 0
        }

    .cs-right .tea-list li:last-child {
        margin: 0
    }

.cs-right .tab-container .tab a {
    color: #898989 !important;
    padding: 0 20px !important
}

.cs-right .pl {
    width: 1010px
}

    .cs-right .pl p {
        margin: 0;
        line-height: 24px
    }

    .cs-right .pl li {
        margin: 10px;
        float: left;
        position: relative
    }

        .cs-right .pl li img {
            width: 230px;
            height: 230px
        }

    .cs-right .pl .p-title {
        width: 230px;
        color: #323232;
        text-align: left;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        display: block
    }

    .cs-right .pl .btn-add-shopcar {
        position: absolute;
        right: 0
    }

.icon-addshopcart-circle40X40:hover {
    transition: all .3s;
    background-position: -125px -180px
}

.cs-right .more {
    text-align: center;
    margin-top: 60px
}

.cs-right .tab-container {
    width: 100%
}

.fm .hot-sale ul {
    margin-right: -20px;
    margin-bottom: 40px
}

.fm .hot-sale li {
    float: left;
    margin-right: 20px
}

.fm .recommend {
    position: relative
}

    .fm .recommend .btn-group {
        position: absolute;
        right: 0;
        bottom: 70px
    }

        .fm .recommend .btn-group input {
            width: 130px;
            height: 35px;
            margin-right: 20px;
            float: left;
            background: #664e2a;
            border-radius: 0 !important
        }

            .fm .recommend .btn-group input:hover {
                background: #6f4300 !important
            }

.fm .giftpackage ul {
    margin-left: -20px
}

.fm .giftpackage li {
    width: 590px;
    height: 335px;
    margin: 0 20px 20px 0;
    background: #ccc;
    float: left;
    position: relative
}

.banner-fm, .fm-title {
    margin-bottom: 65px
}

.fm .giftpackage li .btn-green {
    border-radius: 0;
    width: 105px;
    height: 40px;
    display: inline-block;
    font-size: 22px;
    line-height: 40px;
    text-align: center;
    margin-left: 15px
}

.banner-fm img, .fm-title img {
    width: 100%;
    min-width: 1200px
}

.fm .giftpackage li .btn-group {
    position: absolute;
    right: 30px;
    bottom: 15px
}

.fm .food-list {
    margin: 20px 0
}

    .fm .food-list li {
        width: 200px;
        height: 200px;
        margin: 0 20px 20px;
        background-color: #ccc;
        float: left
    }

.fm .recipe .recipe-list li {
    width: 240px;
    float: left;
    background-color: #ccc
}

.help-center {
    margin-top: 35px
}

    .help-center .left-nav {
        margin-bottom: 100px
    }

    .help-center .right-content {
        width: 995px;
        font-size: 16px;
        color: #7c7c7c
    }

    .help-center .breadcrumb {
        margin-bottom: 0
    }

    .help-center .search-retrospect input {
        height: 40px
    }

.fm-detail {
    margin-top: 100px;
    position: relative
}

    .fm-detail .btn-add-shopcar {
        background-image: none;
        position: relative;
        bottom: 0;
        right: 0;
        cursor: pointer
    }

        .fm-detail .btn-add-shopcar:hover {
            background-image: none
        }

    .fm-detail .video {
        width: 705px;
        height: 575px;
        position: absolute;
        top: 160px
    }

    .fm-detail .food {
        margin-top: 80px
    }

        .fm-detail .food .title {
            border-bottom: 2px solid #bfbfbf;
            position: relative
        }

            .fm-detail .food .title span {
                border-bottom: 2px solid #599c3b;
                position: absolute;
                bottom: -2px
            }

        .fm-detail .food .food-list {
            border-bottom: 1px solid #bfbfbf;
            padding: 10px 0
        }

            .fm-detail .food .food-list li {
                padding: 0 20px;
                float: left;
                margin: 0 10px 10px;
                position: relative
            }

    .fm-detail .food-list li .f-img {
        width: 240px;
        height: 240px;
        text-align: center;
        margin: 0 auto
    }

    .fm-detail .food-list p {
        margin: 0;
        line-height: 22px
    }

    .fm-detail .food-list .selectProduct {
        position: absolute;
        bottom: 0;
        right: 20px
    }

    .fm-detail .food .pay {
        margin: 20px 0 100px
    }

        .fm-detail .food .pay .btn-green {
            border-radius: 0;
            width: 145px;
            height: 40px;
            color: #fff;
            font-size: 20px
        }

.rush-fresh .banner {
    width: 100%;
    height: 415px;
    margin-top: 10px
}

.rush-fresh .main {
    margin-top: 45px
}

.rush-fresh .rush-rules {
    color: #666;
    font-size: 20px;
    width: 100%;
    text-align: right;
    float: right;
    margin-bottom: 10px
}

.rush-fresh .rush-list {
    margin-top: 20px
}

    .rush-fresh .rush-list li {
        width: 49.5%;
        height: 310px;
        border: 1px solid #878787;
        float: left;
        margin-bottom: 25px;
        margin-right: 1%;
        border-radius: 5px
    }

        .rush-fresh .rush-list li .p-name {
            width: 290px;
            white-space: nowrap;
            height: 30px;
            overflow: hidden;
            text-overflow: ellipsis;
            display: inline-block
        }

    .rush-fresh .rush-list .title {
        width: 100%;
        padding: 0 25px;
        height: 35px;
        line-height: 35px;
        font-size: 20px;
        color: #fff;
        background: #599c3b
    }

        .rush-fresh .rush-list .title .clock {
            margin-left: 20px
        }

            .rush-fresh .rush-list .title .clock span {
                background: #fff;
                color: #599c3b;
                margin: 0 7px;
                padding: 0 5px;
                border-radius: 5px
            }

    .rush-fresh .rush-list dl {
        padding: 20px 25px
    }

    .rush-fresh .rush-list dt {
        padding: 0 10px
    }

    .rush-fresh .rush-list p {
        margin-bottom: 15px
    }

    .rush-fresh .rush-list dt img {
        width: 230px;
        height: 230px
    }

.rush-fresh .txt-num {
    width: 50px;
    position: relative;
    top: -1px
}

.rush-fresh .btn-apply {
    width: 145px;
    height: 45px
}

.rush-fresh .rush-list li.expire .title {
    background: #b4b4b4
}

    .rush-fresh .rush-list li.expire .title .clock span {
        color: #6e6e6e
    }

.rush-fresh .rush-list li.expire .tag {
    color: #b4b4b4;
    border: 1px solid #b4b4b4
}

.rush-fresh .rush-list li.expire .txt-num, .rush-fresh .rush-list li.expire p.price {
    color: #b4b4b4
}

.rush-fresh .rush-list li.expire .btn-apply {
    background: #b4b4b4 !important;
    color: #fff
}

.rush-fresh .rush-list li.wait .title {
    background: #91C2FC
}

    .rush-fresh .rush-list li.wait .title .clock span {
        color: #91C2FC
    }

.rush-fresh .rush-list .sent-date {
    padding: 0 25px
}

.person-tryeat .tryeat-rules {
    color: #666;
    font-size: 20px;
    width: 100%;
    text-align: right;
    float: right;
    margin-bottom: 10px;
    padding-right: 50px
}

.person-tryeat .wrap {
    border: 1px solid #ccc
}

.person-tryeat .tryeat-list {
    margin-top: 20px
}

    .person-tryeat .tryeat-list li {
        width: 500px;
        float: left;
        margin: 0 50px 45px;
        border-radius: 5px
    }

    .person-tryeat .tryeat-list .title {
        width: 100%;
        padding: 0 25px;
        height: 35px;
        line-height: 35px;
        font-size: 20px;
        color: #fff;
        background: #599c3b
    }

    .person-tryeat .tryeat-list .content {
        text-align: center;
        padding: 20px;
        position: relative
    }

        .person-tryeat .tryeat-list .content img {
            width: 300px;
            height: 300px
        }

    .person-tryeat .tryeat-list .label {
        width: 108px;
        height: 108px;
        background: url(../../images/icon/label-green.png);
        position: absolute;
        bottom: 0;
        right: 0
    }

    .person-tryeat .tryeat-list .label-text {
        font-size: 18px;
        color: #fff;
        position: absolute;
        bottom: 25px;
        right: -5px;
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-90deg)
    }

    .person-tryeat .tryeat-list .desc p {
        margin: 15px 0
    }

    .person-tryeat .tryeat-list .desc .btn-apply {
        width: 145px;
        height: 45px;
        line-height: 45px;
        font-size: 24px;
        float: right
    }

    .person-tryeat .tryeat-list li.tryeat-finished .title {
        background: #d8d8d8
    }

    .person-tryeat .tryeat-list li.tryeat-finished .label {
        background: url(../../images/icon/label-gray.png)
    }

    .person-tryeat .tryeat-list li.tryeat-finished .label-text {
        right: 10px
    }

    .person-tryeat .tryeat-list li.tryeat-finished .btn-apply {
        background: #d8d8d8
    }

        .person-tryeat .tryeat-list li.tryeat-finished .btn-apply:hover {
            background: #d8d8d8 !important
        }

.btn-add-shopcar {
    width: 50px;
    height: 50px;
    background: url(../../images/icon/addshopcart-circle.png) no-repeat;
    position: absolute;
    bottom: 0;
    right: 20px;
    cursor: pointer
}

    .btn-add-shopcar:hover {
        background: url(../../images/icon/addshopcart-circle-hover.png) no-repeat;
        background-size: cover;
        transition: all .3s
    }

    .btn-add-shopcar.disabled, .btn-add-shopcar.disabled:hover {
        background-image: url(../../images/icon/addshopcart-circle-gray.png)
    }

    .btn-add-shopcar.disabled {
        cursor: not-allowed
    }

.arr-up {
    border-style: solid;
    border-width: 5px;
    border-color: transparent transparent #fff;
    position: absolute;
    left: 50%;
    top: -10px
}

.pay-step {
    background: url(../../images/others/pay-step.png) no-repeat
}

    .pay-step.step1 {
        height: 48px;
        background-position: 0 -123px
    }

    .pay-step.step2 {
        height: 48px;
        background-position: 0 -63px
    }

    .pay-step.step3 {
        height: 48px;
        background-position: 0 0
    }

.login-qq, .login-weibo, .login-weixing, .login-zhifubao {
    width: 57px;
    height: 57px;
    cursor: not-allowed;
    display: inline-block
}

.pay-step.step1 li:first-child, .pay-step.step2 li:nth-child(1), .pay-step.step2 li:nth-child(2), .pay-step.step3 li {
    color: #599c3b
}

.login-qq {
    background: url(../../images/others/logintype/login-qq-disable.jpg) no-repeat
}

.login-weibo {
    background: url(../../images/others/loginType/login-weibo-disable.jpg) no-repeat
}

.login-weixing {
    background: url(../../images/others/logintype/login-weixing-disable.jpg) no-repeat
}

.login-zhifubao {
    background: url(../../images/others/logintype/login-zhifubao-disable.jpg) no-repeat
}

ul.left-nav {
    width: 220px;
    font-size: 18px;
    color: #fff
}

    ul.left-nav li {
        width: 100%;
        height: auto;
        text-align: center;
        line-height: 45px;
        position: relative
    }

        ul.left-nav li a {
            width: 100%;
            color: #fff;
            background-color: #599c3b;
            display: inline-block
        }

    ul.left-nav ul a:hover {
        background-color: #e3f1dc !important;
        color: #42732d !important
    }

    ul.left-nav > li > a:hover {
        color: #fff !important
    }

    ul.left-nav li span {
        float: right;
        position: absolute;
        right: 17px
    }

    ul.left-nav .submenu {
        display: none;
        border: 1px solid #acacac
    }

    ul.left-nav li.active > .submenu {
        display: block
    }

    ul.left-nav li.active > a > .user-info-arr {
        transform: rotate(90deg)
    }

    ul.left-nav .submenu li a {
        background-color: #fff;
        color: #747474
    }

    ul.left-nav .submenu li.active a {
        background-color: #e3f1dc !important;
        color: #42732d !important
    }

.baogang-pay {
    background: #f4f4f4
}

    .baogang-pay a:hover {
        color: #fff !important
    }

    .baogang-pay .container {
        width: 1000px !important
    }

    .baogang-pay .hd-top {
        background-color: #858585
    }

        .baogang-pay .hd-top .container {
            text-align: right;
            color: #fff
        }

.ymt-alert .ymt-message, .ymt-alert .ymt-title, .ymt-btns, .ymt-icons {
    text-align: center
}

.baogang-pay .hd-logoBar {
    padding: 20px 0;
    border-bottom: 1px solid #ddd;
    box-shadow: 0 3px 4px #eee
}

.baogang-pay .logo {
    border-right: 1px solid #ccc;
    height: 77px;
    background: url(../../images/logo.png) no-repeat;
    padding-right: 10px;
    margin-right: 10px
}

.baogang-pay .pay-info .head {
    padding: 35px 10px 20px;
    position: relative
}

    .baogang-pay .pay-info .head h3 {
        font-weight: 700;
        margin-bottom: 15px;
        color: #080808
    }

    .baogang-pay .pay-info .head p {
        color: #393939
    }

    .baogang-pay .pay-info .head .price {
        position: absolute;
        bottom: 30px;
        right: 0
    }

.baogang-pay .content {
    border-top: 4px solid #599c3b;
    border-bottom: 4px solid #599c3b;
    position: relative
}

    .baogang-pay .content .btn-viewdetail {
        position: absolute;
        top: -30px;
        right: 0;
        display: inline-block;
        color: #fff;
        background: #599c3b;
        height: 30px;
        line-height: 30px;
        padding: 0 10px
    }

.center-block, article, aside, details, figcaption, figure, footer, header, main, menu, nav, section, summary {
    display: block
}

.baogang-pay .btn-getverifycode {
    width: 145px !important
}

.baogang-pay .content .go-orderlist {
    width: 170px;
    height: 590px;
    background-color: #e6e6e6;
    padding-top: 210px
}

.baogang-pay .content .pay-form {
    width: 830px;
    height: 590px;
    background-color: #fff
}

.baogang-pay .btn-go-orderlist {
    width: 133px;
    height: 40px;
    background: #599c3b;
    color: #fff;
    line-height: 40px;
    text-align: center;
    border-radius: 5px;
    margin-top: 40px
}

.center-block {
    margin: 0 auto
}

#baogangPayForm .input-box, #baogangPayForm h3 {
    margin-bottom: 40px
}

#baogangPayForm {
    width: 400px;
    position: relative;
    top: 50%;
    margin-top: -205px
}

    #baogangPayForm h3 {
        border-bottom: 2px solid #bbbbbe;
        line-height: 2;
        color: #2e2e2e
    }

    #baogangPayForm input {
        width: 100%;
        height: 45px;
        line-height: 45px
    }

.icon-add-circle-gray, .icon-add-circle-green {
    width: 23px;
    height: 23px;
    background-image: url(../../images/icons.png)
}

#baogangPayForm input[type=text] {
    border: 1px solid #ccc
}

#baogangPayForm p {
    margin: 0;
    line-height: 30px;
    color: #505050
}

.icon-add-circle-gray {
    background-position: -213px -171px
}

.icon-add-circle-green {
    background-position: -213px -128px
}

.icon-add-circle {
    background-image: url(../../images/icons.png);
    background-position: -372px -308px;
    width: 20px;
    height: 20px
}

.icon-add-shopcart, .icon-add-shopcart-gray {
    width: 50px;
    height: 50px;
    background-image: url(../../images/icons.png)
}

.icon-add-shopcart-gray {
    background-position: -210px -238px
}

.icon-add-shopcart {
    background-position: -258px -164px
}

.icon-add {
    background-image: url(../../images/icons.png);
    background-position: -218px -408px;
    width: 12px;
    height: 12px
}

.icon-addshopcart-circle-gray, .icon-addshopcart-circle-hover {
    width: 50px;
    height: 50px;
    background-image: url(../../images/icons.png)
}

.icon-addshopcart-circle-gray {
    background-position: -140px -238px
}

.icon-addshopcart-circle-hover {
    background-position: -70px -238px
}

.icon-addshopcart-circle-hover37X35 {
    background-image: url(../../images/icons.png);
    background-position: -117px -308px;
    width: 37px;
    height: 35px
}

.icon-addshopcart-circle-hover40X40 {
    background-image: url(../../images/icons.png);
    background-position: 0 -308px;
    width: 40px;
    height: 40px
}

.icon-addshopcart-circle {
    background-image: url(../../images/icons.png);
    background-position: 0 -238px;
    width: 50px;
    height: 50px
}

.icon-addshopcart-circle37X35 {
    background-image: url(../../images/icons.png);
    background-position: -60px -308px;
    width: 37px;
    height: 35px
}

.icon-addshopcart-circle40X40 {
    background-image: url(../../images/icons.png);
    background-position: -340px -232px;
    width: 40px;
    height: 40px
}

.icon-android {
    background-image: url(../../images/icons.png);
    background-position: -37px -408px;
    width: 17px;
    height: 20px
}

.icon-arr-black {
    background-image: url(../../images/icons.png);
    background-position: -404px -138px;
    width: 9px;
    height: 9px
}

.icon-arr-blue {
    background-image: url(../../images/icons.png);
    background-position: -405px -201px;
    width: 10px;
    height: 8px
}

.icon-arr-dobule-down {
    background-image: url(../../images/icons.png);
    background-position: -310px -368px;
    width: 17px;
    height: 9px
}

.icon-arr-dobule-right, .icon-arr-down-gray {
    width: 9px;
    background-image: url(../../images/icons.png)
}

.icon-arr-dobule-right {
    background-position: -404px -109px;
    height: 9px
}

.icon-arr-down-gray {
    background-position: -375px -368px;
    height: 6px
}

.icon-arr-down {
    background-image: url(../../images/icons.png);
    background-position: -347px -368px;
    width: 8px;
    height: 8px
}

.icon-arr-right-green {
    background-image: url(../../images/icons.png);
    background-position: -341px -408px;
    width: 6px;
    height: 7px
}

.icon-arr-right-white {
    background-image: url(../../images/icons.png);
    background-position: -314px -408px;
    width: 7px;
    height: 9px
}

.icon-arr-white {
    background-image: url(../../images/a1.png);
    background-position: 0px 0px;
    width: 13px;
    height: 11px
}

.icon-back-top {
    background-image: url(../../images/icons.png);
    background-position: -435px -138px;
    width: 28px;
    height: 28px
}

.icon-category-list {
    background-image: url(../../images/icon/trucks.png);
    background-position: center center;
    width: 20px;
    height: 17px;
    background-repeat: no-repeat;
}

.icon-circle, .icon-circle-gray {
    background-image: url(../../images/icons.png);
    width: 62px;
    height: 62px
}

.icon-circle-gray {
    background-position: -258px -82px
}

.icon-circle {
    background-position: -258px 0
}

.icon-close, .icon-close-white {
    width: 12px;
    height: 12px;
    background-image: url(../../images/icons.png)
}

.icon-close-white {
    background-position: -250px -408px
}

.icon-close {
    background-position: -282px -408px
}

.icon-download {
    background-image: url(../../images/icons.png);
    background-position: -405px -172px;
    width: 9px;
    height: 9px
}

.icon-findpwd-ok {
    background-image: url(../../images/icons.png);
    background-position: -110px -128px;
    width: 83px;
    height: 83px
}

.icon-iphone {
    background-image: url(../../images/icons.png);
    background-position: 0 -408px;
    width: 17px;
    height: 21px
}

.icon-label-gray, .icon-label-green {
    width: 109px;
    height: 108px;
    background-image: url(../../images/icons.png)
}

.icon-label-gray {
    background-position: 0 0
}

.icon-label-green {
    background-position: -129px 0
}

.icon-login-pwd {
    background-image: url(../../images/icons.png);
    background-position: -40px -368px;
    width: 19px;
    height: 20px
}

.icon-login-user {
    background-image: url(../../images/icons.png);
    background-position: -74px -408px;
    width: 18px;
    height: 18px
}

.icon-message-error {
    background-image: url(../../images/icons.png);
    background-position: -184px -408px;
    width: 14px;
    height: 14px
}

.icon-phone {
    background-image: url(../../images/icons.png);
    background-position: -404px -46px;
    width: 9px;
    height: 18px
}

.icon-police {
    background-image: url(../../images/icons.png);
    background-position: -340px 0;
    width: 75px;
    height: 26px
}

.icon-search {
    background-image: url(../../images/icons.png);
    background-position: -400px -232px;
    width: 15px;
    height: 16px
}

.icon-select {
    background-image: url(../../images/icons.png);
    background-position: -225px -308px;
    width: 31px;
    height: 31px
}

.icon-select2 {
    background-image: url(../../images/icons.png);
    background-position: -340px -46px;
    width: 44px;
    height: 43px
}

.icon-selected, .icon-shop-cart {
    height: 15px;
    background-image: url(../../images/icons.png)
}

.icon-selected {
    background-position: -149px -408px;
    width: 15px
}

.icon-shop-cart {
    background-position: -199px -368px;
    width: 18px
}

.icon-shopcart-green {
    background-image: url(../../images/icons.png);
    background-position: -340px -172px;
    width: 45px;
    height: 40px
}

.icon-shopcart-green2 {
    background-image: url(../../images/icons.png);
    background-position: -276px -308px;
    width: 33px;
    height: 27px
}

.icon-shopcart {
    background-image: url(../../images/icons.png);
    background-position: -435px -274px;
    width: 26px;
    height: 23px
}

.icon-slider-control-next, .icon-slider-control-prev {
    width: 29px;
    height: 49px;
    background-image: url(../../images/icons.png)
}

.icon-slider-control-next {
    background-position: -435px -69px
}

.icon-slider-control-prev {
    background-position: -435px 0
}

.icon-star-yellow {
    background-image: url(../../images/icons.png);
    background-position: -280px -238px;
    width: 40px;
    height: 40px
}

.icon-sub-circle-gray, .icon-sub-circle-green {
    width: 23px;
    height: 23px;
    background-image: url(../../images/icons.png)
}

.icon-sub-circle-gray {
    background-position: -435px -317px
}

.icon-sub-circle-green {
    background-position: -329px -308px
}

.icon-sub-circle {
    background-image: url(../../images/icons.png);
    background-position: 0 -368px;
    width: 20px;
    height: 20px
}

.icon-success_90X90 {
    background-image: url(../../images/icons.png);
    background-position: 0 -128px;
    width: 90px;
    height: 90px
}

.icon-tel {
    background-image: url(../../images/icons.png);
    background-position: -112px -408px;
    width: 17px;
    height: 18px
}

.icon-trash, .icon-trash-green {
    width: 25px;
    height: 24px;
    background-image: url(../../images/icons.png)
}

.icon-trash-green {
    background-position: -435px -230px
}

.icon-trash {
    background-position: -435px -186px
}

.icon-truck2 {
    background-image: url(../../images/icons.png);
    background-position: -79px -368px;
    width: 22px;
    height: 17px
}

.icon-trucks {
    vertical-align: middle;
    background-image: url(../../images/icon/trucks.png);
    width: 26px;
    height: 20px
}

.icon-unselect {
    background-image: url(../../images/icons.png);
    background-position: -174px -308px;
    width: 31px;
    height: 31px
}

.icon-unselect2 {
    background-image: url(../../images/icons.png);
    background-position: -340px -109px;
    width: 44px;
    height: 43px
}

.icon-user {
    background-image: url(../../images/icons.png);
    background-position: -161px -368px;
    width: 18px;
    height: 15px
}

.autocomplete-suggestions {
    border: 1px solid #999;
    background: #FFF;
    cursor: default;
    overflow: auto
}

.autocomplete-suggestion {
    padding: 2px 5px;
    white-space: nowrap;
    overflow: hidden
}

button, hr, input {
    overflow: visible
}

.autocomplete-selected {
    background: #F0F0F0
}

.autocomplete-suggestions strong {
    font-weight: 700;
    color: #000
}

.autocomplete-group strong {
    font-weight: 700;
    font-size: 16px;
    color: #000;
    display: block;
    border-bottom: 1px solid #000
}
/*! normalize.css v4.1.1 | MIT License | github.com/necolas/normalize.css */
html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

audio, canvas, progress, video {
    display: inline-block
}

    audio:not([controls]) {
        display: none;
        height: 0
    }

progress {
    vertical-align: baseline
}

[hidden], template {
    display: none
}

a {
    background-color: transparent;
    -webkit-text-decoration-skip: objects
}

    a:active, a:hover {
        outline-width: 0
    }

abbr[title] {
    border-bottom: none;
    text-decoration: underline dotted
}

b, strong {
    font-weight: bolder
}

dfn {
    font-style: italic
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

mark {
    background-color: #ff0;
    color: #000
}

small {
    font-size: 80%
}

sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

img {
    border-style: none
}

svg:not(:root) {
    overflow: hidden
}

code, kbd, pre, samp {
    font-family: monospace,monospace;
    font-size: 1em
}

figure {
    margin: 1em 40px
}

hr {
    height: 0
}

button, input, select, textarea {
    font: inherit;
    margin: 0
}

optgroup {
    font-weight: 700
}

button, select {
    text-transform: none
}

[type=reset], [type=submit], button, html [type=button] {
    -webkit-appearance: button
}

    [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner {
        border-style: none;
        padding: 0
    }

    [type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring, button:-moz-focusring {
        outline: ButtonText dotted 1px
    }

fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: .35em .625em .75em
}

legend {
    box-sizing: border-box;
    color: inherit;
    display: table;
    padding: 0;
    white-space: normal
}

textarea {
    overflow: auto
}

[type=checkbox], [type=radio] {
    box-sizing: border-box;
    padding: 0
}

[type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button {
    height: auto
}

.icon-c-floor1, .icon-c-floor1-hover, .icon-c-floor10, .icon-c-floor10-hover, .icon-c-floor11, .icon-c-floor11-hover, .icon-c-floor2, .icon-c-floor2-hover, .icon-c-floor3, .icon-c-floor3-hover, .icon-c-floor4, .icon-c-floor5, .icon-c-floor5-hover, .icon-c-floor6, .icon-c-floor6-hover, .icon-c-floor7, .icon-c-floor7-hover, .icon-c-floor8, .icon-c-floor8-hover, .icon-c-floor9, .icon-c-floor9-hover {
    background-image: url(../../images/product-category.png);
    width: 22px;
    height: 22px
}

[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

    [type=search]::-webkit-search-cancel-button, [type=search]::-webkit-search-decoration {
        -webkit-appearance: none
    }

::-webkit-input-placeholder {
    color: inherit;
    opacity: .54
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

.icon-c-floor1-hover {
    background-position: -516px -168px
}

.icon-c-floor1 {
    background-position: -472px -128px
}


.icon-c-floor2-hover {
    background-position: -462px -448px
}

.icon-c-floor2 {
    background-position: -420px -448px
}

.icon-c-floor3-hover {
    background-position: -378px -448px
}

.icon-c-floor3 {
    background-position: -336px -448px
}

.icon-c-floor4 {
    /*.icon-c-floor4: background-position: -472px -64px; */
    background-position: -168px -448px; /** 修改icon对应的楼层 7个 */
}

.icon-c-floor5 {
    /*.icon-c-floor5: background-position: -168px -448px;*/
    background-position: 0 -448px;
}

.icon-c-floor6 {
    /*.icon-c-floor6: background-position: -84px -448px;*/
    background-position: -516px -84px;
}

.icon-c-floor7 {
    /*.icon-c-floor7 :background-position: 0 -448px;*/
    background-position: -516px 0;
}


.icon-c-floor8-hover {
    background-position: -448px -384px
}

.icon-c-floor8 {
    background-position: -472px -256px
}

.icon-c-floor9-hover {
    background-position: -472px -192px
}

.icon-c-floor9 {
    background-position: -252px -448px
}

.icon-f-top {
    width: 44px;
    height: 44px;
    background-image: url(../../images/product-category.png)
}

.icon-f-top {
    background-position: -192px -320px
}



.icon-ecology, .icon-empty {
    background-image: url(../../images/product-tags.png)
}

.icon-ecology {
    background-position: 0 -60px;
    width: 52px;
    height: 18px
}

.icon-empty {
    background-position: -60px 0;
    width: 57px;
    height: 22px
}

.icon-import, .icon-onsales, .icon-organic {
    width: 52px;
    height: 18px;
    background-image: url(../../images/product-tags.png)
}

.icon-import {
    background-position: 0 -98px
}

.icon-onsales {
    background-position: -137px 0
}

.icon-organic {
    background-position: -137px -38px
}

.icon-packages, .icon-s-exchange {
    background-position: 0 0
}

.icon-packages {
    background-image: url(../../images/product-tags.png);
    width: 40px;
    height: 40px
}

.icon-s-exchange, .icon-s-feedback, .icon-s-magazine, .icon-s-service, .icon-s-user {
    background-image: url(../../images/sidebar.png);
    width: 33px;
    height: 28px
}

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

input {
    border: none;
    padding: 0 5px
}

a:hover {
    color: #599c3b !important
}

dd, dl, dt, li, ul {
    margin: 0;
    padding: 0
}

button {
    border: none;
    margin: 0;
    padding: 0
}

input[type=password]:focus, input[type=text]:focus {
    outline: 0
}

dd, dl, dt, label, th {
    font-weight: 400
}

input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 1000px #fff inset
}

i {
    font-style: normal
}

.icon-s-feedback {
    background-position: -53px 0
}

.icon-s-magazine {
    background-position: 0 -48px
}

.icon-s-service {
    background-position: -53px -48px
}

.icon-s-user {
    background-position: -106px 0
}

.ymt-alert {
    background: #fff;
    position: fixed;
    z-index: 10001;
    padding: 40px 100px 20px;
    box-shadow: 0 0 20px #ccc;
    border-radius: 5px;
    font-family: 'Open Sans','Helvetica Neue',Helvetica,Arial,sans-serif
}

    .ymt-alert .ymt-title {
        color: #575757;
        font-size: 30px;
        font-weight: 600;
        text-transform: none;
        position: relative;
        margin: 15px 0;
        display: block
    }

    .ymt-alert .ymt-message {
        margin: 15px 0;
        font-size: 16px;
        color: #797979
    }

.mask {
    background: #000;
    opacity: .3;
    filter: alpha(opacity=30);
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    z-index: 9999
}

.ymt-btns input {
    width: auto;
    height: 35px;
    margin: 0 5px;
    padding: 0 10px
}

.btn-success {
    background: #599c3b;
    color: #fff;
    border: none;
    font-size: 20px;
    border-radius: 5px
}

.btn-cancel, .btn-error {
    border: none;
    color: #fff;
    font-size: 20px
}

.btn-error {
    background: #f52946;
    border-radius: 5px
}

.btn-cancel {
    background: #b7b7b7;
    border-radius: 5px
}

.btn-warn {
    background: #f56329;
    color: #fff;
    border: none;
    font-size: 20px;
    border-radius: 5px
}


/*!* 修改 添加活动价格 2016/10/27 *!*/

.activity-money {
    width: 1200px;
    height: auto;
    margin-bottom: 24px;
    border: 1px solid #bbb;
    ;
    box-sizing: border-box;
}

    .activity-money .activity-money-title {
        width: 165px;
        height: 100px;
        line-height: 100px;
        margin: 10px 0 10px 40px;
        font-size: 20px;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        display: inline-block;
    }

        .activity-money .activity-money-title i {
            color: red;
        }

.activity-merchandise {
    width: 960px;
    min-height: 100px;
    margin: -120px 0 10px 210px;
}

.activity-merchandise-list {
    width: 280px;
    height: 100px;
    border: 1px solid #FFF;
    display: inline-block;
    overflow: hidden;
    /*margin: 20px 35px 20px 30px;*/
    margin: 0px 10px 30px 24px;
}

    .activity-merchandise-list img {
        width: 120px;
        height: 100%;
    }

a {
    color: #434343;
    font-family: "Microsoft YaHei UI";
}

.activity-merchandise-name {
    /*float: right;*/
    margin-left: 116px;
    width: 160px;
    font-size: 16px;
    text-decoration: none;
    padding-left: 16px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    margin-top: -80px;
}

.activity-merchandise-money-style {
    width: 130px;
}

.activity-merchandise-moneyNew {
    font-size: 18px;
    color: #599c3b !important;
    padding-left: 10px;
    margin-left: 120px;
}

.activity-merchandise-list .pull {
    position: absolute;
    margin-top: 21px;
}

.activity-merchandise-money {
    font-size: 14px;
    text-decoration: line-through;
    color: #818181 !important;
    margin-top: 25px !important;
    margin-left: 198px;
}



/** start : 2016-11-08 官网导航条将”本周特惠“改为”双11本周特惠“ 的样式*/
@charset "UTF-8";

.animate_larger {
    position: absolute;
    top: -8px;
    margin-left: -3px;
    z-index: 9;
    animation: animate_larger 0.8s linear infinite;
    -webkit-animation: animate_larger 0.8s linear infinite;
    -moz-animation: animate_larger 0.8s linear infinite;
    -ms-animation: animate_larger 0.8s linear infinite;
    -o-animation: animate_larger 0.8s linear infinite;
}

@keyframes animate_larger {
    0% {
        transform: scale(0.8,0.8)
    }

    50% {
        transform: scale(1,1)
    }

    100% {
        transform: scale(0.8,0.8)
    }
}

@-webkit-keyframes animate_larger {
    0% {
        transform: scale(0.8,0.8)
    }

    50% {
        transform: scale(1,1)
    }

    100% {
        transform: scale(0.8,0.8)
    }
}

@-moz-keyframes animate_larger {
    0% {
        transform: scale(0.8,0.8)
    }

    50% {
        transform: scale(1,1)
    }

    100% {
        transform: scale(0.8,0.8)
    }
}

@-ms-keyframes animate_larger {
    0% {
        transform: scale(0.8,0.8)
    }

    50% {
        transform: scale(1,1)
    }

    100% {
        transform: scale(0.8,0.8)
    }
}

@-o-keyframes animate_larger {
    0% {
        transform: scale(0.8,0.8)
    }

    50% {
        transform: scale(1,1)
    }

    100% {
        transform: scale(0.8,0.8)
    }
}
/* end 2016-11-08 */
#bottomBar {
    background: rgba(255, 255, 255, .84);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff, endColorstr=#ffffff);
}


/** 兜里特惠 2016-11-28 */
.con {
    width: 1200px !important;
    margin: auto;
}

.clear {
    clear: both;
}

/** 添加 用户注册 2016-11-28 15:54 */
.register-right {
    float: right;
    color: #666;
}

/** 在“我的账户”页面添加“兜礼特惠” 2016-11-28 16:22 */
.douli-member {
    cursor: pointer;
    width: 220px;
    height: 45px;
    line-height: 45px;
    text-align: center;
    font-size: 18px;
    color: #FFF !important;
}

.bg-yellow {
    background-color: #ffa334 !important;
    z-index: 999;
}

/** 新增“YMT活动推荐 */
.ymt-recommend {
    position: relative;
    margin: 30px 0;
}

    .ymt-recommend .line {
        border-bottom: 3px solid #ccc;
        z-index: -1;
        position: relative;
        top: -3px;
    }

/** 一亩田用户协议 */
#wrapper {
    position: relative;
    width: 100%;
}

    #wrapper ul li a {
        float: left;
        font-size: 14px;
        font-family: "微软雅黑";
        color: rgba(51,51,51,.8);
    }

    #wrapper ul .mark {
        float: left;
        padding: 0 0px;
    }

#wrapper-img {
    width: 1200px;
    height: auto;
    line-height: 380px;
    text-align: center;
}

/*底部20170216*/


.foot .f-service .logo {
    position: relative;
    top: 30px;
    left: 65px !important;
    margin-right: 0;
}

.foot .f-service .download .barcode {
    /*width: 105px;*/
    width: 140px !important;
    margin-right: 30px !important;
    padding: 0 !important;
    float: left;
    background-color: #fff;
    font-size: 13px;
    color: #575757;
    text-align: center;
}

    .foot .f-service .download .barcode img {
        width: 150px !important;
        height: 150px !important;
    }

.foot .f-service .service {
    padding-right: 20px !important;
    padding-top: 40px !important;
}


/*
 添加“扫描关注微信公众号” 2017-2-20
 */
.hd-top .right .phone-dl .publicNumber-dl {
    width: 100%;
    margin-top: 10px;
}

.hd-top .right .phone-dl .publicNumber {
    width: 90px;
    height: 90px;
    background: url(../../images/barcode/PublicNumber.jpg) no-repeat;
}

.hd-top .right .phone-dl .arrow {
    height: 90px;
    line-height: 90px;
    /*padding: 0 25px;*/
    padding: 0 25px 0 30px;
}

.hd-top .right .phone-dl .caption {
    width: 140px;
    height: 90px;
    float: right !important;
}

    .hd-top .right .phone-dl .caption li {
        width: 140px;
        height: 30px;
        line-height: 30px;
        text-align: left;
    }

        .hd-top .right .phone-dl .caption li a {
            border: none;
            margin-left: -8px;
        }

    .hd-top .right .phone-dl .caption .text {
        font-size: 14px;
    }

    .hd-top .right .phone-dl .caption span {
        display: inline-block;
    }

/* 2017-2-27 为的帐号添加 vip等级 */
.color-gray {
    color: #868484 !important;
}

.dd-myymt .title {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.sidebar ul.item-list li .desc span.grade {
    position: absolute;
    width: 100%;
    font-size: 14px;
    display: block;
    height: 16px;
    line-height: 16px;
    text-align: center;
    margin-top: 8px;
}

.sidebar ul.item-list li .desc.my-account {
    height: 50px;
    line-height: 0;
    padding-top: 20px;
}

.pd-main .desc p.set-meal span {
    letter-spacing: 1px;
    color: #434343;
    font-size: 16px;
}

ul.hd-top-menu li a i {
    margin-left: 4px;
}

.ms-main table.product-list th i.discount {
    color: #f48d48;
    margin: 0 4px;
}

.co-main .cost table td.discount {
    position: absolute;
    font-size: 12px;
    margin-left: 34px;
    cursor: pointer;
    margin-top: -2px;
}

    .co-main .cost table td.discount i {
        position: absolute;
        margin-left: 4px;
        border-style: solid;
        border-width: 5px;
        border-color: transparent transparent #599c3b transparent;
    }

.co-main .cost table td .discount-details {
    position: relative;
    width: 350px;
    height: auto;
    margin-left: -236px;
    word-wrap: break-word;
    text-align: right;
    margin-top: 6px;
    display: none;
}

    .co-main .cost table td .discount-details p {
        font-size: 12px;
        margin-bottom: 2px;
    }

    .co-main .cost table td .discount-details .lines {
        border-bottom: 1px solid #747474;
        margin: 4px 0 4px 0;
    }

.color1 {
    color: #599c3b;
}

.color2 {
    color: #ff7600;
}

.fr {
    float: right
}

.title i {
    font-size: 12px;
}

.title span {
    color: #ff7600;
    font-size: 12px;
}

.input-box ul {
    overflow: hidden;
}

.input-box li {
    padding-bottom: 25px;
    overflow: hidden;
    line-height: 38px;
    clear: both;
}

    .input-box li span {
        float: left;
        width: 75px;
        font-size: 14px;
        color: #666;
    }

.input-box h2 {
    font-size: 16px;
    padding-bottom: 25px;
    color: #6fae40;
    font-weight: 800;
}

.btn1 {
    width: 75px;
    height: 30px;
    color: #fff;
    background: #559125;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    font-family: "微软雅黑";
    margin-left: 75px;
}


.linebox {
    padding-top: 25px;
    width: 100%;
}

    .linebox dl {
        overflow: hidden;
    }

    .linebox dt {
        float: left;
        padding: 5px 35px 5px 5px;
    }

.kjnr {
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .5);
    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, .5);
    box-shadow: 0 0 10px rgba(0, 0, 0, .5);
    width: 240px;
    overflow: hidden;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
}

.kjnr_tit {
    height: 88px;
    background: url(../../images/a2.png);
    padding-top: 15px;
}

    .kjnr_tit p {
        color: #fff;
        padding-left: 60px;
        line-height: 18px;
    }

    .kjnr_tit span {
        font-size: 18px;
        font-family: "arial black";
    }

.kjnr_nr {
    padding: 10px;
    position: relative;
}

    .kjnr_nr a {
        display: block;
        position: absolute;
        right: 10px;
        top: 10px;
        background: #559125;
        font-size: 14px;
        color: #fff;
        text-align: center;
        width: 50px;
        padding: 6px 10px;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        border-radius: 4px;
    }

.kjnr_tit_a {
    height: 88px;
    padding-top: 15px;
    background-image: url(../../images/a7.png);
}

    .kjnr_tit_a p {
        color: #fff;
        padding-left: 60px;
        line-height: 18px;
    }

    .kjnr_tit_a span {
        font-size: 18px;
        font-family: "arial black";
    }

.ygql {
    width: 76px;
    position: absolute;
    right: 10px;
    top: 5px;
}



.kjnr_nr a:hover {
    color: #fff !important;
    background: #6eb103;
}

.ycck {
    position: absolute;
    left: 300px;
    top: 110px;
    font-size: 14px;
    cursor: pointer;
}

    .ycck p {
        background: url(../../images/a3.png) no-repeat left center;
        padding-left: 30px;
        color: #666;
        line-height: 35px;
    }

.kkmmsm {
    transition: All 0.4s ease-in-out;
    background: url(../../images/a4.png);
    width: 247px;
    ;
    height: 71px;
    position: absolute;
    left: -5px;
    top: 35px;
    display: none;
}

    .kkmmsm h2 {
        font-size: 14px;
        line-height: 24px;
        color: #666;
        padding: 10px 10px 0 10px;
    }

.ycck:hover .kkmmsm {
    display: block;
}

.bdtcnr {
    background: #fff;
    width: 410px;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .5);
    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, .5);
    box-shadow: 0 0 10px rgba(0, 0, 0, .5);
    padding: 30px 0;
    position: fixed;
    z-index: 100;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    text-align: center;
    display: none;
}

    .bdtcnr p {
        font-size: 16px;
        color: #666;
        padding-top: 30px;
    }

.gbbtn {
    display: block;
    background: url(../../images/a6.png);
    width: 11px;
    cursor: pointer;
    height: 10px;
    position: absolute;
    right: 15px;
    top: 15px;
}


.bj2 {
    background: rgba(0,0,0,.7);
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 100;
    display: none;
}

.dltc {
    display: none;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    width: 365px;
    overflow: hidden;
    background: #fff;
    position: absolute;
    top: 130px;
    left: 55px;
    z-index: 10000;
}

.dltc_nr h2 {
    text-align: center;
    font-size: 18px;
    line-height: 32px;
    color: #333;
}

.dltc_nr p {
    text-align: center;
}

.dltc_nr a {
    display: block;
    background: url(../../images/a10.jpg);
    width: 143px;
    height: 45px;
    margin: 15px auto 0 auto;
}

.dltc_nr {
    padding: 12px 0;
}

.tab-container .etabs .on {
    border-bottom: 3px solid #599c3b;
    color: #599c3b;
}





/*==新加样式 20190806==*/
.dhxq {
    background: url(../../NewPcimages/background-price.jpg);
    width: 540px;
    height: 68px;
}

.dhfs {
    float: left;
    font-size: 14px;
    color: #5c9e3e;
    line-height: 68px;
    padding: 0 30px 0 20px;
}

.wdhy {
    cursor: pointer;
    padding: 0 10px;
    border: 1px solid #9ca499;
    height: 26px;
    position: relative;
    line-height: 26px;
    border-radius: 6px;
    float: left;
    margin-top: 20px;
    font-size: 14px;
    color: #383838l
}

.hybox {
    background: url(../../NewPcimages/g2.png);
    width: 80px;
    height: 30px;
    line-height: 30px;
    padding-top: 4px;
    position: absolute;
    top: 25px;
    left: 5px;
    display: none;
}

.wdhy:hover .hybox {
    display: block;
    text-align: center;
}


.wdfsnr {
    background: url(../../NewPcimages/g3.png);
    width: 148px;
    height: 30px;
    display: none;
    margin: 0 auto;
    position: absolute;
    top: 55px;
    left: 0;
}

    .wdfsnr p {
        color: #fff;
        line-height: 23px;
        font-size: 12px;
        padding-top: 7px;
    }

.color-green:hover .wdfsnr {
    display: block;
}

.lsdy {
    color: #5c9e3e;
}

.color1 {
    color: #5c9e3e
}

.color2 {
    color: #999
}

.dwnr {
    position: relative
}

.zsnr {
    cursor: pointer;
}

    .zsnr:hover .wdfsnr {
        display: block;
    }

.interest {
    padding: 0 20px;
}


.ddjd {
    width: 452px;
    float: right;
    margin-top: 25px;
    position: relative;
}

.ddjdbox ul {
    overflow: hidden;
}

.ddjdbox li {
    width: 33.33%;
    float: left;
    overflow: hidden
}

.djnr_a {
    width: 60px;
    text-align: center;
}

    .djnr_a p {
        color: #599b3b;
        padding-top: 12px;
    }

    .djnr_a span {
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
        border-radius: 50%;
        display: block;
        width: 44px;
        height: 44px;
        text-align: center;
        line-height: 44px;
        color: #fff;
        margin: 0 auto;
        background: #599b3b;
        font-size: 32px;
        font-family: Arial, Helvetica, sans-serif;
        position: relative;
        z-index: 100
    }

.djnr_b {
    width: 60px;
    text-align: center;
}

    .djnr_b p {
        color: #666;
        padding-top: 12px;
    }

    .djnr_b span {
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
        border-radius: 50%;
        display: block;
        width: 44px;
        height: 44px;
        text-align: center;
        line-height: 44px;
        color: #fff;
        margin: 0 auto;
        background: #cdcdcd;
        font-size: 32px;
        font-family: Arial, Helvetica, sans-serif;
        position: relative;
        z-index: 100
    }

.ddjdbox ul li:nth-child(2) .djnr_a {
    margin: 0 auto;
}

.ddjdbox ul li:nth-child(2) .djnr_b {
    margin: 0 auto;
}

.ddjdbox ul li:nth-child(3) .djnr_a {
    float: right;
}

.ddjdbox ul li:nth-child(3) .djnr_b {
    float: right;
}

.ddjd_tao1 {
    height: 2px;
    width: 430px;
    position: absolute;
    background: #e6e6e6;
    overflow: hidden;
    left: 10px;
    top: 20px;
}

.ddjd_tao2 {
    height: 2px;
    width: 430px;
    position: absolute;
    background: #599b3b;
    overflow: hidden;
    left: 10px;
    top: 20px;
}

.ddjd_tao3 {
    height: 2px;
    width: 220px;
    position: absolute;
    background: #599b3b;
    overflow: hidden;
    left: 10px;
    top: 20px;
}

.ddjd_tao4 {
    height: 2px;
    width: 220px;
    position: absolute;
    background: #e6e6e6;
    overflow: hidden;
    right: 10px;
    top: 20px;
}

.sphja {
    clear: both;
    background: #fff;
    width: 100%;
    border-bottom: 1px solid #ddd;
}

    .sphja h3 {
        font-size: 12px;
        line-height: 50px;
        padding: 0 15px;
        text-align: left;
    }

    .sphja span {
        color: #aaa8a8;
        padding-right: 7px;
    }

    .sphja i {
        color: #f7a16a;
        padding-right: 5px;
    }


/*新加样式*/
/*新加样式*/
.xjcpbox{position: relative; border: 1px solid #eee; box-sizing: border-box;}
.xj_tit{width: 60%; position: absolute; top:0;left:50%; transform:translateX(-50%);}
.xj_tit_a{width: 60%; position: absolute; top:0;left:50%; transform:translateX(-50%); height: 22px; background: url(../../images/productFrame/bjs3.png);background-size: 100% 100%;}
.xj_tit_b{width: 60%; position: absolute; top:0;left:50%; transform:translateX(-50%); height: 60px; background: url(../../images/productFrame/bjs3.png);background-size: 100% 100%;}
.xj_cp img{width: 100%;}
.xj_cp {position: relative; padding-bottom: 4px; }

.rmbq1{position: absolute;left:1px; top:1px; color: #fff; font-size: 14px;height: 20px; width: 65px;background: #ff9200;border-radius: 10px;text-align: center;}
.rmbq2{position: absolute;left:1px; top:1px; color: #fff; font-size: 14px;height: 20px; width: 65px;background: #08b50b;border-radius: 10px;text-align: center;}
.rmbq3{position: absolute;left:1px; top:1px; color: #fff; font-size: 14px;height: 20px; width: 65px;background: #ff01d1;border-radius: 10px;text-align: center;}
.srnq{position: absolute; width: 100%; bottom: 0;left:0;}
.srnq img{width: 100%;}
.srnq_a {height: 25px; background: url(../../images/productFrame/bjs1.png);background-size: 100% 100%; position: absolute; width: 100%; left:0; bottom: 0;}
.srnq_c {height: 90px; background: url(../../images/productFrame/bjs1.png);background-size: 100% 100%; position: absolute; width: 100%; left:0; bottom: 0;}
.srnq_d {height: 40px; background: url(../../images/productFrame/bjs1.png);background-size: 100% 100%; position: absolute; width: 100%; left:0; bottom: 0;}

.zstz{width: 172px; position: absolute; right:0px; top:240px;}
.zstz h5{height: 75px; background:url(../../images/productFrame/bjs4.png); text-align: center; color: #fff;font-size: 35px; padding-top: 3px;}
.zstz h5 span{display: block; font-size: 20px; color: #f5ff5d; padding-top: 5px;}
.zstz h6{height: 83px; font-weight: bold; color: #fff; background:url(../../images/productFrame/bjs5.png); line-height: 83px; text-align: center;color: #fff;font-size: 44px;}
.zstz b{font-size: 22px;}


.pc-right .product a{display: block; position: relative;}
.pc-right .product a .bqaot{width: 55%;
display: block;
position: absolute;
left: 50%;
transform: translateX(-50%);}

.bqaot1{position: absolute; top:0;width: 55%;left:25px;}
.pc-left dt a{display: block; position: relative;}

.number span{ cursor:pointer;}
.number span:hover{color:#08B50B;}