.main {
  width: 100%;
  height: 48.875rem /* 782/16 */;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.main div {
  width: 75rem /* 1200/16 */;
}
.main div .title {
  margin-top: 2.25rem /* 36/16 */;
  margin-bottom: 2.5rem /* 40/16 */;
  font-size: 1.5rem /* 24/16 */;
  color: #525252;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
.main div .title img {
  width: 2.0625rem /* 33/16 */;
  height: 2.1875rem /* 35/16 */;
  margin-right: 0.5rem /* 8/16 */;
}
.main div .content {
  width: 100%;
}
.main div .content .tq {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.main div .content .tq > div {
  width: 12.25rem /* 196/16 */;
  height: 18.0625rem /* 289/16 */;
  position: relative;
}
.main div .content .tq-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 12.25rem /* 196/16 */;
  height: 18.0625rem /* 289/16 */;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.main div .content .tq-item-tag {
  width: 6.8125rem /* 109/16 */;
  height: 3.375rem /* 54/16 */;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 1rem /* 16/16 */;
  color: #103D40;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-image: url(/Public/Home/img/mall/tq.png);
}
.main div .content .tq-item-tag:hover {
  background-image: url(/Public/Home/img/mall/tq_active.png);
  text-decoration: underline;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
.main div .content .tq>div:nth-of-type(1) .tq-item {
  background-image: url(/Public/Home/img/mall/1.png);
}
.main div .content .tq>div:nth-of-type(2) .tq-item {
  background-image: url(/Public/Home/img/mall/2.png);
}
.main div .content .tq>div:nth-of-type(3) .tq-item {
  background-image: url(/Public/Home/img/mall/3.png);
}
.main div .content .tq>div:nth-of-type(4) .tq-item {
  background-image: url(/Public/Home/img/mall/4.png);
}
.main div .content .tq>div:nth-of-type(5) .tq-item {
  background-image: url(/Public/Home/img/mall/5.png);
}
.main div .content .djq {
  margin-top: 3.125rem /* 50/16 */;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.main div .content .djq > div {
  width: 22.875rem /* 366/16 */;
  height: 13.6875rem /* 219/16 */;
  position: relative;
}
.main div .content .djq-item {
  position: absolute;
  left: 0;
  top: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.main div .content .djq-item-tag {
  width: 5.75rem /* 92/16 */;
  height: 3.375rem /* 54/16 */;
  margin-right: 0.9375rem /* 15/16 */;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 1rem /* 16/16 */;
  color: #133641;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-image: url(/Public/Home/img/mall/djq.png);
}
.main div .content .djq-item-tag:hover {
  background-image: url(/Public/Home/img/mall/djq_active.png);
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
  text-decoration: underline;  
}
.main div .content .djq>div:nth-of-type(1) .djq-item {
  background-image: url(/Public/Home/img/mall/10.png);
}
.main div .content .djq>div:nth-of-type(2) .djq-item {
  background-image: url(/Public/Home/img/mall/20.png);
}
.main div .content .djq>div:nth-of-type(3) .djq-item  {
  background-image: url(/Public/Home/img/mall/30.png);
}