@charset "utf-8";
/*css global*/
*{margin:0;padding:0; box-sizing: border-box;}
html {
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: transparent;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  overflow-x: hidden;
   overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
body{
 color: #333;
  font-size: 14px;
  font-family: 'Helvetica', 'Helvetica Neue', 'Verdana', 'sans-serif', 'Arial', 'Ubuntu', 'PingFang SC', 'Microsoft YaHei';
  line-height: 1.8;
 
}
table{ border-collapse: collapse;width:100%;}
i,em,dfn{font-style: normal;}
a{text-decoration: none;}
button,input{
	outline: none;border:0 none;
	 border: none;
    -moz-appearance:none;
    -webkit-appearance : none ;/*解决ios上按钮的圆角问题*/
    border-radius: 0;/*解决ios上输入框圆角问题*/
    outline:medium;/*去掉鼠标点击的默认黄色边框*/
    background-color: transparent;
}
ul,ol,li{ list-style:none; }
img{border:0;vertical-align: middle;max-width:100%;}
.tc{ text-align:center;}
.blue,a.blue,.blue a{color:#8bffe8;}
.red{color:#ff6666;}
 /*wrapper*/
.wrapper{max-width:1200px;width:100%;margin:0 auto; position: relative;}
/*css global*/
.clearfix:after {
   content:""; 
   display: block; 
   clear:both; 
}
.org{color:#ff6400;}
.green{color:#1779ec;}
.font16{font-size:16px;}
  .domainSearch .search{text-align: center;position: relative;width:80%;margin:0 auto;}
  .domainSearch .search .inptext{width:100%;height:55px;line-height:45px;padding:0 12px;font-size:15px;background: #fff;margin-bottom: 10px;}
  .domainSearch .search .sbluebtn{width:145px;height:55px;padding:0 47px;background:#1779ec;color: #fff;font-size:19px;cursor: pointer;position: absolute;right:0;top:0; }
    .domainSearch .search .sbluebtn:hover{background:#1465c5;}
  .dominImg{position: absolute;right: 105px;top: 18px;width: 20px; background: url('../images/play.png') center center no-repeat;height: 20px;background-size: 100%; }
.domainSearch .search .inptext,.domainSearch .search .sbluebtn,.domainSearch .search h3{display: inline-block; vertical-align: middle;}
.domainSearch  .search h3{font-size:16px;margin-right:10px;position: absolute;left:5px;top:8px; background: #fff;padding-left:15px;}

.delete {margin-top:1px;color:#000;display: none;background:#fff;width: 100%; box-shadow:1px 3px 3px rgba(0,0,0,.5);z-index: 20;position: absolute; }

.delete p{height:35px;line-height:35px;cursor: pointer;padding:0 10px;}
.delete p:hover{ background: #f2f2f2; }
.delete .list{ text-align: left; }
.graybg{background: #f2f2f2;}
.his-dele{text-align: center;padding:10px; border-top:1px solid #f2f2f2;cursor: pointer;color:#333;font-size:15px;}
.sleft,.rleft{position: relative;border:1px solid #f2f2f2;min-height:670px;height:auto;padding:80px 0 50px 0;}
.rleft{float:right;width:770px;border-left:0;}
.rleft p{display: inline-block;margin:0 10px;}
.sleft{float:left;width:430px;border-right: 0}
.stitle{font-size:16px;font-weight:normal;box-shadow: 0 3px 3px rgba(0,0,0,.05);border:1px solid #f2f2f2;border-bottom:0;margin-top: 50px;padding:8px 20px;position: relative;}
.stitle h3{font-weight:normal;}
.numce{position: absolute;left:130px;top:8px;font-size:14px;}
.numce span{font-size:18px;color:#1779ec;}
.domainStatus{margin-bottom:50px;}
.domainStatus th{ background:#f2f2f2 ; font-weight:normal;border:1px solid #ececec;color:#666;}
.domainStatus td{border:1px solid #e4e4e4;}
.domainStatus td,.domainStatus th{padding:10px;font-size:12px;}
.domainNumbox td{display: none;}
.domainNumbox{border:1px solid rgba(10,118,214,.1);}
/*.domainIp th,.domainStatus td{color:#0a76d6;}*/
.domainIp td{color:#333;}
.detectionResult td{color: #333;min-width: 60px;}
.detectionResult .blue{color:#333;}
.detectionResult .red{color:#ff6666;}


.resultinfo{margin-top:20px;}
.serviceQ,a.serviceQ{ background:#1779ec;color:#fff;padding:5px;font-size:12px;margin-left:20px;}
.result {margin:0 auto;min-height:500px;display: none;}
.domainstatus{ margin-top: 20px;}
.endNoData{display: none;min-height:400px;line-height:400px;text-align: center;font-size:14px; background: #fff;}
.endNoData em{display: inline-block;width:30px;height:30px; vertical-align: middle; background: url(../images/waring.png) no-repeat; background-size: cover;margin-right:10px;}

/* 进度条*/
.loading{width: 100%;height: 20px;background-color: #ccc; text-align: center;display: none;position: absolute;top:-20px;left:0;right:0;margin:auto;}
.loading .child{width:0%;height: 20px;background-color:#1779ec;}
.loading .info{text-align: center;color: #fff; position: absolute;z-index: 10;font-size:12px;line-height:20px;padding-left:20px;}

.msgecharts{ text-align: center;color:#999;position: absolute;height:500px;line-height:500px;top:0;left:0;width:100%;}
.mapcharts{width:690px;height:530px;margin:0 auto}
.ipcharts{width:430px;height:505px;margin:0 auto}
.iptitle{line-height: 1; background:#fff;padding:15px 20px;box-shadow: 0 3px 3px rgba(0,0,0,.05);border:1px solid #f2f2f2;}
.iptitle p{display: inline-block;}
.iptitle .status strong{font-size:18px;}
.iptitle .status strong,.iptitle .status span{margin-right: 50px}
.iptitle em{font-style: normal;margin-right:5px;color:#666;}
.iptitle dfn{font-style: normal;margin-left:5px;font-size:12px;padding:5px 8px 4px 8px;border-radius: 2px;position: relative;top:0;}
.iptitle dfn,.iptitle em,.iptitle strong,.iptitle span{display: inline-block;vertical-align: middle;}

.redbg{background:#ff6666;color:#fff;}
.bluebgtip{background:#1779ec;color:#fff;}
.msg{z-index:999;color:#fff;position: fixed;top:50%;left:50%;min-width:200px;height:50px;line-height:50px;margin-left:-100px;margin-top:-25px; padding:0 10px;background: rgba(0,0,0,.5); text-align: center;display: none;}




.loading .child:after {
content: "";
position: absolute;
top: 0; left: 0; bottom: 0; right: 0;
background-image:
-webkit-gradient(linear, 0 0, 100% 100%,
color-stop(.25, rgba(255, 255, 255, .2)),
color-stop(.25, transparent), color-stop(.5, transparent),
color-stop(.5, rgba(255, 255, 255, .2)),
color-stop(.75, rgba(255, 255, 255, .2)),
color-stop(.75, transparent), to(transparent)
);
background-image:
-moz-linear-gradient(
-45deg,
rgba(255, 255, 255, .2) 25%,
transparent 25%,
transparent 50%,
rgba(255, 255, 255, .2) 50%,
rgba(255, 255, 255, .2) 75%,
transparent 75%,
transparent
);
z-index: 1;
-webkit-background-size: 50px 50px;
-moz-background-size: 50px 50px;
background-size: 50px 50px;
-webkit-animation: move 2s linear infinite;
-moz-animation: move 2s linear infinite;
-webkit-border-top-right-radius: 8px;
-webkit-border-bottom-right-radius: 8px;
-moz-border-radius-topright: 8px;
-moz-border-radius-bottomright: 8px;
border-top-right-radius: 8px;
border-bottom-right-radius: 8px;
-webkit-border-top-left-radius: 20px;
-webkit-border-bottom-left-radius: 20px;
-moz-border-radius-topleft: 20px;
-moz-border-radius-bottomleft: 20px;
border-top-left-radius: 20px;
border-bottom-left-radius: 20px;
overflow: hidden;
}


@-webkit-keyframes move {
0% {
background-position: 0 0;
}
100% {
background-position: 50px 50px;
}
}

@-moz-keyframes move {
0% {
background-position: 0 0;
}
100% {
background-position: 50px 50px;
}
}

.betaicon{color:#fff;font-size:14px; background:rgba(255,255,255,.2);padding:2px 5px;position: absolute;bottom:10px;right:10px;line-height: 1;border-radius: 2px;font-style: italic;font-family: Arial, Helvetica;}
.iprAtio{zoom:1;overflow: hidden;line-height:35px;}
.iprAtio li{text-align:center;float:left;width:20%;zoom:1;overflow: hidden;font-size:12px;}
.iprAtio li:nth-child(5n){margin-right:0;}
.iprAtio li span{background:#f2f2f2;border:1px solid #f2f2f2;width:52%;color:#666;}
.iprAtio li em{border:1px solid #f2f2f2;width:48%;border-left:0}
.iprAtio li em,.iprAtio li span{float:left;padding:0 10px;border-top:0;}
.iprAtio li span.redbg{color:#e33838; background:rgba(138,0,0,.09);}
.btnIp{display: block;}
.btnIp h3,.btnIp p{display:inline-block; vertical-align: middle;}
.btnIp p{margin-left:30px;font-size:12px;}
.btnIp p span{padding:0 10px;}
.btnIp span{display: inline-block; background: #f2f2f2;border-right:1px solid #fff;cursor: pointer;}
.btnIp .normalBtn{color: #1779ec;}
.btnIp .polluteBtn{color: #ff6666;}
.btnIp .allBtn{color:#333}
.btnIp .normalBtn.on{ background: #1779ec;color:#fff}
.btnIp .polluteBtn.on{ background: #ff6666;color:#fff}
.btnIp .allBtn.on{ background: #1779ec;color:#fff}

.pollutedtxtalink{ display: inline-block; margin-left:5px; color:#ff6666 !important;padding:0 5px;}
.pollutedAlink{position: absolute;right:20px;top:18px;font-size:14px;}
.pollutedAlink a{color:#034b8a;}
/*app*/
@media (max-width: 768px){ 
.domainSearch .search{width:90%;}
.domainSearch .search .sbluebtn{width:-1px;}

.sleft,.rleft{display: block;width: 100%;border:0;min-height:auto;padding:20px 0;}
.rleft p{display: block;margin:0;}
.domainStatus{margin-bottom:20px;}
.domainStatus td,.domainStatus th{padding:5px;}
.stitle{font-size:14px;padding:5px 10px;margin-top:20px;}
.numce{left:100px;font-size:12px;}
.numce span{font-size:14px;}
.resultinfo{padding:0 10px;margin:0;}
.mapcharts,.ipcharts{width:320px;height:260px;padding: 0;border:0;margin:0 auto;}
.mapcharts{height:330px;}
.domainstatus{padding:0 10px;}
.endNoData{min-height: 200px;line-height:200px;}
.result{min-height: 200px;}
.ipcharts{margin-top:0;}
.iptitle{padding:10px;}
.iptitle strong{font-size:16px;}
.iptitle .status strong,.iptitle .status span{margin-right: 20px}
.iptitle p{display: block; text-align: center;padding:5px 0;font-size:12px;}
.iprAtio {border:none;border-top:1px solid #f2f2f2;}
.iprAtio li{width:50%;line-height:1.8;font-size:12px;}
.iprAtio li span{width:60%;}
.iprAtio li em{width:40%;}

.iprAtio li:nth-child(2n){margin-right:0;}
.btnIp p span{padding:0 5px;}
.pollutedAlink{display: none;}
}