/*
@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:#fafef8;}
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:none;}
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;}
.icon{background: url("/images/chujizhicheng/project/quancheng/icon.png") no-repeat;}


.headerTop{ height: 366px;}
.navMain{ background: url("/images/chujizhicheng/project/quancheng/mainNav.jpg") no-repeat center center; height: 80px;}
.navMain a strong{display: inline-block;*display:inline; zoom:1;font-size: 30px; color: #fff; background: #7ac976; padding: 0 5px;letter-spacing:8px; margin-right: 8px;}
.navMain i{ background-position: 0 0; display: inline-block;*display:inline; zoom:1; width: 32px; height: 32px; vertical-align: top; margin-top: 8px;}
.title{ text-align: center;}
.goodStudy .title{ padding: 70px 0 45px;}
.goodStudyList ul{ padding: 0 29px;}
.goodStudyList ul li strong{ display: inline-block;*display:inline; zoom:1; width: 75px; height: 70px; line-height: 70px; text-align: center; font-size: 34px; font-weight: bold; color: #fff; padding-right: 30px;}
.goodStudyList ul li {line-height: 68px; font-size: 24px; color: #269225; float: left; background: url("/images/chujizhicheng/project/quancheng/studiousBg.png") no-repeat; height: 86px; width: 531px; margin: 0 20px 24px;}
.goodStudyList ul li:hover{ transform:translateY(-4px); -webkit-transform:translateY(-4px);  }
.subTitle{ background: url("/images/chujizhicheng/project/quancheng/subTit.png") no-repeat; height: 76px; line-height: 76px; font-size: 24px; color: #fff; padding-left: 20px; font-weight: bold;}
.suitablePeople{ margin: 20px 0 0;}
.suitablePeople ul li{ background: url("/images/chujizhicheng/project/quancheng/forSuitable.png") no-repeat; width: 278px; height: 200px; padding-top: 20px; float: left; text-align: center; color: #63c762; font-size: 16px; margin-right:29px;}
.suitablePeople ul li.last{ margin-right: 0;}
.suitablePeople ul li i{ display: block; width: 116px; height: 85px; margin: 0 auto 20px;}
.suitablePeople ul li i.icon01{ background-position: 0 -51px;}
.suitablePeople ul li i.icon02{ background-position: 0 -151px;}
.suitablePeople ul li i.icon03{ background-position: 0 -242px;}
.suitablePeople ul li i.icon04{ background-position: 0 -335px;}
.suitablePeople ul li h5{ font-size: 20px; color: #63c762;}
.suitablePeople ul li:hover{transform:translateY(-4px); -webkit-transform:translateY(-4px);}

.bodybg{ background: url("/images/chujizhicheng/project/quancheng/bodyBottomBg.jpg") no-repeat center bottom;}
.methodsTeaches .title{padding: 70px 0 50px;}
.methodsTeaches .last{ margin-right: 0;}
.methodsTeaches li{ margin-right: 28px;background: url("/images/chujizhicheng/project/quancheng/selectBox.png") no-repeat; width: 380px; height: 420px; float: left; text-align: center; color: #7abd5c; font-size: 18px;}
.methodsTeaches li h3{ height: 60px; line-height: 60px; text-align: center; font-size: 20px; color: #fff; margin-bottom: 40px;}
.methodsTeaches li h4{ font-size: 30px; color: #63c762;}
.methodsTeaches li i{display: block; width: 55px; height: 5px; border-radius: 3px; background: #fee271; margin: 8px auto;}
.methodsTeaches li .price{ display: block; width: 194px; height: 38px; line-height: 38px; text-align: center; font-weight: bold; color: #fff; margin: 18px auto 0; border-radius: 19px; }
.methodsTeaches li .color01{background: #fbd7dc;}
.methodsTeaches li .color02{background: #fcdd60;}
.methodsTeaches li .color03{background: #9ed585;}
.methodsTeaches li:hover{transform:translateY(-4px); -webkit-transform:translateY(-4px);}

.withoutHappy .title{ padding:60px 0 40px;}
.withoutHappy .picImg{ width: 472px;}
.withoutHappy .giftList{ width: 708px; background: url("/images/chujizhicheng/project/quancheng/giftlistBg.jpg") no-repeat; height: 365px; text-align: center; padding-top: 45px; }
.withoutHappy .giftList li{display: inline-block;*display:inline; zoom:1; margin: 0 26px;}
.withoutHappy .giftList li span{display: inline-block;*display:inline; zoom:1; background: #c9eeb5; height: 30px; line-height: 30px; border-radius: 15px; padding: 0 15px; color: #6ea74f; font-size: 16px; margin: 15px 0px 30px;}
.withoutHappy .giftList li span i{display: inline-block;*display:inline; zoom:1; vertical-align: top; margin-top: 5px; width: 20px; height: 20px; margin-right: 10px; text-align: center; font-weight: bold; color: #fff; font-size: 12px; line-height: 20px; border-radius: 50%; background: #6ea74f; }

.teacherList .subTitle{ margin: 60px 0;}
.teacherList dl{ width: 580px; float: left; height: 224px; background: url("/images/chujizhicheng/project/quancheng/teacherBg.png") no-repeat; color: #63c762; font-size: 16px;}
.teacherList dl dt{ width: 210px; height: 224px; float: left;}
.teacherList dl dt .teacherImg{ left: 0; bottom:11px; display: block;}
.teacherList dl dd{float: left; width: 320px; padding-left: 20px;}
.teacherList dl dd h6{ color: #63c762; font-size: 28px; margin: 25px 0;}
.teacherList dl dd a{ display: block; width:80px; height: 28px;line-height: 28px; border-radius: 14px; background: #c9eeb5; font-size: 14px; color: #6ea74f; text-align: center; margin-top: 5px;}
.teacherList dl dd i{ display:inline-block;*display:inline; zoom:1; background-position: -46px 0; width: 16px; height: 16px; vertical-align: middle; margin-left: 5px;}
.teacherList dl.marginRight{ margin-left: 40px;}


.systemCurriculum .subTitle{ margin: 60px 0 40px;}
.systemCurriculum .stageDisplay{ width: 600px; margin-right: 40px;}
.systemCurriculum .tableTime{ width: 560px;}
.systemCurriculum h5{ background-position: 0 -425px; font-size: 24px; color: #527b52; padding-left:30px; margin-bottom: 15px;}
.systemCurriculum ul{ background: url("//www.chinaacc.com/upload/resources/image/2022/11/25/1952273.png") no-repeat center center; height: 488px;}
.systemCurriculum ul li{ width: 196px; text-align: center; font-size: 16px;display: inline-block;*display:inline; zoom:1; padding: 20px 0 15px;}
.systemCurriculum ul li.color01{ color: #fff;}
.systemCurriculum ul li.color02{ color: #5ab259;}
.systemCurriculum ul li strong{ font-size: 34px;}
.systemCurriculum ul li h6{ font-size: 24px; margin-bottom: 15px;}

.systemCurriculum .tableTime .tableBg{ background: #8dd38c; border-radius: 10px; padding: 0 10px 10px;}
.systemCurriculum .tableTime .tableBg table{ border-collapse: collapse;}
.systemCurriculum .tableTime .tableBg table th,.systemCurriculum .tableTime .tableBg table td{ border-left: 1px solid #f0f0f0; border-bottom: 1px solid #f0f0f0; text-align: center; padding: 18px 0;}
.systemCurriculum .tableTime .tableBg table th{ font-size: 14px; color: #fff; padding: 18px 0;}
.systemCurriculum .tableTime .tableBg table td{ background: #fff; font-size: 14px; color: #4f6468;}
.systemCurriculum .tableTime .tableBg table td.noBorder,.systemCurriculum .tableTime .tableBg table th.noBorder{ border-left: 0;}
.systemCurriculum .tableTime .tableBg table td.name{ color: #86d085; font-weight: bold;}


.levelHigh .subTitle{ margin: 60px 0px;}
.onSignBg{ background: url("/images/chujizhicheng/project/quancheng/highBg.jpg") repeat; border-radius: 15px; padding: 10px;}
.onSignBg h3{ text-align: center; font-size: 30px; color: #fff; letter-spacing: 5px;}
.onSignBg h3 i{ display: inline-block;*display:inline; zoom:1; background-position: 0 -576px; width: 58px; height: 62px; line-height:52px; vertical-align: middle;}

.onSignBg .tag01,.onSignBg .tag02{ display: inline-block;*display:inline; zoom:1; background-position: 0 -478px; width: 90px; height: 83px; left: 260px; top: -35px;}
.onSignBg .tag02{ left: auto; right: 260px;}
.onSignBg ul{ background: #fff; padding: 30px 30px 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px;}
.onSignBg ul li{ display: inline-block;*display:inline; zoom:1; width: 318px; padding: 20px; background: #dffbde; color: #58aa57; font-size: 14px; border-radius: 8px; margin:0 18px 20px 0;}
.onSignBg ul li dl dt{ width: 60px; height: 60px; float: left; margin-right: 20px;}
.onSignBg ul li dl dt.icon01{ background-position: 0 -648px;}
.onSignBg ul li dl dt.icon02{ background-position:-71px -648px;}
.onSignBg ul li dl dt.icon03{ background-position: 0 -710px;}
.onSignBg ul li dl dt.icon04{ background-position:-71px -710px;}
.onSignBg ul li dl dt.icon05{ background-position: 0 -776px;}
.onSignBg ul li dl dt.icon06{ background-position:-71px -775px;}
.onSignBg ul li dl dd h5{ font-size: 20px; margin-bottom: 5px;}
.onSignBg ul li i{display: inline-block;*display:inline; zoom:1;  width: 6px; height: 40px; border-radius: 3px; background: #fee271; right: 0; top: 30px;}
.onSignBg ul li.last{ margin-right: 0;}
.onSignBg ul li:hover{transform:translateY(-4px); -webkit-transform:translateY(-4px);}

.studyImg{ width: 345px; text-align: center; margin: 40px auto 0;}
.fixBottom{ height: 100px; line-height: 100px; position: fixed; left: 0; bottom: 0; width: 100%; text-align: center; font-size: 32px; color: #5ab259; font-weight: bold;}
.fixBottom a{display: inline-block;*display:inline; zoom:1; width: 168px; height: 50px; line-height: 50px; font-size: 22px; color: #ffbb38; text-align: center; background: #fff; border-radius: 25px; border-bottom: 4px solid #ffbb38; border-right: 4px solid #ffbb38; margin-left: 28px;}
.fixBottom a.buyCourse{ border-bottom: 4px solid #5ab259; border-right: 4px solid #5ab259; color: #5ab259;}


.fixLeft{position: fixed; left: 0;top: 50%; width: 105px; color: #269225; font-size: 14px;}
.fixLeft a{color: #269225;}
.fixLeft p{ background-position: 0 -840px; height: 66px; margin-bottom: 6px; position: relative; z-index: 0;}
.fixLeft p.coinLogin{ padding:10px 0 0 6px; height: 56px;z-index: 0;}
.fixLeft p.coinLogin i{ font-size: 12px;}
.fixLeft p.customer{ text-align: center;z-index: 1;}
.fixLeft p.customer em{ background-position:-107px -873px; width: 25px; height: 25px; margin: 0px auto; display: block; padding-top: 10px;}
.fixLeft ul{ z-index: -1;}
.fixLeft ul li{ background-position: 0 -908px; height: 44px; line-height: 40px; padding-left: 20px; margin-bottom: 6px; position: relative;cursor: pointer;}
.fixLeft b{ display: block; width: 8px; height: 27px; background-position: -122px -840px; z-index: 1;}
.fixLeft b.leftIcon{ left: 10px; bottom: -14px;}
.fixLeft b.rightIcon{ right: 10px; bottom:-14px;}
.fixLeft b.topLeftIcon{left: 10px; top: -18px;}
.fixLeft b.toprightIcon{right: 10px; top: -18px;}
.fixLeft ul li.on{ background-position: 0 -955px; color: #edc053;}
.fixLeft .gotoTop{ text-align: center; display: block;}