@charset "gb2312";
/* CSS Document */
body{font:12px/1.5 "\5b8b\4f53",arial,Helvetica,Tahoma,sans-serif; margin:0 auto; color:#333;}
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());}
.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;}
.layout{ clear:both;width:1000px;text-align:left;margin:0 auto; text-decoration:none;}
.marb6{ margin-bottom:6px; clear:both}

/**/
.headerWrap{ width:100%; height:542px; background:url("/images/zhuanti/12years/header.jpg") no-repeat center top;}
.header{ height:542px;}
.header .logo{ width:165px; height:42px; left:0; top:10px; font-size:0; line-height:0;}
.header .tex1{ width:389px; height:30px; left:308px; top:77px; background:url("/images/zhuanti/12years/tex1.png") no-repeat;}
.header .tex2{ width:576px; height:300px; left:221px; top:130px; background:url("/images/zhuanti/12years/tex2.png") no-repeat;}
.header .time{ width:100%; font-size:18px; text-align:center; line-height:52px; top:446px; left:0; color:#fffe9e;}

/**/
.nav .bg1,.nav .bg2,.nav .bg3,.nav .bg4, .con .bg1, .con .bg2, .con .bg3, .con .bg4{background:url("/images/zhuanti/12years/ico.png") no-repeat;}
.wrap{ width:100%; background:url("/images/zhuanti/12years/bg1.jpg") no-repeat center top #a6071d; padding:110px 0 60px 0;}
.title01{ width:653px; height:98px; line-height:98px; text-align:center; font-size:24px; color:#fff; background:url("/images/zhuanti/12years/tit01.png") no-repeat; top:-46px; left:50%; margin-left:-326px; font-weight:bold;}
.con{ background:#fef7da; border:2px solid #ff7734; margin-top:100px; padding:90px 30px 30px;}
.con .jiao{ display:block; width:32px; height:32px; position:absolute;}
.con .bg1{ left:-2px; top:-2px; background-position:0 -85px;}
.con .bg2{ right:-2px; top:-2px; background-position:-32px -85px;}
.con .bg3{ left:-2px; bottom:-2px; background-position:0 -117px;}
.con .bg4{ right:-2px; bottom:-2px; background-position:-32px -117px;}

/**/
.nav{ background:#ab1429; padding:10px 40px;}
.nav p{ font-size:16px; color:#fffdda; line-height:32px;}
.nav span{ display:block; width:41px; height:40px; position:absolute;}
.nav .bg1{ left:0; top:0; background-position:0 0;}
.nav .bg2{ left:0; bottom:0; background-position:0 -40px;}
.nav .bg3{ right:0; top:0; background-position:-41px 0;}
.nav .bg4{ right:0; bottom:0; background-position:-41px -40px;}

/**/
.teacher{}
.teacher .teacherCon{ float:left;width:578px;}
.teacher .prizeList{ width:578px; height:499px; background:url("/images/zhuanti/12years/bg2.png") no-repeat;}
.teacher .prizeList li{  width:123px; height:100px;position:absolute;}
.teacher .prizeList .pz1{ left:32px; top:33px;}
.teacher .prizeList .pz2{ left:163px; top:33px;}
.teacher .prizeList .pz3{ left:294px; top:33px;}
.teacher .prizeList .pz4{ left:425px; top:33px;}
.teacher .prizeList .pz5{ left:425px; top:33px;}
.teacher .prizeList .pz5{ left:425px; top:140px;}
.teacher .prizeList .pz6{ left:425px; top:247px;}
.teacher .prizeList .pz7{ left:425px; top:355px;}
.teacher .prizeList .pz8{ left:294px; top:355px;}
.teacher .prizeList .pz9{ left:163px; top:355px;}
.teacher .prizeList .pz10{ left:32px; top:355px;}
.teacher .prizeList .pz11{ left:32px; top:247px;}
.teacher .prizeList .pz12{ left:32px; top:140px;}
.teacher .prizeList .on i{ display:block;}
.teacher .prizeList i{ display:none; width:133px; height:110px; background:url("/images/zhuanti/12years/box.png") no-repeat; position:absolute; left:-5px; top:-5px;}
.teacher .prizeList .videoWrap{ position:absolute; left:0; top:0; width:578px; height:499px;}
.teacher .tex{ font-size:24px; line-height:30px; width:270px; left:155px; top:155px; text-align:center; color:#fff2b3;}
.teacher .btn{ display:block; width:179px; height:82px; line-height:80px; text-align:center; font-size:42px; color:#b31b1b; font-weight:bold; background:url("/images/zhuanti/12years/ks.png") no-repeat; left:200px; top:260px; text-decoration:none;}
.teacher .explain{ float:right; height:530px; width:275px; padding:10px 30px 20px; font-size:14px; background:#fffdf4;}
.teacher .explain h4{ line-height:28px; color:#cf4330; padding:10px 0 0 0;}
.teacher .explain p{ line-height:28px;}
.teacher .explain em{ color:#cc3622;}

.teacher .blessing{ display:none; position:absolute; left:0; top:0; width:578px; height:499px; background:#1d1d1d; z-index:9999;}
.teacher .blessing .tit{ height:46px; line-height:46px; color:#fff; padding:0 0 0 15px; font-size:16px; border-bottom:2px solid #1e222b;}
.teacher .blessing .nr{ width:479px; height:365px; background:url("/images/zhuanti/12years/bg4.png") no-repeat; margin:20px auto 0;}
.teacher .blessing .nr .close{ width:50px; height:50px; cursor:pointer; position:absolute; right:103px; top:8px;}
.teacher .blessing .nr h4{ font-size:16px; color:#fff; line-height:28px; padding:80px 80px 0;}
.teacher .blessing .nr em{ color:#ffeb43; font-weight:bold;}
.teacher .blessing .nr .ipt1{ width:385px; height:100px; padding:10px; background:#fffbe9; line-height:26px; resize:none; border:0; margin:10px auto; display:block;}
.teacher .blessing .nr .zf{ padding:0 38px; text-align:right;}
.teacher .blessing .nr .zf a{ display:inline-block; width:124px; height:46px; line-height:44px; text-align:center; font-size:18px; color:#b31b1b; font-weight:bold; text-decoration:none; background:url("/images/zhuanti/12years/zf.png") no-repeat;}

.teacher .redBox{ display:none; position:absolute; left:0; top:0; width:578px; height:499px; background:#1d1d1d; z-index:9999;}
.teacher .redBox .nr{ width:479px; height:365px; background:url("/images/zhuanti/12years/bg4.png") no-repeat; margin:60px auto 0;text-align:center;}
.teacher .redBox .nr .close{ width:50px; height:50px; cursor:pointer; position:absolute; right:103px; top:8px;}
.teacher .redBox .nr .t1{ font-size:24px; color:#ffdf08; line-height:32px; padding:80px 0 0 0;}
.teacher .redBox .nr .t2{ font-size:16px; color:#fff; line-height:32px; padding:20px 0;}
.teacher .redBox .nr .t3{ font-size:24px; color:#ffdf08; line-height:32px;}
.teacher .redBox .nr .t3 strong{ font-size:40px;}
.teacher .redBox .nr .t4{ font-size:16px; line-height:32px; color:#fff; text-align:left; padding:0 0 0 45px;}
.teacher .redBox .nr h4{ font-size:16px; color:#fff; line-height:28px; padding:80px 80px 0;}
.teacher .redBox .nr em{ color:#ffeb43; font-weight:bold;}
.teacher .redBox .nr .ipt1{ width:385px; height:100px; padding:10px; background:#fffbe9; line-height:26px; resize:none; border:0; margin:10px auto; display:block;}
.teacher .redBox .nr .zf{ padding:20px 38px 0; text-align:center;}
.teacher .redBox .nr .zf a{ display:inline-block; width:124px; height:46px; line-height:44px; text-align:center; font-size:18px; color:#b31b1b; font-weight:bold; text-decoration:none; background:url("/images/zhuanti/12years/zf.png") no-repeat; margin:0 10px;}

.teacher .danmu{ margin-top:20px;}
.teacher .redPacket{ border:1px solid #fe4236; background:#fffdf4; height:48px; line-height:48px; overflow:hidden; position:relative; margin-top:10px; border-radius:5px;}
.teacher .redPacket li{ height:48px; line-height:48px; font-size:16px; padding:0 0 0 51px; overflow:hidden; background:url("/images/zhuanti/12years/redPacket.png") no-repeat 17px 10px;}
.teacher .redPacket em{ color:#ff0000;}

.teacher .giveBlessing{ padding:0 0 0 143px; margin:20px 0 0 0; background:url("/images/zhuanti/12years/blessing01.png") no-repeat left;}
.teacher .giveBlessing .ipt1{ width:640px; height:50px; padding:6px 10px; line-height:25px; border:1px solid #f0c58e; background:#fef7da; resize:none; font-size:12px;}
.teacher .giveBlessing .btnszf{ display:block; width:117px; height:64px; line-height:60px; text-align:center; font-size:20px; color:#ffffb0; background:url("/images/zhuanti/12years/blessing02.png") no-repeat;}



.barrager{width:100%;background:#ffe487;margin:0 auto;height:206px;overflow:hidden;}
.barrager div{position:absolute;display:inline-block;}
.barrager div span.new{display:inline-block;border:1px solid #d5d5d5;padding:0 20px;}

/**/
.timeTree{}
.timeTree .tex{ float:left; width:290px;}
.timeTree .tex p{ font-size:14px; color:#d4190a; line-height:32px; font-weight:bold;}
.timeTree .tex .sm{ padding-top:10px; font-size:14px; line-height:32px;}
.timeTree .tex .sm span{ display:inline-block; height:32px; line-height:32px;}
.timeTree .tex .phoneEwm{ width:96px;padding:7px; line-height:24px; background:#fff;border:1px solid #bebebe; position:absolute;left:0px;top:48px; display:none;}
.timeTree .tex .phoneEwm i{width:18px;height:9px;line-height:0px; font-size:0px; overflow:hidden; background:url("/images/zhuanti/12years/jt.png") no-repeat; position:absolute;left:50%;top:-9px; margin-left:-9px;}
.timeTree .pic{ float:left; padding:10px 0 0 0; width:150px; text-align:center;}
.timeTree .pic .btn{ display:inline-block; width:140px; height:30px; line-height:30px; text-align:center; border:1px solid #ff8f17; border-radius:3px; font-size:14px; color:#e0260d; text-decoration:none; margin-top:13px;}
.timeTree .myStory{ float:right; width:480px;}
.timeTree .myStory li{ overflow:hidden; padding:0 0 0 60px; width:420px;}
.timeTree .myStory .t1{ float:left; width:120px; line-height:42px; font-size:14px; color:#e2331a; padding:0 0 10px 0;}
.timeTree .myStory .t2{ float:left; }
.timeTree .myStory .ipt1{ width:280px; height:40px; line-height:40px; border:1px solid #eccb92; background:#fff; padding:0 0 0 10px;}
.timeTree .myStory .ipt2{ width:180px; height:40px; line-height:40px; border:1px solid #eccb92; background:#fff; padding:0 0 0 10px;}
.timeTree .myStory .ts{ height:26px; line-height:26px; padding:0 0 0 120px; color:#ff0000;}
.timeTree .myStory .yzm{ margin:0 0 0 10px;}
.timeTree .myStory .btn{ padding:0 0 0 60px;}
.timeTree .myStory .btn .a1{ display:block; width:227px; height:48px; line-height:44px; text-align:center; font-size:20px; color:#ffffb0; background:url("/images/zhuanti/12years/btn2.png") no-repeat; text-decoration:none; font-weight:bold;}
.timeTree .myStory .btn p{ line-height:32px; font-size:14px; color:#fe7d36; padding-top:10px;}
.timeTree .myStory em{ font-size:16px; color:#909090; right:20px; top:8px;}

.timeTree .share{ float:right; width:450px;}
.timeTree .share h4{ line-height:28px; color:#e0260d; font-size:18px; font-weight:bold; color:#e0260d; padding:0 0 10px 0;}
.timeTree .share li{ font-size:14px; color:#e0260d; line-height:44px; overflow:hidden; _width:450px; _float:left;}
.timeTree .share .t1{ float:left;}
.timeTree .share .a1{ float:left; display:inline-block; width:164px; height:44px; line-height:40px; text-align:center; font-size:18px; font-weight:bold; color:#ffffb0; background:url("/images/zhuanti/12years/btn3.png") no-repeat; text-decoration:none;}
.timeTree .share .a2{ float:left; display:inline-block; width:80px; height:44px; line-height:40px; text-align:center; font-size:18px; font-weight:bold; color:#ffffb0; background:url("/images/zhuanti/12years/btn4.png") no-repeat; text-decoration:none; margin:0 0 0 6px;}
.timeTree .share .tex{ display:inline-block; width:270px; height:40px; line-height:40px; padding:0 0 0 10px; border:1px solid #eccb92; background:#fff; font-size:14px; color:#e0260d; margin-top:1px;}
.timeTree .share .ewm{ padding:0 0 0 58px;}
.timeTree .share .mb{ margin:0 0 18px 0;}
.bdsharebuttonbox{ margin:9px 0 0 10px;}

    /**/
.invite{}
.invite .subnav{ font-size:14px; line-height:30px;}
.invite .list{ padding:30px 0 0 0; background:url("/images/zhuanti/12years/bg3.png") no-repeat 740px center;}
.invite .list li{ width:936px;}
.invite .list li:after{content:".";display:block;height:0;clear: both;visibility:hidden;}
.invite .t1{ float:left; width:95px; text-align:right; line-height:42px; font-size:14px; color:#e0240d;}
.invite .t2{ float:left;}
.invite .ipt1{ width:360px; height:40px; line-height:40px; border:1px solid #eccb92; background:#fff; padding:0 0 0 10px;}
.invite .ipt2{ width:250px; height:40px; line-height:40px; border:1px solid #eccb92; background:#fff; padding:0 0 0 10px;}
.invite .ipt3{ width:640px; height:120px; line-height:40px; border:1px solid #eccb92; background:#fff; padding:10px; resize:none;}
.invite .ipt4{width:250px; height:40px; line-height:40px; border:1px solid #eccb92; background:#fff; padding:0 0 0 10px;}
.invite .btn{ width:100px; height:44px; line-height:44px; text-align:center; font-size:14px; border:0; color:#9e5b1d; background:#ffdda8; cursor:pointer; border-radius:5px; margin:0 0 0 10px; vertical-align:-2px;}
.invite .yzm{ width:52px; vertical-align:middle; display:inline-block; margin:0 0 0 5px;}
.invite .mt17{ margin-bottom:17px;}
.invite .send{ text-align:center; padding:20px 0;}
.invite .send .a1{ display:inline-block; width:124px; height:44px; line-height:42px; text-align:center; font-size:18px; color:#ffffb0; background:url("/images/zhuanti/12years/btn.png") no-repeat; text-decoration:none;}

/*jquery-select.tipxw固定样式请勿动*/
.select_boxhs {position:relative}
.select_boxhs select{display:none}
.select_boxhs input{padding:0;margin:0;cursor:pointer;position:absolute;top:0;left:0;background:none}
.select_boxhs i{position:absolute}
.select_boxhs ul {list-style-type:none;padding:0;margin:0;width:100%;display:none;position:absolute;overflow-x: hidden;overflow-y: auto}
.select_boxhs ul li{}
.select_boxhs ul.show{display:block}

/*此处样式自定义*/
.areaSelect{ float:left; _display:none; margin:0 10px 0 0; width:180px; height:42px; background:#fff;}
.areaSelect input{ border:1px solid #eccb92;width:96%;overflow:hidden;height:40px;line-height:40px;padding:0 0 0 4%; color:#aaa; font-size:14px;}
.areaSelect input.on{color:#666}
.areaSelect i{display:block;width:11px;height:8px; background:url("/images/zhuanti/12years/jt1.png") no-repeat; right:10px; top:17px; transition:all .3s linear}
.areaSelect i.on{ background:url("/images/zhuanti/12years/jt2.png") no-repeat;}
.areaSelect ul {width:100%; border:1px solid #eccb92;background:#fff;}
.areaSelect li {overflow:hidden;width:96%;cursor:pointer;line-height:30px;height:30px; padding:0 0 0 4%;}
.areaSelect ul li.hover {background:#ffdda8;color:#985214;}

/**/
.dialog-mod{ display:none; width:100%; position:fixed; left:0; top:0; z-index:999999; _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))))}
.dialog-mod .bg{ width:100%; height:100%; background:#000; opacity:0.4; filter: Alpha(opacity=40); -moz-opacity:0.4; -khtml-opacity:0.4; z-index:2;}
.cms-dialogs{ width:360px; position:absolute; top:0; left:50%; margin-left:-180px; background:#fff; z-index:999;}
.cms-dialogs .close-btn-v1{ display:block; cursor:pointer; overflow:hidden; width:40px; height:40px; background:url("/images/zhuanti/12years/ico.png") no-repeat 0 -150px; position:absolute; right:-20px; top:-20px;}
.cms-dialogs .cons{ margin:0 auto; padding:50px 30px; overflow:hidden; background:#fff;}
.cms-dialogs .cons p{ font-size:16px; line-height:30px; color:#d31817;}

/**/
.leftNav{ display:none; width:72px;overflow:hidden;position:fixed; left:50%; margin-left:-580px; top:50%; margin-top:-300px; _position:absolute; z-index:68;}
.leftNav .tit{ width:46px; height:46px; background:url("/images/zhuanti/12years/top.png") no-repeat -5px -45px; margin-left:5px; cursor:pointer;}
.leftNav .tit.on{ background:url("/images/zhuanti/12years/top.png") no-repeat -4px 0;}
.leftNav ul{ height:551px; background:url("/images/zhuanti/12years/top.png") no-repeat 0 -90px;}
.leftNav li{ height:143px; padding-top:19px;}
.leftNav li a{ display:block; width:72px; height:148px; line-height:0; font-size:0;}
.leftNav li.close{ line-height:0; font-size:0; height:25px; padding:0; cursor:pointer;}

.wrap .footer,.wrap .footer a,.wrap .footer .footnav,.wrap .footer .footnav a{ color:#fff;}


/**/
.timeTreeCon{ width:556px; height:1137px; margin:0 auto;}
.timeTreeCon .cont{ background:url("/images/zhuanti/12years/tree01.jpg") repeat-x; padding-top:216px;}
.timeTreeCon .cont .tit{ width:372px; height:122px; background:url("/images/zhuanti/12years/tree02.png") no-repeat; left:48px; top:18px; padding:56px 0 0 50px;}
.timeTreeCon .cont .tit p{ line-height:26px; color:#fe5e06; font-size:18px;}
.timeTreeCon .cont .tit strong{ font-size:24px;}
.timeTreeCon .cont .sun01{ width:105px; height:102px; background:url("/images/zhuanti/12years/tree03.png") no-repeat; right:20px; top:85px;}
.timeTreeCon .cont .sun02{ width:63px; height:63px; background:url("/images/zhuanti/12years/tree04.png") no-repeat; right:40px; top:103px;}
.timeTreeCon .cont .tree{ height:794px; background:url("/images/zhuanti/12years/tree10.png") no-repeat 180px top; line-height:20px; font-size:16px;}
.timeTreeCon .cont .tree strong{ font-size:24px;}
.timeTreeCon .cont .tree .step01{ top:73px; right:354px; text-align:right;}
.timeTreeCon .cont .tree .step02{ top:168px; left:345px; text-align:left;}
.timeTreeCon .cont .tree .step03{ top:290px; right:375px; text-align:right;}
.timeTreeCon .cont .tree .step04{ top:400px; left:350px; text-align:left;}
.timeTreeCon .cont .tree .step05{ top:545px; right:360px; text-align:right;}
.timeTreeCon .cont .tree .step06{ top:640px; left:300px; text-align:left;}
.timeTreeCon .cont .tree .cloud01{ width:112px; height:44px; background:url("/images/zhuanti/12years/tree05.png") no-repeat; top:3px; left:24px;}
.timeTreeCon .cont .tree .cloud02{ width:105px; height:54px; background:url("/images/zhuanti/12years/tree06.png") no-repeat; top:45px; right:45px;}
.timeTreeCon .cont .tree .cloud03{ width:81px; height:42px; background:url("/images/zhuanti/12years/tree07.png") no-repeat; top:197px; left:21px;}
.timeTreeCon .cont .tree .round01{ width:93px; height:28px; background:url("/images/zhuanti/12years/tree08.png") no-repeat; left:76px; bottom:0;}
.timeTreeCon .cont .tree .round02{ width:107px; height:54px; background:url("/images/zhuanti/12years/tree09.png") no-repeat; right:63px; bottom:0;}
.timeTreeCon .cont .tree .name{ font-size:18px; color:#fff; width:270px; line-height:32px; bottom:-55px; right:100px; text-align:center;}
.timeTreeCon .cont .tree .tx{ width:121px; height:121px; border-radius:50%;  bottom:-23px; right:195px;}
.timeTreeCon .cont .tree .tx img{ border-radius:50%; width:118px; height:118px; border:3px solid #fff;}
.timeTreeCon .cont .bottom{ width:556px; height:127px; background:url("/images/zhuanti/12years/tree11.jpg") no-repeat; }
.timeTreeCon .treeBtn{ background:#ffefae; padding:22px 0 0 0; text-align:center;}
.timeTreeCon .treeBtn .a1{ display:inline-block; _display:inline; _zoom:1; width:227px; height:48px; line-height:44px; text-align:center; font-size:20px; color:#fff; background:url("/images/zhuanti/12years/tree12.png") no-repeat; margin:0 10px; text-decoration:none;}

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

.animated.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}

.animated.hinge {
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
}


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


@-webkit-keyframes rotateIn {
    from {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0, 0, 1, -200deg);
        transform: rotate3d(0, 0, 1, -200deg);
        opacity: 0;
    }

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

@keyframes rotateIn {
    from {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0, 0, 1, -200deg);
        transform: rotate3d(0, 0, 1, -200deg);
        opacity: 0;
    }

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

.rotateIn {
    -webkit-animation-name: rotateIn;
    animation-name: rotateIn;

}



@-webkit-keyframes bounceInLeft {
    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(-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 bounceInLeft {
    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(-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;
    }
}

.bounceInLeft {
    -webkit-animation-name: bounceInLeft;
    animation-name: bounceInLeft;
    animation-delay:2s;
    -webkit-animation-delay:2s;
}