@charset "utf-8";
/* CSS Document */
strong{ font-weight:500;}
#banner.on-line{ background:url(../../images/finance/index/banner_02.jpg) no-repeat center top; height:540px; width:100%; min-width:1180px;}
#banner .banner-box{width:980px; margin:0 auto; position:relative; height:527px; color:#2d2a3f; overflow:hidden;}
#banner .banner-box .join-info{ position:absolute; left:300px; bottom:195px; width:680px; line-height:30px; color:#2d2a3f; font-size:22px;  }

.wrapper-box{background:#f1f1f1 url(../../images/finance/index/bg_06.jpg) no-repeat center top; min-height:1050px; height:auto!important; height:1050px; width:100%; min-width:1180px;}
.center-title{ width:100%; text-align:center;}
.center-title img{display:inline-block; height:53px;}
.center-title .little-tit{ display:block; font-size:18px; color:#fff; line-height:38px;}
.module-content{width:1180px;margin:0 auto;}

.center-title strong.tit{display:inline-block; height:60px; font-size:36px; color:#333; line-height:36px; width:300px; position:relative;}
.center-title strong.tit.white{ color:#fff; background:none!important;}
.center-title strong.tit i.line{ height:2px; width:36px; background:#ef4136; display:block; position:absolute; left:132px; bottom:0px;}
.center-title strong.tit.white i.line{ background:#fff;}
.center-title strong.tit.yellow i.line{ background:#f3672f;}
.center-title strong.tit.green i.line{ background:#07c986;}
.center-title strong.tit.lan i.line{ background:#32a8f5;}

/*============线上==============*/
#module1{ width:1180px; height:200px; margin:0 auto; position:relative;}
#module1 .info{ color:#fff; background:#21b7df; padding:35px 40px;border-top-right-radius:30px;border-bottom-left-radius:30px; position:absolute; top:-60px;}
#module1 .info strong.tit{ font-size:18px; line-height:18px; margin-bottom:20px; display:block;}
#module1 .info p{ padding-left:35px; position:relative; line-height:24px; margin-top:10px;}
#module1 .info i.ico{ width:24px; height:24px; text-align:center; line-height:24px; position:absolute; left:0px; top:0px; border-radius:50%; color:#21b7df; background:#fff; display:inline-block;}
#module1 .info .left{ width:330px;}
#module1 .info .mid{ width:180px; padding:0 75px; margin-left:75px; border-left:1px solid #90dbef; border-right:1px solid #90dbef;}
#module1 .info .right{ width:285px;margin-left:75px;}
#module1 .info .right p{ padding-left:0;}

.syllabus-list{ width:1180px;margin:0 auto;}
.syllabus-list li{ font-size:16px; height:55px; line-height:55px; background:url(../../images/finance/index/play.jpg) no-repeat 20px center; padding-left:50px; border-bottom:1px solid #e7e7e7;}
.syllabus-list li a{ color:#333; display:inline-block; max-width:510px;overflow: hidden; text-overflow: ellipsis;white-space: nowrap;}
.syllabus-list li a:hover{ color:#21b7df;}
.syllabus-list .left{ width:580px; background:#fff;}
.syllabus-list .right{width:580px;background:#fff;}

#module3{ margin-top:80px;}
.objectives-list{ width:1180px; margin:0 auto;}
.objectives-list .info{ width:500px;color:#333; background:#fff; font-size:16px; line-height:26px; padding:55px 40px 35px;border-top-right-radius:30px;border-bottom-left-radius:30px; position:relative;}
.objectives-list .info strong.tit{ position:absolute; left:40px; top:-20px; display:inline-block; width:116px; height:40px; line-height:40px;border-top-right-radius:8px;border-bottom-left-radius:8px;  text-align:center; color:#fff; background:#21b7df;}

.btn-box{ text-align:center; padding-bottom:80px;}
.btn-box a.detail{ background:#e66400; width:160px; height:45px; line-height:45px; border-radius:3px; color:#fff; display:inline-block;}
.btn-box a.detail:hover{ background:#f86f05; }

/*==============线下==============*/
#banner.line-down{ background:url(../../images/finance/index/banner_03.jpg) no-repeat center top; height:540px; width:100%; min-width:1180px;}
.line-down #module1{ height:260px;}
#module1 .info.down .left{ width:160px;}
#module1 .info.down .mid{ width:380px; padding:0 70px; margin-left:75px; border-left:1px solid #90dbef; border-right:1px solid #90dbef;}
#module1 .info.down .right{ width:260px;margin-left:70px;}
#module1 .info.down .right p{ padding-left:35px;}

.project-description{ width:1180px; margin:97px auto 0; height:490px;position:relative; }
.project-description .detail{ padding:70px 25px 25px; background:#fff; width:190px; border-radius:3px; position:absolute;}
.project-description .detail.a{ left:0px; top:0px;}
.project-description .detail.b{ left:235px; top:225px;}
.project-description .detail.c{ left:475px; top:0px; height:112px; text-align:center;}
.project-description .detail.d{ right:235px; top:225px; text-align:center;}
.project-description .detail.e{ right:0px; top:0px;}
.project-description .detail .img{ width:114px; height:114px; position:absolute; left:63px; top:-57px;}
.project-description .detail .img img{ width:114px; height:114px; }
.project-description .detail .info{ line-height:24px; color:#333;}
.project-description .detail .info .tit{ font-size:18px; display:block; text-align:center; position:relative; height:35px; margin-bottom:5px;}
.project-description .detail .info .tit i.line{ width:30px; height:1px ; background:#21b7df; display:inline-block; position:absolute; left:75px; bottom:0px;}

.line-down.wrapper-box{background:#f1f1f1 url(../../images/finance/index/bg_07.jpg) no-repeat center top; background-size:cover;background-attachment:fixed; min-height:925px; height:auto!important; height:925px; width:100%; min-width:1180px;}
.line-down #module3{padding:80px 0 0;background:#f1f1f1 url(../../images/finance/index/bg_08.jpg) no-repeat center top; background-size:cover; background-attachment:fixed; min-height:772px; height:auto!important; height:772px; width:100%; min-width:1180px;}
.learning-box{ padding:60px; background:#fff; width:1060px; margin:0 auto;}

.line-down #module4{padding:80px 0 0; background:#f1f1f1;}
.line-down #module4 .info p strong{ font-weight:bold; color:#2bbae0;}


/*==============初级会计师职称考试项目==============*/
#banner.primary{ background:url(../../images/finance/primary/banner_01.jpg) no-repeat center top; height:540px; width:100%; min-width:1180px;}
#banner.primary .banner-box .join-info{ color:#fff; text-align:center; font-size:18px; left:auto; bottom:110px; width:100%;}
#banner.primary .banner-box .join-info strong{ font-size:22px; display:block; margin-bottom:10px;}

#module1.primary{ padding:75px 0 0 ;background:url(../../images/finance/primary/bg_01.jpg) no-repeat center top;  height:641px; width:100%; min-width:1180px;}
#module1.primary .prospect{ font-size:16px; color:#fff;font-weight:bold;  width:340px; line-height:26px; position:absolute; left:60px; top:160px;}
#module1.primary .prospect .tit{ margin-bottom:20px; display:block;}
#module1.primary .prospect p{ margin-bottom:5px;}
#module1.primary .prospect p em{ font-weight:500; font-size:14px; display:block; padding-left:24px;}

#module2.primary{ padding:75px 0 0 ;background:url(../../images/finance/primary/bg_02.jpg) no-repeat center top;  height:450px; width:100%; min-width:1180px;}
#module2.primary .course-info{ font-size:16px; color:#fff; width:600px; padding:35px 40px; line-height:26px; position:absolute; right:30px; top:40px; background:#32a8f5; border-top-left-radius:30px;border-bottom-right-radius:30px;}
#module2.primary .course-info p{ margin-bottom:5px; padding-left:20px; position:relative; color:#fff;}
#module2.primary .course-info p i.ico{ position:absolute; left:0px; top:10px; width:6px; height:6px; border-radius:50%; background:#fff; display:inline-block; }
#module2.primary .course-info p em.te{ color:#fdff3d;}

#module3.primary{ padding:75px 0 0 ;background:url(../../images/finance/primary/bg_03.jpg) no-repeat center top;  height:423px; width:100%; min-width:1180px; margin-top:0;}
.pay-list{width:1180px;margin:56px auto 0;}
.pay-list li{ color:#fff; position:relative; padding:35px 15px 15px; line-height:26px; width:206px; height:180px;border-right:none; float:left; text-align:center;-webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s;}
.pay-list li:hover{ -moz-transform: translateY(-30px);-o-transform: translateY(-30px);-webkit-transform: translateY(-30px);transform: translateY(-30px);}
.pay-list li.a{ background:#00b1a6;}
.pay-list li.b{ background:#32a8f5;}
.pay-list li i.ico{ width:30px; height:30px; line-height:30px; font-size:14px; border-radius:50%; color:#fff; text-align:center; background:#f47d76; border:2px solid #fff; display:inline-block; position:absolute; left:102px; top:-16px;}
.pay-list li strong.tit{ font-size:20px; display:block; margin-bottom:10px;}
.pay-list li p.te{ color:#ffff00;}
.pay-list li p b{ font-size:22px;}
.pay-list li p.left{ text-align:left;}

#module4.primary{ padding:75px 0 80px;background:#e2f1f6;  width:100%; min-width:1180px; }
.hidden-teach{ overflow:hidden; width:1180px; margin:40px auto 0;}
.teach-list{ width:10000px; margin-left:0;-webkit-transition:all 1s; -moz-transition:all 1s; -o-transition:all 1s; transition:all 1s;}
.teach-list li{ padding:40px; width:500px; height:250px; background:#fff; margin-right:20px; float:left;}
.teach-list li .img{ position:relative; width:164px; padding:0 7px;}
.teach-list li .img img{ border-radius:50%;}
.teach-list li .img i.bg{background:url(../../images/finance/primary/img_bg.png) no-repeat; width:174px; height:164px; position:absolute; left:0px; top:0px;z-index:2;}
.teach-list li .info{ width:300px;overflow:hidden; height:255px;}
.teach-list li .name{ font-size:18px; color:#333; display:block; margin-bottom:10px;}
.teach-list li .id{color:#999; display:block;}
.teach-list li .msg{ margin-top:15px; color:#666; line-height:24px;}
.teach-list li .subjects{margin-top:15px; line-height:24px; color:#666;}
.teach-list li .subjects i.tit{ font-weight:bold; color:#666; display:block; }

.ico-change{ text-align:center; margin-top:30px; display:none;}
.ico-change a{ display:inline-block; width:12px; height:12px; margin:0 3px; border-radius:12px; background:#cdd3d5;-webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s;}
.ico-change a.on{ background:#32a8f5; width:24px; }

#module5.primary{ padding:75px 0 0 ;background:url(../../images/finance/primary/bg_04.jpg) no-repeat center top;  height:614px; width:100%; min-width:1180px; margin-top:0;}
.module-content.question{ width:1080px; background:#fff; border-radius:3px; overflow:hidden;}
.question-list{width:1040px; margin:50px 0 0px 40px;}
.question-list li{ width:485px; float:left; margin:0 30px 40px 0;}
.question-list li .title{ height:45px; line-height:45px; background:#f47d76; padding:0 20px 0 85px; width:380px;/*overflow: hidden; text-overflow: ellipsis;white-space: nowrap;*/position:relative; font-size:18px; color:#fff;}
.question-list li .title i.ico{ position:absolute; left:20px; top:-10px; font-size:20px; width:46px; height:46px;line-height:46px;text-align:center; border-radius:3px; font-weight:600;background:#f47d76; box-shadow:0px 2px 5px #e85e56; display:inline-block;}
.question-list li .info{min-height:35px; line-height:26px; background:#32a8f5; padding:15px 20px 25px 85px; position:relative; font-size:16px; color:#fff;}
.question-list li .info i.ico{position:absolute; left:20px; top:20px; font-size:20px; width:46px; height:46px; line-height:46px; text-align:center; border-radius:3px; font-weight:600;background:#32a8f5; box-shadow:0px 2px 5px #1b93e2; display:inline-block;}

#module6.primary{ padding:75px 0 80px;background:#46b0f6 url(../../images/finance/primary/bg_05.png) no-repeat center bottom;  min-height:728px; width:100%; min-width:1180px; margin-top:0;}
.course-info-box{ width:1120px; padding:30px; border-radius:3px; background:#fff; margin:40px auto 0;}
.course-info-box .course-table{ width:1120px;}
.course-info-box .course-table th{ background:#32a8f5; border-right:1px solid #fff; font-size:18px; height:60px; line-height:60px; color:#fff;text-align:center;}
.course-info-box .course-table td{ border-top:1px solid #fff; border-right:1px solid #fff; color:#333; font-size:16px; padding:10px 5px; line-height:30px; text-align:center; background:#f1f1f1;}
.course-info-box .course-table th.a{ width:10%;}
.course-info-box .course-table th.b{ width:29%;}
.course-info-box .course-table th.c{ width:45%;}
.course-info-box .course-table th.d{ width:14%;}
.course-info-box .course-table th.e{ width:32%;}

.course-info-box .course-table td.d{ width:16%;}

.course-info-box .course-table td.te{ background:#32a8f5; font-size:18px; color:#fff;}
.course-info-box .course-table td.otherBg{ background:#f6f6f6;}
.course-info-box .course-table td.msg,.course-info-box .course-table th.msg{ padding-left:20px; text-align:left; }

.course-info-box .course-table td a.detail{ width:100px; height:35px; line-height:35px; font-size:14px; text-align:center; color:#32a8f5; border-radius:3px; border:1px solid #32a8f5;display:inline-block;}
.course-info-box .course-table td a.detail:hover{background:#32a8f5; color:#fff;}

/*========级班列表（待删除）======*/
.system-change{ width:400px; margin:30px auto 20px;}
.system-change a{ width:118px; height:42px; line-height:42px; text-align:center; margin-right:20px; color:#32a8f5; float:left; border:1px solid #32a8f5; border-radius:3px;-webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s;}
.system-change a.cur,.system-change a:hover{ background:#32a8f5; color:#fff;}
.system-overhidden{ width:1180px; height:348px; overflow:hidden; position:relative;}
.system-list-box{ position:absolute; top:0px; left:0px;-webkit-transition: all 1s ease 0s; -moz-transition: all 1s ease 0s; -o-transition: all 1s ease 0s; transition: all 1s ease 0s;}
.system-list-box .class-list{ float:left;}

#little-banner{ height: 240px;min-width: 1180px;width: 100%;/* position:relative; z-index:1;*/}
#little-banner.class{ background:url(../../images/teach/class/banner_class.jpg) no-repeat center top;}
#little-banner .info{ font-size:16px; line-height:34px; color:#dadada; text-align:center; padding:85px 0;}
#little-banner .info strong{ font-size:24px; line-height:34px; color:#fff;}

#wrapper{ width:1180px; min-height:600px; height:auto!important; height:600px; margin:0 auto 20px;}
.outSide-tit{ height:30px; padding-bottom:32px; width:320px; margin:0 auto; position:relative; overflow:hidden;}
.outSide-tit i.line{ height:2px; background:#32a8f5; display:block; position:absolute; left:0px; top:14px; width:100%; }
.outSide-tit .tit{ width:256px; background:#f0f0f0;position:absolute; left:32px; top:0px; text-align:center; }
.outSide-tit .tit strong{ font-size:30px; line-height:30px; color:#333; display:block;}
.outSide-tit .tit em{ font-size:16px; line-height:26px; margin-top:8px; color:#999; display:block;}
.outSide-tit .tit strong b.biao{ /*border:1px solid #ef4136; color:#ef4136; font-size:22px; line-height:26px;  border-radius:6px;text-align:center; */width:54px; height:26px;  display:inline-block; margin-left:10px;vertical-align:bottom; text-indent:-9999px;}
.outSide-tit .tit strong b.biao.a{ background:url(../../images/finance/ico_a.png) no-repeat; }
.outSide-tit .tit strong b.biao.b{ background:url(../../images/finance/ico_b.png) no-repeat; }

.class-list{ width:1215px; /*width:1180px;*/ }
.class-list li{ background:#fff; padding:30px 30px 25px;width:310px; float:left; margin-right:35px; margin-bottom:20px;}
.class-list li.noContent{ background:#f7f7f7; height:262px;}
.class-list li .class-info .img{ width:310px; height:168px; position:relative; overflow:hidden;}
.class-list li .class-info .img img{width:310px; height:168px;-webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s;}
.class-list li .class-info .img .meng{ position:absolute; left:0px; top:0px; width:80px; height:80px; display:block; }
.class-list li .class-info .img .meng.online{ background:url(../../images/electricity/mian.png) no-repeat;}
.class-list li .class-info .img .meng.downline{ background:url(../../images/electricity/live.png) no-repeat;}

.class-list li .class-info a:hover img{-webkit-transform:scale(1.1,1.1);-o-transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1);transform:scale(1.1,1.1);}
.class-list li .class-info a:hover .tit{ color:#32a8f5;}
.class-list li .class-info .tit{ font-weight:500; font-size:18px; margin-top:15px; line-height:28px; color:#333; display:block;-webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s;}
.class-list li .class-bot{ border-top:1px solid #eee; padding-top:15px; margin-top:15px;}
.class-list li .class-bot .price{ color:#ff9495;font-weight:600; }
.class-list li .class-bot .price em.old{ color:#999; text-decoration:line-through; padding-left:10px; font-size:12px;}
.class-list li .class-bot .per,.class-top-content .buy-btn .per{ color:#666; background:url(../../images/teach/class/per.png) no-repeat left center; padding-left:20px;}
/*========（待删除）======*/