@font-face {
    font-family: 'PingFangSC-Medium';
    src: url('../fonts/PingFangSC-Medium.ttf');
    font-weight: normal;
    font-style: normal;
}

html,body{
    min-width: 300px;
    /*height: 100%;*/
    min-height: 100%;
    background-color: #F3F4F6;
    font-family: PingFangSC-Medium;
}

body::-webkit-scrollbar {
    display: none;
}

header {
    width: 100%;
    z-index: 99;
    top: 0px;
    position: fixed;
    height: 60px;
    background-color: #ffffff;
    box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 15px;
}

input::-webkit-input-placeholder {
    color: #aab2bd;
}

.header-logo {
    width: 285px;
    height: 60px;
    display: table;
    text-align: center;
    position: absolute;
    top: 0px;
    z-index: 1300;
    align-content: center;
    border-bottom: 1px solid #E7EAEF;
}

.header-logo a {
    display: table-cell;
    vertical-align: middle;
}
.header-logo img {
    height: 60px;
}

.header-fluid {
    margin-left: 285px;
    height: 60px;
}
.header-switch-button {
    margin-top: 0px;
    margin-bottom: 0px;
    float: left;
    color: #cfcfcf;
    border: 0;
    border-radius: 0;
    padding: 0px 22px;
    font-size: 22px;
    line-height: 60px;
}
.header-switch-button {
    background: #fff;
    border-right: 1px solid #eee;
    border-left: 1px solid #eee;
    display: none;
}
.header-msg-left{
    margin-left: 35px;
    line-height: 56px;
    color: #3D5170;
    font-size:18px;
    background-color: #ffffff;
}

.header-msg-right{
    width: 256px;
    height: 30px;
    margin-top: 15px;
    padding-right: 23px;
    font-family: PingFangSC-Medium;
    font-size: 14px;
    color: #5A6169;
    line-height: 15px;
}

.header-logout{
    padding-right: 60px;
    padding-left: 25px;
    height: 100%;
    line-height: 60px;
    border-left: 1px solid #eee;
    color: #3D5170;
    font-size: 15px;
    cursor: pointer;
}

.left-sidebar {
    width: 285px;
    transition: all 0.4s ease-in-out;
    min-height: 100%;
    position: fixed;
    background-color: #FFFFFF;
    z-index: 1009;
    top: 0px;
    left: 0px;
    box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 15px;
    padding-top: 60px;
}
.sidebar-nav {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

[class^="sidebar-nav-link"]{
    height: 52px;
    line-height: 52px;
    padding-left: 28px;
    font-size: 15px;
    color: #00A0E9;
    border-bottom: 1px solid #E7EAEF;
}

.sidebar-nav-link{

}

.sidebar-nav-link-active{
    border-left: 7px solid #00A0E9;
    padding-left: 22px;
    background-color: #FBFBFB;
}

.sidebar-nav-link:hover{
    background: #FBFBFB;
}

.sidebar-nav span{
    cursor :pointer;
    padding-left: 12px;
    font-size: 15px;
    color: #5A6169;
}

[class*="ico-li-"] {
    position: relative;
    width: 20px;
    height: 20px;
    display: inline-block;
    top: 4px;
    background-size: 100% 100%;
}

[class^="ico-li-"][class$="-active"] +span{
    color: #00A0E9;
}

.ico-li-home{
    background: url("../../img/home.png") no-repeat center center;
}

.ico-li-home-active{
    background: url("../../img/home-s.png") no-repeat center center;
}

.ico-li-accounting{
    background: url("../../img/accounting.png") no-repeat center center;
}

.ico-li-accounting-active{
    background: url("../../img/accounting-s.png") no-repeat center center;
}
.ico-li-DHD{
    background: url("../../img/accounting.png") no-repeat center center;
}

.ico-li-DHD-active{
    background: url("../../img/accounting-s.png") no-repeat center center;
}



.ico-li-order1{
    background: url("../../img/accounting.png") no-repeat center center;
}

.ico-li-order1-active{
    background: url("../../img/accounting-s.png") no-repeat center center;
}


.ico-li-account1{
    background: url("../../img/accounting.png") no-repeat center center;
}

.ico-li-account1-active{
    background: url("../../img/accounting-s.png") no-repeat center center;
}

.ico-li-OrderStatus{
    background: url("../../img/accounting.png") no-repeat center center;
}

.ico-li-OrderStatus-active{
    background: url("../../img/accounting-s.png") no-repeat center center;
}

.ico-li-PaymentPO{
    background: url("../../img/accounting.png") no-repeat center center;
}

.ico-li-PaymentPO-active{
    background: url("../../img/accounting-s.png") no-repeat center center;
}

.ico-li-PaymentSO{
    background: url("../../img/accounting.png") no-repeat center center;
}

.ico-li-PaymentSO-active{
    background: url("../../img/accounting-s.png") no-repeat center center;
}

.ico-li-CPCHTZD{
    background: url("../../img/accounting.png") no-repeat center center;
}

.ico-li-CPCHTZD-active{
    background: url("../../img/accounting-s.png") no-repeat center center;
}

.ico-li-Statement{
    background: url("../../img/accounting.png") no-repeat center center;
}

.ico-li-Statement-active{
    background: url("../../img/accounting-s.png") no-repeat center center;
}





.ico-li-XYD{
    background: url("../../img/accounting.png") no-repeat center center;
}

.ico-li-XYD-active{
    background: url("../../img/accounting-s.png") no-repeat center center;
}
.ico-li-catalog{
    background: url("../../img/catalog.png") no-repeat center center;
}

.ico-li-catalog-active{
    background: url("../../img/calalog-s.png") no-repeat center center;
    color: #00A0E9;
}

.ico-li-shipping{
    background: url("../../img/shipping.png") no-repeat center center;
}

.ico-li-shipping-active{
    background: url("../../img/shipping-s.png") no-repeat center center;
}

.ico-li-order{
    background: url("../../img/order.png") no-repeat center center;
}

.ico-li-order-active{
    background: url("../../img/order-s.png") no-repeat center center;
}

.ico-li-seach{
    background: url("../../img/seach.png") no-repeat center center;
}

.ico-li-right{
    background: url("../../img/right.png") no-repeat center center;
}

.ico-li-left{
    background: url("../../img/left.png") no-repeat center center;
}

.ico-li-bottom{
    background: url("../../img/bottom.png") no-repeat center center;
}

.ico-li-like{
    background: url("../../img/like.png") no-repeat center center;
}

.ico-li-aha{
    background: url("../../img/aha.png") no-repeat center center;
}

.ico-li-typex{
    background: url("../../img/type-x.png") no-repeat center center;
}

.ico-li-typey{
    background: url("../../img/type-y.png") no-repeat center center;
}

.ico-li-aha{
    background: url("../../img/aha.png") no-repeat center center;
}

.ico-li-trust{
    background: url("../../img/trust.png") no-repeat center center;
}

.ico-li-floats{
    background: url("../../img/红叉.png") no-repeat center center;
}

.ico-li-like-active{
    background: url("../../img/like-s.png") no-repeat center center;
}

.ico-li-new{
    background: url("../../img/new.png") no-repeat center center;
    top: 0px;
    width: 43px;
    height: 43px;
    position: absolute;
}

.ico-new-father{
    position: relative;
}

.ico-li-info{
    top: 10px;
    width: 25px;
    height: 25px;
    background: url("../../img/information.png") no-repeat center center;
}

.ico-li-order_entry{
    top: 10px;
    width: 23px;
    height: 25px;
    background: url("../../img/order_entry.png") no-repeat center center;
}

.backto{
    font-family: PingFangSC-Medium;
    font-size: 18px;
    color: #3D5170;
    background: #F3F4F6;
}

.backto-title{
    margin-left: 15px;
    color: #00A0E9;
    cursor: pointer;
}

.backto-title:hover {
    text-decoration: underline;
}

.nav-panel{
    height: 50px;
    line-height: 50px;
    font-size: 18px;
    padding-left: 26px;
    background-color: #FFFFFF;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.content-panel{
    position: relative;
    margin: 120px 43px 140px 328px;
}

.content-panel2{
    position: relative;
    margin: 85px 60px 190px 345px;
}

.nav-panel-span{
    color: #A5A7B0;
}

.nav-panel-span-cur{
    color: #00A0E9;
    text-shadow: none;
    cursor: pointer;
}

.nav-panel i{
    background-size: 80% 80%;
}

.margin-h-30{
    margin-top: 30px;
}

.warn{
    color: #D0021B;
}

.clear-f{
    clear: left;
}

.btn-extend{
    border-radius: 3px;
    background: #00A0E9;
    font-family: PingFangSC-Medium;
    font-size: 14px;
    padding: 10px 26px;
}

.am-btn:focus,
.am-btn:active:focus,
textarea:focus
{
    outline: thin dotted;
    outline: 0px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}
.am-btn:hover,
.am-btn:focus{
    color: #FFFFFF;
    text-decoration: none;
}

.am-form-icon .am-form-field {
    padding-left: 2.5em !important;
}

textarea {
    text-decoration: none;
}

.track-time-line{
    position: absolute;
    padding: 20px;
    width: 30%;
    min-width: 500px;
    background: #FFFFFF;
    border: 1px solid #CACEDB;
    box-shadow: 0 3px 10px 0 rgba(0,0,0,0.10);
}

[class^="time-line-title"]{
    font-size: 14px;
    width: 50%;
    display: inline-block;
    cursor: pointer;
    margin-bottom: 20px;
    border-bottom: 1px dashed #00A0E9;
    padding-bottom: 10px;
}

.time-line-title1{

}

.time-line-title2{
    text-align: right;
}

.time-line-title1 i,
.time-line-title2 i{
    color: #00A0E9;
}

/*纵向时间轴*/
.time-vertical {
    padding:0px;
    margin: 0px;
    list-style-type: none;
    border-left: 2px solid #CACEDB;
    font-size: 14px;
}

.time-vertical ul{
    margin:0px;
}

.time-vertical li {
    height: 40px;
    position: relative;
}

.time-vertical li:nth-child(2n+1) {
    background-color: #F3F4F6;
}

.time-vertical li a {
    display: inline-block;
    margin-left: 10%;
    height: 40px;
    line-height: 40px;
    text-decoration: none;
    color: #868E96;
    overflow: hidden;
}

.time-vertical li b:before {
    content: '';
    position: absolute;
    top: 12px;
    left: -7px;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    border: 1px solid #CACEDB;
    background: #FFFFFF;
}

.time-vertical .cur b:before{
    border: 1px solid #EE6723;
    background: #EE6723;
}

.time-vertical .cur a{
    color: #008040;
}

.time-vertical li span {
    position: absolute;
    color: #FFF;
    top: 18px;
    left: -6px;
}

@media (max-width: 1020px){
    .header-msg-right{
        display: none;
    }
}
@media (max-width: 800px){
    .header-msg-right,.header-msg-left{
        display: none;
    }
    .header-logout{
        padding: 0px 5px 0px 5px;
    }
}

@media (max-width: 500px){
    .header-msg-right,.header-msg-left{
        display: none;
    }
    .left-sidebar{
        display: none;
    }
    .header-logo{
        display: none;
    }
    .header-fluid{
        margin-left: 0px;
    }
}

th.filter {
    text-align: center;
    /*padding-left: 4px;*/
}
th.filter .am-dropdown {
    line-height: 1em !important;
}
th.filter .am-dropdown i {
    width: 20px;
    height: 20px;
    cursor: pointer;
    background: url(/img/filter.png) no-repeat 0 0/100% 100%;
    display: inline-block;
    vertical-align: -4px;
    margin-right: 4px;
}