@charset "utf-8";
/* css document */
body{
 background: #fff !important;
}
.success-info{
 color: #25c168;
}
.error-info{
 color: #f44545;
}
.loading-info{
 color: #888;
}
.nodatas{
 height: 142px;
 margin: 25px 0 auto;
 color: #ccc;
 font-size: 14px;
 background:  top center no-repeat;
}
.nodatas p{
 position: relative;
 top: 95px;
 display: block;
 text-align: center;
}
.ml-9{
 margin-left: -9px;
}
.webcheck{
  height: 453px;
  margin-top: -10px;
 background: linear-gradient(90deg,#f2f5fa, #dde3f1);
}
.webcheckrestop{
 height: 120px;
 margin-top: -10px;
 background: linear-gradient(90deg,#f2f5fa, #dde3f1);
}
.webcheck .webcheckbanner{
  height: 453px;
  background:  right bottom no-repeat;
}
.webcheck .webcheckcont{
  width: 1200px;
  margin: auto;
  padding: 80px 0 72px;
  font-size: 16px;
  color: #555555;
  z-index: 1;
  font-family: pingfang sc, pingfang sc-regular;
}
.webcheck .webcheckbanner h1{
 display: flex;
 gap: 1rem;
 -webkit-box-align: center;
 align-items: center;
 font-family: pingfang sc, pingfang sc-semibold;
 font-weight: 600;
 font-size: 36px;
 text-align: left;
 color: rgb(34, 34, 34);
}
.webcheckrestop .webchecksermain{
 width: 1200px;
 display: flex;
 justify-content: space-between;
 margin: auto;
}
.webcheckrestop .webchecksermain .webcheckinfo{
 text-decoration: none;
 font-size: 32px;
 font-family: pingfang sc, pingfang sc-semibold;
 font-weight: 600;
 text-align: left;
 color: #222222;
 line-height: 115px;
}
.webcheckrestop .webchecksermain .webcheckinfo em{
 font-size: 20px;
 font-family: pingfang sc, pingfang sc-medium;
 font-weight: 500;
}
.webcheckser{
 position: relative;
 width: 700px;
}
.webchecksermain .webcheckser{
 width: 400px;
}
.webcheckser .webcheckinpt{
 width: 648px;
 height: 60px;
 line-height: 60px;
 margin-top: 40px;
 padding-left: 52px;
 border-radius: 5px;
 border: none;
}
.webchecksermain .webcheckinpt{
 width: 348px;
 height: 50px;
 margin-top: 35px;
}
.webcheckser i.iconfont{
 color: #aaa5a5;
 position: absolute;
 top: 58px;
 left: 20px;
}
.webcheckser i.iconguanbi3{
 color: #ccc;
 font-size: 16px;
 position: absolute;
 top: 58px;
 right: 123px;
 left: unset;
 cursor: pointer;
}
.webchecksermain i.iconfont{
 top: 49px
}
.webcheckallbtn .line{
 width: 1px;
 height: 24px;
 background: #eee;
 position: absolute;
 top: 58px;
 right: 103px;
}
.webchecksermain .webcheckallbtn .line{
 top: 49px;
}
.webcheckserbtn{
 width: 103px;
 text-align: center;
 position: absolute;
 top: 40px;
 right: 0;
}
.webchecksermain .webcheckserbtn{
 top: 35px
}
.webcheckserbtn .searchbtn{
 width: 103px;
 height: 60px;
 line-height: 22px;
 text-align: center;
 font-size: 16px;
 font-family: pingfang sc, pingfang sc-medium;
 font-weight: 500;
 text-align: center;
 color: #4192e7;
 border: none;
 background: none;
}
.webchecksermain .searchbtn{
 height: 50px;
}
.webchecksec{
 max-width: 700px;
 display: flex;
 font-size: 14px;
 font-family: microsoft yahei, microsoft yahei-regular;
 font-weight: 400;
 text-align: left;
 color: #222222;
}
.webchecksec .blue{
 color: #4192e7
}
.webchecksec .vipbtn{
 display: flex;
 color: rgb(187, 124, 33);
 font-style: normal;
 margin-left: 10px;
 cursor: pointer;
}
.webchecksec .iconvip{
 width: 17px;
 display: block;
 margin-right: 3px;
 background:  no-repeat 0 3px;
}
.webchecklink{
 background: rgba(255,255,255,0.50);
}
.webchecklinkitem{
 width: 1200px;
 height: 77px;
 line-height: 77px;
 font-size: 12px;
 margin: auto;
 text-align: center;
 display: flex;
 justify-content: flex-start;
 flex-wrap: wrap;
 opacity: 0.75;
 transition: all 0.2s ease-in-out 0s;
}
.webchecklink a{
 font-size: 12px;
 color: rgb(102, 102, 102);
 font-weight: 400;
 text-decoration: none;
 padding: 0 8px;
 transition: all 0.2s ease-in-out 0s;
}
.webcheckmain{
 width: 1020px;
 height: 467px;
 margin: auto;
 display: flex;
 position: relative;
}
.webcheckmain .webcheckitem{
  display: flex;
 font-family: pingfang sc, pingfang sc-regular;
 font-weight: 400;
}
.webcheckmain .webcheckitem a{
 width: 300px;
 height: 267px;
 display: block;
 color: rgb(34, 34, 34);
 margin: 130px 60px 0px 0px;
 border-radius: 5px;
 position: relative;
 text-decoration: none;
 background: linear-gradient(rgba(244, 247, 253, 0.6), rgb(231 240 254));
 z-index: 99;
}
.webcheckmain .webcheckitem a img {
 width: 180px;
 position: absolute;
 top: -50px;
 right: 19%;
 z-index: 0;
}
.webcheckmain .webcheckitem a span{
 display: block;
 position: relative;
 top: 140px;
 text-align: center;
}
.webcheckmain .webcheckitem a span h3{
 font-size: 18px;
 font-weight: 400;
 color: rgb(34, 34, 34);
 margin-top: 4px
}
.webcheckmain .webcheckitem a span p{
 font-size: 12px;
 color: rgb(136, 136, 136);
 line-height: 20px;
 margin-top: 10px;
}
.webcheckconcent{
 width: 1140px;
 margin: auto;
 border-radius: 5px;
 box-shadow: 0px 0px 20px 0px rgba(29,73,120,0.05);
 padding: 30px;
 background: #fff;
}
.progressbar{
 position: relative;
 background-color: #eeeeee;
 box-shadow: inset 0px 1px 1px rgba(0,0,0,.1);
 display: flex;
 border-radius: 25px;
 z-index: 0;
}
.progressbar .proggress.success,.progressbar .proggress.error{
 background-color: #3fcd7c;height: 10px;border-radius: 25px;z-index: 999;
}
.progressbar .proggress.error{
 background-color: #f44564;margin-left: -8px;z-index: 9;
}
.totaljobs,.totaljobs span{
 display: flex;
 justify-content: space-between;
}
.totaljobs span p,.timetaken p{
 margin: 2px 0 0 10px
}
.jobcount,.timetaken{
 display: flex;
}
.timetaken i{
 color: #888;
 margin-right: 8px;
}
.timetaken p{
 margin: 2px 0px
}
.timetaken p em{
 color: #4192e7;
}
.details h3{
 font-size: 14px;
 font-family: pingfang sc, pingfang sc-regular;
 font-weight: 400;
 text-align: left;
 color: #222222;
 margin-top: 10px;
 cursor: pointer;
}
.details h3 i{
 position: relative;
 top: 2px;
 left: -3px;
}
.details ul{
 display: none;
 margin-top: 12px;
}
.details ul li{
 display: flex;
 margin-bottom: 6px;
}
.details ul li p em{
 font-size: 12px;
 font-family: pingfang sc, pingfang sc-regular;
 font-weight: 400;
 color: #888888;
 margin-left: 6px;
}
.details ul li a.retry{
 display: block;
 width: 48px;
 height: 24px;
 line-height: 24px;
 background: #eeeeee;
 border-radius: 25px;
 text-align: center;
 color: #222;
 font-size: 12px;
 margin-left: 15px;
}
.details ul li a.retry:hover{
 text-decoration: none;
}
.webcheckres{
 width: 1200px;
 margin: 20px auto 0;
}
.webcheckres .zerogrid{
 float: left;
 margin-right: 20px;
}
.webcheckres .zerogrid:nth-child(3n){
 margin-right: 0;
}
.webcheckres .itembox{
 background: rgb(255, 255, 255);
 box-shadow: rgba(0, 0, 0, 0.05) 0px 2px 8px 0px;
 border-radius: 8px;
 padding-top: 10px;
 position: relative;
 margin-bottom: 20px;
 width: 386px;
}

.webcheckres .itembox .itemtit{
 display: flex;
 justify-content: space-between;
}
.webcheckres .itembox .itemtit span{
 color:#888;
 line-height: 40px;
 cursor: pointer;
}
.webcheckres .itembox .itemtit span i .tip{
 display: none;
}
.webcheckres .itembox .itemtit span i:hover .tip{
 display: block;
 width: 195px;
 background: rgba(0,0,0,0.75);
 box-shadow: 0px 2px 8px 0px rgba(0,0,0,0.15);
 position: absolute;
 border-radius: 3px;
 font-size: 12px;
 z-index: 99;
 left: 188px;
 padding: 17px 22px 17px 23px;
 line-height: 20px;
 color: #fff;
}
.webcheckres .itembox .itemtit span .tip i.iconfont {
 position: absolute;
 top: -13px;
 font-size: 16px;
 color: #000000;
 right: 100px;
 text-shadow: 0px -6px 27px rgba(29,73,120,0.10);
 opacity: .75;
}
.webcheckres .itembox h3 {
 margin: 0px;
 height: 51px;
 line-height: 51px;
 display: inline-block;
 padding: 0px 45px 0px 30px;
 background: linear-gradient(46deg, rgb(104, 159, 254), rgb(140, 195, 255) 97%);
 text-align: center;
 color: rgb(255, 255, 255);
 position: relative;
 gap: 1rem;
 -webkit-box-align: center;
 align-items: center;
 font-size: 18px;
}
.webcheckres .itembox h3::after{
 content: "";
 position: absolute;
 top: 0px;
 right: -25px;
 border-width: 51px 25px;
 border-style: solid;
 border-color: rgb(255, 255, 255) transparent transparent;
 transform: skewx(0deg);
}
.webcheckres .itembox .itemsec{
 padding: 24px 30px;
 border-top: 1px solid rgb(238, 238, 238);
}
.webcheckres .itembox .itemsec li{
 display: flex;
 font-size: 14px;
 font-family: pingfang sc, pingfang sc-regular;
 font-weight: 400;
 color: #777777;
 justify-content: space-between;
 margin-bottom: 20px;
}
.webcheckres .itembox .itemsec li.selectbox{
 display: unset;
}
.webcheckres .itembox .itemsec li.selectbox span{
 display: flex;
 justify-content: space-between;
}

.webcheckres .itembox .itemsec .selectitem span{
 padding: 15px 20px 0 26px;
}
.webcheckres .itembox .itemsec .selectitem span:first-child{
 padding: 0 0 10px 0;
 cursor:pointer
}
.webcheckres .itembox .itemsec .selectitem span:last-child{
 padding-bottom: 15px;
 margin-bottom:20px
}
.webcheckres .itembox .itemsec .selectitem span:not(:first-child){
 background: #f8fafb;
 color: #888;
}
.webcheckres .itembox .itemsec .selectitem span p.selicon{
 position: relative;
 left: -8px;
 text-align: left;
}
.webcheckres .itembox .itemsec li p{
 word-wrap: break-word;
 max-width: 200px;
}
.webcheckres .itembox .itemsec li p.resname,.webcheckres .itembox .itemsec li p.restxt,.webcheckres .itembox .itemsec li p.seltxt{
 color: #222222;
 min-width: 120px;
 max-width: 200px;
 text-align: right;
 word-wrap:break-word
}
.webcheckres .itembox .itemsec li p.restxt{
 max-width: unset;
 text-align: center;
}
.webcheckres .itembox .itemsec li p.seltxt{
 max-width: unset;
}
.webcheckres .itembox .itemsec li:last-child{
 margin-bottom: 0;
}
.webcheckres .itembox .itemsec #vmap{
 width: 327px;
 height: 191px;
 margin-top: 20px;
}
.horizontal{
 display: inline-block;
 transform: rotate(270deg);
 position: relative;
 top: 2px;
 right: 5px;
 font-size: 16px;
 margin-left: 5px;
}
.restc{
 width: 200px;
 margin: auto;
 text-align: center;
 font-size: 14px;
 font-family: pingfang sc, pingfang sc-regular;
 font-weight: 400;
 text-align: center;
 color: #222222;
}
.webcheckserbtn .searchbtn:hover,.details ul li a.retry:hover,#progressbar .details h3:hover{
 opacity: .8;
}
.webchecknodata{
 height: 356px;
 color: #ccc;
 margin: auto;
 background:  center no-repeat;
}
.webchecknodata p{
 position: relative;
 top: 65%;
 display: block;
 text-align: center;
}
.toolfooter{
 height: 106px;
 background: rgb(6, 28, 67);
 padding: 60px 0 0 0;
}
.toolfooter p{
 line-height: 19px;
}
.toolfooter p.linkbtn a,.toolfooter p.info span{
 color: #fff !important;
 font-size: 16px;
}
.now{display:flex;justify-content:space-between;padding:0 12px;}
.list{width:45vw;}
.list li{margin-bottom:8px;width:100%;border-radius:5px;background:#ffffff;overflow:hidden;}