.ztc_top{
  width: 100%;
  max-width: 1920px;
  height: 600px;
  height: 6rem;
  background: url('../images/ztc_tbj.png') center center no-repeat;
  background-size: 100% 100%;
  margin: 0 auto;
  padding-top: .05rem;
  box-sizing: border-box;
}
.jsq_top{
  background: url('../images/jstopbg.png') center center no-repeat;
  background-size: 100% 100%;
  height: 1.3rem;
}
.ztc_center{
  width: 14rem;
  margin: .25rem auto 1.2rem;
  display: flex;
  justify-content: space-between;
  
}
.ztc_left img{
  width: 4.35rem;
  height: .7rem;
}
.ztc_right{
  width: 5rem;
  height: .7rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;

}
.ztc_ul{
  display: flex;
  justify-content: space-between;
}
.ztc_ul2{
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.ztc_ul2 .sskbk{position: relative;
  width: 2.56rem;
  height: 0.3rem;
  border-radius: 0.15rem;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.ztc_ul2 .sskbk .wb{
  width: 2.06rem;
  height: 0.3rem;
  line-height: .3rem;
  padding: 0 0 0 .1rem;
  color: #333;
  font-size: .16rem;
}
.ztc_ul2 .sskbk .ss{
  width: 0.4rem;
  height: 0.3rem;
  position: absolute;
  right: 0;
  font-size: .16rem;
  background: url(../images/btnser.png) no-repeat center center;
  background-size: 50% auto;
  cursor: pointer;
}

.ztc_ul li{color: #fff;}
.ztc_ul li a{
  font-size: .14rem;
  color: #fff;
}
.ztc_ul2 li a{
  font-size: .14rem;
  color: #fff;
  padding:0 .08rem;
  box-sizing: border-box;
  border: .01rem solid #fff;
  border-radius: .15rem;
  margin-left: .1rem;
  height: 0.25rem;
    display: block;
}
.ztc_ul2 li:first-child a{
  border: none;
  position: relative;
}
.ztc_ul2 li:first-child a::after{
  content: '';
  position: absolute;
  top: 10%;
  left: -20%;
  width: .16rem;
  height: .18rem;
  /*background: url('../images/ztc_jz.png') center center no-repeat;*/
  background-size: 100% 100%;
}

.jsq-main{
  background-image:url('../images/jsqmainbg.png');
  margin: 0 auto;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: center center;
  height: 966px; height: 9.6rem;
  width: 100%;
  max-width: 1920px;
}
.jsq-bs{
  width: 100%;
  display: flex;
  justify-content: center;
  padding: .5rem 0;
}
.jsq-content{
  width: 14rem;
  height: 7.5rem;
  margin: 0 auto;
  background: url('../images/jsqbk.png') no-repeat center center;
  background-size: 100% 100%;
  position: relative;
  padding-bottom: .5rem;
  /* min-height: 7.18rem; */
}
.jsq-c-zsq{
  position: absolute;
  width: .31rem;
  height: .26rem;
  left: 0%;
  top: -1%;
  transform: translateX(1.65rem);
  animation: zsq 12s linear infinite;
}
.zsq-p1{
  position: absolute;

  /* left: 2rem; */
  top:2%;
  left:2%;
  width: 1rem;
  height: .1rem;
  /* background-image: linear-gradient(90deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.99),hsla(0,0%,100%,0)); */
  background-image: url('../images/jsjbkgx.png');
  /* background-color: #0656B0FF; */
  animation: 12s linear 0s infinite normal none running zsqp1;
}
/* .zsq-p2{
  position: absolute;
  top: 0;
  right: .2rem;
  width: .08rem;
  height: 0rem;
  background-image: url('../images/jsjbkgx.png');
  animation: 5s linear 0s infinite normal none running zsqp2;
 
} */
.zsq-p3{
  position: absolute;
  bottom: 2%;
  /* left: 2rem; */
  width: 1rem;
  height: .1rem;
  background-image: url('../images/jsjbkgx.png');
  animation: 12s linear 0s infinite normal none running zsqp3;
}
/* .zsq-p4{
  position: absolute;
  top: 0;
  left: .2rem;
  width: .08rem;
  height: 0rem;
  background-image: url('../images/jsjbkgx.png');
  animation: 5s linear 0s infinite normal none running zsqp4;
 
} */
.jsq-select {
  width: 80%;
  height: auto;
  padding: .4rem 0 0 0;
  margin: 0 auto;
}
.jsq-topul{
  display: flex;
  justify-content: center;
}
.jsq-topul li{
  display: flex;
  align-items: center;
  font-size: .14rem;
  height: .8rem;
  font-size: .28rem;
  width: 4rem;
  justify-content: center;
  cursor: pointer;
  font-weight: 600;
  /* transform: translateY(-.1rem); */
}
.jsq-topul .jsq-active{
  color: #0C478C;
  background: url('../images/jstitbg.png') no-repeat center center;
  background-size: 100% 100%;
  
}
.jsq-input{
  width: 10.5rem;
  margin: 0 auto;
  border-radius: 3px;
  border: .01rem solid #0656B0;
  height: .61rem;
  display: flex;
  align-items: center;
  position: relative;
  padding-left: 0.16rem;
  box-sizing: border-box;
  margin-top: .2rem;
}
.jsq-input-text{
  margin-left: .1rem;
  width: 9rem;
  font-size: .18rem;
}
.jsq-qr{
  position: absolute;
  width: .8rem;
  height: .8rem;
  background: url('../images/jsq-qran.png') no-repeat center center;
  background-size: 120% 120%;
  background-color: #fff;
  top: -0.15rem;
  right:-0.3rem;
  z-index: 999;
  border-radius: 50%;
  cursor: pointer;
}
.jsq-result{
  width: 567px; width: 4.2rem;
  height: 45px; height: .45rem;
  background: url('../images/jsssjgbg.png') center center no-repeat;
  background-size: 100% 100%;
  margin: 0.4rem auto;
  display: flex;
  justify-content: center;
  align-items: center;font-size: .18rem;
}
.jsq-result span i {
  color: red;
  margin: 0 .05rem;
}
.jsq-results{
  width: 13.4rem;
  /* height: 80px; */
  /* background-color: pink;
  background-color: #FFFFFF; */
  margin: 0 auto;
  display: flex;
  /* justify-content: end; */
}
.jsq-results-ul{
  display: flex;
  flex-wrap: wrap;
  margin-left: .26rem;
}
.jsq-results-ul li{
  width: 2.86rem;padding: 0 0.1rem;
  height: 1rem;
  background: #F9F9F9;
  border-radius: 5px 10px 5px 5px;
  border: .01rem solid #DEDEDE;
  margin-right: .3rem;
  position: relative;
  margin-bottom: .3rem;
  font-size: .16rem;
}
.jsq-results-ul li::after{
  content: '';
  position: absolute;
  width: .16rem;
  height: .08rem;
  background: #FFFFFF;
  /* background-color: #0C478C; */
  border: .01rem solid #ECECEC;
  border-bottom: none;
  border-radius: .08rem .08rem 0 0;
  top: 50%;
  left: 0;
  transform: translateX(-30%) translateY(-50%) rotate(90deg);  
}
.jsq-results-ul li::before{
  content: '';
  position: absolute;
  width: .16rem;
  height: .08rem;
  background: #FFFFFF;
  border: .01rem solid #ECECEC;
  border-bottom: none;
  border-radius: .08rem .08rem 0 0;
  top: 50%;
  right: 0;
  transform: translateX(35%) translateY(-50%) rotate(270deg);  
  z-index: 999;
} 


.jsq-results-ul li .uli-top{
  width: 100%;
  height: 0.5rem;
  line-height: .5rem;
  overflow: hidden;
  border-bottom: 1px dashed #DEDEDE;
  display: flex;
  justify-content: center;
  align-items: start;
  position: relative;
}
.result-status{
  position: absolute;
  top: 0;
  right: 0;
  width: 55px; width: .55rem;
  height: 22px; height: .22rem;
  background: #B8B8B8;
  border-radius: 0px 10px 0px 10px;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: .14rem;
}
.statussbz{
  background-color: #67A9F8;
}
.statusdd {
  background-color: #88CE5AFF;
}
.uli-bottom{
  width: 100%;
  height: .5rem;
  display: flex;
  justify-content: start;
  align-items: center;
}
.uli-bottom span {
  height: 0.5rem;
  display: inline-block;
  line-height: .5rem;
  overflow: hidden;
}
.zxsj{
  width: .15rem;
  height: .18rem;
  margin-right: .07rem;
}
.jsq-xz-main{
  height: 6rem;
  overflow: auto;
  width: 13.4rem;
  margin: 0 auto;
}
.jsq-search-main{
  width: 10rem;
  height: auto;
  position: absolute;
  left: 1.75rem;
  z-index: 99;
  background-color: #fff;
}
.jsq-search-main ul li  {
  display: block;
  padding: 10px;
  border-bottom: 1px solid #eee;
  font-size: 14px;
  color: #666;
  cursor: pointer;
}
.zwpts {
  width: 100%;
  height: 50px;
  padding: 3% 0 3% 5px;
  box-sizing: border-box;
  font-size: .15rem;
}
.jsq-xz-cymain,.jsq-xz-rcmain{
  width: 100%;
  /* height: 1.5rem; */
  /* background-color: #0656B0; */
  width: 12.9rem;
  margin: 0 auto;
  background: #FFFFFF;
  box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.08);
  border-radius: 10px;
  padding-bottom: .35rem;
  height: 5.5rem;
}
.cymain-bottom{
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 4.5rem;
}
.cymain-bottom-ul{
  /* justify-content: space-between; */
  flex-wrap: wrap;
  height: 3.66rem;
  max-height: 3.66rem;
  overflow-y: auto;
}
.rcmain-bottom-ul{
  display: flex;

  flex-wrap: wrap;
}

.cymain-bottom-ul li,.rcmain-bottom-ul li{
  width: 4rem;
  height: 1rem;
  background: #F9F9F9;
  border-radius: 2px;
  border: .01rem dashed #D8D8D8;
  margin-bottom: .2rem;
  margin-left: 0.2175rem;float: left;
}
.rcmain-bottom-ul li {
  margin-left: 0.2175rem;
}

.cy-uli-top{
  width: 100%;
  /* height: .2rem; */
  display: flex;
  align-items: end;
  margin-top: .15rem;
}
.cywttb{
  margin: 0rem 0.1rem 0 0.15rem;
  width: .18rem;
  height: .2rem;

}
.cy-uli-top span {
  font-size: .18rem;
  color: #333333;
  font-weight: 700;
  line-height: .18rem;
}

.cy-uli-bottom{
  display: flex;
  margin-top: .16rem;
  height: .25rem;
  align-items: center;
  position: relative;
  font-size: .16rem;
}
#registrationTime{
  /* width: 160px; */
  /* height: 30px; */
  border: .01rem solid #B8B8B8;
  cursor: pointer;
  flex: 1;
}
.cy-uli-bottomspan{
  margin: 0 .08rem 0 0rem;
}
.jsq-time {
  position: absolute;
  left: 65%;
  z-index: 1;
  cursor: pointer;
}
.cy-uli-bottom-left {
  margin-left: .4rem;
  width: 2.5rem;
  display: flex;
  align-items: center;
  
}
.custom-radio:first-child {
  margin-right: 1rem;
}
.cy-uli-bottom-left >input{
  height: .3rem !important;
  flex:1;
}
.cy-uli-bottom-right {
  margin-left: .15rem;
}
#inputQ{
  width: 1.2rem;
  height: .3rem;
}
.city{
  width: 2.5rem;
  height: .3rem;
  border: .01rem solid #B8B8B8;
}
.cy-ul-bottom-an{
  display: flex;
  align-items: center;
  justify-content: center;
}

.cy-ul-bottom-btn {
  width: 1.53rem;
  height: .58rem;
  background: url(../images/tj-jsq.png) no-repeat center center;
  background-size: 100% 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: .24rem;
  color: #fff;
  margin-left: .5rem;
  cursor: pointer;
}
.cy-ul-bottom-btn:last-child {
  background: url(../images/cz-jsq.png) no-repeat center center;
  background-size: 100% 100%;
}
.cymain-top{
  padding: .35rem 0;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: .24rem;
}
.cymain-top span{
  padding: 0 .1rem;
}
.cymain-top img{
  width: 30%;
}
.cymain-top-zb {
  transform: rotateY(180deg);
}

.custom-radio {
  position: relative;
  display: inline-block;
  cursor: pointer;
}

.custom-radio input[type="radio"] {
  opacity: 1;
}


input[type=radio],input[type=checkbox]{   
   width: 0.16rem;    
   height: 0.16rem;    
   display: inline-block;   
   border:0;    
   margin-right: 0.1rem;    
   background:url(../images/dxaniu.png) no-repeat center;    
   background-size: 100% 100%;    
   vertical-align: middle;
   -webkit-appearance: none;
   cursor: pointer;
  }
  input[type=checkbox]{ 
    margin-right: 0;
  }
input[type=radio]:checked,input[type=checkbox]:checked{    
  background:url(../images/dx-xz.png) no-repeat center;    background-size: 100% 100%;}

.xmSelect {
  width: 2.5rem !important;
}

.layui-form-checkbox[lay-skin=primary] {
  padding-left: 0 !important;
}

.jsq-xz-main::-webkit-scrollbar,.cymain-bottom-ul::-webkit-scrollbar{
  /*滚动条整体样式*/
  width : 10px; /*高宽分别对应横竖滚动条的尺寸*/
  height: 1px;
  }
.jsq-xz-main::-webkit-scrollbar-thumb,.cymain-bottom-ul::-webkit-scrollbar-thumb{
  /*滚动条里面小方块*/
  border-radius : 10px;
  background-color: skyblue;
  background-image: -webkit-linear-gradient(
  45deg,
  rgba(255, 255, 255, 0.2) 25%,
  transparent 25%,
  transparent 50%,
  rgba(255, 255, 255, 0.2) 50%,
  rgba(255, 255, 255, 0.2) 75%,
  transparent 75%,
  transparent
  );
  }
.jsq-xz-main::-webkit-scrollbar-track,.cymain-bottom-ul::-webkit-scrollbar-track{
  /*滚动条里面轨道*/
  box-shadow : inset 0 0 5px rgba(0, 0, 0, 0.2);
  background : #ededed;
  background-color: #fff;
  border-radius: 10px;
  }

  ::-webkit-scrollbar{
    /*滚动条整体样式*/
    width : 10px; /*高宽分别对应横竖滚动条的尺寸*/
    height: 1px;
    }
::-webkit-scrollbar-thumb{
    /*滚动条里面小方块*/
    border-radius : 10px;
    background-color: skyblue;
    background-image: -webkit-linear-gradient(
    45deg,
    rgba(255, 255, 255, 0.2) 25%,
    transparent 25%,
    transparent 50%,
    rgba(255, 255, 255, 0.2) 50%,
    rgba(255, 255, 255, 0.2) 75%,
    transparent 75%,
    transparent
    );
    }
::-webkit-scrollbar-track{
    /*滚动条里面轨道*/
    box-shadow : inset 0 0 5px rgba(0, 0, 0, 0.2);
    background : #ededed;
    background-color: #fff;
    border-radius: 10px;
    }
  
.jsq-wpp{
  width: 100%;
  height: .45rem;
  display: flex;
  /* justify-content: center; */
  align-items: center;
  margin-bottom: .3rem;
  background: url('../images/jsssjgbg.png') 0% center no-repeat;
  background-size: contain;
  padding-left: .26rem;
  font-size: 16px;
}
.jsq-wpp span {
  margin-right: 2rem;
}
.jsq-wpp span i {
  color:red;
  padding: 0 0.05rem;
}
.jsq-wpp-btn {
  display: flex;
}
.wpp-btnjx{
  width: 1.2rem;
  height: .4rem;
  background: linear-gradient(90deg, #2474CE, #4F9AEF);
  box-shadow: 0px 0px .07rem 0px rgba(0,0,0,0.22);
  border-radius: .23rem;
  font-size: .2rem;
  color: #FFFFFF;
  text-align: center;
  line-height: .4rem;
  margin-right: .2rem;
  cursor: pointer;
}
.wpp-btnfh{
  width: 1.2rem;
  height: .4rem;
  background: linear-gradient(90deg, #E7B12E, #E0BA36);
  box-shadow: 0px 0px .07rem 0px rgba(0,0,0,0.22);
  border-radius: .23rem;
  font-size: .2rem;
  color: #FFFFFF;
  text-align: center;
  line-height: .4rem;
  cursor: pointer;
}
xm-select{
  min-height: .3rem !important;
}
xm-select * {
  font-size: .14rem !important;
}
xm-select .xm-label .xm-label-block {
  height: .2rem !important;
  line-height: .2rem !important;
}
xm-select > .xm-label .xm-label-block {
  margin: .02rem .05rem .02rem 0 !important;
}

@media screen and (max-width: 768px) {
  #jiezheng{display: none}
  #bumen{display: none}
  .custom-radio{font-size: .32rem;}
  .cymain-top img{display: none;}
  .cymain-top span{font-size: .32rem !important;}
  .ztc_center{
    width: 100%;
    display: block;
    margin: 0;
    position: relative;
    margin-bottom: 1.5rem;
    /* display: none; */
  }
  .ztc_left{
    /* display: none; */
    position: absolute;
    top: calc(100% + .3rem);
    left: calc(50% - 2.8rem);
  }
  .ztc_left img{
    width: 5.6rem;height: auto;
  }
  .ztc_tb a img{
    width: 5rem;
    height: auto;
  }
  .ztc_ss{
    width: 6rem;
    height: .7rem;
    border-radius: .5rem;
  }
  .ztc_bottom{
    width: 100%;
    padding-top: .3rem;min-height: 4.8rem;
  }
  .ztc_content{
    position:static;
    width: 96%;
    margin: 0 auto;
    padding: 0 2%;

  }
  .ztc_ct {
    font-size: .32rem;
    height: 1rem;
  }
  .ztc_ul{
    justify-content: flex-end;height: .8rem;
    padding:.2rem;

  }
  .ztc_ul li a {
    font-size: .32rem;
    margin-left: .5rem;

  }
  .ztc_right{
    width: 100%;
    height: auto;
  }
  .ztc_ul2 li a {
    font-size: .32rem;    height: 0.5rem;
  }
  .ztc_cul li{
    width: calc(100% / 4);
  }
  .ztc_ul2{
    position: relative;
    padding-right: .1rem;flex-wrap: wrap;
    height: 1.5rem;
    justify-content: flex-end;
    align-items: flex-start;
  }
  .ztc_ul2 .sskbk{
    position: absolute;
    height: 0.6rem;    
    border-radius: 0.3rem;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 70%;
    bottom: 0;
    left: 15%;
  }
  .ztc_ul2 .sskbk .wb{
    width: 4.1rem;
    height: 0.6rem;
    padding: 0 0 0 0.3rem;
    font-size: .32rem;
  }
  .ztc_ul2 .sskbk .ss{
    width: 0.8rem;
    height: 0.6rem;
    position: absolute;
    right: 0;
    background: url(../images/btnser.png) no-repeat center center;
    background-size: 50% auto;
  }
  #top2024_department::before {
    display: none;
  }
  .ztc_ul2 li:first-child a {
    position: unset;
    top: -.65rem;
    left: -.65rem;
  }
  .ztc_ul2 li:first-child a::after{
    width: .32rem;
    height: .36rem;
  
  }
  .ztc_ul li:nth-child(6),.ztc_ul li:nth-child(4),.ztc_ul li:nth-child(5) {
    display: none;
  }
  
  .jsq_top{
    height: 4.5rem;
  }

  .jsq-main {
    /* display: none; */
    width: 100%;
    height: auto;

    
  }
  .jsq-bs>img{
    width: 4rem;
    /* height: .8rem; */
  }
  .jsq-content{
    width: 96%;
    height: 9rem;margin-bottom: 0.3rem;
    /* overflow: ; */
    /* display: none; */
  }
  .jsq-content>p{
    display: none;
  }
  .jsq-xz-cymain,.jsq-xz-rcmain{
    width: 96%;height: 6.5rem;
  }
  .cymain-bottom-ul{height: 5.5rem;overflow-y: auto;max-height: unset;}
  .cymain-bottom-ul li, .rcmain-bottom-ul li{width: 94%;height: unset;margin: 0.2rem auto 0.2rem auto;float: unset;}
  .cy-uli-top{margin-top: unset;width: 100%;}
  .cywttb{width: 7%;height: auto;}
  .cy-uli-top span{font-size: .32rem !important;line-height: .5rem;}
  .cymain-bottom-ul li, .rcmain-bottom-ul li{padding: 0.2rem 0.1rem;}
  .cy-uli-bottom{margin-top: 0.25rem;height: auto;}
  .cy-uli-bottomspan{font-size: .32rem !important;margin: 0 0.2rem 0 0rem; width: 37%;}
  #inputQ{width: 60%;height: 0.7rem !important;line-height: .7rem;}
  input[type=radio], input[type=checkbox]{width: 0.35rem;height: 0.35rem;}
  .cy-uli-bottom-right{margin-left: 1%;
    width: 29%;
    display: flex;
    align-items: center;
    justify-content: space-between;}
  .cy-uli-bottom-right span{font-size: .32rem !important;}
  .city{width: 100%;height: 0.7rem;font-size: .32rem;}
  .cy-uli-bottom-left{margin-left: 1%;
    width: 70%;
    display: flex;
    align-items: center;
    position: relative;}
  .jsq-time{right: 3%;left: unset;}
  .xmSelect{width: 100%;height: 0.7rem;line-height: .7rem;    width: 100% !important;}
  .xm-select{line-height: .7rem;height: 0.7rem;}
  xm-select{line-height: .7rem;height: 0.7rem;}
  xm-select > .xm-tips{font-size: .32rem !important;}
  .cy-ul-bottom-btn{width: 30%;height: 0.8rem;    font-size: .32rem;}
  .cymain-bottom-ul{height: 100%;}
  .cy-uli-bottom-left >input{height: 0.7rem !important;line-height: .7rem;font-size: .3rem;}

  xm-select .xm-body .xm-option .xm-option-icon{height: 0.35rem !important;width: 0.35rem !important;font-size: .32rem !important;}
  xm-select > .xm-body .xm-option-content{font-size: .32rem !important;width: calc(100% - 0.4rem);}
  .jsq-result{width: 100%;    height: 0.8rem;margin-top: 0.3rem !important;}
  .jsq-result span{font-size: .32rem !important;}
  .cymain-bottom{height: 100%;}
  .jsq-wpp{width: 90%;margin: 0 auto;padding-left: unset;flex-wrap: wrap;}
  .jsq-wpp-btn{margin: 0 auto;width: 65%;justify-content: space-between;}
  .wpp-btnjx{width: 48%;height: 0.7rem;line-height: .7rem;border-radius: 0.35rem;font-size: .32rem;margin-right: unset;}
  .wpp-btnfh{width: 48%;height: .7rem;line-height: .7rem;font-size: .32rem;border-radius: 0.23rem;}
  .jsq-results-ul li span{font-size: .32rem !important;padding: 0.3rem 0;}
  .jsq-results{width: 90%;}
  .jsq-results-ul li{margin: .2rem auto;padding: 0 0.2rem;}
  xm-select .xm-label .scroll .label-content{    line-height: .7rem;height: 0.7rem;}
  xm-select .xm-label .xm-label-block{line-height: .7rem !important;height: .7rem !important;}
  xm-select > .xm-label .xm-label-block > span{font-size: .32rem !important;}
  xm-select > .xm-label .xm-label-block > i{font-size: .32rem !important;margin-left: 0.2rem;}
  .jsq-results-ul li .uli-top{padding: 0.2rem 0;}
  .uli-bottom{justify-content: start;height: auto;}
  .jsq-results-ul li .uli-top{justify-content: start;height: auto;}
  .jsq-results-ul li span{height: auto;}
  .jsq-select{
    /* display: none; */
    width: 90%;
  }
  .jsq-topul li {
    font-size: .34rem;
  }
  .jsq-topul .jsq-active{
    background-size: cover;
  }
  .jsq-input{
    width: 80%;
  }
  .jsq-results {
    width:6.4rem;
  }
  .jsq-results-ul{
    margin-left: 0;
    justify-content: space-between;width: 100%;
  }
  .jsq-results-ul li {
    margin-right: 0;
    width: 100%;
    height: auto;
    margin-bottom: .2rem;
  }
  .result-status {
    font-size: .26rem;
    width: 1rem;
    height: .4rem;
  }
  .zxsj{
    width: .3rem;
    height: .36rem;
    margin-left: .12rem;
  }
  .jsq-xz-main{
    /* display: none; */
    width: 100%;
  }
  .jsq-c-zsq {
    animation: zsq2 12s linear infinite;
    width: 0.7rem;
    height: auto;
    top: -5%;
  }
  .jsq-wpp{
    width: 90%;
    height: auto;
  }
  .jsq-wpp span{
    margin-right: 0;
  }
}








@keyframes zsq{
  0%{
    transform: translateX(1.65rem);
  }
  50%{
    transform: translateX(10.5rem);
  }
  100%{
    transform: translateX(1.65rem);
  }
}
@keyframes zsq2{
  0%{
    transform: translateX(1.65rem);
  }
  50%{
    transform: translateX(6.5rem);
  }
  100%{
    transform: translateX(1.65rem);
  }
}
@keyframes zsqp1{
  0%{
    left: .3rem;
    width: 1rem;
  }
  44.2%{
    left: 12.8rem;
    width: 1rem;
  }
  64.4%{
    left: 13.8rem;
    width: 0;
  }
  80.4%{
    left: .3rem;
    width: 0;
  }
  100%{
    left: .3rem;
    width: 1rem;
  }
}
@keyframes zsqp2{
  0%{
   top: 7.6rem;
    height: 0;
  }
  44.2%{
   top: .2rem;
   height: 0;
  }
  64.4%{
   top: .2rem;
   height: 1rem;
  }
  80.4%{
   top: 6.5rem;
   height: 1rem;
  }
  100%{
    top:7.5rem;
    height: 0;
  }
}
@keyframes zsqp3{
  0%{
    left: 12.8rem;
    width: 1rem;
  }
  44.2%{
    left: 0.3rem;
    width: 1rem;
  }
  64.4%{
    left: 0.3rem;
    width: 0;
  }
  80.4%{
    left: 13.8rem;
    width: 0;
  }
  100%{
    left: 12.8rem;
    width: 1rem;
  }
}
@keyframes zsqp4{
  0%{
   top: 0rem;
    height: 0;
  }
  44.2%{
   top: 7.5rem;
   height: 0;
  }
  64.4%{
   top: 6.5rem;
   height: 1rem;
  }
  80.4%{
   top: 0.3rem;
   height: 1rem;
  }
  100%{
    top:0.2rem;
    height: 0;
  }
}