/*去除默认样式*/
* {
    padding: 0;
    margin: 0;
    /*box-sizing:border-box;*/
}

a {
    text-decoration: none;
    color: #777777;
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
}
/*padding-bottom是为了让下面不被导航条挡住*/
body {
    padding-bottom: 3.9rem;
    width: 100%;
    position: absolute;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    list-style-type: none;
    font-family: "微软雅黑";
}

div {
    font-family: "微软雅黑";
}
/*头部样式*/
.tabBar {
    color: white;
    position: fixed;
    width: 100%;
    height: 4rem;
    background: #2e323e;
    margin: 0 auto;
}

.tabTitle {
    font-size: 1.5rem;
    width: 7rem;
    text-align: center;
    height: 4rem;
    line-height: 4rem;
    margin: 0 auto;
}

.tabRet {
    font-size: 1.5rem;
    height: 5rem;
    width: 2rem;
    float: left;
    margin-left: 0.2rem;
    line-height: 2rem;
    color: white;
}

.tabRet1 {
    font-size: 15px;
    height: 40px;
    width: 40px;
    line-height: 35px;
    margin-top: 15px;
    float: left;
    color: white;
}

.tabRet img {
    margin-top: 1rem;
    width: 1.5rem;
}

.tabBar span {
    height: 4rem;
    line-height: 4rem;
    float: right;
    margin-right: 10%;
    font-size: 0.8rem;
}

/*底部样式*/
.bottom {
    position: fixed;
    bottom: 0;
    height: 3rem;
    width: 100%;
    display: flex;
}

    .bottom div {
        width: 25%;
        background: #fed1d1;
    }

        .bottom div img {
            height: 1.3rem;
            display: block;
            margin: 0.3rem auto;
            filter: grayscale(100%);
        }

        .bottom div li {
            font-size: 0.8rem;
            text-align: center;
        }


/*home.html*/
/*home页面中间的样式*/
.middle {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    margin-top: 3px;
    margin-left: 4px;
    margin-bottom: 10px;
}

.middle01 {
    margin-top: 3px;
    width: 32.33%;
    height: 100px;
}

.middle02 {
    display: flex;
    flex-direction: column;
    width: 96%;
    margin: 2px auto;
    height: 100px;
    border: 1px solid #a0a0a0;
    box-sizing: border-box;
    border-radius: 3px;
    /*position: relative;*/
    overflow: hidden;
    background-clip: padding-box;
    box-shadow: 0 1px 2px rgba(0,0,0,.3);
}

.kehusb {
    height: 30px;
    line-height: 25px;
    text-align: center;
    font-size: 12pt;
    color: black;
    word-break: keep-all; /* 不换行 */
    white-space: nowrap; /* 不换行 */
    overflow: hidden; /* 内容超出宽度时隐藏超出部分的内容 */
    text-overflow: ellipsis; /* 当对象内文本溢出时显示省略标记(...) ；需与overflow:hidden;一起使用。*/
}

.fanHao {
    height: 2rem;
    line-height: 2rem;
    text-align: center;
    font-size: 1.2rem;
    color: black;
}

.fanXing {
    height: 1rem;
    line-height: 0.5rem;
    text-align: center;
    font-size: 1rem;
    color: #ff6a00;
}

.middle02 img {
    display: block;
    line-height: 4rem;
    margin: 0.6rem auto 0;
    height: 1.5rem;
}

#tupian {
    height: 10rem;
    background-repeat: no-repeat;
    background-size: auto 2.5rem;
    background-position: right;
}

.middle01 .arrowImg {
    background: url(../img/Arrow.png);
}

.middle01 .dirtyImg {
    height:40px;
    background: url(../img/VD.png) no-repeat center;
}

.middle02 .dirtyImg {
    margin-bottom:3px;
    background: url(../img/clear.png) no-repeat center;
}

.middle01 .checkImg {
}

.middle01 .arrowImgsuo {
    background: url(../img/Arrowsuo.png);
}

.middle01 .dirtyImgsuo {
    background: url(../img/dirtysuo.png);
}

.middle01 .checkImgsuo {
    background: url(../img/Checksuo.png);
}

.middle01 .Agreement {
    background: url(../img/Agreement.png);
}

.middle01 .badImg {
    background: url(../img/bad.png);
}

.middle01 .groupImg {
    background: url(../img/group.png);
}

.middle01 .lockImg {
    background:url(../img/locksuo.png)
}

.middle02 .lockImg {
    background:url(../img/lkr.png) no-repeat center;
}

.middle02 .vdImg {
    background:url(../img/clear.png) no-repeat center;
}

.middle01 .Occupy {
    background: url(../img/Occupy.png);
}

.middle01 .lockImgsuo {
    background: url(../img/locksuo.png);
}

.middle01 .Occupysuo {
    background: url(../img/Occupysuo.png);
}
/*改变背景颜色*/
.on {
    background: #82ffa1;
    color: #0043c9;
}


/*revenue.html*/
/*中间整个样式*/
.fatherRev {
    display: flex;
    flex-direction: column;
    margin-top: 4.2rem;
    box-sizing: border-box;
}

.dayRev {
    background: #e96914;
    padding: 0 0.5rem;
}

.name {
    height: 40px;
    font-size: 12pt;
    color: white;
    line-height: 38px;
}

.value {
    text-align: right;
}

.day {
    margin-top: -14rem;
    background-color: aliceblue;
}

.month {
    margin-top: -14rem;
}

.year {
    margin-top: -14rem;
}

.ntcsqian {
    width: 100%;
    border-bottom: 1px solid #e3e3e5;
    color: #8c8b8b;
    font-size: 16px;
    /*font-weight: bold;*/
    text-align: center;
}

.gong {
    height: 14rem;
    box-sizing: border-box;
    display: flex;
    flex-wrap: wrap;
    transition: 0.5s;
    width: 100%;
}

    .gong .gleft {
        width: 50%;
        height: 7rem;
        /*background: #bbfaf8;*/
        box-sizing: border-box;
        border: 1px solid #e3e3e5;
        /*border-left: 1px solid #e3e3e5;
        border-bottom: 1px solid #e3e3e5;*/
        padding: 0 0.5rem;
    }

    .gong .gright {
        width: 50%;
        height: 7rem;
        /*background: #bbfaf8;*/
        box-sizing: border-box;
        border-top: 1px solid #e3e3e5;
        border-right: 1px solid #e3e3e5;
        border-bottom: 1px solid #e3e3e5;
        padding: 0 0.5rem;
    }

    .gong .gbuttoml {
        width: 50%;
        height: 7rem;
        /*background: #bbfaf8;*/
        box-sizing: border-box;
        border-left: 1px solid #e3e3e5;
        border-right: 1px solid #e3e3e5;
        border-bottom: 1px solid #e3e3e5;
        padding: 0 0.5rem;
    }

    .gong .gbuttomr {
        width: 50%;
        height: 7rem;
        /*background: #bbfaf8;*/
        box-sizing: border-box;
        border-left: 1px solid #e3e3e5;
        border-right: 1px solid #e3e3e5;
        border-bottom: 1px solid #e3e3e5;
        padding: 0 0.5rem;
    }

.ntcscontent {
    font-size: 9px;
    height: 2rem;
    line-height: 2rem;
    display: flex;
    flex-wrap: wrap;
}



.gong03 {
    font-size: 12px;
    /*flex-basis: 2.8rem;*/
    /*font-weight: bold;*/
    text-align: center;
    color: #8c8b8b;
    line-height: 3.8em;
}

.gong031 {
    margin-top: 5px;
    width: 100%;
    /*background-color: #404563;*/
    background-color: #424958;
    font-size: 13px;
    text-align: left;
    color: white;
    padding-left: 10px;
}

.gong04 {
    /*width: 90%;
    height: 35px;
    flex: 1;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    word-break: break-all;
    background: #0e655b;
    font-size: 15px;
    text-align: right;
    color: white;
    padding-right: 5px;*/
    margin-top: 2px;
    width: 110px;
    background: #424958;
    font-size: 15px;
    text-align: right;
    color: white;
    padding-right: 5px;
}

.monthRev {
    display: flex;
    padding: 0 0.5rem;
    box-sizing: border-box;
    background: #797676;
    height: 40px;
    font-size: 15pt;
}

.yearRev {
    border-top: 1px solid #a0a0a0;
    display: flex;
    padding: 0 0.5rem;
    box-sizing: border-box;
    background: #777777;
    height: 40px;
    font-size: 15pt;
}

/*营业进入时间列表样式*/
.detailed {
    color: white;
    transition: 0.3s linear;
    position: fixed;
    overflow: auto;
    width: 100%;
    height: 100%;
    background: #424958;
    z-index: 1;
}

    .detailed .topName {
        background: #2e323e;
        font-size: 1.5rem;
        width: 100%;
        height: 3.9rem;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .detailed img {
        position: absolute;
        margin-top: -2.9rem;
    }

    .detailed .deContent ul a li {
        margin: 5px auto;
        background: #4f507d;
        border-left: 1px solid white;
        border-top: 1px solid #d5d5d5;
        border-radius: 5px;
        padding-left: 20px;
        padding-right: 30px;
        display: flex;
        align-items: center;
        color: white;
        height: 40px;
        box-sizing: border-box;
        width: 95%;
        font-size: 12pt;
    }

    .detailed .deContent ul {
        border-bottom: 1px solid #929292;
    }

        .detailed .deContent ul a li span {
            width: 50%;
        }

        .detailed .deContent ul a li > :last-child {
            display: flex;
            justify-content: flex-end;
            color: #ffc21e;
        }

/*live.html*/
/*九空格样式*/
.liveMiddle {
    margin-top: 2px;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}

.houseMiddle {
    margin-top: 2px;
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start; /* 左对齐*/
}

.houseMiddle1 {
    margin-top: 2px;
    /*width: 100%;*/
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-content: flex-end;
}


.house {
    border-radius: 3px;
    font-size: 1.2rem;
    margin: 3px auto;
    width: 32%;
    height: 7rem;
    box-sizing: border-box;
    border: 1px solid #797676;
    display: flex;
    flex-direction: column;
    position: relative;
    overflow: hidden;
    background-clip: padding-box;
    box-shadow: 0 1px 2px rgba(0,0,0,.3);
}
    .house:not(:nth-child(3n)) {
        /*margin-left: calc(3% / 3);*/
    }
.house div {
        text-align: center;
        height: 3rem;
        line-height: 3rem;
    }

.homeMiddle {
    border-radius: 3px;
    font-size: 1.2rem;
    margin: 3px auto;
    width: 32%;
    height: 7rem;
    box-sizing: border-box;
    border: 1px solid #797676;
    display: flex;
    flex-direction: column;
    position: relative;
    overflow: hidden;
    /*margin: 10px;*/
    /*background-color: #fff;*/
    background-clip: padding-box;
    box-shadow: 0 1px 2px rgba(0,0,0,.3);
}

    .homeMiddle div {
        text-align: center;
        height: 3rem;
        line-height: 3rem;
    }

.homeMiddleNum {
    text-align: center;
    height: 2rem;
    line-height: 1.2rem;
}

/*点击按钮样式*/
.toHome {
    display: block;
    height: 6em;
    margin: 5px auto;
    width: 98%;
    background-color: #4f507d;
    color: white;
    border-radius: 3px;
}

    .toHome span {
        width: 60%;
        height: 2.5rem;
        display: block;
        margin: 0 auto;
        text-align: center;
        line-height: 2.5rem;
        font-size: 1.3rem;
    }
/*下面10个图标的样式*/
.livebot {
    width: 100%;
    position: fixed;
    border-top: 1px solid #999999;
    background: white;
    display: flex;
    flex-wrap: wrap;
    bottom: 3.5rem;
}

    .livebot div {
        margin-top: 1rem;
        margin-bottom: 0.5rem;
        font-size: 0.9rem;
        height: 2.5rem;
        line-height: 2.5rem;
        text-align: center;
        width: 20%;
    }

        .livebot div img {
            margin: 0 auto;
            display: block;
            height: 1.5rem;
        }


/*available页面*/
/*中间样式*/
.avaiMiddle {
    margin-top: 5px;
    width: 100%;
    background: #929292;
}

.availableMiddleSelect {
    /*margin: 30px auto;*/
    width: 100%;
    height: 100%;
    background: #404563;
}

.avaiTab {
    border-collapse: collapse;
    text-align: center;
    min-width: 200%;
    margin-bottom: 0.8rem;
}

.avaiMiddle :last-child {
    margin-bottom: 0;
}

.avaiTab td {
    border: 1px solid #68a5b8;
}


/*login.html*/
/*样式*/
.login {
    margin: 10rem auto;
    width: 80%;
    height: 11rem;
    display: flex;
    flex-wrap: wrap;
}

    .login .log {
        display: flex;
        line-height: 3rem;
        height: 3rem;
        width: 100%;
        box-sizing: border-box;
        border: 1px solid #68a5b8;
        border-radius: 20rem;
        padding: 0 0.5rem;
    }

        .login .log .user {
            flex-basis: 5rem;
        }

        .login .log .pad {
            flex-basis: 5rem;
        }

    .login last-child {
        text-align: center;
    }

    .login input {
        background: none;
        font-size: 1rem;
        flex: 1;
        height: 2.9rem;
        outline: 0px;
        border: none;
        /*解决苹果手机点击出现背景颜色*/
        -webkit-tap-highlight-color: transparent;
    }

    .login .last {
        background: #337bff;
    }

    .login :last-child input {
        font-size: 1.4rem;
        color: white;
    }

/*营业明细样式*/
.RevD {
    /*margin-top: 4rem;*/
    width: 100%;
    display: none;
}

.RevDBody {
    background: #282b4a;
    height: 1300px;
    width: 100%;
}

.Revdat {
    width: 200px;
    margin: 5px auto;
    border: 1px solid white;
    border-radius: 3px;
    text-align: center;
    font-size: 15px;
    line-height: 25px;
    color: white;
}

.Revkfl {
    width: 100px;
    height: 100px;
    margin: 10px auto;
    border: 15px solid #438ef7;
    border-radius: 100px;
}

    .Revkfl span {
        display: block;
        margin-top: 20px;
        font-size: 18px;
        color: orangered;
        padding-left: 12px;
    }

    .Revkfl .div1 {
        margin: 15px auto;
        /*border:1px solid #68a5b8;*/
        font-size: 16px;
        color: orangered;
        /*padding-left: 22px;
        padding-top: 1px;*/
        text-align: center;
    }

    .Revkfl .div2 {
        margin: -10px auto;
        font-size: 12px;
        color: white;
        /*padding-left: 22px;
        padding-top: 1px;*/
        text-align: center;
    }

.Ntre {
    margin-left: 10px;
    margin-right: 5px;
    margin-bottom: 18px;
    width: 20%;
    height: 60px;
    float: left;
    background: #404563;
    border-left: 1px solid #adadad;
    border-top: 1px solid #adadad;
    border-radius: 5px;
    color: #d5d4d4;
    padding-top: 5px;
    font-size: 9pt;
    text-align: center;
}

    .Ntre div {
        color: #4a90f7;
        font-size: 16px;
        font-weight: bold;
        padding-top: 5px;
    }

.Revincome {
    clear: both;
    width: 92%;
    height: 100px;
    margin-top: 35px;
    margin-left: 10px;
    border-left: 1px solid #adadad;
    border-top: 1px solid #adadad;
    background: #4d95f7;
    border-radius: 5px;
}

.Revincome1 {
    width: 49%;
    float: left;
    color: white;
    font-size: 10pt;
}

    .Revincome1 span {
        display: block;
        margin-top: 10px;
        color: white;
        font-size: 10pt;
        text-align: center;
    }

    .Revincome1 div {
        margin-top: 15px;
        color: #ff006e;
        font-size: 20pt;
        text-align: center;
        font-weight: bold;
    }

.Revincome2 {
    width: 49%;
    margin-top: 10px;
    float: right;
    color: white;
    font-size: 10pt;
    text-align: center;
}

    .Revincome2 div {
        margin-top: 15px;
        color: #ffc21e;
        font-size: 20pt;
        text-align: center;
        font-weight: bold;
    }

.Revota {
    clear: both;
    width: 92%;
    /*height: 130px;*/
    margin-top: 30px;
    margin-left: 10px;
    border-left: 1px solid #adadad;
    border-top: 1px solid #adadad;
    background: #404563;
    border-radius: 5px;
}

.Revqd {
    width: 100px;
    height: 100px;
    margin: 20px 10px;
    border: 15px solid #ff6a00;
    border-radius: 100px;
    float: left;
}

    .Revqd span {
        display: block;
        margin-top: 20px;
        font-size: 18px;
        color: orangered;
        padding-left: 10px;
    }

    .Revqd div {
        font-size: 20px;
        color: #5fe5f7;
        padding-left: 20px;
        padding-top: 23px;
        font-size: 15px;
    }

.Revorg {
    display: block;
    clear: both;
    width: 92%;
    /*height: 300px;*/
    margin-top: 20px;
    margin-left: 10px;
    border-left: 1px solid #adadad;
    border-top: 1px solid #adadad;
    background: #404563;
    border-radius: 5px;
    overflow: hidden;
}

.Revsc {
    width: 100px;
    height: 100px;
    margin: 85px 10px;
    border: 20px solid #15d81f;
    border-radius: 100px;
    float: left;
}

    .Revsc span {
        display: block;
        margin-top: 20px;
        font-size: 18px;
        color: orangered;
        padding-left: 10px;
    }

    .Revsc div {
        font-size: 20px;
        color: #5fe5f7;
        padding-left: 14px;
        padding-top: 17px;
        font-size: 15px;
    }

.Revfx {
    width: 100px;
    height: 100px;
    margin: 85px 10px;
    border: 20px solid #e221c1;
    border-radius: 100px;
    float: left;
}

    .Revfx span {
        display: block;
        margin-top: 20px;
        font-size: 18px;
        color: orangered;
        padding-left: 10px;
    }

    .Revfx div {
        font-size: 20px;
        color: #5fe5f7;
        padding-left: 14px;
        padding-top: 17px;
        font-size: 15px;
    }

.Revota1 {
    width: 300px;
    /*height:300px;*/
    /*float: right;*/
    color: white;
    font-size: 10pt;
}

    .Revota1 ul li {
        margin-left: 50px;
        margin-top: 5px;
        line-height: 25px;
        list-style-type: none;
    }

.b0 {
    margin-left: 80px;
    width: 200px;
    height: 25px;
    /*border-top:1px solid white;
        border-left:1px solid white;*/
    background: #2d314c;
    border-radius: 5px;
    /*opacity:0.9;*/
}

.b1 {
    padding-left: 10px;
    width: 80px;
    height: 25px;
    display: block;
    color: white;
    font-size: 10px;
    text-align: left;
    float: left;
    overflow: hidden;
}

.b11 {
    padding-left: 10px;
    width: 50px;
    height: 25px;
    display: block;
    color: white;
    font-size: 10px;
    text-align: right;
    float: left;
    overflow: hidden;
}

.b2 {
    padding-left: 10px;
    width: 80px;
    height: 25px;
    display: block;
    color: white;
    font-size: 15px;
    text-align: right;
    float: left;
}

.b22 {
    padding-right: 10px;
    width: 60px;
    height: 25px;
    display: block;
    color: white;
    font-size: 10px;
    text-align: right;
    float: right;
}

.Revota1 span2 {
    margin-left: 5px;
    width: 90px;
    height: 25px;
    border: 1px solid #68a5b8;
    display: block;
    margin-top: 5px;
    color: white;
    font-size: 10pt;
    text-align: left;
    float: left;
}

.Revota2 div {
    margin-top: 15px;
    color: #ff006e;
    font-size: 20pt;
    text-align: center;
    font-weight: bold;
}

.clearfloat {
    clear: both;
    height: 10px;
    font-size: 1px;
    line-height: 0px;
}

/*营业明细4个子项显示样式*/
.detMid {
    margin-top: 20px;
    width: 100%;
    background: #424958;
}

    .detMid ul {
        width: 100%;
        margin-top: 20px;
    }

        .detMid ul li {
            margin: 5px 0px 5px 5px;
            padding-left: 1.8rem;
            border-left: 1px solid #eae9e9;
            border-top: 1px solid #eae9e9;
            border-radius: 5px;
            background: #4f507d;
            width: 90%;
            font-size: 15px;
            color: white;
            height: 2.3rem;
            line-height: 2rem;
            overflow: hidden;
        }

.val1 {
    display: block;
    float: right;
    padding-right: 50px;
    text-align: right;
    color: #ff6a00;
    font-size: 16px;
    font-weight: bold;
}

/*check.html*/
.checkBar {
    width: 100%;
    height: 3rem;
    display: flex;
    margin-bottom: 0.5rem;
    background: #2e323e;
}

    .checkBar div {
        transition: 0.1s linear;
        box-sizing: border-box;
        display: flex;
        align-items: center;
        justify-content: center;
        height: 100%;
        width: 100%;
        color: white;
        font-size: 1rem;
    }

    .checkBar > :first-child {
        background: #dd524d;
        font-size: 1.2rem;
    }

.checkTb {
    overflow: auto;
    width: 100%;
    background-color:#2e323e;
}

    .checkTb > div {
        display: none;
        border-collapse: collapse;
        text-align: center;
        width: 100px;
        margin-bottom: 0.8rem;
    }

    .checkTb > :first-child {
        display: block;
    }

    .checkTb > table td {
    }

.checkbody {
    width: 100%;
    height: 500px;
    /*background: #424958;*/
    /*margin: 0px auto;*/
    /*color: white;
    font-size: 15px;*/
    
}

.checkindetail {
    display: none;
    width: 95%;
    height: 100%;
    background: white;
    margin: 0px auto;
    border: 1px solid white;
}

    .checkindetail li {
        display: block;
        padding-left: 30px;
        text-align: left;
        line-height: 25px;
        font-size: 15px;
        background: #efefef;
        border-bottom: 1px dashed #a0a0a0;
    }

/**可售明细样式*/

.ks {
    border: 1px solid #777777;
    width: 100%;
    height: 600px;
    background: #424958;
    margin: 64px auto;
    color: white;
    font-size: 15px;
}

.kshead {
    width: 90%;
    height: 40px;
    margin: 10px auto;
    border: 1px solid white;
    border-radius: 5px;
    background: #2e323e;
    padding-left: 5px;
    padding-top: 10px;
    font-size: 16px;
    text-align: center;
}

.ksnav {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    /*margin: auto;*/
    /*border-top: 1px solid #dedede;*/
    border-bottom: 1px solid #dedede;
    /*border-right: 1px solid #9a9a9a;*/
}

.ksnav {
    width: 100%;
    height: 40px;
    -webkit-box-orient: horizontal;
    -moz-box-orient: horizontal;
    box-orient: horizontal;
}

    .ksnav div {
        -webkit-box-flex: 1;
        -moz-box-flex: 1;
        box-flex: 1;
        text-align: center;
        line-height: 35px;
        font-size: 12px;
        color: #fff;
    }

.box1 {
    /*background: #4f507d;*/
    width: 50px;
    overflow: hidden;
    text-align: left;
}

.box2 {
    /*background: #4f507d;*/
    width: 50px;
    overflow: hidden;
}

.box3 {
    /*background: #4f507d;*/
    width: 50px;
    overflow: hidden;
}

.box4 {
    /*background: #4f507d;*/
    width: 50px;
    overflow: hidden;
}

.box5 {
    /*background: #4f507d;*/
    width: 50px;
    overflow: hidden;
}

.box6 {
    /*background: #4f507d;*/
    width: 50px;
    overflow: hidden;
}

.box7 {
    /*background: #4f507d;*/
    width: 50px;
    overflow: hidden;
}


.ksnav1 {
    /*margin-left: 9px;*/
    /*border-bottom: 1px solid white;
    border-top: 1px solid white;*/
    width: 1800px;
    height: 40px;
    -webkit-box-orient: horizontal;
    -moz-box-orient: horizontal;
    box-orient: horizontal;
    /*background: #4f507d;*/
}

    .ksnav1 div {
        -webkit-box-flex: 1;
        -moz-box-flex: 1;
        box-flex: 1;
        line-height: 2.5em;
        font-size: 15px;
        color: #fff;
        float: left;
    }

.ksnav2 {
    /*margin-left: 9px;*/
    /*border-left: 1px solid white;*/
    border-top: 1px solid white;
    width: 1800px;
    height: 40px;
    -webkit-box-orient: horizontal;
    -moz-box-orient: horizontal;
    box-orient: horizontal;
    background: #6767a4;
}

    .ksnav2 div {
        -webkit-box-flex: 1;
        -moz-box-flex: 1;
        box-flex: 1;
        line-height: 35px;
        font-size: 15px;
        color: #fff;
        float: left;
    }

.boxdiv8 {
    width: 50px;
    height: 40px;
    overflow: hidden;
    text-align: center;
    background: #4f507d;
    color:#fff;
    border-bottom: 1px solid white;
    border-right: 1px solid white;
}

.boxdiv81 {
    width: 50px;
    height: 40px;
    overflow: hidden;
    text-align: center;
    background: #68a5b8;
    color:#000;
    border-bottom: 1px solid white;
    border-right: 1px solid white;
}

.boxdiv82 {
    width: 50px;
    height: 40px;
    overflow: hidden;
    text-align: center;
    background:#8c8b8b;
    
    border-bottom: 1px solid white;
    border-right: 1px solid white;
}

.boxdiv9 {
    width: 80px;
    height: 40px;
    min-width: 80px;
    overflow: hidden;
    text-align: center;
    background: #4f507d;
    color:#fff;
    border-bottom: 1px solid white;
    border-right: 1px solid white;
}

.boxdiv91 {
    width: 80px;
    height: 40px;
    padding-left: 5px;
    min-width: 80px;
    overflow: hidden;
    text-align: center;
    background: #68a5b8;
    border-bottom: 1px solid white;
    border-right: 1px solid white;
    line-height: 1em;
    font-size: 12px;
}

.boxdiv92 {
    width: 80px;
    height: 40px;
    padding-left: 5px;
    min-width: 80px;
    overflow: hidden;
    text-align: center;
    background: #8c8b8b;
    border-bottom: 1px solid white;
    border-right: 1px solid white;
    line-height: 1em;
    font-size: 12px;
}

.boxdiv10 {
    width: 150px;
    height: 40px;
    overflow: hidden;
    text-align: center;
    background: #4f507d;
    color:#fff;
    border-bottom: 1px solid white;
    border-right: 1px solid white;
}

.boxdiv101 {
    width: 150px;
    height: 40px;
    overflow: hidden;
    text-align: center;
    background: #68a5b8;
    border-bottom: 1px solid white;
    border-right: 1px solid white;
}

.boxdiv102 {
    width: 150px;
    height: 40px;
    overflow: hidden;
    text-align: center;
    background: #8c8b8b;
    border-bottom: 1px solid white;
    border-right: 1px solid white;
}
.boxdiv11 {
    width: 100px;
    height: 40px;
    min-width: 80px;
    overflow: hidden;
    text-align: center;
    background: #4f507d;
    color:#fff;
    border-bottom: 1px solid white;
    border-right: 1px solid white;
}

.boxdiv111 {
    width: 100px;
    height: 40px;
    min-width: 80px;
    overflow: hidden;
    padding-right: 10px;
    text-align: right;
    background: #68a5b8;
    border-bottom: 1px solid white;
    border-right: 1px solid white;
}

.boxdiv112 {
    width: 100px;
    height: 40px;
    min-width: 80px;
    overflow: hidden;
    padding-right: 10px;
    text-align: right;
    background: #8c8b8b;
    border-bottom: 1px solid white;
    border-right: 1px solid white;
}

.boxdiv12 {
    width: 110px;
    height: 40px;
    min-width: 110px;
    overflow: hidden;
    text-align: center;
    background: #4f507d;
    color:#fff;
    border-bottom: 1px solid white;
    border-right: 1px solid white;
}

.boxdiv121 {
    width: 110px;
    height: 40px;
    min-width: 110px;
    overflow: hidden;
    text-align: center;
    background: #68a5b8;
    border-bottom: 1px solid white;
    border-right: 1px solid white;
}

.boxdiv122 {
    width: 110px;
    height: 40px;
    min-width: 110px;
    overflow: hidden;
    text-align: center;
    background: #8c8b8b;
    border-bottom: 1px solid white;
    border-right: 1px solid white;
}

.boxdiv13 {
    width: 384px;
    height: 40px;
    overflow: hidden;
    text-align: center;
    background: #4f507d;
    color:#fff;
    border-bottom: 1px solid white;
    border-right: 1px solid white;
}

.boxdiv131 {
    width: 384px;
    height: 40px;
    overflow: hidden;
    padding-left: 3px;
    text-align: left;
    background: #68a5b8;
    border-bottom: 1px solid white;
    border-right: 1px solid white;
}

.boxdiv132 {
    width: 384px;
    height: 40px;
    overflow: hidden;
    padding-left: 3px;
    text-align: left;
    background: #8c8b8b;
    border-bottom: 1px solid white;
    border-right: 1px solid white;
}
.box8 {
    width: 60px;
    overflow: hidden;
    text-align: center;
}

.box9 {
    width: 80px;
    min-width: 80px;
    overflow: hidden;
    text-align: left;
}

.box91 {
    width: 80px;
    min-width: 80px;
    overflow: hidden;
    text-align: right;
}

.box92 {
    width: 80px;
    min-width: 80px;
    overflow: hidden;
    padding-right: 20px;
    text-align: right;
}

.box93 {
    width: 120px;
    min-width: 120px;
    overflow: hidden;
    padding-left: 20px;
    text-align: left;
}

.box10 {
    width: 150px;
    overflow: hidden;
    text-align: left;
}

/*查询条件样式**/
.t1 {
    display: inline-block;
    margin-top: 3px;
    margin-left: 2px;
    width: 31%;
    padding-left: 8px;
    border: 1px solid #adadad;
    border-radius: 3px;
    font-size: 10px;
    line-height: 3.8em;
}

.t2 {
    display: inline-block;
    margin: 10px 5px;
    width: 97%;
    padding-left: 8px;
    border: 1px solid #adadad;
    border-radius: 3px;
    font-size: 10px;
    line-height: 3.8em;
    background-color: #ff6a00;
}

.img-icon {
    background: url(../img/tra.png) 85px 12px no-repeat;
}

.img-icon-avalible {
    background: url(../img/tra.png) 310px 12px no-repeat;
    /*background-color:white;*/
}

.line {
    width: 100%;
    margin-top: 8px;
    margin-left: -1px;
    border-bottom: 1px solid silver;
    background-clip: padding-box;
    box-shadow: 0 1px 2px rgba(0,0,0,.3);
}

.ui-alert {
    text-align: center;
    padding: 20px 10px;
    font-size: 16px;
    color: blue;
}