/* line 2, ../../0819-scss/change.scss */
.index-container .pc-show {
  display: block;
}
/* line 5, ../../0819-scss/change.scss */
.index-container .mobile-show {
  display: none;
}
/* line 8, ../../0819-scss/change.scss */
.index-container .btn {
  display: inline-block;
  width: 144px;
  height: 42px;
  background: #D20032;
  text-align: center;
  line-height: 42px;
  border-radius: 100px;
  color: #fff;
  margin-right: 10px;
}
/* line 19, ../../0819-scss/change.scss */
.index-container .btn.white {
  background-color: #fff;
}
/* line 22, ../../0819-scss/change.scss */
.index-container .btn.purple {
  color: #7D14D7;
}
/* line 25, ../../0819-scss/change.scss */
.index-container .btn.blue {
  color: #0085DB;
}
/* line 28, ../../0819-scss/change.scss */
.index-container .btn.green {
  color: #04BBD6;
}
/* line 32, ../../0819-scss/change.scss */
.index-container .btn.btn-icon {
  width: 213px;
  line-height: 38px;
  height: 38px;
  border: 2px solid #D20032;
  background: #fff;
  color: #D20032;
}
/* line 40, ../../0819-scss/change.scss */
.index-container .btn.btn-icon .icon {
  display: inline-block;
  width: 24px;
  height: 24px;
  margin-right: 4px;
  background: url(../images/play-icon.png) center center/100% 100% no-repeat;
  vertical-align: text-bottom;
}
/* line 51, ../../0819-scss/change.scss */
.index-container .index-header {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  width: 1200px;
}
/* line 57, ../../0819-scss/change.scss */
.index-container .index-header .logo {
  float: left;
  position: relative;
  top: -8px;
}
/* line 65, ../../0819-scss/change.scss */
.index-container .banners .item {
  width: 60%;
  height: 60%;
}
/* line 70, ../../0819-scss/change.scss */
.index-container .banners .recruitment {
  position: relative;
  margin: auto;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: #e53432 url(../images/recruitment-bg.jpg?1) no-repeat center center;
  background-size: cover;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
/* line 83, ../../0819-scss/change.scss */
.index-container .banners .recruitment .main {
  position: absolute;
  top: 240px;
  left: 36%;
  transform: translateX(-50%);
  width: 720px;
  height: 500px;
}
/* line 91, ../../0819-scss/change.scss */
.index-container .banners .recruitment .main .star {
  width: 675px;
  margin-bottom: 40px;
}
/* line 96, ../../0819-scss/change.scss */
.index-container .banners .recruitment .apply {
  position: static;
  /*float: right;*/
  /*margin-right: 114px;*/
  /*margin-top: -21px;*/
}
/* line 104, ../../0819-scss/change.scss */
.index-container .banners .pic {
  top: 15%;
  width: 24%;
  right: 21%;
}
/* line 110, ../../0819-scss/change.scss */
.index-container .banners .about {
  margin: auto;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-image: url(../images/about-bg.png);
  background-size: cover;
  width: 100%;
  height: 100%;
}
/* line 122, ../../0819-scss/change.scss */
.index-container .banners .about .pic {
  background-image: url(../images/about-pic.png);
}
/* line 126, ../../0819-scss/change.scss */
.index-container .banners .about .item {
  background: url(../images/about-card.png) center center no-repeat;
  -moz-background-size: contain;
  background-size: contain;
}
/* line 132, ../../0819-scss/change.scss */
.index-container .banners .staff {
  background-image: url(../images/staff-bg.png);
  background-size: cover;
}
/* line 136, ../../0819-scss/change.scss */
.index-container .banners .staff .item {
  background-image: url(../images/staff-card.png);
}
/* line 140, ../../0819-scss/change.scss */
.index-container .banners .staff .pic {
  right: 22%;
  background-image: url(../images/staff-pic.png);
}
/* line 146, ../../0819-scss/change.scss */
.index-container .banners .question {
  background-image: url(../images/question-bg.png);
  background-size: cover;
}
/* line 150, ../../0819-scss/change.scss */
.index-container .banners .question .item {
  background-image: url(../images/question-card.png);
}
/* line 154, ../../0819-scss/change.scss */
.index-container .banners .question .pic {
  right: 22%;
  background-image: url(../images/question-pic.png);
}

.index-container .banners .starsPlan{
  margin: auto;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: url(../images/starsPlan-bg.png) #094090;
}
.index-container .banners .starsPlan {
  background-image: url(../images/starsPlan-bg.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}
.index-container .banners .starsPlan .item {
  background-image: url(../images/starsPlan-card.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
}
.index-container .banners .starsPlan .pic {
  right: 20%;
  background-image: url(../images/starsPlan-pic.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center 32%;
  width: 27%;
}


/* line 161, ../../0819-scss/change.scss */
.index-container .copyright {
  padding-bottom: 10px;
  font-size: 14px;
  color: #fff;
  text-align: center;
  opacity: 0.5;
  filter: opacity(0.5);
}

@media screen and (max-width: 1280px) {
  /* line 174, ../../0819-scss/change.scss */
  .index-container .banners .item {
    width: 70%;
    height: 70%;
  }
  /* line 179, ../../0819-scss/change.scss */
  .index-container .banners .recruitment .main {
    top: 20%;
    width: 60%;
  }
  /* line 182, ../../0819-scss/change.scss */
  .index-container .banners .recruitment .main .star {
    width: 100%;
  }
  /* line 187, ../../0819-scss/change.scss */
  .index-container .banners .pic {
    top: 12%;
  }
  .index-container .index-header{
    width: 100%;
  }
}
@media screen and (max-width: 768px) {
  /* line 196, ../../0819-scss/change.scss */
  .index-container .pc-show {
    display: none;
  }
  /* line 199, ../../0819-scss/change.scss */
  .index-container .mobile-show {
    display: block;
  }
  .index-container .banners .recruitment .main {
    top: 42%;
    width: 60%;
  }
  .index-container .banners .recruitment .main .star{
    width: 94%;
    margin: 0 auto;
    margin-bottom: 10px;
  }
  /* line 202, ../../0819-scss/change.scss */
  .index-container .btn {
    width: 120px;
  }
  /* line 205, ../../0819-scss/change.scss */
  .index-container .btn.btn-icon {
    width: 180px;
  }
  /* line 211, ../../0819-scss/change.scss */
  .index-container .banners .item {
    width: 70%;
    height: 70%;
  }
  /* line 216, ../../0819-scss/change.scss */
  .index-container .banners .recruitment {
    background: #e53432 url(../images/recruitment-bg-m.jpg?2) center top/100% auto;
  }
  /* line 218, ../../0819-scss/change.scss */
  .index-container .banners .recruitment .main {
    left: 5%;
    transform: translateX(0);
    width: 90%;
  }
  /* line 224, ../../0819-scss/change.scss */
  .index-container .banners .recruitment .apply {
    float: none;
    margin-right: 0;
    margin-top: 0px;
    text-align: center;
  }
  /* line 230, ../../0819-scss/change.scss */
  .index-container .banners .recruitment .apply .btn {
    margin-bottom: 15px;
  }
  /* line 236, ../../0819-scss/change.scss */
  .index-container .banners .pic {
    top: 30%;
  }
  /* line 240, ../../0819-scss/change.scss */
  .index-container .banners .about {
    background: url(../images/about-bg-m.png) center top/100% auto;
  }
  /* line 244, ../../0819-scss/change.scss */
  .index-container .banners .about .pic {
    width: 50%;
    height: 50%;
    left: 25%;
    background-image: url(../images/about-pic.png);
  }
  /* line 251, ../../0819-scss/change.scss */
  .index-container .banners .about .item {
    background: url(../images/about-card-m.png) center center no-repeat;
    -moz-background-size: contain;
    background-size: contain;
  }
  /* line 257, ../../0819-scss/change.scss */
  .index-container .banners .staff {
    background: url(../images/staff-bg-m.png) center top/100% auto;
    background-size: cover;
  }
  /* line 261, ../../0819-scss/change.scss */
  .index-container .banners .staff .item {
    background-image: url(../images/staff-card-m.png);
  }
  /* line 265, ../../0819-scss/change.scss */
  .index-container .banners .staff .pic {
    width: 50%;
    height: 50%;
    left: 25%;
    right: 25%;
    background-image: url(../images/staff-pic.png);
  }
  /* line 274, ../../0819-scss/change.scss */
  .index-container .banners .question {
    background: url(../images/question-bg-m.png) center top/100% auto;
    background-size: cover;
  }
  /* line 278, ../../0819-scss/change.scss */
  .index-container .banners .question .item {
    background-image: url(../images/question-card-m.png);
  }
  /* line 282, ../../0819-scss/change.scss */
  .index-container .banners .question .pic {
    width: 50%;
    height: 50%;
    left: 25%;
    right: 25%;
    background-image: url(../images/question-pic.png);
  }

  .index-container .banners .starsPlan {
    background: url(../images/starsPlan-bg-m.png) center top/100% auto;
    background-size: cover;
    background-repeat: no-repeat;
  }
  .index-container .banners .starsPlan .item {
    background-image: url(../images/starsPlan-card-m.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;

  }
  .index-container .banners .starsPlan .pic {
    width: 56%;
    height: 50%;
    left: 22%;
    right: 22%;
    background-image: url(../images/starsPlan-pic.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center bottom;
  }

}
@media screen and (max-width: 375px) {
  /* line 297, ../../0819-scss/change.scss */
  .index-container .banners .pic {
    top: 26.5%;
  }
}
@media screen and (max-width: 320px) {
  /* line 307, ../../0819-scss/change.scss */
  .index-container .banners .pic {
    top: 26.5%;
  }
  /* line 312, ../../0819-scss/change.scss */
  .index-container .banners .recruitment .apply {
    margin-top: 50px;
  }
  /* line 319, ../../0819-scss/change.scss */
  .index-container .index-pagination .button {
    width: 94%;
  }
  /* line 321, ../../0819-scss/change.scss */
  .index-container .index-pagination .button ul li {
    padding: 20px 0;
  }
}