/*二级页面样式*/
.container {
    height: 100%;
}

    /*左侧导航-房态图*/
    .container .map_nav {
        height: 100%;
        float: left;
        border-right: 1px solid #e0e0e0;
        width: 192px;
        background: #18AADE;
        overflow-x: hidden;
        overflow-y: hidden;
    }

.map_nav .nav_title {
    font-weight: normal;
    text-align: left;
    color: #333;
    font-size: 22px;
    display: block;
    width: 150px;
    margin: 20px 0px 0px 20px;
}

.map_nav .nav_minititle {
    text-align: left;
    color: #999;
    font-size: 14px;
    display: block;
    width: 150px;
    font-weight: normal;
    margin: 20px 0px 0px 20px;
}

.map_nav .nav_link {
    border-bottom: 1px solid #e5e5e5;
}

    .map_nav .nav_link li {
        clear: both;
        text-align: left;
        font-size: 14px;
        height: 30px;
        line-height: 30px;
        width: 120px;
        margin: 20px auto;
        padding-left: 0px;
        color: #222;
        background: #D6E3E7;
        border-top-left-radius: 5px;
        border-bottom-left-radius: 5px;
        cursor: pointer;
    }

    .map_nav .nav_link .link_num {
        font-weight: normal;
        display: block;
        float: left;
        font-size: 16px;
        background: #27B2D7;
        color: #fff;
        width: 36px;
        height: 30px;
        text-align: center;
        line-height: 30px;
        border-top-left-radius: 5px;
        border-bottom-left-radius: 5px;
        margin-right: 10px;
    }

.map_nav .nva_total {
    margin: 15px 0px 0px 41px;
    background: url(../images/default/icon_total.png);
    width: 84px;
    height: 84px;
    background-size: cover;
}

    .map_nav .nva_total .count_cn {
        color: #495a5d;
        font-size: 13px;
        display: block;
        text-align: center;
        padding-top: 15px;
    }

    .map_nav .nva_total .count_num {
        display: block;
        text-align: center;
        font-size: 27px;
        color: #000;
        font-weight: normal;
        padding-top: 0px;
    }

.map_nav .nav_statis {
}

    .map_nav .nav_statis li {
        clear: both;
        text-align: left;
        height: 15px;
        line-height: 15px;
        width: 120px;
        margin: 10px auto;
    }

        .map_nav .nav_statis li b {
            display: block;
            float: left;
            color: #222;
            font-size: 12px;
            font-weight: normal;
        }

        .map_nav .nav_statis li span {
            display: block;
            width: 10px;
            height: 10px;
            float: left;
            margin: 3px 10px 0px 3px;
        }

            .map_nav .nav_statis li span.tp_01 {
                background: #649531;
            }

            .map_nav .nav_statis li span.tp_02 {
                background: #FC6365;
            }

            .map_nav .nav_statis li span.tp_03 {
                background: #B3B3B3;
            }

            .map_nav .nav_statis li span.tp_04 {
                background: #fe885c;
            }

            .map_nav .nav_statis li span.tp_05 {
                background: #7d94be;
            }

/*左侧导航-会员*/
.container .meb_nav {
    float: left; /*border-right: 2px solid #4fc4b7;*/
    border-right: 2px solid #2a4e5a;
    width: 190px; /*background: #dff2f1;*/
    background: #c3d3d3;
    overflow-x: hidden;
    overflow-y: auto;
}

.meb_nav .nav_title {
    font-weight: normal;
    text-align: left;
    color: #333;
    font-size: 26px;
    display: block;
    width: 150px;
    margin: 20px 0px 0px 20px;
    font-weight: normal;
}

.meb_nav .nav_bigt {
    width: 130px;
}

.meb_nav .nav_link {
    margin-top: 10px;
}

    .meb_nav .nav_link li {
        clear: both;
        text-align: left;
        font-size: 14px;
        height: 50px;
        line-height: 50px;
        width: 100%;
        margin: 0px;
        padding-left: 0px;
        color: #222;
        border-bottom: 1px solid #DFEBEF;
        cursor: pointer;
        background: #2a4e5a;
    }

        .meb_nav .nav_link li img {
            width: 18.7px;
            height: 19px;
            margin: -3px 2px 0px 30px;
        }

        .meb_nav .nav_link li span {
            float: right;
            padding-right: 10px;
            font-family: cursive;
            font-size: 22px;
            color: #BED8E0;
        }

        .meb_nav .nav_link li.active {
            background: #2a4e5a;
        }

        .meb_nav .nav_link li.on_01 {
            color: #fff;
        }

        .meb_nav .nav_link li.on_02 {
            color: #fff;
        }

        .meb_nav .nav_link li.on_03 {
            color: #fff;
        }

.meb_nav .nav_statis {
    margin-top: 10px;
}

    .meb_nav .nav_statis li {
        clear: both;
        font-size: 14px;
        padding-left: 42px;
        width: 100%;
        height: 30px;
        line-height: 30px;
    }

        .meb_nav .nav_statis li b {
            float: left;
            font-weight: normal;
            width: 70px;
        }

            .meb_nav .nav_statis li b:nth-child(2) {
                color: #02A2CB;
            }

        .meb_nav .nav_statis li:nth-child(1) {
            background: url(../images/default/mebs/icon_sm_01.png) no-repeat 10% center;
        }

        .meb_nav .nav_statis li:nth-child(2) {
            background: url(../images/default/mebs/icon_sm_02.png) no-repeat 10% center;
        }

        .meb_nav .nav_statis li:nth-child(3) {
            background: url(../images/default/mebs/icon_sm_03.png) no-repeat 10% center;
        }

        .meb_nav .nav_statis li:nth-child(4) {
            background: url(../images/default/mebs/icon_sm_01.png) no-repeat 10% center;
        }
/*左侧导航-报表*/
.container .report_nav {
    transition: margin-left 0.2s;
    float: left;
    border-right: 2px solid #2a4e5a;
    width: 190px;
    background: #c3d3d3;
    overflow-x: hidden;
    overflow-y: auto;
}

.report_nav .nav_title {
    cursor: pointer;
    font-weight: normal;
    text-align: left;
    color: #fff;
    font-size: 18px;
    background: #2a4e5a;
    width: 100%;
    height: 51px;
    font-weight: normal;
    line-height: 51px;
    border-bottom: 1px solid #DFEBEF;
}

    .report_nav .nav_title img {
        width: 15px;
        height: 15px;
        margin: -4px 5px 0px 10px;
    }

    .report_nav .nav_title span {
        float: right;
        padding-right: 10px;
        font-size: 16px;
        line-height: 45px;
        font-weight: bold;
    }

        .report_nav .nav_title span.sml {
            font-size: 16px;
            padding-right: 13px;
        }

.report_nav .nav_link {
}

    .report_nav .nav_link li {
        clear: both;
        overflow: hidden;
        text-align: left;
        font-size: 14px;
        height: 44px;
        line-height: 44px;
        width: 100%;
        background: #c3d3d3;
        margin: 0px;
        padding-left: 0px;
        color: #222;
        border-bottom: 1px solid #fff;
        padding-left: 30px;
    }

        .report_nav .nav_link li a {
            color: #555;
        }

        .report_nav .nav_link li b {
            font-weight: normal;
        }

        .report_nav .nav_link li.active, .nav_link li.active a {
            color: #c28573 !important;
        }

        .report_nav .nav_link li:hover, .nav_link li a:hover {
            color: #FC6E64;
        }

        .report_nav .nav_link li span {
            float: right;
            padding-right: 10px;
            font-family: fantasy;
            font-size: 15px;
            color: #BED8E0;
        }

/*左侧导航-订单*/
/*.container .order_nav { float: left; border-right: 1px solid #e0e0e0; width: 190px; background: #F4F7F8; overflow-x: hidden; overflow-y: auto; }*/
/*.order_nav .nav_title { font-weight: normal; text-align: left; color: #333; font-size: 26px; display: block; width: 150px; margin: 20px 0px 0px 20px; font-weight: normal; }*/
.container .order_nav {
    float: right;
    /*border: 1px solid #e0e0e0;*/
    width: 150px;
    background: #fcfcfc;
    overflow-x: hidden;
    overflow-y: auto;
    margin: 40px 20px 0 0;
}

.order_nav .nav_title {
    text-align: left;
    color: #333;
    font-size: 15px;
    display: block;
    width: 150px;
    padding: 10px 0px 0px 20px;
    font-weight: normal;
    background-color: #97a6a5;
    height: 40px;
    color: #fff;
}

.order_nav .nav_statis {
    margin-top: 10px;
}

    .order_nav .nav_statis.first {
        border-bottom: 1px solid #e5e5e5;
        height: 200px;
    }

    .order_nav .nav_statis li {
        clear: both;
        font-size: 12px;
        padding-left: 12px;
        width: 100%;
        height: 30px;
        line-height: 35px;
    }

        .order_nav .nav_statis li b {
            float: left;
            font-weight: normal;
        }

            .order_nav .nav_statis li b:first-child {
                width: 80px;
            }

            .order_nav .nav_statis li b:nth-child(2) {
                color: #02A2CB;
            }
/*.order_nav .nav_statis li.ic_01 { background: url(../images/default/orders/icon_01.png) no-repeat 10% center; background-size: 18px 18px; }
.order_nav .nav_statis li.ic_02 { background: url(../images/default/orders/icon_02.png) no-repeat 10% center; background-size: 18px 18px; }
.order_nav .nav_statis li.ic_03 { background: url(../images/default/orders/icon_03.png) no-repeat 10% center; background-size: 18px 18px; }
.order_nav .nav_statis li.ic_04 { background: url(../images/default/orders/icon_04.png) no-repeat 10% center; background-size: 18px 18px; }
.order_nav .nav_statis li.ic_05 { background: url(../images/default/orders/icon_05.png) no-repeat 10% center; background-size: 18px 18px; }
.order_nav .nav_statis li.ic_06 { background: url(../images/default/orders/icon_06.png) no-repeat 10% center; background-size: 18px 18px; }
.order_nav .nav_statis li.ic_07 { background: url(../images/default/orders/icon_07.png) no-repeat 10% center; background-size: 18px 18px; }
.order_nav .nav_statis li.ic_08 { background: url(../images/default/orders/icon_08.png) no-repeat 10% center; background-size: 18px 18px; }
.order_nav .nav_statis li.ic_09 { background: url(../images/default/orders/icon_09.png) no-repeat 10% center; background-size: 18px 18px; }*/

/*左侧导航-房单*/
.container .roomfolio_nav {
    float: right;
    /*border: 1px solid #e0e0e0;*/
    width: 150px;
    background: #fcfcfc;
    overflow-x: hidden;
    overflow-y: auto;
    margin: 65px 20px 0 0;
    /*border: 1px solid #e0e0e0;*/
}

.roomfolio_nav .nav_title {
    text-align: left;
    color: #333;
    font-size: 15px;
    display: block;
    width: 150px;
    padding: 10px 0px 0px 20px;
    font-weight: normal;
    /*background-color: #97a6a5;*/
    background-color: #c3d3d3;
    height: 40px;
    color: #fff;
}

.roomfolio_nav .nav_statis {
    margin-top: 10px;
}

    .roomfolio_nav .nav_statis.first {
        border-bottom: 1px solid #e5e5e5;
        height: 200px;
    }

    .roomfolio_nav .nav_statis li {
        clear: both;
        font-size: 12px;
        padding-left: 12px;
        width: 100%;
        height: 30px;
        line-height: 35px;
    }

        .roomfolio_nav .nav_statis li b {
            float: left;
            font-weight: normal;
        }

            .roomfolio_nav .nav_statis li b:first-child {
                width: 80px;
            }

            .roomfolio_nav .nav_statis li b:nth-child(2) {
                color: #1a8074;
                float: right;
                padding: 0 10px;
            }
/*.roomfolio_nav .nav_statis li.ic_01 { background: url(../images/default/orders/icon_01.png) no-repeat 10% center; background-size: 18px 18px; }
.roomfolio_nav .nav_statis li.ic_02 { background: url(../images/default/orders/icon_02.png) no-repeat 10% center; background-size: 18px 18px; }
.roomfolio_nav .nav_statis li.ic_03 { background: url(../images/default/orders/icon_03.png) no-repeat 10% center; background-size: 18px 18px; }
.roomfolio_nav .nav_statis li.ic_04 { background: url(../images/default/orders/icon_04.png) no-repeat 10% center; background-size: 18px 18px; }
.roomfolio_nav .nav_statis li.ic_05 { background: url(../images/default/orders/icon_05.png) no-repeat 10% center; background-size: 18px 18px; }
.roomfolio_nav .nav_statis li.ic_06 { background: url(../images/default/orders/icon_06.png) no-repeat 10% center; background-size: 18px 18px; }
.roomfolio_nav .nav_statis li.ic_07 { background: url(../images/default/orders/icon_07.png) no-repeat 10% center; background-size: 18px 18px; }
.roomfolio_nav .nav_statis li.ic_08 { background: url(../images/default/orders/icon_08.png) no-repeat 10% center; background-size: 18px 18px; }
.roomfolio_nav .nav_statis li.ic_09 { background: url(../images/default/orders/icon_09.png) no-repeat 10% center; background-size: 18px 18px; }*/
.mainframe .orderlist .foliosSelect {
    background-color: #fff;
    background-image: url(../images/new/sousuo.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: 25px;
    height: 25px;
    margin: 2px 0px 0px -37px;
    cursor: pointer
}
/*左侧导航-工作张*/
.container .workfolio_nav {
    float: left;
    border-right: 1px solid #e0e0e0;
    width: 190px;
    background: #F4F7F8;
    overflow-x: hidden;
    overflow-y: auto;
}

.workfolio_nav .nav_title {
    font-weight: normal;
    text-align: left;
    color: #333;
    font-size: 26px;
    display: block;
    width: 150px;
    margin: 20px 0px 0px 20px;
    font-weight: normal;
}

.workfolio_nav .nav_bigt {
    width: 150px;
}

.workfolio_nav .nav_statis {
    margin-top: 10px;
}

    .workfolio_nav .nav_statis li {
        clear: both;
        font-size: 14px;
        padding-left: 42px;
        width: 100%;
        height: 30px;
        line-height: 30px;
    }

        .workfolio_nav .nav_statis li b {
            float: left;
            font-weight: normal;
        }

            .workfolio_nav .nav_statis li b:first-child {
                width: 80px;
            }

            .workfolio_nav .nav_statis li b:nth-child(2) {
                color: #02A2CB;
            }

        .workfolio_nav .nav_statis li:nth-child(1) {
            background: url(../images/default/orders/icon_01.png) no-repeat 10% center;
            background-size: 18px 18px;
        }

        .workfolio_nav .nav_statis li:nth-child(2) {
            background: url(../images/default/orders/icon_08.png) no-repeat 10% center;
            background-size: 18px 18px;
        }

/*左侧导航-房管*/
.container .rm_nav {
    float: left;
    border-right: 1px solid #e0e0e0;
    width: 190px;
    background: #F4F7F8;
    overflow-x: hidden;
    overflow-y: auto;
}

.rm_nav .nav_title {
    font-weight: normal;
    text-align: left;
    color: #333;
    font-size: 26px;
    display: block;
    width: 150px;
    margin: 20px 0px 0px 20px;
    font-weight: normal;
}

.rm_nav .nav_statis {
    margin-top: 10px;
}

    .rm_nav .nav_statis.first {
        border-bottom: 1px solid #e5e5e5;
        height: 200px;
    }

    .rm_nav .nav_statis li {
        clear: both;
        font-size: 14px;
        padding-left: 42px;
        width: 100%;
        height: 30px;
        line-height: 30px;
    }

        .rm_nav .nav_statis li b {
            float: left;
            font-weight: normal;
        }

            .rm_nav .nav_statis li b:first-child {
                width: 80px;
            }

            .rm_nav .nav_statis li b:nth-child(2) {
                color: #02A2CB;
            }

        .rm_nav .nav_statis li.ic_01 {
            background: url(../images/default/orders/icon_01.png) no-repeat 10% center;
            background-size: 18px 18px;
        }

        .rm_nav .nav_statis li.ic_02 {
            background: url(../images/default/orders/icon_02.png) no-repeat 10% center;
            background-size: 18px 18px;
        }

        .rm_nav .nav_statis li.ic_03 {
            background: url(../images/default/orders/icon_03.png) no-repeat 10% center;
            background-size: 18px 18px;
        }

        .rm_nav .nav_statis li.ic_04 {
            background: url(../images/default/orders/icon_04.png) no-repeat 10% center;
            background-size: 18px 18px;
        }

/*左侧导航-夜审*/
.container .night_nav {
    float: left;
    border-right: 1px solid #2a4e5a;
    width: 190px;
    background: #c3d3d3;
    overflow-x: hidden;
    overflow-y: auto;
}

.night_nav .nav_title {
    font-weight: normal;
    text-align: left;
    color: #333;
    font-size: 26px;
    display: block;
    width: 150px;
    margin: 20px 0px 0px 20px;
    font-weight: normal;
}

.night_nav .nav_bigt {
    width: 130px;
}

.night_nav .nav_link {
    margin-top: 10px;
    border-top: 1px solid #DFEBEF;
}

    .night_nav .nav_link li {
        clear: both;
        text-align: left;
        font-size: 14px;
        height: 50px;
        line-height: 50px;
        width: 100%;
        margin: 0px;
        padding-left: 0px;
        color: #222;
        border-bottom: 1px solid #DFEBEF;
        cursor: pointer;
        padding-left: 50px;
    }

        .night_nav .nav_link li span {
            float: right;
            padding-right: 10px;
            font-family: cursive;
            font-size: 22px;
            color: #BED8E0;
        }
        /*.night_nav .nav_link li.item_01 { background: url(../images/default/nights/icon_01.png) no-repeat 15% center; background-size: 18px 18px; }
.night_nav .nav_link li.item_01.active { color: #02AAD5; background: #DFEBEF url(../images/default/nights/icon_01_active.png) no-repeat 15% center; background-size: 18px 18px; }
.night_nav .nav_link li.item_02 { background: url(../images/default/nights/icon_02.png) no-repeat 15% center; background-size: 18px 18px; }
.night_nav .nav_link li.item_02.active { color: #02AAD5; background: #DFEBEF url(../images/default/nights/icon_02_active.png) no-repeat 15% center; background-size: 18px 18px; }*/
        .night_nav .nav_link li.item_01 { /*background: #4fc4b7 url(../images/default/nights/icon_01.png) no-repeat 15% center;*/
            background: #2a4e5a;
        }

            .night_nav .nav_link li.item_01.active {
                color: #fff;
                background: #2a4e5a;
            }

        .night_nav .nav_link li.item_02 {
            background: #2a4e5a;
        }

            .night_nav .nav_link li.item_02.active {
                color: #fff;
                background: #2a4e5a;
            }

/*二级页导航*/
.menupanel {
    height: 20px; /*border-bottom: 1px solid #E4E4E4;*/
    margin-bottom: 10px;
}

    .menupanel .menu_title {
        float: right;
    }

        .menupanel .menu_title b:nth-child(1) {
            font-weight: normal;
            color: #FC6E64;
            font-size: 15px;
            line-height: 80px;
            display: block;
            float: left;
            height: 60px;
        }

        .menupanel .menu_title b:nth-child(2) {
            font-weight: normal;
            height: 60px;
            color: #333;
            font-size: 24px;
            display: block;
            float: left;
            line-height: 75px;
            padding-left: 20px;
        }

        .menupanel .menu_title b:nth-child(3) {
            padding-left: 40px;
            font-weight: normal;
            color: #FC6E64;
            font-size: 15px;
            line-height: 80px;
            display: block;
            float: left;
            height: 60px;
        }

        .menupanel .menu_title b:nth-child(4) {
            font-weight: normal;
            height: 60px;
            color: #333;
            font-size: 24px;
            display: block;
            float: left;
            line-height: 75px;
            padding-left: 20px;
        }

        .menupanel .menu_title b:nth-child(5) {
            padding-left: 40px;
            font-weight: normal;
            color: #FC6E64;
            font-size: 15px;
            line-height: 80px;
            float: left;
            height: 60px;
        }

        .menupanel .menu_title b:nth-child(6) {
            padding-left: 40px;
            font-weight: normal;
            color: #FC6E64;
            font-size: 15px;
            line-height: 80px;
            float: left;
            height: 60px;
        }

    .menupanel .menus {
        height: 100%;
        overflow: hidden;
        background-color: #fff;
        float: right;
    }

        .menupanel .menus ul {
            float: right;
        }

            .menupanel .menus ul li {
                width: 100px;
                height: 52px;
                margin: 5px 0px 0px 5px;
                background-color: #6BCACA;
                text-align: left;
                line-height: 52px;
                font-size: 14px;
                color: #fff;
                float: left;
            }

                .menupanel .menus ul li.active {
                    background: #F8D646;
                }

                .menupanel .menus ul li a {
                    color: #fff;
                    display: block;
                }

                    .menupanel .menus ul li a img {
                        float: left;
                        display: block;
                        margin: 18px 5px 20px 10px;
                    }

                .menupanel .menus ul li .m_tips_num {
                    position: absolute;
                    width: 20px;
                    height: 20px;
                    border-radius: 50%;
                    background: red;
                    color: #fff;
                    font-weight: bold;
                    text-align: center;
                    line-height: 20px;
                    margin-top: -58px;
                    margin-left: 83px;
                    display: none;
                }

/*内容页布局*/
.tools {
    float: left;
    text-align: right;
    width: 100%;
    background: #FAFAFA;
    /*border-bottom: 1px solid #ECECEC;*/
    border-top: 2px solid #ECECEC;
}

    .tools .item {
        float: left;
        margin: 5px 5px 5px 0px;
    }

    .tools .room_filter {
    }

        .tools .room_filter ul {
        }

            .tools .room_filter ul li {
                cursor: pointer;
                text-align: center;
                width: 65px;
                float: left;
                line-height: 20px;
                color: #333;
            }

                .tools .room_filter ul li i {
                    height: 15px;
                    width: 15px;
                    font-size: 11px;
                    display: block;
                    float: left;
                    color: #fff;
                    line-height: 18px;
                    margin-left: 10px;
                    margin-top: 4px;
                }
                    /*.tools .room_filter ul li i.dirty { background: url(../images/default/roomstatus/icon_dirty.png);background-size: 100%; }*/

                    /*.tools .room_filter ul li i.dirty { background: #B3B3B3; }
.tools .room_filter ul li i.stop { background: #FC6365; }
.tools .room_filter ul li i.checkin { background: #50c4b7; }
.tools .room_filter ul li i.clean { background: #dff2f1; }
.tools .room_filter ul li i.cleansing { background: #3dad7e; }
.tools .room_filter ul li i.check { background: #4fc4b7 url(../images/default/roomstatus/icon_check.png);background-size: 100%;}
.tools .room_filter ul li i.vip { background: #4fc4b7 url(../images/default/roomstatus/icon_vip.png); background-size: 100%;}
.tools .room_filter ul li i.readygo { background: #4fc4b7 url(../images/default/roomstatus/icon_readygo.png); background-size: 100%; }
.tools .room_filter ul li i.arrearage { background: #4fc4b7 url(../images/default/roomstatus/icon_own.png); background-size: 100%; }
.tools .room_filter ul li i.sort { background: #4fc4b7 url(../images/default/roomstatus/icon_sort.png); background-size: 100%; }
.tools .room_filter ul li i.inner { background: #4fc4b7 url(../images/default/roomstatus/icon_innersort.png); background-size: 100%; }
.tools .room_filter ul li i.connect { background: #4fc4b7 url(../images/default/roomstatus/icon_connect.png); background-size: 100%; }
.tools .room_filter ul li i.free { background: #4fc4b7 url(../images/default/roomstatus/icon_free.png); background-size: 100%; }
.tools .room_filter ul li i.team { background: #4fc4b7 url(../images/new/14.png); background-size: 100%;}
.tools .room_filter ul li i.timeroom { background: #4fc4b7 url(../images/default/roomstatus/icon_timeroom.png); background-size: 100%;}
.tools .room_filter ul li i.ckbox { color: #000;border:1px solid black }
.tools .room_filter ul li i.ckboxac { background: #4fc4b7 url(../images/default/icon_check.png) no-repeat center center; }*/

                    .tools .room_filter ul li i.dirty {
                        background: url(../images/new_img/index/03.png);
                        background-size: 100%;
                    }

                    .tools .room_filter ul li i.stop {
                        background: url(../images/new_img/index/04.png);
                        background-size: 100%;
                    }

                    .tools .room_filter ul li i.checkin {
                        background: url(../images/new_img/index/01.png);
                        background-size: 100%;
                    }

                    .tools .room_filter ul li i.clean {
                        background: url(../images/new_img/index/02.png);
                        background-size: 100%;
                    }

                    .tools .room_filter ul li i.cleansing {
                        background: url(../images/new_img/index/05.png);
                        background-size: 100%;
                    }

                    .tools .room_filter ul li i.check {
                        background: url(../images/new_img/index/06.png);
                        background-size: 100%;
                    }

                    .tools .room_filter ul li i.vip {
                        background: #4fc4b7 url(../images/default/roomstatus/icon_vip.png);
                        background-size: 100%;
                    }

                    .tools .room_filter ul li i.readygo {
                        background: url(../images/new_img/index/09.png);
                        background-size: 100%;
                    }

                    .tools .room_filter ul li i.arrearage {
                        background: url(../images/new_img/index/10.png);
                        background-size: 100%;
                    }

                    .tools .room_filter ul li i.sort {
                        background: url(../images/new_img/index/11.png);
                        background-size: 100%;
                    }

                    .tools .room_filter ul li i.inner {
                        background: url(../images/new_img/index/15.png);
                        background-size: 100%;
                    }

                    .tools .room_filter ul li i.connect {
                        background: url(../images/new_img/index/12.png);
                        background-size: 100%;
                    }

                    .tools .room_filter ul li i.free {
                        background: url(../images/new_img/index/13.png);
                        background-size: 100%;
                    }

                    .tools .room_filter ul li i.team {
                        background: url(../images/new_img/index/14.png);
                        background-size: 100%;
                    }

                    .tools .room_filter ul li i.timeroom {
                        background: url(../images/new_img/index/07.png);
                        background-size: 100%;
                    }

                    .tools .room_filter ul li i.ckbox {
                        color: #000;
                        border: 1px solid black
                    }

                    .tools .room_filter ul li i.ckboxac {
                        background: #4fc4b7 url(../images/default/icon_check.png) no-repeat center center;
                    }

.serchbar .input_group span {
    font-size: 12px;
    padding: 0px 0px;
}

.mainheader {
    font-weight: normal;
    border: 0px solid #ccc;
    overflow: hidden;
    width: 100%;
    background: #fff;
    height: 55px;
}

    .mainheader .mtab {
        min-width: 600px;
        height: 42px;
        overflow: hidden;
        color: #4D4D4D;
        padding: 8px 0;
        box-sizing: border-box;
    }

        .mainheader .mtab ul li {
            float: left;
            width: 100px;
            text-align: center;
            border-bottom: 4px solid #E0E0E0;
            height: 42px;
            font-weight: bold;
            color: #000;
            margin-top: -7px;
            line-height: 35px;
        }

            .mainheader .mtab ul li.active {
                background-color: #F6F6F6;
                border-bottom: 4px solid #2776A5;
            }

.container .c_contiue .select {
    background: #428BCB;
    color: #fff;
}

.container .c_contiue .clear ul li {
    cursor: pointer;
    float: left;
    width: 47%;
    text-align: left;
    font-size: 14px;
    padding: 5px 5px 10px 10px;
    margin: 3px;
}

.mainheader .Roomnum {
    height: 100%;
    width: 29%;
    float: left;
    font-weight: lighter;
}

.Roomnum .nva_total {
    height: 100%;
    width: 35%;
    float: left;
    text-align: center;
    line-height: 70px;
    border-right: 1px solid #B3B3B3
}

    .Roomnum .nva_total .count_num {
        margin-left: 20px;
        font-size: 20px;
        font-weight: normal
    }

.Roomnum .nav_statis {
    height: 100%;
    width: 65%;
    float: left;
    margin-top: 10px;
}

    .Roomnum .nav_statis li {
        width: 80px;
        line-height: 20px;
        float: left;
        margin-left: 8px;
        height: 20px;
    }

.mainheader .tools {
    height: 55px;
    width: calc(100% - 70px);
    float: left;
    background: #fcfcfc;
    line-height: 45px;
    font-size: 12px;
}

    .mainheader .tools .item {
        float: left;
        margin-right: 20px;
    }

    .mainheader .tools .loginInfo {
        height: 100%;
        float: right;
        padding-top: 8px;
    }

        .mainheader .tools .loginInfo .nav_link {
            text-align: center;
            margin: 0px auto;
            line-height: 26px;
        }

            .mainheader .tools .loginInfo .nav_link li {
                color: #fff; /*background: #FFA500;*/
                background: #c28573;
                float: left;
                width: 90px;
                height: 32px;
                font-size: 12px;
                text-align: center; /*border:1px solid #ccc;*/
                margin-left: 10px;
                cursor: pointer;
                border-radius: 2px;
                line-height: 32px;
            }

.user_ico {
    cursor: pointer;
    border-right: 1px solid #1a8074;
    display: inline-block;
    height: 40px;
    width: 50px;
}

.user_ico1 {
    cursor: pointer;
    border-bottom: 1px solid #4fc4b7;
    display: inline-block;
    height: 40px;
    width: 161px;
    text-align: center;
}

.user_ico2 {
    cursor: pointer;
    border-bottom: 1px solid #4fc4b7;
    display: inline-block;
    height: 30px;
    width: 161px;
    text-align: center;
}

.user_ico3 {
    cursor: pointer;
    display: inline-block;
    height: 30px;
    width: 161px;
    text-align: center;
}

.user_ico4 {
    cursor: pointer;
    display: inline-block;
    height: 40px;
    width: 161px;
    text-align: center;
}

#user_icon { /*background: url(../images/default/touxiang.png) no-repeat center;*/
    background: url(../images/new_img/index/yonghu.png) no-repeat center;
    background-size: 16px 16px;
}

#user_record { /*background: url(../images/default/jiaojie.png)no-repeat center;*/
    background: url(../images/new_img/index/qiehuan.png)no-repeat center;
    background-size: 16px 16px; /*background-repeat: no-repeat; background-position: 10px 32%;*/
}

#user_msg { /*background: url(../images/default/xiaoxi.png)no-repeat center;*/
    background: url(../images/new_img/index/xiaoxi.png)no-repeat center;
    background-size: 16px 16px;
}

#user_eb {
    background: url(../images/default/yingxiao.png)no-repeat center;
    background-size: 20px 20px;
}

#user_exit { /*background: url(../images/default/tuichu.png)no-repeat center;*/
    background: url(../images/new_img/index/tuichu.png)no-repeat center;
    background-size: 16px 16px;
    border-right: 0px;
}

#user_ticon {
    font-size: 15px;
    background: url(../images/default/ttouxiang.png)no-repeat center;
    background-size: 30px 30px;
    border-right: 0px;
    background-repeat: no-repeat;
    background-position: 5px 32%;
}

#user_mima {
    background: url(../images/default/xiugaimima.png)no-repeat center;
    background-size: 20px 20px;
    border-right: 0px;
    background-repeat: no-repeat;
    background-position: 10px 32%;
}

#user_exit2 { /*background: url(../images/default/tuichu.png)no-repeat center;*/
    background: url(../images/new_img/index/tuichu.png)no-repeat center;
    background-size: 20px 20px;
    background-repeat: no-repeat;
    background-position: 10px 32%;
}

#user_ticonname {
    font-size: 15px;
}

.dropdown-menu {
    position: absolute;
    z-index: 1000;
    float: left;
    display: none;
    padding: 0;
    border: medium none;
    border-radius: 0;
    box-shadow: 0 0 3px rgba(86,96,117,.3);
    list-style: none outside none;
    text-shadow: none;
    font-size: 12px;
    background-color: #fff;
    right: 0;
    min-width: 161px;
    background-clip: padding-box;
    width: 161px;
    line-height: 28px;
    text-align: center;
}


.open > .dropdown-menu {
    display: block;
}

#newmsg {
    background: url(../images/default/xiaoxi.png);
    background-size: 30px 30px;
    background-position: 1px 1px;
    background-repeat: no-repeat;
    padding-top: 9px;
}

#exit {
    background: url(../images/default/tuichu.png);
    background-size: 30px 30px;
    background-position: 1px 1px;
    background-repeat: no-repeat;
    padding-top: 9px;
}

/*.mainnav { position: fixed; z-index: 3; top: 0; left: 0; height: 100vh; width: 74px; overflow: hidden; }
.mainnav::before { content: ''; position: absolute; top: 0; left: 0; height: 100%; width: -webkit-calc(100% - 4px); width: calc(100% - 4px); background-color: #2B9FDF; }
.mainnav ul { height: 100%; overflow-y: auto; -webkit-overflow-scrolling: touch; }
.mainnav li { width: -webkit-calc(100% - 4px); width: calc(100% - 4px); }
.mainnav li img { display: block; margin: 0 auto; padding-bottom: 10px; }
.mainnav a { display: block; position: relative; padding: 2em 0 1.5em; font-size: 12px; text-align: center; color: #fff; transition: background-color 0.2s, color 0.2s; -webkit-transition: background-color 0.2s, color 0.2s; border-bottom: 1px dashed rgba(250,250,250,0.2); }
.mainnav a.mini { padding: 1.2em 0px 1.5em; }
.mainnav a::after { content: ''; position: absolute; top: 0; right: -4px; height: 100%; width: 4px; background-color: #83b0b9; opacity: 0; -webkit-transition: opacity 0.2s; -moz-transition: opacity 0.2s; transition: opacity 0.2s; pointer-events: none; }
.mainnav a:hover { text-decoration: none; }
.mainnav a:hover::after { opacity: 1; }
.mainnav a.active, .no-touch .mainnav a.selected:hover { background-color: #F7BC01; color: #fff; }
.mainnav li:nth-of-type(2) a::after { background-color: #d35657; }
.mainnav li:nth-of-type(3) a::after { background-color: #343943; }
.mainnav li:nth-of-type(4) a::after { background-color: #e4b162; }
.mainnav li:nth-of-type(5) a::after { background-color: #D92476; }
.mainnav li:nth-of-type(6) a::after { background-color: #00A400; }*/

.mainfolio {
    width: 1200px;
}

.smallfolio {
    width: 920px;
}

.noleftfolio {
    width: 990px;
}

.mainframe {
    overflow-y: auto;
    overflow-x: hidden;
    background: #fff;
}

    .mainframe .rmtitle {
        font-size: 14px;
        color: #19385b;
        height: 35px;
        clear: both;
        width: 100%;
        display: block;
        text-align: left;
    }

        .mainframe .rmtitle .roomno {
            font-size: 26px;
            padding-left: 5px;
        }

        .mainframe .rmtitle .foliono {
            font-size: 13px;
            padding-left: 5px;
        }

        .mainframe .rmtitle .reportname {
            font-size: 16px;
            padding-left: 5px;
        }

        .mainframe .rmtitle .goback {
            float: right;
            padding-right: 10px;
            font-weight: normal;
        }

        .mainframe .rmtitle a {
            color: #009F95;
        }

            .mainframe .rmtitle a:hover {
                text-decoration: underline;
            }
    /*.mainframe .serchbar .input_group { }
.mainframe .serchbar .input_group span { text-decoration: underline; font-size: 16px; padding: 0 10px; }*/

    /*房型状态*/
    .mainframe .roomstatus {
        width: 100%;
        height: 100%;
        padding: 0px;
    }

        .mainframe .roomstatus ul {
            margin: 0;
            padding: 0;
        }

            .mainframe .roomstatus ul li {
                font-family: "黑体";
                cursor: pointer;
                float: left;
                background: #88D796;
                color: #1a8074;
                padding: 4px;
                margin: 0px 5px 5px 0px;
                font-size: 14px;
                height: 82px;
                width: 100px;
                border-radius: 3px
            }

                .mainframe .roomstatus ul li.dirty {
                    background: #B3B3B3;
                    color: #FFFFFF;
                }

                .mainframe .roomstatus ul li.stop {
                    background: #cb6c62;
                    color: #FFFFFF;
                }

                .mainframe .roomstatus ul li.clean {
                    background: #dff2f1;
                    border: 1px solid #4fc4b7
                }

                .mainframe .roomstatus ul li.cleansing { /*background: #3dad7e;*/
                    background: #486ae3;
                    color: #FFFFFF;
                }

                .mainframe .roomstatus ul li.check {
                    background: #DCE8D0;
                }

                .mainframe .roomstatus ul li.checkin {
                    background: #50c4b7;
                    color: #FFFFFF;
                }

                .mainframe .roomstatus ul li.checkindirty {
                    background: #50c4b7;
                    color: #FFFFFF;
                }

                .mainframe .roomstatus ul li.readygo {
                    background: #B3B3B3;
                }

                .mainframe .roomstatus ul li.arrearage {
                    background: #B3B3B3;
                }

                .mainframe .roomstatus ul li.inner {
                    background: #B3B3B3;
                }

                .mainframe .roomstatus ul li.connect {
                    background: #B3B3B3;
                }

                .mainframe .roomstatus ul li.free {
                    background: #B3B3B3;
                }

                .mainframe .roomstatus ul li.team {
                    background: #B3B3B3;
                }

                .mainframe .roomstatus ul li.selected {
                    color: #000;
                    opacity: 0.8;
                    -webkit-transform: scale(1.10);
                    transition: 0.2s;
                    box-shadow: 4px 4px 15px black;
                    z-index: 2;
                    border-radius: 3px /*transform: rotate(7deg); transition: 0.5s;*/
                }

                .mainframe .roomstatus ul li.twinkling {
                    -webkit-animation: twinkling 1s infinite ease-in-out;
                }

@-webkit-keyframes twinkling {
    0% {
        opacity: 0.7;
    }

    50% {
        opacity: 1;
    }

    100% {
        opacity: 0.7;
    }
}
/*房型标记*/
.mainframe .roomstatus ul li span {
    display: block;
}

    .mainframe .roomstatus ul li span.roomnum {
        font-size: 18px;
        font-weight: bold;
    }

    .mainframe .roomstatus ul li span.span_guest_name {
        font-size: 14px;
        height: 21px;
        overflow: hidden;
        padding-top: 3px;
        font-weight: 400;
        color: rgba(0,0,0,.6)
    }

    .mainframe .roomstatus ul li span.roomcode {
        padding-top: 4px; /*max-width: 28px;*/
        max-width: 80px;
        overflow: hidden;
        height: 20px;
        font-size: 14px;
        font-weight:500;
    }

    .mainframe .roomstatus ul li span i {
        height: 16px;
        width: 16px;
        font-size: 11px;
        display: block;
        float: left;
        color: #fff;
        margin: 8px 0 0 3px;
    }

        .mainframe .roomstatus ul li span i.vip {
            background: url(../images/default/roomstatus/icon_vip.png);
            background-size: 100%;
        }

        .mainframe .roomstatus ul li span i.readygo {
            background: url(../images/default/roomstatus/icon_readygo.png);
            background-size: 100%;
        }

        .mainframe .roomstatus ul li span i.arrearage {
            background: url(../images/default/roomstatus/icon_own.png);
            background-size: 100%;
        }

        .mainframe .roomstatus ul li span i.sort {
            background: url(../images/default/roomstatus/icon_sort.png);
            background-size: 100%;
        }

        .mainframe .roomstatus ul li span i.inner {
            background: url(../images/default/roomstatus/icon_innersort.png);
            background-size: 100%;
        }

        .mainframe .roomstatus ul li span i.connect {
            background: url(../images/default/roomstatus/icon_connect.png);
            background-size: 100%;
        }

        .mainframe .roomstatus ul li span i.free {
            background: url(../images/default/roomstatus/icon_free.png);
            background-size: 100%;
        }

        .mainframe .roomstatus ul li span i.team {
            background: url(../images/new/14.png);
            background-size: 100%;
        }

        .mainframe .roomstatus ul li span i.timeroom {
            background: url(../images/default/roomstatus/icon_timeroom.png);
            background-size: 100%;
        }

        .mainframe .roomstatus ul li span i.check {
            background: url(../images/default/roomstatus/icon_check.png);
            background-size: 100%;
        }

        .mainframe .roomstatus ul li span i.checkindirty {
            background: url(../images/default/roomstatus/icon_dirty.png);
            background-size: 100%;
        }

.xinghe .mainframe .roomstatus ul li span > i {
    /* background: none; */
    /* color: rgba(0,0,0,.85); */
    min-width: 20px;
    height: 20px;
    color: #fff;
    font-weight: 400;
    font-size: 12px;
    line-height: 19px;
    white-space: nowrap;
    text-align: center;
    background: #EB6244;
    margin: 0 3px 0 0;
    /* background: #fff; */
    /* background: #1890ff; */
    /* border: 1px solid #1890ff; */
    border-radius: 10px;
    /* box-shadow: 0 0 0 1px #fff; */
}


/*楼层*/
.roomfloor {
    margin-top: 10px;
    width: 40px;
    float: left;
}

    .roomfloor ul li {
        cursor: pointer;
        color: #2a4e5a;
        font-size: 16px;
        /*border-bottom: 1px solid #2a4e5a;*/
        background: #fcfcfc;
        width: 40px;
        height: 40px;
        line-height: 40px;
        /*border-left: 1px solid #2a4e5a;
    border-right: 1px solid #2a4e5a;*/
        margin-top: 5px;
        border: 1px solid #eee;
    }
        /*.roomfloor ul li:first-child { border-top: 1px solid #2a4e5a; }*/
        .roomfloor ul li span {
            display: block;
            text-align: center;
            font-family: monospace;
        }

        .roomfloor ul li.active {
            color: #FFf; /*background-color:#4fc4b7*/
            background-color: #2a4e5a
        }

/*状态提示*/
.roomstate {
    width: 100%;
    background: #F1F0F0;
    position: absolute;
    bottom: 0;
    right: 0;
    border-top: 1px solid #ccc;
}

/*当前房态*/
.mainframe .curryroomstatus {
    width: 100%;
    height: auto;
}

    .mainframe .curryroomstatus .chain_info {
        height: 50px;
        background: #F6F6F6;
        margin-top: 10px;
        text-align: left;
        line-height: 50px;
        cursor: pointer;
        float: left;
        width: 100%;
    }

        .mainframe .curryroomstatus .chain_info span:nth-child(1) {
            margin-left: 10px;
            background: url(../images/default/icon_hide.png) no-repeat center left;
            width: 10px;
            height: 50px;
            display: block;
            float: left;
        }

        .mainframe .curryroomstatus .chain_info span:nth-child(2) {
            font-size: 18px;
            margin-left: 10px;
        }

    .mainframe .curryroomstatus .lbltable {
        clear: both;
        border-collapse: collapse;
        width: 100%;
        font-size: 12px;
    }

        .mainframe .curryroomstatus .lbltable caption {
            font-size: 22px;
            text-align: left;
            line-height: 30px;
            padding: 5px 10px;
        }

        .mainframe .curryroomstatus .lbltable tr {
        }

            .mainframe .curryroomstatus .lbltable tr th {
                padding: 0 5px;
                white-space: nowrap;
                text-align: center;
                /* color: #939496; */
                color: rgba(0,0,0,.85);
                /* background: #E5EDFF; */
                background: #fafafa;
                /* border: 1px solid #ccc; */
                border: 1px solid #e8e8e8;
                line-height: 40px;

                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;  
            }

            .mainframe .curryroomstatus .lbltable tr td {
                min-width: 100px;
                text-align: center;
                color: #666;
                /* border: 1px solid #ccc; */
                border: 1px solid #e8e8e8;
                line-height: 40px;
            }
                .mainframe .curryroomstatus .lbltable tr td.date {
                    background: url(../images/default/icon_date.png);
                    background-repeat: no-repeat;
                    background-position: center center;
                    background-size: 26px 26px;
                }

            .mainframe .curryroomstatus .lbltable tr th span {
                display: block;
                text-align: center;
            }

        .mainframe .curryroomstatus .lbltable .noborder {
            border-left: 0;
        }

        .mainframe .curryroomstatus .lbltable .nobg {
            background: none !important;
            color: #666 !important;
        }

    .mainframe .curryroomstatus .ratelist {
    }

        .mainframe .curryroomstatus .ratelist ul {
        }

            .mainframe .curryroomstatus .ratelist ul li {
                float: left;
                margin: 5px;
                line-height: 22px;
            }

                .mainframe .curryroomstatus .ratelist ul li input { /*float: left; margin-top: 5px; margin-right: 2px;*/
                    display: none
                }

                .mainframe .curryroomstatus .ratelist ul li .box {
                    width: 100%;
                    height: 15px;
                    text-align: center;
                }

                .mainframe .curryroomstatus .ratelist ul li label {
                    width: 100%;
                    height: 100%;
                    display: inline-block;
                    position: relative;
                    line-height: 15px;
                    color: #fff;
                }

                .mainframe .curryroomstatus .ratelist ul li .box label span {
                    color: #000;
                    float: right;
                    margin: 0 0 0 20px
                }

                .mainframe .curryroomstatus .ratelist ul li .box label:active {
                    background: #fcfcfc;
                }

                .mainframe .curryroomstatus .ratelist ul li .box label:after {
                    content: "\2714"; /*必须设置*/
                    display: inline-block;
                    width: 15px;
                    height: 15px;
                    border: 1px solid #2a4e5a;
                    position: absolute;
                    /*top: 15px;*/
                    /*left: -15px;*/
                    border-radius: 2px;
                }

                .mainframe .curryroomstatus .ratelist ul li .box input:checked + label:after {
                    background-color: #2a4e5a;
                }

/*订单列表*/
.mainframe .orderlist {
    width: 98%;
    margin-top: 10px;
}

    .mainframe .orderlist .filter, .mainframe .orderlist .span_More {
        padding: 3px 20px;
        cursor: pointer;
    }

    .mainframe .orderlist .select {
        padding: 3px 10px;
        background: #2a4e5a;
        color: #fff;
        border-radius: 2px;
    }

.xinghe .container .lsttable {
    clear: both;
    border-collapse: collapse;
    width: 100%;
}

.xinghe .container .lsttable caption {
        font-size: 22px;
        text-align: center;
        line-height: 30px;
        padding: 5px 10px;
    }

    .xinghe .container .lsttable tr[mebtype="3"] {
        color: #9A9A00;
    }
    .xinghe .container .lsttable tr th,
    .xinghe .container .lsttable tr td {
        /*padding: 16px;*/
        overflow-wrap: break-word;
    }

    .xinghe .container .lsttable tr th {
        height: 38px;
        line-height: 38px;
        color: #161616;
        padding: 8px 5px;
        text-align: center;
        /* background-color: #E5EDFF; */
        font-weight: bold;
        /*font-size: 13px;*/
       
        color: rgba(0,0,0,.85);
        font-weight: 500;
        background: #fafafa;
        border-bottom: 1px solid #e8e8e8;
        transition: background .3s ease;
    }

    .xinghe .container .lsttable tr td {
        /*padding: 1px;*/
        /*padding: 3px;*/
        height: 46px;
        text-align: center;
        word-break: break-all;
        border-bottom: 1px solid #e8e8e8;
    }

    .xinghe .container .lsttable tr:nth-child(2n) {
        /* background: #fcfcfc; */
        background: #fff;
        color: #646464;
    }

    .xinghe .container .lsttable tr:nth-child(2n+1) {
        /* background: #F6F6F6; */
        background: #fff;
        color: #646464;
    }

    .xinghe .container .lsttable tr th span {
        display: block;
        text-align: center;
    }

    .xinghe .container .lsttable tr td a {
        text-decoration: underline;
        cursor: pointer;
    }

    .xinghe .container .lsttable tr.master td:nth-child(2) {
        background-position-x: 20px; /*padding-left: 12px;*/
        background: url(../images/default/icon_master.png) no-repeat left center;
        background-size: 16px;
    }

    .xinghe .container .lsttable tr.master a {
        color: red;
    }

.MoreSearch {
    padding: 10px;
    display: none;
    width: 100%;
    background: #fcfcfc;
}

    .MoreSearch .tips {
        display: block;
        color: #2a4e5a;
        line-height: 32px;
        font-size: 16px;
        padding: 10px 0px 0px 0px;
        border-bottom: 1px solid #2a4e5a;
        width: 190px;
        margin-left: 5px;
        margin-bottom: 10px;
    }



/*报表*/
.container .rpttable {
    clear: both;
    border-collapse: collapse;
    width: 100%;
}

    .container .rpttable caption {
        font-size: 22px;
        text-align: center;
        line-height: 30px;
        padding: 5px 10px;
    }

    .container .rpttable tr {
        color: #555;
    }

        .container .rpttable tr th {
            height: 32px;
            line-height: 20px;
            /* color: #161616; */
            color: rgba(0,0,0,.85);
            padding: 1px;
            text-align: center;
            /* background: #E5EDFF; */
            background: #fafafa;
            font-weight: normal;
            font-size: 13px;
            /* border: 1px solid #ccc; */
            border: 1px solid #e8e8e8;
        }

        .container .rpttable tr td {
            padding: 1px;
            height: 32px;
            text-align: center;
            word-break: break-all;
            /* border: 1px solid #ccc; */
            border: 1px solid #e8e8e8;
        }

        .container .rpttable tr:first-child td {
            border-top: none;
        }

        .container .rpttable tr th span {
            display: block;
            text-align: center;
        }

        .container .rpttable tr th.total {
            background: #F5E6E6;
        }

.report .rptserchbar {
    height: auto;
    width: 100%;
}

    .report .rptserchbar .rpttitle {
        height: 30px;
        line-height: 20px;
        width: 20%;
        font-size: 20px;
        color: #161616;
        font-size: 16px;
        font-family: PingFangSC-Semibold,PingFang SC;
        font-weight: 600;
        color: rgba(22,22,22,1);
        line-height: 22px;
    }

    .report .rptserchbar .conditon {
        width: 100%;
        margin-top: 10px;
        display: inline-block;
    }

        .report .rptserchbar .conditon .s_item {
            width: 100%;
            clear: both;
            line-height: 39px;
            height: 38px;
        }

            .report .rptserchbar .conditon .s_item span {
                min-width: 60px;
                display: block;
                float: left;
                padding: 5px;
            }

            .report .rptserchbar .conditon .s_item a {
                text-decoration: underline;
                font-size: 13px;
            }

.reportlist {
    width: 100%;
    padding: 20px;
    overflow-y: auto;
    overflow-x: hidden;
}

    .reportlist .lstitem {
        margin-bottom: 10px;
    }
        /*.reportlist .lstitem .title { margin: 10px 0px 20px; clear: both; width: 320px; height: 80px; line-height: 80px; font-size: 26px; padding-left: 99px; }*/
        .reportlist .lstitem .title {
            margin: 10px 0px 20px;
            clear: both;
            height: 50px;
            line-height: 46px;
            font-size: 16px;
            font-weight: bold;
            border-bottom: 1px solid #143B95;
        }

            .reportlist .lstitem .title.t_01 {
                background-size: 20px 20px;
                background-position: 10px 12px;
            }

            .reportlist .lstitem .title.t_02 {
                background-size: 20px 20px;
                background-position: 10px 12px;
            }

            .reportlist .lstitem .title.t_03 {
                background: #FFFBED url(../images/default/icon_rpt_03.png) no-repeat left center;
                background-size: 20px 20px;
                background-position: 10px 12px;
            }

        .reportlist .lstitem ul {
            height: 100%;
            display: inline-block;
        }

            .reportlist .lstitem ul li {
                font-size: 13px;
                width: 160px;
                display: block;
                padding-left: 5px;
                line-height: 40px;
                float: left;
                background: #e5e5e5;
                height: 40px;
                margin: 0px 20px 10px 0px;
                overflow: hidden;
            }

                .reportlist .lstitem ul li a {
                    color: #000;
                    display: block;
                    width: 240px;
                }

                .reportlist .lstitem ul li b {
                    font-size: 16px;
                    padding: 0px 5px;
                    font-family: cursive;
                    float: left;
                }

                .reportlist .lstitem ul li a:hover {
                    text-decoration: underline;
                }

                .reportlist .lstitem ul li span {
                    line-height: 18px;
                    display: block;
                    padding-left: 25px;
                    padding-top: 5px;
                    font-size: 12px;
                    font-weight: normal;
                    color: #7f7f7f;
                    width: 200px;
                }

.rpt_silder {
    position: absolute;
    left: 193px;
    top: 1px;
    transition: left 0.2s;
}

    .rpt_silder img {
        cursor: pointer;
        width: 15px;
        height: 15px;
        opacity: 0.4;
        transition: opacity 1s;
        box-shadow: 1px #ccc;
    }

        .rpt_silder img:hover {
            opacity: 1;
        }

/*报表头部条件过滤2016-04-26*/
.report .rptserchbar .conditon {
    color: #555;
    border-top: 0;
    padding-bottom: 10px;
}

    .report .rptserchbar .conditon .s_item {
        padding-left: 10px;
        margin: 10px 0;
        height: 36px;
    }

        .report .rptserchbar .conditon .s_item span {
        }

    .report .rptserchbar .conditon .btn {
        /* font-size: 12px;
        border-radius: 2px; */
    }

        /* .report .rptserchbar .conditon .btn[value=打印报表] {
            background: #F5A623;
        }

        .report .rptserchbar .conditon .btn[value=导出报表] {
            background: #F5A623;
        }

        .report .rptserchbar .conditon .btn[value=查询] {
            background: #F5A623;
        }

        .report .rptserchbar .conditon .btn[value=全屏查看] {
            background: #F5A623;
        } */

        .report .rptserchbar .conditon .btn.ncolor {
            color: #fff;
        }

    .report .rptserchbar .conditon .filter {
        height: 38px;
        line-height: 26px;
    }
        /*.report .rptserchbar .conditon .filter .date_filter { border-top: 1px solid #ccc; cursor: pointer; padding: 0 40px; border-right: 1px solid #ccc; background: #eee; display: inline-block; margin-right: -3px; }
.report .rptserchbar .conditon .filter .date_filter.select { border-bottom: 1px solid #fff; background: #fff; }*/
        .report .rptserchbar .conditon .filter .date_filter {
            cursor: pointer;
            padding: 5px 40px;
            background: #E5EDFF;
            display: inline-block;
            /* margin-right: -2px; */
            /* border-radius: 3px 3px 0 0px; */
        }

            .report .rptserchbar .conditon .filter .date_filter.select {
                border-bottom: 1px solid #2a4e5a;
                background: #143B95;
                color: #fff;
            }

        .report .rptserchbar .conditon .filter .more_filter {
            /* cursor: pointer;
            padding: 0 20px;
            display: inline-block; */
        }

        .report .rptserchbar .conditon .filter .rpt_btn {
            margin-top: -5px;
            margin-right: 2px;
        }

    .report .rptserchbar .conditon .sum_data {
        font-size: 16px;
        padding: 4px 10px 10px 15px;
        border: 1px solid #3270FF;
        margin-top: -1px;
    }

        .report .rptserchbar .conditon .sum_data > span {
            padding-right: 150px;
        }

        .report .rptserchbar .conditon .sum_data .SumNo {
            font-size: 28px;
        }

        .report .rptserchbar .conditon .sum_data .TotalDebit {
            color: #cd2910;
        }

        .report .rptserchbar .conditon .sum_data .TotalCredit {
            color: #327ee6;
        }

        .report .rptserchbar .conditon .sum_data .Total {
            color: #1a8074;
        }

/*房单里面的账务*/
.mainframe .mintable {
    font-size: 13px;
    width: 100%;
}

    .mainframe .mintable tr {
        padding-top: 5px;
        padding-bottom: 5px;
        border-bottom: 1px solid #f2f2f2;
        cursor: pointer;
    }

        .mainframe .mintable tr:hover {
            background: #f9f9f9;
        }

    .mainframe .mintable th {
        height: 36px;
        color: #222;
        text-align: center;
        font-size: 13px;
        background: #E5EDFF;
        font-weight: normal;
    }

    .mainframe .mintable td {
        height: 36px;
        text-align: center;
        font-size: 12px;
        color: #5A5A5A;
    }

    .mainframe .mintable tr:nth-child(2n).disabled {
        background: #EFEFEF;
        text-decoration: line-through;
    }

    .mainframe .mintable tr:nth-child(2n+1).disabled {
        background: #EFEFEF;
        text-decoration: line-through;
    }

    .mainframe .mintable tr.hadcheckout {
        background: #F7EDC3;
    }

.mainframe .tranlist {
    width: 100%;
    float: left
}

.mainframe .left_roomfolio {
    width: 15%;
    float: left;
}

/*注册会员*/
.container .frmbtitle {
    display: block;
    margin: 0px;
    font-size: 14px;
    color: #333;
}

.container .frmtable {
    clear: both;
    border-collapse: collapse;
    width: 99%;
}

    .container .frmtable tr th {
        text-align: right;
        padding-right: 10px;
        color: #000;
        line-height: 33px;
        font-weight: normal;
        width: 90px;
    }
    /*.container .frmtable tr td { text-align: left; color: #666; padding: 3px; }*/
    .container .frmtable tr td {
        text-align: left;
        color: #666;
        padding: 3px; /*width:150px;*/
    }

/*修改房价类型*/
.container .ratetable {
    clear: both;
    border-collapse: collapse;
    width: 99%;
}

    .container .ratetable tr th {
        text-align: right;
        padding-right: 10px;
        color: #7a7777;
        line-height: 50px;
        font-weight: normal;
        width: 100px;
    }

    .container .ratetable tr td {
        text-align: left;
        color: #666;
        padding: 3px;
    }

.container .minipadding td {
    padding: 2px 0px !important;
}

.container .frmctable {
    clear: both;
    border-collapse: collapse;
    width: 98%;
}

    .container .frmctable tr th {
        text-align: center;
        color: #333;
        line-height: 33px;
        font-weight: normal;
        width: 80px;
    }

    .container .frmctable tr td {
        text-align: center;
        color: #666;
        padding: 0px;
    }

.mainframe .payinfo {
}
    /*.mainframe .payinfo .p_01 { margin: 10px 10px 10px 30px; float: left; text-align: center; line-height: 35px; font-size: 16px; width: 115px; height: 35px; border: 1px solid #d8d8d8; border-left: 10px solid #F7BC00; }
.mainframe .payinfo .p_02 { margin: 10px 0px 0px 10px; float: left; text-align: center; line-height: 35px; font-size: 16px; width: 115px; height: 35px; border: 1px solid #d8d8d8; border-left: 10px solid #00A400; }
.mainframe .payinfo .p_03 { margin: 10px 0px 0px 20px; float: left; text-align: center; line-height: 35px; font-size: 16px; width: 115px; height: 35px; border: 1px solid #d8d8d8; border-left: 10px solid #D92476; }
.mainframe .payinfo .p_04 { margin: 10px 0px 0px 20px; float: left; text-align: center; line-height: 35px; font-size: 16px; width: 115px; height: 35px; border: 1px solid #d8d8d8; border-left: 10px solid #d35657; }
.mainframe .payinfo .p_05 { margin: 10px 0px 0px 20px; float: left; text-align: center; line-height: 35px; font-size: 16px; width: 115px; height: 35px; border: 1px solid #d8d8d8; border-left: 10px solid #e4b162; }*/
    .mainframe .payinfo .p_01 {
        cursor: pointer;
        margin: 10px 10px 10px 75px;
        float: left;
        text-align: center;
        line-height: 46px;
        font-size: 14px;
        width: 135px;
        height: 46px;
        border: 1px solid #F5A623;
    }

    .mainframe .payinfo .p_02 {
        margin: 10px;
        float: left;
        text-align: center;
        line-height: 46px;
        font-size: 14px;
        width: 135px;
        height: 46px;
        border: 1px solid #F5A623;
    }

    .mainframe .payinfo .p_03 {
        margin: 10px;
        float: left;
        text-align: center;
        line-height: 46px;
        font-size: 14px;
        width: 135px;
        height: 46px;
        border: 1px solid #F5A623;
    }

    .mainframe .payinfo .p_04 {
        margin: 10px;
        float: left;
        text-align: center;
        line-height: 46px;
        font-size: 14px;
        width: 135px;
        height: 46px;
        border: 1px solid #F5A623;
    }

    .mainframe .payinfo .p_05 {
        margin: 10px;
        float: left;
        text-align: center;
        line-height: 46px;
        font-size: 14px;
        width: 135px;
        height: 46px;
        border: 1px solid #F5A623;
    }

    .mainframe .payinfo > div > span:nth-child(1) {
        display: block;
        font-size: 12px;
        float: left;
        margin-top: -8px;
        width: 45px;
        padding-left: 5px;
        text-align: left;
    }

    .mainframe .payinfo > div > span:nth-child(2) {
        display: block;
        float: left;
        padding-left: 15px;
        font-size: 16px;
        font-weight: bold;
    }

    .mainframe .payinfo .mo_01 {
        display: block;
        color: #D92476;
        float: left;
        margin-left: 30px;
        line-height: 30px;
        font-size: 14px;
    }

    .mainframe .payinfo .mo_02 {
        display: block;
        color: #00A400;
        float: left;
        margin-left: 30px;
        line-height: 30px;
        font-size: 14px;
    }

.mainframe .mebtypeinfo .p_01 {
    margin: 10px;
    cursor: pointer;
    float: left;
    text-align: center;
    line-height: 46px;
    font-size: 14px;
    min-width: 135px;
    height: 46px;
    border: 1px solid #F5A623;
    color: #F5A623;
}

.mainframe .mebtypeinfo .p_02 {
    margin: 10px 0px 0px 10px;
    float: left;
    text-align: center;
    line-height: 46px;
    font-size: 14px;
    width: 120px;
    height: 46px;
    border: 1px solid #F5A623;
    color: #c28573;
}

.mainframe .mebtypeinfo .p_01.select {
    background: #F5A623;
    color: #fff;
    text-align: center;
    line-height: 46px;
    font-size: 14px;
    min-width: 135px;
    height: 46px;
}

.mainframe .mebtypeinfo .p_02.select {
    background: #F5A623;
    color: #fff;
    text-align: center;
    line-height: 46px;
    font-size: 14px;
    width: 120px;
    height: 46px;
    padding: 0px 10px;
}

/*预订-入住*/
.mainframe .bookin {
    width: 100%;
    padding: 0px 10px;
}

.mainframe .checkin {
    height: 521px;
    padding: 0px 10px;
}

.mainframe .roomfolio {
    height: 100%;
    padding: 0px 10px;
    width: 100%;
    float: left;
    background: #fcfcfc;
}

    .mainframe .roomfolio .foliofrom {
        clear: both;
        float: left;
        width: 100%;
    }
/*.mainframe .left_roomfolio{ width:1020px;background-color:#fff;float:left ;border-bottom: 2px solid #4fc4b7; margin-left:20px;}*/
.mainframe .left_roomfolio {
    width: 1020px;
    background-color: #fff;
    float: left;
    margin-left: 20px;
}

.div_readcard {
    width: 180px;
    border: 0px solid #8d8d8d;
    border-top: 1px solid #8d8d8d;
    border-left: 1px solid #8d8d8d;
    border-bottom: 1px solid #8d8d8d;
}

/*房单信息内容布局*/
.left_roomfolio .menus {
    height: 100%;
    overflow: hidden;
    float: left;
    margin: 2px 0 0 0px;
}

    .left_roomfolio .menus ul {
        float: right;
    }

        .left_roomfolio .menus ul li {
            width: 80px;
            height: 30px;
            margin: 5px 0px 0px 0px;
            text-align: center;
            line-height: 30px;
            font-size: 12px;
            color: #fff;
            float: left;
            border-radius: 3px 3px 0 0px;
            border: 1px solid #F5A623;
            margin-right: 1px;
        }
            /*.left_roomfolio .menus ul li.active { background: #4fc4b7;}*/
            .left_roomfolio .menus ul li.active {
                background: #F5A623;
            }

            .left_roomfolio .menus ul li a {
                color: #2a4e5a;
                display: block;
            }

                .left_roomfolio .menus ul li a:hover {
                    text-decoration: none;
                }

            .left_roomfolio .menus ul li.active a {
                color: #fff;
                display: block;
            }

            .left_roomfolio .menus ul li a img {
                float: left;
                display: block;
                margin: 11px 10px 20px 20px;
                width: 30px;
                height: 30px;
            }

            .left_roomfolio .menus ul li .m_tips_num {
                position: absolute;
                width: 20px;
                height: 20px;
                border-radius: 50%;
                background: red;
                color: #fff;
                font-weight: bold;
                text-align: center;
                line-height: 20px;
                margin-top: -58px;
                margin-left: 83px;
                display: none;
            }

.menus .menus_top {
    width: 100%;
    height: 12.5%;
    line-height: 40px;
    text-align: center;
    color: #fff;
    font-size: 17px;
}

.mainframe .blackfront {
    font-weight: bold;
    color: black;
}

.mainframe .roomplan {
    height: 480px;
    padding: 0px 20px;
}
/*.mainframe .tranlist { padding: 0px 20px;}*/
.mainframe .regmeb {
    height: 480px;
    padding: 0px 20px;
}

    .mainframe .regmeb input[type=text], .mainframe .regmeb select {
        width: 150px;
    }

.mainframe .mebform {
    height: 470px;
    padding: 0px 10px;
}

.mainframe .regcorpmeb {
    height: 521px;
    padding: 10px 10px;
    overflow: hidden;
}

.mainframe .CorpMebInfo {
    height: 521px;
    padding: 0px 20px;
}

.mainframe .walkin {
    height: 480px;
    padding: 0px 20px;
}

    .mainframe .walkin .foliofrom {
        clear: both;
        float: left;
        width: 1000px;
    }

        .mainframe .walkin .foliofrom .blackfront {
            font-weight: bold;
            color: black;
        }


.mainframe .arrangin {
    height: 480px;
    padding: 0px 20px;
}

    .mainframe .arrangin .foliofrom {
        clear: both;
        float: left;
        width: 900px;
    }

        .mainframe .arrangin .foliofrom .blackfront {
            font-weight: bold;
            color: black;
        }

.mainframe .report {
    padding: 10px 0px 0px 5px;
}

.tab_CheckInGuest input, .tab_CheckInGuest select {
    width: 98%;
    padding: 5px;
}
/*.tr_RoomTypeItem.select { background: #eee; }*/
.tr_RoomTypeItem.select {
    /*background: #B6D8F1;*/
    background: #70c2ff;
}


/*关联房*/
.mainframe .connectlst { /*border: 1px solid #ccc;*/
    margin-right: 17px;
    background: #fcfcfc;
    overflow: auto;
    height: 100%;
    width: 96.5%;
    margin-top: 10px;
    float: right;
    height: 423px;
}

    .mainframe .connectlst .ctitle {
        display: block;
        text-align: left;
        padding-left: 10px;
        height: 36px;
        background: #fcfcfc;
        line-height: 36px;
    }

    .mainframe .connectlst .hadcheckout {
        color: #aaa !important;
    }


.mainframe .menutab {
    border-bottom: 1px solid #ccc;
}

    .mainframe .menutab ul {
        float: right;
    }

        .mainframe .menutab ul li {
            float: left;
            height: 26px;
            text-align: right;
            margin-left: 15px;
            font-size: 14px;
            font-weight: bold;
        }

            .mainframe .menutab ul li.active {
                text-decoration: underline;
            }

.mainframe .guesttab {
    min-width: 500px;
    height: 42px;
    overflow: hidden;
    color: #fff;
    padding: 0px 0;
    box-sizing: border-box;
}

    .mainframe .guesttab ul li {
        float: left;
        width: 90px;
        text-align: center;
        height: 32px;
        font-size: 14px;
        color: #999999;
        margin-right: 5px;
        line-height: 32px;
    }
        /*.mainframe .guesttab ul li.active {  border: 1px solid #4fc4b7; border-top: 4px solid #4fc4b7; color:#4fc4b7 }*/
        .mainframe .guesttab ul li.active {
            border: none;
            color: #000;
        }

        .mainframe .guesttab ul li.master {
            background: #fcfcfc url(../images/default/icon_zhu.png);
            background-repeat: no-repeat;
            background-position: right 40%;
            background-size: 18px;
            color: #2a4e5a;
            line-height: 32px;
        }

        .mainframe .guesttab ul li.checkout_guest {
            color: #000;
        }

.mainframe .foliofrom input[type=text], .mainframe .foliofrom select {
    width: 150px;
}

.mainframe .totalinfo {
    height: 35px;
    margin-top: 10px;
    margin-left: 20px;
}

    .mainframe .totalinfo .titem {
        margin-right: 2px;
        float: left;
        text-align: center;
        line-height: 35px;
        font-size: 16px;
        width: 152px;
        height: 22px;
    }
    /*.mainframe .totalinfo .titem:last-child { float: right; }*/
    .mainframe .totalinfo > div > span:nth-child(1) {
        display: block;
        font-size: 13px;
        float: left;
        padding-left: 5px;
        padding-right: 5px;
        text-align: left;
    }

    .mainframe .totalinfo > div > span:nth-child(2) {
        display: block;
        float: left;
        padding-right: 10px;
        font-size: 14px;
    }

    .mainframe .totalinfo .titem.mini {
        width: 135px;
    }

.mainframe .favorites {
    height: 400px;
    overflow-x: hidden;
    overflow-y: auto;
}

    .mainframe .favorites li {
        margin-right: 10px;
        float: left;
        padding: 0 20px;
        overflow: hidden;
        margin-bottom: 10px;
        min-width: 50px;
        height: 40px;
        border-radius: 5px;
        line-height: 40px;
        text-align: center;
        color: #fff;
    }

        .mainframe .favorites li.clo1 {
            background: #8a73b9;
        }

        .mainframe .favorites li.clo2 {
            background: #FC6365;
        }

        .mainframe .favorites li.clo3 {
            background: #92bad7;
        }

        .mainframe .favorites li.clo4 {
            background: #f4b301;
        }

        .mainframe .favorites li.clo5 {
            background: #B3B3B3;
        }

        .mainframe .favorites li.clo6 {
            background: #6C7FC5;
        }

        .mainframe .favorites li a.fa_del {
            background: url(../images/layer/icon.png) no-repeat;
            background-position: -150px -31px;
            width: 30px;
            height: 30px;
            display: block;
            margin-top: -12px;
            margin-left: 85px;
            position: absolute;
        }

            .mainframe .favorites li a.fa_del:hover {
                background-position: -181px -31px;
            }

.mainframe .mlogs {
    height: 420px;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 10px 0px;
}

    .mainframe .mlogs li {
        padding: 10px;
        margin-bottom: 10px;
        float: left;
        width: 100%;
        border: 1px solid #ccc;
        height: auto;
        border-radius: 5px;
        text-align: center;
        color: #666;
    }

        .mainframe .mlogs li span:nth-child(1) {
            text-align: left;
            display: block;
            color: #000;
            line-height: 26px;
        }

        .mainframe .mlogs li span:nth-child(2) {
            text-align: left;
            display: block;
            padding-left: 25px;
        }

        .mainframe .mlogs li span:nth-child(3) {
            text-align: right;
            display: block;
        }

/*tips*/
.mainframe .tipstitle {
    margin: 10px 0px 0px;
    clear: both;
    height: 40px;
    line-height: 40px;
    font-size: 15px;
    padding-left: 10px;
    background: #f7ecd6;
    font-weight: bold;
}
/*.mainframe .tipstitle.t_01 { background: #F5FFFF url(/Content/images/default/icon_rpt_01.png) no-repeat left center; }
.mainframe .tipstitle.t_02 { background: #FFFBED url(/Content/images/default/icon_rpt_03.png) no-repeat left center; }*/
.mainframe .tipsclock {
    height: 450px;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 30px;
}

    .mainframe .tipsclock li {
        margin-right: 35px;
        float: left;
        padding: 0 5px;
        margin-top: 5px;
        overflow: hidden;
        margin-bottom: 7px;
        line-height: 22px;
        width: 170px;
        height: 68px;
        border-radius: 5px; /*text-align: center;*/
        color: #fff;
    }

        .mainframe .tipsclock li div { /*padding-left: 42px;*/
            width: 164px;
        }

        .mainframe .tipsclock li .time {
            color: #fff;
            font-size: 12px;
        }

        .mainframe .tipsclock li .tipsdetail {
            font-size: 16px;
            padding-top: 4px;
            line-height: 36px;
            height: 36px;
            width: 160px; /*padding-left: 42px;*/
            overflow: hidden;
            text-align: left;
        }
        /*.mainframe .tipsclock li.clo1 { background: url(/Content/images/default/tips_clock_green.png); background-size: 100%; }*/
        .mainframe .tipsclock li.clo1 {
            background: #FFA500;
            background-size: 100%;
        }

        .mainframe .tipsclock li a.finish {
            background: url(/Content/images/default/checkbox_green.png) no-repeat;
            background-size: 30px;
            width: 30px;
            height: 30px;
            display: block;
            margin-top: 40px;
            margin-left: 140px;
            position: absolute;
        }

        .mainframe .tipsclock li a.set_finish {
            background: url(/Content/images/default/checkbox_green_close.png) no-repeat;
            background-size: 30px;
            width: 30px;
            height: 30px;
            display: block;
            margin-top: -10px;
            margin-left: 140px;
            position: absolute;
            cursor: pointer;
        }

            .mainframe .tipsclock li a.set_finish:hover {
                transform: rotate(15deg);
            }

.mainframe .goods {
    height: 450px;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 30px;
}

    .mainframe .goods li {
        margin-right: 35px;
        float: left;
        padding: 0 5px;
        margin-top: 5px;
        overflow: hidden;
        margin-bottom: 7px;
        line-height: 22px;
        width: 170px;
        height: 68px;
        border-radius: 5px; /*text-align: center;*/
        color: #fff;
    }

        .mainframe .goods li div { /*padding-left: 42px;*/
            width: 164px;
        }

        .mainframe .goods li .time {
            color: #E7FFFF;
        }

        .mainframe .goods li .tipsdetail {
            font-size: 15px;
            padding-top: 4px;
            line-height: 36px;
            height: 36px;
            width: 160px; /*padding-left: 42px;*/
            overflow: hidden;
            text-align: left;
        }

        .mainframe .goods li .goodsNum {
            font-size: 12px;
            padding-left: 8px;
        }
        /*.mainframe .goods li.clo1 { background: url(/Content/images/default/tips_borrow_blue.png); background-size: 100%; }*/
        .mainframe .goods li.clo1 {
            background: #FFA500;
            background-size: 100%;
        }

        .mainframe .goods li a.finish {
            background: url(/Content/images/default/checkbox_blue.png) no-repeat;
            background-size: 30px;
            width: 30px;
            height: 30px;
            display: block;
            margin-top: 40px;
            margin-left: 140px;
            position: absolute;
        }

        .mainframe .goods li a.set_finish {
            background: url(/Content/images/default/checkbox_blue_close.png) no-repeat;
            background-size: 30px;
            width: 30px;
            height: 30px;
            display: block;
            margin-top: -10px;
            margin-left: 140px;
            position: absolute;
            cursor: pointer;
        }

            .mainframe .goods li a.set_finish:hover {
                transform: rotate(10deg);
            }

/*msg*/
.mainframe .msg_box .title {
    padding-top: 10px;
    line-height: 40px;
    font-size: 18px;
    margin-left: 30px;
    border-bottom: 1px solid #ccc;
    color: #000;
    min-width: 160px;
    text-align: center;
}

.mainframe .msg_box .msg_type_box {
    overflow-x: hidden;
    overflow-y: auto;
    padding: 10px 50px;
}

    .mainframe .msg_box .msg_type_box li {
        float: left;
        padding: 0 5px;
        margin-top: 5px;
        overflow: hidden;
        margin-bottom: 7px;
        width: 400px;
        height: 75px;
        border-radius: 5px;
        color: #fff;
    }

        .mainframe .msg_box .msg_type_box li:nth-child(2n+1) {
            margin-right: 50px;
        }
        /*.mainframe .msg_box .msg_type_box li div { padding-left: 95px; }*/
        .mainframe .msg_box .msg_type_box li div.room_box {
            height: 35px;
        }

        .mainframe .msg_box .msg_type_box li .roomno {
            font-size: 24px;
            line-height: 42px;
        }

        .mainframe .msg_box .msg_type_box li .time {
            float: right;
            padding: 4px 22px;
        }

        .mainframe .msg_box .msg_type_box li .detail {
            height: 18px;
            overflow: hidden;
        }

        /*.mainframe .msg_box .msg_type_box li.clo_clock { background: url(/Content/images/default/green_bg.png); background-size: 100%; }*/
        /*.mainframe .msg_box .msg_type_box li.clo_clock a.type_icon { background: url(/Content/images/default/knock_icon.png) no-repeat; background-size: 45px; width: 45px; height: 45px; display: block; margin-top: 16px; margin-left: 14px; position: absolute; }*/
        .mainframe .msg_box .msg_type_box li.clo_clock {
            background: #FFA500;
            background-size: 100%;
        }

            .mainframe .msg_box .msg_type_box li.clo_clock a.type_icon {
                background-size: 45px;
                width: 45px;
                height: 45px;
                display: block;
                margin-top: 16px;
                margin-left: 14px;
                position: absolute;
            }
        /*.mainframe .msg_box .msg_type_box li.clo_borrow { background: url(/Content/images/default/blue_bg.png); background-size: 100%; }*/
        /*.mainframe .msg_box .msg_type_box li.clo_borrow a.type_icon { background: url(/Content/images/default/borrow_icon.png) no-repeat; background-size: 45px; width: 45px; height: 45px; display: block; margin-top: 14px; margin-left: 14px; position: absolute; }*/
        .mainframe .msg_box .msg_type_box li.clo_borrow {
            background: #FFA500;
            background-size: 100%;
        }

            .mainframe .msg_box .msg_type_box li.clo_borrow a.type_icon {
                background-size: 45px;
                width: 45px;
                height: 45px;
                display: block;
                margin-top: 14px;
                margin-left: 14px;
                position: absolute;
            }

        .mainframe .msg_box .msg_type_box li.clo_birt {
            background: url(/Content/images/default/yello_bg.png);
            background-size: 100%;
        }

            .mainframe .msg_box .msg_type_box li.clo_birt a.type_icon {
                background: url(/Content/images/default/cake_icon.png) no-repeat;
                background-size: 45px;
                width: 45px;
                height: 45px;
                display: block;
                margin-top: 14px;
                margin-left: 14px;
                position: absolute;
            }

        .mainframe .msg_box .msg_type_box li.clo_clock a.set_finish {
            background: url(/Content/images/default/checkbox_green_close.png) no-repeat;
            background-size: 30px;
            width: 30px;
            height: 30px;
            display: block;
            margin-top: -10px;
            margin-left: 380px;
            position: absolute;
            cursor: pointer;
        }

        .mainframe .msg_box .msg_type_box li.clo_borrow a.set_finish {
            background: url(/Content/images/default/checkbox_blue_close.png) no-repeat;
            background-size: 30px;
            width: 30px;
            height: 30px;
            display: block;
            margin-top: -10px;
            margin-left: 380px;
            position: absolute;
            cursor: pointer;
        }

        .mainframe .msg_box .msg_type_box li.clo_birt a.set_finish {
            background: url(/Content/images/default/checkbox_red_close.png) no-repeat;
            background-size: 30px;
            width: 30px;
            height: 30px;
            display: block;
            margin-top: -10px;
            margin-left: 380px;
            position: absolute;
            cursor: pointer;
        }

        .mainframe .msg_box .msg_type_box li a.set_finish:hover {
            transform: rotate(15deg);
        }

/*夜审*/
.night {
}

    .night .record {
        min-width: 1040px;
        margin: 10px 20px;
        height: 341px;
    }
/*.record .record_box_01 { width: 619px; height: 341px; background: #f5f5f5; float: left; padding: 30px 30px 30px 80px; }*/
.record .record_box_01 {
    width: 460px;
    height: 320px;
    background: #fcfcfc url(../images/default/yeshen.png) no-repeat;
    padding: 30px;
    padding-top: 94px;
    margin: 0px auto;
    box-shadow: 0px 4px 15px #ccc;
}

    .record .record_box_01 .tips {
        color: #222;
        font-size: 18px;
        line-height: 32px;
    }

        .record .record_box_01 .tips img {
            width: 20px;
            height: 20px;
            margin-top: -3px;
        }

    .record .record_box_01 .tdate {
        margin-top: 15px;
        height: 44px;
        background: #f1f7f7;
        border-radius: 5px;
        color: #4fc4b7;
        font-size: 26px;
        line-height: 43px;
        font-family: SanFranciscoDisplay-Regular;
        text-align: center;
        box-shadow: 2px 2px 5px #e0e0e0;
    }
    /*.record .record_box_01 .timebox { margin-top: 30px; height: 110px; }*/
    .record .record_box_01 .timebox {
        margin-top: 10px;
        height: 64px;
        background: #f1f7f7;
        border-radius: 5px;
        color: #4fc4b7;
        font-size: 44px;
        line-height: 63px;
        font-family: SanFranciscoDisplay-Regular;
        text-align: center;
        box-shadow: 2px 2px 5px #e0e0e0;
    }

        .record .record_box_01 .timebox span {
            display: block;
            width: 110px;
            height: 110px;
            background: #FC6E64;
            color: #fff;
            font-family: initial;
            font-size: 98px;
            text-align: center;
            float: left;
            border-radius: 5px;
            line-height: 110px;
        }

        .record .record_box_01 .timebox b {
            display: block;
            width: 50px;
            height: 110px;
            font-family: initial;
            font-size: 98px;
            color: #FC6E64;
            float: left;
            line-height: 100px;
        }

    .record .record_box_01 .optor {
        clear: both;
        margin-top: 25px;
        font-size: 16px;
        color: #4A4A4A;
        text-align: right;
    }

        .record .record_box_01 .optor span {
            text-decoration: underline;
        }
/*.record .record_box_02 { width: 380px; padding: 30px; height: 341px; background: #f5f5f5; float: right; }*/
.record .record_box_02 {
    width: 462px;
    padding: 30px;
    background: #fcfcfc;
    margin: 10px auto;
    box-shadow: 0px 4px 15px #ccc;
}

    .record .record_box_02 h3 {
        color: #c28573;
        font-size: 16px;
    }

    .record .record_box_02 p {
        font-size: 14px;
        line-height: 32px;
        height: 32px;
        color: #222;
        padding: 10px 0px;
    }
/*.night .na_btn { clear: both; line-height: 101px; cursor: pointer; width: 609px; height: 101px; margin: 0px 260px 0px; background: #33B1E4; color: #fff; text-align: center; font-size: 48px; }*/
.night .na_btn {
    clear: both;
    line-height: 56px;
    cursor: pointer;
    width: 300px;
    height: 56px;
    margin: 20px 30% 0px;
    background: #2a4e5a;
    color: #fff;
    text-align: center;
    font-size: 28px;
    border-radius: 3px;
}


/*以下是动态弹出层样式*/
.tiptitles {
    padding: 10px 0px;
    margin: 0;
    color: #666;
    display: block;
    font-size: 16px;
}

.guestinfo_shade {
    -webkit-transition: right 0.5s;
    width: 340px;
    height: 100%;
    position: absolute;
    right: -425px;
    top: 0;
    z-index: 2;
    background: rgba(250,250,250,0.7);
    opacity: 0.8;
}

.guestinfo {
    -webkit-transition: right 0.5s;
    width: 370px;
    height: 100%;
    position: absolute;
    right: -425px;
    top: 0;
    z-index: 3;
    padding: 10px;
    background: rgba(250,250,250,0.7);
}

    .guestinfo .txt_EditGuestName {
        text-align: center;
        padding: 4px;
        width: 86%;
    }

    .guestinfo .txt_EditGuestMobile {
        padding: 4px;
        width: 100%;
    }

.selrooms_shade {
    -webkit-transition: right 0.5s;
    width: 930px;
    height: 100%;
    position: absolute;
    right: -930px;
    top: 0;
    z-index: 2;
    background: rgba(250,250,250,0.7);
}

.selrooms {
    -webkit-transition: right 0.5s;
    width: 100%;
    height: 100%;
    position: absolute;
    right: -1000px;
    top: 0;
    z-index: 3;
    padding: 10px;
    background: rgba(250,250,250,0.7);
}

    .selrooms .seltips {
        display: block;
        color: #F75B08;
        line-height: 32px;
        font-size: 16px;
        padding-left: 5px;
    }

    .selrooms .selpanel {
        height: 480px;
        overflow-y: auto;
        overflow-x: hidden;
    }

    .selrooms .seltitle {
        display: block;
        line-height: 32px;
        font-size: 16px;
        padding-left: 5px;
    }

    .selrooms ul {
        width: 99%;
        overflow-y: auto;
    }

        .selrooms ul li {
            cursor: pointer;
            float: left;
            min-width: 60px;
            padding: 0 5px;
            height: 50px;
            margin: 5px;
            line-height: 50px;
            text-align: center;
            background: #bae0e0;
            color: #000000;
            font-size: 16px;
            font-weight: bold;
        }

            .selrooms ul li.select {
                background: #2a4e5a !important;
                color: #fff;
            }

            .selrooms ul li.dirty {
                background: #ccc;
            }

            .selrooms ul li.hadselect {
                background: #716335;
            }

.selrooms_1 .seltips {
    display: block;
    color: #F75B08;
    line-height: 32px;
    font-size: 16px;
    padding-left: 5px;
}

.selrooms_1 .selpanel {
    height: 480px;
    overflow-y: auto;
    overflow-x: hidden;
}

.selrooms_1 .seltitle {
    display: block;
    line-height: 32px;
    font-size: 16px;
    padding-left: 5px;
}

.selrooms_1 ul {
    width: 99%;
    overflow-y: auto;
}

    .selrooms_1 ul li {
        cursor: pointer;
        float: left;
        width: 45px;
        height: 45px;
        margin: 5px;
        line-height: 45px;
        text-align: center;
        background: #598DA7;
        color: #fff;
        font-size: 14px;
        font-weight: bold;
    }

        .selrooms_1 ul li.select {
            background: #F7BC01 !important;
        }

        .selrooms_1 ul li.dirty {
            background: #B3B3B3;
        }

        .selrooms_1 ul li.hadselect {
            background: #716335;
        }

.readcert_shade {
    -webkit-transition: right 0.5s;
    width: 425px;
    height: 100%;
    position: absolute;
    right: -425px;
    top: 0;
    z-index: 2;
    background: rgba(250,250,250,0.7);
}

.readcert {
    -webkit-transition: right 0.5s;
    width: 100%;
    height: 100%;
    position: absolute;
    right: -425px;
    top: 0;
    z-index: 3;
    padding: 10px;
    background: #fcfcfc;
}

/*房单--换房*/
.changerooms {
    padding: 10px;
    display: none;
    width: 100%;
}

    .changerooms .changetips {
        display: block;
        color: #F75B08;
        line-height: 32px;
        font-size: 16px;
        padding: 10px 0px 0px 0px;
        border-bottom: 1px solid;
        width: 190px;
        margin-left: 5px;
        margin-bottom: 10px;
    }

    .changerooms .changepanel {
        clear: both;
        width: 100%;
        height: 340px;
        overflow-x: hidden;
        overflow-y: auto;
    }

    .changerooms .changetitle {
        clear: both;
        display: block;
        line-height: 32px;
        font-size: 16px;
        padding-left: 5px;
    }

    .changerooms ul {
        width: 99%;
        margin-bottom: 10px;
    }

        .changerooms ul li {
            cursor: pointer;
            float: left;
            min-width: 45px;
            padding: 0 5px;
            height: 45px;
            margin: 5px;
            line-height: 45px;
            text-align: center;
            background: #598DA7;
            color: #fff;
            font-size: 14px;
            font-weight: bold;
        }

            .changerooms ul li.select {
                background: #E4AD00;
            }
/*房单--换房原因*/
.changereason {
    padding: 10px;
    display: none;
    width: 100%;
}

    .changereason .changetips {
        display: block;
        color: #F75B08;
        line-height: 32px;
        font-size: 16px;
        padding: 10px 0px 0px 0px;
        border-bottom: 1px solid;
        width: 190px;
        margin-left: 5px;
        margin-bottom: 10px;
    }

    .changereason .changepanel {
        clear: both;
        width: 100%;
        height: 340px;
        overflow-x: hidden;
        overflow-y: auto;
    }

    .changereason .changetitle {
        clear: both;
        display: block;
        line-height: 32px;
        font-size: 16px;
        padding-left: 5px;
    }

    .changereason ul {
        width: 99%;
        margin-bottom: 10px;
    }

        .changereason ul li {
            cursor: pointer;
            float: left;
            min-width: 45px;
            padding: 0 5px;
            height: 45px;
            margin: 5px;
            line-height: 45px;
            text-align: center;
            background: #598DA7;
            color: #fff;
            font-size: 14px;
            font-weight: bold;
        }

            .changereason ul li.select {
                background: #E4AD00;
            }


/*发票*/
.c_invoice {
    position: absolute;
    bottom: 260px;
    right: 45%;
}

    .c_invoice .invoicetext {
        /*width: 120px;
        height: 60px;*/
        text-align: center;
        font-size: 22px;
        color: #FEFEFE;
        /*line-height: 60px;*/
        border-radius: 5px;
        background: -webkit-linear-gradient(left top, #ace, rgba(255, 153, 102, 0.68));
        transform: rotateZ(-12deg)translate3d(0, 0, 0);
        opacity: 0.45;
        padding: 10px;
    }


/*房单--发送密码*/
.c_newroomlock {
    display: none;
    padding: 10px;
}

    .c_newroomlock .ctips {
        display: block;
        color: #F75B08;
        line-height: 32px;
        font-size: 16px;
        padding: 10px 0px 0px 0px;
        border-bottom: 1px solid;
        width: 190px;
        margin-left: 10px;
        margin-bottom: 10px;
    }

    .c_newroomlock .sp1 {
        display: block;
        width: 60px;
        float: left;
        line-height: 30px;
    }

    .c_newroomlock .sp2 {
        display: block;
        float: left;
        width: 84%;
    }


/*房单--续住*/
.c_contiue {
    display: none;
    padding: 10px;
}

    .c_contiue .ctips {
        display: block;
        color: #000;
        text-align: center;
        line-height: 32px;
        font-size: 16px;
        padding: 10px 0px 0px 0px;
        border-bottom: 1px solid;
        min-width: 190px;
        margin-left: 10px;
        margin-bottom: 10px;
    }

    .c_contiue .sp1 {
        display: block;
        width: 60px;
        float: left;
        line-height: 36px;
        text-align: center;
    }

    .c_contiue .sp2 {
        display: block;
        float: left;
        width: 84%;
    }
/*房单-门卡/*/
.c_card {
    display: none;
    padding: 10px 0px 0px 10px;
}

    .c_card .mrgl10 div:hover {
        background-color: #F75B08;
        color: #fff;
    }

    .c_card .cptips {
        display: block;
        color: #F75B08;
        line-height: 32px;
        font-size: 16px;
        padding: 10px 0px 0px 0px;
        border-bottom: 1px solid;
        width: 240px;
        margin-left: 10px;
        margin-bottom: 10px;
    }

    .c_card .cp_01 {
        width: 180px;
        height: 45px;
        line-height: 45px;
        border: 1px solid #ccc;
        text-align: center;
        float: left;
    }

    .c_card .cp_02 {
        margin-left: 10px;
        width: 180px;
        height: 45px;
        line-height: 45px;
        border: 1px solid #ccc;
        text-align: center;
        float: left;
    }

    .c_card .cp_03 {
        width: 80px;
        height: 45px;
        line-height: 45px;
        border: 1px solid #ccc;
        text-align: center;
        float: left;
    }

    .c_card .cp_04 {
        margin-left: 10px;
        width: 85px;
        height: 45px;
        line-height: 45px;
        border: 1px solid #ccc;
        text-align: center;
        float: left;
    }

    .c_card .cp_05 {
        margin-left: 10px;
        width: 85px;
        height: 45px;
        line-height: 45px;
        border: 1px solid #ccc;
        text-align: center;
        float: left;
    }

    .c_card .cp_06 {
        margin-left: 10px;
        width: 85px;
        height: 45px;
        line-height: 45px;
        border: 1px solid #ccc;
        text-align: center;
        float: left;
    }
/*房单-门卡信息/*/
.c_roomInfo {
    display: none;
    padding: 10px 0px 0px 10px;
}

    .c_roomInfo .cptips {
        display: block;
        color: #F75B08;
        line-height: 32px;
        font-size: 16px;
        padding: 10px 0px 0px 0px;
        border-bottom: 1px solid;
        width: 240px;
        margin-left: 10px;
        margin-bottom: 10px;
    }
/*房单-续卡时间/*/
.c_roomdate {
    display: none;
    padding: 10px;
}

    .c_roomdate .ctips {
        display: block;
        color: #F75B08;
        line-height: 32px;
        font-size: 16px;
        padding: 10px 0px 0px 0px;
        border-bottom: 1px solid;
        width: 190px;
        margin-left: 10px;
        margin-bottom: 10px;
    }

    .c_roomdate .sp1 {
        display: block;
        width: 60px;
        float: left;
        line-height: 30px;
    }

    .c_roomdate .sp2 {
        display: block;
        float: left;
        width: 84%;
    }


/*房单--关联房*/
.tab_foliochg .master {
    color: red;
}

.tab_foliochg .self {
    font-weight: bold;
}

/*房单--添加关联房*/
.addchgrooms {
    display: none;
    padding: 10px;
}

    .addchgrooms .ctips {
        display: block;
        color: #F75B08;
        line-height: 32px;
        font-size: 16px;
        padding: 10px 0px 0px 0px;
        border-bottom: 1px solid;
        width: 190px;
        margin-left: 5px;
        margin-bottom: 10px;
    }

    .addchgrooms .addchgpanel {
        clear: both;
        width: 100%;
        height: 340px;
        overflow-x: hidden;
        overflow-y: auto;
    }

    .addchgrooms ul {
        width: 99%;
        margin-bottom: 10px;
    }

        .addchgrooms ul li {
            cursor: pointer;
            font-size: 12px;
            float: left;
            min-width: 51px;
            height: 45px;
            margin: 5px;
            line-height: 18px;
            background: #598DA7;
            color: #fff;
            padding: 5px;
        }

            .addchgrooms ul li.active {
                background: chocolate;
            }

            .addchgrooms ul li span {
                display: block;
                text-align: center;
            }

            .addchgrooms ul li.select {
                background: #E4AD00;
            }

/*账单--冲减*/
.c_deduct {
    display: none;
}

    .c_deduct .ctips {
        display: block;
        color: #F75B08;
        line-height: 32px;
        font-size: 16px;
        padding: 10px 0px 0px 0px;
        border-bottom: 1px solid;
        width: 190px;
        margin-left: 10px;
        margin-bottom: 10px;
    }

    .c_deduct .sp1 {
        display: block;
        width: 60px;
        float: left;
        line-height: 30px;
    }

    .c_deduct .sp2 {
        display: block;
        float: left;
        width: 85%;
    }


/*账单--转账*/
.transerform {
    padding: 10px;
    display: none;
    width: 100%;
}

    .transerform .transertips {
        display: block;
        color: #F75B08;
        line-height: 32px;
        font-size: 16px;
        padding: 10px 0px 0px 0px;
        border-bottom: 1px solid;
        width: 190px;
        margin-left: 5px;
        margin-bottom: 10px;
    }

    .transerform .transerpanel {
        clear: both;
        width: 100%;
        height: 340px;
        overflow-x: hidden;
        overflow-y: auto;
    }

    .transerform .transertitle {
        clear: both;
        display: block;
        line-height: 32px;
        font-size: 16px;
        padding-left: 5px;
    }

    .transerform .transerinfo {
        float: left;
        line-height: 24px;
        font-size: 13px;
        position: absolute;
        left: 10px;
        bottom: 10px;
    }

    .transerform ul {
        width: 99%;
        margin-bottom: 10px;
    }

        .transerform ul li {
            cursor: pointer;
            font-size: 12px;
            float: left;
            min-width: 51px;
            height: 45px;
            margin: 5px;
            line-height: 18px;
            background: #598DA7;
            color: #fff;
            padding: 5px;
        }

            .transerform ul li.active {
                background: chocolate;
            }

            .transerform ul li span {
                display: block;
                text-align: center;
            }

            .transerform ul li.select {
                background: #E4AD00;
            }

/*账单--关联转账*/
.ctranserform {
    padding: 10px;
    display: none;
    width: 100%;
}

    .ctranserform .ctransertips {
        display: block;
        color: #F75B08;
        line-height: 32px;
        font-size: 16px;
        padding: 10px 0px 0px 0px;
        border-bottom: 1px solid;
        width: 190px;
        margin-left: 5px;
        margin-bottom: 10px;
    }

    .ctranserform .ctranserpanel {
        clear: both;
        width: 100%;
        height: 340px;
        overflow-x: hidden;
        overflow-y: auto;
    }

    .ctranserform .ctransertitle {
        clear: both;
        display: block;
        line-height: 32px;
        font-size: 16px;
        padding-left: 5px;
    }

    .ctranserform .ctranserinfo {
        text-align: left;
        float: left;
        line-height: 24px;
        font-size: 13px;
        position: absolute;
        left: 10px;
        bottom: 10px;
    }

        .ctranserform .ctranserinfo span {
            display: block;
            float: left;
        }

            .ctranserform .ctranserinfo span input {
                float: left;
                display: block;
                margin-top: 6px;
            }

    .ctranserform ul {
        width: 99%;
        margin-bottom: 10px;
    }

        .ctranserform ul li {
            cursor: pointer;
            font-size: 12px;
            float: left;
            min-width: 51px;
            height: 45px;
            margin: 5px;
            line-height: 18px;
            background: #598DA7;
            color: #fff;
            padding: 5px;
        }

            .ctranserform ul li.active {
                background: chocolate;
            }

            .ctranserform ul li span {
                display: block;
                text-align: center;
            }

            .ctranserform ul li.select {
                background: #E4AD00;
            }


/*账单--入账*/
.c_account {
    padding: 10px;
    display: none;
    width: 100%;
}

    .c_account .ctips {
        display: block;
        color: #F75B08;
        line-height: 32px;
        font-size: 16px;
        padding: 10px 0px 0px 0px;
        border-bottom: 1px solid;
        width: 190px;
        margin-left: 5px;
        margin-bottom: 10px;
    }

    .c_account .cacctitle {
        clear: both;
        display: block;
        line-height: 25px;
        font-size: 16px;
        padding-left: 5px;
    }

    .c_account .ca_item {
        float: left;
        width: 385px;
        height: 370px;
        overflow-x: hidden;
        overflow-y: auto;
        border-right: 1px solid #ccc;
    }

        .c_account .ca_item ul {
            width: 99%;
            margin-bottom: 10px;
        }

            .c_account .ca_item ul li {
                cursor: pointer;
                overflow: hidden;
                font-size: 12px;
                line-height: 23px;
                float: left;
                min-width: 82px;
                text-align: center;
                height: 32px;
                margin: 5px;
                background: #C8D4EC;
                color: #333;
                padding: 5px;
            }

                .c_account .ca_item ul li.active {
                    color: #fff;
                    background-color: #2B60CC;
                }

            .c_account .ca_item ul.credit li {
                background: #56A3CE;
            }

                .c_account .ca_item ul.credit li.active {
                    color: #fff;
                    background-color: #2A76A0;
                }

    .c_account .ac_form {
        width: 290px;
        float: right;
        height: 350px;
        overflow-y: scroll;
    }

    .c_account .frmtable .input {
        width: 120px;
    }

    .c_account .new-screen, .frmtable .new-screen2 {
        display: none;
    }
/*账单--合并打印*/
.div_ItmeListInfo ul {
    width: 99%;
    margin-bottom: 10px;
}

    .div_ItmeListInfo ul li {
        cursor: pointer;
        overflow: hidden;
        font-size: 12px;
        line-height: 23px;
        display: inline-table;
        width: 84px;
        text-align: center;
        height: 32px;
        margin: 5px -8px;
        background: #C8D4EC;
        color: #333;
        padding: 0px;
    }

        .div_ItmeListInfo ul li div {
            overflow: hidden;
            height: 32px;
            line-height: 32px;
        }

        .div_ItmeListInfo ul li.active {
            color: #fff;
            background-color: #2B60CC;
        }

/*账单--小商品*/
.c_goods {
    padding: 10px;
    display: none;
    width: 100%;
}

    .c_goods .cgtips {
        display: block;
        color: #F75B08;
        line-height: 32px;
        font-size: 16px;
        padding: 10px 0px 0px 0px;
        border-bottom: 1px solid;
        width: 190px;
        margin-left: 5px;
        margin-bottom: 10px;
    }

    .c_goods .cgtitle {
        clear: both;
        display: block;
        line-height: 32px;
        font-size: 16px;
        padding-left: 5px;
    }

    .c_goods .cg_item {
        float: left;
        width: 356px;
        height: 327px;
        overflow-x: hidden;
        overflow-y: auto;
        border-right: 1px solid #ccc;
    }

        .c_goods .cg_item ul {
            width: 99%;
            margin-bottom: 10px;
        }

            .c_goods .cg_item ul li {
                cursor: pointer;
                font-size: 12px;
                float: left;
                width: 104px;
                text-align: center;
                height: 32px;
                margin: 5px;
                background: #C8D4EC;
                color: #333;
                padding: 5px;
                overflow: hidden;
                line-height: 23px;
            }

                .c_goods .cg_item ul li.active {
                    color: #fff;
                    background-color: #80A1E4;
                }

            .c_goods .cg_item ul.credit li {
                background: #56A3CE;
            }

                .c_goods .cg_item ul.credit li.active {
                    color: #fff;
                    background-color: #2A76A0;
                }

    .c_goods .cg_form {
        width: 300px;
        float: right;
        height: 338px;
        margin-left: 10px;
    }
        .c_goods .cg_form ul li {
            cursor: pointer;
            font-size: 12px;
            float: left;
            min-width: 105px;
            text-align: center;
            height: 50px;
            margin: 5px;
            background: #80A1E4;
            color: #333;
            padding: 5px;
            overflow: hidden;
            line-height: 23px;
        }
            .c_goods .cg_form ul li.active {
                color: #fff;
                background-color: #2B60CC;
            }
    .c_goods .cg_item .cart_box {
        border-bottom: 1px solid #eee;
        padding-bottom: 5px;
        margin-bottom:5px;
    }
    .c_goods .cg_item #cart_list .mini {
        padding: 0 2px !important;
        width: 30px !important;
        height: 30px !important;
    }
    .c_goods .cg_item #cart_list {
        padding: 10px 10px;
    }
    .c_goods .cg_item #cart_list .txt_GoodsCount {
        padding: 0 5px;
        width: 40px;
        height: 30px;
    }
    .div_AddGoodsTrans_new .cg_form {
        overflow-x: hidden;
        overflow-y: auto;
    }
/*账单--结账*/
.checkout {
    padding: 10px;
    display: none;
    width: 100%;
}

    .checkout .tab_MebInfo input[type=text], .checkout .tab_MebInfo select {
        width: 140px;
    }

    .checkout .cktips {
        display: block;
        color: #000;
        line-height: 32px;
        font-size: 16px;
        padding: 10px 0px 0px 0px;
        margin-left: 5px;
        margin-bottom: 10px;
    }

    .checkout .cktitle {
        clear: both;
        display: block;
        line-height: 28px;
        font-size: 12px;
        padding-left: 5px;
    }

    .checkout .ckinfo {
        clear: both;
        display: block;
        line-height: 28px;
        font-size: 12px;
        padding-left: 5px;
        text-indent: 1em;
    }

.tab_selectMeb tr {
    border-bottom: 1px solid #eee;
    cursor: pointer;
}

    .tab_selectMeb tr:hover {
        background: #eee;
    }

.checkout .tabScanPay label, .div_AddCloudPay .tabScanPay label {
    padding: 10px 0px;
    background: #FFA400;
    width: calc(33.3% - 3px);
    display: inline-block;
    text-align: center;
    color: #fff;
}

    .checkout .tabScanPay label.active, .div_AddCloudPay .tabScanPay label.active {
        background: #3A3A51;
    }

.checkout .ScanPayAmount, .div_AddCloudPay .ScanPayAmount {
    display: block;
    font-size: 26px;
    margin: 10px;
    color: #FF2818;
}

.checkout .tabScanPay th, .div_AddCloudPay .tabScanPay th {
    height: 50px;
}


/*账单--部分结账*/
.balancecheckout {
    padding: 10px;
    display: none;
    width: 100%;
}

    .balancecheckout .tab_BalanceMebInfo input[type=text], .balancecheckout .tab_BalanceMebInfo select {
        width: 140px;
    }

    .balancecheckout .cktips {
        display: block;
        color: #000;
        font-weight: bold;
        line-height: 32px;
        font-size: 16px;
        padding: 10px 0px 0px 0px;
        border-bottom: 1px solid;
        margin-left: 5px;
        margin-bottom: 10px;
        text-align: center;
    }

    .balancecheckout .cktitle {
        clear: both;
        display: block;
        line-height: 28px;
        font-size: 12px;
        padding-left: 5px;
    }

    .balancecheckout .ckinfo {
        clear: both;
        display: block;
        line-height: 28px;
        font-size: 12px;
        padding-left: 5px;
        text-indent: 1em;
    }

.tab_BalanceselectMeb tr {
    border-bottom: 1px solid #eee;
    cursor: pointer;
}

    .tab_BalanceselectMeb tr:hover {
        background: #eee;
    }

.balancecheckout .BalancetabScanPay label {
    padding: 10px 0px;
    background: #FFA400;
    width: calc(33.3% - 3px);
    display: inline-block;
    text-align: center;
    color: #fff;
}

    .balancecheckout .BalancetabScanPay label.active {
        background: #3A3A51;
    }

.balancecheckout .BalanceScanPayAmount {
    display: block;
    font-size: 26px;
    margin: 10px;
    color: #FF2818;
}

.balancecheckout .BalancetabScanPay th {
    height: 50px;
}


/*预授权--新增*/
.addpreauth {
    padding: 10px;
    display: none;
    width: 100%;
}

    .addpreauth .pretips {
        display: block;
        color: #F75B08;
        line-height: 32px;
        font-size: 16px;
        padding: 10px 0px 0px 0px;
        border-bottom: 1px solid;
        width: 190px;
        margin-left: 5px;
        margin-bottom: 10px;
    }
/*预授权--完成*/
.completedpreauth {
    padding: 10px;
    display: none;
    width: 100%;
}

.completedpreauth .pretips {
    display: block;
    color: #F75B08;
    line-height: 32px;
    font-size: 16px;
    padding: 10px 0px 0px 0px;
    border-bottom: 1px solid;
    width: 190px;
    margin-left: 5px;
    margin-bottom: 10px;
}
/*预授权--退款完成*/
.Refundpreauth {
    padding: 10px;
    display: none;
    width: 100%;
}

.Refundpreauth .pretips {
    display: block;
    color: #F75B08;
    line-height: 32px;
    font-size: 16px;
    padding: 10px 0px 0px 0px;
    border-bottom: 1px solid;
    width: 190px;
    margin-left: 5px;
    margin-bottom: 10px;
}
/*提醒--新增*/
.addTips {
    padding: 10px;
    display: none;
    width: 100%;
}

    .addTips .tips {
        display: block;
        color: #F75B08;
        line-height: 32px;
        font-size: 16px;
        padding: 10px 0px 0px 0px;
        border-bottom: 1px solid;
        width: 190px;
        margin-left: 5px;
        margin-bottom: 10px;
    }
/*租借--新增*/
.addGoods {
    padding: 10px;
    display: none;
    width: 100%;
}

    .addGoods .tips {
        display: block;
        color: #F75B08;
        line-height: 32px;
        font-size: 16px;
        padding: 10px 0px 0px 0px;
        border-bottom: 1px solid;
        width: 190px;
        margin-left: 5px;
        margin-bottom: 10px;
    }


/*窗体页BUTTON按钮布局*/
.toolbutton {
    position: absolute;
    bottom: 0px;
    padding-bottom: 10px;
    width: 1030px;
    text-align: right;
    float: left;
    right: 22px;
    text-align: center
}
.toolbutton-warp {
    position: absolute;
    left: 25%;
    bottom: 0px;
    padding-bottom: 10px;
    width: 50%;
    text-align: center
}


/*左侧导航-工作张*/
.container .user_nav {
    position: absolute;
    height: 100%;
    border-right: 2px solid #2a4e5a;
    width: 190px;
    background: #c3d3d3;
    overflow-x: hidden;
    overflow-y: auto;
}

.user_nav .nav_title {
    font-weight: normal;
    text-align: left;
    color: #333;
    font-size: 26px;
    display: block;
    width: 150px;
    margin: 20px 0px 0px 20px;
    font-weight: normal;
}

.user_nav .nav_bigt {
    width: 130px;
}

.user_nav .nav_statis {
    margin-top: 10px;
}

    .user_nav .nav_statis li {
        clear: both;
        font-size: 14px;
        padding-left: 10px;
        width: 100%;
        height: 36px;
        line-height: 34px;
        cursor: pointer;
        border-bottom: 1px solid #fff;
    }

.user_nav .active {
    background: #2a4e5a;
    color: #fff
}

.user_nav .nav_statis li b {
    float: left;
    font-weight: normal;
}

    .user_nav .nav_statis li b:first-child {
        width: 80px;
    }

    .user_nav .nav_statis li b:nth-child(2) {
        color: #02A2CB;
    }
/*.user_nav .nav_statis li:nth-child(1) { background: url(../images/default/orders/icon_001.png) no-repeat 10% center; background-size: 18px 18px; }
.user_nav .nav_statis li:nth-child(2) { background: url(../images/default/orders/icon_01.png) no-repeat 10% center; background-size: 18px 18px; }
.user_nav .nav_statis li:nth-child(3) { background: url(../images/default/orders/icon_08.png) no-repeat 10% center; background-size: 18px 18px; }
.user_nav .nav_statis li:nth-child(4) { background: url(../images/default/orders/icon_08.png) no-repeat 10% center; background-size: 18px 18px; }
.user_nav .nav_statis li:nth-child(5) { background: url(../images/default/orders/icon_12.png) no-repeat 10% center; background-size: 18px 18px; }
.user_nav .nav_statis li:nth-child(6) { background: url(../images/default/orders/icon_02.png) no-repeat 10% center; background-size: 18px 18px; }
.user_nav .nav_statis li:nth-child(7) { background: url(../images/default/orders/icon_07.png) no-repeat 10% center; background-size: 18px 18px; }
.user_nav .nav_statis li:nth-child(8) { background: url(../images/default/orders/icon_10.png) no-repeat 10% center; background-size: 18px 18px; }
.user_nav .nav_statis li:nth-child(9) { background: url(../images/default/orders/icon_11.png) no-repeat 10% center; background-size: 18px 18px; }
.user_nav .nav_statis li:nth-child(10) { background: url(../images/default/orders/icon_08.png) no-repeat 10% center; background-size: 18px 18px; }
.user_nav .nav_statis li:nth-child(11) { background: url(../images/default/orders/ewm.png) no-repeat 10% center; background-size: 18px 18px; }*/

/****************** 分页 Start **********************/
/*.pages {
    line-height: 26px;
    font-size: 14px;
}

    .pages b {
        font-weight: normal;
        display: block;
        float: left;
        background: #2a4e5a;
        text-align: center;
        color: #666;
        min-width: 45px;
        border: 1px solid #9EA09D;
        cursor: pointer;
    }

        .pages b.disabled {
            background: #2a4e5a;
            pointer-events: none;
        }

        .pages b:hover {
            background: #428bcb;
            border: 1px solid #428bcb;
        }

        .pages b a {
            color: #fff;
        }

        .pages b:hover a {
            color: #fff;
        }

        .pages b a:hover {
            text-decoration: none;
        }

    .pages span {
        display: block;
        float: left;
        background: #b8cccb;
        margin: 0px 5px 0px 5px;
        text-align: center;
        color: #666;
        min-width: 30px;
        border: 1px solid #747676;
        cursor: pointer;
    }

        .pages span:hover {
            background: #428bcb;
            border: 1px solid #428bcb;
        }

            .pages span:hover a {
                color: #fff;
            }

        .pages span.active {
            background: #2a4e5a;
            border: 1px solid #2a4e5a;
        }

            .pages span.active a {
                color: #fff;
            }

        .pages span a {
            color: #fff;
        }

            .pages span a:hover {
                text-decoration: none;
            }

    .pages div.total {
        text-indent: 2em;
        font-size: 12px;
        color: #666;
        line-height: 28px;
    }*/
/****************** 分页 ENd **********************/


/* Menu */
.menu {
    position: absolute;
    width: 200px;
    padding: 2px;
    margin: 0;
    border: 1px solid #bbb;
    background: #eee;
    z-index: 100;
    border-radius: 3px;
    opacity: 0;
    -webkit-transform: translate(0, 15px) scale(.95);
    transform: translate(0, 15px) scale(.95);
    transition: transform 0.1s ease-out, opacity 0.1s ease-out;
    pointer-events: none;
}

.menu-item {
    display: block;
    position: relative;
    margin: 0;
    padding: 0;
    white-space: nowrap;
}

.menu-btn {
    background: none;
    line-height: normal;
    overflow: visible;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    display: block;
    width: 100%;
    color: #444;
    font-family: 'Roboto', sans-serif;
    font-size: 13px;
    text-align: left;
    cursor: pointer;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 6px 8px;
    border-radius: 3px;
}

    .menu-btn::-moz-focus-inner,
    .menu-btn::-moz-focus-inner {
        border: 0;
        padding: 0;
    }

.menu-text {
    margin-left: 25px;
}

.menu-btn .fa {
    width: 15px;
    height: 15px;
    position: absolute;
    left: 8px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

    .menu-btn .fa.empty {
        background: #dff2f1;
    }

    .menu-btn .fa.dirty {
        background: #B3B3B3;
    }

    .menu-btn .fa.stop {
        background: #FC6365;
    }

    .menu-btn .fa.check {
        background: #649531;
    }

    .menu-btn .fa.clean {
        background: #BDEEFF;
    }

    .menu-btn .fa.cleansing { /*background: #3dad7e;*/
        background: #486ae3;
    }

    .menu-btn .fa.check {
        background: #FCF005;
    }

    .menu-btn .fa.lastcheckin {
        background: #649531;
    }

    .menu-btn .fa.refresh {
        background: url(../images/default/icon_refresh.png) no-repeat center center;
    }

.menu-item:hover > .menu-btn {
    color: #fff;
    outline: none;
    background-color: #2E3940;
    background: -webkit-linear-gradient(to bottom, #5D6D79, #2E3940);
    background: linear-gradient(to bottom, #5D6D79, #2E3940);
    border: 1px solid #2E3940;
}

.menu-item.disabled {
    opacity: .5;
    pointer-events: none;
}

    .menu-item.disabled .menu-btn {
        /* cursor: default; */
        cursor: not-allowed;
    }

.menu-separator {
    display: block;
    margin: 7px 5px;
    height: 1px;
    border-bottom: 1px solid #fff;
    background-color: #aaa;
}

.menu-item.submenu::after {
    content: "";
    position: absolute;
    right: 6px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    border: 5px solid transparent;
    border-left-color: #808080;
}

.menu-item.submenu:hover::after {
    border-left-color: #fff;
}

.menu .menu {
    top: 4px;
    left: 99%;
}

.show-menu,
.menu-item:hover > .menu {
    opacity: 1;
    -webkit-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
    pointer-events: auto;
}

.menu-item:hover > .menu {
    -webkit-transition-delay: 100ms;
    transition-delay: 300ms;
}

.xinghe .menu{
    margin: 0;
    padding: 4px 0;
    text-align: left;
    list-style-type: none;
    background-color: #fff;
    background-clip: padding-box;
    border-radius: 4px;
    outline: none;
    border-color: transparent;
    box-shadow: 0 2px 8px rgba(0,0,0,.15);
    -webkit-transform: translateZ(0);
}

.xinghe .menu .menu-btn{
    clear: both;
    margin: 0;
    padding: 5px 12px;
    color: rgba(0,0,0,.65);
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    white-space: nowrap;
    cursor: pointer;
    transition: all .3s;
}
.xinghe .menu-item:hover > .menu-btn{
    color: inherit;
    border-color: transparent;
    background: #e6f7ff;
}

.xinghe .menu-btn > .fa{
    background: none;
}

/*自定义打印*/
.defindprint {
    padding: 10px;
    display: none;
    width: 100%;
}

    .defindprint .defindtips {
        display: block;
        color: #F75B08;
        line-height: 32px;
        font-size: 16px;
        padding: 10px 0px 0px 0px;
        border-bottom: 1px solid;
        width: 230px;
        margin-left: 5px;
        margin-bottom: 10px;
    }

    .defindprint .deftable {
        clear: both;
        border-collapse: collapse;
        width: 99%;
    }

        .defindprint .deftable tr th {
            text-align: left;
            color: #333;
            line-height: 30px;
            padding: 0px;
            height: 30px;
        }

        .defindprint .deftable tr td {
            text-align: left;
            color: #666;
            line-height: 30px;
            padding: 0px;
        }

            .defindprint .deftable tr td input[type='checkbox'] {
                height: 12px;
                display: block;
                float: left;
                margin-top: 10px;
            }

            .defindprint .deftable tr td input[type='text'] {
                height: 26px;
                line-height: 26px;
                width: 80%;
                border: none;
                border-bottom: 1px solid #ccc;
            }


/*借阅*/
.borrow .borrowTips {
    height: 36px;
    background-color: #F2F2F2;
    font-size: 14px;
    line-height: 36px;
    color: #888;
    padding-left: 20px;
}

.borrowtitle {
    font-size: 18px;
    color: #aaa;
    border-bottom: 1px solid #ccc;
    line-height: 36px;
}

.findbox {
    padding: 20px 0;
}

    .findbox span {
        color: #777;
        font-size: 14px;
    }

    .findbox .input {
        width: 190px;
    }

    .findbox #txt_querydata {
        width: 185px;
    }

    .findbox .btn {
        background: #64b83b;
        border-radius: 2px;
        width: 120px;
        line-height: 23px;
    }

.bookitem {
    height: 96px;
    margin: 5px;
    background: #F6F6F6;
    padding-left: 20px;
    padding-top: 3px;
    font-size: 14px;
    color: #666;
    line-height: 30px;
}

    .bookitem .btn {
        float: right;
        margin: -36px 15px 0 0;
        color: #666;
        background: #F6F6F6;
        border: 1px solid #aaa;
        border-radius: 2px;
    }

.leftcolor1 {
    border-left: 4px solid #F7BC00;
}

.leftcolor2 {
    border-left: 4px solid #00A400;
}

.leftcolor3 {
    border-left: 4px solid #D92476;
}

.leftcolor4 {
    border-left: 4px solid #F4682B;
}

.borrowerdetail {
    height: 320px;
    margin-bottom: 10px;
    background: #F6F6F6;
    padding: 20px 10px;
    font-size: 14px;
    color: #666;
    line-height: 30px;
}

    .borrowerdetail .input {
        width: 100%;
    }

    .borrowerdetail td {
        padding: 8px 5px;
    }

#btnborrow {
    background: #F4682B;
    width: 126px;
    border-radius: 2px;
}

.borrowlist {
    padding: 20px 40px;
}

.bookbox {
    height: 320px;
    overflow: auto;
    padding: 5px;
    border: 1px solid #ddd;
}

/*.sk-circle { margin: 100px auto; width: 40px; height: 40px; position: relative; }
.sk-circle .sk-child { width: 100%; height: 100%; position: absolute; left: 0; top: 0; }
.sk-circle .sk-child:before { content: ''; display: block; margin: 0 auto; width: 15%; height: 15%; background-color: #333; border-radius: 100%; -webkit-animation: sk-circleBounceDelay 1.2s infinite ease-in-out both; animation: sk-circleBounceDelay 1.2s infinite ease-in-out both; }
.sk-circle .sk-circle2 { -webkit-transform: rotate(30deg); -ms-transform: rotate(30deg); transform: rotate(30deg); }
.sk-circle .sk-circle3 { -webkit-transform: rotate(60deg); -ms-transform: rotate(60deg); transform: rotate(60deg); }
.sk-circle .sk-circle4 { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); }
.sk-circle .sk-circle5 { -webkit-transform: rotate(120deg); -ms-transform: rotate(120deg); transform: rotate(120deg); }
.sk-circle .sk-circle6 { -webkit-transform: rotate(150deg); -ms-transform: rotate(150deg); transform: rotate(150deg); }
.sk-circle .sk-circle7 { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); }
.sk-circle .sk-circle8 { -webkit-transform: rotate(210deg); -ms-transform: rotate(210deg); transform: rotate(210deg); }
.sk-circle .sk-circle9 { -webkit-transform: rotate(240deg); -ms-transform: rotate(240deg); transform: rotate(240deg); }
.sk-circle .sk-circle10 { -webkit-transform: rotate(270deg); -ms-transform: rotate(270deg); transform: rotate(270deg); }
.sk-circle .sk-circle11 { -webkit-transform: rotate(300deg); -ms-transform: rotate(300deg); transform: rotate(300deg); }
.sk-circle .sk-circle12 { -webkit-transform: rotate(330deg); -ms-transform: rotate(330deg); transform: rotate(330deg); }
.sk-circle .sk-circle2:before { -webkit-animation-delay: -1.1s; animation-delay: -1.1s; }
.sk-circle .sk-circle3:before { -webkit-animation-delay: -1s; animation-delay: -1s; }
.sk-circle .sk-circle4:before { -webkit-animation-delay: -0.9s; animation-delay: -0.9s; }
.sk-circle .sk-circle5:before { -webkit-animation-delay: -0.8s; animation-delay: -0.8s; }
.sk-circle .sk-circle6:before { -webkit-animation-delay: -0.7s; animation-delay: -0.7s; }
.sk-circle .sk-circle7:before { -webkit-animation-delay: -0.6s; animation-delay: -0.6s; }
.sk-circle .sk-circle8:before { -webkit-animation-delay: -0.5s; animation-delay: -0.5s; }
.sk-circle .sk-circle9:before { -webkit-animation-delay: -0.4s; animation-delay: -0.4s; }
.sk-circle .sk-circle10:before { -webkit-animation-delay: -0.3s; animation-delay: -0.3s; }
.sk-circle .sk-circle11:before { -webkit-animation-delay: -0.2s; animation-delay: -0.2s; }
.sk-circle .sk-circle12:before { -webkit-animation-delay: -0.1s; animation-delay: -0.1s; }

@-webkit-keyframes sk-circleBounceDelay {
    0%, 80%, 100% { -webkit-transform: scale(0); transform: scale(0); }
    40% { -webkit-transform: scale(1); transform: scale(1); }
}

@keyframes sk-circleBounceDelay {
    0%, 80%, 100% { -webkit-transform: scale(0); transform: scale(0); }
    40% { -webkit-transform: scale(1); transform: scale(1); }
}*/

/* xinghe-theme */
.clearfix {
}

    .clearfix::after {
        content: ' ';
        visibility: hidden;
        height: 1px;
        width: 1px;
        display: block;
        clear: both;
    }

html,
.xinghe {
    font-family: "PingFangSC-Medium", "Microsoft yahei", "微软雅黑";
    background: #f0f2f5;
}

    .xinghe .container,
    .xinghe .roomfolio-container {
        height: 100%;
        max-width: 100%;
    }
    .xinghe .extra-wrapper .search-list form{
        display: inline-block;
    }
    .xinghe .extra-wrapper .search-list input {
        max-width: initial;
        width: 226px;
    }
    .xinghe .extra-wrapper .search-list .filter {
        display: block;
    }
    .xinghe .stat-item {
        position: relative;
        display: inline-block;
        padding: 0 40px;
    }
        .xinghe .sep3 .stat-item{
            width: 30%;
        }
        .xinghe .sep7 .stat-item{
            width: 14%;
        }
        .xinghe .container > .ant-card {
            /*padding: 20px;*/
            /*margin: 20px;*/
            margin: 10px;
        }
    /* roommap */
    .xinghe .roommap .sider {
        background-color: #fff;
        /*padding: 10px;*/
    }
        .xinghe .roommap .sider .ant-card-head {
            /*min-height: 28px;*/
            /*padding: 0 10px;*/
        }
        .xinghe .roommap .sider .ant-card-head-title {
            /*padding: 0;*/
        }
        .xinghe .roommap .sider .ant-card-body {
            /*padding: 5px;*/
        }
        .xinghe .roommap .sider .tools .room_filter ul li {
            /*padding: 0;*/
        }
    .xinghe .layout-container .layout-content .mainframe{
        padding: 10px;
        /*overflow: hidden;*/
    }
    .xinghe .layout-content .mainframe ul{
        padding: 10px;
    }
    .xinghe .mainheader .tools .loginInfo .nav_link li {
        display: inline-block;
        height: 40px;
        line-height: 36px;
        background: rgba(245,166,35,1);
        border-radius: 4px;
        cursor: pointer;
        font-weight: bold;
        font-size: 14px;
        padding: 2px 30px;
        width: auto;
    }

    .xinghe .roomfloor {
        width: auto;
        width: auto;
        width: initial;
        /*float: left;*/
        float: right;
    }
    .xinghe .roomfloor.position{
        position: absolute;
        right: 20px;
        top: 10px;
    }

        .xinghe .roomfloor ul li {
            font-size: 12px;
            color: #242536;
            background: #fff;
            width: 35px;
            height: 35px;
            line-height: 35px;
            margin-top: 5px;
            border: 1px solid #E6E6E6;
            transition: background-color .3s ease-in;
        }

            .xinghe .roomfloor ul li.active {
                color: #fff;
                background-color: #242536;
            }

    .xinghe .tools .room_filter ul li {
        font-family: "Microsoft YaHei";
        width: auto;
        width: initial;
        float: none;
        color: #242536;
        display: inline-block;
        padding: 0 5px;
        line-height: 24px;
    }

        .xinghe .tools .room_filter ul li i {
            height: 18px;
            width: 18px;
            margin-right: 5px;
            border: 1px solid transparent;
        }

            .xinghe .tools .room_filter ul li i.ckbox {
                border: 1px solid #242536;
            }

            .xinghe .tools .room_filter ul li i.checkin {
                background-color: #1980e7;
                background-image: none;
            }

            .xinghe .tools .room_filter ul li i.clean {
                background-color: #fff;
                background-image: none;
            }

            .xinghe .tools .room_filter ul li i.dirty {
                background-color: #794a0b;
                background-image: none;
            }

            .xinghe .tools .room_filter ul li i.stop {
                background-color: #ccc;
                background-image: none;
            }

            .xinghe .tools .room_filter ul li i.cleansing {
                background-color: #99CC33;
                background-image: none;
            }

            .xinghe .tools .room_filter ul li i.check {
                background-image: url(../images/theme/xinghe/roommap/check_room.png);
                background-color: #E2CF00;
                background-size: 100%;
            }

            .xinghe .tools .room_filter ul li i.timeroom {
                background-image: url(../images/theme/xinghe/roommap/time_room.png);
            }

            .xinghe .tools .room_filter ul li i.readygo {
                background-image: url(../images/theme/xinghe/roommap/ready_go.png);
            }

            .xinghe .tools .room_filter ul li i.arrearage {
                background-image: url(../images/theme/xinghe/roommap/arrearage.png);
            }

            .xinghe .tools .room_filter ul li i.sort {
                background-image: url(../images/theme/xinghe/roommap/sort.png);
            }

            .xinghe .tools .room_filter ul li i.inner {
                background-image: url(../images/theme/xinghe/roommap/inner.png);
            }

            .xinghe .tools .room_filter ul li i.connect {
                background-image: url(../images/theme/xinghe/roommap/connect.png);
            }

            .xinghe .tools .room_filter ul li i.free {
                background-image: url(../images/theme/xinghe/roommap/free.png);
            }

            .xinghe .tools .room_filter ul li i.team {
                background-image: url(../images/theme/xinghe/roommap/team.png);
            }

            .xinghe .tools .room_filter ul li i.ckboxac {
                background: #007FFF url(../images/theme/xinghe/roommap/icon_check.png) no-repeat center top;
            }

    .xinghe .roomfolio-container {
        padding-right: 200px;
    }

        .xinghe .roomfolio-container .tools {
            float: none;
            background: #FCFCFC;
            border-top: none;
            text-align: initial;
        }

            .xinghe .roomfolio-container .tools .mainheader {
                border: none;
                overflow: inherit;
                background: none;
                height: inherit;
                padding: 12px 10px;
            }

            .xinghe .roomfolio-container .tools .item {
                /* float: none; */
            }
    .xinghe .container .roomfolio_nav {
        float: none;
        border: none;
        background: #222E48;
        text-align: center;
        width: 200px;
        height: 100%;
        margin: 0;
        position: absolute;
        right: 0;
        top: 0;
        padding-top: 10vh;
    }

    .xinghe .roomfolio_nav .nav_title {
        text-align: center;
        font-size: 16px;
        display: block;
        width: auto;
        height: auto;
        font-weight: bold;
        color: #fff;
        background-color: transparent;
        padding: 22px 0 10px;
    }

    .xinghe .roomfolio_nav .nav_statis li {
        font-size: 14px;
        padding: 14px 12px;
        width: 100%;
        height: inherit;
        line-height: 1;
        color: #fff;
    }

        .xinghe .roomfolio_nav .nav_statis li b {
            float: none;
            font-weight: bold;
        }

            .xinghe .roomfolio_nav .nav_statis li b:first-child {
                text-align: left;
                display: inline-block;
                width: 86px;
            }

            .xinghe .roomfolio_nav .nav_statis li b:nth-child(2) {
                color: #fff;
                float: right;
                min-width: 70px;
                padding: 0 20px;
            }

    .xinghe .roomfolio_nav .nav_statis.first {
        border-bottom: none;
        height: auto;
        height: initial;
    }
    .xinghe .panel {
        text-align: center;
        margin-bottom: 20px;
    }
        .xinghe .panel .separator {
            height: 50px;
            top: -12px;
        }
        .xinghe .panel .ant-row .ant-col .ant-card {
            margin-right: 20px;
        }
        .xinghe .panel .ant-row .ant-col:last-child .ant-card {
            margin-right: 0;
        }
        .xinghe .panel .ant-card {
            /*display: inline-block;*/
        }
            .xinghe .panel .ant-card.sep3 {
                width: 34%;
                margin-right: 20px;
            }

            .xinghe .panel .ant-card.sep7 {
                width: 64%;
            }

    .xinghe .mainheader {
        height: auto;
        height: initial;
        margin-bottom: 14px;
        /*box-shadow: 0px 1px 4px 0px rgba(150,150,150,0.3);*/
    }

.toolbutton .new_small_btn {
    font-weight: bold;
    width: auto;
    padding: 10px 20px;
    background: rgba(245,166,35,1);
    height: auto;
}
/* roommap END */
/* 房态 */
.xinghe .mainframe .roomstatus ul li {
    font-family: "PingFangSC-Medium";
    cursor: pointer;
    float: left;
    background: transparent;
    margin: 0 10px 10px 0;
    height: 80px;
    width: 110px;
    padding: 5px;
    border-radius: 4px;
    box-shadow: 0px 1px 2px rgba(0,0,0,0.5);
    color: #fff;
    user-select: none;
    transition: all .2s;
}

    .xinghe .mainframe .roomstatus ul li.clean {
        color: #242536;
        background: #baf3cb;
        border: solid 1px #242536;
    }

    .xinghe .mainframe .roomstatus ul li.checkin,
    .xinghe .mainframe .roomstatus ul li.checkindirty {
        /* background: #1980e7; */
        /* background: rgb(166, 149, 226); */
        background: #95d5e2;
    }

    .xinghe .mainframe .roomstatus ul li.dirty {
        /* background: #794a0b; */
        /* background: rgb(149, 213, 226); */
        background: #b26745;
    }
    .xinghe .mainframe .roomstatus ul li.emptydirty {
        /* background: #794a0b; */
        /* background: rgb(149, 213, 226); */
        /*background: rgba(233, 129, 82, .7);*/
        background: #ccc;
    }

    .xinghe .mainframe .roomstatus ul li.stop {
        background: #f16666;
        /* background: rgb(149, 226, 165); */
    }

    .xinghe .mainframe .roomstatus ul li.cleansing {
        /* background: #99CC33; */
        /*background: rgb(168, 204, 137);*/
        background: #ffe8ff;
        /* background: #ff4d4f; */
    }
    .xinghe .mainframe .roomstatus ul li.incleansing {
        background: #f5adf5;
    }

    .xinghe .mainframe .roomstatus ul li.check {
        /* background: #e2cf00; */
        border: 1px solid #D2D2D2;
    }

    .xinghe .mainframe .roomstatus ul li.readygo {
        /* background: #242536; */
        border: 1px solid #D2D2D2;
    }

    .xinghe .mainframe .roomstatus ul li.arrearage {
        /* background: #ff3535; */
        border: 1px solid #D2D2D2;
    }

    .xinghe .mainframe .roomstatus ul li.inner {
        /* background: #325d00; */
        border: 1px solid #D2D2D2;
    }

    .xinghe .mainframe .roomstatus ul li.connect {
        /* background: #3cc9df; */
        border: 1px solid #D2D2D2;
    }

    .xinghe .mainframe .roomstatus ul li.free {
        /* background: #6bc521; */
        border: 1px solid #D2D2D2;
    }

    .xinghe .mainframe .roomstatus ul li.team {
        /* background: #310c6c; */
        border: 1px solid #D2D2D2;
    }

    .xinghe .mainframe .roomstatus ul li.timeroom {
        /* background: #ff7244; */
        border: 1px solid #D2D2D2;
    }

    .xinghe .mainframe .roomstatus ul li.selected {
        color: #242536;
        opacity: 1;
        transition: 0.15s ease-in;
        /* box-shadow: 4px 4px 15px 1px #242536; */
        box-shadow: 1px 1px 4px -1px #242536;
        border-radius: 4px;
    }

    .xinghe .mainframe .roomstatus ul li span.roomcode {
        height: auto;
        height: initial;
    }

    .xinghe .mainframe .roomstatus ul li span.roomnum {
        font-size: 16px;
    }

    .xinghe .mainframe .roomstatus ul li span.span_guest_name {
        font-family: "PingFangSC-Medium";
        font-size: 12px;
        height: auto;
        height: initial;
        padding-top: 0;
    }
/* 会员 */
.xinghe .container .meb_nav {
    border-right: none;
    width: 149px;
    background: #222E48;
    float: none;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
}

.xinghe .meb_nav .nav_link {
    margin-top: 50px;
}

    .xinghe .meb_nav .nav_link li {
        color: #85abff;
        border-bottom: none;
        background: transparent;
        text-align: center;
    }

        .xinghe .meb_nav .nav_link li.active {
            color: #fff;
            background-color: #0E1931;
            font-size: 14px;
        }

        .xinghe .meb_nav .nav_link li.on,
        .xinghe .meb_nav .nav_link li.on_01 {
            font-weight: bold;
        }

.xinghe .container .content.sidebar {
    padding-left: 149px;
}

.xinghe .container .content.sidebar-right {
    padding-right: 200px;
}

.xinghe .mainheader .mtab {
    height: inherit;
    /* padding: 12px 10px; */
}

    .xinghe .mainheader .mtab .date_search {
        text-align: right;
        color: #909399;
    }

.xinghe .container .statistic {
    position: absolute;
    bottom: 100px;
    left: 0;
    right: 0;
    color: hsla(0,0%,100%,.65);
    text-align: left;
}
    .xinghe .container .statistic .nav_title {
        font-size: 18px;
        color: #fff;
        border-bottom: 1px solid hsla(0,0%,100%,.65);
        padding: 3px 13px;
        margin-bottom: 5px;
    }

    .xinghe .container .statistic .nav_statis {
        font-size: 14px;
        padding-left: 20px;
    }

    .xinghe .container .statistic .nav_statis li{
        padding: 5px;
    }
        .xinghe .container .statistic .nav_statis li b:last-child{
            margin-left: 10px;
            font-size: 16px;
        }

    /* 房态预测 */
    .xinghe .extra-wrapper .mainheader {
        padding: 0;
        margin-bottom: 0;
        box-shadow: none;
        background: transparent;
    }
    .xinghe .extra-wrapper .mainheader .mtab {
        padding: 0;
    }
.xinghe .mainframe .curryroomstatus .ratelist ul {
    padding: 10px 0;
}

    .xinghe .mainframe .curryroomstatus .ratelist ul li label {
        cursor: pointer;
        line-height: 17px;
        margin-right: 5px;
    }

    .xinghe .mainframe .curryroomstatus .ratelist ul li .box label span {
        margin: 0 0 0 20px;
    }

    .xinghe .mainframe .curryroomstatus .ratelist ul li .box label:after {
        border: 1px solid #242536;
        width: 17px;
        height: 17px;
    }

    .xinghe .mainframe .curryroomstatus .ratelist ul li .box input:checked + label:after {
        background-color: #007FFF;
    }
/*  */
.xinghe .mainframe,
.xinghe .mainheader {
    padding: 10px 20px;
}
    .xinghe .mainframe.main-content {
        padding: 0;
    }
    .xinghe .mainheader .search-blcok {
    }

        .xinghe .mainheader .search-blcok .btn {
            border-radius: 0 4px 4px 0;
            padding-left: 30px;
            padding-right: 30px;
        }

.xinghe .lbltable {
    margin-top: 10px;
}

.xinghe .tips {
    color: #1989fa;
    font-family: "Microsoft YaHei";
    font-size: 13px;
    font-weight: 400;
    line-height: 16px;
    text-align: center;
}

.xinghe .meb_nav .nav_title {
    display: block;
    width: auto;
    width: initial;
    margin: 20px 0 0 0;
    font-weight: normal;
    color: #fff;
    font-family: "PingFangSC-Semibold";
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    text-align: center;
}

.xinghe .meb_nav .nav_statis {
    text-align: center;
}

    .xinghe .meb_nav .nav_statis li {
        background: none;
        padding-left: 0;
        color: #242536;
        font-family: "Microsoft YaHei";
        font-size: 14px;
        font-weight: 400;
        line-height: 18px;
    }

        .xinghe .meb_nav .nav_statis li b {
            display: inline-block;
            float: none;
            width: auto;
            width: initial;
            color: #fff;
            padding: 6px 10px;
        }

.xinghe .ms-choice {
    display: block;
    width: 100%;
    height: 22px;
    padding: 0;
    overflow: hidden;
    cursor: pointer;
    border: 0;
    text-align: left;
    white-space: nowrap;
    line-height: 22px;
    color: #444;
    text-decoration: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background-color: #fff;
}

    .xinghe .ms-choice > span {
        line-height: 22px;
    }

.ms-choice > div {
    top: 3px;
}

/* 订单 */
.xinghe .mainframe .orderlist {
    width: auto;
    width: initial;
    /* margin: 0 20px; */
    margin: 0;
}

    .xinghe .mainframe .orderlist .serchbar {
        /* padding: 20px 10px; */
        padding: 20px 10px 10px;
    }

    .xinghe .mainframe .orderlist.roomfolios .serchbar {
        padding: 10px;
        border-bottom: 1px solid #D7D7D7;
    }

.xinghe .orderlist .serchbar select,
.xinghe .orderlist .serchbar form {
    display: inline-block;
    margin-right: 5px;
}

    .xinghe .orderlist .serchbar form input {
        width: 240px;
        max-width: 100%;
    }

.xinghe .orderlist.workfolids form input {
    width: 120px;
    margin-right: 5px;
}
.xinghe .orderlist.workfolids form input:read-only {
    background: initial;
    cursor: default;
}
.xinghe .orderlist .serchbar .filter-bar,
.xinghe .orderlist .serchbar .search-list {
    display: inline-block;
    width: 50%;
}

.xinghe .orderlist .serchbar .search-list {
    width: 48%;
    text-align: right;
}

.xinghe .mainframe .orderlist .filter {
    display: inline-block;
    padding: 6px 4%;
    text-align: center;
    position: relative;
    font-size: 14px;
    font-family: PingFangSC-Medium,PingFang SC;
    font-weight: bold;
    color: #161616;
    line-height: 20px;
}

.xinghe .mainframe .orderlist.roomfolios .select {
    background: #fff;
    color: #143B95;
    border-radius: 0;
}

    .xinghe .mainframe .orderlist.roomfolios .select::after {
        content: " ";
        width: 100%;
        display: inline-block;
        height: 1px;
        border: 2px solid #143B95;
        padding: 0 4px;
        position: absolute;
        left: 0;
        bottom: -14px;
        color: #143B95
    }

.xinghe .MoreSearch .tips {
    display: block;
    color: #000;
    font-weight: bold;
    line-height: 32px;
    font-size: 16px;
    padding: 4px 0px 4px 0px;
    border-bottom: 1px solid #2a4e5a;
    width: auto;
    margin-left: 5px;
    margin-bottom: 10px;
}
.xinghe .report .rptserchbar .conditon .filter .date_filter{
  line-height: 1.499;
    position: relative;
    display: inline-block;
    font-weight: 400;
    white-space: nowrap;
    text-align: center;
    box-shadow: 0 2px 0 rgba(0,0,0,.015);
    cursor: pointer;
    transition: all .3s cubic-bezier(.645,.045,.355,1);
    user-select: none;
    font-size: 14px;
    color: rgba(0,0,0,.65);
    background-color: #fff;
    border: 1px solid #d9d9d9;
    padding: 5px 26px;
}
.xinghe .report .rptserchbar .conditon .filter .more_filter:hover,
.xinghe .report .rptserchbar .conditon .filter .more_filter:focus,
.xinghe .report .rptserchbar .conditon .filter .date_filter:hover,
.xinghe .report .rptserchbar .conditon .filter .date_filter:focus{
  color: #40a9ff;
  background-color: #fff;
  border-color: #40a9ff;
}
.xinghe .report .rptserchbar .conditon .sum_data{
  border-color: #40a9ff;
}
.xinghe .report .rptserchbar .conditon .filter .more_filter{
  line-height: 32px;
    position: relative;
    display: inline-block;
    font-weight: 400;
    white-space: nowrap;
    text-align: center;
    background-image: none;
    cursor: pointer;
    transition: all .3s cubic-bezier(.645,.045,.355,1);
    user-select: none;
    touch-action: manipulation;
    height: 32px;
    padding: 0 15px;
    font-size: 14px;
    border-radius: 4px;
    color: rgba(0,0,0,.65);
    background-color: #fff;
    border: 1px solid #d9d9d9;
    vertical-align: top;
}

.xinghe .report .rptserchbar .conditon .filter .date_filter.select {
  color: #fff;
    background: #1890ff;
    border: 1px solid #1890ff;
}
.xinghe .report .rptserchbar .conditon .sum_data > span {
    padding-right: 0;
    width: 23%;
    display: inline-block;
}
/* 报表 */
.xinghe .reportlist-wrapper .meb_nav {
    width: 200px;
}

.xinghe .reportlist-wrapper .content.sidebar {
    padding-left: 200px;
}

.xinghe .reportlist-wrapper .meb_nav .nav_title {
    background: #344872;
    padding: 10px 0;
    color: #fff;
    margin-top: 1px;
    position: relative;
}

    .xinghe .reportlist-wrapper .meb_nav .nav_title span {
        position: absolute;
        right: 12px;
    }

.xinghe .reportlist-wrapper .meb_nav .nav_link {
    margin-top: 0;
}

    .xinghe .reportlist-wrapper .meb_nav .nav_link li {
        height: auto;
        height: initial;
        line-height: 1;
        /* padding: 0 10px 0 20px; */
        text-align: left;
    }

.xinghe .reportlist-wrapper .nav_link li a {
    padding: 15px 10px 15px 20px;
    display: block;
}

.xinghe .reportlist-nav .nav_link li.active a, .xinghe .reportlist-wrapper .nav_link li a {
    color: #85abff;
}

    .xinghe .reportlist-nav .nav_link li:hover a, .xinghe .reportlist-wrapper .nav_link li a:hover,
    .xinghe .reportlist-nav .nav_link li.active a, .xinghe .reportlist-wrapper .nav_link li.active a {
        color: #fff !important;
        background-color: #0E1931;
        font-weight: 600;
        text-decoration: none;
    }

.xinghe .reportlist {
    padding: 0;
}

    .xinghe .reportlist .lstitem ul li {
        width: 150px;
        height: auto;
        height: initial;
        line-height: 1;
        padding: 0;
    }

        .xinghe .reportlist .lstitem ul li a {
            background-color: #F5A623;
            width: auto;
            width: initial;
            color: #fff;
            display: block;
            text-decoration: none;
            padding: 20px 5px;
            font-size: 14px;
            font-weight: bold;
            cursor: pointer;
            transition: .3s;
            text-align: center;
        }

            .xinghe .reportlist .lstitem ul li a:hover {
                opacity: .3;
                color: #fff;
            }

.xinghe .mainframe .payinfo .p_01,
.xinghe .mainframe .payinfo .p_02,
.xinghe .mainframe .payinfo .p_03,
.xinghe .mainframe .payinfo .p_04,
.xinghe .mainframe .payinfo .p_05,
.xinghe .mainframe .mebtypeinfo .p_01,
.xinghe .left_roomfolio .menus ul li {
    /* color: #fff; */
    /* border-color: #1890ff; */
    border-color: #e8e8e8;
    background-color: #fafafa;
}
.xinghe .left_roomfolio .menus ul li{
    font-size: 14px;
    margin-right: 2px;
}
.xinghe .left_roomfolio .menus ul li + li{
    /* margin-left: -2px; */
}
.xinghe .mainframe .mebtypeinfo .p_01,
.xinghe .left_roomfolio .menus ul li a{
    /* color: #1890ff; */
    color: rgba(0,0,0,.65);
}
.xinghe .left_roomfolio .menus ul li.active a,
.xinghe .mainframe .mebtypeinfo .p_01.select,
.xinghe .left_roomfolio .menus ul li.active {
    /* color: #fff;
    background-color: #1890ff; */
    /* background-color: #fafafa; */
    color: #1890ff;
    background: #fff;
    border-color: #e8e8e8;
    /* border-bottom: 1px solid #fff; */
}

/* 设置 */
.xinghe .meb_nav .nav_link li span {
    float: none;
    padding-right: 0;
    font-family: inherit;
    font-size: inherit;
    color: inherit;
}

.xinghe .setting .meb_nav .nav_link {
    margin-top: 0;
}

    .xinghe .setting .meb_nav .nav_link li.active span,
    .xinghe .setting .meb_nav .nav_link li:hover span {
        font-weight: 600;
    }
/* 通用 */
.xinghe .btn {
    /* border: 0;
    line-height: initial;
    height: auto;
    height: initial;
    width: auto;
    width: initial;
    padding: 10px 30px;
    border-radius: 4px; */

    width: initial;
    line-height: 1.499;
    position: relative;
    display: inline-block;
    font-weight: 400;
    white-space: nowrap;
    text-align: center;
    background-image: none;
    cursor: pointer;
    transition: all .3s cubic-bezier(.645,.045,.355,1);
    user-select: none;
    touch-action: manipulation;
    height: 32px;
    padding: 0 15px;
    font-size: 14px;
    border-radius: 4px;
    color: rgba(0,0,0,.65);
    background-color: #fff;
    border: 1px solid #d9d9d9;
}
.xinghe .btn.position {
    position: absolute;
    right: 10px;
    bottom: 10px;
}
.xinghe .btn.mini{
    height: 36px;
    width: 40px;
    font-size: 12px;
}
.xinghe .btn.default.mini{
    padding: 0 2px;
}
.xinghe .toolbutton{
    /* padding-bottom: 0; */
    /* width: auto; */
}

    .xinghe .btn:hover,
    .xinghe .btn:focus {
        /* border: none; */
        color: #40a9ff;
        background-color: #fff;
        border-color: #40a9ff;
    }
    .xinghe .input.disabled,
    .xinghe .btn.disabled.softblue,
    .xinghe .btn[disabled].softblue,
    .xinghe .btn.disabled, .xinghe .btn[disabled] {
      cursor: not-allowed;
    }
    .xinghe .input.disabled,
    .xinghe .btn.default.softblue[disabled],
    .xinghe .btn.default.softblue[disabled]:hover,
    .xinghe .btn.default.softblue[disabled]:active,
    .xinghe .btn.default.softblue[disabled]:focus,
    .xinghe .btn.disabled,
    .xinghe .btn.disabled:hover,
    .xinghe .btn.disabled:active,
    .xinghe .btn.disabled:focus,
    .xinghe .btn[disabled],
    .xinghe .btn[disabled]:hover,
    .xinghe .btn[disabled]:active,
    .xinghe .btn[disabled]:focus{
      color: rgba(0,0,0,.25);
      background-color: #f5f5f5;
      border-color: #d9d9d9;
      text-shadow: none;
      box-shadow: none;
    }

    .xinghe .btn.softblue,
    .xinghe .tab_hotel li .submitA,
    .xinghe .tab_hotel .submit, .xinghe .tab_hotel .btn{
      color: #fff;
      background-color: #1890ff;
      border-color: #1890ff;
    }

    .xinghe .btn.group {
        /*margin-left: -15px;*/
        /*border-radius: 0 4px 4px 0;*/
    }

    /* .xinghe .btn.softblue {
        background: #1890ff;
    } */

    .xinghe .btn.slim {
        padding: 5px 10px;
    }

.xinghe .input {
    max-width: 150px;
    width: 150px;
    height: 36px;
    border: 1px solid #D8DCE6;
    padding: 8px;
    border-radius: 4px;
    color: #909399;
    background: #fff;
}
    .xinghe.popup .input{
        /*max-width: initial;
        width: initial;*/
    }
    .xinghe textarea.input {
        width: 100%;
        max-width: 100%;
    }

.xinghe input[type='text']:focus, input[type='password']:focus, textarea:focus {
    /*border: 1px solid #464343 !important;
    color: #464343;*/
}

.xinghe .pages {
    box-sizing: border-box;
    color: rgba(0,0,0,.65);
    font-size: 14px;
    line-height: 1.5;
    font-feature-settings: "tnum";
    /*margin: 16px 0;*/
    margin: 16px 0 0;
    text-align: right;
}
    .xinghe .pages span,
    .xinghe .pages b {
        display: inline-block;
        height: 32px;
        margin-right: 8px;
        line-height: 30px;
        vertical-align: middle;
        min-width: 32px;
        font-family: Arial;
        text-align: center;
        background-color: #fff;
        border: 1px solid #d9d9d9;
        border-radius: 4px;
        outline: 0;
        cursor: pointer;
        user-select: none;
    }
    .xinghe .pages b {
        font-weight: 500;
        color: rgba(0,0,0,.65);
        border-radius: 4px;
        transition: all .3s;
    }

    .xinghe .pages span {

    }
        .xinghe .pages span:focus,
        .xinghe .pages b:focus,
        .xinghe .pages span:hover,
        .xinghe .pages b:hover {
            border-color: #1890ff;
            transition: all .3s;
        }

        .xinghe .pages b a,
        .xinghe .pages span a {
            display: block;
            padding: 0 6px;
            color: rgba(0,0,0,.65);
            transition: none;
            background-color: transparent;
            outline: none;
            cursor: pointer;
        }

        .xinghe .pages span.active a {
            color: #1890ff;
        }

    .xinghe .pages b.disabled a{
        color: rgba(0,0,0,.25);
        border-color: #d9d9d9;
        cursor: not-allowed;
    }

    .xinghe .pages b.active,
    .xinghe .pages span.active {
        font-weight: 500;
        background: #fff;
        border-color: #1890ff;
    }

    .xinghe .pages div.total {
        display: inline-block;
        height: 32px;
        margin-right: 8px;
        line-height: 30px;
        vertical-align: middle;
        color: #020202;
    }

.xinghe .marg0 {
    margin: 0 !important;
}



@media screen and (max-width: 1440px) {
    .xinghe .orderlist .serchbar .screen_input {
        width: 160px;
    }
}

.xinghe .mainframe .mintable th{
    background-color: #fafafa;
}


/*主题样式*/
.xinghe .layout-content .mainframe ul,
.xinghe .layout-container .layout-content .mainframe {
    padding: 0;
}

.xinghe .sider {
    overflow-x: hidden;
}
    .xinghe .sider.gap {
        padding: 14px 10px 10px;
    }

.xinghe .sider .ant-card-head {
    /*min-height: 28px;*/
    padding: 0 10px;
    border-bottom: none;
}
    .xinghe .sider .ant-card-head-title{
        padding: 20px 0 10px;
        border-bottom: none;
    }
    .xinghe .toolbox .btn-group {
        padding-bottom: 10px;
    }
.xinghe .sider .ant-card-body{
    text-align: left;
    padding: 10px;
}
.xinghe .ant-card-body .ant-radio-button-wrapper {
    width: 84px;
    overflow: hidden;
    text-overflow: ellipsis;
    box-sizing: border-box;
    line-height: 1.5;
    list-style: none;
    font-feature-settings: "tnum";
    display: inline-block;
    height: auto;
    margin: 0 8px 6px 0;
    padding: 0 7px;
    font-size: 13px;
    /*line-height: 22px;*/
    line-height: 26px;
    white-space: nowrap;
    /*background: #fafafa;*/
    /*border: 1px solid #d9d9d9;*/
    border: 1px solid transparent;
    border-radius: 4px;
    /*cursor: default;*/
    opacity: 1;
    transition: all .3s cubic-bezier(.78,.14,.15,.86);
}
.xinghe .ant-card-body .ant-radio-group-solid .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled) {
    color: #fff;
    background: #1890ff;
    border-color: #1890ff;
}
.xinghe .ant-card-body .ant-tag {
    font-size: 14px;
    border: none;
    background: #fff;
    margin-right: 0;
    cursor: pointer;
}
    .xinghe .ant-card-body .ant-tag.active {
        color: #fff;
        background: #1890ff;
        border-color: #1890ff;
    }
.xinghe .ant-card-body ul li.tag {
    width: 84px;
    text-align: left;
    line-height: 26px;
    padding: 5px 5px;
}
.xinghe .ant-card-body .ant-badge .ant-badge-status-dot {
    width: 12px;
    height: 12px;
}
    .xinghe .ant-card-body .ant-badge .ant-badge-status-dot:first-child {
        border: 1px solid #505050;
    }
    .xinghe .ant-card-body .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled) {
        box-shadow: none;
    }
.xinghe .ant-card-body .ant-radio-button-wrapper:not(:first-child):before {
    width: 0;
    background-color: transparent;
}
.xinghe .toolbox .btn-group .ant-btn {
    margin-right: 8px;
    height: 26px;
    padding: 0 10px;
}
    .xinghe .toolbox .btn-group .ant-btn:last-child{
        margin-right: 0;
        padding: 0 8px;
    }

.xinghe .mainframe ul li.card {
    position: relative;
    color: #000000;
    padding: 5px 14px;
    width: 160px;
    height: 130px;
    /*width: 144px;
    height: 120px;*/
    /*background: #FFFFFF;
    border: 1px solid #D2D2D2;
    border-radius: 4px;*/
    box-shadow: none;
}
    .xinghe .mainframe ul li.card.clean {
        border: 1px solid #D2D2D2
    }
.xinghe .mainframe.nobackground{
    background: none;
}
.xinghe .mainframe .roomfloor {
    padding-left: 10px;
    margin-top:0;
}
.xinghe .mainframe .roomstatus {
    padding-right: 50px;
}
/*.xinghe .mainframe .roomstatus ul {
    padding: 20px;
    background: #fff;
}*/
.xinghe .mainframe .roomstatus .roomstatus-content {
    padding: 20px;
    padding-right: 0;
    background: #fff;
}
.xinghe .mainframe .roomstatus .roommap-tab {
    border-bottom: 1px solid #ccc;
    margin-bottom:20px;
}
.xinghe .mainframe .roomstatus .roommap-tab .roommap-tab-box {
    display: inline-block;
    width: 80px;
    padding: 10px;
    cursor: pointer;
    font-size: 16px;
    font-weight: 500;
    color: #828282;
    text-align: center;
}
.xinghe .mainframe .roomstatus .roommap-tab .roommap-tab-box:hover {
    color: #448EF7;
}
.xinghe .mainframe .roomstatus .roommap-tab .active {
    color: #448EF7;
    position:relative;
}
.xinghe .mainframe .roomstatus .roommap-tab .active::after {
    content: '';
    width: 80px;
    height: 2px;
    background: #448EF7;
    position: absolute;
    bottom: 0;
    left: 0;
}
.xinghe .mainframe .roomstatus ul {
    user-select: none;
}
.xinghe .mainframe .roomstatus .roommap-content {
    user-select: none;
}
.xinghe .mainframe .roomstatus .roommap-content .roommap-box {
    user-select: none;
}
.xinghe .mainframe .roomstatus .roommap-content .roommap-box .roomstatus-box-title {
    font-size: 18px;
    font-weight: 600;
    margin: 10px 0 15px;
}
.xinghe .mainframe .roomstatus ul li span.roomnum {
    font-size: 14px;
}
.xinghe .mainframe .roomstatus ul li span.roomcode{
    padding-top: 0;
}
    .xinghe .mainframe .roomstatus ul li span.span_sign {
        position: absolute;
        bottom: 33px;
        left: 10px;
    }
    .xinghe .mainframe .roomstatus ul li span.span_dispatch {
        position: absolute;
        bottom: 5px;
        left: 5px;
    }
    /*.xinghe .mainframe .roomstatus ul li span.roomstatus-box-dispatchstate0,
    .xinghe .mainframe .roomstatus ul li span.roomstatus-box-dispatchstate1,
    .xinghe .mainframe .roomstatus ul li span.roomstatus-box-dispatchstate4 {
        background: #a3aabc;
        width: 75px;
        text-align: center;
        border-radius: 15px;
        color: #fff;
    }
    .xinghe .mainframe .roomstatus ul li span.roomstatus-box-dispatchstate2,
    .xinghe .mainframe .roomstatus ul li span.roomstatus-box-dispatchstate3,
    .xinghe .mainframe .roomstatus ul li span.roomstatus-box-dispatchstate4 {
        background: #448ef7;
        width: 75px;
        text-align: center;
        border-radius: 15px;
        color: #fff;
    }*/
    .xinghe .mainframe .roomstatus ul li span.span_remark {
        position: absolute;
        bottom: 5px;
        right: 10px;
        width: 85px;
        height: 21px;
        text-align: right;
        overflow: hidden;
        word-break: keep-all;
        text-overflow: ellipsis;
    }

.xinghe .stats-panel {
    margin-bottom: 20px;
    /*margin-right: 60px;*/
}
.xinghe .stats-panel .ant-card-body{
    padding: 24px;
}
.xinghe .stats-wrapper {
    text-align: center;
}
.xinghe .stats-wrapper:first-child{
    margin-bottom: 16px;
}
.xinghe .stats-wrapper .stats {
    display: inline-block;
    line-height: 25px;
    color: #000;
    width: 18%;
}
.xinghe .stats-wrapper .stats .title {
    padding-right: 29px;
    width: 90px;
    display: inline-block;
    text-align: left;
}
.xinghe .stats-wrapper1 {
    display: flex;
    flex-wrap: wrap;
}
.xinghe .stats-wrapper1 .stats1 {
    display: flex;
    align-items:center;
    color: #000;
    width: 155px;
    margin-bottom: 10px;
    margin-top: 10px;
    padding-left: 15px;
    height: 50px;
}
.xinghe .stats-wrapper1 .stats1 .stats1-left {
    width: 44px;
    height: 44px;
}
.xinghe .stats-wrapper1 .stats1 .statsl-right {
    margin-left: 15px;
    display: flex;
    flex-flow: column;
    justify-content: space-between;
}
.xinghe .stats-wrapper1 .stats1 .statsl-right .data {
    font-size:20px;
    font-weight:500;
}
.xinghe .stats-wrapper1 .stats1 .statsl-right .title {
    font-size: 12px;
    font-weight: 400;
    color: rgba(0,0,0, .5);
}
.xinghe .mainframe .left_roomfolio{
    border-bottom: 1px solid rgb(232, 232, 232);
}
.xinghe .left_roomfolio .menus{
    margin: 2px 0 -1px 0px;
}
.xinghe .roomfloor ul li {
    width: 30px;
    height: 30px;
    line-height: 30px;
    border-radius: 4px;
    text-align:center;
}
    .xinghe .roomfloor ul li.active {
        color: #fff;
        background: #1890ff;
        border-color: #1890ff;
    }
    .xinghe .roomfloor ul li span {
        font-family: "PingFangSC-Medium", "Microsoft yahei", "微软雅黑";
    }


.xinghe .roomfolios .ant-card-body,
.xinghe .narrow .ant-card-body {
    padding: 10px 24px 10px 24px;
}

.xinghe .reportlist{
    background: none;
    padding: 0;
}
    .xinghe .reportlist.ant-card > .ant-card-body{
        padding: 0;
    }
    .xinghe .reportlist .ant-card {
        margin-bottom: 20px;
        border-radius: 6px;
    }
    /*.xinghe .reportlist .ant-card:last-child {
        margin-bottom: 0;
    }*/
    .xinghe .reportlist .ant-btn {
        width: 170px;
        height: 50px;
        margin: 0 25px 24px 25px;
    }
/*Common*/
.mt10 {
    margin: 10px;
}
.divider {
    display: block;
    clear: both;
    width: 100%;
    min-width: 100%;
    height: 1px;
    margin: 5px 0;
}
.xinghe .btn.default{
  line-height: 1.499;
    position: relative;
    display: inline-block;
    font-weight: 400;
    white-space: nowrap;
    text-align: center;
    background-image: none;
    cursor: pointer;
    transition: all .3s cubic-bezier(.645,.045,.355,1);
    user-select: none;
    touch-action: manipulation;
    height: 32px;
    padding: 0 15px;
    font-size: 14px;
    border-radius: 4px;
    color: rgba(0,0,0,.65);
    background-color: #fff;
    border: 1px solid #d9d9d9;
}
.xinghe .btn.default:hover,
.xinghe .btn.default:focus{
  color: #40a9ff;
  background-color: #fff;
  border-color: #40a9ff;
}
.xinghe .btn.default.softblue{
    color: #fff;
    background-color: #1890ff;
    border-color: #1890ff;
}
.xinghe .btn.default.softblue:focus, .xinghe .btn.default.softblue:hover {
    color: #fff;
    background-color: #40a9ff;
    border-color: #40a9ff;
}
.xinghe .ant-card .sm-table,
.xinghe .sm-table {
   font-size: 13px;
}
.xinghe .ant-card.narrow .ant-card-head-title,
.xinghe .ant-card.narrow .ant-card-extra{
  padding: 0;
}

.xinghe .ant-layout-sider{
    background: #fff;
}
.xinghe .ant-card-bordered{
    border-radius: 6px;
}
.xinghe .ant-card{
    border-radius: 6px;
}

.xinghe .ant-menu-inline,
.xinghe .ant-menu-vertical,
.xinghe .ant-menu-vertical-left {
    border-right: none;
}
.xinghe .layui-layer-setwin .layui-layer-min cite{
  background: rgba(0,0,0,.85);
}
.xinghe .layui-layer-btn .layui-layer-btn0, 
.xinghe .layui-layer-btn .layui-layer-btn1{
    line-height: 32px;
    position: relative;
    display: inline-block;
    font-weight: 400;
    white-space: nowrap;
    text-align: center;
    background-image: none;
    cursor: pointer;
    transition: all .3s cubic-bezier(.645,.045,.355,1);
    user-select: none;
    touch-action: manipulation;
    height: 32px;
    padding: 0 15px;
    font-size: 14px;
    border-radius: 4px;
    /* color: rgba(0,0,0,.65);
    background-color: #fff;
    border: 1px solid #d9d9d9; */
    color: #fff;
    background-color: #1890ff;
    border-color: #1890ff;
}
.xinghe .layui-layer-btn .layui-layer-btn1 {
    color: rgba(0,0,0,.65);
    background: #fff;
    border: 1px solid #d9d9d9;
}
.xinghe .layui-layer-title {
    /* background: #143B95; */
    background-color: #fafafa;
    border-bottom: 1px solid #e8e8e8;
}

.xinghe .layui-layer-title-name {
    /* background: #143B95;
        color: #fff; */
    background-color: #fafafa;
    color: rgba(0,0,0,.85);
    font-weight: 500;
    padding-left: 16px;
}
.xinghe .layui-layer-btn,
.xinghe .layui-layer-dialog .layui-layer-content {
    border-left: 1px solid #e8e8e8;
    border-right: 1px solid #e8e8e8;
}
.xinghe .bg-white,
.xinghe.bg-white {
    background-color: #fff;
}

.xinghe .btn.hide {
    display: none;
}
.textoverflow {
    overflow: hidden;
    text-overflow: ellipsis;
}
.star0::before {
    content: '☆';
    font-size: 20px;
    margin-right: 5px;
    color: #fff;
}.star1::before {
    content: '☆';
    font-size: 20px;
    margin-right: 5px;
    color: #ccc;
}
.star2::before {
    content: '★';
    font-size: 20px;
    margin-right: 5px;
    color: #c0c0c0;
}
.star3::before {
    content: '★';
    font-size: 20px;
    margin-right: 5px;
    color: #ffd700;
}
.star4::before {
    content: '★';
    font-size: 20px;
    margin-right: 5px;
    color: #f00;
}