body,html{margin:0;padding:0;width:100%;height:100%}
.ab-c{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}
.nc{user-select:none}
.hide,[v-cloak]{display:none}
#app-main{position:relative;padding:50px 0}
.screenshot{position:fixed;right:0;bottom:0;width:120px;height:120px;color:#fff;z-index:99}
.ismobile .screenshot{right:-30px;bottom:-30px}
.screenshot .content{position:fixed;right:88px;bottom:88px;width:600px;height:600px;transform:translate(50%,50%);visibility:hidden}
.screenshot .content .wrap,.screenshot .ring{transition:all .3s cubic-bezier(0.42,0,0.58,1)}
.screenshot .toggle{position:absolute;bottom:60px;right:60px;width:56px;height:56px;z-index:1}
.screenshot  .ico{width:56px;height:56px;background:#33691e url(../image/camera.svg) no-repeat;background-position:center;border-radius:50%;cursor:pointer;z-index:2}
.screenshot.open .content{visibility:visible}
.screenshot .ring{content:'';width:100%;height:100%;background:#fff;border-radius:50%;opacity:0}
.screenshot.open .ring{width:200%;height:200%;opacity:1}
.screenshot .content .wrap{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:50%;background:#33691e;transform:scale(0);opacity:0}
.screenshot.open .content .wrap{transform:scale(1);opacity:1}
.screenshot .content .p{margin:275px 0 0 60px}
.screenshot .content .p p{margin:12px 0}
.screenshot .p1{font-size:20px;font-weight:bold}
.screenshot .snap{display:inline-block;padding:4px 12px;margin:10px;border:2px solid #fff;cursor:pointer}
.snapview{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.86);z-index:9999}
.snapview .close{position:absolute;top:0;right:0;width:80px;height:80px;font-size:40px;text-align:center;text-indent:18px;background:#fff;border-radius:0 0 0 100%;cursor:pointer}
.snapview .close:hover{color:#d11}
.snapview .opennew{position:absolute;padding:4px 7px;background:#fff;right:0;top:100px;cursor:pointer}
.snapview .img{display:block;max-width:90%;max-height:90%}
.diagnosis-info{margin:0 auto}
.isdesktop .diagnosis-info{width:74%}
.ismobile .diagnosis-info{width:90%}
.diagnosis-info .title{position:relative;padding:30px 0;margin:0 auto;font-size:26px;color:#f67942;text-align:center;display: flex; align-items: center;justify-content: center;}
.diagnosis-info .em{font-size: 13px;color:#d11}
.logo{height:30px;vertical-align:bottom; margin-right: 6px;}
.recheck{top:35px;font-size:1pc;font-weight:400;background:#f67942;color:#fff;cursor:pointer}
.isdesktop .recheck{position:absolute;padding:6px 15px;top:32px;right:10px;}
.ismobile .recheck{display: block;padding: 6px;width:96px;margin:15px auto 0;}
.statu-table{width:100%;margin:20px auto;border-collapse:collapse;text-align:left; font-size: 14px;}
.statu-table td,.statu-table th{padding:6px 8px;vertical-align:top;word-break:break-all}
.statu-table td{border-bottom:1px solid #ccc}
.statu-table th{text-align:left;padding:10px 0;font-weight:700}
.isdesktop .statu-table th{padding:10px 9pt;}
.isdesktop .statu-table tr td:nth-child(2),
.ismobile .statu-table tr td:nth-child(1){background:#e1e1e1}
.ismobile .statu-table tr td{display: block}
.list{margin:0;padding-left:10px;list-style:none}
.isdesktop .groupTr{border-top:2px solid #639;border-bottom:2px solid #898387}
.icon{display:inline-block;width:24px;height:24px;vertical-align:middle;background:no-repeat 100%}
.icon_pass{background-image:url(../image/pass.svg)}
.icon_deny{background-image:url(../image/deny.svg)}
.ip-info{margin:5px 0}
.ip-info>*{margin:0 15px 0 0}
.ip-info i{font-size:.9rem;color:#6c6c6c;font-style:normal}
.set-gt-tool{position:absolute;top:5px;right:15px;font-size:9pt}
.set-gt-tool input{width:300px;padding:5px;margin-right:5px}
.set-gt-tool a{padding:5px;background:#0f9d58;color:#fff;cursor:pointer}
.tooltip{position:relative;display:inline-block;padding:4px 6px;margin-left:10px}
.tooltip.ok{background:#ac5}
.tooltip.fail{background:#d11;color:#fff}
.tooltip.fail .tip{color:initial}
.tooltip:hover .tip{display:block}
.tooltip .tip{display:none;bottom:100%;margin:0;margin-bottom:10px;padding:9pt;background:#fff;border:1px solid #ccc}
.ismobile .tooltip .tip img{max-width: 260px}
.isdesktop .tooltip.long .tip{width:45pc}
.ismobile .tooltip.long .tip{width:25pc}
.tooltip .tip,.tooltip .tip:before{position:absolute;left:50%;transform:translateX(-50%)}
.tooltip .tip::before{content:'';width:0;height:0;border:8px solid transparent;border-top-color:#fff;top:100%;z-index:199}
.tooltip .tip:after{position:absolute;content:'';top:100%;left:0;width:100%;height:12px;background:transparent}
button{display:none;width:100%;padding:20px 0;color:#fff;font-size:20px;background:green;margin-top:20px;border:0;border-radius:5px}
.flash-trigger{position:fixed;top:0;left:0;width:100%;height:100%;padding-top:50px;z-index:2999;background:#e1e1e1;color:#333;text-align:center}
.flash-trigger .close{padding:0 5px;margin-left:20px;color:red;cursor:pointer;z-index:999}
.flash-trigger img{border:1px solid #ccc}
.flash-trigger object{position:absolute;top:120px;left:0;right:0;bottom:0;opacity:0;z-index:9}
.title_tip {text-align: left;color: #f67942;}