@charset "UTF-8";
body {
  -webkit-overflow-scrolling: touch;
  background-color: #08053b;
  max-width: 10rem;
  margin: 0 auto;
  text-align: center; }

img {
  width: 100%;
  height: auto; }

/* 头部 */
.header {
  background-color: #323436; }
  .header div {
    width: 4.13333rem;
    height: 1.2rem;
    padding-left: 0.4rem; }

/* ... */
.swiper-container .swiper-pagination .swiper-pagination-bullet {
  width: 0.26667rem;
  height: 0.26667rem;
  background-color: #b5b5b5;
  margin: 0 0.2rem; }
.swiper-container .swiper-pagination .swiper-pagination-bullet-active {
  background-color: #fec30d; }

/* ... */
/* banner */
.banner div {
  width: 100%; }

/* banner end */
/* main */
.main {
  background-color: #fff;
  border-radius: 10px;
  overflow: hidden;
  margin-bottom: 55px;
  padding-bottom: 0.8rem; }

.main-box {
  padding: 0 0.13333rem;
  background: url(../img/cloud/main_bg.jpg);
  background-size: 100% auto;
  position: relative; }
  .main-box .main-content {
    position: relative;
    top: -0.53333rem;
    border-radius: 10px;
    overflow: hidden;
    padding-bottom: 0.26667rem; }
  .main-box .title {
    text-align: center;
    padding: 0.8rem 0 0.66667rem; }
    .main-box .title h2 {
      display: inline-block;
      background: url(../img/cloud/title_bg.png) left center no-repeat, url(../img/cloud/title_bg1.png) right center no-repeat;
      background-size: auto 100%;
      padding: 0 0.8rem;
      font-size: 0.53333rem;
      font-weight: 700;
      color: #333333; }
      .main-box .title h2 span {
        color: #078fff; }
    .main-box .title h3 {
      font-size: 0.53333rem;
      color: #333333;
      font-weight: 700; }

/* vocation */
.vocation .vocation-txt {
  font-size: 0.32rem;
  line-height: 0.61333rem;
  padding-bottom: 0.66667rem; }
.vocation #vocation .swiper-container {
  height: 9.06667rem; }
.vocation .vocation-bottom {
  padding-top: 0.13333rem; }

/* vocation end */
/* BAT */
.BAT .swiper-container {
  width: 56%;
  overflow: initial;
  height: 7.6rem; }
  .BAT .swiper-container .slide-top {
    height: 1.77333rem;
    font-size: 0.32rem;
    color: #000;
    background-color: #f5f5f5;
    padding: 0.06667rem 0.13333rem 0; }
  .BAT .swiper-container .openstack p:nth-child(1) {
    height: 0.89333rem;
    line-height: 0.89333rem; }
  .BAT .swiper-container .openstack p:nth-child(2) {
    height: 0.88rem; }
  .BAT .swiper-container .swiper-slide-active .slide-top {
    font-size: 0.32rem;
    color: #fff;
    background-color: #058eff; }

/* BAT end */
/* teaching-book */
.teaching-book .book-tit {
  height: 1.33333rem;
  font-size: 0.32rem;
  color: #6f7787;
  margin-top: -0.26667rem; }
.teaching-book .teaching-book .fl {
  width: 4.01333rem; }
.teaching-book .teaching-book .fr {
  width: 5.4rem;
  color: #939393;
  font-size: 0.29333rem;
  padding: 0 0.13333rem;
  line-height: 0.49333rem;
  text-align: left; }
  .teaching-book .teaching-book .fr h2 {
    font-size: 0.53333rem;
    color: #08a7ff;
    line-height: 0.76rem; }
.teaching-book .book-txt {
  color: #08a7ff;
  font-size: 0.32rem;
  line-height: 0.6rem; }

/* teaching-book end */
/* teacher */
.teacher {
  background: url(../img/cloud/teacher_bg_t.jpg) left top no-repeat, url(../img/cloud/teacher_bg_b.jpg) right bottom no-repeat;
  background-color: #fff;
  padding-bottom: 1.06667rem; }
  .teacher .title {
    padding-bottom: 0; }
    .teacher .title h3 {
      font-size: 0.45333rem;
      color: #333333;
      font-weight: 700; }
  .teacher .p1 {
    font-size: 0.37333rem;
    color: #7b7b7b;
    line-height: 0.66667rem; }
  .teacher .p2 {
    color: #2877fd;
    font-size: 0.26667rem;
    line-height: 0.45333rem; }
  .teacher #teacher {
    margin-top: 0.66667rem;
    padding: 0 0.86667rem; }
    .teacher #teacher .slide-top {
      width: 3.2rem;
      color: #fec30d;
      margin: 0 auto;
      margin-bottom: 0.66667rem; }
      .teacher #teacher .slide-top .tea-img {
        width: 2.8rem;
        height: 2.8rem;
        border-radius: 50%;
        overflow: hidden;
        margin: 0 auto; }
      .teacher #teacher .slide-top h5 {
        font-size: 0.50667rem; }
      .teacher #teacher .slide-top h6 {
        font-size: 0.32rem; }
    .teacher #teacher .slide-bottom {
      font-size: 0.29333rem;
      color: #787878;
      line-height: 0.45333rem;
      text-align: left; }
    .teacher #teacher .swiper-container .swiper-button-next, .teacher #teacher .swiper-container .swiper-button-prev {
      top: 1.13333rem;
      width: 0.93333rem;
      height: 0.93333rem;
      margin: 0;
      background: #fec30d;
      border-radius: 50%;
      color: #fff;
      text-align: center;
      line-height: 0.8rem;
      font-size: 0.8rem; }
    .teacher #teacher .swiper-container .swiper-button-disabled {
      background: #999; }

/* teacher end */
/* course module */
.train-module {
  padding: 0 0.2rem; }
  .train-module .fl, .train-module .fr {
    width: 4.48rem; }
    .train-module .fl .item, .train-module .fr .item {
      background: url(../img/cloud/module_bg.jpg) no-repeat;
      background-size: 100% 100%;
      color: #fff;
      padding: 0.46667rem 0.13333rem 0.73333rem;
      border-radius: 0.2rem;
      text-align: left;
      line-height: 0.58667rem;
      margin-bottom: 0.33333rem; }
      .train-module .fl .item h2, .train-module .fr .item h2 {
        font-size: 0.48rem;
        text-align: center; }
      .train-module .fl .item h3, .train-module .fr .item h3 {
        font-size: 0.34667rem;
        text-align: center;
        height: 0.86667rem; }
    .train-module .fl .module-02, .train-module .fr .module-02 {
      padding-top: 1.06667rem; }
    .train-module .fl .module-04, .train-module .fr .module-04 {
      padding-top: 0.93333rem;
      padding-bottom: 1.2rem; }
  .train-module .fr {
    width: 4.66667rem; }

/* course module end */
/* school */
/* school end */
/* footer */
.footer {
  padding: 0.93333rem 0;
  color: #898989;
  background-color: #1b1b1b;
  line-height: 0.53333rem; }

/* footer end */

/*导航*/
nav{ width: 100%; height: 1rem; background: #222; position: fixed; bottom: 0; left: 0; z-index: 1000}
.nav{ width: 33%; height: 1rem; display: inline-block; position: relative; font-size: .3rem; text-align: left;}
.nav-first{ width: 100%; height:1rem; display: inline-block; font-size: .3rem; line-height: 1rem; color: #fff; text-align: center; border-right: 1px solid #999; position: relative;}
.nav-second{ width: 33%; height:1rem; display: inline-block; font-size: .3rem; line-height: 1rem; color: #fff; text-align: center; border-right: 1px solid #999; position: relative;}
.nav-third{ width: 32%; height: 1rem;  display: inline-block; font-size: .3rem; line-height: 1rem; color: #fff; text-align: center; position: relative;}
.nav-s1,.nav-s2,.nav-s3{ display: inline-block; position: absolute; top: 35%;
left: 12%;}
.nav-s1{ width: .36rem; height: .3rem; background: url(../img/sec-01.png) no-repeat; background-size: 100%; }
.nav-s2{ width: .36rem; height: .3rem; background: url(../img/sec-02.png) no-repeat; background-size: 100%;}
.nav-s3{ width: .3rem; height: .5rem; background: url(../img/sec-03.png) no-repeat; background-size: 100%; top: 30%; left: 15%;}
.D-nav{ width: 100%; height: 2.5rem; background: #222; position: absolute; top: -2.5rem; left: 0;}
.sec-n1{ width: 100%; height: .6rem; border-bottom: 1px solid #999; display: block;  font-size: .24rem; color: #fff; line-height: .6rem; text-align: center;}
.last{ border: 0;}