*{margin:0;padding: 0;box-sizing: border-box;}
li{list-style:none;}
a{text-decoration: none;}
img{display:block;border:none;max-width: 100%;}
input,button{outline: none;}
html,body{ height:100%;}
html{font-size:26.66667vw;}
body{font-size:14px; /*display: flex;flex-direction: column; justify-content: space-between;*/}
.bgColor{background-color: #f2f2f2;}
/****=reset***/
html,body, dl, dt, dd, ul, ol, li, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td {margin:0;padding:0;font:12px "微软雅黑","Arial Narrow",HELVETICA;-webkit-text-size-adjust:100%;}
table{border-collapse:collapse;}
a img{border:0px;}
a{outline: none; text-decoration:none;}
:focus{outline:0;}
address, caption, cite, code, dfn, em, th, var {font-style:normal;font-weight:normal;}
caption, th {text-align:left;}
q:before, q:after{content:'';}
h1, h2, h3, h4, h5, h6 {font-size:100%;font-weight:normal; margin:0; padding:0}
input, button, textarea, select {font-family:inherit;}
html{overflow-y:scroll;}
.fontA{font-family:Arial;}
html[xmlns] .clearfix {display: block;}
* html .clearfix {height: 1%;}
/* 自定义其他任意主题  */
.popup-titlecolor .layui-layer-title{background-color: rgba(58, 187, 169, 0.3);}
.popup-titlecolor .layui-layer-btn{padding: 5px 10px 10px;}
.popup-titlecolor .layui-layer-btn a{background: #fff; border-color: #E9E7E7; color: #333;}
.popup-titlecolor .layui-layer-btn .layui-layer-btn0{ background-color:#3ABBA9; color: #fff;}
/* 自定义表格工具栏按钮样式 */
.layui-table-tool{min-height: 30px!important;padding: 0px 15px!important;}
.layui-table-tool-self{top: 0;}
.layui-table-tool .layui-inline[lay-event]{background-color: #34BBA9; border: 0;}
.layui-table-tool .layui-inline[lay-event]:hover{border:0;}
.layui-table-tool-self .layui-icon{ color: #fff;font-size: 18px;}
.layui-col-space10>*{padding-bottom: 0;}
.layui-table-box{/*min-height: 350px;*/ max-height: 660px; overflow-y: auto;}
/* 重置layui样式 */
.layui-nav-tree .layui-nav-item a{height: 50px!important; line-height: 50px!important; }
.layui-nav-tree .layui-nav-item>a{height: 50px!important; line-height: 40px!important;}
.layadmin-tabspage-none .layui-layout-admin .layui-body{top: 200px!important;}
.layui-input, .layui-textarea{border-color: rgba(58, 187, 169, 0.5);}
.layui-form-select .layui-input{padding-right: 0px!important;}
.layui-table-cell{padding: 6px 6px;}
.layui-form-pane .layui-form-label{border-color: rgba(58, 187, 169, 0.5);background-color: rgba(58, 187, 169, 0.2);}
.layui-table-header thead tr th{background-color: #F8FCF9; color: #3ABBA9!important;}
/* 优化禁止拖拽列的视觉反馈 */
.layui-table-view .layui-table-header thead tr th.no-drag { cursor: not-allowed !important; background-color: #3ABBA9 !important; color: #fff !important;/* pointer-events: none !important;  禁止所有鼠标事件 */ }
.layui-table-view .layui-table-header thead tr th { cursor: move !important; user-select: none !important;}
.sortable-ghost {  opacity: 0.5 !important;}
/* 滚动条样式 */
*::-webkit-scrollbar {width: 6px;height: 6px;}
*::-webkit-scrollbar-track {background: #f8f8f8;}
*::-webkit-scrollbar-thumb {background: #ccc;border-radius: 3px;}
*::-webkit-scrollbar-thumb:hover {background: #3abba9;}

/* 新增：第一个文件独有的样式 */
.first .layui-card{margin-bottom: 0;}
.layui-fluid{padding:13px 15px 0!important; overflow: hidden; box-sizing: border-box;}
/* 页面标题 */
.new-header{display: none!important;}
/* 左侧导航图标位置修复 */
.layui-side-menu .layui-nav>.layui-nav-item .layui-icon:first-child{ margin-top: -20px!important; }
/* logo */
.layui-layout-admin .layui-logo{display: flex; flex-direction: column; justify-content: center; align-items: center;  height: 89px!important;}
.layui-layout-admin .layui-logo img{border:#4B5A72 solid 1px;border-radius: 4px; padding: 3px; width: 35px; height: 35px;}
.layui-layout-admin .layui-logo span{line-height: 35px; color: #3ABBA9;font-weight: bold;}
.layui-side-menu .layui-nav{margin-top: 90px!important;}
/****top-menu***/
.top-menu {font-size: 14px; padding: 0px 20px; box-sizing: border-box;/*display: none !important;*/}
.top-menu .layui-row{ display: flex; justify-content: space-between; height: 90px;}
.menu-left{display: flex; align-items: center; justify-content: space-between; width: 100%;}
.menu-left .menu-list{ display: flex; align-items: center; flex: 1;cursor: pointer;transition: all 0.5s ease;white-space: wrap; margin-right: 15px;}
.menu-left .menu-list .licon{ width: 66px; height: 66px; border-radius: 50%; background-color: rgba(58, 187, 169, 0.2); display: flex; justify-content: center; align-items: center; flex-direction: column; }
.menu-left .menu-list .licon .layui-icon{font-size: 25px!important; color: #3abba9;}
.menu-left .menu-list .licon p{font-size: 16px;color: #3abba9;}
.menu-left .menu-list div:last-child{min-width: 60px; margin-left: 10px;}
.menu-left .menu-list:hover {color: #F46363;}
.menu-left .menu-list:hover .licon{background-color: rgba(255, 224, 224, 0.2); }
.menu-left .menu-list:hover .licon .layui-icon{color: #F46363;}
.menu-left .menu-list:hover .licon p{color: #F46363;}
.menu-right{display: flex; flex-wrap: wrap;align-content: center; margin-left: 40px; padding-left: 40px; border-left: 1px solid #EDF2F7; }
.menu-right li{display: flex; align-items: center; width: 25%; margin-right:7%;height: 35px;cursor: pointer;font-size: 14px;}
.menu-right .layui-icon{font-size: 20px!important; color: #777777; }
.menu-right li p{ flex: 1; padding-left: 10px;font-size: 14px; }

/* 主页 */
.jxl-home .quick-access{height: auto!important;}
.jxl-home .layadmin-shortcut li .layui-icon{color: #3ABBA9;}
.jxl-home .layadmin-shortcut li cite{color: #3ABBA9; padding-top: 5px;}
.jxl-home .layui-progress-bar{background-color: orange; }
/* 上传托书 */
.layui-upload-drag{padding:30px;text-align:center;border:1px dashed #e6e6e6;border-radius:6px;cursor:pointer;background-color:#fbfbfb;color:#666;transition:all .3s;}
.layui-upload-drag:hover{border-color:#1890ff;}
.layui-icon-upload{font-size:36px;color:#1890ff;margin-bottom:10px;display:inline-block;}
#ID-upload-demo-preview{margin-top:15px;}
#ID-upload-demo-preview img{max-height:100px;border:1px solid #eee;border-radius:4px;}

/* 登录 */
.bg{ width: 800px; height: 800px; background: linear-gradient(#34A898, #BDF6E7);border-radius: 50% 50% 0 30%; position: absolute; bottom:0; right: 0; z-index: 1;}
.jxlLogin {position: relative; z-index: 2; }
.jxlLogin .layadmin-user-login-header h2{font-size: 34px;}
.jxlLogin .layadmin-user-login-header p{font-size: 16px;}
.jxlLogin .login-main{ display: flex; width: 1220px; margin: auto; box-shadow: rgba(0, 0, 0, 0.15) 0 8px 24px; padding: 50px 0;background-color: #fff; position: relative; z-index: 2;}
.jxlLogin .layadmin-user-login-body .layui-form-item .layui-input{padding-left: 60px!important;}
.jxlLogin .layui-input-prefix, .layui-input-split{width: 49px; border-color: rgba(58, 187, 169, 0.5);}
.jxlLogin .layui-input-prefix .layui-icon, .layui-input-split .layui-icon{ font-size: 18px; color: #999;}
.jxlLogin .layui-input{height: 49px;border-radius: 4px; font-size: 14px;}
.jxlLogin .layui-input-wrap{ line-height: 48px;}
.jxlLogin .layui-btn{height: 49px; font-size: 16px; border-color: rgba(58, 187, 169, 0.5);}
.jxlLogin .layadmin-user-login-box{padding-bottom: 0;}
.jxlLogin .layadmin-user-login-other{ padding: 0px 20px 0;}
.layadmin-user-login.jxlLogin2{padding: 0;}
.jxlLogin2{ height: 100vh; box-sizing: border-box; background: linear-gradient(#34A898 70%, #EDF2F7 30%);}
.jxlLogin2 .login-main{background-color: #ffffff; width: 550px; margin-top: 0; padding: 50px 0; position: absolute; left: 50%; top: 50%;transform: translate(-50%, -50%);}
.jxlLogin2 .layadmin-user-login-body .layui-form-item .layui-input{padding-left: 60px!important;}
.jxlLogin2 .layui-input{height: 49px;border-radius: 4px; font-size: 14px;}
.jxlLogin2 .layui-input-wrap{ line-height: 48px;}
.jxlLogin2 .layui-input{height: 49px;}

/* 微信注册相关+切换 */
.jxlLogin .login-main{display:flex;justify-content:center;align-items:center;gap:50px;}
.login-banner{flex-shrink:0;}
.layadmin-user-login-main{flex-shrink:0;width:380px;}
/* 切换微信注册模块样式 */
.wechat-reg-wrap,.bind-info-wrap{display:none;text-align:center;padding:30px 0;}
.wechat-reg-wrap.show,.bind-info-wrap.show{display:block;}
.reg-form-wrap{display:block;}
.reg-form-wrap.hide{display:none;}
/* 切换微信登录模块样式 */
.wechat-login-wrap{display:none;text-align:center;padding:30px 0;}
.wechat-login-wrap.show{display:block;}
.login-form-wrap{display:block;}
.login-form-wrap.hide{display:none;}
/* 微信二维码样式 */
.wechat-qrcode{width:200px;height:200px;margin:0 auto 20px;border:1px solid #eee;padding:10px;}
.wechat-qrcode img{width:100%;height:100%;object-fit:contain;}
.wechat-tips{color:#666;font-size:14px;margin-bottom:20px;}
/* 返回按钮样式 */
.back-reg{color:#1687ff;cursor:pointer;font-size:14px;}
.back-reg:hover{color:#0066cc;text-decoration:underline;}
.back-login{color:#1687ff;cursor:pointer;font-size:14px;}
.back-login:hover{color:#0066cc;text-decoration:underline;}
/* 绑定信息样式 */
.bind-success-icon{color:#3abba9;font-size:36px;vertical-align:middle;margin-right:8px;}
.bind-info-tips{margin-top:10px;color:#666;font-size:14px;}
.get-code-btn{width: 100px;display: flex; align-items: center; justify-content: center; padding: 0 5px; box-sizing: border-box;}

/* 订单列表 全部业务 */
.layui-card-header.layuiadmin-card-header-auto{padding-top: 0!important; padding-bottom: 0!important;}
/* 表头操作栏 */
.layui-table-tool-self .layui-icon{ right: 6px!important;}
.layui-table-tool-self .layui-unselect .layui-icon{ top: 6px!important;}
.layui-table-tool-temp{ padding-right: 160px;}
.layui-table-tool .layui-inline[lay-event]{width: 30px; height: 30px;}
/* ======表格 */
.table-headbtn{ display: flex; justify-content: space-between;}
 /* 状态样式 */
.state-item { padding: 2px 0; font-size: 14px; display: flex; /*justify-content: space-between;*/ align-items: center; }
.state-item .layui-icon {position: static!important; font-size: 12px!important; margin-right: 3px; }
.state-item p{flex: 1; text-align: left; font-size: 14px;}
.state-item button{margin-left: auto;}
.cHui .layui-icon{ color: #666666;}
.cOra .layui-icon { color: #FFB800; } 
.cGre .layui-icon { color: #3abba9; }
.cBlu .layui-icon{ color: #1E9FFF; } 
.cRed .layui-icon{ color: orangered;}
/* ======表单 */
.order-form .item{ margin-bottom: 10px; }
.order-change-time .item-time{ display: flex; justify-content: space-between;}
.order-change-time .item-time .layui-inline{ flex: 1; display: flex; align-items: center;}
.order-change-time .item-time .layui-btn-group{margin-left: 10px;}
.order-change-time .item-time .layui-input-inline{ flex: 1;}
.order-change-time .item-time .layui-input-middle{ width: 20px; text-align: center;}
.item-button button{ width: 100%; height: 100%; font-size: 14px;}
.status{display: flex; justify-content: space-around; width: 100%;}
.status p{ width: 100px; box-sizing: border-box; padding: 10px; text-align: center;}
.status ul{ flex: 1; display: flex; align-items: center; }
.status ul li{ flex: 1; border-right: #EFEFEF 1px solid; text-align: center; transition: all 0.3s ease; max-width: 80px; }
.status ul li a{ display: block; box-sizing: border-box; padding: 10px 0;transition: all 0.3s ease; border-radius: 2px;}
.status ul li.active a{ background-color: #1E9FFF; color: #FFFFFF;}
.status ul li:hover a{ background-color: #1E9FFF; color: #FFFFFF;}
.operation{ background-color: #3abba9;border-radius: 2px; margin-top: 10px;}
.operation ul li{ max-width: 100%;border-right: #EFEFEF 3px solid;}
.operation ul li:first-child{ max-width: 100%; border-radius: 2px 0 0 2px;}
.operation ul li:last-child{ max-width: 100%;border-radius: 0 2px 2px 0; border-right: 0px;}
.operation ul li a{ color: #FFFFFF;}

/* 个人资料 */
.personinfo{background-color: #F5F9FF; height: calc(100vh - 100px);}
.personinfo .layui-form{display: flex;gap: 15px;}
.personinfo .layui-card{ height: 98%; border-top: #3abba9 solid 5px;overflow: auto; }
.personinfo .time{ margin: 10px auto;color: #999999;}
.personinfo .layui-form-item {position: relative; margin-bottom: 20px;}
.personinfo .layui-form-mid{position: absolute;right: 20px;top: 0px; color: #999;font-size: 12px;}
.personinfo .layui-timeline{padding:0px 10px;}
.personinfo .layui-timeline-item{padding-bottom: 10px;}
.personinfo .personinfo-l{width: 300px;}
.personinfo .personinfo-l .layui-card-header{display: flex;flex-direction: column;align-items: center; padding: 15px;}
.personinfo .personinfo-l .avatar-container{position: relative; display: inline-block; cursor: pointer;}
.personinfo .personinfo-l .avatar-container img{width: 80px; height: 80px; border-radius: 50%; object-fit: cover; border: 3px solid #3abba9; transition: all 0.3s ease;}
.personinfo .personinfo-l .avatar-container:hover img{opacity: 0.8; border-color: #2d9c8c;}
.personinfo .personinfo-l .avatar-container .avatar-upload-mask{position: absolute; top: 0; left: 0; width: 80px; height: 80px; border-radius: 50%; background: rgba(0,0,0,0.6); display: none; align-items: center; justify-content: center; color: #fff; font-size: 12px; transition: all 0.3s ease; cursor: pointer;}
.personinfo .personinfo-l .avatar-container:hover .avatar-upload-mask{display: flex;}
.personinfo .personinfo-l .user-tag{ width: 100%; display: flex; gap: 15px; margin-top: 5px;}
.personinfo .personinfo-l .user-tag p{flex: 1;text-align: center;}
.personinfo .personinfo-r{flex: 1; padding: 14px;}
.personinfo .layui-timeline-title{color: #999;}


/* 完善企业资料 */
.attestation-main {background-color: #F5F9FF; height: calc(100vh - 100px); }
.attestation-main .layui-card { height: 98%; border-top: #3abba9 solid 5px;}
.attestation-main .layui-card-header{text-align: center; }
.attestation-main .layui-card-header h1{font-size: 36px; margin-bottom: 10px;color: #9F9F9F;}
.attestation-main .layui-card-header p{font-size: 16px;color: #9F9F9F;}
.attestation-main .layui-card-body{padding: 20px;}
.attestation-main .layui-form-label{min-width: 130px!important; text-align: right;}
.attestation-main .layui-form-label span{ color: #F26348;display: inline-block; margin-right: 5px;}
.attestation-main .layui-input-block{margin-left: 130px!important;}
.attestation-main .layui-form-text .layui-input-block{margin-left: 0!important;}
.attestation-main .layui-input{font-size: 14px; color:#666666}
.attestation-main .layui-upload-drag{padding: 20px;border:1px solid rgba(58, 187, 169, 0.5);width:100%!important;box-sizing:border-box}
.attestation-main .preview-img{max-width: 100%; min-height: 80px;}
.attestation-main .upload-tip{text-align: center; margin-top: 10px;}
.attestation-main .upload-tip span{color: #F26348;}   
.attestation-main .area-group{display: flex; gap: 10px;}
.attestation-main .area-group select{flex: 1; }
.attestation-main .layui-form-text .layui-textarea{min-height: 108px; font-size: 14px; color:#666666;}
.attestation-main .submit-wrap{max-width: 300px; margin: 20px auto; padding: 0 15px;}
/* 完善企业资料上传图片 */
.attestation-main .upload-image-container{position:relative;width:100%;min-height:208px;border:2px dashed #d4e6e2;border-radius:12px;background:linear-gradient(135deg,#fafafa,#f5f9ff);overflow:hidden;transition:all .3s ease;}
.attestation-main .upload-image-container:hover{border-color:#3abba9;background:linear-gradient(135deg,#f5f9ff,#e8f4f1);}
.attestation-main .upload-drag-area{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;transition:all .3s;}
.attestation-main .upload-drag-area i{font-size:56px;color:#b8d9d3;margin-bottom:12px;transition:all .3s;}
.attestation-main .upload-drag-area:hover i{color:#3abba9;transform:translateY(-3px);}
.attestation-main .upload-drag-area div{color:#999;font-size:14px;}
.attestation-main .upload-drag-area .upload-hint{font-size:12px;color:#bbb;margin-top:8px;}
.attestation-main .image-preview-area{position:absolute;top:0;left:0;width:100%;height:100%;display:none;background:#f5f9ff;}
.attestation-main .image-preview-area.show{display:block;animation:fadeIn .3s;}
@keyframes fadeIn{from{opacity:0;}to{opacity:1;}}
.attestation-main .image-preview-area img{width:100%;height:100%;object-fit:cover;background:#fff;}
.attestation-main .image-delete-btn,.attestation-main .image-reupload-btn{background:rgba(0,0,0,.65);backdrop-filter:blur(2px);cursor:pointer;transition:all .3s;z-index:10;}
.attestation-main .image-delete-btn{position:absolute;top:8px;right:8px;width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;}
.attestation-main .image-delete-btn:hover{background:#F26348;transform:scale(1.08);}
.attestation-main .image-delete-btn i{font-size:16px;color:#fff;}
.attestation-main .image-reupload-btn{position:absolute;bottom:8px;right:8px;padding:4px 10px;border-radius:16px;color:#fff;font-size:11px;}
.attestation-main .image-reupload-btn:hover{background:#3abba9;transform:translateY(-2px);}
.attestation-main .upload-tip{text-align:center;margin-top:12px;}
.attestation-main .upload-tip .view-btn{margin-left:10px;background:#3abba9;border-color:#3abba9;border-radius:20px;padding:0 16px;}
.attestation-main .upload-tip .view-btn:hover{background:#2d9c8c;border-color:#2d9c8c;transform:translateY(-1px);}


/* 修改密码 */
.password{background-color: #F5F9FF; height: calc(100vh - 100px);}
.password .layui-card{ flex: 1; height: 98%; border-top: #3abba9 solid 5px; }
.password .layui-card-header h1{font-size: 36px; margin-bottom: 20px;color: #9F9F9F; text-align: center;}
.password .layui-card-body .layui-btn{margin-top: 50px;}

/* 调价 */
.fare-manage{margin-top: 25px;}
.price-adjustment{background-color: #f5f9f9;height: calc(100% - 90px); display: flex;gap: 10px; }
.price-adjustment .priceItem{ flex: 1; overflow: auto; min-width: 300px; height: 100%;}
.priceItem .layui-card-header{color: #3ABBA9; border-left: #3abba9 5px solid;}
.price-adjustment .priceItem p{margin-bottom: 10px;}
.price-adjustment .priceItem .layui-form-checkbox>div{min-width: 100px; text-align: center;}
.price-adjustment .priceItem .layui-form-checked:hover>div, .layui-form-checked>div{background-color: #3ABBA9; }
/* 菜单节点 */
.menus{margin-top: 15px;}
/* 无数据提示样式 */
.no-data-tip { text-align: center; padding: 80px 0; color: #999; border: 1px solid #e6e6e6; border-radius: 2px; margin-top: 10px; background-color: #fff;}
.no-data-tip .icon { font-size: 48px; margin-bottom: 15px; display: block; color: #ccc;}
.no-data-tip .text {font-size: 14px;}

/* =================弹框 */
.layui-side-menu, .layui-layer-admin .layui-layer-title, .layadmin-side-shrink .layui-side-menu .layui-nav>.layui-nav-item>.layui-nav-child{ background-color: #3ABBA9!important;}

/* 箱货对比弹窗 */
.vancontrast .van-head{width: 100%; margin-bottom: 20px; background-color: rgba(58, 187, 169, 0.5);}
.vancontrast .van-head .layui-input-group{ width: 100%;}
.vancontrast .van-head .layui-input-group .layui-input-split{ width: 120px;}
.vancontrast .van-main{display: flex;}
.vancontrast .van-left{width: 950px;}
.vancontrast .van-right{ flex: 1; margin-left: 20px; margin-top: 5px; }
.vancontrast .van-right th{background-color: #EDF2F7; font-weight: bold; }
.vancontrast .van-right .layui-table td, .layui-table th{padding:7px; line-height: 26px;}

/* 放箱弹窗 */
#putbox-form-list .layui-input-block{ margin-left: 80px; display: flex;}
#putbox-form-list .layui-input-inline .layui-form-select.layui-unselect {border:#1E9FFF 1px solid;}
#putbox-form-list .layui-input-inline .layui-input-wrap{ flex: 1;}
#putbox-form-list .add-boxt-type{ margin-top: 8px; margin-left: 15px; cursor: pointer; display: inline-block;}
#putbox-form-list .add-boxt-type i { font-size: 25px; color: #3abba9; transition: all 0.3s;}
#putbox-form-list .add-boxt-type i:hover {opacity: 0.7; color: #2d8c7a;}
#putbox-form-list .change-boxt-type { margin-bottom: 15px;}
#putbox-form-list .layui-layer-admin .layui-layer-title{background-color: #3ABBA9 !important;}
#putbox-form-list .layui-layer-btn .layui-layer-btn0{ background-color: #3ABBA9;}
#putbox-form-list .layui-form-label { width: 80px;}

/* 外发弹窗 */
.outgoing .layui-form-item{ display: flex; align-items: center;}
.outgoing .layui-form-label{width: 130px!important;}
.outgoing .layui-input-block{ flex: 1; margin-left: 0px; display: flex;}
.outgoing .layui-input-block span{ margin-left: 20px;color: #F26348;}
.outgoing  .layui-form-label span{ color: #F26348;display: inline-block; margin-right: 5px;}
.outgoing  .layui-textarea{ min-height: 45px;}
.layui-prices{justify-content: flex-end; margin-left: 0;}
.layui-prices span{color: #F26348;font-size: 20px;}
.outgo-port .layui-form-radioed{  position: relative; top: -6px;}
.pay-type-group .pay-type-btn{border: 1px solid #e6e6e6;background-color: #fff; color: #666;}
.pay-type-group .pay-type-btn:hover { color: #009688; border-color: #3abba9;}
.pay-type-group .pay-type-btn.active { background-color: #009688; color: #fff; border-color: #009688;}
.pay-type-group .pay-type-btn.active .layui-icon-ok { display: inline-block !important; color: #fff; }
.pay-type-group .pay-type-btn:not(.layui-btn-primary).active .layui-icon-ok {color: #fff;}
.Approved .layui-input-block{ margin-left: 50px;}

/* 箱单号弹框 */
.pack-head{display: flex; justify-content: space-between;}
.pack-main{display: flex; justify-content: space-between;}
.pack-left{ width: 980px;}
.pack-left table{border-collapse:collapse;border-spacing:0;border:none;font-size:12px;max-width:980px;overflow:auto;background:#fff;margin-top: 10px;}
.pack-left td,th{border:1px solid #39c;padding:4px 6px;vertical-align:top;margin:0;color:#39c; position: relative;}
.pack-left table table td,th{border: 0;}
.pack-left div{color: #333333;}
.pack-left div span{display: inline-block; width: 50%;}
.pack-left div b{ display: inline-block; width: 50px;}
.pack-left .address{ margin-bottom: 20px;}
.pack-left .pack-bluecolor{text-align: left;}
.pack-left .pack-bluecolor u{color: #39c; text-decoration: none; display: inline-block; margin-right: 10px; }
.pack-left h1{font-size: 24px; width: 400px; line-height: 2;}
.pack-left input{ width: 100%; max-width: 100%; border:#39c solid 1px; height: 25px; margin-bottom: 10px; text-align: center;}
.pack-left i{ font-size: 25px; color: #1E9FFF; display: inline-block; margin-bottom: 10px;}
.pack-left p{line-height: 2; font-size: 14px;}
.pack-left .dynamic-row-input{ width: 100%; max-width: 100%; border:#39c solid 1px; height: 28px; text-align: center; margin: 0; padding: 0 4px;}
.pack-left .action-icons{ display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 5px; height: 100%;}
.pack-left .action-icons i{ font-size: 20px; margin-bottom: 0; cursor: pointer;}
.pack-left .action-icons i:hover{opacity: 0.7;}
.pack-left .data-row td{ vertical-align: middle; padding: 4px 6px;}
.pack-left .data-row .text-display{ display: block; padding: 0 8px; line-height: 28px; text-align: center; color: #333;}
.pack-left .data-row.edit-mode .edit-input-wrap{ display: block;}
.pack-left .data-row.edit-mode .text-display{ display: none;}
.pack-left .data-row.view-mode .edit-input-wrap{ display: none;}
.pack-left .data-row.view-mode .text-display{ display: block;}
.pack-left .data-row.view-mode .action-icons{ display: none;}
.pack-left .data-row.edit-mode .action-icons{ display: flex;}
.pack-right{ flex: 1; margin-left: 30px; padding: 10px;margin-top: 40px; max-width: 640px;}
.pack-right .potlist{  border-radius: 8px; padding:15px;background-color: #F2F2F2; min-width: 100px; }
.pack-right .potlist p{height: 30px;}

/* 详情弹窗 */
.orderdetails .details-head{border: #EDF2F7 solid 1px;}
.orderdetails .details-head span{display: inline-block; padding:0 20px; }
.orderdetails .layui-card-header{font-size: 14px; font-weight: bold;  position: relative; padding-left: 25px;}
.details-head .layui-card-body p{line-height: 2; font-size: 14px;}
.orderdetails .layui-card-header::after{ content: ""; display: block; width: 5px; height: 16px; background-color: #3ABBA9; margin-right: 5px; position: absolute; top: 20px; transform: translateY(-50%); left: 15px;}
.orderdetails h2{font-size: 20px; font-weight: bold;}
.orderdetails .details-top::after{ top: 25px;}
.orderdetails .details-right-btn::after{display: none;}
.orderdetails .details-right-btn span{ margin-left: 10px; font-size: 16px;}
.orderdetails .layui-card-header .layui-icon{position: static; margin-top: 0; line-height: 28px; }
.orderdetails .layui-card-header{display: flex; align-items: center;justify-content: space-between;}
.orderdetails .layui-card-header div{display: flex; align-items: center;}
.orderdetails .layui-card-header div button{ margin-left: 15px;}
.orderdetails .layui-table td, .layui-table th{ padding: 9px 10px;}
.details-main{display: flex; }
.details-left{width: 300px!important;}
.details-left tr.active{background: #34BBA9; color: #fff;}
.details-right{border-left:#34BBA9 5px solid;}
.details-right table{ text-align: center; }
.details-right table td{text-align: center; }
.details-right .bt-A{background-color: #EDF2F7; font-size: 16px; color: #3abba9;}
.details-right .bt-A th{height: 45px!important; color: #666666;}
.details-right .bt-B{font-size: 14px; color: #F26348;}
.details-right .bt-B th{text-align: center;}
.details-right .layui-form-switch{margin-top: 0;}
.detail-btn .layui-icon{position: relative!important; top: -2px!important;left: -2px;}

/* 详情编辑 */
.details-right .edit-input{ position: absolute; top: 0px; left: 0; width: 100%; height: 100%;display: none;}
.details-right .edit-input .layui-input{height: 100%;min-height: 38px;position: relative;top: -5px;}
.details-right .edit-input .layui-textarea{min-height: 80px;position: relative;top: -5px;}
.editable-cell .cell-text { display: inline-block;}

/* 交易市场 */
.dashboard-container { padding: 10px 12px 20px 12px; max-width: 1800px; margin: 0 auto; background-color: #f5f7fa; font-family: "Helvetica Neue", Helvetica, "PingFang SC", "Microsoft YaHei", sans-serif; }
.dashboard-container .header-title { margin-bottom: 10px;  padding-left: 10px;  color: #2c3e50; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; }
.dashboard-container .quick-stats { color: #5e738c; font-size: 12px; background: #ecf0f1; padding: 3px 8px; border-radius: 30px; }
.dashboard-container .filter-card { background: #fff; border-radius: 8px; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.03); padding: 10px 12px 0; margin-bottom: 12px; }
.dashboard-container .action-buttons { display: flex;align-items: center; flex-wrap: wrap;   border-bottom: 1px solid #eef2f6; }
.dashboard-container .action-buttons .layui-btn { border-radius: 30px; padding: 0 12px; font-size: 12px; height: 28px; line-height: 25px; }
.dashboard-container .order-card { background: #fff; border-radius: 10px; box-shadow: 0 2px 6px rgba(0,0,0,0.05); border: 1px solid #edf0f5; margin-bottom: 8px; overflow: hidden; }
.dashboard-container .card-header { padding: 8px 12px; display: flex; justify-content: space-between; align-items: center; border-bottom: 1px dashed #f0f2f6; }
.dashboard-container .order-identity { display: flex; align-items: center; gap: 6px; }
.dashboard-container .company-badge { font-weight: 700; color: #1e466e; background: #eef6ff; padding: 2px 8px; border-radius: 40px; font-size: 14px; display: inline-block; white-space: nowrap; }
.dashboard-container .cargo-type { background: #f3f6fc; padding: 2px 8px; border-radius: 30px; font-size: 12px; color: #2c6b9e; display: inline-block;  white-space: nowrap; }
.dashboard-container .status { padding: 2px 6px; border-radius: 30px; font-size: 12px; display: inline-block; white-space: nowrap; }
.dashboard-container .status-cash { background: #fff3e0; color: #e6a23c; }
.dashboard-container .status-platform { background: #e8f4f8; color: #1e9fff; }
.dashboard-container .price-area { display: flex; align-items: center; gap: 10px; }
.dashboard-container .publish-time { font-size: 12px; color: #8f9bb3; }
.dashboard-container .view-detail { font-size: 12px; color: #3abba9; }
.dashboard-container .card-body {  padding: 10px 12px;  display: grid;  grid-template-columns: minmax(140px, 1fr) minmax(260px, 1fr) minmax(260px, 1fr) minmax(140px, 1fr) minmax(140px, 1fr) minmax(260px, 1fr) minmax(140px, 1fr); gap: 12px; }
.dashboard-container .info-item { display: flex; flex-direction: column; gap: 4px; }
.dashboard-container .info-label { font-size: 14px; color: #666666; margin-bottom: 5px; }
.dashboard-container .info-value { font-size: 13px; font-weight: 500; color: #2c3e50; text-align: left; white-space: normal; word-break: break-word; }
.dashboard-container .info-value.highlight { color: #1e9fff; font-weight: 600; }
.dashboard-container .remark{ padding: 6px 10px; border-radius: 6px; border-left: 3px solid #ffb800; font-size: 12px; color: #5e738c; word-break: break-all; white-space: normal;background: #F3FAF9; }
.dashboard-container .scroll-list .price-item{ display: flex; align-items: center; justify-content: flex-start; gap: 10px; }
.dashboard-container .scroll-list .price { font-size: 20px; color: #f56c6c; font-weight: 600; }
.dashboard-container .scroll-list .price small { font-size: 12px; color: #8c939d; }
.dashboard-container .empty-tip { text-align: center; padding: 40px 0; color: #a9b3c2; background: #fff; border-radius: 10px; }
.dashboard-container .scroll-list { margin-top: 10px; max-height: 70vh; overflow-y: auto; }
.dashboard-container .scroll-list::-webkit-scrollbar { width: 5px; background: #eaeef2; }
.dashboard-container .scroll-list::-webkit-scrollbar-thumb { background: #cbd5e0; border-radius: 5px; }

/* 外发协议 */
.agree-file { padding: 15px; }
.agree-file .agree-title{ text-align: center; font-size: 22px; margin: 20px 0 30px; }
.agree-file .agree-container{ display: flex; gap: 12px; height: 570px; margin-bottom: 40px; }
.agree-file .agree-left-box,.agree-right-box{ flex: 1; border: 1px solid #e5e6eb; border-radius: 6px; padding: 15px; overflow-y: auto; background: #fff; }
.agree-file .contract-title{ text-align: center; font-size: 16px; font-weight: bold; margin-bottom: 20px; }
.agree-file .contract-code{ text-align: right; color: #999; font-size: 13px; margin-bottom: 15px; }
.agree-file .contract-content p{ line-height: 2; font-size: 14px; color: #333; margin-bottom: 15px; line-height: 1.5; }
.agree-file .contract-content p strong{ font-weight: bold; }
.agree-file .agree-btn-wrap{ text-align: center; margin-bottom: 15px; }
.agree-file .agree-tip{ text-align: center; font-size: 14px; color: #333; background: #e8f4ff; padding:5px 12px; border-radius: 4px; border: 1px solid #b3d8ff; width: 350px; margin: 20px auto; }
.agree-file .tip-icon{ display:inline-block; width:20px; height:20px; line-height:20px; text-align:center; background:#2979ff; color:#fff; border-radius:50%; font-size:12px; margin-right:8px; }

/* =================================适配不同屏幕尺寸 */
/* PC端 大屏 */
@media screen and (max-width: 1440px) {
    .layadmin-tabspage-none .layui-layout-admin .layui-body{top: 180px!important;}
    .top-menu .layui-row{flex-direction: column;height: auto; }
    .menu-right{border-left: 0px;border-top: 1px solid #EDF2F7; padding: 0; margin: 0; margin-top: 10px; justify-content: space-around;}
    .menu-right li{width: auto;margin-right: 0; }
}
/* PC端 小屏 */
@media (max-width:1200px){
  .jxlLogin .login-main{flex-direction:column;gap:20px;padding:50px 0;}
  .layui-carousel{width:100%!important;max-width:720px;}
}
/* 平板端（768px - 992px） */
@media screen and (max-width: 992px){}

/* 移动端（≤768px） */
@media (max-width: 768px) {}
/* 小屏移动端（≤480px） */
@media (max-width: 480px) {
    .get-code-btn { width: 90px; }
    #bind-vercode { padding-right: 100px; }
}