@charset "gb2312";
/* CSS top and footer */
body{background:#fff;font-family:"Microsoft YaHei";}
html,body,div,ul,li,ol,dl,dt,dd,form,fieldset,h1,h2,h3,h4,h5,h6,p,br,pre,form,fieldset,textarea,blockquote,p,span,button{ margin:0px; padding:0px; border:0px}
li{list-style-type:none; }label{ cursor:pointer}img{vertical-align:top; border:0}em,i{font-style:normal}ol,ul,li {list-style:none}
.cf:before,.cf:after{content:""; display:table}.cf:after{clear:both}.cf{*zoom:1}
a:link,a:visited{ text-decoration:none; color:#282828}a:hover,a:active{color:#f00}
.fl{ float:left}.fr{ float:right}
.tabCon,.Hidebox{display:none}.Showbox{display:block}
.h10,.h15,.h30{ width:100%; float:left; overflow:hidden}.h10{ height:10px}.h15{ height:15px}.h30{ height:30px}
a.c9{ color:#999!important; padding-right:3px}
a:hover.c9{ color:#f40!important; padding-right:3px}
.blue{ color:#0000ff}
a.blue{ color:#0000ff}
.blue:hover,a.blue:hover{ text-decoration:underline}
.red{ color:#ff0000 !important}
a.red{ color:#ff0000 !important}
a:hover.red{ color:#f00 !important; text-decoration:underline}
input{outline:none; font-family:"Microsoft YaHei"}
.main{width: 1200px; margin: 0 auto; }
.nobd{border: 0 !important;}
.showBox{display: block !important;}
.newCouponBox ul li .receive u,.pubTitle u,.courseBox .courseTab li .label,.courseBox .courseTab li u,.courseBox .courseTab li .price .sucIcon,.classBox .midBox dl dd span i,.timetableBox .title h2 .problem,.processBox .contBox li i,.introduceBox table i,.dataBox .navBox li i,.dataBox .receiveCont a i,.teacherBox .teacherCont .textBox h4,.teacherBox .teacherCont .textBox .btnBox i,.teacherBox .teacherCont .textBox h3 .star i,.problemBox .contBox i,.problemBox .contBox span em,.ftkBox .dataPic .tabCont i,.appBox .appDown a i,.appBox .cotnBox p i,.ftkBox .experienceBox .listBox .icon i,.prospectBox ul li a i,.processBox .contBox li .iconBox,.courseBox .courseTab li i.icon_price,.prospectBox ul li .textBox h3 i,.agreeBox .close,.title_line i,.collegaBox .tit_nav li i,e.courseBox .contBox .tabCont table td i,.courseBox .contBox .enrollBox .price a i,.prospectBox .contBox ul li .textBox a i,.courseBox .contBox .tabCont table td i{background: url('index.png') no-repeat;}
.btn a,.btnBox a{position: relative;top:0;transition: all .2s;}
.btn a:hover,.btnBox a:hover{top:-3px;}

/* Header */
.Header .Tel{background: url("https://img.hkwx8.com/pub/zt_PlayerBg.png") no-repeat}
.Header{height: 50px;}
.Header .Logo{height: 38px; margin: 6px 18px 6px 0;float: left;}
.Header .Tit{border-left: 1px solid #dfdfdf; padding-left: 16px;font-size: 25px;line-height: 26px; margin: 12px 0;float: left;}
.Header .Nav a{padding: 0 22px;height:47px;line-height:50px;font-size: 16px;display: inline-block;border-bottom: 3px solid #fff;}
.Header .Nav a:hover{border-bottom: 2px solid #051433;}
.Header .Tel{height: 30px;line-height: 30px; margin: 10px 0;padding: 0 10px 0 36px;font-size: 20px; color: #ff0000;font-weight: bold; background-position: 0 1px;margin-left: 20px;}
.Header .loginBox a,.Header .otherBox span,.Header .otherBox a,.Header .loginOn a{display: inline-block;font-size: 14px;color: #777777;height: 50px;line-height: 50px;position: relative;}
.Header .loginBox a:nth-child(1){margin-left: 20px;}
.Header .loginBox a:nth-child(1) i{display: inline-block;width: 15px;height: 17px;background: url("//img.hkwx8.com/special_topic/chuji/loginIcon.png") no-repeat;vertical-align: -4px;margin-right: 4px;}
.Header .loginBox a:nth-child(2){display: inline-block;width: 79px;height: 25px;background: #051433;text-align: center;line-height: 25px;font-size: 14px;color: #fff;margin-left: 12px;}
.Header .loginOn{margin-left: 20px;}
.Header .loginOn img{width: 38px;height: 38px;border-radius: 38px;margin-top: 5px;margin-right: 2px;}
.Header .otherBox a:nth-child(1){margin-left: 30px;}
.Header .otherBox a:nth-child(1) i{display: inline-block;width: 18px;height: 17px;background: url("//img.hkwx8.com/special_topic/chuji/buyCartIcon.png") no-repeat;vertical-align: -2px;margin-right: 4px;}
.Header .otherBox a:nth-child(1) u{display: inline-block;width: 15px;height: 15px;border-radius: 15px;background: #d33e1d;font-size: 12px;color: #fff;text-align: center;line-height: 15px;text-decoration: none;position: absolute;top: 10px;}
.Header .otherBox a:hover{text-decoration: underline; }
.Header .otherBox span{margin-left: 25px;}
.Header .otherBox span i{display: inline-block;width: 16px;height: 16px;background: url("//img.hkwx8.com/special_topic/chuji/phoneIcon.png") no-repeat;vertical-align: -2px;margin-right: 4px;}

.pubTitle{font-size: 50px;color: #333333;text-align: center;}
.pubTitle u{display: inline-block;width: 116px;height: 28px;vertical-align: 3px;}
.pubTitle u.prevIcon{background-position: -76px -21px;margin-right: 12px;}
.pubTitle u.nextIcon{background-position: -76px -21px;margin-left: 12px;transform: rotate(180deg);}
.title_line{background: url('titleLine.png') no-repeat top center;height: 1px;width: 390px;margin: 23px auto 0;text-align: center;position: relative;}
.title_line i{display: inline-block;width: 36px;height: 22px;background-color:#fff; background-position: -52px -10px;position: absolute;top:-11px;left: 50%;margin-left: -18px;}
.bannerBox{width: 100%;height: 400px;background: url('banner.jpg') no-repeat center center;min-width: 1200px;}
.videoBox{padding-bottom: 42px;}
.videoBox .titleBox {width: 628px;text-align: center;padding-top: 23px;}
.videoBox .titleBox h2{font-size: 58px;color: #333333;position: relative;margin-top: -20px;height: 130px;}
.videoBox .titleBox h2 span{display: inline-block;position: absolute;width: 100%;top: 50px;left: 0;}
.videoBox .titleBox .titBg{font-size: 100px;color: rgba(44,56,84,.1);font-weight: normal;}
.videoBox .titleBox .subTit{font-size: 28px;color: #333;}
.videoBox .titleBox .subTit u{display: block;height: 1px;width: 390px;background: url('titleLine.png') no-repeat;margin: 0 auto;}
.videoBox .titleBox .subTit span{display: inline-block;padding: 10px 0;}
.Video{position: relative;}
.Video .videoTeacherBox{position: absolute;right: 0;top: -166px;}
.VideoCourse{height: 50px; width: 1198px;background: #fff;border: 1px solid #ebebeb;border-bottom: 0;margin-top: 30px;}
.VideoCourse .Column li{height: 50px;padding:0 28px;text-align:center;font-size: 16px; color: #333;line-height: 50px; float:left; border-right:1px solid #ebebeb;cursor:pointer;margin-left: -1px;}
.VideoCourse .Column li.cur{color: #fff;font-weight:bold;background-color:#3f4690;background-image: -moz-linear-gradient( -167deg, rgb(46,55,112) 0%, rgb(78,85,173) 100%);background-image: -webkit-linear-gradient( -167deg, rgb(46,55,112) 0%, rgb(78,85,173) 100%);background-image: -ms-linear-gradient( -167deg, rgb(46,55,112) 0%, rgb(78,85,173) 100%);}
.VideoCourse .moreBtn{display: inline-block;width: 112px;height: 32px;text-align: center;line-height: 32px;border-radius:32px;color:#fff;margin-right: 10px;margin-top:8px;background-image: -moz-linear-gradient( -167deg, rgb(46,55,112) 0%, rgb(78,85,173) 100%);background-image: -webkit-linear-gradient( -167deg, rgb(46,55,112) 0%, rgb(78,85,173) 100%);background-image: -ms-linear-gradient( -167deg, rgb(46,55,112) 0%, rgb(78,85,173) 100%);}
.VideoCourse .moreBtn:hover{background:#f3664a;}
.VideoSelect{width: 190px;position: relative; z-index: 9}
.Select .Name{ line-height:50px; height:50px; border-right:solid 1px #ebebeb; margin:0 20px 0 0;cursor:pointer; position:relative; z-index:2; background:#fff;}
.Select .Name{ color:#333;}
.Select .Name span.Txt{ color:#333; padding-left:15px; height: 50px; width: 120px; overflow: hidden; float:left; font-size:16px;}
.Select .Name.cur{background-image: -moz-linear-gradient( -167deg, rgb(46,55,112) 0%, rgb(78,85,173) 100%);background-image: -webkit-linear-gradient( -167deg, rgb(46,55,112) 0%, rgb(78,85,173) 100%);background-image: -ms-linear-gradient( -167deg, rgb(46,55,112) 0%, rgb(78,85,173) 100%);color: #fff}
.Select .Name.cur span.Txt{ color:#fff;}
.Select .Name i{ width:12px; height:7px; display:block; float:right; background-position: -90px 0;margin: 23px 20px 0 0; }
.Select .Name i.down{background-position: -90px -10px;}
.Select .List{ background:#fff; position:absolute; left:-1px; top:50px; width:169px; z-index:9999;display: none;zoom:1;border:1px solid #ebebeb;}
.Select .List li{font-size:16px; line-height:48px; padding-left:15px; color:#333; border-bottom: solid 1px #ebebeb;float: none; cursor: pointer;}
.Select .List li:hover{background-image: -moz-linear-gradient( -167deg, rgb(46,55,112) 0%, rgb(78,85,173) 100%);background-image: -webkit-linear-gradient( -167deg, rgb(46,55,112) 0%, rgb(78,85,173) 100%);background-image: -ms-linear-gradient( -167deg, rgb(46,55,112) 0%, rgb(78,85,173) 100%);color: #fff}
.VideoBox{background: #fff;border-right: 1px solid #ebebeb;}
.VideoLeft{width: 800px; height: 450px;overflow: hidden;}
.VideoRight{width: 399px;height: 450px;}
.VideoTit{height: 42px;line-height: 42px; padding-top: 2px; background: #ebebeb;}
.VideoTit li{padding: 0 20px;line-height: 42px; font-size: 16px;font-weight: bold; color: #fff; float: left;}
.VideoTit li.cur{background: #fff;color:#333;}
.VideoTit .Txt{color: #434670;padding: 0 13px;}
.VideoList{height:338px;margin:8px 0;padding:0 10px 0 18px;overflow-x:hidden;overflow-y:auto;position:relative}
.VideoList ul{width:372px}
.VideoList ul li{height:38px;line-height:38px;color:#999;font-size:14px;padding-right:13px;background-position:324px -170px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;padding-right:45px}
.VideoList ul li a,.VideoList ul li a:link,.VideoList ul li a:visited{color:#333}
.VideoList ul li em{display:inline-block;width:42px;height:20px;margin-top:8px;text-align:center;line-height:20px;font-size:12px;color:#fff;background:#f3664a;border-radius:20px;float:right;margin-right:-32px}
.VideoList ul li.Free i{color:#333}
.VideoList ul li.Free em{background-position:-40px -10px}
.VideoList ul li.Play em{background:url(play.gif) no-repeat center center}
.VideoList ul li.Play a,.VideoList ul li.Play a:link,.VideoList ul li.Play a:visited{color:#4e55ac;font-weight:700}
.VideoList ul li.Play i{color:#4e55ac}
.VideoList li i{display: block;float:left;width: 15px;text-align: center;margin-right: 16px;font-size: 14px;color:#999999;}
.VideoList li a{display: block;width: 270px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-size: 14px;float: left;}
.VideoList li:first-child i{background-position:-10px -10px;vertical-align:-3px}
.zUIpanelScrollBox,.zUIpanelScrollBar{width:6px;top:4px;right:0;border-radius:5px}
.zUIpanelScrollBox{background:#3d4a56;opacity:1.0;filter:alpha(opacity=10)}
.zUIpanelScrollBar{background:#a6b1bc;opacity:0.8;filter:alpha(opacity=80)}
.VideoOper{height: 52px;margin-top: 0px; text-align: center;background: #f0f0f0;}
.VideoOper a{vertical-align: bottom;width: 50%; float:left;color: #fff;}
.VideoOper a.BtnNow{height: 52px; line-height: 52px;text-align: center;background: #f0f0f0;font-size: 18px;color: #333}
.VideoOper a.BtnConsult{height: 52px;line-height: 52px;font-size: 18px;font-weight: bold;background:#f3664a;color: #fff;font-weight: bold;}
.TabBoxs ul .Btn a:hover,.CourseDK .TableDK a:hover.bm,.TabBoxs ul .Price h3 a.BtnNow:hover,.TiKuBox .Btn:hover{background-color: #ff6600 !important;color: #fff !important;border-color:#ff6600 !important}
.VideoOper a:hover{color:#fff;background-color:#3f4690;background-image: -moz-linear-gradient( -167deg, rgb(46,55,112) 0%, rgb(78,85,173) 100%);background-image: -webkit-linear-gradient( -167deg, rgb(46,55,112) 0%, rgb(78,85,173) 100%);background-image: -ms-linear-gradient( -167deg, rgb(46,55,112) 0%, rgb(78,85,173) 100%);}

/**/
.introduceBox table a,.dataBox .receiveCont a,.processBox .contBox li a:hover,.teacherBox .teacherCont .tabNavBox li.cur,.teacherBox .teacherCont .textBox .btnBox a,.ftkBox .dataPic .btnBox a,.ftkBox .experienceBox .btnBox span,.appBox .appDown a.android,.serverBox .contBox .moreBtn,.problemBox .contBox .btnBox a,.teacherBox .teacherCont .textBox .btnBox a,.timetableBox .classTable table td.btn a,.classBox .botBox .btnBox a.queryBtn,.prospectBox .examineBox .btnBox a{background:#fd5943;background-image: -moz-linear-gradient( 0deg, rgb(251,69,69) 0%, rgb(255,109,64) 100%);background-image: -webkit-linear-gradient( 0deg, rgb(251,69,69) 0%, rgb(255,109,64) 100%);background-image: -ms-linear-gradient( 0deg, rgb(251,69,69) 0%, rgb(255,109,64) 100%);}
.courseBox .contBox .tabCont table td a.btn_buy{background: #fb4644; background-image: -moz-linear-gradient( 0deg, rgb(251,69,69) 0%, rgb(255,109,64) 100%);background-image: -webkit-linear-gradient( 0deg, rgb(251,69,69) 0%, rgb(255,109,64) 100%);background-image: -ms-linear-gradient( 0deg, rgb(251,69,69) 0%, rgb(255,109,64) 100%);}
.teacherBox .teacherCont .tabNavBox li,.dataBox .receiveCont,.appBox .appDown a.iphone,.prospectBox .examineBox,.timetableBox .classTitle li.cur{background:#3dc2d6;background-image: -moz-linear-gradient( 180deg, rgb(54,216,232) 0%, rgb(68,172,197) 100%);background-image: -webkit-linear-gradient( 180deg, rgb(54,216,232) 0%, rgb(68,172,197) 100%);background-image: -ms-linear-gradient( 180deg, rgb(54,216,232) 0%, rgb(68,172,197) 100%);}
  

  

.newCouponBox{width: 100%;height:73px;background: url('couponBg.png') no-repeat top center;margin-top: 20px;}
.newCouponBox ul li{float: left;width: 170px;text-align: center;position: relative;}
.newCouponBox ul li:first-child{text-align: right;padding-right: 18px;width: 155px;}
.newCouponBox ul li:first-child .couponLine{margin: -4px 0 0 80px;}
.newCouponBox ul li .price{font-size: 40px;color: #fff;font-weight: bold;margin-top: -2px;}
.newCouponBox ul li .price i{font-size: 20px;}
.newCouponBox ul li .couponLine{display:block; width: 103px;height: 1px;background:url('conponLine.png') no-repeat;margin: -4px 0 0 50px;}
.newCouponBox ul li .tipBox{font-size: 16px;color: #fff;}
.newCouponBox ul li .receive{width: initial;line-height: 73px;text-align: center;position: absolute;top: 0;right: 20px;}
.newCouponBox ul li .receive a{font-size: 30px;color: #fff;font-weight: bold;}
.newCouponBox ul li:last-child{width: 175px;}
.newCouponBox ul li .receive u{display: inline-block;width: 28px;height: 28px;background-position: -10px -10px;vertical-align: -4px;margin-left: 10px;}
.courseBox{padding-bottom: 60px;}
.courseBox h2{padding-top: 35px;}
.courseBox .courseTab{padding: 84px 0 20px;position: relative;}
.courseBox .contBox{margin-top: 60px;box-shadow: 0 0 5px rgba(179,179,179,.5);border-radius: 8px;overflow: hidden;}
.courseBox .contBox .listNav{border: 1px solid #008d9b;border-top: 2px solid #008d9b;border-bottom: 0;border-radius: 8px 8px 0 0;overflow: hidden;background: #008d9b;}
.courseBox .contBox .listNav li{width: 50%;float: left;height: 74px;text-align: center;line-height: 74px;font-size: 28px;color: #fff;font-weight: bold;background: #008d9b;border: 8px 8px 0 0;}
.courseBox .contBox .listNav li.cur{background: #fff;color:#008d9b;border-radius: 8px 8px 0 0;}
.courseBox .contBox .tabCont{display: none;padding: 0 30px;}
.courseBox .contBox .tabCont table{width: 100%;margin-top: 30px;}
.courseBox .contBox .tabCont table tr:nth-child(odd){background: #f7f7f7;}
.courseBox .contBox .tabCont table th{height: 70px;}
.courseBox .contBox .tabCont table td{height: 60px;}
.courseBox .contBox .tabCont table td.name{color: #246d7e;}
.courseBox .contBox .tabCont table th,.courseBox .contBox .tabCont table td{text-align: center;font-size: 18px;color: #333333;}
.courseBox .contBox .tabCont table td i{display: inline-block;width: 26px;height: 26px;background-position: -146px -10px;cursor: pointer;}
.courseBox .contBox .tabCont table td i.cur{background-position: -188px -10px;}
.courseBox .contBox .tabCont table td a{display: inline-block;width: 110px;height: 30px;border-radius: 30px;font-size: 16px;color: #fff;line-height: 30px;}
.courseBox .contBox .tabCont .otherInfo{border-radius: 8px;background: #ffe4d5;margin: 20px 0;padding: 30px 0;}
.courseBox .contBox .tabCont .otherInfo li{width: 50%;float: left;font-size: 18px;color: #333;margin-bottom: 20px;}
.courseBox .contBox .tabCont .otherInfo li span{color: #f34837;font-weight: bold;}
.courseBox .contBox .tabCont .otherInfo li:nth-child(odd) span{margin-left: 30px;font-size: 18px;color: #f34837;font-weight: bold;}
.courseBox .contBox .tabCont .otherInfo li:nth-child(3),.courseBox .contBox .tabCont .otherInfo li:last-child{margin-bottom: 0;}
.courseBox .contBox .enrollBox{height: 88px;background-color: #dcdcdc;}
.courseBox .contBox .enrollBox .discount{font-size: 16px;color: #333333;line-height: 88px;padding-left: 28px;}
.courseBox .contBox .enrollBox .discount span{color:#f34837;}
.courseBox .contBox .enrollBox .price{font-size:16px;color: #333333;}
.courseBox .contBox .enrollBox .price span b{font-weight: bold;font-size: 26px;color: #f34837;}
.courseBox .contBox .enrollBox .price a{margin-left:40px;font-size: 28px;color: #fff;display: inline-block;width: 245px;height: 88px;line-height: 88px;text-align:center;background-color: #f76841;background-image: -moz-linear-gradient( 0deg, rgb(251,137,75) 0%, rgb(243,72,55) 100%);background-image: -webkit-linear-gradient( 0deg, rgb(251,137,75) 0%, rgb(243,72,55) 100%);background-image: -ms-linear-gradient( 0deg, rgb(251,137,75) 0%, rgb(243,72,55) 100%);}
.courseBox .contBox .enrollBox .price a i{display: inline-block;width: 30px;height: 30px;background-position: -103px -10px;vertical-align: -6px;margin-left: 5px;}
.baseBox table{width: 100%;border: 0;border-spacing: 0;box-shadow: 0px 3px 20px 0px rgba(168, 168, 168, 0.28);border-radius: 10px;}
.baseBox table th{height:65px;background: #239ce3;font-size: 24px;color: #ffffff;}
.baseBox table th:first-child{border-radius: 10px 0 0 0;}
.baseBox table th:last-child{border-radius: 0 10px 0 0;}
.baseBox table td{height: 80px;text-align: center;}
.baseBox table .bg{background: #f3fbff;}
.baseBox table  td.name{background: #eaf8ff;}
.baseBox table .price{text-align: center;font-size:20px;color:#282828;}
.baseBox table .price b{font-size: 40px;color: #ff2828;}
.baseBox table .price b em{font-size: 24px;}
.baseBox table .btn{padding-right: 20px;}
.baseBox table a{display: inline-block;margin-left:24px;width: 168px;height: 56px;border: 1px solid #dfdfdf;text-align: center;line-height: 56px;font-size: 20px;color: #282828;}
.baseBox table a.buyBtn{background: #fd5943;border: 0;width: 170px;height: 58px;color:#fff;background-image: -moz-linear-gradient( 0deg, rgb(251,69,69) 0%, rgb(255,109,64) 100%);background-image: -webkit-linear-gradient( 0deg, rgb(251,69,69) 0%, rgb(255,109,64) 100%);background-image: -ms-linear-gradient( 0deg, rgb(251,69,69) 0%, rgb(255,109,64) 100%);}
.classBox{width: 100%;background: #fff;border-radius: 10px;overflow: hidden;box-shadow: 0px 3px 20px 0px rgba(196, 149, 74, 0.28);}
.classBox .topBox{height: 126px;background: url('classBoxBg.png') no-repeat;text-align: center;}
.classBox .topBox h3{font-size: 50px;color:#fff;padding-top: 10px;}
.classBox .topBox p{font-size: 24px;color:#fff;}
.classBox .midBox{background: #fff8ed;height: 290px;}
.classBox .midBox dl{width: 25%;float: left;text-align: center;height: 100%;}
.classBox .midBox dl:nth-child(2n){background: #fffbf6;}
.classBox .midBox dl:nth-child(2n+1) dt{background: #fdedd4;}
.classBox .midBox dl dd{text-align: left;padding-left: 40px;padding-top: 16px;}
.classBox .midBox dl dd span{display: block;font-size: 16px;color:#000016;margin-bottom: 12px;}
.classBox .midBox dl dd span i{display: inline-block;width: 18px;height: 18px;background-position: -10px -126px;vertical-align: -4px;margin-right: 6px;}
.classBox .midBox dl dd.centBox{margin-top: 84px}
.classBox .midBox dt{font-size:24px;color:#995b02;line-height: 52px;text-align: center;}
.classBox .midBox dl:nth-child(2n) dt{background:#fff5e9}
.classBox .botBox{height: 98px;border-top:1px solid #eeeeee;}
.classBox .botBox .price .listBox{width: 390px;height: 66px;text-align: center;position: relative;cursor: pointer;float: left;}
.classBox .botBox .price .listBox .priceNum{font-size: 20px;color: #282828;margin-top: 15px;}
.classBox .botBox .price .listBox .priceNum span{font-size: 40px;color:#ff2828;font-weight: bold;position: relative;}
.classBox .botBox .price .listBox .priceNum span b{font-size: 20px;}
.classBox .botBox .price .listBox .oldPrice{font-size: 14px;color: #282828;position: absolute;width: 100%;font-weight: normal;left: 0;bottom: -12px;text-decoration: line-through;}
.classBox .botBox .btnBox{text-align: center;padding:19px 20px 0 0;float: right;}
.classBox .botBox .btnBox a{margin:0 10px;display: inline-block;width: 148px;height: 56px;border:1px solid #dfdfdf;text-align: center;line-height: 56px;font-size: 20px;color: #282828;}
.classBox .botBox .btnBox a.queryBtn{width: 150px;height: 58px;font-size: 20px;color: #fff;border:0;box-shadow: 0px 3px 10px 0px rgba(246, 42, 41, 0.5);}
.timetableBox{padding-bottom:80px;width: 100%;min-width: 1200px;}
.timetableBox .title{font-size: 50px;color:#282828;text-align: center;padding-top:30px;}
.timetableBox .title h2{display: inline-block;position: relative;border-bottom: 1px solid #008d9b;padding-bottom: 4px;font-size: 50px;}
.timetableBox .title h2 i{display: inline-block;width: 43px;height: 4px;background:#008d9b;position: absolute;bottom: -2px;left: 50%;margin-left: -21px;}
.timetableBox .title h2 .problem {cursor: pointer;display: inline-block;width: 24px;height: 24px;background-position: -10px -148px;position: absolute;top: 15px;right: -40px;}
.timetableBox .title h2 .problem p{display: none;position: absolute;top: -30px;left:-24px;font-size:16px;color: #ffffff;background: #73dde8;font-weight: normal;padding: 0 20px;min-width: 400px;line-height: 24px;border-radius:20px 20px 20px 0;}
.timetableBox .title h2 .problem:hover p{display: block;}
.timetableBox .classTitle {margin-top: 30px;}
.timetableBox .classTitle li{cursor: pointer;float: left;width: 186px;height: 58px;border-radius: 60px;border:1px solid #cccccc;background:none;margin-right: 16px;text-align: center;line-height: 58px;font-size: 24px;color: #282828;}
.timetableBox .classTitle li:last-child{margin-right: 0;}
.timetableBox .classTitle li.cur{ color:#fff;width: 186px;height: 60px;border: 0px;}
.timetableBox .classTable {padding-top: 38px;}
.timetableBox .classTable table{box-shadow: 0px 3px 20px 0px rgba(196, 149, 74, 0.28);border-radius: 10px;overflow: hidden;width: 100%;text-align: center;border-collapse: collapse;border-spacing: 0; border-collapse: collapse;border-spacing: 0;empty-cells: show;border: 1px solid #dfdfdf;}
.timetableBox .classTable table th{line-height: 65px;font-size: 20px;color: #fff;background: #008d9b;border-left: 1px solid #cbcbcb;border-width: 0 0 0 1px;font-size: inherit;margin: 0;overflow: visible;}
.timetableBox .classTable table td{line-height: 56px;font-size: 14px;color:#282828;border-left: 1px solid #cbcbcb;border-width: 0 0 0 1px;border-bottom: 1px solid #cbcbcb;font-size: inherit; margin: 0; overflow: visible;background: #fff;}
.timetableBox .classTable table td.st img{margin-top: 15px;}
.timetableBox .classTable table td.btn a{margin-top: 15px;line-height: 36px;border-radius: 36px;display: inline-block;width: 126px;height: 36px;font-size: 20px;color:#ffffff;}
.timetableBox .liveTable{padding-top: 70px;}
.timetableBox .classTable .tabCont{display: none;}
.timetableBox .navNum_3 li{width: 386px;}
.timetableBox .navNum_3 li.cur{width: 388px;height: 60px;}
.timetableBox .navNum_4 li{width: 286px;}
.timetableBox .navNum_4 li.cur{width: 286px;height: 60px;}
.timetableBox .navNum_5 li{width: 224px;}
.timetableBox .navNum_5 li.cur{width: 226px;height: 60px;}
.timetableBox .navNum_6 li{width: 185px;}
.timetableBox .navNum_6 li.cur{width: 185px;height: 60px;}
.timetableBox .navNum_7 li{width: 155px;}
.timetableBox .navNum_7 li.cur{width: 158px;height: 60px;}
.prospectBox{height: 632px;background: url('prospectBg.jpg') no-repeat;}
.prospectBox .title_line i{background-color: #cff4fb;}
.prospectBox h2{padding-top: 45px;}
.prospectBox .contBox{padding-top: 56px;}
.prospectBox .contBox .picBox{width: 289px;height: 379px;background: url("prospectPic.png");}
.prospectBox .contBox ul li{width: 238px;height: 380px;padding: 0 15px;float: left;background: #fff;margin-left: 25px;}
.prospectBox .contBox ul li span{display: block;width: 36px;height: 6px;background: #008d9b;margin-top: 22px;}
.prospectBox .contBox ul li h3{font-size:30px;font-weight: bold;}
.prospectBox .contBox ul li .textBox{border-radius: 8px;background: #41b4cb;margin-top: 28px;height: 252px;}
.prospectBox .contBox ul li .textBox p{color: #fff;font-size: 18px;padding: 24px 30px;line-height: 1.8;height: 120px;}
.prospectBox .contBox ul li .textBox a{transition: all .3s; display: inline-block;width: 206px;height: 60px;line-height: 60px;text-align: center;font-size: 22px;color: #246d7e;background-color: #fff;border-radius: 0 60px 60px 0;}
.prospectBox .contBox ul li .textBox a i{display: inline-block;width: 26px;height:26px;background-position: -38px -126px;vertical-align: -6px;margin-left: 5px;}
.prospectBox .contBox ul li .textBox a:hover{color:#fff;background-color: #f76e42;background-image: -moz-linear-gradient( 0deg, rgb(251,137,75) 0%, rgb(243,72,55) 100%);background-image: -webkit-linear-gradient( 0deg, rgb(251,137,75) 0%, rgb(243,72,55) 100%);background-image: -ms-linear-gradient( 0deg, rgb(251,137,75) 0%, rgb(243,72,55) 100%);}
.prospectBox .contBox ul li .textBox a:hover i{background-position: -38px -152px;}

.collegaBox{height: 1028px;}
.collegaBox h2{padding-top: 70px;}
.collegaBox .contBox{margin-top: 50px;}
.collegaBox .tit_nav {border: 1px solid #008d9b;}
.collegaBox .tit_nav li{cursor: pointer; position: relative; float: left;height: 66px;line-height: 66px;width: 398px;border-right: 1px solid #008d9b;text-align: center;font-size: 30px;color: #333333;}
.collegaBox .tit_nav li:last-child{border: 0;width: 400px;}
.collegaBox .tit_nav li.cur{background: #008d9b;color: #fff;}
.collegaBox .tit_nav li i{display: none;width: 35px;height: 18px;background-position: -187px -49px;position: absolute;bottom: -18px;left: 50%;margin-left: -17px;}
.collegaBox .tit_nav li.cur i{display: inline-block;}
.collegaBox .listBox{margin-top: 48px;display: none;}
.collegaBox .listBox li{width: 360px;height: 309px;margin-bottom: 30px;text-align: center;box-shadow: 0 0 10px rgba(122,122,122,.2);background: #fff;float: left;margin-right: 60px;}

.collegaBox .listBox li:nth-child(3n){margin-right: 0;}
.collegaBox .listBox li .picBox{padding-top: 18px;}
.collegaBox .listBox li h3{font-size: 30px;color:#333333;font-weight: normal;margin-top: 5px;}
.collegaBox .listBox li p {padding-top: 20px;}
.collegaBox .listBox li p a{display: inline-block;border-radius: 5px;margin: 0 5px; width: 140px;height: 44px;border:1px solid #f34837;line-height: 44px;font-size: 26px;color: #f34837;}
.collegaBox .listBox li p a:first-child{background: #f34837;color: #fff;}



.introduceBox table tr:last-child td:first-child{text-align: left;padding-left: 45px;}
.introduceBox table tr:last-child td:first-child span{font-size: 20px;color: #282828;}
.introduceBox table tr:last-child td:first-child span b{font-size: 40px;}
.introduceBox table tr:last-child td:first-child .newPrice b{color: #ff2828;}
.introduceBox table tr:last-child td b{vertical-align: -4px;}
.introduceBox table tr:last-child td em{font-size: 24px;}
.introduceBox table tr:last-child td i{display: inline-block;width: 52px;height: 38px;background-position: -224px -180px;margin: 0 30px;vertical-align: -6px;}
.dataBox {padding-bottom: 80px;}
.dataBox h2{padding-top: 70px;}
.dataBox .contBox{width: 100%;height: 320px;position: relative;margin-top: 58px;}
.dataBox .navBox li{padding-left: 36px; width: 232px;height: 155px;background: #d5f6fe;line-height: 155px;font-size: 22px;color:#282828;margin-bottom: 10px;}
.dataBox .navBox li.cur{background: #008d9b;color: #fff;}
.dataBox .navBox li i{display: inline-block;vertical-align: -8px;margin-right: 10px;width: 34px;height: 34px;}
.dataBox .navBox li:nth-child(1) i{background-position: -10px -292px;}
.dataBox .navBox li:nth-child(2) i{background-position: -60px -292px;}
.dataBox .navBox li:nth-child(3) i{background-position: -107px -292px;}
.dataBox .navBox li:nth-child(4) i{background-position: -152px -292px;}
.dataBox .navBox li:nth-child(5) i{background-position: -196px -292px;}
.dataBox .navBox li:nth-child(6) i{background-position: -239px -292px;}
.dataBox .navBox li.cur:nth-child(1) i{background-position: -10px -328px;}
.dataBox .navBox li.cur:nth-child(2) i{background-position: -60px -328px;}
.dataBox .navBox li.cur:nth-child(3) i{background-position: -107px -328px;}
.dataBox .navBox li.cur:nth-child(4) i{background-position: -152px -328px;}
.dataBox .navBox li.cur:nth-child(5) i{background-position: -196px -328px;}
.dataBox .navBox li.cur:nth-child(6) i{background-position: -239px -328px;}
.dataBox .navBox li:nth-child(3){position: absolute;right: 0;top: 0;}
.dataBox .navBox li:nth-child(4){position: absolute;right: 0;top: 165px;}
.dataBox .dataPic{display: inline-block;width:640px;height: 320px;position: absolute;left: 278px;top: 0;}
.dataBox .dataPic .tabCont{display: none;}
.dataBox .receiveBox{margin-top: 50px;padding: 10px 0;width: 100%;height: 200px;background: #fff;border-radius: 10px;box-shadow: 0px 3px 20px 0px rgba(196, 149, 74, 0.28);}
.dataBox .receiveCont{margin: 0 auto;padding: 0 30px; width: 1120px;height: 200px;border-radius: 10px;}
.dataBox .receiveCont h3{font-size: 40px;color:#fff;text-align: center;padding-top: 20px;}
.dataBox .receiveCont h3 em{font-size: 40px;color: #fdc87b;}
.dataBox .receiveCont .iptBox{margin-top: 20px;}
.dataBox .receiveCont span{font-size: 20px;color: #ffffff;margin-right: 20px;float: left;}
.dataBox .receiveCont span input{display: inline-block;width: 160px;height: 40px;padding-left: 10px;background: #fff;border: 0;font-size: 18px;color: #333;}
#qrCode{width: 120px;height: 42px;line-height: 42px;border-radius: 5px; text-align: center;font-size: 16px;background: #fdb15e;color: #fff;display: inline-block;}
.dataBox .receiveCont a{float: right;display: block;width: 180px;height: 50px;text-align: center;border-radius: 50px;font-size: 20px;font-weight:bold;line-height: 48px;color:#fff;}
.dataBox .receiveCont a i{display: inline-block;width: 33px;height: 32px;background-position: -224px -225px;vertical-align: -8px;margin-left: 10px;}
.dataBox .receiveCont .tip{font-size: 16px;color:#005b7f;text-align: center;margin-top: 10px;}
.teacherBox{width: 100%;height: 851px;background: url('teacherBoxBg.jpg') no-repeat;}
.teacherBox h2{padding-top: 60px;}
.teacherBox .title_line i{background: #d7f9fc;}
.teacherBox .teacherCont{margin-top: 56px; width: 1050px;height: 620px;background:url('teacherContBg.png') no-repeat;margin-left: 150px;position: relative;border-radius: 10px;}
.teacherBox .teacherCont .teacherInfoCont{display: none;}
.teacherBox .teacherCont .tablistBox{display: none;}
.teacherBox .teacherCont .tabNavBox{width: 150px;left: -150px;top: 12px;position: absolute;}
.teacherBox .teacherCont .tabNavBox li{cursor: pointer; margin-bottom:5px;border-radius: 40px 0 0 40px;padding:6px 0;text-align: center;font-size:18px;color:#fff;}
.teacherBox .teacherCont .tabNavBox li.lineHeight{line-height:60px;padding:0;}
.teacherBox .teacherCont .picBox{width: 450px;height: 620px;overflow: hidden;float: left;position: relative;}
.teacherBox .teacherCont .picBox img{position: absolute;bottom: 0;left:50%;transform: translate(-50%,0);}
.teacherBox .teacherCont .textBox{width: 600px;height: 620px;float: left;}
.teacherBox .teacherCont .textBox h3{font-size: 32px;color:#282828;padding-top: 39px;}
.teacherBox .teacherCont .textBox h3 .name i{display: inline-block;width: 6px;height: 34px;border-radius: 6px;background: #008d9b;vertical-align: -6px;margin-right: 8px;}
.teacherBox .teacherCont .textBox h3 .star{font-size: 18px;font-weight: normal;float: right;margin-right: 20px;margin-top: 10px;}
.teacherBox .teacherCont .textBox h3 .star i{display: inline-block;width: 24px;height: 22px;background-position: -276px -225px;vertical-align: -4px;margin-right: 5px;}
.teacherBox .teacherCont .textBox h4{margin-top: 10px; display: inline-block;width: 127px;height: 49px;background-position: -10px -370px;text-align: center;line-height: 34px;font-size: 20px;color: #fff;}
.teacherBox .teacherCont .textBox .intorBox p{font-size: 18px;color: #282828;width: 550px;padding: 0px 0 0 24px;line-height: 1.6;}
.teacherBox .teacherCont .textBox .btnBox {margin-top: 20px;}
.teacherBox .teacherCont .textBox .btnBox a{display: inline-block; width: 160px;height: 46px;border-radius: 46px;text-align: center;line-height: 46px; font-size: 20px;color: #ffffff;}
.teacherBox .teacherCont .textBox .btnBox i{display: inline-block;width: 28px;height: 28px;background-position: -160px -66px;vertical-align: -6px;margin-left: 5px;}
.tabTeacher{position: absolute;width: 550px;height: 86px;bottom:22px;left: 470px;}
.tabTeacher li{width:82px;height: 82px;border-radius: 82px;background: #eeeeee;float: left;text-align: center;overflow: hidden;margin-right: 26px;border:2px solid #eeeeee;}
.tabTeacher li.cur{border:2px solid #1d9ce1}
.tabTeacher li img{width: 75%;margin-top: 5px;}
.problemBox{padding-bottom:80px;}
.problemBox h2{padding-top: 75px;}
.problemBox .contBox{padding-top: 20px;}
.problemBox .contBox i{vertical-align: -10px;}
.problemBox .contBox .listBox{margin-top: 40px;}
.problemBox .contBox .Qu{float: left;width: 100%;}
.problemBox .contBox .Qu i{margin-right: 30px;display: inline-block;width: 42px;height: 42px; border-radius: 50%;box-shadow: 0px 3px 10px 0px rgba(196, 149, 74, 0.61);background-position: -152px -370px;}
.problemBox .contBox .Qu span{cursor: pointer; position: relative; display: inline-block;width: 500px;line-height:40px;font-size: 20px;color: #282828;background: #eeeff2;border-radius: 40px;padding: 0 15px;font-weight: bold;}
.problemBox .contBox .Qu span em{position: absolute;display: inline-block;width: 28px;height: 19px;background-position: -10px -430px;left: -18px;top: 5px;}
.problemBox .contBox .An{float: right;margin-top:30px;display: none;}
.problemBox .contBox .An i{vertical-align: top; margin-left: 30px;display: inline-block;width: 42px;height: 42px; border-radius: 50%;box-shadow: 0px 3px 10px 0px rgba(251, 76, 68, 0.61);background-position: -199px -370px;}
.problemBox .contBox .An span{position: relative;display: inline-block;width:710px;font-size: 20px;color: #282828;background-color: #caecfe;border-radius: 10px;padding: 20px 35px;line-height: 1.7;}  
.problemBox .contBox .An span em{position: absolute;display: inline-block;width: 28px;height: 19px;background-position: -55px -430px;right: -18px;top: 12px;}
.problemBox .contBox .btnBox {margin-top: 60px;text-align: center;}
.problemBox .contBox .btnBox a{display: inline-block;width: 408px;height: 68px;font-size: 24px;color: #fff; text-align: center; line-height: 68px;border-radius: 68px;}
.ftkBox {width: 100%;height: 865px;min-width: 1200px;background:url('ftkBoxBg.jpg') no-repeat top center;}
.ftkBox h2{padding-top: 56px;}
.ftkBox .title_line i{background-color: #d3f7fb;}
.ftkBox .contBox{width: 100%;height: 504px;position: relative;margin-top: 58px;}
.ftkBox .navBox li{cursor: pointer;width: 233px;height: 80px;border-radius: 20px 20px 0 20px;text-align: center;background: #fff;line-height: 80px;font-size: 30px;color:#282828;margin-bottom: 84px;box-shadow: 0px 5px 8px 0px rgba(29, 37, 99, 0.29);}
.ftkBox .navBox li.cur{background-color:#008d9b;color:#fff;}
.ftkBox .navBox li i{display: inline-block;vertical-align: -8px;margin-right: 10px;width: 34px;height: 34px;}
.ftkBox .navBox li:nth-child(4){position: absolute;right: 0;top: 0;}
.ftkBox .navBox li:nth-child(5){position: absolute;right: 0;top: 164px;}
.ftkBox .navBox li:nth-child(6){position: absolute;right: 0;top: 328px;}
.ftkBox .dataPic{display: inline-block;width:850px;height: 504px;position: absolute;left: 190px;top: 0;background: url('ftklistPic.png');}
.ftkBox .dataPic h3{width: 85px;height: 85px;background: #fff;border-radius: 85px;margin: 0 auto;text-align: center;margin-top: 200px;}
.ftkBox .dataPic h3 i{margin-top: 16px;}
.ftkBox .dataPic p{width: 166px;margin: 0 auto;text-align: center;font-size: 20px;line-height: 1.5;color: #fff;padding-top: 10px;}
.ftkBox .dataPic .btnBox a{display: inline-block;width: 130px;height: 38px;font-size: 20px;color:#fff;border-radius: 38px;line-height: 38px;}

.ftkBox .dataPic .tabCont{display: none;}
.ftkBox .dataPic .tabCont:first-child h3 i{display: inline-block;width: 54px;height: 51px;background-position: -10px -470px;}
.ftkBox .dataPic .tabCont:nth-child(2) h3 i{display: inline-block;width: 50px;height: 51px;background-position: -76px -470px;margin-left:3px;}
.ftkBox .dataPic .tabCont:nth-child(3) h3 i{display: inline-block;width: 54px;height: 51px;background-position: -146px -470px;margin-left:10px;margin-top: 20px;}
.ftkBox .dataPic .tabCont:nth-child(4) h3 i{display: inline-block;width: 54px;height: 51px;background-position: -10px -527px;margin-left:8px;}
.ftkBox .dataPic .tabCont:nth-child(5) h3 i{display: inline-block;width: 54px;height: 51px;background-position: -76px -527px;margin-left:13px;}
.ftkBox .dataPic .tabCont:nth-child(6) h3 i{display: inline-block;width: 54px;height: 51px;background-position: -146px -527px;margin-left:12px;}
.ftkBox .experienceBox .listBox{margin-top: 80px;width: 100%;height: 90px;border-radius: 10px;background: #e2b561;background-image: -moz-linear-gradient( 0deg, rgb(216,157,58) 0%, rgb(239,200,108) 100%);background-image: -webkit-linear-gradient( 0deg, rgb(216,157,58) 0%, rgb(239,200,108) 100%);background-image: -ms-linear-gradient( 0deg, rgb(216,157,58) 0%, rgb(239,200,108) 100%);}
.ftkBox .experienceBox .listBox .icon{float: left;width: 60px;height: 60px;border-radius: 60px;background: #fff;text-align: center;margin: 15px 0 0 43px;}
.ftkBox .experienceBox .listBox .icon i{display: inline-block;width: 35px;height: 35px;background-position: -260px -370px;margin-top: 12px;}
.ftkBox .experienceBox .listBox h3{float: left;font-size: 40px;color:#ffffff;line-height: 90px;margin-left: 22px;}
.ftkBox .experienceBox .listBox .tip{float: left;width: 594px;margin:25px 0 0 25px;padding:0 20px;line-height:42px;border-radius: 42px;font-size:28px;color:#fff;background:#dda645;background-image: -moz-linear-gradient( 0deg, rgb(216,157,58) 0%, rgb(239,200,108) 100%);background-image: -webkit-linear-gradient( 0deg, rgb(216,157,58) 0%, rgb(239,200,108) 100%);background-image: -ms-linear-gradient( 0deg, rgb(216,157,58) 0%, rgb(239,200,108) 100%);}
.ftkBox .experienceBox .listBox a{margin: 20px 20px 0 0;display:block; width: 170px;height: 52px;background-color: rgb(254, 93, 93);font-size: 24px;color: #ffffff;text-align: center;line-height: 52px;border-radius: 52px;float: right;}
.ftkBox .experienceBox .btnBox{text-align: center;padding-top: 60px;}
.ftkBox .experienceBox .btnBox span{margin-right: 200px; cursor: pointer; position: relative;display: inline-block;width: 280px;height: 68px;border-radius: 68px;text-align: center;line-height: 68px; font-size: 32px;color: #ffffff;}
.ftkBox .experienceBox .btnBox span img{position: absolute;top: -135px;left: 50%;margin-left: -66px;width: 120px;display: none;}
.ftkBox .experienceBox .btnBox span:hover img{display: block;}
.ftkBox .experienceBox .btnBox a{cursor: pointer;display: inline-block;width: 278px;height: 66px;border-radius: 68px;text-align: center;line-height: 68px;font-size: 32px;color: #f28b26;background: none;border: 1px solid #f28b26;}
.appBox{width: 100%;height: 472px;background: #fff;overflow: hidden;}
.appBox .cotnBox{position: relative;padding-left: 30px;height:472px;}  
.appBox .cotnBox h2{font-size: 46px;color: #333333;padding-top: 80px;}
.appBox .cotnBox h3{font-size: 26px;color: #999999;font-weight: normal;margin-top: 10px;}
.appBox .cotnBox p i{display: inline-block;width:21px;height:20px;background-position:-195px -430px;margin-right: 10px;vertical-align: -3px;}
.appBox .cotnBox .listBox{margin-top:56px;}
.appBox .cotnBox .listBox p{font-size: 18px;color: #333333;margin-bottom: 15px;}
.appBox .appDown{position: absolute;top: 260px;left: 395px;}
.appBox .appDown a{display: block;width: 180px;height:50px;border-radius: 6px;font-size:24px;color:#ffffff;line-height: 50px;margin-bottom:20px;}
.appBox .appDown a i{vertical-align: -4px;margin-right: 8px;margin-left:28px;}
.appBox .appDown a.iphone i{display: inline-block;width: 27px;height:27px;background-position: -97px -430px;}
.appBox .appDown a.android i{display: inline-block;width: 27px;height:27px;background-position: -132px -430px;}
.appBox .appPic{position: absolute;right:0;bottom:-21px;}
.serverBox{width: 100%;height: 620px;background: url('serverBoxBg.jpg');min-width: 1200px;}
.serverBox h2{padding-top:80px;}
.serverBox .title_line i{background-color: #d7fbff;}
.serverBox .contBox{position: relative;border-radius: 10px;margin-top:55px;height: 350px;background: url('serverContBg.png'); box-shadow: 0px 3px 20px 0px rgba(29, 37, 99, 0.28);}
.serverBox .contBox li{width: 320px;border-bottom: 1px solid #dfdfdf;padding-bottom:5px;}
.serverBox .contBox li h3{font-size:20px;color:#282828;}
.serverBox .contBox li h3 b{font-size:32px;color:#008d9b;margin-right:10px;}
.serverBox .contBox li p{font-size:16px;color:#282828;line-height: 1.6;margin-top:2px;}
.serverBox .contBox li:nth-child(1){position: absolute;top:50px;left:82px;text-align: right;}
.serverBox .contBox li:nth-child(2){position: absolute;top:197px;left:22px;text-align: right;}
.serverBox .contBox li:nth-child(3){position: absolute;top:50px;left:805px;}
.serverBox .contBox li:nth-child(4){position: absolute;top:197px;left:862px;}
.serverBox .contBox .moreBtn{position: absolute;top:268px;left:50%;margin-left:-119px;display: inline-block;border-radius: 58px;width:240px;font-size:24px;color:#fff;text-align: center;line-height:58px;}
.botPicBox{width: 100%;height: 435px;background:url('https://img.hkwx8.com/public/botPic.jpg') no-repeat top center;min-width: 1200px;}
.leftFloatBox{display: inline-block;width: 122px;height: 537px;background: url('left_float_bg.png') no-repeat;position: fixed;top:50%;left:86px;margin-top: -286px;}
.leftFloatBox ul{padding-top:116px;}
.leftFloatBox ul li{height: 49px;line-height: 49px;text-align: center;font-size: 16px;color:#ffffff;}
.leftFloatBox ul li a{color:#fff;}
.leftFloatBox em{display: block;width: 52px;height: 52px;border-radius: 52px;position: absolute;bottom: 0;left:50%;margin-left: -26px;cursor: pointer;}
.popupBox{width: 1000px;opacity: 0;position: absolute;top:0;left: 0;z-index: -1;}
.popupBox .topBox{height: 126px;text-align: center;}
.popupBox .topBox h3{font-size:50px;color:#fff;font-weight:normal;padding-top:10px;}
.popupBox .topBox p{font-size:24px;color:#fff;}
.popupBox table{border-radius: 10px;overflow: hidden;width: 100%;text-align: center;border-collapse: collapse;border-spacing: 0; border-collapse: collapse;border-spacing: 0;empty-cells: show;border: 1px solid #dfdfdf;}
.popupBox table th,.popupBox table td{border-left: 1px solid #dfdfdf;border-top:1px solid #dfdfdf;line-height: 62px;}
.popupBox table th{background: #e9e9e9;font-size:24px;color:#282828;font-weight: normal;}
.popupBox table td{font-size:18px;color:#282828;}
.popup_box_zs .topBox{background: url('popup_zs_topBg.png') no-repeat;}
.popup_box_vip .topBox{background: url('popup_vip_topBg.png') no-repeat;}
.popup_box_ys .topBox{background: url('popup_ys_topBg.png') no-repeat;}
.agreeBox{width: 490px; height: 500px; padding: 20px 10px 20px 20px; border-bottom: 18px solid #4650d1;border-radius: 10px; background: #fff;overflow: hidden;box-shadow: 0 10px 20px rgba(178, 178, 178,.6); z-index: 9999; position: fixed; left: 50%; top: 50%;transform:translate(-50%,-50%);display: none;}
.agreeTitle{line-height: 30px;text-align: center;padding-right: 10px;}
.agreeBox .close{width: 20px; height: 20px; background-position: -10px -672px; position: absolute;top: 20px; right: 20px; cursor: pointer;-webkit-transition-property: -webkit-transform;-webkit-transition-duration: 2s;-moz-transition-property: -moz-transform;-moz-transition-duration: 2s;-webkit-animation: rotate 2s linear infinite;-moz-animation: rotate 2s linear infinite;-o-animation: rotate 2s linear infinite;animation: rotate 2s linear infinite;}
.agreeText{margin-top: 5px; height: 445px; font-size: 12px; line-height: 1.6;overflow-x: hidden;overflow-y: scroll;}
.agreeCon{padding-right: 10px; width: 475px;}
/*修改滚动条样式*/
.agreeText::-webkit-scrollbar{width:5px;height:10px;}
.agreeText::-webkit-scrollbar-track{background: rgb(239, 239, 239);border-radius:2px;}
.agreeText::-webkit-scrollbar-thumb{background: #bfbfbf;border-radius:5px;}
.agreeText::-webkit-scrollbar-thumb:hover{background: #333;}
.agreeText::-webkit-scrollbar-corner{background: #179a16;}

/* footer */
.footer i,.footer .certificate a{background:url(http://img.hkwx8.com/test/index/topFooter.png) no-repeat;}
.footer{width: 1200px;padding-top: 5px;margin: 0 auto;}
.footer .topContBox{width: 1200px;padding-bottom: 20px;}
.footer .textBox{font-size:15px;color:#333;padding-top: 32px;}
.footer .textBox .phoneBox i{display:inline-block;width: 17px;height: 17px;background-position: -200px -6px;vertical-align: 0px;margin-right: 6px;}
.footer .textBox .phoneBox b{font-size:18px;color: #354bd1;margin: 0 4px 0 6px;}
.footer .textBox .linkBox{padding-top: 20px;height: 20px;line-height: 20px;}
.footer .textBox a{font-size:15px;color:#333;}
.footer a{color:#858484;}
.footer a:hover{color:#1946d9;}
.footer .textBox em{margin: 0 16px;vertical-align: 1px;}
.footer .codeBox {width: 210px;}
.footer .codeBox p img{width: 92px;height: 92px;}
.footer .codeBox h2{font-size: 13px;text-align: center;font-weight: normal;padding-top: 10px;}
.footer .botContBox{width: 100%;height: 40px;border-top: 1px solid #e1e1e1;line-height: 40px;font-size: 14px;color: #858484}
.footer .botContBox .copyright a{color:#858484}
.footer .botContBox .copyright a:hover,.footer .botContBox a:hover{color:#333;}
.footer .certificate{height: 40px;overflow: hidden;}
.footer .certificate a{display: inline-block;height: 40px;margin-right: 15px;float: left;}
.footer .certificate span{display: inline-block;height: 40px;float: left;}
.footer .certificate .iconA{width: 24px;background-position: -6px -30px;margin-left: 30px;}
.footer .certificate .iconB{width: 68px;background-position: -36px -30px;}
.footer .certificate .iconC{width: 20px;background-position: -113px -30px;}
.footer .certificate .iconD{width: 18px;background-position: -143px -30px;}
.footer .certificate .endLink{background: none;color: #858484;}
.footer .certificate .endLink:hover{color:#333;}
.footer .report{width: 100%;height: 30px;line-height: 25px;text-align: center;color: #858484;font-size: 12px;}
.liveClass p,.agreeBox .close{background: url("//img.hkwx8.com/special_topic/chuji/courseVideo.png") no-repeat;}
.agreeBox{width: 490px; height: 500px; padding: 20px 10px 20px 20px; border-bottom: 18px solid #4650d1;border-radius: 10px; background: #fff;overflow: hidden;box-shadow: 0 10px 20px rgba(178, 178, 178,.6); z-index: 9999; position: fixed; left: 50%; top: 50%;transform:translate(-50%,-50%);display: none;}
.agreeTitle{line-height: 30px;text-align: center;padding-right: 10px;}
.agreeBox .close{width: 20px; height: 20px; background-position: -120px -270px; position: absolute;top: 20px; right: 20px; cursor: pointer;-webkit-transition-property: -webkit-transform;-webkit-transition-duration: 2s;-moz-transition-property: -moz-transform;-moz-transition-duration: 2s;-webkit-animation: rotate 2s linear infinite;-moz-animation: rotate 2s linear infinite;-o-animation: rotate 2s linear infinite;animation: rotate 2s linear infinite;}
.agreeText{margin-top: 5px; height: 445px; font-size: 14px; line-height: 1.6;}
.agreeCon{padding-right: 10px; width: 480px;}
.agreeBox .zUIpanelScrollBox{background: #ececec;}
.agreeBox .zUIpanelScrollBar{background:#4650d1}

/* layer */
.layerClassList{padding: 30px 40px; width: 500px; display: none;}
.layerClassList ul{padding-bottom: 12px;}
.layerClassList ul li{height: 38px; line-height: 38px; width: 478px; padding: 0 10px; border: 1px solid #e7e7e7; background: #f4f4f4;cursor: pointer; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;margin-bottom: 15px; }
.layerClassList ul li.active{background: url("https://img.hkwx8.com/zt/1212/images/ico_gouXuan.png") no-repeat top right #f4f4f4;border-color: #ed3f3f; color: #ed3f3f;}
.layerClassList .btn{font-size: 24px; color: #fff; height: 48px; line-height: 48px ; width: 190px; text-align: center; border-radius: 24px; display: block;margin: 0 auto; background: #fc1376; background: -webkit-linear-gradient(left, #fb732d , #fc1376);background: -o-linear-gradient(right, #fb732d, #fc1376);background: -moz-linear-gradient(right, #fb732d, #fc1376);background: linear-gradient(to right, #fb732d , #fc1376);}