/* css个人约定 样式 和 样式名  开始*/

/* #chatMinBox{display:none;} */
/*==去掉客服2020*/


html,body,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,fieldset,legend,input,textarea,select{ margin:0; padding:0; }
body{ font:14px "PingFangSC-Regular","Arial","Microsoft YaHei","黑体","宋体",sans-serif; background: #fff; -webkit-text-size-adjust:100%; }

em,i{ font-style:normal; }
b{ font-weight: normal; }
li{ list-style:none; }
img{ border:0; vertical-align:middle; }
table{ border-collapse:collapse; border-spacing:0; }
p{ word-wrap:break-word; }

a{ color: #979797; text-decoration:none; }
a:hover{ color:#333; }
a:hover, a:visited, a:active, a:focus{text-decoration: none;}

input,textarea,[contenteditable="true"]{ outline: none;font:14px "PingFangSC-Regular","Arial","Microsoft YaHei","黑体","宋体",sans-serif; border: none; color: #333;font-size: 14px; }
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{ color:#999; }
input::-moz-placeholder,textarea::-moz-placeholder{ color:#999; }
input:-moz-placeholder,textarea:-moz-placeholder{ color:#999; }
input:-ms-input-placeholder,textarea:-ms-input-placeholder{ color:#999; }
input:focus,button:focus,textarea:focus,input[type="checkbox"]:focus,label:focus{outline: none;}

/*Diligentia物品的注意*/
.Diligentia{font-size:18px !important;}

.center-box .form-box .list-box .form-item .select-box .select-item{padding: 4px 8px;cursor: pointer;}
.center-box .form-box .list-box .form-item .select-box .select-item:hover{color: #fff;background-color: rgb(235,111,105);}


/*  border-radius 样式 */
.borR2{ -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; }
.borR3{ -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
.borR4{ -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }
.borR5{ -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
.borR6{ -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; }
.borR7{ -moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px; }
.borR8{ -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; }
.borR9{ -moz-border-radius: 9px; -webkit-border-radius: 9px; border-radius: 9px; }
.borR10{ -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; }
.borR11{ -moz-border-radius: 11px; -webkit-border-radius: 11px; border-radius: 11px; }
.borR12{ -moz-border-radius: 12px; -webkit-border-radius: 12px; border-radius: 12px; }
.borR50{ -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; }
/*  宽度  */
.w-100{width: 100%;}
.w-90{width: 90%;}
/* display 样式 */
.df{ display: -webkit-flex; display: box; display: -webkit-box;display: flex;}
.flex{flex: 1; -webkit-flex: 1; box-flex: 1; -webkit-box-flex: 1;}
.df-flex-1{flex: 1}
.df-row{flex-flow: row}
.df-column{flex-flow: column}
.df-wrap{flex-wrap: wrap};
.jct{justify-content: center; -webkit-justify-content: center; box-pack: center; -webkit-box-pack: center;}
.jct-start{justify-content: flex-start; -webkit-justify-content: flex-start; box-start: start; -webkit-box-pack: start;}
.jct-end{justify-content: flex-end; -webkit-justify-content: flex-end; box-start: end; -webkit-box-pack: end;}
.jct-between{justify-content: space-between; -webkit-justify-content: space-between; -webkit-box-pack: justify; box-pack:jusity;}
.jct-around{justify-content: space-around; -webkit-justify-content: space-around;}
.ais{align-items: center; -webkit-align-items: center; box-align: center; -webkit-box-align: center;}
.ais-start{align-items: flex-start; -webkit-align-items: flex-start; box-align: start; -webkit-box-align: start;}
.ais-end{align-items: flex-end; -webkit-align-items: flex-end; box-align: end; -webkit-box-align: end;}
.fdc{flex-direction: column; -webkit-flex-direction: column; -webkit-box-orient:vertical; box-orient:vertical;}

.bob{ box-sizing: border-box; -moz-box-sizing:border-box; -webkit-box-sizing: border-box;}

/*文字溢出的样式*/
.to-line { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.to-2line { text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.to-3line { text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }

/* css个人约定 样式 和 样式名  结束*/


.redBg{ background-color: #ef4b4b;}
.grayBg{background-color: #d2d2d2;}
.red{color: #ef4b4b;}
.redBottom{cursor: pointer; color: #ef4b4b; border-bottom: 2px solid #ef4b4b;}
.statusGrayBg{cursor: pointer;  border: 1px solid #e6e6e6; color: #333333; text-align: center; padding: 3% 15%; background-color: #f6f6f6; border-radius: 20px; font-size: 12px;}
.statusYellowBg{cursor: pointer; color: #fff; text-align: center; padding: 3% 15%; background-color: #e4a140; border-radius: 20px; font-size: 12px;}
.statusGreenBg{cursor: pointer; color: #fff; text-align: center; padding: 3% 15%; background-color: #69c067; border-radius: 20px; font-size: 12px;}
.statusRedBg{cursor: pointer; color: #fff; text-align: center; padding: 3% 15%; background-color: #e16565; border-radius: 20px; font-size: 12px;}


#map {width: 100%;height: 500px;}
p {margin-left: 5px;font-size: 14px;}
#r-result {width: 100%;display: flex;}
#r-result input {padding: 10px;}
.mapSearch .searchBtn{padding: 0 !important;width: 140px;text-align: center;line-height: 40px;}

.pages {margin-top: 30px;}
.pages ul li {width: 30px;height: 30px;border: 1px solid #E5E5E5;line-height: 30px;text-align: center;color: #767576;margin-left: 4px;cursor: pointer;}
.pages li:active {background: #767576;color: #ffffff;}


.content .right .indexBox{  margin: 29px; padding: 28px; margin-top: 3px;border-radius: 5px; background-color: #fff; overflow: auto;}
.content .right .indexBox .topImg{min-width: 920px; overflow: auto; background: #f6f6f6  center top no-repeat; background-size: 100% auto ; position: relative;}
.content .right .indexBox .topImg img{width: 100%;}
.content .right .indexBox .underBox {background-color: #f6f6f6;}
.content .right .indexBox .underBox .companyName {background: url(../images/index14.jpg) left center no-repeat; background-size: 100% 100%; height: 64px; width: 280px; margin-left: 3px;}
.content .right .indexBox .underBox .goodsType {cursor: pointer; padding: 5px 15px; background-color: #fff; width: 200px; margin: 0 20px; border-radius: 30px; font-size: 12px; position: relative;}
.content .right .indexBox .underBox .goodsType i{position: absolute; right: 15px; top: 7px; font-size: 10px;}
.content .right .indexBox .underBox .snName{width: 20%; text-align: center; margin: 0 10px; position: relative;}
.content .right .indexBox .underBox .snOrder{width: 30%; color: #ef4b4b; text-align: center; margin: 0 10px; position: relative;}
.content .right .indexBox .underBox .goodsName{width: 30%; text-align: center; margin: 0 10px; position: relative;}
.content .right .indexBox .underBox .draw{width: 20%; text-align: center; margin: 0 10px;}
.content .right .indexBox .underBox .snName::after,
.content .right .indexBox .underBox .snOrder::after,
.content .right .indexBox .underBox .goodsName::after{content: ''; background-color: #dcdcdc; width: 1px; height: 10px; right: -7px ; top: 4px; position: absolute;}

.content .right .indexBox .bottomImg{min-width: 925px; margin: 25px 0 0 0; overflow: auto;}
.content .right .indexBox .bottomImg div{float: left; width: 32%; margin-right: 1.9%;}
.content .right .indexBox .bottomImg div:last-child{margin-right: 0;}
.content .right .indexBox .bottomImg div img{width: 100%;}
.content .right .indexBox .bottomImg div img:hover{box-shadow: -5px 5px 20px 0 #b1b1b1;}

.content .right .contentBox{width: 100%;display: flex;justify-content: space-between;align-items: flex-start;padding: 20px;flex-wrap: wrap;}
.content .right .flexBox{display: flex;align-items: center;}
.content .right .flexColumn{display: flex;flex-direction: column;align-items: center;}
.content .right .center-center{justify-content: center;}
/* .contact .right .contentBox .marign20{margin-left: 20;} */
.content .right .contentBox .topBox{width: 49.5%;background-color: #fff;height: 88px;box-sizing: border-box;padding: 20px;border-radius: 10px;}
/* .content .right .contentBox div:nth-child(odd){margin-right: 20px;} */
.content .right .contentBox .footerLeft{width:58.5%;height: auto;}
.content .right .contentBox .footerRight{width:40.5%;;height: auto;}

.content .right .content-layout{width: 100%;box-sizing: border-box;padding: 20px;}
.pointer{cursor: pointer;}


.content .unGoods .listSelect{min-width: 920px; background-color: #fff; margin: 0 20px; padding: 20px 20px 0 20px; border-radius: 3px;}
.content .unGoods .listSelect .listTitle i{display: inline-block; height: 12px; width: 3px;background-color: #eb3b50; border-radius: 15px; margin-right: 5px;margin-bottom: -1px;}
.content .unGoods .listSelect .listTitle{font-weight: bold;}
.content .unGoods .listCon{width: 100%; justify-content: space-between; display: flex; margin: 10px 0;}
.content .unGoods .listSelect .listCon li{width:16%; text-align: center; position: relative;margin-bottom: 20px;}
.content .unGoods .listSelect .listCon li .selectItem{ cursor: pointer;vertical-align: middle; background-color: #f8f8f8; border-radius: 5px; border: 1px solid #f4f4f4; font-size: 13px; color: #333333; padding: 5px 10px; overflow: auto; position: relative;}
.content .unGoods .listSelect .listCon li .selectItem span{float: left;}
.content .unGoods .listSelect .listCon li .selectItem i{float: right; font-size: 12px;}
.content .unGoods .listSelect .listCon li:last-child .selectItem{border: none; background: none;padding: 0 10px;}
.content .unGoods .listSelect .listCon li:last-child .selectItem span:first-child{background-color: #898a8a;padding: 5px 10px; border-radius: 5px; margin-right: 5px; color: white; font-size: 13px;}
.content .unGoods .listSelect .listCon li:last-child .selectItem span:last-child{background-color: #df3649;padding: 5px 10px; border-radius: 5px; color: white;font-size: 13px;}
.content .unGoods .listSelect .listCon li .listChild{position: absolute; display: none; background-color: #f8f8f8; width: 100%;}
.content .unGoods .listSelect .listCon li .listChild ul{width: 100%;}
.content .unGoods .listSelect .listCon li .listChild li{width: 100%; line-height: 30px; padding: 0 10px; cursor: pointer;text-align: left;}
.content .unGoods .listSelect .listCon li .listChild li:hover{color: #ffffff;background-color: #eb6f69;}
.content .unGoods .snList {min-width: 920px;overflow: auto;background-color: #fff;margin: 0 20px 20px 20px;padding: 20px 20px 0 20px;border-radius: 3px;}
.content .unGoods .snList > ul{width: 100%; display: flex; justify-content: space-between; flex-wrap: wrap;}
.content .unGoods .snList > ul > li{width: 30%; box-shadow: 2px 2px 10px 1px #e8e8e8; border-radius: 5px; margin-bottom: 20px;}
.content .unGoods .snList .snListItem .snOrder{line-height: 45px;height: 45px;}
.content .unGoods .snList .snListItem .snOrder span{display: inline-block;}
.content .unGoods .snList .snListItem .snOrder span:first-child{width: 10%; text-align: right;}
.content .unGoods .snList .snListItem .snOrder span:first-child img{max-width: 90%; margin-bottom: 4px;}
.content .unGoods .snList .snListItem .snOrder span:first-child + span{width: 40%; padding-left: 5px;}
.content .unGoods .snList .snListItem .snOrder span:last-child{width: 50%; text-align: right; padding-right: 10px;}
.content .unGoods .snList .snListItem .snOrder img,.content .unGoods .snList .snListItem .snOrder span{vertical-align: middle;}
.content .unGoods .snList .snListItem .address{ border-top:1px dashed #e3e3e3;border-bottom:1px dashed #e3e3e3;display: table; table-layout: fixed; width: 100%;}
.content .unGoods .snList .snListItem .address div:first-child{display: table-cell; padding: 6px 13px;width: 60%;}
.content .unGoods .snList .snListItem .address div:first-child p:first-child{font-size: 12px;line-height: 22px;}
.content .unGoods .snList .snListItem .address div:first-child p:last-child{font-size: 10px;line-height: 22px; color: #7d7d7d;}
.content .unGoods .snList .snListItem .address div:last-child{display: table-cell;vertical-align: middle; text-align: center;}
.content .unGoods .snList .snListItem .address div:last-child span{cursor: pointer; display: inline-block;width: 90%;background-color: #df3649; font-size: 12px; color: white;border-radius: 20px; line-height: 30px;}
.content .unGoods .snList .snListItem .address img{margin: 0 10px;}
.content .unGoods .snList .snListItem .snDetail{padding: 10px; }
.content .unGoods .snList .snListItem .snDetail .snDetailBox{display: flex; min-height: 110px; width: 100%; background-color:#f6f6f6; padding: 5px;border-radius: 3px;}
.content .unGoods .snList .snListItem .snDetail .snDetailBox div:first-child{width: 100%; vertical-align: middle;}
.content .unGoods .snList .snListItem .snDetail .snDetailBox div:first-child img{width: 100%;}
.content .unGoods .snList .snListItem .snDetail .snDetailBox div:last-child{padding-left: 8px;}
.content .unGoods .snList .snListItem .snDetail .snDetailBox .title{color: #353535; font-size: 13px; font-weight: bold; padding: 5px;}
.content .unGoods .snList .snListItem .snDetail .snDetailBox .describe{color: #404040; font-size: 13px; padding: 5px;}
.content .unGoods .snList .snListItem .snDetail .snDetailBox .detail{color: #7d7d7d; font-size: 13px; cursor: pointer; padding: 5px;}
.content .unGoods .snList .orderNumber{position: fixed;top: 0;left: 0;right: 0;bottom: 0;margin: auto; background-color: rgba(0,0,0,0.3);}
.content .unGoods .snList .orderNumber .numberBox{width: 580px;border-radius: 8px;overflow: hidden;}
.content .unGoods .snList .orderNumber .numberBox .top{background: linear-gradient(#4b4b4b,#343434);color: #ffffff; text-align: center;line-height: 45px;font-size: 14px;}
.content .unGoods .snList .orderNumber .numberBox .boxCon{background-color: #ffffff;padding: 50px 30px 40px;text-align: center;}
.content .unGoods .snList .orderNumber .numberBox .boxCon span{font-size: 50px;color: #ef4b4b;margin-right: 14px;}
.content .unGoods .snList .orderNumber .numberBox .boxCon input{background-color: #eeeeee;width: 50px;height: 50px;margin-right: 10px;font-size: 50px;text-align: center;color: #ef4b4b;}
.content .unGoods .snList .orderNumber .numberBox .boxCon button{border: none;background: #f05757;border-radius: 3px;color: #ffffff;width: 100px;height: 30px;border-radius: 15px;outline: none;margin-top: 30px;}

.content .goodEntry .importDialog{top: 180px;}
.content .goodsEntry {min-width: 920px; height: 100%; overflow: auto; background-color: #fff; margin: 0 20px; padding: 20px 20px 0 20px; border-radius: 3px;}
.content .goodsEntry .top{display: flex; justify-content: space-between;}
.content .goodsEntry .top i{display: inline-block; height: 10px; width: 3px;background-color: #eb3b50; border-radius: 15px; margin-right: 5px; margin-top: 2px;}
.content .goodsEntry .top div:first-child{font-size: 14px;color: #333333;}
.content .goodsEntry .top div:last-child{cursor: pointer; font-size: 14px;color: #333333; padding:  5px 10px; background-color: #f8f8f8; border-radius: 3px; border: 1px solid #eeeeee;}
.content .goodsEntry .orderSite div, .content .goodsEntry .snCompany div, .content .goodsEntry .flight div,.content .goodsEntry .goodsEntryCon .flight div{cursor: pointer; display: flex; justify-content: space-between; border: 1px solid #ebebeb; line-height: 30px; border-radius: 4px; margin-bottom: 20px; padding: 2px 20px; background-color: #f9f9f9; font-size: 14px;}
.content .goodsEntry .goodsEntryCon{padding: 3% 25%;}
.content .goodsEntry .goodsEntryCon>ul{min-width: 480px;}
.content .goodsEntry .goodsEntryCon .orderAddress textarea{min-height: 80px;width: 100%;border: 1px solid #ebebeb; border-radius: 4px; padding: 5px 15px;}
.content .goodsEntry .goodsEntryCon .orderAddress textarea:before {content: attr(placeholder); color: #adadad; font-size: 13px;}
.content .goodsEntry .goodsEntryCon .reportCustoms {overflow: auto; margin: 15px 0; padding-left: 10px;}
.content .goodsEntry .goodsEntryCon .reportCustoms ul{display: flex;}
.content .goodsEntry .goodsEntryCon .reportCustoms ul li{height: 40px; line-height: 40px;}
.content .goodsEntry .goodsEntryCon .reportCustoms .unCustomsBtn{ cursor: pointer;}
.content .goodsEntry .goodsEntryCon .reportCustoms .unCustomsBtn:first-child{margin-right: 20px;}
.content .goodsEntry .goodsEntryCon .reportCustoms .unCustomsBtn .iStyle{ background-color: #eb3b50;}
.content .goodsEntry .goodsEntryCon .reportCustoms .unCustomsBtn i{cursor: pointer; vertical-align: middle; width: 15px; height: 15px; border-radius: 50%; border: 1px solid #e6e6e6;display: inline-block;}
.content .goodsEntry .goodsEntryCon .reportCustoms .unCustomsBtn span{margin: 0 5px;}
.content .goodsEntry .goodsEntryCon .reportCustoms .customsBtn{margin: 0 10px;}
.content .goodsEntry .goodsEntryCon .reportCustoms .customsBtnRed{cursor: pointer; line-height:27px; background-color: #eb3b50; border-radius: 3px; color: white; display: inline-block; padding: 0 15px; font-size: 12px;}
.content .goodsEntry .goodsEntryCon .reportCustoms .customsBtnGray{cursor: pointer; line-height:27px; background-color: #f9f9f9; border-radius: 3px; color: #333333; display: inline-block; padding: 0 15px; border: 1px solid #ebebeb;font-size: 12px;}
.content .goodsEntry .goodsEntryCon .info .textarea{cursor: pointer; width: 100%; height: 100px; margin-top: 20px;border-radius: 2px; color: #eb3434;border: 1px solid #eaeaea;}
/* .content .goodsEntry .goodsEntryCon .info textarea{min-height: 100px;width: 100%;border: 1px solid #ebebeb; border-radius: 4px; padding: 5px 15px;} */
/* .content .goodsEntry .goodsEntryCon .info textarea:before {content: attr(placeholder); color: #adadad; font-size: 13px;} */
.content .goodsEntry .clearAddress div{color: #adadad; font-size: 11px; margin: 5px 0 10px 10px; cursor: pointer;}
.content .goodsEntry .orderBtn{width: 100%; text-align: right; margin-top: 60px;}
.content .goodsEntry .orderBtn span{display: inline-block; padding: 7px 30px; background-color:#eb3b50; color: #fff; border-radius: 5px; font-size: 14px; cursor: pointer;}
.content .goodsEntry .orderSite .orderSiteChild,.content .goodsEntry .snCompany .snCompanyChild,.content .goodsEntry .flight .flightChild{display: none; margin-top: -15px; color: #555555; font-size: 13px;}
.content .goodsEntry .orderSite .orderSiteChild li,.content .goodsEntry .snCompany .snCompanyChild li,.content .goodsEntry .flight .flightChild li{cursor: pointer;}
.content .prerecordOrder .orderSite div{padding: 0;}
.content .prerecordOrder .orderSite input{line-height: 30px;padding: 2px 10px;}
.content .prerecordOrder .orderSite input::placeholder{color: #333333;}
.content .prerecordOrder .importDialog{top: 180px;}

.domesticOrder .domesticOrderBox{min-width: 920px; height: 100%; overflow: auto; background-color: #fff; margin: 0 20px; padding: 20px 20px 0 20px; border-radius: 3px;}
.domesticOrder .domesticOrderBox i{ display: inline-block;height: 10px;width: 3px;background-color: #eb3b50;border-radius:15px;margin-right: 5px;margin-top: 2px;}
.domesticOrder .domesticOrderBox .domesticOrderTitle{margin: 0 0 10px 0;}
.domesticOrder .domesticOrderBox .topImg img{width: 100%;}
.domesticOrder .domesticOrderBox .underImg{margin: 15px 0; padding-bottom: 70px;}
.domesticOrder .domesticOrderBox .underImgBox{width: 100%; display: flex; justify-content: space-between;}
.domesticOrder .domesticOrderBox .underImgBox div{width: 48%;}
.domesticOrder .domesticOrderBox .underImgBox div img{width: 100%; box-shadow: 0 0 10px 5px #e1e5eb; border-radius: 5px;}

.getGoodsAir .navTab .getGoodsAirTitle{font-size: 14px; color: #333333;}
.getGoodsAir .navTab .reviseOrderType{font-size: 10px; color: #3d34eb; margin-left: 15px; cursor: pointer;}
.getGoodsAir .navTab .addressBox {width: 100%; text-align: right;}
.getGoodsAir .navTab .addressBox .addAddress,.getGoodsAir .navTab .addressBox .selectAddress,.getGoodsAir .navTab .addressBox .importAddress{display: inline-block;padding: 7px 13px; margin-left: 10px; background-color: #808080;border-radius: 1px; color: white; font-size: 11px; cursor: pointer;}
.getGoodsAir .getGoodsAirBox {min-width: 920px; height: 100%; overflow: auto; background-color: #fff; margin: 0 20px; padding: 20px 20px 0 20px; border-radius: 3px;}

.snQuery .snQueryBoxTop {min-width: 920px; height: auto; overflow: auto; background-color: #fff; margin: 0 20px 10px 20px; border-radius: 3px;}
.snQuery .snQueryBoxTop .snQueryBoxNav{background-color:#f3f3f3; width: 100%;}
.snQuery .snQueryBoxTop .snQueryBoxNav ul {display: flex; width: 100%; justify-content: space-between;}
.snQuery .snQueryBoxTop .snQueryBoxNav ul li{width: 24.5%; background: linear-gradient(#fff,#f1f1f1); border-top-right-radius: 2px; padding: 12px 0; text-align: center; font-size: 14px; cursor: pointer;}
.snQuery .snQueryBoxTop .snQueryBoxNav ul .redTab{color: #ef4b4b; background: linear-gradient(#fff,#fefefe);}
.snQuery .snQueryBoxNavNext{min-width: 920px;height: 100%;overflow: auto;background-color: #fff; margin: -10px 20px 10px 20px;border-radius: 3px;padding: 0 30%;}
.snQuery .snQueryBoxNavNext ul{display: flex; justify-content: space-between; text-align: center;width: 100%;}
.snQuery .snQueryBoxNavNext ul li{padding: 15px 0; font-size: 12px; color: #6f6f6f; width: auto; cursor: pointer;}
.snQuery .snQueryBoxBottom {min-width: 920px; height: 100%; overflow: auto; background-color: #fff; margin: 0 20px 10px 20px; padding: 10px 1% 130px 1%; border-radius: 3px;}
.snQuery .snQueryBoxBottom .selectList{margin: 5px 0 10px 0;}
.snQuery .snQueryBoxBottom .selectList ul {display: flex; justify-content: space-between; width: 100%;}
.snQuery .snQueryBoxBottom .selectList .selectLi {width: 17%; cursor: pointer; position: relative;}
.snQuery .parentDrop{line-height: 30px; background-color: #f8f8f8; border: 1px solid #eeeeee; padding: 0 10px; border-radius: 3px; overflow: auto;}
.snQuery .parentDrop span{float: left; font-size: 11px;}
.snQuery .parentDrop i{float: right; font-size: 9px;}
.snQuery .snQueryBoxBottom .selectList .selectLi .date{padding:0}
.snQuery .snQueryBoxBottom .selectList .selectLi .date input{padding:7px 10px; background-color: #f8f8f8;}
.snQuery .snQueryBoxBottom .selectList .selectLi .date i{position: absolute; top: 2px; right: 10px;}
.snQuery .childDrop::-webkit-scrollbar{display: none;}
.snQuery .childDrop p{padding: 8px 12px;}
.snQuery .childDrop p:hover{background-color: #eb6f69; color: #fff;}
.snQuery .childDrop div{padding: 8px 12px;}
.snQuery .childDrop div:hover{background-color: #eb6f69; color: #fff;}
.snQuery .childDrop{position: absolute; width: 100%;max-height: 250px;overflow-y: scroll;padding-bottom: 10px; z-index: 9999;background-color: #fff;border-bottom-left-radius: 5px; box-shadow: 0 10px 20px 2px #ebebeb;}
.snQuery .snQueryBoxBottom .selectList .selectBtn{width: 23%; text-align: center;}
.snQuery .snQueryBoxBottom .selectList .selectBtn span{line-height: 27px; display: inline-block; font-size: 12px; color: #fff; padding: 1px 10%; border-radius: 3px; cursor: pointer;}
.snQuery .snQueryBoxBottom .selectList .selectBtn span:first-child{background-color: #7b7b7b; margin-right: 4%;}
.snQuery .snQueryBoxBottom .selectList .selectBtn span:last-child{background-color: #ef4b4b;}
.snQuery .snQueryBoxBottom .selectList .search {width: 23%;}
.snQuery .snQueryBoxBottom .selectList .search div{ display: flex; line-height: 26px; border: 1px solid #eeeeee;border-radius: 3px; padding: 0 5px;}
.snQuery .snQueryBoxBottom .selectList .search input{line-height: 27px;line-height: 27px;}
.snQuery .snQueryBoxBottom .selectCon .snContentLi{cursor: pointer;}
.snQuery .snQueryBoxBottom .selectCon .top{padding: 10px;}
.snQuery .snQueryBoxBottom .selectCon > ul{display: flex; width: 100%; justify-content: space-between; flex-wrap: wrap;}
.snQuery .snQueryBoxBottom .selectCon > ul > li{width: 48%; margin: 10px 0; box-shadow: 1px 3px 10px 1px #ececec;}
.snQuery .snQueryBoxBottom .selectCon .top > ul{display: flex; width: 100%;}
.snQuery .snQueryBoxBottom .selectCon .top .addressLogo{ width: 15%; line-height: 45px; text-align: center;}
.snQuery .snQueryBoxBottom .selectCon .top .addressLogo img{width: 45%; vertical-align: middle;}
.snQuery .snQueryBoxBottom .selectCon .top .startAddress{width: 30%; line-height: 45px; text-align: center;}
.snQuery .snQueryBoxBottom .selectCon .top .arrow{width: 10%; line-height: 45px; text-align: center;}
.snQuery .snQueryBoxBottom .selectCon .top .arrow img {width: 55%;}
.snQuery .snQueryBoxBottom .selectCon .top .endAddress{width: 30%; line-height: 45px; text-align: center;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.snQuery .snQueryBoxBottom .selectCon .top .btn{width: 50%; line-height: 45px; text-align: right;}
.snQuery .snQueryBoxBottom .selectCon .bottom{background-color: #fcfcfc;padding: 5px 8px 15px 8px;}
.snQuery .snQueryBoxBottom .selectCon .bottom ul{display: flex; width: 100%; justify-content: space-between;}
.snQuery .snQueryBoxBottom .selectCon .bottom .goDown{ font-size: 10px; font-weight: bold; line-height: 30px; width: 20%; text-align: left;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.snQuery .snQueryBoxBottom .selectCon .bottom .time{font-size: 10px; line-height: 30px;width: 30%;text-align: left;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.snQuery .snQueryBoxBottom .selectCon .bottom .snCode{font-size: 10px; line-height: 30px;width: 42%;text-align: left;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.snQuery .snQueryBoxBottom .selectCon .bottom .arrow{cursor: pointer; font-size: 10px; line-height: 30px; width: 8%; text-align: left;}
.snQuery .snQueryBoxBottom .selectList .checkbox {display: flex; justify-content: space-between; width: 17%;}
.snQuery .snQueryBoxBottom .selectList .checkbox > div{cursor: pointer; text-align: center; padding: 7px 0; width: 48%; font-size: 12px;}
.snQuery .snQueryBoxBottom .selectList .checkbox .unDepot,.snQuery .snQueryBoxBottom .selectList .checkbox .toDepot{width: 15px; height:15px; border-radius: 50%; border: 1px solid #e8e8e8; display: inline-block; margin-right: 5%;}
.snQuery .snQueryBoxBottom .snPreList .snPreBox {background-color: #fcfcfc; border: 1px solid #eeeeee; border-radius: 3px; margin-bottom: 15px;}
.snQuery .snQueryBoxBottom .snPreList .snPreBox ul{display: flex; line-height: 80px; width: 100%;}
.snQuery .snQueryBoxBottom .snPreList{margin-top: 30px;}
.snQuery .snQueryBoxBottom .snPreList .snPreBox .checkbox{width: 5%; text-align: right;}
.snQuery .snQueryBoxBottom .snPreList .snPreBox .checkbox i{width: 15px; height: 15px; display: inline-block; border-radius: 50%; border: 1px solid #efefef; cursor: pointer;}
.snQuery .snQueryBoxBottom .snPreList .snPreBox .customIcon{width:7%; text-align: center;}
.snQuery .snQueryBoxBottom .snPreList .snPreBox .customIcon span{ background-color: #ef4b4b; color:#fff; padding: 10px 12px; border-radius: 50%; font-size: 14px;}
.snQuery .snQueryBoxBottom .snPreList .snPreBox .snLogo{width: 4%; text-align: center; line-height: 75px;}
.snQuery .snQueryBoxBottom .snPreList .snPreBox .snLogo img{width: 80%; vertical-align: middle;}
.snQuery .snQueryBoxBottom .snPreList .snPreBox .snName {font-weight: bold; font-size: 16px; width: 10%; text-align: left;}
.snQuery .snQueryBoxBottom .snPreList .snPreBox .snOrder {color: #ef4b4b; font-size: 12px;width: 10%; text-align: center;}
.snQuery .snQueryBoxBottom .snPreList .snPreBox .snAddress { font-size: 12px; width: 10%; text-align: center;}
.snQuery .snQueryBoxBottom .snPreList .snPreBox .snTime { font-size: 12px; width: 20%; text-align: center;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.snQuery .snQueryBoxBottom .snPreList .snPreBox .snCode { font-size: 12px; width: 17%; text-align: center;}
.snQuery .snQueryBoxBottom .snPreList .snPreBox .snBtn { font-size: 13px; width: 22%; text-align: center;}
.snQuery .snQueryBoxBottom .snPreList .snPreBox .snBtn span:first-child{cursor: pointer;border-radius: 3px;}
.snQuery .snQueryBoxBottom .snPreList .snPreBox .snBtn span:last-child{cursor: pointer; color: #fff; background-color: #999999; border-radius: 3px;padding: 6px 10%; margin-left: 5%;}
.snQuery .snQueryBoxBottom .iChecked{background-color: #ef4b4b;}
.snQuery .snQueryBoxBottom .selectStatus {border:1px solid #ef4b4b; color: #ef4b4b; padding: 5px 10%;}
.snQuery .snQueryBoxBottom .waitStatus {color: #fff; background-color: #ff992a; padding: 6px 7%;}
.snQuery .snQueryBoxBottom .cancelStatus {color: #fff; background-color: #ef4b4b; padding: 6px 10%;}
.snQuery .snQueryBoxBottom .pageListBox{display: flex; width: 100%;margin: 35px 0;}
.snQuery .snQueryBoxBottom .pageListBox .allSelect{width: 25%; line-height: 49px; text-align: left;}
.snQuery .snQueryBoxBottom .pageListBox .allSelect i{margin-right: 5px; width: 15px; height: 15px; display: inline-block; border-radius: 50%; border: 1px solid #efefef; cursor: pointer;}
.snQuery .snQueryBoxBottom .pageListBox .allSelect span:first-child{font-size: 12px;}
.snQuery .snQueryBoxBottom .pageListBox .allSelect span:last-child{color: #a1a1a1; font-size: 10px; margin-left: 5px;}
.snQuery .snQueryBoxBottom .pageListBox .pageList{width: 50%;}
.snQuery .snQueryBoxBottom .pageListBox .pageList ul{display: flex;justify-content : center; width: 100%;}
.snQuery .snQueryBoxBottom .pageListBox .pageList ul li{margin: 5px; padding: 10px 15px;border: 1px solid #e5e5e5; text-align: center; cursor: pointer;}
.snQuery .snQueryBoxBottom .pageListBox .outWarehouse{width: 25%;text-align: right;line-height: 49px;}
.snQuery .snQueryBoxBottom .pageListBox .outWarehouse span{cursor: pointer; padding: 8px 40px; background-color: #ef4b4b; border-radius: 3px; color: #fff; font-size: 12px;}
.snQuery .snQueryBoxBottom .pay{margin-top: 20px;}
.snQuery .snQueryBoxBottom .pay .payTitle{padding: 5px 20px 5px 10px};
.snQuery .snQueryBoxBottom .pay .payWay{width: 610px !important;margin: 0;}
.snQuery .snQueryBoxBottom .pay .payWay .drop{width: 100% !important;}

.snOrderDetail .snOrderDetailBoxNext{background-color: #fff;min-width: 920px;margin: -10px 20px 10px 20px;}
.snOrderDetail .snOrderDetailBoxNext ul{text-align: center; padding: 0 10px;}
.snOrderDetail .snOrderDetailBoxNext ul li{line-height: 55px;}
.snOrderDetail .snOrderDetailBoxNext ul li:first-child{float: left; font-size: 12px; color: #6f6f6f; cursor: pointer; padding-left: 10px;}
.snOrderDetail .snOrderDetailBoxNext ul li:first-child i{font-size: 10px; margin-right: 8px; color: #6f6f6f;}
.snOrderDetail .snOrderDetailBoxNext ul li:last-child span{font-weight: bold; font-size: 13px;}
.snOrderDetail .snOrderDetailBottom {min-width: 920px; height: 100%; overflow: auto; background-color: #fff; margin: 0 20px 10px 20px; padding: 10px 10% 40px 10%; border-radius: 3px;}
.snOrderDetail .snOrderDetailBottom .top > div{line-height: 35px;}
.snOrderDetail .snOrderDetailBottom .top .title{font-weight: bold;}
.snOrderDetail .snOrderDetailBottom .top{ border: 1px solid #dcdcdc; background-color: #fbfbfb; padding: 10px 4%;margin-top: 10px; border-radius: 4px;}
.snOrderDetail .snOrderDetailBottom .top .address{display: flex; justify-content: space-between; width: 100%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.snOrderDetail .snOrderDetailBottom .top .address div:first-child{width: 47%;}
.snOrderDetail .snOrderDetailBottom .top .address div:last-child{width: 47%;}
.snOrderDetail .snOrderDetailBottom .top span{color: #666666;}
.snOrderDetail .snOrderDetailBottom .top .address .getAddress span:last-child{color: #eb3434;}
.snOrderDetail .snOrderDetailBottom .top .address .getAddress span:first-child,.snOrderDetail .snOrderDetailBottom .top .address .channelType span:first-child{margin-right: 3%;}
.snOrderDetail .snOrderDetailBottom .top .model{display: flex; width: 100%;justify-content: space-between; }
.snOrderDetail .snOrderDetailBottom .top .model div:first-child{width: 47%;}
.snOrderDetail .snOrderDetailBottom .top .model div:last-child{width: 47%;}
.snOrderDetail .snOrderDetailBottom .top .model .modelCon span:first-child,.snOrderDetail .snOrderDetailBottom .top .model .remarkInfo span:first-child{margin-right: 3%;}
.snOrderDetail .snOrderDetailBottom .top .sendTime span:first-child{margin-right: 1.4%;}
.snOrderDetail .snOrderDetailBottom .bottom{ border: 1px solid #dcdcdc; background-color: #fbfbfb; padding: 10px 4%;margin-top: 20px; border-radius: 4px;}
.snOrderDetail .snOrderDetailBottom .bottom .title{font-weight: bold;}
.snOrderDetail .snOrderDetailBottom .bottom .bottomCon ul{display: flex; justify-content: space-between; flex-wrap: wrap;}
.snOrderDetail .snOrderDetailBottom .bottom .bottomCon ul li{margin: 10px 0; width: 100%; border-radius: 4px; border: 1px solid #eeeeee; padding:13px 15px;}
.snOrderDetail .snOrderDetailBottom .bottom .bottomCon span{display: inline-block; font-size: 13px;}
.snOrderDetail .snOrderDetailBottom .bottom .bottomCon .yellowBg{text-align: center; color: #fff; background-color: #e4a140;font-size: 13px; border-radius: 50%; line-height: 35px;width: 35px; display: inline-block;}
.snOrderDetail .snOrderDetailBottom .bottom .bottomCon .redBg{text-align: center; color: #fff; background-color: #eb3434; font-size: 13px; border-radius: 50%; line-height: 35px;width: 35px; display: inline-block;}
.snOrderDetail .snOrderDetailBottom .bottom .bottomCon .snCode{ width: 40%; padding: 0 3%; border-right: 1px solid #e0e0e0; }
.snOrderDetail .snOrderDetailBottom .bottom .bottomCon .snStatus{width: 40%; padding-left: 4%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.snOrderDetail .snOrderDetailBottom .bottom .bottomCon .arrow{width: 6%; text-align: right; cursor: pointer;}
.snOrderDetail .snOrderDetailBottom .cost{margin: 15px 0;}
.snOrderDetail .snOrderDetailBottom .cost .costTxt span:first-child{font-size: 13px; font-weight: bold;}
.snOrderDetail .snOrderDetailBottom .cost .costTxt .money {color: #eb3434; margin: 0 20px 0 10px; font-size: 13px;}
.snOrderDetail .snOrderDetailBottom .cost .costTxt span:last-child{font-size: 13px; color: #9a9a9a;cursor: pointer;}
.snOrderDetail .snOrderDetailBottom .cost .costBtn {display: inline-block; color: #fff; background-color: #eb3434; padding: 8px 30px; border-radius: 3px; margin: 20px 0; cursor: pointer;}
.snOrderDe2{padding: 15px 30px;}
.snOrderDe2 .waitOrder{font-size: 16px; font-weight: bold;}
.snOrderDe2 .doorGet{border-radius: 5px; border: #eeeeee 1px solid; padding: 5px 20px; color: #333333; font-size: 14px; cursor: pointer; background-color: #f8f8f8;}
.snOrderDe2 .return{color: #333333; cursor: pointer;}
.snOrderDe2 .return .iconfont{font-size: 12px;  margin-right: 5px;}
.snOrderBoxDe2 .goodInfo{background-color: #f9f9f9; border-radius: 5px; margin-top: 20px; margin-bottom: 20px;}
.snOrderBoxDe2 .li{ padding: 15px 10px; margin: 0  30px; border-bottom: 1px dashed #e0e0e0;}
.snOrderBoxDe2 .li:last-child{border-bottom:none;}
.th1,.td1{flex: 1; text-align: center;}
.th2,.td2{flex: 4; text-align: center;}
.th3{flex: 1; text-align: center;}
.td3{flex: 1; text-align: center; color: #3d34eb; cursor: pointer;}
.td4{flex: 4; text-align: center; color: #3d34eb; cursor: pointer;}
.th4{flex: 4; text-align: center;}
.th5,.td5{flex: 2; text-align: center; cursor: pointer;}
.snOrderBoxDe2 .goodInfo .title{background-color: #5b5b5b; color: #fff; border-top-left-radius: 5px; border-top-right-radius: 5px; padding: 12px 50px; font-size: 14px;}
.snOrderBoxDe2 .snOrderDe2Btn{margin: 20px 0; padding-left: 1px;}
.snOrderBoxDe2 .snOrderDe2Btn .cancelOrder{padding: 8px 20px; background-color: #7b7b7b; color: #fff; font-size: 14px; border-radius: 4px; cursor: pointer;}
.snOrderBoxDe2 .snOrderDe2Btn .reviseOrder{padding: 8px 20px; background-color: #ef4b4b; color: #fff; font-size: 14px; border-radius: 4px; margin-left: 10px;cursor: pointer;}


.seaTransBox .seaTransContentTop{min-width: 920px;/*overflow: auto;*/ background-color: #fff; margin: 0 20px; padding: 25px 30px 10px 30px; border-radius: 3px;}
.seaTransContentTop .snTxt{padding-left: 10px; font-size: 16px; color: #333333; font-weight: bold; position: relative;}
.seaTransContentTop .snTxt::before{position: absolute; content: ''; left: 0; top: 4px; background-color: #eb3434; width: 4px; height: 15px; border-radius: 5px;}
.seaTransContentTop .snType{color: #eb3434; font-size: 16px; font-weight: bold; margin: 0 20px 0 10px;}
.seaTransContentTop .reviseType{font-size: 13px; color: #414141; cursor: pointer;position: relative;}
.seaTransContentTop .reviseType .iconfont{font-size: 12px; color: #999999; margin-left: 5px; }
.seaTransContentTop .reviseType .reviseTypeDia{position: absolute; right: 0; left: 0; top: 20px; box-shadow: 0 10px 20px 2px #ebebeb; padding-bottom: 5px; border-bottom-left-radius: 5px;background-color: #fff;z-index: 2}
.seaTransContentTop .reviseType .reviseTypeDia div{  padding: 6px 12px;}
.seaTransContentTop .reviseType .reviseTypeDia div a{ color: #414141; width: 100%; height: 100%;display: block;}
.seaTransContentTop .reviseType .reviseTypeDia div:hover{background-color: #eb6f69; color: #fff;}
.seaTransContentTop .reviseType .reviseTypeDia div:hover a{ color: #fff;}
.seaTransContentTop .reviseType2{margin-left: 10px;padding: 6px 25px;border-radius: 5px;border: 1px solid #eeeeee;background-color: #f8f8f8;font-size: 14px;color: #333333;cursor: pointer;}
.seaTransContentTop .reviseType2 .reviseTypeDia{top: 33px;}
.seaTransContentTop .btnBox{margin: 13px 0; position: relative;}
.seaTransContentTop .btnBoxLeft,.seaTransContentTop .btnBoxRight .add, .seaTransContentTop .btnBoxRight .selects, .seaTransContentTop .btnBoxRight .import{ padding: 6px 25px; border-radius: 5px; border: 1px solid #eeeeee; background-color: #f8f8f8; font-size: 14px; color: #333333; cursor: pointer;}
.seaTransContentTop .btnBoxRight .add, .seaTransContentTop .btnBoxRight .selects, .seaTransContentTop .btnBoxRight .import{margin-left: 10px;}

.importDialog{background: #fff url(../images/seaDiaBg.png) right bottom no-repeat; background-size: 100px auto; width: 350px; box-shadow: 0 5px 15px 5px #ebebeb; position: absolute; right: 51px; top: 225px; display: none; z-index: 9999; padding: 30px 50px 10px 50px;}
.importDialog .arrow{border-bottom: 9px solid #eaeaea; border-left: 9px solid transparent; border-right: 9px solid transparent;position: absolute; top: -10px; right: 50px;}
.importDialog .close{position: relative;}
.importDialog .close i{background: url(../images/closeWhite.png) center center no-repeat; background-size: 15px auto; width: 20px; height: 20px; position: absolute;top: -27px; right: -45px;}
.importDialog .inTxt{padding: 20px 30px; font-size: 14px; color: #333333;}
.importDialog .selectFile input{padding: 15px 0;}
.importDialog .flieBtn{margin: 40px 0 10px 0; padding-left: 30px;}
.importDialog .flieBtn div{width: 90px; background-color: #eb3434; font-size: 14px; text-align: center; color: #fff; padding: 5px 0; cursor: pointer;}

.seaTransContentBottom{min-width: 920px;overflow: hidden; background-color: #fff; margin: 10px 20px 0 20px ; padding: 25px 30px; border-radius: 3px;}
.seaTransContentBottom .title{padding-left: 10px; font-size: 16px; color: #333333; font-weight: bold; position: relative;}
.seaTransContentBottom .title::before{position: absolute; content: ''; left: 0; top: 4px; background-color: #eb3434; width: 4px; height: 15px; border-radius: 5px;}
.seaTransContentBottom .list{ padding: 20px 0 20px 100px; }
.seaTransContentBottom .list .takeAddress{ margin-bottom: 40px;}
.seaTransContentBottom .list .takeAddress .leftTxt{font-size: 15px;  padding:5px 20px 5px 10px; color: #666666;}
.seaTransContentBottom .list .takeAddress .rightList .selectAdd{position: relative;}
.seaTransContentBottom .list .selectAdd .drop{max-height: 250px; overflow-y: scroll;  padding-bottom: 10px; display: none; position: absolute; z-index: 9999; width: 190px; border: 0;left: 0; top: 30px; background-color: #fff; border-bottom-left-radius: 5px; box-shadow: 0 10px 20px 2px #ebebeb;}
.seaTransContentBottom .list .selectAdd .drop div{border: 0; padding: 8px 12px;}
.seaTransContentBottom .list .selectAdd .drop div:hover{background-color: #eb6f69; color: #fff;}
.drop::-webkit-scrollbar{display: none;}

.seaTransContentBottom .list .takeAddress .rightList .icon-up1{position: absolute; top: 5px;right: 8px;}
.seaTransContentBottom .list .takeAddress .rightList .selectAdd .icon-jia{display: inline-block;  padding: 7px; background-color: #333333; color: #fff; font-size: 16px; position: absolute; right: -30px; top: 0; border-radius: 3px; cursor: pointer;}
.seaTransContentBottom .list .takeAddress .rightList .selectAdd > div{border: 1px solid #eaeaea; padding: 5px 12px;border-radius: 2px; color: #999999; cursor: pointer; margin-right: 20px; width: 190px; position: relative;}
.seaTransContentBottom .list .takeAddress .rightList .selectAdd > div:last-child{margin-right: 0;}
.seaTransContentBottom .list .takeAddress .rightList .selectAdd i{position: absolute; right: 12px; top: 9px; color: #999999; font-size: 13px;}
.seaTransContentBottom .list .takeAddress .rightList .detailAdd{border-radius: 2px; color: #999999;border: 1px solid #eaeaea; width: 610px; margin-top: 20px; position: relative;}
.seaTransContentBottom .list .takeAddress .rightList .detailAdd input{padding: 5px 12px;}
.seaTransContentBottom .list .takeAddress .rightList .detailAdd .mapBtn{background: url(../images/address.png) center center no-repeat; background-size: 15px auto; position: absolute; right: -35px; top: 2px; width: 20px; height: 20px;}
.seaTransContentBottom .list .takeAddress .rightList .textarea{cursor: pointer; width: 610px; height: 100px; margin-top: 20px;border-radius: 2px; color: #eb3434;border: 1px solid #eaeaea;}
.seaTransContentBottom .list .takeAddress .rightList .clearBox{ padding: 10px 24px 0 2px; }
.seaTransContentBottom .list .takeAddress .rightList .keep{color: #666666; padding-left: 20px; position: relative; cursor: pointer;font-size: 12px;}
.seaTransContentBottom .list .takeAddress .rightList .keep::before{ position: absolute; content: ''; width: 13px; height: 13px; background-color: #eb3434; border-radius: 50%; left: 0; top: 2px;}
.seaTransContentBottom .list .takeAddress .rightList .unkeep{color: #666666; padding-left: 20px; position: relative; cursor: pointer;font-size: 12px;}
.seaTransContentBottom .list .takeAddress .rightList .unkeep::before{ position: absolute; content: ''; width: 13px; height: 13px; border:1px solid #999; border-radius: 50%; left: 0; top: 2px;}
.seaTransContentBottom .list .takeAddress .rightList .clear{font-size: 12px; color: #3d34eb; cursor: pointer;}
.seaTransContentBottom .list .takeAddress .rightList .selectAdd .clearIcon{ cursor: pointer; display: inline-block; width: 32px; height: 32px; right: -33px; top: -2px;  border-radius: 3px; background: #eb3434 url(../images/clear.png) center center no-repeat; background-size: 12px auto; position: absolute;}

.seaTransContentBottom .list .pickAddress {width: 730px;}
.seaTransContentBottom .list .selectAdd .leftTxt{font-size: 15px; padding: 5px 20px 5px 10px; color: #666666; }
.seaTransContentBottom .list .selectAdd div:not(.leftTxt, .town){  position: relative; width: 190px; margin-right: 20px; border-radius: 2px;padding: 5px 12px; border: 1px solid #eaeaea; color: #999999;cursor: pointer;}
.seaTransContentBottom .list .pickAddress .detailAdd{ border-radius: 2px;color: #999999;  border: 1px solid #eaeaea;width: 610px;margin : 20px 0 0 120px; position: relative;}
.seaTransContentBottom .list .pickAddress .detailAdd input{padding: 5px 12px;}
.seaTransContentBottom .list .pickAddress .detailAdd i{ background: url(../images/address.png) center center no-repeat; background-size: 15px auto; position: absolute;right: -35px;top: 2px;width: 20px; height: 20px;}
.seaTransContentBottom .list .pickAddress .flight{margin-top: 20px; position: relative;}
.seaTransContentBottom .list .pickAddress .flight i{position: absolute; right: 15px; top: 10px; font-size: 13px;}
.seaTransContentBottom .list .pickAddress .flight .flightTitle{ font-size: 15px;padding: 5px 20px 5px 10px;color: #666666;}
.seaTransContentBottom .list .pickAddress .flight .childDrop::-webkit-scrollbar{display: none;}
.seaTransContentBottom .list .pickAddress .flight .childDrop p{padding: 8px 12px;}
.seaTransContentBottom .list .pickAddress .flight .childDrop p:hover{background-color: #eb6f69; color: #fff; cursor: pointer;}
.seaTransContentBottom .list .pickAddress .flight .childDrop{ width: 610px;position: absolute;max-height: 250px; overflow-y: scroll;padding-bottom: 10px;z-index: 9999; background-color: #fff;border-bottom-left-radius: 5px;box-shadow: 0 10px 20px 2px #ebebeb;}
.seaTransContentBottom .list .pickAddress .flight .flightLi{width: 610px;}
.seaTransContentBottom .list .pickAddress .flight .flightCon{position: relative; cursor: pointer; padding: 5px 12px; border-radius: 2px; color: #999999;border: 1px solid #eaeaea;}
.seaTransContentBottom .list .pickAddress .remark{margin-top: 20px; position: relative;}
.seaTransContentBottom .list .pickAddress .remark .remarkTitle{width: 120px;font-size: 15px;padding: 5px 20px 5px 10px;color: #666666; text-align: right;}
.seaTransContentBottom .list .pickAddress .remark .remarkCon{ width: 610px;border-radius: 2px; color: #999999; border: 1px solid #eaeaea; padding: 5px 12px 25px 12px;}
.seaTransContentBottom .list .pickAddress .remark .remarkCon textarea{width: 100%;}
.seaTransContentBottom .list .pickAddress .remark .sizeNumber{color: #999999; position: absolute; right: 10px; bottom: 10px;}
.seaTransContentBottom .list .pickAddress .timeRequire {margin-top: 20px;}
.seaTransContentBottom .list .pickAddress .timeRequire .requireTitle{font-size: 15px;padding: 5px 20px 5px 10px;color: #666666; }
.seaTransContentBottom .list .pickAddress .timeRequire .requireCon{background-color: #f7f7f7;width: 610px;padding: 25px 0 10px 0; border-radius: 2px; flex-wrap: wrap;}
.seaTransContentBottom .list .pickAddress .timeRequire .requireCon div{width: 155px; padding:5px 0; text-align: center; border-radius: 1px; margin-bottom: 15px; cursor: pointer;}
.seaTransContentBottom .list .pickAddress .timeRequire .requireCon .selectStyle{background-color: #999999; color: #fff;}
.seaTransContentBottom .list .pickAddress .timeRequire .requireCon .stayStyle{background-color: #f7f7f7; color: #666666; border: 1px solid #999999;}
.seaTransContentBottom .list .pickAddress .expectTime{padding-left: 120px; color: #999999; margin-top: 20px; font-size: 12px;}
.seaTransContentBottom .list .pickAddress .btnOrder{margin: 40px 0 100px 0; padding-left: 120px;}
.seaTransContentBottom .list .pickAddress .btnOrder div{background-color: #eb3434; display: inline-block; padding: 10px 25px; color: #fff; cursor: pointer; font-size: 14px; border-radius: 2px;}
.seaTransContentBottom .list .parentDrop{ border: 1px solid #eaeaea;padding: 5px 12px;border-radius: 2px;color: #999999;cursor: pointer; margin-right: 20px; width: 190px;position: relative;}
.seaTransContentBottom .list .pickAddress .town{margin-right: 0;}
.seaTransContentBottom .list .parentDrop i{position: absolute; right: 12px; top: 9px;color: #999999;font-size: 13px;}
.seaTransContentBottom .list .pickAddress .contact input{border-radius: 2px; border: 1px solid #eaeaea; width: 290px; padding: 5px 12px;}
.seaTransContentBottom .list .pickAddress .contact input::placeholder{color: #999999;}
.seaTransContentBottom .list .pickAddress .area{margin: 20px 0 0 120px}
.seaTransContentBottom .list .pickAddress .contact{position: relative;}
.seaTransContentBottom .list .pickAddress .contact .choose{margin-right: -170px;padding: 6px 25px;border-radius: 5px;border: 1px solid #eeeeee;background-color: #f8f8f8;font-size: 14px;color: #333333;cursor: pointer;}

.seaTransContentBottom{position: relative;}
.siteListDia{background-color: rgba(0,0,0,0.3); position: fixed; left: 0; right: 0; bottom: 0; top: 0;z-index: 999;}
.siteList{background-color: #434343; width: 200px; height: auto; position: absolute; padding: 10px 15px;}
.siteListAniShow{ animation: siteListShow 0.3s;}
@keyframes siteListShow {
    from{transform: scale(0)}
    to{transform: scale(1)}
}
.seaTransContentBottom .siteListAniHide{animation: siteListHide 2s;}
@keyframes siteListHide {
    from{transform: scale(1)}
    to{transform: scale(0)}
}

.siteList .siteTitle{padding-left: 8px; color: #fff; width: 100%; position: relative; margin-bottom: 15px;}
.siteList .siteTitle::before{content: ''; position: absolute; left: 0; top: 4px; background-color: #eb3434; width: 4px; height: 13px;}
.siteList .siteTitle i{ cursor: pointer; background: url(../images/close.png) center center no-repeat; background-size: 10px auto; content:''; right: 0; top: 6px; position: absolute; width: 10px; height: 10px;}
.siteList .siteLi{background-color: #fff; text-align: center; margin-bottom: 8px; padding: 10px 15px; font-size: 14px; color: #333333; cursor: pointer;}

.orderSuccess,.mapDia{background-color: rgba(0,0,0,0.3); position: fixed; left: 0; right: 0; bottom: 0; top: 0;}
.orderSuccess .orSuBox{width: 700px; height: 480px; background-color: #fff;}
.orderSuccess .orSuBox .close{position: relative; height: 50px;}
.orderSuccess .orSuBox .close i{cursor: pointer; background: url(../images/closeWhite.png) center center no-repeat; background-size: 15px auto; position: absolute; right: 15px; top: 15px; width: 20px; height: 20px; content: '';}
.orderSuccess .orSuBox  .orSuBoxContent{background: url(../images/orderSu.png) center center no-repeat; background-size: 150px auto; height: 300px;margin-bottom: 80px;}
.orderSuccess .orSuBox .orSuBoxFooter div{ color: #4a42ec; cursor: pointer;}

.mapDia .mapBox{width: 900px; height: 600px; background-color: #fff;}
.mapDia .mapBox .mapSearch{padding: 30px 45px; position: relative;}
.mapDia .mapBox .mapSearch .search{ border: 1px solid #cccccc; width: 450px; margin-right: 20px; padding: 2px;}
.mapDia .mapBox .mapSearch .search input{padding: 8px 10px; }
.mapDia .mapBox .mapSearch i{cursor: pointer; background: url(../images/closeWhite.png) center center no-repeat; background-size: 15px auto; position: absolute; right: 15px; top: 15px; width: 20px; height: 20px; content: '';}
.mapDia .mapBox .searchBtn{padding: 8px 40px; margin-right: 20px; color: #fff; background-color: #cccccc; cursor: pointer;}
.mapDia .mapBox .map{background-color: #cccccc; width: 100%; height: auto;}

.addOrderInfo{z-index: 10; background-color: rgba(0,0,0,0.3); position: fixed; left: 0; right: 0; bottom: 0; top: 0;}
.addOrderInfoBox{width: 500px; height: 450px; background-color: #fff; padding: 5px 40px 30px 40px;}
.addOrderInfoBox-heifhtAuto{height: auto}
.addOrderInfoBox .close {position: relative; height: 20px;}
.addOrderInfoBox .close i{cursor: pointer; background: url(../images/closeWhite.png) center center no-repeat; background-size: 15px auto; position: absolute; right: -34px; top: 0; width: 20px; height: 20px; content: '';}
.addOrderInfoBox .OrderInfoContent{padding: 10px 30px;}
.addOrderInfoBox .typeBtn{position: relative; padding: 8px 25px; border: 1px solid #ebebeb; border-radius: 4px; margin-right: 10px; cursor: pointer; font-size: 14px; margin-bottom: 10px;}
.addOrderInfoBox .addBtn{border: 1px solid #ebebeb; background-color: #f9f9f9; border-radius: 4px; padding: 8px 20px; color: #404040; cursor: pointer; font-size: 14px;display: inline-block; margin-bottom: 10px;}
.typeBtnNow{background-color: #999999; color: #fff;}
.typeBtnClose::after{position: absolute; right: -4px; top: -3px; content: '-'; width: 15px; line-height: 15px; vertical-align: middle; border-radius: 100%; background-color: #ef4b4b; color: #fff; text-align: center;}
.addOrderInfoBox .goodWeight{border: 1px solid #eaeaea; font-size: 14px; color: #333333; margin: 20px 0 10px 0; padding: 0 3px;}
.addOrderInfoBox .goodWeight .weightUnit{width: 30px; color: #858585;}
.addOrderInfoBox .goodWeight input{padding: 10px 10px; font-size: 14px;}
.addOrderInfoBox input::placeholder{color: #333333;}
.addOrderInfoBox .goodArea{margin-bottom: 10px;}
.addOrderInfoBox .goodArea div{border: 1px solid #eaeaea; width: 32%; padding: 0 3px;}
.addOrderInfoBox .goodArea div input{ padding: 10px 10px; font-size: 14px;}
.addOrderInfoBox .goodInput{border: 1px solid #eaeaea; font-size: 14px; color: #333333; margin-bottom: 10px; padding: 0 3px;}
.addOrderInfoBox .goodInput input{padding: 10px 10px; font-size: 14px;}
.addOrderInfoBox .clear{color: #929292; font-size: 12px; margin: 10px 0 10px 4px; cursor: pointer;}
.addOrderInfoBox .addOrderBtn div{background-color: #ef4b4b; font-size: 13px; color: #fff; width: 100px; padding: 10px 0; text-align: center; cursor: pointer; margin-top: 20px; margin-left: 5px;}

.addOrderInfoBox .header-box .left-box{flex-grow: 1;margin-right: 10px;}
.addOrderInfoBox .header-box .left-box .title-name{font-size: 16px;font-weight: 500;color: #222222;line-height: 22px;}
.addOrderInfoBox .header-box .left-box .title-dis{font-size: 13px;font-weight: 400;color: #888888;line-height: 18px;margin-top: 8px;}
.addOrderInfoBox .header-box .right-box{flex-shrink: 0;}
.addOrderInfoBox .header-box .right-box .add-but{width: 100px;height: 32px;border-radius: 4px;font-size: 14px;font-weight: 400;line-height: 32px;text-align: center;}
.addOrderInfoBox .header-box .right-box .add-but.mCancel{background-color: #F6F6F6;color: #888888;margin-right: 20px;}
.addOrderInfoBox .header-box .right-box .add-but.mConfirm{background-color: #F55252;color: #fff;}
.addOrderInfoBox .add-content input::placeholder{color: #BFBFBF;}
.addOrderInfoBox .set-add{font-size: 14px;font-weight: 400;color: #66A3FF;line-height: 20px;margin-top: 30px;justify-content: center;}

.seaTransContentBottom .list .takeAddress .airTrans .clearIcon{position: absolute; border-radius: 3px; top: -4px; right: -56px; height: 32px;width: 32px; background: #eb3434 url(../images/clear.png) center center no-repeat;}
.seaTransContentBottom .list .takeAddress .airTrans .icon-jia{ display: inline-block;padding: 7px; background-color: #333333;color: #fff;font-size: 16px;position: absolute;right: -56px;top: -4px; border-radius: 3px;cursor: pointer;}
.seaTransContentBottom .list .takeAddress .airTrans .drop div{margin: 0 -10px;padding: 6px 10px;}
.seaTransContentBottom .list .takeAddress .airTrans .drop div:hover{background-color: #eb6f69;color: #ffffff;}
.customsType{margin-top: 20px;}
.customsType .customsTypeTi{font-size: 15px;padding: 5px 20px 5px 10px; color: #666666;}
.customsType .customsTypeRight .noCus{margin-right: 40px;}
.customsType .customsTypeRight .customsSe{font-size: 14px; color: #858585; padding-top: 5px; padding-bottom: 10px;}
.customsType .customsTypeRight .customsSe div{cursor: pointer;}
.customsType .redCus{display: inline-block; width: 13px; height: 13px; background-color: #eb3434; border-radius: 50%; margin-right: 10px;}
.customsType .grayCus{display: inline-block; width: 13px; height: 13px; border-radius: 50%; margin-right: 10px; border: 1px solid #999999;}
.customsType .customsAddress{border: 1px solid #eaeaea; padding: 30px 40px;color: #858585; position: relative;}
.customsType .customsAddress div{padding: 10px 40px; cursor: pointer;}
.customsType .customsAddress .info{position: absolute; right: -300px; top:0; color: #858585; font-size: 14px;}

.payDialog{background-color: rgba(0,0,0,0.3); position: fixed; left: 0; right: 0; bottom: 0; top: 0;}
.payDialog .payBox{width: 580px;}
.payDialog .payHeader{position: relative; background:  linear-gradient(#4b4b4b,#343434); text-align: center; line-height: 45px; color: #fff; font-size: 14px; border-top-right-radius: 10px; border-top-left-radius: 10px; border-top: 2px solid #7d7d7d;}
.payDialog .payBody{background-color: #fff; height: 250px; padding: 10px 40px 20px 40px;}
.payDialog .payFooter{height: 70px; background-color: #f6f6f6;}
.payDialog .payList{margin: 20px 5px;}
.payDialog .snOrder{color: #666666; font-size: 14px;}
.payDialog .snOrder span{color: #333333; font-size: 13px; padding-left: 20px;}
.payDialog .payListRight .payCost{color: #eb3434; padding-right: 40px;}
.payDialog .payListRight .payDe{ color: #3d34eb; font-size: 13px; cursor: pointer;}
.payDialog .payListRight .iconfont{font-size: 10px; color: #444444; padding-left: 10px; padding-top: 2px;}
.payDialog .payListBox{border-bottom: 1px solid #e5e5e5; padding-bottom: 5px;}
.payDialog .payNum{padding: 20px 5px;}
.payDialog .numTxt{font-weight: bold; font-size: 15px;}
.payDialog .payCost1{color: #eb3434; font-size: 15px; font-weight: bold;}
.payDialog .payCost2{color: #a0a0a0; font-size: 12px; padding-top: 8px;}
.payDialog .payFooter{padding: 0 45px; height: 90px; border-bottom-right-radius: 8px; border-bottom-left-radius: 8px;}
.payDialog .payFooter div{line-height: 36px; cursor: pointer;  border-radius: 20px; color: #333333; font-size: 14px; font-weight: bold;}
.payDialog .payFooter .wxPay{background: #ffffff url(../images/wexin.jpg) left center no-repeat; background-size: 35px auto; padding: 0 20px 0 42px;}
.payDialog .payFooter .zfPay{background: #ffffff url(../images/zf.jpg) left center no-repeat; background-size: 35px auto; padding: 0 10px 0 42px;}
.payDialog .payFooter .bankPay{background: #ffffff url(../images/bank.png) left center no-repeat; background-size: 35px auto; padding: 0 15px 0 42px;}
.payDialog .payNumBg{background-color: #fff;padding: 20px 40px;}
.payDialog .qrCode{padding: 30px 0 15px 0; text-align: center; background-color: #f7f7f7; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px;}
.payDialog .qrCode img{width: 180px;}
.payDialog .qrCode p{padding-top: 10px; font-size: 12px; color:#3d34eb; font-weight: bold;}
.payDialog .payDetail{background-color: #f3f3f3; padding: 20px 0 0 40px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px;}
.payDialog .payDetail div{padding: 10px 0; color: #666666; font-size: 14px;}
.payDialog .payDetail div span{color: #333333; font-size: 14px; padding-left: 50px; font-weight: bold;}
.payDialog .payDetail .footerText{font-weight: bold;font-size: 12px; color: #3d34eb; text-align: center; padding: 40px 0 20px 0;}
.payDialog .payHeader i{background: url(../images/close.png) center center no-repeat; width: 20px; height: 20px; background-size: 10px; content: ''; position: absolute; right: 10px; top: 12px; cursor: pointer;}

.addressBaseDia{background-color: rgba(0,0,0,0.3); position: fixed; left: 0; right: 0; bottom: 0; top: 0;}
.addressBaseDia .addressBaseBox{background-color: #fff; border-radius: 10px;}
.addressBaseDia .baseBox{width: 600px; }
.addressBaseDia .baseHeader{position: relative; background:  linear-gradient(#4b4b4b,#343434); text-align: center; line-height: 45px; color: #fff; font-size: 14px; border-top-right-radius: 10px; border-top-left-radius: 10px; border-top: 2px solid #7d7d7d;}
.addressBaseDia .baseBox{padding: 20px 45px; background-color: #fff; height: 300px; overflow-y: scroll;}
.addressBaseDia .baseBox .li{margin-bottom: 20px;color: #333333; font-size: 14px; font-weight: bold; cursor: pointer;}
.addressBaseDia .selectBtn{display: inline-block; width: 15px; height: 15px; border: 1px solid #e3e3e3; background-color: #eeeeee; margin-right: 20px; padding: 3px; cursor: pointer;}
.addressBaseDia .redBg{background-color: #eb3434; border-radius: 50%; border: 3px solid #e3e3e3;}
.addressBaseDia .userName{margin-right: 40px;}
.addressBaseDia .confirmBtn{padding: 20px 0; text-align: center;border-bottom-left-radius: 10px; border-bottom-right-radius: 10px;}
.addressBaseDia .confirmBtn div{display:inline-block; width: 100px; line-height: 35px; color: #fff; font-size: 14px; background-color: #ef4b4b; border-radius: 20px; cursor: pointer;}
.addressBaseDia .baseBox::-webkit-scrollbar {display: none;}

.netOrder{ min-width: 920px;height: 100%;overflow: auto;background-color: #fff; margin: 0 20px 10px 20px;padding: 10px; border-radius: 3px;}
.netOrder .topHeader{padding: 10px 20px 0 30px;}
.netOrder .topHeader .headerLeft{position: relative; padding-left: 15px;}
.netOrder .topHeader .headerLeft::after{content: ''; width: 3px; height: 13px; background-color: #ef4b4b; position: absolute; top: 3px; left: 3px; border-radius: 10px;}
.netOrder .enterSnInfoBtn{border-radius: 5px; border: 1px solid #eeeeee; padding: 8px 20px; color: #333333; background-color: #f8f8f8; cursor: pointer;}
.netOrder .netEmpty{width: 200px;}
.netOrder .seStatus{line-height: 30px; background-color: #f8f8f8; border-radius: 5px;width: 18%; position: relative; color: #333333; cursor: pointer;}
.netOrder .seStatus .iconfont{position: absolute; top: 0; right: 10px; font-size: 10px; color: #333333;}
.netOrder .inputSn{ border-radius: 5px; width: 18%;border: 1px solid #eeeeee; padding: 0 8px;}
.netOrder .inputSn input{line-height: 30px;}
.netOrder .inputSn i{line-height: 30px;}
.netOrder .showAll{line-height: 35px; color: #fff; text-align: center; font-size: 14px; border-radius: 5px; background-color: #7b7b7b; padding: 0 15px; margin-right: 15px; cursor: pointer;}
.netOrder .seBtn{line-height: 35px; color: #fff; text-align: center; font-size: 14px; border-radius: 5px; background-color: #ef4b4b; padding: 0 20px; cursor: pointer;}
.netOrder .netLiBox{padding: 15px 20px 0 20px; margin-top: 15px; border: 1px solid #eeeeee; border-radius: 5px;}
.netOrder .netLi{padding: 20px; border-bottom: 1px dashed #eeeeee; color: #494949;}
.netOrder .netLi:last-child{border: none;}
.netOrder .netLi .print{color: #ef4b4b; cursor: pointer;}
.netOrder .netLiHeader{background-color: #f6f6f6; padding: 10px 20px; border-radius: 5px;}
.netOrder .netOrderBox{padding: 20px 13%;}

.enterInfoDia {background-color: rgba(0,0,0,0.3); position: fixed; left: 0; right: 0; bottom: 0; top: 0;}
.enterInfoDia .enterInfoDiaBox {width: 900px;}
.enterInfoDia .title{position: relative; background:  linear-gradient(#4b4b4b,#343434); text-align: center; line-height: 45px; color: #fff; font-size: 14px; border-top-right-radius: 10px; border-top-left-radius: 10px; border-top: 2px solid #7d7d7d;}
.enterInfoDia .netLiBox{padding: 15px 20px 0 20px;background-color: #fff; overflow-y: scroll; height: 250px;}
.enterInfoDia .netLiBox::-webkit-scrollbar{display: none;}
.enterInfoDia .netLi{padding: 20px 0; border-bottom: 1px dashed #eeeeee; color: #494949;}
.enterInfoDia .netLi:last-child{border: none;}
.enterInfoDia .netLi .print{color: #ef4b4b; cursor: pointer;}
.enterInfoDia .netLiHeader{background-color: #f6f6f6; padding: 10px 0; border-radius: 5px;}
.enterInfoDia .enterDiaFooter{height: 85px; background-color: #f7f7f7;border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; padding: 0 20px;}
.enterInfoDia .resetEnter{font-size: 14px; background-color: #7b7b7b; padding: 7px 28px; border-radius: 20px; color: #fff; margin-right: 10px; cursor: pointer;}
.enterInfoDia .clearEnter{font-size: 14px; background-color: #fff; padding: 6px 25px; border-radius: 20px; color: #333333; margin-right: 10px; border: 1px solid #7b7b7b; cursor: pointer;}
.enterInfoDia .enterLeft{font-size: 14px; background-color: #ef4b4b; padding: 7px 28px; border-radius: 20px; color: #fff; cursor: pointer;}
.enterInfoDia .clear{color: #ef4b4b; cursor: pointer;}
.enterInfoDia .netLi > div, .enterInfoDia .netLiHeader > div{flex: 1; text-align: center;}

.driverDia{background-color: rgba(0,0,0,0.3); position: fixed; left: 0; right: 0; bottom: 0; top: 0;}
.driverDia .driveBox{min-width: 200px; width: 900px; height: 550px; background-color: #fff; border-radius: 5px;}
.driverDia .title{padding: 20px 40px;}
.driverDia .title .drImg{width: 40px; text-align: center; margin-right: 20px;}
.driverDia .title .drImg img{width: 100%;}
.driverDia .drMapLeft{position: relative; padding-right: 60px;}
.driverDia .drMapLeft::after{content: ''; position: absolute; width: 1px; height: 40px; background-color: #d6d6d6; top: 0; right: 30px;}
.driverDia .drInfo p:first-child{font-size: 16px; font-weight: bold;}
.driverDia .drInfo p:last-child{font-size: 14px; color: #666666; margin-top: 2px;}
.driverDia .drMapRight{color: #666666; font-size: 14px;}
.driverDia .drMapRight p:last-child{padding-top: 5px;}
.driverDia .driveCon{height: 467px; background-color: #d6d6d6; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px;}

.suOrderDia .driveCon, .canOrderDia .driveCon{background-color: #f6f6f6;}
.suOrderDia .driveConBg{background: #f6f6f6 url(../images/suGetOrder.png) center center no-repeat; background-size: 250px auto; width: 100%; height: 370px; text-align: center; position: relative;}
.suOrderDia .driveConBg p:first-child, .canOrderDia .driveConBg p:first-child{ color: #696969; font-size: 16px; font-weight: bold; position: absolute; left: 0; right: 0; bottom: 40px;}
.suOrderDia .driveConBg p:last-child, .canOrderDia .driveConBg p:last-child{ color: #696969; font-size: 14px; position: absolute; left: 0; right: 0; bottom: 15px;}
.canOrderDia .driveConBg{background: #f6f6f6 url(../images/cancelOrder.png) center center no-repeat; background-size: 250px auto; width: 100%; height: 370px; text-align: center; position: relative;}

.transOrder{min-width: 920px;overflow: auto;background-color: #fff;margin: 0 20px 10px 20px;padding: 20px 30px;border-radius: 3px;}
.transOrder .titleOrder{position: relative; padding-left: 8px; font-weight: bold;}
.transOrder .titleOrder::after{position: absolute; content: ''; top: 4px; left: 0; background-color: #ef4b4b; width: 3px; height: 12px; border-radius: 20px;}
.transOrder .titleOrder span{color: #ef4b4b; margin-left: 10px; font-weight: bold;}
.transOrder .titleBtn{margin-left: 30px; color: #333333; font-size: 13px; cursor: pointer;}
.transOrder .titleBtn i{font-size: 10px; margin-left: 5px;}
.transOrder .transSl{padding: 20px 6px 15px 6px;}
.transOrder .transSl div{border-radius: 5px; border: 1px solid #eeeeee; padding: 8px 35px; color: #333333; font-size: 14px; cursor: pointer; margin-right: 10px;}
.transOrder .transSl .selectSty{ border: 1px solid #ef4b4b;color: #ef4b4b;}
.transInfo {min-width: 920px;height: 100%;overflow: auto;background-color: #fff;margin: 0 20px 10px 20px;padding: 20px 30px;border-radius: 3px;}
.transInfo .titleOrder{position: relative; padding-left: 8px; font-weight: bold;}
.transInfo .titleOrder::after{position: absolute; content: ''; top: 4px; left: 0; background-color: #ef4b4b; width: 3px; height: 12px; border-radius: 20px;}
.transInfo .transInfoCon{padding: 20px 15%;}
.transInfo .transInfoDe{background-color: #efefef; border-radius: 10px; padding: 10px 0;}
.transInfo .tr div{flex: 1; padding: 13px 25px; border-bottom: 1px dashed #e5e5e5; border-right: 1px dashed #e5e5e5; color: #727272; font-size: 14px;}
.transInfo .tr div span{margin-left: 15px;color: #333333;}
.transInfo .tr div:last-child{border-right: none;}
.transInfo .tr2 div{border-bottom: none;}
.transInfo .transCurrentStatus{margin-top: 40px;}
.transInfo .CurrentStatusLeft{width: 140px; margin-left: 20px;}
.transInfo .CurrentStatusLeft p{text-align: right; line-height: 50px; font-size: 14px; color: #333333;}
.transInfo .CurrentStatusLeft .currentDay{font-size: 16px; font-weight: bold; white-space: nowrap;}
.transInfo .CurrentStatusRight div{text-align: left; line-height: 50px; font-size: 14px; color: #333333; position: relative;white-space: nowrap;}
.transInfo .CurrentStatusRight{padding-left: 85px;}
.transInfo .CurrentStatusRight p{line-height: 25px; }
.transInfo .currentStatus{color: #ef4b4b; width: 85px;}
.transInfo .CurrentStatusRight .currentDay{height: 50px; position: relative;}
.transInfo .CurrentStatusRight .df p:not(.currentCityBg){background-color: #bfbfbf;  color: #fff; border-radius: 4px; text-align: center; margin-right: 15px; width: 70px; padding: 2px 0;}
.transInfo .CurrentStatusRight .currentCityBg{background-color: #ef4b4b; margin-right: 15px;border-radius: 4px; text-align: center;color: #fff; position: relative; width: 70px; padding: 2px 0;}
.transInfo .CurrentStatusRight .currentCityBg::after{content: ''; position: absolute; top: 4px; left: -3px; border-right: 10px solid #ef4b4b; border-top: 10px solid transparent;border-bottom: 10px solid transparent;}
.transInfo .CurrentStatusRight  div::after{width: 2px; height: 45px; content: ''; position: absolute; left: -30px; bottom: -20px; background-color: #bfbfbf;}
.transInfo .CurrentStatusRight .currentDay::before{position: absolute; top: 19px;}
.transInfo .redBefore::before{content:'';width: 11px; height: 11px; border-radius: 50%; position: absolute; left: -35px;background-color: #ef4b4b; z-index: 9999;}
.transInfo .grayBefore::before{content:''; background-color: #bfbfbf; width: 11px; height: 11px; border-radius: 50%; position: absolute; left: -35px;}
.transInfo .redBigBefore::before{content:'';width: 17px; height: 17px; border-radius: 50%; border: 4px solid #ff9d9d; position: absolute; left: -37.5px;background-color: #ef4b4b; z-index: 9999;}
.transInfo .grayBigBefore::before{content:'';width: 17px; height: 17px; border-radius: 50%; border: 4px solid #adadad; position: absolute; left: -37.5px;background-color: #626262; z-index: 9999;}

.cancelOrderDia, .reviseDia{background-color: rgba(0,0,0,0.3); position: fixed; left: 0; right: 0; bottom: 0; top: 0;}
.cancelOrderDia .cancelDiaBox{width: 280px; background-color: #fff;}
.cancelOrderDia .contentBody{line-height: 100px; text-align: center; border-bottom: #eeeeee 1px solid; font-size: 14px;}
.cancelOrderDia .cancelBtn, .cancelOrderDia .successBtn{line-height: 40px; text-align: center; cursor: pointer;}
.cancelOrderDia .cancelDiaFooter div:hover{background-color: #ff9d9d; color: #fff;}
.reviseDia .reviseDiaBox{font-size: 14px; text-align: center; padding: 10px 40px; background-color: #fff; border-radius: 3px;}

/*  input+label样式  */
.lableInput-div{
    display: flex;
    display: -webkit-flex;
    flex-flow: row;
    justify-content: center;
    align-items: center;
    font-size: 15px;
    color: #5a5a5a;
    padding: 5px 20px 5px 10px;
}
.lableInput-div input[type="radio"]{
    display: none;
}
.lableInput-div input[type="radio"]+label{
    position: relative;
    padding-left: 26px;
    margin:0 20px;
    cursor: pointer;
}
.lableInput-div input[type="radio"]+label:before{
    content: '';
    position: absolute;
    top: 50%;
    left: 0px;
    width: 19px;
    height: 19px;
    margin-top: -10px;
    border-radius: 50%;
    border: 1px solid #e6e6e6;
    background-color: #eeeeee;
}
.lableInput-div input[type="radio"]+label:after{
    content: '';
    position: absolute;
    top: 50%;
    left: 0px;
    width: 19px;
    height: 19px;
    margin-top: -10px;
    border-radius: 50%;
    border: 1px solid #eeeeee;
    background-color: #eeeeee;
}
.lableInput-div input[type="radio"]:checked+label:after{
    content: '';
    position: absolute;
    top: 50%;
    left: 4px;
    width: 11px;
    height: 11px;
    margin-top: -6px;
    border-radius: 50%;
    border: 1px solid #ef4b4b;
    background-color: #ef4b4b;
}
/*  下拉列表基础样式  */
.Spinner{margin-top: 20px;margin-right: 10px; position: relative;width: 200px;}
.Spinner-marginTop{margin-top: 0px;}
.Spinner .childDrop::-webkit-scrollbar{display: none;}
.Spinner .childDrop p{padding: 8px 12px;}
.Spinner .childDrop p:hover{background-color: #eb6f69; color: #fff; cursor: pointer;}
.Spinner .childDrop{ width: 200px;position: absolute;max-height: 250px; overflow-y: scroll;padding-bottom: 10px;z-index: 9999; background-color: #fff;border-bottom-left-radius: 5px;box-shadow: 0 10px 20px 2px #ebebeb;}
.Spinner i{position: absolute; right: 15px; top: 10px; font-size: 13px;}
.Spinner .SpinnerCon{position: relative; cursor: pointer; padding: 5px 12px; border-radius: 2px; color: #999999;border: 1px solid #eaeaea;}
.Spinner-input{margin-top: 20px;flex:1;width:100%;font-size: 15px;color: #333333;border: 1px solid #eaeaea;padding: 6px 12px;border-radius: 2px;}
/* 收件地址保存地址和清空地址样式 */
.seaTransContentBottom .list .pickAddress  .clearBox{ padding: 10px 0; width:610px; margin-left:120px; }
.seaTransContentBottom .list .pickAddress  .keep{color: #666666; padding-left: 20px; position: relative; cursor: pointer;font-size: 12px;}
.seaTransContentBottom .list .pickAddress  .keep::before{ position: absolute; content: ''; width: 13px; height: 13px; background-color: #eb3434; border-radius: 50%; left: 0; top: 2px;}
.seaTransContentBottom .list .pickAddress  .unkeep{color: #666666; padding-left: 20px; position: relative; cursor: pointer;font-size: 12px;}
.seaTransContentBottom .list .pickAddress  .unkeep::before{ position: absolute; content: ''; width: 13px; height: 13px; border:1px solid #999; border-radius: 50%; left: 0; top: 2px;}
.seaTransContentBottom .list .pickAddress  .clear{font-size: 12px; color: #3d34eb; cursor: pointer;}

/*  */
.center-box .form-box .list-box .form-item .work-content{width: 580px;border: 1px solid #D9D9D9;min-height: 32px;font-size: 14px;font-weight: 400;color: #222;line-height: 22px;padding: 10px 12px;display: flex;flex-direction: column;justify-content: center;align-items: center;}
.center-box .form-box .list-box .form-item .idCard-content{width: 580px;border: 1px solid #D9D9D9;min-height: 32px;font-size: 14px;font-weight: 400;color: #222;line-height: 22px;padding: 10px 12px;display: flex;flex-direction: column;justify-content: center;align-items: center;}
.work{position: relative;}
.work .item-flex{display: flex;align-items: center;justify-content: space-between;margin-top: 15px;}
.item-flex .label{width: 180px;padding: 10px;font-size: 12px;color: #232323;text-align: center;border: 1px solid #232323;border-radius: 10px;position: relative;}
.item-flex .label.bg{ background-color:#f2f2f2;}
.item-flex .switch-btn{padding-left:20px;position: relative;}
.item-flex .switch-btn::before{content: '';width: 15px;height: 15px;border: 1px solid #888888;border-radius: 50%;position: absolute;top: 2px;left: 0;}
.item-flex .switch-btn.active{color: #F55252;}
.item-flex .switch-btn.active::before{ background-color: #F55252;border: none; }
.item-flex .label .icon-up1{position: absolute;top: 50%;margin-top: -8px;right: 10px;}
.item-flex .label .drop-1{width: 100%;max-height: 200px;overflow-y:scroll ;position: absolute;top: 103%;left: 0;background-color: #fff;padding:5px 12px;z-index: 10;box-shadow: 0px 0px 4px 1px rgba(0,0,0,.2);display: none;}
.item-flex .label .drop-1 .select-item{padding: 4px;}
.item-flex .label .drop-1 .select-item:hover {color: #fff;background-color: rgb(235,111,105);}