@charset "utf-8";
/*原画角色设计 Trobin*/
@-webkit-keyframes aniInLeft {
  from {
    opacity: 0;
    -webkit-transform: translateX(-0.8rem);
    transform: translateX(-0.8rem);
  }
  to {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes aniInLeft {
  from {
    opacity: 0;
    -webkit-transform: translateX(-0.8rem);
    transform: translateX(-0.8rem);
  }
  to {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
.aniInLeft {
  -webkit-animation-name: aniInLeft;
  animation-name: aniInLeft;
}
@-webkit-keyframes aniInRight {
  from {
    opacity: 0;
    -webkit-transform: translateX(0.8rem);
    transform: translateX(0.8rem);
  }
  to {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes aniInRight {
  from {
    opacity: 0;
    -webkit-transform: translateX(0.8rem);
    transform: translateX(0.8rem);
  }
  to {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
.aniInRight {
  -webkit-animation-name: aniInRight;
  animation-name: aniInRight;
}
@-webkit-keyframes aniInUp {
  from {
    opacity: 0;
    -webkit-transform: translateY(0.64rem);
    transform: translateY(0.64rem);
  }
  to {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes aniInUp {
  from {
    opacity: 0;
    -webkit-transform: translateY(0.64rem);
    transform: translateY(0.64rem);
  }
  to {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
.aniInUp {
  -webkit-animation-name: aniInUp;
  animation-name: aniInUp;
}
.delay-1s {
  -webkit-animation-delay: 0.5s;
  animation-delay: 0.5s;
}
.delay-2s {
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
}
.delay-3s {
  -webkit-animation-delay: 1.5s;
  animation-delay: 1.5s;
}
.delay-4s {
  -webkit-animation-delay: 2s;
  animation-delay: 2s;
}
.delay-5s {
  -webkit-animation-delay: 2.5s;
  animation-delay: 2.5s;
}
.delay-6s {
  -webkit-animation-delay: 3s;
  animation-delay: 3s;
}
.delay-7s {
  -webkit-animation-delay: 3.5s;
  animation-delay: 3.5s;
}
.delay-8s {
  -webkit-animation-delay: 4s;
  animation-delay: 4s;
}
.delay-9s {
  -webkit-animation-delay: 4.5s;
  animation-delay: 4.5s;
}
.delay-10s {
  -webkit-animation-delay: 5s;
  animation-delay: 5s;
}
/* Trobin */
.onschd-Trobin {
  position: relative;
  font-family: 'SourceHanSansCN-Regular';
  color: #fff;
  background-color: #1b338e;
  cursor: default;
}
.onschd-Trobin .indent {
  overflow: hidden;
  white-space: nowrap;
  text-align: left;
  text-indent: 9999px;
}
.onschd-Trobin .zindex-2 {
  position: relative;
  z-index: 2;
}
.onschd-Trobin .margin-auto {
  margin-right: auto;
  margin-left: auto;
}
.onschd-Trobin .Trobin-h2 {
  position: relative;
  z-index: 1;
  height: 1.133333rem;
  background-repeat: no-repeat;
  background-position: center;
  background-size: auto 100%;
  visibility: hidden;
}
.onschd-Trobin .Trobin-h3 {
  font-size: 0.293333rem;
  font-weight: 400;
  line-height: 0.426667rem;
  color: rgba(255, 255, 255, 0.8);
  text-align: center;
  visibility: hidden;
}
.onschd-Trobin .Trobin-btns {
  text-align: center;
}
.onschd-Trobin .Trobin-btn {
  width: 3.413333rem;
  height: 0.8rem;
  padding: 0;
  font-family: 'SourceHanSansCN-Medium';
  font-size: 0.32rem;
  font-weight: 500;
  line-height: 0.8rem;
  color: rgba(0, 0, 0, 0.95);
  border: none;
  background: url('https://assets-cdn.lanqb.com/school/robin2021/btn-bg_pc.png') no-repeat center top;
  background-size: 100% 100%;
  -webkit-border-radius: 0;
  border-radius: 0;
  -ms-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  -webkit-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
  text-decoration-skip: objects;
  visibility: hidden;
}
.onschd-Trobin .Trobin-btn:hover {
  filter: brightness(1.05);
}
.onschd-Trobin .Trobin-pagination {
  position: absolute;
  z-index: 1;
  text-align: center;
}
.onschd-Trobin .Trobin-pagination .swiper-pagination-bullet {
  width: 0.186667rem;
  height: 0.186667rem;
  margin: 0;
  background: #0c0d3e;
  opacity: 1;
}
.onschd-Trobin .Trobin-pagination .swiper-pagination-bullet + .swiper-pagination-bullet {
  margin-left: 0.266667rem;
}
.onschd-Trobin .Trobin-pagination .swiper-pagination-bullet-active {
  background: #0feffe;
}
/* c1 */
.Trobin-c1 {
  position: relative;
  height: 13.333333rem;
  padding-top: 6.16rem;
  overflow: hidden;
  background: url('https://assets-cdn.lanqb.com/school/robin2021/c1-bg_m.jpg') no-repeat center top;
  background-size: 100% 101%;
  text-align: center;
}
.Trobin-c1 h1 {
  width: 10.426667rem;
  height: 3.706667rem;
  margin-left: -0.226667rem;
  background: url('https://assets-cdn.lanqb.com/school/robin2021/c1-h1_m.png') no-repeat center center;
  background-size: 100% 100%;
}
.Trobin-c1 .Trobin1-h5 {
  margin-bottom: 0.173333rem;
  font-size: 0.32rem;
  font-weight: 500;
  line-height: 0.4rem;
  text-shadow: 0 0 0.106667rem #000;
}
.Trobin-c1 .Trobin1-h5 span {
  color: #4ceef8;
}
.Trobin-c1 .Trobin1-btn {
  width: 3.506667rem;
  height: 1.12rem;
  margin-top: 0.6rem;
  background: url('https://assets-cdn.lanqb.com/school/robin2021/c1-btn_pc.png') no-repeat center center;
  background-size: 100% 100%;
  border: none;
}
.Trobin-c1 .Trobin1-btn:hover {
  filter: brightness(1.25);
}
.Trobin-c1 h1,
.Trobin-c1 .Trobin1-h5,
.Trobin-c1 .Trobin1-btn {
  visibility: hidden;
}
.Trobin-c1.visible h1,
.Trobin-c1.visible .Trobin1-h5,
.Trobin-c1.visible .Trobin1-btn {
  visibility: visible;
}
.Trobin-c1.visible h1 {
  -ms-animation: zoomIn 1s ease;
  -o-animation: zoomIn 1s ease;
  -webkit-animation: zoomIn 1s ease;
  animation: zoomIn 1s ease;
}
.Trobin-c1.visible .Trobin1-h5,
.Trobin-c1.visible .Trobin1-btn {
  -ms-animation: aniInUp 1s ease;
  -o-animation: aniInUp 1s ease;
  -webkit-animation: aniInUp 1s ease;
  animation: aniInUp 1s ease;
}
/* c2 */
.Trobin-c2 {
  padding-top: 0.36rem;
  padding-bottom: 0.92rem;
  background-image: url('https://assets-cdn.lanqb.com/school/robin2021/c2-bg_m.jpg');
}
.Trobin-c2 .Trobin-h2 {
  margin-bottom: 0.52rem;
  background-image: url('https://assets-cdn.lanqb.com/school/robin2021/c2-h2_pc.png');
}
.Trobin-c2 .Trobin-btns {
  margin-top: 0.44rem;
}
.Trobin-c2 .Trobin2-tabs {
  margin-bottom: 0.2rem;
  display: flex;
  align-items: stretch;
  justify-content: center;
}
.Trobin-c2 .Trobin2-tab {
  position: relative;
  width: 2.92rem;
  font-size: 0.373333rem;
  font-weight: 500;
  line-height: 0.666667rem;
  color: #000321;
  border: 0.066667rem solid transparent;
  text-align: center;
  cursor: pointer;
}
.Trobin-c2 .Trobin2-tab .Trobin2-tab-wrap {
  display: block;
  background-color: #32d6ff;
}
.Trobin-c2 .Trobin2-tab:before {
  position: absolute;
  bottom: -0.24rem;
  left: 50%;
  margin-left: -0.173333rem;
  border-top: 0.186667rem solid transparent;
  border-right: 0.173333rem solid transparent;
  border-left: 0.173333rem solid transparent;
  content: '';
}
.Trobin-c2 .Trobin2-tab + .Trobin2-tab {
  margin-left: 0.16rem;
}
.Trobin-c2 .Trobin2-tab.active {
  border-color: #32d6ff;
  cursor: default;
}
.Trobin-c2 .Trobin2-tab.active .Trobin2-tab-wrap {
  color: #fff;
  background: url('https://assets-cdn.lanqb.com/school/robin2021/c2-tab_pc.jpg') no-repeat center center;
  background-size: 101% 101%;
}
.Trobin-c2 .Trobin2-tab.active:before {
  border-top-color: #32d6ff;
}
.Trobin-c2 .Trobin2-swiper {
  width: 9.2rem;
}
.Trobin-c2 .swiper-slide {
  width: 100%;
  padding: 0.8rem 0.253333rem 0.253333rem;
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 100% 100%;
}
.Trobin-c2 .swiper-slide p {
  font-size: 0.346667rem;
  line-height: 0.56rem;
  text-align: center;
}
.Trobin-c2 .Trobin2-swiper-item1 {
  height: 10.44rem;
  background-image: url('https://assets-cdn.lanqb.com/school/robin2021/c2-1-bg_m.png');
}
.Trobin-c2 .Trobin2-swiper-item2 {
  height: 13.013333rem;
  background-image: url('https://assets-cdn.lanqb.com/school/robin2021/c2-2-bg_m.png');
}
.Trobin-c2 .Trobin2-chart {
  position: relative;
  width: 6.933333rem;
  height: 4.586667rem;
  margin-top: 0.44rem;
  margin-left: 1.413333rem;
  border-bottom: 0.026667rem solid rgba(0, 240, 255, 0.5);
  border-left: 0.026667rem solid rgba(0, 240, 255, 0.5);
}
.Trobin-c2 .Trobin2-chart:before,
.Trobin-c2 .Trobin2-chart:after {
  position: absolute;
  right: 100%;
  width: 0.96rem;
  margin-right: 0.293333rem;
  font-size: 0.24rem;
  font-weight: 500;
  line-height: 0.346667rem;
  color: rgba(0, 240, 255, 0.5);
  text-align: right;
}
.Trobin-c2 .Trobin2-chart:before {
  top: 0;
  content: '发布岗位数量 (个)';
}
.Trobin-c2 .Trobin2-chart:after {
  bottom: -0.053333rem;
  content: '发布地域及薪资';
}
.Trobin-c2 .Trobin2-chart-list,
.Trobin-c2 .Trobin2-chart-line {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
}
.Trobin-c2 .Trobin2-chart-list {
  display: flex;
  align-items: flex-end;
}
.Trobin-c2 .Trobin2-chart-list .bar {
  position: relative;
  width: 0.506667rem;
  margin-left: 0.466667rem;
  display: flex;
}
.Trobin-c2 .Trobin2-chart-list .bar:before,
.Trobin-c2 .Trobin2-chart-list .bar:after {
  position: absolute;
  right: -0.24rem;
  left: -0.24rem;
  color: rgba(0, 240, 255, 0.5);
  text-align: center;
  white-space: nowrap;
}
.Trobin-c2 .Trobin2-chart-list .bar:before {
  bottom: -0.533333rem;
  font-size: 0.346667rem;
  font-weight: 500;
  line-height: 0.426667rem;
  content: attr(data-city);
}
.Trobin-c2 .Trobin2-chart-list .bar:after {
  top: 100%;
  margin-top: 0.56rem;
  font-size: 0.213333rem;
  font-weight: 400;
  line-height: 0.266667rem;
  content: '平均薪资';
  color: rgba(0, 240, 255, 0.5);
}
.Trobin-c2 .Trobin2-chart-list .bar em {
  position: absolute;
  right: -0.24rem;
  left: -0.24rem;
  text-align: center;
}
.Trobin-c2 .Trobin2-chart-list .bar em.count {
  top: -0.4rem;
  font-size: 0.293333rem;
  font-weight: 500;
  line-height: 0.333333rem;
  color: #fff;
  white-space: nowrap;
  visibility: hidden;
}
.Trobin-c2 .Trobin2-chart-list .bar em.salary {
  top: 100%;
  margin-top: 0.853333rem;
  font-size: 0.213333rem;
  line-height: 0.24rem;
  color: #00f0ff;
}
.Trobin-c2 .Trobin2-chart-list .bar span {
  display: block;
  width: 100%;
  background-color: #00f0ff;
}
.Trobin-c2 .Trobin2-chart-list.visible .bar em {
  visibility: visible;
}
.Trobin-c2 .Trobin2-chart-line {
  z-index: 1;
}
.Trobin-c2 .Trobin2-chart-line em {
  position: absolute;
  height: 1px;
  background-color: #fff;
  -ms-transform-origin: 0 0;
  -o-transform-origin: 0 0;
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
}
.Trobin-c2 .Trobin2-chart-line em.e1 {
  left: 0;
  bottom: -0.013333rem;
  -ms-transform: rotate(-82.75deg);
  -o-transform: rotate(-82.75deg);
  -webkit-transform: rotate(-82.75deg);
  transform: rotate(-82.75deg);
}
.Trobin-c2 .Trobin2-chart-line em.e2 {
  left: 0.466667rem;
  bottom: 3.613333rem;
}
.Trobin-c2 .Trobin2-chart-line em.e3 {
  left: 0.973333rem;
  bottom: 3.613333rem;
  -ms-transform: rotate(-15.2deg);
  -o-transform: rotate(-15.2deg);
  -webkit-transform: rotate(-15.2deg);
  transform: rotate(-15.2deg);
}
.Trobin-c2 .Trobin2-chart-line em.e4 {
  left: 1.44rem;
  bottom: 3.746667rem;
}
.Trobin-c2 .Trobin2-chart-line em.e5 {
  left: 1.946667rem;
  bottom: 3.746667rem;
  -ms-transform: rotate(82deg);
  -o-transform: rotate(82deg);
  -webkit-transform: rotate(82deg);
  transform: rotate(82deg);
}
.Trobin-c2 .Trobin2-chart-line em.e6 {
  left: 2.413333rem;
  bottom: 0.333333rem;
}
.Trobin-c2 .Trobin2-chart-line em.e7 {
  left: 2.906667rem;
  bottom: 0.32rem;
  -ms-transform: rotate(-81.75deg);
  -o-transform: rotate(-81.75deg);
  -webkit-transform: rotate(-81.75deg);
  transform: rotate(-81.75deg);
}
.Trobin-c2 .Trobin2-chart-line em.e8 {
  left: 3.386667rem;
  bottom: 3.586667rem;
}
.Trobin-c2 .Trobin2-chart-line em.e9 {
  left: 3.893333rem;
  bottom: 3.586667rem;
  -ms-transform: rotate(78.75deg);
  -o-transform: rotate(78.75deg);
  -webkit-transform: rotate(78.75deg);
  transform: rotate(78.75deg);
}
.Trobin-c2 .Trobin2-chart-line em.e10 {
  left: 4.36rem;
  bottom: 1.173333rem;
}
.Trobin-c2 .Trobin2-chart-line em.e11 {
  left: 4.853333rem;
  bottom: 1.173333rem;
  -ms-transform: rotate(-72.7deg);
  -o-transform: rotate(-72.7deg);
  -webkit-transform: rotate(-72.7deg);
  transform: rotate(-72.7deg);
}
.Trobin-c2 .Trobin2-chart-line em.e12 {
  left: 5.333333rem;
  bottom: 2.693333rem;
}
.Trobin-c2 .Trobin2-chart-line em.e13 {
  left: 5.826667rem;
  bottom: 2.693333rem;
  -ms-transform: rotate(-3deg);
  -o-transform: rotate(-3deg);
  -webkit-transform: rotate(-3deg);
  transform: rotate(-3deg);
}
.Trobin-c2 .Trobin2-chart-line em.e14 {
  left: 6.306667rem;
  bottom: 2.72rem;
}
.Trobin-c2 .Trobin2-1-tab {
  padding-top: 1.506667rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.Trobin-c2 .Trobin2-1-tab span {
  min-width: 4.8rem;
  height: 0.506667rem;
  padding-right: 0.08rem;
  padding-left: 0.08rem;
  font-size: 0.266667rem;
  font-weight: 500;
  line-height: 0.506667rem;
  color: rgba(0, 240, 255, 0.7);
  text-align: center;
  -webkit-border-radius: 30px;
  border-radius: 30px;
  background: #2175e6;
  background: -moz-linear-gradient(top, #2175e6 0%, #274dad 100%);
  background: -webkit-linear-gradient(top, #2175e6 0%, #274dad 100%);
  background: linear-gradient(to bottom, #2175e6 0%, #274dad 100%);
}
.Trobin-c2 .Trobin2-2-tab {
  padding-top: 0.293333rem;
  padding-bottom: 0.533333rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.Trobin-c2 .Trobin2-2-tab span {
  width: 3.96rem;
  height: 0.8rem;
  font-size: 0.32rem;
  font-weight: 500;
  line-height: 0.8rem;
  color: #fff;
  text-align: center;
  -webkit-border-radius: 30px;
  border-radius: 30px;
  -ms-animation: fadeInUp 1s ease;
  -o-animation: fadeInUp 1s ease;
  -webkit-animation: fadeInUp 1s ease;
  animation: fadeInUp 1s ease;
  background: #015eea;
  background: -moz-linear-gradient(top, #015eea 0%, #00c0fa 100%);
  background: -webkit-linear-gradient(top, #015eea 0%, #00c0fa 100%);
  background: linear-gradient(to bottom, #015eea 0%, #00c0fa 100%);
}
.Trobin-c2 .Trobin2-2-list {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  justify-content: center;
}
.Trobin-c2 .Trobin2-2-list + .Trobin2-2-list {
  margin-top: 0.4rem;
}
.Trobin-c2 .Trobin2-2-item {
  width: 2.586667rem;
  height: 3.786667rem;
  padding: 0.04rem;
  overflow: hidden;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
}
.Trobin-c2 .Trobin2-2-item + .Trobin2-2-item {
  margin-left: 0.2rem;
}
.Trobin-c2 .Trobin2-2-item.t1 {
  background-image: url('https://assets-cdn.lanqb.com/school/robin2021/c2-2-1-bg_m.png');
}
.Trobin-c2 .Trobin2-2-item.t1 img {
  width: 1.253333rem;
  height: 1.026667rem;
}
.Trobin-c2 .Trobin2-2-item.t2 {
  background-image: url('https://assets-cdn.lanqb.com/school/robin2021/c2-2-2-bg_m.png');
}
.Trobin-c2 .Trobin2-2-item.t2 img {
  width: 1.413333rem;
  height: 1.12rem;
}
.Trobin-c2 .Trobin2-2-item.t3 {
  background-image: url('https://assets-cdn.lanqb.com/school/robin2021/c2-2-3-bg_m.png');
}
.Trobin-c2 .Trobin2-2-item.t3 img {
  width: 1.2rem;
  height: 1.2rem;
}
.Trobin-c2 .Trobin2-2-item.t4 {
  background-image: url('https://assets-cdn.lanqb.com/school/robin2021/c2-2-4-bg_m.png');
}
.Trobin-c2 .Trobin2-2-item.t4 img {
  width: 1.266667rem;
  height: 1.306667rem;
}
.Trobin-c2 .Trobin2-2-item.t5 {
  background-image: url('https://assets-cdn.lanqb.com/school/robin2021/c2-2-5-bg_m.png');
}
.Trobin-c2 .Trobin2-2-item.t5 img {
  width: 1.12rem;
  height: 1.04rem;
}
.Trobin-c2 .Trobin2-2-item span {
  width: 100%;
  height: 2.746667rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.Trobin-c2 .Trobin2-2-item p {
  width: 100%;
  height: 1.333333rem;
  font-size: 0.293333rem;
  line-height: 0.44rem;
  color: #0c0d3e;
  background: #00f2fe;
  background: -moz-linear-gradient(top, #00f2fe 0%, #4facfe 100%);
  background: -webkit-linear-gradient(top, #00f2fe 0%, #4facfe 100%);
  background: linear-gradient(to bottom, #00f2fe 0%, #4facfe 100%);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.Trobin-c2 .Trobin2-2-item p strong {
  font-family: 'SourceHanSansCN-Bold';
  font-size: 0.32rem;
  font-weight: bold;
}
.Trobin-c2 .Trobin2-tab,
.Trobin-c2 .Trobin2-swiper {
  visibility: hidden;
}
@keyframes chart_am_01 {
  0% {
    height: 0;
  }
  100% {
    height: 3.626667rem;
  }
}
@keyframes chart_am_02 {
  0% {
    height: 0;
  }
  100% {
    height: 3.76rem;
  }
}
@keyframes chart_am_03 {
  0% {
    height: 0;
  }
  100% {
    height: 0.346667rem;
  }
}
@keyframes chart_am_04 {
  0% {
    height: 0;
  }
  100% {
    height: 3.6rem;
  }
}
@keyframes chart_am_05 {
  0% {
    height: 0;
  }
  100% {
    height: 1.186667rem;
  }
}
@keyframes chart_am_06 {
  0% {
    height: 0;
  }
  100% {
    height: 2.693333rem;
  }
}
@keyframes chart_am_07 {
  0% {
    height: 0;
  }
  100% {
    height: 2.733333rem;
  }
}
@keyframes chart_am02_00 {
  0% {
    width: 0;
  }
  100% {
    width: 0.506667rem;
  }
}
@keyframes chart_am02_01 {
  0% {
    width: 0;
  }
  100% {
    width: 3.653333rem;
  }
}
@keyframes chart_am02_02 {
  0% {
    width: 0;
  }
  100% {
    width: 0.493333rem;
  }
}
@keyframes chart_am02_03 {
  0% {
    width: 0;
  }
  100% {
    width: 3.466667rem;
  }
}
@keyframes chart_am02_04 {
  0% {
    width: 0;
  }
  100% {
    width: 3.293333rem;
  }
}
@keyframes chart_am02_05 {
  0% {
    width: 0;
  }
  100% {
    width: 2.466667rem;
  }
}
@keyframes chart_am02_06 {
  0% {
    width: 0;
  }
  100% {
    width: 1.586667rem;
  }
}
@keyframes chart_am02_07 {
  0% {
    width: 0;
  }
  100% {
    width: 0.48rem;
  }
}
.Trobin-c2.visible .Trobin-h2,
.Trobin-c2.visible .Trobin-btn,
.Trobin-c2.visible .Trobin2-tab,
.Trobin-c2.visible .Trobin2-swiper {
  visibility: visible;
  -ms-animation: aniInUp 1s ease;
  -o-animation: aniInUp 1s ease;
  -webkit-animation: aniInUp 1s ease;
  animation: aniInUp 1s ease;
}
.Trobin-c2.visible .Trobin2-chart-list .bar.s1 span {
  animation: chart_am_01 0.3s linear forwards;
}
.Trobin-c2.visible .Trobin2-chart-list .bar.s2 span {
  animation: chart_am_02 0.3s linear 0.05s forwards;
}
.Trobin-c2.visible .Trobin2-chart-list .bar.s3 span {
  animation: chart_am_03 0.3s linear 0.1s forwards;
}
.Trobin-c2.visible .Trobin2-chart-list .bar.s4 span {
  animation: chart_am_04 0.3s linear 0.105s forwards;
}
.Trobin-c2.visible .Trobin2-chart-list .bar.s5 span {
  animation: chart_am_05 0.3s linear 0.11s forwards;
}
.Trobin-c2.visible .Trobin2-chart-list .bar.s6 span {
  animation: chart_am_06 0.3s linear 0.115s forwards;
}
.Trobin-c2.visible .Trobin2-chart-list .bar.s7 span {
  animation: chart_am_07 0.3s linear 0.12s forwards;
}
.Trobin-c2.visible .Trobin2-chart-line em.e1 {
  animation: chart_am02_01 0.1s linear 0.3s forwards;
}
.Trobin-c2.visible .Trobin2-chart-line em.e2 {
  animation: chart_am02_00 0.1s linear 0.35s forwards;
}
.Trobin-c2.visible .Trobin2-chart-line em.e3 {
  animation: chart_am02_02 0.1s linear 0.4s forwards;
}
.Trobin-c2.visible .Trobin2-chart-line em.e4 {
  animation: chart_am02_00 0.1s linear 0.45s forwards;
}
.Trobin-c2.visible .Trobin2-chart-line em.e5 {
  animation: chart_am02_03 0.1s linear 0.5s forwards;
}
.Trobin-c2.visible .Trobin2-chart-line em.e6 {
  animation: chart_am02_00 0.1s linear 0.55s forwards;
}
.Trobin-c2.visible .Trobin2-chart-line em.e7 {
  animation: chart_am02_04 0.1s linear 0.6s forwards;
}
.Trobin-c2.visible .Trobin2-chart-line em.e8 {
  animation: chart_am02_00 0.1s linear 0.65s forwards;
}
.Trobin-c2.visible .Trobin2-chart-line em.e9 {
  animation: chart_am02_05 0.1s linear 0.7s forwards;
}
.Trobin-c2.visible .Trobin2-chart-line em.e10 {
  animation: chart_am02_00 0.1s linear 0.75s forwards;
}
.Trobin-c2.visible .Trobin2-chart-line em.e11 {
  animation: chart_am02_06 0.1s linear 0.8s forwards;
}
.Trobin-c2.visible .Trobin2-chart-line em.e12 {
  animation: chart_am02_00 0.1s linear 0.85s forwards;
}
.Trobin-c2.visible .Trobin2-chart-line em.e13 {
  animation: chart_am02_07 0.1s linear 0.9s forwards;
}
.Trobin-c2.visible .Trobin2-chart-line em.e14 {
  animation: chart_am02_00 0.1s linear 0.95s forwards;
}
/* c3 */
.Trobin-c3 {
  padding-top: 0.36rem;
  padding-bottom: 0.92rem;
  background-image: url('https://assets-cdn.lanqb.com/school/robin2021/c3-bg_m.jpg');
}
.Trobin-c3 .Trobin-h2 {
  margin-bottom: 0.4rem;
  background-image: url('https://assets-cdn.lanqb.com/school/robin2021/c3-h2_pc.png');
}
.Trobin-c3 .Trobin-btns {
  margin-top: 0.4rem;
}
.Trobin-c3 .Trobin3-item {
  width: 9.306667rem;
  height: 4.506667rem;
  padding: 0.253333rem;
  background: url('https://assets-cdn.lanqb.com/school/robin2021/c3-bg2_m.png') no-repeat center top;
  background-size: 100% 100%;
  display: flex;
  flex-direction: row-reverse;
  align-items: stretch;
}
.Trobin-c3 .Trobin3-item + .Trobin3-item {
  margin-top: 0.16rem;
}
.Trobin-c3 .Trobin3-item:nth-child(2) {
  flex-direction: row;
}
.Trobin-c3 .Trobin3-item img {
  width: 4rem;
  height: 4rem;
}
.Trobin-c3 .Trobin3-des {
  width: 4.8rem;
  padding-left: 0.466667rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.Trobin-c3 .Trobin3-des p {
  position: relative;
  max-width: 3.84rem;
  font-size: 0.293333rem;
  font-weight: 400;
  line-height: 0.4rem;
  color: #66fcff;
  text-indent: 0.48rem;
}
.Trobin-c3 .Trobin3-des p:before {
  position: absolute;
  top: 0.2rem;
  left: 0.186667rem;
  width: 0.053333rem;
  height: 0.053333rem;
  background-color: #66fcff;
  content: '';
  -webkit-border-radius: 50%;
  border-radius: 50%;
}
.Trobin-c3 .Trobin3-des p + p {
  margin-top: 0.24rem;
}
.Trobin-c3 .Trobin3-item {
  visibility: hidden;
}
.Trobin-c3.visible .Trobin-h2,
.Trobin-c3.visible .Trobin-btn,
.Trobin-c3.visible .Trobin3-item {
  visibility: visible;
}
.Trobin-c3.visible .Trobin-h2 {
  -ms-animation: aniInUp 1s ease;
  -o-animation: aniInUp 1s ease;
  -webkit-animation: aniInUp 1s ease;
  animation: aniInUp 1s ease;
}
/* c4 */
.Trobin-c4 {
  position: relative;
  padding-top: 0.36rem;
  padding-bottom: 0.92rem;
  background-image: url('https://assets-cdn.lanqb.com/school/robin2021/c4-bg_m.jpg');
}
.Trobin-c4:before {
  position: absolute;
  left: 50%;
  bottom: 0.773333rem;
  width: 9.986667rem;
  height: 8.44rem;
  margin-left: -4.986667rem;
  background: url('https://assets-cdn.lanqb.com/school/robin2021/c4-img_m.png') no-repeat center bottom;
  background-size: 100% 100%;
  content: '';
}
.Trobin-c4 .Trobin-h2 {
  background-image: url('https://assets-cdn.lanqb.com/school/robin2021/c4-h2_pc.png');
}
.Trobin-c4 .Trobin-h3 {
  margin-top: 0.16rem;
  margin-bottom: 0.4rem;
}
.Trobin-c4 .Trobin-btns {
  margin-top: 0.68rem;
}
.Trobin-c4 .Trobin4-con {
  position: relative;
  height: 6.68rem;
}
.Trobin-c4 .Trobin4-ques,
.Trobin-c4 .Trobin4-ans {
  position: absolute;
  top: 0;
  width: 5rem;
  height: 100%;
}
.Trobin-c4 .Trobin4-ques {
  left: 0;
}
.Trobin-c4 .Trobin4-ques .Trobin4-item {
  background: #12c3f7;
  background: -moz-linear-gradient(195deg, #12c3f7 0%, rgba(45, 194, 254, 0.51) 100%);
  background: -webkit-linear-gradient(195deg, #12c3f7 0%, rgba(45, 194, 254, 0.51) 100%);
  background: -o-linear-gradient(195deg, #12c3f7 0%, rgba(45, 194, 254, 0.51) 100%);
  background: -ms-linear-gradient(195deg, #12c3f7 0%, rgba(45, 194, 254, 0.51) 100%);
  background: linear-gradient(285deg, #12c3f7 0%, rgba(45, 194, 254, 0.51) 100%);
}
.Trobin-c4 .Trobin4-ques .Trobin4-item:before {
  position: absolute;
  top: 50%;
  right: -0.146667rem;
  margin-top: -0.146667rem;
  border-left: 0.16rem solid #12c3f7;
  border-top: 0.146667rem solid transparent;
  border-bottom: 0.146667rem solid transparent;
  content: '';
}
.Trobin-c4 .Trobin4-ques .Trobin4-item.t1 {
  top: 0.426667rem;
  left: 0.12rem;
}
.Trobin-c4 .Trobin4-ques .Trobin4-item.t2 {
  top: 1.653333rem;
  left: 0.92rem;
}
.Trobin-c4 .Trobin4-ques .Trobin4-item.t3 {
  top: 2.786667rem;
  left: 0.28rem;
  z-index: 1;
}
.Trobin-c4 .Trobin4-ques .Trobin4-item.t4 {
  top: 4.213333rem;
  left: 0;
}
.Trobin-c4 .Trobin4-ques .Trobin4-item.t5 {
  top: 5.16rem;
  left: 0.8rem;
}
.Trobin-c4 .Trobin4-ans {
  right: 0;
}
.Trobin-c4 .Trobin4-ans .Trobin4-item {
  background: #fbae2e;
  background: -moz-linear-gradient(195deg, #fbae2e 0%, #ffd66b 100%);
  background: -webkit-linear-gradient(195deg, #fbae2e 0%, #ffd66b 100%);
  background: -o-linear-gradient(195deg, #fbae2e 0%, #ffd66b 100%);
  background: -ms-linear-gradient(195deg, #fbae2e 0%, #ffd66b 100%);
  background: linear-gradient(285deg, #fbae2e 0%, #ffd66b 100%);
}
.Trobin-c4 .Trobin4-ans .Trobin4-item:before {
  position: absolute;
  top: 50%;
  left: -0.146667rem;
  margin-top: -0.146667rem;
  border-right: 0.16rem solid #ffd66b;
  border-top: 0.146667rem solid transparent;
  border-bottom: 0.146667rem solid transparent;
  content: '';
}
.Trobin-c4 .Trobin4-ans .Trobin4-item.active {
  color: #000;
}
.Trobin-c4 .Trobin4-ans .Trobin4-item.t1 {
  top: 0;
  right: 0.72rem;
}
.Trobin-c4 .Trobin4-ans .Trobin4-item.t2 {
  top: 1.2rem;
  right: 0;
  z-index: 1;
}
.Trobin-c4 .Trobin4-ans .Trobin4-item.t3 {
  top: 2.333333rem;
  right: 0.693333rem;
  z-index: 2;
}
.Trobin-c4 .Trobin4-ans .Trobin4-item.t4 {
  top: 3.28rem;
  right: 0;
}
.Trobin-c4 .Trobin4-ans .Trobin4-item.t5 {
  top: 4.08rem;
  right: 0;
}
.Trobin-c4 .Trobin4-ans .Trobin4-item.t6 {
  top: 5.493333rem;
  right: 0.226667rem;
}
.Trobin-c4 .Trobin4-item {
  position: absolute;
  z-index: 0;
  min-width: 2.96rem;
  height: 1.386667rem;
  padding-right: 0.24rem;
  padding-left: 0.24rem;
  font-size: 0.293333rem;
  font-weight: 400;
  line-height: 0.4rem;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
}
.Trobin-c4 .Trobin4-item.w100 {
  min-width: 1.333333rem;
}
.Trobin-c4 .Trobin4-item.w185 {
  min-width: 2.466667rem;
}
.Trobin-c4 .Trobin4-item.w236 {
  min-width: 3.146667rem;
}
.Trobin-c4 .Trobin4-item.h89 {
  height: 1.186667rem;
}
.Trobin-c4 .Trobin4-item.h46 {
  height: 0.613333rem;
}
.Trobin-c4 .Trobin4-item.opa30 {
  opacity: 0.3;
}
.Trobin-c4 .Trobin4-item.opa50 {
  opacity: 0.5;
}
.Trobin-c4 .Trobin4-item.opa60 {
  opacity: 0.6;
}
.Trobin-c4 .Trobin4-item.opa80 {
  opacity: 0.8;
}
.Trobin-c4 .Trobin4-item.active {
  z-index: 5 !important;
  opacity: 1;
}
.Trobin-c4:before,
.Trobin-c4 .Trobin4-ques,
.Trobin-c4 .Trobin4-ans {
  visibility: hidden;
}
.Trobin-c4.visible:before,
.Trobin-c4.visible .Trobin-h2,
.Trobin-c4.visible .Trobin-h3,
.Trobin-c4.visible .Trobin-btn,
.Trobin-c4.visible .Trobin4-ques,
.Trobin-c4.visible .Trobin4-ans {
  visibility: visible;
}
.Trobin-c4.visible:before {
  -ms-animation: aniInRight 1s ease;
  -o-animation: aniInRight 1s ease;
  -webkit-animation: aniInRight 1s ease;
  animation: aniInRight 1s ease;
}
.Trobin-c4.visible .Trobin-h2 {
  -ms-animation: aniInUp 1s ease;
  -o-animation: aniInUp 1s ease;
  -webkit-animation: aniInUp 1s ease;
  animation: aniInUp 1s ease;
}
/* c5 */
.Trobin-c5 {
  padding-top: 0.36rem;
  padding-bottom: 0.92rem;
  background-image: url('https://assets-cdn.lanqb.com/school/robin2021/c5-bg_m.jpg');
}
.Trobin-c5 .Trobin-h2 {
  margin-bottom: 0.52rem;
  background-image: url('https://assets-cdn.lanqb.com/school/robin2021/c5-h2_pc.png');
}
.Trobin-c5 .Trobin5-swiper-item {
  width: 5.986667rem;
  height: 8.92rem;
  padding-top: 0.906667rem;
  background: url('https://assets-cdn.lanqb.com/school/robin2021/c5-bg2_m.png') no-repeat center center;
  background-size: 100% 100%;
  filter: brightness(30%);
  display: flex;
  flex-direction: column;
  align-items: center;
}
.Trobin-c5 .Trobin5-swiper-item.swiper-slide-active {
  filter: brightness(100%);
}
.Trobin-c5 .Trobin5-swiper-item h4 {
  margin-top: 0.56rem;
  font-size: 0.413333rem;
  font-weight: 500;
  line-height: 0.52rem;
}
.Trobin-c5 .Trobin5-swiper-item p {
  position: relative;
  max-width: 3.68rem;
  font-size: 0.32rem;
  font-weight: 400;
  line-height: 0.48rem;
  color: #66fcff;
  text-indent: 0.56rem;
}
.Trobin-c5 .Trobin5-swiper-item p:before {
  position: absolute;
  top: 0.213333rem;
  left: 0.24rem;
  width: 0.066667rem;
  height: 0.066667rem;
  background-color: #66fcff;
  content: '';
  -webkit-border-radius: 50%;
  border-radius: 50%;
}
.Trobin-c5 .Trobin5-swiper-item p + p {
  margin-top: 0.28rem;
}
.Trobin-c5 .Trobin5-swiper-item img.m1 {
  width: 1.613333rem;
  height: 1.666667rem;
}
.Trobin-c5 .Trobin5-swiper-item img.m2 {
  width: 1.586667rem;
  height: 1.44rem;
}
.Trobin-c5 .Trobin5-swiper-item img.m3 {
  width: 1.546667rem;
  height: 1.813333rem;
}
.Trobin-c5 .Trobin5-line {
  width: 90%;
  height: 1px;
  margin-top: 0.16rem;
  margin-bottom: 0.4rem;
  background: -moz-linear-gradient(left, rgba(50, 214, 255, 0) 0%, rgba(50, 214, 255, 0.1) 20%, #32d6ff 50%, rgba(50, 214, 255, 0.1) 80%, rgba(50, 214, 255, 0) 100%);
  background: -webkit-linear-gradient(left, rgba(50, 214, 255, 0) 0%, rgba(50, 214, 255, 0.1) 20%, #32d6ff 50%, rgba(50, 214, 255, 0.1) 80%, rgba(50, 214, 255, 0) 100%);
  background: linear-gradient(to right, rgba(50, 214, 255, 0) 0%, rgba(50, 214, 255, 0.1) 20%, #32d6ff 50%, rgba(50, 214, 255, 0.1) 80%, rgba(50, 214, 255, 0) 100%);
}
.Trobin-c5 .Trobin5-swiper {
  visibility: hidden;
}
.Trobin-c5.visible .Trobin-h2,
.Trobin-c5.visible .Trobin5-swiper {
  visibility: visible;
  -ms-animation: aniInUp 1s ease;
  -o-animation: aniInUp 1s ease;
  -webkit-animation: aniInUp 1s ease;
  animation: aniInUp 1s ease;
}
/* c6 */
.Trobin-c6 {
  padding-top: 0.333333rem;
  padding-bottom: 0.6rem;
  background-image: url('https://assets-cdn.lanqb.com/school/robin2021/c6-bg_m.jpg');
}
.Trobin-c6 .Trobin-h2 {
  margin-bottom: 0.52rem;
  background-image: url('https://assets-cdn.lanqb.com/school/robin2021/c6-h2_m.png');
}
.Trobin-c6 .Trobin6-con {
  position: relative;
  width: 9.2rem;
  padding: 0.586667rem;
  border: 0.026667rem solid #2272e1;
  -ms-box-shadow: 0 0 0.32rem rgba(62, 49, 193, 0.59);
  -o-box-shadow: 0 0 0.32rem rgba(62, 49, 193, 0.59);
  -webkit-box-shadow: 0 0 0.32rem rgba(62, 49, 193, 0.59);
  box-shadow: 0 0 0.32rem rgba(62, 49, 193, 0.59);
  background: #274dad;
  background: -moz-linear-gradient(top, #274dad 0%, #2175e6 100%);
  background: -webkit-linear-gradient(top, #274dad 0%, #2175e6 100%);
  background: linear-gradient(to bottom, #274dad 0%, #2175e6 100%);
  display: flex;
  flex-direction: column;
  align-items: center;
}
.Trobin-c6 .Trobin6-con:before {
  position: absolute;
  top: 0.106667rem;
  right: 0.106667rem;
  bottom: 0.106667rem;
  left: 0.106667rem;
  border: 0.026667rem solid rgba(71, 87, 211, 0.6);
  content: '';
  box-sizing: border-box;
}
.Trobin-c6 .Trobin6-con h5 {
  font-size: 0.293333rem;
  line-height: 0.466667rem;
  color: #e2eeff;
}
.Trobin-c6 .Trobin6-con p {
  font-size: 0.266667rem;
  color: #d3e5ff;
}
.Trobin-c6 .Trobin6-con p strong {
  font-family: 'SourceHanSansCN-Bold';
}
.Trobin-c6 .Trobin6-con p.lh28 {
  line-height: 0.373333rem;
}
.Trobin-c6 .Trobin6-con p.lh34 {
  line-height: 0.453333rem;
}
.Trobin-c6 .Trobin6-con p + p {
  margin-top: 0.24rem;
}
.Trobin-c6 .Trobin6-tea {
  width: 3.6rem;
  height: 2.56rem;
  margin-bottom: 0.293333rem;
}
.Trobin-c6 .Trobin6-rhomb {
  margin-top: 0.44rem;
  margin-bottom: 0.4rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.Trobin-c6 .Trobin6-rhomb:before,
.Trobin-c6 .Trobin6-rhomb:after {
  width: 1.573333rem;
  height: 0.026667rem;
  content: '';
}
.Trobin-c6 .Trobin6-rhomb:before {
  background: transparent;
  background: -moz-linear-gradient(left, transparent 0%, #0ce8fe 100%);
  background: -webkit-linear-gradient(left, transparent 0%, #0ce8fe 100%);
  background: linear-gradient(to right, transparent 0%, #0ce8fe 100%);
}
.Trobin-c6 .Trobin6-rhomb:after {
  background: #0ce8fe;
  background: -moz-linear-gradient(left, #0ce8fe 0%, transparent 100%);
  background: -webkit-linear-gradient(left, #0ce8fe 0%, transparent 100%);
  background: linear-gradient(to right, #0ce8fe 0%, transparent 100%);
}
.Trobin-c6 .Trobin6-rhomb em {
  position: relative;
  width: 0.106667rem;
  height: 0.026667rem;
  margin-right: 0.066667rem;
  margin-left: 0.066667rem;
}
.Trobin-c6 .Trobin6-rhomb em:before,
.Trobin-c6 .Trobin6-rhomb em:after {
  position: absolute;
  left: 0;
  content: '';
  border-right: 0.053333rem solid transparent;
  border-left: 0.053333rem solid transparent;
}
.Trobin-c6 .Trobin6-rhomb em:before {
  top: -0.08rem;
  border-bottom: 0.093333rem solid #0ce8fe;
}
.Trobin-c6 .Trobin6-rhomb em:after {
  bottom: -0.08rem;
  border-top: 0.093333rem solid #0ce8fe;
}
.Trobin-c6 .Trobin6-con {
  visibility: hidden;
}
.Trobin-c6.visible .Trobin-h2,
.Trobin-c6.visible .Trobin6-con {
  visibility: visible;
  -ms-animation: aniInUp 1s ease;
  -o-animation: aniInUp 1s ease;
  -webkit-animation: aniInUp 1s ease;
  animation: aniInUp 1s ease;
}
/* c7 */
.Trobin-c7 {
  padding-bottom: 0.92rem;
  background: url('https://assets-cdn.lanqb.com/school/robin2021/c7-bg_m.jpg') no-repeat center bottom;
  background-size: 100% auto;
}
.Trobin-c7 .Trobin-btns {
  padding-top: 0.52rem;
}
.Trobin-c7.visible .Trobin-btn {
  visibility: visible;
  -ms-animation: aniInUp 1s ease;
  -o-animation: aniInUp 1s ease;
  -webkit-animation: aniInUp 1s ease;
  animation: aniInUp 1s ease;
}
/* c8 */
.Trobin-c8 {
  padding-top: 0.36rem;
  padding-bottom: 0.92rem;
  background-image: url('https://assets-cdn.lanqb.com/school/robin2021/c8-bg_m.jpg');
}
.Trobin-c8 .Trobin-h2 {
  margin-bottom: 0.52rem;
  background-image: url('https://assets-cdn.lanqb.com/school/robin2021/c8-h2_m.png');
}
.Trobin-c8 .Trobin8-list {
  position: relative;
  width: 9.36rem;
  padding-top: 1.546667rem;
  margin-right: auto;
  margin-left: auto;
  display: flex;
  align-items: stretch;
  justify-content: space-between;
}
.Trobin-c8 .Trobin8-list:before {
  position: absolute;
  top: 0.986667rem;
  right: 1.44rem;
  left: 1.44rem;
  height: 0.24rem;
  background-color: #fff;
  border-top: 0.026667rem solid #00089f;
  border-bottom: 0.026667rem solid #00089f;
  content: '';
  box-sizing: border-box;
}
.Trobin-c8 .Trobin8-list + .Trobin8-list {
  margin-top: 0.64rem;
}
.Trobin-c8 .Trobin8-list + .Trobin8-list:before {
  background-color: #32d6ff;
}
.Trobin-c8 .Trobin8-list + .Trobin8-list:after {
  position: absolute;
  bottom: 3.386667rem;
  right: 1.32rem;
  width: 0.24rem;
  height: 5.493333rem;
  border-right: 0.026667rem solid #00089f;
  border-left: 0.026667rem solid #00089f;
  content: '';
  box-sizing: border-box;
  background: #fff;
  background: -moz-linear-gradient(top, #fff 0%, #32d6ff 100%);
  background: -webkit-linear-gradient(top, #fff 0%, #32d6ff 100%);
  background: linear-gradient(to bottom, #fff 0%, #32d6ff 100%);
}
.Trobin-c8 .Trobin8-item {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
}
.Trobin-c8 .Trobin8-item:before {
  position: absolute;
  top: -1.546667rem;
  left: 50%;
  width: 1.84rem;
  height: 0.866667rem;
  margin-left: -0.92rem;
  background: url('https://assets-cdn.lanqb.com/school/robin2021/c8-tab1_m.png?v=210118') no-repeat center top;
  background-size: 100% 100%;
  font-family: 'SourceHanSansCN-Bold';
  font-size: 0.32rem;
  font-weight: bold;
  line-height: 0.68rem;
  color: #fff;
  text-align: center;
  content: attr(data-step);
  box-sizing: border-box;
}
.Trobin-c8 .Trobin8-item .Trobin8-cover {
  position: relative;
  width: 2.893333rem;
  height: 2.906667rem;
}
.Trobin-c8 .Trobin8-item .Trobin8-cover:before {
  position: absolute;
  top: 0.026667rem;
  right: 0.026667rem;
  left: 0.026667rem;
  z-index: 1;
  height: 1.893333rem;
  content: '';
  background: rgba(0, 0, 0, 0.8) url('https://assets-cdn.lanqb.com/school/Lren/c6-clock@2x_pc.png') no-repeat center center;
  background-size: 0.413333rem 0.546667rem;
  -ms-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  -webkit-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
  text-decoration-skip: objects;
  -webkit-border-radius: 0.133333rem 0.133333rem 0 0;
  border-radius: 0.133333rem 0.133333rem 0 0;
}
.Trobin-c8 .Trobin8-item img {
  width: 100%;
  height: 100%;
}
.Trobin-c8 .Trobin8-item .des {
  position: absolute;
  right: 0.026667rem;
  left: 0.026667rem;
  bottom: 0;
  z-index: 2;
  height: 1.026667rem;
  font-size: 0.32rem;
  font-weight: 400;
  line-height: 0.4rem;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  display: flex;
  align-items: center;
  justify-content: center;
  -webkit-border-radius: 0 0 0.08rem 0.08rem;
  border-radius: 0 0 0.08rem 0.08rem;
  background: #2175e6;
  background: -moz-linear-gradient(top, #2175e6 0%, #274dad 100%);
  background: -webkit-linear-gradient(top, #2175e6 0%, #274dad 100%);
  background: linear-gradient(to bottom, #2175e6 0%, #274dad 100%);
}
.Trobin-c8 .Trobin8-item .Trobin8-circle {
  position: absolute;
  left: 50%;
  top: -0.706667rem;
  width: 0.533333rem;
  height: 0.533333rem;
  margin-left: -0.266667rem;
  background-color: #fff;
  border: 0.04rem solid #152390;
  box-sizing: border-box;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  -ms-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  -webkit-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
  text-decoration-skip: objects;
}
.Trobin-c8 .Trobin8-item .Trobin8-circle:before {
  position: absolute;
  width: 0.386667rem;
  height: 0.386667rem;
  content: '';
  background-color: #32d6ff;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}
.Trobin-c8 .Trobin8-item.t6:before {
  top: -1.8rem;
  width: 2.226667rem;
  height: 1.12rem;
  padding-top: 0.133333rem;
  margin-left: -1.12rem;
  background-image: url('https://assets-cdn.lanqb.com/school/robin2021/c8-tab2_m.png?v=220118');
}
.Trobin-c8 .Trobin8-item.t6 .Trobin8-cover:before {
  background-color: transparent;
}
.Trobin-c8 .Trobin8-item.t6 img {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 3.013333rem;
  height: 3.106667rem;
  filter: brightness(20%);
  -ms-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  -webkit-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
  text-decoration-skip: objects;
}
.Trobin-c8 .Trobin8-item.t6 .des {
  right: 0;
  left: 0;
  -webkit-border-radius: 0 0 0.106667rem 0.106667rem;
  border-radius: 0 0 0.106667rem 0.106667rem;
}
.Trobin-c8 .Trobin8-item.t6 .Trobin8-circle {
  border-color: transparent;
}
.Trobin-c8 .Trobin8-item.t6 .Trobin8-circle:before {
  width: 0.453333rem;
  height: 0.453333rem;
  background-color: #fbb739;
}
.Trobin-c8 .Trobin8-item:hover .Trobin8-cover:before {
  opacity: 0;
  visibility: hidden;
}
.Trobin-c8 .Trobin8-item:hover.t6 img {
  filter: brightness(100%);
}
.Trobin-c8 .Trobin8-list {
  visibility: hidden;
}
.Trobin-c8.visible .Trobin-h2,
.Trobin-c8.visible .Trobin8-list {
  visibility: visible;
  -ms-animation: aniInUp 1s ease;
  -o-animation: aniInUp 1s ease;
  -webkit-animation: aniInUp 1s ease;
  animation: aniInUp 1s ease;
}
/* c9 */
.Trobin-c9 {
  padding-top: 0.36rem;
  padding-bottom: 0.92rem;
  background-image: url('https://assets-cdn.lanqb.com/school/robin2021/c9-bg_m.jpg');
}
.Trobin-c9 .Trobin-h2 {
  margin-bottom: 0.56rem;
  background-image: url('https://assets-cdn.lanqb.com/school/robin2021/c9-h2_pc.png');
}
.Trobin-c9 .Trobin9-swiper {
  position: relative;
  padding-bottom: 0.64rem;
}
.Trobin-c9 .Trobin9-pagination {
  bottom: 0;
}
.Trobin-c9 .Trobin9-heading {
  margin-bottom: 0.56rem;
  text-align: center;
}
.Trobin-c9 .Trobin9-heading h3 {
  min-width: 7.026667rem;
  height: 0.96rem;
  padding-right: 0.72rem;
  padding-left: 0.72rem;
  box-sizing: border-box;
  background: #0b0b3c;
  background: -moz-linear-gradient(left, #0b0b3c 0%, #212e77 100%);
  background: -webkit-linear-gradient(left, #0b0b3c 0%, #212e77 100%);
  background: linear-gradient(to right, #0b0b3c 0%, #212e77 100%);
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.Trobin-c9 .Trobin9-heading h3 span {
  position: relative;
  font-family: 'SourceHanSansCN-Medium';
  font-size: 0.426667rem;
  font-weight: 500;
  line-height: 1;
  color: #fff0b3;
  text-shadow: 0 0 0.08rem rgba(0, 0, 0, 0.35);
}
.Trobin-c9 .Trobin9-heading h3 span:before,
.Trobin-c9 .Trobin9-heading h3 span:after {
  position: absolute;
  top: 50%;
  width: 6px;
  height: 6px;
  margin-top: -2px;
  background-color: #fff0b3;
  content: '';
  -ms-transform: rotate(45deg) skew(10deg, 10deg);
  -o-transform: rotate(45deg) skew(10deg, 10deg);
  -webkit-transform: rotate(45deg) skew(10deg, 10deg);
  transform: rotate(45deg) skew(10deg, 10deg);
}
.Trobin-c9 .Trobin9-heading h3 span:before {
  left: -0.28rem;
}
.Trobin-c9 .Trobin9-heading h3 span:after {
  right: -0.28rem;
}
.Trobin-c9 .Trobin9-list {
  position: relative;
  display: flex;
  align-items: stretch;
  flex-wrap: wrap;
}
.Trobin-c9 .Trobin9-list:before {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  width: 1px;
  content: '';
  background: -moz-linear-gradient(top, rgba(163, 201, 255, 0) 0%, rgba(163, 201, 255, 0.1) 20%, #A3C9FF 50%, rgba(163, 201, 255, 0.1) 80%, rgba(163, 201, 255, 0) 100%);
  background: -webkit-linear-gradient(top, rgba(163, 201, 255, 0) 0%, rgba(163, 201, 255, 0.1) 20%, #A3C9FF 50%, rgba(163, 201, 255, 0.1) 80%, rgba(163, 201, 255, 0) 100%);
  background: linear-gradient(to bottom, rgba(163, 201, 255, 0) 0%, rgba(163, 201, 255, 0.1) 20%, #A3C9FF 50%, rgba(163, 201, 255, 0.1) 80%, rgba(163, 201, 255, 0) 100%);
}
.Trobin-c9 .Trobin9-list + .Trobin9-heading {
  margin-top: 0.68rem;
}
.Trobin-c9 .Trobin9-item {
  width: 50%;
  margin-top: 0.4rem;
}
.Trobin-c9 .Trobin9-item:nth-child(odd) {
  padding-left: 0.8rem;
}
.Trobin-c9 .Trobin9-item:nth-child(even) {
  padding-left: 0.68rem;
}
.Trobin-c9 .Trobin9-item:nth-child(1),
.Trobin-c9 .Trobin9-item:nth-child(2) {
  margin-top: 0;
}
.Trobin-c9 .Trobin9-item h4 {
  margin-bottom: 0.12rem;
  font-family: 'SourceHanSansCN-Bold';
  font-size: 0.32rem;
  font-weight: 500;
  line-height: 0.4rem;
  color: #fff;
}
.Trobin-c9 .Trobin9-item p {
  position: relative;
  max-width: 3.84rem;
  padding-left: 0.24rem;
  font-size: 0.266667rem;
  font-weight: 400;
  line-height: 0.346667rem;
  color: #c8dfff;
}
.Trobin-c9 .Trobin9-item p:before {
  position: absolute;
  top: 0.146667rem;
  left: 0.08rem;
  width: 0.053333rem;
  height: 0.053333rem;
  background-color: #87b9ff;
  content: '';
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.Trobin-c9 .Trobin9-swiper {
  visibility: hidden;
}
.Trobin-c9.visible .Trobin-h2,
.Trobin-c9.visible .Trobin9-swiper {
  visibility: visible;
  -ms-animation: aniInUp 1s ease;
  -o-animation: aniInUp 1s ease;
  -webkit-animation: aniInUp 1s ease;
  animation: aniInUp 1s ease;
}
/* c10 */
.Trobin-c10 {
  padding-top: 0.36rem;
  padding-bottom: 0.84rem;
  background-image: url('https://assets-cdn.lanqb.com/school/robin2021/c10-bg_m.jpg');
}
.Trobin-c10 .Trobin-h2 {
  margin-bottom: 0.56rem;
  background-image: url('https://assets-cdn.lanqb.com/school/robin2021/c10-h2_m.png');
}
.Trobin-c10 .Trobin10-item {
  width: 9.2rem;
  padding-top: 0.493333rem;
  padding-bottom: 0.253333rem;
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 100% 100%;
}
.Trobin-c10 .Trobin10-item + .Trobin10-item {
  margin-top: 0.266667rem;
}
.Trobin-c10 .Trobin10-item.h517 {
  min-height: 6.893333rem;
  background-image: url('https://assets-cdn.lanqb.com/school/robin2021/c10-1-bg_m.png');
}
.Trobin-c10 .Trobin10-item.h569 {
  min-height: 7.586667rem;
  background-image: url('https://assets-cdn.lanqb.com/school/robin2021/c10-2-bg_m.png');
}
.Trobin-c10 .Trobin10-item.h673 {
  min-height: 8.973333rem;
  background-image: url('https://assets-cdn.lanqb.com/school/robin2021/c10-3-bg_m.png');
}
.Trobin-c10 .Trobin10-item h3 {
  font-family: 'SourceHanSansCN-Medium';
  font-size: 0.426667rem;
  font-weight: 500;
  line-height: 0.96rem;
  text-align: center;
}
.Trobin-c10 .Trobin10-item h4 {
  margin-top: 0.16rem;
  font-size: 0.293333rem;
  font-weight: 40;
  line-height: 0.44rem;
  color: rgba(255, 255, 255, 0.6);
  text-align: center;
}
.Trobin-c10 .Trobin10-1-list {
  padding-top: 0.44rem;
  display: flex;
  align-items: stretch;
  justify-content: center;
}
.Trobin-c10 .Trobin10-1-item {
  position: relative;
  width: 2.88rem;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.Trobin-c10 .Trobin10-1-item + .Trobin10-1-item:before {
  position: absolute;
  top: -0.56rem;
  bottom: 0;
  left: 0;
  width: 1px;
  content: '';
  background: -moz-linear-gradient(top, rgba(135, 185, 255, 0) 0%, rgba(135, 185, 255, 0.1) 20%, #87b9ff 50%, rgba(135, 185, 255, 0.1) 80%, rgba(135, 185, 255, 0) 100%);
  background: -webkit-linear-gradient(top, rgba(135, 185, 255, 0) 0%, rgba(135, 185, 255, 0.1) 20%, #87b9ff 50%, rgba(135, 185, 255, 0.1) 80%, rgba(135, 185, 255, 0) 100%);
  background: linear-gradient(to bottom, rgba(135, 185, 255, 0) 0%, rgba(135, 185, 255, 0.1) 20%, #87b9ff 50%, rgba(135, 185, 255, 0.1) 80%, rgba(135, 185, 255, 0) 100%);
}
.Trobin-c10 .Trobin10-1-item h5 {
  margin-top: 0.24rem;
  font-size: 0.346667rem;
  font-weight: 400;
  line-height: 0.48rem;
  color: #4facfe;
  text-align: center;
  -ms-animation: fadeInUp 1s ease;
  -o-animation: fadeInUp 1s ease;
  -webkit-animation: fadeInUp 1s ease;
  animation: fadeInUp 1s ease;
}
.Trobin-c10 .Trobin10-1-item h6 {
  font-size: 0.24rem;
  font-weight: 400;
  line-height: 0.36rem;
  color: #87b9ff;
  text-align: center;
  -ms-animation: fadeInUp 1s ease;
  -o-animation: fadeInUp 1s ease;
  -webkit-animation: fadeInUp 1s ease;
  animation: fadeInUp 1s ease;
}
.Trobin-c10 .Trobin10-1-cover {
  position: relative;
  display: block;
  width: 2.08rem;
  height: 2.08rem;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  -ms-animation: zoomIn 1s ease;
  -o-animation: zoomIn 1s ease;
  -webkit-animation: zoomIn 1s ease;
  animation: zoomIn 1s ease;
  background: #00f2fe;
  background: -moz-linear-gradient(top, #00f2fe 0%, #4facfe 100%);
  background: -webkit-linear-gradient(top, #00f2fe 0%, #4facfe 100%);
  background: linear-gradient(to bottom, #00f2fe 0%, #4facfe 100%);
  display: flex;
  align-items: center;
  justify-content: center;
}
.Trobin-c10 .Trobin10-1-cover:before {
  position: absolute;
  top: 0.066667rem;
  right: 0.066667rem;
  bottom: 0.066667rem;
  left: 0.066667rem;
  background-color: #e0edff;
  content: '';
  -webkit-border-radius: 50%;
  border-radius: 50%;
}
.Trobin-c10 .Trobin10-1-cover img {
  position: relative;
  z-index: 1;
}
.Trobin-c10 .Trobin10-1-cover img:nth-child(1) {
  width: 1.026667rem;
  height: 0.986667rem;
}
.Trobin-c10 .Trobin10-1-cover img:nth-child(2) {
  width: 0.96rem;
  height: 0.946667rem;
}
.Trobin-c10 .Trobin10-1-cover img:nth-child(3) {
  width: 1.04rem;
  height: 0.96rem;
}
.Trobin-c10 .Trobin10-2-con {
  margin-top: 0.32rem;
  text-align: center;
}
.Trobin-c10 .Trobin10-2-con img {
  width: 7.866667rem;
  height: 3.933333rem;
}
.Trobin-c10 .Trobin10-3-con {
  margin-top: 0.32rem;
  text-align: center;
}
.Trobin-c10 .Trobin10-3-con img {
  width: 7.88rem;
  height: 5.28rem;
}
.Trobin-c10 .Trobin10-item {
  visibility: hidden;
}
.Trobin-c10.visible .Trobin-h2,
.Trobin-c10.visible .Trobin10-item {
  visibility: visible;
  -ms-animation: aniInUp 1s ease;
  -o-animation: aniInUp 1s ease;
  -webkit-animation: aniInUp 1s ease;
  animation: aniInUp 1s ease;
}
/* c11 */
.Trobin-c11 {
  padding-top: 0.36rem;
  padding-bottom: 0.92rem;
  background-image: url('https://assets-cdn.lanqb.com/school/robin2021/c11-bg_m.jpg');
}
.Trobin-c11 .Trobin-h2 {
  margin-bottom: 0.52rem;
  background-image: url('https://assets-cdn.lanqb.com/school/robin2021/c11-h2_pc.png');
}
.Trobin-c11 .Trobin11-swiper {
  position: relative;
  width: 9.093333rem;
  height: 11.466667rem;
}
.Trobin-c11 .Trobin11-pagination {
  bottom: 0.64rem;
}
.Trobin-c11 .Trobin11-swiper-item {
  width: 100%;
  height: 100%;
  padding: 0.24rem 0.466667rem 0.88rem;
  background: url('https://assets-cdn.lanqb.com/school/robin2021/c11-bg2_m.jpg?v=220118') no-repeat center center;
  background-size: 100% 100%;
}
.Trobin-c11 .Trobin11-swiper-item h4 {
  font-size: 0.373333rem;
  font-weight: 500;
  line-height: 0.946667rem;
  color: #c9dfff;
  text-shadow: 0 0 0.08rem rgba(0, 0, 0, 0.35);
}
.Trobin-c11 .Trobin11-list {
  margin-top: 0.16rem;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  justify-content: space-between;
}
.Trobin-c11 .Trobin11-work {
  margin-top: 0.24rem;
}
.Trobin-c11 .Trobin11-work img {
  width: 3.946667rem;
  height: 3.6rem;
}
.Trobin-c11 .Trobin11-work p {
  margin-top: 0.16rem;
  font-size: 0.293333rem;
  line-height: 0.4rem;
  color: #141330;
  text-align: center;
}
.Trobin-c11 .Trobin11-swiper {
  visibility: hidden;
}
.Trobin-c11.visible .Trobin-h2,
.Trobin-c11.visible .Trobin11-swiper {
  visibility: visible;
  -ms-animation: aniInUp 1s ease;
  -o-animation: aniInUp 1s ease;
  -webkit-animation: aniInUp 1s ease;
  animation: aniInUp 1s ease;
}
/* c13 */
.Trobin-c13 {
  padding-top: 0.36rem;
  padding-bottom: 0.92rem;
  background-image: url('https://assets-cdn.lanqb.com/school/robin2021/c13-bg_m.jpg');
}
.Trobin-c13 .Trobin-h2 {
  margin-bottom: 0.84rem;
  background-image: url('https://assets-cdn.lanqb.com/school/robin2021/c13-h2_pc.png');
}
.Trobin-c13 .brand-btns {
  margin-top: 0.64rem;
}
.Trobin-c13 .brand-list {
  margin-left: 2.04rem;
}
.Trobin-c13 .brand-list:before {
  top: -0.333333rem;
  bottom: -0.24rem;
  background: -moz-linear-gradient(top, rgba(111, 252, 255, 0) 0%, rgba(111, 252, 255, 0.1) 5%, #6ffcff 50%, rgba(111, 252, 255, 0.1) 95%, rgba(111, 252, 255, 0) 100%);
  background: -webkit-linear-gradient(top, rgba(111, 252, 255, 0) 0%, rgba(111, 252, 255, 0.1) 5%, #6ffcff 50%, rgba(111, 252, 255, 0.1) 95%, rgba(111, 252, 255, 0) 100%);
  background: linear-gradient(to bottom, rgba(111, 252, 255, 0) 0%, rgba(111, 252, 255, 0.1) 5%, #6ffcff 50%, rgba(111, 252, 255, 0.1) 95%, rgba(111, 252, 255, 0) 100%);
}
.Trobin-c13 .brand-list .brand-item {
  padding-left: 0.506667rem;
}
.Trobin-c13 .brand-list .brand-item:before {
  background-color: #1b2b72;
  border: 0.026667rem solid #6ffcff;
}
.Trobin-c13 .brand-list .brand-item h4 {
  font-family: 'SourceHanSansCN-Bold';
  color: #ffdf4a;
}
.Trobin-c13 .brand-list .brand-item p {
  font-family: 'SourceHanSansCN-Light';
  font-weight: 300;
  color: #fff;
}
.Trobin-c13 .brand-list {
  visibility: hidden;
}
.Trobin-c13.visible .Trobin-h2,
.Trobin-c13.visible .brand-list,
.Trobin-c13.visible .Trobin-btn {
  visibility: visible;
  -ms-animation: aniInUp 1s ease;
  -o-animation: aniInUp 1s ease;
  -webkit-animation: aniInUp 1s ease;
  animation: aniInUp 1s ease;
}
/* c14 */
.Trobin-c14 {
  height: 5.333333rem;
  background-image: url('https://assets-cdn.lanqb.com/school/robin2021/c14-img_m.png');
}