/* 会员中心 */
.user{display: flex; flex-direction: column; width: 100%;}
.userbj{width: 100%; height: 300px;  position: relative;}
.userbj img{filter: blur(5px);}
.userbj-dj{position: absolute; bottom:40px; right: 15px; font-size:12px; color: #333; border: none; background-color: transparent;}
.userbj img{width: 100%; height: 100%;}
.user-top{display: flex; flex-direction: column; width: calc(100% - 0px); margin: -30px 0px 0; padding: 15px;    background: #fff; 
    border-top-left-radius:25px; border-top-right-radius: 25px; position: relative; z-index: 10;}

.user-img{width: 130px; height: 130px; border-radius: 130px; position: absolute; top: -60px; left: 50%; transform: translateX(-50%); background: #fff; 
    padding: 10px;  }
.user-img::before{position: absolute; top: 25px; left: -10px; content: ''; width: 150px; height: 100px; background: #fff; border-radius: 40%; z-index: 1;}
.user-img img{width: 110px; height: 110px; border-radius: 50%; position: relative; z-index: 10;}
.user-name{display: flex; flex-direction: row; justify-content: center; width: 100%; margin-top: 60px; font-size: 18px; color: #000; } 
.user-tel{display: flex; flex-direction: row; justify-content: center; font-size: 15px; color: #666; margin-top: 5px;}

.order{display: flex; flex-direction: column; width: calc(100% - 30px); margin: 25px 15px 10px; background: #f2f2f2; border-radius: 10px; padding: 15px; }
.order-bt{display: flex; flex-direction: row; justify-content: space-between; font-size: 18px; color: #000; font-weight: bold; border-bottom: solid 1px #ddd; 
    padding-bottom: 10px; align-items: center;}
.order-bt span{font-size: 14px; color: #666; font-weight: normal;}
.order-nr{display: flex; flex-direction: row; flex-wrap: wrap; margin-top: 15px;}
.order-nr-li{display: flex; flex-direction: column; align-items: center; width: calc((100% - 30px)/4); margin-right: 10px; margin-bottom: 15px;}
.order-nr-li a{display: flex; flex-direction: column; align-items: center;}
.order-nr-li:nth-child(4n){margin-right: 0;}
.order-nr-li img{width: 40px; height: 40px;}
.order-nr-li span{font-size: 15px; color: #000; margin-top: 5px;}

.recommend{display: flex; flex-direction: column; width: calc(100% - 30px); margin: 40px 15px 0;}
.recommend-bt{display: flex; flex-direction: row; justify-content: space-between; font-size: 20px; color: #000; font-weight: bold; position: relative; 
    padding-left: 10px;  }
.recommend-bt::before{position: absolute; content: ''; top: 1px; left: 0; width: 5px; height: 25px; background: #4A9CFF; border-radius: 5px;}
.recommend-ul{display: flex; flex-direction: row; flex-wrap: wrap; width: 100%; margin-top: 15px;}
.recommend-li{display: flex; flex-direction: column; width: calc((100% - 15px)/2); margin-right: 15px; margin-bottom: 15px;}
.recommend-li:nth-child(2n){margin-right: 0;}
.recommend-liimg{width: 100%; height: 160px;}
.recommend-liimg img{width: 100%; height: 100%; object-fit: cover; border-radius: 3px;}

.tj-title{font-size: 16px; color: #000; line-height: 22px; margin: 5px 0 5px 0; white-space: normal;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;}
.tj-yljg{display: flex; flex-direction: row; align-items: flex-end; font-size: 12px; color: #666;}
.tj-yljg span{font-size: 18px; color: #f60; font-weight: bold;}


/*我的信息*/
.wodxx{display: flex; flex-direction: column; width: calc(100% - 40px); margin: 70px 20px 0; background: #fff; padding:30px 15px;   border-radius: 10px; 
    box-shadow: 0 2px 2px rgba(0,0,0,0.2)}
.wodxx-li{display: flex; flex-direction: row; align-items: center; width: 100%; margin-bottom: 20px;}
.wodxx-li-l{width: 80px; font-size: 15px; color: #000;}
.wodxx-li-r{width: calc(100% - 80px); font-size:15px; color: #000;}
.tximg{width: 100px; height: 100px; border-radius: 50%;}
.wodxx-li-r input{width: 100%; height:40px; background: #f2f2f2; padding: 0 10px;   border-radius: 5px; border: none;}

.baocun{display: flex; flex-direction: row; justify-content: center; background: #f60; padding: 10px 0; margin-top: 10px; border-radius: 5px; font-size: 16px; color: #fff;}


/*我的客服*/
.zhuti{display: flex; flex-direction: column; width: 100%; padding: 20px; margin-top: 50px;}
.kefu{display: flex; flex-direction: column; width: 100%; border: solid 1px #ddd; padding: 25px 10px;   border-radius: 10px;}
.kefu-li{display: flex; flex-direction: row; justify-content: space-between; width: 100%; align-items: center; margin-bottom: 20px;}
.ewmimg{ flex-direction: column; align-items: center; justify-content: center;}
.ewmimg img{width: 150px; height: 150px;}
.ewmimg text{margin-top: 15px; font-size: 14px; color: #333;}
.kefu-liimg{width: 60px; height: 60px; background: #f60; padding: 15px;   border-radius: 50%;}
.kefu-liimg img{width: 100%; height: 100%;}
.kefu-liwz{display: flex; flex-direction: column; width: calc(100% - 130px); margin-left: 10px;}
.kefu-liwzs{font-size: 15px; color: #000; font-weight: bold;}
.kefu-liwzx{font-size: 14px; color: #666; margin-top: 2px;}
.kefu-lian{width: 50px; height: 50px; background: #2476e3; padding: 10px;   border-radius: 5px;}
.kefu-lian img{width: 100%; height: 100%;}

/*我的评价*/
.pingj{display: flex; flex-direction: column; width: 100%; padding: 0px; margin-top: 50px;}
.wdpj{display: flex; flex-direction: column; width: 100%; padding: 10px;  }
.wdpj-li{display: flex; flex-direction: column; width: 100%; margin-bottom: 15px;border: solid 1px #ddd; padding: 10px;   border-radius: 5px; 
    position: relative;}
.ordertag{position: absolute; top: -10px; left: -9px; width: 30px; height: 30px;}
.wdpj-li-bt{width: 100%; font-size: 18px; color: #000; font-weight: bold;}

.wdpj-nr{display: flex; flex-direction: column; width: 100%; background: #f2f2f2; padding: 10px;   border-radius: 5px; margin-top: 10px;}
.wdpj-nrbt{width: 100%; font-size: 16px; color: #000; font-weight: bold; margin-bottom: 10px;}
.wdpj-nr-ul{width: 100%; font-size: 14px; color: #333; line-height: 22px;}
.comment-nr-li-img{display: flex; flex-direction: row; flex-wrap: wrap; margin-top: 15px;}
.comment-nr-li-img img{width: calc((100% - 20px)/3); height: 100px; margin-right: 10px; margin-bottom: 10px; border-radius: 5px;}
.comment-nr-li-img img:nth-child(3n){margin-right: 0;}

/*订单中心*/
.ordernav{position: fixed; top:50px; left: 50%; max-width: 750px; width: 100%; transform: translateX(-50%); background: #fff; overflow-y: hidden; overflow-x: auto; 
    white-space: nowrap; z-index: 999;}

.nav-tabs>li>a{width: 100%; text-align: center; line-height: normal; margin: 0; border: none !important; font-size: 14px; color: #000;  position: relative;}
.nav-tabs>li{float: none !important; display: inline-block;}
.nav>li>a:focus, .nav>li>a:hover{background: transparent;border: none;}
.nav-tabs>li>a:focus-visible{border: none;}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover{border: none; background: transparent; color: #03ADEA;}
.nav-tabs>li.active>a::before{position: absolute; content: ''; bottom: 0; left: 50%; margin-left: -25%; width: 50%; height: 2px; background: #03ADEA;}
.ordernr{margin-top: 100px;}


.list{margin-top: 20px; display: flex; flex-direction: column; width: 100%; padding: 0 15px;  }
.list-ul{display: flex; flex-direction: column; width: 100%;}
.list-ul-li{display: flex; flex-direction: column; width: 100%; padding: 10px ; margin-bottom: 20px; background: #fff;
  position: relative;   border-radius: 5px; box-shadow: 0 1px 4px 2px rgba(0, 0, 0, 0.2);}
.ordertag{position: absolute; top: -10px; left: -9px; width: 30px; height: 30px;}

.orderid{display: flex; flex-direction: row; width: 100%; justify-content: space-between; border-bottom: solid 1px #ddd; 
  padding-bottom: 10px; margin-bottom: 10px;}
.orderid span{font-size: 14px; color: #666;}
.orderid span.orderzt-dfk{color: #f10;}
.orderid span.orderzt-yfk{color: #f60;}
.orderid span.orderzt-ywc{color: #029422;}
.ordername{font-size: 18px; color: #000; font-weight: bold;}
.ordercs{font-size: 15px; color: #000; margin-top: 5px;}
.orderprice{display: flex; flex-direction: row; justify-content: flex-end; margin-top: 10px; font-size: 14px; color: #666; 
  align-items: flex-end;}
.orderprice span{color: #f10; font-size: 20px;}

.ordersh{display: flex; flex-direction: row; justify-content: flex-end; margin-top: 10px;}
    .ordersh a {
        display: flex;
        flex-direction: row;
    }
.ordersh span{background: #03ADEA; margin-left: 10px; padding: 6px 15px; font-size: 15px; color: #fff; 
  border-radius: 5px;}
.ordersh span.zhifu{background: #f10;}
.ordersh span.sqtk{background: #f60;}
.ordersh span.zlydan{background: #029422;}
.ordersh span.sqytk{background: #999;}
.ordersh span.dianpin{background: transparent; border: solid 1px #ddd;   color: #000;}

/*订单详情*/
.ddxingq{display: flex; flex-direction: column; width: 100%; }
.dd-topbj{display: flex; flex-direction: row; width: 100%; height: 200px; background: #24a6ea; border-bottom-left-radius: 25px;
	border-bottom-right-radius: 25px; padding: 65px 15px 0;  }
.dd-zt{display: flex; flex-direction: column; font-size: 18px; color: #fff; font-weight: bold;}
.dd-zt span.dd-ztwz{font-weight: normal; font-size: 14px;}
.dd-top{ display: flex; flex-direction: column; width: calc(100% - 30px); margin: -80px 15px 0; background: #fff; padding: 15px;   border-radius: 10px; 
    box-shadow: 0 2px 2px rgba(0,0,0,.25);}
.dd-tops{display: flex; flex-direction: row; width: 100%; margin-bottom: 10px; border-bottom: solid 1px #ddd; padding-bottom: 5px; align-items: center; font-size: 16px;
     color: #24a6ea; font-weight: bold;}
.dd-tops img{width: 30px; height: 30px; margin-right: 5px;}
.dd-topx{display: flex; flex-direction: row; width: 100%; align-items: center;}
.dd-top-l{display: flex; width: 100px; height: 130px;}
.dd-top-l img{width: 100%; height: 100%; border-radius: 10px; object-fit: cover;}
.dd-top-r{display: flex; flex-direction: column; width: calc(100% - 110px); margin-left: 10px; }
.dd-top-rbt{font-size: 16px; color: #000; font-weight: bold;}
.dd-top-rcs{font-size: 13px; color: #666; margin-top: 5px;}

.dd-infon{display: flex; flex-direction: column; width: 100%; margin-top: 15px;}
.dd-infon-li{display: flex; flex-direction: row; justify-content: space-between; margin-bottom: 5px;}
.dd-infon-li-l{font-size: 14px; color: #666;}
.dd-infon-li-r{font-size: 14px; color: #666;}
.jiage text{color: #333; font-size: 16px;}
.dd-infon-pic{display: flex; flex-direction: row; justify-content: space-between; width: 100%; margin-top: 10px; border-top: solid 1px #ddd; padding-top: 10px; position: relative;}
.dd-infon-pic::before{position: absolute; top: -6px; right: 20px; content: ''; width: 10px; height: 10px; border-top: solid 1px #ddd; border-left: solid 1px #ddd; 
    transform: rotate(45deg); background: #fff;}
.dd-infon-pic text{font-size: 16px; color: #000; font-weight: bold;}
.dd-infon-pic text.picjg{color: #f60;}

.dd-xxjs{display: flex; flex-direction: column; width: calc(100% - 30px); margin: 15px 15px 0; background: #fff; padding: 15px;   border-radius: 10px; 
    box-shadow: 0 2px 2px rgba(0,0,0,.25);}
.dd-xxjsbt{display: flex; width: 100%; font-size: 16px; color: #000; font-weight: bold; padding-left: 10px;   position: relative;}
.dd-xxjsbt::before{position: absolute; content: ''; top: 0; left: 0; width: 4px; height: 20px; background: #f60; border-radius: 4px;}
.dd-xxjsnr{display: flex; flex-direction: column; width: 100%; margin-top: 15px;}
.dd-xxjsnr-li{display: flex; flex-direction: row; align-items: center; width: 100%; margin-bottom: 10px; font-size: 15px; color: #333; position: relative;}
.ddphfz{position: absolute; top: 0; right: 0; font-size: 15px; color: #f60;}
.dd-xxjsnr-li-l{width: 80px;}
.dd-xxjsnr-li-r{width: calc(100% - 80px);}

.chuxrxx{display: flex; flex-direction: column; width: calc(100% - 30px); margin: 15px 15px 0; background: #fff; padding: 15px;   border-radius: 10px; 
    box-shadow: 0 2px 2px rgba(0,0,0,.25);}
.chuxrxxbt{display: flex; width: 100%; font-size: 16px; color: #000; font-weight: bold; padding-left: 10px;   position: relative;}
.chuxrxxbt::before{position: absolute; content: ''; top: 0; left: 0; width: 4px; height: 20px; background: #f60; border-radius: 4px;}
.chuxrxxnr{display: flex; flex-direction: column; width: 100%; margin-top: 15px;}
.peopleinfo-nr-ul{display: flex; flex-direction: column; width: 100%; background: #f2f2f2; margin-bottom: 10px; padding: 10px 10px 0;   border-radius: 5px;}
.peopleinfo-nr-li{display: flex; flex-direction: row; width: 100%; margin-bottom: 10px; align-items: center;}
.peopleinfo-nr-li-l{width: 90px; font-size: 15px; color: #000; position: relative; padding-left: 10px;}
.peopleinfo-nr-li-l span{position: absolute; top:0; left: 0; color: #f10;}
.peopleinfo-nr-li-r{width: calc(100% - 100px); font-size: 15px; color: #000;}
.peopleinfoinput{ border: solid 1px #ddd; padding: 5px; background: #fff; width: 100%;}
.picker-zjlx{ border: solid 1px #ddd; background: #fff; padding: 5px; font-size: 15px; color: #000; height: 33px;   position: relative;}
.picker-zjlx::before{position: absolute; content: ''; top: 9px; right: 10px; width: 8px; height: 8px; border-right: solid 1px #333; border-bottom: solid 1px #333;
    transform: rotate(45deg);}
.qrcyrxx{display: flex; flex-direction: row; margin-top: 10px; justify-content: center; background: #f60; padding: 10px 0; font-size: 15px; color: #fff; border-radius: 5px;}

.contact{display: flex; flex-direction: column; width: calc(100% - 30px); margin: 15px 15px 0; background: #fff; padding: 15px;   border-radius: 10px; 
    box-shadow: 0 2px 2px rgba(0,0,0,.25);}
.contact-bt{display: flex; width: 100%; font-size: 16px; color: #000; font-weight: bold; padding-left: 10px;   position: relative;}
.contact-bt::before{position: absolute; content: ''; top: 0; left: 0; width: 4px; height: 20px; background: #f60; border-radius: 4px;}
.contact-nr{display: flex; flex-direction: column; width: 100%; margin-top: 15px;}
.contact-nrli{display: flex; flex-direction: row; width: 100%; margin-bottom: 10px;}
.contact-nrli-l{width: 80px;font-size: 15px; color: #000;}
.contact-nrli-r{width: calc(100% - 80px);font-size: 15px; color: #000;}

.orderxx{position: fixed; bottom: 0; left: 50%; transform: translateX(-50%); max-width: 750px; width: 100%; background: #fff; display: flex; flex-direction: row; align-items: center; justify-content: space-between; padding: 10px 20px;  }
.orderxx span{padding: 10px 50px; border: solid 1px #ddd; border-radius: 20px; font-size: 16px;}
.orderxx span.sqtk{background: #999; color: #000;}
.orderxx span.ljzf{background: #f10; color: #fff;}
.orderxx span.dpj{background: #03ADEA; color: #fff;}
.orderxx span.zmyd{background: #f60; color: #fff;}

.hidden {
    display: none;
}
.visible {
    display: block;
    position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,.4);
}
.tknr{
    position: fixed;
    top: 50%;
    left: 50%; width: 80%;
    transform: translate(-50%, -50%);
    background-color: white;
    padding: 20px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); border-radius: 5px;
    z-index: 1000; /* 确保层在最前面 */}
.tknr-bt{ font-size:18px; color: #f10; text-align: center; margin-bottom: 20px; }
.tknr-nr{width: 100%;}
.tknr-nr textarea{width: 100%; border: solid 1px #ddd; height: 120px; line-height: 24px; padding: 10px; outline: 0}
.tknr-anniu{display: flex; width: 100%; margin-top: 10px; display: flex; flex-direction: row; justify-content: space-around;}
.tknr-anniu span{ width:120px; height:40px; line-height:40px; background:#ddd; border-radius:40px; text-align:center; font-size: 15px; color:#000 ; cursor: pointer;}
.tknr-anniu span.qdtk-an{ background:#f60; color:#fff; }