::-webkit-scrollbar{width: 1px !important;height: 1px !important;}
html{font-size: 62.5%;height:100%;overflow:hidden}
body{font-family:'PingFang SC','Microsoft YaHei','SimSun','Arial', sans-serif;height:100%;margin:0;padding:0;overflow:hidden}
input,select,textarea{-webkit-appearance:none;}
.plr5{padding: 0 5% !important;}
.plr2{padding: 0 2% !important;}
.pd{padding: 0 !important;}
.pd5{padding: 5% !important;}
.mtb10{margin:10% 0}
.blue078{color:#0787f6 !important;}
.fts4{font-size: 4vw !important;}
.fts5{font-size: 5vw !important;}
.pr2{padding-right: 2vw !important;}
.pr4{padding-right: 4vw !important;}
.user-wrapper input::-webkit-input-placeholder{color: #ccc;font-size: 3.2vw;}
.user-wrapper input::-moz-placeholder{color: #ccc;font-size: 3.2vw;}
.user-wrapper input:-ms-input-placeholder{color: #ccc;font-size: 3.2vw;}
.user-wrapper{background-color:#fff !important;height: 100%;}
.login-header{background:url('../../img/mobile-login-bg.png') no-repeat center center;width:100%;height:37.5vw;background-size: 100%;margin-bottom:13.3vw}
.login-header .header-top{height: 14vw;line-height: 14vw;padding: 0 2vw}
.login-header .header-top a{color:#fff;font-size: 6vw;}
.login-header .header-logo{text-align: center}
.login-header .header-logo img{width: 36vw}
.reg-header{color:#999;font-size: 3.5vw;height: 12vw;line-height: 12vw;text-align: right}
.reg-header a{color:#138df5;font-size: 3.5vw;}
.user-form-main{padding: 0 8.1vw}
.user-form-main .login-item .submit-btn{letter-spacing: 2vw;}
.user-form-main .form-go-item{text-align: center}
.user-form-main .form-go-item a{font-size: 3.5vw;text-align: center;color: #138df5;}
.user-form-item{height: 13.6vw;line-height:13.6vw;font-size:0;position: relative;margin-bottom: 1.5vw}
.user-form-item i.iconfont{margin-right: 4.1vw;font-size: 5vw;color:#138df5;vertical-align: top !important;}
.user-form-item input{border:none;width:calc(100% - 10vw);height: 13.6vw;line-height: 13.6vw;border-bottom:1px solid #e3e3e3;font-size: 3.5vw; vertical-align: top !important;}
.user-form-item input:focus{border-color:#138df5;caret-color: #138df5}
.user-form-item .verify-btn{position: absolute;top:2.8vw;right:0;width: auto;height: 8vw;line-height:8vw;border-radius: 4vw;text-align: center;font-size: 3vw; background-color: #f3f7ff;border:none;color:#138df5;padding: 0 2.8vw}
.slide-item{margin:0}
.user-form-item .slide-verify{overflow:hidden}
.user-form-item .slide-verify .fix-tips,.user-form-item .verify-msg{}
.user-form-item .dragProgress{}
/* 滑块验证圆角 */
.user-form-item .slide-verify, .user-form-item .slide-verify .drag-btn, .user-form-item .slide-verify .suc-drag-btn, .user-form-item .slide-verify .fix-tips, .user-form-item .slide-verify+.verify-msg{border-radius:14px!important}
.user-form-item .submit-btn{display:inline-block;background-color:#138df5;width:100%;height: 13.3vw;line-height:13.3vw;text-align: center;color:#fff; border-radius: 6.7vw;font-size: 4.5vw}
/*----------------------------------------公共----------------------------------------*/
.feeldesk-confirm .layui-layer-content{font-size: 4vw !important;color:#1e2e4d;padding: 8.74vw 0 !important; text-align: center !important;font-weight: 400}
.feeldesk-confirm .layui-layer-btn{padding: 0;}
.feeldesk-confirm .layui-layer-btn a{display: inline-block;width: calc(50%);font-size: 4vw;color:#0787f6;height: 10vw; line-height: 9.5vw;border:none;border-top: 1px solid #eee;margin: 0;padding: 0;}
.feeldesk-confirm .layui-layer-btn .layui-layer-btn0{width: calc(50% - 1px);border-right: 1px solid #eee; background-color: #fff;border-bottom-left-radius: 10px}
.feeldesk-confirm .layui-layer-btn .layui-layer-btn1{background-color: #fff;border-bottom-right-radius: 10px}
.feeldesk{width: 100%;height: 100%;overflow:hidden;background-color:#fff}
.feeldesk header{line-height: 13vw;height: 13vw;color:#fff;box-shadow: 0 0 10px rgba(0,0,0,.1); background: -webkit-linear-gradient(left, #03b0fb , #0a60f1); /* Safari 5.1 - 6.0 */ background: -o-linear-gradient(right, #03b0fb , #0a60f1); /* Opera 11.1 - 12.0 */ background: -moz-linear-gradient(right, #03b0fb , #0a60f1); /* Firefox 3.6 - 15 */ background: linear-gradient(to right, #03b0fb , #0a60f1); /* 标准的语法 */}
.feeldesk header .header-tab{height: 100%}
.feeldesk header .header-tab .tab{display:inline-block;width: calc((100% - 0px) / 3);height:100%;text-align: center;}
.feeldesk header .header-tab .tab a{display:inline-block;width: 100%;font-size: 4.5vw;color:#a0d6ff}
.feeldesk header .header-one-tab .tab{width: calc(100%);}
.feeldesk header .header-two-tab .tab{width: calc((100% - 0px) / 2);}
.feeldesk header .header-tab div.tab-this a{color:#fff;font-size:5vw;font-weight: bold;}
.feeldesk .menu-header{padding: 0 3%; position: relative; height: 100%; display: flex; align-items: center;}
.feeldesk .menu-header .header-left{position: absolute;left: 3%;font-size: 4vw;color:#fff; top: 50%; transform: translateY(-50%);}
.feeldesk .menu-header a.back{font-size: 5vw;color:#fff; position: absolute; left: 3%; top: 50%; transform: translateY(-50%);}
.feeldesk .menu-header div.header-title{display: block;text-align: center;width: 100%;color:#fafafa;font-size: 4vw;font-weight:bold}
.feeldesk .menu-header .header-right{color:#fff;font-size: 4vw; position: absolute; right: 3%; top: 50%; transform: translateY(-50%);}
.feeldesk .menu-header #searchToggle{position:absolute;right:2vw;font-size:5vw;color:#fff;}
.feeldesk .ticket-main .search-box{display:none;padding:12px 15px;background:#f5f7fa;margin-bottom:0;}
/* 工单列表页面 - 标题居中显示 */
.ticket-page .menu-header{display: flex; align-items: center; justify-content: space-between; position: relative;}
.ticket-page .menu-header div.header-title{text-align: center; width: 100%; position: absolute; left: 0; top: 50%; transform: translateY(-50%); z-index: 1;}
.ticket-page .menu-header .header-left-placeholder{width: 12vw; flex-shrink: 0;}
.ticket-page .menu-header #searchToggle{position: relative; right: auto; z-index: 2; flex-shrink: 0; margin-left: auto;}
.ticket-page .menu-header .icon-create{position: relative; right: auto; z-index: 2; flex-shrink: 0; margin-left: 2vw;}
.feeldesk .ticket-main .search-box .search-input-wrap{display:flex;align-items:center;background:#fff;border-radius:20px;padding:8px 15px;border:1px solid #ddd;height:40px;}
.feeldesk .ticket-main .search-box .search-input-wrap i{color:#999;margin-right:8px;font-size:16px;flex-shrink:0;}
.feeldesk .ticket-main .search-box .search-input-wrap input{flex:1;border:none;outline:none;font-size:14px;background:transparent;line-height:22px;height:22px;}
.feeldesk .ticket-main .search-box .search-input-wrap .search-clear{color:#999;font-size:18px;display:none;padding-left:8px;flex-shrink:0;line-height:1;}
.feeldesk-main{padding: 0 5%;height: calc(100% - 28vw);overflow-x: hidden;overflow-y: auto;-webkit-overflow-scrolling: touch;}
/* 搜索框展开时的工单列表间距控制 */
.feeldesk-main.search-box-open #ticketItem .feeldesk-list:first-child{margin-top:0;}
.no-footer-main{height: calc(100% - 13vw);}
/* 底部导航 */
.feeldesk-footer{position: fixed;bottom:0;width:100%;background-color: #fff;z-index: 2;box-shadow: 0 -2px 10px rgba(0,0,0,0.05);}
.feeldesk-footer{position: fixed;bottom:0;width:100%;background-color: #fff;z-index: 2;box-shadow: 0 -3px 15px rgba(0,0,0,0.08);border-top: 1px solid #e0e0e0;}
.feeldesk-footer .footer-nav{font-size: 0;border-top: none;display: flex;justify-content: space-around;align-items: center;padding: 0;margin: 0;list-style: none;height: 65px;background: linear-gradient(180deg, #ffffff 0%, #fafafa 100%);}
.feeldesk-footer .footer-nav li{display: inline-block;width: 25%;line-height: normal;vertical-align: middle;flex: 1;position: relative;}
.feeldesk-footer .footer-nav li a{display: flex;flex-direction: column;align-items: center;justify-content: center;width: 100%;text-align: center;color:#666;padding:5px 0;line-height: normal;text-decoration: none;position: relative;}
.feeldesk-footer .footer-nav li a .iconfont, .feeldesk-footer .footer-nav li a i:not(.ti){font-size: 6vw;padding-top:2%;color:#999;font-family: "iconfont" !important;font-style: normal;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;transition: all 0.2s ease;}
.feeldesk-footer .footer-nav li a i.ti{font-size: 26px;padding-top:0;}
.feeldesk-footer .footer-nav li a p{font-size: 3.5vw;margin: 4px 0 0 0;}
.feeldesk-footer .footer-nav li a.active, .feeldesk-footer .footer-nav li a.active i{color:#0787f6;}
.feeldesk-footer .footer-nav li a:active{opacity: 0.6;}
.feeldesk-footer .footer-nav li a:active .iconfont, .feeldesk-footer .footer-nav li a:active i{transform: scale(0.92);}
/* 浮标 */
.buoy-shade{position: fixed;top:0;left:0;width: 100%;height: 100%;z-index: 1; -moz-backdrop-filter: blur(8px);-webkit-backdrop-filter: blur(8px);-o-backdrop-filter: blur(8px);-ms-backdrop-filter: blur(8px);backdrop-filter: blur(8px); -moz-filter: blur(8px);-webkit-filter: blur(8px);-o-filter: blur(8px);-ms-filter: blur(8px);filter: blur(8px); background: rgba(255, 255, 255, 0.1);}
.feeldesk-buoy{position: fixed;right: 3%;width: 15%;bottom: 18.5%;z-index: 2}
.feeldesk-buoy a{position:relative;display: inline-block;width: 100%;height: 100%;margin-top: 15%;}
.feeldesk-buoy a span{display: inline-block;position: absolute;top: calc(50% - 3vw);right: 17vw;font-size: 3.5vw;color: #999;min-width: 100%;text-align: right;white-space:nowrap}
.transfer45{-webkit-transform: rotate(45deg);transition:transform .5s}
.transfer0{-webkit-transform: rotate(0deg);transition:transform .5s}
/* 首页 —— 数据图表 */
.index-analysis{width: 100%;height:30%;margin: 5% 0;box-shadow: 0 0 10px rgba(0, 0, 0, .1);border-radius: 5px;}
.index-analysis .container{width: 100%;height: 100%;background-color: #fff}
.highcharts-container{border-radius: 5px}
.highcharts-point{width: 10px;height: 10px;x:0;y:6;rx:10px;ry:10px}
/* 首页 —— 工单菜单 */
.feeldesk-ticket-item{font-family:'PingFang SC','Microsoft YaHei','SimSun','Arial', sans-serif}
.feeldesk-ticket-item ul{font-size: 0}
.feeldesk-ticket-item ul li{display: inline-block;width:100%;margin-top: 4.5vw;background-color: #fff;border-radius: 3px;text-align: left;box-shadow: 0 0 10px rgba(0, 0, 0, .1);}
.feeldesk-ticket-item ul li:first-child{margin-top: 10px}
.feeldesk-ticket-item ul li:last-child{margin-bottom: 20px}
.feeldesk-ticket-item ul li a{display: inline-block;padding:0 5%;width: 100%;color:#69758d;font-size: 3.5vw;border-radius: 3px;line-height:13vw;}
.feeldesk-ticket-item ul li a i.iconfont{font-size: 5vw;color:#697492;margin-right: 5px}
.feeldesk-ticket-item ul li a span{font-weight: bold;vertical-align:middle}
.feeldesk-ticket-item ul li a span.fr{color:#0787f6;font-size: 4vw;font-weight: bold}
.feeldesk-item .layui-flow-more a cite{background-color: transparent}
/* 工单 —— 列表 */
.feeldesk-list{position:relative;display:inline-block;width:100%;height:auto;min-height:20vw;background-color: #fff;margin-top: 0;margin-bottom: 15px;border-radius: 5px; box-shadow: 0 0 10px rgba(0,0,0,.1);overflow-x: hidden;}
#ticketItem{padding-top: 15px;}
#ticketItem .feeldesk-list{margin-bottom: 15px;}
.feeldesk-list>a{display: inline-block;width: 100%;padding: 0 3%;position: absolute;right: 0;}
.feeldesk-list-left{float: left;padding: 3vw 0 2.5vw 0;width: 70%}
.feeldesk-list-left .ticket-title{font-size: 3.5vw;color:#48507d;margin-bottom: 2vw;}
.feeldesk-list-left .ticket-title span{display: inline-block;width: 1.5vw;height: 1.5vw;border-radius: 100%;margin-right: 1vw;vertical-align: middle}
.feeldesk-list-left .ticket-title span.ticket-unread{background-color: #FF7A00}
.feeldesk-list-left .ticket-title span.ticket-read{background-color: #20ccce}
.feeldesk-list-left .ticket-publisher{font-size: 3.5vw;color:#9ba3b6}
.feeldesk-list-left .ticket-publisher span.ticket-unread{display: inline-block;width: 2vw;height: 2vw;border-radius: 100%;margin-right: 1vw;vertical-align: middle;background-color: #FF7A00}
.feeldesk-list-left .ticket-publisher span.ticket-read{display: inline-block;width: 2vw;height: 2vw;border-radius: 100%;margin-right: 1vw;vertical-align: middle;background-color: #20ccce}
.feeldesk-list-right{float: right;}
.feeldesk-list-right span{display: inline-block;min-width: 18vw;height:9vw;line-height: 9vw;margin: 5vw 0;font-size:14px;font-weight:500;border-radius: 3px; background-color: #e4eaff;color:#4173d2;text-align: center;}
.feeldesk-list .ticket-delete{display: inline-block;position: absolute;right:-20vw;width: 18vw;height: 18vw;line-height:18vw;text-align: center;color:#fff; background-color:#f83962;border-top-right-radius: 5px;border-bottom-right-radius: 5px;box-shadow: 0 0 10px 2px rgba(0,0,0,.2);}
.feeldesk-list .ticket-delete a{font-size: 5vw;color:#fff;display: inline-block;width: 100%;height: 100%}
/* 工单模板选择页面样式 */
#template{padding: 3vw 0; background-color: #ffffff !important;}
.feeldesk-main #template{background-color: #ffffff !important;}
#template .template-type-item{background-color: #ffffff !important; border-radius: 8px !important; margin-bottom: 16px !important; overflow: hidden !important; border: 1px solid #e0e8f0 !important; box-shadow: 0 2px 6px rgba(7, 135, 246, 0.05) !important; margin-left: 3vw !important; margin-right: 3vw !important;}
#template .template-type-name{color: #2d3748 !important; font-size: 3.5vw !important; font-weight: 500 !important; padding: 3.5vw 4.5vw !important; position: relative !important; cursor: pointer !important; display: flex !important; align-items: center !important; justify-content: space-between !important; user-select: none !important; transition: all 0.2s ease !important; background: #ffffff !important; border-bottom: 1px dashed #e0e8f0 !important;}
#template .template-type-name.collapsed{border-bottom: none !important;}
#template .template-type-name:hover{background-color: #f0f7ff !important;}
#template .template-type-name::before{content: '' !important; width: 4px !important; height: 18px !important; background: #0787f6 !important; border-radius: 2px !important; margin-right: 12px !important; flex-shrink: 0 !important; display: inline-block !important;}
#template .template-type-name .title-text{flex: 1 !important;}
#template .template-type-name .toggle-icon{font-size: 3.2vw !important; color: #0787f6 !important; font-weight: 400 !important; line-height: 1 !important; display: flex !important; align-items: center !important; justify-content: center !important;}
#template .template-type-name .toggle-icon.iconfont{font-size: 3.2vw !important; width: auto !important; height: auto !important;}
#template .template-item{list-style: none !important; padding: 3vw !important; background: #ffffff !important; margin: 0 !important;}
#template .template-item li{margin-bottom: 0 !important; list-style: none !important; padding: 0 !important; width: 33.333% !important; float: left !important; box-sizing: border-box !important; padding: 0 1.25vw !important;}
#template .template-item::after{content: '' !important; display: table !important; clear: both !important;}
#template .template-item li{margin-bottom: 2.5vw !important;}
#template .template-item a{background: #f0f7ff !important; color: #69758f !important; padding: 3vw 1.5vw !important; border-radius: 6px !important; text-align: center !important; font-size: 3vw !important; font-weight: 400 !important; transition: all 0.2s ease !important; border: 1px solid #e0e8f0 !important; overflow: hidden !important; text-overflow: ellipsis !important; white-space: nowrap !important; display: block !important; text-decoration: none !important; line-height: 1.2 !important;}
#template .template-item a:hover, #template .template-item a:active{background: #0787f6 !important; color: #fff !important; border-color: #0787f6 !important; transform: scale(0.98) !important;}
/* 工单 —— 工单详情 */
.ticket-detail{background-color: #fff;overflow:hidden;display:flex;flex-direction:column;height:100%}
.ticket-detail header{height: auto;flex-shrink:0}
.ticket-detail header .menu-header{background: -webkit-linear-gradient(left, #03b0fb , #0a60f1); /* Safari 5.1 - 6.0 */ background: -o-linear-gradient(right, #03b0fb , #0a60f1); /* Opera 11.1 - 12.0 */ background: -moz-linear-gradient(right, #03b0fb , #0a60f1); /* Firefox 3.6 - 15 */ background: linear-gradient(to right, #03b0fb , #0a60f1); /* 标准的语法 */}
.ticket-detail header i.icon-menu{font-size: 6vw}
.ticket-detail header .header-menu{display:none;position:absolute;top:10vw;right:1vw;z-index:2;background-color: #fff;border-radius: 7px;line-height: 12vw; box-shadow:0 3px 6px rgba(0, 0, 0, .1);}
.ticket-detail header .header-menu b.menu-mark{position: absolute;top: -2vw;right: 3vw;width: 0;height: 0;border-width: 0 3vw 3vw;border-style: solid; border-color: transparent transparent #fff;}
.ticket-detail header .header-menu i{color:#6c6d6e;font-size: 4vw;padding:0 2vw 0 3vw;}
.ticket-detail header .header-menu span{display: inline-block;border-top: 1px solid #eee;padding-right: 4vw;text-align: left;color:#333;}
.ticket-detail header .header-menu>div.current{background-color: #f8f8f8}
.ticket-detail header .header-menu>div:nth-child(2){border-top-left-radius: 7px;border-top-right-radius: 7px}
.ticket-detail header .header-menu>div:nth-child(2).current{border-top-left-radius: 7px;border-top-right-radius: 7px}
.ticket-detail header .header-menu>div:last-child.current{border-bottom-left-radius: 7px;border-bottom-right-radius: 7px}
.ticket-detail header .header-menu>div:nth-child(2) span{border-top: none}
.ticket-detail .ticket-main::-webkit-scrollbar{width: 0 !important;height: 0 !important;display:none}
/* 工单详情主内容区 - 使用flex布局让选项卡固定、内容区滚动 */
.ticket-detail .ticket-main{display:flex;flex-direction:column;flex:1;overflow:hidden;height:0;min-height:0}
/* 选项卡固定不滚动 */
.ticket-detail .detail-tab{flex-shrink:0}
/* 参与人区域固定不滚动 */
.ticket-detail .ticket-participant{flex-shrink:0}
/* 工单详情主内容区 - 隐藏滚动条 + 自动填充 + 内部滚动 */
.ticket-detail .ticket-detail-main::-webkit-scrollbar{width: 0 !important;height: 0 !important;display:none}
.ticket-detail .ticket-detail-main{-ms-overflow-style:none;scrollbar-width:none;flex:1;overflow-y:auto;overflow-x:hidden;min-height:0;padding: 2vw;background-color: #fff;position: relative;box-sizing:border-box;-webkit-overflow-scrolling:touch}
.ticket-detail .publish-info{padding: 0 10% 5% 10%;text-align: center;position: relative; background: -webkit-linear-gradient(left, #03b0fb , #0a60f1); /* Safari 5.1 - 6.0 */ background: -o-linear-gradient(right, #03b0fb , #0a60f1); /* Opera 11.1 - 12.0 */ background: -moz-linear-gradient(right, #03b0fb , #0a60f1); /* Firefox 3.6 - 15 */ background: linear-gradient(to right, #03b0fb , #0a60f1); /* 标准的语法 */}
.ticket-detail .publish-info>div{display: inline-block;vertical-align: middle;line-height: normal;}
.ticket-detail .publish-info .publish-title{color:#fff;font-size: 3.5vw;margin-top: 1vw}
.ticket-detail .publish-info i{color:#fff;font-size: 7vw}
.ticket-detail .publish-info .publish-center{margin: 0 20%;}
.ticket-detail .publish-info .publish-center .publish-face{width: 20vw;height: 20vw;border-radius: 100%;background-color: #fff;padding: 4%;}
.ticket-detail .publish-info .publish-center .publish-face img{width: 100%;border-radius: 100%;}
.ticket-detail .publish-info .publish-center .publish-name{color:#fff;font-size: 4vw;margin-top: 3vw}
/* 工单列表 - 状态筛选标签 */
.detail-tab{height: auto;line-height: normal;padding: 10px 0;background: linear-gradient(135deg,#f0f7ff 0%,#e8f2ff 100%);overflow-x: auto;overflow-y: hidden; -webkit-overflow-scrolling: touch;width: 100%;box-sizing: border-box;position: relative;border-bottom: 1px solid #dce8f5}
.detail-tab ul{display: flex;flex-wrap: nowrap;height: auto;width: max-content;margin: 0;padding: 0 15px;white-space: nowrap; box-sizing: border-box}
.detail-tab li{width: calc((100vw - 66px) / 4);min-width: calc((100vw - 66px) / 4);max-width: calc((100vw - 66px) / 4); padding: 8px 4px;font-size: 3.5vw;border-radius: 4px;color:#6a7384;cursor: pointer;flex-shrink: 0; flex-grow: 0;margin: 0 6px;text-align: center;box-sizing: border-box;overflow: hidden;text-overflow: ellipsis;list-style: none; display: flex;align-items:center;justify-content:center;border: 1.5px solid transparent;transition:all .28s ease;font-weight: normal;position:relative;line-height:1.4}
.detail-tab li:first-child{margin-left: 0;}
.detail-tab li:last-child{margin-right: 0;}
/* 底部指示条（颜色通过CSS变量 --btn-color 跟随按钮背景色） */
.detail-tab li::before{content:'';position:absolute;bottom:-1px;left:50%;transform:translateX(-50%);width:0;height:3px; background:var(--btn-color,transparent);border-radius:2px;transition:width .28s ease}
/* 未选中态：透明背景，只显示文字 */
.detail-tab li:not(.current){background-color:transparent;background-image:none;color:#6a7384; box-shadow:none;transform:none;border-color:transparent}
.detail-tab li:not(.current)::before{width:0}
/* 选中态：阴影+上浮+底部高亮条展开 */
.detail-tab li.current{color:#fff;font-weight:600;box-shadow:0 3px 12px rgba(64,158,255,.35); border-color:rgba(255,255,255,.25);transform:translateY(-1px)}
.detail-tab li.current::before{width:55%}
.detail-two-tab li{flex: 0 0 calc(50% - 5px);}
/* 工单详情 —— 回复列表 */
.reply-item .reply-date{padding: 2% 0;text-align: center;color:#999;font-size: 3.5vw}
.reply-item .reply-info .reply-info-left{float: left;width: 7vw;margin-right: 2vw}
.reply-item .reply-info .reply-info-left img{width: 7vw;height: 7vw;border-radius: 100%;}
.reply-item .reply-info .reply-info-right{float: right;width: calc(100% - 10vw)}
.reply-item .reply-info .reply-info-right .member-name{font-size: 3.5vw;color:#0787f6;padding: 1vw 0 2vw 0}
.reply-item .reply-info .reply-info-right .reply-content{font-size: 3.5vw;color:#333;line-height:25px}
.reply-item .reply-info .reply-info-right .reply-content span.cc-member-name{color:#2769AA;}
.reply-item .reply-info .reply-info-right .reply-content .atwho-inserted>span>span{vertical-align: top !important;}
.reply-item .reply-info .reply-info-right .reply-content img{border-radius: 10px;max-width:240px !important;width:auto !important;height:auto !important;display:block !important;margin-top: 2vw;}
.ticket-textarea .ticket-textarea-content img{max-width:240px !important;width:auto !important;height:auto !important;display:block !important;margin-top:2vw;border-radius:5px;}
.ticket-form .detail-item img{max-width:240px !important;width:auto !important;height:auto !important;display:block !important;}
.reply-item .reply-attach{border:1px dashed #e3e9ed;border-radius: 10px;font-size: 3vw;line-height: 25px;padding: 2%;margin-top: 2vw}
.reply-item .reply-attach .attach-item{line-height: 7.5vw;color: #69758d;font-size: 3vw;}
.reply-item .reply-attach .attach-item span{color: #c3cbd8;vertical-align: middle;}
.reply-item .reply-attach .attach-item a{color: #03b0fb;font-size: 4vw;float: right}
.reply-item .reply-time{position: relative;padding: 3% 0 6% 0}
.reply-item .reply-time>span{color:#999;font-size: 3.5vw;}
.reply-item .reply-time>a{position:absolute;right:0;color:#9ba3b6;font-size: 3.5vw;}
/* 参与人 */
.ticket-participant{display:none;background-color: #fff;padding: 2vw 4vw;width: 100%;overflow-y: hidden;white-space: nowrap;border-bottom:1px solid #eee}
.ticket-participant a{display:inline-block;margin-right: 3vw;color:#0787f6}
.ticket-participant img{width: 7vw;height: 7vw;border-radius: 100%;}
.ticket-participant a span{font-size:3.5vw}
/* 工单详情 - 流程页（完成确认 / 满意度） */
html.ticket-detail-flow, html.ticket-detail-flow body{width:100%;height:100%;min-height:100%;margin:0;padding:0;overflow:hidden}
html.ticket-detail-flow body{position:fixed;top:0;right:0;bottom:0;left:0}
html.ticket-detail-flow #formWrapper,html.ticket-detail-flow #detailMenu,html.ticket-detail-flow .ticket-main,html.ticket-detail-flow .ticket-participant,html.ticket-detail-flow .detail-footer{display:none !important}
html.ticket-detail-flow #confirmWrapper,html.ticket-detail-flow #satisfyPageWrapper{position:absolute !important;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;width:100vw !important;height:auto !important;min-width:100vw;overflow:hidden !important;background:#fff;box-sizing:border-box;z-index:1}
html.ticket-detail-flow #confirmWrapper header,html.ticket-detail-flow #satisfyPageWrapper header{flex:0 0 auto;position:relative;z-index:1;width:100%}
html.ticket-detail-flow .ticket-flow-main{flex:1 1 auto;height:0;min-height:0;max-height:none;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;padding:0 2vw 20px;box-sizing:border-box;width:100%}
html.ticket-detail-flow .ticket-flow-main{padding-bottom:20px}
html.ticket-detail-flow #satisfyPageWrapper .ticket-satisfy{padding:0;border-top:none}
html.ticket-detail-flow #satisfyPageWrapper .ticket-satisfy textarea{display:block;width:100%;box-sizing:border-box;border:1px solid #eee;height:36vw;padding:3vw;margin-top:5vw;color:#69758f;background-color:#f7f8f9;resize:none;line-height:1.5;font-size:3.5vw;outline:none}
html.ticket-detail-flow #satisfyPageWrapper .ticket-satisfy textarea:focus{border-color:#0787f6;background-color:#fff}
/* 回复评论列表 */
.comment-main{background-color: #fafafa;padding: 2%;border-radius: 5px;margin-top: 2vw;}
.comment-main .comment-item,.comment-main .comment-total{padding: 2% 0;font-size: 3.5vw;color:#48507d;}
.comment-main .comment-item .comment-content{color:#333}
/* 工单详情 —— 底部 */
.detail-footer{position: fixed;width:100%;bottom:65px;padding: 0 2vw;background: linear-gradient(135deg,#f0f7ff 0%,#e8f2ff 100%);z-index: 3;left:0;box-sizing:border-box; opacity:1;visibility:visible;transition:opacity 0.25s ease,visibility 0.25s ease}
.detail-footer.hidden-footer{opacity:0;visibility:hidden;pointer-events:none}
.detail-footer .reply-input{padding: 2vw 0;position: relative}
.detail-footer .reply-input>div{border:none;border-radius: 3px;background-color: #fff;min-height: 9vw;line-height: 9vw;width: 100%; padding: 0 2vw;outline: none;font-size:3.5vw}
.detail-footer .reply-input>textarea{border:1px solid #bdbdbd;border-radius: 8px;background-color: #fff;min-height:9vw;max-height:15vh;width:100%;padding:2vw; outline:none;resize:none;font-size:3.5vw;overflow-y:auto;line-height:6vw;box-sizing:border-box;transition:border-color 0.2s ease}
/*.detail-footer .reply-input>span.cc-item{position: absolute;;top: 4vw;left: 1vw;height: 5vw;}*/
.detail-footer .reply-input>div:focus{caret-color:#0787f6;}
.detail-footer .reply-input>textarea:focus{border:1px solid #0787f6;caret-color:#0787f6;}
/* textarea 占位符样式 */
.detail-footer .reply-input>textarea::placeholder{color:#bdbdbd;}
.detail-footer .reply-input>textarea::-webkit-input-placeholder{color:#bdbdbd;}
.detail-footer .reply-input>textarea::-moz-placeholder{color:#bdbdbd;}
.detail-footer .reply-input>textarea:-ms-input-placeholder{color:#bdbdbd;}
/* contenteditable占位符样式 */
.detail-footer .reply-input>div[data-placeholder]:empty:before{content: attr(data-placeholder); color: #bdbdbd; pointer-events: none;}
.detail-footer .reply-footer{padding: 2vw 0;position: relative}
.detail-footer .reply-footer a.reply-upload,.detail-footer .reply-footer a.reply-cc{display:inline-block;margin-right: 10vw}
.detail-footer .reply-footer a i.iconfont{font-size: 6vw;color:#6c6d6e}
.detail-footer .reply-footer .submit-reply{position: absolute;right: 0;color:#fff;border-radius: 3px;text-align: center;font-size: 3.5vw;min-width: 16vw;height: 7vw;line-height: 7vw; background: -webkit-linear-gradient(left, #03b0fb , #0a60f1); /* Safari 5.1 - 6.0 */ background: -o-linear-gradient(right, #03b0fb , #0a60f1); /* Opera 11.1 - 12.0 */ background: -moz-linear-gradient(right, #03b0fb , #0a60f1); /* Firefox 3.6 - 15 */ background: linear-gradient(to right, #03b0fb , #0a60f1); /* 标准的语法 */}
.detail-no-data{width: 100%;text-align: center;padding: 20vw 0;color:#999 !important;}
.detail-no-data img{width: 25vw}
/* 工单详情 —— 弹窗 */
.detail-shade{position: fixed;top: 0;left:0;width: 100%;height: 100%;background-color: rgba(0,0,0,.3);z-index: 100;display: none}
.detail-window{position:fixed;top:calc(50% - 17vw);left:calc(50% - 33vw);z-index:101;width: 65vw;height:34vw;margin: 0 auto; background-color: #fff;border-radius:10px;text-align: center;display: none}
.detail-window .window-name{font-size: 4.5vw;padding: 4vw 0;color: #333}
.detail-window .window-content{font-size: 4vw;color: #666}
.window-footer{position:absolute;width:100%;bottom:1px}
.window-footer a{display: inline-block;width: calc(50%);font-size: 4vw;color:#0787f6;border-top: 1px solid #eee;height: 10vw;line-height: 9.5vw;}
.window-footer a:first-child{width: calc(50% - 1px);border-right: 1px solid #eee;}
.window-footer a:last-child{font-weight:bold}
/* 工单 —— 详情 */
.detail-info-main{background-color: #fff;padding: 2vw}
.detail-info{padding: 0 2vw}
.detail-info .ticket-title{font-size: 4vw;color:#1e2e4d;padding: 2vw 0 4vw 0;font-weight: bold}
.time-status-priority{font-size: 0;padding-bottom: 4vw}
.time-status-priority .publish-time{display: inline-block;color: #9ba3b6;font-size: 3.5vw;vertical-align: middle;width: 55%;height:26px;line-height: 26px}
.time-status-priority .publish-time i{margin-right: 2%;vertical-align: top !important;}
.time-status-priority .status-priority{display: inline-block;float:right;vertical-align: middle;width: 45%;text-align: right;white-space: nowrap;}
.time-status-priority .status-priority span{display:inline-block;border-radius: 3px;padding: 0 1vw;height: 26px;line-height: 24px;text-align: center}
.time-status-priority .status-priority span.ticket-read-state{font-size:3vw;border:1px solid #6c6fbf;padding:0 2vw;vertical-align: middle;}
.time-status-priority .status-priority span.ticket-unread{color:#FF7A00;border-color:#FF7A00}
.time-status-priority .status-priority span.ticket-read{color:#20ccce;border-color:#20ccce}
.time-status-priority .status-priority .audit-process{display: inline-block;font-size:3vw;border:1px solid #2c6ee5;border-radius: 3px; height: 26px;line-height: 24px;vertical-align: middle;padding: 0 2vw;margin-left: 4vw;color:#2c6ee5}
.time-status-priority .status-priority .audit-process i{margin-top: -1vw}
/* 工单详情 —— 多文本 */
.ticket-textarea{border-top:1px solid #eee;padding: 0 2vw 2vw 2vw;}
.ticket-textarea .ticket-textarea-title{color: #6c6fbf;font-size: 4vw;line-height: 10vw}
.ticket-textarea .ticket-form-textarea{color: #333;font-size: 3.5vw;line-height: 6vw;}
.sub-detail-main{padding: 1vw 2vw !important;}
.sub-detail-main .ticket-title{font-size: 4vw}
.sub-detail-main .ticket-textarea{padding:2vw 2vw;border-bottom:1px solid #e3e9ed}
.sub-detail-main .ticket-textarea .no-data{padding:4vw;text-align: center;color:#999}
.sub-detail-main .ticket-image{border:none;}
.sub-detail-main .ticket-detail-item:last-child{border-bottom: none}
/* 工单详情 —— 表单 */
.ticket-form{border-top:1px solid #eee;}
.ticket-form-icon{height: 12vw;line-height: 12vw;border-bottom: 1px solid #eee;padding: 0 2vw;font-size: 4vw;}
.ticket-form-icon i{color:#48057d;font-size: 4.5vw;margin-top: -1px}
.ticket-form-icon span{color:#333;font-size: 3.5vw;}
.ticket-form-item{line-height: 7.5vw;color:#333;font-size: 3.5vw}
.ticket-form .ticket-detail-item:last-child{border:none}
/* 工单详情 —— 附件 */
.ticket-attach{border-top:1px solid #eee;}
.ticket-attach .attach-item{line-height: 7.5vw;color:#69758d;font-size:3.3vw;padding: 5px 2vw}
.ticket-attach .attach-item span{color:#c3cbd8;vertical-align: middle;}
.ticket-attach .attach-item a{color:#03b0fb}
/* 工单详情 —— 关联工单列表 */
.ticket-associate{border-top:1px solid #eee;}
.ticket-associate .associate-item{line-height: 7.5vw;color:#69758d;font-size:3.3vw;padding: 5px 2vw}
.ticket-associate .associate-item a{color:#69758d;}
/* 工单详情 —— 子工单列表 */
.sub-ticket{border-top:1px solid #eee;}
.sub-ticket .sub-ticket-item{line-height: 7.5vw;color:#69758d;font-size:3.3vw;padding: 5px 2vw}
.sub-ticket .sub-ticket-item .sub-ticket-status{vertical-align: middle;}
.sub-ticket .sub-ticket-item span.split{display:inline-block;width: 1px;height:3.5vw;margin: 0 3px;background-color: #e3e9ed;vertical-align: middle}
.sub-ticket .sub-ticket-item a{color:#69758d;}
.sub-ticket .sub-ticket-item a.sub-ticket-title{vertical-align: middle;}
.sub-ticket .add-ticket-item{color:#03b0fb;text-align: center;border-top: 1px dotted #e3e9ed;}
.sub-ticket .add-ticket-item i{margin-right: 5px;font-size: 14px;margin-top: 1px}
.sub-ticket .sub-ticket-btn.icon-xiugai{margin-right: 5px;font-size: 3.5vw;}
.sub-ticket .sub-ticket-form input{border: 1px solid #e3e9ed;border-radius: 3px;height: 28px;line-height: 28px;padding: 0 3vw;font-size: 3vw;margin-right: 10px; width: 78%;}
.sub-ticket .sub-ticket-form input:focus{border-color:#03b0fb}
.sub-ticket .sub-ticket-form a:nth-child(2){margin-right: 5px;}
/* 工单详情 —— 图片列表 */
.ticket-image{border-top:1px solid #eee;padding: 0 2vw 5vw 2vw;font-size: 0}
.ticket-image .image-item{display: inline-block;margin-right: 5vw;width: calc(50% - 2.5vw);height:26vw;border-radius: 10px;margin-top: 5vw;}
.ticket-image .image-item img{width: 100%;height:100%;border-radius: 10px;}
/* 工单详情 —— 满意度 */
.ticket-satisfy{border-top:1px solid #eee;padding: 0 2vw 2vw 2vw;}
.ticket-satisfy .satisfy-header{line-height: 11vw;}
.ticket-satisfy .ticket-satisfy-content span{vertical-align: middle;font-size: 3vw;margin-right: 5px}
.ticket-satisfy .ticket-satisfy-content .layui-rate li i.layui-icon{font-size:4vw}
.ticket-satisfy .ticket-satisfy-label{padding: 10px 0}
.ticket-satisfy .ticket-satisfy-label li.label-item{display: inline-block;margin-right: 5px;border:1px solid #e3e9ed;height: 25px;line-height: 25px;padding: 0 10px; font-size: 3vw;color:#666;margin-bottom: 5px}
.ticket-satisfy .ticket-advise{line-height: 8vw;color:#333;font-size: 3.5vw}
/* 工单详情 —— 相关信息 */
.ticket-detail-item{height: 12vw;line-height: 12vw;border-bottom: 1px solid #eee;padding: 0 2vw;font-size: 4vw;display:flex;align-items:center;position:relative;box-sizing:border-box}
.ticket-detail-item>span{color:#333;font-size: 3.5vw;flex-shrink:0;white-space:nowrap}
.ticket-detail-item div.detail-item{display:inline-block;color:#737e95;overflow-x: hidden;white-space: nowrap;font-size: 3.5vw;text-align:right;flex:1;margin-left:2vw}
.ticket-detail-item i.item-icon{color:#48507d;font-size: 5vw;flex-shrink:0;margin-right:1.5vw}
.ticket-detail-item i.icon-back-right{color:#737e95}
.ticket-detail-item .feeldesk-edge{display:inline-block;margin-left:1.5vw;border-width: 4px;border-top-color: #737e95;border-top-style: solid;border-right-color: transparent;border-bottom-color: transparent;border-left-color: transparent;border-style: solid;vertical-align:middle; transition: all .3s;-webkit-transition: all .3s}
.ticket-detail-item .select-operated .feeldesk-edge{-webkit-transform: rotate(180deg);transform: rotate(180deg);}
.ticket-detail-item .select-operate .feeldesk-edge-right{display:inline-block;margin-left:1.5vw;border-width: 4px;border-left-color: #737e95;vertical-align:middle;}
.ticket-detail-item .ticket-audit, .ticket-detail-item .transfer-ticket, .ticket-detail-item .assign-ticket, .ticket-detail-item .assign-ticket.mr0, .ticket-detail-item .transfer-ticket.mr0{display:flex;align-items:center;justify-content:flex-end;color:#0787f6!important;flex:1;text-align: right;font-size: 3.5vw;height: 12vw;margin-left:2vw;position:relative;overflow:visible;white-space:nowrap;box-sizing:border-box}
.ticket-detail-item .inside-status, .ticket-detail-item .ticket-priority{display:flex;align-items:center;justify-content:flex-end;flex:1;text-align: right;font-size: 3.5vw;height: 12vw;margin-left:2vw;position:relative;overflow:visible;white-space:nowrap;box-sizing:border-box}
.ticket-detail-item .select-operate{padding-right:0}
.ticket-detail-item .ticket-audit i.icon-no-audit{color:#ffb517;font-size: 3.6vw;margin-right: 1.5vw;margin-top:-1px;vertical-align:middle;}
.ticket-detail-item .ticket-audit i.icon-pass-audit{color:#10c6b3;font-size: 3.6vw;margin-right: 1.5vw;margin-top:-1px;vertical-align:middle;}
.ticket-detail-item .ticket-audit i.icon-reject-audit{color:#ff3d3a;font-size: 3.6vw;margin-right: 1.5vw;margin-top:-1px;vertical-align:middle;}
.ticket-detail-item .select-item{position: absolute;top: 12vw;width: 30%;background-color: #fff;right: 2vw;left: auto;z-index: 1;box-shadow: 0 3px 10px -3px rgba(29, 29, 29, .25);border:1px solid #dce8f5;border-radius:4px;overflow-y:auto;overflow-x:hidden;max-height: 45vh;-webkit-overflow-scrolling:touch;}
.ticket-detail-item .select-item.open-up{top:auto;bottom:12vw;}
.ticket-detail-item .select-item i.icon-pass-audit{color:#10c6b3;font-size: 4vw;margin-right: 1vw;padding-top: 3px;}
.ticket-detail-item .select-item i.icon-reject-audit{color:#ff3d3a;font-size: 4vw;margin-right: 1vw;padding-top: 3px;}
.ticket-detail-item .select-item div{padding: 0 2vw;font-size: 3.5vw;text-align:center;border-bottom:1px solid #eef2f7;}
.ticket-detail-item .select-item div:last-child{border-bottom:none;}
.ticket-detail-item .select-item div.current{background-color: #fff9f5;}
.ticket-detail-item .priority{display: inline-block;width: 10px;height: 10px;border-radius: 100%;}
.ticket-detail-item .priority.general{background-color:#6c6fbf;}
.ticket-detail-item .priority.urgent{background-color:#dd3434;}
.ticket-detail-item .priority.high{background-color:#2e8cd3;}
.ticket-detail-item .priority.low{background-color:#20ccce;}
.ticket-detail-item .select-item .priority{display:inline-block;margin:-.6vw 1vw -.6vw 0}
.ticket-detail-split{background-color: #f9f9f9;height: 3vw;}
/* 工单详情 —— 底部弹窗*/
.mobileSelect .grayLayer{background-color: rgba(25, 25, 25, .5) !important;}
.mobileSelect .content .btnBar{border-bottom: none !important;background-color: #fafafa}
.mobileSelect .content .btnBar .title{color:#333;font-size: 4.5vw !important;}
.mobileSelect .content .btnBar .cancel{color:#0787f6 !important;;font-size: 4vw !important;}
.mobileSelect .content .btnBar .ensure{color:#0787f6 !important;;font-size: 4vw !important;font-weight: bold}
.mobileSelect .content .panel .selectLine{border-top:1px solid #ededed !important;border-bottom:1px solid #ededed !important;}
/* 关联工单 */
.associate{position: relative;z-index: 0;width:100%;opacity: 0;visibility: hidden;-webkit-transition: opacity 0.4s, z-index 0.4s;transition: opacity 0.4s, z-index 0.4s;}
.associate .associate-shade{position: fixed;top: 0;left: 0;bottom: 0;right: 0;background: rgba(25, 25, 25, 0.5);z-index: 888;display: block;}
.associate .associate-content{width: 100%;display: block;position: fixed;z-index: 889;-webkit-transition: all 0.4s;transition: all 0.4s;bottom: -66.7vw;left: 0;background: white;}
.associate-show{opacity: 1;z-index: 10000;visibility: visible;}
.associate-show .associate-content{bottom: 0;}
.associate header{position: relative;height: 14.67vw;line-height: 14.67vw;text-align: center;background-color: #fafafa;}
.associate header>a{height: 14.67vw;width: 14.67vw;cursor: pointer;position: absolute;top: 0;font-size: 4vw;color: #0787f6;}
.associate header>a.associate-cancel{left: 0;z-index: 10}
.associate header>a.associate-ensure{right: 0;z-index: 10;font-weight: bold;}
.associate header .associate-search{position:relative;height:14.67vw;line-height:14.67vw;color:#333;padding: 0 16vw;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
/*.associate header .associate-search i{position: absolute;left: 19vw;top: .5vw;color:#c3cbd8;font-size: 4.5vw;}*/
.associate header .associate-search input{border:1px solid #eee;background-color: #fff;width: 100%;height: 9.335vw;line-height: 9.335vw;margin: 2.8vw 0; padding-left: 2vw;font-size: 3.5vw;border-radius: 1vw;}
.associate header .associate-search input::-webkit-input-placeholder{color:#c3cbd8;}
.associate header .associate-search input::-moz-placeholder{color:#c3cbd8;}
.associate header .associate-search input:-ms-input-placeholder{color:#c3cbd8;}
.associate header .associate-search a{position: absolute;top:4.6vw;right: 16.5vw;height: 6vw;line-height: 6vw;border-top-right-radius:2px;border-bottom-right-radius: 2px; background-color: #fff;color:#c3cbd8;border-left:1px solid #e3e9ed;padding: 0 2vw;font-size: 4vw}
.associate main{padding: 1vw 2vw;height: 52vw;overflow-x: hidden}
.associate main .no-match{text-align: center;padding: 22vw 0;color:#c3cbd8;}
.associate main .associate-item span.icon-check{position: absolute;right: 0;color:#c3cbd8;font-size: 4.5vw}
.associate main .associate-item span.icon-radio-checked,
.associate main .associate-item span.icon-checkbox-checked{color:#0787f6}
.associate main .associate-item{position: relative;height: 10vw;line-height: 10vw;}
.associate main .associate-item .ticket-title{display:inline-block;width:90%;font-size: 3.5vw;}
.associate .layui-flow-more{margin: 5px 0}
.associate .layui-flow-more a cite{background-color: transparent;width: 100%}
/*  工单详情 —— 询问弹窗*/
.ticket-window,.msg-window{border-radius: 10px !important;width: 65vw;height:34vw;}
.ticket-window .layui-layer-content,.msg-window .layui-layer-content{font-size: 4vw !important;color:#1e2e4d;padding: 8.74vw 0 !important; text-align: center !important;font-weight: 400}
.ticket-window .layui-layer-btn,.msg-window .layui-layer-btn{padding: 0;}
.ticket-window .layui-layer-btn a,.msg-window .layui-layer-btn a{display: inline-block;width: calc(50%);font-size: 4vw;color:#0787f6;height: 10vw; line-height: 9.5vw;border:none;border-top: 1px solid #eee;margin: 0;padding: 0;}
.ticket-window .layui-layer-btn .layui-layer-btn0,.msg-window .layui-layer-btn .layui-layer-btn0{width: calc(50% - 1px);border-right: 1px solid #eee; background-color: #fff;border-bottom-left-radius: 10px}
.ticket-window .layui-layer-btn .layui-layer-btn1,.msg-window .layui-layer-btn .layui-layer-btn1{background-color: #fff;border-bottom-right-radius: 10px}
/* layui */
body .feeldesk-confirm{border-radius: 10px}
body .feeldesk-confirm .layui-layer-title{background-color:rgb(43,47,62);border-top-left-radius: 10px;border-top-right-radius: 10px;color:#fff; text-align:center;padding:0;font-size: 18px}
body .feeldesk-confirm .layui-layer-title .icon-xiaolian{vertical-align: middle;margin-right: 5px;margin-top: -3px;font-size: 24px}
body .feeldesk-confirm .layui-layer-content{color:#333;text-align: center;font-size: 15px;padding: 0;height: 75px !important;line-height: 75px}
body .feeldesk-confirm .layui-layer-btn a{background-color: #fff;margin-bottom: 10px;font-size: 15px;border:none;}
body .feeldesk-confirm .layui-layer-btn .layui-layer-btn0{float: right;color:rgb(50,102,244);}
body .feeldesk-confirm .layui-layer-btn .layui-layer-btn1{float: left;color:rgb(102,102,102);}
/* 表单 */
.icon-checked,.icon-checkboxed{color:#12c9cb !important;}
.form-header{border-bottom: 1px solid #eee;padding: 0 5%;line-height: 14vw;background-color: #fff}
.form-header .form-template i{font-size: 6vw;color:#69758f;margin-right: 5px;}
.form-header .form-template span{color:#69758f;font-size: 3.5vw;}
.form-header .form-template .template-name{display: inline-block;color:#4173d2;float: right;font-size: 3.5vw;text-align: center;margin: 3vw 0; height:30px;line-height: 30px;padding:0 2vw}
.feeldesk-form{background-color: #fff;}
.feeldesk-form .feeldesk-form-item{position:relative;line-height: 14vw;margin-bottom: 7vw}
.feeldesk-form .feeldesk-input,.feeldesk-form .layui-input{color:#69758f;border: 1px solid #eee;border-radius:2px;background-color: #f7f8f9; padding: 0 2.5vw;width: 100%;-webkit-appearance:none;height: 9.34vw;line-height: 9.34vw;font-size: 3.5vw}
/* placeholder */
.feeldesk-form .feeldesk-input:focus,.feeldesk-form .layui-input:focus{background-color: #fff;border-color:#0787f6 !important;}
.feeldesk-form .feeldesk-input::-webkit-input-placeholder,.feeldesk-form .layui-input::-webkit-input-placeholder{color:#69758f;}
.feeldesk-form .feeldesk-input::-moz-placeholder,.feeldesk-form .layui-input::-moz-placeholder{color:#69758f;}
.feeldesk-form .feeldesk-input:-ms-input-placeholder,.feeldesk-form .layui-input:-ms-input-placeholder{color:#69758f;}
.feeldesk-form .feeldesk-input:focus::-webkit-input-placeholder,.feeldesk-form .layui-input:focus::-webkit-input-placeholder{color:#c3cbd8;}
.feeldesk-form .feeldesk-input:focus::-moz-placeholder,.feeldesk-form .layui-input:focus::-moz-placeholder{color:#c3cbd8;}
.feeldesk-form .feeldesk-input:focus:-ms-input-placeholder,.feeldesk-form .layui-input:focus:-ms-input-placeholder{color:#c3cbd8;}
.feeldesk-form .feeldesk-textarea{background-color: #fff;resize: none;height: 150px;line-height: 1.5;padding: 10px;}
.feeldesk-form .remindTime{border: none;text-align: right;line-height: 50px}
.feeldesk-form .required{display:inline-block;background-color: #fe7300;width: 5px;height: 5px;border-radius: 100%;margin-top:-3px;margin-right: 3px;vertical-align: middle}
.feeldesk-form .layui-form-radio{margin:0 0 0 10px;padding-right:0}
.feeldesk-form .layui-form-radio i{font-size: 15px}
.feeldesk-form .layui-form-radio i:hover, .layui-form-radioed i{color:#0787f6}
.feeldesk-form .layui-form-checked[lay-skin=primary] i{background-color: #0787f6;border-color:#0787f6}
.feeldesk-form .layui-form-checkbox[lay-skin=primary]{margin-left: 10px;}
.feeldesk-form .layui-form-checkbox[lay-skin=primary]:hover i{border-color:#0787f6}
.feeldesk-form .layui-form-checkbox[lay-skin=primary] span{line-height: 4vw;padding-left: 7px;padding-right: 0}
/* 下拉选择 */
.feeldesk-form .layui-form-select dl dd,.layui-form-select dl dt{color:#48507d;font-size: 3vw}
.feeldesk-form .layui-form-select dl dd.layui-this{background-color: #f3f7ff !important;color:#48507d !important;}
.feeldesk-form .layui-form-select dl{border-radius: 5px;border-color:#eee;box-shadow: 0 0 4px 0 rgba(29,29,29,.1);z-index: 10001;}
.feeldesk-form .layui-form-select dl span{display: inline-block;min-width: 10px;min-height: 10px;border-radius: 100%;margin-right: 10px}
.feeldesk-form .layui-form-select .layui-edge{border-width:4px;border-top-color: #c3cbd8;}
.feeldesk-form .layui-form-selected .layui-edge{margin-top: -6px;}
.form-subject-item .lay-ext-mulitsel .tips{top:0 !important;}
.form-subject-item .lay-ext-mulitsel .layui-input.multiple{padding: 2px 5px}
.form-subject-item .lay-ext-mulitsel .layui-input.multiple a{background-color:#0787f6}
.form-subject-item .lay-ext-mulitsel .layui-input.multiple a>*{vertical-align: initial !important;}
.form-subject-item dd{height: 36px}
.feeldesk-form .form-subject-item .layui-form-checkbox[lay-skin=primary]{margin-left: 0}
.feeldesk-form .form-subject-item .layui-form-checkbox[lay-skin=primary] i{top: 2px}
.feeldesk-form .form-subject-item .layui-form-checkbox[lay-skin=primary] span{line-height: normal !important;padding-left: 0;padding-right: 15px; border-radius: inherit;}
.feeldesk-form .form-subject-item .layui-form-select dl dd.layui-select-tips{color:#999}
.feeldesk-form .form-subject-item .lay-ext-mulitsel .layui-form-select dl dd div{margin-top: 8px !important;}
/* 选项 */
.feeldesk-form .feeldesk-form-check .feeldesk-edge{position: absolute;right: 10px;top: 50%;margin-top: -3px;cursor: pointer;border-width: 4px;border-top-color: #c3cbd8; border-top-style: solid;transition: all .3s;-webkit-transition: all .3s;}
.feeldesk-form .feeldesk-form-check span{color:#69758f;}
.feeldesk-form .feeldesk-form-check span.gray9{color:#69758f !important;}
.feeldesk-form .feeldesk-form-checked{border-color:#0787f6}
.feeldesk-form .feeldesk-form-checked .feeldesk-edge{margin-top: -6px; -webkit-transform: rotate(180deg);transform: rotate(180deg);}
.feeldesk-edge{display: inline-block;width: 0;height: 0;border-width: 4px;border-style: dashed;border-color: transparent;overflow: hidden;}
.feeldesk-edge-right{position: absolute;right: 10px;top: 50%;margin-top: -3px;cursor: pointer;border-color: transparent;border-width: 4px;border-left-color: #c3cbd8; border-left-style: solid;transition: all .3s;-webkit-transition: all .3s;border-style: dashed;}
.feeldesk-form .feeldesk-option-panel{position:absolute;width:100%;z-index:10002;background-color:#fff;border: 1px solid #eee;border-radius: 5px;margin-top: 3px;padding: 0;box-shadow: 0 0 4px 0 rgba(29,29,29,.1);}
.feeldesk-form .feeldesk-option-panel li{padding: 0 10px;line-height: 36px;font-size: 0;transition: all .3s;}
.feeldesk-form .feeldesk-option-panel li:hover{background-color: #f2f2f2;}
.feeldesk-form .feeldesk-option-panel li .feeldesk-option-title{display:inline-block;width: calc(100% - 20px);font-size: 3vw;vertical-align: middle;color:#48507d}
.feeldesk-form .feeldesk-option-panel li .feeldesk-option-title .company-name{color:#9bacb6;font-size: 3.5vw}
.feeldesk-form .feeldesk-option-panel li span.icon-check{font-size: 4vw;color:#737e95}
.feeldesk-form .feeldesk-option-panel li span.icon-radio-checked,.feeldesk-form .feeldesk-option-panel li span.icon-checkbox-checked{font-size: 4vw;color:#0787f6;}
.feeldesk-form .feeldesk-option-panel li.selected{background-color: #f3f7ff !important;color:#48507d !important;}
.feeldesk-form .feeldesk-option-panel input{position:absolute;z-index:-9999;display:none;border:none}
.feeldesk-form .feeldesk-option-panel .layui-form-checkbox,.option-panel .layui-form-radio{display: none}
.feeldesk-form .layui-upload-drag{position:relative;width: calc((100% - 30px) / 4);border:1px solid #e7e7e7;margin-right:10px;margin-bottom:10px; padding: 0;vertical-align: middle;border-radius: 5px}
.feeldesk-form .layui-upload-drag .iconfont{font-size: 8vw;color:#d3d9e2}
.feeldesk-form .layui-upload-drag .cancel{position:absolute;top:3px;right:4px;font-size: 3.5vw;color:#d3d9e2;line-height: normal;}
.feeldesk-form .layui-upload-drag img{width: 100%;height: 100%;border-radius: 5px;}
/* 上传附件按钮 - 渐变大按钮 */
.feeldesk-form .feeldesk-form-item .uploadFile{width:100%;height:40px;line-height:40px;margin:0 auto;display:block;font-size:3.5vw;font-weight:400;color:#0787f6;background:linear-gradient(135deg,#f0f7ff 0%,#e0efff 100%);border:1.5px solid #b8d4f0;border-radius:8px;box-shadow:none;padding:0;cursor:pointer;transition:all .25s ease;text-align:center;position:relative}
.feeldesk-form .feeldesk-form-item .uploadFile i{font-size:4.5vw;margin-right:.8vw;color:#0787f6}
.feeldesk-form .feeldesk-form-item .uploadFile:hover{border-color:#0787f6;box-shadow:0 2px 8px rgba(7,135,246,.15);background:linear-gradient(135deg,#e8f3ff 0%,#d4eaff 100%)}
.feeldesk-form .feeldesk-form-item .uploadFile:active{transform:scale(.98);box-shadow:0 1px 4px rgba(7,135,246,.1)}
/* 已上传附件列表 - 卡片式 */
.feeldesk-form .attach-item{list-style:none;padding:0;margin-top:3vw;display:block}
.feeldesk-form .attach-item li{display:flex;align-items:center;height:11vw;padding:0 3vw;margin-bottom:2vw;background:linear-gradient(145deg,#ffffff 0%,#fafbfc 100%);border:1px solid #e8ecf1;border-radius:8px;box-shadow:0 1px 3px rgba(0,0,0,.04);color:#334155;font-size:3.2vw;line-height:11vw;transition:all .2s ease;position:relative}
.feeldesk-form .attach-item li:last-child{margin-bottom:0}
.feeldesk-form .attach-item li:active{transform:scale(.97);box-shadow:0 1px 2px rgba(0,0,0,.06)}
.feeldesk-form .attach-item i.icon-fujian{color:#0787f6;font-size:4.2vw;margin-right:2.5vw;flex-shrink:0}
.feeldesk-form .attach-item li > span:first-of-type{font-size:3.2vw;color:#334155;font-weight:500;max-width:calc(100% - 14vw);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:11vw;flex:1;min-width:0}
.feeldesk-form .attach-item span.closed{font-size:3.8vw;color:#94a3b8;margin-left:auto;padding-left:2vw;flex-shrink:0;transition:color .2s ease;cursor:pointer;line-height:1}
.feeldesk-form .attach-item span.closed:hover, .feeldesk-form .attach-item span.closed:active{color:#f83962}
/*--------------------发布工单 —— 弹窗--------------------*/
/* 发布工单和编辑工单页面容器样式 - 确保滚动正常 */
#formWrapper.feeldesk{width: 100%;height: 100%;overflow:hidden;background-color:#fff}
/* 发布工单和编辑工单页面主内容区 - 确保可滚动 */
#formWrapper .feeldesk-main{padding: 0 5%;height: calc(100% - 28vw);overflow-x: hidden;overflow-y: auto;-webkit-overflow-scrolling: touch;}
/* 发布工单和编辑工单表单区域 - 确保padding正确 */
#formWrapper .feeldesk-form{padding: 0 5%}
#formWrapper{position: relative;top: 0;z-index: 1}
.main-search{height:14vw;line-height: 14vw;position: relative}
.main-search i{position:absolute;color:#b9b9b9;font-size: 4.5vw;left: 3%}
.main-search input{border:none;border-bottom:1px solid #eee;width:100%;height: 100%;padding-left: 10%;font-size:3.5vw}
.search-no-data{color:#999;text-align: center;font-size: 3.5vw;padding: 5vw 0;}
.first-str{width: 8vw;height: 8vw;line-height: 8vw;border-radius: 100%;vertical-align: middle;background-color: #c3cbd8;color:#fff;text-align: center; margin-right: 1vw;font-weight: bold;}
/* 工单 —— 弹窗 —— 选择抄送人 */
#ccWrapper{display:none;background-color: #fff;position: relative;top: -100%;left:100%}
#select-cc{overflow-y: hidden;white-space: nowrap}
.cc-choose-all{position: relative;padding: 0 3%;line-height: 14vw;}
.cc-choose-all div{display:inline-block;color:#333;font-size: 3.5vw}
.cc-choose-all span.iconfont{color:#cecece;font-size: 4.5vw;position: absolute;right: 3.6%}
.cc-main .group-name{background-color: #fafafa;color:#409eff;font-size: 3.5vw;line-height: 10vw;padding: 0 3%}
.cc-main .member-item{background-color: #fff;padding: 0 3%}
.cc-main .member-item .cc-member-info{position: relative;border-bottom:1px solid #eee;line-height: 14vw}
.cc-main .member-item .cc-member-info img{width: 6.5vw;height: 6.5vw;margin:-3px 1vw 0 0;border-radius: 100%;vertical-align: middle}
.cc-main .member-item .cc-member-info .member-name{display:inline-block;font-size: 3.5vw;color:#333;margin-left:1vw}
.cc-main .member-item .cc-member-info span.iconfont{color:#cecece;font-size: 5vw;position: absolute;right: 0.5%}
.cc-main .member-item .cc-member-info:last-child{border-bottom:none}
.cc-choose-all span.icon-checkbox-checked,.cc-main .member-item .cc-member-info span.icon-checkbox-checked{color:#0787f6}
/* 工单 —— 弹窗 —— 选择会员 */
#memberWrapper{display:none;background-color: #fff;position: relative;top: -100%;left:100%}
#select-member{overflow-y: hidden;white-space: nowrap}
.member-main .member-item{background-color: #fff;padding: 0 3%}
.member-main .member-item .member{position: relative;border-bottom:1px solid #eee;line-height: 14vw}
.member-main .member-item .member .member-name{display:inline-block;font-size: 3.5vw;color:#333;}
.member-main .member-item .member span.iconfont{color:#cecece;font-size: 5vw;position: absolute;right: 0.5%}
.member-main .member-item .member:last-child{border-bottom:none}
.member-main .member-item .member span.icon-radio-checked{color:#0787f6}
/* 工单 —— 弹窗 —— 选择游客 */
#visitorWrapper{display:none;background-color: #fff;position: relative;top: -100%;left:100%}
#select-visitor{overflow-y: hidden;white-space: nowrap}
.visitor-main .visitor-item{background-color: #fff;padding: 0 3%}
.visitor-main .visitor-item .visitor{position: relative;border-bottom:1px solid #eee;line-height: 14vw}
.visitor-main .visitor-item .visitor .visitor-name{display:inline-block;font-size: 3.5vw;color:#333;}
.visitor-main .visitor-item .visitor span.iconfont{color:#cecece;font-size: 5vw;position: absolute;right: 0.5%}
.visitor-main .visitor-item .visitor:last-child{border-bottom:none}
.visitor-main .visitor-item .visitor span.icon-radio-checked{color:#0787f6}
/* 工单 —— 弹窗 —— 选择CRM客户 */
#customerWrapper{display:none;background-color: #fff;position: relative;top: -100%;left:100%}
#select-customer{overflow-y: hidden;white-space: nowrap}
.customer-main .customer-item{background-color: #fff;padding: 0 3%}
.customer-main .customer-item .customer{position: relative;border-bottom:1px solid #eee;line-height: 14vw}
.customer-main .customer-item .customer .member-name{display:inline-block;font-size: 3.5vw;color:#333;}
.customer-main .customer-item .customer span.iconfont{color:#cecece;font-size: 5vw;position: absolute;right: 0.5%}
.customer-main .customer-item .customer:last-child{border-bottom:none}
.customer-main .customer-item .customer span.icon-radio-checked{color:#0787f6}
/* 工单 —— 弹窗 —— 选择CRM订单 */
#orderWrapper{display:none;background-color: #fff;position: relative;top: -100%;left:100%}
#select-order{overflow-y: hidden;white-space: nowrap}
.order-main .order-item{background-color: #fff;padding: 0 3%}
.order-main .order-item .order{position: relative;border-bottom:1px solid #eee;line-height: 14vw}
.order-main .order-item .order .member-name{display:inline-block;font-size: 3.5vw;color:#333;}
.order-main .order-item .order span.iconfont{color:#cecece;font-size: 5vw;position: absolute;right: 0.5%}
.order-main .order-item .order:last-child{border-bottom:none}
.order-main .order-item .order span.icon-radio-checked{color:#0787f6}
/* 工单 —— 弹窗 —— 选择CRM产品 */
#productWrapper{display:none;background-color: #fff;position: relative;top: -100%;left:100%}
#select-product{overflow-y: hidden;white-space: nowrap}
.product-main .product-item{background-color: #fff;padding: 0 3%}
.product-main .product-item .product{position: relative;border-bottom:1px solid #eee;line-height: 14vw}
.product-main .product-item .product .member-name{display:inline-block;font-size: 3.5vw;color:#333;}
.product-main .product-item .product span.iconfont{color:#cecece;font-size: 5vw;position: absolute;right: 0.5%}
.product-main .product-item .product:last-child{border-bottom:none}
.product-main .product-item .product span.icon-radio-checked{color:#0787f6}
/* 工单 —— 弹窗 —— 分配处理人 */
#processWrapper{display:none;background-color: #fff;position: relative;top: -100%;left:100%}
#select-handler{overflow-y: hidden;white-space: nowrap}
.process-main{margin-top: 2%;height: calc(100% - 14vw);overflow-x: hidden}
.process-main .group-name{background-color: #fafafa;color:#409eff;font-size: 3.5vw;line-height: 10vw;padding: 0 3%}
.process-main .process-item{background-color: #fff;padding: 0 3%}
.process-main .process-item .process-member{position: relative;border-bottom:1px solid #eee;line-height: 14vw}
.process-main .process-item .process-member img{width: 6.5vw;height: 6.5vw;margin:-3px 1vw 0 0;border-radius: 100%;vertical-align: middle}
.process-main .process-item .process-member .member-name{display:inline-block;font-size: 3.5vw;color:#333;}
.process-main .process-item .process-member span.iconfont{color:#cecece;font-size: 5vw;position: absolute;right: 0.5%}
.process-main .process-item .process-member:last-child{border-bottom:none}
.process-main .process-item .process-member span.icon-radio-checked{color:#0787f6}
.process-main .process-item .process-member span.icon-checkbox-checked{color:#0787f6}
/* 工单 —— 弹窗 —— 选择审核对象 */
#auditWrapper{display:none;background-color: #fff;position: relative;top: -100%;left:100%}
#select-audit{overflow-y: hidden;white-space: nowrap}
.audit-object{position: relative;height:11vw;line-height: 11vw;font-size:0;background-color:#fff;border-bottom:1px solid #eee}
.audit-object a{display: inline-block;width: 50%;font-size: 3.5vw;text-align: center;}
.audit-object a.current{color: #0787f6;}
.audit-main{margin-top: 2%;height: calc(100% - 28vw);overflow-x: hidden}
.audit-main .group-name{background-color: #fafafa;color:#999;font-size: 3.5vw;line-height: 10vw;padding: 0 3%}
.audit-main .audit-item{background-color: #fff;padding: 0 3%}
.audit-main .audit-item .audit-member{position: relative;border-bottom:1px solid #eee;line-height: 14vw}
.audit-main .audit-item .audit-member img{width: 6.5vw;height: 6.5vw;margin:-3px 1vw 0 0;border-radius: 100%;vertical-align: middle}
.audit-main .audit-item .audit-member .member-name{display:inline-block;font-size: 3.5vw;color:#333;}
.audit-main .audit-item .audit-member span.iconfont{color:#cecece;font-size: 5vw;position: absolute;right: 0.5%}
.audit-main .audit-item .audit-member:last-child{border-bottom:none}
.audit-main .audit-item .audit-member span.icon-radio-checked{color:#0787f6}
.audit-process-main{height: calc(100% - 14vw);overflow-x: hidden}
.audit-process-main .audit-process-item{background-color: #fff;padding: 0 3%}
.audit-process-main .audit-process-item .audit-process{position: relative;border-bottom:1px solid #eee;line-height: 12vw}
.audit-process-main .audit-process-item .audit-process .process-name{display:inline-block;font-size: 3.5vw;color:#333;}
.audit-process-main .audit-process-item .audit-process span.iconfont{color:#cecece;font-size: 5vw;position: absolute;right: 0.5%}
.audit-process-main .audit-process-item .audit-process:last-child{border-bottom:none}
.audit-process-main .audit-process-item .audit-process span.icon-radio-checked{color:#0787f6}
/* 工单 —— 弹窗 —— 催促工单 */
#urgeWrapper{display:none;background-color: #fff;position: relative;top: -100%;left:100%}
#select-urge{overflow-y: hidden;white-space: nowrap}
.urge-choose-all{position: relative;padding: 0 3%;line-height: 14vw;}
.urge-choose-all div{display:inline-block;color:#333;font-size: 4vw}
.urge-choose-all span.iconfont{color:#cecece;font-size: 5vw;position: absolute;right: 3.6%}
.urge-main .group-name{background-color: #fafafa;color:#999;font-size: 3.5vw;line-height: 10vw;padding: 0 3%}
.urge-main .member-item{background-color: #fff;padding: 0 3%}
.urge-main .member-item .urge-member{position: relative;border-bottom:1px solid #eee;line-height: 14vw}
.urge-main .member-item .urge-member img{width: 8vw;height: 8vw;border-radius: 100%;vertical-align: middle}
.urge-main .member-item .urge-member .member-name{display:inline-block;font-size: 4vw;color:#333;}
.urge-main .member-item .urge-member span.iconfont{color:#cecece;font-size: 5vw;position: absolute;right: 0.5%}
.urge-main .member-item .urge-member:last-child{border-bottom:none}
.urge-choose-all span.icon-checkbox-checked,.urge-main .member-item .urge-member span.icon-checkbox-checked{color:#0787f6}
.urge-footer{padding: 0 2vw;width: 100%;background-color: #fff;margin-top: 4vw}
.urge-footer textarea{border:1px solid #eee;border-radius: 5px;resize: none;height: 44vw;padding:2vw 0 0 2vw;color:#333;font-size: 3.5vw;width: 100%}
.urge-footer textarea:focus{border-color:#0787f6}
.urge-footer .urge-way{padding: 4vw 0}
.urge-footer .urge-way .layui-form-checkbox[lay-skin=primary]{border-radius: 4.5vw;padding-right: 0;margin-right: 0;padding-left: 5vw}
.urge-footer .urge-way .layui-form-checkbox[lay-skin=primary] i{width: 16px;height: 16px;line-height: 16px;border: 1px solid #737e95;margin-top: 1px; border-radius: 16px;}
.urge-footer .urge-way .layui-form-checked[lay-skin=primary] i{border-color:#0787f6;background-color: #0787f6;}
.urge-footer .urge-way .layui-form-checkbox[lay-skin=primary] span{font-size: 4vw;padding: 0 3vw 0 1vw}
.urge-footer .urge-way .layui-form-checked[lay-skin=primary] span{color:#0787f6;}
.urge-footer .urge-way .way-item>div{display: inline-block}
.urge-footer .urge-way .way-item>div:last-child span{padding-right: 0}
.urge-footer .urge-way .asterisk{color:#0787f6}
.urge-footer .urge-way .way-title{color:#48507d;font-size: 4vw}
/* 工单 —— 弹窗 —— 满意度评价 */
#satisfyWrapper{display:none;background-color: #fff;position: relative;top: -100%;left:100%}
#satisfyWrapper .ticket-satisfy{padding: 0 2vw;border-top:none}
#satisfyWrapper .ticket-satisfy textarea{border:1px solid #eee;height: 36vw;padding:3vw;margin-top: 5vw;color:#69758f;width: 100%;background-color: #f7f8f9; border-radius: 5px;resize: none}
#satisfyWrapper .ticket-satisfy textarea:focus{border-color:#0787f6;background-color: #fff}
.satisfy-footer{margin-top:15px;}
.satisfy-footer span.satisfy-title{display: inline-block;font-size: 13px;margin-right:10px;color:#69758f;vertical-align: middle}
.satisfy-footer .satisfy-star{vertical-align: middle}
.satisfy-footer .satisfy-label{font-size: 0;margin: 10px 0;}
.satisfy-footer .satisfy-label .label-item{display: inline-block;font-size:12px;height: 30px;line-height: 30px;padding: 0 10px;border: 1px solid #e3e9ed; color: #666;margin-right: 5px;margin-bottom:5px;cursor: pointer}
.satisfy-footer .satisfy-label .current,.satisfy .satisfy-label .label-item:hover{border-color:#142030;color:#142030}
/* 工单 —— 弹窗 —— 审核流程 */
#auditProcessWrapper{display:none;background-color: #fff;position: relative;top: -100%;left:100%;}
.audit-progress{height:calc(100% - 13vw);font-size: 3.5vw}
.audit-progress .ticket-auditor{height: 12vw;line-height: 12vw;background-color: #fff;padding-left:10px;border-top:1px solid #eee;}
.audit-progress .ticket-auditor a{display: inline-block;padding:0 2vw;margin-left: 2vw;border-left: 1px solid #eee;color:#12c9cb}
.audit-progress .ticket-auditor a:hover{color:#2c6ee5}
.audit-progress .ticket-auditor div.fr span:before{content:'、'}
.audit-progress .ticket-auditor div.fr span:first-child:before{content:''}
.audit-progress .progress-content{padding: 0 10px;background-color: #f5f5f7;height:100%;overflow-x: hidden}
.audit-progress .progress-content .opinion-title{text-align: center;font-size: 3.5vw;height: 13vw;line-height: 13vw;color:#999}
.audit-progress .progress-content .progress-item{background-color: #fff;border-radius:3px;padding: 0 10px;margin-bottom: 3vw;box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);}
.audit-progress .progress-content .progress-item .audit-level{background-color: #fff;height: 12vw;line-height: 12vw;border-bottom:1px solid #e3e9ed; color:#999;font-size: 3.5vw}
.audit-progress .progress-content .progress-item .audit-content{padding: 5px 0}
.audit-progress .progress-content .progress-item .audit-content .audit-member{height: 12vw;line-height: 12vw;}
.audit-progress .progress-content .progress-item .audit-content .audit-member span{display:inline-block;color:#2c6ee5;margin-right: 5px;}
.audit-progress .progress-content .progress-item .audit-content .opinion-content{line-height: 8vw;}
.audit-progress .progress-footer{position: absolute;bottom: 0;background: #f5f5f7;width: 100%;left: 0;padding-bottom: 0; height: 70px;line-height: 75px;text-align: center}
.audit-progress .progress-footer a{display:inline-block;padding: 0 10px;background-color: #2c6ee5;color:#fff;height: 35px;line-height: 35px; border-radius: 3px;min-width:80px;font-size: 13px}
.audit-progress .progress-footer a:hover{opacity: .8}
/* 工单 —— 弹窗 —— 审批意见 */
#auditOpinionWrapper{display:none;background-color: #fff;position: relative;top: -100%;left:100%}
#auditOpinionWrapper .audit-ticket{padding: 0 2vw}
#auditOpinionWrapper .audit-ticket .layui-form-item{}
#auditOpinionWrapper .audit-ticket .layui-form-item .layui-form-label{width: auto;padding: 9px 0}
#auditOpinionWrapper .audit-ticket .layui-form-item .layui-input-block{margin-left: 0;height: 12vw;line-height: 12vw}
#auditOpinionWrapper .audit-ticket .layui-form-radio{margin-top: 0;font-size: 0}
#auditOpinionWrapper .audit-ticket .layui-form-radio>i{font-size: 4vw;margin-top: .92vw}
#auditOpinionWrapper .audit-ticket .layui-form-radio *{font-size: 3.5vw}
#auditOpinionWrapper .audit-ticket .layui-form-radio>i:hover, #auditOpinionWrapper .audit-ticket .layui-form-radioed>i{color:#0787f6}
#auditOpinionWrapper .audit-ticket textarea{font-size:3.5vw;border:1px solid #eee;height: 36vw;padding:3vw;color:#69758f;margin-top: 5vw;width: 100%;background-color: #f7f8f9; border-radius: 5px;resize: none}
#auditOpinionWrapper .audit-ticket textarea:focus{border-color:#0787f6;background-color: #fff}
/*-------------------- 我的 --------------------*/
.feeldesk-setting .setting-header{position:relative;background: url('../img/setting-bg-image.png') no-repeat center center;width: 100%;height: 56vw;background-size: cover}
.feeldesk-setting .setting-header .user{position: absolute;width: 100%;bottom:8vw;left: 0;padding: 0 2vw}
.feeldesk-setting .setting-header .user .user-left{display: inline-block;}
.feeldesk-setting .setting-header .user .user-left img{width: 22vw;height: 22vw;border-radius: 100%;}
.feeldesk-setting .setting-header .user .user-right{display: inline-block;float: right;color:#fff;text-align: right;padding: 4vw 0;}
.feeldesk-setting .setting-header .user .user-right .user-name{font-size: 5.5vw;margin-bottom: 2vw;}
.feeldesk-setting .setting-header .user .user-right .user-name span:first-child{margin-right: 5vw;}
.feeldesk-setting .setting-header .user .user-right .user-tel{font-size: 3.5vw;}
.feeldesk-setting .setting-main{margin-top: 10vw}
.feeldesk-setting .setting-main .setting-item{position:relative;height: 15vw;line-height: 15vw;}
.feeldesk-setting .setting-main .setting-item a{display: inline-block;width: 100%;height: 100%;padding: 0 2vw}
.feeldesk-setting .setting-main .setting-item i{color:#0787f6;font-size: 6vw;margin-right: 2vw}
.feeldesk-setting .setting-main .setting-item span.item-name{font-size: 3.5vw;color:#48507d;vertical-align: middle}
.feeldesk-setting .setting-main .setting-item .feeldesk-edge-right{position: absolute;right: 10px;top: 50%;cursor: pointer;border-color: transparent;border-width: 4px;border-left-color: #c3cbd8; border-left-style: solid;transition: all .3s;-webkit-transition: all .3s;border-style: dashed;}
/* 个人信息 */
.feeldesk-setting .user-item{height: 12vw;line-height: 12vw;padding: 0 2vw}
.feeldesk-setting .user-item div.setting-inline{border-bottom:1px solid #eee;display: flex;align-items: center;justify-content: space-between;}
.feeldesk-setting .user-item div.user-item-name{display:inline-block;color:#333;font-size: 3.5vw;width: auto;min-width: 20%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;flex-shrink: 0;}
.feeldesk-setting .user-item div.user-item-right{display: flex;align-items: center;justify-content: flex-end;color:#737e95;font-size: 3.5vw;white-space: nowrap;flex: 1;overflow: hidden;}
.feeldesk-setting .user-item-right span{max-width: 100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.feeldesk-setting .user-item-right img{width: 8vw;height: 8vw;border-radius: 100%;margin: 3.5vw 0;}
.feeldesk-setting .user-item-right i.iconfont{color:#c3cbd8;}
/* 公司信息 */
.feeldesk-setting .company-item{height: 15vw;line-height: 15vw;padding: 0 2vw}
.feeldesk-setting .company-item div.setting-inline{border-bottom:1px solid #eee;display: flex;align-items: center;justify-content: space-between;}
.feeldesk-setting .company-item div.company-item-name{display:inline-block;color:#333;font-size: 3.5vw;width: auto;min-width: 20%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;flex-shrink: 0;}
.feeldesk-setting .company-item div.company-item-right{display: flex;align-items: center;justify-content: flex-end;color:#737e95;font-size: 3.5vw;white-space: nowrap;flex: 1;overflow: hidden;}
.feeldesk-setting .company-item-right img{height: 6vw;margin: 4.5vw 0;}
.feeldesk-setting .company-item-right i.iconfont{color:#c3cbd8;}
.feeldesk-setting .company-item-right span{max-width: 100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
/* 知识库 */
.feeldesk-setting .library-search{position: relative;line-height: 12vw}
.feeldesk-setting .library-search i{position: absolute;left: 2vw;color:#999}
.feeldesk-setting .library-search input{border:none;border-bottom:1px solid #eee;width: 100%;padding: 0 2vw 0 10vw;background-color: #fafafa;height: 12vw; line-height: 12vw}
.feeldesk-setting .library-search input:focus{border-color:#0a60f1;caret-color: #0a60f1}
.feeldesk-setting .library-main{height:calc(100% - 28vw);padding: 0 3vw;overflow-y: auto;-webkit-overflow-scrolling: touch;}
.feeldesk-setting .problem-item{position:relative;height: 12vw;line-height: 12vw;padding: 0 2vw 0 2vw;border-radius: 3px;background-color: #fff;margin-top: 4vw; box-shadow: 0 0 10px 0 rgba(0,0,0,.15)}
.feeldesk-setting .problem-item a{display: inline-block;width: 100%;height: 100%;font-size: 3.4vw;color:#48507d;}
.feeldesk-setting .problem-item .problem-item-left{display: inline-block;width: 95%}
.feeldesk-setting .problem-item .problem-item-right{float: right;}
.feeldesk-setting .problem-item .problem-item-right i{color:#c3cbd8;font-size: 4vw;}
.problem-detail .problem-header{padding: 4vw 0;text-align: center;border-bottom:1px solid #e3e9ed}
.problem-detail .problem-header .problem-title{font-size: 4.5vw;font-weight: bold;margin-bottom:3vw;}
.problem-detail .problem-header .problem-sub-title{font-size: 3vw;color:#666;}
.problem-detail .problem-header .problem-sub-title span{margin-right: 2vw;}
.problem-detail .problem-content{padding: 4vw 0;font-size: 3.5vw;line-height: 30px}
/* 设置 */
.feeldesk-setting .set-main{margin-top: 0;height: calc(100% - 25vw)}
.feeldesk-setting .set-main .setting-item i{color:#0787f6;font-size:6vw;margin-right: 2vw}
.feeldesk-setting .set-main i.icon-back-right{color:#c3cbd8;font-size: 4vw;margin-right: 0}
.feeldesk-setting .set-logout{width:100%;height: 12vw;line-height: 12vw;font-size: 4vw;color: #fff;text-align: center; background: -webkit-linear-gradient(left, #03b0fb , #0a60f1); /* Safari 5.1 - 6.0 */ background: -o-linear-gradient(right, #03b0fb , #0a60f1); /* Opera 11.1 - 12.0 */ background: -moz-linear-gradient(right, #03b0fb , #0a60f1); /* Firefox 3.6 - 15 */ background: linear-gradient(to right, #03b0fb , #0a60f1); /* 标准的语法 */}
/* 密码设置 */
.password-form{background: #fff;padding: 5vw 2vw}
.password-form .form-item{margin-bottom: 5vw}
.password-form .form-item input{width: 100%;height: 10vw;line-height: 10vw;border:1px solid #eee;border-radius: 3px;padding-left: 2vw; background: #f7f8f9;color:#69758f}
.password-form .form-item input::-webkit-input-placeholder{color:#69758f;font-size:3.5vw}
.password-form .form-item input::-moz-placeholder{color:#69758f;font-size: 3.5vw}
.password-form .form-item input:-ms-input-placeholder{color:#69758f;font-size:3.5vw}
.password-form .form-item input:focus{caret-color:#0787f6;border-color:#0787f6;background-color: #fff}
.password-form .form-item input:focus::-webkit-input-placeholder{color:#c3cbd8;font-size: 3vw}
.password-form .form-item input:focus::-moz-placeholder{color:#c3cbd8;font-size: 3vw}
.password-form .form-item input:focus:-ms-input-placeholder{color:#c3cbd8;font-size: 3vw}
.password-note{background-color: #fafafa;padding:2vw;color:#c3cbd8;font-size: 3vw;}
/* 语言选择 */
.feeldesk-setting .language-item{padding: 0 2vw}
.feeldesk-setting .language-item div.setting-inline{height: 15vw;line-height: 15vw;border-bottom:1px solid #eee}
.feeldesk-setting .language-item .setting-inline:last-child{border-bottom:none}
.feeldesk-setting .language-item img{width:5.4vw;height: 5.4vw;border-radius: 100%;margin-right: 1vw}
.feeldesk-setting .language-item div.language-item-name{display:inline-block;color:#48507d;font-size: 3.5vw;}
.feeldesk-setting .language-item div.language-item-right{float: right;color:#0787f6 !important;font-size: 4vw}
.feeldesk-setting .layui-flow-more{margin: 15vw 0}
/* 我的 —— 弹窗 —— 个人信息 */
#userWrapper{display:none;background-color: #fff;position: relative;top: -100%;left:100%;}
#userWrapper .user-main{padding: 0 2vw}
#userWrapper .user-main .user-form-item{margin: 4vw 0}
#userWrapper .user-main .user-form-item input{width: 100%;height: 10vw;line-height: 10vw;border:1px solid #eee;border-radius: 3px;color:#333; padding-left: 2vw;font-size: 3vw}
#userWrapper .user-main .user-form-item input:focus{caret-color:#c3cbc8}
.user-submit,.company-submit{display: block;height: 10vw;line-height: 10vw;text-align: center;color:#fff;font-size: 3.5vw;border-radius: 3px; background: -webkit-linear-gradient(left, #0a60f1 , #03b0fb); /* Safari 5.1 - 6.0 */ background: -o-linear-gradient(right, #0a60f1 , #03b0fb); /* Opera 11.1 - 12.0 */ background: -moz-linear-gradient(right, #0a60f1 , #03b0fb); /* Firefox 3.6 - 15 */ background: linear-gradient(to right, #0a60f1 , #03b0fb); /* 标准的语法 */}
.user-submit:hover,.company-submit:hover{color:#fff;}
/* 我的 —— 弹窗 —— 公司信息 */
#companyWrapper{display:none;background-color: #fff;position: relative;top: -100%;left:100%;}
#companyWrapper .company-main{padding: 0 2vw}
#companyWrapper .company-main .company-form-item{margin: 4vw 0}
#companyWrapper .company-main .company-form-item input{width: 100%;height: 10vw;line-height: 10vw;border:1px solid #eee;border-radius: 3px; color:#333;padding-left: 2vw;font-size: 3vw}
#companyWrapper .company-main .company-form-item input:focus{caret-color:#c3cbc8}
/* 我的 —— 弹窗 —— 设置 */
#setWrapper{background-color: #fff;}
.setting-shade{display:none;position: fixed;top:0;left:0;width: 100%;height: 100%;z-index: 1;background-color: rgba(25,25,25,.5);}
.set-footer{display: none;position: fixed;bottom: 0;width:100%;padding:3vw 2vw;text-align:center;z-index:1500;}
.set-footer .footer-top{background-color: #fff;border-radius: 10px;margin-bottom: 2vw}
.set-footer .footer-top .footer-title{height: 10.6vw;line-height: 10.6vw;color:#c3cbd8;font-size: 3.5vw;border-bottom: 1px solid #eee;}
.set-footer .footer-top .footer-content{height: 14.6vw;line-height: 14.6vw;color:#f83962;font-size: 4vw}
.set-footer .footer-cancel{background-color: #fff;height: 13vw;line-height: 13vw;color:#128cf6;border-radius: 10px;border:1px solid #eee;font-size: 4.5vw}
/* 通知 */
.feeldesk-notify header{position:relative;height:auto;min-height: 38vw;}
.feeldesk-notify .menu-header div.header-title{width: 100%}
.message-tab{position:absolute;left:2vw;bottom: -5vw;z-index:1;width: calc(100% - 4vw);background-color: #fff;padding: 0 2vw;line-height: normal;border-radius: 10px;font-size: 0; box-shadow: 0 3px 6px rgba(0, 0, 0, .1)}
.message-tab .tab-item{display: inline-block;width: calc((100% - 0px) / 3);text-align: center;}
.message-tab-two .tab-item{width: calc((100% - 0px) / 2)}
.message-tab .tab-item a{display: inline-block;width:100%;padding: 3vw 0;}
.message-tab .tab-item a i.iconfont{position:relative;font-size: 13vw;margin-bottom: 2vw;color:#c3cbd8;}
.message-tab .tab-item a i span{position: absolute;top:-1vw;right:-1vw;width: 6vw;height: 6vw;font-size:3vw;color:#fff;border-radius: 100%; background-color: #fa1818;border:2px solid #fff;-webkit-text-fill-color: #fff;}
.message-tab .tab-item a p{font-size: 4vw;color:#9ba3b6;}
.message-tab .tab-item a.current i{color:#0787f6;background: -webkit-linear-gradient(left, #03b0fb , #0a60f1); /* Safari 5.1 - 6.0 */ background: -o-linear-gradient(right, #03b0fb , #0a60f1); /* Opera 11.1 - 12.0 */ background: -moz-linear-gradient(right, #03b0fb , #0a60f1); /* Firefox 3.6 - 15 */ background: linear-gradient(to right, #03b0fb , #0a60f1); /* 标准的语法 */ -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
.message-tab .tab-item a.current p{color:#333;font-weight: 500}
.one-tab-item{width: 100%;text-align: center;padding: 5vw 0 1vw 0;}
.one-tab-item i.iconfont{position:relative;font-size: 13vw;color:#fff;}
.one-tab-item i span{position: absolute;top:-1vw;right:-1vw;width: 6vw;height: 6vw;line-height: 5.5vw;font-size:3vw;color:#fff;border-radius: 100%; background-color: #fa1818;border:2px solid #fff;-webkit-text-fill-color: #fff;}
.one-tab-item p{color:#fff;font-size: 4.5vw;font-weight: bold}
.one-tab-main{padding: 1vw 0 0 0 !important;}
/* ======================================== */
/* 通知列表 - 美化样式 */
/* ======================================== */
/* 统一间距：上下3.5vw + 左右5%（恢复原始值） */
.feeldesk-notify .feeldesk-main.message-main, .feeldesk-notify .message-main{padding: 3.5vw 5% 0 5%!important;height:calc(100% - 28vw);overflow-x: hidden;overflow-y: auto;-webkit-overflow-scrolling: touch;}
/* 时间分隔线 - 胶囊标签样式，下间距统一3.5vw */
.message-main .message-item .message-date{display:inline-block;text-align:center;color:#8c96a8;font-size:3.2vw; padding:1.2vw 3.5vw;margin:0 auto 3.5vw;display:block;width:fit-content; background:linear-gradient(135deg,#f7f9fc 0%,#eef2f7 100%); border-radius:20px;border:1px solid #e2e8f0; font-weight:500;letter-spacing:.5px}
/* 消息卡片 - 卡片间距统一3.5vw */
.message-main .message-item .message-box{background:#fff;border-radius:10px; padding:0 4.5vw;margin-bottom:3.5vw; box-shadow:0 0 10px rgba(0,0,0,.08); transition:transform .2s ease, box-shadow .22s ease;}
.message-main .message-item .message-box:active{transform:scale(.98);box-shadow:0 1px 6px rgba(0,0,0,.06)}
/* 卡片头部 */
.message-main .message-item .message-box .box-head{border-bottom:1px solid #f4f6fa; height:auto;min-height:13vw;line-height:13vw; padding:1vw 0;display:flex;align-items:center}
.message-main .message-item .message-box .box-head i.iconfont{font-size:5.5vw;color:#b0bec5;margin-right:2.5vw; position:relative;flex-shrink:0; transition:color .25s ease}
.message-main .message-item .message-box .box-head i.un-read{color:#0787f6}
.message-main .message-item .message-box .box-head i.un-read span{position:absolute;top:2.5vw;right:-.3vw;width:7px;height:7px; border-radius:100%;background-color:#fa1818;border:1.5px solid #fff}
.message-main .message-item .message-box .box-head>span{font-size:3.6vw;color:#2d3748;font-weight:600;flex:1; overflow:hidden;text-overflow:ellipsis;white-space:nowrap; letter-spacing:.3px}
.message-main .message-item .message-box .box-head a{position:relative;right:auto;color:#c5cdd8;font-size:4vw; padding:1vw 1.5vw;flex-shrink:0;transition:color .2s}
.message-main .message-item .message-box .box-head a:active{color:#0787f6}
/* 卡片内容区 */
.message-main .message-item .message-box .box-content{padding:3.5vw 0}
/* 消息标题 */
.message-main .message-item .message-box .box-content .message-title{font-size:3.5vw;color:#1a202c;margin:0 0 3.5vw 0;font-weight:700; line-height:1.55;display:-webkit-box;-webkit-line-clamp:2; -webkit-box-orient:vertical;overflow:hidden; word-break:break-all}
/* 消息内容列表 */
.message-main .message-item .message-box .box-content ul{border:none;border-top:1px solid #f4f6fa; padding-top:3vw}
.message-main .message-item .message-box .box-content ul li{font-size:3.5vw;color:#5a657a;margin-bottom:2.5vw; line-height:1.65;word-break:break-all}
.message-main .message-item .message-box .box-content ul li:last-child{margin-bottom:0}
.message-main .message-item .message-box .box-content ul li>span{font-weight:600;color:#3d4852}
.message-main .message-item .message-box .box-content ul li>div{margin-top:1.5vw;line-height:1.6;color:#718096; font-size:3.5vw;word-break:break-all}
/* 卡片底部 */
.message-main .message-item .message-box .box-footer{color:#0787f6;font-size:3.5vw;height:auto; line-height:1.5;padding:2.5vw 0 3vw;border-top:1px solid #f4f6fa; font-weight:700;letter-spacing:.3px;text-align:right}
.message-main .message-item .message-box .box-footer::after{content:'\203A'; font-size:4.5vw;margin-left:1.5vw;vertical-align:-.3vw}
font-size:4.5vw;margin-right:1.5vw;vertical-align:-.3vw} .message-shade{position: fixed;top:0;left:0;width: 100%;height: 100%;background-color: rgba(0,0,0,.5);z-index: 100;display: none}
.message-operate{position: fixed;width:100%;bottom:2.67vw;padding: 0 2vw;z-index: 200;display: none}
.message-operate a{display: inline-block;width:100%;background-color:#fff;font-size:4vw;text-align: center;border-radius: 10px;height: 12vw; line-height: 12vw;}
.message-operate a:first-child{color:#f83962;margin-bottom: 2.67vw}
.message-operate a:last-child{color:#128cf6}
.message-main .layui-flow-more a{display: inline-block;width: 100%;}
.message-main .layui-flow-more a cite{background-color: transparent;width: 100%;}
/* 备忘录页面 - layui flow 样式 */
.memo-main .layui-flow-more{margin: 5vw 0}
.memo-main .layui-flow-more a{display: inline-block;width: 100%;}
.memo-main .layui-flow-more a cite{background-color: transparent;width: 100%;}
.message-main .message-item .message-box .message-footer{display:flex;justify-content:space-between;align-items:center;padding:3vw 0;border-top:1px solid #f0f0f0;}
.message-main .message-item .message-box .message-footer .message-time{font-size:3.5vw;color:#999;display:flex;align-items:center;}
.message-main .message-item .message-box .message-footer .message-time i.iconfont{margin-right:1vw;font-size:3.5vw;}
.message-main .message-item .message-box .message-footer .message-detail{color:#0787f6;font-size:3.5vw;font-weight:700;}
.message-main .message-item .message-box .message-footer .message-detail::after{content:'\203A'; font-size:4.5vw;margin-left:1vw;vertical-align:-.3vw;}
/* ======================================== */
/* 通知详情 - 美化样式 */
/* ======================================== */
/* ===== 通知详情页样式（扁平化优化版） ===== */
.message-detail-main{padding:0 5% 8vw;background:transparent; min-height:100%;box-sizing:border-box}
/* 顶部图标区域 - 简洁居中 */
.message-detail-main .message-detail-top{padding:6vw 0;border-bottom:1px solid #edf1f7; text-align:center}
/* 图标圆形徽章 */
.message-detail-main .message-detail-top i{font-size:10vw;display:inline-block;width:16vw;height:16vw; line-height:15.5vw;text-align:center;border-radius:50%; background:linear-gradient(135deg,#e8f4fd 0%,#dbeafe 100%); color:#0787f6;margin-bottom:3.5vw; box-shadow:0 2px 8px rgba(7,135,246,.08); border:1px solid rgba(7,135,246,.06)}
/* 标题文字 */
.message-detail-main .message-detail-top .message-title{font-size:3.9vw;color:#1a202c;font-weight:700; line-height:1.55;padding:0 2vw;word-break:break-all}
/* 详情信息区域 */
.message-detail-main .message-detail-info{padding:0;margin-top:1vw}
/* 信息项 - 块级+伪元素全宽分隔线 */
.message-detail-main .message-detail-info .message-detail-item{height:auto;min-height:auto;line-height:1.65; display:block;position:relative; padding:3vw 0;transition:background-color .2s ease}
/* 全宽分隔线 */
.message-detail-main .message-detail-info .message-detail-item::after{content:'';position:absolute;left:0;right:0;bottom:0; height:1px;background:#f2f4f7}
.message-detail-main .message-detail-info .message-detail-item:last-child::after{display:none}
/* 标签 */
.message-detail-main .message-detail-info .message-detail-item span:first-child{color:#718096;font-size:3.5vw;font-weight:500; letter-spacing:.2px;margin-right:.8vw;white-space:nowrap}
/* 内容值 */
.message-detail-main .message-detail-info .message-detail-item span:last-child, .message-detail-main .message-detail-info .message-detail-item a{text-align:left;color:#0787f6; font-size:3.5vw;font-weight:normal; word-break:break-all;float:none!important;display:inline}
/* 内容区域分隔线 */
.message-detail-main .message-detail-info .detail-content{margin-top:3.5vw;padding-top:3.5vw; border-top:1px solid #edf1f7}
/* 消息内容标题 */
.message-detail-info .detail-content div:first-child, .message-detail-main .message-detail-info .detail-content>div:first-child{color:#4a5568;font-size:3.5vw;font-weight:600; margin-bottom:2.5vw;letter-spacing:.4px}
/* 消息正文 */
.message-detail-main .message-detail-info .detail-content .message-content{color:#4a5568!important;font-size:3.5vw!important; margin-top:1vw;line-height:1.8!important; word-wrap:break-word;word-break:break-all;overflow-wrap:break-word}
/* 正文内嵌div */
.message-detail-main .message-detail-info .detail-content .message-content div:first-child{padding:6px 0!important;font-size:3.5vw!important; color:#4a5568;line-height:1.75!important}
/* 链接样式 */
.message-detail-main .message-detail-info .detail-content .message-content a, .message-detail-main .message-detail-info .detail-content .message-content a span{color:#0787f6!important;font-size:3.5vw!important; word-break:break-all}
/* 工单详情四列选项卡：选中态固定蓝色（不受JS影响） */
.detail-four-tab li.current{background:linear-gradient(135deg,#409eff 0%,#337ecc 100%)!important}
/* ======================================== */
/* 工单详情 - 四列选项卡（蓝色主题） */
/* ======================================== */
.detail-four-tab{height: auto !important;line-height: normal !important;padding: 10px 12px !important;background: linear-gradient(135deg, #f0f7ff 0%, #e8f2ff 100%);overflow-x: auto;overflow-y: hidden; -webkit-overflow-scrolling: touch;width: 100%;box-sizing: border-box;position: relative;border-bottom: 1px solid #dce8f5}
.detail-four-tab ul{display: flex !important;flex-wrap: nowrap;height: auto !important;width: 100%;margin: 0;padding: 0;white-space: normal; box-sizing: border-box;gap: 0;justify-content: space-between}
.detail-four-tab li{width: calc(25% - 5px) !important;min-width: calc(25% - 5px) !important;max-width: calc(25% - 5px) !important; padding: 9px 3px !important;font-size: 3.5vw !important;background: transparent;border-radius: 6px;color: #5a6b85;cursor: pointer;flex-shrink: 0; flex-grow: 0;margin: 0 !important;text-align: center;box-sizing: border-box;overflow: hidden;text-overflow: ellipsis;list-style: none; display: flex;align-items: center;justify-content: center;border: 1.5px solid transparent;transition: all 0.28s ease;font-weight: 500;position: relative;line-height: 1.4}
.detail-four-tab li:first-child{margin-left: 0 !important;}
.detail-four-tab li:last-child{margin-right: 0 !important;}
.detail-four-tab li::before{content:'';position: absolute;bottom:-1px;left:50%;transform:translateX(-50%);width:0;height:3px;background:linear-gradient(90deg,#409eff,#337ecc); border-radius:2px;transition:width .28s ease}
.detail-four-tab li.current{background: linear-gradient(135deg, #409eff 0%, #337ecc 100%);color: #fff !important;font-weight: 600 !important;box-shadow: 0 3px 12px rgba(64,158,255,.35); border-color: rgba(64,158,255,.25);transform: translateY(-1px)}
.detail-four-tab li.current::before{width:60%}
.detail-four-tab li:not(.current):hover{background:#eaf2fe;color:#337ecc}
.detail-four-tab li:not(.current):active{background:#dceaff}
/* ======================================== */
/* 工单事件列表样式 */
/* ======================================== */
.ticket-event-list{padding: 12px 16px;background-color: #fff;min-height: 200px}
.ticket-event-list .event-timeline{position:relative;padding: 0;margin: 0;list-style: none}
.event-timeline-item{position:relative;padding: 0 0 20px 0;min-height: 56px}
.event-timeline-item:last-child{padding-bottom: 4px}
.event-time-tag{text-align:center;padding:8px 0;margin-bottom:4px}
.event-time-tag span{display:inline-block;background: linear-gradient(135deg, #409eff 0%, #337ecc 100%); color:#fff;font-size:11px;padding:3px 14px;border-radius:20px;font-weight:600;letter-spacing:.5px; box-shadow:0 2px 8px rgba(64,158,255,.25)}
.event-time-tag span.time-past{background: linear-gradient(135deg, #a0b8d8 0%, #8a9cb8 100%); box-shadow:none}
.event-card{background: linear-gradient(145deg, #fafcff 0%, #f5f8fc 100%);border:1px solid #e8ecf1;border-radius: 10px; padding: 12px 14px;margin-top:2px;transition:all .25s ease;box-shadow:0 1px 4px rgba(0,0,0,.03)}
.event-card:hover{border-color:#c8daf0;box-shadow:0 3px 12px rgba(64,158,255,.08);transform:translateY(-1px)}
.event-card-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:6px}
.event-user-info{display:flex;align-items:center;flex:1;min-width:0;margin-left:10px}
.event-index{width:22px;height:22px;border-radius:50%;background:linear-gradient(135deg,#409eff 0%,#337ecc 100%);color:#fff;font-size:11px;font-weight:700; display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;line-height:1}
.event-user-name{font-size:13px;color:#334155;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:90px}
.event-type-text{font-size:13px;color:#64748b;margin-left:4px;word-break:break-all;line-height:1.45;flex:1}
.event-time{font-size:13px;color:#94a3b8;white-space:nowrap;flex-shrink:0;margin-left:8px}
.event-no-data{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 24px;color:#94a3b8}
.event-no-data i{font-size:52px;color:#cbd5e1;margin-bottom:16px;display:block}
.event-no-data p{font-size:14px;color:#94a3b8}
/* 工单事件加载动画 */
@keyframes eventFadeIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
.event-timeline-item{animation:eventFadeIn .35s ease forwards}
/* 登录页面样式 */
/* 选项卡 */
.login-tabs{display:flex;justify-content:center;margin:0 20px 24px;padding-bottom:0;border:none;gap:40px}
.login-tab-item{padding:12px 0;font-size:16px;color:#94a3b8;cursor:pointer;position:relative;font-weight:500;transition:all .3s ease;-webkit-tap-highlight-color:transparent;letter-spacing:1px}
.login-tab-item::after{content:'';position:absolute;bottom:-6px;left:0;width:100%;height:3px;background:transparent;border-radius:2px;transition:all .35s cubic-bezier(.4,0,.2,1)}
.login-tab-item.active{color:#4a90e2;font-weight:600}
.login-tab-item.active::after{background:linear-gradient(90deg,#4a90e2,#5ba4f5);width:120%;left:-10%;box-shadow:0 2px 10px rgba(74,144,226,.4)}
.sms-login-box{display:none}
/* 输入框组 - 简洁无多余装饰 */
.login-input-group{display:flex;align-items:center;background:#fff;border:1.5px solid #e1e8ed;border-radius:14px;padding:0 18px;margin-bottom:16px;transition:all .3s ease;box-shadow:0 1px 4px rgba(0,0,0,.04)}
.login-input-group:focus-within{border-color:#4a90e2;box-shadow:0 3px 15px rgba(74,144,226,.1)}
.login-input-group i.iconfont{font-size:20px;color:#b8c5d1;margin-right:14px;flex-shrink:0;transition:color .3s}
.login-input-group:focus-within i.iconfont{color:#4a90e2}
.login-input-group input{flex:1;border:none;outline:none;background:transparent;height:50px;font-size:15px;color:#333;line-height:50px;min-width:0;font-weight:400}
.login-input-group input::-webkit-input-placeholder{color:#c0c9d1;font-size:14px}
/* 验证码按钮 */
.send-code-btn{background:#f0f5ff!important;color:#4a90e2!important;font-size:13px!important;font-weight:600!important;padding:9px 14px!important;border:1.5px solid #4a90e2!important;border-radius:10px!important;white-space:nowrap!important;cursor:pointer!important;transition:all .25s ease!important;margin-left:10px!important;flex-shrink:0!important;outline:none!important;display:block!important;z-index:99!important}
.send-code-btn:hover:not(:disabled):not(.disabled){background:#4a90e2!important;color:#fff!important;box-shadow:0 3px 12px rgba(74,144,226,.3)!important}
.send-code-btn:active:not(:disabled):not(.disabled){transform:scale(.96)!important}
.send-code-btn.disabled,:disabled{border-color:#dce4eb!important;color:#b8c5d1!important;background:#f5f7fa!important;cursor:not-allowed!important}
/* 统一间距：输入框/滑块/登录 全部20px */
.login-input-group{margin-bottom:20px!important}
.user-form-main .slide-item{margin-top:0!important;margin-bottom:25px!important}
.user-form-main .login-item{text-align:center!important;margin-top:4px!important}
/* 滑动验证圆角 - 最高优先级强制覆盖 */
.user-form-item.slide-item #slide-verify,#slide-verify,#slide-verify.drag-btn,#slide-verify .drag-btn,#slide-verify .suc-drag-btn,#slide-verify .fix-tips,#slide-verify+.verify-msg,.user-wrapper #slide-verify,.user-wrapper #slide-verify .drag-btn,.user-wrapper #slide-verify .suc-drag-btn{border-radius:14px!important}
#slide-verify .drag-btn,#slide-verify .suc-drag-btn,.user-wrapper #slide-verify .drag-btn,.user-wrapper #slide-verify .suc-drag-btn{border-radius:12px!important}
/* 登录按钮 - 50%宽度 + 文字居中 */
.user-wrapper .submit-btn{display:inline-block!important;width:50%!important;border-radius:14px!important;text-align:center!important;letter-spacing:normal!important}
/* 滑块验证 - 文字颜色和字体与输入框占位符一致 */
.slide-verify .fix-tips{color:#c0c9d1;font-size:14px;font-weight:normal}
/* 验证通过 - 白色文字，与PC端一致 */
.slide-verify .verify-msg{color:#fff !important;font-size:14px !important;font-weight:normal !important}
/* OK按钮文字 - 绿色加粗，与PC端一致 */
.slide-verify .suc-drag-btn::before{color:#37dc81 !important;font-size:14px !important;font-weight:bold !important}
/* 输入框有内容时图标点亮（配合JS添加.has-value类）*/
.login-input-group.has-value > i.iconfont{color:#4a90e2}
/* 设置页面 - 退出/更新按钮 - 内容下方居中显示 */
.feeldesk-setting.bgf{position:relative;height:100%;display:flex;flex-direction:column;background-color:#fff}
.feeldesk-setting.bgf[style*="padding-bottom:70px"]{position:relative;height:100%;display:flex;flex-direction:column;background-color:#fff}
.feeldesk-setting.bgf > .feeldesk-main, .feeldesk-setting.bgf[style*="padding-bottom:70px"] > .feeldesk-main, .feeldesk-setting.bgf > main, .feeldesk-setting.bgf[style*="padding-bottom:70px"] > main.set-main{flex:1;min-height:0;margin-top:0!important;background-color:#fff}
.setting-logout-box{position:static;padding:25px 4vw 90px;text-align:center}
.set-logout-btn{display:inline-block!important;width:50%!important;height:13.3vw!important;line-height:13.3vw!important;border-radius:14px!important;color:#fff!important;font-size:16px!important;text-align:center!important;cursor:pointer!important;margin:0 auto!important; background:linear-gradient(135deg,#03b0fb 0%,#0a60f1 100%)!important; box-shadow:0 2px 10px rgba(7,135,246,.25)!important; transition:transform .2s ease,box-shadow .2s ease!important}
.set-logout-btn:active{transform:scale(.96)!important;box-shadow:0 1px 5px rgba(7,135,246,.18)!important}
/* ======================================== */
/* 更新个人信息页面 - 编辑表单样式 */
/* ======================================== */
/* 编辑页主容器 - 仅应用于工单详情页 */
#formWrapper.ticket-detail{position:relative;height:auto;min-height:100vh;background-color:#fff}
/* 工单详情页 - 必须固定高度才能让 flex 布局生效（ID选择器优先级高于类选择器）*/
#formWrapper.ticket-detail{height:100%!important;overflow:hidden;display:flex;flex-direction:column}
/* 编辑页内容区 - 仅应用于工单详情页 */
#formWrapper.ticket-detail .feeldesk-main{height:auto!important;padding-bottom:0;background-color:transparent}
/* 精致列表风格 - 紧凑排列 */
#formWrapper .user-item{height:auto!important;min-height:12vw;padding:0!important; margin-bottom:0!important;background-color:transparent;border-radius:0; box-shadow:none!important}
#formWrapper .user-item div.setting-inline{border-bottom:1px solid #f0f2f5!important; display:flex;align-items:center;min-height:12vw;padding:1.5vw 4vw!important}
/* 最后一项去掉分割线 */
#formWrapper .user-item div.setting-inline.border-none{border-bottom:none!important}
/* 标签文字 */
#formWrapper .user-item-name{font-size:3.3vw!important;color:#5a6a7e;font-weight:500;white-space:nowrap}
/* 左侧内容区域 */
#formWrapper .user-item-left{text-align:left;flex:1;margin-left:3vw;font-size:3.3vw;color:#5a6a7e;line-height:1.6}
/* 右侧内容区域 */
#formWrapper .user-item-right{text-align:right;flex:1;margin-left:3vw;font-size:3.3vw;color:#5a6a7e;line-height:1.6}
/* 头像区域 */
#formWrapper .user-item:first-child div.setting-inline{padding:2.5vw 4vw!important;min-height:16vw}
#formWrapper .user-item-left img:not([id="uploadLogoAndFace"]){width:11vw;height:11vw;border-radius:100%;object-fit:cover;vertical-align:middle}
/* 编辑页输入框 - 美化样式 */
.feeldesk-setting .user-item-right input.user-input{width:100%;height:10vw;line-height:10vw;border:1.5px solid #e6ecf1;border-radius:8px; padding:0 3vw;font-size:3.4vw;color:#a0aec0;box-sizing:border-box; vertical-align:middle;-webkit-appearance:none;transition:all .25s ease}
.feeldesk-setting .user-item-right input.user-input:hover{border-color:#c0d4e8;background-color:#fff}
.feeldesk-setting .user-item-right input.user-input:focus{border-color:#0787f6!important;background-color:#fff;caret-color:#0787f6; outline:none;box-shadow:0 0 0 3px rgba(7,135,246,.1)}
.feeldesk-setting .user-item-right input.user-input::-webkit-input-placeholder{color:#a0aec0;font-size:3vw}
.feeldesk-setting .user-item-right input.user-input::-moz-placeholder{color:#a0aec0;font-size:3vw}
.feeldesk-setting .user-item-right input.user-input:-ms-input-placeholder{color:#a0aec0;font-size:3vw}
/* 编辑页输入框 - 容器右对齐，文字左对齐 */
.feeldesk-setting .user-item-right input.user-input{width:73vw;height:9vw;line-height:9vw;border:1px solid #dde4ee;border-radius:6px; padding:0 2.5vw;font-size:3.4vw;color:#5a6a7e;box-sizing:border-box; vertical-align:middle;-webkit-appearance:none;transition:all .25s ease;text-align:left}
.feeldesk-setting .user-item-right input.user-input:hover{border-color:#b8c9dd;background-color:#fff}
.feeldesk-setting .user-item-right input.user-input:focus{border-color:#0787f6!important;background-color:#fff;caret-color:#0787f6; outline:none;box-shadow:0 0 0 2px rgba(7,135,246,.08)}
.feeldesk-setting .user-item-right input.user-input::-webkit-input-placeholder{color:#b0bec5;font-size:2.8vw;text-align:left}
/* 性别单选框选择器 - 自定义样式 */
#formWrapper .gender-selector{display:flex;align-items:center;margin-left:5vw;letter-spacing:10px}
#formWrapper .gender-check{display:inline-block;margin-right:4vw; font-size:3.2vw;color:#5a6a7e;cursor:pointer; -webkit-tap-highlight-color:transparent;user-select:none}
#formWrapper .gender-check:last-child{margin-right:0}
#formWrapper .gender-check input[type=radio]{opacity:0;position:absolute}
#formWrapper .gender-check input[type=radio] + label{position:relative;cursor:pointer;padding-left:5vw}
#formWrapper .gender-check input[type=radio] + label::before{content:'';position:absolute;left:-1.5vw;top:50%;transform:translateY(-50%); border-radius:50%;width:4vw;height:4vw;border:1.5px solid #999; box-sizing:border-box}
#formWrapper .gender-check input[type=radio] + label::after{content:'';position:absolute;left:-0.6vw;top:50%;transform:translateY(-50%); border-radius:50%;width:2vw;height:2vw}
#formWrapper .gender-check input[type=radio]:checked + label::before{border:1.5px solid #0787f6; box-shadow:0 0 6px rgba(7,135,246,.4); transition:all .3s}
#formWrapper .gender-check input[type=radio]:checked + label::after{background:#0787f6; transition:all .5s}
/* 默认头像复选框 - 仿layui primary风格 */
#formWrapper .default-avatar-check{display:inline-flex;align-items:center;margin-left:3vw;cursor:pointer; font-size:2.8vw;color:#5a6a7e;-webkit-tap-highlight-color:transparent; user-select:none;white-space:nowrap;position:relative; padding-left:6vw}
#formWrapper .default-avatar-check input[type=checkbox]{position:absolute;left:0;top:50%;transform:translateY(-50%); width:4.5vw;height:4.5vw;border:1.5px solid #dcdfe6;border-radius:4px; appearance:none;-webkit-appearance:none;cursor:pointer; background-color:#fff;transition:all .25s ease;flex-shrink:0; box-sizing:border-box}
#formWrapper .default-avatar-check input[type=checkbox]:checked{background-color:#0787f6;border-color:#0787f6}
#formWrapper .default-avatar-check input[type=checkbox]::after{content:'';position:absolute;left:1.4vw;top:.9vw; width:1vw;height:1.8vw; border:2px solid #fff;border-top:none;border-left:none; transform:rotate(45deg);display:none; box-sizing:border-box}
#formWrapper .default-avatar-check input[type=checkbox]:checked::after{display:block}
#formWrapper .default-avatar-check input[type=checkbox]:hover{border-color:#0787f6}
/* 头像区域容器 */
#formWrapper .avatar-area{display:flex;align-items:center}
.feeldesk-setting .user-item-right input.user-input::-moz-placeholder{color:#b0bec5;font-size:2.8vw;text-align:left}
.feeldesk-setting .user-item-right input.user-input:-ms-input-placeholder{color:#b0bec5;font-size:2.8vw;text-align:left}
/* 账号只读文本样式 */
#formWrapper .user-item-left.blue078{font-size:3.4vw!important;font-weight:600;color:#0787f6!important;letter-spacing:.3px}
/* 头像上传区域 - 编辑页专用 (兼容 img 和 div 两种结构) */
#formWrapper .user-item-left img#uploadLogoAndFace, #formWrapper .user-item-left #uploadLogoAndFace.avatar-upload-wrapper{width:14vw;height:14vw;border-radius:100%;object-fit:cover;border:2px solid #e6ecf1; cursor:pointer;display:inline-block;vertical-align:middle;transition:transform .2s ease}
#formWrapper .user-item-left img#uploadLogoAndFace:hover, #formWrapper .user-item-left #uploadLogoAndFace.avatar-upload-wrapper:hover{transform:scale(1.05);border-color:#078f6}
/* 夹像上传 wrapper 内部图片 */
#formWrapper .user-item-left #uploadLogoAndFace.avatar-upload-wrapper .avatar-img{width:100%;height:100%;border-radius:100%;object-fit:cover;display:block}
/* 清除浮动间距 */
#formWrapper .clear{display:none}
/* 保存按钮样式 - 内容下方居中显示 */
#formWrapper .setting-logout-box{position:static;padding:25px 4vw 90px;text-align:center}
#formWrapper .set-logout-btn{display:inline-block!important;width:50%!important;height:13.3vw!important; line-height:13.3vw!important;border-radius:14px!important;color:#fff!important; font-size:16px!important;text-align:center!important;cursor:pointer!important; margin:0 auto!important;font-weight:500; background:linear-gradient(135deg,#03b0fb 0%,#0a60f1 100%)!important; box-shadow:0 2px 10px rgba(7,135,246,.25)!important; transition:transform .2s ease,box-shadow .2s ease!important}
#formWrapper .set-logout-btn:active{transform:scale(.96)!important;box-shadow:0 1px 5px rgba(7,135,246,.18)!important}
/* ==================== 备忘录样式 ==================== */
.feeldesk-memo .memo-main{padding:0 2vw;height:calc(100% - 28vw);overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;background-color:#fafafa;}
/* 输入区展开时，列表高度缩减 */
.memo-item{background:#fff;border-radius:10px;padding:3vw 2vw;margin-bottom:3vw;box-shadow:0 1px 4px rgba(0,0,0,0.06);animation:fadeInUp 0.3s ease-out;}
@keyframes fadeInUp{from{opacity:0;transform:translateY(10px);}to{opacity:1;transform:translateY(0);}}
.memo-item .memo-content{font-size:3.6vw;line-height:1.7;color:#333;word-break:break-all;white-space:pre-wrap;margin-bottom:2vw;}
.memo-item .memo-footer{display:flex;justify-content:space-between;align-items:center;padding-top:2vw;border-top:1px solid #f0f0f0;}
.memo-item .memo-time{font-size:3.5vw;color:#999;display:flex;align-items:center;}
.memo-item .memo-time i.iconfont{margin-right:1vw;font-size:3.5vw;}
.memo-item .memo-delete{font-size:3.5vw;color:#0787f6;display:flex;align-items:center;padding:1vw 2vw;border-radius:5px;transition:all 0.2s;}
.memo-item .memo-delete:active{background-color:#e8f4fd;}
.memo-item .memo-delete i.iconfont{margin-right:0.5vw;font-size:3.5vw;}
.memo-empty{text-align:center;padding:15vw 0;color:#999;}
.memo-empty i.iconfont{font-size:15vw;color:#ddd;margin-bottom:3vw;display:block;}
.memo-empty p{font-size:3.8vw;color:#bbb;}
/* 底部固定输入区 */
.feeldesk-memo .memo-footer-fixed{position:fixed;width:100%;bottom:65px;left:0;padding:2vw 2vw;background:#fff;box-shadow:0 -2px 10px rgba(0,0,0,0.08);z-index:10;box-sizing:border-box;}
.feeldesk-memo .memo-footer-fixed .reply-input textarea{border:1px solid #e0e0e0;border-radius:8px;background-color:#f9fbfd;width:100%;padding:2.5vw;font-size:3.6vw;line-height:1.6;color:#333;resize:none;min-height:12vw;max-height:20vh;transition:border-color 0.2s;box-sizing:border-box;}
.feeldesk-memo .memo-footer-fixed .reply-input textarea:focus{border-color:#2e8cd3;outline:none;}
.feeldesk-memo .memo-footer-fixed .reply-input textarea::placeholder{color:#bdbdbd;}
.feeldesk-memo .memo-footer-fixed .reply-footer{display:flex;justify-content:flex-end;align-items:center;padding:1.5vw 0 0;}
.feeldesk-memo .memo-footer-fixed .submit-reply{color:#fff;border-radius:8px;text-align:center;font-size:3.5vw;width:18vw;height:8vw;line-height:8vw;background:linear-gradient(135deg,#2e8cd3,#1976D2);transition:opacity 0.2s;}
.feeldesk-memo .memo-footer-fixed .submit-reply:active{opacity:0.85;}
/* 备忘录第一条间距修复 */
.feeldesk-memo .memo-main{padding-top:3vw!important;}
.feeldesk-memo .memo-main .memo-item:first-child{margin-top:0;}
/* 备忘录浮动添加按钮（复用工单页面样式） */
.memo-buoy{position:fixed;right:3%;width:16%;bottom:18.5%;z-index:10;}
.memo-buoy .memo-buoy-btn{position:relative;display:inline-block;width:100%;height:100%;margin-top:15%;}
.memo-buoy .memo-buoy-btn:active{opacity:0.8;}
/* 备忘录header右侧图标 */
.memo-header-add{font-size:5vw;color:#fff;padding:0 2vw;display:flex;align-items:center;transition:opacity 0.2s;}
.memo-header-add:active{opacity:0.7;}
/* 三点图标大小与工单详情一致 */
.feeldesk-memo header i.icon-menu{font-size:6vw;}
/* 去掉左返回按钮后标题居中 */
.feeldesk-memo .menu-header div.header-title{width:100%;}
/* 备忘录三点菜单（复用工单详情样式） */
.feeldesk-memo header .header-menu{display:none;position:absolute;top:10vw;right:1vw;z-index:20;background-color:#fff;border-radius:7px;line-height:12vw; box-shadow:0 3px 6px rgba(0,0,0,.1);}
.feeldesk-memo header .header-menu b.menu-mark{position:absolute;top:-2vw;right:3vw;width:0;height:0;border-width:0 3vw 3vw;border-style:solid; border-color:transparent transparent #fff;}
.feeldesk-memo header .header-menu i{color:#6c6d6e;font-size:4vw;padding:0 2vw 0 3vw;}
.feeldesk-memo header .header-menu span{display:inline-block;border-top:1px solid #eee;padding-right:2vw;text-align:left;color:#333;}
.feeldesk-memo header .header-menu>div.current{background-color:#f8f8f8}
.feeldesk-memo header .header-menu>div:nth-child(2){border-top-left-radius:7px;border-top-right-radius:7px}
.feeldesk-memo header .header-menu>div:nth-child(2).current{border-top-left-radius:7px;border-top-right-radius:7px}
.feeldesk-memo header .header-menu>div:last-child.current{border-bottom-left-radius:7px;border-bottom-right-radius:7px}
.feeldesk-memo header .header-menu>div:nth-child(2) span{border-top:none}
/* 取消按钮 */
.cancel-reply{background:#999!important;margin-right:2vw!important;}
.cancel-reply:active{opacity:0.85!important;}
/* 隐藏输入区 */
.memo-footer-fixed.hidden{display:none!important;visibility:hidden;height:0;padding:0;margin:0;overflow:hidden;border:none;box-shadow:none;}
/* 工单详情 - 收款金额输入框样式 */
#paymentAmountInput{text-align:center;width:30%;height:40px;border:1px solid #ddd;border-radius:4px;padding:0 8px;font-size:14px;}
#receivableAmountInput{text-align:center;width:30%;height:40px;border:1px solid #ddd;border-radius:4px;padding:0 8px;font-size:14px;}
#paymentAmountInput::placeholder{text-align:center;}
#receivableAmountInput::placeholder{text-align:center;}
#paymentAmountInput::-webkit-input-placeholder{text-align:center;}
#receivableAmountInput::-webkit-input-placeholder{text-align:center;}
#paymentAmountInput::-moz-placeholder{text-align:center;}
#receivableAmountInput::-moz-placeholder{text-align:center;}
#paymentAmountInput:-ms-input-placeholder{text-align:center;}
#receivableAmountInput:-ms-input-placeholder{text-align:center;}
#paymentAmountInput:-moz-placeholder{text-align:center;}
#receivableAmountInput:-moz-placeholder{text-align:center;}
#paymentWaySelect{color:#666;}
#paymentStatusSelect, #paymentWaySelect{padding:0 2vw;}
#paymentStatusOptions, #paymentWayOptions{right:4vw;left:auto;width:30%;border:1px solid #dce8f5;border-radius:4px;overflow-y:auto;overflow-x:hidden;max-height:45vh;-webkit-overflow-scrolling:touch;z-index:10003;}
#paymentStatusOptions.open-up, #paymentWayOptions.open-up{top:auto;bottom:12vw;}
#paymentStatusOptions div, #paymentWayOptions div{border-bottom:1px solid #eef2f7;}
#paymentStatusOptions div:last-child, #paymentWayOptions div:last-child{border-bottom:none;}
#formWrapper .payment-flow-main,
#formWrapper .ticket-flow-main{height:auto!important; min-height:calc(100vh - 28vw); padding-bottom:26vw;}
#formWrapper .payment-flow-main .ticket-detail-item,
#formWrapper .ticket-flow-main .ticket-detail-item{overflow:visible;}
#paymentAmountRow .detail-item{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:nowrap;overflow:visible;}
#paymentAmountRow .payment-unpaid-check{display:inline-flex;align-items:center;justify-content:flex-start;line-height:1.4;white-space:nowrap;flex-shrink:0;margin:0;color:#64748b;position:relative;font-size:3.5vw;padding-left:24px;cursor:pointer;-webkit-tap-highlight-color:transparent;user-select:none;}
#paymentAmountRow .payment-unpaid-check input{position:absolute;left:0;top:50%;transform:translateY(-50%);width:16px;height:16px;margin:0;opacity:0;cursor:pointer;z-index:1;}
#paymentAmountRow .payment-unpaid-check span{position:relative;line-height:1;color:#64748b;transition:color .2s ease;}
#paymentAmountRow .payment-unpaid-check span::before{content:'';position:absolute;left:-24px;top:50%;transform:translateY(-50%);width:16px;height:16px;border:1px solid #d1d9e6;border-radius:3px;background-color:#fff;box-sizing:border-box;transition:all .2s ease;}
#paymentAmountRow .payment-unpaid-check span::after{content:'';position:absolute;left:-19px;top:50%;width:5px;height:9px;border:2px solid #fff;border-top:none;border-left:none;transform:translateY(-60%) rotate(45deg);box-sizing:border-box;display:none;}
#paymentAmountRow .payment-unpaid-check input:hover + span::before{border-color:#2c6ee5;background-color:#f0f6ff;}
#paymentAmountRow .payment-unpaid-check input:checked + span{color:#2c6ee5;}
#paymentAmountRow .payment-unpaid-check input:checked + span::before{background-color:#2c6ee5;border-color:#2c6ee5;}
#paymentAmountRow .payment-unpaid-check input:checked + span::after{display:block;}
#paymentAmountRow .payment-unpaid-check{margin-right:0;}
#paymentAmountRow #paymentAmountInput{margin-left:0;}
#ticketReplyFileInput,#insideReplyFileInput{display:none;}
/* 工单详情 - 通用样式 */
.ticket-detail-item-padding{padding:0 15px;}
.item-icon-warning{color:#e6a23c;}
.satisfy-footer{padding:0;}
.satisfy-done-bottom{width:50%;height:13vw;line-height:13vw;border-radius:3vw;background:linear-gradient(to right,#03b0fb,#0a60f1);color:#fff;border:none;font-size:4.5vw;font-weight:bold;cursor:pointer;}
#formWrapper .payment-flow-done-box{position: static; width: 100%; margin: 15px 0 0; box-sizing: border-box; pointer-events: none; text-align:center;}
#formWrapper .payment-flow-done-box .satisfy-done-bottom{pointer-events: auto;}
#formWrapper .payment-flow-main .select-item,
#formWrapper .ticket-flow-main .select-item{z-index:10005;}
#ticketReplyFileInput,#insideReplyFileInput{display:none;}