.ykj {
  width: 1.85185185vw;
  height: 9.25925926vw;
}
body {
  background-color: #f4f4f4;
}
#market-top {
  width: 100vw;
  height: 29.25925926vw;
  background-color: #ffffff;
  overflow: hidden;
}
#market-top .mt-left {
  float: left;
  width: 33.33333333vw;
  height: 29.25925926vw;
  text-align: center;
}
#market-top .mt-left h5 {
  margin-top: 11.11111111vw;
  width: 54.81481481vw;
  height: 3.61111111vw;
  font-size: 3.61111111vw;
  line-height: 1;
  text-align: center;
  color: #2f3b46;
  font-weight: normal;
}
#market-top .mt-left p.more {
  font-size: 3.05555556vw;
  font-weight: 600;
  line-height: 1;
  text-align: center;
  color: #333333;
  margin-top: 5.55555556vw;
}
#market-top .mt-right {
  width: 46.48148148vw;
  height: 29.18518519vw;
  float: right;
}
#market-top .mt-right img {
  width: 46.48148148vw;
  height: 29.18518519vw;
}
#details {
  width: 100vw;
  height: 128.61111111vw;
  overflow: hidden;
  margin-top: 2.77777778vw;
  background-color: #ffffff;
}
#details .details-top {
  text-align: center;
}
#details .details-top h4 {
  height: 11.11111111vw;
  line-height: 14.81481481vw;
  font-size: 4.53703704vw;
  text-align: center;
  color: #333333;
  font-weight: normal;
}
#details .details-top p {
  height: 0.37037037vw;
  width: 9.25925926vw;
  background-color: #ebebeb;
  margin: 1.11111111vw auto 5.55555556vw;
}
#details .details-content {
  width: 100vw;
  height: 103.7037037vw;
  overflow: hidden;
  position: relative;
}
#details .details-content .no-relevant {
  margin-top: 11.2037037vw;
  text-align: center;
}
#details .details-content .no-relevant .round {
  width: 24vw;
  height: 24vw;
  background-color: #f4f4f4;
  border-radius: 50% ;
  margin: 0 auto;
  background-image: url(../../imgs/sea01.png);
  -webkit-background-size: 100%;
  background-size: 100%;
}
#details .details-content .no-relevant p {
  margin: 4vw auto;
  font-size: 4.7962963vw;
  color: #999999;
}
#details #details-banner {
  position: absolute;
  width: 200vw;
  overflow: hidden;
}
#details #details-banner .banner-li {
  width: 100vw;
  float: left;
}
#details .details-lists {
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
  width: 100vw;
  margin-bottom: 9.25925926vw;
}
#details .details-lists .list {
  width: 27.96296296vw;
  height: 27.96296296vw;
  border-radius: 1.11111111vw;
  background-color: #ffffff;
  border: solid 0.09259259vw #cccccc;
  margin: 0 4.07407407vw 4.07407407vw 0;
  overflow: hidden;
}
#details .details-lists .list .pic {
  width: 27.96296296vw;
  height: 17.77777778vw;
  background-color: #ffffff;
}
#details .details-lists .list .pic img {
  width: 100%;
  height: 100%;
}
#details .details-lists .list .text {
  width: 27.96296296vw;
  height: 10.18518519vw;
  line-height: 10.18518519vw;
  text-align: center;
  color: #999999;
  letter-spacing: 0.12962963vw;
}
#details #round {
  width: 15.92592593vw;
  height: 1.85185185vw;
  position: absolute;
  bottom: 1.85185185vw;
  left: 50%;
  margin-left: -7.96296296vw;
}
#details #round li {
  float: left;
  width: 7.96296296vw;
  height: 0.46296296vw;
  background-color: #cccccc;
  margin-top: 1.11111111vw;
}
#details #round li.active {
  width: 7.96296296vw;
  height: 1.11111111vw;
  background-color: #cccccc;
  margin-top: 0.55555556vw;
}