@charset "utf-8";
li{list-style:none}
/**
 * PC端
 */
@media screen and (min-width:768px){
    .navLayout {min-height: 410px;}
    .crumbs{padding-left: 220px;padding-right: 20px;}
    .crumbs .link{display: block;float: right;font-size: 14px;color: #E15616;text-decoration: underline;}
    .navLayout .left{float:left;width:200px;line-height:50px;white-space:nowrap;text-indent:16px;font-size:16px;background:#FFF}
    .navLayout .left .title{color:#22272e;font-weight:bold;border-bottom:1px solid #f5f5f5}
    .navLayout .navList .tab{display:block;color:#22272e;position:relative;cursor: pointer;}
    .navLayout .navList .tab:before{content:'\276F';font-weight:normal;position:absolute;right:10px;top:0;transform:rotate(90deg);width:32px;height:32px;line-height:32px;text-align:center;color:#bec2c9}
    .navLayout .navList .con{position:relative;}
    .navLayout .navList .con:before,.navLayout .navList .con:after{content:'';position:absolute;width:168px;border-top:1px solid #f5f5f5;left:16px}
    .navLayout .navList .con:before{top:0}
    .navLayout .navList .con:after{bottom:0}
    .navLayout .navList .con a{display:block;font-size:14px;color:#627386;text-indent:32px}
    .navLayout .navList.on .tab:before{top:18px;transform:rotate(270deg);color:#e15616}
    .navLayout .navList.on .tab{color:#e15616}
    .navLayout .navList .con a.on{color:#e15616;background-color:#ffe6dc}
    /*个人中心右侧*/
    .navLayout .right{float:right;width:968px}
    .order-header{width: 100%;height: 78px;box-sizing: border-box;padding: 20px;background-color: #FFF;box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.07);}
    .order-header .header-bt {width: 100%;height: 38px;float: left;}
    .order-header .header-bt .header-search{width: 828px;height: 38px;float: left;}
    .order-header .header-bt .search{height: 38px;float: left;}
    .order-header .header-bt .search .label{display: inline-block;float: left;width: 60px;height: 38px;line-height:38px;font-size: 12px;color: #627386;}
    .order-header .header-bt .search .search-input{width: 210px;box-sizing: border-box;padding: 0 10px;font-size: 12px;line-height: 36px;border: 1px solid #b8bfca;border-radius: 2px; }
    .order-header .header-bt .search .select{width:114px;height:38px;box-sizing: border-box;padding: 0 10px;font-size: 12px;line-height: 38px;border: none;border-radius: 2px;border: 1px solid #b8bfca;color: #627386;}
    .order-header .header-bt .search-time{float: left;margin:0 15px;}
    .order-header .header-bt .search-time .label{display: inline-block;float: left;width: 60px;height: 38px;line-height:38px;font-size: 12px;color: #627386;}
    .order-header .header-bt .search-time .search-main{float: left;height: 38px;}
    .order-header .header-bt .search-time .search-main .line{line-height:38px;font-size: 12px;color: #627386;margin: 0 5px;display: inline-block;float: left;}
    .order-header .header-bt .search-time .search-main .search-input{width:130px;box-sizing: border-box;padding-right: 16px;float: left;border: 1px solid #b8bfca;position: relative;}
    .order-header .header-bt .search-time .search-main .search-input .input{width:114px;box-sizing: border-box;padding: 0 10px;font-size: 12px;line-height: 36px;border: none;border-radius: 2px;cursor: pointer;}
    .order-header .header-bt .search-time .search-main .search-input .icon{width: 12px;height:  12px;display: block;position: absolute;right: 8px;top: 10px;}
    .order-header .header-bt .search-time .search-main .search-input .icon:before{width: 12px;height:  12px;background-position: -348px -378px;}
    .order-header .header-bt .header-button{height: 38px;float: right;}
    .order-header .header-bt .header-button .btn-server{width: 90px;height: 36px;display: block;background-color: #e15616;border-radius: 2px;border: solid 1px #e15616;font-size: 14px;color: #FFFFFF;line-height: 36px;text-align: center;}
    .container{width: 100%;margin-top: 15px;}
    .container .empty{box-sizing:border-box;padding:100px 0;text-align:center;color:#4A4F58;line-height:30px;font-size:16px;background-color:#FFF;}
    .container .empty img{width:180px;height:180px;}
    .container .empty a{color:#E15616;}
    .container .section{width: 100%;height: 411px;padding-bottom: 16px;box-sizing: border-box;padding: 0 16px;background-color: #FFFFFF;box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.07);}
    .container .section .title{width: 100%;height: 54px;border-bottom: 1px solid #e2e7ef;}
    .container .section .title .td{height: 54px;font-size: 14px;color:#627386;float: left;line-height:54px;text-align: left;}
    .container .section .title .td.td-1{width:11%;}
    .container .section .title .td.td-2{width:14%;}
    .container .section .title .td.td-3{width:11%;}
    .container .section .title .td.td-4{width:23%;}
    .container .section .title .td.td-5{width:11%;}
    .container .section .title .td.td-6{width:14%;}
    .container .section .title .td.td-7{width:8%;text-align: center;}
    .container .section .title .td.td-8{width:8%;text-align: center;}
    .container .section .title .td.td-9{width:8%;text-align: center;}
    .container .section .content{width: 100%;height: auto;}
    .container .section .list{width: 100%;height: 44px;}
    .container .section .list .td{height: 54px;font-size: 14px;color:#627386;float: left;line-height:54px;text-align: left;}
    .container .section .list .td.td-1{width:11%;}
    .container .section .list .td.td-2{width:14%;}
    .container .section .list .td.td-3{width:11%;}
    .container .section .list .td.td-4{width:23%;}
    .container .section .list .td.td-5{width:11%;}
    .container .section .list .td.td-6{width:14%;}
    .container .section .list .td.td-7{width:8%;text-align: center;}
    .container .section .list .td.td-8{width:8%;text-align: center;}
}

/**
* 移动端
*/
@media screen and (max-width:768px){
.navLayout{background:#FFF;border-top:1px solid #F5F5F5;border-bottom:1px solid #F5F5F5;}
.navLayout .crumbs{display:none;}
.navLayout .left{width:29.3vw;border-right:1px solid #F5F5F5;line-height:11.8vw;white-space:nowrap;text-indent:3.3vw;font-size:3.4vw;}
.navLayout .left .title{color:#22272e;font-weight:bold;border-bottom:1px solid #f5f5f5;font-size: 3.7vw;}
.navLayout .navList .tab{display:block;color:#22272e;position:relative}
.navLayout .navList .tab:before{content:'\276F';font-weight:normal;position:absolute;right:1.4vw;top:1vw;transform:rotate(90deg);width:6.4vw;height:6.4vw;line-height:6.4vw;text-align:center;color:#bec2c9}
.navLayout .navList .con a{display:block;color:#9aa5b5;}
.navLayout .navList.on .tab:before{top:4vw;transform:rotate(270deg);color:#e15616}
.navLayout .navList.on .tab{color:#e15616}
.navLayout .navList .con a.on{color:#e15616;background-color:#ffe6dc}
.navLayout .right{width:70.5vw}





}

