@charset "UTF-8";
/* 代码块  */
@import 'highlight/default.min.css';
@import url("http://at.alicdn.com/t/font_3094761_f0kb8f7q4v9.css");
/* 学科 */
@import url("http://wap.mobiletrain.org/css/iconfont-city.css?32");
/* 城市 */

* {
  padding: 0;
  margin: 0;
}

body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
fieldset,
input,
textarea,
p,
blockquote,
th,
td {
  margin: 0;
  padding: 0;
  font-family: "PingFangSC-Regular", "微软雅黑", "PingFang SC";
  font-size: 14px;
}
body {
  max-width: 750px;
  margin: 0 auto;
}
table {
  border-collapse: collapse;
  margin: 0;
  padding: 0;
}

fieldset,
img {
  border: 0;
}

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

address,
caption,
cite,
code,
dfn,
th,
var {
  font-style: normal;
  font-weight: normal;
}

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

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 100%;
  font-weight: normal;
}

abbr,
acronym {
  border: 0;
}

em,
i {
  font-style: normal;
}

a {
  text-decoration: none;
}

.fl {
  float: left;
}

.fr {
  float: right;
}

.clearfix {
  zoom: 1;
}

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

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

/*# sourceMappingURL=wap-2018-base.css.map */

.box {
  width: 92%;
  margin: 0 auto;
}
.fix-top {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 2.5067rem;
  z-index: 11;
}
.nav {
  width: 100%;
  height: 1.1733rem;
  background-color: #f4f7ff;
}

.nav .nav-con {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  height: 1.1733rem;
  white-space: nowrap;
}

.nav .nav-school {
  display: flex;
  align-items: center;
  color: #326cf6;
}

.nav .nav-school .nav-xq-txt {
  font-size: 0.4rem;
  margin-right: 0.1067rem;
  margin-left: 0.1867rem;
}
.nav .nav-school .icon-jiantou-copy-copy {
  font-size: 0.32rem;
}
.nav .nav-logo {
  width: 2.5067rem;
  margin-left: 1.44rem;
  margin-right: 1.7867rem;
}
.nav .icon-24gf-phone24h {
  color: #326cf6;
  font-size: 0.56rem;
  margin-right: 0.4533rem;
}
.nav .icon-shejimulu {
  font-size: 0.4rem;
  color: #326cf6;
}

.links {
  display: flex;
  align-items: center;
  justify-content: space-around;
  width: 96%;
  height: 1.3333rem;
  background: url(http://wap.mobiletrain.org/images/index/link-bg.png) no-repeat;
  background-size: 100%;
  padding: 0 2%;
}

.links a {
  /* flex: 1; */
  text-align: center;
  font-size: 0.3733rem;
  color: #666666;
}
.links a.active {
  position: relative;
  color: #326cf6;
  font-weight: bold;
}
.links a.active::after {
  position: absolute;
  content: "";
  bottom: -0.1rem;
  left: 50%;
  transform: translateX(-50%);
  width: 0.44rem;
  height: 0.0667rem;
  background-color: #326cf6;
  border-radius: 0.0267rem;
}
.xq-mask {
  position: fixed;
  top: 1.1733rem;
  left: 0;
  z-index: 100;
  width: 100%;
  height: 100%;
  background: #f9f9f9;
  transform: translate(-100%, 0);
  transition: transform 0.2s;
  opacity: 0;
}
.xq-mask.active,
.top_morebox.active {
  transform: translate(0, 0);
  opacity: 1;
}

.xq-mask .xq-mask-top {
  width: 92%;
  margin: 0 auto;
}
.xq-mask .xq-mask-top h3 {
  font-size: 0.4rem;
  font-weight: bold;
  color: #000000;
  margin-bottom: 0.1333rem;
  margin-top: 0.5067rem;
}
.xq-mask .xq-mask-top p {
  font-size: 0.32rem;
  color: #666666;
  margin-bottom: 0.5333rem;
}
.xq-mask .xq-mask-top .icon-guanbi {
  font-size: 0.6133rem;
  color: #326cf6;
}
.xq-mask .xq-mask-lists {
  display: flex;
  flex-wrap: wrap;
  width: 92%;
  margin: 0 auto;
}
.xq-mask .xq-mask-lists .xq-mask-item {
  width: 22.7%;
  height: 1.9067rem;
  background-color: #ffffff;
  box-shadow: 0rem 0rem 0.1333rem 0rem rgba(50, 108, 246, 0.1);
  border-radius: 0.08rem;
  margin-right: 0.2667rem;
  margin-bottom: 0.2667rem;
  text-align: center;
}
.xq-mask .xq-mask-lists .xq-mask-item:nth-child(4n) {
  margin-right: 0;
}
.xq-mask .xq-mask-lists .xq-mask-item .iconfont,
.xq-mask .xq-mask-lists .xq-mask-item .cityfont {
  display: block;
  font-size: 0.9067rem;
  color: #326cf6;
  margin-top: 0.2133rem;
  margin-bottom: 0.1867rem;
}
.xq-mask .xq-mask-lists .xq-mask-item p {
  font-size: 0.3467rem;
  line-height: 1;
  color: #326cf6;
}
.xq-mask .xq-mask-lists .xq-mask-item.last {
  display: flex;
  width: 73%;
  justify-content: center;
  height: 1.9067rem;
  box-shadow: 0rem 0rem 0.1333rem 0rem rgba(50, 108, 246, 0.1);
  border-radius: 0.08rem;
  border: solid 1px #326cf6;
  margin-right: 0;
  background: #f9f9f9;
}
.xq-mask .xq-mask-lists .xq-mask-item.last i {
  font-size: 0.32rem;
  line-height: 0.4267rem;
  color: #326cf6;
  text-align: left;
  padding-top: 0.5867rem;
}
.xq-mask .xq-mask-lists .xq-mask-item.last .last-add {
  color: #326cf6;
  font-size: 0.4rem;
  padding-top: 0.7733rem;
  line-height: 1;
  margin-left: 0.6667rem;
}
.top_morebox {
  position: fixed;
  top: 1.1733rem;
  left: 0;
  width: 100%;
  height: 100%;
  padding-top: 0.6667rem;
  background: #fff;
  z-index: 100;
  overflow: hidden;
  transform: translate(100%, 0);
  transition: transform 0.2s;
}

.top_morebox .jtl {
  display: block;
  position: absolute;
  width: 0.14rem;
  height: 0.27rem;
  background: url(../images/jtl.png) no-repeat center;
  background-size: 100%;
  left: 0.7rem;
  top: 0.7rem;
}
.top_morebox .big {
  width: 92%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  margin: 0 auto 0.4rem auto;
}
.top_morebox .big li {
  position: relative;
  width: 31%;
  height: 1.0133rem;
  line-height: 1.0133rem;
  background-color: #f5f5f5;
  border-radius: 0.1333rem;
  text-align: center;
  font-size: 0.3733rem;
  color: #666;
}
.top_morebox .big li a {
  font-size: 0.3733rem;
  color: #666;
}
.top_morebox .big.last {
  justify-content: flex-start;
}
.top_morebox .big.last li {
  margin-right: 0.24rem;
}
.top_morebox .big li.on {
  background-color: #326cf6;
  color: #fff;
}
.top_morebox .big li.on i {
  position: absolute;
  top: 0.1067rem;
  right: 0.1067rem;
  width: 0.3467rem;
  height: 0.3467rem;
  line-height: 0.3467rem;
  color: #326cf6;
  font-size: 0.2133rem;
  text-align: center;
  border-radius: 50%;
  background-color: #ffffff;
}
.top_morebox .big li i {
  position: absolute;
  top: 0.1067rem;
  right: 0.1067rem;
  width: 0.3467rem;
  height: 0.3467rem;
  line-height: 0.3467rem;
  color: #fff;
  font-size: 0.2133rem;
  text-align: center;
  border-radius: 50%;
  background-color: #326cf6;
}
.top_morebox .small.menu7-1 {
  display: block;
}
.top_morebox .small {
  width: 92%;
  margin: 0 auto 0.1333rem auto;
  overflow: hidden;
  display: none;
}

.top_morebox .small li {
  width: 31%;
  height: 0.8rem;
  line-height: 0.8rem;
  background-color: #f3f7ff;
  border-radius: 0.1333rem;
  text-align: center;
  margin-right: 3.1%;
  float: left;
  margin-bottom: 0.2667rem;
  overflow: hidden;
}
.top_morebox .small li a {
  color: #326cf6;
  font-size: 0.32rem;
}
.top_morebox .small li:nth-of-type(3n) {
  margin-right: 0;
}

.bottom-mask {
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 99;
  width: 100%;
}
.bottom-mask.bg {
  width: 100%;
  height: 100vh;
  background: rgba(1, 1, 1, 0.7);
}
.bottom-nav {
  position: absolute;
  bottom: -1px;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  align-items: center;
  width: 100%;
  height: 1.6rem;
  background: #0847de;
  /* padding-bottom: 0.5rem;
  padding-top: 0.1rem; */
  box-sizing: content-box;
  /* max-width: 750px; */
}
.bottom-nav .bottom-nav-item {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 25%;
  height: 100%;
  text-align: center;
  text-decoration: none;
  line-height: 0.65rem;
}
.bottom-nav .bottom-nav-item.active {
  background-color: #326cf6;
}
.bottom-nav .bottom-nav-item p {
  font-size: 0.32rem;
  line-height: 1;
  color: #fff;
  margin-top: 0.1067rem;
}
.bottom-nav .bottom-nav-item .iconfont {
  /* font-size: 0.5067rem; */
  /* font-size: 0.8rem; */
  /* -webkit-background-clip: text;
  -webkit-text-fill-color: transparent; */
  color: #fff;
  font-size: 0.64rem;
  /* line-height: 0.747rem; */
}
/* .bottom-nav .bottom-nav-item .icon-mianfei {
  background-image: -webkit-linear-gradient(
    -38deg,
    #ff003b 0%,
    #ff541e 51%,
    #ffa800 100%
  );
}
.bottom-nav .bottom-nav-item .icon-shipinjiaocheng1 {
  background-image: -webkit-linear-gradient(-38deg, #00cfe6 0%, #00ef73 99%);
}
.bottom-nav .bottom-nav-item .icon-fudao {
  background-image: -webkit-linear-gradient(-38deg, #7e00ff 0%, #ff32b6 100%);
}
.bottom-nav .bottom-nav-item .icon-zhiye {
  background-image: -webkit-linear-gradient(
    135deg,
    #ffcc00 0%,
    #ffab00 49%,
    #ff8a00 100%
  );
} 
.bottom-nav .bottom-nav-item .icon-zaixianzixun {
  background-image: -webkit-linear-gradient(-38deg, #005ffd 0%, #00d2ff 100%);
} */
.bottom-nav .bottom-nav-item.active div {
  /* position: absolute;
  top: -0.3933rem;
  left: 50%;
  transform: translateX(-50%); */
  /* width: 0.96rem; */
  /* width: 1.36rem;
  height: 1.36rem;
  background-image: linear-gradient(
      -38deg,
      #ff003b 0%,
      #ff541e 51%,
      #ffa800 100%
    ),
    linear-gradient(#ffffff, #ffffff);
  background-blend-mode: normal, normal;
  border-radius: 50%; */
}
/* .bottom-nav .bottom-nav-item:nth-child(2).active div {
  background-image: linear-gradient(-38deg, #00cfe6 0%, #00ef73 99%),
    linear-gradient(#ffffff, #ffffff);
  background-blend-mode: normal, normal;
}
.bottom-nav .bottom-nav-item:nth-child(3).active div {
  background-image: linear-gradient(-38deg, #7e00ff 0%, #ff32b6 100%),
    linear-gradient(#ffffff, #ffffff);
  background-blend-mode: normal, normal;
}
.bottom-nav .bottom-nav-item:nth-child(4).active div {
  background-image: linear-gradient(
      135deg,
      #ffcc00 0%,
      #ffab00 49%,
      #ff8a00 100%
    ),
    linear-gradient(#ffffff, #ffffff);
}
.bottom-nav .bottom-nav-item:nth-child(5).active div {
  background-image: linear-gradient(-38deg, #005ffd 0%, #00d2ff 100%),
    linear-gradient(#ffffff, #ffffff);
}
.bottom-nav .bottom-nav-item.active div .iconfont {
  line-height: 1.36rem;
  -webkit-text-fill-color: #fff;
  background-image: -webkit-linear-gradient(
    0deg,
    rgba(0, 0, 0, 0) 0%,
    rgba(0, 0, 0, 0) 100%
  );
} */
/* .bottom-nav .bottom-nav-item.active p {
  padding-top: 0.9rem;
} */

.bottom-con {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translatex(-50%);
  display: none;
}
.bottom-con .icon-guanbi1 {
  position: absolute;
  top: -1.28rem;
  right: 0.4rem;
  font-size: 0.8933rem;
  color: #fff;
}
.bottom-con .icon-guanbi1::after {
  position: absolute;
  top: 0.8rem;
  left: 0.4267rem;
  content: "";
  width: 1px;
  height: 0.48rem;
  background-color: #ffffff;
}
.bottom-con .bottom-con-top {
  width: 10rem;
  height: 2.0267rem;
  text-align: center;
}
.bottom-con .bottom-con-top.bg1 {
  background: url(http://wap.mobiletrain.org/images/bottom-bg1.png);
  background-size: 10rem 2.0267rem;
}
.bottom-con .bottom-con-top.bg2 {
  background: url(http://wap.mobiletrain.org/images/bottom-bg2.png);
  background-size: 10rem 2.0267rem;
}
.bottom-con .bottom-con-top.bg3 {
  background: url(http://wap.mobiletrain.org/images/bottom-bg3.png);
  background-size: 10rem 2.0267rem;
}
.bottom-con .bottom-con-top.bg4 {
  background: url(http://wap.mobiletrain.org/images/bottom-bg4.png);
  background-size: 10rem 2.0267rem;
}
.bottom-con .bottom-con-top h3 {
  font-size: 0.48rem;
  font-weight: bold;
  line-height: 1;
  color: #ffffff;
  padding-top: 0.5333rem;
}
.bottom-con .bottom-con-top h3 span {
  color: #fefb00;
}
.bottom-con .bottom-con-top p {
  font-size: 0.32rem;
  line-height: 1;
  margin-top: 0.2133rem;
  color: #ffffff;
}
.bottom-con .bottom-con-top p span {
  font-size: 0.4533rem;
}
.bottom-con .bottom-con-bottom {
  width: 100%;
  height: 100%;
  background-image: linear-gradient(0deg, #f1f5ff 0%, #ffffff 100%),
    linear-gradient(#ffffff, #ffffff);
  background-blend-mode: normal, normal;
  padding-top: 0.4rem;
  /* padding-bottom: 1.3333rem; */
  padding-bottom: 2.1333rem;
}
.bottom-con .bottom-con-inp {
  display: flex;
  align-items: center;
  width: 8.8rem;
  height: 1.2rem;
  background-color: #ffffff;
  border-radius: 0.1333rem;
  border: solid 1px #cccccc;
  margin: 0 auto 0.2667rem auto;
  box-sizing: border-box;
}
.bottom-con .bottom-con-inp.h120 {
  height: 1.6rem;
  display: none;
}
.bottom-con .bottom-con-inp.h370 {
  display: none;
  height: 4.9333rem;
}
.bottom-con .bottom-con-inp ul {
  padding-left: 0.4rem;
}
.bottom-con .bottom-con-inp ul li {
  margin-bottom: 0.4267rem;
}
.bottom-con .bottom-con-inp ul li:last-child {
  margin-bottom: 0;
}
.bottom-con .bottom-con-inp ul li h3 {
  font-size: 0.3733rem;
  line-height: 0.3733rem;
  color: #000000;
  margin-bottom: 0.2667rem;
}
.bottom-con .bottom-con-inp ul li .bottom-con-inp-box {
  display: flex;
}
.bottom-con .bottom-con-inp ul li .bottom-con-inp-box div {
  font-size: 0.3733rem;
  line-height: 0.3733rem;
  color: #000000;
  margin-right: 0.6667rem;
}
.bottom-con .bottom-con-inp span.iconfont {
  font-size: 0.3733rem;
  color: #666666;
  margin-right: 0.1333rem;
}
.bottom-con .bottom-con-inp span.icon-yuan-xuanzhong {
  font-size: 0.3733rem;
  color: #326cf6;
}
.bottom-con .bottom-con-inp ul li span {
  margin: 0;
}
.bottom-con .bottom-con-inp span {
  font-size: 0.3733rem;
  line-height: 1;
  color: #000000;
  margin: 0 0.4rem;
}
.bottom-con .bottom-con-inp input,
.bottom-con .bottom-con-inp textarea {
  width: 5.6rem;
  border: none;
  outline: none;
  font-size: 0.3733rem;
  resize: none;
  line-height: 1.2;
}

.bottom-con .bottom-con-pri {
  display: flex;
  justify-content: center;
  align-items: center;
}
.bottom-con .bottom-con-pri-sel {
  font-size: 0.36rem;
  margin-right: 0.1733rem;
}
.bottom-con .icon-weixuanze {
  color: #666666;
}
.bottom-con .icon-xuanze {
  color: #326cf6;
}
.bottom-con .bottom-con-pri a {
  font-size: 0.2667rem;
  line-height: 1;
  color: #666666;
  text-decoration: none;
}
.bottom-con .bottom-con-submit {
  display: block;
  width: 5.7467rem;
  height: 0.9467rem;
  border-radius: 0.48rem;
  font-size: 0.4rem;
  font-weight: bold;
  line-height: 0.9467rem;
  color: #ffffff;
  text-align: center;
  margin: 0.4rem auto 0.6667rem auto;
  position: relative;
  text-decoration: none;
}
.bottom-con .bottom-con-submit .icon-dianji {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 3.8067rem;
  font-size: 0.6133rem;
  color: #ffffff;
  animation: op 1s infinite;
}
@keyframes op {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.bottom-con .bottom-con-submit.bg1 {
  background-image: linear-gradient(
      90deg,
      #ff003b 0%,
      #ff541e 51%,
      #ffa800 100%
    ),
    linear-gradient(#326cf6, #326cf6);
  background-blend-mode: normal, normal;
}
.bottom-con .bottom-con-submit.bg2 {
  background-image: linear-gradient(90deg, #00cfe6 0%, #00ef73 99%),
    linear-gradient(#326cf6, #326cf6);
}
.bottom-con .bottom-con-submit.bg3 {
  background-image: linear-gradient(90deg, #ff32b6 0%, #7e00ff 100%),
    linear-gradient(#326cf6, #326cf6);
}
.bottom-con .bottom-con-submit.bg4 {
  background-image: linear-gradient(
      135deg,
      #ff8a00 0%,
      #ffab00 51%,
      #ffcc00 100%
    ),
    linear-gradient(#326cf6, #326cf6);
}
.seo-form {
  width: 9.2rem;
  height: 8rem;
  background: url(../images/lists/form-bg.jpg) no-repeat;
  background-size: 9.2rem 12.6667rem;
  background-position: center top;
  margin: 0 auto;
  padding-top: 3.6667rem;
}
.seo-form .con {
  width: 8.52rem;
  height: 6.32rem;
  background-color: rgba(255, 255, 255, 1);
  border-radius: 0.1333rem;
  margin: 0 auto;
  padding-top: 0.9333rem;
  box-shadow: 0 0 0.1333rem rgb(248, 79, 0, 0.09);
}
.seo-form .form-con {
  display: flex;
  align-items: center;
  width: 7.7333rem;
  height: 1.2rem;
  background-color: #ffffff;
  border-radius: 0.1333rem;
  border: solid 1px #cccccc;
  margin: 0 auto 0.4rem auto;
  box-sizing: border-box;
  font-size: 0.3733rem;
}
.seo-form .form-con i {
  color: #666666;
  font-size: 0.5467rem;
  margin-right: 0.4rem;
  margin-left: 0.32rem;
}
.seo-form .form-pri {
  display: flex;
  justify-content: center;
  align-items: center;
  padding-top: 0.1333rem;
}
.seo-form .form-pri .listicon-xuanze {
  color: #ff0000;
  font-size: 0.36rem;
}
.seo-form .form-pri .listicon-weixuanze {
  color: #666666;
  font-size: 0.36rem;
}
.seo-form .form-pri a {
  font-size: 0.2667rem;
  color: #666666;
  margin-left: 0.1733rem;
}
.seo-form .submit-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 6.72rem;
  height: 1.12rem;
  background-image: linear-gradient(117deg, #ff0000 0%, #f85801 100%);
  border-radius: 0.56rem;
  margin: 0.6667rem auto 0 auto;
  font-size: 0.48rem;
  font-weight: bold;
  color: #ffffff;
}
.seo-fixed-bottom {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1.1733rem;
  background-color: #326cf6;
  display: flex;
  align-items: center;
  z-index: 10;
}
.seo-fixed-bottom .seo-fixed-bottom-item {
  position: relative;
  flex: 1;
  height: 0.5067rem;
  border-right: 1px solid #ffffff;
  font-size: 0.3733rem;
  color: #fff;
  text-align: center;
}
.seo-fixed-bottom .seo-fixed-bottom-item:last-child {
  border: none;
}
.seo-fixed-bottom .seo-fixed-bottom-item:first-child::after {
  position: absolute;
  top: -0.1333rem;
  right: 0.1867rem;
  content: "4";
  width: 0.3733rem;
  height: 0.3733rem;
  line-height: 0.3733rem;
  text-align: center;
  background-color: #fe5133;
  border-radius: 50%;
  font-size: 0.2667rem;
  color: #ffffff;
  animation: aniop 1s infinite;
}
@keyframes aniop {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.3;
  }
  100% {
    opacity: 1;
  }
}
.seo-fixed-bottom .seo-fixed-bottom-item i {
  font-size: 0.4rem;
  margin-right: 0.1333rem;
}