.common-table .el-table{color:#333}.common-table .el-table td,.common-table .el-table th{border:none!important;text-align:left;padding-left:20px}.common-table .el-table th{font-size:14px;color:#888;background-color:#f7f7fa}.common-table .el-table td{color:#333}.common-table .el-table--border:after,.common-table .el-table--group:after,.common-table .el-table:before,.common-table .el-table__fixed-right:before,.common-table .el-table__fixed:before{background-color:#fafafa}.common-table .cusaction{display:block}.common-table .cusaction .cell{display:flex;justify-content:space-between;align-items:center}.common-table .cusaction .cell .cellcontent{display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.common-table .table-handle{display:none;justify-content:center;align-items:center}.common-table .table-handle .iconfont{font-size:18px;width:22px;height:22px;line-height:22px;text-align:center;color:#999;border-radius:2px;padding:3px;margin-right:10px;cursor:pointer}.common-table .table-handle .iconfont:hover{color:#1e6ecb;background:#dce4f5}.common-table .el-table--enable-row-hover .el-table__body tr:hover .table-handle,.common-table .el-table__body .el-table__row.hover-row .table-handle{display:inline-flex}.common-table .el-table__fixed-right{height:100%!important}.common-table .blue,.common-table .red,.common-table .yellow{width:20px;height:50px;overflow:auto}.common-table .yellow{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAABEklEQVQ4ja3TL0sEQRgH4GcXBLGooGHRpjY/gFb3ExzcVsF+zWSyWAQ/xYkgbBOMI2LUarSIygaLzSAchvPk9G739v68MPAy/Hh4Z4aJijxt4RhzyusFjSQLTxUZEKOFFSxWrG3cFnm6WQec/+mPsICzkuxaHTTG0k9/nmThE+2K/Eg07utPizzdxUnVBKPQqMjTD917GrfesJNk4bVswnGrN+n6rEDY+I9OCw6gMR5micZo4n5GaDuCIk+Xcaf7I6ap56jXFXm6ipsp0C80fh8lycI79vA4IdZMsnD955UnRDs4SLJwBdGwxBjH72A/ycJFb2MoWBMdwCrBEehQbCRYgpZitcA+NMcWDpMsXJZlvwGuaV+hcRq7XAAAAABJRU5ErkJggg==)}.common-table .red,.common-table .yellow{background-repeat:no-repeat;background-size:contain;background-position:50%}.common-table .red{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAABDElEQVQ4ja3TrUoEURgG4GcHBLGooEnbaPMGrF6AsLBhQBAsk7aZTBaL4BVMXBEGbIJVxGDQanSCGL0Ag7AY3JXRnb/d2Q8OvBxeHs7hcDpZHPVxigXl845umKSvFR0QoI81LFesHdxncbTVBFwc5RMs4aKku9EEDbAyypdhkn5iUNGvRYNcPs/iaBdnVSeoQ/PgAR6xXwPm0c0qcNopRNuAEP5H24ITaIDneaIBeniaEzroQBZHq3jw8yPazFtnnLI4WsddC/QL3d9HCZP0A3t4mRHrhUl6++eVZ0SHOAqT9AY6RY0prj/EYZikV+ONQrAhOoFVgjVoIVYLlqClWCMwh15jG8dhkqZl3W+U9VxHBMifmQAAAABJRU5ErkJggg==)}.common-table .blue{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAABEklEQVQ4ja3TLUsEURQG4GcGBLGooEmZojbjBK3+g4XNgn2ZYjJZLIJpfsKKINgEq4hRJxotjposNoOwGHZXVnfnYz8OXDhcXh7OvZcbREnWwjHmFNcrGnkaP5dkQIgWVrBYsrZxFyXZZh1wvtcfYQFnBdm1OmiIpV5/nqfxF9ol+Uo0HOhPoyTbxUnZBFVoECXZp+49jVvv2MnT+K1ownGrP+n6rEDY+I9OCw6hIR5niYZo4mFGaDuAKMmWca/7I6apl6DfRUm2itsp0G80fh8lT+MP7OFpQqyZp/HNn1eeEO3gIE/jawhGJcY4fgf7eRpf9DdGgjXRIawUrEBHYpVgAVqI1QIH0Cts4TBP48ui7A/IHFyzty56DQAAAABJRU5ErkJggg==);background-repeat:no-repeat;background-size:contain;background-position:50%}.common-table .badge-tag{display:inline-block;width:6px;height:6px;border-radius:50%;background-color:#f35361;margin-right:6px;vertical-align:middle}.common-table .badge-tag.up{background-color:#53c94d}.common-table .badge-tag.down{background-color:#f35361}.common-table .badge-tag.end{background-color:#bbc8db}.common-table .badge-tag.wait{background-color:#f7ab48}.common-table .badge-tag.appl{background-color:#296cf1}.common-table .badge-tag.success{background-color:#45a1ff}.qrCodeBox{border:none!important}.qrCodeBox .qrCodeContent{width:100px;height:100px;margin:0 auto}.qrCodeBox .qrCodeContent img{width:100%;height:100%}.el-popover{min-width:100px}.nodatalist .el-table--border:after,.nodatalist .el-table--group:after,.nodatalist .el-table:before{background-color:#fff}.fontIcon{content:"";position:absolute;display:block}.servicelist .service-add .el-button.el-button--text{padding-left:10px;padding-right:10px}.servicelist .button{display:flex}.servicelist .button .addPer{width:110px;color:#296cf1;font-size:14px;padding:20px 0;text-align:right;cursor:pointer}.servicelist .button .addPer img{margin-right:10px;width:13px;height:13px}.servicelist .servicedetail .serdet-basic{padding:13px 0;border-top:1px solid #ececec}.servicelist .servicedetail .serdet-basic h6{font-size:16px;color:#333;line-height:20px;padding-bottom:7px}.servicelist .servicedetail .serdet-basic .con p{font-size:14px;color:#999;line-height:26px}.servicelist .servicedetail .serdet-basic .con p span{color:#666}.servicelist .servicedetail .serdet-basic .con p i{display:inline-block;height:24px;line-height:24px;border-radius:2px;padding:0 5px;border:1px solid #296cf1;color:#296cf1;font-size:12px;text-align:center;margin-right:10px;font-style:normal}.servicelist .servicedetail .serdet-basic .info-part{max-height:151px;overflow-y:auto}.servicelist .servicedetail .serdet-basic .info-part p{padding-left:72px;position:relative;min-height:25px;line-height:25px}.servicelist .servicedetail .serdet-basic .info-part p em{position:absolute;left:0;top:0;font-style:normal}.servicelist .servicedetail .serdet-basic .column-2 p,.servicelist .servicedetail .serdet-basic .width50 p{width:50%;float:left}.servicelist .servicedetail .serdet-head{padding:15px 0 10px}.servicelist .servicedetail .serdet-head .info{font-size:14px;color:#999;line-height:20px;margin-left:110px}.servicelist .servicedetail .serdet-head .info h6{font-size:16px;color:#333;padding-bottom:5px}.servicelist .servicedetail .serdet-head .info .condiv-p p{font-size:14px;color:#999;line-height:24px;height:24px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.servicelist .servicedetail .serdet-head .info .condiv-p p span{color:#666}.servicelist .servicedetail .serdet-head .info .count-area{padding:8px 0 0;width:260px}.servicelist .servicedetail .serdet-head .info .count-area .split{width:1px;height:30px;margin:0 auto;background-color:#ececec;margin-top:10px}.servicelist .servicedetail .serdet-head .info .count-area span{font-size:14px;color:#666}.servicelist .servicedetail .serdet-head .info .count-area p{color:#296cf1;font-size:20px;line-height:24px;text-align:center}.servicelist .servicedetail .serdet-head img{display:block;width:80px;height:80px;float:left;border-radius:100px;overflow:hidden}.servicelist .servicedetail .el-dialog{width:500px;height:615px;border-radius:5px;background-color:#fff;position:absolute;left:50%;top:50%;margin-left:-250px}.servicelist .servicedetail .el-dialog .el-dialog__body{padding:0 22px}.servicelist .service-list .page-box li{padding:0;border:none}.servicelist .service-list .listBox .listItem{width:auto;display:flex;padding:30px 20px 20px 30px;box-sizing:border-box;justify-content:flex-start;align-items:center;position:relative;top:0;left:0}.servicelist .service-list .listBox .listItem:after{content:"";position:absolute;bottom:0;left:30px;right:20px;height:1px;background-color:#e2e2e2}.servicelist .service-list .listBox .listItem .itemImg{width:100px;height:100px;border-radius:100%;margin-right:30px}.servicelist .service-list .listBox .listItem .itemImg .avatar{width:100px;height:100px;border-radius:100%}.servicelist .service-list .listBox .listItem .itemContent{width:300px;margin-right:40px;color:#666;font-size:16px;line-height:28px}.servicelist .service-list .listBox .listItem .itemContent .itemName{color:#333;font-size:18px;font-weight:600}.servicelist .service-list .listBox .listItem .itemContent .itemName span{width:66px;height:24px;color:#396cc4;font-size:12px;display:inline-block;line-height:24px;text-align:center;background-color:#eff5fc;border-radius:2px;margin-left:10px;font-weight:400}.servicelist .service-list .listBox .listItem .itemContent .itemRole{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.servicelist .service-list .listBox .listItem .itemStart{color:#666;font-size:14px;line-height:20px}.servicelist .service-list .listBox .listItem .itemStart .startCount{margin-top:16px}.servicelist .service-list .listBox .listItem .itemStart .startCount .startSpan{color:#396cc4;margin-left:10px}.servicelist .service-list .listBox .listItem .itemStart .startBox i{margin-left:5px}.servicelist .service-list .listBox .listItem .itemStart .startBox .el-icon-star-on{color:#ffae00}.servicelist .service-list .listBox .listItem .itemSet{flex:1;text-align:right}.servicelist .filter-pannel{background-color:#fff}.servicelist .filter-pannel .filters-row{padding:15px 0}.servicelist .filter-pannel .search-box{width:auto;padding:20px 20px 0;display:flex;justify-content:space-between;align-items:center}.servicelist .filter-pannel .search-box .searchInput{flex:1}.servicelist .filter-pannel .search-box .el-button{width:90px;margin-left:20px}.servicelist .filter-pannel .filter-tabs{position:relative;padding:0 30px}.servicelist .filter-pannel .filter-tabs a{float:right;font-size:14px;color:#296cf1;padding-top:16px}.servicelist .filter-pannel .filter-tabs h6{font-size:14px;font-weight:700;color:#333;float:left;width:80px;padding-top:16px}.servicelist .filter-pannel .filter-tabs .filter-tablist{margin:0 50px 0 80px}.servicelist .filter-pannel .filter-tabs .filter-tablist.maxh{max-height:46px;overflow:hidden}.servicelist .filter-pannel .filter-tabs .filter-tablist span{font-size:14px;color:#666;padding:6px 12px;margin:10px 15px 10px 0;border-radius:3px;white-space:nowrap;display:inline-block;cursor:pointer}.servicelist .filter-pannel .filter-tabs .filter-tablist span.on{color:#fff;background-color:#296cf1}.servicelist .filter-pannel .search-row{width:auto;padding:0 21px;height:60px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e6e6e6;box-sizing:border-box}.servicelist .filter-pannel .search-row span{font-size:16px;color:#333;cursor:pointer;font-weight:600}.servicelist .filter-pannel .search-row span.on{border-bottom:2px solid #296cf1}.servicelist .filter-pannel .search-row .addService{cursor:pointer;color:#296cf1;font-size:16px}.servicelist .filter-pannel .search-row .addService img{width:13px;height:13px}