/*物业工单*/
.am-header .am-header-title{font-size: 17px;}
.head-nav{color: #999999;font-size: 15px;}
.head-nav a{display: inline-block;padding: 10px;position: relative;}
.head-nav a.active{color: #333;}
.head-nav a.active:after{content: "";display: block;margin: 0 auto; width:24px;border-bottom: 2px solid #3b7afb;position: absolute;bottom: 0;left: 0;right: 0;}
.work-order ul{margin: 0;padding: 0;}
.work-order ul li{margin-bottom: 10px;background-color: #fff;list-style: none;color: #999;border-radius: 4px;font-size: 14px;}
.work-order ul li>div{margin: 5px 0;}
.work-order ul li>div:first-child{margin-bottom: 1rem;}
.work-order ul li>div b{color: #333;}
.work-order ul li span{color: #333;}
.work-order ul li .work-order-title span{color: #333;margin-right: 10px;}
.state-btn{display: inline-block; width: 64px;height:20px;line-height: 20px; border-radius: 4px;color: #fff!important;font-size: 12px;text-align: center;}
.state00{background-image: -moz-linear-gradient( 130deg, rgb(194 197 197) 0%, rgb(160 163 162) 100%);
    background-image: -webkit-linear-gradient( 130deg, rgb(194 197 197) 0%, rgb(160 163 162) 100%);
    background-image: -ms-linear-gradient( 130deg, rgb(194 197 197) 0%, rgb(160 163 162) 100%);}
.state01{background-image: -moz-linear-gradient( 0deg, rgb(254,138,43) 0%, rgb(252,160,59) 100%);
    background-image: -webkit-linear-gradient( 0deg, rgb(254,138,43) 0%, rgb(252,160,59) 100%);
    background-image: -ms-linear-gradient( 0deg, rgb(254,138,43) 0%, rgb(252,160,59) 100%);}
.state02{background-image: -moz-linear-gradient( 130deg, rgb(86,183,234) 0%, rgb(1,140,231) 100%);
    background-image: -webkit-linear-gradient( 130deg, rgb(86,183,234) 0%, rgb(1,140,231) 100%);
    background-image: -ms-linear-gradient( 130deg, rgb(86,183,234) 0%, rgb(1,140,231) 100%);}
.state03{background-image: -moz-linear-gradient( 130deg, rgb(93,210,209) 0%, rgb(22,225,137) 100%);
    background-image: -webkit-linear-gradient( 130deg, rgb(93,210,209) 0%, rgb(22,225,137) 100%);
    background-image: -ms-linear-gradient( 130deg, rgb(93,210,209) 0%, rgb(22,225,137) 100%);}
.state04{background-image: -moz-linear-gradient( 0deg, rgb(39,204,160) 0%, rgb(80,219,180) 100%);
    background-image: -webkit-linear-gradient( 0deg, rgb(39,204,160) 0%, rgb(80,219,180) 100%);
    background-image: -ms-linear-gradient( 0deg, rgb(39,204,160) 0%, rgb(80,219,180) 100%);}

.gd-num{color: #333;font-size: 14px;}
.gd-title span{font-size: 14px;font-weight: bold;}
.gd-info-box ul{margin: 0;padding: 0;}
.gd-info-box ul>li{list-style: none;display: flex;padding: 5px 0;}
.gd-info-box ul>li div:nth-child(1){width: 103px;color: #999;font-size:14px;}
.gd-info-box ul>li div:nth-child(2){flex:1;font-size:14px;}

.gallery-img ul li{display: inline-block;padding: 0; width: 60px;height: 60px;border-radius: 4px;overflow: hidden;}
.gallery-img ul li img{width: 100%;height: 100%;object-fit: cover;}
.gd-sort{border-top:1px solid #eeeeee;display: flex;justify-content: space-between;position: fixed;bottom: 0;left: 0;right: 0;padding: 1rem;}
.gd-sort button{margin: 0 7px; width: 75px;height:36px;border-radius: 4px;outline: none;color: #fff;font-size: 12px;border: none;}
.btn-sort01{background-image: -moz-linear-gradient( 0deg, rgb(82,135,243) 0%, rgb(59,158,251) 100%);
    background-image: -webkit-linear-gradient( 0deg, rgb(82,135,243) 0%, rgb(59,158,251) 100%);
    background-image: -ms-linear-gradient( 0deg, rgb(82,135,243) 0%, rgb(59,158,251) 100%);}
.btn-sort02{background-image: -moz-linear-gradient( 0deg, rgb(43,160,220) 0%, rgb(60,180,242) 100%);
    background-image: -webkit-linear-gradient( 0deg, rgb(43,160,220) 0%, rgb(60,180,242) 100%);
    background-image: -ms-linear-gradient( 0deg, rgb(43,160,220) 0%, rgb(60,180,242) 100%);}
.btn-sort03{background-image: -moz-linear-gradient( 0deg, rgb(39,204,160) 0%, rgb(80,219,180) 100%);
    background-image: -webkit-linear-gradient( 0deg, rgb(39,204,160) 0%, rgb(80,219,180) 100%);
    background-image: -ms-linear-gradient( 0deg, rgb(39,204,160) 0%, rgb(80,219,180) 100%);}
.btn-sort04{background-image: -moz-linear-gradient( 0deg, rgb(254,138,43) 0%, rgb(252,160,59) 100%);
    background-image: -webkit-linear-gradient( 0deg, rgb(254,138,43) 0%, rgb(252,160,59) 100%);
    background-image: -ms-linear-gradient( 0deg, rgb(254,138,43) 0%, rgb(252,160,59) 100%);}
.btn-sort05{background-image: -moz-linear-gradient( 0deg, rgb(217,73,69) 0%, rgb(245,101,97) 100%);
    background-image: -webkit-linear-gradient( 0deg, rgb(217,73,69) 0%, rgb(245,101,97) 100%);
    background-image: -ms-linear-gradient( 0deg, rgb(217,73,69) 0%, rgb(245,101,97) 100%);}
.btn-ing{width: 62px;height: 18px; padding: 0; border: 1px solid #fe8d2d;border-radius: 4px;color:#fe8d2d;font-size: 12px;background: none;}

.ht-head {position: relative;overflow: hidden;}
.ht-item-tit {transform: rotate(45deg);position: absolute;top: 15px;right: -25px;}
.ht-item-tit span {display: inline-block;padding: 0 30px;color: #fff;position: relative;background-color: #ff6000;font-size: 12px;transform: scale(1);}
.ht-item-tit.ht-end span {background-color: #999999;}
.ht-head-nav {border-top: 1px solid #f5f5f5;background-color: #fff;}

.info-btm {margin-top: 5px;}

.fq-modal{width: 100%;border-top-left-radius: 20px;border-top-right-radius: 20px;}
.fq-modal-hd{font-size: 14px;color: #000;}
.fq-modal-hd .am-close{opacity: 0.8;}
.fq-modal .am-modal-hd{padding: 10px;background-color: #fff;margin-bottom: 10px;}
.fq-modal .am-modal-bd{padding-left: 10px;padding-right: 10px;}
.fq-modal .am-modal-hd .am-close{top: 10px;right: 10px;}
.fq-modal-hd{font-weight: bold;}

.met-body-tit {font-size: 14px;}
.met-bottom .met-bottom-btn {background-image: -webkit-linear-gradient( 0deg, rgb(43,160,220) 0%, rgb(60,180,242) 100%);}
.met-body-tit:before {background-color: #37aeec;top: 3px;}
.met-list-item-info div:last-child textarea {height:100px;text-align: left;}

.task-pay{float: right;color: #ff6000;}
.task-payno{float: right;color: #30a6e2;}