html {
    font-family: "Microsoft YaHei",Helvetica,Tahoma,Arial,"Hiragino Sans GB","Hiragino Sans GB W3",STXihei,STHeiti,Heiti,SimSun,sans-serif;
}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, div, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font: inherit;
    font-size: 100%;
    vertical-align: baseline;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

    html body {
        width: 100%;
        height: 100%;
    }

ol, ul {
    list-style: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

a, a:hover, a:active, a:visited, a:link, a:focus {
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-tap-highlight-color: transparent;
    outline: none;
    background: none;
    text-decoration: none;
}

body, #wrapper, html {
    height: 100%;
}

.w1278 {
    width: 1278px;
    margin: 0 auto;
}

.w200 {
    width: 200px;
    margin: 0 auto;
}

#wrapper {
    width: 100%;
    height: 100%;
    background-color: #fafafa;
    display: flex;
}

.header {
    width: 200px;
    height: auto;
}

    .header .head {
        width: 100%;
        height: 50px;
        background: #fff;
        /* border-bottom: 1px solid #ddd; */
    }

        .header .head .left {
            height: 50px;
            line-height: 50px;
            background-size: contain;
        }


            .header .head .left .user {
                position: relative;
                float: left;
                margin: 17px 20px 0 20px;
                width: 28px;
                height: 28px;
                background-color: #383f52;
                border-radius: 5px;
            }

                .header .head .left .user:before {
                    content: "";
                    position: absolute;
                    left: 50%;
                    bottom: -15px;
                    margin-left: -6px;
                    width: 0;
                    height: 0;
                    border: 6px solid;
                    border-color: #383f52 transparent transparent transparent;
                }

                .header .head .left .user i {
                    margin: 5px;
                    display: block;
                    width: 18px;
                    height: 18px;
                    background: url("../Content/images/public/title_icon.png") -118px -55px no-repeat;
                }

            .header .head .left ul {
                /*       width: 400px;*/
                /*padding-top: 17px;*/
                overflow: hidden;
            }

                .header .head .left ul li {
                    float: left;
                    margin-left: 15px;
                }

                    .header .head .left ul li span {
                        color: #959ea7;
                        font-weight: bold;
                        margin-left: 2px;
                    }

                    .header .head .left ul li i {
                        display: inline-block;
                        width: 22px;
                        height: 22px;
                        border: 1px solid;
                        color: #b4b4b4;
                        border-radius: 5px;
                        font: 12px/28px "Microsoft YaHei",Helvetica,Tahoma,Arial,"Hiragino Sans GB","Hiragino Sans GB W3",STXihei,STHeiti,Heiti,SimSun,sans-serif;
                        text-align: center;
                        background-color: #f4f4f4;
                        /* font-weight: bold;*/
                        line-height: 18px;
                    }

        .header .head .right {
            height: 50px;
            color: #9FA0A0;
            display: flex;
            align-items: center;
        }

            .header .head .right .hotel-name {
                float: left;
            }

                .header .head .right .hotel-name .room-icon {
                    float: left;
                    width: 28px;
                    height: 28px;
                    border-radius: 5px;
                }

                    .header .head .right .hotel-name .room-icon i {
                        margin: 5px;
                        display: block;
                        width: 18px;
                        height: 18px;
                        background: url("../Content/images/index/icon_top_hotel@2x.png") no-repeat;
                        background-size: contain;
                    }

                .header .head .right .hotel-name a {
                    float: left;
                    font: 13px/28px "Microsoft YaHei",Helvetica,Tahoma,Arial,"Hiragino Sans GB","Hiragino Sans GB W3",STXihei,STHeiti,Heiti,SimSun,sans-serif;
                    color: #9FA0A0;
                }

            .header .head .right .shift-name {
                padding-right: 20px;
                float: left;
                margin-left: 15px;
            }

                .header .head .right .shift-name .shift-img {
                    float: left;
                    cursor: pointer;
                }

            .header .head .right .shift i {
                float: left;
                margin: 5px;
                display: block;
                width: 18px;
                height: 18px;
                background-size: contain;
                background-repeat: no-repeat;
            }

                .header .head .right .shift i.A {
                    background-image: url("../Content/images/public/icon_shift1.png");
                }

                .header .head .right .shift i.B {
                    background-image: url("../Content/images/public/icon_shift2.png");
                }

                .header .head .right .shift i.C {
                    background-image: url("../Content/images/public/icon_shift3.png");
                }

                .header .head .right .shift i.D {
                    background-image: url("../Content/images/public/icon_shift3.png");
                }

            .header .head .right .shift-name .user-img i {
                /*float: left;
                display: block;
                width: 28px;
                height: 28px;
                border-radius: 5px;
                overflow: hidden;*/
            }

            .header .head .right .shift-name .shift-img span {
                float: left;
                font: 14px/28px "Microsoft YaHei",Helvetica,Tahoma,Arial,"Hiragino Sans GB","Hiragino Sans GB W3",STXihei,STHeiti,Heiti,SimSun,sans-serif;
            }

            .header .head .right .shift-name > a {
                float: left;
                margin-left: 20px;
                font: 14px/28px "Microsoft YaHei",Helvetica,Tahoma,Arial,"Hiragino Sans GB","Hiragino Sans GB W3",STXihei,STHeiti,Heiti,SimSun,sans-serif;
            }

            .header .head .right p {
                float: left;
            }

                .header .head .right p i {
                    margin-top: 14px;
                    float: left;
                    display: inline-block;
                    width: 17px;
                    height: 17px;
                    background: url("../Content/images/index/icon_top_rl@2x.png");
                    background-repeat: no-repeat;
                    background-size: contain;
                }

                .header .head .right p span {
                    float: left;
                    margin-left: 5px;
                    font: 14px/48px "Microsoft YaHei",Helvetica,Tahoma,Arial,"Hiragino Sans GB","Hiragino Sans GB W3",STXihei,STHeiti,Heiti,SimSun,sans-serif;
                }


            .header .head .right .user-info {
                float: left;
                height: 100%;
                font: 14px/48px "Microsoft YaHei",Helvetica,Tahoma,Arial,"Hiragino Sans GB","Hiragino Sans GB W3",STXihei,STHeiti,Heiti,SimSun,sans-serif;
                cursor: pointer;
                z-index: 9;
            }

                .header .head .right .user-info .info-box {
                    float: left;
                    margin-left: 20px;
                }

                    .header .head .right .user-info .info-box .this-name {
                        margin: 1px 20px;
                        float: left;
                        display: flex;
                        align-items: center;
                    }

                        .header .head .right .user-info .info-box .this-name .user-head {
                            font-size: 30px;
                            margin-right: 10px;
                            color: #5d5d5d;
                        }

                        .header .head .right .user-info .info-box .this-name img {
                            width: 10px;
                            margin-left: 5px;
                        }

                .header .head .right .user-info .user-nav-child {
                    text-align: center;
                    background-color: #fff;
                    clear: both;
                    border-bottom: 1px solid #ddd;
                    display: none;
                }

                .header .head .right .user-info:hover .user-nav-child {
                    display: block;
                }

                    .header .head .right .user-info:hover .user-nav-child li a {
                        color: #9FA0A0 !important;
                        text-decoration: none;
                    }



.nav {
    width: 150px;
    background-color: #fff;
    float: left;
}

    .nav .logo {
        width: 160px;
        height: 50px;
        background: url(../Content/images/public/logo.png) center no-repeat;
        background-size: 90px;
        align-items: center;
        margin: auto;
        /* background-color: #000; */
        border-bottom: 1px solid #ddd;
        border-right: 1px solid #fafafa;
    }

}

.nav .nav-content {
    /*        background-color: #113881;
        background-image: linear-gradient(to bottom, #113881, #215abd);*/
    /* background-color: #374784;
        background-image: linear-gradient(to bottom, #374784, #3b5ddd);*/
    background-color: #fff;
    /* background-image: linear-gradient(to bottom, #000, #222);*/
    position: relative;
    min-height: 650px !important;
}

    .nav .nav-content ul.nav-list {
        display: block;
        height: auto;
        /* padding-top: 5px; */
    }

    .nav .nav-content ul.nav-bottom {
        position: absolute;
        bottom: 0;
        width: 150px;
    }

        .nav .nav-content ul.nav-bottom .bottmom-about {
            border-top: 1px solid #eeeeee;
            margin-right: 0;
            margin-top: 10px;
            padding: 20px;
            color: #e3e3e3;
            text-align: center;
        }

    .nav .nav-content ul li {
        padding-left: 5px;
        padding-bottom: 5px;
        position: relative;
    }

        .nav .nav-content ul li.on {
            border-color: #ddd;
            background-color: #ddd;
            box-shadow: inset 6.33123px 6.33123px 15.8281px #d2d8e3;
        }

        .nav .nav-content ul li > a {
            position: relative;
            height: 40px;
            display: flex;
            align-items: center;
        }

        .nav .nav-content ul li i {
            float: left;
            width: 18px;
            height: 18px;
            background-repeat: no-repeat;
            background-position: center center;
            background-size: contain;
            margin: 15px;
        }

            .nav .nav-content ul li i.i1 {
                background-image: url("../Content/images/index/icon_lm_ft@2x.png");
            }

            .nav .nav-content ul li i.i2 {
                background-image: url("../Content/images/index/icon_lm_ftyc@2x.png");
            }

            .nav .nav-content ul li i.i3 {
                background-image: url("../Content/images/index/icon_lm_fd@2x.png");
            }

            .nav .nav-content ul li i.i4 {
                background-image: url("../Content/images/index/icon_lm_dd@2x.png");
            }

            .nav .nav-content ul li i.i5 {
                background-image: url("../Content/images/index/icon_lm_gzz@2x.png");
            }

            .nav .nav-content ul li i.i6 {
                background-image: url("../Content/images/index/icon_lm_hygl@2x.png");
            }

            .nav .nav-content ul li i.i7 {
                background-image: url("../Content/images/index/icon_lm_fjgl@2x.png");
            }

            .nav .nav-content ul li i.i8 {
                background-image: url("../Content/images/index/icon_lm_bbzx@2x.png");
            }

            .nav .nav-content ul li i.i9 {
                background-image: url("../Content/images/index/icon_lm_ys@2x.png");
            }

            .nav .nav-content ul li i.i10 {
                background-image: url("../Content/images/index/icon_lm_sz@2x.png");
            }

            .nav .nav-content ul li i.i11 {
                background-image: url("../Content/images/index/icon_lm_logout@2x.png");
            }


    .nav .nav-content ul .on i.i1 {
        background-image: url("../Content/images/index/icon_lm_ft.png") !important;
    }

    .nav .nav-content ul .on i.i2 {
        background-image: url("../Content/images/index/icon_lm_ftyc.png");
    }

    .nav .nav-content ul .on i.i3 {
        background-image: url("../Content/images/index/icon_lm_fd.png");
    }

    .nav .nav-content ul .on i.i4 {
        background-image: url("../Content/images/index/icon_lm_dd.png");
    }

    .nav .nav-content ul .on i.i5 {
        background-image: url("../Content/images/index/icon_lm_gzz.png");
    }

    .nav .nav-content ul .on i.i6 {
        background-image: url("../Content/images/index/icon_lm_hygl.png");
    }

    .nav .nav-content ul .on i.i7 {
        background-image: url("../Content/images/index/icon_lm_fjgl.png");
    }

    .nav .nav-content ul .on i.i8 {
        background-image: url("../Content/images/index/icon_lm_bbzx.png");
    }

    .nav .nav-content ul .on i.i9 {
        background-image: url("../Content/images/index/icon_lm_ys.png");
    }

    .nav .nav-content ul .on i.i10 {
        background-image: url("../Content/images/index/icon_lm_sz.png");
    }

    .nav .nav-content ul .on i.i11 {
        background-image: url("../Content/images/index/icon_lm_logout.png");
    }

    .nav .nav-content ul li span {
        float: left;
        /*        margin-left: 8px;*/
        font: 14px/40px "Microsoft YaHei",Helvetica,Tahoma,Arial,"Hiragino Sans GB","Hiragino Sans GB W3",STXihei,STHeiti,Heiti,SimSun,sans-serif;
        color: #5c5c5c;
    }

    .nav .nav-content ul li dl {
        position: absolute;
        top: 61px;
        left: 0;
        z-index: 1;
        display: none;
        width: 120px;
        text-align: center;
        background: #fff;
        border: 1px solid #edf2f8;
        border-top: 0;
        border-radius: 0 0 5px 5px;
    }

        .nav .nav-content ul li dl dd {
            display: block;
            padding: 5px;
            font-size: 14px;
            line-height: 1.5;
        }

            .nav .nav-content ul li dl dd a {
                color: #323a4d;
            }

            .nav .nav-content ul li dl dd:hover {
                background: #ccc;
            }

                .nav .nav-content ul li dl dd:hover a {
                    color: #fff;
                }

    .nav .nav-content ul li.last {
        margin-right: 0;
    }


.header .nav-bar-tabs {
    background: #fff;
    height: 30px;
    line-height: 30px;
    font-size: 16px;
    /*  border-bottom: 1px solid #ccc;*/
}

    .header .nav-bar-tabs .layui-tab-title {
    }

        .header .nav-bar-tabs .layui-tab-title .tab-li {
            float: left;
            /*       border-right: 1px solid #ccc;*/
            padding: 0 20px;
            cursor: pointer;
            font-size: 13px;
        }


            .header .nav-bar-tabs .layui-tab-title .tab-li.active {
                color: #f77405;
                font-weight: bold;
                /*border-bottom: 2px solid #f77405;*/
                height: 30px;
            }

                .header .nav-bar-tabs .layui-tab-title .tab-li.active span {
                    border-bottom: 2px solid #f77405;
                    /* width: 102px; */
                    padding: 5px;
                }

            .header .nav-bar-tabs .layui-tab-title .tab-li .tab-close {
                position: relative;
                display: inline-block;
                width: 11px;
                height: 11px;
                margin-left: 15px;
                top: 1px;
                background-image: url(/Content/images/index/icon_cross_grey@2x.png);
                background-repeat: no-repeat;
                background-size: 90%;
            }

                .header .nav-bar-tabs .layui-tab-title .tab-li .tab-close:hover {
                    background-image: url(/Content/images/index/icon_cross_blue@2x.png);
                }

            .header .nav-bar-tabs .layui-tab-title .tab-li.active .tab-close {
                background-image: url(/Content/images/index/icon_cross_blue@2x.png);
            }



.right-content {
    min-width: 900px !important;
    width: 100%;
}

#page-wrapper {
    position: absolute;
    left: 152px;
    min-width: 900px !important;
    background: #f4f7f8;
}

    #page-wrapper .c_frame {
        display: none;
    }

        #page-wrapper .c_frame.show {
            display: block;
        }

    #page-wrapper .row {
        margin-right: -30px;
        /*margin-left: -15px;*/
    }

.footer {
    width: 100%;
    height: auto;
}

    .footer p {
        font: 12px/36px "Microsoft YaHei",Helvetica,Tahoma,Arial,"Hiragino Sans GB","Hiragino Sans GB W3",STXihei,STHeiti,Heiti,SimSun,sans-serif;
        color: #747474;
        text-align: center;
    }

.arrow-right {
    position: relative;
}

    .arrow-right:after {
        content: '';
        position: absolute;
        top: 50%;
        right: 8px;
        width: 10px;
        height: 10px;
        border: 1px solid;
        border-bottom: 0;
        border-right: 0;
        margin-top: -5px;
        color: #fff;
        -webkit-transform: rotateZ(135deg);
        -ms-transform: rotate(135deg);
        transform: rotateZ(135deg);
    }

.arrow-bottom {
    position: relative;
}

    .arrow-bottom:after {
        content: '';
        position: absolute;
        top: 32px;
        right: -14px;
        width: 7px;
        height: 7px;
        border: 1px solid;
        border-bottom: 0;
        border-right: 0;
        margin-top: -6px;
        color: #969494;
        -ms-transform: rotateZ(-135deg);
        -webkit-transform: rotateZ( -135deg );
        transform: rotateZ( -135deg );
    }