/*
@author: yanyu
*/

body,
input,
textarea,
button {
  font: 14px/1.5 "Microsoft YaHei", "\5FAE\8F6F\96C5\9ED1,\9ED1\4F53",
    "Heiti SC", tahoma, arial, Hiragino Sans GB, "\5B8B\4F53", sans-serif;
}
body {
  margin: 0 auto;
  color: #333;
  min-width: 1200px;
  background: #fff;
}
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;
  vertical-align: top;
}
ul,
li,
ol {
  list-style-type: none;
}
i,
em,
address,
caption,
cite,
code,
dfn,
th,
var {
  font-style: normal;
}
a {
  text-decoration: none;
  color: #333;
}
a:hover {
  text-decoration: underline;
}
input,
button,
textarea,
a,
a:hover {
  outline: none;
}
textarea {
  resize: none;
}
.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;
}
.layout {
  width: 1200px;
  margin: 0 auto;
}

/* global */
.g-title {
  height: 64px;
  line-height: 64px;
  margin: 0 auto;
  background: url(/images/zhongjizhicheng/project/index2022/g-title-bg.png)
    no-repeat top center;
  text-align: center;
}

.g-title img,
.g-ptitle img {
  margin-top: 22px;
}

.g-title .g-title-text {
  font-size: 36px;
  font-weight: bold;
  color: #333333;
  padding: 0 20px;
}

.g-ptitle {
  height: 64px;
  line-height: 64px;
  margin: 0 auto;
  background: url(/images/zhongjizhicheng/project/index2022/g-title-pbg.png)
    no-repeat top center;
  text-align: center;
}

.g-ptitle .g-title-text {
  font-size: 36px;
  font-weight: bold;
  color: #fff;
  padding: 0 20px;
}

/*add njf 20221117*/
.topHeader .swiper-container{ height:590px;}
.topHeader .topHeaderBg{ width: 100%; height:590px;}
.topHeader .pagination{ left: 50%; margin-left: -15px; bottom:325px; height: 25px; position: absolute; z-index: 2;}
.topHeader .pagination .swiper-pagination-switch{ background:rgba(0,0,0,0.5); width: 6px; height: 6px; border-radius: 50%; display: inline-block;*display: inline; zoom: 1; margin: 0 5px;}
.topHeader .pagination .swiper-active-switch{ width: 20px; border-radius:3px;}
.topHeader .textWord01 h3{ padding: 55px 0 0 375px; font-size: 48px; color: #fff; text-shadow: 0 9px 9px rgba(177,0,0,0.89);}
.topHeader .textWord01 h3 strong{color: #ffe990; font-size: 58px;}
.topHeader .textWord01 p{ font-size: 28px; color: #fff; text-align: center; padding:21px 0 0 505px; width: 530px;}
.topHeader .textWord01 p span{ color: #ffe990;}
.topHeader .topLink{ display: block; height: 263px; width: 100%; left: 0; top: 0;}
.topHeader .textWord02 h3{font-size: 34px;font-weight: 400;font-style: italic;color: #fff;text-align: center;padding-top:55px;letter-spacing: 1px;}
.topHeader .textWord02 p{ text-align: center; font-size: 25px;font-weight: 400; color: #fff; margin-top:118px;}
.topHeader .textWord02 p span{display: inline-block; *display:inline; zoom: 1; margin-right: 10px;}
.topHeader .textWord02 p i{ background: url(//www.fawtography.com/images/zhongjizhicheng/project/index2022/top-suc-icon.png) no-repeat 0 0; display: inline-block; *display:inline; zoom: 1;width: 24px; height: 19px; vertical-align: middle; margin-right: 20px;}
.bodyTop .main{ margin-top: -332px; z-index: 15; position: relative;}

/* banner */
.banner {
  width: 100%;
  min-height: 360px;
 /* padding-bottom: 45px;
  background: url(/images/zhongjizhicheng/project/index2022/top-banner.png)
    no-repeat top;*/
}

.banner .top-title {
  font-size: 34px;
  font-weight: 400;
  font-style: italic;
  color: #ffffff;
  text-align: center;
  padding-top: 67px;
  letter-spacing: 1px;
}

.banner .dots {
  width: 654px;
  height: 55px;
  text-align: center;
  line-height: 55px;
  margin: 110px auto 0;
}

.banner .dots i {
  display: inline-block;
  width: 24px;
  height: 19px;
  background: url(/images/zhongjizhicheng/project/index2022/top-suc-icon.png)
    no-repeat center;
  margin: 0 10px 0 20px;
}

.banner .dots span {
  font-size: 25px;
  font-weight: 400;
  color: #ffffff;
}

.banner .activity {
  background: #fffffe;
  margin: 67px auto 20px;
}

.banner .activity .top {
  height: 100px;
  background: #ffe3aa;
  background: linear-gradient(90deg, #ffe3aa 0%, #fccd75 100%);
  padding-left: 41px;
  line-height: 100px;
  font-weight: bold;
}

.banner .activity .top .left {
  height: 100%;
  font-size: 34px;
  color: #6a3100;
}

.banner .activity .top .left span {
  font-size: 40px;
  color: #ed4801;
}

.banner .activity .top .right {
  width: 400px;
  height: 46px;
  line-height: 46px;
  background: #844c00;
  border-radius: 23px 0px 0px 23px;
  margin-top: 27px;
  font-size: 18px;
  font-weight: 400;
  color: #ffffff;
  text-align: center;
}

.banner .activity .bottom {
  height: 180px;
  border: 2px solid #ffebd0;
  background: #fffffe;
}

.banner .bottom .class {
  width: 311px;
  margin-left: 41px;
  padding-top: 22px;
}

.banner .bottom .class .bt {
  font-size: 30px;
  font-weight: bold;
  color: #2b3268;
}

.banner .bottom .class .sup {
  color: #fff;
  font-size: 14px;
  text-align: center;
  background: #ff810e;
  background: linear-gradient(90deg, #ff810e 0%, #f84920 100%);
  border-radius: 13px 13px 13px 0px;
  vertical-align: top;
  padding: 3px 12px;
  font-weight: normal;
}

.banner .bottom .class ul {
  width: 100%;
  margin: 30px 0 0 -22px;
}

.banner .bottom .class li {
  width: 100px;
  height: 54px;
  text-align: center;
}

.banner .bottom .class li.one,
.banner .bottom .class li.two {
  border-right: 1px solid #e2ebf6;
}

.banner .bottom .class li p {
  font-size: 26px;
  font-weight: bold;
  color: #f55700;
  margin-top: -6px;
}

.banner .bottom .class li .span {
  font-size: 16px;
  font-weight: 400;
  color: #525885;
}

.banner .bottom .buy {
  width: 766px;
  height: 113px;
  background: #fff6e6;
  margin: 34px 0 0 40px;
}

.banner .bottom .buy .price {
  padding: 17px 0 0 30px;
}

.banner .bottom .buy .top-tip {
  margin-bottom: 12px;
}

.banner .bottom .buy .tip {
  padding: 3px 12px;
  background: #ff8c00;
  background: linear-gradient(0deg, #fe6303 0%, #ff8c00 100%);
  border-radius: 6px;
  font-size: 18px;
  font-weight: bold;
  color: #fffffe;
  margin-right: 10px;
}

.banner .bottom .buy .deep-text {
  font-size: 24px;
  font-weight: bold;
  color: #2b3268;
}

.banner .bottom .buy .normal-text {
  display: inline-block;
  font-size: 16px;
  font-weight: 400;
  color: #2b3268;
}

.banner .bottom .buy a {
  width: 197px;
  height: 60px;
  line-height: 60px;
  text-align: center;
  border-radius: 30px;
  font-weight: 400;
  font-size: 22px;
  text-decoration: none;
}

.banner .bottom .buy a:hover {
  background: #ff810e;
  background: linear-gradient(90deg, #ff810e 0%, #f84920 100%);
  color: #fff;
  transition: all 0.25s;
}

.banner .bottom .buy .det {
  border: 1px solid #f84920;
  color: #f84920;
  margin: 25px 20px 0 25px;
}

.banner .bottom .buy .pb {
  background: #ff810e;
  background: linear-gradient(90deg, #ff810e 0%, #f84920 100%);
  color: #fffffe;
  margin-top: 25px;
  animation: get-scale 1.5s infinite linear;
}

.banner .exam {
  height: 234px;
  background: #fff8f0;
  background: linear-gradient(0deg, #fff8f0 0%, #ffffff 100%);
  border: 3px solid #ffebd0;
  border-image: linear-gradient(180deg, #ffebd0, #ffcb92) 3 3;
  box-shadow: 0px 0px 29px 0px rgba(18, 57, 168, 0.2);
}

.banner .exam .left {
  width: 310px;
}

.banner .exam .left .top-text {
  text-align: center;
  font-size: 20px;
  font-weight: bold;
  color: #522702;
  padding-top: 30px;
}

.banner .exam .left .days {
  padding-top: 24px;
  text-align: center;
}

.banner .exam .left .days em {
  display: inline-block;
  width: 46px;
  height: 75px;
  text-align: center;
  line-height: 75px;
  background: #ffecd0;
  background: linear-gradient(0deg, #ffecd0 0%, #fffbf4 100%);
  border-radius: 4px;
  font-size: 34px;
  font-weight: bold;
  color: #c94828;
}

.banner .exam .left .days span {
  display: inline-block;
  font-size: 18px;
  font-weight: bold;
  color: #522702;
  vertical-align: bottom;
}

.banner .exam .left .bottom {
  font-size: 18px;
  font-weight: bold;
  color: #522702;
  text-align: center;
  padding-top: 25px;
}

.banner .exam .border {
  height: 159px;
  border: 1px dashed #ffc07c;
  margin-top: 38px;
}

.banner .exam .center {
  width: 460px;
}

.banner .exam .center .top-bt {
  font-size: 28px;
  font-weight: bold;
  color: #522702;
  text-align: center;
  padding: 20px 0 6px;
}

.banner .exam .center .top-lt {
  font-size: 14px;
  font-weight: 400;
  color: #f84a1f;
  padding-bottom: 13px;
  text-align: center;
}

.banner .exam .center .ticket {
  width: 320px;
  height: 86px;
  background: url(/images/zhongjizhicheng/project/index2022/ticket-bg.png)
    no-repeat center;
  margin: 0 auto 10px;
}

.banner .exam .center .pri {
  color: #fff;
}

.banner .exam .center .pri span {
  font-size: 20px;
  font-weight: bold;
  padding: 0px 16px 0 22px;
}

.banner .exam .center .pri strong {
  font-size: 36px;
  font-weight: bold;
}

.banner .exam .center .bottom-tip {
  font-size: 14px;
  font-weight: 400;
  color: #714c28;
  text-align: center;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.banner .exam .center .time {
  width: 191px;
  height: 20px;
  background: #fac18e;
  font-size: 12px;
  font-weight: 400;
  color: #e76009;
  line-height: 20px;
  text-align: center;
  margin-left: 24px;
}

.banner .exam .center .get-btn {
  width: 46px;
  height: 46px;
  background: #ffba8c;
  background: linear-gradient(0deg, #ffba8c 0%, #fdebe7 100%);
  box-shadow: 0px 3px 7px 0px rgba(214, 44, 2, 0.64);
  border-radius: 50%;
  font-size: 24px;
  font-weight: bold;
  color: #c94828;
  line-height: 46px;
  text-align: center;
  margin: 20px 20px 0 0;
  text-decoration: none;
  animation: get-scale 1.5s infinite linear;
}

@-webkit-keyframes get-scale {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes get-scale {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

.banner .exam .right {
  width: 420px;
  text-align: center;
}

.banner .exam .right .top-pri {
  font-size: 18px;
  font-weight: 400;
  color: #522702;
  padding-top: 23px;
}

.banner .exam .right .top-pri strong {
  font-size: 25px;
}

.banner .exam .right .num {
  font-size: 22px;
  font-weight: bold;
  color: #522702;
}

.banner .exam .right .num strong {
  font-size: 32px;
  color: #f84920;
  vertical-align: sub;
}

.banner .exam .right .end {
  font-size: 18px;
  font-weight: bold;
  color: #522702;
}

.banner .exam .right .btn {
  padding-top: 10px;
}

.banner .exam .right .consult {
  display: inline-block;
  width: 121px;
  height: 50px;
  background: rgba(248, 73, 32, 0);
  border: 1px solid #f84920;
  border-radius: 25px;
  line-height: 50px;
  text-align: center;
  font-size: 20px;
  font-weight: 400;
  color: #f84920;
  text-decoration: none;
  margin-right: 20px;
}

.banner .exam .right .consult:hover {
  background: #ff810e;
  background: linear-gradient(90deg, #ff810e 0%, #f84920 100%);
  color: #fff;
  transition: all 0.25s;
}

/* teacher */
.teacher {
  padding-bottom: 50px;
}

.teacher .con {
  padding-top: 30px;
}

.teacher .main {
  margin-top: 40px;
}

.teacher .handle-ul li {
  width: 140px;
  height: 40px;
  text-align: center;
  line-height: 40px;
  background: #f2f8ff;
  border: 1px solid #2076f6;
  border-radius: 4px;
  font-size: 18px;
  font-weight: 400;
  color: #0368ff;
  margin-right: 12px;
  cursor: pointer;
}

.teacher .handle-ul li:hover {
  font-weight: bold;
}

.teacher .handle-ul li.on {
  background: #3f4efe;
  background: linear-gradient(0deg, #3f4efe 0%, #1584f4 100%);
  color: #fff;
  font-weight: bold;
}

.teacher .card .prev {
  top: 50%;
  left: 2px;
  margin-top: -23px;
  z-index: 10;
  cursor: pointer;
}

.teacher .card .next {
  top: 50%;
  right: 2px;
  margin-top: -23px;
  z-index: 10;
  cursor: pointer;
}

.teacher .handle-btn img {
  vertical-align: 0;
  margin-top: 12px;
}

.teacher .handle-btn span {
  display: block;
  width: 37px;
  height: 36px;
  box-shadow: 0px 2px 10px 0px rgba(239, 66, 24, 0.4);
  cursor: pointer;
  text-align: center;
}

.teacher .handle-btn span.prev {
  background: #ff532b;
  background: linear-gradient(90deg, #ff8630, #ff532b);
  border-radius: 14px 0px 0px 14px;
}

.teacher .handle-btn span.next {
  background: #ff532b;
  background: linear-gradient(-90deg, #ff8630, #ff532b);
  border-radius: 0px 14px 14px 0px;
}

.teacher .handle-btn span.dis {
  background: #ffc3ae;
  cursor: not-allowed;
}

.teacher .card {
  width: 100%;
  padding: 20px 0;
  overflow: hidden;
}

.teacher .card ul {
  width: 5000px !important;
}

.teacher .card .jjf,
.teacher .card .cwgl {
  display: none;
}

.teacher .card li {
  width: 224px;
  height: 300px;
  background: url(/images/zhongjizhicheng/project/index2022/teacher-bg.png)
    no-repeat center;
  box-shadow: 0px 3px 20px 0px rgba(22, 22, 22, 0.06);
  border-radius: 8px;
  overflow: hidden;
  margin-right: 15px;
  border: 2px solid transparent;
}

.teacher .card li.end {
  margin-right: 0;
}

.teacher .card li.on {
  border: 2px solid #1c7bf6;
}

.teacher .card ul li img {
  width: 224px;
  height: 300px;
  top: 0;
  left: 0;
}

/* .teacher .card li.t-gzq {
  background: url(/images/zhongjizhicheng/project/index2022/teacher-gzq-bg.png)
    no-repeat center;
} */

/* .teacher .card li.t-gjh {
  background: url(/images/zhongjizhicheng/project/index2022/teacher-gjh-bg.png)
    no-repeat center;
}

.teacher .card li.t-gsr {
  background: url(/images/zhongjizhicheng/project/index2022/teacher-gsr-bg.png)
    no-repeat center;
}

.teacher .card li.t-lgf {
  background: url(/images/zhongjizhicheng/project/index2022/teacher-lgf-bg.png)
    no-repeat center;
}

.teacher .card li.t-why {
  background: url(/images/zhongjizhicheng/project/index2022/teacher-why-bg.png)
    no-repeat center;
} */

.teacher .card .v-btn {
  display: inline-block;
  width: 66px;
  height: 24px;
  top: 14px;
  right: 14px;
}

.teacher .details {
  height: 225px;
  background: #ffffff;
  border: 1px solid #e7e7e7;
  box-shadow: 0px 3px 20px 0px rgba(22, 22, 22, 0.06);
  border-radius: 8px;
  padding: 0px 32px;
}

.teacher .details .hide {
  display: none;
}

.teacher .details .name {
  padding-top: 20px;
}

.teacher .details .name strong {
  font-size: 24px;
  color: #333333;
  margin-right: 17px;
}

.teacher .details .name span {
  background: #e8e8e8;
  border-radius: 20px;
  padding: 5px 14px;
  font-size: 14px;
  color: #666666;
  margin-right: 16px;
}

.teacher .details .info {
  font-size: 16px;
  font-weight: 400;
  color: #333333;
  padding: 16px 0 20px;
}

.teacher .details .lt i {
  display: inline-block;
  width: 4px;
  height: 17px;
  background: #0086fe;
  border-radius: 2px;
  vertical-align: text-top;
  margin-right: 9px;
}

.teacher .details .lt strong {
  font-size: 16px;
  color: #333333;
}

.teacher .details .lt .sup {
  display: inline-block;
  padding: 4px 18px;
  background: #efb661;
  background: linear-gradient(270deg, #efb661 1%, #ffda96 100%);
  box-shadow: 2px 0px 7px 0px rgba(180, 79, 11, 0.34);
  border-radius: 14px 14px 14px 0px;
  vertical-align: top;
  font-size: 14px;
  font-weight: 400;
  color: #753400;
  margin: -10px 0 0 10px;
}

.teacher .details .bottom {
  padding-top: 10px;
}

.teacher .details .bottom span {
  font-size: 16px;
  font-weight: 400;
  color: #333333;
  padding-right: 11px;
}

.teacher .details .bottom a {
  display: inline-block;
  width: 95px;
  height: 28px;
  background: #fd6f03;
  background: linear-gradient(0deg, #fd6f03 0%, #fa3a35 100%);
  border-radius: 14px;
  font-size: 14px;
  font-weight: bold;
  color: #ffffff;
  line-height: 28px;
  text-align: center;
  text-decoration: none;
}

/* classes */
.classes {
  padding-top: 50px;
  background: #f8f8f8;
  padding-bottom: 20px;
}

.classes .g-title {
  margin-bottom: 30px;
}

.classes .hide {
  display: none;
}

.course-visible{width:1200px;position:fixed;left:50%;margin-left:-600px;top:0;z-index:90;display:none;}
.course-visible .li-hd{width:240px;float:left;margin-right:20px;}
.course-visible .top-tit{ float:left; width:292px; margin-right:10px;}
.course-visible.three-course .top-tit{ width:392px;}
.course-visible.two-course .top-tit{ width:594px;}
.tabVisible{ margin-bottom: 32px;}
.tabVisible dd{display:block;float:left;width: 111px;height: 40px;background: #EFF1F5;font-size: 16px;color: #909299;line-height: 40px;text-align: center; cursor: pointer;}
.tabVisible dd.on{background: #E2EAFA;font-weight: bold;color: #3792FF;height: 40px;}
.tabVisible dd.on a{ color: #3792FF; text-decoration: none;}
.tabVisible dd a{color: #909299; text-decoration: none;}
/*.course-visible{ display: none;}*/
.course-threelb-main .visibleClass li,.course-threezb-main .visibleClass li{ width: 285px; float: left; margin-right: 20px; height: 120px; text-align: center;}
.course-threelb-main .visibleClass li.last,.course-threezb-main .visibleClass li.last{ margin-right: 0;}
.course-threelb-main .visibleClass li span,.course-threezb-main .visibleClass li span{display: inline-block; padding: 3px 14px; text-align: center; color: #fff; border-radius: 15px; margin-top: 65px;}




.course-mod ul{ width:1210px; }
.course-mod li{
  float:left;
  width:292px;
  margin-right:8px;
  box-shadow:0 6px 12px #e6f0fc;
  border-bottom-left-radius:8px;
  border-bottom-right-radius:8px;
  background: #fff;
  transition: all 0.25s;
  border: 1px solid transparent;
}
.course-mod li.three {
  width: 392px;
}
.course-mod li.two {
  width: 594px;
}
.course-mod li.hover {
  border: 1px solid #FFCB92;
  box-shadow: 0px 0px 36px 4px rgba(75, 85, 147, 0.33);
}

.course-mod .top-tit {
  /* width: 292px; */
  height: 170px;
  text-align:center;
}

.course-mod .top-tit .title {
  display: inline-block;
  font-size: 36px;
  font-weight: bold;
  margin-top: 27px;
  text-decoration:none;
}

.course-mod .top-tit .dets {
  font-size: 14px;
  font-weight: 400;
}

.course-mod .top-tit .pri {
  bottom: 0;
  left: 0;
  width: 100%;
  height: 40px;
  line-height: 40px;
  font-size: 24px;
  font-weight: bold;
  font-style: italic;
  color: #FFFFFF;
}

.course-mod .top-tit.bg01 {
  background: #F57719;
  background: linear-gradient(-90deg, #F57719, #F14E11);
}

.course-mod .top-tit.bg01 .title,
.course-mod .top-tit.bg01 .dets {
  color: #FFFFFF;
}

.course-mod .top-tit.bg01 .pri {
  background: #EF4E10;
  background: linear-gradient(90deg, #EF4E10, #DF4004);
}

.course-mod .top-tit.bg02 {
  background: #563DBF;
  background: linear-gradient(90deg, #563DBF, #6965DF);
}

.course-mod .bg02  .gxsyb-card {
  top: 0;
  left: 0;
}

.course-mod .top-tit.bg02 .title,
.course-mod .top-tit.bg02 .dets {
  color: #FFFFFF;
}

.course-mod .top-tit.bg02 .pri {
  background: #563DBF;
  background: linear-gradient(90deg, #563DBF, #563DBF);
}

.course-mod .top-tit.bg02 .hot-tags {
  /* width: 38px; */
  /* height: 58px; */
  right: 21px;
  top: -30px;
  /* background: url(/images/zhongjizhicheng/project/index2022/g-hot.png) no-repeat center; */
}

.course-mod .top-tit.bg03 {
  background: #262E60;
  background: linear-gradient(90deg, #262E60, #415191);
}

.course-mod .top-tit.bg03 .title,
.course-mod .top-tit.bg03 .dets {
  color: #FFF8E3;
}

.course-mod .top-tit.bg03 .pri {
  background: #272F61;
  background: linear-gradient(90deg, #272F61, #262E60);
}

.course-mod .top-tit.bg02 .left-icon,
.course-mod .top-tit.bg03 .left-icon {
  top: -6px;
  left: -6px;
}
.course-mod .top-tit.bg04 {
  background: #CB8015;
  background: linear-gradient(90deg, #A17237, #D2AC6D);
}

.course-mod .top-tit.bg04 .title,
.course-mod .top-tit.bg04 .dets {
  color: #FFFEFE;
}

.course-mod .top-tit.bg04 .pri {
  background: #A07136;
  background: linear-gradient(90deg, #A07136, #A07136);
}

.course-mod .top-tit.bg04 .hot-tags {
  width: 38px;
  height: 58px;
  right: 21px;
  top: -30px;
  z-index: 5;
  background: url(/images/zhongjizhicheng/project/index2022/g-hot.png) no-repeat center;
}

.course-mod .top-text {
  height: 30px;
  line-height: 30px;
  text-align: center;
  background: #FFE9C9;
  border-radius: 4px 10px 4px 10px;
  font-size: 14px;
  font-weight: 400;
  color: #C77512;
  top: -13px;
  left: 30px;
  right: 30px;
  z-index: 1;
}
.course-mod .top-tit.bg05{ background:url("/images/zhucekuaijishi/project/2021project-v3/course-tit05.png") no-repeat;}
.course-mod .top-tit.bg06{ background:url("/images/zhucekuaijishi/project/2021project-v3/course-tit06.png") no-repeat;}
.course-mod .top-tit.bg07{ background:url("/images/zhucekuaijishi/project/2021project-v3/course-tit07.png") no-repeat;}
.course-mod .con{ background:#fff; padding:0 18px 20px; border-bottom-left-radius:8px; border-bottom-right-radius:8px;}
.course-mod .tit {margin-bottom:10px;}

.course-mod .teacher01-con{ padding:14px 0 22px; border-bottom:1px solid #eaeaea;}
.course-mod .teacher01-con .box{ margin-bottom:3px;}
.course-mod .teacher01-con h4{ display:block; float:left; width:100px; height:24px; line-height:24px; text-align:center; background:#ececec; border-radius:3px;}
.course-mod .teacher01-con .name{font-weight:normal; float:left; height:24px; line-height:24px; position:relative; padding:0 0 3px 10px;}
.course-mod .teacher01-con .name .more-pop{ display:none; width:103px; font-size:14px; line-height:20px; border-radius:4px; border-top-right-radius:0; color:#fff; padding:4px 0 4px 8px; background:url("/images/zhucekuaijishi/project/2021project-v3/pop-bg01.png") repeat; position:absolute; right:0; top:27px;}
.course-mod .teacher01-con .name .more-pop .arrow-ico{ display:block; width:6px; height:10px; position:absolute; right:0; top:-10px; background-position:-154px -22px;}
.course-mod .common-con{ padding:14px 0 12px; border-bottom:1px solid #eaeaea;position:relative;}
.course-mod .common-con .text.one-line p{ width:235px;}
.course-mod .common-con p{ display:block; line-height:28px; padding-left:19px; position:relative;font-size:16px;color:#333;font-weight:bold;}
.course-mod .common-con p i{ display:block; width:6px; height:6px; border-radius:50%; position:absolute; left:2px;}
.course-mod .common-con .couse_info i {
  display:block; width:6px; height:6px; background:#cddbec; border-radius:50%; position:absolute; left:-18px; top:50%; margin-top:-3px;
}
.course-mod .common-con .add-tags{ height:28px; width:100%;}
.course-mod .common-con .add-tags p{ display:inline-block; *display:inline; *zoom:1; height:22px; line-height:22px; font-size:12px; color:#f16a57; border-radius:50px; background:#fff3e9; padding:0 6px; vertical-align:2px;}
.course-mod .empty-box{ height:25px;}

.course-mod .teacher02-con{ padding:18px 0 4px; border-bottom:1px solid #eaeaea;}
.course-mod .teacher02-con .tit02{ line-height:22px; padding-bottom:18px;}
.course-mod .teacher02-con .box{ float:left; width:85px; text-align:center; margin-bottom:14px;}
.course-mod .teacher02-con .box img{ display:block; width:56px; height:56px; margin:0 auto;}
.course-mod .teacher02-con .box h4{ line-height:19px; padding-top:9px; color:#666; font-weight:normal;}
.course-mod .teacher02-con .box p{ line-height:18px; font-weight:bold;}
.course-mod .teacher02-con .box a{ display:block; text-decoration:none;}
.course-mod .teacher02-con .teahcer-pic{ height:232px; text-align:center;}
/* .course-mod .tit03{ width:215px; height:50px; border:1px solid #40c2cb; text-align:center; color:#09aeb9; border-radius:50px; border-bottom-left-radius:0; margin:0 auto; background:#d7f3ef; position:relative;} */
.course-mod .tit03 i.left-ico,.course-mod .stage01 .tit03 i.right-ico{ display:block; width:6px; height:6px; background:#fff; border:1px solid #48c5cd; border-radius:50%; position:absolute; left:20px; top:21px;}
.course-mod .tit03 i.right-ico{ left:auto; right:20px;}
.course-mod .tit03 h4{ line-height:23px; padding-top:4px; font-size:18px;}
.course-mod .tit03 p{ line-height:21px;}
.course-mod .tit03.other{ border-color:#433d58; background:#e4dff5; color:#433d58;}
.course-mod .tit03.other i.left-ico, .course-mod .stage01 .tit03.other i.right-ico{ border-color:#4c4661; background:#fff;}
.course-mod .stage01{ padding:20px 0 13px; border-bottom:1px solid #eaeaea;}
.course-mod .stage01 .tit04{ height:36px; line-height:36px; margin:14px 0 2px; padding-left:62px; font-size:18px; font-weight:bold; position:relative;}
.course-mod .stage01 .tit04 i{ display:block; width:28px; height:28px; line-height:28px; text-align:center; font-size:16px; color:#fff; background:#40c2cb; border-radius:50%; border:4px solid #d7f3ef; position:absolute; left:0; top:0;}
.course-mod .stage01 .tit04 em{ display:block; width:11px; height:2px; position:absolute; left:41px; top:19px; background-position:-154px -42px;}
.course-mod .stage01 .box{ height:28px; line-height:28px; padding:0 0 0 32px; position:relative;}
.course-mod .stage01 .box i{ display:block; width:6px; height:6px; background:#cddbec; border-radius:50%; position:absolute; left:15px; top:50%; margin-top:-3px;}
.course-mod .stage01 .box .morePop-tags{ display:block; width:16px; height:16px; background-position:-123px 0;  position:absolute; right:0; top:5px;}
.course-mod .stage01 .box .more-pop{ display:none; line-height:20px; font-weight:bold; color:#fff; padding:4px 10px; position:absolute; right:7px; bottom:36px; z-index:2; border-radius:5px; border-bottom-right-radius:0; background:url("/images/zhucekuaijishi/project/2021project-v3/pop-bg01.png") repeat;}
.course-mod .stage01 .box .more-pop em{ display:block; width:13px; height:8px; position:absolute; right:0; bottom:-8px; background-position:-165px -22px;}
.course-mod .stage01 .box .more-pop.bottom-tags{ bottom:auto; top:40px; border-top-right-radius:0; border-bottom-right-radius:5px;}
.course-mod .stage01 .box .more-pop.bottom-tags em{ bottom:auto; top:-8px; background-position:-158px 1px;}
.course-mod .characteristic-pic01{
  margin-bottom: 11px;
}
.course-mod .characteristic-pic02{
  margin-bottom: 11px;
}
.course-mod .stage02{ position:relative; overflow:hidden; height:1170px; border-bottom:1px solid #eaeaea; padding-top:20px;}
.course-mod .stage02 .tit04{ height:36px; line-height:36px; margin:14px 10px 2px; padding:3px 0 0 18px; font-size:18px; font-weight:bold; position:relative; cursor:pointer;}
.course-mod .stage02 .tit04 i{ display:block; width:28px; height:28px; line-height:28px; text-align:center; font-size:16px; color:#fff; background:#433d58; border-radius:50%; border:4px solid #e4dff5; position:absolute; left:0; top:0;}
.course-mod .stage02 .tit04 p{ display:inline-block; *display:inline; *zoom:1; height:30px; line-height:30px; font-size:16px; color:#fff; padding:0 22px 0 30px; font-weight:bold; background:#433d58; border-bottom-right-radius:50px; border-top-right-radius:50px;}
.course-mod .stage02 .box{ display:none; padding:0 0 0 39px;}
.course-mod .stage02 .box h4{ line-height:36px; font-size:16px;}
.course-mod .stage02 .box h4 span{ font-size:14px; padding-left:2px;}
.course-mod .stage02 .box p{ height:30px; line-height:30px; padding-left:16px; position:relative;}
.course-mod .stage02 .box p i{ display:block; width:6px; height:6px; background:#433d58; border-radius:50px; position:absolute; left:0; top:50%; margin-top:-3px;}
.course-mod .stage02 .box p span{ display:block; line-height:30px; position:absolute; right:0; top:0;}
.course-mod .stage02 .line{ display:block; width:1px; height:740px; position:absolute; left:27px; top:80px; background:url("/images/zhucekuaijishi/project/2021project-v3/line01.jpg") repeat-y;}
.course-mod.twoCourse-tags li{ width:590px;}
.course-mod.twoCourse-tags .top-tit.bg01{ background:url("/images/zhucekuaijishi/project/2021project-v3/course-tit05.jpg") no-repeat;}
.course-mod.twoCourse-tags .top-tit.bg02{ background:url("/images/zhucekuaijishi/project/2021project-v3/course-tit06.jpg") no-repeat;}
.course-mod.threeCourse-tags{ padding-left:60px;}
.course-mod.threeCourse-tags li{ width:350px;}
.course-mod.threeCourse-tags .top-tit.bg01{ background:url("/images/zhucekuaijishi/project/2021project-v3/course-tit07.png") no-repeat;}
.course-mod.threeCourse-tags .top-tit.bg02{ background:url("/images/zhucekuaijishi/project/2021project-v3/course-tit08.png") no-repeat;}
.course-mod.threeCourse-tags .top-tit.bg03{ background:url("/images/zhucekuaijishi/project/2021project-v3/course-tit09.png") no-repeat;}

.course-mod .tit h3{
  margin-top:2px;
  font-size: 18px;
}
.course-mod .con .cg-bor {
  font-size: 14px;
  font-weight: 400;
  color: #FFFFFF;
  padding: 1px 8px;
  background: #FF8523;
  margin-left:10px;
  border-radius: 13px 11px 11px 0px;
}
/* .course-mod .tit01 span{ display:inline-block; *display:inline; *zoom:1; width:51px; height:28px; line-height:28px; margin-right:10px; text-align:center; font-size:18px; color:#fff; font-weight:bold; border-radius:4px; background:#ff8054; background-image:-webkit-linear-gradient(left, #ff8054, #fdac5a); background-image:-ms-linear-gradient(left, #ff8054, #fdac5a); background-image:linear-gradient(left,#ff8054,#fdac5a);} */
.course-mod .tit span {
  display:inline-block;
  *display:inline;
  *zoom:1;
  width:51px;
  height:28px;
  line-height:28px;
  margin-right:10px;
  text-align:center;
  font-size:18px;
  color:#fff;
  font-weight:bold;
  border-radius:4px;
}

.course-mod .tit01 span{
  background: #F14E11;
  background: linear-gradient(90deg, #F14E11, #F57719);
}
/* .course-mod .tit01 i{
  display:inline-block;
  *display:inline;
  *zoom:1;
  height:22px;
  line-height:22px;
  font-size:14px;
  margin-left:10px;
  font-weight:normal;
  vertical-align:2px;
  color:#fff;
  border-radius:50px;
  border-bottom-left-radius:0;
  padding:0 8px;
  background-image:-webkit-linear-gradient(left, #ff8054, #fdac5a);
  background-image:-ms-linear-gradient(left, #ff8054, #fdac5a);
  background-image:linear-gradient(left,#ff8054,#fdac5a);
  background:#ff8054;
} */
.course-mod .tit01 em{ display:inline-block; *display:inline; *zoom:1; height:22px; line-height:22px; font-size:12px; color:#f16a57; border-radius:50px; background:#fff3e9; padding:0 6px; margin-left:10px; vertical-align:2px;}
.course-mod .tit01 p{
  margin: 4px 0 0 4px;
  font-size:14px;
  color:#999;
}
.course-mod .tit .give {
  width: 28px;
  height: 28px;
  border-radius: 6px;
}

.course-mod .tit02 span{
  background: #563DBF;
  background: linear-gradient(90deg, #563DBF, #6965DF);
}

.course-mod .tit03 span{
  background: #262E60;
  background: linear-gradient(90deg, #262E60, #415191);
}

.course-mod .tit04 span{
  background: #CB8015;
  background: linear-gradient(90deg, #CB8015, #F5B857);
}

.ourse-wrap{
  padding-top:32px;
}
.course-mod .common-con .couse_info{
  padding-left:20px;
  font-size:14px;
  color:#333;
  line-height: 28px;
  font-weight:normal;
}
/* .course-mod .common-con .red{
  color:#f4664a;
} */
.course-mod .common-con.servise .cou_list,.course-mod .common-con.souse .cou_list{
  padding-left:10px;
  display:none;
  position:relative;
  z-index:1;
}
.course-mod .common-con .cou_list div,.course-mod .common-con .cou_list div{
  padding-left:24px;
}
.course-mod .common-con.servise .cou_list div,.course-mod .common-con.souse .cou_list div{
  position:relative;
  padding-left:14px;
  line-height:28px;
}
.course-mod .common-con .cou_list div{
  position:relative;
  padding-left:26px;
  line-height:28px;
  font-weight:normal;
}
.course-mod .common-con.servise .has_child,.course-mod .common-con.souse .has_child{
  padding-left:24px;
}
.course-mod .common-con.servise .has_child i,.course-mod .common-con.souse .has_child i{
  width:20px;
  height:20px;
  background:url(/images/zhuceshuiwushi/project/2021zhaoshengfangan/common_icon.png) no-repeat;
  background-position:-80px -418px;
  margin-top:-10px;
  left:0;
  cursor: pointer;
}
.course-mod .common-con.servise .has_child.on i,.course-mod .common-con.souse .has_child.on i{
  background-position:-80px -454px;
}
.course-mod .common-con.servise .cou_list i,.course-mod .common-con.souse .cou_list i{
  display: block;
  width: 6px;
  height: 6px;
  background: #cddbec;
  border-radius: 50%;
  position: absolute;
  left: -4px;
  top: 50%;
  margin-top: -3px;
}
.course-mod .common-con .text.no_weight p{
  font-weight:normal;
}
.course-mod .common-con .stu{
  position:absolute;
  top:13px;
  right:0;
}
.course-mod .common-con .stu_bom{
  position:absolute;
  bottom:10px;
  right:0;
}
.course-mod .common-con .stu_dx {
  position:absolute;
  bottom:10px;
  right:0;
}
.course-mod .common-con b{
  display: inline-block;
  font-size:12px;
  font-weight:bold;
  color:#f16a57;
  /* margin-left:4px; */
  margin: 6px 0 0 5px;
}
.course-mod .tit01 i.tips{
  border-radius:50px;
  width:76px;
  height:22px;
  line-height:22px;
  color:#f16a57;
  font-size:12px;
  background:#fff3e9;
  padding:0;
  text-align:center;
}

.choiceCourse-mod .tab-con .course-con div{
  margin-top:8px;
  background:url(/images/zhongjizhicheng/project/index2022/down.png) no-repeat;
  padding-left:20px;
  color:#f4694e;
  font-size:12px;
  line-height:24px;
}

.choiceCourse-mod .tab-con .course-con .includeCon{ background: #ffefe8; color: #666; padding: 3px 20px 3px 55px; border-radius: 20px; font-size: 14px; margin-top: 0;}
.choiceCourse-mod .tab-con .course-con .includeCon strong{ background-position: -230px -71px; display: block; width:47px; height: 28px; color: #fff; text-align: right; padding-right:8px; left:-10px; top:1px;}
.choiceCourse-mod{ display:none; margin-top:13px; position:relative;}
.choiceCourse-mod .tab-con{ background:#fff; border-radius:10px; padding:30px 30px 0;}
.choiceCourse-mod .tab-con .tit{ height:44px; float: left;}
.choiceCourse-mod .tab-con .tit h4{ float:left; line-height:44px; width:110px; text-align:right; font-size:18px; font-weight: normal;}
.choiceCourse-mod .tab-con .btn-wrap{ background:#fff; border-radius:10px; margin-top:13px;}
.choiceCourse-mod .tab-con .choiceClass-tit{ padding:0 0 0px 110px;}
.choiceCourse-mod .tab-con .choiceClass-tit p{ display:block; float:left; height:34px; line-height:34px; padding:0 30px; font-size:16px; background: #f2f2f2; border:1px solid #f2f2f2; border-radius:4px; position:relative; margin-right:14px; cursor:pointer;}
.choiceCourse-mod .tab-con .choiceClass-tit p.on{ border:1px solid #f4664a; color:#f4664a; background: #fff;}
.choiceCourse-mod .tab-con .choiceClass-tit p.on i{
  display:block;
  width:17px;
  height:17px;
  position:absolute;
  right:0;
  bottom:0;
  background:url(/images/zhongjizhicheng/project/index2022/course-on-icon.png) no-repeat center;
}
.choiceCourse-mod .choiceClass-con{ display:none}
.choiceCourse-mod .tab-con .con{ padding:0 0 8px 110px;}
.choiceCourse-mod .tab-con .course-tit{ line-height:18px; font-weight:bold; padding:10px 0;}
.choiceCourse-mod .tab-con .course-tit strong{ color:#f4664a;}
.choiceCourse-mod .tab-con .course-con{ padding:0 0 13px 0;}
.choiceCourse-mod .tab-con .course-con p{ display:block; float:left; height:34px; line-height:34px; padding:0 30px; font-size:16px; background: #f2f2f2; border:1px solid #f2f2f2; overflow:hidden; border-radius:4px; position:relative; margin:0 14px 5px 0; cursor:pointer;}
.choiceCourse-mod .tab-con .course-con p.on{ border:1px solid #f4664a; color:#f4664a;background: #fff;}
.choiceCourse-mod .tab-con .course-con p.on i{
  display:block;
  width:17px;
  height:17px;
  position:absolute;
  right:0;
  bottom:0;
  background:url(/images/zhongjizhicheng/project/index2022/course-on-icon.png) no-repeat center;
}
.choiceCourse-mod .tab-con .course-con input{ position:absolute; left:-50px; top:-50px;}
.choiceCourse-mod .close-btn{ display:block; width:20px; height:20px; right:28px; top:28px; background: url(/images/zhongjizhicheng/project/index2022/close-btn.png) no-repeat center;}
.shoppingCart-wrap{ background:#fff; padding:19px 40px 18px 0; box-shadow:0px -6px 8px rgba(232,232,232,0.43);}
.shoppingCart-wrap .text{line-height:21px; padding:0 20px;margin-top:10px;}
.shoppingCart-wrap .text strong{ font-size:28px; vertical-align:-2px; color: #f4664a;}
.shoppingCart-wrap .buy-btn{ display:block; width:154px; height:42px; line-height:42px; text-align:center; background:#fb6345; border-radius:5px; font-size:20px; font-weight:bold; color:#fff; text-decoration:none;}

.shoppingCart-wrap .coinNumber{ float: left; width: 350px; padding-left:50px; font-size: 12px; color: #999;}
.shoppingCart-wrap .coinNumber p{ font-size: 18px; color: #333; display: none;}



.classes .diff {
  text-align: center;
  padding: 40px 0;
}

.classes .view-diff {
  display: inline-block;
  width: 160px;
  height: 20px;
  font-size: 20px;
  font-weight: 400;
  color: #E8403F;
  line-height: 18px;
  border-bottom: 1px solid #E8403F;
  text-decoration: none;
  padding-bottom: 6px;
}

.classes .view-diff:hover {
  font-weight: bold;
}

.classes .classes-ul {
  margin-bottom: 32px;
}

.classes .classes-ul a {
  text-decoration: none;
}

.classes .classes-ul a {
  display:block;
  float:left;
  width: 111px;
  height: 40px;
  background: #EFF1F5;
  font-size: 16px;
  color: #909299;
  line-height: 40px;
  text-align: center;
}

.classes .classes-ul a:hover {
  font-weight: bold;
  color: #3792FF;
}

.classes .classes-ul a.on {
  background: #E2EAFA;
  font-weight: bold;
  color: #3792FF;
}

.classes .link-con a {
  display: inline-block;
  height: 34px;
  border: 1px solid #d6e6fa;
  border-radius: 18px;
  padding: 0 18px;
  text-align: center;
  line-height: 36px;
  margin: 2px 10px 0 0;
}

.classes .link-con a:last-child {
  margin-right: 0;
}

.classes .link-con a:hover {
  background: #4794ff;
  border-color: #4794ff;
  color: #fff;
  font-weight: bold;
}

/* mock */
.mock {
  width: 100%;
  height: 112px;
  background: url(/images/zhongjizhicheng/project/index2022/mock-bg.png) no-repeat center;
}

.mock-main .bt,
.mock-main .lt {
  line-height: 112px;
}

.mock-main .bt {
  font-size: 32px;
  font-weight: bold;
  color: #FFF1E1;
  margin-right: 27px;
}

.mock-main .lt {
  font-size: 20px;
  font-weight: bold;
  color: #FFF1E1;
}

.mock-main .img {
  width: 322px;
  height: 48px;
  background: url(/images/zhongjizhicheng/project/index2022/mock-text-bg.png) no-repeat center;
  margin: 34px 0 0 20px;
}

.mock-main .img .zs {
  display: inline-block;
  width: 78px;
  height: 43px;
  line-height: 43px;
  text-align: center;
  font-size: 20px;
  font-weight: bold;
  font-style: italic;
  color: #2A3CAA;
}

.mock-main .img .bj {
  width: 257px;
  height: 43px;
  line-height: 43px;
  font-size: 18px;
  font-weight: bold;
  color: #FFF1E1;
  text-align: center;
}

.mock-main .ty,
.mock-main .gm {
  display: inline-block;
  width: 136px;
  height: 46px;
  line-height: 46px;
  border-radius: 6px;
  text-align: center;
  font-size: 20px;
  text-decoration: none;
}

.mock-main .ty {
  background: rgba(255, 255, 255, 0.7);
  font-weight: 400;
  color: #2A3CAA;
  margin: 35px 13px 0 64px;
}

.mock-main .gm {
  background: #EA4342;
  background: linear-gradient(90deg, #EA4342, #FC5644);
  box-shadow: 2px 3px 11px 1px rgba(255, 24, 0, 0.32);
  font-weight: bold;
  color: #FFFFFF;
  margin-top: 35px;
}

/* equity-con */
.equity-outer {
  background: #FAFAFA;
  padding: 20px 0 50px;
}
.equity-con{
  background:#fff;
  border-radius:10px;
  padding:10px 16px 12px 26px;
  /* padding:10px 0 12px; */
  box-shadow:0 6px 12px #e2ecf9;
}
.equity-con h3{ line-height:50px; font-size:16px;}
.equity-con p{ line-height:34px;}
.equity-con .hide{ display:none;}
.equity-con .btn{background:url("/images/zhongjizhicheng/project/index2022/ico.png") no-repeat ; display:block; width:52px; height:26px; border:1px solid #e1e1e1; background-position:-71px -133px; border-radius:50px; margin:12px auto 0;}
.equity-con .btn.on{ background-position:-106px -133px;}

/* class-table */
.class-table {
  padding-bottom: 50px;
  background: #F4F7F9;
}

.class-table .ct-main {
  padding-top: 44px;
}

.class-table .ct-ul {
  padding: 48px 0 20px;
}

.class-table .ct-ul li {
  width: 181px;
  height: 60px;
  background: #FFFFFF;
  border: 1px solid #E2E2E2;
  border-radius: 6px;
  text-align: center;
  line-height: 60px;
  font-size: 24px;
  font-weight: 400;
  color: #333333;
  margin-right: 20px ;
  cursor: pointer;
}

.class-table .ct-ul li.on {
  background: #3F4EFE;
  background: linear-gradient(90deg, #3F4EFE, #1584F4);
  font-size: 24px;
  font-weight: bold;
  color: #FFFEFE;
}

.class-table .ct-ul li.end {
  margin-right: 0;
}

.class-table .t-main-time {
  width: 1200px;
  height: 143px;

  background: url(/images/zhongjizhicheng/project/index2022/ct-time-bg.png) no-repeat center;
}

.class-table .t-main-time li {
  width: 150px;
  text-align: center;
  margin-right: 90px;
  padding-top: 74px;
}

.class-table .t-main-time .t-item-tt {
  font-size: 18px;
  font-weight: bold;
  color: #333333;
  padding-bottom: 6px;
}

.class-table .t-main-time .t-item-bt {
  font-size: 14px;
  font-weight: 400;
  color: #333333;
}

.class-table .t-main-time li.first {
  margin-left: 258px;
}

.class-table .t-main-time li.end {
  margin-right: 0px;
}

.class-table table{color: #333333; margin-top: 20px; background: #fff;
  box-shadow: 5px 9px 30px 0px rgba(37, 120, 223, 0.13);}
.class-table table .top-tr{color: #ffffff; height: 63px;}
.class-table table td{font-size: 14px;padding: 10px 0;}
.class-table .gxsyb,
.class-table .wytgb,
.class-table .cwdkb,
.class-table .vip,.class-table .czjpb {
  display: none;
}
.class-table .bg-blue-1 {
  background: #69BAFF;
}
.class-table .bg-blue-2 {
  background: #43A9FF;
}
.class-table .bg-blue-3 {
  background: #0086FE;
}
.class-table .bg-blue-4 {
  background: #186EF0;
}

.class-table .normal {
  font-size: 14px;
  color: #fff;
  font-weight: 400;
}

.class-table .bold {
  font-size: 22px;
  font-weight: bold;
  color: #FFFEFE;
}

.class-table .deep-bg {
  background: #F8F9FB;
}

.class-table .second-tr {
  height: 57px;
  font-size: 16px;
  font-weight: bold;
  color: #343434;
  background: #EEF0F9;
}

.class-table .second-tr th i {
  display: inline-block;
  width: 36px;
  height: 36px;
  top: 0;
  right: 0;
  background: url(/images/zhongjizhicheng/project/index2022/ct-live-icon.png) no-repeat center;
}

.class-table .third-tr {
  height: 38px;
}

.class-table th,
.class-table td {
  border-bottom: 1px solid #dedede;
  border-right: 1px solid #dedede;
}

/* vip-mod */  .vip-mod {
/*  padding:0 0 60px 0;*/
  background: #F9FBFC;
  margin-bottom: 20px;
}

.vip-mod .main {
  padding-top: 40px;
}

.vip-mod .vip-con {
  width: 1200px;
  border: 1px solid #e8e8e8;
  box-shadow: 0px 4px 12px 0px rgba(5, 5, 40, 0.1);
  border-radius: 4px;
}

.vip-mod .vip-top-con {
  height: 130px;
  text-align: center;
  background: url(/images/zhongjizhicheng/project/index2022/vip-top-bg.png) no-repeat center;
}

.vip-mod .vip-top-bt {
  font-size: 30px;
  font-weight: bold;
  color: #522702;
  padding: 14px 0 12px;
}

.vip-mod .vip-top-lt {
  font-size: 20px;
  font-weight: 400;
  color: #C94828;
}

.vip-mod .vip-center-con {
  width: 1200px;
  min-height: 343px;
  background: url(/images/zhongjizhicheng/project/index2022/vip-bg-ic.png) no-repeat right bottom;
}

.vip-mod .vip-center-con .num-img {
  width: 320px;
  height: 200px;
  background: url(/images/zhongjizhicheng/project/index2022/vip-num-img.png) no-repeat center;
  top: 75px;
  left: 183px;
}

.vip-mod .vip-center-con .num-img img {
  top: 40px;
  left: 100px;
}

.vip-mod .text-part {
  width: 115px;
}

.vip-mod .text-part strong {
  font-size: 20px;
  color: #333333;
}

.vip-mod .text-part p {
  font-size: 14px;
  font-weight: 400;
  color: #777777;
}

.vip-mod .part-1 {
  top: 85px;
  left: 55px;
  text-align: right;
}

.vip-mod .part-2 {
  top: 85px;
  left: 516px;
}

.vip-mod .part-3 {
  top: 185px;
  left: 55px;
  text-align: right;
}

.vip-mod .part-4 {
  top: 185px;
  left: 516px;
}

.vip-mod .right-part {
  width: 354px;
  background: #FAFBFD;
  box-shadow: 0px 4px 12px 0px rgba(5, 5, 40, 0.1);
  padding: 30px 0;
  top: 50px;
  right: 75px;
}

.vip-mod .right-part .lt-tip {
  width: 60px;
  height: 60px;
  background: linear-gradient(188deg, #FF810E 0%, #F84920 100%);
  border-radius: 50%;
  text-align: center;
  line-height: 60px;
  font-size: 28px;
  font-weight: 400;
  color: #FFFFFF;
  top: -30px;
  left: -24px;
  animation: get-scale 1.5s infinite linear;
}

.vip-mod .right-part .item {
  font-size: 16px;
  font-weight: 400;
  color: #522702;
  padding-left: 36px;
  margin-bottom: 10px;
}

.vip-mod .right-part .item i {
  display: inline-block;
  width: 19px;
  height: 16px;
  background: url(/images/zhongjizhicheng/project/index2022/vip-item-a.png) no-repeat center;
  margin-right: 8px;
  vertical-align: -2px;
}

.vip-mod .vip-bottom-con {
  height: 100px;
  border-top: 1px solid #EAEAEA;
  padding-left: 45px;
}

.vip-mod .vip-bottom-con .price {
  font-size: 44px;
  color: #F84920;
  line-height: 100px;
}

.vip-mod .vip-bottom-con .price span {
  font-size: 18px;
  font-weight: 400;
  color: #333333;
}

.vip-mod .vip-bottom-con .price .tr-text {
  width: 264px;
  height: 30px;
  background: #F84920;
  background: linear-gradient(0deg, #FF810E 0%, #F84920 100%);
  border-radius: 19px 15px 15px 0px;
  font-size: 16px;
  font-weight: 400;
  color: #FFFFFF;
  text-align: center;
  line-height: 30px;
  top: -20px;
  right: -175px;
}

.vip-mod .vip-bottom-con .tip {
  font-size: 18px;
  font-weight: 400;
  font-style: italic;
  color: #333333;
  padding: 0 92px 0 68px;
}

.vip-mod .vip-bottom-con .tip i {
  display: inline-block;
  width: 20px;
  height: 20px;
  background: url(/images/zhongjizhicheng/project/index2022/vip-icon.png) no-repeat center;
  vertical-align: -3px;
}

.vip-mod .vip-bottom-con a {
  display: inline-block;
  text-decoration: none;
  width: 206px;
  height: 46px;
  line-height: 46px;
  text-align: center;
  border-radius: 6px;
  font-size: 18px;
  vertical-align: 10px;
  transition: all 0.25s ease-in-out;
}

.vip-mod .vip-bottom-con .kf {
  border: 1px solid #F84B1F;
  background: #fff;
  font-weight: 400;
  color: #F84B1F;
  margin-right: 20px;
}

.vip-mod .vip-bottom-con .kf:hover {
  color: #fff;
  background: #FF810E;
  background: linear-gradient(90deg, #FF810E, #F84920);
}

.vip-mod .vip-bottom-con .xq {
  background: #FF810E;
  background: linear-gradient(90deg, #FF810E, #F84920);
  box-shadow: 2px 3px 11px 1px rgba(255, 24, 0, 0.32);
  color: #fff;
}

.vip-mod .vip-bottom-con .xq:hover {
  background: #FF6E0E;
  background: linear-gradient(90deg, #FF6E0E, #F43B0F);
  box-shadow: 2px 3px 11px 1px rgba(255, 24, 0, 0.32);
}

/* res-mod */
.res-mod {
  width: 100%;
  /* height: 855px; */
  height: 755px;
  background: #fff;
}

.res-mod .main {
  /* padding-top: 49px; */
  padding-top: 29px;
}

.res-mod .t-img {
  top: 0;
  left: 181px;
}

.res-mod .r-img {
  top: 350px;
  right: 0;
}

.res-mod .res-card {
  /* height: 746px; */
  height: 660px;
  z-index: 5;
}

.res-mod .center-img {
  /* top: 205px; */
  top: 165px;
  left: 50%;
  margin-left: -156px;
}

.res-mod .card-item {
  width: 350px;
  height: 120px;
  background: #FFFFFF;
  border: 1px dashed #C1C1C1;
  border-radius: 10px;
  transition: all 0.25s ease-in-out;
}

.res-mod .card-item:hover {
  margin-top: -5px;
  box-shadow: 0px 6px 20px 0px rgba(0, 0, 0, 0.1);
}

.res-mod .card-item i {
  width: 38px;
  height: 38px;
  border-radius: 50%;
  font-size: 14px;
  font-weight: 400;
  color: #FFFEFE;
  text-align: center;
  line-height: 38px;
}

.res-mod .card-item strong {
  display: block;
  font-size: 18px;
  color: #333333;
  padding: 22px 0 8px 25px;
}

.res-mod .card-item p {
  padding: 0 25px;
  font-size: 14px;
  font-weight: 400;
  color: #333333;
}

.res-mod .res-card .i1 {
  /* top: 220px; */
  top: 200px;
  left: 0;
}

.res-mod .res-card .i1 i {
  top: -14px;
  right: -13px;
  background: #AF87FF;
  border: 3px solid #FFFFFF;
  box-shadow: 0px 6px 10px 0px rgba(214, 170, 232, 0.5);
}

.res-mod .res-card .i2 {
  /* top: 58px; */
  top: 28px;
  left: 435px;
}

.res-mod .res-card .i2 i {
  top: -14px;
  left: -13px;
  background: #F35E5C;
  border: 3px solid #FFFFFF;
  box-shadow: 0px 6px 10px 0px rgba(251, 140, 101, 0.5);
}

.res-mod .res-card .i3 {
  /* top: 220px; */
  top: 200px;
  right: 0;
}

.res-mod .res-card .i3 i {
  top: -14px;
  left: -13px;
  background: #27BBA3;
  border: 3px solid #FFFFFF;
  box-shadow: 0px 6px 10px 0px rgba(109, 199, 189, 0.5);
}

.res-mod .res-card .i4 {
  /* top: 420px; */
  top: 380px;
  right: 0;
}

.res-mod .res-card .i4 i {
  top: -14px;
  left: -13px;
  background: #F98C57;
  border: 3px solid #FFFFFF;
  box-shadow: 0px 6px 10px 0px rgba(253, 173, 105, 0.5);
}

.res-mod .res-card .i5 {
  /* top: 566px; */
  top: 516px;
  left: 435px;
}

.res-mod .res-card .i5 i {
  top: -14px;
  right: -13px;
  background: #5F98FF;
  border: 3px solid #FFFFFF;
  box-shadow: 0px 6px 10px 0px rgba(48, 170, 254, 0.5);
}

.res-mod .res-card .i6 {
  /* top: 420px; */
  top: 380px;
  left: 0;
}

.res-mod .res-card .i6 i {
  top: -14px;
  right: -13px;
  background: #FFAB29;
  border: 3px solid #FFFFFF;
  box-shadow: 0px 6px 10px 0px rgba(255, 194, 41, 0.5);
}

/* service-mod */
.service-mod {
  height: 652px;
  background: url(/images/zhongjizhicheng/project/index2022/service-bg.png) no-repeat center;
}

.service-mod .main {
  padding-top: 60px;
}

.service-mod .con {
  width: 100%;
  height: 480px;
  margin-top: 34px;
}

.service-mod .con .item {
  width: 282px;
  height: 80px;
  line-height: 80px;
  background: #F9FAFC;
  border-radius: 12px;
  font-size: 16px;
  font-weight: 400;
  color: #999999;
  cursor: pointer;
  transition: all 0.25s ease-in-out;
}

.service-mod .con .item.on {
  color: #FEFEFE;
  background: #5680F6;
}

.service-mod .con .item img {
  vertical-align: middle;
  margin-left: 20px;
}

.service-mod .con .item span {
  padding: 0 35px 0 14px;
}

.service-mod .con .it3 span {
  padding: 0 10px 0 5px;
}

.service-mod .con .item i {
  display: inline-block;
  width: 24px;
  height: 24px;
  vertical-align: -6px;
}

.service-mod .con .item i.normal {
  background: url(/images/zhongjizhicheng/project/index2022/servie-nor-a.png) no-repeat center;
}

.service-mod .con .item i.on {
  background: url(/images/zhongjizhicheng/project/index2022/servie-on-a.png) no-repeat center;
}

.service-mod .con .it1 {
  top: 50px;
  left: 186px;
}

.service-mod .con .it2 {
  top: 150px;
  left: 126px;
}

.service-mod .con .it3 {
  top: 250px;
  left: 186px;
}

.service-mod .con .it4 {
  bottom: 50px;
  left: 126px;
}

.service-mod .con .pic {
  width: 450px;
  height: 375px;
  top: 50px;
  left: 590px;
}

.service-mod .con .pic .pic1 {
  top: 0;
  left: 0;
}

.service-mod .con .pic .pic2,
.service-mod .con .pic .pic3,
.service-mod .con .pic .pic4 {
  top: 0;
  left: 0;
  display: none;
}

.service-mod .con .pic strong {
  display: block;
  font-size: 26px;
  color: #333333;
  margin-bottom: 18px;
}

.service-mod .con .pic p {
  font-size: 16px;
  font-weight: 400;
  color: #666666;
  padding-bottom: 18px;
}

/* cert-mod */
.cert-mod {
  height: 390px;
}

.cert-mod .main {
  padding-top: 35px;
}

.cert-mod .bg-1 {
  top: 17px;
  left: 199px;
  z-index: -1;
}

.cert-mod .bg-2 {
  bottom: 30px;
  right: 153px;
  z-index: -1;
}

.cert-mod ul {
  padding-top: 50px;
}

.cert-mod li {
  width: 275px;
  height: 155px;
  background: #FFFFFF;
  box-shadow: 0px 4px 12px 0px rgba(5, 5, 40, 0.1);
  border-radius: 4px;
  margin-right: 30px;
  text-align: center;
  border: 1px solid #e9e9e9;
  transition: all 0.25s ease-in-out;
}

.cert-mod li.li-4 {
  margin-right: 0;
}

.cert-mod li:hover {
  margin-top: -5px;
  box-shadow: 0px 4px 12px 0px rgba(5, 5, 40, 0.2);
}

.cert-mod li img {
  display: block;
  margin: -30px auto 0;
}

.cert-mod li strong {
  display: inline-block;
  font-size: 20px;
  color: #333333;
  margin-bottom: 10px;
}

.cert-mod li .txt {
  font-size: 16px;
  font-weight: 400;
  color: #777777;
}

.cert-mod li.li-1 {
  background: url(/images/zhongjizhicheng/project/index2022/cert-i-bi1.png) no-repeat 144px 65px;
}

.cert-mod li.li-2 {
  background: url(/images/zhongjizhicheng/project/index2022/cert-i-bi2.png) no-repeat 144px 65px;
}

.cert-mod li.li-3 {
  background: url(/images/zhongjizhicheng/project/index2022/cert-i-bi3.png) no-repeat 144px 65px;
}

.cert-mod li.li-4 {
  background: url(/images/zhongjizhicheng/project/index2022/cert-i-bi4.png) no-repeat 144px 65px;
}

/*book-mod*/
.book-mod { background: url(/images/zhongjizhicheng/project/index2022/book-bg.png)no-repeat top center; padding-bottom:20px;}
.book-mod .main { padding-top: 50px; }
.book-mod .book_con .book_tab{padding-left: 60px;margin-top: 45px;width: 1140px;}
.book-mod .book_con .book_tab li{width: 174px;height: 40px;background: #EBEFF6;border-radius: 4px;line-height: 40px;text-align: center;font-size: 18px;margin-right: 10px;cursor: pointer;}
.book-mod .book_con .book_tab li.active{background: url(/images/zhongjizhicheng/project/index2022/book_active.png)no-repeat;color: #3792FF;}
.book-mod .book_item{margin-top: 30px;display: none;}
.book-mod .book_item.active{display: block;}
.book-mod .book_item .book_img{ top:0;left: 0;width: 281px; height:100%; background:#fff; border-radius:10px 0 0 10px;}
.book-mod .book_item .book_img img{ margin-top:40px}
.book-mod .book_item .book_img .read_btn{width: 170px;height: 50px; background: #FFA82C; background: linear-gradient(90deg, #FFA82C, #FBBD35);box-shadow: 2px 3px 11px 1px rgba(255, 156, 0, 0.32);border-radius: 0px 25px 25px 25px;line-height: 50px;text-align: center;font-size: 20px;color: #FFFFFF;left: 0;bottom: 0;text-decoration: none;}
.book-mod .book_item .book_img .right-top-icon{top: 12px;right: 6px;}
.book-mod .item_con{width: 829px; padding-bottom:20px; background: #FFFFFF;box-shadow: 0px 6px 19px 0px rgb(95 114 171 / 10%);border-radius: 10px;margin-left: 208px;padding-left: 123px;padding-right: 40px;}
.book-mod .item_con .con_tab{border-bottom: 1px solid #E9E9E9; padding-top:23px;}
.book-mod .item_con .con_tab li{font-size: 16px;color: #999999;line-height: 39px;margin-left: 39px;cursor: pointer; padding:0 10px;}
.book-mod .item_con .con_tab li i{display: none;width: 62px;height: 3px;background: #3792FF;border-radius: 2px;left:2px;bottom: 0;}
.book-mod .item_con .con_tab li.active{color: #fff; background:#3792ff;}
/*.book-mod .item_con .con_tab li.active i{display: block;}*/
.book-mod .item_con .con_info{padding-top: 30px;border-bottom: 1px solid #E9E9E9;padding-bottom: 30px;}
.book-mod .item_con .con_info h3{font-size: 24px;color: #333333;line-height: 24px;margin-bottom: 15px;}
.book-mod .item_con .con_info p{font-size: 16px;line-height: 22px;}
.book-mod .book_list{margin-top: 20px;}
.book-mod .book_list li{width: 142px;height: 74px;border: 1px solid #FFDB96;border-radius: 10px;text-align: center;padding: 0 22px; margin:0 14px 10px 0;cursor: pointer;}
.book-mod .book_list li.active{border: 2px solid #ffbb38;width: 140px;height: 72px;}
.book-mod .book_list li .book_title{font-size: 16px;line-height: 36px;border-bottom: 1px solid #E9E9E9;}
.book-mod .book_list li .book_price{margin-top: 10px;line-height: 22px;}
.book-mod .book_list li .book_price span{font-size: 16px;color: #F4664A;}
.book-mod .book_list li .book_price del{color: #999999;margin-left: 13px;}
.book-mod .book_list li.last { margin-right: 0; }
.book-mod .buy_box{margin-top: 18px;}
.book-mod .buy_box a{display: inline-block;margin-right: 20px;font-size: 18px;color: #fff; border-radius: 6px;height: 46px;text-align: center;line-height: 46px;text-decoration: none;}
.book-mod .buy_box a.buy_kefu{color: #E8403F;width: 126px;border: 1px solid #E8403F;}
.book-mod .buy_box a.go_buy{width: 176px; background: #FC5644; background: linear-gradient(90deg, #FC5644, #EA4342);box-shadow: 2px 3px 11px 1px rgba(255, 24, 0, 0.32);}
.book-mod .con_item{display: none;}
.book-mod .con_item.on{display: block;}

/* data-mod */
.data-mod {
  height: 563px;
  background: url(/images/zhongjizhicheng/project/index2022/data-bg.png) no-repeat center;
}

.data-mod .main {
  padding-top: 44px;
}

.data-mod .main ul {
  padding: 30px 0;
}

.data-mod .main li.b {
  width: 285px;
  height: 280px;
  border-radius: 4px;
  background: #fff;
  margin-right: 20px;
  text-align: center;
}

.data-mod .main li.l {
  width: 285px;
  height: 280px;
}

.data-mod .main li.b img {
  display: block;
  margin: 30px auto 36px;
}

.data-mod .main li strong {
  font-size: 20px;
  color: #333333;
}

.data-mod .main li.b strong {
  display: inline-block;
  margin-bottom: 17px;
}

.data-mod .main li .det {
  font-size: 16px;
  font-weight: 400;
  color: #666666;
}

.data-mod .main li.l p {
  width: 285px;
  height: 80px;
  border-radius: 4px;
  line-height: 80px;
  background: #fff;
}

.data-mod .main li.l .center {
  margin: 20px 0;
}

.data-mod .main li.l img {
  display: inline-block;
  margin: 11px 17px 0 21px;
}

.data-mod .g-btn {
  display: block;
  width: 276px;
  height: 88px;
  margin: 0 auto;
  line-height: 78px;
  text-align: center;
  text-decoration: none;
  font-size: 22px;
  font-weight: bold;
  color: #C30801;
  background: url(/images/zhongjizhicheng/project/index2022/data-btn.png) no-repeat center;
  animation: get-scale 1.5s infinite linear;
}

/* ques-mod */
.ques-mod {
  height: 667px;
}

.ques-mod .bi-1 {
  top: 287px;
  left: 0;
}

.ques-mod .bi-2 {
  top: 135px;
  right: 54px;
}

.ques-mod .main {
  padding-top: 60px;
}

.ques-mod .main .item-part {
  width: 164px;
  height: 164px;
  z-index: 5;
}

.ques-mod .main .item-part.p1 {
  top: 224px;
  left: 430px;
}

.ques-mod .main .item-part.p2 {
  top: 224px;
  left: 610px;
}

.ques-mod .main .item-part.p3 {
  top: 400px;
  left: 430px;
}

.ques-mod .main .item-part.p4 {
  top: 400px;
  left: 610px;
}

.ques-mod .main .circle-img {
  top: 159px;
  left: 50%;
  margin-left: -260.5px;
}

.ques-mod .main .circle-img.on-1,
.ques-mod .main .circle-img.on-2,
.ques-mod .main .circle-img.on-3,
.ques-mod .main .circle-img.on-4 {
  display: none;
  z-index: 2;
}

.ques-mod .main .text-part {
  width: 281px;
}

.ques-mod .main .text-part .title {
  font-size: 22px;
  font-weight: 400;
  color: #333333;
  padding-bottom: 14px;
}

.ques-mod .main .text-part .detail {
  font-size: 14px;
  font-weight: 400;
  color: #666666;
}

.ques-mod .main .text-part.t1 {
  top: 238px;
  left: 36px;
}

.ques-mod .main .text-part.t2 {
  top: 238px;
  right: 36px;
}

.ques-mod .main .text-part.t3 {
  top: 485px;
  left: 36px;
}

.ques-mod .main .text-part.t4 {
  top: 485px;
  right: 36px;
}

.ques-mod .link {
  display: block;
  width: 120px;
  height: 120px;
  top: 333px;
  left: 541px;
  z-index: 10;
}

/* about-mod */
.about-mod .video-mod {
  height: 529px;
  overflow: hidden;
  background: url(/images/zhongjizhicheng/project/index2022/about-bg.png) no-repeat top center;
}

.about-mod .tip-mod {
  height: 126px;
  overflow: hidden;
  background: url(/images/zhongjizhicheng/project/index2022/about-bg.png) no-repeat top center;
  background-position-y: -529px;
}

.about-mod .code-mod {
  height: 253px;
  overflow: hidden;
  background: url(/images/zhucekuaijishi/project/project2022/aboutBgNew.jpg) no-repeat bottom center;
}

.about-mod .main {
  height: 100%;
}

.about-mod .about-video {
  width: 573px;
  height: 350px;
  top: 78px;
  left: 312px;
  cursor: pointer;
  overflow: hidden;
}

.about-mod .about-video .bg {
  top: 0;
  left: 0;
}

.about-mod .about-video .play {
  width: 80px;
  height: 80px;
  box-shadow: 5px 9px 30px 0px rgba(23, 11, 96, 0.18);
  border-radius: 50%;
  top: 50%;
  left: 50%;
  margin: -40px 0 0 -40px;
}

.about-mod ul {
  /* top: 555px; */
  top: 30px;
  left: 0;
  padding-left: 12px;
}

.about-mod ul li {
  width: 270px;
  margin-right: 33px;
}

.about-mod ul li.last {
  margin-right: 0;
}

.about-mod ul li .bt {
  font-size: 24px;
  font-weight: bold;
  color: #3792FF;
  padding-bottom: 10px;
}

.about-mod ul li .lt {
  font-size: 14px;
  font-weight: 400;
  color: #888888;
}

.about-mod .app,
.about-mod .wechat {
  width: 165px;
  text-align: center;
  font-size: 16px;
  font-weight: 400;
  color: #FFFEFE;
  top: 30px;
}

.about-mod .app {
  left: 388px;
}

.about-mod .app img {
  display: inline-block;
  margin: 5px 0 13px;
}

.about-mod .wechat {
  left: 646px;
}

.about-mod .wechat img {
  display: inline-block;
  margin: 7px 0 13px;
}

/* left-nav */
.left-nav {
  width: 140px;
  height: 538px;
  position: fixed;
  left: 0;
  top: 50%;
  margin-top: -269px;
  background: url(/images/zhongjizhicheng/project/index2022/right-nav-bg.png) no-repeat center;
  padding-top: 3px;
  z-index: 66;
}

.left-nav .coins-outer {
  width: 120px;
  margin-left: 15px;
  padding-top: 5px;
  cursor: pointer;
}

.left-nav .top-t {
  text-align: center;
  font-size: 12px;
  font-weight: 400;
  color: #FFFFFF;
}

.left-nav .top-t strong {
  font-size: 14px;
}

.left-nav .consult-btn {
  display: block;
  text-decoration: none;
  text-align: center;
  width: 90px;
  margin: 21px 0 0 30px;
  font-size: 16px;
  font-weight: bold;
  color: #FEFEFE;
  padding-top: 15px;
  background: #FFC71B;
}

.left-nav .consult-btn img {
  margin-bottom: 5px;
  animation: activeBox 1s linear infinite;
  transform: translateX(0);
}

.left-nav ul {
  width: 90px;
  margin-left: 30px;
}

.left-nav ul li {
  width: 90px;
  height: 30px;
  background: #FFE3AA;
  border: 1px dashed #FFFBF4;
  border-radius: 4px;
  line-height: 30px;
  text-align: center;
  font-size: 14px;
  font-weight: bold;
  color: #6A3100;
  margin-bottom: 6px;
  transition: all 0.25s ease-in-out;
  cursor: pointer;
}

.left-nav ul li a {
  display: block;
  color: inherit;
  text-decoration: none;
}

.left-nav ul li.on {
  background: #F9541C;
  border: 1px solid #FFF8F0;
  color: #fff;
}

.left-nav ul li:hover {
  background: #F9541C;
  border: 1px solid #FFF8F0;
  color: #fff;
}

.left-nav ul li.last {
  margin-bottom: 12px;
}

.left-nav .phone {
  text-align: center;
  font-size: 12px;
  font-weight: bold;
  color: #844C00;
  width: 110px;
  margin-left: 19px;
}

.left-nav .qr-code {
  margin: 14px 0 8px 35px;
}

.left-nav .img-tip {
  width: 110px;
  margin-left: 19px;
  text-align: center;
  font-size: 14px;
  font-weight: bold;
  color: #FEFEFE;
}

.left-nav .top-btn {
  display: block;
  width: 54px;
  height: 54px;
  border-radius: 50%;
  margin: 4px 0 0 47px;
}

.left-nav .arrow {
  display: block;
  width: 30px;
  height: 50px;
  background: url(/images/zhongjizhicheng/project/index2022/fixNav-common.png) no-repeat 0 0;
  position: absolute;
  right: -20px;
  top: 50%;
  margin-top: -25px;
  background-position-x: -28px;
}

@-webkit-keyframes activeBox {
  50% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  54% {
    -webkit-transform: translateX(-5px);
    transform: translateX(-5px);
  }
  58% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  62% {
    -webkit-transform: translateX(5px);
    transform: translateX(5px);
  }
  66% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes activeBox {
  50% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  54% {
    -webkit-transform: translateX(-5px);
    transform: translateX(-5px);
  }
  58% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  62% {
    -webkit-transform: translateX(5px);
    transform: translateX(5px);
  }
  66% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

/* bottom-nav */
.bottom-nav {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 117px;
  background: url(/images/zhongjizhicheng/project/index2022/bottom-bg.png) no-repeat center;
  z-index: 90;
}

.bottom-nav .main {
  height: 70px;
  padding-top: 48px;
}

.bottom-nav .main .title {
  padding-left: 131px;
  font-size: 30px;
  font-weight: 400;
  color: #FFE7B7;
  line-height: 70px;
  font-weight: bold;
}

.bottom-nav .main .det {
  padding: 0 47px 0 29px;
}

.bottom-nav .main .det strong {
  font-size: 20px;
  font-weight: 400;
  color: #fff;
}

.bottom-nav .main .det strong span {
  font-size: 28px;
  font-weight: bold;
  font-style: italic;
  color: #FFC401;
}

.bottom-nav .main .det .lt {
  font-size: 14px;
  font-weight: 400;
  color: #FFFFFF;
}

.bottom-nav .main .xk {
  display: inline-block;
  width: 199px;
  height: 51px;
  line-height: 46px;
  font-size: 22px;
  font-weight: bold;
  color: #FBFCFD;
  text-align: center;
  text-decoration: none;
  background: url(/images/zhongjizhicheng/project/index2022/bottom-btn.png) no-repeat center;
  margin-top: 10px;
  animation: get-scale 1.5s infinite linear;
}

.bottom-nav .close {
  display: block;
  width: 16px;
  height: 16px;
  background: url(/images/zhongjizhicheng/project/index2022/close-btn-l.png) no-repeat center;
  top: 55px;
  right: 10px;
  cursor: pointer;
}

/* footer_fixed */
.footer_fixed{
  width:100%;
  height:130px;
  background:url(//www.fawtography.com/images/zhongjizhicheng/project/2021zhongjizhaoshengfangan/footer_fixed.png) center top no-repeat;
  position:fixed;
  bottom:0;
  left:0;
  z-index:90;
}
.footer_fixed p{
  color:#fff;
  font-weight:bold;
  font-size:30px;
  line-height:46px;
  margin:66px 0 0 180px;
}
.footer_fixed p span{
  color:#e3d29a;
}
.footer_fixed div a{
  width:170px;
  height:50px;
  border-radius:25px;
  color:#fff;
  text-align:center;
  margin-top:66px;
  font-size:20px;
  line-height:50px;
  text-decoration: none;
  margin-right:10px;
}
.footer_fixed div a.chose_lesson{
  background:#fb5645;
  margin-right:20px;
}
.footer_fixed div a.ask_now{
  background:#f5a640;
}
.footer_fixed .layout{
  position:relative;
}
.footer_fixed .close_btn{
  display:block;
  width:16px;
  height:16px;
  background: url(/images/zhongjizhicheng/project/index2022/close-btn-l.png) no-repeat;
  position:absolute;
  top:60px;
  right:10px;
  cursor: pointer;
}

/**/
.redBanner{ display:none; width:260px; height:42px; margin:29px 40px 0 0; position:relative; background:url("/images/zhongjizhicheng/project/index2022/red-ico01.gif") no-repeat;}
.redBanner .red-text{ display:block; float:left; line-height:42px; padding-left:48px; font-size:16px; color:#fdf2af;}
.redBanner .red-text strong{ font-size:22px;}
.redBanner .red-btn{ display:none; float:right; margin:6px 10px 0 0; width:90px; height:30px; line-height:30px; text-decoration:none; text-align:center; color:#ed4801; font-size:14px; border-radius:30px; background:#fff0b6; background-image:-webkit-linear-gradient(top, #fff0b6, #fffbe6); background-image:-moz-linear-gradient(top, #fff0b6, #fffbe6); background-image:linear-gradient(left,#fff0b6,#fffbe6);}
.redBanner .icon{ display:block; width:19px; height:22px; background:url("/images/zhongjizhicheng/project/index2022/red-ico04.png") no-repeat; position:absolute; left:21px; top:10px;}
.shoppingCart-wrap .redBanner{ margin:2px 30px 0 0; border-radius:8px;}
.fixBanner{ display:none; width:222px; height:180px; background:url("/images/zhongjizhicheng/project/index2022/red-ico02.png") no-repeat; position:fixed; right:0; bottom:100px; z-index:79;}
.fixBanner .close-btn{ display:block; width:20px; height:20px; position:absolute; right:14px; top:0; line-height:0; font-size:0;}
.fixBanner h4{ text-align:center; line-height:36px; padding:56px 0 28px 0; font-size:22px; font-weight:bold; background:-webkit-linear-gradient(top,#fd781a,#eb3922);-webkit-background-clip: text; -webkit-text-fill-color: transparent; color:#f24c51;}
.fixBanner .red-btn{ display:none; width:126px; height:32px; line-height:32px; text-align:center; font-size:16px; font-weight:bold; color:#fff; border-radius:30px; margin:0 auto; text-decoration:none;background:#ffac36; background-image:-webkit-linear-gradient(top, #ffd052, #ff7b10); background-image:-moz-linear-gradient(top, #ffd052, #ff7b10); background-image:linear-gradient(left,#ffd052,#ff7b10);}

/*20211122ADDnjf*/
.counpImgBg{background: url(/images/zhucekuaijishi/project/2021project-v3/counpImgBg.png) no-repeat; width: 260px; height: 42px; line-height: 42px;}
.counpImgBg span strong{ font-size: 22px;}
.counpImgBg span{ font-size: 16px; color: #f34b09; padding: 0 28px 0 16px;}
.counpImgBg .counpBtnWord{background: url(/images/zhucekuaijishi/project/2021project-v3/counpBtn.png) no-repeat;animation:zoomIn 3s infinite; -webkit-animation:zoomIn 3s infinite; width: 82px; height: 30px; text-align: center; color: #fff; line-height: 30px; display: inline-block; *display: inline; zoom: 1; vertical-align: top; margin-top: 6px; display: none;}
.counpImgBg  a.counpBtnWord:hover{ text-decoration: none;}
.counpImgBg .counpBtnWord-v1{ display: inline-block;}
@keyframes zoomIn
{
  0%{
    transform: scale(1);
  }
  25%{
    transform: scale(1.1);
  }
  50%{
    transform: scale(1);
  }
  75%{
    transform: scale(1.1);
  }

}

@-webkit-keyframes zoomIn
{
  0%{
    transform: scale(1);
  }
  25%{
    transform: scale(1.1);
  }
  50%{
    transform: scale(1);
  }
  75%{
    transform: scale(1.1);
  }
}

.topSelect{margin:30px 40px 0 0;}
.bottomSelect{margin:0px 30px 0 0;}
/*弹出框*/
.counPop,.newPeopleCounPop{ background: #fff; width: 458px; border-radius: 10px; padding: 30px;display:none; position:fixed; left:50%; margin-left:-150px; top:50%; z-index:99;}
.counPop .close-btn,.newPeopleCounPop .close-btn{ display:block; width:16px; height:16px; position:absolute; top:24px; right:26px; background:url(//www.fawtography.com/images/template/2020queryScore/ico.png) no-repeat -28px -218px;}
.counPop h5,.newPeopleCounPop h5{ font-size: 24px; text-align: center; margin-bottom: 28px;}
.counPop ul li,.newPeopleCounPop ul li{ margin-bottom: 10px; background: url(//www.fawtography.com/images/template/2020queryScore/counpImgZs.jpg) no-repeat;width:454px; height: 113px; }
.counPop ul li strong,.newPeopleCounPop ul li strong{display: block; float: left; width:160px; text-align: center; height:113px; line-height:113px; font-size: 36px; color: #faddc8;text-shadow:0 4px 0 #be1f10;}
.counPop p.word,.newPeopleCounPop p.word{ color: #f7cbb0; font-size: 15px; padding-left: 160px; text-align: left;}
.counPop ul li span,.newPeopleCounPop ul li span{display: block;color: #fad8c2;text-shadow:0 4px 2px #be1f10; font-size: 24px; padding-top:12px;}
.counPop p.intro,.newPeopleCounPop p.intro{ text-align: center; font-size: 18px; color: #666;}
.counPop .newpeople p.word,.newPeopleCounPop .newpeople p.word{ padding-top: 18px;}
.newUseBtn{display: block; width: 248px; height: 54px; line-height: 54px; text-align: center; color: #fff; background: #fb6142; border-radius:27px; box-shadow: 0 1px 15px #fb917c; margin: 0 auto 15px; font-size: 18px; font-weight: bold;}



.commonCounpAward{ position: fixed; right:40px; bottom:550px; width: 200px; height: 140px; background:url(/images/zhucekuaijishi/project/2021project-v3/counpAward.png) no-repeat; text-align: center; }
.commonCounpAward .close{background:url(/images/zhucekuaijishi/project/2021project-v3/counpClose.png) no-repeat; position: absolute; width: 20px; height: 20px; top: -30px; right:-6px;}
.commonCounpAward .counpBtnCom{background:url(/images/zhucekuaijishi/project/2021project-v3/counpBtnCom.png) no-repeat; color: #db250a; font-weight: bold; font-size: 16px; text-align: center; line-height: 32px; height: 32px; width: 126px;animation:zoomIn 3s infinite; -webkit-animation:zoomIn 3s infinite; display:none;}
.commonCounpAward span{ color: #ffefbc; font-size: 22px;margin:60px 0 5px; display: inline-block; *display:inline; zoom: 1;}
.commonCounpAward .counpBtnCom:hover{ text-decoration: none;}
.commonCounpAward .counpBtnCom-v1{display: inline-block;}
.commonCounpAward .counpBtnCom-v2{ display: none;}



.mask{display:none; width:100%;z-index:98;height:100%;background:#000;opacity:.6;filter:alpha(opacity=60);position:fixed;top:0;left:0;}
.receiveRed-pop{ display:none; width:300px; border-radius:4px; position:fixed; left:50%; margin-left:-150px; top:50%; z-index:99; }
.receiveRed-pop{ background:url("/images/zhongjizhicheng/project/index2022/red-ico03.png") no-repeat center top #fff; text-align:center; padding-bottom:20px;}
.receiveRed-pop h4{ line-height:36px; padding-top:150px; font-size:16px; font-weight:bold;}
.receiveRed-pop p{ line-height:18px; font-size:15px; color:#666; padding-bottom:20px;}
.receiveRed-pop .use-btn{ display:block; width:240px; height:40px; line-height:40px; text-align:center; font-size:18px; color:#fff; background:#ff6600; border-radius:30px; margin:0 auto; text-decoration:none;}
.receiveRed-pop .close-btn{ display:block; width:14px; height:14px; line-height:0; font-size:0; position:absolute; right:14px; top:14px;}


.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}


@-webkit-keyframes shake {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }

  30% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }

  40% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }

  50% {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}

@keyframes shake {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }

  30% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }

  40% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }

  50% {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}

.shake {
  animation:shake 2s infinite;
  -webkit-animation:shake 2s infinite;
}

/**/
.course-mod .coupon-mod{ width:356px; height:54px; background:url("/images/zhongjizhicheng/project/index2022/coupon-bg02.jpg") no-repeat;}
.course-mod .coupon-mod .coupon-con{ padding:0 0 0 35px;}
.course-mod .coupon-mod .coupon-con .prize{ width:69px; line-height:54px; font-size:24px; color:#dd111a; font-weight:bold;}
.course-mod .coupon-mod .coupon-con .text{ width:185px; line-height:17px; font-size:12px; padding:10px 0 0 10px; color:#dd111a;}
.course-mod .coupon-mod .coupon-con .text strong{ font-size:13px;}
.course-mod .coupon-mod .btn{ display:block; width:46px; height:39px; text-align:center; animation:btnBig 3s infinite; -webkit-animation:btnBig 3s infinite; line-height:15px; text-decoration:none; animation:btnBig 3s infinite; -webkit-transform:btnBig 3s infinite; margin-top:5px; font-size:13px; color:#dd111a; font-weight:bold; padding-top:8px; background:url("/images/zhongjizhicheng/project/index2022/coupon-btn.png") no-repeat;}
.course-mod .coupon-mod .btn.already-tags,.course-mod .coupon-mod .btn.over-tags{ animation:none; -webkit-transform:none;}
.course-mod .choiceCourse-con{ padding-top:11px;}
.course-mod .choiceCourse-con .choiceMenu-tags{ display:block; width:264px; height:56px; line-height:22px; font-size:16px; color:#f4664a; text-decoration:none; font-weight:bold; border:1px solid #ffedc8; background:#ffedc8; margin-bottom:10px; padding:9px 0 0 90px; position:relative;}
.course-mod .choiceCourse-con .choiceMenu-tags span{ font-size:14px; color:#462a08; font-weight:bold;}
.course-mod .choiceCourse-con .choiceMenu-tags.nameA{ background:url("/images/zhongjizhicheng/project/index2022/coupon-name01.png") no-repeat -9px -4px #ffedc8;}
.course-mod .choiceCourse-con .choiceMenu-tags.nameB{ background:url("/images/zhongjizhicheng/project/index2022/coupon-name02.png") no-repeat -9px -4px #ffedc8;}
.course-mod .choiceCourse-con .choiceMenu-tags.on{ border-color:#fa5e23;}
.course-mod .choiceCourse-con .choiceMenu-tags.on i{ display:block; width:19px; height:20px; position:absolute; right:-1px; bottom:-1px; background:url("//www.fawtography.com/images/zichanpinggushi/project2020/checked.png") no-repeat;}
.course-mod .choiceCourse-con .choiceMenu-tags strong{ font-size:22px;}


@keyframes btnBig
{
  0%{
    transform: scale(1);  /*开始为原始大小*/
  }
  25%{
    transform: scale(1.1); /*放大1.1倍*/
  }
  50%{
    transform: scale(1);
  }
  75%{
    transform: scale(1.1);
  }
}

@-webkit-keyframes btnBig /*Safari and Chrome*/
{
  0%{
    transform: scale(1);  /*开始为原始大小*/
  }
  25%{
    transform: scale(1.1); /*放大1.1倍*/
  }
  50%{
    transform: scale(1);
  }
  75%{
    transform: scale(1.1);
  }
}
/*20220302 add njf*/
.iconZk{background:url(/images/zhucekuaijishi/project/project2022/iconZk.png) no-repeat;}
.courseBar{background:url(/images/zhucekuaijishi/project/project2022/courseBar.png) no-repeat;}
.courseBoxfourClass,.courseBoxthreeeClass{ margin-bottom: 20px;}
.courseBoxfourClass .last{ margin-right: 0;}
.courseBox2022{ width: 285px; float: left; margin-right: 20px; border-radius: 8px; background: #fff;}
.courseBoxBg{ background: #dba353; box-shadow: 0 10px 20px rgba(194,113,34,0.56);}
.courseTopHead{ text-align: center; padding-top: 66px;}
.courseTopHead .classLink{ display: block; width: 285px; height: 163px; left: 0; top: 0;}
.courseTopHead span{display: inline-block; padding: 3px 14px; text-align: center; color: #fff; border-radius: 15px;}
.courseBox2022:hover{box-shadow: 0 15px 25px rgba(153,153,153,0.56);}
.courseBoxBg:hover{box-shadow: 0 15px 25px rgba(173,88,3,0.56);}
.yellowBg{
  background:#ffa152;
  background:-webkit-linear-gradient(top,#feb252,#ff9552);
  background:-moz-linear-gradient(top,#feb252,#ff9552);
  background:-ms-linear-gradient(top,#feb252,#ff9552);
  background:linear-gradient(top,#feb252,#ff9552);
}
.lightBlueBg{background:#7aa7e5;}
.blueBg{background:#4a8be6;}
.lightYellowBg{background-color: rgba(194,145,77,0.8);}
.courseTopHead .lastWord{ font-size: 14px; color: #fff; padding:15px 0 10px 100px; text-align: left;}
.courseTopHead .lastWord em{ font-size: 16px; font-weight: bold; text-shadow:2px 6px 4px #c88533;}
.courseTopHead .lastWord em strong{ font-size: 18px;}

.courseIntroTeacher{background:url(/images/zhucekuaijishi/project/project2022/teacherIntroBg.png) no-repeat; width: 285px; height: 120px;}
.courseIntroTeacher ul{ padding: 15px 35px 10px 60px; text-align: left;}
.courseIntroTeacher ul li{ background-position: 0 2px; font-size: 16px; line-height: 20px; padding-left:25px; margin-bottom:10px;}
.courseIntroTeacher ul li i{ color: #fd7400;}

.courseBody{ margin: 0 20px;}
.courseBox2022 h5{ font-size: 16px; color: #fff;height: 32px; line-height: 32px; padding-left: 15px; margin: 15px 0;}
.courseBox2022 h5.tit01{background-position: 0 -166px; }
.courseBox2022 h5.tit02{background-position: 0 -208px; }
.courseBox2022 h5.tit03{background-position: 0 -248px; }

.courseBody li span{ display: inline-block;*display:inline; zoom: 1; background: #ececec; width: 72px; border-radius: 8px; height: 24px; line-height: 24px; text-align: center; margin:0 10px 6px 0;}
.courseBody h6{ font-size: 16px; margin-bottom: 10px;}
.courseBody li i{display: inline-block;*display:inline; zoom: 1; width: 6px; height: 6px; font-size: 0; background: #cddbec; border-radius: 50%; margin-right: 10px; vertical-align: middle;}
.courseBody ul{ margin-bottom: 10px;}
.courseBody ul li{ line-height: 24px;}
.courseBody ul li em{display:block; line-height:24px; white-space:nowrap;}
.courseBody ul li b{ display:block; line-height:24px; float:left; font-weight:normal;}
.courseList{ margin: 0 20px;}
.courseList .service li{ width:122px;float: left; font-size: 16px; margin-bottom: 10px;}
.courseList .service li i,.giveServices dl.giveList dd i{ display: inline-block;*display:inline; zoom: 1; width: 26px; height: 26px; vertical-align: middle; margin-right: 10px;}
.courseList .service li i.icon01{ background-position: 0 -116px;}
.courseList .service li i.icon02{ background-position: 0 -147px;}
.courseList .service li i.icon03{ background-position: 0 -178px;}
.giveServices dl.giveList dd i.icon04{ background-position: -1px -21px;}
.giveServices dl.giveList dd i.icon05{ background-position: 0 -52px;}
.giveServices dl.giveList dd i.icon06{ background-position: 0 -83px;}
.courseList p{ text-align: right; border-bottom: 1px solid #d4d4d4; line-height: 46px;}
.courseList p a{text-decoration: underline; color: #fd7400;}

.giveCourse{ color: #fd7400; font-size: 16px; height: 60px; line-height: 60px; padding: 0 20px 0 65px; margin: 20px 0;
  background:#fef4e8;
  background:-webkit-linear-gradient(left,#fef4e8,#fff9f3);
  background:-moz-linear-gradient(left,#fef4e8,#fff9f3);
  background:-ms-linear-gradient(left,#fef4e8,#fff9f3);
  background:linear-gradient(left,#fef4e8,#fff9f3);
}
.giveCourse i{ display: block; background-position: 0 -209px; width: 35px; height: 45px; text-align: center; color: #fff; font-size: 16px; font-weight: bold; left:20px; top:-4px; line-height: 38px;}

.course-mod{ margin:0 20px 30px;}
.course-mod .przie-con .tit02{ height:50px;}
.course-mod .przie-con .tit02 h4{ float:left; line-height:44px; font-size:18px;}
.course-mod .przie-con .tit02 h4 i{ font-size: 16px; color: #f4664a;}
.course-mod .przie-con .tit02 .exam-con{ float:right; line-height:44px; color:#999; position:relative;}
.course-mod .przie-con .tit02 .exam-con .exam-pop{width:208px;padding:12px 14px;background:#fff;border:1px solid #eaeaea;position:absolute;left:-62px;top:30px;font-size:12px;display:none; z-index:10;}
.course-mod .przie-con .tit02 .exam-con .exam-pop strong{display:block;line-height:24px;}
.course-mod .przie-con .tit02 .exam-con .exam-pop p{line-height:20px;margin-bottom:5px;}

.course-mod .przie-con .choiceMenu-btn{ display:block; width:100%; height:100%; line-height:0; font-size:0; position:absolute; left:0; top:0; z-index:9;}
.course-mod .przie-con .choiceMenu-tags.on .choiceMenu-btn:before{ content:""; width:19px; height:20px; position:absolute; right:0; bottom:-1px; background:url("//www.fawtography.com/images/zichanpinggushi/project2020/checked.png") no-repeat;}
.course-mod .przie-con .choiceMenu-tags.on{ border:1px solid #f4664a;}
.course-mod .przie-con .prize01 div b{font-size:34px;color: #666;opacity: .5;filter: alpha(opacity=50);}
.course-mod .przie-con .prize02 div b{font-size:34px;color: #433d58;opacity: .5;filter: alpha(opacity=50);}
.course-mod .przie-con{ padding:6px 0 0;}
.course-mod .przie-con .prize01{ height:44px; line-height:44px; border:1px solid #EAEAEA; font-weight:bold; padding:0 10px; margin-bottom:10px;}
.course-mod .przie-con .prize01 .tc,
.course-mod .przie-con .prize02 .tc {margin-right: 20px;}
.course-mod .przie-con .prize01 span{margin-right:12px; color:#f4664a;}
.course-mod .przie-con .prize01 span strong{ font-size:22px; vertical-align:-2px;}
.course-mod .part1 .przie-con .prize02{padding: 14px 10px 12px;}
.course-mod .przie-con .prize02{border:1px solid #EAEAEA; padding:5px 9px 5px; margin-bottom:10px;position:relative;}
.course-mod .przie-con .prize02 .fl,.course-mod .przie-con .prize02 .fr{ line-height:38px; font-weight:bold;}
.course-mod .przie-con .prize02 span{margin-right:12px; color:#f4664a;}
.course-mod .przie-con .prize02 span strong{ font-size:22px; vertical-align:-2px;}
.course-mod .przie-con .prize02 p{color:#f4664a;display:inline-block;*display:inline;*zoom:1;font-size:14px;}
.course-mod .przie-con .prize02 .hot_icon{display:block;width:34px;height:16px;position:absolute;top:-6px;right:-8px;background:url(/images/zhongjizhicheng/project/2021zhongjizhaoshengfangan/hot_icon.png) no-repeat;}
.course-mod .przie-con .prize02.other{ padding:40px 10px 31px;}
.course-mod .przie-con .btn-wrap{ padding:10px 0 0;}
.course-mod .przie-con .common,.priceEquivalent .btn-wrap .common{display:block;float:left;width:132px;height:46px;line-height:46px;text-align:center;font-size:18px;color:#fff;text-decoration:none;background:#ff5743;box-shadow: 2px 3px 11px 1px rgba(255, 24, 0, 0.32);border-radius: 6px; margin-left: 10px;}
.course-mod .przie-con .common:hover,.priceEquivalent .btn-wrap .common:hover{background: #f44935;background: linear-gradient(90deg, #ED4E4D, #FF6453);}
.course-mod .przie-con .service-btn,.priceEquivalent .btn-wrap .service-btn{display:block;float:left;width:100px;height:44px;line-height:44px;text-align:center;text-decoration:none;background: #ffefe8;border: 1px solid #f4664a;border-radius: 6px;font-size: 18px;font-weight: 400;color: #f4664a;}
.course-mod .przie-con .service-btn:hover,.priceEquivalent .btn-wrap .service-btn:hover{background: #fff;}


.arrangEment,.arrangEment01{background:url(/images/zhucekuaijishi/project/project2022/courseIntroBg.png) no-repeat; width: 285px; height:300px; text-align: center; margin-bottom: 10px;}
.arrangEment h3,.arrangEment01 h3{ font-size: 18px; color: #fff; height: 36px; line-height: 36px;}
.arrangEment strong{ font-size: 16px; padding:22px 0 9px; display:block;}

.arrangEment01{background:url(/images/zhucekuaijishi/project/project2022/courseIntroBg01.png) no-repeat;}
.arrangEment01 strong{ font-size: 16px; padding:41px 0 0px; display:block;}

.giveExclusive{ width: 244px; margin: 0 auto; padding:50px 10px 5px; border-radius: 8px;
  background:#fff9ef;
  background:-webkit-linear-gradient(left,#fff9ef,#ffffff);
  background:-moz-linear-gradient(left,#fff9ef,#ffffff);
  background:-ms-linear-gradient(left,#fff9ef,#ffffff);
  background:linear-gradient(left,#fff9ef,#ffffff);
}
.giveExclusive h3{ background-position: 0 -120px; width: 265px; height:43px; line-height: 36px; color: #fff; text-align: center; font-size: 18px; left: 0; top: 0;}
.giveExclusive dl{ margin-bottom:8px;}
.giveExclusive dl dt{ float: left;}
.giveExclusive dl dd strong{ font-size: 16px; color: #333;}
.giveExclusive dl dd { color: #666; font-size: 14px;}

.selectNo{ background-position:0px 0; height: 62px; color: #823b0d; font-size: 18px; line-height:70px; font-weight: bold; padding-left:75px; margin-bottom: 10px;}
.giveServices{ margin:10px; border-radius: 8px; background: #fff; padding: 10px;}
.giveServices dl{background:url(/images/zhucekuaijishi/project/project2022/circle.png) no-repeat 170px top #fff8f0; width:245px;}
.giveServices dl dt{ color: #fff; font-size: 16px; font-weight: bold; background-position: 0 -294px; width: 100px; height: 40px; left:-10px; top:10px; line-height:32px; padding-left: 15px;}
.giveServices dl dd.wordText{text-align: center; font-size: 16px; color: #823b0d; padding:50px 0 15px; margin-bottom: 10px;}
.giveServices dl dt a.viewLink{ font-size: 14px; color: #fd7400; text-decoration: underline; padding-right: 10px;}
.giveServices dl.giveList{ height: 130px;}
.giveServices dl.giveList dt{color: #fff; font-size: 16px; font-weight: bold; background-position: 0 -294px; height: 40px; left:-10px; top:10px; line-height:32px; padding:0 0px 0 15px; width:240px;}
.giveServices dl.giveList dd{padding:55px 0 0 20px; font-size: 16px;}
.giveServices dl.giveList dd span{ display: inline-block;*display:inline;zoom: 1; margin-bottom:8px; width: 110px;}

.priceEquivalent{ margin: 0 10px 10px; background: #fff; border-radius: 8px; padding:40px 10px 20px;}
.priceEquivalent h6{ background-position: 0 -69px; width: 185px; height: 44px; line-height: 30px; text-align: center; left: 50%; top:-6px; margin-left: -92px; color: #823b0d; font-size: 14px;}
.priceEquivalent h6 strong{ font-size: 18px;}
.priceEquivalent .course-mod{ margin: 0;}
.priceEquivalent .course-mod .przie-con{ padding: 0;}
.priceEquivalent .course-mod .przie-con .btn-wrap{padding: 0;}
.priceEquivalent ul li{ height: 36px; line-height: 36px; background: #fff8f0; padding: 0 10px; font-size:14px; margin-bottom:8px; text-align: center;}
.priceEquivalent ul li span{ font-size: 18px; color: #f4664a; font-weight: bold; float: right;}
.priceEquivalent ul li strong{float: left;}
.priceEquivalent ul li i{ background-position: 0 -259px; display: block; width: 24px; height: 24px; left: 50%; top:-18px; margin-left: -12px;}

.priceEquivalent .pricetrend {width: 225px; height: 90px; margin:12px auto 5px; }
.priceEquivalent .pricetrend span i{display: block; padding:2px 5px; border-radius: 5px; background: #ff5813; color: #fff; font-weight: bold; font-size: 14px;margin-bottom:18px;}
.priceEquivalent .pricetrend span{ font-size: 18px;color: #ff5813;}
.priceEquivalent .pricetrend span del{ font-size: 13px; }
.priceEquivalent .pricetrend span.pirceStart{ left: 13px;top:-4px;}
.priceEquivalent .pricetrend span.pirceLast{right:10px; bottom: 0;}
.priceEquivalent .counpImg{ text-align: center;}
.priceEquivalent .priceText{text-align: center; font-size: 14px; margin-bottom:2px;}
.priceEquivalent .priceText strong{ font-size: 30px; color: #f4664a;}
.priceEquivalent  .twoLineDisplay{ margin-top:50px;}


.classDetailed{padding-top: 20px;}
.classDetailed .classTable{ text-align: center; margin-bottom: 25px;}
.classDetailed .classTable ul li{ display:inline-block;*display:inline;zoom: 1; width: 216px; height: 60px; text-align: center; line-height: 60px; background: #FFFFFF;border: 1px solid #E2E2E2;border-radius: 6px;font-size: 24px;font-weight: 400;color: #333333;margin-right: 32px;cursor: pointer;}
.classDetailed .classTable ul li.on{  background: #3F4EFE;background: linear-gradient(90deg, #3F4EFE, #1584F4);font-size: 24px;font-weight: bold;color: #FFFEFE;}
.classDetailed .classDetailCon{ box-shadow: 0 4px 12px rgba(5,5,40,0.1); border-radius: 6px;}
.classDetailed .classDetailTop{background:url(/images/zhucekuaijishi/project/project2022/classDetailTop.jpg) no-repeat; height: 110px; padding-top:20px;}
.classDetailed .classDetailTop{ text-align: center; font-size: 30px; color: #522702;}
.classDetailed .classDetailTop span{ font-size: 20px; color: #c94828;}
.classDetailed .classDetailTop i{ background-position: 0 -336px; width: 55px; height: 27px; line-height: 27px; font-size: 20px; color: #ffebca; display:inline-block;*display:inline;zoom: 1; text-align: left; padding-left: 5px;}
.classDetailed .classDetailTop strong{ display:inline-block;*display:inline;zoom: 1; margin-bottom: 5px;}

.classDetailed .classDetailConIntro{background:url(/images/zhucekuaijishi/project/project2022/detailedCon.jpg) no-repeat center top; padding: 20px 0 0; margin-bottom: 35px;}
.classDetailed .detailList{background:url(/images/zhucekuaijishi/project/project2022/teachZxclass.png) no-repeat center center; height:250px; width: 438px; margin: 0 auto;}
.classDetailed .detailList li{ font-size: 16px; color: #777; width: 300px;}
.classDetailed .detailList li strong{ font-size: 20px; color: #333;}
.classDetailed .detailList li.con01{ left:-315px; top:50px; text-align: right;}
.classDetailed .detailList li.con02{ right:-315px; top:42px; text-align: left;}
.classDetailed .detailList li.con03{ left:-315px; top:155px; text-align: right;}
.classDetailed .detailList li.con04{ right:-315px; top:155px; text-align: left;}
.classDetailed .detailList .zxteacher{ left: 50%; top: 50%; margin-left: -83px; margin-top: -83px;}
.classDetailed .classListIntro{ text-align: center; margin-top: 20px;}
.classDetailed .classListIntro em{  display:inline-block;*display:inline;zoom: 1;font-size: 14px; color: #6d3800; background: #ffe7c7; padding: 2px 15px 2px 2px; height: 22px; line-height: 22px; border-radius: 24px; margin: 0 5px;}
.classDetailed .classListIntro em strong{ display:inline-block;*display:inline;zoom: 1; background: #fff; border-radius: 22px; padding: 0 8px; margin-right:8px;}

.classPriceList{ background: #fff; border-top: 1px solid #eaeaea; padding: 20px 0 10px 30px; margin-top: 25px; border-radius: 0 0 6px 6px;}
.classPriceList em{display:inline-block;*display:inline;zoom: 1; font-size: 18px; vertical-align:top;}
.classPriceList em strong{ color: #f84920; font-size: 44px; vertical-align:-3px;}
.classPriceList p{display:inline-block;*display:inline;zoom: 1; width:355px; font-size: 16px; font-style: italic; padding-left:30px; margin-left: 26px; vertical-align:top; margin-top:16px;}
.classPriceList p i{display:inline-block;*display:inline;zoom: 1; color: #fff; font-size: 14px; padding:0px 5px 0 2px; border-radius: 3px; left: 0; top: 0; font-style: italic;
  background:#fe7d0f;
  background:-webkit-linear-gradient(top,#fe7d0f,#f94d1f);
  background:-moz-linear-gradient(top,#fe7d0f,#f94d1f);
  background:-ms-linear-gradient(top,#fe7d0f,#f94d1f);
  background:linear-gradient(top,#fe7d0f,#f94d1f);
}
.classPriceList span{ float: right; margin-right: 15px;}
.classPriceList span a{display:inline-block;*display:inline;zoom: 1; margin-right: 20px; width: 196px; height: 46px; line-height: 46px; text-align: center; border: 1px solid #f84b1f; color:#f84b1f; font-size: 18px; border-radius: 6px; text-decoration: none;}
.classPriceList span a.viewBtnClass{ color: #fff; border: none; box-shadow: 6px 4px 12px rgba(255,24,0,0.32);
  background:#f84a20;
  background:-webkit-linear-gradient(left,#ff800e,#f84a20);
  background:-moz-linear-gradient(left,#ff800e,#f84a20);
  background:-ms-linear-gradient(left,#ff800e,#f84a20);
  background:linear-gradient(left,#ff800e,#f84a20);
}

.classDetailConIntro .classShift{ padding:0px 40px;}
.classDetailConIntro .classShift .shiftDipaly{ border: 1px solid #ebba81; width: 334px; background: #fff; margin-right: 30px;}
.classDetailConIntro .classShift .shiftDipaly h5{ text-align: center; font-size: 18px; color: #462a08; background: #ffefd9; height: 50px; line-height: 50px; padding-left: 100px; font-weight: normal;}
.classDetailConIntro .classShift .shiftDipaly h5 i{ background-position: 0 -376px; width:85px; height: 60px; left: 0; top: 0; display: block; font-size: 28px; font-weight: bold; color: #fff; text-align: left; padding-left: 15px;}
.classDetailConIntro .classShift .shiftDipaly ul{ padding:15px 30px 5px; }
.classDetailConIntro .classShift .shiftDipaly ul li{ width:130px;display:inline-block;*display:inline;zoom: 1; margin-bottom: 10px;}
.classDetailConIntro .classShift .shiftDipaly ul li i{display:inline-block;*display:inline;zoom: 1; width: 26px; height: 26px; vertical-align: middle; margin-right: 5px;}
.classDetailConIntro .classShift .shiftDipaly ul li i.icon01{ background-position: 0 -288px;}
.classDetailConIntro .classShift .shiftDipaly ul li i.icon02{ background-position: 0 -316px;}
.classDetailConIntro .classShift .shiftDipaly ul li i.icon03{ background-position: 0 -346px;}
.classDetailConIntro .classShift .shiftDipaly ul li i.icon04{ background-position: 0 -376px;}
.classDetailConIntro .classShift .shiftDipaly ul li i.icon05{ background-position: 0 -406px;}
.classDetailConIntro .classShift .shiftDipaly ul li i.icon06{ background-position: 0 -436px;}
.classDetailConIntro .classShift .shiftDipaly ul li i.icon07{ background-position: 0 -464px;}
.classDetailConIntro .classShift .shiftDipaly ul li i.icon08{ background-position: 0 -494px;}
.classDetailConIntro .classShift .shiftDipaly ul li i.icon09{ background-position: 0 -523px;}
.classDetailConIntro .classShift .shiftDipaly ul li i.icon10{ background-position: 0 -553px;}
.classDetailConIntro .classShift .shiftDipaly ul li.last{ width: 280px;}
.classDetailConIntro .classShift .shiftDipaly p{ height: 40px; line-height: 40px; font-weight: bold; font-size: 18px; color: #fff; text-align: center;
  background:#d9903b;
  background:-webkit-linear-gradient(left,#d9903b,#ebbb83);
  background:-moz-linear-gradient(left,#d9903b,#ebbb83);
  background:-ms-linear-gradient(left,#d9903b,#ebbb83);
  background:linear-gradient(left,#d9903b,#ebbb83);
}
.classDetailConIntro .classShift .shiftDipaly p i{ display: block; width: 50px; height: 50px; background-position:-118px -376px; right:10px; bottom:-4px;}
.classDetailConIntro .classShift .shiftDipaly p i.courseBar01{ background-position:-192px -378px; width: 48px; height: 55px;}
.classDetailConIntro .classShift .selectClassAb{ width: 380px;}
.classDetailConIntro .classShift .selectClassAb li{ height: 91px; padding: 12px 25px 0; background: #ffefd9; font-size: 20px; color: #462a08; margin-bottom: 10px; font-weight: bold; cursor: pointer;}
.classDetailConIntro .classShift .selectClassAb li strong{display:inline-block;*display:inline;zoom: 1; color: #fe3f0c; font-size: 22px; margin-top:8px;}
.classDetailConIntro .classShift .selectClassAb li img{ float: left; margin-right: 20px;}
.classDetailConIntro .classShift .selectClassAb li i{ display: block; width: 53px; height: 43px; background-position: 0 -435px; right: 0; bottom: 0;}
.classDetailConIntro .classShift .selectClassAb li.on i{ background-position: -60px -435px;}
.classDetailConIntro .classShift .selectClassAb li .tips{ height:30px; line-height:30px; font-size:18px; color:#fff; padding:0 16px 0 10px; border-radius:12px 12px 0 0; right:0; top:-25px;background:#ff6025; background-image:-webkit-linear-gradient(top, #ff6025, #ff0d03); background-image:-moz-linear-gradient(top, #ff6025, #ff0d03); background-image:linear-gradient(left,#ff6025,#ff0d03);}
.classDetailConIntro .classShift .selectClassAb li .tips span{ display:inline-block; width:24px; height:24px; line-height:24px; margin-right:16px; text-align:center; font-size:16px; color:#ff270e; font-weight:bold; background:#fff; border-radius:50%;}
.classDetailConIntro .classShift .selectClassAb li .tips em{ color:#fff4b6; font-weight:bold;}

.counpReceive{display:inline-block;*display:inline;zoom: 1; background: url("/images/zhucekuaijishi/project/project2022/counpImg01.png") no-repeat; width: 238px; height: 78px; vertical-align: top; margin-left: 15px;}
.counpReceive.already-tags{background: url("/images/zhucekuaijishi/project/project2022/counpImgLq.png") no-repeat;}
.counpCon{ padding:10px 0 10px 30px;}
.counpCon span{ margin-top:12px;}




.teacherNewMod{background: url("/images/zhucekuaijishi/project/project2022/teacherBackground.jpg") no-repeat center top; height:835px; padding-top: 1px; }
.teacherNewMod .g-title{ margin: 50px 0 28px; }
.teacherNewMod .teacher-main{position:relative;z-index:1;}
.teacherNewMod .teacher-tab{height:88px;}
.teacherNewMod .teacher-tab li{width:179px;float:left;font-size:20px;text-align:center;}
.teacherNewMod .teacher-tab li + li{margin-left:25px;}
.teacherNewMod .teacher-tab li a{height:60px;line-height:60px;background:#bcc0ef;background:rgba(255,255,255,.7);-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;display:block; border: 1px solid #e2e2e2;}
.teacherNewMod .teacher-tab li a:hover{background:#d2d5f5;background:rgba(255,255,255,.8);text-decoration:none;}
.teacherNewMod .teacher-tab li.on a{ color: #fff; font-weight: bold; background:#335dfb;background:-webkit-linear-gradient(left,#3e4ffe,#1682f4);background:-moz-linear-gradient(left,#3e4ffe,#1682f4);background:linear-gradient(left,#3e4ffe,#1682f4);cursor:default;}
.teacherNewMod .teacher-info{width:320px;height:450px;margin-left:820px;padding:0 30px;background:url(/images/zhuceshuiwushi/project/2022/teacher-info-bg.png) no-repeat right bottom #fff;-webkit-border-radius:7px;-moz-border-radius:7px;border-radius:7px;display:none;}
.teacherNewMod .teacher-name{line-height:86px;font-size:28px;display:block;}
.teacherNewMod .teacher-item{display:none;}
.teacherNewMod .teacher-item-card{margin-bottom:18px;}
.teacherNewMod .teacher-info-item{padding-bottom:15px;}
.teacherNewMod .teacher-info-item strong{line-height:1;margin-bottom:10px;padding-left:9px;border-left:4px solid #0086fe;font-size:16px;display:block;}
.teacherNewMod .teacher-info-item .item-text{line-height:24px;}
.teacherNewMod .audition-list{padding:6px 0;}
.teacherNewMod .audition-list li{height:32px;line-height:32px;font-size:16px;background:#eaf6ff;padding:0 40px 0 12px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;position:relative;z-index:1;}
.teacherNewMod .audition-list li + li{margin-top:10px;}
.teacherNewMod .audition-list li a{display:block;line-height:32px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.teacherNewMod .audition-list li a span{color:#0086fe;margin-right:5px;}
.teacherNewMod .audition-list li i{width:19px;height:19px;position:absolute;right:11px;top:7px;background:url(/images/zhuceshuiwushi/project/2022/audition-icon19-19.png) no-repeat;}
.teacherNewMod .audition-list li a:hover{text-decoration:none;}
.teacherNewMod .audition-list li a:hover i{opacity:.8;filter:alpha(opacity=80);}
.teacherNewMod .teacher-item-tab{height:90px;}
.teacherNewMod .teacher-item-tab li{width:122px;height:88px;border:1px solid #dbe1e9;float:left;-webkit-border-radius:7px;-moz-border-radius:7px;border-radius:7px;background:#fff;position:relative;z-index:1;}
.teacherNewMod .teacher-item-tab li img{-webkit-border-radius:7px;-moz-border-radius:7px;border-radius:7px;}
.teacherNewMod .teacher-item-tab li span{padding:4px 6px;line-height:1;background:#eee;font-size:12px;color:#999;position:absolute;left:0;top:0;-webkit-border-radius:50px 100px 100px 0;-moz-border-radius:50px 100px 100px 0;border-radius:50px 100px 100px 0;}
.teacherNewMod .teacher-item-tab li i{height:86px;border:2px solid #ff6f02;-webkit-border-radius:7px;-moz-border-radius:7px;border-radius:7px;position:absolute;left:-1px;right:-1px;top:-1px;bottom:-1px;display:none;}
.teacherNewMod .teacher-item-tab li + li{margin-left:10px;}
.teacherNewMod .teacher-item-tab li.on i{display:block;}
.teacherNewMod .teacher-video{width:800px;height:450px;position:absolute;left:0;top:88px;background:#fff;}
.teacherNewMod .teacher-video .teacher-video-pic{}


.headerTop h3{ text-align: center; font-weight: normal; font-size: 34px; color: #fff; font-style: italic; padding:55px 0 150px;}
.headerTop .activityTime{ text-align: center; font-size: 24px; color: #fff; padding-bottom: 60px;}
.headerTop .activityTime em{ background: #fff; padding: 1px 10px; color: #0c6af2; font-weight: bold; border-radius:20px; margin: 0 8px;}

.launchNew{ background: #fff; border-radius: 10px; box-shadow: 0 10px 40px rgba(143,143,143,0.35); margin-bottom: 20px;}
.launchNew h3{ height: 100px; line-height: 100px; font-size: 30px; color: #6a3100; padding: 0 45px; font-style: italic; border-radius: 10px 10px 0 0;
  background:#fccd75;
  background:-webkit-linear-gradient(left,#fccd75,#ffe3a9);
  background:-moz-linear-gradient(left,#fccd75,#ffe3a9);
  background:-ms-linear-gradient(left,#fccd75,#ffe3a9);
  background:linear-gradient(left,#fccd75,#ffe3a9);
}
.launchNew h3 span{ color: #ff3500; font-size: 38px;}
.launchNew h3 i{ background-position: 0 -492px; display: block; right:-11px; top: 15px; width: 160px; height: 80px;}
.launchNew ul{ padding: 35px;}
.launchNew ul li{ width: 274px; border-right: 1px solid #e2ebf6; color: #666; font-size: 16px; text-align: center; float: left; line-height: 24px;}
.launchNew ul li strong{ display:inline-block;*display:inline;zoom: 1; color: #ff3500; font-size: 60px;}
.launchNew ul li strong sup{ color: #333; font-size: 26px;}
.launchNew ul li.last{border-right: 0;}
.launchNew ul li i{ display:inline-block;*display:inline;zoom: 1; vertical-align: top; margin-left: 10px;}


.courseClassIntro{ margin-bottom: 20px;}
.courseClassIntro ul li{display:inline-block;*display:inline;zoom: 1; border: 2px solid #e0e0e0; width: 231px; margin-right:8px; border-radius: 10px; background: #fff; vertical-align: top;}
.courseClassIntro ul li h4{ margin: 10px 10px 0; height: 60px; line-height: 60px; color: #fff; font-size: 28px; text-shadow: 0 2px 8px rgba(72,120,222,0.9); border-radius: 5px; padding-left:55px;
  background:#a1c4ec;
  background:-webkit-linear-gradient(left,#a1c4ec,#c2d9fa);
  background:-moz-linear-gradient(left,#a1c4ec,#c2d9fa);
  background:-ms-linear-gradient(left,#a1c4ec,#c2d9fa);
  background:linear-gradient(left,#a1c4ec,#c2d9fa);
}
.courseClassIntro ul li h4.tit01{
  background:#a1c4fd;
  background:-webkit-linear-gradient(left,#a1c4fd,#8fc9ff);
  background:-moz-linear-gradient(left,#a1c4fd,#8fc9ff);
  background:-ms-linear-gradient(left,#a1c4fd,#8fc9ff);
  background:linear-gradient(left,#a1c4fd,#8fc9ff);
}
.courseClassIntro ul li h4.tit02{
  background:#6dbcff;
  background:-webkit-linear-gradient(left,#6dbcff,#5699ff);
  background:-moz-linear-gradient(left,#6dbcff,#5699ff);
  background:-ms-linear-gradient(left,#6dbcff,#5699ff);
  background:linear-gradient(left,#6dbcff,#5699ff);
}

.courseClassIntro ul li h4 span i{ background-position: 0 -587px;display:inline-block;*display:inline;zoom: 1;width:20px; height:24px; vertical-align: top;}
.courseClassIntro ul li h4 span em{ display:inline-block;*display:inline;zoom: 1;height: 24px; line-height: 24px; background: #fffdf7; padding: 0 2px;}
.courseClassIntro ul li h4 span{display:inline-block;*display:inline;zoom: 1;font-size: 12px; color: #5699ff; text-shadow: 0 0 0; left: 0; top: 19px; font-weight: normal;}
.courseClassIntro ul li p{ margin: 25px; padding: 35px 0 0 25px;}
.courseClassIntro ul li p i{ display:inline-block;*display:inline;zoom: 1; padding: 2px 8px; background: #ff7d00; font-size: 16px; color: #fff; border-radius: 20px;}
.courseClassIntro ul li p i.top{ margin-bottom: 6px;}
.courseClassIntro ul li p em{display:block; width:53px; height:53px; background-position:-189px -510px; left: -60px; top:10px;}

.courseClassIntro ul li h6{ background: #e5ebf5; height: 42px; line-height: 42px; text-align: center; border-radius: 0 0 8px 8px; font-size: 18px; color: #1a7ef5;}
.courseClassIntro ul li.last{ width:454px; border: 2px solid #f1c07d; margin-right: 0;
  background:#fff1d6;
  background:-webkit-linear-gradient(top,#fff1d6,#fef9ef);
  background:-moz-linear-gradient(top,#fff1d6,#fef9ef);
  background:-ms-linear-gradient(top,#fff1d6,#fef9ef);
  background:linear-gradient(top,#fff1d6,#fef9ef);
}
.courseClassIntro ul li.last h4{text-shadow: 0 2px 8px rgba(156,96,9,0.9); padding-left:88px;
  background:#f0bf7a;
  background:-webkit-linear-gradient(left,#f0bf7a,#d89a42);
  background:-moz-linear-gradient(left,#f0bf7a,#d89a42);
  background:-ms-linear-gradient(left,#f0bf7a,#d89a42);
  background:linear-gradient(left,#f0bf7a,#d89a42);
}
.courseClassIntro ul li.last h4 strong{ font-weight: normal; font-size: 14px;}
.courseClassIntro ul li.last h4 span{ color: #d89941;}
.courseClassIntro ul li.last h4 b{ display: block; background-position: -189px -568px; width: 80px; height: 65px; right:-10px; top: 0;}
.courseClassIntro ul li.last dl{ margin: 15px 10px 23px;}
.courseClassIntro ul li.last dd{ height: 66px; line-height: 66px; border-radius: 5px; box-shadow:0 3px 10px rgba(222,166,87,0.5); border: 1px solid #f4d8ae;margin-bottom: 15px;color: #666;
  background:#fffffe;
  background:-webkit-linear-gradient(top,#fffffe,#fff7ef);
  background:-moz-linear-gradient(top,#fffffe,#fff7ef);
  background:-ms-linear-gradient(top,#fffffe,#fff7ef);
  background:linear-gradient(top,#fffffe,#fff7ef);
}
.courseClassIntro ul li.last dd strong{ color: #333; font-size: 16px; margin-right: 15px;}
.courseClassIntro ul li.last dd i{display:inline-block;*display:inline;zoom: 1;background-position: -192px -378px;width: 48px;height: 55px; margin: 0 18px; vertical-align: middle;}
.courseClassIntro ul li.last dd em{ background-position: 0 -623px;display:inline-block;*display:inline;zoom: 1; width:25px; height: 35px; right: 23px; bottom: 0;}
.courseClassIntro ul li.last dd em.icon02{background-position:-189px -438px; width: 53px; height: 53px; display: block;left:-45px; top:20px;}
.courseClassIntro ul li.last dd em.icon01{ background-position: 0 -671px;}
.threeClassDisplay ul li{ width: 295px;}
.threeClassDisplay ul li.last{ width:573px;}


.priceIntroContent{ box-shadow: 0 8px 18px rgba(207,117,0,0.31); padding: 20px 10px 20px 30px; border-radius: 10px; margin-bottom: 40px;
  background:#edc182;
  background:-webkit-linear-gradient(top,#edc182,#ffecca);
  background:-moz-linear-gradient(top,#edc182,#ffecca);
  background:-ms-linear-gradient(top,#edc182,#ffecca);
  background:linear-gradient(top,#edc182,#ffecca);
}
.priceTrendisplay{ font-size: 20px; color: #7d4400;}
.priceTrendisplay del{display:inline-block;*display:inline;zoom: 1; background-position: 0 -578px; width: 138px; height: 46px;line-height: 46px; vertical-align: middle;}
.priceTrendisplay span{display:inline-block;*display:inline;zoom: 1;vertical-align: middle;}
.priceTrendisplay span strong{ color: #7d4400; font-size: 24px;}
.priceTrendisplay span i{ font-size: 14px; color: #fff; padding: 2px 10px; border-radius: 0 10px 10px 10px;
  background:#ff3e0a;
  background:-webkit-linear-gradient(left,#ff3e0a,#ff6536);
  background:-moz-linear-gradient(left,#ff3e0a,#ff6536);
  background:-ms-linear-gradient(left,#ff3e0a,#ff6536);
  background:linear-gradient(left,#ff3e0a,#ff6536);
}

.counpTopImg{display: block; width:239px; height: 77px;background:url(/images/zhucekuaijishi/project/project2022/counpImgTopNew.png) no-repeat; margin: 0 20px;}
.counpTopImg.already-tags{background:url(/images/zhucekuaijishi/project/project2022/counpImgTopNewReve.png) no-repeat;}
.priceFavorable{ font-size: 16px; color: #7d4400;}
.priceFavorable i{ font-size: 36px; color: #ff3500;}

.priceBtnTop{ margin-top: 15px;}
.priceBtnTop a,.priceIconDisplay a{display:inline-block;*display:inline;zoom: 1; width: 145px; height: 50px; line-height: 50px; text-align: center; color: #ee5a00; font-size: 22px; border: 1px solid #e87110; border-radius: 25px; text-decoration: none; margin-right: 10px;}
.priceBtnTop a.classPriceLesson,.priceIconDisplay a.classPriceLesson{ color: #fff; text-shadow: 0 6px 13px rgba(255,81,41,0.41);
  background:#ff3f0b;
  background:-webkit-linear-gradient(left,#ff3f0b,#ff6536);
  background:-moz-linear-gradient(left,#ff3f0b,#ff6536);
  background:-ms-linear-gradient(left,#ff3f0b,#ff6536);
  background:linear-gradient(left,#ff3f0b,#ff6536);
}
.priceBtnTop a.classPriceLesson i,.priceIconDisplay a.classPriceLesson i{ display: block; background-position: 0 -628px; width: 64px; height: 52px; right: 0; bottom:-36px; animation:btnBig 3s infinite; -webkit-animation:btnBig 3s infinite; line-height:15px; text-decoration:none; animation:btnBig 3s infinite; -webkit-transform:btnBig 3s infinite;}

.priceIntroContentSecond{ box-shadow:0 8px 18px rgba(207,117,0,0.31); border-radius: 10px; margin-bottom: 40px;
  background:#edc182;
  background:-webkit-linear-gradient(top,#edc182,#ffecca);
  background:-moz-linear-gradient(top,#edc182,#ffecca);
  background:-ms-linear-gradient(top,#edc182,#ffecca);
  background:linear-gradient(top,#edc182,#ffecca);
}
.priceWordSecond{ width: 525px; padding:20px 50px 11px;}
.priceIntroContentSecond .wordTtop{ color:#7d4400; font-size: 24px; font-weight: bold;}
.priceIntroContentSecond .wordTtop span,.priceIntroContentSecond .wordTtop del{ color: #ff3500;}
.priceIntroContentSecond .wordBottom .timeOutDiscount{ color: #fff; font-size: 16px; box-shadow: 0 6px 13px rgba(255,81,41,0.41); border-radius:20px; padding: 2px 10px 2px 40px;
  background:#ff4412;
  background:-webkit-linear-gradient(left,#ff4412,#ff6536);
  background:-moz-linear-gradient(left,#ff4412,#ff6536);
  background:-ms-linear-gradient(left,#ff4412,#ff6536);
  background:linear-gradient(left,#ff4412,#ff6536);
}
.priceIntroContentSecond .wordBottom strong.courseBar{ background-position:27px -572px;display:inline-block;*display:inline;zoom: 1; padding-right:38px;}
.priceIntroContentSecond .wordBottom .timeOutDiscount{ font-weight: normal; margin-top:15px;display:inline-block;*display:inline;zoom: 1; height:22px; line-height: 22px;}
.priceIntroContentSecond .wordBottom .timeOutDiscount i{ background-position:-132px -632px;display:inline-block;*display:inline;zoom: 1; width:48px; height:42px;left:-12px; top:-6px;}
.priceIntroContentSecond .wordBottom .timeOutDiscount strong{ font-size: 22px; color: #fff;}
.priceIntroContentSecond .wordBottom span{ color: #7d4400; font-size: 16px; font-weight: bold;}
.priceIntroContentSecond .wordBottom strong{ color: #ff3500; font-size: 36px;}

.priceIconDisplay{background:url(/images/zhucekuaijishi/project/project2022/arrowChang.png) no-repeat left center; width:410px; padding:35px 0 34px 160px;}
.priceIconDisplay a{ width: 176px; height: 46px; line-height: 46px;}

.courseBoxthreeeClass .courseBox2022{ width: 386px; margin-right: 20px;}
.courseBoxthreeeClass .courseBox2022.last{ margin-right: 0;}
.courseBoxthreeeClass .courseTopHead .classLink{ width: 386px;}
.courseBoxthreeeClass .courseIntroTeacher{ width: 386px;background:url(/images/zhucekuaijishi/project/project2022/teacherIntroBg386.png) no-repeat;}
.courseBoxthreeeClass .courseBox2022 h5.tit01{ background-position: 0 -776px;}
.courseBoxthreeeClass .courseBox2022 h5.tit02{ background-position: 0 -818px;}
.courseBoxthreeeClass .courseBox2022 h5.tit03{ background-position: 0 -855px;}
.courseBoxthreeeClass .course-mod .przie-con .common{ width: 190px;}
.courseBoxthreeeClass .course-mod .przie-con .service-btn{ width:143px;}
.courseBoxthreeeClass .courseList .service li{ width:115px;}
.course-threezb-main .visibleClass li{ width:386px; margin-right: 20px;}


.course-mod .coupon-btn{ display:block; float:left; width:225px; height:34px; line-height:34px; padding-left:9px; margin:10px auto; text-decoration:none; font-size:12px; color:#e0262c; background:url("/images/zhuanti/20221111/vip-coupon.png") no-repeat;}
.course-mod .coupon-btn i{ display:inline-block; width:17px; height:17px; line-height:17px; font-size:13px; color:#fff; text-align:center; background:#dd111a; border-radius:50%;}
.course-mod .coupon-btn strong{ font-size:20px; padding:0 18px 0 3px; vertical-align:-3px;}

.classPriceList .coupon-btn{ display:inline-block; width:200px; height:34px; line-height:34px; vertical-align:top; padding-left:9px; margin:10px 0 0 10px; text-decoration:none; font-size:12px; color:#e0262c; background:url("/images/zhuanti/20221111/vip-coupon02.png") no-repeat;}
.classPriceList .coupon-btn i{ display:inline-block; width:17px; height:17px; line-height:17px; font-size:13px; color:#fff; text-align:center; background:#dd111a; border-radius:50%;}
.classPriceList .coupon-btn strong{ font-size:20px; padding:0 10px 0 3px; vertical-align:-3px;}