@charset "UTF-8";
body, div, span, header, footer, nav, section, aside, article, ul, dl, dt, dd, li, a, p, h1, h2, h3, h4, h5, h6, i, b, textarea, button, input, select, figure, figcaption, em {
  padding: 0;
  margin: 0;
  list-style: none;
  font-style: normal;
  text-decoration: none;
  border: none;
  color: #666;
  font-weight: normal;
  font-family: "Microsoft Yahei";
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -webkit-tap-highlight-color: transparent;
  -webkit-font-smoothing: antialiased;
  font-size: 100%; }
  body:hover, div:hover, span:hover, header:hover, footer:hover, nav:hover, section:hover, aside:hover, article:hover, ul:hover, dl:hover, dt:hover, dd:hover, li:hover, a:hover, p:hover, h1:hover, h2:hover, h3:hover, h4:hover, h5:hover, h6:hover, i:hover, b:hover, textarea:hover, button:hover, input:hover, select:hover, figure:hover, figcaption:hover, em:hover {
    outline: none; }

/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/
::-webkit-scrollbar {
  width: 0px;
  height: 0px;
  background-color: #F5F5F5; }

/*定义滚动条轨道 内阴影+圆角*/
::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 1px transparent;
  border-radius: 10px;
  background-color: #F5F5F5; }

/*定义滑块 内阴影+圆角*/
::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #555; }

input[type="button"], input[type="submit"], input[type="search"], input[type="reset"] {
  -webkit-appearance: none; }

textarea {
  -webkit-appearance: none;
  outline: none; }

html, body {
  height: 100%;
  width: 100%;
  font-size: 14px; }

body.on {
  background-color: #e7e7e7; }

.clear:after {
  content: '';
  display: block;
  clear: both; }

.clear {
  zoom: 1; }

.back_img {
  background-repeat: no-repeat;
  background-size: 100% 100%; }

.margin {
  margin-left: auto;
  margin-right: auto; }

.t_center {
  text-align: center; }

.left {
  float: left; }

.right {
  float: right; }

.hide {
  display: none; }

.show {
  display: block; }

.ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

.paddingTop {
  padding-top: 1.95rem; }

.f12 {
  font-size: 12px; }

.f14 {
  font-size: 14px; }

.f16 {
  font-size: 16px; }

.f18 {
  font-size: 18px; }

.p_r {
  position: relative; }

.p_a {
  position: absolute; }

@keyframes backOpacity {
  0% {
    opacity: 1; }
  25% {
    opacity: .5; }
  50% {
    opacity: 1; }
  75% {
    opacity: .5; }
  100% {
    opacity: 1; } }

.animation_opactiy {
  animation: backOpacity 2s ease-in-out infinite; }

input, button, textarea {
  outline: none; }

@font-face {
  font-family: 'iconfont';
  /* project id 411532 */
  src: url("http://at.alicdn.com/t/font_411532_ks8i7ycsvgvf5hfr.eot");
  src: url("http://at.alicdn.com/t/font_411532_ks8i7ycsvgvf5hfr.eot?#iefix") format("embedded-opentype"), url("http://at.alicdn.com/t/font_411532_ks8i7ycsvgvf5hfr.woff") format("woff"), url("http://at.alicdn.com/t/font_411532_ks8i7ycsvgvf5hfr.ttf") format("truetype"), url("http://at.alicdn.com/t/font_411532_ks8i7ycsvgvf5hfr.svg#iconfont") format("svg"); }

.iconfont {
  font-family: iconfont !important;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: .2px;
  -moz-osx-font-smoothing: grayscale; }

.icon-yonghuming:before {
  content: "\e605";
  color: #999; }

.icon-fenlei:before {
  content: "\e6b6";
  color: #c92c2b; }

.icon-xia:before {
  content: "\e608";
  color: #7b7b7b; }

.icon-qq:before {
  content: "\e629";
  color: #7b7b7b; }

.icon-sousuo:before {
  content: "\e651";
  color: #7b7b7b; }

.icon-dianhua:before {
  content: "\e67f";
  color: #7b7b7b; }

.icon-guanbi:before {
  content: "\e641";
  color: #7b7b7b; }

.icon-fanhui:before {
  content: "\e622";
  color: #7b7b7b; }

.icon-left:before {
  content: "\e68b";
  color: #7b7b7b; }

.icon-right:before {
  content: "\e68a";
  color: #7b7b7b; }

.icon-mulu:before {
  content: "\e600";
  color: #c92c2b; }

.icon-mulu1:before {
  content: "\e604";
  color: #c92c2b; }

.icon-jingdian:before {
  content: "\e645";
  color: #c92c2b; }

.icon-pinglun:before {
  content: "\e692";
  color: #6ad691; }

.icon-shoucang:before {
  content: "\e607";
  color: #50bbe0; }

.icon-mima:before {
  content: "\e637";
  color: #f2af6e; }

.icon-fenlei1:before {
  content: "\e6b3";
  color: #c92c2b; }

.icon-zan:before {
  content: "\e603";
  color: #999; }

.icon-xie:before {
  content: "\e602";
  color: #50bbe0; }

.icon-fenxiang:before {
  content: "\e64a";
  color: #50bbe0; }

.icon-star_off:before {
  content: "\e606";
  color: #7b7b7b; }

.icon-share:before {
  content: "\e609";
  color: #7b7b7b; }

.icon-shang:before {
  content: "\e601";
  color: #646464; }

/*公用头部样式*/
#head_top {
  width: 100%;
  position: relative;
  border-bottom: 3px solid #dd1915;
  background-color: #fff; }

.icon-fanhui:before {
  font-size: 24px; }

.head_goback {
  line-height: 3.6rem;
  color: #ec2424;
  padding: 0 4% 0 3%; }

.title_head {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 50%;
  color: #fff;
  text-align: center; }
  .title_head .title_text {
    font-size: 18px;
    color: #333;
    text-align: center; }

/*公共分类样式*/
/*分类*/
.classify {
  display: none; }
  .classify .classify_li {
    padding: 0 5% 8px;
    border-bottom: 1px solid #dedede; }
    .classify .classify_li h2 {
      font-size: 15px;
      color: #333;
      font-weight: bold;
      line-height: 2.4rem; }
    .classify .classify_li a {
      margin-right: 15px;
      display: inline-block; }

.vclassify {
  position: absolute;
  top: 1rem;
  right: 1rem; }

.icon-fenlei1:before {
  font-size: 22px; }

.icon-star_off:before {
  font-size: 20px;
  position: relative;
  top: -2px;
  margin-left: 3px; }

.icon-share:before {
  font-size: 23px; }

.foot {
  background-color: #e7e7e7;
  padding: 1.5rem 0;
  line-height: 2rem; }
  .foot .foot_hd a {
    padding: 0 15px; }
  .foot .foot_hd span {
    margin: 0 8px; }
    .foot .foot_hd span i {
      margin-right: 5px; }

.suspension {
  position: fixed;
  bottom: 2rem;
  right: 8px;
  display: none; }
  .suspension .icon-shang:before {
    font-size: 30px; }

/*公用列表样式*/
/*公用图文列表*/
.edu_tab_con > div, .edu_tab2_con > div, .edu_tab3_con > div, .school_recom > div {
  padding: 10px 0;
  border-top: 1px solid #dedede; }
  .edu_tab_con > div > a > img, .edu_tab2_con > div > a > img, .edu_tab3_con > div > a > img, .school_recom > div > a > img {
    width: 30%;
    height: 4.8rem;
    margin-left: 10px; }

.edu_tab_con h2, .edu_tab2_con h2, .edu_tab3_con h2, .school_recom h2 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  font-size: 16px;
  color: #333; }

.edu_tab_con p, .edu_tab2_con p, .edu_tab3_con p, .school_recom p {
  margin-top: 6px; }
  .edu_tab_con p span, .edu_tab2_con p span, .edu_tab3_con p span, .school_recom p span {
    font-size: 12px;
    color: #999; }
  .edu_tab_con p em, .edu_tab2_con p em, .edu_tab3_con p em, .school_recom p em {
    font-size: 12px;
    color: #dd1915;
    margin-left: 15px; }
  .edu_tab_con p b, .edu_tab2_con p b, .edu_tab3_con p b, .school_recom p b {
    margin-left: 15px;
    font-size: 12px;
    color: #999; }

.edu_tab_more {
  margin: 5px 0 8px;
  width: 100%;
  line-height: 2.2rem;
  height: 2.2rem;
  background-color: #f3f3f3;
  text-align: center; }
  .edu_tab_more a {
    font-size: 16px;
    color: #999; }

.edu_tab_img {
  margin-top: 10px; }
  .edu_tab_img li {
    float: left;
    width: 31%;
    margin-right: 3.5%; }
    .edu_tab_img li img {
      display: block;
      height: 4.8rem;
      width: 100%; }
    .edu_tab_img li:nth-of-type(3) {
      margin-right: 0; }

.school_hd {
  background: url("../images/school_bg.jpg") no-repeat;
  background-size: cover;
  width: 100%;
  height: 12rem;
  padding-top: 1rem; }
  .school_hd > h2 {
    color: #fff;
    line-height: 2rem;
    margin-top: .3rem; }

.school_logo_out {
  width: 6rem;
  height: 6rem;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  background-color: #fff; }
  .school_logo_out img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 5rem;
    height: 5rem;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%; }

.school_follow {
  right: 15px;
  top: 1rem;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
  background-color: #dd1915;
  color: #fff;
  padding: 1px 5px; }

.school_hd_list span {
  display: inline-block;
  margin: .5rem 3px 0;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
  padding: 1px 5px;
  font-size: 12px;
  color: #6684ac;
  background-color: #d1dbe1; }

.school_icon {
  border-top: 4px solid #e7e7e7;
  padding-bottom: 1.2rem; }
  .school_icon li {
    width: 20%;
    margin: 1rem 2.5% 0;
    float: left; }
    .school_icon li div {
      width: 4rem;
      height: 4rem;
      background-color: #f7403c;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      -ms-border-radius: 50%;
      -o-border-radius: 50%;
      border-radius: 50%; }
      .school_icon li div img {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 2.4rem; }
    .school_icon li b {
      font-size: 13px;
      color: #333;
      line-height: 1.2rem;
      height: 1.2rem;
      overflow: hidden;
      display: block;
      margin-top: .2rem;
      text-align: center; }
    .school_icon li:nth-of-type(2) div, .school_icon li:nth-of-type(4) div, .school_icon li:nth-of-type(5) div, .school_icon li:nth-of-type(7) div {
      background-color: #ff726f; }

/*我要咨询*/
.school_inquiry {
  border-top: 4px solid #e7e7e7;
  line-height: 3.5rem;
  height: 3.5rem;
  padding: 0 4%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }
  .school_inquiry > a {
    font-size: 16px;
    color: #333;
    font-weight: bold;
    border-left: 4px solid #dd1915;
    line-height: 20px;
    height: 20px;
    width: 80px;
    padding-left: 5px;
    margin-right: 10px; }

/*高校推荐___首页教育头条高招要问样式*/
.school_recom {
  padding: 0 4% 1rem; }

/*高校列表*/
.school_recom2 {
  padding: 0 4% 1rem; }
  .school_recom2 > div {
    border-top: 0;
    border-bottom: 1px solid #dedede; }

/*高校概况*/
.survey_con {
  padding: 5px 4% 0;
  height: calc(100% - 20px);
  height: 100%; }

.survey_list {
  display: block;
  line-height: 3.5rem;
  border-bottom: 1px solid #e7e7e7; }
  .survey_list i {
    margin-right: 5px;
    display: block;
    width: 20px;
    text-align: center; }
  .survey_list .icon-jingdian:before {
    font-size: 20px; }

.icon-jingdian:before, .icon-mulu1:before {
  position: relative;
  top: 2px; }

.footfix {
  position: fixed;
  bottom: 0;
  width: 100%; }

/*高校详情*/
.schoolArticle_con {
  padding: .5rem 4%;
  line-height: 1.6; }
  .schoolArticle_con img {
    display: block;
    max-width: 100%; }
  .schoolArticle_con p {
    text-indent: 2em;
    margin-top: .5rem; }

/*高校属性*/
.schoolAttr_con {
  padding: .5rem 4%; }
  .schoolAttr_con li {
    line-height: 2.8rem;
    height: 2.8rem;
    border-bottom: 1px solid #e7e7e7; }
    .schoolAttr_con li em {
      color: #999; }

/*院校咨询*/
.schoolInquiry_con {
  padding: 0 3%; }

.academy_con {
  line-height: 3rem;
  padding-top: 10px;
  padding-bottom: 2rem; }
  .academy_con .academy_but {
    display: block;
    width: 80%;
    background-color: #c92c2b;
    line-height: 3.4rem;
    height: 3.4rem;
    text-align: center;
    cursor: pointer;
    font-size: 18px;
    color: #fff;
    margin: 1.5rem auto 0;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px; }
  .academy_con > div > span {
    width: 27%;
    float: left;
    display: block;
    line-height: 3rem;
    height: 3rem;
    overflow: hidden; }
    .academy_con > div > span > i {
      color: #f00;
      width: 10px;
      display: block;
      height: 100%;
      float: left; }
    .academy_con > div > span b {
      float: left;
      text-align: justify;
      display: block;
      width: calc(100% - 20px);
      height: 3rem; }
      .academy_con > div > span b > em {
        display: inline-block;
        padding-left: 100%; }

.academy_con_dev {
  width: 70%;
  border-bottom: 1px solid #ddd;
  height: 3rem;
  line-height: 3rem; }
  .academy_con_dev input {
    float: left;
    margin-top: .5rem;
    line-height: 2rem;
    height: 2rem;
    border: 0;
    width: 90%; }
  .academy_con_dev textarea {
    width: 100%;
    height: 6rem;
    margin-top: 1rem;
    background-color: #f4f4f4;
    padding: .3rem .5rem; }

.yzm_img {
  width: 100px;
  height: 3rem; }

.academy_con_dev2 {
  height: auto;
  line-height: inherit;
  border-bottom: 0; }

.academy_con_dev3 {
  width: 35%; }

.academy_school_major li {
  float: left;
  width: 40%;
  line-height: 2.2rem;
  height: 2.2rem;
  margin: 1rem 5% 0;
  background-color: #f3f3f3;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #999;
  white-space: nowrap;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px; }

.academy_school_major a {
  color: #999; }

/*弹窗列表*/
.school_ul_out {
  position: fixed;
  width: 90%;
  height: 80%;
  background-color: #fff;
  z-index: 12;
  left: 5%;
  top: 10%;
  padding-top: 2.5rem;
  display: none; }
  .school_ul_out > h3 {
    line-height: 2.5rem;
    height: 2.5rem;
    background-color: #dedede;
    padding: 0 5%;
    position: fixed;
    left: 5%;
    top: 10%;
    width: 90%; }
  .school_ul_out ul {
    padding: .3rem 5%;
    height: -webkit-calc(100% - 0.1rem);
    overflow: auto; }
    .school_ul_out ul li {
      line-height: 2.6rem;
      height: 2.6rem;
      border-bottom: 1px dashed #dedede;
      overflow: hidden; }
      .school_ul_out ul li span {
        display: block;
        width: 0.8rem;
        height: 0.8rem;
        background-color: #ddd;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        -ms-border-radius: 50%;
        -o-border-radius: 50%;
        border-radius: 50%;
        position: relative;
        top: .8rem; }
        .school_ul_out ul li span em {
          display: block;
          width: 0.4rem;
          height: 0.4rem;
          background-color: #fff;
          -webkit-border-radius: 50%;
          -moz-border-radius: 50%;
          -ms-border-radius: 50%;
          -o-border-radius: 50%;
          border-radius: 50%;
          position: relative;
          top: .2rem;
          left: .2rem; }
      .school_ul_out ul li.on span {
        background-color: #dd1915; }

/*底部提交按钮*/
.inquiry_but {
  margin-bottom: 2rem; }
  .inquiry_but button {
    display: inline-block;
    width: 36%;
    line-height: 3rem;
    height: 3rem;
    color: #fff;
    margin: 0 5%;
    background-color: #d43434; }

/* 半透明层*/
.highlight {
  background-color: rgba(0, 0, 0, 0.6);
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
  display: none;
  overflow: hidden; }

/*类吐司弹窗*/
.inquiry_pop {
  width: 140px;
  height: 80px;
  position: fixed;
  left: 50%;
  top: 50%;
  margin-left: -70px;
  margin-top: -40px;
  z-index: 999;
  background-color: #999;
  color: #fff;
  display: none;
  background-color: rgba(0, 0, 0, 0.5);
  border-radius: 12px;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  line-height: 80px; }

.schoolScenery_con {
  padding-bottom: 2rem;
  background-color: #fff; }
  .schoolScenery_con ul {
    min-height: 15rem; }
  .schoolScenery_con li {
    width: 45%;
    float: left;
    margin-left: 3.33%;
    margin-top: 1rem; }
    .schoolScenery_con li img {
      display: block;
      width: 100%;
      height: 5rem;
      -webkit-border-radius: 8px;
      -moz-border-radius: 8px;
      -ms-border-radius: 8px;
      -o-border-radius: 8px;
      border-radius: 8px; }

/*校园风光*/
.up_slide {
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 13;
  width: 100%;
  height: 100%; }

.up_slide li {
  max-width: 100%;
  max-height: 100%;
  display: none; }

.up_slide li.on {
  z-index: 12;
  display: block; }

.up_slide li img {
  max-width: 100%;
  max-height: 100%;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%); }

.toleft, .toright {
  position: fixed;
  z-index: 15;
  color: #fff;
  left: 2%;
  top: 50%;
  width: 30px;
  height: 30px;
  margin-top: -15px;
  display: none; }

.toright {
  left: auto;
  right: 2%; }

.icon-left:before, .icon-right:before {
  color: #fff;
  font-size: 30px; }

.gotoshare_share {
  position: fixed;
  top: 40%;
  left: 0;
  z-index: 990;
  width: 100%;
  background-color: #fff;
  display: none; }

/*分享*/
.article_share {
  text-align: center;
  padding: 1rem 4% 1.5rem; }
  .article_share li {
    display: inline-block;
    width: 3rem;
    height: 3rem;
    margin: 1rem .3rem 0; }
    .article_share li img {
      display: block;
      width: 100%;
      height: 100%; }