#dessearch {
    background-color: #e7e5e8;
    padding-top: 9.4%;
    position: relative;
}

    #dessearch div {
        position: absolute;
        top: 18%;
        height: 66%;
        left: 4%;
        width: 92%;
        border-radius: 3px;
        background-color: #fff;
        box-shadow: 0 0 2px #ccc;
    }

        #dessearch div input {
            float: left;
            border: 0;
            height: 100%;
            margin-left: 2%;
            width: 86%;
        }

            #dessearch div input::-webkit-input-placeholder {
                line-height: 1.4;
            }

        #dessearch div span {
            float: left;
            display: inline-block;
            width: 10%;
            height: 100%;
            background: url('/images/reserve/fdj.png') center no-repeat;
            background-size: auto 60%;
            position: relative;
        }

            #dessearch div span:after {
                content: "";
                position: absolute;
                top: 20%;
                height: 60%;
                left: 0;
                width: 0;
                border-right: 1px solid #ddd;
            }

/*deslist*/
.commonlist {
    background-color: #fff;
    padding-top: 10px;
}

    .commonlist ul li {
        overflow-y: auto;
        padding: 2.5% 3%;
        position: relative;
        border-bottom: 1px solid #eee;
    }

        .commonlist ul li div.left {
            float: left;
            width: 20%;
        }

            .commonlist ul li div.left img {
                width: 100%;
            }

        .commonlist ul li div.right {
            float: left;
            width: 54%;
            margin-left: 2%;
        }

            .commonlist ul li div.right a {
                color: #999;
            }

            .commonlist ul li div.right span {
                display: inline-block;
                white-space: nowrap;
            }

            .commonlist ul li div.right a span.s1 {
                float: left;
                color: #666;
                white-space: nowrap;
                overflow: hidden;
            }

            .commonlist ul li div.right a span.s2 {
                float: left;
                font-size: 88%;
                white-space: nowrap;
                overflow: hidden;
                margin-top: 0.8%;
            }

            .commonlist ul li div.right a span.s3 {
                float: left;
                font-size: 88%;
                white-space: nowrap;
                overflow: hidden;
                margin-top: 0.8%;
            }

                .commonlist ul li div.right a span.s3 i {
                    color: #EA4504;
                    font-style: normal;
                    text-decoration: underline;
                }

                .commonlist ul li div.right a span.s3 em {
                    color: #666;
                    font-style: normal;
                }

            .commonlist ul li div.right span.s4 {
                margin-top: 3%;
                /*padding-left: 18px;
                background: url('../images/bg/tel2.png') left center no-repeat;*/
                background-size: auto 80%;
                max-height: 20px;
            }

                .commonlist ul li div.right span.s4 span {
                    font-size: 85%;
                }

                .commonlist ul li div.right span.s4 a span.red {
                    color: #FF6600;
                    font-size: 85%;
                }

                .commonlist ul li div.right span.s4 a:last-child {
                    border: 1px solid #EEE;
                    line-height: 18px;
                    height: 15px;
                    vertical-align: middle;
                    border-radius: 8px;
                    display: inline-block;
                    margin-left: 8px;
                    padding: 1px 6px 2px 18px;
                    background: url('../images/bg/tel2.png') left center no-repeat;
                    background-size: 18px;
                    border-radius: 4px;
                    font-size: 88%;
                }

            .commonlist ul li div.right span.s5 {
                content: "\20";
                display: block;
                height: 0;
                clear: both;
                font-size: 80%;
                color: #666;
                padding-top: 1.5%;
                width: 100%;
                height: 22px;
                line-height: 24px;
                overflow: hidden;
                font-size: 100%;
            }

                .commonlist ul li div.right span.s5 .s5_left {
                    float: left;
                    background-image: url('/images/reserve/star1.png');
                    width: 90px;
                    height: 20px;
                    background-size: 25% auto;
                }

                .commonlist ul li div.right span.s5 .s5_left1 {
                    float: left;
                    background-image: url('/images/reserve/start2.png');
                    width: 20px;
                    height: 20px;
                    background-size: 95% auto;
                    background-position: 0px 1px;
                }

                .commonlist ul li div.right span.s5 .s5_right {
                    float: left;
                    margin-left: 2%;
                    color: #999999;
                    line-height: 22px;
                    white-space: nowrap;
                }

                .commonlist ul li div.right span.s5 .s5_sorce {
                    float: left;
                    margin-left: 2%;
                    color: #ffb23a;
                }

                .commonlist ul li div.right span.s5 .money {
                    float: left;
                    background-image: url('/images/reserve/money.png');
                    width: 22px;
                    height: 22px;
                    background-size: 82% auto;
                    background-repeat: no-repeat;
                    background-position: 0 2px;
                }

                .commonlist ul li div.right span.s5 .address3 {
                    float: left;
                    background-image: url('/images/reserve/adderss3.png');
                    width: 23px;
                    height: 24px;
                    background-size: 68% auto;
                    background-repeat: no-repeat;
                }

        .commonlist ul li div.reserveright {
            background-image: url('/images/reserve/reserve.png');
            width: 14%;
            height: 100px;
            background-repeat: no-repeat;
            float: right;
            background-position: 100% 10%;
            background-size: 100% auto;
        }


/*numbertop*/
.numbertop {
    position: relative;
}

    .numbertop ul li {
        overflow-y: auto;
        padding-top: 3%;
        padding-bottom: 3%;
        border-bottom: 1px solid #fff;
        color: #666;
    }

        .numbertop ul li span {
            width: 24%;
            display: inline-block;
            text-align: center;
            position: relative;
        }

        .numbertop ul li:first-child {
            background-color: #fff;
            border-bottom: 1px solid #eee;
            color: #022222;
        }

    .numbertop .triangle-up {
        width: 0;
        height: 0;
        border-left: 5px solid transparent;
        border-right: 5px solid transparent;
        border-bottom: 6px solid #f33712;
        position: absolute;
        top: 7px;
        margin-left: 8px;
    }

    .numbertop .triangle-down {
        width: 0;
        height: 0;
        border-left: 5px solid transparent;
        border-right: 5px solid transparent;
        border-top: 6px solid #696969;
        position: absolute;
        top: 7px;
        margin-left: 8px;
    }
/*numbertop  end*/
/*shoplist*/
.shoplist {
    background-color: #fff;
    padding-top: 10px;
    padding-bottom: 6%;
}

    .shoplist ul li {
        overflow-y: auto;
        padding: 2.5% 3%;
        border-bottom: 1px solid #f8f8f8;
        padding-bottom: 1%;
    }

        .shoplist ul li div.left {
            float: left;
            width: 20%;
        }

            .shoplist ul li div.left img {
                width: 100%;
            }

        .shoplist ul li div.right {
            float: left;
            width: 70%;
            margin-left: 2%;
        }

            .shoplist ul li div.right a {
                color: #999;
            }

            .shoplist ul li div.right span {
                display: inline-block;
                white-space: nowrap;
            }

            .shoplist ul li div.right a span.s1 {
                float: left;
                color: #666;
                white-space: nowrap;
                overflow: hidden;
            }

            .shoplist ul li div.right span.s5 {
                content: "\20";
                display: block;
                height: 0;
                clear: both;
                font-size: 80%;
                color: #999;
                padding-top: 1.5%;
                width: 100%;
                height: 22px;
                line-height: 24px;
                overflow: hidden;
                font-size: 90%;
            }

        .shoplist ul li div.reserveright {
            width: 30%;
            background-repeat: no-repeat;
            float: right;
            padding-top: 3%;
            color: #999;
            text-align: right;
        }

/*shoplist   end*/


/*myindexlist*/

.myindexlist {
    background-color: #fff;
}

    .myindexlist ul li {
        overflow-y: auto;
        padding: 2.5% 3%;
        border: 1px solid #eee;
    }

        .myindexlist ul li div.left {
            float: left;
            width: 20%;
        }

            .myindexlist ul li div.left img {
                width: 90%;
                border-radius: 4px;
            }

        .myindexlist ul li div.right {
            float: left;
            width: 80%;
            margin-top: 2%;
            position: relative;
        }

            .myindexlist ul li div.right span.today {
                background-image: url("/images/index/rightarrow.png");
                display: inline-block;
                width: 15px;
                height: 24px;
                background-repeat: no-repeat;
                background-size: 44% auto;
                background-position: 0 0px;
                position: absolute;
                right: -2px;
                top: 7px;
            }

            .myindexlist ul li div.right a {
                color: #999;
            }

            .myindexlist ul li div.right span {
                display: inline-block;
                white-space: nowrap;
            }

            .myindexlist ul li div.right img {
                margin-left: 2%;
                padding-top: 3%;
                width: 37px;
            }

            .myindexlist ul li div.right span.s5 {
                content: "\20";
                display: block;
                height: 0;
                clear: both;
                font-size: 80%;
                color: #022222;
                padding-top: 1.5%;
                width: 100%;
                height: 22px;
                line-height: 24px;
                overflow: hidden;
                font-size: 90%;
            }

.shortcutwarpper {
    overflow-y: auto;
    padding-bottom: 46%;
}

.commentbox {
    overflow-y: auto;
    background: #fff;
}

.minebox {
    border: solid #efefef;
    border-width: 0 1px 1px 0;
    background: white;
    float: left;
    width: 33.33%;
    box-sizing: border-box;
    text-align: center;
}

    .minebox:nth-child(4n) {
        border-right-width: 0;
    }

    .minebox a {
        display: inline-block;
        width: 100%;
    }

    .minebox div.warpper {
        padding: 48.5% 0 10%;
        background: center 28% no-repeat;
        background-size: auto 34%;
    }

    .minebox .warpper:after {
        position: absolute;
        font-size: 80%;
        top: 56%;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        white-space: nowrap;
    }

    .minebox a div {
        text-decoration: none;
        color: #414141;
        line-height: 30px;
    }
/*myindexlist   end*/

/*infolist*/
.infolist {
    background-color: #fff;
    padding-top: 10px;
}

    .infolist ul li {
        overflow-y: auto;
        padding: 2.5% 3%;
        border-bottom: 1px solid #eee;
    }

        .infolist ul li div.left {
            float: left;
            width: 20%;
        }

            .infolist ul li div.left img {
                width: 80%;
            }

                .infolist ul li div.left img.tongzhi {
                    padding-top: 10%;
                    padding-left: 10%;
                    padding-bottom: 6%;
                }

            .infolist ul li div.left div {
                width: 90%;
                background: #50c8d8;
                display: inline-block;
                border-radius: 6px;
            }

        .infolist ul li div.right span.today {
            position: absolute;
            right: 2px;
            background: red;
            width: 8px;
            height: 8px;
            border-radius: 100%;
            top: 40%;
        }

        .infolist ul li div.right {
            float: left;
            width: 98%;
            margin-top: 1%;
            margin-left: 1%;
            position: relative;
        }

            .infolist ul li div.right a {
                color: #999;
            }

            .infolist ul li div.right span {
                display: inline-block;
            }

            .infolist ul li div.right a span.s1 {
                float: left;
                color: #666;
                white-space: nowrap;
                overflow: hidden;
            }

            .infolist ul li div.right span.s5 {
                content: "\20";
                display: block;
                height: 0;
                clear: both;
                font-size: 80%;
                color: #666;
                padding-top: 1.5%;
                width: 100%;
                line-height: 24px;
                font-size: 100%;
            }

        .infolist ul li div.text {
            width: 100%;
            float: left;
            line-height: 24px;
            color: #666;
            margin-top: 2%;
        }

        .infolist ul li div.bottomtext {
            width: 100%;
            float: left;
            text-align: right;
            color: #999;
        }
/*infolist   end*/
/*orderlist*/
.orderlist {
    position: relative;
}

    .orderlist ul {
        background-color: #fff;
        padding: 0 3%;
        padding-top: 1%;
        border-bottom: 1px solid #f5f5f5;
    }

        .orderlist ul li {
            padding: 1.6% 0;
            overflow-y: auto;
            padding-bottom: 0;
            border-bottom: #f7f7f7 solid 1px;
        }

            .orderlist ul li:last-child {
                border-bottom: 0;
            }

            .orderlist ul li a div:first-child {
                color: #333;
                font-size: 105%;
                padding-bottom: 2%;
            }

            .orderlist ul li.s1 a div.discount {
                font-size: 120%;
                color: #f34826;
                text-align: center;
                position: absolute;
                right: 10px;
            }

            .orderlist ul li.s1 a div.first {
                float: left;
                width: 86%;
                line-height: 160%;
                background-size: auto 68%;
                font-size: 110%;
                color: #022222;
                margin-left: 2%;
                padding-top: 2%;
            }

                .orderlist ul li.s1 a div.first span:first-child {
                    float: left;
                }

                .orderlist ul li.s1 a div.first span:last-child {
                    float: right;
                }

            .orderlist ul li.s1 a div.sec {
                width: 12%;
                text-align: left;
                float: left;
            }

                .orderlist ul li.s1 a div.sec img {
                    width: 100%;
                }


    .orderlist div.top {
        width: 100%;
        position: relative;
        height: 22px;
        line-height: 24px;
        background: #fff;
        border-bottom: 1px solid #ddd;
    }

        .orderlist div.top span {
            content: "\20";
            display: block;
            height: 0;
            clear: both;
            color: #022222;
            font-size: 110%;
        }

            .orderlist div.top span:first-child {
                float: left;
            }

            .orderlist div.top span:last-child {
                float: right;
                color: #50c8d8;
                margin-right: 3%;
            }

    .orderlist div.bottom {
        width: 100%;
        position: relative;
        height: 93px;
        line-height: 24px;
        background: #fff;
    }

        .orderlist div.bottom div {
            display: block;
            clear: both;
            color: #999;
            font-size: 100%;
            float: left;
            height: 21px;
            line-height: 26px;
            margin-top: 6px;
            margin-left: 3%;
        }

            .orderlist div.bottom div i.time {
                float: left;
                background-image: url('/images/mine/time.png');
                width: 19px;
                height: 24px;
                background-size: 72% auto;
                background-repeat: no-repeat;
                background-position: 0 7px;
            }

            .orderlist div.bottom div i.tang {
                float: left;
                background-image: url('/images/mine/tang.png');
                width: 19px;
                height: 24px;
                background-size: 75% auto;
                background-repeat: no-repeat;
                background-position: 0 6px;
            }

        .orderlist div.bottom span {
            display: block;
            color: #fff;
            font-size: 110%;
            float: right;
            width: 90px;
            height: 26px;
            text-align: center;
            line-height: 26px;
            border-radius: 4px;
            margin-top: -10px;
            margin-right: 3%;
            background: #f23613;
        }
/*orderlist  end*/
/*minesalelist*/
.minesalelist {
    background-color: #fff;
    position: relative;
    padding-bottom: 7%;
    padding-top: 5%;
}

    .minesalelist ul:first-child {
        margin-top: 0;
    }

    .minesalelist ul {
        background: #50c8d8;
        margin-left: 5%;
        width: 90%;
        border-radius: 4px;
        margin-top: 7%;
    }

        .minesalelist ul li {
            padding: 2.6% 0;
            overflow-y: auto;
            padding-bottom: 0;
        }

            .minesalelist ul li a div:first-child {
                color: #333;
                font-size: 105%;
                padding-bottom: 2%;
            }

            .minesalelist ul li.s1 a div.first {
                float: left;
                width: 50%;
                line-height: 160%;
                background-size: auto 68%;
                font-size: 110%;
                color: #fff;
                padding-top: 2%;
            }

            .minesalelist ul li.s1 a div.second {
                float: left;
                width: 60%;
                line-height: 160%;
                background-size: auto 68%;
                font-size: 110%;
                color: #fff;
                padding-top: 4%;
                text-align: right;
                font-size: 150%;
            }

            .minesalelist ul li.s1 .address {
                float: right;
                width: 18%;
                color: #fff;
            }

            .minesalelist ul li.s1 a div.sec {
                width: 20%;
                text-align: left;
                float: left;
                margin-left: 3%;
            }

                .minesalelist ul li.s1 a div.sec img {
                    width: 90%;
                    border-radius: 100%;
                }

    .minesalelist div.bottom {
        width: 100%;
        height: 40px;
        line-height: 24px;
        float: left;
        border-top: 1px solid #a0ffff;
        position: relative;
    }

        .minesalelist div.bottom span.left {
            display: block;
            clear: both;
            color: #fff;
            font-size: 100%;
            float: left;
            height: 25px;
            line-height: 25px;
            border-radius: 4px;
            margin-top: 6px;
            margin-left: 3%;
        }

        .minesalelist div.bottom div {
            color: #fff;
            font-size: 100%;
            float: right;
            position: absolute;
            right: 3%;
            top: 6px;
        }

            .minesalelist div.bottom div span {
                height: 25px;
                line-height: 25px;
                padding-left: 6px;
            }

                .minesalelist div.bottom div span:first-child {
                    border-right: 1px solid #a0ffff;
                    padding-right: 10px;
                }
/*minesalelist  end*/
/*kucunlist*/
.kucunlist {
    position: relative;
}

    .kucunlist ul li {
        overflow-y: auto;
        padding-top: 3%;
        padding-bottom: 3%;
        border-bottom: 1px solid #fff;
        color: #666;
    }

        .kucunlist ul li span {
            width: 32%;
            display: inline-block;
            text-align: center;
        }

        .kucunlist ul li:first-child {
            background-color: #fff;
            border: 1px solid #eee;
            color: #022222;
        }
/*kucunlist  end*/
/*documentlist*/
.documentlist {
    position: relative;
    background: #fff;
}

    .documentlist ul li {
        overflow-y: auto;
        padding-top: 3%;
        padding-bottom: 3%;
        border-bottom: 1px solid #eee;
        color: #666;
    }

        .documentlist ul li span {
            display: inline-block;
            width: 100%;
            line-height: 26px;
        }

        .documentlist ul li div.left {
            width: 20%;
            color: #999;
            float: left;
            text-align: center;
        }

        .documentlist ul li div.center {
            width: 12%;
            color: #999;
            float: left;
            margin-left: 0%;
            margin-right: 4%;
        }

            .documentlist ul li div.center span {
                width: 44px;
                height: 44px;
                background-repeat: no-repeat;
                background-size: 90% auto;
                margin-top: 8%;
            }

                .documentlist ul li div.center span.xf {
                    background-image: url('/images/mine/xf.png');
                }

                .documentlist ul li div.center span.cz {
                    background-image: url('/images/mine/chongz.png');
                }

                .documentlist ul li div.center span.hk {
                    background-image: url('/images/mine/hk.png');
                }

                .documentlist ul li div.center span.qk {
                    background-image: url('/images/mine/qk.png');
                }

                .documentlist ul li div.center span.kk {
                    background-image: url('/images/mine/kk.png');
                }

                .documentlist ul li div.center span.tc {
                    background-image: url('/images/mine/tc.png');
                }

                .documentlist ul li div.center span.tk {
                    background-image: url('/images/mine/tk.png');
                }
                .documentlist ul li div.center span.yq {
                    background-image: url('/images/mine/yq.png');
                }

        .documentlist ul li div.right {
            width: 40%;
            color: #666;
            float: left;
        }

        .documentlist ul li div.rights {
            position: absolute;
            right: 4%;
            color: #999;
            text-align: right;
        }

        .documentlist ul li div.right span:first-child {
            color: #022222;
        }

        .documentlist ul li div.right span:last-child {
            color: #022222;
            width: 120%;
        }

        .documentlist ul li div.last {
            width: 16%;
            color: #999;
            float: left;
            text-align: left;
            margin-left: 4%;
            margin-right: 2%;
        }
/*documentlist end*/
/*fenxilist*/
.fenxilist {
    position: relative;
}

    .fenxilist ul {
        background-color: #fff;
        margin-bottom: 2%;
        float: left;
        width: 100%;
    }

        .fenxilist ul.first li {
            float: left;
            padding: 2.6% 0;
            width: 49%;
        }

            .fenxilist ul.first li:first-child {
                color: #f33712;
            }

                .fenxilist ul.first li:first-child span {
                    border-right: 1px solid #eee;
                }

            .fenxilist ul.first li:last-child span {
                color: #1473cd;
            }

            .fenxilist ul.first li span {
                display: inline-block;
                width: 100%;
                text-align: center;
                line-height: 28px;
            }

        .fenxilist ul.second {
            border: 1px solid #eee;
        }

            .fenxilist ul.second li {
                float: left;
                width: 33.2%;
                border-right: 1px solid #eee;
            }

                .fenxilist ul.second li span {
                    display: inline-block;
                    width: 100%;
                    text-align: center;
                    line-height: 28px;
                }

                    .fenxilist ul.second li span:first-child {
                        padding-top: 6%;
                    }

                    .fenxilist ul.second li span:last-child {
                        color: #f33712;
                        padding-bottom: 6%;
                        border-top: 1px solid #eee;
                        padding-top: 4%;
                        margin-top: 4%;
                        text-decoration: underline;
                    }

                .fenxilist ul.second li:last-child {
                    border: none;
                }

        .fenxilist ul.third li {
            overflow-y: auto;
            padding-top: 3%;
            padding-bottom: 3%;
            border-bottom: 1px solid #fff;
            color: #666;
        }

            .fenxilist ul.third li span {
                width: 32%;
                display: inline-block;
                text-align: center;
            }

            .fenxilist ul.third li:first-child {
                background-color: #fff;
                border-bottom: 1px solid #eee;
                color: #022222;
            }
/*fenxilist  end*/


/*statement*/
.statement {
    position: relative;
}

    .statement ul {
        background-color: #fff;
        padding: 0 3%;
        margin-bottom: 2%;
    }

        .statement ul li {
            padding: 1.6% 0;
            overflow-y: auto;
            padding-top: 1%;
            padding-bottom: 1%;
            color: #022222;
        }

            .statement ul li:first-child {
                padding-top: 4%;
                padding-bottom: 4%;
                border-bottom: 1px solid #ddd;
            }

            .statement ul li a div:first-child {
                color: #333;
                font-size: 105%;
                padding-bottom: 2%;
            }

    .statement div.top {
        width: 100%;
        position: relative;
        height: 18px;
        line-height: 18px;
        padding-top: 0;
        background: #fff;
    }

        .statement div.top span {
            color: #022222;
            padding-left: 0;
        }

            .statement div.top span span {
                position: absolute;
                top: -1px;
                left: 20px;
                font-size: 100%;
            }

    .statement .return {
        width: 100%;
        background: #fff;
        padding-top: 10%;
        padding-bottom: 10%;
    }

        .statement .return span {
            display: inline-block;
            width: 80%;
            background: #f33712;
            color: #fff;
            font-size: 110%;
            text-align: center;
            line-height: 40px;
            height: 40px;
            margin-left: 10%;
            border-radius: 4px;
        }

    .statement div.top span i {
        background-image: url("/images/index/rightarrow.png");
        display: inline-block;
        width: 16px;
        height: 24px;
        background-repeat: no-repeat;
        background-size: 52% auto;
        background-position: 0 0px;
        position: absolute;
        right: -2px;
        top: 13px;
    }

    .statement div.top span:last-child {
        float: right;
        margin-top: 10px;
        padding-right: 25px;
        color: #666;
    }
/*statement  end*/
/*mineinfolist*/
.mineinfolist {
    position: relative;
}

    .mineinfolist ul {
        background-color: #fff;
        padding: 0 3%;
        padding-top: 1%;
    }

        .mineinfolist ul li {
            padding: 1.6% 0;
            overflow-y: auto;
            padding-top: 3%;
            border-bottom: 1px solid #F9F9F9;
            padding-bottom: 1%;
        }

            .mineinfolist ul li:first-child {
                padding-top: 4%;
                padding-bottom: 4%;
            }

            .mineinfolist ul li a div:first-child {
                color: #333;
                font-size: 105%;
                padding-bottom: 2%;
            }

    .mineinfolist div.top {
        width: 100%;
        position: relative;
        height: 22px;
        line-height: 24px;
        padding-top: 0;
        background: #fff;
    }

        .mineinfolist div.top span span {
            position: absolute;
            top: -1px;
            left: 20px;
            font-size: 100%;
        }

    .mineinfolist li i.orderimg {
        background-image: url("/images/mine/lishi.png");
        display: inline-block;
        width: 20px;
        height: 24px;
        background-repeat: no-repeat;
        background-size: 88% auto;
        background-position: 0 0px;
        position: absolute;
        left: 4px;
        top: 4px;
    }

    .mineinfolist li i.paiban {
        background-image: url("/images/mine/paiban.png");
        display: inline-block;
        width: 20px;
        height: 24px;
        background-repeat: no-repeat;
        background-size: 88% auto;
        background-position: 0 0px;
        position: absolute;
        left: 4px;
        top: 4px;
    }

    .mineinfolist li i.xiaoxi {
        background-image: url("/images/mine/xiaoxi.png");
        display: inline-block;
        width: 20px;
        height: 24px;
        background-repeat: no-repeat;
        background-size: 88% auto;
        background-position: 0 0px;
        position: absolute;
        left: 4px;
        top: 4px;
    }

    .mineinfolist li i.yijian {
        background-image: url("/images/mine/yijian.png");
        display: inline-block;
        width: 20px;
        height: 24px;
        background-repeat: no-repeat;
        background-size: 88% auto;
        background-position: 0 0px;
        position: absolute;
        left: 4px;
        top: 4px;
    }

    .mineinfolist li i.shezhi {
        background-image: url("/images/mine/shezhi.png");
        display: inline-block;
        width: 20px;
        height: 24px;
        background-repeat: no-repeat;
        background-size: 94% auto;
        background-position: 0 0px;
        position: absolute;
        left: 4px;
        top: 4px;
    }

    .mineinfolist div.top span i {
        background-image: url("/images/index/rightarrow.png");
        display: inline-block;
        width: 15px;
        height: 24px;
        background-repeat: no-repeat;
        background-size: 44% auto;
        background-position: 0 0px;
        position: absolute;
        right: -2px;
        top: 7px;
    }

    .mineinfolist div.top span {
        content: "\20";
        display: block;
        height: 0;
        clear: both;
        color: #022222;
        font-size: 100%;
        padding-left: 0;
    }

        .mineinfolist div.top span:first-child {
            float: left;
            margin-left: 6px;
        }

        .mineinfolist div.top span:last-child {
            float: right;
            color: #999;
            margin-right: 27px;
        }

        .mineinfolist div.top span img {
            width: 14%;
            position: absolute;
            right: 28px;
            top: -10px;
        }

    .mineinfolist .return {
        width: 100%;
        background: #fff;
        padding-top: 10%;
        padding-bottom: 10%;
    }

        .mineinfolist .return span {
            display: inline-block;
            width: 80%;
            background: #f33712;
            color: #fff;
            font-size: 110%;
            text-align: center;
            line-height: 40px;
            height: 40px;
            margin-left: 10%;
            border-radius: 4px;
        }

    .mineinfolist ul li .text {
        width: 100%;
        float: left;
        line-height: 20px;
        color: #666;
    }

    .mineinfolist ul li .edit {
        width: 100%;
        text-align: right;
        color: #f33712;
        float: left;
        padding-bottom: 1%;
    }

    .mineinfolist li i.dianhua {
        background-image: url("/images/mine/dianhua.png");
        display: inline-block;
        width: 20px;
        height: 24px;
        background-repeat: no-repeat;
        background-size: 88% auto;
        background-position: 0 0px;
        position: absolute;
        left: 4px;
        top: 4px;
    }

    .mineinfolist li i.huancun {
        background-image: url("/images/mine/qingli.png");
        display: inline-block;
        width: 20px;
        height: 24px;
        background-repeat: no-repeat;
        background-size: 88% auto;
        background-position: 0 0px;
        position: absolute;
        left: 4px;
        top: 3px;
    }

    .mineinfolist li i.mimasuo {
        background-image: url("/images/mine/mimasuo.png");
        display: inline-block;
        width: 20px;
        height: 24px;
        background-repeat: no-repeat;
        background-size: 94% auto;
        background-position: 0 0px;
        position: absolute;
        left: 4px;
        top: 0px;
    }

/*mineinfolist  end*/
/*customerdetail*/
.customerdetail li div.image {
    position: relative;
}

    .customerdetail li div.image i {
        background-image: url("/images/index/rightarrow.png");
        display: inline-block;
        width: 20px;
        height: 24px;
        background-repeat: no-repeat;
        background-size: 60% auto;
        background-position: 0 0px;
        position: absolute;
        right: -2px;
        top: 20px;
    }

.jilu {
    background: #fff;
    overflow: hidden;
}

    .jilu li {
        width: 100%;
        float: left;
    }

        .jilu li:last-child {
            border: none;
        }

        .jilu li div {
            float: left;
            width: 19%;
            border-right: 1px solid #eee;
        }

            .jilu li div:last-child {
                border-right: none;
            }

            .jilu li div span {
                display: inline-block;
                text-align: center;
                padding: 2%;
                color: #666;
                width: 100%;
            }
/*customerdetail  end*/
/*tixinglist*/
.tixinglist {
    position: relative;
}

    .tixinglist ul {
        width: 84%;
        margin-left: 8%;
        margin-top: 8%;
        border-radius: 4px;
        background: rgba(255,255,255,.3);
    }

        .tixinglist ul li {
            padding: 1.6% 0;
            overflow-y: auto;
            padding-top: 3%;
            border-bottom: 1px solid rgba(255,255,255,.1);
            padding-bottom: 1%;
        }

            .tixinglist ul li:last-child {
                border-bottom: none;
            }

            .tixinglist ul li:first-child {
                padding-top: 4%;
                padding-bottom: 4%;
            }

            .tixinglist ul li a div:first-child {
                color: #333;
                font-size: 105%;
                padding-bottom: 2%;
            }

    .tixinglist div.top {
        width: 100%;
        position: relative;
        height: 28px;
        line-height: 28px;
        padding-top: 0;
    }

        .tixinglist div.top span span {
            position: absolute;
            top: -1px;
            left: 20px;
            font-size: 100%;
        }

    .tixinglist li i.shengri {
        background-image: url("/images/mine/shengri.png");
        display: inline-block;
        width: 25px;
        height: 24px;
        background-repeat: no-repeat;
        background-size: 88% auto;
        background-position: 0 0px;
        position: absolute;
        left: 5%;
        top: 2px;
    }

    .tixinglist li i.kayue {
        background-image: url("/images/mine/kayue.png");
        display: inline-block;
        width: 24px;
        height: 24px;
        background-repeat: no-repeat;
        background-size: 88% auto;
        background-position: 0 0px;
        position: absolute;
        left: 5%;
        top: 3px;
    }

    .tixinglist li i.budaodian {
        background-image: url("/images/mine/budaodian.png");
        display: inline-block;
        width: 25px;
        height: 24px;
        background-repeat: no-repeat;
        background-size: 88% auto;
        background-position: 0 0px;
        position: absolute;
        left: 5%;
        top: 5px;
    }

    .tixinglist li i.huifang {
        background-image: url("/images/mine/naoxiao.png");
        display: inline-block;
        width: 24px;
        height: 24px;
        background-repeat: no-repeat;
        background-size: 88% auto;
        background-position: 0 0px;
        position: absolute;
        left: 5%;
        top: 5px;
    }

    .tixinglist li i.xiaofeizhouqi {
        background-image: url("/images/mine/xiaofeizhouqi.png");
        display: inline-block;
        width: 23px;
        height: 24px;
        background-repeat: no-repeat;
        background-size: 94% auto;
        background-position: 0 0px;
        position: absolute;
        left: 5%;
        top: 3px;
    }
        .tixinglist li i.xiaofeihuifang {
        background-image: url("/images/mine/hf.png");
        display: inline-block;
        width: 23px;
        height: 24px;
        background-repeat: no-repeat;
        background-size: 94% auto;
        background-position: 0 0px;
        position: absolute;
        left: 5%;
        top: 3px;
    }
    .tixinglist li i.cardlast {
        background-image: url("/images/mine/cardlast.png");
        display: inline-block;
        width: 24px;
        height: 24px;
        background-repeat: no-repeat;
        background-size: 94% auto;
        background-position: 0 0px;
        position: absolute;
        left: 5%;
        top: 7px;
    }

    .tixinglist li i.packagelast {
        background-image: url("/images/mine/packagelast.png");
        display: inline-block;
        width: 22px;
        height: 24px;
        background-repeat: no-repeat;
        background-size: 94% auto;
        background-position: 0 0px;
        position: absolute;
        left: 5%;
        top: 5px;
    }

    .tixinglist li i.qian {
        background-image: url("/images/mine/qian.png");
        display: inline-block;
        width: 22px;
        height: 24px;
        background-repeat: no-repeat;
        background-size: 94% auto;
        background-position: 0 0px;
        position: absolute;
        left: 5%;
        top: 2px;
    }

    .tixinglist li i.kucun {
        background-image: url("/images/mine/kucun.png");
        display: inline-block;
        width: 24px;
        height: 24px;
        background-repeat: no-repeat;
        background-size: 94% auto;
        background-position: 0 0px;
        position: absolute;
        left: 5%;
        top: 3px;
    }

    .tixinglist div.top span small {
        display: inline-block;
        width: 45px;
        height: 24px;
        border-radius: 100px;
        position: absolute;
        right: 15px;
        color: #fff;
        text-align: center;
        line-height: 26px;
        font-size: 90%;
        background: rgba(255,255,255,.3);
        top: 9%;
    }

    .tixinglist div.top span {
        content: "\20";
        display: block;
        height: 0;
        clear: both;
        color: #fff;
        font-size: 110%;
        padding-left: 16%;
    }

        .tixinglist div.top span:first-child {
            float: left;
        }

        .tixinglist div.top span:last-child {
            float: right;
            color: #999;
            margin-right: 27px;
        }

        .tixinglist div.top span img {
            width: 14%;
            position: absolute;
            right: 28px;
            top: -10px;
        }

    .tixinglist .return {
        width: 100%;
        background: #fff;
        padding-top: 10%;
        padding-bottom: 10%;
    }

        .tixinglist .return span {
            display: inline-block;
            width: 80%;
            background: #f33712;
            color: #fff;
            font-size: 110%;
            text-align: center;
            line-height: 40px;
            height: 40px;
            margin-left: 10%;
            border-radius: 4px;
        }

    .tixinglist ul li .text {
        width: 100%;
        float: left;
        line-height: 20px;
        color: #666;
    }

    .tixinglist ul li .edit {
        width: 100%;
        text-align: right;
        color: #f33712;
        float: left;
        padding-bottom: 1%;
    }

.tiindexlist ul li {
    overflow-y: auto;
    padding: 1.5% 3%;
}

.tiindexlist div.top {
    width: 100%;
    position: relative;
    height: 22px;
    line-height: 24px;
    padding-top: 6px;
}

    .tiindexlist div.top span span {
        position: absolute;
        top: -1px;
        left: 20px;
        font-size: 100%;
    }

.tiindexlist li i.orderimg {
    background-image: url("/images/mine/deng.png");
    display: inline-block;
    width: 20px;
    height: 24px;
    background-repeat: no-repeat;
    background-size: 88% auto;
    background-position: 0 0px;
    position: absolute;
    left: 4px;
    top: 7px;
}
/*tiindexlist  end*/
/*saleorderlist*/
.saleorderlist {
    position: relative;
}

    .saleorderlist ul {
        background-color: #fff;
        padding: 0 3%;
        padding-top: 1%;
    }

        .saleorderlist ul li {
            padding: 1.6% 0;
            overflow-y: auto;
            padding-bottom: 0;
            border-bottom: 1px solid #f8f8f8;
        }

            .saleorderlist ul li a div:first-child {
                color: #333;
                font-size: 105%;
                padding-bottom: 2%;
            }

            .saleorderlist ul li.s1 a div.discount {
                font-size: 120%;
                color: #f34826;
                text-align: center;
                position: absolute;
                right: 10px;
            }

            .saleorderlist ul li.s1 a div.first {
                float: left;
                width: 66%;
                line-height: 160%;
                background-size: auto 68%;
                font-size: 110%;
                color: #999999;
                margin-left: 4%;
                padding-top: 2%;
            }

            .saleorderlist ul li a div.third {
                color: #9a9a9a;
                font-size: 80%;
                width: 66%;
                float: left;
                margin-left: 4%;
            }

    .saleorderlist div.top {
        width: 100%;
        position: relative;
        height: 22px;
        line-height: 24px;
        padding-top: 0;
        background: #fff;
    }

        .saleorderlist div.top span span {
            position: absolute;
            top: -1px;
            left: 20px;
            font-size: 100%;
        }

    .saleorderlist ul li div:first-child span {
        font-size: 100%;
        color: #022222;
    }

        .saleorderlist ul li div:first-child span:first-child {
            padding-top: 0;
        }

    .saleorderlist div.top span {
        content: "\20";
        display: block;
        height: 0;
        clear: both;
        color: #666;
        font-size: 90%;
    }

        .saleorderlist div.top span:first-child {
            float: left;
            padding-top: 1%;
        }

        .saleorderlist div.top span:last-child {
            float: left;
            color: #666;
            margin-left: 46%;
        }

    .saleorderlist div.bottom {
        width: 97.55%;
        position: relative;
        height: 40px;
        line-height: 24px;
        background: #fff;
        padding-left: 2.45%;
    }

        .saleorderlist div.bottom span {
            display: block;
            clear: both;
            color: #022222;
            font-size: 100%;
            float: left;
            width: 90%;
            height: 25px;
            text-align: left;
            line-height: 25px;
            border-radius: 4px;
            margin-top: 6px;
        }

            .saleorderlist div.bottom span small {
                color: #50c8d8;
                font-size: 110%;
            }

    .saleorderlist div.bottomright {
        width: 97.55%;
        position: relative;
        height: 40px;
        line-height: 24px;
        background: #fff;
        padding-left: 2.45%;
    }

        .saleorderlist div.bottomright span {
            display: inline-block;
            color: #f33712;
            font-size: 100%;
            width: 60px;
            height: 25px;
            text-align: left;
            line-height: 25px;
            margin-top: 6px;
            margin-left: 2%;
            float: right;
        }

        .saleorderlist div.bottomright small {
            display: inline-block;
            color: #f33712;
            font-size: 100%;
            width: 130px;
            height: 25px;
            text-align: left;
            line-height: 25px;
            margin-top: 6px;
            margin-left: 2%;
            float: right;
        }

    .saleorderlist div.top span i {
        float: left;
        background-image: url('/images/mine/v.png');
        width: 24px;
        height: 24px;
        background-size: 64% auto;
        background-repeat: no-repeat;
        background-position: 3px 3px;
        margin-left: 10px;
    }
/*saleorderlist  end*/


/*timebuylist*/
.timebuylist {
    padding-top: 10px;
}

    .timebuylist ul li {
        overflow-y: auto;
        padding: 2.5% 3%;
        border-bottom: 1px solid #f4f4f4;
    }

        .timebuylist ul li div.left {
            float: left;
            width: 18%;
        }

            .timebuylist ul li div.left img {
                width: 90%;
            }

        .timebuylist ul li div.right {
            float: left;
            width: 82%;
            position: relative;
            padding-top: 1%;
        }

            .timebuylist ul li div.right span.today {
                position: absolute;
                right: 2px;
                color: #666;
                font-size: 100%;
                padding: 2px 6px;
                border-radius: 10px;
            }

            .timebuylist ul li div.right a {
                color: #999;
            }

            .timebuylist ul li div.right span {
                display: inline-block;
                white-space: nowrap;
                float: left;
            }

                .timebuylist ul li div.right span.s1 i {
                    float: left;
                    background-image: url('/images/mine/xingxing.png');
                    width: 68px;
                    height: 24px;
                    background-size: 68% auto;
                    background-repeat: no-repeat;
                    background-position: 8px 4px;
                }

                .timebuylist ul li div.right span.s5 i {
                    float: left;
                    background-image: url('/images/mine/nv.png');
                    width: 22px;
                    height: 24px;
                    background-size: 68% auto;
                    background-repeat: no-repeat;
                    background-position: 0 4px;
                }

                    .timebuylist ul li div.right span.s5 i.nan {
                        float: left;
                        background-image: url('/images/mine/nan.png');
                        width: 22px;
                        height: 24px;
                        background-size: 68% auto;
                        background-repeat: no-repeat;
                        background-position: 0 4px;
                    }

                .timebuylist ul li div.right span.s5 {
                    content: "\20";
                    display: block;
                    height: 0;
                    clear: both;
                    font-size: 80%;
                    color: #999;
                    padding-top: 1.5%;
                    width: 100%;
                    height: 22px;
                    line-height: 24px;
                    font-size: 90%;
                    padding-bottom: 2%;
                }

                .timebuylist ul li div.right span .rightprice {
                    color: #fff;
                    font-size: 110%;
                    padding: 4px;
                    background: #f4a33a;
                    border-radius: 4px;
                    float: right;
                }
/*timebuylist   end*/

/*cardlist*/
.consumptionlist {
    position: relative;
    padding-bottom: 7%;
    padding-top: 5%;
}

    .consumptionlist ul:first-child {
        margin-top: 0;
    }

    .consumptionlist ul {
        margin-left: 5%;
        width: 90%;
        border-radius: 4px;
        box-shadow: 1px 1px 6px 4px #DCDCDC;
        background: #fff;
        margin-top: 7%;
        overflow: hidden;
        position: relative;
    }

        .consumptionlist ul li {
            padding: 2.6% 0;
            overflow-y: auto;
            padding-bottom: 0;
        }

            .consumptionlist ul li a div:first-child {
                color: #333;
                font-size: 105%;
                padding-bottom: 2%;
            }

            .consumptionlist ul li.s1 a div.first {
                float: left;
                width: 14%;
                background-size: auto 60%;
                font-size: 120%;
                color: #50c8d8;
                background-repeat: no-repeat;
                margin-left: 5%;
                background-position: 0 3px;
                padding-top: 2%;
                padding-bottom: 4%;
            }

    .consumptionlist .downarrow {
        background-image: url('/images/mine/downarrow.png');
        background-repeat: no-repeat;
        background-position: 0 0px;
        display: inline-block;
        background-size: 90% auto;
        position: absolute;
        width: 25px;
        height: 20px;
        left: 14%;
    }

    .consumptionlist .line {
        background-image: url('/images/mine/line.png');
        background-repeat: no-repeat;
        background-position: 0 0px;
        display: inline-block;
        background-size: 100% auto;
        position: absolute;
        width: 53px;
        height: 41px;
        left: 3%;
        top: -1px;
    }

    .consumptionlist .lines {
        background-image: url('/images/mine/line.png');
        background-repeat: no-repeat;
        background-position: 0 0px;
        display: inline-block;
        background-size: 100% auto;
        position: absolute;
        width: 53px;
        height: 41px;
        right: 24%;
        top: -1px;
    }

    .consumptionlist .line3 {
        background-image: url('/images/mine/line.png');
        background-repeat: no-repeat;
        background-position: 0 0px;
        display: inline-block;
        background-size: 100% auto;
        position: absolute;
        width: 53px;
        height: 41px;
        left: 8%;
        bottom: 2%;
        z-index: 2;
    }

    .consumptionlist img {
        display: inline-block;
        position: absolute;
        width: 28%;
        height: 57%;
        right: -10%;
        bottom: -2%;
        overflow: hidden;
        z-index: 2;
    }

    .consumptionlist ul li.s1 a div.second {
        float: left;
        width: 78%;
        color: #999;
        text-align: left;
        font-size: 90%;
        padding-top: 1%;
    }

        .consumptionlist ul li.s1 a div.second span {
            width: 100%;
            display: inline-block;
            padding-bottom: 2%;
        }

            .consumptionlist ul li.s1 a div.second span i {
                display: inline-block;
                width: 4px;
                height: 4px;
                border-radius: 10px;
                background-color: #999;
                margin-right: 4px;
                margin-bottom: 3px;
            }

    .consumptionlist ul li.s1 .address {
        float: right;
        color: #999;
        right: 3%;
        text-align: right;
        position: absolute;
    }

    .consumptionlist ul li.s1 a div.sec {
        width: 20%;
        text-align: left;
        float: left;
        margin-left: 3%;
    }

        .consumptionlist ul li.s1 a div.sec img {
            width: 90%;
            border-radius: 100%;
        }

    .consumptionlist div.bottom {
        width: 100%;
        line-height: 24px;
        float: left;
        position: relative;
        border-radius: 0 0 4px 4px;
        border-top: 1px solid #f0f0f0;
        background: #fff;
        padding-bottom: 6%;
    }

        .consumptionlist div.bottom span.left {
            display: block;
            clear: both;
            color: #999;
            font-size: 90%;
            float: left;
            height: 12px;
            line-height: 25px;
            border-radius: 4px;
            margin-left: 3%;
            padding-bottom: 2%;
            padding-top: 1%;
        }

        .consumptionlist div.bottom div {
            color: #022222;
            font-size: 100%;
            float: right;
            position: absolute;
            right: 3%;
            top: 36px;
            height: 30px;
        }

            .consumptionlist div.bottom div span {
                height: 30px;
                background-image: url('/images/reserve/saoma.png');
                background-repeat: no-repeat;
                padding-left: 35px;
                background-position: 0 1px;
                display: inline-block;
                font-size: 120%;
                background-size: 40% auto;
            }

    .consumptionlist .unuse {
        background-image: url('/images/reserve/unuse.png');
        background-repeat: no-repeat;
        background-position: 0 0px;
        display: inline-block;
        background-size: 100% auto;
        position: absolute;
        width: 30%;
        height: 80%;
        left: 35%;
        z-index: 3;
        top: 15%;
    }

    .consumptionlist .use {
        background-image: url('/images/reserve/use.png');
        background-repeat: no-repeat;
        background-position: 0 0px;
        display: inline-block;
        background-size: 50% auto;
        position: absolute;
        width: 25%;
        height: 80%;
        left: 0%;
        z-index: 3;
    }


/*employlist*/
.employlist {
    background: #fff;
    width: 100%;
}

    .employlist ul.left {
        width: 20%;
        margin-left: 2%;
        border-right: 1px solid #ededed;
        float: left;
        position: fixed;
        transition: top .3s;
    }

        .employlist ul.left li {
            width: 100%;
            text-align: center;
            color: #022222;
            float: left;
            height: 60px;
            line-height: 60px;
            border-bottom: 1px solid #ededed;
        }

            .employlist ul.left li span {
                width: 13px;
                height: 13px;
                text-align: center;
                font-size: 90%;
                color: #fff;
                background: #f33712;
                border-radius: 100px;
                display: inline-block;
                margin-left: 10%;
                line-height: 13px;
            }


    .employlist div.right div.topword {
        width: 100%;
        border-bottom: 1px solid #ededed;
        height: 40px;
        line-height: 40px;
        font-size: 110%;
        text-indent: 4%;
    }

    .employlist div.right div ul {
        width: 78%;
        margin-left: 12%;
    }

        .employlist div.right div ul li {
            width: 40%;
            float: left;
            border: 1px solid #eee;
            margin-top: 3%;
        }

            .employlist div.right div ul li img {
                width: 100%;
            }

            .employlist div.right div ul li span {
                width: 100%;
                display: inline-block;
                color: #666;
                text-align: center;
                font-size: 76%;
                white-space: nowrap;
            }

                .employlist div.right div ul li span:last-child {
                    color: #999;
                    font-size: 70%;
                    padding-bottom: 4%;
                }

            .employlist div.right div ul li:nth-child(2n) {
                float: right;
            }

    .employlist div.right li {
        width: 100%;
        font-size: 110%;
    }
/*employlist   end*/

/*controllist*/
.controllist {
    background: #fff;
    float: left;
    width: 100%;
}

    .controllist ul.left {
        width: 20%;
        float: left;
        box-shadow: 4px 0px 12px #E8E8E8;
    }

        .controllist ul.left li {
            width: 100%;
            text-align: center;
            color: #022222;
            float: left;
            padding-top: 14%;
            border-bottom: 1px solid #f8f8f8;
        }

            .controllist ul.left li img {
                border-radius: 100px;
                width: 60%;
                margin-bottom: 4%;
            }

            .controllist ul.left li span {
                text-align: center;
                color: #666;
                display: inline-block;
                width: 100%;
                margin-bottom: 8%;
            }

    .controllist div.right {
        width: 74%;
        margin-right: 2%;
        float: right;
    }

        .controllist div.right div.topword {
            width: 96%;
            border-bottom: 1px solid #ededed;
            height: 40px;
            line-height: 40px;
            font-size: 110%;
            padding-left: 4%;
        }

        .controllist div.right div ul {
            width: 100%;
        }

            .controllist div.right div ul li {
                width: 49%;
                float: left;
                margin-top: 3%;
                box-shadow: 2px 2px 14px #E8E8E8;
                background: -webkit-linear-gradient(left, #f7a899, #f16777);
            }

                /*.controllist div.right div ul li:last-child {
                    background: -webkit-gradient(linear, 0 0, 0 100%, from(#9dd0eb), to(#89aeda));
                }*/

                .controllist div.right div ul li div:first-child {
                    width: 38%;
                    margin-left: 5%;
                    float: left;
                }

                .controllist div.right div ul li div .people {
                    width: 22% !important;
                    margin-left: 40%;
                    float: left;
                }

                .controllist div.right div ul li div:first-child img {
                    width: 90%;
                    margin: 14% 5% 0;
                }

                .controllist div.right div ul li div:first-child i.cardavator {
                    display: inline-block;
                    font-style: normal;
                    position: relative;
                    padding: 40%;
                    margin: 10%;
                    background: #5b595a;
                    border-radius: 1000px;
                    white-space:nowrap;
                    overflow:hidden;
                }

                    .controllist div.right div ul li div:first-child i.cardavator b {
                        color: #fff;
                    }

                .controllist div.right div ul li div:last-child {
                    width: 53%;
                    float: right;
                    padding-top: 3%;
                }

                .controllist div.right div ul li.nouser div:last-child {
                    padding-top: 1%;
                }

                .controllist div.right div ul li div:last-child span:last-child {
                    color: #c7f868;
                    font-size: 120%;
                }

                .controllist div.right div ul li div:last-child span {
                    line-height: 19px;
                }

                .controllist div.right div ul li span {
                    width: 100%;
                    display: inline-block;
                    text-align: left;
                    font-size: 76%;
                    color: #fff;
                    line-height: 16px;
                    white-space: nowrap;
                    overflow: hidden;
                }

                .controllist div.right div ul li:nth-child(2n) {
                    float: right;
                }

                .controllist div.right div ul li div:first-child span {
                    text-align: center;
                }

        .controllist div.right li {
            width: 100%;
            font-size: 110%;
        }

.changkongbox {
    background-color: #fff;
    float: left;
    width: 100%;
    position: relative;
    padding-bottom: 16%;
}

    .changkongbox .mynumber {
        width: 74%;
        float: right;
        margin-right: 2%;
        padding-bottom: 2%;
    }

        .changkongbox .mynumber li {
            overflow-y: auto;
            padding: 2.5% 3%;
            border-bottom: 1px solid #eee;
        }

            .changkongbox .mynumber li:last-child {
                border-bottom: none;
            }

            .changkongbox .mynumber li div.left {
                float: left;
                width: 18%;
            }

                .changkongbox .mynumber li div.left img {
                    width: 90%;
                }

            .changkongbox .mynumber li div.right {
                float: left;
                width: 82%;
                position: relative;
                padding-top: 1%;
            }

                .changkongbox .mynumber li div.right span.today {
                    position: absolute;
                    right: 2px;
                    color: #666;
                    font-size: 100%;
                    padding: 2px 6px;
                    border-radius: 10px;
                }

                .changkongbox .mynumber li div.right span.s5 {
                    content: "\20";
                    display: block;
                    height: 0;
                    clear: both;
                    font-size: 80%;
                    color: #666;
                    padding-top: 1.5%;
                    width: 100%;
                    height: 22px;
                    line-height: 24px;
                    font-size: 90%;
                    padding-bottom: 2%;
                }

                .changkongbox .mynumber li div.right i {
                    display: inline-block;
                    position: absolute;
                    padding: 5%;
                    background-repeat: no-repeat;
                    top: 45%;
                    box-sizing: border-box;
                    border-radius: 1000px;
                    margin-top:-2%
                }

                    .changkongbox .mynumber li div.right i.plus {
                        background-image: url("/images/mine/plus.png");
                        background-size: auto 100%;
                        right: 1%;
                        border: 1px solid red;
                    }

                    .changkongbox .mynumber li div.right i.minus {
                        right: 17%;
                        opacity: 0;
                        transition: opacity .3s;
                        border: 1px solid red;
                        box-sizing: border-box;
                    }

                        .changkongbox .mynumber li div.right i.minus:before {
                            content: "";
                            position: absolute;
                            width: 60%;
                            left: 50%;
                            top: 50%;
                            color: red;
                            transform: translate(-50%,-50%);
                            border-bottom: 1px solid red;
                        }

                        .changkongbox .mynumber li div.right i.minus:after {
                            content: "";
                            position: absolute;
                            top: 49%;
                            left: 47%;
                            color: red;
                            transform: translate(-50%,-50%);
                            font-weight: 700;
                            font-size: 88%;
                        }

                        .changkongbox .mynumber li div.right i.minus.show {
                            opacity: 1;
                        }

                .changkongbox .mynumber li div.right small {
                    position: absolute;
                    background-repeat: no-repeat;
                    top: 49%;
                    right: 11%;
                    width: 6%;
                    text-align: center;
                    display: inline-block;
                    opacity: 0;
                    transition: opacity .3s;
                }

                    .changkongbox .mynumber li div.right small.show {
                        opacity: 1;
                    }

    .changkongbox .bottom {
        position: fixed;
        width: 100%;
        border-top: 1px solid #eee;
        max-width: 1000px;
        bottom: 0px;
        background: #fff;
        z-index: 101;
    }

        .changkongbox .bottom .center {
            background: #fc9b2a;
        }

        .changkongbox .bottom span.first {
            background: #f33712;
        }

        .changkongbox .bottom span:last-child {
            color: #022222;
        }

        .changkongbox .bottom span {
            display: inline-block;
            color: #fff;
            padding: 1.6% 6%;
            border-radius: 4px;
            margin-top: 4%;
            margin-bottom: 4%;
            margin-right: 4%;
            float: right;
        }

        .changkongbox .bottom .carthandler {
            /*width: 12%;*/
            float: left;
            position: absolute;
            z-index: 10;
            margin-top: -6%;
            left: 4%;
            background: #fff url('/images/mine/cart.png') center no-repeat;
            background-size: 60% auto;
            padding: 6%;
            border: 3px solid #bbb;
            border-radius: 1000px;
            transition: all .2s;
        }

            .changkongbox .bottom .carthandler.dis2 {
                background-color: #444;
                border-color: #333;
                -webkit-filter: grayscale(1);
            }

            .changkongbox .bottom .carthandler i {
                position: absolute;
                right: 0;
                top: 0;
                background-color: #f99c2a;
                border-radius: 1000px;
                display: inline-block;
                font-style: normal;
                font-size: 85%;
                padding: 0 3px;
            }

        .changkongbox .bottom small {
            width: 18px;
            height: 18px;
            color: #fff;
            border-radius: 100px;
            background: #f99c2a;
            float: left;
            position: absolute;
            z-index: 10;
            margin-top: -3%;
            left: 11%;
            text-align: center;
            line-height: 18px;
        }

    .changkongbox .mynumber li div.right i.delete {
        display: inline-block;
        width: 35px;
        background-image: url("/images/mine/delete.png");
        background-size: auto 90%;
        position: absolute;
        height: 35px;
        background-repeat: no-repeat;
        top: 20%;
        right: 1%;
    }

    .changkongbox .topleft {
        width: 100%;
        text-align: left;
        float: left;
    }

        .changkongbox .topleft span {
            color: #022222;
            font-size: 110%;
            padding-left: 4%;
            padding-top: 2%;
            padding-bottom: 2%;
            display: inline-block;
        }

    .changkongbox .topexplain {
        width: 100%;
        text-align: center;
        float: left;
        border-bottom: 1px solid #ddd;
    }

        .changkongbox .topexplain span {
            color: #022222;
            font-size: 110%;
            padding-left: 4%;
            padding-top: 2%;
            padding-bottom: 2%;
            display: inline-block;
        }

        .changkongbox .topexplain i {
            display: inline-block;
            width: 25px;
            background-image: url("/images/mine/deleteicon.png");
            background-size: auto 80%;
            position: absolute;
            height: 25px;
            background-repeat: no-repeat;
            top: 1.8%;
            right: 1%;
        }

#cartinfo {
    position: fixed;
    bottom: 0;
    z-index: 99;
}

#cartIsol {
    z-index: 98;
}

.count {
    float: left;
    position: absolute;
    right: 2%;
    top: 30%;
}

.changkongbox .input-number {
    width: 40px;
    padding: 0 8px;
    vertical-align: top;
    text-align: center;
    outline: none;
}

.changkongbox .input-number,
.changkongbox .input-number-decrement,
.changkongbox .input-number-increment {
    border: 1px solid #eee;
    height: 30px;
    user-select: none;
    box-sizing: border-box;
}

.changkongbox .input-number-decrement,
.changkongbox .input-number-increment {
    display: inline-block;
    width: 30px;
    line-height: 28px;
    color: #ec6142;
    text-align: center;
    font-weight: bold;
    cursor: pointer;
}

.changkongbox .input-number-decrement {
    border-right: none;
    border-radius: 4px 0 0 4px;
}

.changkongbox .input-number-increment {
    border-left: none;
    border-radius: 0 4px 4px 0;
}

/*controllist   end*/
/*manbigcustomer*/
.manbigcustomer {
    background: #fff;
    float: left;
    padding-bottom: 10%;
}

    .manbigcustomer img {
        width: 70%;
        margin-left: 15%;
        margin-top: 4%;
    }

    .manbigcustomer .centerword {
        width: 100%;
        text-align: center;
        padding-bottom: 1%;
    }

        .manbigcustomer .centerword span {
            padding-bottom: 2%;
            color: #f33712;
            display: inline-block;
        }

    .manbigcustomer .fenxiword {
        width: 100%;
        text-align: left;
        padding-bottom: 2%;
        border-bottom: 1px solid #f5f5f5;
    }

        .manbigcustomer .fenxiword span {
            padding-bottom: 1%;
            color: #022222;
            padding-left: 4%;
            font-size: 110%;
            display: inline-block;
            padding-top: 3%;
        }

    .manbigcustomer table {
        width: 90%;
        margin-left: 5%;
    }

        .manbigcustomer table td {
            width: 22.5%;
            box-sizing: border-box;
            border-right: 1px solid #f8f8f8;
            border-bottom: 1px solid #f8f8f8;
            text-align: center;
            padding: 2.5%;
            color: #666;
        }

            .manbigcustomer table td:last-child {
                border-right: none;
            }

        .manbigcustomer table tbody.one tr:first-child td {
            color: #3D3E3E;
            font-weight: bold;
        }
/*manbigcustomer   end*/

.banner {
    background-image: url('/images/index/banner.png');
    background-size: 100% auto;
    background-repeat: no-repeat;
    overflow-y: auto;
}

    .banner div {
        width: 40%;
        float: left;
        margin-left: 10%;
    }

        .banner div span {
            width: 100%;
            float: left;
            border-right: 1px solid #fff;
            display: inline-block;
            color: #fff;
            text-align: center;
            font-size: 110%;
            padding-top: 2%;
        }

            .banner div span:first-child {
                font-size: 120%;
                margin-top: 6%;
            }

            .banner div span:last-child {
                margin-bottom: 6%;
            }

.laodongyeji .tops {
    text-align: left;
    padding: 3%;
    color: #022222;
    background: #fff;
    border-bottom: 1px solid #ddd;
}

    .laodongyeji .tops span {
        width: 58%;
        height: 10px;
        border-radius: 20px;
        background: #ececec;
        display: inline-block;
        position: relative;
        margin-left: 4%;
    }

        .laodongyeji .tops span i {
            width: 80%;
            height: 10px;
            border-radius: 20px;
            background: #58e3a8;
            display: inline-block;
            position: absolute;
        }

    .laodongyeji .tops small {
        color: #022222;
        padding-left: 4%;
    }

/*zhanghulist*/
.zhanghulist {
    background: #fff;
    overflow-y: auto;
}

    .zhanghulist ul {
    }

        .zhanghulist ul li {
            padding: 15%;
            width: 0;
            height: 0;
            position: absolute;
        }

            .zhanghulist ul li:nth-child(2n+1) {
                left: 13%;
            }

            .zhanghulist ul li:nth-child(2n) {
                right: 13%;
            }

            .zhanghulist ul li:first-child, .zhanghulist ul li:nth-child(4n+2) {
                top: 5%;
            }

            .zhanghulist ul li:nth-child(4n+3), .zhanghulist ul li:nth-child(4n) {
                bottom: 5%;
            }

            .zhanghulist ul li div {
            }

                .zhanghulist ul li div:before {
                    content: "";
                    position: absolute;
                    left: 0;
                    top: 0;
                    width: 100%;
                    height: 100%;
                    border: 10px solid #5dd5e5;
                    border-radius: 100px;
                    box-sizing: border-box;
                }

                .zhanghulist ul li div .percent {
                    position: absolute;
                    left: 0;
                    top: 0;
                    width: 100%;
                    height: 0;
                    z-index: 0;
                    background-color: rgba(255,255,255,.7);
                    transition: height .5s;
                }


                .zhanghulist ul li div span {
                    display: inline-block;
                    width: 100%;
                    text-align: center;
                    z-index: 1;
                    position: relative;
                }

                    .zhanghulist ul li div span:first-child {
                        margin-top: 30%;
                        color: #5dd5e3;
                        font-size: 110%;
                    }
/*zhanghulist   end*/

/*packagetop*/
.packagetop {
    position: relative;
    background: #fff;
}

    .packagetop ul li {
        overflow-y: auto;
        padding-top: 3%;
        padding-bottom: 3%;
        border-bottom: 1px solid #fff;
        color: #666;
    }

        .packagetop ul li span {
            width: 32%;
            display: inline-block;
            text-align: center;
            position: relative;
            border-right: 1px solid #eee;
        }

            .packagetop ul li span:last-child {
                border-right: none;
            }

.packagelist .center {
    width: 100%;
    float: left;
    background: #fff;
}

.packagelist ul {
    width: 90%;
    float: left;
    margin-left: 5%;
    padding-bottom: 20%;
}

    .packagelist ul li {
        width: 100%;
        float: left;
        border-bottom: 1px solid #f8f8f8;
    }

        .packagelist ul li span {
            display: inline-block;
            width: 25%;
            padding: 1% 0;
            color: #666;
            text-align: left;
            margin-top: 3%;
            float: left;
            text-align: center;
            margin-bottom: 3%;
        }

            .packagelist ul li span.first {
                color: #022222;
            }

            .packagelist ul li span:last-child {
                float: right;
            }

        .packagelist ul li img {
            width: 50%;
            border-radius: 100px;
            vertical-align: middle;
            margin-right: 16%;
        }
/*ranktop*/
.ranktop {
    position: relative;
}

    .ranktop ul li {
        overflow-y: auto;
        padding-top: 3%;
        padding-bottom: 3%;
        border-bottom: 1px solid #fff;
        color: #666;
        margin-top: 1px;
    }

        .ranktop ul li span {
            width: 30%;
            display: inline-block;
            text-align: center;
            position: relative;
            border-right: 1px solid #eee;
            /*color: #666;*/
            white-space: nowrap;
        }

            .ranktop ul li span:last-child {
                border-right: none;
            }

        .ranktop ul li:first-child {
            background-color: #fff;
            border-bottom: 1px solid #f9f9f9;
            color: #022222;
        }

    .ranktop .triangle-up {
        width: 0;
        height: 0;
        border-left: 5px solid transparent;
        border-right: 5px solid transparent;
        border-bottom: 6px solid #53c9d7;
        position: absolute;
        top: 7px;
        margin-left: 6px;
    }

    .ranktop .triangle-down {
        width: 0;
        height: 0;
        border-left: 5px solid transparent;
        border-right: 5px solid transparent;
        border-top: 6px solid #696969;
        position: absolute;
        top: 7px;
        margin-left: 6px;
    }
/*ranktop  end*/

/*yejilist*/
.yejilist {
    padding-top: 10px;
    padding-bottom: 6%;
}

    .yejilist ul {
        width: 90%;
        margin-left: 5%;
    }

        .yejilist ul li {
            overflow-y: auto;
            padding: 2.5% 3%;
            padding-bottom: 2.5%;
            background: #fff;
            border-radius: 4px;
            margin-top: 10px;
            border-bottom: 1px solid #f8f8f8;
        }

            .yejilist ul li div.left {
                float: left;
                width: 25%;
            }

                .yejilist ul li div.left img {
                    width: 100%;
                    margin-top: 38%;
                }

            .yejilist ul li div.right {
                float: right;
                width: 34%;
                margin-left: 2%;
            }

                .yejilist ul li div.right a {
                    color: #999;
                }

                .yejilist ul li div.right span {
                    display: inline-block;
                }

                .yejilist ul li div.right a span.s1 {
                    float: left;
                    color: #666;
                    white-space: nowrap;
                    position: relative;
                }

                .yejilist ul li div.right span.s5 {
                    content: "\20";
                    display: block;
                    height: 0;
                    clear: both;
                    font-size: 80%;
                    color: #666;
                    padding-top: 1.5%;
                    width: 100%;
                    height: 22px;
                    line-height: 24px;
                    font-size: 90%;
                }

                    .yejilist ul li div.right span.s5:last-child {
                        padding-bottom: 5%;
                        display: inline-block;
                    }

    .yejilist div.right span i {
        background-image: url("/images/index/rightarrow.png");
        display: inline-block;
        width: 15px;
        height: 15px;
        background-repeat: no-repeat;
        background-size: 44% auto;
        background-position: 0 4px;
    }

    .yejilist div.right span.color-money {
        color: #fe0d0d;
        font-size: 120%;
    }
/*yejilist   end*/

/*tankuanglist*/
.tankuanglist {
    position: relative;
    width: 100%;
    height: 600px;
}

.tankuanglist {
    position: relative;
    width: 100%;
    height: 600px;
    z-index: 101;
}

.tankuangbox {
    position: absolute;
    width: 60%;
    margin-left: 20%;
    margin-top: 10%;
}

    .tankuangbox .top {
        width: 100%;
        background: #5b595a;
        text-align: center;
        border-radius: 4px 4px 0 0;
    }

        .tankuangbox .top span {
            display: inline-block;
            color: #fff;
            padding: 4%;
        }

    .tankuangbox ul {
        width: 100%;
        float: left;
        background: #fff;
    }

        .tankuangbox ul li {
            width: 50%;
            float: left;
            margin-left: 33%;
            padding: 2% 0;
        }

            .tankuangbox ul li i.nochoose {
                float: left;
                background-image: url('/images/index/nochoose.png');
                width: 22px;
                height: 24px;
                background-size: 68% auto;
                background-repeat: no-repeat;
                background-position: 0 4px;
            }

            .tankuangbox ul li i.choose {
                background-image: url('/images/index/choose.png');
                background-size: 80% auto;
                background-position: -1px 4px;
            }

    .tankuangbox .bottom {
        width: 100%;
        background: #5b595a;
        text-align: center;
        border-radius: 0 0 4px 4px;
    }

        .tankuangbox .bottom span {
            display: inline-block;
            color: #fff;
            width: 48%;
            text-align: center;
            padding: 4% 0;
            border-right: 1px solid #fff;
        }

            .tankuangbox .bottom span:last-child {
                border-right: none;
            }

    .tankuangbox .top {
        width: 100%;
        background: #5b595a;
        text-align: center;
        border-radius: 4px 4px 0 0;
    }

        .tankuangbox .top span {
            display: inline-block;
            color: #fff;
            padding: 4%;
        }

    .tankuangbox ul {
        width: 100%;
        float: left;
        background: #fff;
    }

        .tankuangbox ul li {
            width: 50%;
            float: left;
            margin-left: 33%;
            padding: 2% 0;
        }

            .tankuangbox ul li i.nochoose {
                float: left;
                background-image: url('/images/index/nochoose.png');
                width: 22px;
                height: 24px;
                background-size: 68% auto;
                background-repeat: no-repeat;
                background-position: 0 4px;
            }

            .tankuangbox ul li i.choose {
                float: left;
                background-image: url('/images/index/choose.png');
                width: 22px;
                height: 24px;
                background-size: 68% auto;
                background-repeat: no-repeat;
                background-position: 0 4px;
            }

    .tankuangbox .bottom {
        width: 100%;
        background: #5b595a;
        text-align: center;
        border-radius: 0 0 4px 4px;
    }

        .tankuangbox .bottom span {
            display: inline-block;
            color: #fff;
            width: 48%;
            text-align: center;
            padding: 4% 0;
            border-right: 1px solid #fff;
        }

            .tankuangbox .bottom span:last-child {
                border-right: none;
            }
/*tankuanglist   end*/

/*大客户分析设置*/
.center {
    width: 100%;
    float: left;
    background: #fff;
}

.kuang {
    width: 100%;
    padding: 4% 0;
}

    .kuang li {
        width: 100%;
        padding: 3% 0;
    }

    .kuang input {
        border: 1px #E5E5E5 solid;
        border-radius: 3px;
        width: 42%;
        height: 36px;
        float: left;
        text-indent: 1em;
        color: #333;
    }

    .kuang .heng {
        display: inline-block;
        margin: 1%;
        width: 14%;
    }

    .kuang .button {
        width: 60%;
        margin-left: 20%;
    }

    .kuang button {
        height: 36px;
        background: #f33712;
        color: #ffffff;
        border: 0;
        border-radius: 3px;
        font-size: 110%;
    }

/*end*/

/*choosecustomer*/
.choosecustomer .topsearch {
    width: 100%;
    float: left;
    background: #fff;
    margin-bottom: 6px;
}

    .choosecustomer .topsearch input {
        width: 70%;
        float: left;
        margin-left: 15%;
        background: #f2f2f2;
        border: none;
        border-radius: 4px;
        height: 34px;
        line-height: 34px;
        color: #333;
        padding-left: 2%;
        font-size: 110%;
        font-family: 微软雅黑;
        margin-bottom: 2%;
        margin-top: 2%;
    }

    .choosecustomer .topsearch span {
        background-image: url('/images/index/sou.png');
        background-repeat: no-repeat;
        background-size: 100% auto;
        width: 20px;
        height: 20px;
        display: inline-block;
        margin-left: -8%;
        margin-top: 3.8%;
    }

.choosecustomer .topchooseclick ul {
    width: 100%;
    float: left;
    background: #fff;
    margin-bottom: 6px;
    padding-top: 3%;
    padding-bottom: 3%;
}

    .choosecustomer .topchooseclick ul li {
        float: left;
        margin: 1% 0 0 4%;
        padding: 1% 2%;
        text-align: center;
        border: 1px solid #ccc;
        border-radius: 4px;
    }

        .choosecustomer .topchooseclick ul li.chooseclickred {
            border: 1px solid #f33712;
            background: #f33712;
            color: #fff;
        }

.choosecustomer ul li {
    overflow-y: auto;
    padding: 2.5% 3%;
    border-bottom: 1px solid #eee;
}

    .choosecustomer ul li div.left {
        float: left;
        width: 18%;
    }

        .choosecustomer ul li div.left img {
            width: 90%;
        }

    .choosecustomer ul li div.right {
        float: left;
        width: 82%;
        position: relative;
        padding-top: 1%;
    }

        .choosecustomer ul li div.right span.today {
            position: absolute;
            right: 2px;
            color: #999;
            font-size: 100%;
            padding: 2px 6px;
            border-radius: 10px;
        }

        .choosecustomer ul li div.right a {
            color: #999;
        }

        .choosecustomer ul li div.right small {
            font-size: 100%;
            color: #999;
        }

        .choosecustomer ul li div.right span {
            display: inline-block;
            white-space: nowrap;
            float: left;
        }

            .choosecustomer ul li div.right span.s5 i {
                float: left;
                background-image: url('/images/index/tel.png');
                width: 22px;
                height: 24px;
                background-size: 68% auto;
                background-repeat: no-repeat;
                background-position: 0 4px;
            }

            .choosecustomer ul li div.right span.s5 {
                content: "\20";
                display: block;
                height: 0;
                clear: both;
                font-size: 80%;
                color: #999;
                padding-top: 1.5%;
                width: 100%;
                height: 22px;
                line-height: 24px;
                font-size: 90%;
                padding-bottom: 2%;
            }

/*choosecustomer   end*/

/*jiegoulist*/
.jiegoulist .time {
    width: 100%;
    float: left;
}

    .jiegoulist .time span {
        display: inline-block;
        width: 32%;
        color: #666;
        text-align: center;
        margin-bottom: 2.6%;
        margin-top: 2.6%;
        position: relative;
    }

        .jiegoulist .time span:first-child i {
            background-image: url("/images/mine/goleft.png");
            display: inline-block;
            width: 15px;
            height: 22px;
            background-repeat: no-repeat;
            background-size: 80% auto;
            background-position: 0 2px;
            position: absolute;
            top: -3px;
            left: 10%;
        }

        .jiegoulist .time span:last-child i {
            background-image: url("/images/mine/goright.png");
            display: inline-block;
            width: 15px;
            height: 22px;
            background-repeat: no-repeat;
            background-size: 80% auto;
            background-position: 0 2px;
            position: absolute;
            top: -3px;
            right: 0%;
        }

        .jiegoulist .time span i.right {
            background-image: url("/images/mine/goright.png");
            display: inline-block;
            width: 15px;
            height: 22px;
            background-repeat: no-repeat;
            background-size: 80% auto;
            background-position: 0 2px;
            position: absolute;
            top: -3px;
            right: 0%;
        }

.jiegoulist ul li {
    overflow-y: auto;
    padding: 2.5% 3%;
    background-color: #fff;
    margin-top: 10px;
}

    .jiegoulist ul li div.left {
        float: left;
        width: 18%;
    }

        .jiegoulist ul li div.left img {
            width: 90%;
            margin-top: 10%;
            border-radius: 100px;
        }

    .jiegoulist ul li div.right {
        float: left;
        width: 82%;
        position: relative;
        padding-top: 1%;
    }

        .jiegoulist ul li div.right span.today {
            position: absolute;
            right: 2px;
            color: #666;
            font-size: 100%;
            padding: 2px 6px;
            border-radius: 10px;
        }

        .jiegoulist ul li div.right a {
            color: #999;
        }

        .jiegoulist ul li div.right span {
            display: inline-block;
            white-space: nowrap;
            float: left;
            margin-left: 8px;
        }

            .jiegoulist ul li div.right span.s1 i {
                float: left;
                background-image: url('/images/index/startall.png');
                width: 140px;
                height: 24px;
                background-size: 68% auto;
                background-repeat: no-repeat;
                background-position: 0 1px;
            }

            .jiegoulist ul li div.right span.s5 i {
                float: left;
                background-image: url('/images/mine/nv.png');
                width: 22px;
                height: 24px;
                background-size: 68% auto;
                background-repeat: no-repeat;
                background-position: 0 4px;
            }

                .jiegoulist ul li div.right span.s5 i.nan {
                    float: left;
                    background-image: url('/images/mine/nan.png');
                    width: 22px;
                    height: 24px;
                    background-size: 68% auto;
                    background-repeat: no-repeat;
                    background-position: 0 4px;
                }

            .jiegoulist ul li div.right span.s5 {
                content: "\20";
                display: block;
                height: 0;
                clear: both;
                font-size: 80%;
                color: #022222;
                padding-top: 4.5%;
                height: 22px;
                line-height: 24px;
                font-size: 110%;
                padding-bottom: 4%;
            }

        .jiegoulist ul li div.right div.tiao {
            width: 44%;
            float: left;
            margin-left: 6%;
            margin-bottom: 4%;
        }

            .jiegoulist ul li div.right div.tiao span.tiaoline {
                width: 90%;
                float: left;
                display: inline-block;
                height: 10px;
                background: #eeeeee;
                border-radius: 20px;
                position: relative;
            }

            .jiegoulist ul li div.right div.tiao span {
                color: #999;
                margin-top: 3%;
            }

                .jiegoulist ul li div.right div.tiao span.tiaoline i {
                    width: 40%;
                    float: left;
                    display: inline-block;
                    height: 10px;
                    background: #59e3a8;
                    border-radius: 20px;
                }

        .jiegoulist ul li div.right span .rightprice {
            color: #fff;
            font-size: 110%;
            padding: 4px;
            background: #f4a33a;
            border-radius: 4px;
            float: right;
        }

        .jiegoulist ul li div.right div:first-child {
            width: 15%;
            float: left;
        }

            .jiegoulist ul li div.right div:first-child span {
                color: #022222;
                font-size: 100%;
                text-align: center;
                display: inline-block;
                margin-top: 20%;
            }

        .jiegoulist ul li div.right div:last-child {
            width: 34%;
            float: right;
        }

            .jiegoulist ul li div.right div:last-child span {
                color: #022222;
                font-size: 110%;
                text-align: center;
                display: inline-block;
                width: 100%;
            }
/*jiegoulist   end*/

/*totallist*/
.totallist .center {
    width: 100%;
    float: left;
    background: #fff;
    overflow-x: auto;
}

.totallist ul {
    width: 90%;
    float: left;
    margin-left: 2%;
    padding-bottom: 20%;
}

    .totallist ul li {
        width: 100%;
        float: left;
        border-bottom: 1px solid #f8f8f8;
    }

        .totallist ul li span {
            display: inline-block;
            width: 20%;
            padding: 1% 0;
            color: #666;
            margin-top: 3%;
            float: left;
            text-align: center;
            margin-bottom: 3%;
        }

            .totallist ul li span.first {
                color: #3D3E3E;
                font-weight: bold;
            }

            .totallist ul li span:last-child {
                float: right;
            }

        .totallist ul li img {
            width: 50%;
            border-radius: 100px;
        }

        .totallist ul li span.red {
            color: #f8302d;
        }
/*totallist  end*/
/*totaldetaillist*/
.totaldetaillist .center {
    width: 100%;
    float: left;
    background: #fff;
}

.totaldetaillist ul {
    width: 90%;
    float: left;
    margin-left: 5%;
}

    .totaldetaillist ul li {
        width: 100%;
        float: left;
        border-bottom: 1px solid #eee;
    }

        .totaldetaillist ul li span {
            display: inline-block;
            width: 25%;
            padding: 1% 0;
            color: #666;
            text-align: left;
            margin-top: 2%;
            float: left;
            text-align: center;
            margin-bottom: 2%;
        }

            .totaldetaillist ul li span.first {
                color: #3D3E3E;
                font-weight: bold;
            }

            .totaldetaillist ul li span:last-child {
                float: right;
            }

        .totaldetaillist ul li:last-child {
            border-bottom: none;
        }

        .totaldetaillist ul li img {
            width: 50%;
            border-radius: 100px;
        }

        .totaldetaillist ul li span.red {
            color: #f8302d;
        }

.totaldetaillist .centertop {
    width: 100%;
    float: left;
}

    .totaldetaillist .centertop span {
        display: inline-block;
        width: 100%;
        padding: 1% 0;
        color: #434848;
        text-align: center;
        margin-top: 2%;
        float: left;
        text-align: center;
        margin-bottom: 0%;
        border-bottom: 1px solid #eee;
        padding-bottom: 2.4%;
        font-weight: bold;
    }
/*totaldetaillist  end*/
/*scommonlist*/
.scommonlist ul li {
    overflow-y: auto;
    padding: 4.5%;
    color: #fff;
    position: relative;
}

    .scommonlist ul li div.left {
        float: left;
    }

        .scommonlist ul li div.left img {
            width: 70%;
        }

    .scommonlist ul li .right {
        position: absolute;
        left: 33%;
    }

        .scommonlist ul li .right li {
            display: block;
            white-space: nowrap;
            width: 100%;
            padding: 0;
            line-height: 1.8;
        }

        .scommonlist ul li .right .s1 {
            font-size: 110%;
        }

        .scommonlist ul li .right .s5 {
            color: #77cedf;
        }

        .scommonlist ul li .right .money {
            background-image: url(../images/index/zuan.png);
            width: 22px;
            height: 22px;
            background-size: 80% auto;
            background-repeat: no-repeat;
        }

    .scommonlist ul li div.reserveright {
        background-image: url(/images/index/shoukuan.png);
        padding:10%;
        background-repeat: no-repeat;
        float: right;
        background-size: 100% auto;
    }
/*scommonlist end*/
.syou {
    width: 100%;
    background: #ffffff;
    box-shadow: 0 2px 10px #f2f2f2;
}

    .syou div {
        width: 24%;
        display: inline-block;
    }

        .syou div span.sp {
            width: 100%;
            float: left;
            border-right: 1px solid #eee;
            display: inline-block;
            text-align: center;
            padding-top: 4%;
            color: #717171;
        }

            .syou div span.sp:first-child {
                font-size: 110%;
                margin-top: 12%;
            }

        .syou div span:last-child {
            margin-bottom: 12%;
        }

.stop {
    width: 100%;
    float: left;
    text-align: left;
    color: #022222;
    box-shadow: 2px 0 10px #f2f2f2;
    margin-top: 4%;
}


    .stop div {
        border: solid #f2f2f2;
        border-width: 0px 0 1px 0;
        padding: 3% 0;
        font-size: 110%;
        text-indent: 3%;
    }

    .stop .aim {
        font-size: 100%;
        color: #A2A2A2;
        float: left;
        width: 15%;
        text-align: center;
        white-space: nowrap;
        margin: 3.2% 3%;
    }

    .stop .tiao {
        width: 42%;
        height: 10px;
        background: #eeeeee;
        border-radius: 5px;
        float: left;
        display: inline-block;
        margin-top: 5%;
    }

        .stop .tiao i {
            width: 80%;
            height: 10px;
            background: #70d2df;
            border-radius: 5px;
            float: left;
            display: inline-block;
        }

    .stop .money {
        color: #A2A2A2;
        margin: 3.2% 2%;
        float: left;
    }

    .stop .scoresp1 {
        float: right;
        margin: 1% 4%;
    }

    .stop .sum li {
        overflow-y: auto;
        padding-top: 4%;
    }

    .stop .sum .l {
        color: #A2A2A2;
        float: left;
        width: 12%;
        padding-left: 3%;
        text-align: left;
        white-space: nowrap;
    }

    .stop .sum .r {
        float: left;
        width: 85%;
        display: inline-block;
    }

        .stop .sum .r i {
            width: 1%;
            margin-top: 1.5%;
            height: 10px;
            border-radius: 5px;
            float: left;
            display: inline-block;
            transition: width .5s;
        }

    .stop .sum li:nth-child(3n+1) .r i {
        background: #ee3435;
    }

    .stop .sum li:nth-child(3n+2) .r i {
        background: #fa8b1f;
    }

    .stop .sum li:nth-child(3n) .r i {
        background: #fcc429;
    }


    .stop .sum .r span {
        color: #A2A2A2;
        float: left;
        font-size: 94%;
        margin-left: 2%;
    }
    .you {
    width: 100%;
    background: #ffffff;
}

    .you div {
        width: 49%;
        display: inline-block;
    }

        .you div span {
            width: 100%;
            float: left;
            border-right: 1px solid #eee;
            display: inline-block;
            text-align: center;
            font-size: 130%;
        }

            .you div span:first-child {
                font-size: 110%;
                color: #222;
            }

            .you div span:last-child {
                margin-bottom: 6%;
                color: #56cad9;
            }
            /*orderlist*/
.gorderlist {
    position: relative;
}

    .gorderlist ul {
        background-color: #fff;
        padding: 0 3%;
        padding-top: 1%;
        border-bottom: 1px solid #ddd;
    }

        .gorderlist ul li {
            padding: 1.6% 0;
            overflow-y: auto;
            padding-bottom: 0;
            border-bottom: #f7f7f7 solid 1px;
        }

            .gorderlist ul li:last-child {
                border-bottom: 0;
            }

            .gorderlist ul li a div:first-child {
                color: #333;
                font-size: 105%;
                padding-bottom: 2%;
            }

            .gorderlist ul li.s1 a div.discount {
                font-size: 120%;
                color: #f34826;
                text-align: center;
                position: absolute;
                right: 10px;
            }

            .gorderlist ul li.s1 a div.first {
                float: left;
                width: 30%;
                line-height: 160%;
                background-size: auto 68%;
                font-size: 110%;
                color: #999999;
                margin-left: 4%;
                padding-bottom: 2%;
                padding-left: 3%;
            }

            .gorderlist ul li.s1 a div.sec {
                width: 50%;
                text-align: left;
                float: left;
                padding-left: 3%;
            }

                .gorderlist ul li.s1 a div.sec img {
                    width: 100%;
                }


    .gorderlist div.top {
        width: 100%;
        position: relative;
        height: 20px;
        padding: 4% 0;
        text-indent: 3%;
        background: #fff;
        border-bottom: 1px solid #ddd;
    }

        .gorderlist div.top span {
            content: "\20";
            display: block;
            height: 0;
            clear: both;
            color: #022222;
            font-size: 110%;
        }

            .gorderlist div.top span:first-child {
                float: left;
            }

            .gorderlist div.top span:last-child {
                float: right;
                color: #50c8d8;
                margin-right: 3%;
            }

    .gorderlist div.bottom {
        width: 100%;
        position: relative;
        height: 40px;
        line-height: 24px;
        background: #fff;
    }

        .gorderlist div.bottom span {
            display: block;
            clear: both;
            color: #022222;
            font-size: 110%;
            float: right;
            width: 50px;
            height: 25px;
            text-align: center;
            line-height: 25px;
            margin-top: 6px;
            margin-right: 3%;
        }

        .gorderlist div.bottom .not {
            border: 1px solid #50c8d8;
            border-radius: 4px;
        }

        .gorderlist div.bottom .over {
            border: 0;
        }

/*orderlist  end*/
/*lists1*/
ul.lists1 li {
    overflow-y: auto;
    overflow-x: hidden;
    padding: 2% 3%;
    border-bottom: 1px solid #eee;
    position: relative;
}

    ul.lists1 li.s1::after {
        position: absolute;
        right: -11%;
        top: 4%;
        line-height: 0;
        padding: 3% 10%;
        -webkit-transform: rotate(-45deg);
        transform: rotate(45deg);
        color: white;
        font-size: 80%;
    }



    ul.lists1 li div.last {
        width: 16%;
        color: #666;
        float: left;
    }

    ul.lists1 li span {
        display: inline-block;
        width: 100%;
        line-height: 26px;
    }

    ul.lists1 li div.center {
        width: 0;
        color: #999;
        float: left;
        margin-right: 3%;
        padding: 1.7em 6%;
        background: left center no-repeat;
        background-size: 87% auto;
    }

        ul.lists1 li div.center.xf {
            background-image: url('/images/mine/xf.png');
        }

        ul.lists1 li div.center.cz {
            background-image: url('/images/mine/chongz.png');
        }

        ul.lists1 li div.center.hk {
            background-image: url('/images/mine/hk.png');
        }

        ul.lists1 li div.center.qk {
            background-image: url('/images/mine/qk.png');
        }

        ul.lists1 li div.center.kk {
            background-image: url('/images/mine/kk.png');
        }

        ul.lists1 li div.center.tc {
            background-image: url('/images/mine/tc.png');
        }

        ul.lists1 li div.center.tk {
            background-image: url('/images/mine/tk.png');
        }

        ul.lists1 li div.center.yq {
            background-image: url('/images/mine/yq.png');
        }

    ul.lists1 li div.right {
        width: 40%;
        float: left;
    }

    ul.lists1 li div.rights {
        width: 27%;
        float: left;
        color: #666;
        margin-left: 2%;
    }

    ul.lists1 li div.right span {
        color: red;
    }

    ul.lists1 li.s2 {
        background-color: #f2f2f2;
        text-indent: 4%;
        color: #666;
        padding: 2% 0;
        border-top: 1px solid #eee;
    }

    ul.lists1 li.static {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        z-index: 100;
    }
/*lists1 end*/