html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}

body {
  overflow: hidden;
  line-height: normal;
}

ol,
ul {
  list-style: none;
}

blockquote,
q {
  quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

* {
  box-sizing: border-box;
}

img {
  max-width: 100%;
  height: auto;
  display: block;
}

.container {
  position: relative;
  height: 100vh;
  font-family: PingFangTC;
  background: #D8F7F5;
}
.container.phoneContainer {
  overflow-y: auto;
}
.container .popBG {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 4;
}
.container .popBG .popWrap {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 4.1666666667vw;
  border-radius: 2.6041666667vw;
  color: #FFF;
  background: rgba(0, 0, 0, 0.75);
}
@media (min-width: 769px) {
  .container .popBG .popWrap {
    font-size: 24px;
    border-radius: 20px;
  }
}
.container .popBG .popWrap.copyPop {
  width: 43.8802083333vw;
  height: 28.3854166667vw;
}
@media (min-width: 769px) {
  .container .popBG .popWrap.copyPop {
    width: 337px;
    height: 218px;
  }
}
.container .popBG .popWrap._Bps_0327Pop {
  text-align: center;
  line-height: 1.83;
  width: 56.9010416667vw;
  height: 39.9739583333vw;
}
@media (min-width: 769px) {
  .container .popBG .popWrap._Bps_0327Pop {
    width: 437px;
    height: 307px;
  }
}
.container .teachWrap {
  position: fixed;
  top: 0;
  left: 50%;
  transform: translate(-50%, 0);
  width: 100%;
  height: 100%;
  max-width: 768px;
  text-align: center;
  background: #D8F7F5;
  z-index: 3;
  overflow-y: auto;
}
.container .teachWrap .header {
  position: relative;
  height: 10.15625vw;
  line-height: 10.15625vw;
  background: #363D3D;
  color: #FFF;
  font-size: 4.6875vw;
  font-weight: 600;
  margin-bottom: 4.4270833333vw;
}
.container .teachWrap .header p {
  margin: 0 auto;
}
@media (min-width: 769px) {
  .container .teachWrap .header {
    height: 78px;
    line-height: 78px;
    font-size: 36px;
    margin-bottom: 34px;
  }
}
.container .teachWrap .header .phoneTeachClose {
  position: absolute;
  top: 50%;
  right: 2.34375vw;
  transform: translate(0, -50%);
  width: 6.7708333333vw;
}
@media (min-width: 769px) {
  .container .teachWrap .header .phoneTeachClose {
    right: 18px;
    width: 52px;
  }
}
.container .teachWrap .teachTopText {
  position: relative;
  display: inline-block;
  font-size: 3.125vw;
  font-weight: 600;
  color: #2C4240;
  margin-bottom: 3.125vw;
}
@media (min-width: 769px) {
  .container .teachWrap .teachTopText {
    font-size: 24px;
    margin-bottom: 24px;
  }
}
.container .teachWrap .teachTopText .star {
  position: absolute;
  top: 0.78125vw;
  left: -4.8177083333vw;
  width: 3.125vw;
}
@media (min-width: 769px) {
  .container .teachWrap .teachTopText .star {
    top: 6px;
    left: -37px;
    width: 24px;
  }
}
.container .teachWrap .teachTopText .noticeText {
  display: inline-block;
  color: #4CCDC5;
}
.container .teachWrap .andTeachTopText {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}
.container .teachWrap .andTeachTopText .star2 {
  width: 3.125vw;
  height: 3.125vw;
}
@media (min-width: 769px) {
  .container .teachWrap .andTeachTopText .star2 {
    width: 24px;
    height: 24px;
  }
}
.container .teachWrap .andTeachTopText .noticeText {
  color: #0278FF;
  font-size: 3.6458333333vw;
  padding-top: 0.6510416667vw;
}
@media (min-width: 769px) {
  .container .teachWrap .andTeachTopText .noticeText {
    font-size: 28px;
    padding-top: 5px;
  }
}
.container .teachWrap ._Bps_0327Btn {
  width: 67.0572916667vw;
  margin: 0 auto 5.7291666667vw;
}
@media (min-width: 769px) {
  .container .teachWrap ._Bps_0327Btn {
    width: 515px;
    margin: 0 auto 44px;
  }
}
.container .teachWrap .androidTeachWrap, .container .teachWrap .iosTeachWrap {
  width: 97.3958333333vw;
  border-radius: 2.6041666667vw;
  background: #FFF;
  margin: 0 auto 4.5572916667vw;
  padding: 6.25vw 0 6.5104166667vw;
}
@media (min-width: 769px) {
  .container .teachWrap .androidTeachWrap, .container .teachWrap .iosTeachWrap {
    width: 748px;
    border-radius: 20px;
    margin-bottom: 35px;
    padding: 48px 0 82px;
  }
}
.container .teachWrap .androidTeachWrap .typeWrap, .container .teachWrap .iosTeachWrap .typeWrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 0 4.4270833333vw 6.9010416667vw;
}
@media (min-width: 769px) {
  .container .teachWrap .androidTeachWrap .typeWrap, .container .teachWrap .iosTeachWrap .typeWrap {
    padding: 0 34px 53px;
  }
}
.container .teachWrap .androidTeachWrap .typeWrap img, .container .teachWrap .iosTeachWrap .typeWrap img {
  width: 20.703125vw;
  margin-bottom: 2.2135416667vw;
}
@media (min-width: 769px) {
  .container .teachWrap .androidTeachWrap .typeWrap img, .container .teachWrap .iosTeachWrap .typeWrap img {
    width: 159px;
    margin-bottom: 17px;
  }
}
.container .teachWrap .androidTeachWrap .androidTypeTeachWrap .title, .container .teachWrap .androidTeachWrap .iosTypeTeachWrap .title, .container .teachWrap .iosTeachWrap .androidTypeTeachWrap .title, .container .teachWrap .iosTeachWrap .iosTypeTeachWrap .title {
  width: 70.703125vw;
  margin: 0 auto 4.4270833333vw;
}
@media (min-width: 769px) {
  .container .teachWrap .androidTeachWrap .androidTypeTeachWrap .title, .container .teachWrap .androidTeachWrap .iosTypeTeachWrap .title, .container .teachWrap .iosTeachWrap .androidTypeTeachWrap .title, .container .teachWrap .iosTeachWrap .iosTypeTeachWrap .title {
    width: 543px;
    margin: 0 auto 34px;
  }
}
.container .teachWrap .androidTeachWrap .androidTypeTeachWrap .teachImg, .container .teachWrap .androidTeachWrap .iosTypeTeachWrap .teachImg, .container .teachWrap .iosTeachWrap .androidTypeTeachWrap .teachImg, .container .teachWrap .iosTeachWrap .iosTypeTeachWrap .teachImg {
  margin-bottom: 4.5572916667vw;
}
@media (min-width: 769px) {
  .container .teachWrap .androidTeachWrap .androidTypeTeachWrap .teachImg, .container .teachWrap .androidTeachWrap .iosTypeTeachWrap .teachImg, .container .teachWrap .iosTeachWrap .androidTypeTeachWrap .teachImg, .container .teachWrap .iosTeachWrap .iosTypeTeachWrap .teachImg {
    margin-bottom: 35px;
  }
}
.container .teachWrap .androidTeachWrap .androidTypeTeachWrap .iosTypeInside, .container .teachWrap .androidTeachWrap .iosTypeTeachWrap .iosTypeInside, .container .teachWrap .iosTeachWrap .androidTypeTeachWrap .iosTypeInside, .container .teachWrap .iosTeachWrap .iosTypeTeachWrap .iosTypeInside {
  padding-left: 8.3333333333vw;
}
@media (min-width: 769px) {
  .container .teachWrap .androidTeachWrap .androidTypeTeachWrap .iosTypeInside, .container .teachWrap .androidTeachWrap .iosTypeTeachWrap .iosTypeInside, .container .teachWrap .iosTeachWrap .androidTypeTeachWrap .iosTypeInside, .container .teachWrap .iosTeachWrap .iosTypeTeachWrap .iosTypeInside {
    padding-left: 64px;
  }
}
.container .teachWrap .androidTeachWrap .iosType1TeachWrap .teachImg1, .container .teachWrap .iosTeachWrap .iosType1TeachWrap .teachImg1 {
  width: 80.7291666667vw;
}
@media (min-width: 769px) {
  .container .teachWrap .androidTeachWrap .iosType1TeachWrap .teachImg1, .container .teachWrap .iosTeachWrap .iosType1TeachWrap .teachImg1 {
    width: 620px;
  }
}
.container .teachWrap .androidTeachWrap .iosType1TeachWrap .teachImg2, .container .teachWrap .iosTeachWrap .iosType1TeachWrap .teachImg2 {
  width: 80.46875vw;
}
@media (min-width: 769px) {
  .container .teachWrap .androidTeachWrap .iosType1TeachWrap .teachImg2, .container .teachWrap .iosTeachWrap .iosType1TeachWrap .teachImg2 {
    width: 618px;
  }
}
.container .teachWrap .androidTeachWrap .iosType1TeachWrap .teachImg3, .container .teachWrap .iosTeachWrap .iosType1TeachWrap .teachImg3 {
  width: 78.515625vw;
}
@media (min-width: 769px) {
  .container .teachWrap .androidTeachWrap .iosType1TeachWrap .teachImg3, .container .teachWrap .iosTeachWrap .iosType1TeachWrap .teachImg3 {
    width: 603px;
  }
}
.container .teachWrap .androidTeachWrap .androidType1TeachWrap .androidTypeInside, .container .teachWrap .iosTeachWrap .androidType1TeachWrap .androidTypeInside {
  padding-left: 4.9479166667vw;
}
@media (min-width: 769px) {
  .container .teachWrap .androidTeachWrap .androidType1TeachWrap .androidTypeInside, .container .teachWrap .iosTeachWrap .androidType1TeachWrap .androidTypeInside {
    padding-left: 38px;
  }
}
.container .teachWrap .androidTeachWrap .androidType1TeachWrap .teachImg1, .container .teachWrap .iosTeachWrap .androidType1TeachWrap .teachImg1 {
  width: 73.3072916667vw;
}
@media (min-width: 769px) {
  .container .teachWrap .androidTeachWrap .androidType1TeachWrap .teachImg1, .container .teachWrap .iosTeachWrap .androidType1TeachWrap .teachImg1 {
    width: 563px;
  }
}
.container .teachWrap .androidTeachWrap .androidType1TeachWrap .teachImg2, .container .teachWrap .iosTeachWrap .androidType1TeachWrap .teachImg2 {
  width: 89.7135416667vw;
}
@media (min-width: 769px) {
  .container .teachWrap .androidTeachWrap .androidType1TeachWrap .teachImg2, .container .teachWrap .iosTeachWrap .androidType1TeachWrap .teachImg2 {
    width: 689px;
  }
}
.container .teachWrap .androidTeachWrap .androidType1TeachWrap .teachImg3, .container .teachWrap .iosTeachWrap .androidType1TeachWrap .teachImg3 {
  width: 73.4375vw;
}
@media (min-width: 769px) {
  .container .teachWrap .androidTeachWrap .androidType1TeachWrap .teachImg3, .container .teachWrap .iosTeachWrap .androidType1TeachWrap .teachImg3 {
    width: 564px;
  }
}
.container .teachWrap .androidTeachWrap .androidType1TeachWrap .teachBg, .container .teachWrap .iosTeachWrap .androidType1TeachWrap .teachBg {
  width: 79.4270833333vw;
  background: #FFF6E2;
  text-align: center;
  margin-left: 3.90625vw;
  padding: 6.25vw 0 6.640625vw;
}
@media (min-width: 769px) {
  .container .teachWrap .androidTeachWrap .androidType1TeachWrap .teachBg, .container .teachWrap .iosTeachWrap .androidType1TeachWrap .teachBg {
    width: 610px;
    margin-left: 30px;
  }
}
.container .teachWrap .androidTeachWrap .androidType1TeachWrap .teachBg .teachImg, .container .teachWrap .iosTeachWrap .androidType1TeachWrap .teachBg .teachImg {
  display: inline-block;
}
.container .teachWrap .androidTeachWrap .androidType1TeachWrap .teachBg .teachBgImg1, .container .teachWrap .iosTeachWrap .androidType1TeachWrap .teachBg .teachBgImg1 {
  width: 61.1979166667vw;
  margin-bottom: 3.2552083333vw;
}
@media (min-width: 769px) {
  .container .teachWrap .androidTeachWrap .androidType1TeachWrap .teachBg .teachBgImg1, .container .teachWrap .iosTeachWrap .androidType1TeachWrap .teachBg .teachBgImg1 {
    width: 470px;
    margin-bottom: 25px;
  }
}
.container .teachWrap .androidTeachWrap .androidType1TeachWrap .teachBg .teachBgImg2, .container .teachWrap .iosTeachWrap .androidType1TeachWrap .teachBg .teachBgImg2 {
  width: 61.9791666667vw;
  margin-bottom: 3.2552083333vw;
}
@media (min-width: 769px) {
  .container .teachWrap .androidTeachWrap .androidType1TeachWrap .teachBg .teachBgImg2, .container .teachWrap .iosTeachWrap .androidType1TeachWrap .teachBg .teachBgImg2 {
    width: 476px;
    margin-bottom: 25px;
  }
}
.container .teachWrap .androidTeachWrap .androidType1TeachWrap .teachBg .teachBgImg3, .container .teachWrap .iosTeachWrap .androidType1TeachWrap .teachBg .teachBgImg3 {
  width: 61.9791666667vw;
  margin-bottom: 4.4270833333vw;
}
@media (min-width: 769px) {
  .container .teachWrap .androidTeachWrap .androidType1TeachWrap .teachBg .teachBgImg3, .container .teachWrap .iosTeachWrap .androidType1TeachWrap .teachBg .teachBgImg3 {
    width: 476px;
    margin-bottom: 34px;
  }
}
.container .teachWrap .androidTeachWrap .androidType1TeachWrap .teachBg .teachBgImg4, .container .teachWrap .iosTeachWrap .androidType1TeachWrap .teachBg .teachBgImg4 {
  width: 61.9791666667vw;
  margin-bottom: 0;
}
@media (min-width: 769px) {
  .container .teachWrap .androidTeachWrap .androidType1TeachWrap .teachBg .teachBgImg4, .container .teachWrap .iosTeachWrap .androidType1TeachWrap .teachBg .teachBgImg4 {
    width: 476px;
  }
}
.container .teachWrap .androidTeachWrap .androidType2TeachWrap .androidTypeInside, .container .teachWrap .iosTeachWrap .androidType2TeachWrap .androidTypeInside {
  padding-left: 5.5989583333vw;
}
@media (min-width: 769px) {
  .container .teachWrap .androidTeachWrap .androidType2TeachWrap .androidTypeInside, .container .teachWrap .iosTeachWrap .androidType2TeachWrap .androidTypeInside {
    padding-left: 43px;
  }
}
.container .teachWrap .androidTeachWrap .androidType2TeachWrap .teachImg1, .container .teachWrap .iosTeachWrap .androidType2TeachWrap .teachImg1 {
  width: 84.375vw;
}
@media (min-width: 769px) {
  .container .teachWrap .androidTeachWrap .androidType2TeachWrap .teachImg1, .container .teachWrap .iosTeachWrap .androidType2TeachWrap .teachImg1 {
    width: 648px;
  }
}
.container .teachWrap .androidTeachWrap .androidType2TeachWrap .teachImg2, .container .teachWrap .iosTeachWrap .androidType2TeachWrap .teachImg2 {
  width: 84.1145833333vw;
}
@media (min-width: 769px) {
  .container .teachWrap .androidTeachWrap .androidType2TeachWrap .teachImg2, .container .teachWrap .iosTeachWrap .androidType2TeachWrap .teachImg2 {
    width: 646px;
  }
}
.container .teachWrap .androidTeachWrap .androidType2TeachWrap .teachImg3, .container .teachWrap .iosTeachWrap .androidType2TeachWrap .teachImg3 {
  width: 83.984375vw;
}
@media (min-width: 769px) {
  .container .teachWrap .androidTeachWrap .androidType2TeachWrap .teachImg3, .container .teachWrap .iosTeachWrap .androidType2TeachWrap .teachImg3 {
    width: 645px;
  }
}
.container .teachWrap .androidTeachWrap .androidType2TeachWrap .teachImg4, .container .teachWrap .iosTeachWrap .androidType2TeachWrap .teachImg4 {
  width: 83.7239583333vw;
}
@media (min-width: 769px) {
  .container .teachWrap .androidTeachWrap .androidType2TeachWrap .teachImg4, .container .teachWrap .iosTeachWrap .androidType2TeachWrap .teachImg4 {
    width: 643px;
  }
}
.container .teachWrap .androidTeachWrap .androidType2TeachWrap .teachImg5, .container .teachWrap .iosTeachWrap .androidType2TeachWrap .teachImg5 {
  width: 84.6354166667vw;
}
@media (min-width: 769px) {
  .container .teachWrap .androidTeachWrap .androidType2TeachWrap .teachImg5, .container .teachWrap .iosTeachWrap .androidType2TeachWrap .teachImg5 {
    width: 650px;
  }
}
.container .teachWrap .androidTeachWrap .androidType2TeachWrap .teachImg6, .container .teachWrap .iosTeachWrap .androidType2TeachWrap .teachImg6 {
  width: 82.9427083333vw;
}
@media (min-width: 769px) {
  .container .teachWrap .androidTeachWrap .androidType2TeachWrap .teachImg6, .container .teachWrap .iosTeachWrap .androidType2TeachWrap .teachImg6 {
    width: 637px;
  }
}
.container .teachWrap .androidTeachWrap .androidType3TeachWrap .androidTypeInside, .container .teachWrap .iosTeachWrap .androidType3TeachWrap .androidTypeInside {
  padding-left: 0 !important;
}
.container .teachWrap .androidTeachWrap .androidType3TeachWrap .teachImg1, .container .teachWrap .iosTeachWrap .androidType3TeachWrap .teachImg1 {
  width: 82.8125vw;
  margin-left: 6.9010416667vw;
}
@media (min-width: 769px) {
  .container .teachWrap .androidTeachWrap .androidType3TeachWrap .teachImg1, .container .teachWrap .iosTeachWrap .androidType3TeachWrap .teachImg1 {
    width: 636px;
    margin-left: 53px;
  }
}
.container .teachWrap .androidTeachWrap .androidType3TeachWrap .teachImg2, .container .teachWrap .iosTeachWrap .androidType3TeachWrap .teachImg2 {
  width: 82.421875vw;
  margin-left: 6.9010416667vw;
}
@media (min-width: 769px) {
  .container .teachWrap .androidTeachWrap .androidType3TeachWrap .teachImg2, .container .teachWrap .iosTeachWrap .androidType3TeachWrap .teachImg2 {
    width: 633px;
    margin-left: 53px;
  }
}
.container .teachWrap .androidTeachWrap .androidType3TeachWrap .teachImg3, .container .teachWrap .iosTeachWrap .androidType3TeachWrap .teachImg3 {
  width: 86.71875vw;
  margin-left: 6.9010416667vw;
  margin-bottom: 5.5989583333vw;
}
@media (min-width: 769px) {
  .container .teachWrap .androidTeachWrap .androidType3TeachWrap .teachImg3, .container .teachWrap .iosTeachWrap .androidType3TeachWrap .teachImg3 {
    width: 666px;
    margin-left: 53px;
    margin-bottom: 43px;
  }
}
.container .teachWrap .androidTeachWrap .androidType3TeachWrap .teachImg4, .container .teachWrap .iosTeachWrap .androidType3TeachWrap .teachImg4 {
  width: 91.5364583333vw;
  margin: 0 auto 9.375vw;
}
@media (min-width: 769px) {
  .container .teachWrap .androidTeachWrap .androidType3TeachWrap .teachImg4, .container .teachWrap .iosTeachWrap .androidType3TeachWrap .teachImg4 {
    width: 703px;
    margin: 0 auto 72px;
  }
}
.container .teachWrap .androidTeachWrap .androidType3TeachWrap .teachImg5, .container .teachWrap .iosTeachWrap .androidType3TeachWrap .teachImg5 {
  width: 86.5885416667vw;
  margin-left: 6.9010416667vw;
  margin-bottom: 6.5104166667vw;
}
@media (min-width: 769px) {
  .container .teachWrap .androidTeachWrap .androidType3TeachWrap .teachImg5, .container .teachWrap .iosTeachWrap .androidType3TeachWrap .teachImg5 {
    width: 665px;
    margin-left: 53px;
    margin-bottom: 50px;
  }
}
.container .teachWrap .androidTeachWrap .androidType3TeachWrap .teachImg6, .container .teachWrap .iosTeachWrap .androidType3TeachWrap .teachImg6 {
  width: 80.5989583333vw;
  margin-left: 6.9010416667vw;
  margin-bottom: 6.5104166667vw;
}
@media (min-width: 769px) {
  .container .teachWrap .androidTeachWrap .androidType3TeachWrap .teachImg6, .container .teachWrap .iosTeachWrap .androidType3TeachWrap .teachImg6 {
    width: 619px;
    margin-left: 53px;
    margin-bottom: 50px;
  }
}
.container .teachWrap .androidTeachWrap .androidType3TeachWrap .teachImg7, .container .teachWrap .iosTeachWrap .androidType3TeachWrap .teachImg7 {
  width: 91.5364583333vw;
  margin: 0 auto 6.5104166667vw;
}
@media (min-width: 769px) {
  .container .teachWrap .androidTeachWrap .androidType3TeachWrap .teachImg7, .container .teachWrap .iosTeachWrap .androidType3TeachWrap .teachImg7 {
    width: 703px;
    margin: 0 auto 50px;
  }
}
.container .teachWrap .androidTeachWrap .androidType3TeachWrap .teachImg8, .container .teachWrap .iosTeachWrap .androidType3TeachWrap .teachImg8 {
  width: 79.8177083333vw;
  margin-left: 6.9010416667vw;
  margin-bottom: 6.5104166667vw;
}
@media (min-width: 769px) {
  .container .teachWrap .androidTeachWrap .androidType3TeachWrap .teachImg8, .container .teachWrap .iosTeachWrap .androidType3TeachWrap .teachImg8 {
    width: 613px;
    margin-left: 6.9010416667vw;
    margin-bottom: 50px;
  }
}
.container .teachWrap .androidTeachWrap .androidType3TeachWrap .teachImg9, .container .teachWrap .iosTeachWrap .androidType3TeachWrap .teachImg9 {
  width: 79.8177083333vw;
  margin-left: 6.9010416667vw;
}
@media (min-width: 769px) {
  .container .teachWrap .androidTeachWrap .androidType3TeachWrap .teachImg9, .container .teachWrap .iosTeachWrap .androidType3TeachWrap .teachImg9 {
    width: 613px;
    margin-left: 6.9010416667vw;
  }
}
.container .teachWrap .androidTeachWrap .androidType4TeachWrap .teachMiText, .container .teachWrap .iosTeachWrap .androidType4TeachWrap .teachMiText {
  font-size: 3.125vw;
  line-height: 1.42;
  color: #11897c;
  margin-bottom: 4.4270833333vw;
  padding: 0 6.5104166667vw;
}
@media (min-width: 769px) {
  .container .teachWrap .androidTeachWrap .androidType4TeachWrap .teachMiText, .container .teachWrap .iosTeachWrap .androidType4TeachWrap .teachMiText {
    font-size: 24px;
    margin-bottom: 34px;
    padding: 0 50px;
  }
}
.container .teachWrap .androidTeachWrap .androidType4TeachWrap .teachImg1, .container .teachWrap .iosTeachWrap .androidType4TeachWrap .teachImg1 {
  width: 79.8177083333vw;
}
@media (min-width: 769px) {
  .container .teachWrap .androidTeachWrap .androidType4TeachWrap .teachImg1, .container .teachWrap .iosTeachWrap .androidType4TeachWrap .teachImg1 {
    width: 613px;
  }
}
.container .teachWrap .androidTeachWrap .androidType4TeachWrap .teachImg2, .container .teachWrap .iosTeachWrap .androidType4TeachWrap .teachImg2 {
  width: 79.8177083333vw;
}
@media (min-width: 769px) {
  .container .teachWrap .androidTeachWrap .androidType4TeachWrap .teachImg2, .container .teachWrap .iosTeachWrap .androidType4TeachWrap .teachImg2 {
    width: 613px;
  }
}
.container .teachWrap .androidTeachWrap .androidType4TeachWrap .teachImg3, .container .teachWrap .iosTeachWrap .androidType4TeachWrap .teachImg3 {
  width: 83.3333333333vw;
}
@media (min-width: 769px) {
  .container .teachWrap .androidTeachWrap .androidType4TeachWrap .teachImg3, .container .teachWrap .iosTeachWrap .androidType4TeachWrap .teachImg3 {
    width: 640px;
  }
}
.container .teachWrap .androidTeachWrap .androidType5TeachWrap .teachImg1, .container .teachWrap .iosTeachWrap .androidType5TeachWrap .teachImg1 {
  width: 80.46875vw;
}
@media (min-width: 769px) {
  .container .teachWrap .androidTeachWrap .androidType5TeachWrap .teachImg1, .container .teachWrap .iosTeachWrap .androidType5TeachWrap .teachImg1 {
    width: 618px;
  }
}
.container .teachWrap .androidTeachWrap .androidType5TeachWrap .teachImg2, .container .teachWrap .iosTeachWrap .androidType5TeachWrap .teachImg2 {
  width: 78.2552083333vw;
}
@media (min-width: 769px) {
  .container .teachWrap .androidTeachWrap .androidType5TeachWrap .teachImg2, .container .teachWrap .iosTeachWrap .androidType5TeachWrap .teachImg2 {
    width: 601px;
  }
}
.container .teachWrap .androidTeachWrap .androidType6TeachWrap .teachImg1, .container .teachWrap .iosTeachWrap .androidType6TeachWrap .teachImg1 {
  width: 80.46875vw;
}
@media (min-width: 769px) {
  .container .teachWrap .androidTeachWrap .androidType6TeachWrap .teachImg1, .container .teachWrap .iosTeachWrap .androidType6TeachWrap .teachImg1 {
    width: 618px;
  }
}
.container .teachWrap .androidTeachWrap .androidType6TeachWrap .teachImg2, .container .teachWrap .iosTeachWrap .androidType6TeachWrap .teachImg2 {
  width: 80.859375vw;
}
@media (min-width: 769px) {
  .container .teachWrap .androidTeachWrap .androidType6TeachWrap .teachImg2, .container .teachWrap .iosTeachWrap .androidType6TeachWrap .teachImg2 {
    width: 621px;
  }
}
.container .teachWrap .androidTeachWrap .androidType7TeachWrap .teachImg1, .container .teachWrap .iosTeachWrap .androidType7TeachWrap .teachImg1 {
  width: 79.8177083333vw;
}
@media (min-width: 769px) {
  .container .teachWrap .androidTeachWrap .androidType7TeachWrap .teachImg1, .container .teachWrap .iosTeachWrap .androidType7TeachWrap .teachImg1 {
    width: 613px;
  }
}
.container .teachWrap .androidTeachWrap .androidType7TeachWrap .teachImg2, .container .teachWrap .iosTeachWrap .androidType7TeachWrap .teachImg2 {
  width: 80.078125vw;
}
@media (min-width: 769px) {
  .container .teachWrap .androidTeachWrap .androidType7TeachWrap .teachImg2, .container .teachWrap .iosTeachWrap .androidType7TeachWrap .teachImg2 {
    width: 615px;
  }
}
.container .teachWrap .androidTeachWrap .androidType7TeachWrap .teachImg3, .container .teachWrap .iosTeachWrap .androidType7TeachWrap .teachImg3 {
  width: 80.078125vw;
}
@media (min-width: 769px) {
  .container .teachWrap .androidTeachWrap .androidType7TeachWrap .teachImg3, .container .teachWrap .iosTeachWrap .androidType7TeachWrap .teachImg3 {
    width: 615px;
  }
}
.container .teachWrap .androidTeachWrap .androidType7TeachWrap .teachImg4, .container .teachWrap .iosTeachWrap .androidType7TeachWrap .teachImg4 {
  width: 80.078125vw;
}
@media (min-width: 769px) {
  .container .teachWrap .androidTeachWrap .androidType7TeachWrap .teachImg4, .container .teachWrap .iosTeachWrap .androidType7TeachWrap .teachImg4 {
    width: 615px;
  }
}
.container .teachWrap .androidTeachWrap .androidType7TeachWrap .teachImg5, .container .teachWrap .iosTeachWrap .androidType7TeachWrap .teachImg5 {
  width: 80.078125vw;
}
@media (min-width: 769px) {
  .container .teachWrap .androidTeachWrap .androidType7TeachWrap .teachImg5, .container .teachWrap .iosTeachWrap .androidType7TeachWrap .teachImg5 {
    width: 615px;
  }
}
.container .teachWrap .androidTeachWrap .androidType8TeachWrap .teachImg1, .container .teachWrap .iosTeachWrap .androidType8TeachWrap .teachImg1 {
  width: 79.8177083333vw;
}
@media (min-width: 769px) {
  .container .teachWrap .androidTeachWrap .androidType8TeachWrap .teachImg1, .container .teachWrap .iosTeachWrap .androidType8TeachWrap .teachImg1 {
    width: 613px;
  }
}
.container .teachWrap .androidTeachWrap .androidType8TeachWrap .teachImg2, .container .teachWrap .iosTeachWrap .androidType8TeachWrap .teachImg2 {
  width: 79.8177083333vw;
}
@media (min-width: 769px) {
  .container .teachWrap .androidTeachWrap .androidType8TeachWrap .teachImg2, .container .teachWrap .iosTeachWrap .androidType8TeachWrap .teachImg2 {
    width: 613px;
  }
}
.container .teachWrap .androidTeachWrap .androidType8TeachWrap .teachImg3, .container .teachWrap .iosTeachWrap .androidType8TeachWrap .teachImg3 {
  width: 83.3333333333vw;
}
@media (min-width: 769px) {
  .container .teachWrap .androidTeachWrap .androidType8TeachWrap .teachImg3, .container .teachWrap .iosTeachWrap .androidType8TeachWrap .teachImg3 {
    width: 640px;
  }
}
.container .teachWrap .androidTeachWrap .androidType3TeachWrap .androidTypeInside,
.container .teachWrap .androidTeachWrap .androidType4TeachWrap .androidTypeInside,
.container .teachWrap .androidTeachWrap .androidType5TeachWrap .androidTypeInside,
.container .teachWrap .androidTeachWrap .androidType6TeachWrap .androidTypeInside,
.container .teachWrap .androidTeachWrap .androidType7TeachWrap .androidTypeInside,
.container .teachWrap .androidTeachWrap .androidType8TeachWrap .androidTypeInside, .container .teachWrap .iosTeachWrap .androidType3TeachWrap .androidTypeInside,
.container .teachWrap .iosTeachWrap .androidType4TeachWrap .androidTypeInside,
.container .teachWrap .iosTeachWrap .androidType5TeachWrap .androidTypeInside,
.container .teachWrap .iosTeachWrap .androidType6TeachWrap .androidTypeInside,
.container .teachWrap .iosTeachWrap .androidType7TeachWrap .androidTypeInside,
.container .teachWrap .iosTeachWrap .androidType8TeachWrap .androidTypeInside {
  padding-left: 6.9010416667vw;
}
@media (min-width: 769px) {
  .container .teachWrap .androidTeachWrap .androidType3TeachWrap .androidTypeInside,
  .container .teachWrap .androidTeachWrap .androidType4TeachWrap .androidTypeInside,
  .container .teachWrap .androidTeachWrap .androidType5TeachWrap .androidTypeInside,
  .container .teachWrap .androidTeachWrap .androidType6TeachWrap .androidTypeInside,
  .container .teachWrap .androidTeachWrap .androidType7TeachWrap .androidTypeInside,
  .container .teachWrap .androidTeachWrap .androidType8TeachWrap .androidTypeInside, .container .teachWrap .iosTeachWrap .androidType3TeachWrap .androidTypeInside,
  .container .teachWrap .iosTeachWrap .androidType4TeachWrap .androidTypeInside,
  .container .teachWrap .iosTeachWrap .androidType5TeachWrap .androidTypeInside,
  .container .teachWrap .iosTeachWrap .androidType6TeachWrap .androidTypeInside,
  .container .teachWrap .iosTeachWrap .androidType7TeachWrap .androidTypeInside,
  .container .teachWrap .iosTeachWrap .androidType8TeachWrap .androidTypeInside {
    padding-left: 53px;
  }
}
.container .qrcodeBg {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.6);
  z-index: 3;
}
.container .qrcodeBg .qrcodeBgImg {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 85.4166666667vw;
  height: 124.21875vw;
}
.container .qrcodeBg .qrcodeBgImg .qrcodeImage {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
@media (min-width: 769px) {
  .container .qrcodeBg .qrcodeBgImg {
    width: 656px;
    height: 954px;
  }
}
.container .qrcodeBg .qrcodeBgImg .closeWrap {
  position: absolute;
  top: 0;
  right: 0;
  width: 7.8125vw;
  height: 7.8125vw;
}
@media (min-width: 769px) {
  .container .qrcodeBg .qrcodeBgImg .closeWrap {
    width: 60px;
    height: 60px;
  }
}
.container .qrcodeBg .qrcodeBgImg .qrcodeText {
  position: absolute;
  bottom: 3.90625vw;
  width: 100%;
  text-align: center;
  font-size: 3.90625vw;
  font-weight: 500;
  color: #202F2E;
}
@media (min-width: 769px) {
  .container .qrcodeBg .qrcodeBgImg .qrcodeText {
    bottom: 53px;
    font-size: 30px;
  }
}
.container .qrcodeBg .qrcodeWrap {
  position: absolute;
  bottom: 18.8802083333vw;
  left: 50%;
  transform: translate(-50%, 0);
  background: #FFF;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 50.78125vw;
  height: 50.78125vw;
  border-radius: 1.3020833333vw;
  border: solid 0.1302083333vw #979797;
  padding: 1.953125vw;
}
@media (min-width: 769px) {
  .container .qrcodeBg .qrcodeWrap {
    bottom: 145px;
    width: 390px;
    height: 390px;
    border-radius: 10px;
    border: solid 1px #979797;
    padding: 15px;
  }
}
.container .qrcodeBg .qrcodeWrap img {
  width: 100%;
}
.container .phoneWrap {
  max-width: 768px;
  margin: 0 auto;
}
.container .phoneWrap .headerWrap {
  position: sticky;
  top: 0;
  z-index: 2;
}
.container .phoneWrap .header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  height: 13.0208333333vw;
  font-weight: 500;
  background: #2B3131;
  padding: 0 3.125vw 0 2.6041666667vw;
}
@media (min-width: 769px) {
  .container .phoneWrap .header {
    height: 100px;
    padding: 0 24px 0 20px;
  }
}
.container .phoneWrap .header .leftWrap {
  display: flex;
  align-items: center;
}
.container .phoneWrap .header .leftWrap .jkIcon {
  width: 8.3333333333vw;
  height: 8.3333333333vw;
  margin-right: 1.4322916667vw;
}
@media (min-width: 769px) {
  .container .phoneWrap .header .leftWrap .jkIcon {
    width: 64px;
    height: 64px;
    margin-right: 11px;
  }
}
.container .phoneWrap .header .leftWrap .title {
  font-size: 4.5572916667vw;
  color: #FFF;
}
@media (min-width: 769px) {
  .container .phoneWrap .header .leftWrap .title {
    font-size: 35px;
  }
}
.container .phoneWrap .header .leftWrap .info {
  font-size: 2.0833333333vw;
  color: #FBF7B6;
}
@media (min-width: 769px) {
  .container .phoneWrap .header .leftWrap .info {
    font-size: 16px;
  }
}
.container .phoneWrap .header .rightWrap {
  display: flex;
  align-items: center;
}
.container .phoneWrap .header .rightWrap .headerBtn {
  width: 23.4375vw;
  height: 7.8125vw;
  line-height: 7.8125vw;
  text-align: center;
  font-size: 3.125vw;
  font-weight: 600;
  color: #2C355F;
  border-radius: 4.5572916667vw;
  border: solid 0.2604166667vw #FFF;
  background-color: #C3FFE5;
}
@media (min-width: 769px) {
  .container .phoneWrap .header .rightWrap .headerBtn {
    width: 180px;
    height: 60px;
    line-height: 60px;
    font-size: 24px;
    border-radius: 35px;
    border: solid 2px #FFF;
  }
}
.container .phoneWrap .header .rightWrap .headerBtn._Bps_0327Btn {
  background: #FBF7B6;
  margin-left: 1.953125vw;
}
@media (min-width: 769px) {
  .container .phoneWrap .header .rightWrap .headerBtn._Bps_0327Btn {
    margin-left: 15px;
  }
}
.container .phoneWrap .headerMarqeeWrap {
  display: flex;
  align-items: center;
  width: 100%;
  height: 7.8125vw;
  font-size: 3.125vw;
  color: #171955;
  background: #FFF;
  padding-left: 2.6041666667vw;
}
@media (min-width: 769px) {
  .container .phoneWrap .headerMarqeeWrap {
    height: 60px;
    font-size: 24px;
    padding-left: 20px;
  }
}
.container .phoneWrap .headerMarqeeWrap img {
  width: 5.2083333333vw;
}
@media (min-width: 769px) {
  .container .phoneWrap .headerMarqeeWrap img {
    width: 40px;
  }
}
.container .phoneWrap .headerMarqeeWrap .headerMarqee {
  width: 100%;
}
.container .phoneWrap .mainWrap {
  background: #D8F7F5;
  width: 100%;
  height: 100%;
  text-align: center;
}
.container .phoneWrap .mainWrap .mainBgImg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.container .phoneWrap .mainWrap .swiperWrap {
  margin-bottom: 1.6927083333vw;
}
.container .phoneWrap .mainWrap .swiperWrap .swiperItem {
  height: 80.2083333333vw;
}
@media (min-width: 769px) {
  .container .phoneWrap .mainWrap .swiperWrap .swiperItem {
    height: 616px;
  }
}
@media (min-width: 769px) {
  .container .phoneWrap .mainWrap .swiperWrap {
    margin-bottom: 13px;
  }
}
.container .phoneWrap .mainWrap ._Bps_0327BtnWrap {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  padding: 0 7.421875vw;
  z-index: 1;
}
@media (min-width: 769px) {
  .container .phoneWrap .mainWrap ._Bps_0327BtnWrap {
    padding: 0 57px;
  }
}
.container .phoneWrap .mainWrap ._Bps_0327BtnWrap img {
  width: 41.015625vw;
  height: 10.4166666667vw;
  margin: 0 0.78125vw 2.6041666667vw;
}
@media (min-width: 769px) {
  .container .phoneWrap .mainWrap ._Bps_0327BtnWrap img {
    width: 315px;
    height: 80px;
    margin: 0 6px 20px;
  }
}
.container .phoneWrap .mainWrap ._Bps_0327BtnWrap.ios_Bps_0327BtnWrap {
  padding: 0 11.9791666667vw;
}
@media (min-width: 769px) {
  .container .phoneWrap .mainWrap ._Bps_0327BtnWrap.ios_Bps_0327BtnWrap {
    padding: 0 92px;
  }
}
.container .phoneWrap .mainWrap ._Bps_0327BtnWrap.ios_Bps_0327BtnWrap img {
  width: 36.71875vw;
  height: 10.4166666667vw;
  margin: 0 0.6510416667vw 1.6927083333vw;
}
@media (min-width: 769px) {
  .container .phoneWrap .mainWrap ._Bps_0327BtnWrap.ios_Bps_0327BtnWrap img {
    width: 282px;
    height: 80px;
    margin: 0 5px 13px;
  }
}
.container .phoneWrap .mainWrap .btnBottomLine {
  position: relative;
  width: 84.1145833333vw;
  margin: 0 auto 2.6041666667vw;
  z-index: 1;
}
@media (min-width: 769px) {
  .container .phoneWrap .mainWrap .btnBottomLine {
    width: 646px;
    margin-bottom: 20px;
  }
}
.container .phoneWrap .mainWrap .relatedInfo {
  position: relative;
  width: 90.1041666667vw;
  height: 56.7708333333vw;
  margin: 3.359375vw auto 3.125vw auto;
  padding-top: 3.7109375vw;
  border-radius: 1.953125vw;
  background-color: #ffffff;
}
.container .phoneWrap .mainWrap .relatedInfo .line {
  width: 82.03125vw;
  margin-top: 2.6171875vw;
  margin-bottom: 2.0963541667vw;
  border: dashed 0.1953125vw #9dccc8;
}
.container .phoneWrap .mainWrap .relatedInfo .info {
  display: flex;
  align-items: center;
  margin-left: 4.8177083333vw;
  margin-right: 6.3802083333vw;
}
.container .phoneWrap .mainWrap .relatedInfo .info .icon {
  width: 9.1145833333vw;
  height: 8.5677083333vw;
  margin-right: 1.0416666667vw;
}
.container .phoneWrap .mainWrap .relatedInfo .info .text {
  text-align: left;
}
.container .phoneWrap .mainWrap .relatedInfo .info .text .main {
  font-family: PingFangTC;
  font-size: 3.125vw;
  font-weight: 500;
  line-height: 5.2083333333vw;
  color: #1e3b39;
}
.container .phoneWrap .mainWrap .relatedInfo .info .text .sub {
  font-family: PingFangTC;
  font-size: 1.8229166667vw;
  color: #5f9c96;
}
.container .phoneWrap .mainWrap .relatedInfo .info .btn {
  width: 19.53125vw;
  height: 7.8125vw;
  margin-left: auto;
}
.container .phoneWrap .mainWrap .phoneCommentWrap {
  position: relative;
}
.container .phoneWrap .mainWrap .phoneCommentWrap img {
  width: 90.1041666667vw;
  margin: 0 auto;
}
@media (min-width: 769px) {
  .container .phoneWrap .mainWrap .phoneCommentWrap img {
    width: 692px;
  }
}
.container .phoneWrap .mainWrap .phoneCommentWrap .phoneComment0 {
  height: 58.0729166667vw;
}
@media (min-width: 769px) {
  .container .phoneWrap .mainWrap .phoneCommentWrap .phoneComment0 {
    height: 446px;
  }
}
.container .phoneWrap .mainWrap .phoneCommentWrap .fix_Bps_0327App {
  position: fixed;
  top: 70%;
  right: 0;
  width: 16.5364583333vw;
  z-index: 1;
}
.container .phoneWrap .phoneFooter {
  font-size: 3.90625vw;
  font-weight: 600;
  color: #171955;
  padding: 3.125vw 0 26.0416666667vw;
}
@media (min-width: 769px) {
  .container .phoneWrap .phoneFooter {
    font-size: 30px;
    padding: 24px 0 200px;
  }
}
.container .pcWrap {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
}
.container .pcWrap .headerWrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  height: 70px;
  font-weight: 500;
  background: #2B3131;
  padding: 0 22px 0 35px;
}
.container .pcWrap .headerWrap .leftWrap {
  display: flex;
  align-items: center;
}
.container .pcWrap .headerWrap .leftWrap .jkIcon {
  margin-right: 17px;
}
.container .pcWrap .headerWrap .leftWrap .title {
  font-size: 28px;
  color: #FFF;
  line-height: 1.07;
}
.container .pcWrap .headerWrap .leftWrap .info {
  font-size: 14px;
  color: #E3D7A6;
}
.container .pcWrap .headerWrap .rightWrap {
  display: flex;
  align-items: center;
}
.container .pcWrap .headerWrap .rightWrap .headerBtn {
  width: 180px;
  height: 53px;
  border-radius: 35px;
  cursor: pointer;
}
.container .pcWrap .headerWrap .rightWrap .headerBtn.customerServiceBtn {
  margin-left: 1.953125vw;
}
.container .pcWrap .headerWrap .rightWrap .headerBtn._Bps_0327Btn {
  margin-left: 1.953125vw;
}
.container .pcWrap .pcMainWrap {
  position: relative;
  width: 100%;
  height: 100%;
}
.container .pcWrap .pcMainWrap .pcMainBg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.container .pcWrap .pcMainWrap .pcTitleWrap {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 158px;
}
.container .pcWrap .pcMainWrap .pcTitleWrap .pcTitle {
  width: 72.6388888889vw;
}
.container .pcWrap .pcMainWrap .infoWrap {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  height: calc(100% - 230px);
  z-index: 1;
}
.container .pcWrap .pcMainWrap .swiperWrap {
  width: 36.8367346939vw;
  height: 100%;
  margin-right: 14.1326530612vw;
}
@media (max-width: 1440px) {
  .container .pcWrap .pcMainWrap .swiperWrap {
    width: 42.3611111111vw;
    margin-right: 10.5555555556vw;
  }
}
.container .pcWrap .pcMainWrap .swiperWrap .swiper-containerPc {
  height: 100%;
}
.container .pcWrap .pcMainWrap .swiperWrap .mainImg {
  background: no-repeat center;
  background-size: contain;
}
.container .pcWrap .pcMainWrap .pcQrcodeWrap {
  font-weight: 600;
  text-align: center;
}
.container .pcWrap .pcMainWrap .pcQrcodeWrap img {
  width: 100%;
}
.container .pcWrap .pcMainWrap .pcQrcodeWrap .pcQrcodeBg {
  width: 19.3367346939vw;
  font-size: 1.8367346939vw;
  color: #FFF;
  border-radius: 1.0204081633vw;
  background: #202F2E;
  margin-bottom: 1.1224489796vw;
  padding: 1.0204081633vw 0;
}
@media (max-width: 1440px) {
  .container .pcWrap .pcMainWrap .pcQrcodeWrap .pcQrcodeBg {
    width: 18.0555555556vw;
    font-size: 1.6666666667vw;
    border-radius: 1.3888888889vw;
    margin-bottom: 1.5277777778vw;
    padding: 1.3888888889vw 0;
  }
}
.container .pcWrap .pcMainWrap .pcQrcodeWrap .pcQrcodeBg .pcQrcode {
  width: 16.6836734694vw;
  border-radius: 0.5102040816vw;
  border: solid 0.0510204082vw #979797;
  background: #FFF;
  padding: 0.5102040816vw;
  margin: 0 auto 1.887755102vw;
}
@media (max-width: 1440px) {
  .container .pcWrap .pcMainWrap .pcQrcodeWrap .pcQrcodeBg .pcQrcode {
    width: 16.6666666667vw;
    border-radius: 0.6944444444vw;
    border: solid 0.0694444444vw #979797;
    padding: 0.6944444444vw;
    margin: 0 auto 0.8333333333vw;
  }
}
.container .pcWrap .pcMainWrap .pcQrcodeWrap .pcQrcodBottomText {
  font-size: 1.5306122449vw;
  font-weight: 500;
  letter-spacing: 0.7px;
  color: #335A55;
}
@media (max-width: 1440px) {
  .container .pcWrap .pcMainWrap .pcQrcodeWrap .pcQrcodBottomText {
    font-size: 1.1111111111vw;
  }
}
.container .pcWrap .pcMainWrap .pcLiveBtn {
  position: absolute;
  right: 0;
  top: 40%;
  cursor: pointer;
  z-index: 2;
}
.container .pcWrap .pcFooter {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  font-size: 16px;
  color: #FFF;
  height: 49px;
  line-height: 49px;
  text-align: center;
  background: #202F2E;
}
.container .pcWrap .pcQrcodePop {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 437px;
  height: 440px;
  text-align: center;
  color: #FFF;
  line-height: 1.83;
  font-size: 24px;
  border-radius: 20px;
  background: rgba(0, 0, 0, 0.75);
  padding-top: 26px;
  z-index: 1;
}
.container .pcWrap .pcQrcodePop .pcQrText {
  margin-bottom: 12px;
}
.container .pcWrap .pcQrcodePop .popQrcodeWrap {
  width: 255px;
  border: solid 1px #979797;
  border-radius: 10px;
  background: #FFF;
  margin: 0 auto;
  padding: 5px;
}
.container .jsDomainExpired {
  position: fixed;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.4745098039);
  z-index: 5;
}
.container .jsDomainExpired .expiredContent {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 300px;
  height: 420px;
  transform: translate(-50%, -50%);
}
.container .jsDomainExpired .expiredContent .expiredPop {
  width: 100%;
  height: 100%;
}
.container .jsDomainExpired .expiredContent .newUrl {
  position: absolute;
  top: 47%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  white-space: nowrap;
  font-size: 21px;
  font-family: Helvetica;
  color: #000;
  z-index: 6;
}
.container .jsDomainExpired .expiredContent .goUrlBtn {
  position: absolute;
  top: 72%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 216px;
  height: 55px;
  z-index: 6;
}/*# sourceMappingURL=style.css.map */