@charset "UTF-8";
/*
@author: name
*/
body {
  font: 14px/1.5 "\5b8b\4f53",arial,Helvetica,Tahoma,sans-serif;
  margin: 0 auto;
  color: #333;
  min-width: 1100px;
  background-color: #ffedc6; }

p, ul, ol, dl, dt, dd, h1, h2, h3, h4, h5, h6, form, input, select, button, textarea, iframe {
  margin: 0;
  padding: 0; }

img {
  border: 0 none; }

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

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

.msf {
  font-family: \5FAE\8F6F\96C5\9ED1,\9ED1\4F53; }

a {
  text-decoration: none;
  color: #333; }

a:hover {
  text-decoration: none; }

input, textarea, a, a:hover {
  outline: none; }

textarea {
  resize: none; }

.layout {
  clear: both;
  width: 1100px;
  text-align: left;
  margin: 0 auto;
  padding-bottom: 50px; }
.footer{
  background-color: #fff;
}
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden; }

.clearfix {
  *zoom: 1; }

.fl {
  float: left;
  _display: inline; }

.fr {
  float: right;
  _display: inline; }

.pr {
  position: relative; }

.abs {
  position: absolute; }

.tc {
  text-align: center; }

/*头部*/
.header-wrap {
  height: 623px;
  background: url("http://www.jianshe99.com/upload/html/2020/01/02/wafdf338feb4f8496ca1e290081127ebbf.png") no-repeat top center; }
  .header-wrap .adCountDown {
    text-align: center;
    height: 68px;
    line-height: 68px;
    color: #fff;
    font-size: 30px;
    background-color: rgba(0, 0, 0, 0.4); }
    .header-wrap .adCountDown p {
      display: inline-block; }
    .header-wrap .adCountDown span {
      font-size: 26px;
      height: 40px;
      width: 50px;
      line-height: 40px;
      background-color: #3c5587;
      border: 1px solid #fff;
      border-radius: 5px;
      display: inline-block;
      margin-left: 22px;
      margin-right: 22px; }
    .header-wrap .adCountDown .content-wrap div {
      width: 245px;
      height: 276px;
      display: inline-block;
      background: url("/images/zhuanti/2019tongguanbeikao/1-4.png") no-repeat top center; }

.tit {
  margin-top: 80px;
  margin-bottom: 40px; }

.con {
  background: url("/images/zhuanti/2019tongguanbeikao/1-3.png") no-repeat top center;
  padding-top: 34px; }
  .con .container-wrap01 {
    padding-bottom: 60px;
    width: 1040px;
    background-color: #f8c86a;
    margin: 0 auto;
    text-align: center;
    border-radius: 0 0 25px 25px;
    -webkit-box-shadow: inset 0px 0px 30px #d3aa63;
            box-shadow: inset 0px 0px 30px #d3aa63; }
    .con .container-wrap01 span {
      text-align: left;
      background-color: #fff;
      width: 870px;
      display: inline-block;
      margin-top: 20px;
      font-size: 18px;
      line-height: 28px;
      padding: 21px 60px;
      border-radius: 10px; }
    .con .container-wrap01 .content-wrap {
      overflow: hidden;
      padding-top: 20px;
      padding-left: 22px; }
      .con .container-wrap01 .content-wrap div {
        width: 245px;
        height: 276px;
        background: url("/images/zhuanti/2019tongguanbeikao/1-4.png") no-repeat top center;
        float: left;
        margin: 0 2px;
        margin-bottom: 10px;
        border-radius: 10px; }
        .con .container-wrap01 .content-wrap div h4 {
          font-size: 26px;
          color: #47487b;
          font-weight: 400;
          padding-top: 25px;
          padding-bottom: 30px; }
        .con .container-wrap01 .content-wrap div p {
          text-align: left;
          font-size: 16px;
          line-height: 36px;
          color: #333333;
          padding-left: 24px; }
        .con .container-wrap01 .content-wrap div a {
          background: -webkit-gradient(linear, left top, right top, from(#eb5e7b), to(#efc46c)) !important;
          background: linear-gradient(to right, #eb5e7b, #efc46c) !important;
          background-color: #ef9275\9;
          font-size: 18px;
          font-weight: 700;
          height: 40px;
          width: 200px;
          line-height: 40px;
          color: #fff;
          border-radius: 20px;
          display: inline-block;
          margin-top: 14px; }
        .con .container-wrap01 .content-wrap div em {
          display: inline-block;
          width: 115px;
          height: 108px;
          padding-top: 7px;
          background-color: #f0c473;
          border-radius: 8px; }
        .con .container-wrap01 .content-wrap div i {
          display: block;
          line-height: 20px;
          padding-top: 15px; }
  .con .container-wrap02 {
    width: 1040px;
    height: 553px;
    background: url("/images/zhuanti/2019tongguanbeikao/1-6.png") no-repeat center 60px #ffc656;
    margin: 0 auto;
    text-align: center;
    border-radius: 0 0 25px 25px;
    -webkit-box-shadow: inset 0px 0px 30px #d3aa63;
            box-shadow: inset 0px 0px 30px #d3aa63; }
    .con .container-wrap02 span {
      position: absolute;
      width: 270px;
      height: 105px;
      line-height: 105px;
      background-color: #fff;
      display: inline-block;
      border-radius: 10px;
      -webkit-box-shadow: 0px 0px 30px #d3aa63;
              box-shadow: 0px 0px 30px #d3aa63; }
      .con .container-wrap02 span i {
        width: 66px;
        height: 66px;
        line-height: 66px;
        background-color: #faeed8;
        border-radius: 100%;
        font-size: 18px;
        color: #d7ab54;
        display: inline-block; }
      .con .container-wrap02 span em {
        font-size: 20px;
        color: #374880;
        font-weight: 700;
        padding-left: 13px; }
    .con .container-wrap02 .con01 {
      left: 58px;
      top: 86px; }
    .con .container-wrap02 .con02 {
      left: 58px;
      top: 202px; }
    .con .container-wrap02 .con03 {
      left: 58px;
      top: 318px; }
    .con .container-wrap02 .con04 {
      right: 58px;
      top: 86px; }
    .con .container-wrap02 .con05 {
      right: 58px;
      top: 202px; }
    .con .container-wrap02 .con06 {
      right: 58px;
      top: 318px; }
    .con .container-wrap02 a {
      display: inline-block;
      font-size: 20px;
      height: 50px;
      color: #fff;
      line-height: 50px;
      width: 202px;
      background-color: #4773c6;
      border-radius: 25px;
      position: absolute;
      bottom: 65px;
      left: 50%;
      margin-left: -101px; }
  .con .container-wrap03 {
    padding-top: 40px;
    width: 1030px;
    height: 777px;
    padding-left: 10px;
    background-color: #ffc656;
    margin: 0 auto;
    text-align: center;
    border-radius: 0 0 25px 25px;
    -webkit-box-shadow: inset 0px 0px 30px #d3aa63;
            box-shadow: inset 0px 0px 30px #d3aa63; }
    .con .container-wrap03 .box01, .con .container-wrap03 .box02 {
      overflow: hidden;
      width: 448px;
      background-color: #fff;
      float: left;
      margin: 0 24px;
      border-radius: 30px 30px 5px 5px; }
      .con .container-wrap03 .box01 .div01, .con .container-wrap03 .box02 .div01 {
        padding-top: 25px;
        padding-bottom: 30px;
        color: #fff; }
        .con .container-wrap03 .box01 .div01 i, .con .container-wrap03 .box02 .div01 i {
          font-size: 30px;
          display: block;
          line-height: 60px; }
        .con .container-wrap03 .box01 .div01 em, .con .container-wrap03 .box02 .div01 em {
          font-size: 20px;
          line-height: 35px; }
      .con .container-wrap03 .box01 .div02, .con .container-wrap03 .box02 .div02 {
        height: 78px; }
        .con .container-wrap03 .box01 .div02 span, .con .container-wrap03 .box02 .div02 span {
          width: 134px;
          line-height: 78px;
          display: inline-block;
          font-size: 18px;
          float: left;
          font-weight: 700; }
          .con .container-wrap03 .box01 .div02 span img, .con .container-wrap03 .box02 .div02 span img {
            margin-right: 10px; }
        .con .container-wrap03 .box01 .div02 p, .con .container-wrap03 .box02 .div02 p {
          line-height: 78px;
          display: inline-block;
          border-left: 1px solid #f5f5f5;
          float: left;
          padding-left: 40px;
          font-size: 16px; }
      .con .container-wrap03 .box01 .div03, .con .container-wrap03 .box02 .div03 {
        background-color: #f5f5f5;
        padding: 22px 0;
        display: inline-block;
        width: 100%; }
        .con .container-wrap03 .box01 .div03 span, .con .container-wrap03 .box02 .div03 span {
          width: 134px;
          line-height: 78px;
          display: inline-block;
          font-size: 18px;
          float: left;
          font-weight: 700; }
          .con .container-wrap03 .box01 .div03 span img, .con .container-wrap03 .box02 .div03 span img {
            margin-right: 10px; }
        .con .container-wrap03 .box01 .div03 p, .con .container-wrap03 .box02 .div03 p {
          display: inline-block;
          font-size: 16px;
          float: left;
          border-left: 1px solid #ff0;
          text-align: left;
          padding-left: 40px;
          line-height: 34px; }
      .con .container-wrap03 .box01 .div04, .con .container-wrap03 .box02 .div04 {
        text-align: left;
        width: 366px;
        font-weight: 700;
        margin: 0 auto;
        display: inline-block;
        padding: 0 22px;
        border-bottom: 1px solid #e3dfd7;
        padding-top: 15px; }
        .con .container-wrap03 .box01 .div04 .kelist, .con .container-wrap03 .box02 .div04 .kelist{
          line-height: 44px;
          float: left;
          font-size: 20px; }
          .con .container-wrap03 .box01 .div04 div em, .con .container-wrap03 .box02 .div04 div em {
            color: #ff5571;
            font-size: 24px;
            font-weight: 700; }
          .con .container-wrap03 .box01 .div04 div i, .con .container-wrap03 .box02 .div04 div i {
            color: #ff5571;
            font-size: 16px;
            font-weight: 700; }
        .con .container-wrap03 .box01 .div04 .buy-btn, .con .container-wrap03 .box02 .div04 .buy-btn {
          float: right;
          height: 40px;
          line-height: 40px;
          width: 150px;
          border-radius: 20px;
          color: #fff;
          background: -webkit-gradient(linear, left top, right top, from(#ff5c77), to(#efc46c)) !important;
          background: linear-gradient(to right, #ff5c77, #efc46c) !important;
          background-color: #ef9275\9;
          text-align: center;
          margin-top: 25px;
          margin-bottom: 30px;
          font-size: 16px; }
      .con .container-wrap03 .box01 .div05, .con .container-wrap03 .box02 .div05 {
        font-weight: 700;
        text-align: left;
        width: 366px;
        margin: 0 auto;
        display: inline-block;
        padding: 0 22px;
        padding-top: 15px; }
        .con .container-wrap03 .box01 .div05 .kelist, .con .container-wrap03 .box02 .div05 .kelist {
          line-height: 44px;
          float: left;
          font-size: 20px; }
          .con .container-wrap03 .box01 .div05 div em, .con .container-wrap03 .box02 .div05 div em {
            color: #ff5571;
            font-size: 24px;
            font-weight: 700; }
          .con .container-wrap03 .box01 .div05 div i, .con .container-wrap03 .box02 .div05 div i {
            color: #ff5571;
            font-size: 16px;
            font-weight: 700; }
        .con .container-wrap03 .box01 .div05 .buy-btn, .con .container-wrap03 .box02 .div05 .buy-btn {
          float: right;
          height: 40px;
          line-height: 40px;
          width: 150px;
          border-radius: 20px;
          color: #fff;
          background: -webkit-gradient(linear, left top, right top, from(#ff5c77), to(#efc46c)) !important;
          background: linear-gradient(to right, #ff5c77, #efc46c) !important;
          background-color: #ef9275\9;
          text-align: center;
          margin-top: 25px;
          margin-bottom: 50px;
          font-size: 16px; }
    .con .container-wrap03 .box01 .div01 {
      background: -webkit-gradient(linear, left top, right top, from(#577cca), to(#5865cb)) !important;
      background: linear-gradient(to right, #577cca, #5865cb) !important;
      background-color: #5872ca\9; }
    .con .container-wrap03 .box02 .div01 {
      background: -webkit-gradient(linear, left top, right top, from(#f87e65), to(#fa6d67)) !important;
      background: linear-gradient(to right, #f87e65, #fa6d67) !important;
      background-color: #fa6d67\9; }
    .con .container-wrap03 .more {
      display: inline-block;
      font-size: 18px;
      color: #fff;
      margin-top: 40px; }
  .con .container-wrap04 {
    padding-top: 40px;
    width: 1030px;
    height: 310px;
    padding-left: 10px;
    background-color: #ffc656;
    margin: 0 auto;
    text-align: center;
    border-radius: 0 0 25px 25px;
    -webkit-box-shadow: inset 0px 0px 30px #d3aa63;
            box-shadow: inset 0px 0px 30px #d3aa63; }
    .con .container-wrap04 div {
      width: 235px;
      height: 260px;
      background-color: #fff;
      float: left;
      border-radius: 20px;
      margin: 0 10px;
      -webkit-box-shadow: 0px 0px 20px #999;
              box-shadow: 0px 0px 20px #999; }
      .con .container-wrap04 div img {
        margin-top: 30px; }
      .con .container-wrap04 div p {
        font-size: 26px; }
      .con .container-wrap04 div i {
        font-size: 16px;
        line-height: 40px; }
      .con .container-wrap04 div a {
        font-size: 16px;
        margin-top: 10px;
        height: 40px;
        line-height: 40px;
        border-radius: 20px;
        width: 210px;
        color: #fff;
        font-weight: 700;
        display: inline-block;
        background: -webkit-gradient(linear, left top, right top, from(#577cca), to(#5865cb)) !important;
        background: linear-gradient(to right, #577cca, #5865cb) !important;
        background-color: #5872ca\9; }

.BgBox {
  display:none;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.4);
  z-index: 9;
  filter: alpha(opacity=40);
  position: fixed;
  top: 0;
  left: 0;
  _position: absolute;
  _height: expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight)); }
  .BgBox .block-blink {
    position: fixed;
    top: 50%;
    left: 50%;
    margin: -350px 0 0 -476px;
    z-index: 999;
    _position: absolute;
    _top: expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight/2));
    width: 943px;
    height: 600px;
    background-color: #fff;
    -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.3); }
    .BgBox .block-blink .top-doc {
      position: relative;
      height: 80px;
      background-color: #f5f5f5;
      line-height: 80px;
      font-size: 25px;
      padding-left: 40px; }
      .BgBox .block-blink .top-doc img {
        margin-right: 10px; }
      .BgBox .block-blink .top-doc .close {
        position: absolute;
        right: 20px;
        top: 30px;
        width: 24px;
        height: 25px;
        background: url(/images/zhuanti/2019tongguanbeikao/close.png) no-repeat top center; }
    .BgBox .block-blink .fdstc-list {
      width: 810px;
      margin: 0 auto;
      margin-top: 34px; }
      .BgBox .block-blink .fdstc-list section {
        height: 53px;
        line-height: 53px;
        position: relative;
        border-bottom: 1px solid #ccc;
        font-size: 18px; }
        .BgBox .block-blink .fdstc-list section span {
          position: absolute;
          left: 357px;
          color: #ee6274; }
      .BgBox .block-blink .fdstc-list a {
        display: none;
        width: 200px;
        height: 54px;
        font-size: 24px;
        line-height: 54px;
        background-color: red;
        text-align: center;
        border-radius: 27px;
        float: right;
        margin-top: 30px; }
      .BgBox .block-blink .fdstc-list .nobtn {
        background-color: #eeeeee;
        color: #818181; }
      .BgBox .block-blink .fdstc-list .yesbtn {
        color: #fff;
        background: -webkit-gradient(linear, left top, right top, from(#ff5c77), to(#efc46c)) !important;
        background: linear-gradient(to right, #ff5c77, #efc46c) !important;
        background-color: #ef9275\9; }



.magic-checkbox {position: absolute;display: none; }
.magic-checkbox + label {position: relative;display: block;vertical-align: middle;color:#333333;font-size:18px;}
.magic-checkbox + label:before {position: absolute;top: 12px;right:10px;display: inline-block;width:25px;height: 25px;content: '';border: 1px solid #999; }
.magic-checkbox + label:after {position: absolute;display: none;content: ''; }
.magic-checkbox:checked + label:before {animation-name: none; }
.magic-checkbox:checked + label:after {display: block; }
.magic-checkbox + label:after {top: 12px;right: 19px;box-sizing: border-box;width: 10px;height: 20px;transform: rotate(45deg);border-width: 2px;border-style: solid;border-color: #fa5a4e;border-top: 0;border-left: 0; }

 .course-mask{display:none;width:100%;z-index:98;height:100%; background:#000;opacity:.4;filter:alpha(opacity=40);position:fixed;top:0;left:0;_position:absolute;_height: expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight))}
.course-pop{ display: none; overflow:hidden; width:800px; text-align:left; background-color:#fff; position:fixed; top:50%; left:50%; margin:-260px 0 0 -400px; z-index:99; _position: absolute; _top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight/2))}
.course-pop .pop-tit{ height:60px; line-height:60px; background:#f5f5f5; padding:0 0 0 20px;}
.course-pop .pop-tit h6{ float:left; font-size:18px; color:#565657;}
.course-pop .pop-tit h6 i{ display:inline-block; width:6px; height:26px; background:#ff9b3a; margin-right:15px; vertical-align:middle;}
.course-pop .pop-tit .close-btn{ width:15px; height:15px; line-height:0; font-size:0; margin:24px 20px 0 0; background:url(/images/pro2018/jianli/ico.png) no-repeat -184px -271px; cursor:pointer;}
.course-pop .course-pop-con{ padding:18px 20px 33px 40px;}
.course-pop .course-pop-con .course-pop-box{ height:56px; line-height:56px; font-size:16px; border-bottom:1px solid #e0e0e0; overflow:hidden;}
.course-pop .course-pop-con p.course-tit{ float:left;width:353px; height:56px; line-height:56px;}
.course-pop .course-pop-con p.course-price{ float:left; width:200px; height:56px; line-height:56px;color:#ee6274;}
.course-pop .course-pop-con .chk{ float:right; width:16px; height:16px; border:1px solid #cdcdcd; margin-top:22px; overflow:hidden; position:relative; cursor:pointer; margin-right:10px;}
.course-pop .course-pop-con .chk input{ position:absolute; left:-20px; top:-20px;}
.course-pop .course-pop-con .chk.on{ background:url(/images/lanmu2017/chk-ico.png) no-repeat center;}
.course-pop .btn-wrap{ text-align:right; padding:30px 0 0;}
.course-pop .btn-wrap .buy-btn02{display:inline-block; *display:inline; *zoom:1;display:none;text-align:center; width:200px; height:54px; line-height:54px; font-size:24px;color:#fff; text-decoration:none;border-radius: 27px;background: -webkit-gradient(linear, left top, right top, from(#ff5c77), to(#efc46c)) !important;background: linear-gradient(to right, #ff5c77, #efc46c) !important;background-color: #ef9275\9;}
.course-pop .btn-wrap .buy-btn01{display:inline-block; *display:inline; *zoom:1; border-radius: 27px;background:#eeeeee; text-align:center; width:200px; height:54px; line-height:54px; font-size:24px; color:#818181; text-decoration:none;}
.course-pop .course-pop-wrap{ max-height:342px; overflow-y:auto;}
.course-module-fix{ display:none; width:1300px; position:fixed; left:50%; margin-left:-600px; top:0; z-index:89; _display:none;}
.course-module-fix .tit{ float:left; _display:inline; width:285px; margin-right:20px;};

/*选课协议弹框*/
.adCeng{ display:none; width:100%;z-index:101;height:100%;background:#000;opacity:.4;filter:alpha(opacity=40);position:fixed;top:0;left:0;_position:absolute;_height: expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight))}
.tanchu{ display: none; overflow:hidden; width:600px; text-align:left; background-color:#fff; position:fixed; top:50%; left:50%; margin:-173px 0 0 -300px; z-index:202; -webkit-box-shadow:2px 4px 4px #333; -moz-box-shadow:2px 4px 4px #333; box-shadow:2px 4px 4px #333; border-radius:5px; _position: absolute; _top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight/2))}
.tanchu .tc-tit{ height:55px; background-color:#f2f2f2; border-bottom:1px solid #e0e0e0; position:relative;}
.tanchu .tc-tit h5{ padding-left:48px; line-height:54px; font-size:16px; background-position:26px -3030px;}
.tanchu .tc-tit .close{ width:15px; height:15px; position:absolute; top:20px; right:16px; background:url(/images/pro2018/jianli/ico.png) no-repeat -184px -271px; cursor:pointer;}
.tanchu .tc-con{ height:180px; padding:15px 30px 0 30px; font-size:14px; color:#666; line-height:32px; overflow:auto; *position:relative; _width:540px; _overflow-x:hidden;}
.tanchu .tc-con a{ color:#ff702a;}
.tanchu .tc-con .nr01{ _width:472px; line-height:32px; clear:both; padding-left:68px; position:relative;}
.tanchu .tc-con .nr01 .nbt{ position:absolute; top:0; left:0;}
.tanchu .tc-con .on{ display: block;}
.tanchu .btn{ display:block; width:204px; height:42px; background-color:#f87157; line-height:42px; font-size:14px; text-align:center; color:#fff; margin:30px auto; font-weight:bold; cursor:pointer; border-radius:3px;}
.tanchu .btn:hover{ background-color: #f13712;}