/* CSS Document */
/*index首页*/
.wp{ width:94%; margin:0 auto;}
.header{ height:56px;  position:relative; z-index:3; text-align:center;background:#99c750;border:0px solid #e6e6e6; border-width:0px 0 2px 0;}
.header .logo{ display:inline-block; color:#fff; font-size:20px; padding-top:11px;  float:left;left:10px; margin-left:10px;}
.header .logo img{ height:36px; width:auto;}
.lobtn{ float:right; text-align:center; margin-top:14px;}
.lobtn img{ display:block; width:26px; height:26px;}
.lobtn span{ font-size:14px; color:#555; line-height:1.2; display:block; text-align:center;}
.lobtn:active span{ color:#6cc;}
.backbtn{ background:url(../images/icon/return.png) center center no-repeat; background-size:26px 22px; left:8px !important; top:15px; width:40px; height:40px; position:absolute;}
/*.menu{ background:url(../images/icon/icon1.png) center center no-repeat; background-size:26px; right:8px !important; top:15px; width:34px; height:34px; position:absolute;}*/
.menu{ position:absolute; width:24px; height:24px; top:16px; right:10px; cursor:pointer;}
.menu i{ display:block; width:21px; height:3px; background-color:#fff; position:absolute; -webkit-transition:.5s; -moz-transition:.5s; -ms-transition:.5s; -o-transition:.5s; transition:.5s;}
.menu i:nth-child(1){ top:4px; -webkit-transform-origin:left bottom; -moz-transform-origin:left bottom; -ms-transform-origin:left bottom; -o-transform-origin:left bottom; transform-origin:left bottom;}
.menu i:nth-child(2){ top:11px;}
.menu i:nth-child(3){ top:18px; -webkit-transform-origin:left top; -moz-transform-origin:left top; -ms-transform-origin:left top; -o-transform-origin:left top; transform-origin:left top;}
.menu.on i:nth-child(1){ -webkit-transform:rotate(40deg); -moz-transform:rotate(40deg); -ms-transform:rotate(40deg); -o-transform:rotate(40deg); transform:rotate(40deg);}
.menu.on i:nth-child(2){ opacity:0;}
.menu.on i:nth-child(3){ -webkit-transform:rotate(-40deg); -moz-transform:rotate(-40deg); -ms-transform:rotate(-40deg); -o-transform:rotate(-40deg); transform:rotate(-40deg);}

/*小导航*/
.inav{ width:140px; background-color:#fff;  position:absolute; z-index:3; top:56px; right:3%; display:none; z-index:99;}
.inav::after,.inav::before{ content: ''; display: block; position: absolute;width: 0; height: 0;}
.inav::after{ border: 5px solid transparent; border-bottom-color: #fff;  top: -9px; right: 10px;}
.inav::before{ border: 7px solid transparent; border-bottom-color: #e0e0e0;  top: -13px; right: 8px;}
.inavul{border:1px solid #e0e0e0;}
.inavul li{opacity:0;}
.inav a{ display:block; text-align:center;  font-size:0.28rem; color:#1a1a1a; padding:0.4em 0;border-bottom:1px dashed #e0e0e0;}
.inavul li:last-child a{ border: none;}
.inav a:hover{background-color: #ff9b00; color:#fff;}
.inav li.on{ opacity:1;}

/*底部1*/
.footer{background:#f4f4f4; z-index:99; width:100%; position:fixed; left:0; bottom:0;}
.footerul{ padding:6px 0px;}
.footerul li{width:20%; float:left; text-align:center;}
.footerul li a{ display:block; font-size:13px; color:#555; line-height:1.3;}
.footerul li a .iconfont{ font-size:18px;}
.footerul li a:hover{ color:#00bda8;}
/*.footerul li img{ width:24px; height:auto}小图标是图片的话就这行*/
.footerheight{ height:52px;}
/*底部2*/
.footerheight{ height:1.04rem;}
.footer_wap{background:#f8f8f8; z-index:99; width:100%; position:fixed; left:0; bottom:0; }
.fwapul{ margin-bottom:0;}
.fwapul li{ width:25%; float:left; text-align:center; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box; padding:0.1rem 0;}
.fwapul li a{ display: block;}
.fwapul li span.tparea{display:block; width:32%; margin:0 auto 0; font-size:0;}
.fwapul li span.tparea img{ width:0.48rem; height:auto}
.fwapul li span.tparea .img1{display: inline-block;}
.fwapul li span.tparea .img2{ display: none;}
.fwapul li p{ width:100%; text-align:center; font-size:0.22rem;}
.act_fwap span.tparea .img1{ display: none !important;}
.act_fwap span.tparea .img2{ display: inline-block !important;}


/* 首页 */
.banner{ margin-top: .2rem;}
.banner{ border-radius: .15rem; -webkit-border-radius: .15rem; -moz-border-radius: .15rem; -ms-border-radius: .15rem; -o-border-radius: .15rem; overflow: hidden; }
.banner{ position:relative; z-index:3; }
.banner .swiper-slide{position:relative; overflow:hidden;}
.banimg{ width:100%; height:auto; display:block;}
.banner .swiper-pagination{ bottom:8px !important;}
.banner .swiper-pagination-bullet{width:8px;height:8px;padding: 0;background-color:#fff;  font-size: 0;line-height: 0;outline:none;cursor: pointer; border-radius:50%;filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity: 1; margin:0 4px !important;}
.banner .swiper-pagination-bullet-active{background-color:#01C071;}
/* .banner .swiper-button-prev{ background:url(../images/icon/prev2.png) center center no-repeat; left:2%;}
.banner .swiper-button-next{ background:url(../images/icon/next2.png) center center no-repeat; right:2%;}
.banner .swiper-button-prev,.banner .swiper-button-next{filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity: 0.8; opacity: 0.8;width:33px;  height:60px; top:50%; margin-top:-30px; -webkit-background-size:80%; -moz-background-size:80%;-ms-background-size:80%; -o-background-size:80%; background-size:80%;}
.banner .swiper-button-prev:hover,.banner .swiper-button-next:hover{filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity: 1;} */

/* 01运单详情 */
body{ background-color: #F0EFF4;} 
.navigator{ background-color: #fff; height: 1rem; position: relative; display: flex; align-items: center;  justify-content: center;box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.1);}
.navigator .val{ font-size: 0.3rem; color: #000;}
.navigator .backBtn{ font-size: 20px; color: #1082E3; position: absolute; left: 0; top: 50%; transform: translateY(-50%); cursor: pointer; font-weight: bold; width: 0.6rem; height: 0.5rem; display: inline-flex; align-items: center; justify-content: center; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); }
.topMenuBtn{  font-size: 20px; color: #1082E3; position: absolute; left: 2%; top: 50%; transform: translateY(-50%); cursor: pointer; font-weight: bold; width: 0.6rem; height: 0.5rem; display: inline-flex; align-items: center; justify-content: center; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); }
.tips{}
.tips .wp{ background-color: #FCF7E3; border: 1px solid #F8E9CB;padding: 0.1rem 0.3rem; box-sizing: border-box;}
.tips .info{  padding: .15rem 0;}
.tips .info .tit{ font-weight: bold; color: #654C2A; font-size: .25rem;}
.tips .info .nr{ font-size: .24rem; line-height: 1.6; color: #654C2A; margin-top: .05rem;}
.tips .mandiv{ padding: .2rem 0; text-align: right; border-top: 1px solid #F1E4C0; }
.tips .mandiv .sbtn{ font-size: .24rem; padding: 0.5em 1em; margin-left: .1rem;}

.deliveryInfo{ font-size: 0.24rem; padding: .16rem; color: #000; background-color: #fff; box-sizing: border-box; margin-top: .25rem;}
.deliveryInfo .no_type{ padding: .04rem .14rem;}
.deliveryInfo .no_type .no,.deliveryInfo .no_type .type{ margin-right: .1rem; padding: 0.2em 0.8em;}
.deliveryInfo .no_type .no{ background-color: #1082E3; color: #000;}
.deliveryInfo .no_type .type{color: #B47303; background-color: #F3EBDC;}
.deliveryInfo .no_type .status{margin-right: .1rem; padding: 0.2em 0.8em; box-sizing: border-box; border: 1px solid transparent;}
.deliveryInfo .no_type .status_normal{ border-color: #ccc; }
.deliveryInfo .no_type .status_confirm{ color: #B47303; background-color: #F3EBDC;}
.deliveryInfo .no_type .status_cancel{border-color: #ccc;  color: #D72F2F;}
.deliveryInfo .no_type .status_shipment{background-color:#DAF0F4 ;  color: #06AFCE;}
.deliveryInfo .part{ padding: 0.15rem 0; border-bottom: 1px solid #D2D2D2;}
.deliveryInfo .part:nth-last-child(1){ border-bottom: none;}
.deliveryInfo .list{ padding: .04rem .3rem; display: flex;}
.deliveryInfo .list .attrmc{ min-width: 2.4em; margin-right: .02rem; color: #666; }
.deliveryInfo .list .attrval{ flex: 1; min-width: 0;}
.deliveryInfo .row{ display: flex; }
.deliveryInfo .row .list{ width: 50%;}
.deliveryInfo .row .list .attrval{ background-color: #E8E8E8; padding: 0 0.15rem; box-sizing: border-box; border-radius: 0.05rem; width: 50%; -webkit-border-radius: 0.05rem; -moz-border-radius: 0.05rem; -ms-border-radius: 0.05rem; -o-border-radius: 0.05rem; }

.deliveryInfo .box{ margin-bottom: .18rem;}
.deliveryInfo .box .time{ color: #666;}
.deliveryInfo .box .tp{ margin-top: 0.1rem; width: 1.94rem; height: 1.94rem; border-radius: .1rem; -webkit-border-radius: .1rem; -moz-border-radius: .1rem; -ms-border-radius: .1rem; -o-border-radius: .1rem; object-fit: cover; }
.orderTp{ padding: .1rem .3rem; box-sizing: border-box; margin-top: .25rem;}
.orderTp .title{ font-size: .24rem; padding: .2rem 0;}
.orderTp .wrap{ display: flex; flex-wrap: wrap;}
.orderTp .wrap .item{ width: 48%; margin: 0 4% 4% 0;}
.orderTp .wrap .item:nth-child(2n){ margin-right: 0;}
.orderTp .wrap .item .tit{ font-size: .3rem; text-align: center;}
.orderTp .wrap .item .tp{ margin-top: .2rem; height: 1.9rem; object-fit: cover;}
 
.orderDetail{}
.orderDetail .title{ font-size: .24rem;}
.orderDetail .wrap{ margin-top: .25rem;}
.oderItem{ background-color: #fff; padding: .22rem .3rem; margin-bottom: 0.2rem;}
.oderItem .size{ }
.oderItem .size .btn{font-size: .24rem; color: #0082BC; display: inline-block; background-color: #D9EDF6; padding: 0.2em 0.8em;}
.oderItem .para{ display: flex; margin-top: 0.15rem;}
.oderItem .para .info{ flex: 1; min-width: 0;}
.oderItem .para .tparea{ width: 2rem; margin-left: 30px; }
.oderItem .para .tparea .tp{ object-fit: cover;height: 1.24rem; width: 100%; display: block;}
.oderItem .list{ display: flex; font-size: .24rem; padding: 0.05rem 0;}
.oderItem .list .attrmc{ color: #666;}
.oderItem .list .attrval{ flex: 1;}
.oderItem .row{ display: flex;}
.oderItem .row .list{ width: 48%; margin-right: 2%;}

.deliveryRecord{}
.deliveryRecord .wrap{ position: relative;}
.deliveryRecord .wrap::after{ content: ""; display: block; width: .01rem; height: 100%; background-color: #C8C8C8; position: absolute;  left: 0.17rem; top: 0rem;}
.deliveryRecord .list{ margin-bottom: .7rem; position: relative; padding-left: .58rem; z-index: 2;}
.deliveryRecord .list .icon{ position: absolute; width: .35rem; height: .35rem; left: 0; top: 0rem;background-color: #F0EFF4;}
.deliveryRecord .info { color: #666;}
.deliveryRecord .tit { margin-top: .1rem;}

.commonFooterHeight{ height: 1rem;}
.commonFooter{ display: flex; position: fixed; background-color: #fff; z-index: 10; left: 0; bottom: 0; width: 100%; height: .96rem; justify-content: center; box-shadow: -0.1rem 0 .2rem 0  rgba(0,0,0,0.1);}
.commonFooter .prevBtn{ font-size: .3rem; display: inline-flex; align-items: center; position: absolute; color: #1082E3;  left: 3%; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); }
.commonFooter .prevBtn .iconfont{ font-size: .36rem; margin-right: .1rem;font-weight: bold;}
.commonFooter .menuBtn{}
.commonFooter .menuBtn .iconfont{}
.menuBtn{  position: relative; margin-top: -0.24rem; display: inline-block; padding: .1rem; background-color: #fff; box-shadow: 0 0 .2rem 0  rgba(0,0,0,0.1);}
.menuBtn .iconfont{ display: inline-flex; align-items: center; justify-content: center; width: 1rem; height: 1rem; background-color: #1082E3; color: #fff;}
.menuBtn .iconfont::before{ font-size: .5rem; }

/* 菜单弹窗 */
.menuPopupbg{ position: fixed; background-color: rgba(0,0,0,0.6); width: 100%; height: 100%; left: 0; top: 0; z-index: 100;}
.menuPopup{ position: fixed; top: 0.3rem; left: 3%; z-index: 101; background-color: #fff; width: 94%; background-color: #fff; box-sizing: border-box; border-radius: 0.1rem; -webkit-border-radius: 0.1rem; -moz-border-radius: 0.1rem; -ms-border-radius: 0.1rem; -o-border-radius: 0.1rem; padding: 0.1rem 0; }
.menuPopup .title{ padding: 0.8em 0; font-size: 0.3rem;  border-bottom: 1px solid #000; text-align: center;}
.menuPopup .wrap{ padding: 0.1rem 0; display: flex;}
.menuPopup .menuItem{ width: 50%; text-align: center; padding: .2rem 0; position: relative; }
.menuPopup .menuItem::after{ content: ""; display: block; width: 1px; height: 70%; background: linear-gradient(rgba(86, 110, 131, 0),rgba(86, 110, 131, .7),rgba(86, 110, 131, 0)); position: absolute; right: 0; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); }
.menuPopup .menuItem .icon{ width: 1rem; height: 1rem; object-fit: contain;}
.menuPopup .menuItem .tit{ font-size: .24rem; color: #566E83; margin-top: .1rem;}

/* 订单列表 */
.orderList{}
.deliveryItem{}
.deliveryItem{ font-size: 0.24rem; padding: .16rem; color: #000; background-color: #fff; box-sizing: border-box; margin-top: .25rem;}
.deliveryItem .no_type{ padding: .04rem .14rem;}
.deliveryItem .no_type .no,.deliveryItem .no_type .type{ margin-right: .1rem; padding: 0.2em 0.8em;}
.deliveryItem .no_type .no{ background-color: #1082E3; color: #000;}
.deliveryItem .no_type .type{color: #B47303; background-color: #F3EBDC;}
.deliveryItem .no_type{ position: relative;}
.deliveryItem .no_type .status{margin-right: .1rem; padding: 0.2em 0.8em; box-sizing: border-box; border: 1px solid transparent;}
.deliveryItem .no_type .status_normal{ border-color: #ccc; }
.deliveryItem .no_type .status_confirm{ color: #B47303; background-color: #F3EBDC;}
.deliveryItem .no_type .status_cancel{border-color: #ccc;  color: #D72F2F;}
.deliveryItem .no_type .status_shipment{background-color:#DAF0F4 ;  color: #06AFCE;}
.deliveryItem .no_type .type2{color: #333; box-sizing: border-box; background-color: #fff; border: 1px solid #999;}
.deliveryItem .no_type .arr{ font-weight: bold; font-size: 0.36rem; position: absolute; right: 0; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); color: #0082BC; }
.deliveryItem .part{ padding: 0.15rem 0; border-bottom: 1px solid #D2D2D2;}
.deliveryItem .part:nth-last-child(1){ border-bottom: none;}
.deliveryItem .list{ padding: .04rem .3rem; display: flex;}
.deliveryItem .list .attrmc{ min-width: 2.4em; margin-right: .02rem; color: #666; }
.deliveryItem .list .attrval{ flex: 1; min-width: 0;}
.deliveryItem .row{ display: flex; padding: .04rem 0rem 0.04rem 0.3rem;}
.deliveryItem .row .list{ width: 50%;padding: .04rem 0rem; align-items: center;}
.deliveryItem .row .list .attrval{ display: flex; align-items: center; }
.deliveryItem .row .list .attrval .grayPoint{ width: 1.8rem;  background-color: #E8E8E8;padding: 0 0.15rem; box-sizing: border-box; border-radius: 0.05rem; -webkit-border-radius: 0.05rem; -moz-border-radius: 0.05rem; -ms-border-radius: 0.05rem; -o-border-radius: 0.05rem;}
.deliveryItem .row .list .attrval .tel{ margin-left: auto; align-self: flex-end;}
.deliveryItem .row .list .attrval .tel .icon{ width: 0.48rem; height: 0.48rem;}
.deliveryItem .box{ margin-bottom: .18rem;}
.deliveryItem .box .time{ color: #666;}
.deliveryItem .box .tp{ margin-top: 0.1rem; width: 1.94rem; height: 1.94rem; border-radius: .1rem; -webkit-border-radius: .1rem; -moz-border-radius: .1rem; -ms-border-radius: .1rem; -o-border-radius: .1rem; object-fit: cover; }
.deliveryItem .signOpa{ padding: .2rem 0;}
.deliveryItem .signOpa .sbtn{ font-size: .24rem;
    padding: 0.5em 1em;
    margin-left: .1rem;}
.filters{}
.filters .wp{ box-sizing: border-box; background-color: #FDF8E4; padding: .1rem .16rem; border-radius: .1rem; display: flex; align-items: center; -webkit-border-radius: .1rem; -moz-border-radius: .1rem; -ms-border-radius: .1rem; -o-border-radius: .1rem;  font-size: .24rem;}
.filters .mc{ color: #8D713E; margin-right: .1rem;}
.filters .text{ flex: 1; color: #8D713E; font-size: 0.24rem; min-width: 0;}
.filters .delBtn{color: #8D713E;  font-weight: bold; margin-left: .2rem; display: inline-block; cursor: pointer; padding: 0.05rem; position: relative; z-index: 10;}
/* 运单列表 */
.tab{ overflow: hidden; width: 60%; margin: 0.25rem auto 0; border: 1px solid #D2D2D2; display: flex; }
.tab .list{ flex: 1; position: relative; box-sizing: border-box; border-right: 1px solid #D2D2D2; padding: 0.4em 0; text-align: center; cursor: pointer; }
.tab .list:nth-last-child(1){ border: none;}
.actTab{ background-color: #1082E3; color: #fff !important; border-color: #1082E3 !important; }
.status_selfget{ color: #1082E3; background-color: #DBE9F5;}
.deliveryItem{ position: relative;}
.deliveryItem .signType{ font-size: 0.34rem; padding: 0.2em 1.5em; color: #2AB70E; border: 1px solid #2AB70E; position: absolute; right: 0.8rem; top: 0rem; z-index: 5; -webkit-transform: rotate(-30deg); -moz-transform: rotate(-30deg); -ms-transform: rotate(-30deg); -o-transform: rotate(-30deg); transform: rotate(-30deg); transform-origin:100% 0; }
/* 06意见反馈 */
.message{ padding: .35rem .25rem; font-size: 0.24rem;}
.formItem{ background-color: #fff; border-radius: .05rem; -webkit-border-radius: .05rem; -moz-border-radius: .05rem; -ms-border-radius: .05rem; -o-border-radius: .05rem;  padding: .2rem .28rem; margin-bottom: .28rem;  }
.formItem .attrmc{ align-items: center;}
.formItem .attrval{ flex: 1; min-width: 0; display: flex;}
.formItem .textarea{ display: block; width: 100%; height: 2.5rem;}
.formItem .text{}
.formItem .attrval .text{ flex: 1; text-align: right;}
.formItem .attrval .closeBtn{ color: #DCDCDC; margin-left: 0.1rem; cursor: pointer;}
.formItem .tit{ color: #999;}
.message .zhu{ color: #566E83; font-size: 0.24rem; line-height: 1.6;}
.message  .formConfirmHeight{ height: 1rem;}
.message .formConfirm{ font-size: 0.24rem;}

/* 图片上传 */
.uploadList{margin-top: 10px;}
.uploadBtn{ position: relative; width: 1.16rem; height: 1.16rem; display: inline-flex; align-items: center; justify-content: center; flex-direction: column; background-color: #F4F8FC; border-radius: .05rem; -webkit-border-radius: .05rem; -moz-border-radius: .05rem; -ms-border-radius: .05rem; -o-border-radius: .05rem; }
.uploadBtn #fileInput{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 2; opacity: 0;}
.uploadBtn .uploadIcon{ font-size: .5rem; color: #566E83;}
.uploadBtn .tit{ font-size: .2rem; color: #566E83;}
.preview-area {
            display: flex;
            flex-wrap: wrap;
            gap: 10px; margin-bottom: 0.2rem;
        }
        .preview-item {
            position: relative;
            width: 1.082rem;
            height: 1.082rem;
            border: .01rem solid #eee;
            border-radius: .04rem;
        }
        .preview-item:nth-child(5n){ margin-right: 0;}
        .preview-item img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            border-radius: 4px;
        }
        .delete-btn {
            position: absolute;
            top: .05rem;
            right: .05rem;
            width: .24rem;
            height: .24rem; line-height: .24rem;
            background: rgba(255,0,0,0.7);
            color: white;
            border: none;
            border-radius: 50%;
            font-size: .14rem;
            cursor: pointer;
            display: flex;
            align-items: center;
            justify-content: center;
            transition: all 0.2s;
        }
        .delete-btn:hover {
            background: rgba(255,0,0,1);
            transform: scale(1.1);
        }
        .file-input-label{ background: none; color: #f00;}

.uploadBtn2{ display: flex; align-items: center; justify-content: center; background-color: #EBF2F7; border-radius: .2rem; -webkit-border-radius: .2rem; -moz-border-radius: .2rem; -ms-border-radius: .2rem; -o-border-radius: .2rem; position: relative; }
.uploadBtn2 #fileInput{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 2; opacity: 0;}
.uploadBtn2 .uploadIcon{ font-size: .3rem; margin-right: 0.2rem; color:#1082E3;}
.uploadBtn2 .tit{ font-size: .2rem; color:#1082E3;}