.carcodeBox{width: 100%;max-width: 1200px;margin: 0 auto;position: relative;}
.carcodeBox ul{overflow: auto;padding: 0;margin: 0;}
.carcodeBox ul li{list-style: none;}

.carLicenseMain ul{display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;} 
.carLicenseMain ul li{width: 38px;height: 38px;box-sizing: border-box;border: 1px solid #ccc;display: inline-block;line-height: 36px;
font-size: 18px;color: #000;text-align: center;margin-left: 5px;cursor: pointer;}
.carLicenseMain ul li:nth-last-child(1){border: 2px dashed #00b520;}
.carLicenseMain ul li.active{border: 1px solid #0B57D0;color: #f3483e;}

.keyboardBox{position: absolute;z-index: 10;width: 493px;top: 45px;left: 0;}
.provienceBox{background: #D0D5D9;padding: 5px 5px;padding-top: 3px;border-radius: 5px;box-shadow: 5px 5px 10px #9e9e9e;}
.provienceBox ul li{display: inline-block;width: 38px;height: 38px;line-height: 38px;background: #fff;margin: 5px 3px;text-align: center;
cursor: pointer;font-size: 14px;border-radius: 5px;box-shadow: 2px 2px 3px #979797; color: #666;}
.provienceBox ul li.deleteBtn{width: 40px;background: #0B57D0;float: right;color: #fff;}
.provienceBox ul li.querenBtn{width: 40px;background: #0B57D0;float: right;color: #fff;}
.provienceBox ul li:hover{box-shadow: 0px 0px 3px #0B57D0;color: #66FFFF; background-color: #0B57D0;}
#textEnBox,#textJtBoxs{display: none;}

.warlistbox{width:96%;height: auto!important; padding: 6px 2%; overflow: hidden; margin: 0 auto;}
.warlistbox li{width: 100%;border-bottom: 1px solid #E9E9E9; margin-bottom: 18px;padding: 16px 0; text-align: left;}
.warlistbox li a,.warlistbox li span{font-size: 14px;line-height: 26px;}
.warlistbox li a{padding-right: 16px;font-size: 15px;}
.warlistbox li span{width: 23.9%;display: inline-block; overflow: hidden;}
.chepaics{color:#FF6600;font-size:18px;font-weight: bolder;margin-right: 26px; margin-left: 8px;font-style: italic;}
.huise{color: #999; padding-right: 6px;width:68px; display: inline-block;}

.toinfolink {
  font-size: 16px;
  text-align: center;
  cursor: pointer;
  outline: none;
  color: #fff;
  background-color: #0B57D0;
  border: none;
  box-shadow: 0 9px #1e88e5;
  transition: box-shadow 0.2s ease-out;
  width: 100%;
  display: block;
}
 
.toinfolink:hover {
  box-shadow: 0 7px #1e88e5;
  background-color: #0B57D0;
}
 
.toinfolink:active {
  box-shadow: 0 5px #1e88e5;
  transform: translateY(1px);
  background-color: #0B57D0;
}

.warinfotitlebox{border-left:18px solid #0B57D0;border-bottom: 0!important;height: 28px; font-size: 26px!important;line-height: 26px!important;overflow: hidden; padding: 0!important;}
.tableline {width: 100%;height:auto;overflow: hidden;}
.tableline a {
    display: block;
    width: 24%;
    float: left;
    padding: 0!important;
    margin: 0;
    font-size: 1.8rem;
    line-height: 2rem;
    text-align: center;
    background-color: #B1B1B1;
    color: #FFFFFF;
    border-right: 1px solid #FFF;
}
.tableline span {
    display: block;
    width: 24%;
    float: left;
    padding: 0!important;
    margin: 0;
    font-size: 1.8rem;
    line-height: 2rem;
    text-align: center;
    background-color: #FFF;
    color: #8C8C8C;
    border-bottom: 1px solid #B1B1B1;
    border-right: 1px solid #B1B1B1;
}
.noborderright{border-right:0!important;}
.hauto{height: auto;overflow: hidden!important;}
@media screen and (min-width: 1001px) {
.seachinputbox {width: 56%;height: 80px;border: 0;margin: 0 auto;padding: 0;padding-top: 10px;padding-left: 10px}
.seachbuttom {width: 58%;height: 62px;background-color: #0B57D0;border-radius: 15px;letter-spacing: 5px;font-family: "SimHei";font-size: 26px;line-height: 60px;text-align: center;border: 0;color: #FFFFFF;}
.zbcxlab{width:18%;display:block;float: left;overflow:hidden;text-align:center;;line-height: 50px;font-size:16px;color: #555;}
.zbcxsjsu{width:56.18%;display:block;float:left;overflow:hidden;height:50px;border: 1px solid #E9E9E9;font-family:'SimHei';font-size: 22px;line-height:50px;color: #B9B9B9;letter-spacing: 1px;text-align: center;}
.cplrbox{width:80%;display:block;float:left;height: auto;font-family:'SimHei';font-size: 22px;line-height:50px;color: #B9B9B9;letter-spacing: 1px;text-align: center;}
.warsgbwbox{width:82%;height:auto;overflow:hidden;float: left;}
.warsgimg{width:12%;height:auto;overflow:hidden;float: right;}
.warsgimg img{width: 100%}
}

@media screen and (max-width: 1000px) {
.seachinputbox {width: 100%;height: 80px;border: 0;margin: 0 auto;padding: 0;padding-top: 10px;padding-left: 10px}
.seachbuttom {width: 98%;height: 62px;background-color: #0B57D0;border-radius: 5px;letter-spacing: 5px;font-family: "SimHei";font-size: 22px;line-height: 60px;text-align: center;border: 0;color: #FFFFFF;}
.zbcxlab{width:16%;display:block;float: left;overflow:hidden;text-align:center;;line-height: 50px;font-size:16px;color: #555;}
.zbcxsjsu{width:82.18%;display:block;float:left;overflow:hidden;height:50px;border: 1px solid #E9E9E9;font-family:'SimHei';font-size: 22px;line-height:50px;color: #B9B9B9;letter-spacing: 1px;text-align: center;}
.cplrbox{width:82.68%;display:block;float:left;height: auto;font-family:'SimHei';font-size: 22px;line-height:50px;color: #B9B9B9;letter-spacing: 1px;text-align: center;}
.keyboardBox{width: 100%}
.carLicenseMain ul li{width:29px;font-size: 16px;font-weight: bolder;color:#0B57D0;}
.warlistbox li span{width: 98%}
.warsgbwbox{width: 100%}
}