
.targetClass{width: 1200px; margin: 0 auto; padding-top: 56px ;}
.targetClass-hd{font-size: 32px;color: #3F3F3F;letter-spacing: 0.53px;line-height: 50px; text-align: center;}
.targetClass-hd span {color: #E60F20;}
.targetClass-bd {position: relative; font-size: 16px;color: #646363;letter-spacing: 0.25px;line-height: 29px; padding: 0 20px;margin-top: 30px;text-align: justify;}
.targetClass-bd::before {content: " "; position: absolute; left: 0; top: 5px;width:6px; height: 20px; background: #FE3636;}

.section {position: relative; padding-bottom: 50px;}
.section-hd {text-align: center;padding-top: 58px;}
.section-hd h3{font-size: 36px;color: #3E3E3E;letter-spacing: 0.47px;}
.section-hd p{font-size: 18px;color: #828080;letter-spacing: 0.27px; margin-top: 15px;}
.section.white .section-hd h3{color: #fff;}
.section.white .section-hd p{color: #fff;}
.section-bd {}
.section-layer {position: absolute;left: 0;top: 0; right: 0; bottom: 0; z-index: 1; opacity: 0.8;background: #FB594F;}
.section-layer-bd {position: absolute;left: 0;top: 0; right: 0; bottom: 0; z-index: 2;}


.threeCoreClasses {width: 1098px; margin: 0 auto;padding: 60px 0; margin-top: 30px;}
.monthly .threeCoreClasses { width: 1200px}
.threeCoreClasses-item {float: left;width: 315px; height: 230px;background: #F9F9F9;box-shadow:0 8px 15px rgba(0, 0, 0, 0.15); margin-right:127px;text-align: center; line-height: 30px;
-webkit-transition: all 0.2s linear;-o-transition: all 0.2s linear;-moz-transition: all 0.2s linear;transition: all 0.2s linear;}
.threeCoreClasses-item:last-child {margin-right: 0;}
.threeCoreClasses-item .img {margin: -77px auto 0 auto;  width: 130px; height: 108px; line-height: 42px; padding-top: 22px; border-radius: 50%;  background: #c6b281; color: #fff; font-size: 28px;  }
.threeCoreClasses-item .p1{font-size: 22px;color: #221815;margin-top: 28px; line-height: 35px}
.threeCoreClasses-item a {background: #E60F20;border-radius: 75px;font-size: 18px;color: #FFFFFF;letter-spacing: 0.3px;padding: 12px 56px;}
.threeCoreClasses-item a:hover {background: #FD3E4D;}

.classFeatures-bg{height: 659px; background-image: url(../images/bg1.png);background-repeat:no-repeat;background-position:center;padding: 0;}
.classFeatures{text-align: center; margin-top: 45px;}
.classFeatures img:nth-child(2) {margin: 0 39px;}


.studyPlan {position: relative; width: 1200px; margin: 0 auto; padding: 40px 0 60px;}
.studyPlan > div{float: left;}
.studyPlan-ct {width: 60px; text-align: center; padding-top: 80px;}
.studyPlan-ct li {font-size: 18px;color: #4A4A4A;letter-spacing: 0.27px; line-height: 25px;margin-bottom: 30px;}
.studyPlan-ct li.active{color: #19ADAE;}
.studyPlan-rt{position: absolute;left: 439px;top: 65px;}

.multiCourseSystem-bg{height: 783px; background-image: url(../images/bg1.png);background-repeat:no-repeat;background-position:center; background-size: auto 100%; padding: 0;}
.multiCourseSystem-bg .section-layer{opacity: 0.56; background: #01194B;}
.multiCourseSystem {position: relative; width: 1200px; margin: 0 auto;}
.multiCourseSystem-item {position: absolute; width: 252px; height: 272px; box-sizing: border-box; padding: 70px 31px 0 37px; background: url(../images/f4-bg.png) no-repeat center;}

.multiCourseSystem-item h6{    position: relative;
    font-size: 24px;
    color: #3E3E3E;
    letter-spacing: 0.35px;
    line-height: 33px;
    text-align: center;}
.multiCourseSystem-item h6::after{content: " ";width: 35px;height: 2px;background: #FD2236;position: absolute;top: 44px;left: 77px;}
.multiCourseSystem-item p {font-size: 14px;
    color: #777777;
    letter-spacing: 0.21px;
    margin-top: 12px;
text-align: justify;
    padding-top: 14px;}
.multiCourseSystem-item div {position: absolute; width: 90px; height: 90px; line-height: 90px;background: #E60F20; box-shadow: 0 0 0 5px rgba(254,40,66,0.39);font-size: 18px;color: #fff;letter-spacing: 0.27px;border-radius: 50%; text-align: center;}


.liveClass {width: 1200px; margin: 0 auto;padding: 60px 0;}
.liveClass > div{float: left; width: 45%;}
.liveClass-lf {}
.liveClass-rt {}

.studyRoom {width: 1200px; margin: 0 auto;padding-top:40px;}
.studyRoom > div{float: left; width: 45%;}
.studyRoom-lf {}
.studyRoom-rt {}

.liveroom{margin-left: 25px;}
.liveroom-item{margin-bottom: 33px; padding-left: 125px;}
.liveroom-item.active{}
.liveroom-item h6{position: relative; font-size: 20px;color: #3A3939;letter-spacing: 0.3px;line-height: 33px;font-weight: 600;}
.liveroom-item h6::before{content: " "; position: absolute; left: -25px; top: 15px; width: 10px;height: 10px; background: #FF646B; border-radius: 50%;}
/* .liveroom-item.active h6{}
.liveroom-item.active h6::before{background: #FF646B;}
.liveroom-item.active h6::after{content: " "; position: absolute; left: 0; top: 33px; width: 37px;height: 2px; background: #FF646B;} */
.liveroom-item p {font-size: 18px;color: #676767;letter-spacing: 0.3px;line-height: 33px;}



.m1500 { margin: 0 auto; width: 1200px}
.temporary { text-align: center; color: #2e2f2f;  background:#f3f3f3;  }
.mould { color: #2e2f2f; text-align: center}
.mould .h3 { font-size: 36px; padding: 75px 0;  color: #2e2f2f;}
.mould p { font-size: 22px;padding-bottom: 30px;  color: #2e2f2f;}
.temporary ul li { float: left; width: 300px; text-align: center; padding-bottom: 140px; }
.temporary ul img { margin-bottom: 50px; margin-top: 50px}
.temporary ul li span { display: block; font-size: 22px;  color: #2e2f2f; margin-bottom: 5px; padding:0 10px}
.temporary ul li:first-child { margin-left: 0}

.studey { background: #f3f3f4; }
.studey .section-hd  { padding-top:75px}
.studey .section-hd h3 { color: #2e2f2f ; font-size: 36px}
.studey .section-hd p { color: #2e2f2f ; font-size: 18px; margin-top: 40px}

.training .m1500 .h3  { padding-top: 115px; color: #595757}
.training .m1500 .h3 span { color:#e71f19 }
.training .m1500  p { color: #595757}
.training .m1115 { width:1115px; margin: 60px auto 130px auto }
.training .fore { width: 303px; height: 440px; margin-top: 25px; border: 1px dashed #bf463e; box-sizing: border-box; text-align: center}
.training .fore h3 { font-size: 32px; color: #bf463e; padding:30px 0 45px 0}
.training .fore ul li { width: 215px; margin: 0 auto 30px auto;  background: #bf463e; text-align: center; height: 35px; line-height: 35px; color: #e2e1e1; font-size: 21px;}
.training .img { width: 508px; text-align: center;  vertical-align: middle}

.training .m1200 { width: 1115px; margin: 0 auto}
.enrol .m1270 { width: 1270px; margin: 0 auto}
.enrol { background: url(../images/bg01.jpg) no-repeat; background-size: 100% 100%;}
.enrol .mould .h3 {color: #fff; padding: 95px 0 45px 0} 
.enrol .mould p {color: #fff;  } 
.enrol .m1260 { width: 1200px; margin: 0 auto}
.enrol .teacher ul li { float: left; width: 253px; text-align: center; margin-left: 62px; margin-top: 70px }
.enrol .teacher ul li span { display: block; color: #fff; font-size: 22px; margin-top:30px; margin-bottom: 110px}
.enrol .teacher ul li:first-child { margin-left: 0; }

.enrol .sweet { margin-top:90px}
.sweet ul li { margin-bottom: 50px; background: #fff; height: 80px; line-height: 80px; color: #595757; font-size: 22px; }
.sweet ul li span { display: inline-block; padding-left: 80px; padding-right:75px; font-size: 28px; color: #595757;  }

.examine { width: 1200px; box-sizing: border-box; margin: 160px auto 0 auto }
.examine .examtop { text-align: center }
.examine .examtop h3 { font-size: 36px; color: #3d3d3d; margin-bottom: 60px}
.examtop p { font-size: 22px; color: #636362; margin-bottom: 20px; }
.examcenter { width: 1200px; box-shadow: 0 8px 15px rgba(0, 0, 0, 0.15); box-sizing: border-box; background: #f9f9f9; margin: 0 auto 40px auto; padding:20px 0 40px}
.examlist { width: 380px; margin-right:26px }
.examlist ul li { text-align: right ; font-size: 15px; color: #221815;  }
.examlist ul li.fon { margin-top: 20px; font-weight: bold; font-size: 18px; margin-bottom: 3px; color: #3d3d3d}
.examlist ul li img { margin-left: 20px}
.rgtlist  ul li { text-align: left}
.examcenter .img { margin-top: 17px; width:384px}
.examcenter .img img{ width:100%}
.rgtlist ul li img { margin-left: 0 ; margin-right: 20px}
.rgtlist { margin-right: 0; margin-left: 26px; width: 380}
.examine .red { color:#d82922;  }
.examine span { display: inline-block;}

.examtitle { text-align: center; color: #3d3d3d; font-size: 23px; margin-top: 30px; }
.examul { width: 1010px; margin: 55px auto 85px auto }
.examul ul li { float: left; box-shadow: 0 8px 15px rgba(0, 0, 0, 0.15);  margin-left: 90px; text-align: center;  width: 270px; height: 270px; border-radius: 50%; background: #fafafa; box-sizing: border-box}
.examul ul li .ultop { font-size:43px; padding-top: 75px; padding-bottom: 25px  }
.examul ul li .ulbottom { font-size:16px;  }
.examul ul li  span { display: block; }
.examul ul li:first-child { margin-left: 0; }




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


.vip { padding-top: 120px;}
.vip .targetClass-hd  { font-size: 36px; color: #3e3e3f}
.vip .targetClass-bd { font-size: 18px; color: #636362; line-height: 40px; margin-top: 70px; letter-spacing:3.7px}
.vip  .targetClass-bd::before { top: 10px; }
