@charset "gb2312";
/* CSS Document1 */
body{font:14px/1.5 "Microsoft YaHei","\5FAE\8F6F\96C5\9ED1,\9ED1\4F53","Heiti SC",tahoma,arial,Hiragino Sans GB,"\5B8B\4F53",sans-serif;margin:0 auto;color:#333;min-width:1200px;background:#fff;}

p,ul,ol,dl,dt,dd,h1,h2,h3,h4,h5,h6,form,input,select,button,textarea,iframe{margin:0; padding:0;}
img{border:0 none;}
ul,li,ol{list-style-type:none;}
i,em,address, caption, cite, code, dfn, th, var {font-style: normal;font-weight: normal}
.msf{font-family:\5FAE\8F6F\96C5\9ED1,\9ED1\4F53;}
a{text-decoration:none;color:#333;}
a:hover{text-decoration:underline;}
a,a:hover{outline:none;blur:expression(this.onFocus=this.blur());}
.layout{ clear:both;width:1100px;text-align:left;margin:0 auto;}
.clearfix:after{content:".";display:block;height:0;clear: both;visibility:hidden;}
.clearfix{*zoom:1;}
.fl{ float:left;_display: inline}
.fr{ float:right;_display: inline}
.pr{ position:relative}
.abs{position:absolute;}

.ico,.course .courseItem label .content i,.studentMore .con .jt,.massage_box .tc-tit .close,.paper .list .box .jt,.question .con .tit i,.question .con .nr i{ background:url("/images/pro2022/gaojilwb/ico.png") no-repeat; _background:url("/images/pro2022/gaojilwb/ico.gif") no-repeat;}
.title{ line-height:134px; text-align:center; font-size:38px; color:#fff; font-weight:bold;}
.title.t1{ line-height:120px; color:#10b4b2; padding-bottom:28px;}
.title.t2{ color:#10b4b2;}
.title.t3{ color:#10b4b2; line-height:116px;}

/* */
.header_wrap{ width:100%; height:389px; background:url("//www.chinaacc.com/upload/resources/image/2021/04/01/1263437.png") no-repeat center top;}
.header{height:389px; background:url("//www.chinaacc.com/upload/resources/image/2021/04/01/1263437.png") no-repeat center top; overflow:hidden;}
.header .logo{ width:170px; height:55px; line-height:0; font-size:0; left:0; top:10px;}
.header .tex1{ width:343px; height:77px; background:url("/images/pro2022/gaojilwb/tex1.png") no-repeat; left:274px; top:80px;}
.header .tex2{ width:208px; height:75px; background:url("/images/pro2022/gaojilwb/tex2.png") no-repeat; left:623px; top:80px;}
.header .tex3{ width:86px; height:91px; background:url("/images/pro2022/gaojilwb/tex3.png") no-repeat; left:368px; top:167px;}
.header .tex4{ width:85px; height:89px; background:url("/images/pro2022/gaojilwb/tex4.png") no-repeat; left:467px; top:167px;}
.header .tex5{ width:86px; height:94px; background:url("/images/pro2022/gaojilwb/tex5.png") no-repeat; left:556px; top:167px;}
.header .tex6{ width:88px; height:93px; background:url("/images/pro2022/gaojilwb/tex6.png") no-repeat; left:646px; top:167px;}
.header .tex7{ width:708px; height:49px; line-height:49px; text-align:center; font-size:28px; color:#4effff; left:197px; top:292px; background:url("/images/pro2022/gaojilwb/xian01.png") repeat-x;}
.header .link{ color:#fff; font-size:16px; position:absolute; top:20px; right:0;}

/**/
.nav_wrap{ width:100%; height:358px; background:#20c2c0;}
.nav{ height:358px; background:#20c2c0;}
.nav li{ float:left; _display:inline; margin-right:30px; width:252px; height:164px; position:relative; overflow:hidden;}
.nav li.none{ margin:0;}
.nav .bg{  width:252px; height:164px; background:#000; opacity:.7;filter:alpha(opacity=70); position:absolute; left:0; top:0;}
.nav .tex1{ font-size:16px; height:144px; padding:20px 20px 0 20px; color:#fff; line-height:24px; position:absolute; left:0; bottom:-164px;}
.nav .tex2{ font-size:16px; width:212px; height:104px; padding:60px 20px 0 20px; color:#fff; line-height:24px; position:absolute; left:0; top:0; text-align:center;}

/**/
.service_wrap{ width:100%; height:475px; background:url("/images/pro2022/gaojilwb/bg01.jpg") no-repeat center top;}
.service{ height:475px; background:url("/images/pro2022/gaojilwb/bg01.jpg") no-repeat center top;}
.service .tit2{ text-align:center; font-size:38px; line-height:48px; color:#10b4b2; font-weight:bold; padding-top:80px;}
.service .tex{ width:364px; height:88px; background:#fff; box-shadow:5px 5px 5px #d2eaeb; color:#1c4c64;}
.service .tex p{ padding:10px 0 0 25px; font-size:16px; line-height:32px;}
.service .tex strong{ font-size:22px;}
.service .tex span{ font-size:14px;}
.service .t1{ left:0; top:169px;}
.service .t2{ left:734px; top:169px;}
.service .t3{ left:154px; top:304px;}
.service .t4{ left:582px; top:304px;}

/**/
.course{background:#1c4c64;padding:0 0 40px;}
.course .courseItem{width:1100px;height:100px;margin-bottom:50px;}
.course .courseItem .tbody{width:322px;margin-left:10px;height:100px;overflow:hidden;background:#FFF;}
.course .courseItem .t1{width:104px;margin-left:0;font-size:20px;line-height:100px;text-align:left;color:#fff;font-weight:bold;background:transparent;}
.course .courseItem label{width:322px;height:100px;display:block;overflow:hidden;cursor:pointer;}
.course .courseItem label input{position:absolute;left:0;top:-100px;}
.course .courseItem label .content{width:314px;height:92px;overflow:hidden;border:4px solid transparent;}
.course .courseItem label .content i{display:none;width:38px;height:31px; background-position:0 0; right:4px;bottom:4px;}
.course .courseItem label .content p{display:block;height:50px;margin:0 auto;line-height:50px}
.course .courseItem label .content p span.fl{font-size:20px;color:#30b9b7;font-weight:bold;margin-left:10px;height:50px;}
.course .courseItem label .content p span.fr{color:#ff7800;font-size:16px;height:50px;margin-right:5px;}
.course .courseItem label .content p span span{color:#ccc;font-size:16px;text-decoration: line-through;margin-left:5px;}
.course .courseItem label .content div.tip{height:42px;line-height:30px;font-size:16px;color:#999;font-weight:normal;margin:0 10px;}
.course .courseItem label.cur .content{border-color:#ffb43f;}
.course .courseItem label.cur i{display:block;}
.course .courseItem.none{ margin-bottom:0;}
.totalBuy{margin-top:30px;}
.totalBuy .statement{text-decoration:none;width:216px;height:56px;background:#ffa314;text-align:center;color:#fff;border-bottom:4px solid #e88d00;font-size:26px;line-height:60px;}
.totalBuy .zx{ text-decoration:none; width:154px; height:58px; text-align:center; color:#10b4b3; border:1px solid #10b4b3; font-size:26px; line-height:58px; margin-left: 20px;}
.totalBuy p{height:60px;font-size:24px;color:#ffb43f;line-height:60px;margin-right:25px;}
#mask{display:none;width:100%;z-index:101;height:100%;background:#000;opacity:.4;filter:alpha(opacity=40);position:fixed;top:0;left:0;_position:absolute;_height: expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight))}
.massage_box{ display: none; overflow:hidden; width:600px; text-align:left; background-color:#fff; position:fixed; top:50%; left:50%; margin:-173px 0 0 -300px; z-index:202; -webkit-box-shadow:2px 4px 4px #333; -moz-box-shadow:2px 4px 4px #333; box-shadow:2px 4px 4px #333; border-radius:5px; _position: absolute; _top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight/2))}
.massage_box .tc-tit{ height:55px; background-color:#f2f2f2; border-bottom:1px solid #e0e0e0; position:relative;}
.massage_box .tc-tit h5{ padding-left:48px; line-height:54px; font-size:16px; background-position:26px -3030px;}
.massage_box .tc-tit .close{display:block;width:15px; height:15px; position:absolute; top:20px; right:16px; background-position:0 -319px; cursor:pointer;}
.massage_box .tc-con{ height:180px; padding:15px 30px 0 30px; font-size:14px; color:#666; line-height:32px; overflow:auto; *position:relative; _width:540px; _overflow-x:hidden;}
.massage_box .tc-con a{ color:#ff702a;}
.massage_box .tc-con .nr01{ _width:472px; line-height:32px; clear:both; padding-left:68px; position:relative;}
.massage_box .tc-con .nr01 span{ position:absolute; top:0; *top:-5px; left:0;}
.massage_box .tc-con .on{ display: block;}
.massage_box .btn{ display:block; width:204px; height:42px; background-color:#f87157; line-height:42px; font-size:14px; text-align:center; color:#fff; margin:30px auto; font-weight:bold; cursor:pointer; border-radius:3px;}
.massage_box .btn:hover{ background-color: #f13712;}

/**/
.ico2{background:url("/images/pro2022/gaojilwb/ico02.png") no-repeat; _background:url("/images/pro2022/gaojilwb/ico02.gif") no-repeat;}
.studentMore_wrap{ width:100%; height:363px; background:#17465e;}
.studentMore{ height:327px; background:#17465e; padding-top:36px;}
.studentMore .tit2{ height:46px; line-height:46px; background:url("/images/pro2022/gaojilwb/xian01.gif") repeat-x center; text-align:center;}
.studentMore .tit2 span.t1{ display:inline-block; padding:0 26px; line-height:46px; height:46px; font-size:24px; font-weight:bold; color:#10b4b2; background:#17465e;}
.studentMore .tit{ line-height:50px; text-align:center; font-size:24px; padding:16px 0;}
.studentMore .list{ padding:20px 0 28px;}
.studentMore .list li{ float:left; _display:inline; width:81px; margin:0 122px 0 0;text-align:center; cursor:pointer;}
.studentMore .list li.none{ margin:0;}
.studentMore .list span{ display:inline-block; width:81px; height:81px;}
.studentMore .list .s1 span{ background-position:0 0;}
.studentMore .list .s2 span{ background-position:0 -81px;}
.studentMore .list .s3 span{ background-position:0 -162px;}
.studentMore .list .s4 span{ background-position:0 -243px;}
.studentMore .list .s5 span{ background-position:0 -324px;}
.studentMore .list .s6 span{ background-position:0 -405px;}
.studentMore .list .s1.cur span{ background-position:-81px 0;}
.studentMore .list .s2.cur span{ background-position:-81px -81px;}
.studentMore .list .s3.cur span{ background-position:-81px -162px;}
.studentMore .list .s4.cur span{ background-position:-81px -243px;}
.studentMore .list .s5.cur span{ background-position:-81px -324px;}
.studentMore .list .s6.cur span{ background-position:-81px -405px;}
.studentMore .list p{ font-size:16px; line-height:32px; color:#11a9a9;}
.studentMore .con{ display:none; padding:13px 22px; background:#10b4b2; font-size:14px; color:#fff; line-height:20px; position:relative;}
.studentMore .con .jt{ display:block; width:21px; height:12px; background-position:0 -33px; position:absolute; top:-12px; overflow:hidden;}
.studentMore .con .j1{left:26px;}
.studentMore .con .j2{left:232px;}
.studentMore .con .j3{left:434px;}
.studentMore .con .j4{left:640px}
.studentMore .con .j5{left:840px;}
.studentMore .con .j6{left:1045px;}
.studentMore .con a{ color:#fff;}

/**/
.paper_wrap{ width:100%; height:645px; background:#c4eff1;}
.paper{height:645px; background:#c4eff1;}
.paper .list{ height:128px; margin-top:7px;}
.paper .list .box{ width:100px; height:56px; line-height:56px; text-align:center; font-size:16px; color:#fff; background:#13bbb9; position:absolute;}
.paper .list .box .jt{ width:67px; height:46px; background-position:26px -68px; position:absolute; right:-67px; top:0;}
.paper .list .box2{ width:240px; height:56px; line-height:56px; text-align:center; font-size:16px; color:#fff; background:#13bbb9; position:absolute;}
.paper .list .box3{ width:240px; height:56px; text-align:center; font-size:16px; color:#fff; background:#13bbb9; position:absolute;}
.paper .list .box3 h3{ font-weight:normal; line-height:24px; font-size:16px; padding-top:6px;}
.paper .list .box3 p{ font-size:12px;}
.paper .list .box.l1{ top:35px; left:0;}
.paper .list .box.l2{ top:35px; left:167px;}
.paper .list .box.l3{ top:35px; left:333px;}
.paper .list .box.l4{ top:35px; left:500px;}
.paper .list .box.l5{ top:35px; left:660px;}
.paper .list .box2.l6{ top:0; right:0;}
.paper .list .box3.l7{ top:72px; right:0;}
.paper .paper_pic{ margin-top:65px; height:258px; overflow:hidden;}
.paper .paper_pic .bd{ width:1011px; margin:0 auto; overflow:hidden;}
.paper .paper_pic li{ float:left; _display:inline; margin:0 30px 0 0; width:230px; height:258px; position:relative;}
.paper .paper_pic p{ width:100%; display:block; height:54px; line-height:54px; text-align:center; font-size:16px; position:absolute; left:0; bottom:0; color:#fff; z-index:9;}
.paper .paper_pic .bg{ width:100%; height:54px; position:absolute; left:0; bottom:0; background:#000;opacity:.7;filter:alpha(opacity=70);}
.paper .paper_pic .show{ width:100%; height:258px; position:absolute; left:0; top:-258px;}
.paper .paper_pic .show .bg2{ width:100%; height:258px; position:absolute; left:0; bottom:0; background:#000;opacity:.7;filter:alpha(opacity=70); z-index:1;}
.paper .paper_pic .show .t2{ font-size:16px; color:#fff; line-height:26px; padding:43px 20px 0 20px; z-index:9; position:absolute; left:0; top:0;}
.paper .paper_pic .prev,.paper_pic .next{width:24px; height:40px; background-position:0 -160px; left:1px; top:118px; cursor:pointer;}
.paper .paper_pic .next{ left:auto; right:1px; background-position:-26px -160px;}

/**/
.student{ padding-bottom:40px;}
.student .student_pic{}
.student .student_pic li{ width:346px; height:160px; margin:0 32px 0 0; position:relative; overflow:hidden;}
.student .student_pic li.none{ margin:0;}
.student .student_pic .tex{ width:100%; display:block; height:40px; line-height:40px; text-align:center; font-size:14px; position:absolute; left:0; bottom:0; color:#fff; z-index:9;}
.student .student_pic .bg{ width:100%; height:40px; position:absolute; left:0; bottom:0; background:#000;opacity:.7;filter:alpha(opacity=70);}
.student .student_pic .show{ width:100%; height:160px; position:absolute; left:0; top:-258px;}
.student .student_pic .show .bg2{ width:100%; height:160px; position:absolute; left:0; bottom:0; background:#000;opacity:.7;filter:alpha(opacity=70); z-index:1;}
.student .student_pic .show .t2{ font-size:16px; color:#fff; line-height:26px; padding:23px 20px 0 20px; z-index:9; position:absolute; left:0; top:0;}

/**/
.question_wrap{ width:100%; background:#1c4c64;}
.question{ background:#1c4c64; padding-bottom:15px;}
.question .con{}
.question .con .tit{ font-size:16px; font-weight:bold; color:#10b4b2; padding-left:40px; position:relative; line-height:30px; padding-bottom:14px; cursor:pointer;}
.question .con .tit i{ display:block; width:29px; height:29px; background-position:0 -208px; position:absolute; left:0; top:0; *top:-2px; _top:-5px; _left:-40px;}
.question .con .nr{ display:none; margin-bottom:15px;}
.question .con .nr .tex{ margin-left:40px;}
.question .con .nr p{ font-size:16px; color:#fff; line-height:26px;}
.question .con .nr i{ float:left; display:block; width:29px; height:29px; background-position:-30px -208px;}

/**/
.floatCtro{ width:76px; left:50%; margin-left:-645px; top:10%; position:fixed; _position:absolute; margin-top:200px; z-index:100 }
.floatCtro .top{ width:76px; height:7px; background-position:0 -255px; overflow:hidden;}
.floatCtro .con{ border-left:2px solid #ff982a; border-right:2px solid #ff982a; background:#ffca57; padding:12px 0 2px 0;}
.floatCtro p{ height:32px; line-height:32px; margin:0 5px; color:#ff6c00; font-size:14px; text-align:center; cursor:pointer; border-bottom:1px solid #ffa734;}
.floatCtro p a{ color:#ff6c00;}
.floatCtro p.cur{ background:#ff8400; color:#fff; margin:0;}
.floatCtro p.none{ border:0;}
.floatCtro .backtop{ width:76px; height:34px; background-position:0 -267px; cursor:pointer;}

/***/
.partNine{background: #c4eff1; padding-top: 1px; width:100%; padding-bottom: 40px;}
.partNine .Pwords{ height:232px;}
.partNine .Pwords  .ren01{ left: 100px; top: 35px;}
.partNine .Pwords  .ren02{ right:30px; top: 0px;}
.partNine .Pwords p{ background: #e0e0e0; width: 445px; height: 40px; border-radius: 10px; line-height: 40px; text-align: center; font-size: 20px; color: #0a6f87; left: 300px; top:36px;}
.partNine .Pwords p.wz01{ background: #f2ebcd; color: #463a07;left:414px; top:96px;}
.partNine .Pwords p.wz02{ background: #f2cdee; color: #6f1465; left: 335px; top:158px;}
.partNine .dzForm{ height: 40px; background: #1857ad; border-radius: 13px; padding: 20px 0 20px 127px;}
.partNine .dzForm li{ float: left; width: 300px; height: 40px; padding-right: 22px;}
.partNine .dzForm li input{ width:290px; height: 40px; line-height: 40px;  background: #fff; border: 0; border-radius: 2px; padding: 0 0 0 10px; font-size: 20px; color: #878787;}
.partNine .dzForm li .dzBtn{display:block;background-image:-webkit-linear-gradient(top,#ffa346,#ff7545); background-image:-ms-linear-gradient(top,#ffa346,#ff7545); background-image:linear-gradient(top,#ffa346,#ff7545); background:#ff7545\9; font-size: 22px; color: #fff; border-radius: 20px; width: 300px; height: 40px; line-height: 40px; text-align: center; }

/**/
.coupon-mod{ width:1200px; height:234px; background:url("/images/pro2022/gaojilwb/coupon-bg.jpg") no-repeat; margin:35px auto; box-shadow:0 0 8px 4px #dde3f0;}
.coupon-mod .left-con{ width:600px; margin:0 auto; text-align:center;}
.coupon-mod .left-con h3{ line-height:34px; padding-top:20px; font-size:28px; color:#522702; font-weight:bold;}
.coupon-mod .left-con h4{ line-height:20px; font-size:14px; color:#f84a1f; font-weight:normal;}
.coupon-mod .coupon-con{ width:320px; height:86px; background:url("/images/pro2022/gaojilwb/coupon-ico01.jpg") no-repeat; margin:10px auto 0;}
.coupon-mod .coupon-con .text{ float:left; padding:0 0 0 22px;}
.coupon-mod .coupon-con .text h5{ line-height:36px; padding-top:16px; font-size:14px; font-weight:normal; color:#fff;}
.coupon-mod .coupon-con .text h5 strong{ font-size:36px; color:#fff; font-weight:bold; padding-right:18px; letter-spacing:3px; text-shadow:4px 0 0 #f9541c; vertical-align:middle;}
.coupon-mod .coupon-con .text h5 strong em{ font-size:20px; font-weight:bold;}
.coupon-mod .coupon-con .text p{ line-height:20px; background:#fac18e; font-size:12px; color:#e76009; padding:0 8px;}
.coupon-mod .coupon-con .btn{ display:block; float:right; width:46px; height:46px; line-height:46px; margin:20px 20px 0 0; text-decoration:none; box-shadow:0 0 5px #e83d10; border-radius:50%; text-align:center; font-size:24px; color:#c94828; font-weight:bold; background:#ffb98b; background-image:-webkit-linear-gradient(top, #fdeae6, #ffb98b); background-image:-moz-linear-gradient(top, #fdeae6, #ffb98b); background-image:linear-gradient(top,#fdeae6,#ffb98b); animation:btnBig 3s infinite; -webkit-animation:btnBig 3s infinite;}
.coupon-mod .tips{ line-height:22px; padding-top:18px; font-size:14px; color:#714c28;}
.coupon-mod .right-con{ width:596px; text-align:center; padding:32px 0 0; position:relative;}
.coupon-mod .right-con p{ line-height:33px; font-size:18px; color:#522702;}
.coupon-mod .right-con p strong{ font-size:25px;}
.coupon-mod .right-con h4{ line-height:40px; font-size:22px; color:#522702;}
.coupon-mod .right-con h4 strong{ font-size:32px; color:#f84920;}
.coupon-mod .right-con .btn-wrap{ padding:8px 0 0; text-align:center; font-size:0;}
.coupon-mod .right-con .btn-wrap .consult-btn{ display:inline-block; *display:inline; *zoom:1; width:119px; height:48px; line-height:48px; font-size:20px; color:#f84920; text-align:center; border:1px solid #f84920; text-decoration:none; border-radius:40px; margin:0 10px; vertical-align:top;}
.coupon-mod .right-con .btn-wrap .buy-btn{ display:inline-block; *display:inline; *zoom:1; width:197px; height:50px; line-height:0; font-size:0; background:url("/images/pro2022/gaojilwb/coupon-btn.png") no-repeat; margin:0 10px; vertical-align:top;}
.coupon-mod .right-con:before{ content:""; width:1px; height:160px; border-left:1px dashed #ffc07c; position:absolute; left:0; top:38px;}

.totalBuy .coupon-con{ float:left; width:253px; height:58px; background:url("/images/gaojikuaijishi/project2022/coupon-bg02.png") no-repeat;}
.totalBuy .coupon-con .con{ padding:0 0 0 33px;}
.totalBuy .coupon-con .con .prize{ width:65px; line-height:58px; font-size:24px; color:#dd111a; font-weight:bold;}
.totalBuy .coupon-con .con .text{ width:103px; padding:14px 0 0 0; color:#dd111a;}
.totalBuy .coupon-con .con .text h5{ line-height:18px; font-size:13px;}
.totalBuy .coupon-con .con .text p{ line-height:16px; font-size:12px; height:auto; margin-right:0; color:#dd111a}
.totalBuy .coupon-con .btn{ display:block; width:46px; height:39px; text-align:center; animation:btnBig 3s infinite; -webkit-animation:btnBig 3s infinite; line-height:15px; text-decoration:none; margin-top:5px; font-size:13px; color:#dd111a; font-weight:bold; padding-top:8px; background:url("/images/gaojikuaijishi/project2022/coupon-btn02.png") no-repeat;}
.totalBuy .coupon-con.mr{ margin-right:15px;}

.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
.animated2 {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-delay:1s;
    animation-delay:1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
.animated3 {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-delay:1.3s;
    animation-delay:1.3s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
.animated4 {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-delay:1.6s;
    animation-delay:1.6s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
.animated5 {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-delay:1.9s;
    animation-delay:1.9s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}


@-webkit-keyframes zoomIn {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3);
    }

    50% {
        opacity: 1;
    }
}

@keyframes zoomIn {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3);
    }

    50% {
        opacity: 1;
    }
}

.zoomIn {
    -webkit-animation-name: zoomIn;
    animation-name: zoomIn;
    -webkit-animation-delay:2.2s;
    animation-delay:2.2s;
}

@-webkit-keyframes flipInX {
    from {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0;
    }

    40% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    60% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        opacity: 1;
    }

    80% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
}

@keyframes flipInX {
    from {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0;
    }

    40% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    60% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        opacity: 1;
    }

    80% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
}

.flipInX {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipInX;
    animation-name: flipInX;
}


@-webkit-keyframes bounceInDown {
    from, 60%, 75%, 90%, to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -3000px, 0);
        transform: translate3d(0, -3000px, 0);
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, 25px, 0);
        transform: translate3d(0, 25px, 0);
    }

    75% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0);
    }

    90% {
        -webkit-transform: translate3d(0, 5px, 0);
        transform: translate3d(0, 5px, 0);
    }

    to {
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes bounceInDown {
    from, 60%, 75%, 90%, to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -3000px, 0);
        transform: translate3d(0, -3000px, 0);
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, 25px, 0);
        transform: translate3d(0, 25px, 0);
    }

    75% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0);
    }

    90% {
        -webkit-transform: translate3d(0, 5px, 0);
        transform: translate3d(0, 5px, 0);
    }

    to {
        -webkit-transform: none;
        transform: none;
    }
}

.bounceInDown {
    -webkit-animation-name: bounceInDown;
    animation-name: bounceInDown;
}


@-webkit-keyframes fadeInLeft {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInLeft {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

.fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
    animation-delay:0.5s;
    -webkit-animation-delay:0.5s;
}


@-webkit-keyframes bounceInRight {
    from, 60%, 75%, 90%, to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    }

    from {
        opacity: 0;
        -webkit-transform: translate3d(3000px, 0, 0);
        transform: translate3d(3000px, 0, 0);
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(-25px, 0, 0);
        transform: translate3d(-25px, 0, 0);
    }

    75% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0);
    }

    90% {
        -webkit-transform: translate3d(-5px, 0, 0);
        transform: translate3d(-5px, 0, 0);
    }

    to {
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes bounceInRight {
    from, 60%, 75%, 90%, to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    }

    from {
        opacity: 0;
        -webkit-transform: translate3d(3000px, 0, 0);
        transform: translate3d(3000px, 0, 0);
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(-25px, 0, 0);
        transform: translate3d(-25px, 0, 0);
    }

    75% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0);
    }

    90% {
        -webkit-transform: translate3d(-5px, 0, 0);
        transform: translate3d(-5px, 0, 0);
    }

    to {
        -webkit-transform: none;
        transform: none;
    }
}

.bounceInRight {
    -webkit-animation-name: bounceInRight;
    animation-name: bounceInRight;
    animation-delay:2.5s;
    -webkit-animation-delay:2.5s;
}
.teacher-mod {
    padding: 30px 0 60px;
}

/* .teacher-mod h2 {
    padding: 89px 0 42px;
    line-height: 1;
    font-size: 38px;
    color: #695ff7;
    font-weight: normal;
    text-align: center;
    background: url(/images/pro2022/gaojilwb/teacher-title-bg.png) no-repeat center top;
} */

.teacher-mod .teacher-img img {
    display: block;
    margin: 0 auto;
    cursor: pointer;
}

.teacher-mod .teacher-ul {
    margin-top: -45px;
    position: relative;
}

.teacher-mod .teacher-ul li {
    width: 526px;
    background: #10b4b2;
    padding: 16px 20px 20px 28px;
    color: #fff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0 5px 10px rgba(72,86,236,.39);
    -moz-box-shadow: 0 5px 10px rgba(72,86,236,.39);
    box-shadow: 0 5px 10px rgba(72,86,236,.39);
}

.teacher-mod .teacher-ul li a {
    color: #fff;
}

.teacher-mod .teacher-ul li strong {
    line-height: 54px;
    font-size: 24px;
    display: block;
    font-weight: normal;
}

.teacher-mod .teacher-ul li p {
    line-height: 30px;
    font-size: 18px;
}
.teacher-mod .layout{
    width: 1200px;
}


/**/
.partNine .newSell{ display:none;}
.partNine .newSell.on{ display:block; right:10px; top:20px;}
.partNine .newSell .newSellQrCode{ display:block; float:left; width:150px; vertical-align:middle; margin:4px 0 0;}
.partNine .newSell span.text{ display:block; float:left; font-size:24px; color:#10b4b2; width:40px; line-height:30px; padding:16px 0 0 6px;}
.partNine .newSellAdd{ display:block; right:10px; top:20px;}
.partNine .newSellAdd .newSellQrCode{ display:block; float:left; width:150px; vertical-align:middle; margin:4px 0 0;}
.partNine .newSellAdd span.text{ display:block; float:left; font-size:24px; color:#10b4b2; width:40px; line-height:30px; padding:16px 0 0 6px;}


.footer_fixed{width:100%;height:130px;background:url(//www.chinaacc.com/images/zhuceshuiwushi/project/2021zhaoshengfangan/footer_fixed.png) center top no-repeat;position:fixed;bottom:0;left:0;z-index:100;}
.footer_fixed p{color:#fff;font-weight:bold;font-size:30px;line-height:46px;margin:66px 0 0 180px;}
.footer_fixed p span{color:#e3d29a;}
.footer_fixed div a{width:170px;height:50px;border-radius:25px;color:#fff;text-align:center;margin-top:66px;font-size:20px;line-height:50px;}
.footer_fixed div a.chose_lesson{background:#fb5645;margin-right:20px;}
.footer_fixed div a.ask_now{background:#f5a640;}
.footer_fixed .layout{position:relative;}
.footer_fixed .close_btn{display:block;width:16px;height:16px;background: url(//www.chinaacc.com/OtherItem/images/2020CourseCenter/close-btn.png) no-repeat;position:absolute;top:60px;right:10px;cursor: pointer;}



@keyframes btnBig
{
    0%{
        transform: scale(1);  /*开始为原始大小*/
    }
    25%{
        transform: scale(1.1); /*放大1.1倍*/
    }
    50%{
        transform: scale(1);
    }
    75%{
        transform: scale(1.1);
    }
}

@-webkit-keyframes btnBig /*Safari and Chrome*/
{
    0%{
        transform: scale(1);  /*开始为原始大小*/
    }
    25%{
        transform: scale(1.1); /*放大1.1倍*/
    }
    50%{
        transform: scale(1);
    }
    75%{
        transform: scale(1.1);
    }
}