body {
  margin: 0 auto
}

body a {
  text-decoration: none;
  cursor: pointer
}

body h1,
body h2,
body p,
body span,
body em,
body div,
body ul,
body ol,
body dl {
  margin: 0;
  padding: 0;
  list-style: none;
  box-sizing: border-box;
  font-family: Arial;
  font-style: normal
}

html {
  overflow-y: scroll
}

:root {
  overflow-y: auto;
  overflow-x: hidden
}

:root body {
  position: absolute
}

body {
  width: 100vw;
  overflow: hidden
}

@media (max-width:767px) and (min-width:481px) {
  #weekly div.main .info .fir .text .thi {
    justify-content: center
  }

  #weekly div.main .info .fir .text .thi p {
    width: 86%;
    font-size: 1.2rem;
    line-height: 2.5rem;
    padding-bottom: 6rem
  }

  #weekly .main .scene div.img-list {
    justify-content: center
  }

  #weekly .main .scene div.img-list .img-wrap {
    width: 96%
  }
}

@media (max-width:480px) {
  .show-sm {
    display: block
  }

  .hidden-sm {
    display: none
  }

  .xsm1,
  .xsm10,
  .xsm11,
  .xsm12,
  .xsm2,
  .xsm3,
  .xsm4,
  .xsm5,
  .xsm6,
  .xsm7,
  .xsm8,
  .xsm9 {
    float: left
  }

  .xsm12 {
    width: 100%
  }

  .xsm11 {
    width: 91.66666667%
  }

  .xsm10 {
    width: 83.33333333%
  }

  .xsm9 {
    width: 75%
  }

  .xsm8 {
    width: 66.66666667%
  }

  .xsm7 {
    width: 58.33333333%
  }

  .xsm6 {
    width: 50%
  }

  .xsm5 {
    width: 41.66666667%
  }

  .xsm4 {
    width: 33.33333333%
  }

  .xsm3 {
    width: 25%
  }

  .xsm2 {
    width: 16.66666667%
  }

  .xsm1 {
    width: 8.33333333%
  }

  #weekly div.main .info .fir .text .thi {
    justify-content: center
  }

  #weekly div.main .info .fir .text .thi p {
    width: 100%;
    font-size: 1.1rem;
    line-height: 2.2rem;
    padding-bottom: 5rem
  }

  #weekly .main .scene div.img-list {
    justify-content: center
  }

  #weekly .main .scene div.img-list .img-wrap {
    width: 100%
  }

  #weekly .main .scene div.img-list .img-wrap .params-wrap .params {
    top: 5%;
    left: 50%;
    transform: translateX(-50%)
  }

  #weekly .main .scene div.img-list .img-wrap .params-wrap .params a {
    width: 8rem;
    height: 2rem;
    line-height: 2rem;
    border-radius: 1.5625rem;
    font-size: 1rem
  }
}

#weekly {
  padding: 0;
  overflow: hidden
}

#weekly .header {
  background-color: #eaf3e2
}

#weekly .header .navbar {
  padding-top: 1rem;
  padding-bottom: 1rem;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  align-items: center
}

#weekly .header .navbar .logo-wrap {
  display: flex;
  align-items: center;
  position: relative
}

#weekly .header .navbar .logo-wrap .lines {
  width: 1px;
  height: 1.6667vw;
  background-color: #777
}

#weekly .header .navbar .logo-wrap p {
  font-size: 1.1rem
}

#weekly .header .navbar .logo-wrap .btn-wrap {
  width: 3rem;
  height: 3rem;
  position: absolute;
  right: .5rem
}

#weekly .header .navbar .logo-wrap .btn-wrap .btn {
  border: 0
}

#weekly .header .navbar .logo-wrap .btn-wrap .btn img {
  width: 2rem;
  height: 2rem
}

#weekly .header .navbar .logo-wrap .drop-menu {
  position: absolute;
  top: 3.6rem;
  left: -3.6rem;
  min-width: 6rem
}

#weekly .header .navbar .select-wrap {
  margin: 0 auto
}

#weekly .header .navbar .select-wrap .sort {
  display: block;
  margin: 0 auto;
  background-color: #ee5801;
  color: #fff;
  font-size: 1rem;
  border: none;
  border-radius: .5rem;
  padding: .625rem
}

#weekly .header .navbar .nav-wrap .nav {
  display: flex;
  align-items: center;
  justify-content: center
}

#weekly .header .navbar .nav-wrap .nav li {
  font-size: 1rem
}

#weekly .header .navbar .nav-wrap .nav li.lines {
  width: 1px;
  height: 1.25vw;
  background-color: #777;
  margin: 0 1vw
}

#weekly .header .navbar .nav-wrap .nav li a {
  color: black
}

#weekly .main .banner {
  width: 100%;
  min-height: 28.6458vw;
  background: url(../images/img98/bg001.jpg) no-repeat;
  background-size: 100% 100%;
  overflow: hidden
}

#weekly .main .banner .fir {
  width: 96%;
  max-width: 1200px;
  margin: 5.1563vw auto 2vw;
  display: flex;
  justify-content: center;
  position: relative
}

#weekly .main .banner .fir .title-wrap {
  width: 80%
}

#weekly .main .banner .fir .title-wrap img {
  width: 100%
}

#weekly .main .banner .fir .text-wrap {
  width: 11.6%;
  position: absolute;
  right: 0
}

#weekly .main .banner .fir .text-wrap img {
  width: 100%
}

#weekly .main .banner .sec.line {
  display: flex;
  justify-content: center
}

#weekly .main .banner .sec.line .text-wrap .row {
  width: 96%;
  background-color: #e7ffeb;
  border-radius: .5208vw;
  padding-top: 1vw;
  padding-bottom: 1vw;
  opacity: .75;
  margin: 0 auto 2vw;
  display: flex;
  justify-content: space-evenly;
  align-items: center
}

#weekly .main .banner .sec.line .text-wrap .row .tip {
  width: 2.5vw;
  min-width: 25px;
  min-height: 80px;
  padding: 1rem 0;
  background-color: #067d54;
  font-size: 1.25rem;
  line-height: 2rem;
  border-radius: 100%;
  color: #fff;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: center
}

#weekly .main .banner .sec.line .text-wrap .row .text {
  font-size: 1rem;
  text-align: justify
}

#weekly .main .banner .sec.line .text-wrap .row .text span {
  color: #077650;
  font-weight: bold
}

#weekly .main .info {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center
}

#weekly .main .info .title {
  font-size: 2.25rem;
  text-align: center;
  padding: 4rem 0 2.5rem;
  color: #333333
}

#weekly .main .info .fir {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center
}

#weekly .main .info .fir .text .thi {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-content: center
}

#weekly .main .info .fir .text .thi p {
  width: 30%;
  font-size: 1rem;
  line-height: 2rem;
  color: #555555;
  border-radius: 1rem;
  padding: 1.75rem 1.65rem 4rem;
  text-align: justify;
  margin-bottom: 3rem
}

#weekly .main .info .fir .text .thi p:first-of-type {
  background: url(../images/img98/bg07.jpg) no-repeat;
  background-size: 100% 100%
}

#weekly .main .info .fir .text .thi p:nth-of-type(2) {
  background: url(../images/img98/bg08.jpg) no-repeat;
  background-size: 100% 100%
}

#weekly .main .info .fir .text .thi p:last-of-type {
  background: url(../images/img98/bg09.jpg) no-repeat;
  background-size: 100% 100%
}

#weekly .main .intro {
  background: url(../images/img98/bg02.jpg) no-repeat;
  background-size: 100% 100%;
  overflow: hidden;
  position: relative
}

#weekly .main .intro .title {
  font-size: 2.25rem;
  line-height: 3.6rem;
  font-weight: bold;
  color: #ffffff;
  text-align: center;
  margin: 5rem 0 3.1875rem
}

#weekly .main .intro .text {
  font-size: 1rem;
  line-height: 2rem;
  margin: 0 auto;
  color: #ffffff
}

#weekly .main .intro .text span {
  font-size: 1.125rem;
  font-weight: bold
}

#weekly .main .intro .details {
  margin-top: 3.125rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center
}

#weekly .main .intro .details .center img {
  width: 100%
}

#weekly .main .intro .details .left {
  display: flex;
  flex-direction: column;
  justify-content: space-evenly
}

#weekly .main .intro .details .right {
  display: flex;
  flex-direction: column;
  justify-content: space-between
}

#weekly .main .intro .details .item {
  text-align: center;
  margin: 2rem 0
}

#weekly .main .intro .details .item p:first-of-type {
  font-size: 2.75rem;
  font-weight: bold;
  color: #fff;
  font-style: italic
}

#weekly .main .intro .details .item p:nth-of-type(2) {
  font-size: 1.75rem;
  line-height: 2rem;
  margin: 1rem 0 .6rem;
  color: #fffb96
}

#weekly .main .intro .details .item p:last-of-type {
  font-size: 1rem;
  color: #fff;
  line-height: 1.625rem
}

#weekly .main .intro .btn {
  margin: 4rem 0 5rem;
  display: flex;
  justify-content: center;
  flex-wrap: wrap
}

#weekly .main .intro .btn a {
  display: block;
  min-width: 13rem;
  height: 3.8125rem;
  line-height: 3.8125rem;
  color: #fff;
  font-size: 1.75rem;
  font-weight: bold;
  border: 1px solid #fff;
  text-align: center;
  border-radius: 3.125rem;
  margin: 1rem
}

#weekly .main .intro .btn a:hover,
#weekly .main .intro .btn a:visited {
  color: #02604c;
  background-image: linear-gradient(90deg, #f5f2af 0%, #b0f9cd 100%), linear-gradient(#ffffff, #ffffff)
}

#weekly .main .scene {
  padding-bottom: 2.5rem;
  background-image: linear-gradient(90deg, rgba(202, 255, 223, 0.9) 0%, rgba(188, 227, 255, 0.9) 100%), linear-gradient(#f2f2f2, #f2f2f2);
  width: 100%;
  display: flex;
  flex-direction: column
}

#weekly .main .scene .title {
  text-align: center;
  font-size: 2.25rem;
  color: #333333;
  padding: 3.6vw 0 2vw
}

#weekly .main .scene .text {
  font-size: 1.125rem;
  line-height: 2.1875rem;
  color: #555555;
  margin: 0 auto
}

#weekly .main .scene .img-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between
}

#weekly .main .scene .img-list .img-wrap {
  width: 48%;
  border-radius: 1.25rem;
  position: relative;
  margin: 2.5rem 0
}

#weekly .main .scene .img-list .img-wrap img {
  width: 100%
}

#weekly .main .scene .img-list .img-wrap .img-title {
  width: 100%;
  height: 3.6rem;
  line-height: 3.6rem;
  font-size: 1.375rem;
  font-weight: bold;
  text-align: center;
  color: #fff;
  position: absolute;
  bottom: 0;
  background-color: #01c381;
  border-radius: 0 0 .8rem .8rem
}

#weekly .main .scene .img-list .img-wrap .params-wrap {
  width: 100%;
  height: 100%;
  border-radius: 1.25rem;
  background-color: rgba(0, 0, 0, 0.5);
  overflow: hidden;
  position: absolute;
  top: 0;
  display: none
}

#weekly .main .scene .img-list .img-wrap .params-wrap .params {
  width: 80%;
  height: 60%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  color: #ffffff;
  position: absolute;
  top: 35%;
  left: 50%;
  transform: translate(-50%, -45%)
}

#weekly .main .scene .img-list .img-wrap .params-wrap .params p {
  font-size: 1rem;
  line-height: 2rem
}

#weekly .main .scene .img-list .img-wrap .params-wrap .params p span {
  font-size: 1.375rem;
  font-weight: bold
}

#weekly .main .scene .img-list .img-wrap .params-wrap .params a {
  display: block;
  width: 10.625rem;
  height: 2.7rem;
  line-height: 2.5rem;
  background-image: linear-gradient(113deg, #00d07c 0%, #0f9ce3 100%), linear-gradient(#1196ef, #1196ef);
  border-radius: 1.5625rem;
  font-size: 1.3rem;
  font-weight: bold;
  color: #fff;
  text-align: center
}

#weekly .main .scene .img-list .img-wrap:hover .params-wrap,
#weekly .main .scene .img-list .img-wrap:visited .params-wrap {
  display: block;
  cursor: pointer
}

#weekly .main .propagate {
  background: url(../images/img98/bg03.jpg) no-repeat;
  background-size: 100% 100%
}

#weekly .main .propagate .text {
  padding-top: 4rem;
  padding-bottom: 4rem
}

#weekly .main .propagate .text p {
  font-size: 1.375rem;
  line-height: 3.125rem;
  text-align: center;
  color: #fff
}

#weekly .main .propagate .text p:last-of-type {
  font-weight: bold
}

#weekly .footer {
  padding: 3rem 0
}

#weekly .footer .member-wrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  align-content: center
}

#weekly .footer .member-wrap .text p {
  font-size: .875rem;
  line-height: 1.8rem;
  color: #555555
}

#weekly .footer .member-wrap .text p.title {
  font-size: 1.5rem;
  font-weight: bold;
  color: #333333;
  margin-bottom: 1.25vw
}

#weekly .footer .member-wrap .text p:nth-of-type(3) {
  margin-bottom: 1.25vw
}

#weekly .footer .member-wrap .member {
  display: flex;
  justify-content: space-evenly;
  padding: 1rem 0
}

#weekly .footer .member-wrap .member .img-wrap img {
  display: block;
  width: 6.1875rem;
  border-radius: 50%
}

#weekly .footer .member-wrap .member .img-wrap p {
  text-align: center;
  color: #555555
}

#weekly .footer .member-wrap .member .img-wrap p:nth-of-type(1) {
  margin: .6vw 0
}

#weekly .footer .member-wrap .sign img {
  width: 100%
}

/*# sourceMappingURL=./style.css.map */