@charset "gb2312";
/* CSS Document */
body{font:12px/1.5 "\5b8b\4f53",arial,Helvetica,Tahoma,sans-serif; margin:0 auto; color:#333; background:#ffe03a; margin-bottom:84px;}
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:1200px;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;}
.buy, .buy:hover, .ico1{ background:url("/images/zhuanti/2017yaoshiyouhui/btn.png") no-repeat}
.ico2,.buy i,.list span,.tea-nav li,.tea-nav li.cur,.gou,.u-flyer{ background:url("/images/zhuanti/2017yaoshiyouhui/ico.png") no-repeat}

/**/
.header-wrap{ width:100%; height:448px; background:url("/images/zhuanti/2017yaoshiyouhui/header.jpg") no-repeat center top;}
.header{ height:448px; background:url("/images/zhuanti/2017yaoshiyouhui/header.jpg") no-repeat center top;}
.header .logo{ display:block; width:180px; height:55px; font-size:0; line-height:0; left:20px; top:10px;}
.header .tex1{ left:350px; top:44px;}
.header .tex2{ left:316px; top:123px;}
.header .tex3{ left:477px; top:253px;}
.login{margin:26px 120px 0 0;}
.login p,.login span,.login a{font-size:16px;color:#fff;}
.yesLogin{display:none;}
.login span{ width:20px; text-align:center;}

/**/
.course{ padding-bottom:14px;}
.course .tit01{ height:70px;}
.course .tit01 .cho{ width:280px; height:43px; line-height:43px; text-indent:50px; font-size:18px; color:#ff4e01; cursor:pointer; background-position:0 0; left:0; top:-11px;}
.course .tit01 .t{ width:472px; left:50%; margin-left:-236px; top:-30px;}
.course .con{}
.course .con li{ height:121px; background:#fff7e2; padding:0 0 0 150px; position:relative; margin-bottom:32px; border-bottom:4px solid #f9d133;}
.course .con li.on{ z-index:1;}
.course .con .tit{ width:158px; height:132px; overflow:hidden; position:absolute; left:0; top:-6px; background:url("/images/zhuanti/2017yaoshiyouhui/course-tit.png") no-repeat}
.course .con .tit h4{ text-align:center; font-size:24px; line-height:40px; color:#fff; padding:30px 15px 0 0; font-weight:normal;}
.course .con .tit h4 strong{ color:#fff226; font-size:28px;}
.course .con .tit.tsb{ background-position:0 0;}
.course .con .tit.jpb{ background-position:0 -132px;}
.course .con .tit.syb{ background-position:0 -264px;}
.course .con .tit.dzb{ background-position:0 -396px;}
.course .con .tit.ydb{ background-position:0 -528px;}
.course .con .t2{ float:left; height:84px; width:174px; text-align:center; font-size:16px; color:#ff4f02; line-height:24px; padding:37px 0 0 0; border-right:1px dashed #d1b590; font-weight:bold;}
.course .con .t3{ float:left; width:437px; height:86px; padding:35px 0 0 28px; font-size:16px; line-height:28px; border-right:1px dashed #d1b590;}
.course .con .t3 span{ color:#007bba;}
.course .con .t3.dzb{ padding-top:18px;}
.course .con .t4{ float:left; padding:22px 17px 0 23px; width:235px;}
.course .con .t4 p{ line-height:36px; font-size:16px; color:#222;}
.course .con .t4 .price{ color:#ff4f02; display:inline-block; *display:inline; *zoom:1; width:80px; text-align:right;}
.course .con .t4 .price b{ font-size:20px;}
.course .con .t4 del{ font-size:14px; color:#aeaeae; padding:0 0 0 9px; display:inline-block; *display:inline; *zoom:1; width:60px; text-align:right;}
.course .con .t4.ydb{ padding-top:43px;}
.course .con .buy{ float:left; display:block; width:112px; height:44px; line-height:44px; font-size:18px; color:#fff; text-decoration:none; text-indent:23px; position:relative; margin:39px 0 0 0; background-position:0 -44px;}
.course .con .buy i{ display:none; width:22px; height:22px; background-position:0 0; position:absolute; right:5px; top:-11px;}
.course .con .buy:hover{background-position:-113px -44px;}

.course .buy-tc{ display:none; width:337px; border:2px solid #fe6f47; position:absolute; right:20px; top:99px; background:#fff; z-index:9; padding:10px 0 0 0;}
.course .buy-tc .jt{ width:24px; height:15px; position:absolute; right:34px; top:-14px; background-position:0 -178px;}
.course .buy-tc .tit3{ height:38px; line-height:38px; padding:0 25px;}
.course .buy-tc .tit3 h5{ float:left; font-size:16px; color:#222; font-weight:normal;}
.course .buy-tc .tit3 .close{ float:right; width:21px; height:21px; background-position:-36px -171px; cursor:pointer; margin-top:8px;}
.course .buy-tc .courseList{ padding:0 0 21px 26px;}
.course .buy-tc .courseList .chkName{ float:left; _display:inline; margin:13px 11px 0 0; width:159px; height:34px; line-height:34px; border:1px solid #d7d7d7; overflow:hidden; text-align:center; font-size:14px; color:#797979; position:relative; cursor:pointer;}
.course .buy-tc .courseList .chkName input{ display:none;}
.course .buy-tc .courseList .chkName .gou{ display:none;}
.course .buy-tc .courseList .chkName.on{ border:2px solid #00cc33; width:157px; height:32px; line-height:32px;}
.course .buy-tc .courseList .chkName.on .gou{ display:block; width:14px; height:14px; overflow:hidden; position:absolute; right:0; _right:-1px; bottom:0; background-position:0 -199px;}
.course .buy-tc .courseList.choiceOne .chkName{ width:139px; margin-right:7px;}
.course .buy-tc .courseList.choiceOne .chkName.on{ width:137px;}
.course .buy-tc .courseList.choiceDk .chkName{ width:289px; margin-right:7px; text-align:left; text-indent:23px;}
.course .buy-tc .courseList.choiceDk .chkName.on{ width:287px; text-indent:22px;}
.course .buy-tc .courseList.choiceDk .chkName em{ position:absolute; right:22px; top:0;}
.course .buy-tc .courseList.choiceDk .chkName.on em{ right:21px;}
.course .buy-tc .dankeList{ display:none;}

/**/
.explain-wrap{ width:100%; background:#ffc923;}
.explain{ background:#ffc923;}
.explain .tit{ text-align:center; padding-top:23px;}
.explain .list{ padding:28px 0 25px;}
.explain .list li{ overflow:hidden; width:1195px; padding:0 0 0 5px; margin-bottom:10px;}
.explain .list span{ display:block; float:left; width:29px; height:29px; line-height:29px; text-indent:5px; font-size:26px; color:#ff4f02; font-weight:bold; background-position:-23px 0; font-style:italic;}
.explain .list p{ display:block; float:left; width:1100px; line-height:28px; padding:0 0 0 20px; font-size:16px; color:#222;}
.explain .list p a{ color:#ff4f02;}
.explain .list .kf{ display:inline-block; width:96px; height:31px; line-height:31px; text-align:center; color:#fff; font-size:14px; background-position:0 -89px;}

/**/
.obtain-wrap{ width:100%; background:#fff2aa; padding-bottom:22px;}
.obtain{ background:#fff2aa;}
.obtain .tit{ text-align:center; padding-top:35px;}
.obtain .con{ width:100%; height:255px; background:url("/images/zhuanti/2017yaoshiyouhui/bg01.png") no-repeat center; margin:12px 0 0 0;}
.obtain .con ul{ padding:0 0 0 30px;}
.obtain .con li{ float:left; _display:inline; width:280px; margin:0 5px 0 0; text-align:center;}
.obtain .con h4{ font-size:24px; font-weight:bold; color:#ff4f02; line-height:32px; padding:20px 0 10px 0;}
.obtain .con h4.pt2{ padding-top:38px;}
.obtain .con h4.pt3{ padding-top:34px;}
.obtain .con p{ font-size:16px; color:#222; line-height:26px;}
.obtain .con a{ text-decoration:none;}

/**/
.teacher-wrap{ width:100%; background:#ffc923; }
.teacher{ background:#ffc923; height:461px; background:url("/images/zhuanti/2017yaoshiyouhui/teacher.jpg") no-repeat 49px bottom;}
.teacher .tit{ text-align:center; padding-top:33px;}
.teacher .tea-nav{ padding:21px 0 0 80px;}
.teacher .tea-nav li{ float:left; _display:inline; margin:0 36px 0 0; width:88px; height:50px; line-height:42px; text-align:center; font-size:16px; color:#222; background-position:0 -81px; cursor:pointer;}
.teacher .tea-nav li.cur{ font-weight:bold; color:#7b2e00; background-position:0 -31px;}
.tea-con{ float:right;  display:none; width:231px; background:#ffb400; border-radius:5px; margin:24px 17px 0 0;  _margin:24px 8px 0 0; padding:10px 35px; color:#222;}
.tea-con h4{ line-height:32px; font-weight:bold; font-size:20px;}
.tea-con p{ text-indent:2em; line-height:24px; font-size:14px;}
.tea-con .td{ text-align:center;font-size:14px; line-height:28px; padding:6px 0 0 0;}

/**/
.student-wrap{ width:100%; background:#fff2aa;}
.student{ background:#fff2aa;}
.student .tit{ text-align:center; padding-top:28px;}
.student .tit2{ width:702px; height:52px; line-height:52px; text-align:center; font-size:28px; font-weight:bold; color:#222; margin:0 0 0 36px; background:url("/images/zhuanti/2017yaoshiyouhui/xian01.png") no-repeat center;}
.student .con{ background:url("/images/zhuanti/2017yaoshiyouhui/bg02.png") no-repeat 758px 82px; padding-top:18px;}
.student .list{ padding:42px 0 0 81px; width:760px; *padding-bottom:41px;}
.student .list li{ float:left; _display:inline; margin:0 110px 41px 0; width:257px; height:111px; border:2px solid #ffdd64; border-radius:2px; position:relative;}
.student .list .pic{ width:121px; height:121px; position:absolute; top:-2px; left:-65px;}
.student .list p{ padding:20px 0 0 67px; line-height:30px; font-size:16px; color:#222;}
.student .list p.ot{ padding-top:15px;}
.student .list p.yq{ padding-top:0; font-size:12px; color:#ff4f02; line-height:24px;}
.student .list em{ color:#ff4f02; font-weight:bold; padding:0 0 0 14px;}
.student .list li a{ text-decoration:none;}
.student .jxj{ display:block; width:450px; height:300px; right:10px; top:80px; line-height:0; font-size:0;}

/**/
.mianshou-wrap{ width:100%; background:#ffc923;}
.mianshou{ background:#ffc923;}
.mianshou .tit{ text-align:center; padding-top:25px;}
.mianshou .con{}
.mianshou .tex{ width:635px; text-align:center; padding-top:30px;}
.mianshou .tex h4{ font-size:28px; line-height:32px; color:#ff4f02;}
.mianshou .tex .t1{ padding:10px 0 22px;}
.mianshou .tex .t2{ margin:0 auto; width:446px; height:47px; line-height:47px; font-size:28px; font-weight:bold; color:#fff; text-shadow:0 0 3px #ff7401; text-align:center; background:url("/images/zhuanti/2017yaoshiyouhui/bg03.png") no-repeat;}
.mianshou .btn-wrap{ width:432px; height:237px; background:url("/images/zhuanti/2017yaoshiyouhui/bg04.png") no-repeat center bottom;}
.mianshou .btn-wrap p{ width:181px; text-align:right; display:block; font-size:18px; color:#010000; line-height:42px; padding-top:22px;}
.mianshou .btn-wrap .rocket{ width:51px; height:129px; background:url("/images/zhuanti/2017yaoshiyouhui/rocket.png") no-repeat; left:215px; top:27px;}
.mianshou .btn-wrap .btn{ display:block; width:160px; height:46px; line-height:46px; font-size:22px; color:#fff; left:166px; top:157px; text-align:center;}

/**/
.buy-wrap{width:100%; height:84px; z-index:9; position:fixed; bottom:0; left:0; background:#413204;opacity:.9;filter:alpha(opacity=90); _position:absolute;}
.buy-wrap .time{ font-size:16px; line-height:84px; color:#fff;}
.buy-wrap .time span{ font-size:22px; font-weight:bold;}
.buy-wrap .tot{}
.buy-wrap .tot .che{ width:27px; height:24px; background-position:0 -143px; margin:29px 0 0 0;}
.buy-wrap .tot .che .nums{ width:22px; height:22px; line-height:22px; text-align:center; font-size:14px; color:#fff; right:-15px; top:-12px; background-position:-35px -143px;}
.buy-wrap .tot .price{ line-height:84px; color:#fff; padding:0 33px 0 25px; font-size:16px;}
.buy-wrap .tot .price em{ font-weight:bold; font-size:24px;}
.buy-wrap .tot .buy{ display:block; width:205px; height:53px; line-height:50px; text-align:center; font-size:26px; color:#fff; text-decoration:none; background-position:0 -121px; margin:17px 0 0 0;}
.buy-wrap .tot .buy:hover{ background-position:0 -176px;}

/**/
.floatCtro{ width:58px; position:fixed;_position:absolute;_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight/2)); left:15px; top:50%; margin-top:-260px; z-index:100}
.floatCtro .top{ width:58px; height:73px; background:url("/images/zhuanti/2017yaoshiyouhui/nav01.png") no-repeat;}
.floatCtro ul{ width:54px; background:#ffa912; border-radius:5px; margin-left:4px; padding:6px 0 3px;}
.floatCtro li a{ display:block; width:46px; height:45px; margin:0 auto 4px; text-align:center; font-size:14px; color:#fff; text-decoration:none; line-height:18px; padding-top:4px; background:url("/images/zhuanti/2017yaoshiyouhui/nav02.png") no-repeat;}
.floatCtro li.jxj a{ line-height:48px; padding-top:0;}
.floatCtro li.close{ line-height:26px; color:#793005; text-align:center; cursor:pointer;}

/**/
.rignav{width:35px;position:fixed;top:100%;left:50%;margin:-580px 0 0 620px;_position:absolute;_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight));z-index:668}
.rignav-min{right:0px;left:auto}
.rignav-mod{width:35px;background:#000}
.rignav-mod ul{padding-top:8px}
.rignav-mod ul li{height:35px;width:35px;vertical-align:top}
.rignav-mod ul li.blank{height:8px;line-height:8px;overflow:hidden}
.rignav-mod ul li a{display:block;text-decoration: none;height:35px;width:35px;background:url(/images/zhuanti/2017yaoshiyouhui/icon_rignavbg.png) no-repeat center 0;_background:url(/images/zhuanti/2017yaoshiyouhui/icon_rignavbg.gif) no-repeat center 0;position:relative}
.rignav-mod ul li.shopping-cart a{background-position:center -54px}
.rignav-mod ul li.shopping-cart a em{display:block;width:18px;height:18px;background:url(/images/zhuanti/2017yaoshiyouhui/icon_rignavbg.png) no-repeat center bottom;_background:url(/images/zhuanti/2017yaoshiyouhui/icon_rignavbg.gif) no-repeat center bottom;color:#fff;text-align:center;line-height:18px;vertical-align:middle;overflow:hidden;position:absolute;top:4px;right:5px}
.rignav-mod ul li.online-service a{background-position:center -96px}
.rignav-mod ul li.weixin a{background-position:center -140px}
.rignav-mod ul li.mobile a{background-position:9px -231px}
.rignav-mod ul li.close{height:20px;overflow:hidden;border-top:1px solid #fff;border-bottom:1px solid #c1c2c4;margin-top:8px}
.rignav-mod ul li.close a{height:20px;overflow:hidden;line-height:20px;text-align:center;background:#c1c2c4;color:#fff;font-size:12px}
.rignav-mod ul li a span{display:block;width:35px;height:35px;position:relative;overflow:hidden;visibility:hidden}
.rignav-mod ul li a span i{display:block;width:35px;height:35px;position:absolute;top:0;left:0px;background:#ff0137 url(/images/zhuanti/2017yaoshiyouhui/icon_rignavbg.png) no-repeat center 0;_background:#ff0137 url(/images/zhuanti/2017yaoshiyouhui/icon_rignavbg.gif) no-repeat center 0;}
.rignav-mod ul li.shopping-cart a span i{background-position:center -54px}
.rignav-mod ul li.online-service a span i{background-position:center -96px}
.rignav-mod ul li.weixin a span i{background-position:center -140px}
.rignav-mod ul li.app .app-con{display:block;text-decoration: none;height:35px;width:35px;background:url(/images/zhuanti/2017yaoshiyouhui/icon_rignavbg.png) no-repeat center 0;_background:url(/images/zhuanti/2017yaoshiyouhui/icon_rignavbg.gif) no-repeat center 0;position:relative}
.rignav-mod ul li.app .app-con{background-position:center -181px}
.rignav-mod ul li.app .app-con .app-in{position:absolute;width:240px;height:35px;top:0;right:0px;opacity:0;filter:alpha(opacity:0);display:none}
.rignav-mod ul li.app .app-con .app-in a{display:block;position:absolute;width:240px;height:35px;top:0;right:0}
.rignav-mod ul li.app .app-con-on{background-color:#ff0137}
.rignav-mod ul li.mobile a span i{background-position:9px -231px}
.rignav-mod ul li a span.one-line i{padding:20px 0 0 0;height:15px}
.rignav-mod ul li a:hover{text-decoration:none}
.rignav-mod ul li a:hover span{visibility:visible}
.rignav-mod-con{position:absolute;width:157px;height:176px;top:-113px;right:15px;background: url(/images/zhuanti/2017yaoshiyouhui/code_bg.png) no-repeat 0 0;display:none;visibility:hidden}
.rignav-mod-con div {width:150px;height:176px;padding-top:1px;text-align:center;padding-left:0}
.rignav-mod-con div img{display:block;margin:0 auto;margin-top:19px;width:104px;height:96px}
.rignav-mod-con div label{display:block;width:150px;color:#fff;line-height:20px;padding-top:6px}
.rignav-mod ul li a.on .rignav-mod-con{display:block;visibility:visible}
.online-service-con{position:absolute;width:137px;height:40px;top:-3px;right:15px;display:none;visibility:hidden}
.online-service-con div {width:130px;height:40px;padding-top:1px;text-align:center;padding-left:0;background:#ff0137}
.online-service-con div em{width:7px;height:12px;display:block;background: url(/images/zhuanti/2017yaoshiyouhui/code_bg.png) no-repeat -149px -123px;top:50%;right:-7px;margin-top:-6px}
.online-service-con div label{display:block;color:#fff;line-height:18px;text-align:left;padding:1px 0 0 20px}
.rignav-mod ul li a.on .online-service-con{display:block;visibility:visible}
.gwc-ani{width:30px;height:30px;text-align:center;line-height:30px;color:#fff;font-size:12px;background:url(/images/zhuanti/2017yaoshiyouhui/fly.png) no-repeat center 0;position:fixed;top:0;left:0;z-index:669;display:none}

/**/
.pop{width:1000px;left:50%;top:50%;margin-left:-500px; background:#fff;z-index:9999; display:none;}
.pop .popTit{height:40px;line-height:40px;background:#05a956;}
.pop .popTit h5{padding-left:45px; color:#f4faf7; float:left; font-size:14px;}
.pop .popTit i{ float:right; width:40px;height:40px;line-height:400px;overflow:hidden;background:url(/images/zhuanti/2017yaoshiyouhui/pClose.gif) no-repeat center 12px #079c51; display:inline-block; cursor:pointer; vertical-align:top;}
.pop .popCon table,.fdkc table,.kcPop table,.floor01 table,.face{width:100%; border-collapse:collapse;}
.pop .popCon table td,.pop .popCon table th,.kcPop table td,.kcPop table th{line-height:24px; height:15px; border:1px solid #eee; font-size:12px; padding:0 30px; text-align:center;}
.pop .popCon table th,.kcPop table th{line-height:40px; font-weight:normal; background:#f6f6f6;}
.pop .popCon table th.thBg01{background:#afead6;}
.pop .popCon table th.thBg02{background:#c3eebe;}
.pop .popCon table th.thBg03{background:#fdd5bf;}
.pop .popCon table th.thBg04{background:#afe9ee;}
.pop .popCon table img,.fdkc td img,.kcPop table td img{vertical-align:middle;}
.mask{width:100%;position:absolute;left:0;top:0;filter:alpha(opacity=50);opacity:0.5;background:#000;z-index:999;font-size:0; line-height:0;}
.kcPop table td,.kcPop table th{padding:1px 13px; line-height:22px;}
.kcPop table th{padding:1px 13px;}
.kcPop table td p{text-indent:2em;}
.kcPop table td p a{color:#f4593e;}

/**/
.dialog-mod{ z-index:999; width:100%;  position:fixed; left:0; top:0; _position:absolute; left:expression(eval(document.documentElement.scrollLeft+document.documentElement.clientWidth-this.offsetWidth)-(parseInt(this.currentStyle.marginLeft,10)||0)-(parseInt(this.currentStyle.marginRight,10)||(document.documentElement.clientWidth*0)));_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||(document.documentElement.clientHeight*0))))}
.adCeng{ width:100%; height:100%; background:#000; opacity:0.4; filter: Alpha(opacity=40); -moz-opacity:0.4; -khtml-opacity:0.4; z-index:2;}
.tanchu{ overflow:hidden; width:600px; text-align:left; background-color:#fff; position:absolute; 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; }
.tanchu .tc-tit{ height:55px; background-color:#f2f2f2; border-bottom:1px solid #e0e0e0; position:relative;}
.tanchu .tc-tit h5{ padding-left:48px; line-height:54px; font-size:16px; background:url(/images/pro2018/hushi/icoTit.png) no-repeat 25px 20px;}
.tanchu .tc-tit .close{ width:15px; height:15px; position:absolute; top:20px; right:16px;background:url(/images/pro2018/hushi/close.png) no-repeat; cursor:pointer;}
.tanchu .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;}
.tanchu .tc-con a{ color:#ff702a;}
.tanchu .tc-con .nr01{ _width:472px; line-height:32px; clear:both; padding-left:68px; position:relative;}
.tanchu .tc-con .nr01 .nbt{ position:absolute; top:0; left:0;}
.tanchu .tc-con .on{ display: block;}
.tanchu .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;}
.tanchu .btn:hover{ background-color: #f13712;}
.tanchu .btn a{ display:block; width:204px; height:42px; color:#fff; text-decoration:none;}

.u-flyer {display: block;  position: fixed;  z-index: 9999;  width:22px; height:22px; line-height:22px; color:#fff; text-align:center; font-size:12px; background-position:-35px -143px;}

.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

@-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 bounceIn {
    from, 20%, 40%, 60%, 80%, 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: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3);
    }

    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1);
    }

    40% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03);
    }

    80% {
        -webkit-transform: scale3d(.97, .97, .97);
        transform: scale3d(.97, .97, .97);
    }

    to {
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

@keyframes bounceIn {
    from, 20%, 40%, 60%, 80%, 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: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3);
    }

    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1);
    }

    40% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03);
    }

    80% {
        -webkit-transform: scale3d(.97, .97, .97);
        transform: scale3d(.97, .97, .97);
    }

    to {
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

.bounceIn {
    -webkit-animation-name: bounceIn;
    animation-name: bounceIn;
    animation-delay:0.8s;
    -webkit-animation-delay:0.8s;
}


@-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;
    animation-delay:1.2s;
    -webkit-animation-delay:1.2s;
}