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 */