html {
  font-size: 50px;
}
a {
  text-decoration: none;
}
@media screen and (min-width: 320px) {
  html {
    font-size: 21.33333333px;
  }
}
@media screen and (min-width: 360px) {
  html {
    font-size: 24px;
  }
}
@media screen and (min-width: 375px) {
  html {
    font-size: 25px;
  }
}
@media screen and (min-width: 384px) {
  html {
    font-size: 25.6px;
  }
}
@media screen and (min-width: 400px) {
  html {
    font-size: 26.66666667px;
  }
}
@media screen and (min-width: 414px) {
  html {
    font-size: 27.6px;
  }
}
@media screen and (min-width: 424px) {
  html {
    font-size: 28.26666667px;
  }
}
@media screen and (min-width: 480px) {
  html {
    font-size: 32px;
  }
}
@media screen and (min-width: 540px) {
  html {
    font-size: 36px;
  }
}
@media screen and (min-width: 720px) {
  html {
    font-size: 48px;
  }
}
@media screen and (min-width: 750px) {
  html {
    font-size: 50px;
  }
}
body {
  max-width: 15rem;
  min-width: 320px;
  margin: 0 auto;
  font: normal 14px/1.5 Tahoma, "Lucida Grande", Verdana, "Microsoft Yahei", STXihei, hei;
  color: #000;
  background: #f2f2f2;
  overflow-x: hidden;
  -webkit-tap-highlight-color: transparent;
}
.box {
  width: 15rem;
  background-image: url(../images/bag.png);
  background-color: #f2f8ff;
  background-size: cover;
  overflow: hidden;
}
.box_conver {
  background-color: #eef4fb;
  margin: 3.44rem 0.2rem 0;
  border-radius: 0.3rem;
}
.brief {
  padding: 0.586667rem 0 0.386667rem;
  text-align: center;
  font-size: 0.6rem;
  color: #0063aa;
}
.brief .brief1 {
  margin-bottom: 0.093333rem;
  font-weight: bolder;
}
.brief .brief2 {
  width: 0.813333rem;
  height: 0.08rem;
  background-color: #0063aa;
  margin: 0 auto;
  border-radius: 3px;
}
.brief_content1,
.brief_content2 {
  font-size: 0.48rem;
  text-indent: 2em;
  text-align: justify;
  padding: 0 0.16rem 0.5rem 0.6rem;
}
.brief_content2 {
  padding: 0 0.4rem 0.5rem;
}
.img {
  padding: 0 0.4rem 0 0.36rem;
}
.img_1 {
  display: flex;
  flex-direction: row;
  width: 100%;
}
.img_2 {
  padding-bottom: 0.4rem;
}
.img_1 div img,
.img_2 img {
  width: 100%;
  height: 100%;
}
.medal {
  display: flex;
  padding: 0.4rem 0 1.1rem 0.16rem;
}
.medal_box1 {
  width: 4.68rem;
  height: 3.04rem;
  overflow: hidden;
}
.medal_set {
  width: 4.48rem;
  height: 3.04rem;
  box-shadow: 0.2rem 2.12rem 0.4rem #7a7d81;
}
.medal_set img {
  width: 100%;
  height: 100%;
}
.medal_box3 {
  width: 5.22rem;
  height: 3.04rem;
  overflow: hidden;
}
.medal_box3 .medal_excellent {
  width: 4.64rem;
  height: 3.04rem;
  box-shadow: 0.2rem 2.12rem 0.4rem #7a7d81;
}
.medal_box3 .medal_excellent img {
  width: 100%;
  height: 100%;
}
.footers {
  padding: 0 0.28rem 1rem 0.36rem;
  font-size: 0.48rem;
  text-align: center;
}
.footers div {
  margin-top: 0.4rem;
}
.footers .footer_motto {
  font-weight: bolder;
}
.footers :nth-child(1) {
  text-align: left;
}