﻿
body {
    background: #eff4f8;
    color: #666;
    padding-top: 65px;

    font-family: "Microsoft YaHei","sans-serif" !important;
}
/*边距*/

.m-top-xs{margin-top: 10px;}
.m-top-md{margin-top: 20px;}

.m-right-5{margin-right: 5px;}
.m-right-xs{margin-right: 10px;}
.m-right-md{margin-right: 20px;}

.m-left-5{margin-left: 5px;}
.m-left-xs{margin-left: 10px;}
.m-left-md{margin-left: 20px;}

.p-top-xs{padding-top: 10px;}
.p-top-md{padding-top: 20px;}

.minw460{min-width: 460px}
.minw80{min-width: 80%}

/*徽章*/
.badge-red{
    background: #e72121;
    color: #fff;
    padding: 2px 6px;
    font-size: 12px;
    position: relative;
    top: -13px;
    border-radius: 10px;
}
/*查看报价*/
.NumberAA{
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 5px;
}
.DateDJ{
    text-align: center;
    font-size: 15px;
    font-weight: bold;
}
input.inline{
    width: auto;
    display: inline-block;
}
select.inline{
    width: auto;
    display: inline-block;
}
input.ShuLiangNB{
    max-width: 40px;
    height: 20px;
}
input.DateSC{
    max-width: 70px;
    height: 20px;
}
.content-wrapper {
    margin-left: 230px;
}

.navbar-inverse {
    background-color: #fff;
    border-color: transparent;
}

.navbar-brand {
    color: white;
    font-weight: bold;
}

.vhide {
    visibility: hidden;
}

.well {
    background-color: #FFFFFF;
}

.leftNav {
    padding-left: 0px;
    position: fixed !important;
    height: 100% !important;
    overflow: auto !important;
    width: 230px;
    left: 0px;
    background-color: #2e314d;
    padding-bottom: 50px;
    padding-right: 0px;
    border-right: 1px solid #e4e4e4;
    z-index: 999;
    transition: all 5s
}

    .leftNav .list-group {
        margin-bottom: 0px;
    }

    .leftNav .list-group-item {
        border-top-right-radius: 0px;
        border-top-left-radius: 0px;
        padding: 13px 0 13px 32px;
        font-size: 15px;
        color: #fff;
        background-color: #202239;
        border:none;
    }
    .leftNav .active{
        color: #4bb0ff;
    }
    .leftNav .list-group-item:hover{
        background-color:#202239;
        color: #4bb0ff;
    }
    .leftNav .menuItem {
        display: block;
        color: #fff;
        text-decoration: none;
        padding: 15px 15px;
        font-size: 15px;
    }

    .leftNav::-webkit-scrollbar {
        width: 1px;
        /* margin: 65px; */
        height: 1px;
    }

    .leftNav::-webkit-scrollbar-button {
        /*  background-color: transparent;*/
        width: 1px;
    }

    .leftNav::-webkit-scrollbar-corner {
        /* background: transparent;*/
    }

    .leftNav::-webkit-scrollbar-thumb {
        /*  background: transparent;*/
        border-radius: 4px;
    }

    .leftNav::-webkit-scrollbar-track {
        /*background: transparent;*/
    }


.rd {
    color: red;
}

.footer {
    margin-left: 230px;
    position: fixed;
    padding: 5px 7px;
    bottom: 0;
    right: 0;
    left: 0;
    background: #fff;
    color: #666;
    box-shadow: 0 -1px 1px rgba(0,0,0,.05);
    -moz-box-shadow: 0 -1px 1px rgba(0,0,0,.05);
    -webkit-box-shadow: 0 -1px 1px rgba(0,0,0,.05);
    transition: all 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
    -webkit-transition: all 0.4s;
}


/*新添加*/
ul.tree a{color: #3f3f3f}
ul li{list-style:none;}

@media screen and (max-width: 450px){
     .leftNav{display: none;}
     .content-wrapper{margin-left:0;}
     .footer{display: none;}
     #BtnNavleft{display: inline-block!important;position: absolute;right: 0;margin-right: 16px;top: 12px;border: none;background: #ffffff;color: #8b8888;
      font-size: 22px;outline: none;}
     .navbar-header .navbar-brand{font-size: 20px;}

}
#BtnNavleft{display: none;}

/*左侧导航图标*/
.leftNav .iconfont {margin-right: 5px;}
/*删除图标*/
i.iconfont.icon-lajitong{font-size: 13px;}




i.iconfont.icon-sousuo {
    margin-right: 5px;
    font-size: 12px;
}
i.iconfont.icon-dengdai{
    font-size: 15px;
}


/*表格*/
.Surface{width: 900px;color: #000;margin: 0 auto;padding-bottom: 40px;}
.Surface .BiaoGe{border: 1px solid #666;border-bottom: none;}
.Surface .f16{font-size: 16px;}
.Surface .w50{width: 50%;}
.Surface .w33{width: 33.3%}
.Surface .w66{width: 66.6%}
.Surface .w16{width: 16.6%}
.Surface .w84{width: 83.4%}
.Surface .w25{width: 25%}
.Surface .h100{height: 100%;}
.Surface .h50{height: 50%;}
.Surface .p5{padding-left: 5px;}
.Surface .fl{float: left;}
.Surface .tl{text-align: left;}
.Surface .tc{text-align: center;}
.Surface .inline{display: inline-block;}
.Surface label.radio-inline{min-width: 50px;}
.Surface  input[type="radio"]{position: absolute;top: 8px;}
.Surface .lisy{height: 40px;line-height: 40px;text-align: center;border-bottom:1px solid #666; }
.Surface .listBig{height: 400px;border-bottom:1px solid #666; }
.Surface .listBig p{margin: 0;font-size: 16px;}
.Surface .listBig textarea{width: 100%;height: 41%;resize:none;padding-left: 10px;}
.Surface .listBig textarea:focus{box-shadow: none;}
.Surface .bl{border-left: 1px solid #666;}
.Surface .br{border-right: 1px solid #666;}
.Surface .bt{border-top: 1px solid #666;}
.Surface .bb{border-bottom: 1px solid #666;}
.Surface input{width: 100%;outline: none;height: 35px;box-shadow: none;text-align: center;}
.Surface input[type=text]:focus{box-shadow: none;}
.Surface p.TextList{width: 15%;margin: 0 auto;font-size: 16px;padding-top:40%;line-height: 2.3;}
.lisyfooter{width: 900px;margin-left: 5%;font-size: 16px;color: #000}
span.Title{font-size: 28px;font-weight:400;}
span.Title small{font-size: 75%;padding-left: 5px;}
.Accessories input{text-align: left;padding-left: 10px;}


.Surface .table-hover > tbody > tr > td{padding: 0;border: 1px solid #666}
.Surface .table > thead:first-child > tr:first-child > th{border: 1px solid #666}
.Surface .table-responsive{margin-top: 15px;}
.gr{color: #139513}


.OrderTab{overflow: hidden;border-radius: 15px; text-align: center;height: 40px;width: 200px;display: block;margin:0 auto;line-height: 40px;border:1px solid #2b85cc; margin-bottom:15px;cursor:pointer}
.OrderTab a{height: 100%;width: 50%;float: left;}
.OrderTab a:hover{text-decoration: none;}
.OrderTab .active{background-color: #2b85cc;color: #fff;display:block;}

.alert-danger{background-color: #4d506e;font-size: 15px;}


.BiaoDate{font-size: 14px;margin-left:5px;margin-bottom: 0;color: #898585}