.top{width:100%; height: 36px; line-height: 36px; background: #e9e9e9;overflow: hidden;}
.top a{cursor: pointer; border-right:1px solid #c3c2c2; padding-right: 15px; }
.top a:hover{text-decoration: none;}
.container{max-width:1200px; overflow: visible; margin: 0 auto;}
.topLeft{float:left; width:70%;}
.topLeft li,.topRight li{float:left; padding-right: 15px;font-size: 12px;}
.topLeft li:last-child a,.topRight li:last-child a{border-right:none;}
.topRight{float:right;}
.header{width:100%; overflow: hidden;-moz-box-shadow:2px 3px 10px #f0f0f0; -webkit-box-shadow:2px 3px 10px #f0f0f0; box-shadow:2px 3px 10px #f0f0f0;}
.logo{overflow: hidden; float:left; padding: 10px 0;}
.welcomrInfo{float: left;margin-left: 30px;font-size: 24px;border-left: 1px solid #e5e5e5;margin-top: 24px;padding-left: 30px; color:#333;}
/*.infoTxt{}*/
#zzn_4{margin: 0 30px 0 15px;color: #7f7f7f;}
#zzn_4:hover{color: #008dec;}
.banner{width:100%; background: url("../images/banner.jpg") no-repeat center center; background-size:100% 100%; height: 527px;}
.loginCon {width: 370px;overflow: hidden;float:right;background: #fff; border:1px solid #d3d3d3;margin-top: 95px;}
.loginTit {height: 52px; line-height:52px;background: #fafafa;border-bottom: 1px solid #d3d3d3;font-size:18px; padding-left: 20px;}
.loginForm{padding:40px 20px 20px 20px; overflow: hidden;}
.form-label {float: left;display: block;padding: 9px 0;width: 80px;font-weight: 400;line-height: 20px;text-align: left;}
.input-block {margin-left: 80px;min-height: 36px;}
.login-btn {display: inline-block;height: 38px;line-height: 38px;padding: 0 30px;background-color: #0072ca;color: #fff;text-align: center;font-size: 14px;cursor: pointer;}
.btn-item{display: flex; margin: 30px 0 15px 0;align-items: center;padding-bottom: 20px;border-bottom: 1px solid #e8e8e8;}
.btn-item p{margin-left: 30px;}
.loginTxt{text-align: center;color:#7f7f7f; text-decoration: underline;}
.loginTxt a{color:#7f7f7f;text-decoration: underline;}
.headerRight{display:flex; align-items: center; float:right; margin-top: 22px;}

.code-form-item{display: flex; margin:0 0 15px 0;align-items: center;}
.code-form-item .input-block{margin-left: 0;width: 150px;}
.codeImg{width:100px;}
.codeImg img{width:100%;}
.code-form-item p{margin-left: 10px;}
.loginNow{text-align: center;color:#7f7f7f;}
.loginNow a{color: #0072ca;}
.infoTxt{color:#999; display: inline-block; padding-left: 10px; margin: 31px 0 0 20px;}

.mainCon{margin: 25px 0;}
.leftNav{width:250px; float:left; margin-right: 20px;}
.leftNav li{background: #eeeeee; height: 50px;line-height: 50px; border-bottom: 1px solid #fff;font-size: 16px;}
.leftNav li a{display:block; padding:0 15px;}
.leftNav li a:hover,.leftNav li a.selected{color:#fff;background:url("../images/jiantou.png") no-repeat 210px center #8e2424;}
.rightCon{width:870px; float: left; overflow: visible;}
.memberInfo{border-bottom:1px solid #d9dfec; color:#333; font-size: 16px;}
.memberInfo p{font-size: 16px; margin-bottom:12px;}
.memberInfo p.loginTime span{color:#8e2424; font-weight: bold; padding-right: 10px;}
.memberInfo p.account span,.memberInfo p.score span{font-weight: bold;}
.scoreInfo{background: #f1f1f1; padding: 15px; color:#333; font-size: 15px; line-height: 180%; margin-bottom: 20px;}
.scoreInfo span{color:#8e2424; font-weight: bold; }
.navbar-header p{line-height: 50px; color:#fff; padding-left: 15px;}
.layerCon{padding:20px; overflow: hidden;height: 345px;}
.layerCon p{margin-bottom: 10px;}
.layerCon form{margin: 30px 0;}
.shipTit{display: flex; align-items: center; justify-content: space-between; border-bottom:1px solid #d9dfec; padding-bottom: 10px;}
.shipTit img{margin-right: 5px;}
.shipTit p{font-size: 18px; color: #b8292f; font-weight: bold;}
.titLeft{display: flex; align-items: center;}
.shipCon{margin: 15px 0; overflow: visible;}
.shipCon .shipList li{display: flex; align-items: center; justify-content: space-between; font-size: 14px;padding-bottom: 10px;border-bottom: 1px dashed #c7c7c7; margin-bottom: 10px;}
.conLeft{display: flex; justify-content: space-between; align-items: center;width:88%;}
.conLeft p.infoLeft{width:65%; color: #333;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; }
.conLeft p.infoLeft span{color: #8e2424; font-weight: bold; padding-right: 1px; font-size: 12px;}
.conLeft p{color: #999;}
.infoIcon i{margin-right: 10px; cursor: pointer;}
.titLeft p span{color:#333; font-weight: normal;}
.layui-form-label{padding: 9px 0; width: 100px;}
.layui-form-label span{color: #ff0000; padding-right: 5px;}
.layui-input-block {line-height: 36px;}
.layui-upload{margin-left: 110px;}
#layui-layer100001{width:60%;}
/*.layui-upload-list img{width:30%;}*/
.layui-table td, .layui-table th {text-align: center;}
.layui-tab-item.table-responsive{border: none;}
.shipCon p.balance{font-size: 18px; margin-right: 15px;}
.shipCon p.balance span{color: #ff6600;}
.shipScore{display: flex; align-items: center; margin-bottom: 15px;}
.invoice,.invoiceInfo{margin-bottom: 30px;}
.invoice p{color: #b8292f;}
p.comTips{color: #b8292f; margin-bottom: 15px;}
.invoiceTit{font-weight: bold; font-size: 16px; display: flex; align-items: center; margin-bottom:15px;}
.invoiceInfo p{margin-bottom: 10px;}
.invoiceTit p{margin-right: 15px; margin-bottom: 0;}
.invoiceInfo p span{color: #999;}
.invoiceApply p span{color:#b8292f;}
.invoiceNum{display: flex; align-items: center;}
.invoiceNum .layui-input-block{margin-left: 0; margin-right: 15px;}
.invoiceNum .layui-form-item{margin-bottom: 0;}
.invoiceApply p{margin-bottom: 10px;}
.invoiceNum p{margin-bottom: 0; margin-left: 15px;}

.footer{width:100%;padding:40px 0; background: #fff;overflow: hidden; border-top:1px solid #dfdfdf;}
.footer p{color:#333333;}
.footerLeft{width:60%; float: left;margin-right: 8%;padding-top: 25px;}
.footerLeft p{margin-bottom: 15px;}
.footerLeft a {color: #333333;margin: 0 3px;}
.footerRight{width: 30%;float: right; text-align: right;}

#indexClass{display:none;padding:5px 0 10px 15px;background-color:#f1f1f1;font-size:15px;}
#indexClass>div{margin-top:10px;}
#indexClass>div>a{margin-right:9px;width:68px;height:22px;line-height:22px;padding:0;font-size:14px;}

.layui-nav{padding:0;margin-right:2px;}
.layui-nav-child{padding:0;}
.layui-nav-child>dd>a{padding-top:5px !important;padding-bottom:5px !important;}
.layui-nav-child>dd>a:hover{background-color:#1f9fff !important;color:#ffffff !important;}

.childInformation{margin-bottom:5px;border:#D6D6D6 1px solid;padding-top:10px;}
.childInformation>div{padding-top:0;padding-bottom:0;margin-top:0;margin-bottom:0;}

#btn_hhjy{color:#1f9fff;}
#btn_hhjy:hover{color:#A0D0FF;}
#btn_cyzs{color:#1f9fff;}
#btn_cyzs:hover{color:#A0D0FF;}

.layui-upload-list{display:flex;flex-wrap:wrap;}
.uploadImgDiv{position:relative;width:225px;height:160px;margin:0 8px 10px 0;}
.uploadImgDelete{position:absolute;right:0;background-color:#009688;font-size:14px;padding:0 5px 0 5px;color:#e3e3e3;}
.uploadImgDelete:hover{cursor:pointer;color:white;}
.uploadImg{border:#e6e4e4 1px solid;margin:0 10px 10px 0;width:100%;height:100%;}

.explain{color: #888d98; padding-left: 12px; border:#e6e6e6 solid 1px;}
.explain span{color:#8e2424; font-weight: bold;}
.explainOne{color: #888d98;}
.explainTwo{color: #5d616c; padding-left: 28px;}
.explainThree{color: #FF6109; padding-left: 28px;}
.explainThree>span{color:#8e2424; font-weight: bold;}
.charg{color: #888d98; border:#e6e6e6 solid 1px; padding-left: 12px;}
.chargSpan{color: #8e2424; font-weight: bold;}
.charg img{margin-bottom: 3px;}

#refresh{color:#a80000;text-decoration:underline;}
#refresh:hover{cursor: pointer;color: #dd0000;}

.announcement{color: #b50000;font-weight: bold;border-bottom: 1px solid #e6e6e6;padding-bottom: 7px;font-size: 14px !important;}

.uposition{display:flex;flex-wrap:wrap; margin-bottom: 10px;}
.uposition>div{background-color: #6BA46C;color: white;font-size: 12px;text-align: center;padding: 0 5px 0 5px;border: solid;}
.upositionItem{background-color: #c42828 !important;}

.suojin{text-indent: 2em;}
.suojinTitle{font-weight: bold; color: #8e2424;}