@charset "utf-8";* html,* html body{background-attachment:fixed}
body{background:#fff;font-size:14px;font-family:"Microsoft YaHei","微软雅黑","SimSun","宋体";color:#293237}
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,u{font-style:normal}
u{text-decoration:none}
ol,ul,li{list-style:none}
.cf:before,.cf:after,.clearfix:before,.clearfix:after{content:"";display:table}
.cf:after,.clearfix:after{clear:both}
.cf,.clearfix{*zoom:1}
.clear{clear:both}
.clearfix{clear:both}
h1,h2,h3,h4,h5,h6{font-weight:normal}
a:link,a:visited{text-decoration:none;color:#293237}
a:hover,a:active{color:#f00}
.fl{float:left}
.fr{float:right}
.tabCon,.hidebox,.Hidebox{display:none}
.showbox,.Showbox{display:block !important}
.main{width:1200px;margin:0 auto}
/* 头部 start */
#examwRoof{position: sticky;top: 0;left: 0;z-index: 110;}

.examwPage .examwTop{width:100%;height:50px;box-shadow:0 0 5px 0 #eee;padding: 0;background: #fff;}
.examwPage .examwTop .examwMiddle{width:1200px;height:100%;display:flex;justify-content:space-between;margin:0 auto}
.examwPage .examwTop .examwMiddle .left{display:flex;align-items:center}
.examwPage .examwTop .examwMiddle .left li{color:#333;font-size:16px;margin:0 15px;height: 50px;line-height: 50px;}
.examwPage .examwTop .examwMiddle .left li a:hover{color:#eb4d2d;cursor: pointer;}
.examwPage .examwTop .examwMiddle .left li:hover{color:#eb4d2d;cursor: default;}
.examwPage .examwTop .examwMiddle .left .active{color:#eb4d2d;border-top:2px solid #eb4d2d}
.examwPage .examwTop .examwMiddle .left .active a{color:#eb4d2d;border-top:2px solid #eb4d2d}
.examwPage .examwTop .examwMiddle .right{display:flex;align-items:center}
.usercenter span:hover,.shoppingcart span:hover,.examwSign span:hover{color:#eb4d2d !important;cursor: pointer;}
.examwPage .examwTop .examwMiddle .right .one{display:flex;align-items:center;margin-right:20px}
.examwPage .examwTop .examwMiddle .right .one img{margin-right:5px}
.examwPage .examwTop .examwMiddle .right .one span{color:#b2b2b2;font-size:14px}
.examwPage .examwTop .examwMiddle .right .examwSign{display:flex;align-items:center;font-size:14px}
.examwPage .examwTop .examwMiddle .right .examwSign img{width:30px;height:30px;margin-right:10px}
.examwPage .examwTop .examwMiddle .right .examwSign .register{color:#eb4d2d}
.examwPage .examwTop .examwMiddle .right .examwSign .line{color:#d4d4d4;margin:0 5px}
.examwPage .examwTop .examwMiddle .right .examwSign .auth{color:#333}

.examwPage .examwMain{width:1200px;margin:0 auto;position:relative}
.examwPage .examwMain .examwCourse::after{content:"";position:absolute;top:-5px;left:80px;width:25px;height:25px;background:#fff;transform:rotate(45deg);border:1px solid #fff;z-index:0}
.examwPage .examwMain .examwCourse,.examwPage .examwMain .examwFtk{min-width:963px;background-image:url('https://img.hkwx8.com/sso/images/ftkBgi.png');background-size:100% 100%;position:absolute;top:20px;left:0;display:none;z-index:200;box-shadow: 0 0 5px 1px rgb(0 0 0 / 10%);}
.examwPage .examwMain .examwCourse .type,.examwPage .examwMain .examwFtk .type{padding:26px 24px 24px;display:flex;justify-content:space-between;}
.examwPage .examwMain .examwCourse .type .item,.examwPage .examwMain .examwFtk .type .item{margin-right:35px}
.examwPage .examwMain .examwCourse .type .item .name,.examwPage .examwMain .examwFtk .type .item .name{color:#333;font-size:16px;font-weight:700}
.examwPage .examwMain .examwCourse .type .item .line,.examwPage .examwMain .examwFtk .type .item .line{display:flex;width:80px;margin:14px 0 20px}
.examwPage .examwMain .examwCourse .type .item .line img,.examwPage .examwMain .examwFtk .type .item .line img{width:50%;height:3px}
.examwPage .examwMain .examwCourse .type .item ul.ClassList,.examwPage .examwMain .examwFtk .type .item ul.ClassList{column-count:2;column-gap:20px;margin-top:8px;max-width: 240px;white-space: nowrap;}
.examwPage .examwMain .examwCourse .type .item ul.ClassList li,.examwPage .examwMain .examwFtk .type .item ul.ClassList li{position:relative;margin-bottom:20px;min-width: 80px;}
ul.ClassList li a:hover{color:#ed3f3f !important}
.examwPage .examwMain .examwCourse .type .item ul.ClassList li a,.examwPage .examwMain .examwFtk .type .item ul.ClassList li a{color:#666;font-size:14px}
.examwPage .examwMain .examwCourse .type .item ul.ClassList li .zhe,.examwPage .examwMain .examwFtk .type .item ul.ClassList li .zhe{width:40px;height:15px;background-color:#eb4d2d;border-radius:10px 0 10px 0;color:#fff;font-size:12px;text-align:center;line-height:15px;position:absolute;right:-30px;top:-16px}
.examwPage .examwMain .examwCourse .type .item:last-child,.examwPage .examwMain .examwFtk .type .item:last-child{margin-right:0}
.examwPage .examwMain .examwApp,.examwPage .examwMain .examwFtk{max-width:1200px;left:0}
.examwPage .examwMain .examwApp::after,.examwPage .examwMain .examwFtk::after{content:"";position:absolute;top:-5px;left:150px;width:25px;height:25px;background:#fff;transform:rotate(45deg);border:1px solid #fff;z-index:0}
.examwPage .examwMain .examwApp{width:547px;background-image:url('https://img.hkwx8.com/sso/images/ftkBgi.png');background-size:100% 100%;position:absolute;top:20px;left:0;display:none;z-index:200;box-shadow: 0 0 5px 1px rgb(0 0 0 / 10%);}
.examwPage .examwMain .examwApp::after{left:300px}
.examwPage .examwMain .examwApp .codeList{padding:40px;display:flex;justify-content:space-between;}
.examwPage .examwMain .examwApp .codeList .code{display:flex;flex-direction:column;align-items:center}
.examwPage .examwMain .examwApp .codeList .code img{width:100px;height:100px;margin-bottom:10px}
.examwPage .examwMain .examwApp .codeList .code span{color:#333;font-size:13px}
.examwPage .examwMain .examwApp .codeList .line{width:1px;height:130px;background-color:#f0f0f0}
.examwPage .examwMain .examwLogin{display:none}
.examwPage .examwMain .examwLogin .loginBox{width:220px;background-image:url('https://img.hkwx8.com/sso/images/signBgi1.png');background-size:100% 100%;position:absolute;right:0px;top:0;display:flex;flex-direction:column;align-items:center;z-index: 200;}
.examwPage .examwMain .examwLogin .loginBox .title{color:#999;font-size:16px;margin:30px 0 25px 0}
.examwPage .examwMain .examwLogin .loginBox .content{background: none;}
.examwPage .examwMain .examwLogin .loginBox .content .hint{display:flex;align-items:center;margin-bottom:20px}
.examwPage .examwMain .examwLogin .loginBox .content .hint img{width:15px;height:12px;margin-right:10px}
.examwPage .examwMain .examwLogin .loginBox .content .hint span{color:#333;font-size:16px}
.examwPage .examwMain .examwLogin .loginBox .btn{width:130px;height:35px;background-image:url('https://img.hkwx8.com/sso/images/loginBtn.png');background-size:100% 100%;color:#fff;font-size:14px;font-weight:700;text-align:center;line-height:35px;margin:0 auto;margin-bottom:20px;transform: translateX(0);}
.examwPage .examwMain .examwLibao .libaoBox{width:217px;height:66px;background-image:url('https://img.hkwx8.com/sso/images/signBgi2.png');background-size:100% 100%;position:absolute;right:-20px;top:0;z-index:200;display:flex;align-items:center;justify-content:flex-start;padding-top:5px;padding-left: 20px;}
.examwPage .examwMain .examwLibao .libaoBox .icon{width:25px;height:25px;border-radius:50%;background-color:#f4603c;display:flex;align-items:center;justify-content:center;margin-right:10px}
.examwPage .examwMain .examwLibao .libaoBox .icon img{width:20px;height:20px}
.examwPage .examwMain .examwLibao .libaoBox .text{display:flex;flex-direction:column}
.examwPage .examwMain .examwLibao .libaoBox .text span{color:#fff;font-size:14px;}
.examwPage .examwMain .examwMine{display:none}
.examwPage .examwMain .examwMine .my{width:120px;box-sizing:border-box;padding:14px 0 0;background-image:url('https://img.hkwx8.com/sso/images/signBgi3.png');background-size:100% 100%;position:absolute;right:0;top:10px;z-index: 200;}
.examwPage .examwMain .examwMine .my .myItem{display:flex;align-items:center;margin:15px 0;padding-left: 20px;}
.examwPage .examwMain .examwMine .my .myItem img{width:16px;height:16px;margin-right:10px;vertical-align: middle;}
.examwPage .examwMain .examwMine .my .myItem span{color:#333;font-size:12px}
.examwPage .examwMain .examwMine .my .myItem span:hover{color:#eb4d2d}
.examwPage .examwMain .examwCoupon, .examwPage .examwMain .examwPacket{display:none}
.examwPage .examwMain .examwCoupon .mycoupon, .examwPage .examwMain .examwPacket .mypacket{padding: 30px 18px 20px;background: #fff;background-size: 100% 100%;box-sizing: border-box;display: flex;flex-direction: column;align-items: center;position: absolute;right: 0;top: 15px;z-index: 200;border-radius: 10px;}
.examwPage .examwMain .examwPacket .mypacket::after{content: "";position: absolute;top: -5px;left: 150px;width: 25px;height: 25px;background: #fff;transform: rotate(45deg);border: 1px solid #fff;z-index: 0;}
.examwPage .examwMain .examwCoupon .mycoupon img, .examwPage .examwMain .examwPacket .mypacket img{width:20px;height:20px;position:absolute;right:12px;top:12px}
.examwPage .examwMain .examwCoupon .mycoupon .text, .examwPage .examwMain .examwPacket .mypacket .text{margin-bottom: 15px;}
.examwPage .examwMain .examwCoupon .mycoupon .text span, .examwPage .examwMain .examwPacket .mypacket .text span{color:#333;font-size:16px}
.examwPage .examwMain .examwCoupon .mycoupon .text span:first-child, .examwPage .examwMain .examwPacket .mypacket .text span:first-child{color:#eb4d2d}
.examwPage .examwMain .examwCoupon .mycoupon .price, .examwPage .examwMain .examwPacket .mypacket .price{width:206px;height:79px;background:url('https://img.hkwx8.com/sso/images/coupon.png') no-repeat;background-size:contain;margin-bottom:10px;position:relative}
.examwPage .examwMain .examwCoupon .mycoupon .price span, .examwPage .examwMain .examwPacket .mypacket .price span{color:#eb4d2d;font-size:28px;font-weight:700;position:absolute;left:45px;top:20px}
.examwPage .examwMain .examwCoupon .mycoupon .time, .examwPage .examwMain .examwPacket .mypacket .time{display:flex;align-items:center}
.examwPage .examwMain .examwCoupon .mycoupon .time span, .examwPage .examwMain .examwPacket .mypacket .time span{color:#333;font-size:16px}
.examwPage .examwMain .examwCoupon .mycoupon .time span:nth-child(even), .examwPage .examwMain .examwPacket .mypacket .time span:nth-child(even){width:24px;height:24px;background-color:#eb4d2d;border-radius:5px;color:#fff;text-align:center;line-height:24px;margin:0 5px}
.examwPage .popup{width:100%;height:100%;background-color:rgba(0,0,0,.5);position:fixed;top:0;left: 0;}
.examwPage .popup .mask{width:550px;background:url('https://img.hkwx8.com/sso/images/couBgi.png') no-repeat;background-size:100% 100%;position:absolute}
.examwPage .popup .mask .close{width:25px;height:25px;position:absolute;right:66px;top:40px}
.examwPage .popup .mask .couList{position:absolute;top:230px;left:92px}
.examwPage .popup .mask .couList .couitem{width:320px;height:80px;background-image:url('https://img.hkwx8.com/sso/images/couItem.png');background-size:100% 100%;overflow:hidden;margin-bottom:-10px}
.examwPage .popup .mask .couList .couitem .coutop{margin:10px 0 0 30px}
.examwPage .popup .mask .couList .couitem .coutop span:first-child{color:#f5453c;font-size:12px}
.examwPage .popup .mask .couList .couitem .coutop span:nth-child(2){color:#f5453c;font-size:25px;font-weight:700}
.examwPage .popup .mask .couList .couitem .coutop span:last-child{color:#333;font-size:15px;font-weight:700}
.examwPage .popup .mask .couList .couitem .coubottom{display:flex;width:180px;height:15px;border:1px solid #f5453c;border-radius:5px;margin-left:30px}
.examwPage .popup .mask .couList .couitem .coubottom span{width:50%;height:100%;font-size:12px;text-align:center;line-height:15px}
.examwPage .popup .mask .couList .couitem .coubottom span:first-child{background-color:#f5453c;color:#fff}
.examwPage .popup .mask .couList .couitem .coubottom span:last-child{color:#f5453c}
.examwPage .popup .mask .get{width:300px;height:50px;background-image:url('https://img.hkwx8.com/sso/images/getBtn.png');background-size:100% 100%;color:#b22320;font-size:16px;font-weight:700;text-align:center;line-height:50px;position:absolute;bottom:105px;left:105px}

.floatDivBox .floatNavBox a{cursor: pointer;}

.introduceBox table a,.dataBox .receiveCont a,.processBox .contBox li a,.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:#ff5b3e;background-image: -moz-linear-gradient( 0deg, rgb(255,90,62) 0%, rgb(255,160,76) 100%);background-image: -webkit-linear-gradient( 0deg, rgb(255,90,62) 0%, rgb(255,160,76) 100%);background-image: -ms-linear-gradient( 0deg, rgb(255,90,62) 0%, rgb(255,160,76) 100%);}
.teacherBox .teacherCont .tabNavBox li,.dataBox .receiveCont,.appBox .appDown a.iphone,.prospectBox .examineBox,.timetableBox .classTitle li.cur{background:#0e1c82;background-image: -moz-linear-gradient( 0deg, rgb(14,27,130) 0%, rgb(20,69,169) 100%);background-image: -webkit-linear-gradient( 0deg, rgb(14,27,130) 0%, rgb(20,69,169) 100%);background-image: -ms-linear-gradient( 0deg, rgb(14,27,130) 0%, rgb(20,69,169) 100%);}

.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 .btnBox a i,.processBox .contBox li .iconBox,.courseBox .courseTab li i.icon_price,.classModule .hd i{background: url('../images/index.png') no-repeat;}
.btn a,.btnBox a{position: relative;top:0;transition: all .2s;}
.btn a:hover,.btnBox a:hover{top:-3px;}
.pubTitle{font-size: 50px;color: #333333;text-align: center;font-weight: bold;}
.pubTitle u{display: inline-block;width: 45px;height: 50px;vertical-align: -8px;}
.pubTitle u.prevIcon{background-position: -76px -10px;margin-right: 10px;}
.pubTitle u.nextIcon{background-position: -130px -10px;margin-left: 10px;}
/* 头部 end */
/* 课程主体 start */
.entirety{width:1200px;margin:40px auto}
.entirety .title{position:relative}
.entirety .title h2{font-size:50px;font-weight:bold;color:#333;text-align:center}
.entirety .title .clock{position:absolute;top: 25px;right: -20px;width:217px;height:98px;background:url('../images/border.png') no-repeat;overflow: initial;display: none;}
.entirety .title .clock .lastTime{margin-top:13px;margin-right:20px;font-size:20px;font-weight:bold;color:#eb4f2a;text-align: center;width: 100%;margin-left: 30px;}
.entirety .title .clock .lastTime img{position:absolute;top:-48px;left:10px;width:81px;height:85px}
.entirety .title .clock .endTime{margin-top:5px;text-align:center;font-size:16px;color:#eb4834;width: 100%;height: initial;line-height: initial;}
.entirety .title .clock .endTime span{display:inline-block;width:24px;height:24px;line-height:24px;text-align:center;font-size:16px;color:white;background:#eb4834;margin:0 5px;border-radius:5px}
.entirety .classBox{margin-top:50px;border-radius:10px;box-shadow:0 0 10px 5px #f0f0f0;padding-bottom:15px;display: table;}
.entirety .classBox .classA{width:1200px;position:relative;display:table}
.entirety .classBox .classA::before{content:"";position:absolute;top:0;left: 41%;width:1px;height:calc(100% + 15px);background:#f0f0f0;z-index:10}
.entirety .classBox .classA:first-child::before{background:transparent}
.entirety .classBox .classA .classTle{width: 400px;height:86px;line-height:86px;text-align:center;padding-top:20px;box-sizing:border-box;float:left;background:linear-gradient(to right,#db7c3d,#e0a762)}
.entirety .classBox .classA .classTle:last-child{background:linear-gradient(to right,#4d65a4,#566eab)}
.entirety .classBox .classA .classTle h3{width:100%;font-size:28px;font-weight:bold;color:white;height:28px;line-height:28px}
.entirety .classBox .classA .classTle p{width:100%;font-size:14px;color:#fff;height:14px;line-height:14px;margin-top:10px}
.entirety .classBox .classA .price{background:#fff9f5;width: 400px;height:57px;line-height:57px;text-align:center;font-size:16px;color:#333;float:left;position:relative}
.entirety .classBox .classA .price::after{content:"";position:absolute;left:0;bottom:-6px;width:100%;height:6px;background:url(../images/sawtooth.jpg) no-repeat}
.entirety .classBox .classA .price .old{width:90px;transform:translateY(10px);display:inline-block}
.entirety .classBox .classA .price .old dd{height:22px;line-height:22px;font-size:14px;margin:0 auto}
.entirety .classBox .classA .price .old dd:first-child{font-size:12px;width:74px;background:#ea3d44;color:#fff;border-radius:14px 0 14px 0}
.entirety .classBox .classA .price .old dd:last-child{color:#999;text-decoration:line-through}
.entirety .classBox .classA .price span{font-size:26px;font-weight:bold;color:#eb4f2a;margin-left:10px;display:inline-block;width:90px}
.entirety .classBox .classA .price button{display:inline-block;border:none;background:#eb4f2a;width:98px;height:35px;line-height:35px;border-radius:35px;font-size:16px;font-weight:bold;color:#fff;margin-left:20px}
.entirety .classBox .classA .exclusive{width: 400px;margin-top:6px;margin-bottom:9px;float:left}
.entirety .classBox .classA .exclusive .special_offer{height:50px;line-height:50px;padding-left:45px;background:url(../images/triangle.png) 20px 17px no-repeat #f6f6fc;background-size:16px 16px}
.entirety .classBox .classA .exclusive p.old{width:359px;font-size:13px;height:23px;line-height:23px;border:1px solid #f3f3f3;border-radius:23px;margin-left:20px;margin-top:15px}
.entirety .classBox .classA .exclusive p.old span{display:inline-block;height:23px;border-radius:23px 0 0 23px}
.entirety .classBox .classA .exclusive p.old span:first-child{width:85px;text-align:center;color:#fff;background:linear-gradient(to right,#eb4c2e,#ea3f42)}
.entirety .classBox .classA .exclusive p.old span:nth-of-type(2){width:274px;padding-left:10px;color:#eb4f2a;box-sizing:border-box}
.entirety .classBox .classA .exclusive dl.learning_phase,.entirety .classBox .classA .exclusive dl.give,.entirety .classBox .classA .exclusive dl.safeguard{margin-top:15px;padding-left:20px;box-sizing:border-box}
.entirety .classBox .classA .exclusive dl.learning_phase dt,.entirety .classBox .classA .exclusive dl.give dt,.entirety .classBox .classA .exclusive dl.safeguard dt{font-size:15px;color:#282828;font-weight:bold;margin-bottom:14px}
.entirety .classBox .classA .exclusive dl.learning_phase dt span,.entirety .classBox .classA .exclusive dl.give dt span,.entirety .classBox .classA .exclusive dl.safeguard dt span{display:inline-block;width:10px;height:10px;background:#fbdbd5;border-radius:10px;position:relative;margin-right:6px}
.entirety .classBox .classA .exclusive dl.learning_phase dt span::before,.entirety .classBox .classA .exclusive dl.give dt span::before,.entirety .classBox .classA .exclusive dl.safeguard dt span::before{content:"";position:absolute;top:50%;left:50%;width:6px;height:6px;margin:-3px 0 0 -3px;background:#eb4d2e;border-radius:6px}
.entirety .classBox .classA .exclusive dl.learning_phase dd,.entirety .classBox .classA .exclusive dl.give dd,.entirety .classBox .classA .exclusive dl.safeguard dd{font-size:13px;margin-bottom:8px;padding-left:16px;box-sizing:border-box;color:#282828}
.entirety .classBox .classA .exclusive dl.learning_phase dd span,.entirety .classBox .classA .exclusive dl.give dd span,.entirety .classBox .classA .exclusive dl.safeguard dd span{float:left}
.entirety .classBox .classA .exclusive dl.learning_phase dd span:nth-of-type(2),.entirety .classBox .classA .exclusive dl.give dd span:nth-of-type(2),.entirety .classBox .classA .exclusive dl.safeguard dd span:nth-of-type(2){color:#666;float:right;margin-right:20px}
.entirety .classBox .classA .exclusive dl.learning_phase dd::after,.entirety .classBox .classA .exclusive dl.give dd::after,.entirety .classBox .classA .exclusive dl.safeguard dd::after{content:"";display:block;clear:both}
.entirety .classBox .classA .exclusive dl.learning_phase .desc,.entirety .classBox .classA .exclusive dl.give .desc,.entirety .classBox .classA .exclusive dl.safeguard .desc{width:546px;line-height:30px;border-radius:10px;background:#f5f5f5;margin-left:16px;color:#999;font-size:12px;margin-bottom:14px}
.entirety .classBox .classA .exclusive dl.learning_phase .point span,.entirety .classBox .classA .exclusive dl.give .point span,.entirety .classBox .classA .exclusive dl.safeguard .point span{color:#eb4f2a}
.entirety .classBox .classA .exclusive .give dt{margin-top:18px}
.entirety .classBox .classA .exclusive .give dt:first-child{margin-top:0}
.entirety .classBox .classA .exclusive .give dd{padding-left:8px !important}
.entirety .classBox .classA .exclusive .give dd span{display:inline-block;width:17px;height:17px;line-height:17px;text-align:center;background:#e2e2e2;border-radius:17px;margin-right:10px}
.entirety .classBox .classA .exclusive .give .point,.entirety .classBox .classA .exclusive .safeguard{color:#eb4f2a}
.entirety .classBox .classA .exclusive .give .point span{background:#eb4f2a;color:#fff !important}
.entirety .classBox .classA .exclusive .give .point a{display:inline-block;}
.entirety .classBox .classA .exclusive .give .point a img{height: 25px;vertical-align: middle;margin-left: 5px;}
.entirety .classBox .classA .exclusive .give .vip{color:#c68a2c !important;position: relative;}
.entirety .classBox .classA .exclusive .give .vip samp{display:inline-block;width:70px;height:22px;line-height:22px;text-align:center;background:#e7a948;color:#fff;border-radius:22px;font-size:13px}
.entirety .classBox .classA .exclusive .safeguard dd span{float:initial !important}
.entirety .classBox .classA .exclusive .safeguard dd i{display:block;float:left;position:relative;width:18px;height:18px;background:#e2e2e2;border-radius:18px;margin-right:10px}
.entirety .classBox .classA .exclusive .safeguard dd i::before{content:"";position:absolute;top:50%;left:50%;width:8px;height:8px;margin:-4px 0 0 -4px;background:#fff;border-radius:8px}
.entirety .classBox .classA .exclusive .safeguard dd a{margin-left:22px;color:#2a59d0}
.entirety .classBox .classA .btn{width: 400px;float:left;border-top:1px solid #f0f0f0;padding-top:10px;text-align:center;display:table}
.entirety .classBox .classA .btn a{display:inline-block;width:166px;height:42px;line-height:42px;text-align:center;margin-right:20px;font-size:20px;border-radius:42px;border:2px solid #dfdfdf}
.entirety .classBox .classA .btn a:hover{border:2px solid #eb4f2a;color:#eb4f2a;background:#ea3c46;color:#fff}
.entirety .classBox .classA .btn a:last-child{margin-right:0;border-color:#ea3c46}
.entirety .classBox .classA .btn .trial{background:#ea3c46;color:#fff}
.entirety .classBox .classA .exclusive dl.give .desc{width:346px}
.three .classBox{position:relative;overflow: initial;}
.three .classBox::after{content:"";position:absolute;top:86px;left:800px;width:1px;height:calc(100% - 86px);background:#f0f0f0;z-index:10}
.three .classBox .classA::before{left:400px}
.three .classBox .classA .classTle,.three .classBox .classA .exclusive,.three .classBox .classA .btn{width:400px;position: relative;}
.three .classBox .classA .classTle:nth-of-type(2){background:linear-gradient(to right,#cc5766,#e37c86)}
.three .classBox .classA .price{width:400px}
.three .classBox .classA .exclusive dl.learning_phase .desc{width:346px}
.datum{width:1200px;margin:60px auto}
.datum .title{font-size:50px;font-weight:bold;color:#333333;text-align:center;margin-bottom:52px}
.datum ul{box-shadow:0 0 5px 1px #f2f2f2;border-radius:10px}
.datum ul::after{content:"";display:block;clear:both}
.datum ul li{width:200px;height:344px;float:left;position:relative}
.datum ul li::before{content:"";position:absolute;top:50%;right:0;width:1px;height:303px;margin-top:-151.5px;background:#f0f0f0}
.datum ul li:last-child::before{background:none}
.datum ul li a{display:block;padding:45px 22px 0;padding-top:45px;box-sizing:border-box;width:100%;height:100%;margin:0 auto;transition:all 0.25s}
.datum ul li a .datumImg{width:58px;height:45px;background:url(../images/desc_Bg.png) no-repeat;background-position:-64px 0}
.datum ul li a dl{margin-top:20px;color:#333}
.datum ul li a dl dt{font-size:20px;font-weight:bold;margin-bottom:22px}
.datum ul li a dl dd{font-size:13px;line-height:20px}
.datum ul li a:hover{height:383px;background:url(../images/bg.png) no-repeat;margin-top:-20px;padding-top:65px}
.datum ul li a:hover dl{color:#fff}
.datum ul li:nth-of-type(2) .datumImg{background-position:-62px -52px}
.datum ul li:nth-of-type(3) .datumImg{background-position:-62px -100px}
.datum ul li:nth-of-type(4) .datumImg{background-position:-58px -150px}
.datum ul li:nth-of-type(5) .datumImg{background-position:-64px -196px}
.datum ul li:nth-of-type(6) .datumImg{background-position:-62px -247px}
.datum ul li:hover::before{background:none}
.datum ul li:hover:nth-of-type(1) .datumImg{background-position:0 0}
.datum ul li:hover:nth-of-type(2) .datumImg{background-position:0 -52px}
.datum ul li:hover:nth-of-type(3) .datumImg{background-position:0 -100px}
.datum ul li:hover:nth-of-type(4) .datumImg{background-position:0 -150px}
.datum ul li:hover:nth-of-type(5) .datumImg{background-position:0 -196px}
.datum ul li:hover:nth-of-type(6) .datumImg{background-position:0 -247px}
.fixed{position:fixed;top:50%;left:30px;width:95px}
.fixed ul li{width:95px;height:38px;margin-bottom:5px;border-radius:5px;border:1px solid #e9e9e9}
.fixed ul li a{display:block;line-height:38px;text-align:center;font-size:16px}
.fixed ul li a:hover{background:#ea3f41;color:#fff}
.fixed ul li:last-child{height:58px;border-radius:5px 5px 30px 30px}
.fixed ul li:last-child a{padding-top:12px}
.fixed ul li:last-child a:hover{background:none}

.four .classBox{position:relative}
.four .classBox::before,.four .classBox::after{content:"";position:absolute;top:86px;left:600px;width:1px;height:calc(100% - 86px);background:#f0f0f0;z-index:10}
.four .classBox::before{left:900px}
.four .classBox .classA::before{left:300px}
.four .classBox .classA .classTle,.four .classBox .classA .exclusive,.four .classBox .classA .btn{width:300px}
.four .classBox .classA .classTle:nth-of-type(2){background:linear-gradient(to right,#cc5766,#e37c86)}
.four .classBox .classA .classTle:nth-of-type(3){background:linear-gradient(to right,#4d65a4,#566eab)}
.four .classBox .classA .classTle:last-child{background:linear-gradient(to right,#418961,#54a68f)}
.four .classBox .classA .price{width:300px}
.four .classBox .classA .price .old{transform:translateY(10px);display:inline-block}
.four .classBox .classA .price .old dd{height:22px;line-height:22px;font-size:14px;margin:0 auto}
.four .classBox .classA .price .old dd:first-child{font-size:12px;width:74px;background:#ea3d44;color:#fff;border-radius:14px 0 14px 0}
.four .classBox .classA .price .old dd:last-child{color:#999;text-decoration:line-through}
.four .classBox .classA .exclusive dl.give dd{padding-left:0 !important}
.four .classBox .classA .exclusive dl.give .vip samp{width:46px}
.four .classBox .classA .exclusive dl.learning_phase .desc{width:246px;height:initial;line-height:initial;padding:8px 8px 8px 10px;border-radius:8px}
.four .classBox .classA .exclusive dl.learning_phase .desc span{height:initial;line-height:initial;padding:0 10px;box-sizing:border-box}
.four .classBox .classA .exclusive dl.learning_phase dd span:nth-of-type(2){float:left;margin-top:8px}
.four .classBox .classA .exclusive p.old{width:269px}
.four .classBox .classA .exclusive p.old span:last-child{width:184px}
.four .classBox .classA .resetSafeguard dd{padding-left:0 !important;padding-right:20px}
.four .classBox .classA .resetSafeguard dd i{top:0 !important}
.four .classBox .classA .btn a{width:120px}

.four .classBox .classA .exclusive dl.give .desc{width: 250px;padding: 10px !important;box-sizing: border-box;}
.four .entirety .classBox .classA .price span{font-size: 20px;width: initial;}
.four .entirety .classBox .classA .price button{ margin-left: 10px;height: 30px;line-height: 30px;}
.four .entirety .classBox .classA .exclusive .give .vip{position: relative;}
.four .classBox .classA .exclusive dl.give .vip samp{position: absolute;right: 5px;padding: 0 5px;width: initial;height: 20px;}


.entirety .classBox .classA .exclusive dl.safeguard dd{padding-left: 0;}

.entirety .classBox .classA .exclusive  p.adjustment span{color:#eb4f2a;}
.entirety .classBox .classA .exclusive  p.adjustment a{color:#df2fff;padding-left: 8px;}
.entirety .classBox .classA .exclusive p.adjustment span:nth-of-type(2){width:initial;}

.hr .classBox .classA .price,.jjs .classBox .classA .price{width:300px}
.offsetTop{position:sticky;top: 50px;;z-index:100;}

/* 2022-3-22 */
.four .classBox .classA .price span{min-width: 40px;width: initial;font-size: 20px;}
.four .classBox .classA .price button{width: 70px;height: 25px;line-height: 25px;border-radius: 25px;vertical-align: super;font-size: 14px;margin-left: 10px;}

/* 2021-11-16 */
.lp_red_rectangle{
  width: 106px;
  height: 34px;
  line-height: 28px;
  text-align: center;
  background: url(../images/red_rectangle.png) no-repeat;
  background-size: auto;
  color: #fff;
  font-size: 16px;
  animation: shake linear 3s infinite;
  transform-origin: top left;
  position: absolute;
  top: -15px;
  right: 0;
}

@keyframes shake {
  0%{
    transform: rotate(0);
  }
  10%{
    transform: rotate(5deg);
  }
  20%{
    transform: rotate(0);
  }
  30%{
    transform: rotate(5deg);
  }
  40%{
    transform: rotate(0);
  }
  50%{
    transform: rotate(5deg);
  }
}

.topical_fire{
  width: 66px;
  height: 92px;
  line-height: 5;
  font-size: 24px;
  color: #fff;
  text-align: center;
  font-weight: bold;
  background: url(../images/fire.png) no-repeat;
  font-style: italic;
  position: absolute;
  top: -25px;
  right: 10px;
}
.courseBox h2{padding-top: 35px;}
/* 课程主体 end */
.bannerBox {
  width: 100%;
  height: 400px;
  background: url('../images/banner.jpg') no-repeat center center;
  min-width: 1200px;
}
.swiper-container-banner .pagination{position:absolute;z-index:20;bottom:15px;width:1200px;text-align:center;left:50%;margin-left:-600px}
.swiper-container-banner .swiper-pagination-switch{display:inline-block;width:95px;height:6px;border-radius:6px;background:#fff;margin:0 5px;opacity:0.5;border:1px solid #fff;cursor:pointer}
.swiper-container-banner .swiper-active-switch{opacity:1}
.Title{position:relative;height:90px;display:flex;justify-content:center;align-items:center}
.Title h2{position:absolute;z-index:1;left:50%;transform:translate(-50%,-10px)}
.Title h3{font-size:48px;color:#111111;position:relative;z-index:10;font-weight:bold;text-align:center}
.Title h3 .lt{display:inline-block;width:29px;height:34px;background:url('../images/icon_title_l.png') no-repeat;margin-right:30px;position:relative;top:-15px}
.Title h3 .rt{display:inline-block;width:29px;height:19px;background:url('../images/icon_title_r.png') no-repeat;margin-left:18px;position:relative;bottom:-6px}
.Title h3 span{display:inline-block;height:78px;background:url('../images/bg_title_line.png') no-repeat center bottom}
.trialBox{padding-top:58px;height:773px;box-sizing:border-box}
.Video{padding-top:10px}
.VideoBox .TitleName{padding-top:46px}
.VideoBox .TitleName .Title h2{background:url('../images/Bg_videoTit.png') no-repeat center center;height:105px;width:100%;background-position:50% 10%}
.VideoBox .TitleName .Title h3{line-height:105px}
.VideoCourse{height:60px;width:1198px;background:#2d3551;border-bottom:0;box-shadow:0 5px 17px rgba(0,0,0,0.17);border-radius:10px 10px 0 0}
.VideoCourse .Column{width:1010px;height:60px;overflow:hidden;padding-left:10px;box-sizing:border-box}
.VideoCourse .Column li{height:60px;padding:0 28px;text-align:center;font-size:16px;color:#fff;line-height:60px;float:left;cursor:pointer;margin-left:-1px}
.courseBox .tabNavBox li .noShow{display:none}
.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('https://img.hkwx8.com/chuban/class/titleLine.png') no-repeat;
    margin: 0 auto;
}

.videoBox .titleBox .subTit span {
    display: inline-block;
    padding: 10px 0;
}
.VideoCourse .Column li.cur {
  color: #fff;
  font-weight: bold;
  background-image: -moz-linear-gradient( 180deg, rgb(39,190,255) 0%, rgb(40,102,238) 100%);
  background-image: -webkit-linear-gradient( 180deg, rgb(39,190,255) 0%, rgb(40,102,238) 100%);
  background-image: -ms-linear-gradient( 180deg, rgb(39,190,255) 0%, rgb(40,102,238) 100%);
}
.VideoSelect{width:178px;position:relative;z-index:9;margin-right:10px}
.VideoSelect .Select .Name{line-height:38px;height:38px;cursor:pointer;position:relative;z-index:2;margin-top:11px;border-radius:19px}
.VideoSelect .Select .Name{color:#fff}
.VideoSelect .Select .Name span.Txt {
  box-sizing: border-box;
  padding-right: 10px;
  display: inline-block;
  color: #fff;
  text-align: center;
  height: 38px;
  width: 100%;
  overflow: hidden;
  font-size: 14px;
  border-radius: 19px;
  background-image: -moz-linear-gradient( 180deg, rgb(39,190,255) 0%, rgb(40,102,238) 100%);
  background-image: -webkit-linear-gradient( 180deg, rgb(39,190,255) 0%, rgb(40,102,238) 100%);
  background-image: -ms-linear-gradient( 180deg, rgb(39,190,255) 0%, rgb(40,102,238) 100%);
}
.VideoSelect .Select .Name.cur{color:#fff}
.VideoSelect .Select .Name.cur span.Txt{color:#fff}
.VideoSelect .Select .Name i{display:inline-block;vertical-align:1px;width:14px;height:8px;background:url('https://img.hkwx8.com/images/downArrow.png') no-repeat;margin-left:5px;position:absolute;right:15px;top:15px}
.VideoSelect .Select .List{background:#2d3551;position:absolute;left:0;top:30px;padding:20px 15px 0;width:146px;height:400px;overflow:hidden;z-index:1;display:none;zoom:1;border:1px solid #4969df;border-top:none;overflow-y:scroll}
.VideoSelect .Select .List::-webkit-scrollbar{width:0}
.VideoSelect .Select .List ul{width:100%}
.VideoSelect .Select .List li{font-size:14px;line-height:28px;text-align:center;color:#fff;border-bottom:solid 1px #62687c;float:none;cursor:pointer;padding:10px 0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.VideoSelect .Select .List li:hover{color:#92c9f8}
.VideoMain{background:#fff}
.VideoLeft{width:800px;height:450px;overflow:hidden}
.VideoRight{width:399px;height:450px}
.VideoTit{height:43px;line-height:43px;background:#ebebeb;overflow:hidden;overflow-x:scroll}
.VideoTit ul{white-space:nowrap;overflow:hidden;height:40px}
.VideoTit::-webkit-scrollbar{height:10px}
.VideoTit::-webkit-scrollbar{width:5px;height:5px;border-radius:5px;background-color:#F5F5F5}
.VideoTit::-webkit-scrollbar-thumb{border-radius:5px;background-color:#999}
.VideoTit::-webkit-scrollbar-track{border-radius:5px;background-color:#fff}
.VideoList::-webkit-scrollbar{width:5px;height:5px;border-radius:5px;background-color:#F5F5F5}
.VideoList::-webkit-scrollbar-thumb{border-radius:5px;background-color:#999}
.VideoList::-webkit-scrollbar-track{border-radius:5px;background-color:#fff}
.VideoTit li{cursor:pointer;width:118px;line-height:40px;font-size:14px;font-weight:bold;color:#777777;float:left;display:flex;align-items:center;justify-content:center}
.VideoTit li.cur{background:#fff;color:#000}
.VideoTit li img{width:28px;height:28px;border-radius:28px;border:1px solid #ebebeb;margin-right:8px}
.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:342px -70px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;padding-right:50px;position:relative}
.VideoList ul li a,.VideoList ul li a:link,.VideoList ul li a:visited{color:#333}
.VideoList ul li em{display:inline-block;width:43px;height:21px;position:absolute;top:8px;right:0}
.VideoList ul li.Play,.VideoList ul li.Free{background:none}
.VideoList ul li.Free i{color:#333}
.VideoList ul li.Free em{background-position:-30px -80px}
.VideoList ul li.Play em{background:url("https://img.chaosw.com/zt/pub/play.gif") no-repeat center center}
.VideoList ul li.Play a,.VideoList ul li.Play a:link,.VideoList ul li.Play a:visited{color:#5f9df0;font-weight:bold}
.VideoList ul li.Play i{color:transparent;background-position:0 -53px}
.VideoList li i{display:inline-block;width:15px;height:15px;text-align:center;line-height:15px;margin-right:16px;font-size:14px;color:#999999}
.zUIpanelScrollBox,.zUIpanelScrollBar{width:6px;top:4px;right:0;border-radius:5px}
.zUIpanelScrollBox{background:#fff;opacity:1.0;filter:alpha(opacity=10)}
.zUIpanelScrollBar{background:#e4e4e4;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;
  color: #fff;
  background: #4381eb;
  font-size: 18px;
  border-radius: 0;
  box-shadow: none;
  float: left;
  margin-right: 0
}

.VideoOper a.BtnNow::before{content:'';display:inline-block;width:24px;height:23px;background:url('https://img.hkwx8.com/images/icon_enroll.png') no-repeat;vertical-align:-4px;margin-right:10px}
.VideoOper a.BtnConsult{height:52px;line-height:52px;font-size:18px;color:#fff;font-weight:bold;background:#d65641;font-weight:bold;float:left;border-radius:0;box-shadow:none}
.programmeBox{background:url('https://img.hkwx8.com/images/bg_programmeBox.jpg') no-repeat #fff;padding-top:58px;box-sizing:border-box;padding-bottom:140px}
.programmeBox .countdown{display:flex;justify-content:center;align-items:center;width:640px;height:74px;border-radius:74px;background-color:#fff;box-shadow:0px 0px 18px 0px rgba(218,218,218,0.86);margin:20px auto 0}
.programmeBox .countdown span{font-size:18px;color:#000000}
.programmeBox .countdown img{width:42px;margin:0 10px}
.programmeBox .countdown b{font-size:24px;color:#000000;font-weight:bold}
.programmeBox .countdown .num{font-size:24px;color:#d65641;font-weight:bold;display:flex;align-items:center}
.programmeBox .countdown .num u{margin-right:10px;display:inline-block;width:45px;height:50px;font-size:32px;color:#d65641;border:2px solid #dbdfe1;border-radius:18px;text-align:center;line-height:50px}
.packageBox{padding-bottom:60px}
.packageBox .CourseSub{padding-top:30px}
.packageBox .subTitle{padding-top:48px}
.packageBox .subTitle h3{height:86px;background:url('Bg_packageTit.png') no-repeat;padding:18px 0 0 44px;box-sizing:border-box}
.packageBox .subTitle h3 i{display:inline-block;width:14px;height:23px;background-position:-96px -73px}
.packageBox .subTitle h3 .tit{font-size:32px;color:#ffffff;margin:0 15px;font-weight:bold}
.packageBox .subTitle h3 .tip{font-size:14px;color:#ffffff;margin-left:16px;vertical-align:6px}
.packageBox .subTitle h3 .tip em{display:inline-block;width:58px;height:1px;background:url('line.png') no-repeat;margin-left:10px;vertical-align:4px}
.singleBox .subTitle h3{height:86px;background:url('Bg_singleTit.png') no-repeat}
.CourseSub{position:relative}
.CourseSub .navTitBox{width:100%;height:55px;overflow:hidden;border-bottom:1px solid #5264a6;position:relative}
.CourseSub .navTitBox i{display:inline-block;width:17px;height:30px;position:absolute;cursor:pointer}
.CourseSub .navTitBox i.arrow_left{background:url('../images/bg_package_arrow.png');transform:rotate(180deg);left:0;top:16px}
.CourseSub .navTitBox i.arrow_right{background:url('../images/bg_package_arrow.png');right:0;top:16px}
.CourseSub .navTitBox i.arrow_left:hover{background:url('../images/bg_package_arrow_on.png');transform:rotate(180deg)}
.CourseSub .navTitBox i.arrow_right:hover{background:url('../images/bg_package_arrow_on.png')}
.CourseSub .hiddenBox{width:970px;overflow:hidden;margin:0 auto}
.CourseSub .SubTitle{height:55px;width:100%;margin-left:0;position:relative;left:0}
.CourseSub .SubTitle li{display:block;width:160px;height:55px;overflow:hidden;line-height:55px;border-radius:10px 10px 0 0;text-align:center;float:left;margin-right:2px}
.CourseSub .SubTitle li span{font-size:20px;color:#333333;font-weight:bold;width:100%;height:100%;display:block}
.CourseSub .SubTitle li:hover span,.CourseSub .SubTitle li.cur span {
  background-image: -moz-linear-gradient( 90deg, rgb(39,190,255) 0%, rgb(40,102,238) 100%);
  background-image: -webkit-linear-gradient( 90deg, rgb(39,190,255) 0%, rgb(40,102,238) 100%);
  background-image: -ms-linear-gradient( 90deg, rgb(39,190,255) 0%, rgb(40,102,238) 100%);
  color: #fff;
  font-size: 20px;
  cursor: pointer
}
.CourseSub .SubTitle li:hover::after,.CourseSub .SubTitle li.cur::after{display:none}
.CourseSub .SubList{margin-top:20px;background:#fff}
.CourseSub .TabSub{text-align:center;width:100%;border:1px solid #e9e9e9;color:#666;table-layout:fixed;empty-cells:show;border-collapse:collapse;margin:0 auto}
.CourseSub .TabSub tr{background:#fff}
.CourseSub .TabSub th{border:1px solid #e7e8ee;height:48px;background:#a0c1fa;color:#fff;font-size:16px;font-weight:normal}
.CourseSub .TabSub td{border:1px solid #e9e9e9;height:58px}
.CourseSub .TabSub td .red{color:#d65641}
.CourseSub .TabSub .Audition{width:132px;height:30px;line-height:30px;text-align:center;border-radius:16px;display:block;margin:0 auto;color:#d65641}
.CourseSub .TabSub .Audition::before{content:'';display:inline-block;width:17px;height:16px;background:url('../images/icon_package_video.png') no-repeat;vertical-align:-2px;margin-right:5px}
.CourseSub .TabSub .Buy{width:88px;height:28px;line-height:28px;border-radius:5px;background:#d65641;color:#ffffff;font-size:14px;display:inline-block}
.teacherBox{height:751px;background:url('../images/bg_teacher.jpg') no-repeat;padding-top:65px;box-sizing:border-box}
.teacherBox .Title h3{color:#fff}
.teacherBox .navBox{height:55px;width:auto;overflow:hidden;position:relative;margin-top:24px}
.teacherBox .swiper-container-nav{width:920px;margin:0 auto;height:55px;box-sizing:border-box;overflow:hidden}
.teacherBox .navBox a{display:block;width:61px;height:30px;border-radius:61px;position:absolute;z-index:10;background:url('../images/icon_teacher_switchLeft.png') no-repeat;top:14px}
.teacherBox .navBox a.arrow-right{right:0;background:url('../images/icon_teacher_switchRight.png') no-repeat}
.teacherBox .navBox a:hover{background:url('../images/icon_teacher_arrow_on.png') no-repeat;transform:rotate(180deg)}
.teacherBox .navBox a.arrow-right:hover{transform:rotate(0)}
.teacherBox .swiper-slide{cursor:pointer;padding:0 20px;height:55px;line-height:55px;font-size:20px;color:#ffffff;text-align:center;border-radius:10px;box-sizing:border-box}
.teacherBox .swiper-slide.cur{background-color:rgb(160,189,249);box-shadow:inset -1px 3px 7px 0px rgba(255,255,255,.4)}
.teacherBox .contBox .tabCont{display:none;position:relative;width:824px;height:400px;background:url('../images/bg_teacher_cont.png') no-repeat;margin-top:60px;margin-left:377px;box-sizing:border-box}
.teacherBox .contBox .tabCont .teacherNav{width:580px;display:flex;position:absolute;left:-362px;top:7px}
.teacherBox .contBox .tabCont .teacherNav .teacherItem{width:300px;height:450px;position:absolute;cursor:pointer;opacity:.6;z-index:0}
.teacherBox .contBox .tabCont .teacherNav .teacherItem .name{position:absolute;left:34px;top:114px;z-index:10;line-height:1.1;background:url('../images/bg_teacher_name.png') no-repeat;width:33px;height:171px;padding:16px 5px 0 8px;box-sizing:border-box;text-align:center;font-size:12px;color:#ffffff}
.teacherBox .contBox .tabCont .teacherNav .teacherItem .name b{font-size:18px;margin-bottom:5px;display:block}
.teacherBox .contBox .tabCont .teacherNav .teacherItem:last-child .name{top:130px}
.teacherBox .contBox .tabCont .teacherNav .teacherItem img{width:300px;position:absolute;bottom:0}
.teacherBox .contBox .tabCont .teacherNav .teacherItem:last-child{left:152px}
.teacherBox .contBox .tabCont .teacherNav.threeT .teacherItem{width:270px;height:405px;left:-20px}
.teacherBox .contBox .tabCont .teacherNav.threeT .teacherItem img{width:270px}
.teacherBox .contBox .tabCont .teacherNav.threeT{width:580px;display:flex;position:absolute;left:-362px;top:-5px}
.teacherBox .contBox .tabCont .teacherNav.threeT .teacherItem:nth-child(2){left:165px}
.teacherBox .contBox .tabCont .teacherNav.threeT .teacherItem:nth-child(3){left:290px}
.teacherBox .contBox .tabCont .teacherNav .teacherItem.cur{opacity:1;z-index:1}
.teacherBox .contBox .tabCont .textBox{padding-left:235px;padding-top:34px;display:none}
.teacherBox .contBox .tabCont .textBox h3{font-size:36px;color:#ffffff;font-weight:bold;height:62px;background:url('../images/bg_teacher_round.png') no-repeat;line-height:62px;position:relative;left:-30px;padding-left:30px}
.teacherBox .contBox .tabCont .textBox .tip{font-size:16px;color:#fff;font-weight:bold;margin-top:8px}
.teacherBox .contBox .tabCont .textBox .tip em{margin:0 10px;vertical-align:-2px}
.teacherBox .contBox .tabCont .textBox .tip span{font-weight:normal;margin-left:20px;vertical-align:-2px}
.teacherBox .contBox .tabCont .textBox h4{font-size:22px;color:#fff;margin-top:30px;position:relative;display:inline-block;font-weight:bold}
.teacherBox .contBox .tabCont .textBox h4::after{content:'';display:block;width:112px;height:5px;background:url('../images/icon_teacher_line.png') no-repeat;position:absolute;right:-130px;top:13px}
.teacherBox .contBox .tabCont .textBox .text{font-size:16px;color:#ffffff;line-height:32px;width:534px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;margin-top:10px}
.teacherBox .contBox .tabCont .btnBox{width:256px;height:57px;background-color:#e17155;border-radius:57px;padding:4px;box-sizing:border-box;margin-top:20px}
.teacherBox .contBox .tabCont .btnBox a{display:block;width:247px;height:49px;text-align:center;font-size:18px;color:#000000;line-height:49px;background-color:#fff;border-radius:49px;box-shadow:0px 0px 7px 0px rgba(148,48,22,0.4)}
.teacherBox .contBox .tabCont .btnBox a::before{content:'';display:inline-block;width:25px;height:26px;background:url('../images/icon_teacher_play.png') no-repeat;vertical-align:-7px;margin-right:10px}

.learnBox {
  box-sizing: border-box;
  padding-top: 58px;
  min-width: 1200px;
  padding-bottom: 60px;
}

.learnBox .contBox {
  padding-top: 46px;
  display: flex;
  justify-content: space-between;
}

.learnBox .contBox .listBox {
  padding-left: 35px;
  box-sizing: border-box;
  display: flex;
  width: 640px;
  height: 382px;
  background-color: #fff;
  border-radius: 10px;
  box-shadow: 0px 0px 10px 0px rgba(101, 121, 152, 0.2);
  position: relative;
}

.learnBox .contBox .listBox:last-child {
  width: 530px;
}

.learnBox .contBox .listBox h4 {
  width: 238px;
  height: 48px;
  background: url('../images/bg_learn_title01.png') no-repeat;
  left: 75px;
  position: absolute;
  top: 0;
  text-align: center;
  line-height: 48px;
  font-size: 24px;
  color: #ffffff;
  font-weight: bold;
}

.learnBox .contBox .listBox:last-child h4 {
  background: url('../images/bg_learn_title02.png') no-repeat;
}

.learnBox .contBox .listBox .picBox {
  width: 312px;
  text-align: center;
  padding-top: 78px;
  margin-right: 30px;
}

.learnBox .contBox .listBox .picBox img {
  width: 100%;
}

.learnBox .contBox .listBox .picBox p {
  font-size: 16px;
  color: #000000;
  margin-top: 15px;
}

.learnBox .contBox .listBox .textBox {
  padding: 20px 0 10px;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  flex: 1;
}

.learnBox .contBox .listBox .textBox .list {
  width: 228px;
  border-radius: 10px;
  background-color: #fee1bb;
  position: relative;
  min-height: 106px;
  padding: 35px 14px 10px;
  box-sizing: border-box;
}

.learnBox .contBox .listBox .textBox .list h5 {
  text-align: center;
  line-height: 34px;
  font-size: 18px;
  color: #ffffff;
  width: 118px;
  height: 39px;
  background: url('../images/bg_learn_subTit.png') no-repeat;
  position: absolute;
  top: -10px;
  left: 50%;
  margin-left: -59px;
}

.learnBox .contBox .listBox .textBox .list p {
  border-bottom: 1px dashed #dfbb9c;
  display: flex;
  line-height: 40px;
}

.learnBox .contBox .listBox .textBox .list p span {
  font-size: 16px;
  color: #996438;
  width: 104px;
}

.learnBox .contBox .listBox .textBox .list p:last-child {
  border: 0;
}

.learnBox .contBox .listBox:last-child .picBox {
  margin-right: 16px;
}

.learnBox .contBox .listBox:last-child .textBox .list {
  width: 148px;
  display: flex;
  align-items: center;
  padding-top: 20px;
}

.learnBox .contBox .listBox:last-child .textBox .list p {
  border-radius: 26px;
  display: block;
  height: 26px;
  line-height: 26px;
  text-align: center;
  flex: 1;
  border: 1px dashed #996438;
  font-size: 16px;
}


.questionBankBox{background:url('../images/bg_questionBank.jpg') no-repeat top center}
.questionBox{min-width:1200px}
.questionBox .topBox{height:207px;background:url('../images/bg_question_title.png') no-repeat center center;padding-top:68px;box-sizing:border-box}
.questionBox .topBox .Title{width:660px;margin-left:30px}
.questionBox .topBox .Title h3{color:#fff}
.questionBox .contBox{display:flex;justify-content:space-between;padding-top:35px}
.questionBox .leftBox{width:220px;height:739px;background:url('../images/bg_question_left.png') no-repeat}
.questionBox .leftBox .text{font-size:18px;color:#ffffff;padding:398px 20px 0;line-height:36px}
.questionBox .leftBox .text p span{display:inline-block;position:relative;margin-left:5px}
.questionBox .leftBox .text p span::after{content:'';display:block;width:100%;padding:0 3px;position:absolute;bottom:6px;left:-3px;height:6px;background-color:#f3513a;border-radius:6px}
.questionBox .leftBox .text p span em{position:relative;z-index:1}
.questionBox .leftBox .botBox{padding:30px 20px 0}
.questionBox .leftBox .botBox p{width:179px;height:79px;box-sizing:border-box;border:1px dashed #f3513a;border-radius:20px 20px 0 0;font-size:14px;color:#f45439;text-align:center;line-height:26px;padding-top:12px}
.questionBox .leftBox .botBox a{width:179px;height:59px;display:block;border-radius:0 0 20px 20px;text-align:center;font-size:20px;color:#ffffff;font-weight:bold;background-color:#f3513a;line-height:59px}
.questionBox .leftBox .botBox a i{display:inline-block;width:24px;height:26px;background:url('../images/icon_question_click.png') no-repeat;margin-left:10px;vertical-align:-6px}
.questionBox .rightBox{width:930px}
.questionBox .rightBox .listBox{display:flex;justify-content:space-between;align-items:center;margin-top:7px}
.questionBox .rightBox .listBox li{padding-left:66px;padding-right:40px;margin-left:40px;position:relative}
.questionBox .rightBox .listBox li:first-child{margin-left:0}
.questionBox .rightBox .listBox li::after{content:'';display:block;width:26px;height:68px;background:url('../images/icon_question_line.png');position:absolute;right:-26px;top:50%;transform:translate(0,-50%)}
.questionBox .rightBox .listBox li:last-child::after{display:none}
.questionBox .rightBox .listBox li h3{font-size:20px;color:#000000;width:170px;font-weight:bold;line-height:36px}
.questionBox .rightBox .listBox li p{font-size:14px;color:#666666;width:170px;line-height:20px}
.questionBox .rightBox .listBox li:first-child::before{content:'';display:block;width:48px;height:53px;background:url('../images/icon_question_i01.png') no-repeat;position:absolute;left:0;top:50%;transform:translate(0,-50%)}
.questionBox .rightBox .listBox li:nth-child(2)::before{content:'';display:block;width:52px;height:48px;background:url('../images/icon_question_i02.png') no-repeat;position:absolute;left:0;top:50%;transform:translate(0,-50%)}
.questionBox .rightBox .listBox li:nth-child(3)::before{content:'';display:block;width:47px;height:47px;background:url('../images/icon_question_i03.png') no-repeat;position:absolute;left:0;top:50%;transform:translate(0,-50%)}
.questionBox .rightBox .stageBox{margin-top:38px}
.questionBox .rightBox .stageBox .top{display:flex;justify-content:space-between}
.questionBox .rightBox .stageBox .top .ceiBox{width:444px;height:392px;background:url('../images/bg_question_ceiBox.png') no-repeat}
.questionBox .rightBox .stageBox .top .ceiBox h3{font-size:24px;color:#ffffff;font-weight:bold;line-height:55px;padding-left:72px;position:relative}
.questionBox .rightBox .stageBox .top .ceiBox h3::before{content:'';display:block;width:68px;height:81px;background:url('../images/icon_question_tit01.png') no-repeat;position:absolute;left:-10px;top:-16px}
.questionBox .rightBox .stageBox .top .ceiBox .list{padding:46px 25px 0}
.questionBox .rightBox .stageBox .top .ceiBox .list p{padding-left:74px;margin-bottom:30px;border-radius:57px;position:relative;font-size:20px;color:#8d5f44;line-height:57px;background-image:-moz-linear-gradient( 0deg,rgb(250,238,227) 0%,rgb(241,207,184) 100%);background-image:-webkit-linear-gradient( 0deg,rgb(250,238,227) 0%,rgb(241,207,184) 100%);background-image:-ms-linear-gradient( 0deg,rgb(250,238,227) 0%,rgb(241,207,184) 100%)}
.questionBox .rightBox .stageBox .top .ceiBox .list p::before{content:'';display:block;width:38px;height:38px;background:url('../images/icon_question_suc.png') no-repeat;position:absolute;top:50%;transform:translate(0,-50%);left:16px}
.questionBox .rightBox .stageBox .top .lianBox{width:444px;height:392px;background:url('../images/bg_question_lianBox.png') no-repeat}
.questionBox .rightBox .stageBox .top .lianBox h3{font-size:24px;color:#ffffff;font-weight:bold;line-height:50px;padding-left:72px;position:relative}
.questionBox .rightBox .stageBox .top .lianBox h3::before{content:'';display:block;width:68px;height:81px;background:url('../images/icon_question_tit02.png') no-repeat;position:absolute;left:-10px;top:-16px}
.questionBox .rightBox .stageBox .top .lianBox ul{padding:36px 0 0 46px}
.questionBox .rightBox .stageBox .top .lianBox ul li{display:flex;align-items:center;font-size:18px;color:#ffffff;line-height:28px;margin-bottom:15px}
.questionBox .rightBox .stageBox .top .lianBox ul li h4{font-size:20px;color:#ffffff;padding:15px 12px 15px 18px;box-sizing:border-box;letter-spacing:6px;border-radius:10px;width:83px;height:83px;background-image:-moz-linear-gradient( -90deg,rgba(172,188,255,1) 0%,rgba(172,188,255,0) 90%);background-image:-webkit-linear-gradient( -90deg,rgba(172,188,255,1) 0%,rgba(172,188,255,0) 90%);background-image:-ms-linear-gradient( -90deg,rgba(172,188,255,1) 0%,rgba(172,188,255,0) 90%)}
.questionBox .rightBox .stageBox .top .lianBox ul li p{width:260px;margin-left:20px}
.questionBox .rightBox .stageBox .kaoBox{width:931px;height:206px;background:url('../images/bg_question_kaoBox.png') no-repeat;margin-top:20px}
.questionBox .rightBox .stageBox .kaoBox ul{padding:46px 74px;display:flex;flex-wrap:wrap;justify-content:space-between;box-sizing:border-box}
.questionBox .rightBox .stageBox .kaoBox ul li{margin-bottom:16px;padding-left:16px;box-sizing:border-box;width:336px;height:52px;background-color:#fff;box-shadow:1px 2px 10px 0px rgba(0,0,0,0.2);display:flex;align-items:center}
.questionBox .rightBox .stageBox .kaoBox ul li:nth-child(even){width:430px}
.questionBox .rightBox .stageBox .kaoBox ul li p{font-size:20px;color:#333333}
.questionBox .rightBox .stageBox .kaoBox ul li h4{margin-right:20px;width:30px;height:30px;background-color:#f5eee2;text-align:center;line-height:30px;font-size:20px;color:#cc5854;font-weight:bold}
.questionBox .rightBox .stageBox .kaoBox ul li:first-child{position:relative;padding-left:80px;font-size:24px;color:#75471b;font-weight:bold;background-color:transparent;box-shadow:none;background-image:-moz-linear-gradient( 0deg,rgba(232,209,168,1) 0%,rgba(232,209,168,0) 100%);background-image:-webkit-linear-gradient( 0deg,rgba(232,209,168,1) 0%,rgba(232,209,168,0) 100%);background-image:-ms-linear-gradient( 0deg,rgba(232,209,168,1) 0%,rgba(232,209,168,0) 100%)}
.questionBox .rightBox .stageBox .kaoBox ul li:first-child::before{content:'';display:block;width:68px;height:81px;background:url('../images/icon_question_tit03.png') no-repeat;position:absolute;left:-5px;top:-20px}
.information{padding-top:95px}
.information .contBox{padding-top:66px}
.information .contBox ul{display:flex;justify-content:space-between}
.information .contBox ul li{flex:1;position:relative;padding-bottom:75px}
.information .contBox ul li .pic{height:199px;text-align:center}
.information .contBox ul li .text{padding:24px 45px 0}
.information .contBox ul li .text h4{font-size:28px;color:#000000;font-weight:bold}
.information .contBox ul li .text p{font-size:16px;color:#000000;line-height:28px;margin-top:12px}
.information .contBox ul li .btnBox{padding:25px 45px 0}
.information .contBox ul li .btnBox a{display:block;width:100%;height:56px;border-radius:28px 0 28px 0;text-align:center;line-height:56px;font-size:18px;color:#4381eb;border:1px solid #4381eb}
.information .contBox ul li .btnBox a::after{content:'';display:inline-block;width:17px;height:17px;background:url('../images/icon_information_arrow.png') no-repeat;vertical-align:-2px;margin-left:10px}
.information .contBox ul li::before{position:absolute;top:-95px;left:0;content:'';display:inline-block;height:581px;width:1px;background-image:-moz-linear-gradient( -90deg,rgba(190,207,226,0) 0%,rgba(190,207,226,1) 50%,rgba(190,207,226,0) 100%);background-image:-webkit-linear-gradient( -90deg,rgba(190,207,226,0) 0%,rgba(190,207,226,1) 50%,rgba(190,207,226,0) 100%);background-image:-ms-linear-gradient( -90deg,rgba(190,207,226,0) 0%,rgba(190,207,226,1) 50%,rgba(190,207,226,0) 100%)}
.information .contBox ul li:last-child::after{position:absolute;top:-95px;right:0;content:'';display:inline-block;height:581px;width:1px;background-image:-moz-linear-gradient( -90deg,rgba(190,207,226,0) 0%,rgba(190,207,226,1) 50%,rgba(190,207,226,0) 100%);background-image:-webkit-linear-gradient( -90deg,rgba(190,207,226,0) 0%,rgba(190,207,226,1) 50%,rgba(190,207,226,0) 100%);background-image:-ms-linear-gradient( -90deg,rgba(190,207,226,0) 0%,rgba(190,207,226,1) 50%,rgba(190,207,226,0) 100%)}

.platformBox{padding-top:78px}
.platformBox .contBox{display:flex;padding-top:38px;height:600px}
.platformBox .leftBox{width:230px;position:relative;top:-120px}
.platformBox .leftBox .listBox{margin-top:30px;background:url('../images/bg_platform_left.png') no-repeat bottom center;padding-bottom:109px;margin-left:-22px;padding-left:40px}
.platformBox .leftBox .listBox .item{padding:0 16px;box-sizing:border-box;width:173px;height:109px;   background-image: -moz-linear-gradient( 0deg, rgba(39,190,255,.3) 0%, rgba(40,102,238,.3) 100%);background-image: -webkit-linear-gradient( 0deg, rgba(39,190,255,.3) 0%, rgba(40,102,238,.3) 100%);background-image: -ms-linear-gradient( 0deg, rgba(39,190,255,.3) 0%, rgba(40,102,238,.3) 100%);border-radius:10px;position:relative;margin-bottom:54px}
.platformBox .leftBox .listBox .item::before{content:'';display:block;width:173px;height:109px;position:absolute;z-index:0;top:-6px;left:0;border-radius:10px;     background-image: -moz-linear-gradient( 0deg, rgb(39,190,255) 0%, rgb(40,102,238) 100%);background-image: -webkit-linear-gradient( 0deg, rgb(39,190,255) 0%, rgb(40,102,238) 100%);background-image: -ms-linear-gradient( 0deg, rgb(39,190,255) 0%, rgb(40,102,238) 100%);}
.platformBox .leftBox .listBox .item h3{position:relative;z-index:1;font-size:20px;color:#ffffff;font-weight:bold;padding-top:8px}
.platformBox .leftBox .listBox .item p{position:relative;z-index:1;font-size:15px;color:#fff;margin-top:8px}
.platformBox .leftBox .listBox .item::after{content:'';display:block;width:38px;height:29px;background:url('../images/icon_platform_arrow.png') no-repeat;position:absolute;bottom:-38px;left:50%;transform:translate(-50%,0)}
.platformBox .leftBox .listBox .item:last-child::after{display:none}
.platformBox .leftBox .listBox .item:last-child{margin-bottom:0}
.platformBox .leftBox .listBox .item h3::after{content:'';display:block;width:46px;height:9px;background:url('../images/line_platform_left.png') no-repeat;position:absolute;right:-60px;top:43px}
.platformBox .leftBox .listBox .item:first-child{width:199px}
.platformBox .leftBox .listBox .item:first-child::before{content:'';display:block;width:199px;height:109px;position:absolute;z-index:0;top:-6px;left:0;border-radius:10px;     background-image: -moz-linear-gradient( 0deg, rgb(39,190,255) 0%, rgb(40,102,238) 100%);background-image: -webkit-linear-gradient( 0deg, rgb(39,190,255) 0%, rgb(40,102,238) 100%);background-image: -ms-linear-gradient( 0deg, rgb(39,190,255) 0%, rgb(40,102,238) 100%);}

.platformBox .leftBox .listBox .item:first-child h3::after{display:none}
.platformBox .center{width:744px;height:518px}
.platformBox .rightBox{width:190px;position:relative;top:-120px} 
.platformBox .rightBox .listBox{background:url('../images/bg_platform_right.png') no-repeat bottom center;padding-left:10px;padding-bottom:46px;margin-top: 25px;}
.platformBox .rightBox .listBox .item{margin-bottom:20px}
.platformBox .rightBox .listBox .item h4{position:relative;font-size:20px;color:#ffffff;text-align:center;width:160px;height:45px;line-height:45px;border-radius:45px;background-image:-moz-linear-gradient( 90deg,rgb(214,86,65) 0%,rgb(255,182,129) 100%);background-image:-webkit-linear-gradient( 90deg,rgb(214,86,65) 0%,rgb(255,182,129) 100%);background-image:-ms-linear-gradient( 90deg,rgb(214,86,65) 0%,rgb(255,182,129) 100%)}
.platformBox .rightBox .listBox .item h4::after{content:'';display:block;width:46px;height:9px;background:url('../images/line_platform_right.png') no-repeat;position:absolute;left:-30px;top:18px}
.platformBox .rightBox .listBox .item p{font-size:15px;color:#333333;line-height:24px;margin-top:10px;width:168px}

.certificateBox {
  padding-top: 72px;
  min-width: 1200px;
  height: 632px;
  box-sizing: border-box;
  background: url('../images/bg_certificateBox.jpg') no-repeat center center;
  min-width: 1200px;
}

.certificateBox .Title h3 {
  color: #fff
}

.certificateBox .contBox {
  margin-top: 50px;
  position: relative;
}

.certificateBox .contBox ul {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}

.certificateBox .contBox ul li {
  position: relative;
  box-sizing: border-box;
  width: 268px;
  height: 332px;
  border-radius: 5px;
  background-image: -moz-linear-gradient( 180deg, rgb(248,249,248) 0%, rgb(185,216,253) 100%);
  background-image: -webkit-linear-gradient( 180deg, rgb(248,249,248) 0%, rgb(185,216,253) 100%);
  background-image: -ms-linear-gradient( 180deg, rgb(248,249,248) 0%, rgb(185,216,253) 100%);
}

.certificateBox .contBox ul li h4 {
  border-radius: 5px 5px 40px 5px;
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  justify-content: space-between;
  line-height: 40px;
  padding: 0 30px 0 20px;
  font-size: 20px;
  color: #ffffff;
  font-weight: bold;
  background-image: -moz-linear-gradient( 180deg, rgb(39,190,255) 0%, rgb(40,102,238) 100%);
  background-image: -webkit-linear-gradient( 180deg, rgb(39,190,255) 0%, rgb(40,102,238) 100%);
  background-image: -ms-linear-gradient( 180deg, rgb(39,190,255) 0%, rgb(40,102,238) 100%);
}
.certificateBox .contBox ul li .tips{
  position: absolute;
  top: 0;
  right: 14px;
  line-height: 40px;
  color: #1a2d52;
  font-size: 16px;
}
.certificateBox .contBox ul li .cont {
  margin: 60px auto 0;
  box-sizing: border-box;
  width: 240px;
  height: 250px;
  border: 1px solid #fff;
  border-radius: 5px;
  background-image: -moz-linear-gradient( 180deg, rgb(39,190,255) 0%, rgb(40,102,238) 100%);
  background-image: -webkit-linear-gradient( 180deg, rgb(39,190,255) 0%, rgb(40,102,238) 100%);
  background-image: -ms-linear-gradient( 180deg, rgb(39,190,255) 0%, rgb(40,102,238) 100%);
}

.certificateBox .contBox ul li .cont .icon {
  width: 202px;
  height: 60px;
  background-color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 20px auto 0;
}

.certificateBox .contBox ul li .text {
  padding: 15px 20px 0;
  font-size: 16px;
  color: #ffffff;
  line-height: 32px;
}
.appBox{width: 100%;height: 472px;background: #f5f5f5;overflow: hidden;}
.appBox .cotnBox{position: relative;padding-left: 30px;height:472px;}  
.appBox .cotnBox h2{font-size: 46px;color: #333333;padding-top: 80px;font-weight:bold;}
.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;}
.serviceBox{height:585px;background:url('../images/bg_service.jpg') no-repeat center center;padding-top:65px;box-sizing:border-box}
.serviceBox .Title h3{color:#fff}
.serviceBox .contBox{padding-top:40px}
.serviceBox ul{display:flex;justify-content:space-between}
.serviceBox ul li{width:209px;height:322px;background-color:#fff;border-radius:15px;text-align:center}
.serviceBox ul li .icon{height:43px;padding-top:45px}
.serviceBox ul li h4{font-size:24px;color:#705d4d;text-align:center;margin-top:16px}
.serviceBox ul li .pic{margin-top:20px;height:128px;display:flex;align-items:center;justify-content:center}
.botPicBox{width: 100%;height: 435px;background:url('../images/botPic.jpg') no-repeat top center;min-width: 1200px;}

.maskBox{width:100%;height:100%;position:fixed;top:0;left:0;background:rgba(0,0,0,.7);z-index:100;display:none}
.selectClassPopup{display:none;width:960px;padding-bottom:30px;max-height:580px;border-radius:20px;background-color:#fff;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:101}
.selectClassPopup .closeBtn{cursor:pointer;display:inline-block;width:25px;height:25px;background:url('../images/icon_selectClass.png') no-repeat;position:absolute;top:30px;right:30px}
.selectClassPopup h3{text-align:center;font-size:22px;color:#333333;padding:30px 0}
.selectClassPopup .tabCont{position:relative;padding:0 25px;overflow:hidden;overflow-y:scroll;max-height:460px}
.selectClassPopup .tabCont::-webkit-scrollbar{width:3px;height:3px;border-radius:3px;background-color:#F5F5F5}
.selectClassPopup .tabCont::-webkit-scrollbar-thumb{border-radius:3px;background-color:#999}
.selectClassPopup .tabCont::-webkit-scrollbar-track{border-radius:3px;background-color:#fff}
.selectClassPopup table{text-align:center;width:100%;border:1px solid #e9e9e9;color:#666;table-layout:fixed;empty-cells:show;border-collapse:collapse;margin:0 auto;border-radius:10px}
.selectClassPopup table tr:first-child{position:sticky}
.selectClassPopup table th{height:50px;font-size:15px;color:#333333;background-color:#dadce2;border-left:1px solid #e7e8ee;}
.selectClassPopup table th:first-child{width:460px}
.selectClassPopup table td{font-size:15px;color:#666666;height:58px;border-left:1px solid #e7e8ee;border-bottom:1px solid #e7e8ee}
.selectClassPopup table .red{color:#d65641}
.selectClassPopup table a{display:inline-block;width:83px;height:28px;border-radius:3px;text-align:center;line-height:28px;font-size:14px;color:#fff;background-color:#d65641}

/*  */
.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: #a0c1fa;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;}

/* 左侧悬浮 start*/
.leftFloatBox{display: inline-block;width: 122px;height: 537px;background: url('../images/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;}
/* 左侧悬浮 end*/

/* 右侧客服  start*/
/* 2021-11-30 */
#kefu_in{position:fixed;right:50px;bottom:80px;z-index:100}
.topPicBox{font-size:0}
.floatDivBox .redBox .activeFloatText{display:none}
.floatDivBox .floatNavBox{width:114px;margin:0 auto}
.floatDivBox .floatNavBox a.serviceBox {padding-top: 0;}
.floatDivBox .floatNavBox a{background: none;display:inline-block;width:114px;height:auto;transition:all .5s;position:relative;padding-left:10px;box-sizing:border-box;border-bottom:1px solid #e53a39}
.floatDivBox .floatNavBox .qqBox a{display:inline-block;width:100%;text-align:center;color:#ff2720}
.floatDivBox .floatNavBox a p,.floatDivBox .floatNavBox em p{width:22px;height:22px;margin:10px auto 0;float:left;padding-right:8px}
.floatDivBox .floatNavBox .phoneBox{height:initial}
.floatDivBox .floatNavBox h3{font-size:14px;margin:0;float:left}
.floatDivBox .floatNavBox h3 span{display:inline-block;height:40px;line-height:40px}
.floatDivBox .floatNavBox .consultBoxF{border-radius:8px 8px 0 0}
.floatDivBox .floatNavBox .appBox,.floatDivBox .floatNavBox .qqBox{border-radius:0 0 8px 8px;overflow:inherit}
.floatDivBox .floatNavBox .consultBoxF p{background-position:0 0}
.floatDivBox .floatNavBox .courseBoxF p{background-position:0 -86px}
.floatDivBox .floatNavBox .serviceBox p{background-position:0 -28px}
.floatDivBox .floatNavBox .phoneBox p{background-position:0 -60px}
.floatDivBox .floatNavBox .appBox p{background-position:0 -118px}
.floatDivBox .floatNavBox .up p{background-position:0 -146px}
.floatDivBox .upBtn{display:inline-block;cursor:pointer}
.floatDivBox .upBtn i{display:inline-block;width:23px;height:12px;background-position:-100px -10px;transition:all 0.2s ease-in-out;margin-top:24px}
.activeFloatBox{width:114px;text-align:center}
.activeFloatBox .floatNavBox{border:0}
.activeFloatBox .floatNavBox em a{background:#fff;display:inline-block}
.activeFloatBox .floatNavBox,.activeFloatBox .upBtn{background:url(https://img.hkwx8.com/public/images/kefu_inBg.png) no-repeat;background-size:100%;font-size:0}
.activeFloatBox .floatNavBox h3 .gray{color:#fff}
.activeFloatBox .floatNavBox .tel{color:#ffcb5b;font-size:14px;display:block;text-align:left}
.activeFloatBox .floatNavBox .appBoxF h3,.activeFloatBox .floatNavBox .qqBox h3{width:42px}
.activeFloatBox .floatNavBox .appBoxF h3 span,.activeFloatBox .floatNavBox .qqBox h3 span{width:42px}
.activeFloatBox .upBtn{border:0}
.activeFloatBox a p{background:url(https://img.hkwx8.com/public/images/ico.png) no-repeat}
.activeFloatBox .redBox{width:100%;height:120px;overflow:hidden;margin-bottom:10px;position:relative;display:block}
.activeFloatBox .redBox .gift{width:58px;height:58px;display:block;margin:0 auto;position:absolute;top:120px;left:50%;z-index:40;transform:translateX(-50%);animation:gift 1s infinite linear normal;animation-play-state:running}
@keyframes  gift{100%{top:58px}
}.activeFloatBox .redBox .coin,.activeFloatBox .redBox .right_coin{position:absolute}
.activeFloatBox .redBox .coin{top:70px;left:10px;z-index:50;width:38px;animation:coin .7s infinite 2s linear normal}
@keyframes coin{0%{top:100px;left:30px}
100%{top:70px;left:0}
}.activeFloatBox .redBox .right_coin{right:10px;bottom:10px;width:22px;animation:ritCoin .7s infinite 2s linear normal}
@keyframes ritCoin{0%{right:30px;bottom:10px}
100%{right:10px;bottom:10px}
}.activeFloatBox .redBox .gold{position:absolute;left:30px;bottom:0;width:18px;z-index:50;animation:gold .8s infinite linear normal}
@keyframes gold{0%{box-shadow:0 0 5px 5px rgb(255,0,0);border-radius:20px}
100%{box-shadow:0 0 25px 10px rgb(255,219,19);border-radius:20px}
}.activeFloatBox .redBox .left_ribbon,.activeFloatBox .redBox .right_ribbon{position:absolute}
.activeFloatBox .redBox .left_ribbon{left:10px;bottom:15px;width:15px;animation:ribbon 3s infinite linear normal}
@keyframes ribbon{0%{left:5px}
25%{left:0px}
50%{left:5px}
75%{left:5px}
}.activeFloatBox .redBox .right_ribbon{top:70px;width:15px;animation:riBbon 3s infinite linear normal}
@keyframes riBbon{0%{right:5px}
20%{right:2px}
60%{right:0}
80%{right:2px}
100%{right:5px}
}.activeFloatBox .redBox .new{position:absolute;top:20px;left:50%;opacity:0;transform:translateX(-50%);background:url('https://img.hkwx8.com/public/images/new.png');width:78px;height:35px;color:#fff;font:500 14px/30px "新人优惠券";}
@keyframes new{0%{top:70px;opacity:0}
20%{top:20px;opacity:1}
25%{top:23px;opacity:1}
30%{top:20px;opacity:1}
35%{top:23px;opacity:1}
40%{top:20px;opacity:1}
100%{top:20px;opacity:1}
}


/*newStyleBox*/
.newBoxTitle{font-size: 18px;padding-left: 20px;margin-bottom: 10px;margin-top: 10px;color: rgb(255, 129, 36)}
.newStyleBox{border: 1px solid rgb(255, 129, 36);padding: 10px;position: relative;}
.newStyleBox .lineHideTop{padding: 0;font-size: 16px;color: inherit;height: 8px;margin: -8px 0 0 140px;width: 50%;background-color: rgb(254, 254, 254);position: absolute;top: 0;left:0px;}
.newStyleBox .lineHideBot{padding: 0;font-size: 16px;color: inherit;height: 8px;margin: -8px 0 0 140px;width: 50%;background-color: rgb(254, 254, 254);position: absolute;bottom: -4px;left: 150px;}
.newStyleBox em i{display: inline-block;width: 8px;height: 8px;border-radius:10px;background: rgb(255, 129, 36);vertical-align: 6px;}
.newStyleBox .lineHideBot i{float: right;vertical-align: 4px;}
/*newStyleTitle*/
.newStyleTile{font-size: 18px;font-weight: bold;color: rgb(12, 137, 24);border-bottom: 2px solid rgb(12,137,24);padding-bottom: 4px;line-height: 28px;margin-top: 10px;}
.newStyleTile i{display: inline-block;padding: 0 10px;background: rgb(12,137,24);color: #fff;margin-right: 8px;height: 28px;}

.TabBox ul.Head li.List u.s111{display: inline-block;width: 64px;height: 86px;background: url("http://img.hkwx8.com/images/activeIcon.png") no-repeat;position: absolute;right: 10px;top: 10px;}
.nav .right u.s11{display: inline-block;width: 56px;height: 33px;background: url("http://img.hkwx8.com/images/btnIcon.png") no-repeat;position: absolute;right: -48px;top: -8px;}
.VideoOper a.BtnConsult u.s111{display: inline-block;width: 56px;height: 33px;background: url("http://img.hkwx8.com/images/btnIcon.png") no-repeat;position: absolute;right: -25px;top: 0;}
.VideoOper a.BtnConsult{position:relative}
.TabBox ul.Head li.BgA{border-color: #04449c;position: relative;}

.floatDivBox .floatNavBox a {
    background: none;
    display: inline-block;
    width: 114px;
    height: auto;
    transition: all .5s;
    position: relative;
    padding-left: 10px;
    box-sizing: border-box;
    border-bottom: 1px solid #e53a39;
    cursor: pointer;
}
.likequiry{
  display: block;
  width: 78px;
  height:24px;
  color: #fff;
  font:500 14px/24px "";
  border: none;
  border-radius: 24px;
  margin-left: 8px;
  background:linear-gradient(to right,#ffcb5d,#f17814);
}

.activeFloatBox .floatNavBox, .activeFloatBox .upBtn{
  background-size: 100% 100% !important;
}

.Special{
  width: 148px;
  margin-left: -26px;
}
/*
.videoBox{background: url(https://img.hkwx8.com/public/classBg.png) no-repeat;}
.videoBox .titleBox h2{ color: #fff;}
.videoBox .titleBox .subTit{color: #fff; }
.videoBox .titleBox .subTit u{background: url('https://img.hkwx8.com/public/titleLine.png') no-repeat;}
*/
/* 右侧客服  end*/


/* 2021-09-09 */
.popup {
  position: fixed;
  top: 50%;
  left: 50%;
  z-index: 110;
  width: 720px;
  transform: translate(-50%,-50%);
  border-radius: 8px;
  box-shadow: 0 0 20px 20px rgba(178,178,178,0.6);
  background: white;
  display: none
}

.popup .popupHead {
  height: 70px;
  line-height: 70px;
  background: #f6f6f6;
  padding-left: 26px;
  border-radius: 8px 8px 0 0;
  position: relative
}

.popup .popupHead h2 {
  font-size: 22px;
  font-weight: bold;
  display: inline-block
}

.popup .popupHead span {
  display: inline-block;
  font-size: 26px;
  font-weight: bold;
  color: #fd5a42;
  margin-left: 30px
}

.popup .popupHead .close {
  position: absolute;
  top: 28px;
  right: 15px;
  width: 20px;
  height: 20px
}

.popup .popupHead .close img {
  width: 100%;
  display: block
}

.popup .Box {
  margin-top: 33px;
  margin-left: 26px
}

.popup .Box .type::after,.popup .Box .Grade::after {
  content: "";
  clear: both;
  display: block
}

.popup .Box .type dd,.popup .Box .Grade dd {
  width: 176px;
  height: 38px;
  line-height: 38px;
  text-align: center;
  font-size: 16px;
  color: #666;
  border: 1px solid #d9d9d9;
  margin-right: 20px;
  float: left;
  border-radius: 4px;
  cursor: pointer;
  margin-bottom: 10px;
}

.popup .Box .currency {
  margin-top: 34px;
  margin-bottom: 20px;
  font-size: 16px
}

.popup .Box .currency span {
  color: #d0382a
}

.popup .Box .subject::after {
  content: "";
  clear: both;
  display: block
}

.popup .Box .subject dd {
  width: 196px;
  height: 38px;
  line-height: 38px;
  text-align: center;
  font-size: 16px;
  color: #666;
  border: 1px solid #d9d9d9;
  margin-right: 20px;
  float: left;
  border-radius: 4px;
  margin-bottom: 20px;
  cursor: pointer
}

.popup .buttom {
  width: 100%;
  height: 76px;
  border-top: 1px solid #dedede;
  padding: 0 25px;
  box-sizing: border-box
}

.popup .buttom .minus {
  width: 294px;
  height: 24px;
  line-height: 24px;
  margin-top: 25px;
  border: 1px solid #f3f3f3;
  border-radius: 24px;
  font-size: 14px;
  color: #d0382a;
  float: left;
  background: #f6f6f6
}

.popup .buttom .minus samp {
  display: inline-block;
  width: 85px;
  text-align: center;
  font-size: 14px;
  color: white;
  background: linear-gradient(to right,#ff6a4f 0,#ff9c43 100%);
  border-radius: 24px 0 0 24px;
  margin-right: 10px
}

.popup .buttom a {
  display: block;
  margin-left: auto;
  margin-top: 15px;
  width: 150px;
  height: 46px;
  line-height: 46px;
  text-align: center;
  font-size: 20px;
  background: linear-gradient(to right,#ff6a4f 0,#ff9c43 100%);
  border-radius: 46px;
  color: white
}

.popup .currselect {
  background: url('https://img.hkwx8.com/pub/selectBg.png') no-repeat;
  background-size: 100%;
  color: white !important
}

/* 2021-10-09 */


/*同意弹窗 start*/

.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;
}
.liveClass p,.agreeBox .close {
  background: url("../images/courseVideo.png") no-repeat;
}


.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
}
/*同意弹窗 end*/