.app-box{margin:0 auto 2.33rem;max-width:789px}.my-swipe .van-swipe-item{align-items:center;display:flex;height:100%;justify-content:center;overflow:hidden;width:100%}.swipe-item-image{min-height:100%;min-width:100%;object-fit:cover}.swipe-item{height:100%;position:relative;width:100%}.swipe-item-image{height:auto;width:100%}.swipe-item-label{color:#fff;font-size:1.233rem;font-weight:700;position:absolute;text-align:center;top:10px;z-index:10}.app-item{background-color:#cce4d0;border-radius:.5rem;box-shadow:inset 0 0 10px hsla(0,0%,5%,.1);margin:.5rem;padding:.8rem;text-align:left}.api-item .van-cell,.app-item .van-cell{border-radius:.3rem;margin-top:1rem;padding:2px 2px 2px 10px}.api-item .van-cell{background-color:transparent;line-height:15px}.app-time{color:#666;padding-bottom:.5rem}.txt-right{text-align:right}.app-time .txt-left{font-size:.666rem}.txt-left{text-align:left}.app-box small{display:block;margin:.833rem 0 0 .633rem}.detail-box{color:#555;font-size:.722rem;line-height:1.234rem;margin:.555rem}.btn-right{background:linear-gradient(90deg,#ff5e62,#f96);border:none;border-radius:50px;box-shadow:0 5px 15px rgba(0,0,0,.2);color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:6px 12px;position:absolute;right:.996rem;text-align:center;text-decoration:none;transition:all .3s ease;width:3.567rem}.btn-right:hover{background:linear-gradient(90deg,#f96,#ff5e62);box-shadow:0 10px 25px rgba(0,0,0,.3);transform:translateY(-3px)}.btn-right:active{box-shadow:none;transform:translateY(0)}.api-info-title{color:#444}.api-info{background-color:#fff;border-radius:.234rem;color:gray;font-size:.666rem;line-height:1rem;margin:.345rem;padding:.345rem}.pass-rate-div{font-size:larger;font-weight:700;vertical-align:middle}.circle,.pass-rate-div{text-align:center}.data{font-size:small;padding-left:20%;text-align:left}.data div{line-height:150%}.title .van-button{height:28px}.btn-input{left:0;opacity:0;position:absolute;width:100%}#topo{height:24rem;margin-top:10%}.van-grid-item{cursor:pointer}.my-swipe .van-swipe-item{background-color:#223;color:#fff;font-size:20px;line-height:6rem;text-align:center}.tip{display:block;padding:.6rem 1.6rem .6rem .6rem}#wit-mock{background-color:#f7f8fa;min-height:100%}.van-sticky{width:100%}.waf-chart-box{position:relative;width:100%}#waf-chart{height:300px;width:100%}.input-url{position:absolute;right:2%;z-index:199;&>input{width:140px}}.waf-show-btn{display:inline-block;left:1%;position:absolute;top:42%;z-index:199}.van-loading{text-align:center}.van-swipe-cell__right{display:flex}.iframe-box{height:400px;width:80%}.iframe-box-div{height:100%;position:relative;width:100%}.iframe-mask{background-color:#fff;height:100%;line-height:400px;position:absolute;text-align:center;top:0;width:100%}.add-url-form{width:80%}.add-url-form-title{font-weight:600;margin:10px auto;text-align:center}@media (min-width:960px){.waf-box{height:100%;width:100%}.waf-content-box{display:flex;flex-direction:row;height:calc(100% - 120px)}.waf-table-box{width:800px;&>.el-card{height:100%;overflow-y:auto}}.waf-chart-box{flex:1;position:relative;width:100%}#waf-chart{height:700px;width:100%}.input-url{right:12%;z-index:199;&>input{height:32px;width:140px}}.waf-show-btn{left:90%;top:0;z-index:199}.iframe-box{height:90%;width:90%}.iframe-mask{line-height:600px}.van-sticky{margin:0 auto}#wit-mock .van-dropdown-item__content{margin-left:56%!important;width:12%!important}.van-grid-item{cursor:pointer;height:120px}.van-grid-item__text{font-size:16px!important}.add-url-form{width:400px}}.main-container{display:flex;height:80%}.main-content{box-sizing:border-box;flex:1;padding:20px}.custom-table{border:1px solid #b0adad;border-collapse:collapse;width:100%}.custom-table td,.custom-table th{border-bottom:1px solid #b0adad;padding:8px;text-align:center}.custom-table th{background-color:#f0f0f0}.table-container{overflow-x:auto;width:100%}.table-controls{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.status-dot{border-radius:50%;display:inline-block;height:8px;margin-right:5px;width:8px}.status-green:before{background-color:green}.status-green:before,.status-red:before{border-radius:50%;content:"";display:inline-block;height:8px;margin-right:5px;width:8px}.status-red:before{background-color:red}.device-counters{display:flex;justify-content:space-between;margin-bottom:10px}.counter{flex:1;text-align:center}.counter-circle{align-items:center;background-color:#f0f0f0;border-radius:50%;display:flex;flex-direction:column;height:80px;justify-content:center;width:80px}.counter-label{font-weight:700}.counter-value{font-size:20px}.topo{background:url(/im/wit/mock/topo/bg.png) no-repeat #efefef;background-size:100% 100%;overflow:overlay}::-webkit-scrollbar{background:#efefef;height:10px;width:10px}::-webkit-scrollbar-track{background:#efefef;border-radius:10px;box-shadow:inset 0 0 6px #21447c}::-webkit-scrollbar-thumb{background:#006d68;border-radius:10px;box-shadow:inset 0 0 6px rgba(0,0,0,.5)}::-webkit-scrollbar-thumb:window-inactive{background:#efefef}::-webkit-scrollbar-corner{background:#efefef;border-radius:10px}.overhaul-botton{font-weight:900;padding:1.6rem 0!important}.overhaul-botton .van-image{display:block;height:1.5rem;margin:auto auto 10px;width:1.5rem}.overhaul-menu{background-color:#006d68!important;border-color:#006d68!important}.overhaul-menu,.overhaul-menu-check{color:#fff!important;font-size:13px!important}.overhaul-menu-check{background-color:#09a6a3!important;border-color:#187a76!important}.main-overhaul{height:90vh;margin-top:2.5rem}.bg-left{background-color:#006d68;color:#fff;height:100%;margin-top:-.1rem;text-align:center}.content-overhaul{background:#efefef;margin-left:8.333333%;margin-top:.3rem;z-index:999}.header-overhaul{background-color:#34373b;color:#fff;font-size:large;height:2.5rem;left:0;line-height:2.5rem;position:fixed;right:0;text-align:center;top:0;z-index:99999}.header-overhaul a{color:#fff}.vertical-line{border-left:34373b solid}.trapezoid-index{height:3.8rem;line-height:3.8rem}.trapezoid,.trapezoid-index{background-color:#006d68;font-weight:700;margin-left:10%;transform:perspective(1em) rotateX(-2deg);-webkit-transform:perspective(1em) rotateX(-2deg);-moz-transform:perspective(1em) rotateX(-2deg);-ms-transform:perspective(1em) rotateX(-2deg);-o-transform:perspective(1em) rotateX(-2deg);width:80%}.trapezoid{height:2.8rem}.execution-menu-check-no{background-color:#dadee4!important;border-color:#dadee4!important;color:#fff!important;cursor:default;pointer-events:none}.execution-menu-check{background-color:#1e928e!important;border-color:#1e928e!important;color:#fff!important;font-size:13px!important}#topo-index{height:65vh;width:100%}.el-table .warning-row{background:oldlace}.el-table .success-row{background:#f0f9eb}.home-filter{margin:40px auto;width:450px}.filterForm{background-color:#fff;border-radius:10px;padding:20px}.home-container .home-filter .el-input{width:270px}.home-container .result-box{align-items:center;display:flex;flex-direction:row;justify-content:space-between;margin:0 auto;width:600px}.pcap-body .el-table .el-table__row{background-color:#e4ffc7}.pcap-body .el-table .el-table__row:hover{background-color:#b6e8d2;border:1px solid #89d1dd}.pcap-body .el-table--enable-row-hover .el-table__body tr:hover>td.el-table__cell{background:none}.logs-container{background-color:#282c34;height:100%;width:100%}.logs-body{padding:20px}.log-cell{display:flex;font-size:16px;height:24px;line-height:24px}.log-cell .log-title{color:#d0cac5;width:15px}.log-cell .log-info{color:#fff;padding-left:40px}.demo-ruleForm{height:75vh;overflow:auto;width:100%}