@charset "UTF-8";
/* CSS Document */
* {
  padding: 0;
  margin: 0; }

html {
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%; }

table {
  border-collapse: collapse;
  border-spacing: 0;
  margin: 0;
  padding: 0;
  textarearesize: none; }

body {
  font-family: "Helvetica Neue", Helvetica, STHeiTi, sans-serif;
  -moz-user-select: none;
  -webkit-user-select: none;
  user-select: none; }

a {
  text-decoration: none;
  outline: none; }

a[href^="javascript"] {
  -webkit-touch-callout: none; }

input {
  border: none;
  outline: none;
  background: none; }

ul, li, dl, dt, dd, ol {
  list-style: none; }

b, i, em, strong {
  font-style: normal; }

img {
  vertical-align: top;
  border: none; }

.fl {
  float: left; }

.fr {
  float: right; }

.clearfix {
  zoom: 1; }

.clearfix:after {
  content: "";
  display: block;
  clear: both; }

/*弹性盒子 */
.flex {
  display: -webkit-flex !important;
  display: -moz-flex !important;
  display: -ms-flex !important;
  display: -o-flex !important;
  display: flex !important; }

/*垂直排列 垂直水平居中 */
.flex-center-xy {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  -o-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center; }

/* 垂直排列 水平居中 */
.flexY-center-x {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  -o-flex-direction: column;
  flex-direction: column;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center; }

/* 垂直排列 垂直居中 */
.flexY-center-y {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  -o-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  justify-content: center; }

.flexX-center-xy {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center; }

.flexX-center-y {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center; }

.flexX-center-x {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  justify-content: center; }

.base {
  width: 10rem;
  margin: 0 auto; }

.wrap {
    width: 9.4666666667rem;
    margin: 0 auto;
}


.logo-fixed {
  background: url("../images/m-edu/head_bg.jpg") no-repeat center bottom;
  background-size: 10rem 2.9333333333rem;
  width: 10rem; }

.logo {
  width: 100%;
  padding: 0.3rem 0;
  position: relative; }

.logo img {
  display: block;
  margin: 0 auto;
  width: 3.16rem; }

.logo .logo-wrap {
  position: absolute;
  box-sizing: border-box;
  padding-top: 0.5333333333rem;
  width: 0.7333333333rem;
  height: 0.4666666667rem;
  background-image: url("http://wap.mobiletrain.org/images/wap-2018-index/more.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100% 100%;
  left: 0.2666666667rem;
  top: 0.4rem; }

.logo .logo-kc {
  position: fixed;
  background: rgba(0, 0, 0, 0.6);
  width: 100%;
  height: 100%;
  z-index: 250;
  top: 0;
  left: 0rem;
  display: none;
  overflow: scroll; }

.logo .logo-kc h3 {
  font-size: 0.5333333333rem;
  color: #16c88c;
  height: 1.4133333333rem;
  line-height: 1.4133333333rem;
  width: 6.6rem;
  box-sizing: border-box;
  padding: 0 0.4666666667rem;
  background: #0d072d;
  border-bottom: 0.0133333333rem solid #212b44;
  position: relative;
  left: -7rem; }

.logo .logo-kc h3 .close {
  display: inline-block;
  float: right;
  width: 0.8133333333rem;
  height: 0.8133333333rem;
  background: url("http://wap.mobiletrain.org/images/wap-2018-index/close.png") no-repeat center;
  background-size: 100% 100%;
  margin-top: 0.3333333333rem; }

.logo .logo-kc .logo-main {
  position: relative;
  background: #0d072d;
  width: 6.6rem;
  z-index: 100;
  left: -7rem; }

.logo .logo-kc .logo-main a {
  display: block;
  height: 1.2rem;
  width: 100%;
  line-height: 1.2rem;
  padding: 0 0.4666666667rem;
  border-bottom: 0.0133333333rem solid #212b44;
  box-sizing: border-box;
  position: relative; }

.logo .logo-kc .logo-main a:after {
  display: block;
  content: "";
  position: absolute;
  left: 0.4666666667rem;
  top: 50%; }

.logo .logo-kc .logo-main a span {
  font-size: 0.4rem;
  color: #fff;
  padding-left: 0.6666666667rem; }

.logo .logo-kc .logo-main a i {
  float: right;
  line-height: 1.2rem;
  color: #fff; }

.nav {
  height: 1.3333333333rem;
  width: 100%;
  text-align: center; }

.nav a {
  display: inline-block;
  width: 15%;
  height: 1.3333333333rem;
  line-height: 1.3333333333rem;
  font-size: 0.4rem;
  color: #fff; }


.cjwt {
  background: #090941;
  padding: 0.5333333333rem 0 0.2666666667rem; }
  .cjwt h2 {
    text-align: center;
    font-size: 0.5866666667rem;
    color: #fff;
    margin-bottom: 0.5333333333rem; }
  .cjwt ul li {
    width: 2.4533333333rem;
    height: 2.4rem;
    background: url(http://wap.mobiletrain.org/images/wap-2018-index/cjwt-img1.png) no-repeat center center;
    background-size: 100% 100%;
    float: left;
    margin: 0 0.3333333333rem 0.4rem;
    animation: mymove 2s infinite;
    -webkit-animation: mymove 2s infinite; }
    .cjwt ul li:nth-child(3n) {
      margin-right: 0; }
    .cjwt ul li a {
      display: block;
      box-sizing: border-box;
      padding-top: 0.5333333333rem;
      font-size: 0.4rem;
      line-height: 0.5866666667rem;
      color: #fff;
      text-align: center; }
    .cjwt ul li:nth-child(2) {
      background: url(http://wap.mobiletrain.org/images/wap-2018-index/cjwt-img2.png) no-repeat center center;
      background-size: 100% 100%; }
    .cjwt ul li:nth-child(3) {
      background: url(http://wap.mobiletrain.org/images/wap-2018-index/cjwt-img3.png) no-repeat center center;
      background-size: 100% 100%; }
    .cjwt ul li:nth-child(4) {
      background: url(http://wap.mobiletrain.org/images/wap-2018-index/cjwt-img4.png) no-repeat center center;
      background-size: 100% 100%; }
    .cjwt ul li:nth-child(5) {
      background: url(http://wap.mobiletrain.org/images/wap-2018-index/cjwt-img5.png) no-repeat center center;
      background-size: 100% 100%; }
    .cjwt ul li:nth-child(6) {
      background: url(http://wap.mobiletrain.org/images/wap-2018-index/cjwt-img6.png) no-repeat center center;
      background-size: 100% 100%; }

@keyframes mymove {
  0% {
    transform: scale(0.8); }
  50% {
    transform: scale(1); }
  100% {
    transform: scale(0.8); } }
@-webkit-keyframes mymove {
  0% {
    transform: scale(0.8); }
  50% {
    transform: scale(1); }
  100% {
    transform: scale(0.8); } }
.bottom-form {
  background-color: #0d072d;
  padding-top: 2.1333333333rem;
  background-image: url(http://wap.mobiletrain.org/images/wap-2018-index/free.png);
  background-position: center top;
  background-repeat: no-repeat;
  background-size: 1.68rem 1.3866666667rem;
  padding-bottom: 2rem; }
  .bottom-form h5 {
    text-align: center;
    font-size: 0.5866666667rem;
    margin-bottom: 0.6666666667rem; }
    .bottom-form h5 i {
      color: #fff; }
    .bottom-form h5 em {
      color: #efc029; }
    .bottom-form h5 span {
      color: #512cd8; }
  .bottom-form .fl {
    width: 100%;
    height: 1.0666666667rem;
    margin-bottom: 0.4rem; }
    .bottom-form .fl span {
      display: block;
      float: left;
      width: 1.96rem;
      height: 1.0666666667rem;
      color: #fff;
      font-size: 0.4rem;
      text-align: center;
      line-height: 1.0666666667rem;
      background: #512cd8; }
    .bottom-form .fl input {
      width: 7.4666666667rem;
      height: 100%;
      border: 0;
      background: #fff;
      outline: none;
      color: #807496;
      font-size: 0.32rem;
      box-sizing: border-box;
      padding-left: 0.2666666667rem;
      border-radius: 0; }
  .bottom-form a.fl {
    display: block;
    font-size: 0.48rem;
    color: #fff;
    background: #018dd6;
    width: 100%;
    height: 1.0666666667rem;
    border-radius: 0.5333333333rem;
    text-align: center;
    line-height: 1.0666666667rem; }
/*# sourceMappingURL=m-edu-base.css.map */