body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
textarea,
p,
blockquote,
th,
td,
hr,
button,
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  margin: 0;
  padding: 0;
  list-style: none;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
a,
img {
  border: 0;
  vertical-align: top;
  text-decoration: none;
}
a:hover {
  text-decoration: none;
}
body {
  font: 8px;
  font-family: Source 'Han Sans CN';
  background-color: #FFFFFF;
  min-width: 1500px;
}
/* 滚动条样式 */
::-webkit-scrollbar-thumb {
  height: 50px;
  background-color: #a0a0a0;
  border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
  background-color: #506271;
}
::-webkit-scrollbar {
  width: 5px;
  height: 6px;
}
.chiaroscuro {
  background: #f2f2f2;
  -webkit-animation-duration: 1.5s;
          animation-duration: 1.5s;
  -webkit-animation-name: blink;
          animation-name: blink;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
}
@-webkit-keyframes blink {
  0% {
    opacity: 0.4;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0.4;
  }
}
@keyframes blink {
  0% {
    opacity: 0.4;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0.4;
  }
}
@-webkit-keyframes flush {
  0% {
    left: -100%;
  }
  50% {
    left: 0;
  }
  100% {
    left: 100%;
  }
}
@keyframes flush {
  0% {
    left: -100%;
  }
  50% {
    left: 0;
  }
  100% {
    left: 100%;
  }
}
.qback {
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999999999999999999999;
}
.alertBox {
  width: 452px;
  height: auto;
  padding: 0 15px 20px 15px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background: #fff;
  border-radius: 8px;
  position: relative;
  top: 50%;
  left: 50%;
  margin: -167px 0 0 -226px;
}
.alertHead {
  width: 100%;
  height: 45px;
  border-bottom: 1px solid #99bafa;
  font-size: 16px;
  color: #333;
  line-height: 45px;
  text-align: center;
}
.alertMes {
  width: 100%;
  height: auto;
  overflow: hidden;
  padding: 25px 40px 35px;
  text-align: center;
  font-size: 16px;
  color: #333;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  line-height: 28px;
}
.alertBtn {
  display: block;
  width: 100px;
  height: 34px;
  line-height: 34px;
  background-color: #3475f5;
  cursor: pointer;
  font-size: 14px;
  color: #fff;
  border-radius: 4px;
  border: 1px solid transparent;
  margin: 0 auto;
  text-align: center;
}
.ConBtn {
  display: inline-block;
  width: 100px;
  height: 34px;
  line-height: 34px;
  background-color: #3475f5;
  cursor: pointer;
  font-size: 14px;
  color: #fff;
  border-radius: 4px;
  border: 1px solid transparent;
  text-align: center;
  margin-left: 84px;
  margin-right: 47px;
}
.cancel {
  display: inline-block;
  width: 100px;
  height: 34px;
  line-height: 34px;
  background: fff;
  cursor: pointer;
  font-size: 14px;
  color: #3475f5;
  border-radius: 4px;
  border: 1px solid transparent;
  text-align: center;
  border: 1px solid #3475f5;
}
.ToastBox {
  width: 452px;
  height: auto;
  padding: 15px 20px;
  text-align: center;
  background: rgba(0, 0, 0, 0.5);
  color: #fff;
  font-size: 16px;
  border-radius: 8px;
  line-height: 24px;
  position: relative;
  top: 50%;
  left: 50%;
  margin: 0px 0px 0px -226px;
}
.mod-header {
  height: 100px;
  background-color: #FFFFFF;
  -webkit-user-select: none;
  -moz-user-select: none;
   -ms-user-select: none;
       user-select: none;
  -webkit-box-shadow: 0px 0px 6px rgba(76, 84, 112, 0.2);
          box-shadow: 0px 0px 6px rgba(76, 84, 112, 0.2);
  position: sticky;
  top: 0;
  z-index: 999999;
}
.mod-header .wth-main {
  height: 100%;
  max-width: 1240px;
  margin: 0 auto;
  padding: 25px 0px;
}
.mod-header .wth-main .logo {
  height: 50px;
  display: inline-block;
}
.mod-header .wth-main .logo > img {
  height: 100%;
  padding: 6px 0px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.mod-header .wth-main .fn-right {
  height: 50px;
  line-height: 50px;
  float: right;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
  font-size: 20px;
}
.mod-header .wth-main .fn-right li {
  padding: 0px 16px;
  position: relative;
}
.mod-header .wth-main .fn-right li.active a,
.mod-header .wth-main .fn-right li:hover a {
  color: #FF6600;
}
.mod-header .wth-main .fn-right li:hover .tip {
  display: block;
}
.mod-header .wth-main .fn-right a {
  color: #4D5572;
}
.mod-header .wth-main .fn-right .tip {
  display: none;
  position: absolute;
  left: 50%;
  font-size: 16px;
  color: #4D5572;
  white-space: nowrap;
  background: #FFFFFF;
  -webkit-box-shadow: -1px 8px 21px 0px rgba(251, 94, 57, 0.251);
          box-shadow: -1px 8px 21px 0px rgba(251, 94, 57, 0.251);
  border-radius: 10px;
  padding: 0px 14px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  z-index: 99;
  text-align: left;
  -webkit-transform: translate(-50%, 0px);
          transform: translate(-50%, 0px);
}
.mod-header .wth-main .fn-right .btn {
  background: #FFFFFF;
  border: 2px solid #FF6600;
  -webkit-box-shadow: -1px 8px 21px 0px rgba(251, 94, 57, 0.25);
          box-shadow: -1px 8px 21px 0px rgba(251, 94, 57, 0.25);
  border-radius: 26px;
  padding: 4px 36px;
  color: #FF6600;
}
.mod-container .top-banneer {
  width: 100%;
  height: 750px;
  font-size: 0px;
}
.mod-container .top-banneer > img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.mod-container .content-box {
  max-width: 1240px;
  margin: 0 auto;
}
.mod-footer {
  background-color: #383C3F;
  color: white;
}
.mod-footer .box {
  max-width: 1240px;
  margin: 0 auto;
  padding: 80px 0px;
}
.mod-footer .border-top {
  width: 100%;
  height: 5px;
  background: #FFFFFF;
  opacity: 0.2;
}
.mod-footer .address {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.mod-footer .address .logo {
  height: 40px;
}
.mod-footer .address .logo > img {
  height: 100%;
}
.mod-footer .address .a-list {
  font-size: 16px;
  line-height: 54px;
}
.mod-footer .address .a-list .name {
  display: inline-block;
  width: 5em;
  text-align: justify;
  -moz-text-align-last: justify;
       text-align-last: justify;
}
.mod-footer .nav-bar {
  font-size: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.mod-footer .nav-bar > li {
  text-align: left;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  cursor: pointer;
}
.mod-footer .nav-bar > li a {
  color: white;
  display: block;
}
.mod-footer .nav-bar > li > div {
  height: 100%;
  margin-right: 50px;
}
.mod-footer .nav-bar > li:not(:last-child) > div:hover > a {
  color: #FF6600;
}
.mod-footer .nav-bar > li:not(:last-child) a {
  border-right: 2px solid #FFFFFF;
}
.mod-footer .nav-bar .footer-tip {
  width: 100%;
  padding-top: 30px;
  padding-right: 50px;
  font-size: 14px;
}
.mod-footer .nav-bar .footer-phone .itanyfont {
  font-size: 14px;
  vertical-align: middle;
  padding-right: 10px;
}
.mod-footer .nav-bar .footer-msg {
  padding-top: 16px;
}
.mod-footer .nav-bar .footer-msg > span {
  display: inline-block;
  width: 25px;
  height: 25px;
  margin-right: 16px;
  background-color: white;
  border-radius: 50%;
  text-align: center;
  line-height: 25px;
  color: #383C3F;
}
.mod-footer .nav-bar .footer-msg > span:hover {
  color: #FF6600;
}
.mod-footer .info {
  text-align: center;
  padding: 16px 0px;
  font-size: 16px;
}
.mod-footer .info a {
  color: white;
  text-decoration: underline;
}
.mod-footer .info a:hover {
  color: #FF6600;
}
@font-face {
  font-family: "itanyfont";
  /* Project id 3029382 */
  src: url('data:font/ttf;charset=utf-8;base64,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') format('truetype');
}
.itanyfont {
  font-family: "itanyfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.itany-left:before {
  content: "\e697";
}
.itany-right:before {
  content: "\e699";
}
.itany-sina:before {
  content: "\e660";
}
.itany-phone:before {
  content: "\e629";
}
.itany-messages:before {
  content: "\e8e3";
}
.itany-wechat:before {
  content: "\e601";
}
.itany-angle-right:before {
  content: "\e84e";
}
.itany-direction-right:before {
  content: "\e66c";
}
.itany-direction-left:before {
  content: "\e66d";
}
.itany-tongzhi:before {
  content: "\e600";
}
.itany-line-128:before {
  content: "\e786";
}
.itany-doubleright:before {
  content: "\e7ed";
}
.page-global .mod-container .top-banneer {
  text-align: center;
}
.page-global .mod-container .top-banneer > img {
  -o-object-fit: cover;
     object-fit: cover;
  max-width: 1920px;
}
.page-global .content-box {
  position: relative;
  padding-top: 180px;
  padding-bottom: 50px;
}
.page-global .content-box .message-box {
  position: absolute;
  width: 100%;
  top: -90px;
  left: 0px;
}
.page-global .page-course-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.page-global .page-nav-bar {
  width: 230px;
  position: sticky;
  top: 110px;
}
.page-global .page-course-nav {
  width: 100%;
  background-color: #dedede;
  color: white;
  min-height: 400px;
  border-radius: 22px;
  padding: 30px 0px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-box-shadow: 0px 5px 8px 0px rgba(102, 102, 102, 0.15);
          box-shadow: 0px 5px 8px 0px rgba(102, 102, 102, 0.15);
}
.page-global .page-course-nav .page-nav-item {
  font-size: 22px;
  color: #FFFFFF;
  height: 50px;
  line-height: 50px;
  text-align: center;
  background-repeat: no-repeat;
  background-size: 100%;
  background-position-x: 12px;
  background-position-y: center;
  cursor: pointer;
  margin: 10px 0px;
}
.page-global .page-course-nav .page-nav-item.active,
.page-global .page-course-nav .page-nav-item:hover {
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAawAAABkCAMAAADt2vTzAAAAAXNSR0IArs4c6QAAAJ9QTFRFAAAA////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////Cnd5uAAAADV0Uk5TAAECAwQFBgcICQoLDA0ODxAREhMUFRYXGBkaGxwdHh8gISIjJCUmJygpKissLS4vMDEyMzVR9dR6AAAIb0lEQVR42u2daVPcSAyGpbbnYBhudiubVLJbFf7/30pVqjYhQBYCDNoPHBl7+pC6JdsDnirAdhwfevqV3m57bATmp57PZ9O6qsEBEDR+kpMvP82Jx19Pv1t/1iYak43p4AyJp0K7i8y05nwLoosBCAiIHojLADkrTZe7i8kagN9/WFNRdA1i1Dq9dDC5hDgTSYoxcl180rBmhwfTDUg+Lp75zT8hkQVo+eOXhMhAE1s5KLOePwlY1dHRIiCS5pIQzvZkE1g4GzIwCZjp6SmeCEmWBqXr1VFR/XmEqXYWStyUc7KyM+Q3eit5IMXnY0u9wqFcWLN3R43Q+yd9eBItnnyRpGBYKRchsajJChUYKgsAMLpyEFb112kQEkR4Ren6vIU/sZEsIZFUWMSOpMAOkoKsY7hCsE4+VGFIPGFR5EBTrjefFWUjYrgKyqAgTsHhrOmHNf17GYEE4kS4YQUT7oJk+UjsLlSSIK+bJS+XQmUdf3QA3vgmhUX8nmbYrMiMYCoeVBLBsmQrZiU2GPjxJKwNnrAgUbEC7oLvLdL/QcldFBYs0iPlhVV/3qWoqCjNixhnHUTvT1vCYSYLYZmy4qy6AWt+No2LiiOleNVKSIdk6YgKcl+BsHS9BW/NNqzds4rCTo5CMEjqq8LrpAMoKl5iYZGesLShtmAtz5wPDgHLN8SrlmQgic2qqGdFEnmSlbngc3YtXTngCSuzahGft7wXQxq5S6+Lpc6qqaydNV0Rq9hk2wuR/xYnwYKKpZYEDbrM67AmZ1V83CFYtTiHRNnCKriKVFSxypKgwejGWhrEz5OwqJJVK+oF2cLSSYJdC8tynQCsTwveaEABqKwD1r0825GwLFitwTo+BbawOLuiiKEkgbCYo97ElwwvaKQXZP9W5Jt5gTX9RFkORuQtoK/L5FR2IAbCyonDC6x/qkC2iwzuUfkBUcpdSe4uYgiLhI2w5KzUPckzrNM9X7aLeGuhuDiD7iWqK+hPkb6wbFg9w6o+SEpteAw2ujobT5GwrPunGsLKbJVPsN7XPiMgthiZJYs0hVWQBU1XVMggj7Bmf1iY4dzsoS4szSyoIKzsI3+E9R6B59dzVUXyDq+tFzQ0qmasHmHNjpNDc+mRjAxfJboLLSYs0yxIHQAWwHrX2C+3v8WxGTmXfahTrZGJSG224ACgPvYatlgm7Ka1dfs9ACWrQHa0HQCcONZBkUB1KfNfHHoyjQ91LHQBrFOOT0+dGJXGnezlUd4Ppz6FBQ5gZ559jwjXE5LgxEjpLIf0XR2lg3IAR3m9JcpozqR1ZoXVTHD3NA2oiTiAw+CIRVHJGkzrJrNNda12B9OZ1tiEoPgMMkeZNwwqVtZB2Q5I+TTLShb1p7pO3OBu2geqXgWgbuIlNWoZX/nuvGU4WPI2nPmNJpuUYuAvhlYevbDqCZ+Pcl/xtRYus9N1i42KQUlgNMa/jw+6nY6CTm9AKcYjpuhmFnGmAYHS+34H9a6smchSDFxRKv6MhtdmnmFNGJ0cEHxvYPwYKqsetPI7a9sa/t88WK4etbIdvh2eLuszx2dpjHfPadAZHySOqlID7YI3j4ypUPsxFuWwHvoTO46aFMIyuRKKm7P4lkWntEu36vtAcNQTW1n3tBXjsjjKEMDdsjZHeoHEsUJlp8FbVf7IjD6WqQnfKKyb15SF+jxM++9Rc2GN1WkQyvpP1hrQDER2rwvfSisgd3+nrVgUAhhLE9sNwpVx8sJ2rxhNd2dGnIYA6+fQKtPo7cOwLiwAoA6/EVAL1u2vvp0fZiBCFaRotK5RAnUAPzTzWUJdqLenxDr4KpUF51mhWfcMQj+H/KSH3Wp8+LCub6QnhGKxoQjpaDH8nwoA3H5vTROzV8goWrjt1B0A/PugRIBhB7H7aOKrUhZNFwpNXaoKpjSCq2EHZHB4yoKv6ctVmHQZ6YKVtoea0nqFFa4CAFjNd8qCYRkYzn5Qk+hwKT/eNvhFeB8MpgsWJnUapYCm0sEtVhas6kUXOV6QB7MljJm+ZRv4Pd2Q+2Ult2w8SxgpWKXS2tp0VqYsoNWBt5Ejw6sJBx4wavIl0npzneTnB4RfL6fStosiWyix6NxOm0I+2ypJvjzN/erYCU6NacuQI0AURQr5PJExkdixipBRHdbq7tCmWSGz34aRgL7p5OeBBTcT5jgG+vxDuo6FlZffe/Ly7IYmmumHAwsu9yYxh4HJY08ULZRKSy8dyRLiFigL4PKwUilaAfMe3h7KEiEbHGqpZoCwHi6PUetc0qlNuJUkuOI8iIPn1tDS/dURSofVMV68vPJCrrREDHMSgQgHDgoW3P08xGC9QtYBp3pbMu1KOlssaW31BchWlbq7OnR8RUn/3WcxvNISJELFoGen6K4k2bYUdxf7lewoMG3iAznQY/EwtlIKEVoIaUhZcoPM/flywsqDRdeWFO1C7rAWDhGHEBY8fJ/slB41BrpZmOw9SS6ZcbgaDisOARbAxa89yddomHkwONyEUFi2WGFXGCjsvWh5C9TN+XxalgcLhpu4ZaurkaYBZUm/m1h9v9vlX4HEMImwxcDkuWJJdzWvNKWw95wnQ9bv+ptbbAY3PaDHcfUB+x4pW8itVSIiW9fnCvp0uvxRzZmXiZjFLDmCwdkBNxHqIUHxP1hJMtKpWl2cuxmr+CDwH/kjkWliJEMv+qiTB7EvZQEArC6/rSY1L8AccOFlmDpb2zh43h3qf1Zc9Llxea+VVfU68/296e/HR778Cvz4J59nm2/QWHtFnfdNncSJ5eYiYi/g7GhIH1aLnSwXi7od5vZMmNrmi058v4Lve+c1+xJoEWrGr/Aw6kXU8/l0UtcVNl5pHGbnXxiXlDxoJJ2SiVSSBHOeV0ZARMRuBP8DcbOuHtpKaWwAAAAASUVORK5CYII=');
}
.page-global .page-course-core {
  margin-top: 20px;
  border-radius: 22px;
  width: 100%;
  background-color: #dedede;
  -webkit-box-shadow: 0px 5px 8px 0px rgba(102, 102, 102, 0.15);
          box-shadow: 0px 5px 8px 0px rgba(102, 102, 102, 0.15);
}
.page-global .page-course-core > img {
  padding: 20px 20px 0px 20px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
  -o-object-fit: scale-down;
     object-fit: scale-down;
}
.page-global .page-course-core > p {
  padding: 6px 0px 20px 0px;
  text-align: center;
  font-size: 16px;
  color: white;
}
.page-global .page-course-line {
  margin-left: 68px;
  width: 100%;
  border-left: 2px #DCDCDC solid;
}
.page-global .page-course-body {
  padding-left: 28px;
  counter-reset: stepnum;
}
.page-global .course-step {
  padding-bottom: 50px;
  counter-increment: stepnum;
  position: relative;
}
.page-global .course-step::before {
  position: absolute;
  top: 0px;
  left: -48px;
  display: inline-block;
  content: "0" counter(stepnum);
  width: 36px;
  height: 36px;
  text-align: center;
  line-height: 36px;
  background-color: #666666;
  border-radius: 50%;
  font-size: 20px;
  color: #FFFFFF;
}
.page-global .course-step:nth-child(n+10)::before {
  content: counter(stepnum);
}
.page-global .course-step:last-child {
  padding-bottom: 0px;
}
.page-global .step-name {
  font-size: 24px;
  color: #333333;
  padding-bottom: 24px;
}
.page-global .step-info {
  font-size: 16px;
  color: #999999;
  line-height: 33px;
}
.page-global .step-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.page-global .step-list .step-list-item {
  width: 32%;
  background: #F5F7F9;
  border-radius: 16px;
  padding: 26px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  text-align: center;
}
.page-global .step-list .step-list-item > img {
  width: 88px;
  height: 88px;
  margin-bottom: 26px;
}
.page-global .step-list .step-list-item .step-teacher-img {
  width: 130px;
  height: 130px;
  border-radius: 50%;
  margin-bottom: 10px;
}
.page-global .step-list .step-list-item .step-teacher-name {
  width: 90px;
  background: #666666;
  border-radius: 2px;
  margin: 0 auto;
  color: white;
  margin-bottom: 10px;
}
.page-global .step-list .step-list-item .step-teacher-info {
  font-size: 16px;
  color: #666666;
  text-align: left;
}
.page-global .step-list .step-list-item .step-list-sub-img {
  margin-bottom: 10px;
  font-size: 20px;
  color: #333333;
}
.page-global .step-list .step-list-item .step-list-sub-title {
  font-size: 16px;
  color: #333333;
  font-weight: bold;
}
.page-global .step-list .step-list-one {
  width: 100%;
  padding: 25px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 16px;
  background: #F5F7F9;
  line-height: 2.4;
}
.page-global .step-list .step-list-one .pot {
  width: 20px;
  height: 20px;
  padding-right: 6px;
  vertical-align: middle;
}
.page-global .step-list .step-list-two {
  width: 49%;
  background: #F5F7F9;
  border-radius: 16px;
  padding: 48px 0px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
}
.page-global .step-list .step-list-img {
  width: 88px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin: 0px 34px;
  text-align: center;
  font-size: 20px;
  color: #666666;
}
.page-global .step-list .step-list-img > img {
  width: 100%;
  height: auto;
}
.page-global .step-list .step-list-img > p {
  margin-top: 12px;
}
.page-global .step-list .step-list-left {
  font-size: 16px;
  color: #999999;
  margin-left: 60px;
}
.page-global .step-list .step-list-right {
  font-size: 16px;
  color: #999999;
  margin-right: 60px;
}
.page-global .step-course-list {
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
   -ms-user-select: none;
       user-select: none;
  background: #F5F7F9;
}
.page-global .step-course-list .step-course-item.active .step-course-title > img.open {
  display: none;
}
.page-global .step-course-list .step-course-item.active .step-course-title > img.close {
  display: inline-block;
}
.page-global .step-course-list .step-course-item.active .step-course-content {
  display: block;
}
.page-global .step-course-list .step-course-title {
  width: 100%;
  height: 80px;
  line-height: 80px;
  background: #666666;
  border: 1px solid #FFFFFF;
  color: #FFFFFF;
  padding: 0px 28px;
}
.page-global .step-course-list .step-course-title > img {
  float: right;
  width: 18px;
  height: 80px;
  -o-object-position: center;
     object-position: center;
  -o-object-fit: scale-down;
     object-fit: scale-down;
}
.page-global .step-course-list .step-course-title > img.open {
  display: inline-block;
}
.page-global .step-course-list .step-course-title > img.close {
  display: none;
}
.page-global .step-course-list .step-course-content {
  display: none;
  padding: 18px 136px 18px 45px;
}
.page-global .step-course-list .step-course-content dt {
  font-size: 20px;
  color: #333333;
  font-weight: 540;
  padding-bottom: 12px;
}
.page-global .step-course-list .step-course-content dd {
  font-size: 16px;
  color: #666666;
  padding-bottom: 20px;
  line-height: 1.6;
}
.mod-container .top-banneer {
  background-color: #f7bd5e;
}
.page-global .page-user-input .page-item.code input:nth-child(2) {
  background-color: #FFA74E;
  border-color: #FFA74E;
}
.page-global .page-user-btns .page-user-appointment {
  background-color: #FFA74E;
  border-color: #FFA74E;
}
.page-global .page-user-btns .page-user-enroll {
  border-color: #FFA74E;
  color: #FFA74E;
}
.page-global .page-course-nav,
.page-global .page-course-core {
  background-color: #FFA74E;
}
.page-global .step-list .step-list-item .step-teacher-name {
  background-color: #FFA74E;
}
.page-global .course-step::before {
  background-color: #FFA74E;
}
.page-global .step-course-list .step-course-title {
  background-color: #FFA74E;
}