.m-t1,
.m-t2 {
  width: 20%;
  text-align: center;
  position: absolute;
  color: #fff;
  left: 40%;
}
.m-t1 {
  font-size: 1.3vw;
  top: 3%;
}
.m-t2 {
  font-size: 0.9vw;
  top: 56%;
}
.m-top {
  background: url(../assets/t1.png) no-repeat;
  background-size: 100% 100%;
  width: 100%;
  height: 7.96296296vh;
  position: relative;
}
.m-top > div {
  float: left;
  margin-top: 2vh;
  margin-left: 15vw;
}
.m-top > div > span {
  float: left;
  width: 8.75vw;
  line-height: 3.7037037vh;
  height: 3.7037037vh;
  text-align: center;
  cursor: pointer;
  background: url(../assets/k1.png) no-repeat;
  background-size: 100% 100%;
  font-size: 1vw;
  color: #a3a3a3;
  margin-left: -1.2vw;
}
.m-top > div > span.active {
  background: url(../assets/k2.png) no-repeat;
  background-size: 100% 100%;
  color: #fff;
}
.m-top > div:nth-child(2) {
  float: right;
  margin-right: 21.3vw;
}
.m-top > div:nth-child(2) span {
  background: url(../assets/k1-1.png) no-repeat;
  background-size: 100% 100%;
}
.m-top > div:nth-child(2) > span.active {
  background: url(../assets/k2-1.png) no-repeat;
  background-size: 100% 100%;
}
.m-nas {
  width: 100%;
  height: 92%;
}
.m-qie {
  position: absolute;
  right: 2%;
  z-index: 2;
  top: 1%;
}
.m-qie > span {
  background: url(../assets/k3-1.png) no-repeat;
  background-size: 100% 100%;
  width: 6.97916667vw;
  height: 3.14814815vh;
  text-align: center;
  line-height: 3.14814815vh;
  cursor: pointer;
  color: #fff;
  font-size: 0.8vw;
}
.m-qie > span.active {
  background: url(../assets/k3.png) no-repeat;
  background-size: 100% 100%;
}
.m-zh-ec3 {
  width: 100%;
  height: 82%;
  margin-top: 3%;
  z-index: 2;
  position: relative;
}
.m-zh-ec3T {
  width: 10.67708333vw;
  height: 11.2037037vh;
  position: absolute;
  left: 27%;
  bottom: 20%;
}
.m-zh-ec1 {
  background: url(../assets/y2.png) no-repeat;
  background-size: 100% 100%;
  width: 8.64583333vw;
  height: 8.64583333vw;
  float: left;
  margin-left: 1.35416667vw;
  margin-top: 1.5vh;
  position: relative;
}
.m-zh-ec1::after {
  content: "设备在线率";
  width: 100%;
  text-align: center;
  font-size: 0.9375vw;
  color: #fff;
  position: absolute;
  bottom: -15%;
}
.m-zh-ec2 {
  float: right;
  margin-right: 2.3vw;
  margin-top: 1.6vh;
}
.m-zh-ec2 > div {
  margin-top: 0.6vh;
  display: flex;
  align-items: center;
}
.m-zh-ec2 > div img {
  width: 0.98958333vw;
  height: 0.98958333vw;
  margin-right: 8px;
}
.m-zh-ec2 > div span {
  color: #fff;
  font-size: 0.83333333vw;
}
.m-zh-ec2 > div > span:nth-child(2) {
  width: 4.16666667vw;
  margin-right: 0.78125vw;
}
.m-zh-ec2 > div > span:nth-child(3) i {
  font-size: 1.04166667vw;
  color: #00fcff;
}
.m-zh-lun {
  margin: 0 auto;
  margin-top: 4.3%;
  width: 200%;
  height: 16.75925926vh;
}
.m-zh-box3 {
  position: relative;
  width: 20.88541667vw;
  height: 16.75925926vh;
  background: rgba(0, 132, 255, 0.1);
  border-radius: 20px;
  float: left;
  cursor: pointer;
}
.m-zh-box3 > div {
  position: absolute;
}
.m-zh-box3 > div:nth-child(1) {
  display: flex;
  align-items: center;
  left: 3%;
  top: 10%;
}
.m-zh-box3 > div:nth-child(1) img {
  width: 1.14583333vw;
  height: 1.30208333vw;
}
.m-zh-box3 > div:nth-child(1) span {
  font-size: 0.9375vw;
  color: #00ffd0;
  margin-left: 5px;
  font-weight: bold;
}
.m-zh-box3 > div:nth-child(2) {
  right: 4%;
  top: 11%;
  width: 3.75vw;
  height: 2.40740741vh;
  background: linear-gradient(0deg, #ab60eb 0%, #5838c8 100%), #cb1d14;
  border-radius: 12px 0px 12px 0px;
  font-size: 0.9375vw;
  color: #fff;
  text-align: center;
  line-height: 2.40740741vh;
}
.m-zh-box3 .m-zh-time {
  top: 42%;
  width: 3.75vw;
}
.m-zh-box3 .m-zh-time span {
  color: #fff;
  width: 100%;
  text-align: center;
}
.m-zh-box3 .m-zh-time > span:nth-child(1) {
  font-size: 1.25vw;
  line-height: 3vh;
}
.m-zh-box3 .m-zh-time > span:nth-child(2) {
  font-size: 0.88541667vw;
}
.m-zh-box3 > div:nth-child(4) {
  width: 7.44791667vw;
  left: 29%;
  top: 48%;
}
.m-zh-box3 > div:nth-child(4) > span:nth-child(1) {
  font-size: 1.14583333vw;
  color: #fcff00;
  width: 100%;
  text-align: center;
  margin-bottom: -1vh;
}
.m-zh-box3 > div:nth-child(4) img {
  width: 100%;
  height: 0.52083333vw;
}
.m-zh-box3 > div:nth-child(4) > span:nth-child(3) {
  color: #fcff00;
  display: flex;
  align-items: center;
  font-size: 0.88541667vw;
  width: 100%;
  justify-content: center;
  margin-top: -0.5vh;
}
.m-zh-box3 > div:nth-child(4) > span:nth-child(3) img {
  margin-left: 1px;
  width: 0.78125vw;
  height: 0.78125vw;
}
.m-zh-box1 {
  width: 54vw;
  background: #0b1135;
  border: 1px solid #3484e3;
  border-radius: 8px;
  height: 7.40740741vh;
  position: absolute;
  bottom: 30%;
  left: 1.19791667vw;
}
.m-zh-box1 > span:nth-child(1) {
  width: 1.45833333vw;
  height: 5.37037037vh;
  font-size: 0.9375vw;
  color: #fff;
  float: left;
  line-height: 23px;
  text-align: center;
  margin-left: 1.5%;
  padding-top: 0.3%;
  margin-top: 0.9%;
  background: linear-gradient(0deg, #1555a0 0%, #19277a 100%);
}
.m-zh-box1 > div > span {
  width: 5.6vw;
  display: flex;
  justify-content: center;
  position: relative;
  float: left;
  opacity: 0.4;
  cursor: pointer;
}
.m-zh-box1 > div > span img {
  margin-top: 1.1vh;
  width: 1.2vw;
}
.m-zh-box1 > div > span i {
  position: absolute;
  width: 100%;
  text-align: center;
  color: #fff;
  left: 0;
  top: 4.5vh;
}
.m-zh-box1 > div > span.active {
  opacity: 1;
}
.m-zh-box1 > span:last-child {
  display: flex;
  align-items: center;
  color: #fff;
  margin-top: 0.8vh;
  margin-left: 0.7vw;
  float: left;
}
.m-zh-box1 > span:last-child img {
  margin-right: 5px;
}
.m-zh-box2 {
  position: absolute;
  bottom: 2.03703704vh;
}
.m-zh-box2 > div {
  width: 23.17708333vw;
  height: 23.24074074vh;
  background: #041337;
  border: 2px solid #202e39;
  border-radius: 10px;
  float: left;
  margin-left: 1.61458333vw;
}
.m-zh-box2 > div .m-ecs {
  width: 100%;
  height: 90%;
}
.m-zh-box2 > div:nth-child(1) {
  margin-left: 1.19791667vw;
}
.m-zh-box {
  position: absolute;
  height: 22.44791667vw;
  height: 11.66666667vh;
  background: url(../assets/k6.png) no-repeat;
  background-size: 100% 100%;
  left: 4.63541667vw;
  top: 0.92592593vh;
}
.m-zh-box > div {
  width: 10.52083333vw;
  float: left;
  position: relative;
  margin-left: -0.3vw;
}
.m-zh-box > div img {
  float: left;
  width: 3.28125vw;
  height: 5.83333333vh;
  margin-left: 1.25vw;
  margin-top: 2.12962963vh;
}
.m-zh-box > div > span {
  position: absolute;
}
.m-zh-box > div > span:nth-child(2) {
  font-size: 0.9375vw;
  color: #00deff;
  top: 22%;
  left: 48%;
}
.m-zh-box > div > span:nth-child(3) {
  font-size: 0.83333333vw;
  color: #00deff;
  top: 55%;
  left: 48%;
}
.m-zh-box > div > span:nth-child(3) i {
  font-size: 1.5625vw;
  color: #01ff9c;
  margin-right: 5px;
}
.m-zh-box > div > span:nth-child(4),
.m-zh-box > div > span:nth-child(5) {
  font-size: 0.72916667vw;
  color: #fff;
  display: flex;
  align-items: center;
  top: 107%;
}
.m-zh-box > div > span:nth-child(4) i,
.m-zh-box > div > span:nth-child(5) i {
  font-size: 0.9375vw;
  margin-left: 8px;
}
.m-zh-box > div > span:nth-child(4) {
  left: 14%;
}
.m-zh-box > div > span:nth-child(5) {
  right: 0%;
}
.m-zh-box > div:nth-child(2) {
  margin-left: 2vw;
}
.m-zh-box > div:nth-child(2) > span:nth-child(5) {
  right: 13%;
}
.m-pjcs.m-ls-ec3 {
  margin-top: 0vh;
  background: url(../assets/y4.png) no-repeat;
  background-size: 100% 100%;
  width: 21.61458333vw;
  height: 8.85416667vw;
  margin-top: 0.4vh;
  margin-left: 0.7vw;
  position: relative;
}
.m-pjcs {
  margin-top: 1vh;
}
.m-seepd {
  font-size: 1.04166667vw;
  color: #fff;
  position: absolute;
  bottom: 33%;
  width: 6vw;
  height: 10vh;
  text-align: center;
  line-height: 31vh;
  cursor: pointer;
}
.msxs {
  left: 6%;
}
.mxxs {
  right: 6%;
}
.m-ls-ec1 {
  background: url(../assets/y3.png) no-repeat;
  background-size: 100% 100%;
  width: 9.89583333vw;
  height: 7.8125vw;
  float: left;
  margin-left: 1.8vw;
  margin-top: 2.5vh;
}
.m-ls-ec2 {
  float: right;
  margin-top: 3.5vh;
  margin-right: 1vw;
}
.m-ls-ec2 > div {
  background: url(../assets/k9.png) no-repeat;
  background-size: 100% 100%;
  width: 9.16666667vw;
  height: 2.96296296vh;
  display: flex;
  align-items: center;
  margin-bottom: 2.5vh;
  position: relative;
}
.m-ls-ec2 > div > span {
  font-size: 0.78125vw;
}
.m-ls-ec2 > div > span:nth-child(1) {
  margin-left: 8px;
}
.m-ls-ec2 > div > span:nth-child(2) {
  font-size: 1.04166667vw;
  color: #fff;
  margin-left: 0.4vw;
}
.m-ls-ec2 > div > span:last-child {
  font-size: 1.25vw;
  position: absolute;
  right: 4%;
}
.m-zh-box2 {
  position: absolute;
  bottom: 2.03703704vh;
}
.m-zh-box2 > div {
  width: 23.17708333vw;
  height: 23.24074074vh;
  background: #041337;
  border: 2px solid #202e39;
  border-radius: 10px;
  float: left;
  margin-left: 1.61458333vw;
}
.m-zh-box2 > div .m-ecs {
  width: 100%;
  height: 90%;
}
.m-zh-box2 > div:nth-child(1) {
  margin-left: 1.19791667vw;
}
.m-ls-box1 {
  background: url(../assets/k8.png) no-repeat;
  background-size: 100% 100%;
  width: 60.9375vw;
  height: 9.90740741vh;
  display: flex;
  align-items: center;
  position: absolute;
  left: 19%;
  top: 8.6%;
}
.m-ls-box1 .m-ls-box2 {
  width: 12.60416667vw;
  display: flex;
  align-items: center;
  position: relative;
}
.m-ls-box1 .m-ls-box2 > img:nth-child(1) {
  width: 3.33333333vw;
  height: 3.4375vw;
  margin-left: 0.8vw;
}
.m-ls-box1 .m-ls-box2 > span {
  font-size: 0.9375vw;
  color: #fff;
  display: flex;
  align-items: baseline;
  position: absolute;
  left: 4.5vw;
  width: 8vw;
}
.m-ls-box1 .m-ls-box2 > span i {
  font-size: 1.5625vw;
  color: #46e2ff;
  margin-right: 9px;
}
.m-ls-box1 .m-ls-box2 > span:nth-child(2) {
  top: 0;
}
.m-ls-box1 .m-ls-box2 > span:nth-child(3) {
  top: 3.6vh;
}
.m-ls-box1 .m-ls-box2 > img:last-child {
  height: 6.94444444vh;
  width: 1px;
  position: absolute;
  right: 0;
}
.m-ls-box1 .m-ls-box3 {
  position: relative;
  width: 22vw;
}
.m-ls-box1 .m-ls-box3 > img {
  width: 2.70833333vw;
  height: 2.70833333vw;
  margin-left: 1.14583333vw;
}
.m-ls-box1 .m-ls-box3 > span {
  color: #fff;
  position: absolute;
  top: -0.4vh;
}
.m-ls-box1 .m-ls-box3 > span:nth-child(2) {
  font-size: 0.9375vw;
  left: 4.5vw;
}
.m-ls-box1 .m-ls-box3 > span:nth-child(3) {
  font-size: 1.04166667vw;
  display: flex;
  left: 13vw;
  align-items: center;
}
.m-ls-box1 .m-ls-box3 > span:nth-child(3) i {
  font-size: 1.14583333vw;
  color: #00ffea;
  margin-right: 9px;
}
.m-ls-box1 .m-ls-box3 > div:last-child {
  width: 20vw;
  height: 5.5vh;
  position: absolute;
  right: -1.5vw;
  top: 1.4vh;
}
.m-ls-box4 {
  margin-top: 2.5vh;
  position: relative;
}
.m-ls-box4 > div {
  display: flex;
  align-items: center;
  width: 100%;
  margin-bottom: 1.4vh;
}
.m-ls-box4 > div > span:nth-child(1) {
  background: url(../assets/k10.png) no-repeat;
  background-size: 100% 100%;
  width: 3.38541667vw;
  height: 3.14814815vh;
  font-size: 0.8vw;
  color: #fff;
  text-align: center;
  line-height: 2.8vh;
  margin-left: 5%;
  padding-left: 4%;
}
.m-ls-box4 > div > div {
  border: 1px solid #01F3DC;
  background: transparent;
  border-radius: 10px;
  height: 1.5vh;
  display: flex;
  align-items: center;
  width: 70%;
  margin-left: 6%;
}
.m-ls-box4 > div > div > span:nth-child(1) {
  height: 100%;
  position: relative;
  border-radius: 10px;
  background: url(../assets/k19.png) no-repeat;
  background-size: 100% 100%;
}
.m-ls-box4 > div > div > span:nth-child(2) {
  font-size: 1vw;
  display: flex;
  align-items: center;
  color: #fff;
  margin-left: 5px;
}
.m-ls-box4 > div > div > span:nth-child(2) img {
  margin-left: 8px;
  width: 6px;
  height: 1.2037037vh;
}
.m-ls-box4 > div:nth-child(2) > span:nth-child(1) {
  background: url(../assets/k11.png) no-repeat;
  background-size: 100% 100%;
}
.m-ls-box4 > div:nth-child(3) > span:nth-child(1) {
  background: url(../assets/k12.png) no-repeat;
  background-size: 100% 100%;
}
.m-ls-box4 > div:nth-child(4) > span:nth-child(1) {
  background: url(../assets/k13.png) no-repeat;
  background-size: 100% 100%;
}
.m-ls-box4::before {
  content: '(辆)';
  font-size: 0.8vw;
  color: #fff;
  position: absolute;
  right: 4%;
  top: -21%;
}
.m-ls-box4::after {
  content: 'KM/H';
  font-size: 0.8vw;
  color: #fff;
  position: absolute;
  left: 10%;
  bottom: -7%;
}
.m-tans {
  position: absolute;
  background: url(../assets/k32.png) no-repeat;
  background-size: 100% 100%;
  width: 47.91666667vw;
  height: 64vh;
  display: none;
}
.m-tans > img {
  width: 0.98958333vw;
  height: 0.98958333vw;
  position: absolute;
  right: 1.09375vw;
  top: 2%;
  cursor: pointer;
}
.m-tans .m-sp2 {
  font-size: 0.9375vw;
  color: #fff;
  margin-left: 1.51041667vw;
  margin-top: 0.6vh;
}
.m-tans .m-tan-nav {
  width: 100%;
  height: 94%;
  float: left;
}
.m-tres {
  width: 10.98958333vw;
  height: 71vh;
  float: left;
  margin-top: 4vh;
  border-right: 1px dashed #3cd8ff;
}
.m-tan-box1 {
  width: 46.3vw;
  float: left;
  margin-top: 1vh;
  margin-left: 1.40625vw;
}
.m-tan-box1 > div:nth-child(1) > div {
  margin-top: 1.2037037vh;
  width: 100%;
  height: 7.68518519vh;
  background: #081C3C;
  border-radius: 4px;
}
.m-tan-box1 > div:nth-child(1) > div > span {
  width: 12vw;
  float: left;
  color: #FFFFFF;
  font-size: 0.72916667vw;
  margin-left: 2vw;
  margin-top: 1.3vh;
  margin-bottom: -0.5vh;
}
.m-tan-box1 > div:nth-child(2) {
  position: relative;
  margin-top: 1.66666667vh;
}
.m-tan-yl01 {
  float: right;
  background: url(../assets/k15.png) no-repeat;
  background-size: 100% 100%;
  width: 23.02083333vw;
  height: 51.185185vh;
  position: absolute;
  right: 0;
  top: 151.5%;
}
.m-tan-yl01 .m-btns {
  width: 100%;
  float: left;
  margin-top: 1.5vh;
}
.m-tan-yl01 .m-btns > span {
  background: url(../assets/k17.png) no-repeat;
  background-size: 100% 100%;
  width: 4.27083333vw;
  height: 2.59259259vh;
  text-align: center;
  line-height: 2.59259259vh;
  color: #fff;
  font-size: 0.72916667vw;
  cursor: pointer;
  margin-left: 0.88541667vw;
  float: left;
}
.m-tan-yl01 .m-btns > span.active {
  background: url(../assets/k17-1.png) no-repeat;
  background-size: 100% 100%;
}
.lodingAnmtion {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
.m-tb-body.lodingAnmtion::after {
  left: 35vw;
  top: 9vh;
}
.lodingAnmtion::after {
  content: '';
  width: 4vw;
  height: 4vw;
  position: absolute;
  border-radius: 50%;
  display: inline-block;
  border-top: 3px solid #0365ff;
  border-right: 3px solid transparent;
  -webkit-animation: rotation 1s linear infinite;
  animation: rotation 1s linear infinite;
}
@keyframes rotation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.m-tan-sp2 {
  color: #fff;
  font-size: 0.72916667vw;
  float: left;
  margin-top: -1vh;
  margin-left: 43.6%;
}
.m-qb-img > img {
  margin-left: 5px;
  cursor: pointer;
  margin-top: 3px;
  border: 1px solid #3cd8ff;
}
.m-qb-box00 > span .bjwoeds {
  margin: 0;
  cursor: pointer;
  position: absolute;
}
.m-yuan-box1 .m-tan-yl > div.m-qb-box00 > span {
  display: inline-block;
  overflow: hidden;
  position: relative;
}
.m-tan-yl {
  margin-top: 2.5vh;
}
.m-tan-yl > span {
  margin-left: 10px;
}
.m-tan-yl > div {
  width: 21.875vw;
}
.m-tan-yl > div span {
  background-color: #000;
  border: 1px solid #3cd8ff;
  width: 100%;
  height: 4vh;
  float: left;
  margin-left: 0.46875vw;
  margin-top: 1.2962963vh;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #ffff00;
  font-family: '宋体';
  font-size: 16px;
}
.m-st-img font {
  background: red;
  color: #fff;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  position: absolute;
  text-align: center;
  line-height: 9px;
  font-size: 17px;
  top: 2px;
  right: 2px;
  display: none;
}
@keyframes Qbb2 {
  0%,
  100% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
}
.qbbshow2 .bjwoeds {
  opacity: 0;
}
.qbbshow2 .bjwoeds:nth-child(1) {
  animation: Qbb2 6s infinite;
}
.qbbshow2 .bjwoeds:nth-child(2) {
  animation: Qbb2 6s infinite 3s;
}
.qbbshow3 .bjwoeds {
  opacity: 0;
}
.qbbshow3 .bjwoeds:nth-child(1) {
  animation: Qbb2 9s infinite;
}
.qbbshow3 .bjwoeds:nth-child(2) {
  animation: Qbb2 9s infinite 3s;
}
.qbbshow3 .bjwoeds:nth-child(3) {
  animation: Qbb2 9s infinite 6s;
}
.m-qb-box span i.m-st-img {
  cursor: pointer;
  position: relative;
}
.m-qb-box span i.m-st-img:hover font {
  display: block;
}
.m-qb-box span i {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.m-tan-yl.size560 > div {
  width: 15.75vw;
}
.m-tan-yl.size560 > div span {
  height: 5.92592593vh;
  position: relative;
}
.m-tan-yl.size560 > div span i {
  width: 33%;
  display: flex;
  justify-content: center;
  background-color: #000;
}
.m-tan-yl.size560 > div span::after {
  content: '';
  height: 100%;
  width: 0px;
  border-right: 1.5px dashed #007390;
  position: absolute;
  left: 33%;
}
.m-tan-yl.size560 > div span::before {
  content: '';
  height: 100%;
  width: 0px;
  border-right: 1.5px dashed #007390;
  position: absolute;
  left: 67%;
}
.m-tan-yl.size720 > div {
  width: 14.390625vw;
}
.m-tan-yl.size720 > div span {
  height: 4.44444444vh;
  position: relative;
}
.m-tan-yl.size720 > div span i {
  display: flex;
  justify-content: center;
}
.m-tan-box1 .m-tan-yl.size560 {
  position: relative;
}
.m-tan-box1 .m-tan-yl.size560 .m-tan-sp2 {
  position: relative;
  left: 14%;
}
.m-tan-box1 .m-tan-yl.size560::after {
  content: '';
  background: url(../assets/302.png) no-repeat;
  background-size: 100% 100%;
  height: 10vh;
  width: 16.7vw;
  position: absolute;
  left: 0;
  z-index: 1;
}
.m-tan-box1 .m-tan-yl.size720 {
  position: relative;
}
.m-tan-box1 .m-tan-yl.size720 .m-tan-sp2 {
  position: relative;
  left: 12.4%;
}
.m-tan-box1 .m-tan-yl.size720::after {
  content: '';
  background: url(../assets/276.png) no-repeat;
  background-size: 100% 100%;
  height: 8vh;
  width: 15.3vw;
  position: absolute;
  left: 0;
  z-index: 1;
}
.m-tan-box1 .m-tan-yl {
  position: relative;
}
.m-tan-box1 .m-tan-yl .m-tan-sp2 {
  position: relative;
  left: 20.2%;
}
.m-tan-box1 .m-tan-yl .bjyl {
  position: relative;
  z-index: 3;
}
.m-tan-box1 .m-tan-yl::after {
  content: '';
  background: url(../assets/402.png) no-repeat;
  background-size: 100% 100%;
  height: 7.7vh;
  width: 22.7vw;
  position: absolute;
  left: 0;
  z-index: 1;
}
.m-tan-yl.size2400 > div {
  width: 21.875vw;
}
.m-tan-yl.size2400 > div span {
  height: 4vh;
}
td.size560 > div {
  height: 5.92592593vh !important;
}
td.size720 > div {
  height: 4.44444444vh !important;
}
td.m-tan-yl > div {
  overflow: hidden;
  margin: 0 auto;
  margin-top: 1vh;
  margin-bottom: 2vh;
  height: 4vh;
  position: relative;
}
td.m-tan-yl > div > span {
  height: 100% !important;
  position: absolute !important;
  margin-left: 0;
  margin-top: 0;
}
.m-tan-sp {
  font-size: 0.83333333vw;
  color: #3CD8FF;
  padding-left: 8px;
  width: 100%;
  display: flex;
  align-items: center;
  margin-top: 11px;
}
.m-tan-sp i {
  width: 87%;
  height: 5px;
  background: url(../assets/x2.png) no-repeat;
  background-size: 100% 100%;
  margin-left: 10px;
}
.m-tans01 .m-tan-sp i {
  background: url(../assets/x3.png) no-repeat;
  background-size: 100% 100%;
  width: 41.19791667vw;
}
.m-forms.active {
  display: block;
}
.xqform01,
.xqform02,
.xqform03 {
  display: none;
}
.m-forms {
  height: 44vh;
  overflow-y: auto;
  float: left;
}
.m-forms > div {
  display: flex;
  align-items: center;
  margin-top: 2vh;
  float: left;
  margin-left: 0.5vw;
}
.m-forms > div > span {
  font-size: 0.72916667vw;
  color: #fff;
  width: 4vw;
  text-align: right;
}
.m-forms > div input {
  background: rgba(60, 216, 255, 0);
  border: 1px solid #3cd8ff;
  border-radius: 8px;
  outline: none;
  width: 6.25vw;
  height: 2.96296296vh;
  color: #3cd8ff;
  font-size: 0.72916667vw;
  padding-left: 2%;
}
.m-forms > div textarea {
  background: rgba(60, 216, 255, 0);
  border: 1px solid #3cd8ff;
  border-radius: 8px;
  resize: none;
  padding-left: 2%;
  outline: none;
  width: 17.4vw;
  height: 4vh;
  color: #3CD8FF;
  font-size: 0.72916667vw;
  -webkit-appearance: none;
  -webkit-user-select: auto;
}
.m-forms > div select {
  outline: none;
  width: 6.51041667vw;
  height: 2.96296296vh;
  color: #3cd8ff;
  font-size: 0.72916667vw;
  border-radius: 8px;
  background: rgba(60, 216, 255, 0);
  border: 1px solid #3cd8ff;
}
.m-forms > div .m-pter > div:nth-child(1) > span {
  background: url(../assets/k16.png) no-repeat;
  background-size: 100% 100%;
  width: 2.5vw;
  height: 2.03703704vh;
  cursor: pointer;
  font-size: 12px;
  color: #fff;
  line-height: 2.03703704vh;
  text-align: center;
}
.m-forms > div .m-pter > div:nth-child(1) > span.active {
  background: url(../assets/k16-1.png) no-repeat;
  background-size: 100% 100%;
}
.m-forms > div .m-pter > div:nth-child(2) {
  width: 17.60416667vw;
  height: 15.6vh;
  overflow-y: auto;
  background: rgba(60, 216, 255, 0);
  border: 1px solid #3cd8ff;
  border-radius: 0px 8px 8px 8px;
}
.m-forms .m-xszy1,
.m-forms .m-xszy2 {
  display: none;
}
.m-fbs {
  background: url(../assets/k17-1.png) no-repeat;
  background-size: 100% 100%;
  width: 4.27083333vw;
  height: 2.77777778vh;
  text-align: center;
  line-height: 2.77777778vh;
  color: #fff;
  font-size: 0.83333333vw;
  cursor: pointer;
  position: absolute;
  bottom: 1.6%;
  left: 47%;
}
.m-fus {
  position: absolute;
  background: url(../assets/k20.png) no-repeat;
  background-size: 100% 100%;
  width: 45.72916667vw;
  height: 4.62962963vh;
  top: 9%;
  left: 29%;
  display: none;
  overflow: hidden;
}
.m-fus > div {
  width: 100%;
  height: 100%;
  float: left;
  display: flex;
  align-items: center;
}
.m-fus > div > img {
  margin-left: 8%;
}
.m-fus > div > span {
  display: flex;
  align-items: center;
  font-size: 0.9375vw;
  color: #fff;
  margin-left: 0.5vw;
}
.m-fus > div > span img {
  margin-right: 0.52083333vw;
}
.m-tans01 {
  width: 49.375vw;
  height: 62.96296296vh;
}
.m-forms01 > div {
  margin-bottom: 0.5vh;
}
.m-yuan-box {
  width: 47.29166667vw;
  margin-left: 1vw;
  margin-top: 1.3vh;
}
.m-yuan-sps {
  width: 47.29166667vw;
  margin-top: 1.5vh;
  margin-left: 0.625vw;
  margin-bottom: -0.05vh;
  position: relative;
  z-index: 2;
}
.m-yuan-sps > span {
  padding: 0 1vw;
  height: 3.51851852vh;
  text-align: center;
  line-height: 3.51851852vh;
  cursor: pointer;
  font-size: 0.72916667vw;
  color: rgba(60, 216, 255, 0.6);
  border: 1px solid #081D3F;
  background: #081D3F;
  border-bottom: 1px solid #3cd8ff;
  border-radius: 4px 4px 0px 0px;
  margin-right: 0.83333333vw;
}
.m-yuan-sps > span.active {
  color: #3cd8ff;
  border: 1px solid #3cd8ff;
  border-bottom: 1px solid #081D3F;
}
.m-labe .el-form-item__label {
  width: 5.8vw;
}
.m-yuan-box1,
.qdys {
  border: 1px solid #3cd8ff;
  border-radius: 0px 4px 4px 4px;
  padding-bottom: 1.75925926vh;
  width: 47.29166667vw;
  background: #081D3F;
  margin-left: 0.625vw;
  height: 45.7vh;
  position: absolute;
}
.m-qgsp {
  color: #5ef4ff;
  cursor: pointer;
  text-decoration: underline;
}
.m-coloes {
  width: 6.51041667vw;
  height: 2.96296296vh;
  border-radius: 8px;
  background: rgba(60, 216, 255, 0);
  border: 1px solid #3cd8ff;
  align-items: center;
  display: flex;
  position: relative;
}
.m-coloes > span:nth-child(1) {
  width: 4vw;
  margin-left: 1vw;
}
.m-coloes > span:nth-child(1)::after {
  content: '▼';
  color: #3cd8ff;
  font-size: 0.5vw;
  float: left;
  margin-left: 112%;
  margin-top: 2%;
}
.m-coloes > div {
  position: absolute;
  background: #040a2e;
  border: 1px solid #3cd8ff;
  top: 2.96296296vh;
  width: 100%;
  display: none;
  z-index: 3;
}
.m-coloes > div > span {
  width: 100%;
  height: 3.5vh;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.m-coloes > div > span i {
  width: 5vw;
  height: 2.2vh;
  border: 1px solid #39cdf4;
}
.m-coloes > div > span.active {
  background: #006077;
}
.layui-laydate .layui-laydate-content .layui-this {
  background-color: #2a8aec !important;
}
.layui-laydate,
.layui-laydate-hint {
  background-color: #000000 !important;
  color: #d2d2d2 !important;
  border: 1px solid #2a8aec !important;
}
.layui-laydate .layui-laydate-header i,
.layui-laydate-hint .layui-laydate-header i {
  color: #2a8aec;
}
.layui-laydate .layui-laydate-header,
.layui-laydate-hint .layui-laydate-header {
  border-bottom: 1px solid #2a8aec !important;
}
.layui-laydate .layui-laydate-footer,
.layui-laydate-hint .layui-laydate-footer {
  border-top: 1px solid #2a8aec !important;
}
.layui-laydate .layui-laydate-content td,
.layui-laydate-hint .layui-laydate-content td {
  color: #b1b1b1;
}
.layui-laydate .layui-laydate-content th,
.layui-laydate-hint .layui-laydate-content th {
  color: #ebebeb;
}
.layui-laydate .laydate-footer-btns span,
.layui-laydate-hint .laydate-footer-btns span,
.layui-laydate .laydate-footer-btns span:hover,
.layui-laydate-hint .laydate-footer-btns span:hover {
  border: 1px solid #0067f5;
  background-color: #2a8aec;
  margin: 0 5px 0 -1px;
  color: #fff;
}
.layui-laydate-content td.laydate-selected {
  background-color: #02488d !important;
}
.aqbb .m-tan-yl,
.xqbb .m-tan-yl,
.cqbb .m-tan-yl {
  float: left;
}
.m-yuan-box1 .m-tan-yl {
  display: none;
  height: 23vh;
}
.aqbb .m-tan-yl {
  height: 18vh;
}
.hmbld,
.qj,
.sxj,
.qxld,
.dxld {
  display: none;
}
.m-qdya {
  width: 94%;
  height: 50vh;
  margin: 0 auto;
  margin-top: 2vh;
  margin-bottom: 2vh;
}
.m-sbXq {
  background: url(../assets/k32.png) no-repeat;
  background-size: 100% 100%;
  position: absolute;
  left: 38%;
  top: 21%;
  display: none;
}
.m-sbXq .m-sp2 {
  margin-top: 0.5vh;
  color: #fff;
  font-size: 0.8vw;
  margin-left: 0.5vw;
}
.m-sbXq > img {
  position: absolute;
  right: 2%;
  top: 1%;
}
.m-sbXq > div .m-xjXq {
  width: 26vw;
  height: 40vh;
}
.m-sbXq > div .m-xjXq > span {
  width: 44%;
  text-align: left;
  color: #fff;
  font-size: 0.7vw;
  float: left;
  margin-left: 5%;
  margin-top: 1vh;
}
.m-sbXq > div .m-xjXq > span:nth-child(1),
.m-sbXq > div .m-xjXq > span:nth-child(2) {
  margin-top: 1.5vh;
}
.m-sbXq > div .m-xjXq video {
  width: 90%;
  height: 28vh;
  margin-left: 5%;
  margin-top: 2vh;
}
.m-sbXq > div .m-lmXq {
  width: 29vw;
  height: 40vh;
}
.m-sbXq > div .m-lmXq > img {
  width: 74%;
  height: 32vh;
  float: left;
  margin-left: 2%;
  margin-top: 3.5vh;
}
.m-sbXq > div .m-lmXq > div {
  width: 95%;
  float: left;
  margin-left: 2%;
  margin-top: 2.5vh;
}
.m-sbXq > div .m-lmXq > div > span {
  width: 42%;
  text-align: left;
  color: #fff;
  font-size: 0.7vw;
  float: left;
  margin-top: 1.8vh;
  margin-bottom: 1.6vh;
  margin-left: 2vw;
}
option {
  color: #000;
}
.sj-yd {
  margin-left: 2vw;
  margin-top: 4.5vh;
  margin-bottom: -2vh;
}
.sj-yd span {
  color: #fff;
  font-size: 0.8vw;
}
.m-cl-sp {
  position: absolute;
  right: 1.04166667vw;
  top: 10px;
  z-index: 5;
}
.m-cl-sp i {
  width: 2.55208333vw;
  height: 2.31481481vh;
  line-height: 2.22222222vh;
  background: rgba(24, 79, 173, 0.41);
  border: 1px solid #2F79F7;
  border-radius: 6px;
  color: #5594ED;
  font-size: 0.72916667vw;
  cursor: pointer;
  margin-left: 4px;
  float: left;
  text-align: center;
}
.m-cl-sp i.active {
  color: #fff;
  background: rgba(47, 121, 247, 0.6);
}
.qingkong {
  position: absolute!important;
  right: 5%!important;
  top: 5%!important;
  cursor: pointer!important;
  color: red!important;
  font-size: 0.8vw !important;
  text-decoration-line: underline!important;
  width: initial!important;
}
.yhtd tr td:nth-child(5),
.yhtd tr th:nth-child(5) {
  display: none;
}