.reserveList {
}

    .reserveList .container {
        background: #f6f6f6;
        padding: 80px 0 40px;
    }

    .reserveList li {
        float: left;
        width: 25%;
        height: 340px;
    }

    .reserveList .item {
        margin: 0px 10px 0;
        text-align: center;
    }

        .reserveList .item:hover .shadow {
            box-shadow: 0 0 10px #333;
            transition: .5s;
        }

        .reserveList .item:hover a {
            color: #fff;
            background: #2492ef;
        }

        .reserveList .item .pic {
        }

            .reserveList .item .pic img {
                width: 100%;
            }

        .reserveList .item .info {
            background: #fff;
            height: 40px;
            line-height: 40px;
        }

        .reserveList .item a {
            display: inline-block;
            text-align: center;
            margin: auto;
            border: 1px solid #2492ef;
            color: #2492ef;
            margin: 20px 0 40px;
            padding: 4px 20px;
            border-radius: 4px;
            transition: .5s;
        }

.news {
}

    .news .list {
        background: #f6f6f6;
        padding: 40px 80px 80px;
        z-index: 0;
    }

        .news .list .item {
            margin: 40px 0;
        }

            .news .list .item .pic img {
                width: 100%;
                height: 200px;
            }

            .news .list .item .text {
                position: relative;
                height: 200px;
                padding-left: 20px;
            }

            .news .list .item .info {
                margin-top: 10px;
                color: #999;
                line-height: 1.8;
            }

            .news .list .item p {
            }

            .news .list .item span.time {
                position: absolute;
                bottom: 0;
                left: 20px;
                color: #999;
            }

    .news .tab {
        text-align: center;
        box-shadow: 2px 2px 10px #ccc;
        z-index: 2;
    }

        .news .tab li {
            float: left;
            width: 25%;
            height: 60px;
            line-height: 60px;
        }

            .news .tab li > a {
                position: relative;
                display: block;
            }

            .news .tab li.active > a {
                color: #2492ef;
            }

                .news .tab li.active > a:after {
                    content: '';
                    display: inline-block;
                    position: absolute;
                    width: 50px;
                    height: 1px;
                    color: #2492ef;
                    bottom: 0px;
                    background: #2492ef;
                    left: 0;
                    right: 0;
                    margin: auto;
                }

.pageList {
    text-align: center;
}

    .pageList a {
        background: #fff;
        color: #999;
        font-size: 14px;
        display: inline-block;
        margin: 0 4px;
        border-radius: 3px;
        width: 26px;
        height: 26px;
        border: 1px solid #ccc;
        line-height: 26px;
    }

        .pageList a.active {
            background: #2492ef;
            color: #fff;
            border: 1px solid #2492ef;
        }

.about {
}

    .about > .container {
        position: relative;
    }

    .about .main {
        box-shadow: 0px 0px 10px #ccc;
        margin: 40px 0;
        padding: 40px;
        border-radius: 6px;
    }

        .about .main .title {
            text-align: center;
            color: #2492ef;
            position: relative;
            padding-bottom: 10px;
            margin-bottom: 20px;
        }

            .about .main .title i {
                position: absolute;
                bottom: 0;
                left: 0;
                right: 0;
                margin: auto;
                width: 20px;
                height: 2px;
                background: #fb5b25;
            }

        .about .main .pic {
        }

            .about .main .pic img {
                width: 100%;
            }

        .about .main .text {
            padding-left: 20px;
            line-height: 2;
        }

    .about .speech {
        background: #fffef7;
        padding: 40px 0 80px;
    }

        .about .speech .container {
            position: relative;
        }

            .about .speech .container .pic {
                position: absolute;
                bottom: -80px;
                right: 0;
            }

        .about .speech .title {
            position: relative;
            padding-left: 20px;
            margin-bottom: 20px;
        }

            .about .speech .title i {
                position: absolute;
                width: 2px;
                height: 18px;
                left: 0;
                bottom: 2px;
                background: #fb5b25;
            }

        .about .speech .text {
            line-height: 2;
            text-indent: 2em;
        }

    .about .course {
        background: url(../image/aboutBack.png) no-repeat center;
        background-size: cover;
        padding: 40px 0;
    }

        .about .course .title {
            position: relative;
            color: #fff;
            padding-bottom: 10px;
            text-align: center;
            margin-bottom: 40px;
        }

            .about .course .title i {
                position: absolute;
                width: 20px;
                height: 2px;
                left: 0;
                right: 0;
                bottom: 0;
                background: #fff;
                margin: auto;
            }

    .about .course {
    }

        .about .course .list {
        }

            .about .course .list li {
                float: left;
                width: 25%;
            }

            .about .course .list .item {
                background: url(../image/round1.png) no-repeat center;
                height: 180px;
                background-size: contain;
                margin: 0px 0;
            }

            .about .course .list .item {
                color: #fff;
                text-align: center;
                padding-top: 50px;
                margin-bottom: 20px;
            }

                .about .course .list .item span {
                    width: 160px;
                    display: inline-block;
                    line-height: 1.8;
                }

    .about .map {
        background: url(../image/aboutGround.png) no-repeat center 40px;
        height: 800px;
        padding-top: 40px;
    }

        .about .map .title {
            text-align: center;
            color: #2492ef;
            position: relative;
            padding-bottom: 10px;
            margin-bottom: 500px;
        }

            .about .map .title i {
                position: absolute;
                width: 20px;
                height: 2px;
                left: 0;
                right: 0;
                bottom: 0;
                background: #2492ef;
                margin: auto;
            }

        .about .map .info {
            text-align: center;
        }

            .about .map .info .top {
                width: 70%;
                margin: 0 auto 50px;
            }

                .about .map .info .top li {
                    float: left;
                    width: 33.33%;
                    padding-top: 80px;
                }

                    .about .map .info .top li:nth-child(1) {
                        background: url(../image/tel2.png) no-repeat center;
                    }

                    .about .map .info .top li:nth-child(2) {
                        background: url(../image/mail2.png) no-repeat center;
                    }

                    .about .map .info .top li:nth-child(3) {
                        background: url(../image/address2.png) no-repeat center;
                    }

        .about .map .info {
        }

.menberCenter {
    padding-top: 40px;
}

    .menberCenter .container {
        position: relative;
        width: 1200px;
        margin: -340px auto 40px;
        overflow: hidden;
        background: #fff;
        padding: 40px 0;
        border-radius: 6px;
        box-shadow: 0 0 10px #ccc;
    }

    .menberCenter .menu {
        float: left;
        width: 209px;
    }

        .menberCenter .menu .logoMenu {
            width: 209px;
            display: block;
        }

            .menberCenter .menu .logoMenu img {
                width: 81px;
                height: 90px;
                margin-left: 64px;
                margin-bottom: 20px;
                border: 0;
                display: block;
            }

        .menberCenter .menu .list {
            width: 209px;
        }

        .menberCenter .menu li {
            width: 209px;
            display: block;
            float: left;
            height: 40px;
            text-align: center;
            line-height: 40px;
        }

            .menberCenter .menu li.active a {
                color: #fb5b25;
            }

    .menberCenter .details {
        border: 1px solid #ccc;
        float: left;
        width: 960px;
        min-height: 800px;
    }

        .menberCenter .details .line {
            border-bottom: 1px solid #ccc;
            height: 40px;
            line-height: 40px;
            padding-left: 30px;
        }

        .menberCenter .details.reserve {
            padding-bottom: 300px;
        }

        .menberCenter .details .title {
            padding: 10px 0 10px 20px;
            font-weight: bold;
            border-bottom: 1px solid #ccc;
            position: relative;
        }

            .menberCenter .details .title .add {
                position: absolute;
                color: #fb5b25;
                right: 10px;
                bottom: 10px;
                font-size: 14px;
                outline: none;
                text-decoration: none;
            }

        .menberCenter .details .card {
            background: #e9f4fd;
            padding: 30px;
        }

            .menberCenter .details .card .pic {
                float: left;
            }

            .menberCenter .details .card .info {
                margin-top: 40px;
                line-height: 3;
                float: left;
                margin-left: 20px;
            }

        .menberCenter .details .form {
            padding: 0 30px 0 60px;
        }

            .menberCenter .details .form p {
                margin: 10px 0 30px;
            }

                .menberCenter .details .form p span {
                    display: inline-block;
                    width: 100px;
                }

    .menberCenter .tab {
        background: #d3e9fc;
        padding: 10px 20px 10px 20px;
    }

        .menberCenter .tab a {
            display: inline-block;
            margin-right: 20px;
        }

            .menberCenter .tab a.active {
                color: #fb5b25;
            }

    .menberCenter .allOrder {
    }

        .menberCenter .allOrder .content {
        }

            .menberCenter .allOrder .content .count {
                float: right;
                margin-right: 34px;
            }

            .menberCenter .allOrder .content .item {
                border: 1px solid #ccc;
                margin: 0 10px;
                margin-bottom: 30px;
                overflow: hidden;
            }

        .menberCenter .allOrder .item .top {
            background: #f1f2f3;
            position: relative;
            padding: 10px 10px;
            border-bottom: 1px solid #ccc;
        }

            .menberCenter .allOrder .item .top .time {
                position: absolute;
                right: 20px;
                bottom: 10px;
            }

        .menberCenter .allOrder .item .bottom {
            padding: 0 10px;
            padding-top: 20px;
        }

        .menberCenter .allOrder > .item .text {
            padding-right: 20px;
        }

        .menberCenter .allOrder .item .bottom .pic {
            position: relative;
        }

        .menberCenter .allOrder .items .bottom .pic:after {
        }

        .menberCenter .allOrder .item .bottom .pic .intro {
            position: relative;
            padding-left: 100px;
            padding-bottom: 20px;
        }

            .menberCenter .allOrder .item .bottom .pic .intro:after {
                content: '';
                display: inline-block;
                width: 465px;
                height: 1px;
                position: absolute;
                left: 0px;
                background: #ccc;
                bottom: 105px;
            }

            .menberCenter .allOrder .item .bottom .pic .intro span.num {
                position: absolute;
                right: -55px;
                top: 20px;
            }

        .menberCenter .allOrder .item .bottom .pic a .intro:first-child:after {
            content: none;
        }

        .menberCenter .allOrder .item .bottom .pic .img {
            position: absolute;
            left: 0px;
            top: 0px;
            width: 80px;
            height: 65px;
            overflow: hidden;
        }

            .menberCenter .allOrder .item .bottom .pic .img img {
                max-width: 100%;
            }

        .menberCenter .allOrder .item .bottom .pic .info {
            font-size: 14px;
        }

            .menberCenter .allOrder .item .bottom .pic .info .gray {
                margin-top: 20px;
            }

        .menberCenter .allOrder .item .bottom .text {
            margin-top: 20px;
        }

        .menberCenter .allOrder .items .bottom .text {
            margin-top: 70px;
        }

            .menberCenter .allOrder .items .bottom .text ul li {
                position: relative;
            }

        .menberCenter .allOrder .item .bottom .text ul li {
            position: relative;
        }

            .menberCenter .allOrder .item .bottom .text ul li:first-child {
                opacity: 0;
            }

        .menberCenter .allOrder .items .bottom .text ul li:nth-child(1) {
            opacity: 0;
        }

        .menberCenter .allOrder .items .bottom .text ul li span:nth-child(1) {
            top: -40px;
            position: absolute;
        }

        .menberCenter .allOrder .items .bottom .text ul li span:nth-child(2) {
            top: 70px;
            position: absolute;
        }

        .menberCenter .allOrder .items .bottom .text ul li span:nth-child(3) {
            visibility: hidden;
        }

        .menberCenter .allOrder .item .bottom .text ul li:nth-child(2):after {
            content: '';
            display: inline-block;
            width: 1px;
            height: 117px;
            position: absolute;
            left: -11px;
            background: #ccc;
            bottom: -46px;
        }

        .menberCenter .allOrder .items .bottom .text ul li:nth-child(2):after {
            content: '';
            display: inline-block;
            width: 1px;
            height: 1000px;
            position: absolute;
            left: -11px;
            background: #ccc;
            top: -90px;
        }

        .menberCenter .allOrder .item .bottom .text a {
            display: inline-block;
            color: #fff;
            border-radius: 4px;
            padding: 4px 0px;
            width: 100px;
        }

            .menberCenter .allOrder .item .bottom .text a.lnkBuy {
                background: #fb5b25;
                margin-top: -5px;
            }

            .menberCenter .allOrder .item .bottom .text a.evaluate {
                background: #2492ef;
            }

            .menberCenter .allOrder .item .bottom .text a.cancel {
                background: #ff9933;
            }

.details table {
    width: 100%;
    margin-top: 40px;
    border-top: 1px solid #ccc;
    text-align: center;
    border-collapse: collapse;
}

    .details table tr {
        height: 60px;
        line-height: 60px;
        border-bottom: 1px solid #ccc;
    }

        .details table tr td {
            border-bottom: 1px solid #ccc;
            line-height: 30px;
        }

        .details table tr:first-child {
            background: #d3e9fc;
        }

        .details table tr td a {
            display: inline-block;
            background: #fb5b25;
            color: #fff;
            border-radius: 4px;
            padding: 0px 20px;
            line-height: 30px;
        }

.discount {
}

    .discount .list {
    }

        .discount .list li {
            float: left;
            width: 33.33%;
        }

        .discount .list .pic {
            box-shadow: 6px 4px 10px #ccc;
            margin: 20px;
            font-size: 0;
        }

            .discount .list .pic img {
                width: 100%;
            }

.collect {
}

    .collect .collectTiele {
        font-size: 14px;
        margin-top: 20px;
    }

        .collect .collectTiele .handle {
            float: right;
            margin-right: 50px;
        }

        .collect .collectTiele .intro {
            float: left;
            margin-left: 240px;
        }

    .collect .list {
        padding: 10px;
    }

        .collect .list li {
        }

        .collect .list .item {
            background: #f1f2f3;
            position: relative;
            border: 1px solid #ccc;
            margin-bottom: 30px;
            padding: 20px 0;
            height: 120px;
        }

            .collect .list .item .pic {
                padding-left: 100px;
            }

                .collect .list .item .pic .info {
                    width: 400px;
                    font-size: 14px;
                    margin-top: 10px;
                    height: 48px;
                }

                .collect .list .item .pic .img {
                    position: absolute;
                    left: 10px;
                    top: 20px;
                }

            .collect .list .item img {
                width: 70px;
            }

            .collect .list .item .cancel {
                color: #fb5b25;
                float: right;
                margin-right: 20px;
                margin-top: -28px;
            }

.wallet {
}

    .wallet .main {
        padding-top: 20px;
    }

        .wallet .main .line {
            text-align: center;
        }

        .wallet .main .red {
            font-size: 20px;
        }

        .wallet .main .form {
            padding: 0 10px;
        }

            .wallet .main .form .top {
                padding-left: 50px;
            }

    .wallet table p {
        line-height: 1.6;
    }

    .wallet .main .form .bottom {
        box-shadow: 0 0 10px #ccc;
        padding: 20px 10px 20px 100px;
        border-radius: 4px;
        margin-top: 10px;
    }

    .wallet .main .form .control {
    }

    .wallet .main .form .control {
        width: 160px;
        display: inline-block;
    }

    .wallet .main .form a {
        display: inline-block;
        color: #fff;
        background: #2492ef;
        border-radius: 4px;
        padding: 2px 20px;
    }



table .name {
    width: 70px;
}

table .address {
    width: 200px;
    text-align: left;
}

table .address1 {
    width: 250px;
    text-align: left;
}

table .postcode {
    width: 80px;
}

table .phone {
    width: 120px;
}

table .handle {
    width: 100px;
    color: #2492ef;
}

table tr:first-child .handle {
    color: #333;
}

table .set {
}

    table .set a.active {
        color: #fff;
        background: #ccc;
    }

table tr td a.btn {
    padding: 0;
    background: none;
    border-radius: 0;
    color: #2492ef;
    margin: 0 4px;
}

.maskDiv {
    position: relative;
}

.mask {
}

    .mask.active {
        background: #333;
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        z-index: 2;
        opacity: .5;
        display: block;
    }

.layer {
    display: none;
}

    .layer.active {
        position: absolute;
        left: 0;
        right: 0;
        top: 40%;
        margin: auto;
        z-index: 3;
        width: 600px;
        background: #fff;
        border-radius: 8px;
        padding: 40px;
        display: block;
    }

    .layer .layerDiv {
        position: relative;
    }

        .layer .layerDiv .control {
            margin: 20px 0;
        }

            .layer .layerDiv .control span {
                width: 100px;
                display: inline-block;
                text-align: right;
                padding-right: 22px;
                background: url(../image/star.png) no-repeat 86px;
            }

            .layer .layerDiv .control input {
                height: 40px;
                border-radius: 4px;
                border: 1px solid #ccc;
                width: 380px;
            }

        .layer .layerDiv .lnkClose {
            display: inline-block;
            position: absolute;
            background: url(../image/close.png) no-repeat center;
            right: -25px;
            top: -45px;
            height: 16px;
            width: 16px;
        }

        .layer .layerDiv .button {
            text-align: center;
        }

            .layer .layerDiv .button a {
                display: inline-block;
                background: #2492ef;
                color: #fff;
                border-radius: 50px;
                padding: 10px 140px;
            }

.ask {
}

    .ask .item {
        background: #f1f2f3;
        margin: 10px;
        border: 1px solid #ccc;
        padding: 30px 30px 20px;
    }

        .ask .item .info {
        }

            .ask .item .info p {
                margin-bottom: 20px;
            }

    .ask .user {
        margin-top: 14px;
    }

        .ask .user .pic {
            display: inline-block;
        }

        .ask .user .name {
            display: inline-block;
            margin-top: 14px;
            vertical-align: top;
        }

.shoppingList {
    background: #f6f6f6;
    padding-bottom: 80px;
}

    .shoppingList .top {
        border-bottom: 1px solid #ccc;
        padding: 10px 0 4px;
        font-size: 14px;
    }

        .shoppingList .top a {
            margin: 0 10px;
        }

            .shoppingList .top a.active {
                color: #fb5b25;
            }

        .shoppingList .top input {
            width: 40px;
        }

        .shoppingList .top .right a {
            display: inline-block;
            border: 1px solid #ccc;
            width: 60px;
            height: 20px;
            margin: 0;
            margin-left: 6px;
        }

        .shoppingList .top .right .btnTop {
            background: url(../image/bottom.png) no-repeat center #fff;
        }

        .shoppingList .top .right .btnBottom {
            background: url(../image/top.png) no-repeat center #fff;
        }

    .shoppingList .list {
        margin: 0 -10px;
        margin-bottom: 40px;
    }

        .shoppingList .list li {
            float: left;
            width: 25%;
        }

        .shoppingList .list .item {
            margin: 20px 10px;
            border: 1px solid #ccc;
            background: #fff;
            position: relative;
        }

            .shoppingList .list .item .pic {
                overflow: hidden;
                font-size: 0;
                margin-bottom: 4px;
            }

            .shoppingList .list .item > .pic {
                height: 150px;
                position: relative;
            }

                .shoppingList .list .item > .pic img {
                    max-width: 100%;
                    transition: .5s;
                    max-height: 100%;
                    position: absolute;
                    left: 0;
                    right: 0;
                    top: 0;
                    bottom: 0;
                    margin: auto;
                }

            .shoppingList .list .item .thumbnail {
                padding: 0 8px;
            }

                .shoppingList .list .item .thumbnail .pic img {
                    width: 28px;
                    height: 28px;
                }

            .shoppingList .list .item .pic img {
                width: 100%;
                height: 100%;
                max-width: 195px;
                transition: .5s;
                max-height: 135px;
            }

            .shoppingList .list .item .pic:hover img {
                transform: scale(1.05);
            }

        .shoppingList .list .info {
            padding: 0 8px 10px;
        }

        .shoppingList .list p {
            font-size: 14px;
            overflow: hidden;
            height: 42px;
            padding: 0 8px;
        }

        .shoppingList .list .info {
            position: relative;
        }

            .shoppingList .list .info .money {
                color: #fb5b25;
                font-size: 16px;
            }

            .shoppingList .list .info i {
                display: inline-block;
                position: absolute;
            }

            .shoppingList .list .info .xin {
                background: url(../image/xin.png) no-repeat center;
                right: 40px;
                background-size: contain;
                width: 21px;
                height: 16px;
                cursor: pointer;
            }

            .shoppingList .list .info .xin1 {
                background: url(../image/xin1.png) no-repeat center;
                right: 40px;
                background-size: contain;
                width: 21px;
                height: 16px;
                cursor: pointer;
            }

            .shoppingList .list .info .car {
                background: url(../image/redCar.png) no-repeat center;
                right: 8px;
                background-size: contain;
                width: 18px;
                height: 17px;
            }

.shoppingDetails .location {
    margin: 20px 0;
}

.shoppingDetails .main {
    border: 1px solid #ccc;
    padding-bottom: 40px;
    margin-bottom: 20px;
}

    .shoppingDetails .main .pic {
    }

        .shoppingDetails .main .pic img {
            width: 100%;
        }

    .shoppingDetails .main .text {
        padding: 10px 0px 10px 20px;
    }

        .shoppingDetails .main .text .title {
            margin-bottom: 30px;
            padding-top: 10px;
        }

            .shoppingDetails .main .text .title p {
                margin-bottom: 10px;
                font-weight: bold;
            }

            .shoppingDetails .main .text .title span {
                font-size: 14px;
                color: gray;
            }

        .shoppingDetails .main .text .price {
            background: #ffecec;
            padding: 26px 10px;
        }

            .shoppingDetails .main .text .price .gray {
                margin-top: 10px;
            }

        .shoppingDetails .main .text .color {
            padding: 20px 0;
        }

            .shoppingDetails .main .text .color span {
                display: inline-block;
                margin-top: 20px;
                vertical-align: top;
            }

            .shoppingDetails .main .text .color img {
                margin-right: 10px;
            }

        .shoppingDetails .main .text .number {
            margin-bottom: 40px;
            position: relative;
        }

            .shoppingDetails .main .text .number .xin {
                background: url(../image/xin.png) no-repeat center;
                background-size: contain;
                width: 24px;
                height: 18px;
                display: inline-block;
                margin-left: 30px;
                position: absolute;
                top: 4px;
            }

            .shoppingDetails .main .text .number .xin1 {
                background: url(../image/xin1.png) no-repeat center;
                background-size: contain;
                width: 24px;
                height: 18px;
                display: inline-block;
                margin-left: 30px;
                position: absolute;
                top: 4px;
                cursor: pointer;
            }

        .shoppingDetails .main .text .count {
            display: inline-block;
            border: 1px solid #ccc;
            padding: 2px 10px;
        }

            .shoppingDetails .main .text .count a {
                background: #fb5b25;
                display: inline-block;
                width: 12px;
                height: 12px;
            }

                .shoppingDetails .main .text .count a.add {
                    background: url(../image/add.png) no-repeat center;
                }

                .shoppingDetails .main .text .count a.sub {
                    background: url(404.png) no-repeat center;
                }

            .shoppingDetails .main .text .count input {
                width: 30px;
                border: none;
                text-align: center;
                margin: 0 4px;
            }

        .shoppingDetails .main .text .btn {
        }

            .shoppingDetails .main .text .btn a {
                display: inline-block;
                color: #fff;
                border-radius: 4px;
                padding: 10px 50px;
                margin-right: 20px;
            }

            .shoppingDetails .main .text .btn .lnkBuy {
                background: #fb5b25;
            }

            .shoppingDetails .main .text .btn .lnkCar {
                background: #8ec31d;
            }

.shoppingDetails .detailsIntro {
    border: 1px solid #ccc;
}

    .shoppingDetails .detailsIntro .title {
        padding: 20px 0;
    }

    .shoppingDetails .detailsIntro .pic {
        margin: 0 6px 0;
    }

        .shoppingDetails .detailsIntro .pic img {
            width: 100%;
        }

.Integral .list .price {
    position: relative;
    padding: 10px 0 20px;
}

    .Integral .list .price span {
        font-size: 16px;
        color: #fb5b25;
        font-weight: bold;
    }

    .Integral .list .price p {
        line-height: 1;
        height: auto;
    }

    .Integral .list .price a {
        position: absolute;
        right: 10px;
        bottom: 12px;
        color: #fff;
        background: #fb5b25;
        border-radius: 4px;
        padding: 4px 20px;
        font-size: 14px;
    }

.Integral .main .text .title {
    margin-bottom: 14px;
}

.Integral .main .text .color {
    padding: 14px 0;
}

.Integral .main .text .price {
    padding: 14px;
}

.Integral .main .text .number {
    margin-bottom: 14px;
}

.Integral .main .text .amount {
    margin-bottom: 26px;
}

.Group .list li {
    width: 25%;
}

.Group .list .title {
    padding: 6px 0px 10px;
    height: 60px;
    overflow: hidden;
}

    .Group .list .title h3 {
        font-size: 15px;
        padding: 0 8px;
        line-height: 22px;
        height: 22px;
        overflow: hidden;
    }

.Group .list .item {
    position: relative;
    padding-bottom: 16px;
}

    .Group .list .item > .pic {
        height: 180px;
    }

.Group .list p {
    line-height: 22px;
    height: 22px;
    overflow: hidden;
}

.Group .list .price .red {
    font-size: 18px;
    font-weight: bold;
    display: inline-block;
    margin-right: 10px;
}

.Group .list .price .lnkConvert {
    position: absolute;
    right: 10px;
    display: inline-block;
    color: #fff;
    background: #fb5b25;
    padding: 4px 20px;
    border-radius: 4px;
    bottom: 10px;
    font-size: 14px;
}

.Group .main .text .title {
    margin-bottom: 10px;
}

.Group .main .text .number {
    margin-bottom: 16px;
}

.Group .main .text .amount {
    margin-bottom: 16px;
}

    .Group .main .text .amount span {
        display: inline-block;
        margin-left: 8px;
    }

.Group .main .text .price {
    background: #ffe045;
    width: 90%;
    border-top-right-radius: 50px;
    border-bottom-right-radius: 50px;
}

    .Group .main .text .price p {
        display: inline-block;
    }

    .Group .main .text .price .red span {
        font-size: 18px;
        font-weight: bold;
    }

    .Group .main .text .price p.gray {
        margin-left: 20px;
        margin-top: 0;
    }

.Seckill .list li {
    width: 25%;
}

.Seckill .item .price {
    background: #25a96e;
    color: #fff;
    position: relative;
    line-height: 50px;
    height: 50px;
}

.Seckill .item .title {
    padding: 6px 10px;
    height: 52px;
    overflow: hidden;
}

.Seckill .list .item > .pic {
    height: 155px;
}

.Seckill .item .title h3 {
    font-size: 15px;
    height: 20px;
    overflow: hidden;
}

.Seckill .item .title p {
    padding: 0;
    height: 20px;
    overflow: hidden;
}

.Seckill .item .price .num {
    font-size: 16px;
    display: inline-block;
    margin-right: 6px;
    font-weight: bold;
}

.Seckill .item .price .little {
    font-size: 14px;
}

.Seckill .item .price .lnkSeckill {
    background: #ffe045;
    color: #fb5b25;
    z-index: 2;
    border-bottom-left-radius: 50px;
    border-top-left-radius: 50px;
    position: absolute;
    right: 0;
    bottom: 0;
    padding: 0 10px;
    font-size: 14px;
}

.Seckill .item .price .lnkSeckill1 {
    background: #ccc;
    color: #fff;
    z-index: 2;
    border-bottom-left-radius: 50px;
    border-top-left-radius: 50px;
    position: absolute;
    right: 0;
    bottom: 0;
    padding: 0 10px;
    font-size: 14px;
}

.Seckill .main .text .count {
    border: none;
}

.Seckill .main .text .price {
    border-radius: 0;
    background: #25a96e;
    position: relative;
}

.Seckill .list .item .pic img {
}

.Seckill .main .text .price p {
    color: #fff;
}

.Seckill .main .text .price .time {
    position: absolute;
    right: 80px;
    top: 12px;
    text-align: center;
}

    .Seckill .main .text .price .time .num {
        color: #ffe045;
        font-size: 26px;
    }

    .Seckill .main .text .price .time p {
        display: block;
    }

.Seckill .main .text .color {
    padding: 12px 0;
}

.Seckill .main .text .btn .lnkBuy {
    margin-bottom: 6px;
}

.Seckill .main .text .btn .gray {
    font-size: 12px;
}



.ReserveDetails {
}

    .ReserveDetails .container {
        margin-top: -300px;
        position: relative;
    }

    .ReserveDetails .main {
        padding: 0px 70px;
        box-shadow: 0 0 10px #ccc;
        border-radius: 10px;
        background: #fff;
        z-index: 2;
        padding-bottom: 50px;
    }

        .ReserveDetails .main .title {
            text-align: center;
            font-size: 18px;
            font-weight: bold;
            padding: 30px 0;
        }

        .ReserveDetails .main .pic {
        }

            .ReserveDetails .main .pic img {
                width: 100%;
                height: 441px;
            }

        .ReserveDetails .main .form {
            padding-left: 20px;
        }

            .ReserveDetails .main .form h3 {
                margin-bottom: 20px;
                text-align: right;
                line-height: 1;
                font-size: 18px;
                margin-top: 0;
            }

            .ReserveDetails .main .form .control {
                margin-bottom: 26px;
            }

                .ReserveDetails .main .form .control > span {
                    display: inline-block;
                    width: 130px;
                    text-align: right;
                    padding-right: 30px;
                }

            .ReserveDetails .main .form .required span {
                background: url(../image/star.png) no-repeat 110px center;
            }

            .ReserveDetails .main .form .control input {
                width: 395px;
                height: 40px;
                border-radius: 4px;
                border: 1px solid #ccc;
                background: #fff;
            }

            .ReserveDetails .main .form .control textarea {
                width: 395px;
                height: 40px;
                padding: 8px 4px;
                line-height: 1.5;
                border-radius: 4px;
                border: 1px solid #ccc;
                vertical-align: middle;
            }

            .ReserveDetails .main .form .control select {
                width: 395px;
                height: 40px;
                border-radius: 4px;
                border: 1px solid #ccc;
                text-align: center;
                padding: 0 2%;
                margin: 0;
            }

            .ReserveDetails .main .form .control .select {
                width: 395px;
                display: inline-block;
            }

            .ReserveDetails .main .form .control .count {
                text-align: right;
            }

                .ReserveDetails .main .form .control .count span {
                    color: #fb5b25;
                    font-size: 18px;
                    font-weight: bold;
                }

            .ReserveDetails .main .form .control .select input {
                width: auto;
                height: auto;
            }

            .ReserveDetails .main .form .control .select span {
                margin-right: 20px;
            }

            .ReserveDetails .main .form .control option {
                text-align: center;
            }

            .ReserveDetails .main .form .btn1 {
                text-align: right;
                margin-top: 54px;
            }

                .ReserveDetails .main .form .btn1 a {
                    display: inline-block;
                    color: #fff;
                    background: #2492ef;
                    border-radius: 50px;
                    padding: 8px 100px;
                }

    .ReserveDetails .detailsIntro {
        padding: 50px 0;
        line-height: 1.8;
    }

.eat .main .form .control {
    margin-bottom: 22px;
}

.fitness .main .form .btn {
    margin-top: 42px;
}

.details_cancel .container {
    margin-top: -300px;
    position: relative;
}

.details_cancel .main {
    padding: 0px 270px;
    box-shadow: 0 0 10px #ccc;
    border-radius: 10px;
    background: #fff;
    z-index: 2;
    margin: auto;
    padding-bottom: 40px;
    margin-bottom: 60px;
}

    .details_cancel .main .title {
        padding: 40px 0;
        text-align: center;
    }

    .details_cancel .main .control {
        width: 495px;
        height: 50px;
    }

        .details_cancel .main .control > span {
            display: inline-block;
            width: 130px;
            text-align: right;
            padding-right: 30px;
        }

    .details_cancel .main .form .required span {
        background: url(../image/star.png) no-repeat 110px center;
    }

    .details_cancel .main .control input {
        height: 40px;
        margin-bottom: 20px;
        border-radius: 4px;
        border: 1px solid #ccc;
        width: 360px;
        box-shadow: 0 0 10px #ccc;
        padding-left: 10px;
    }

    .details_cancel .main .form .control select {
        width: 360px;
        height: 40px;
        border-radius: 4px;
        border: 1px solid #ccc;
        text-align: center;
        padding: 0 2%;
        margin-bottom: 20px;
        box-shadow: 0 0 10px #ccc;
    }

    .details_cancel .main .form .btn {
        text-align: center;
        margin-top: 22px;
    }

        .details_cancel .main .form .btn a {
            display: inline-block;
            color: #fff;
            background: #2492ef;
            border-radius: 50px;
            padding: 8px 100px;
        }

    .details_cancel .main .form .count {
        text-align: right;
    }



.Trolley {
    position: relative;
    min-height: 590px;
}

    .Trolley .title {
        padding-top: 20px;
    }

        .Trolley .title span {
        }

        .Trolley .title .info {
            padding-left: 90px;
            text-align: left;
        }

        .Trolley .title .all {
            padding-left: 20px;
        }

    .Trolley .list {
        margin-top: 40px;
    }

        .Trolley .list .item {
            border: 1px solid #ccc;
            padding: 20px 0;
            margin-bottom: 30px;
        }

            .Trolley .list .item .che {
                margin: 32px 0 0 20px;
            }

            .Trolley .list .item .numb {
                margin-top: 30px;
            }

            .Trolley .list .item .count {
                text-align: center;
                margin-top: 30px;
                border: 1px solid #fb5b25;
                display: inline-block;
            }

                .Trolley .list .item .count a {
                    display: inline-block;
                    width: 20px;
                    background: #fb5b25;
                    color: #fff;
                    height: 21px;
                }

                    .Trolley .list .item .count a.add {
                        margin-left: -5px;
                    }

                    .Trolley .list .item .count a.sub {
                        margin-right: -5px;
                    }

                .Trolley .list .item .count input.num {
                    width: 30px;
                    border: none;
                    text-align: center;
                    margin: 0 4px;
                }

    .Trolley input::-webkit-input-placeholder {
        text-align: center;
    }

    .Trolley .list .info {
        position: relative;
        padding-left: 90px;
    }

        .Trolley .list .info .text {
        }

        .Trolley .list .info .pic {
            position: absolute;
            left: 0;
        }

            .Trolley .list .info .pic img {
                max-height: 80px;
                max-width: 80px;
            }

        .Trolley .list .info p {
            width: 200px;
            line-height: 20px;
            height: 40px;
            overflow: hidden;
        }

        .Trolley .list .info span {
            display: inline-block;
            margin-top: 20px;
            font-size: 12px;
        }

    .Trolley .btn {
        background: #ccc;
        position: relative;
        padding: 14px 0;
        margin-bottom: 30px;
    }

        .Trolley .btn p {
            text-align: right;
            margin-right: 130px;
        }

            .Trolley .btn p span {
                font-size: 18px;
            }

        .Trolley .btn a {
            display: inline-block;
            background: #fb5b25;
            color: #fff;
            position: absolute;
            right: 0;
            bottom: 0;
            width: 100px;
            text-align: center;
            height: 52px;
            line-height: 52px;
        }

    .Trolley.address .addressDiv {
    }

    .Trolley.address .list {
        background: #fff9f1;
        padding-bottom: 20px;
        margin-bottom: 20px;
    }

.addressDiv .list .item .numb {
    text-align: center;
    padding-right: 10px;
}

.Trolley.address .list .remark {
    padding-left: 10px;
}

.Trolley.address .list .info .pic {
    left: 10px;
}

.Trolley.address .list .remark input {
    height: 35px;
    font-size: 16px;
}

.Trolley.address .list .info .text {
    margin-left: 10px;
    padding-top: 20px;
}

.Trolley.address .list .item .color {
    display: inline-block;
    margin-top: 20px;
}

.Trolley.address .list .item .color  {
    display: inline-block;
    margin-top: 20px;
}

.Trolley.address .function {
    text-align: right;
    padding-bottom: 30px;
}

    .Trolley.address .function .control {
        padding-bottom: 10px;
    }

    .Trolley.address .function select {
        width: 150px;
        height: 26px;
    }

    .Trolley.address .function .red {
        font-size: 18px;
        font-weight: bold;
        margin: 0 4px;
    }

    .Trolley.address .function a {
        display: inline-block;
        color: #fff;
        padding: 6px 26px;
        background: #fb5b25;
        font-size: 14px;
    }

.addressDetails {
}

    .addressDetails .title {
        position: relative;
        border-bottom: 1px solid #ccc;
        padding-bottom: 4px;
    }

        .addressDetails .title h3 {
        }

        .addressDetails .title a {
            position: absolute;
            right: 0;
            bottom: 4px;
            font-size: 14px;
        }

    .addressDetails .listAdd {
        margin-top: 20px;
        margin-bottom: 60px;
    }

    .addressDetails .line {
        position: relative;
        padding-left: 40px;
        padding: 8px 0;
    }

        .addressDetails .line.active {
            border: 1px solid #fb5b25;
            background: url(../image/address2.png) no-repeat 10px center;
            background-size: 14px;
        }

        .addressDetails .line .hide {
            width: 56px;
            margin-left: 40PX;
            opacity: 0;
            font-size: 14px;
        }

        .addressDetails .line .hide2 {
            width: 56px;
            margin-left: 40PX;
            opacity: 0;
            font-size: 14px;
        }

        .addressDetails .line.active .hide {
            position: relative;
            padding-left: 40px;
            padding: 8px 0;
            opacity: 1;
        }

        .addressDetails .line.active .hide2 {
            position: relative;
            padding-left: 40px;
            padding: 8px 0;
            opacity: 1;
        }

        .addressDetails .line .ads {
            font-size: 0;
        }

        .addressDetails .line.active .ads {
            font-size: 16px;
            float: right;
            margin-right: 10px;
        }

        .addressDetails .line .address {
            font-size: 14px;
        }

        .addressDetails .line.active .address {
            font-size: 16px;
        }

        .addressDetails .line .alter {
            position: absolute;
            right: 8px;
            font-size: 14px;
        }

.affirm .title {
    border-bottom: 1px solid #fb5b25;
    padding-bottom: 6px;
    margin-bottom: 10px;
}

.affirm .top {
    text-align: center;
}

.affirm .top {
    padding-right: 10px;
}

    .affirm .top .info {
        padding-right: 340px;
    }

.addressDiv .location {
    border-bottom: 1px solid #ccc;
    padding: 0px 0 20px;
    margin-bottom: 20px;
}

.pay {
}

    .pay .title {
        padding: 30px 0 10px;
        border-bottom: 1px solid #ccc;
        margin-bottom: 40px;
    }

    .pay .main {
    }

        .pay .main .top {
            margin-bottom: 14px;
            position: relative;
        }

            .pay .main .top .red {
                font-size: 18px;
                font-weight: bold;
            }

            .pay .main .top .num {
                position: absolute;
                right: 0;
                bottom: 0;
            }

    .pay .mainDiv {
        text-align: center;
        border: 1px solid #ccc;
        margin-bottom: 20px;
        padding: 60px 0;
    }

        .pay .mainDiv .item {
            padding: 70px 60px;
            box-shadow: 0 0 10px #ccc;
            width: 200px;
            margin: 0 30px;
            display: inline-block;
        }

    .pay.code {
        margin-top: 40px;
    }

        .pay.code .mainDiv .item {
            box-shadow: none;
            width: auto;
        }

    .pay .mainDiv .item .pic {
        margin-bottom: 8px;
    }

        .pay .mainDiv .item .pic img {
        }

    .pay .btn {
        text-align: right;
        margin-bottom: 40px;
    }

        .pay .btn a {
            display: inline-block;
            color: #fff;
            background: #fb5b25;
            font-size: 14px;
            padding: 10px 30px;
        }

.Trolley .layer.active {
    top: 26%;
    text-align: center;
}

.Trolley .layer .layerDiv .lnkClose {
    top: -25px;
}

.Trolley .layer .layerDiv .button {
    margin-top: 60px;
}

.pay .layer.active {
    top: 26%;
    text-align: center;
}

.pay .layer .layerDiv .lnkClose {
    top: -25px;
}

.pay .layer .layerDiv .button {
    margin-top: 60px;
}

.unlisted {
    text-align: center;
}

    .unlisted .hint {
        margin: 250px 0;
    }

        .unlisted .hint p {
            margin-top: 10px;
        }

        .unlisted .hint .btn {
            margin-top: 20px;
        }

            .unlisted .hint .btn a {
                display: inline-block;
                background: #fb5b25;
                padding: 4px 20px;
                border-radius: 4px;
                color: #fff;
            }

.news_details {
    margin-bottom: 60px;
}

    .news_details .title {
        margin: 40px auto;
    }

        .news_details .title h3 {
            font-size: 20px;
            margin-bottom: 10px;
        }

        .news_details .title span {
            font-size: 14px;
            color: #999;
        }

    .news_details .text {
        color: #666;
    }

.menberCenter .layer .layerDiv .lnkClose {
    right: -20px;
    top: -20px;
}

.menberCenter .layer.active {
    width: 400px;
    top: 10%;
    padding: 30px 30px 10px;
}

.menberCenter textarea {
    width: 100%;
    height: 100px;
}

.menberCenter .layer .layerDiv .button a {
    padding: 4px 20px;
    border-radius: 6px;
    font-size: 14px;
}