@charset "utf-8";
:root{
    --theme-color:#31a5e7;
    /*左边菜单的背景色*/
    --left-menu-bg-color:#eeeeee;
    /*按钮hover的颜色*/
    --btn-hover-color:#66b1ff;
    /*机票预订按钮背景颜色*/
    --flight-book-btn-bg-color:#FF8A00;
    /*更浅色的主题色*/
    --theme-lighter-color:#a8e0ff;
    /*浅色的主题色*/
    --theme-light-color:#63bbed;
    --table-title-bg-color:#f5f5f5;
    --table-inner-border:#f9f2f2;
    --input-border-color:#94b9c1;
    --warning-bg-color:#E6A23C;
    --danger-bg-color:#F56C6C;
}
.mjq-header #logo{text-shadow: none}
.mjq-header #logo a img{transform: translateY(-5px)}
.login-header .wrap .mjq-logo{padding-top: 30px;float: left}
#header.website-header{background-color: var(--theme-color);background: var(--theme-color);box-sizing: border-box}
#header{border-bottom: 2px solid #ffffff;padding: 8px 10px 2px}
.mjq-header{align-items: center;column-gap: 50px}
.mjq-header #header-info{position:relative;width: 100%;display: flex;flex-direction: column;row-gap: 20px}
.mjq-header #header-info .header-link a{font-size: 17px;padding: 6px;margin: 0 6px}
/*flex弹性盒子*/
.mjq-display-flex{display: flex}

/*#address_hot .address_hot_adress.layoutfix{margin-left: auto!important;display: grid!important;}*/
/*改变一级菜单选中样式*/
#menu li a:hover, #menu li a.selected{border-bottom: solid 3px #ffffff;font-weight: 600;color: #ffffff}
/*侧边栏*/
#main-content #content-left{background-color: var(--theme-color)}
#main-content #content-left>ul{height: 80vh;overflow-y: auto;-ms-overflow-style: none;  /* Internet Explorer 10+ */scrollbar-width: none;    /* Firefox */}
#main-content #content-left{padding-top: 20px;width: 200px}
#main-content #content-left .menu-header{font-weight:bold;font-size:15px;background-color: var(--theme-light-color);padding: 10px 20px;box-shadow: 0 2px 5px rgba(0,0,0, 0.1);margin-bottom: 2px}
/*#main-content #content-left li:not(.menu-header){margin: 0 12px}*/
#main-content #content-left li:not(.menu-header) ul{margin-bottom: 0}
#main-content #content-left li:not(.menu-header) ul.thirst_m.none{margin: 5px 15px 5px}
#main-content #content-left li:not(.menu-header) ul.thirst_m.none li{display: block;padding: 8px 0;color: white;text-decoration: none;font-size: 14px;border-radius: 3px;transition: all 0.2s;background-color: rgba(255, 255, 255, 0.15);position: relative;margin-bottom: 2px}
#main-content #content-left li:not(.menu-header) ul.thirst_m.none li:has(.selected) {background-color: var(--left-menu-bg-color);!important;}
#content-left ul li ul li a.selected{border-left: none;color: var(--theme-color)}
#content-left ul li.menu-header{background:none;border-top: none}
#content-left ul li ul li a:hover, #content-left ul li ul li a:active{background-color: transparent;}
#main-content #content-left ul li ul li:hover{transform: translateX(3px);}

/*table*/
.el-table__header .has-gutter th.el-table__cell{background: var(--theme-color) !important;color: #ffffff!important;}

/*表头颜色*/
.td1,
.td2,
tr.td1,
tr.td1 td,
tr.td2 td{background-color: var(--table-title-bg-color) !important;background: var(--table-title-bg-color) !important;color: #333!important;}

.td1::before{background: var(--theme-color);content: '';width: 5px;height: 23px;display: inline-block;vertical-align: middle;border-radius: 3px;margin-right: 10px}

/*表头高度统一*/
.td2.td3_center,tr.td2,tr.td1{height: 30px;line-height: 30px}

/*表格内的border样式*/
table.list tbody tr td,table.list2 tbody tr td, table.list3 tbody tr td{border:1px solid var(--table-inner-border)}

.td4_right{background-color: #fff!important;}

/*统一按钮*/
.button_a1,button.el-button,input[type="button"]:not(.SK_button_b1):not(.button_100),button,.ui-dialog-footer .ui-dialog-button button.ui-dialog-autofocus{line-height:normal;border-radius:3px;background-color: var(--theme-color); font-size: 14px; padding: 0;height: auto;padding: 6px 10px;color: #ffffff;text-align: center;}
.button_100,.danger_btn{height: auto;padding: 6px 10px;font-size:14px}
input.danger_btn[type="button"]{background-color: #FF0000!important;}
.button_a1:hover,button.el-button:hover,input[type="button"]:not(.SK_button_b1):not(.button_100):hover,button:not(.el-dialog__headerbtn):not(.el-message-box__headerbtn):not(.refresh-btn):hover,.ui-dialog-footer .ui-dialog-button button.ui-dialog-autofocus:hover,.ui-dialog-footer .ui-dialog-button button.ui-dialog-autofocus:focus{background: var(--btn-hover-color);color: #ffffff}
.el-button--success{border: none}
.el-button--warning.is-plain{color: #ffffff}
.ui-dialog-footer button:focus,.ui-dialog-footer .ui-dialog-button button.ui-dialog-autofocus:focus,.ui-dialog-footer button:focus-visible {outline: none;outline-offset: 0;border: none;box-sizing: border-box}
/*区分有特殊按钮如warning*/
button[type="button"].el-button.el-button--warning{background-color: var(--warning-bg-color);}
button[type="button"].el-button.el-button--danger{background-color: var(--danger-bg-color);}
div.orangeDiv{line-height:normal;border-radius:3px; font-size: 14px; padding: 0;height: auto;padding: 6px 10px;color: #ffffff;text-align: center;}
.SK_button_b1,.SK_button_a1{height: auto;padding: 6px 10px}

.refresh-btn:hover{border: none}

/*input 4只角*/
input.input60,input.input100,input.input120,input[type="text"],select{border-radius: 3px}

/*input边框*/
input.Wdate{border:1px solid var(--input-border-color)}
input[type="text"]{border:1px solid var(--input-border-color);}

/*input,select统一高度*/
input:not([type="button"]):not([type="radio"]):not([type="checkbox"]),select:not(.textarea){height: 29px!important;box-sizing: border-box}
.el-input__icon{line-height: normal}

/*客户名称统一input*/
input#customerName[name="customerName"]{border: 1px solid var(--input-border-color);border-radius: 3px}

    /*select*/
select.input100,select.input90{border-radius: 3px;height: 29px}
.el-range-editor--mini.el-input__inner{height: 31px}
/*侧边栏收缩键底色*/
#l_ctrl {background-color: #f9f9f9}

/*分页查询*/
.pagination .pagination>*{border: 1px solid #e0e6ed!important;margin: 0;border-radius: 3px}
.pagination .pagination>a:hover{color: var(--theme-color);border: 1px solid  var(--theme-color)!important;}
.pagination .pagination .current{background-color: var(--theme-color)}
.pagination .current.prev, .pagination .current.next{background-color: #fff!important;}
.pagination {display: flex;column-gap: 10px;}

/*城市选择器*/
#jsContainer .address_hot{min-width: 500px;box-shadow: 0 8px 16px rgba(0,0,0,0.1)!important;    border: 1px solid #e0e0e0;border-radius: 8px}
#jsContainer .address_hot .address_hotcity,#jsContainer #tuna_address #address_message{background-color: var(--theme-color);background: var(--theme-color);line-height: 40px;height: 40px;border: none;font-size: 15px}
#jsContainer #tuna_address #address_message{padding:0 0 0 9px }
#jsContainer #tuna_address{box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1) !important;border: 1px solid #e0e0e0; }
#jsContainer #tuna_address #address_warp{border: none}
#jsContainer #tuna_address .address_selected{background: none repeat scroll 0 0 var(--theme-color);color: #000000}
#tuna_address #address_list a{font-size: 14px;height: 34px;line-height: 34px}
#tuna_address #address_list span{font:14px/22px verdanal;line-height: 34px;display: inline-block}
#jsContainer .address_hot .address_hot_abb{font-size:14px;border: none;background-color: #f8f9fa;padding: 5px;min-height: 20px;}
#jsContainer .address_hot .address_hot_abb li .hot_selected{color: var(--theme-color);border-bottom-color: var(--theme-color);font-weight: bold;border: none;border-bottom: 2px solid var(--theme-color);background-color:transparent}
#jsContainer .address_hot .address_hotlist{padding: 0;border: none}
#jsContainer .address_hot .address_hotlist .address_hot_adress.layoutfix{box-sizing:border-box;padding:5px;display: grid;grid-template-columns: repeat(4, 1fr);;gap: 10px;list-style: none;margin: 0;}
#jsContainer .address_hot .address_hotlist .address_hot_adress.layoutfix li{padding: 4px 6px; font-size: 14px; color: #333; background-color: #f9f9f9; border: 1px solid #eee; border-radius: 4px; cursor: pointer;text-align: center;transition: background-color 0.3s, color 0.3s, transform 0.2s;}
#jsContainer .address_hot .address_hotlist .address_hot_adress.layoutfix li a{border: none;padding-left: 0}
#jsContainer .address_hot .address_hotlist .address_hot_adress.layoutfix li a:hover{background: transparent}
#jsContainer .address_hot .address_hotlist .address_hot_adress.layoutfix li:hover{background-color: var(--theme-color);color: #ffffff; border-color: var(--theme-color);transform: translateY(-2px);}
#jsContainer .address_hot .address_hotlist .address_hot_adress.layoutfix li:hover a{color: #ffffff}

/*客户选择框*/
.ac_results{box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1);border-radius: 4px;border: 1px solid #E4E7ED;-webkit-box-sizing: border-box;box-sizing: border-box;background-color: #FFF;}
.ac_results ul li{height: 34px;line-height: 34px;padding: 0 0 0 20px;}
.ac_results ul li.ac_over.ac_over,.ac_results ul li.ac_odd.ac_over{background-color: #F5F7FA!important;color: #000}
.ac_results ul li.ac_over:hover{cursor: pointer}
.ac_odd{background-color:#fff!important;}
.ac_results ul::-webkit-scrollbar {
    width: 6px; /* 滚动条宽度 */
}

.ac_results ul::-webkit-scrollbar-track {
    background-color: transparent; /* 轨道背景颜色 */
}

.ac_results ul::-webkit-scrollbar-thumb {
    background-color:#DDDEE0; /* 滚动条滑块颜色 */
    border-radius: 99px; /* 滑块圆角 */
}

/* 针对 Firefox 浏览器 */
.ac_results ul {
    scrollbar-width: thin;
    scrollbar-color: #DDDEE0 transparent;
}

/*日历组件*/
.WdateDiv.WdateDiv2 table.WdayTable2 tr td{    text-align: center; font-size: 14px;padding: 8px 0;border-radius: 4px;cursor: pointer; transition: background-color 0.2s, color 0.2s;border: 1px solid transparent;}

/*国内机票航班展示列表*/
#contentDiv .flightData,#flightTbody .flightData{border-radius: 8px;border: none;box-shadow: 0 4px 12px rgba(0,0,0,0.08);padding:14px 4px;transition: box-shadow 0.3s ease, transform 0.3s ease;}
#contentDiv .flightData:hover,#flightTbody .flightData:hover{box-shadow: 0 6px 16px rgba(0,0,0, 0.12);    transform: translateY(-3px);}
#flightTbody .flightData .book_btn2{background-color: var(--flight-book-btn-bg-color)}
#contentDiv .flightData .cabin_div.active{background-color: #C4E9FF}
.flightData table.cabinTable{background-color: transparent!important;}
.book_btn,.book_btn1,.book_btn2{border-radius: 6px;}
.book_btn1:hover,.book_btn:hover{background-color: var(--flight-book-btn-bg-color)}
/*国际机票航班展示列表*/
.book_btn,.book_btn1{border-radius: 6px;}
.book_btn1:hover,.book_btn:hover{background-color: var(--flight-book-btn-bg-color)}

/*悬停框（黄色背景的弹框）*/
.tip-yellow{background-color: #ffffff!important;box-shadow: 0 5px 15px rgba(0,0,0,0.12);border-radius: 8px;border: none;color: #000000!important;overflow-y: auto;max-height:-webkit-fill-available}
.tip-yellow .tip-arrow{display: none}
.tip-yellow .tip-inner p span{background-color: #ffffff!important;}

/*订单的tab标签*/
table#navTab tbody tr td.b,table#proMenuTab tbody tr td.b{background-color: var(--theme-color);background: var(--theme-color)}
table#navTab .hover{background-color: var(--theme-color);background: var(--theme-color);color: #ffffff}

/*修改原生的select下拉框*/
select option{padding:10px 20px}

/*input padding-left*/
input[type="text"]:not(.Wdate){padding: 5px}

/*layui弹框*/
.layui-layer.layui-anim.layui-layer-page .layui-layer-content>div{border: none!important; }

/*登录框*/
.form-floating { position: relative; margin-bottom: 25px; }
.form-floating .icon { position: absolute; left: 15px; top: 50%; transform: translateY(-50%); color: #888; font-size: 18px; pointer-events: none; }
.icon svg { width: 18px; height: 18px; fill: currentColor; }
.form-input { width: 100%; font-size: 16px; border: 1px solid #d1d9e6; border-radius: 6px; box-sizing: border-box; background-color: #ffffff; color: #333; transition: border-color 0.3s ease, box-shadow 0.3s ease; }
.input-group .input{border-radius: 6px}
.input.form-floating:focus-within { border-color: var(--theme-color); background-color: #fff; outline: none; box-shadow: 0 0 0 3px rgba(49, 165, 231, 0.15); }
.floating-label { position: absolute; left: 50px; top: 15px; color: #888; font-size: 16px; pointer-events: none; transition: all 0.2s ease-out; background-color: transparent; padding: 0 5px; }
.form-input:focus + .floating-label,
.form-input:not(:placeholder-shown) + .floating-label { top: -10px; left: 45px; font-size: 12px; color: var(--theme-color); background-color: #ffffff; padding: 0 5px; border-radius: 3px; }
.form-input.has-value + .floating-label { top: -10px; left: 45px; font-size: 12px; color: var(--theme-color); background-color: #ffffff; padding: 0 5px; border-radius: 3px; }

.WdateDiv {}
/deep/.WdateDiv #dpTitle{background: none}

.el-input--mini.el-input--prefix.el-input--suffix.el-date-editor--date input,.el-input--mini.el-input--prefix.el-input--suffix.el-date-editor--datetime input{padding-left: 30px}
.el-date-editor.el-input--prefix.el-date-editor--time input.el-input__inner{padding-left: 40px}

.el-select-dropdown .el-scrollbar{padding-bottom:20px!important;}
/*大多数用于按钮*/
.center100{text-align: center;width: 100%}
/*解决el的下拉select框有横向滚动条*/
.el-select-dropdown__wrap,.el-scrollbar__wrap,.el-select-dropdown__wrap.el-scrollbar__wrap{overflow-x: hidden}




/*针对业务单的查询条件和详情的基本信息table 2025-08-26 出问题，把下面全部注释掉就行了  start------------*/

/*-------start 为啥要这么复杂，因为有一个情况：td里面有一个hidden的input，和可见的input，only-child就不适用了------*/
/*原生table*/
table.mjq-Wider tr td.td3_left > *:not(.Wdate):not([type="hidden"]):only-child {
    width: clamp(140px, 80%, 80%)!important;
}
/*el-table*/
.mjq-Wider .el-descriptions__table tr td > *:not(.Wdate):not([type="hidden"]):only-child{
    width: clamp(140px, 80%, 80%)!important;
}
/*针对有hidden的input*/
table.mjq-Wider tr td.td3_left > input[type="hidden"] + input[type="text"]:last-child {
    width: clamp(140px, 80%, 80%)!important;
}
    /*------- end------*/

/*table.mjq-Wider tr td.td3_left>.Wdate { width: min(110px, max(90px, 100%));}*/
table.mjq-Wider tr td.td3_left>.Wdate {width: clamp(86px, 40%, 40%)}
table.mjq-Wider tr td.td3_left>.el-date-editor{width: clamp(116px, 42%, 42%)}
 table.mjq-Wider select, table.mjq-Wider .Wdate{padding-left: 5px}

/* 单数 td（第 1、3、5、7... 列）宽度为 9% */
table.mjq-Wider tr td:nth-child(odd) {width: 7%;!important;}
.mjq-Wider .el-descriptions__table tr th{width: 7%;!important;}
/* 双数 td（第 2、4、6、8... 列）宽度为 15.5% */
table.mjq-Wider tr td:nth-child(even) {width: 18%;!important;}
.mjq-Wider .el-descriptions__table tr td{width: 18%;!important;}
/*-----------end--------------*/

#contentDiv table .weekDateDiv{background-color: var(--theme-light-color)}
.sortSpan {background-color:var(--theme-light-color); background: var(--theme-light-color);}
#trainTable tbody .td4_center{background-color:var(--theme-light-color)!important;}

/*二次美化B2B菜单栏，不喜欢就整段注释*/
.menu-header:has(+ li > ul.thirst_m[style*="display: block"]) { background: #fff!important;color: #000;margin-bottom:0!important;border-radius: 4px 4px 0 0;}
 li > ul.thirst_m[style*="display: block"] { background: #fff!important;}
 li > ul.thirst_m[style*="display: block"] li {color: #000!important;}
 li > ul.thirst_m[style*="display: block"] li a{color: #000!important;}
#main-content #content-left li:not(.menu-header) ul.thirst_m.none{padding:5px 15px 5px;margin: auto}
#main-content #content-left>ul{padding: 8px}
.menu-header{border-radius: 4px;}
#main-content #content-left{padding-top: 0!important;}
.menu-header:not(:first-child){margin-top: 10px}
.thirst_m.none{border-radius: 0 0 4px 4px}
#main-content #content-left li:not(.menu-header) ul.thirst_m.none li{background-color: var(--left-menu-bg-color)!important;margin-bottom: 10px}
#content-left ul li > ul.thirst_m[style*="display: block"] li a.selected{color: var(--theme-color)!important;background-color: var(--theme-lighter-color)!important;}
#main-content #content-left li:not(.menu-header) ul.thirst_m.none[style*="display: block"] li:has(a.selected){ background-color: var(--theme-lighter-color)!important; color:#000!important;}
#main-content #content-left .menu-header{box-shadow: none}
.menu-header:after{content:"\276F";font-weight: normal;font-size: 15px;float: right;transform: rotate(90deg);transition: transform 0.2s ease;}
.menu-header:has(+ li > ul.thirst_m[style*="display: block"]):after{transform: rotate(270deg)}