/*
@author: njf
*/
@charset "utf-8";
body{font:14px/1.5 "Microsoft YaHei","\5FAE\8F6F\96C5\9ED1,\9ED1\4F53","Heiti SC",tahoma,arial,Hiragino Sans GB,"\5B8B\4F53",sans-serif;margin:0 auto;color:#333;min-width:1200px;background:#f0f2f3;}
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;font-weight:normal}
a{color:#333;text-decoration:none;-moz-transition:color .3s ease,background-color .3s ease;-webkit-transition:color .3s ease,background-color .3s ease;-ms-transition:color .3s ease,background-color .3s ease;-o-transition:color .3s ease,background-color .3s ease;transition:color .3s ease,background-color .3s ease;}
a:hover{text-decoration:underline;}
a,a:hover{outline:none;*star:expression(this.onFocus=this.blur());}
input{outline:none;}
textarea{resize:none;}
.layout{width:1200px;margin:0 auto;}
.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;}
.icon,.focus .focusDot li,.areaSelect i,.rightFifth ul.lastNew li{ background: url("/images/cma/cma2020/CMAicon.png") no-repeat 0 0;}
.leftFirst table td a:hover,.midFirst .newList li a:hover,.midFifth h4 a:hover,.midFifth ul li a:hover,.rightFifth h4 a:hover,.rightFifth ul.lastNew li a:hover,.rightFirst h3 a:hover,.partSecond h3 a:hover, .partThird h3 a:hover{ color:#07bdc7; text-decoration: none;}
.courseIcon{background: url("/images/cma/cma2020/courseIcon.png") no-repeat 0 0;}

.header-wrap{ width:100%; background:#fff;}

.nav-panel .edu-switch .edu-switch-el,.timer-shaft dl dt i,.focus-mod .focusDot li,.teacher-main .teacherDot li,.fs-teacher .fs-teacher-main ul li .video-icon,.teacher-main .teacherContent li .video-icon,.fs-teacher .fs-teacher-btns a,.title-panel .panel-more,.info-title h4,.live-x-mod .live-x-main .live-x-state-btn,.info-v1-mod .fql-main .fql-list li,.title-tab li i,.fs-applyEnt ul li,.dialog-close,.news-mod .hot-push-refresh,.openLive-mod .openLive .openLive-go i,.openLive-mod .openLive .openLive-state i,.course-tab li i,.course-books-mod .course-books ul li .book-trait dd,.info-post i,.hot-discuss-list li p span,.hot-discuss-list li p span,.coursesDialog .choice-item .item-list li .choice-save,.fs-card table tr td a em,.fs-teacher-mod .teacher-item li .video-icon,.buy-course .classes-feature i,.buyCourse-item dl dd .on i{background:url(//www.chinaacc.com/images/common/column/spirit-v1.png) no-repeat;}
.nav-panel .nav-main li.nav-hover a,.title-panel .panel-more,.attention-mod .info-more a{background:url(//www.chinaacc.com/images/common/column/spirit-right-v1.png) no-repeat;background-position:right top;}
.nav-panel,.nav-panel-visible,.title-mod,.course-mod,.getData-v1,.info-v1-mod,.column-ad,.column-ad1920,.blank-mod,.attention-mod,.books-mod{margin-bottom:20px;}
.nav-panel,.nav-panel-visible{background:#07bdc7;}
.nav-panel-visible{display:none;}
.nav-panel .layout,.nav-panel-visible{height:50px;}
.nav-panel .nav-courseEdu{position:relative;z-index:400;}
.nav-panel .nav-courseEdu h1{line-height:50px;font-size:20px;color:#fff;}
.nav-panel .nav-courseEdu h1 a{color:#fff;}
.nav-panel .edu-switch{height:34px;margin:14px 0 0 10px;}
.nav-panel .edu-switch .edu-switch-el{width:23px;height:23px;line-height:230px;overflow:hidden;display:inline-block;vertical-align:top;}
.nav-panel .edu-switch .edu-switch-layer,.nav-panel .nav-main li dl,.area-select .area-select-layer{width:360px;padding:15px 15px 7px;background:#fff;border:1px solid #f6f6f6;-webkit-box-shadow:0 3px 11px rgba(217,217,217,.5);-moz-box-shadow:0 3px 11px rgba(217,217,217,.5);box-shadow:0 3px 11px rgba(217,217,217,.5);position:absolute;left:0;top:42px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;display:none;}
.nav-panel .edu-switch .edu-switch-layer ul{font-size:0;}
.nav-panel .edu-switch .edu-switch-layer ul li{margin:0 5px 8px;display:inline-block;*display:inline;*zoom:1;}
.nav-panel .edu-switch .edu-switch-layer ul li a,.nav-panel .nav-main li dl dd a{width:110px;height:28px;line-height:28px;font-size:16px;text-align:center;display:inline-block;-webkit-border-radius:100px;-moz-border-radius:100px;border-radius:100px;}
.nav-panel .edu-switch .edu-switch-layer ul li a:hover,.nav-panel .nav-main li.nav-hover dl dd a:hover{background:#f2fafa;color:#07bdc7;text-decoration:none;}
.nav-panel .edu-switch .edu-switch-layer ul li .on,.nav-panel .edu-switch .edu-switch-layer ul li .on:hover{color:#fff;background:#07bdc7;-webkit-box-shadow:0 2px 6px rgba(47,143,242,.5);-moz-box-shadow:0 2px 6px rgba(47,143,242,.5);box-shadow:0 2px 6px rgba(47,143,242,.5);}
.nav-panel .nav-main{font-size:0;}
.nav-panel .nav-main li{margin-left:40px;height:50px;line-height:50px;display:inline-block;*display:inline;*zoom:1;font-size:16px;position:relative;}
.nav-panel .nav-main li a{color:#fff;}
.nav-panel .nav-main li.nav-hover a{display:inline-block;padding-right:14px;}
.nav-panel .nav-main li.nav-hover a:hover{text-decoration:none;}
.nav-panel .nav-main li.this-hover a{background-position:right -50px;}
.nav-panel .nav-main li dl{width:110px;padding:15px 10px 7px;left:50%;margin-left:-66px; z-index: 2;}
.nav-panel .nav-main li dl dd{margin-bottom:8px;text-align:center;}
.nav-panel .nav-main li.nav-hover dl dd a{width:auto;display:block;padding:0;color:#333;background:none;}
.navFixed .nav-panel{position:fixed;left:0;right:0;top:0;z-index:600;}
.navFixed .nav-panel-visible{display:block;}


.partFirst{ margin-bottom: 20px;}
.leftFirst{ width: 266px; }
.leftFirst .over{ display: none; line-height: 25px;}
.leftFirst .djs{ background: url("/images/cma/cma2020/djsBg-v1.png") no-repeat; height:73px; width: 254px; font-size: 14px; color: #666; padding:20px 0 0 12px;}
.leftFirst .djs span{ display: block; background-position:25px -246px; width:93px; padding-left:29px;*padding-left:22px;height:32px; font-size:22px; color: #fff; letter-spacing:20px; text-align: center; float: left; margin-top: 10px; font-weight: bold;}
.leftFirst .djs a{ color: #666;}
.leftFirst .djs i.icon{ display: block; width: 36px; background-position: 0 -188px; height: 42px; margin:5px 15px 0;}
.leftFirst .djs i{ width: 170px;}
.leftFirst .djs em{ display:block; width: 26px; float: left; padding-top:12px; font-size: 16px;}
.leftFirst table{border-collapse: collapse; width: 100%; font-size: 14px; text-align: center; background: #fff; margin-bottom: 20px;}
.leftFirst table td{ border: 1px solid #f2f2f2;}
.leftFirst table td.noline{border-right:0;}
.leftFirst table td a{height: 70px;  padding-top: 18px;  display: block;  text-align: center; width:87px;}

.leftFirst table td a em{ display:block;  width:26px;  height:26px;  margin:0 auto 5px;  background-position:left -300px;  -webkit-transition:all .3s ease;  -moz-transition:all .3s ease;  -ms-transition:all .3s ease;  -o-transition:all .3s ease;  transition:all .3s ease}
.leftFirst table td a.a02 em{ background-position:left -350px;}
.leftFirst table td a.a03 em{ background-position:left -401px;}
.leftFirst table td a.a04 em{ background-position:left -456px;}
.leftFirst table td a.a05 em{ background-position:left -504px;}
.leftFirst table td a.a06 em{ background-position:left -551px;}
.leftFirst table td a.a07 em{ background-position:left -598px;}
.leftFirst table td a.a08 em{ background-position:left -648px;}
.leftFirst table td a.a09 em{ background-position:left -695px;}
.leftFirst table td a:hover em{background-position:-40px -300px;}
.leftFirst table td a.a02:hover em{ background-position:-40px -350px;}
.leftFirst table td a.a03:hover em{ background-position:-40px -401px;}
.leftFirst table td a.a04:hover em{ background-position:-40px -456px;}
.leftFirst table td a.a05:hover em{ background-position:-40px -504px;}
.leftFirst table td a.a06:hover em{ background-position:-40px -551px;}
.leftFirst table td a.a07:hover em{ background-position:-40px -598px;}
.leftFirst table td a.a08:hover em{ background-position:-40px -648px;}
.leftFirst table td a.a09:hover em{ background-position:-40px -695px;}
.leftFirst table td a .tag-hot{ display: inline-block; width: 32px; height: 14px; left:52px; top: 0;}

/*pinggu*/
.pgFirst{ background: url("/images/cma/cma2020/submitBg.jpg") no-repeat; height: 163px; width: 266px; color: #fff;}
.pgFirst h3{ text-align: center; font-size: 18px; padding:20px 0 12px;}
.pgFirst ul{ padding-left: 60px;}
.pgFirst li{ height: 22px; line-height: 22px; font-weight: bold; font-size: 14px; margin-bottom: 10px;}
.pgFirst li input{ width: 108px; height: 20px; line-height: 22px; border-radius: 3px; border: 1px solid #3383d4; background: #fff; margin-left: 8px;}
.pgFirst li .pgBtn{ width: 145px; height: 26px; border: 1px solid #5c92c9; background: #fff; color: #024e9c; font-size: 14px; border-radius: 5px; font-weight: bold; cursor: pointer;}


.midFirst{ width: 600px; margin: 0 20px; background: #fff; border-radius: 5px;}
.midFirst .focus,.midFirst .focus .focusContent{height:286px;position:relative;z-index:1;overflow:hidden;}
.midFirst .focus .focusDot{width:100%;height:6px;position:absolute;left:0;bottom:10px;z-index:3;text-align:center;font-size: 0;}
.midFirst .focus .focusDot li{width:6px;height:6px;line-height:100px;overflow:hidden;display:inline-block;*display:inline;*zoom:1;margin:0 3px;background-position:left -803px;}
.midFirst .focus .focusDot li.on{background-position:-20px -803px;}
.midFirst .prev,.midFirst .next{width:20px;height:30px;position:absolute;left:0;top:50%;margin-top:-15px;z-index:4;display:none;background-position:left -727px;}
.midFirst .next{left:auto;right:0;background-position:left -767px;}
.midFirst .newList { padding:23px 25px;}
.midFirst .newList li{ float:left; width:275px; font-size: 14px;overflow: hidden;text-overflow: ellipsis; white-space: nowrap; height:36px; line-height: 36px;}
.midFirst .newList li strong{ font-size: 16px;}
.midFirst .newList li a:hover strong{text-decoration: underline;}
.midFirst h4{height:34px;line-height:34px;overflow:hidden; text-overflow:ellipsis; white-space:nowrap;color:#fd7400;font-size:16px; text-align: left;}
.midFirst h4 a{color:#fd7400;}



.rightFirst{ width: 294px; background: #fff; border-radius: 5px;}
.rightFirst h3,.partFifth h3{ border-left: 3px solid #07bdc7; height: 20px; font-size: 18px; padding:0 20px 0 15px; line-height: 20px; margin: 20px 0 15px;}
.partFifth h3 a{ font-size: 22px; text-decoration: none;}
.partFifth h3 a:hover{ color: #07bdc7; text-decoration: none;}
.rightFirst h3 a{ font-size: 14px; color: #999; display: block; background-position:30px -818px; font-weight: normal; width: 45px; text-decoration: none;}
.partThird h3 a.icon{ font-size: 14px; width: 74px;background-position:60px -809px; height: 30px;display:inline-block; color: #999; font-weight: normal;}
.rightFirst .teacherBd{ height:486px; overflow: hidden;}
.rightFirst li{ background: url("/images/cma/cma2020/teacherBg.jpg") no-repeat; width: 233px; height: 128px; margin: 0 18px 10px; padding:20px 10px 0 15px;}
.rightFirst li .pic{ width: 110px; float: left; padding-top: 10px;}
.rightFirst li h4{ font-size: 16px; padding-bottom: 10px;}
.rightFirst li p{ font-size: 12px; color: #666; padding-bottom: 5px;}
.rightFirst li .vedio{ display: block; background-position: 0 -843px; width:20px; height: 16px; right:20px; bottom: 10px; font-size: 0; line-height: 500px; overflow: hidden;}

/*视频层*/
.adCeng{display:none;width:100%;z-index:101;height:100%;background:#000;opacity:.4;filter:alpha(opacity=40);position:fixed;top:0;left:0;_position:absolute;_height: expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight))}
.adCon{display:none;width:800px;z-index:102;height:660px;position:fixed;top:50%;left:50%;;margin:-330px 0 0 -400px;_position: absolute;_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight/2))}
.adCond{width:800px;height:660px;background:#fff;}
.adCond .adCondTit{ height: 45px; background: #f5f5f5;padding-top: 15px;}
.adCond .adCondTit-left{ padding-left: 40px; font-size: 18px; color: #666; border-left: 3px solid #07bdc7;}
.adCond .adCondTit-close{display:block;width:15px;height:15px;top:22px;right:20px;cursor: pointer; background-position: 0 -867px; line-height:0; font-size:0;}
.adCond .adCondMv{width:800px;height:600px;}

/*second*/
.partSecond{ margin-bottom: 20px;}
.partSecond h3,.partThird h3{ font-size: 22px; height: 38px; line-height: 38px; border-bottom: 1px solid #e4e6e7; box-shadow: 0px 1px 1px #ebeeef; margin-bottom: 20px;}
.partSecond h3 a.icon{ width: 74px; background-position:60px -809px; height: 30px; display:inline-block; font-size: 14px; color: #999;font-weight: normal;}
.partSecond h3 .titPic{ padding: 15px 0 0 15px;*padding: 12px 0 0 15px;}
.partSecond ul li{ font-size: 14px; background: url("/images/cma/cma2020/zbBg.jpg") no-repeat; width:353px; color: #666; height: 110px; float: left; box-shadow: 5px 5px 5px #f0f1f1; margin-right: 10px; padding: 20px;}
.partSecond ul li.last{ margin: 0;}
.partSecond ul li span{ display: block; float: left; width: 80px; text-align: center; margin-right: 20px;}
.partSecond ul li span img{ margin-bottom: 10px;}
.partSecond ul li strong{font-weight: normal; padding:5px 15px; border-radius:20px; background: #f8f9fc;}
.partSecond ul li h4{ font-size: 16px; padding:10px 0;}
.partSecond ul li i{width:2px;height:10px;background:#fff;display:inline-block;margin:0 1px;-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;-o-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation:liveAnimation .9s infinite cubic-bezier(.11, .49, .38, .78);-moz-animation:liveAnimation .9s infinite cubic-bezier(.11, .49, .38, .78);-o-animation:liveAnimation .9s infinite cubic-bezier(.11, .49, .38, .78);animation:liveAnimation .9s infinite cubic-bezier(.11, .49, .38, .78);}
.partSecond ul li i:nth-child(2),.liveCalendar ul li .live-icon i:nth-child(4){-webkit-animation-delay: 0.25s !important;-moz-animation-delay: 0.25s !important;-o-animation-delay: 0.25s !important;animation-delay: 0.25s !important;}
.partSecond ul li i:nth-child(1){-webkit-animation-delay: 0.5s !important;-moz-animation-delay: 0.5s !important;-o-animation-delay: 0.5s !important;animation-delay: 0.5s !important;}
.partSecond ul li h5 em{font-size: 0;  float: left;margin-right: 3px; margin-top:6px;}
.partSecond ul li h5{ background: #07bdc7;border: 1px solid #07bdc7; color: #fff; padding:3px 10px; border-radius: 15px; width:60px; right:20px; bottom:15px;}
.partSecond ul li h5 a{ color: #fff; font-size: 14px;}
.partSecond ul li h5.ywhf{background: #fff; text-align: center; font-weight: normal;}
.partSecond ul li h5.ywhf a{ color: #07bdc7; font-size: 14px;}
@-webkit-keyframes liveAnimation {
    0% {-webkit-transform: scaley(1);}
    80% {-webkit-transform: scaley(0.3);}
    90% {-webkit-transform: scaley(1);}
}
@-moz-keyframes liveAnimation {
    0% {-moz-transform: scaley(1);}
    80% {-moz-transform: scaley(0.3);}
    90% {-moz-transform: scaley(1);}
}
@-o-keyframes liveAnimation {
    0% {-o-transform: scaley(1);}
    80% {-o-transform: scaley(0.3);}
    90% {-o-transform: scaley(1);}
}
@keyframes liveAnimation {
    0% {transform: scaley(1);}
    80% {transform: scaley(0.3); }
    90% {transform: scaley(1);}
}

/*Third*/
.partThird{ margin-bottom: 20px;}
.courseCon{ width:285px; float: left; margin-right: 20px; background: #fff; border-radius: 5px;webkit-box-shadow:0 4px 15px rgba(0,0,0,.1);-moz-box-shadow:0 4px 15px rgba(0,0,0,.1);-o-box-shadow:0 4px 15px rgba(0,0,0,.1);box-shadow:0 4px 15px rgba(0,0,0,.1); }
.courseCon.last{ margin-right: 0;}
.courseCon h4{ background: url("/images/cma/cma2020/cmaCoursetop01.png") no-repeat; height: 100px; font-size: 24px; color: #fff; text-align: center; padding: 30px 0 0;}
.courseCon h4 a{ color: #fff;}
.courseCon h4 span{ display: inline-block; padding:2px 15px; border-radius: 20px;background-color: #a36bdc; background-color:rgba(163,107,220,0.6);opacity:0.9;filter:alpha(opacity=90);position:static;*zoom:1; font-size: 16px; margin-top:6px;}
.courseCon .cname,.courseCon .cjinPin{ border-bottom: 2px solid #fafafa; margin: 20px 15px; font-size: 16px; padding-bottom: 10px;}
.courseCon .cname li{ background-position:5px 15px; padding-left: 25px; height: 36px; line-height: 36px;}
.courseCon .cjinPin li{ color: #666;padding-left:40px; height:46px; line-height:46px;}
.courseCon .cjinPin li.icon01{ background-position:0 -27px; }
.courseCon .cjinPin li.icon02{ background-position:0 -73px;}
.courseCon .cjinPin li.icon03{ background-position:0 -120px;}
.courseCon .cjinPin li.icon04{ background-position:0 -167px}
.courseCon .cjinPin li.icon05{ background-position:0 -214px;}
.courseCon .cjinPin li.icon06{ background-position:0 -256px;}
.courseCon .cjinPin li.icon07{ background-position:0 -311px;}
.courseCon .cjinPin li.icon08{ background-position:0 -357px;}
.courseCon .cjinPin li.icon09{ background-position:0 -397px;}
.courseCon .cjinPin li.icon10{ background-position:0 -449px;}
.courseCon .cjinPin li.icon11{ background-position:0 -497px;}
.courseCon .cjinPin li.icon12{ background-position:0 -543px;}
.courseCon .cjinPin li span.vip{ color: #8f5dda; font-size: 24px;}
.courseCon .cjinPin li span{ font-size: 30px;color: #8f5dda;}
.courseCon .cjinPin li.icon05 span.vip{ color: #c9873a; font-size: 24px;}
.courseCon .cjinPin li.icon06 span{ font-size: 30px;color: #c9873a;}
.courseCon .cjinPin li.icon08 span.vip{ color: #dd775f; font-size: 24px;}
.courseCon .cjinPin li.icon09 span{ font-size: 30px;color: #dd775f;}
.courseCon .cjinPin li.icon11 span.vip{ color: #6ca7fd; font-size: 24px;}
.courseCon .cjinPin li.icon12 span{ font-size: 30px;color: #6ca7fd;}
.courseCon .cjinPin{ padding-bottom: 20px;}
.courseCon .price{ color: #f4664a; text-align: center;}
.courseCon .price strong{ font-size: 26px;}
.courseCon .cbtn{ padding:10px 0 20px 30px;}
.courseCon .cbtn a{ border: 1px solid #d3d3d3; width: 100px; height: 35px; line-height: 35px; text-align: center; font-size: 14px; border-radius: 35px; display: inline-block; margin-right: 20px;}
.courseCon .cbtn a.gbuy{ border: 1px solid #f4664a; background: #f4664a; color: #fff;}
.courseCon h4.bg01{background: url("/images/cma/cma2020/cmaCoursetop02.png") no-repeat;}
.courseCon h4.bg02{background: url("/images/cma/cma2020/cmaCoursetop03.png") no-repeat;}
.courseCon h4.bg03{background: url("/images/cma/cma2020/cmaCoursetop04.png") no-repeat;}
.courseCon h4.bg01 span{background-color: #c68c46; background-color:rgba(206,151,86,0.6);}
.courseCon h4.bg02 span{background-color: #de7158; background-color:rgba(226,123,91,0.6);}
.courseCon h4.bg03 span{background-color: #5194d6; background-color:rgba(81,148,214,0.6);}





/*three*/
.courseListThreeOrdinary .courseClass{ width: 391px;}
.courseListThreeOrdinary .teacherList li{ margin: 0 20px;}
.courseListThreeOrdinary .givePresent li{ margin: 0 20px;}
.courseListThreeOrdinary .eveyInforBotton a{ width: 166px;}
.courseListThreeOrdinary .teacherImgSan img{ padding:25px 0 0 15px;}
.courseListThreeOrdinary .courseClassTop h3{ text-align: center;padding: 60px 20px 0 20px;}

.courseListThreeOrdinary .courseItem01 .courseClassTop h4{ background-position: 0 -297px;}
.courseListThreeOrdinary .courseItem02 .courseClassTop h4{ background-position: 0 -327px;}
.courseListThreeOrdinary .courseItem03 .courseClassTop h4{ background-position: 0 -357px;}
.courseListThreeOrdinary .courseItem04 .courseClassTop h4{ background-position: 0 -387px;}
.courseListThreeOrdinary .courseItem05 .courseClassTop h4{ background-position: 0 -416px;}

.courseListThreeOrdinary  .courseClassTop h4.threeStrip{ width: 391px; left:-40px; bottom: -1px;}
.courseListThreeOrdinary .courseItem01 .courseClassTop h4.threeStrip{ background-position: 0 -297px;}
.courseListThreeOrdinary .courseItem02 .courseClassTop h4.threeStrip{ background-position: 0 -327px;}
.courseListThreeOrdinary .courseItem03 .courseClassTop h4.threeStrip{ background-position: 0 -357px;}
.courseListThreeOrdinary .courseItem04 .courseClassTop h4.threeStrip{ background-position: 0 -387px;}
.courseListThreeOrdinary .courseItem05 .courseClassTop h4.threeStrip{ background-position: 0 -416px;}
.courseListThreeOrdinary .courseItem06 .courseClassTop h4.threeStrip{ background-position: 0 -1089px;}
.courseListThreeOrdinary .courseItem07 .courseClassTop h4.threeStrip{ background-position: 0 -1056px;}
.courseListThreeOrdinary .courseItem08 .courseClassTop h4.threeStrip{ background-position: 0 -1121px;}

.courseListThree .courseClassTop h4{ margin-left: 40px; bottom: 6px; width:302px;}
.courseListThree .courseList{ padding: 20px 20px 15px 15px;}

.courseListThree .courseItem01 .courseClassTop h4{ background-position: 0px -450px;}
.courseListThree .courseItem02 .courseClassTop h4{ background-position: 0px -478px;}
.courseListThree .courseItem03 .courseClassTop h4{ background-position: 0px -506px;}
.courseListThree .courseItem04 .courseClassTop h4{ background-position: 0px -536px;}
.courseListThree .courseItem05 .courseClassTop h4{ background-position: 0px -565px;}
.courseListThree .courseItem06 .courseClassTop h4{ background-position: 0px -1174px;}
.courseListThree .courseItem07 .courseClassTop h4{ background-position: 0px -1148px;}
.courseListThree .courseItem08 .courseClassTop h4{ background-position: 0px -1200px;}












/*Forth*/
.partForth{ background: url("/images/cma/cma2020/mfzlBg.jpg") no-repeat; height: 162px;margin-bottom: 20px;}
.partForth ul{ padding:85px 0 0 25px; }
.partForth ul li{ float: left; padding-right: 10px;}
.partForth ul li .input01{ font-size: 14px; width: 210px; height: 50px; line-height:50px; padding-left: 10px; background: #fff; border-radius: 5px; border: 0; color: #666;font-family:\5FAE\8F6F\96C5\9ED1,\9ED1\4F53; }
.partForth ul li .ljBtn{ width: 200px; height: 50px; border: none; cursor: pointer; color: #fff; font-size: 18px; font-weight: bold; text-align: center;font-family:\5FAE\8F6F\96C5\9ED1,\9ED1\4F53;
     background: #c4843a;
    background: -webkit-linear-gradient(left, #a25615, #ce9146);
    background: -o-linear-gradient(left, #a25615, #ce9146);
    background: -moz-linear-gradient(left, #a25615, #ce9146);
    background: linear-gradient(left, #a25615, #ce9146)
}
/*select*/
.selectBox {position:relative}
.selectBox select{display:none}
.selectBox input{padding:0;margin:0;cursor:pointer;position:absolute;top:0;left:0;background:none}
.selectBox i{position:absolute}
.selectBox ul {list-style-type:none;padding:0;margin:0;width:100%;display:none;position:absolute;overflow-x: hidden;overflow-y: auto}
.selectBox ul li{list-style-type:none;padding:0;margin:0}
.selectBox ul.show{display:block}
.areaSelect{width:228px; height:34px; background: #fff; padding:8px 0; border-radius: 5px;}
.areaSelect input{width:226px; height:50px; line-height:50px; border:none; font-size:14px; overflow:hidden; text-indent:8px; font-family:\5FAE\8F6F\96C5\9ED1,\9ED1\4F53; color:#666;}
.areaSelect input.on{color:#333}
.areaSelect input.show{}
.areaSelect i{display:block;width:32px;height:50px; top:0px; right:18px; background-position:13px -910px; border-left: 1px solid #e8eaea;}
.areaSelect i.on{ background-position:13px -975px;}
.areaSelect ul {width:223px; border:1px solid #ddd;background:#fff; padding:0;}
.areaSelect ul.show{ width:226px;}
.areaSelect ul li {overflow:hidden;width:96%;cursor:pointer; font-size:14px; line-height:26px;height:26px;padding:0 0 0 4%}
.areaSelect ul li.hover {background:#a7cee2;color:#fff}

/*fifth new*/
.partFifth{ background: #fff; border-radius: 5px; padding:10px 0 0; margin-bottom: 20px;}
.partFifth h3{ font-size: 22px; margin-bottom:30px; height: 23px; line-height: 23px;}
.leftFifth{ width: 360px; float: left; padding:0 25px 0 20px;overflow: hidden;}
.gaoFirst,.gaoSecond,.gaoThird,.gaoForth{width: 340px; height: 212px; padding-bottom: 40px;}
.gaoFirst h5,.gaoSecond h5,.gaoThird h5,.gaoForth h5{ padding:70px 0 6px; font-size: 24px; color: #724125; font-weight: normal;}
.gaoFirst span,.gaoSecond span,.gaoThird span,.gaoForth span{ font-size: 18px; color: #bd9f8f;}
/*.gaoFirst a,.gaoSecond a,.gaoThird a,.gaoForth a{ display: block; width: 340px; height: 212px;}
.gaoFirst a:hover,.gaoSecond a:hover,.gaoThird a:hover,.gaoForth a:hover{text-decoration: none;}*/
.gaoSecond{*padding-bottom: 0; }
.gaoThird{}
.gaoForth{padding-bottom: 0; }
.gaoThird span{ color: #9792b5;}
.gaoForth span{ color: #8396b9;}
.midFifth{ width: 370px; float: left;overflow: hidden;}
.midFifth h4,.rightFifth h4{ height: 33px;border-bottom: 1px solid #f2f2f2; font-weight: normal; margin-bottom:10px;}
.midFifth h4 span,.rightFifth h4 span{ display: block; width:72px; height: 33px; background-position: 0 -1070px; font-size: 18px; padding-left:30px; border-bottom: 1px solid #07bdc7;}
.midFifth h4 a,.rightFifth h4 a{ display: block; background-position:62px -1025px; color: #999; width:72px; margin-top:8px; font-size: 14px;}
.midFifth h4 a:hover,.rightFifth h4 a:hover{ background-position:62px -1050px; }
.midFifth ul,.rightFifth ul{ padding-bottom:38px;}
.midFifth ul.last,.rightFifth ul.last{ padding-bottom: 0;}
.midFifth ul li,.rightFifth ul li{overflow: hidden;text-overflow: ellipsis; white-space: nowrap; width: 370px; height: 42px; line-height: 42px;font-size: 16px;}
.midFifth ul li a,.rightFifth ul li a{ text-decoration: none;}
.midFifth h4 span.hyNew{background-position: 0 -1143px;}
.rightFifth h4 span.zcjx{background-position: 0 -1106px;}
.rightFifth h4 span.hjwd{background-position: 0 -1182px;}
.midFifth h4 span.bkzd{background-position: 0 -1220px; width: 115px;}
.midFifth h4 span.stzx{background-position: 0 -1257px; width: 115px;}
.rightFifth{ float: left; width: 375px; padding:0 20px 0 30px;overflow: hidden;}
.rightFifth h4 img{ margin-top:6px; border-bottom: 1px solid #07bdc7; padding-bottom: 10px;}
.rightFifth .gaoSix{ padding:10px 0 14px;}
.rightFifth ul.lastNew{ padding-top:13px; width: 375px; *padding-bottom: 0;}
.rightFifth ul.lastNew li{background-position: 0 -1287px; padding-left:18px;}
.midFifth h4 span a,.rightFifth h4 span a,.midFifth h4 span a{ color: #333; text-decoration: none;font-size: 18px; margin-top: 0;}

/*goumai*/
.pgFirst li .pgBtn {animation:heartbeat 1s infinite; -webkit-animation:heartbeat 1s infinite;  width:145px;  height:26px;  background:#fff;  position:relative; font-family:\5FAE\8F6F\96C5\9ED1,\9ED1\4F53; }
.pgFirst li .pgBtn:before,.pgFirst li .pgBtn:after { content:"";  position:absolute;  width:147px;  height:28px;  background:#fff;  }
.pgFirst li .pgBtn:before {left:-100px;  }
.pgFirst li .pgBtn:after {left:0;  top:-100px;}
@keyframes heartbeat {0% {
        transform:scale(0.9,0.9);
        opacity:1;
    }
    25% {
        transform:scale(1,1);
        opacity:0.8;
    }
    100% {
        transform:scale(0.9,0.9);
        opacity:1;
    }
}


/*add Service*/
.rightFloat{ position: fixed;top: 50%; left:10px;margin-top: -200px; width: 130px; border-radius: 10px; background: #fff;box-shadow: 0 0 15px rgba(0,0,0,0.2); z-index: 601;}
.rightFloat .closeRightFloat{ left: 0px; top: -25px;}
.rightFloat .serviceImg{ left:15px; top: -9px; z-index: 0;}
.rightFloat .consuLink{display: block; width: 108px; height: 30px; line-height: 30px; box-shadow:0 5px 13px #ffe4d5;border-radius: 18px; background: #ff680f; text-align: center; font-size: 16px; color: #fff; margin: 60px auto 12px; z-index: 1; position: relative;}
.rightFloat .ewmCmaImg{ padding: 6px; background: #f1f2f4; display: block; width: 90px; height: 90px; margin: 0 auto;}
.rightFloat p{ width: 110px; margin: 6px auto 12px; line-height:18px; padding-left: 16px; font-size: 14px; }
.rightFloat p .cmaGift{-webkit-animation:hatch 4s 0s infinite both;-moz-animation:hatch 4s 0s infinite both;-o-animation:hatch 4s 0s infinite both;animation:hatch 4s 0s infinite both; float: right; margin-top: 5px;}
@-webkit-keyframes hatch{
    0%{-webkit-transform:rotate(0deg)}
    5%{-webkit-transform:rotate(-16deg)}
    9%{-webkit-transform:rotate(16deg)}
    13%{-webkit-transform:rotate(-16deg)}
    16%{-webkit-transform:rotate(8deg)}
    20%{-webkit-transform:rotate(-8deg)}
    25%{-webkit-transform:rotate(0deg)}
}
@-moz-keyframes hatch{
    0%{-moz-transform:rotate(0deg)}
    5%{-moz-transform:rotate(-16deg)}
    9%{-moz-transform:rotate(16deg)}
    13%{-moz-transform:rotate(-16deg)}
    16%{-moz-transform:rotate(8deg)}
    20%{-moz-transform:rotate(-8deg)}
    25%{-moz-transform:rotate(0deg)}
}
@-o-keyframes hatch{
    0%{-o-transform:rotate(0deg)}
    5%{-o-transform:rotate(-16deg)}
    9%{-o-transform:rotate(16deg)}
    13%{-o-transform:rotate(-16deg)}
    16%{-o-transform:rotate(8deg)}
    20%{-o-transform:rotate(-8deg)}
    25%{-o-transform:rotate(0deg)}
}
@keyframes hatch{
    0%{transform:rotate(0deg)}
    5%{transform:rotate(-16deg)}
    9%{transform:rotate(16deg)}
    13%{transform:rotate(-16deg)}
    16%{transform:rotate(8deg)}
    20%{transform:rotate(-8deg)}
    25%{transform:rotate(0deg)}
}

/*20230910 addd njf*/
.coupon-new2023 .coupon-btn,.counpImgIntro .coupon-new2023 .coupon-btn2023{ display:block; width:225px; height:34px; line-height:34px; padding-left:9px; margin:10px auto; text-decoration:none; font-size:12px; color:#e0262c; background:url("//www.chinaacc.com/images/zhuanti/20221111/vip-coupon.png") no-repeat;}
.coupon-new2023 .coupon-btn i,.counpImgIntro .coupon-new2023 .coupon-btn2023 em{ display:inline-block; width:17px; height:17px; line-height:17px; font-size:13px; color:#fff; text-align:center; background:#dd111a; border-radius:50%;}
.coupon-new2023 .coupon-btn strong,.counpImgIntro .coupon-new2023 .coupon-btn2023 strong{ font-size:20px; padding:0 18px 0 3px; vertical-align:-3px;}
.counpImgIntro .coupon-new2023 .coupon-btn2023 em{ vertical-align: middle; text-align: center; float: left; margin-top:10px;}
