@charset "gb2312";
/* CSS Document */
body{font:12px/1.5 "\5b8b\4f53",arial,Helvetica,Tahoma,sans-serif; margin:0 auto; color:#333; min-width: 1100px;}
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;}
.clearfix:after{content:".";display:block;height:0;clear: both;visibility:hidden;}
.clearfix{*zoom:1;}

/*框架*/
.layout{ clear:both;width:1100px;text-align:left;margin:0 auto;color:#333;}
.fl{ float:left;_display: inline}
.fr{ float:right;_display: inline}
.pr{ position:relative}
.abs{position:absolute;}
.an{ background:url(/images/zhuanti/2017ysjxj/an.png) no-repeat; _background:url(/images/zhuanti/2017ysjxj/an.gif) no-repeat;}
.bghong{ background: #fd5854;}
.bghong2{ background:url(/images/zhuanti/2017ysjxj/jxj_07.jpg) no-repeat center top #fd5955;}
.marb30{ height: 30px; overflow: hidden; clear: both;}
.clear{ clear: both;}

/*页头*/
.headerbg{ background:url(/images/zhuanti/2017ysjxj/jxj_01.jpg) no-repeat center top;}
.header{ height: 442px; overflow: hidden;}
.header .logo{ display: block; top: 10px; left: 0; width: 138px; height: 36px; z-index: 2;}
.header .bgbox{ top: 0; left: 0; width: 100%; height: 442px; background:url(/images/zhuanti/2017ysjxj/jxj_02.png) no-repeat; z-index: 1; -webkit-animation:expandUp 1.5s 0s 1 both; animation:expandUp 1.5s 0s 1 both;}
.header .top{ top: 8px; left: 336px; width: 399px; height: 57px; padding: 15px 0 0 29px; background:url(/images/zhuanti/2017ysjxj/jxj_03.png) no-repeat; z-index: 2; -webkit-animation:fadeInDown 1s 2s 1 both; animation:fadeInDown 1s 2s 1 both;}
.header .top p{ width: 380px; line-height: 50px; text-align: center; font-size: 34px; font-weight: 700; color: #fff;}
.header .cen{ top: 82px; left: 310px; width: 500px; height: 236px; -webkit-animation:zoomInUp 1.5s 0.6s 1 both; animation:zoomInUp 1.5s 0.6s 1 both;}
.header .login{ top: 0; right: 0; line-height: 50px; font-size: 14px; font-weight: 700; color: #fff; z-index: 2;}
.header .login a{ color: #fff;}
.yesLogin{ display: none;}
.header2{ height: 308px; overflow: hidden;}
.header2 .cen2{ top: 26px; left: 208px; width: 677px; height: 242px; -webkit-animation:zoomInUp 1.5s 0s 1 both; animation:zoomInUp 1.5s 0s 1 both;}

/*寄语*/
.jy{ font-size: 16px; color: #c25200; line-height: 24px; background: #ffecc4; padding: 20px; margin-bottom: 32px; border-radius: 10px; -webkit-box-shadow:2px 4px 4px 0 #d24946,0 0 30px #fdb278 inset; -moz-box-shadow:2px 4px 4px 0 #d24946,0 0 30px #fdb278 inset; box-shadow:2px 4px 4px 0 #d24946,0 0 30px #fdb278 inset;}
.jy a{ color: #3aaeff;}

/*流程*/
.liucheng{ height: 116px; background:url(/images/zhuanti/2017ysjxj/jxj_05.png) no-repeat; margin-bottom: 32px;}
.liucheng span{ display: block; width: 100px; height: 100px; top: 8px; text-align: center; line-height: 100px; font-size: 18px; color: #fd5854; font-weight: 700;}
.liucheng .nr1{ left: 160px;}
.liucheng .nr2{ left: 367px;}
.liucheng .nr3{ left: 575px; line-height: 22px; padding-top: 28px; height: 72px;}
.liucheng .nr4{ left: 782px; line-height: 22px; padding-top: 28px; height: 72px;}
.liucheng .nr5{ left: 989px;}

/*申请须知*/
.sqxz .shenqing{ width: 540px; height: 450px; background: #ffecc4; border-radius: 10px; -webkit-box-shadow:2px 4px 4px 0 #d24946,0 0 30px #fdb278 inset; -moz-box-shadow:2px 4px 4px 0 #d24946,0 0 30px #fdb278 inset; box-shadow:2px 4px 4px 0 #d24946,0 0 30px #fdb278 inset;}
.sqxz .shenqing .sqtit{ height: 56px; line-height: 56px; padding: 0 20px;}
.sqxz .shenqing .sqtit-l{ font-size: 30px; font-weight: 700; color: #fd5854; font-style: oblique;}
.sqxz .shenqing .sqtit-r{ font-size: 14px; color: #c25200;}
.sqxz .shenqing .sqtit-r a{ color: #c25200;}
.sqxz .shenqing .sqtit-r a:hover{ color: #3aaeff;}
.sqxz .shenqing .sqtop{ line-height: 28px; padding-left: 20px; font-size: 16px; color: #c25200;}
.sqxz .shenqing .sqtop .dl{ display: inline-block; line-height: 28px; padding: 0 15px; margin: 0 10px; font-weight: 700; color: #c25200; background: #ffe2a8; border-radius: 3px; -webkit-box-shadow:0 0 15px #fdb278 inset; -moz-box-shadow:0 0 15px #fdb278 inset; box-shadow:0 0 15px #fdb278 inset;}
.sqxz .shenqing .sqtop .sl{ color: #3aaeff;}
.sqxz .shenqing .sqsubtit{ line-height: 54px; font-size: 16px; font-weight: 700; color: #c25200; padding-left: 20px;}
.sqxz .shenqing .sqcen{ margin-bottom: 10px; clear: both;}
.sqxz .shenqing .sqcen-l{ width: 84px; padding-right: 10px; text-align: right; line-height: 34px; font-size: 16px; color: #c25200;}
.sqxz .shenqing .sqcen-c{ width: 144px; height: 32px; border:1px solid #e6e6e6; padding:0 10px; line-height: 32px; font-size: 16px; color: #666; background: #fff;}
.sqxz .shenqing .sqbot{ padding: 24px 0 0 0; text-align: center;}
.sqxz .shenqing .sqbot .han{ display: inline-block; width: 180px; height: 46px; line-height: 46px; text-align: center; font-size: 24px; font-weight: 700; color: #ffecc4; border-bottom: 6px solid #df2e2a; border-radius: 7px; background: #fd5753; -webkit-box-shadow:0 0 20px #ff0900 inset; -moz-box-shadow:0 0 20px #ff0900 inset; box-shadow:0 0 20px #ff0900 inset; margin: 0 10px; cursor: pointer;}
.sqxz .shenqing .sqbot .han2{ color: #c25200; border-bottom: 6px solid #ffa56f; background: #ffe2a8; -webkit-box-shadow:0 0 20px #fdb278 inset; -moz-box-shadow:0 0 20px #fdb278 inset; box-shadow:0 0 20px #fdb278 inset;}

.sqxz .xuzhi{ width: 490px; height: 450px; padding: 0 20px; background: #ffecc4; border-radius: 10px; -webkit-box-shadow:2px 4px 4px 0 #d24946,0 0 30px #fdb278 inset; -moz-box-shadow:2px 4px 4px 0 #d24946,0 0 30px #fdb278 inset; box-shadow:2px 4px 4px 0 #d24946,0 0 30px #fdb278 inset;}
.sqxz .xuzhi .xztit{ height: 56px; line-height: 56px; font-size: 30px; font-weight: 700; color: #fd5854; font-style: oblique; margin-bottom: 10px;}
.sqxz .xuzhi .list{ line-height: 30px; margin-bottom: 10px; font-size: 16px; color: #c25200; padding-left: 32px;}
.sqxz .xuzhi .list i{ display: block; width: 24px; height: 24px; top: 3px; left: 0; text-align: center; line-height: 24px; font-size: 14px; font-weight: 700; color: #ffecc4; background-position: 0 -50px;}

/*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}
.select_boxhs ul li{list-style-type:none;padding:0;margin:0}
.select_boxhs ul.show{display:block}

/*此处样式自定义*/
.yourSelect{width:166px;height:34px; font-family: "Microsoft Yahei"; background: #fff;}
.yourSelect input{border:1px solid #e6e6e6;width:154px;overflow:hidden;height:32px;line-height:32px; padding-left:10px;font-family: "Microsoft Yahei";color:#aaa; font-size: 16px;}
.yourSelect input.on{color:#666}
.yourSelect i{display:block;width:8px;height:5px; top:14px;right:9px; background:url(/images/zhuanti/2017ysjxj/an.png) no-repeat 0 0; _background:url(/images/zhuanti/2017ysjxj/an.gif) no-repeat 0 0;transition:all .3s linear}
.yourSelect i.on{transform:rotateZ(180deg)}
.yourSelect ul {width:164px; border:1px solid #e6e6e6;overflow: hidden;background:#fff; font-size: 16px;}
.yourSelect ul li {overflow:hidden;width:154px;cursor:pointer;line-height:30px;height:30px;padding:0 0 0 10px;}
.yourSelect ul li.hover {background:#a7cee2;color:#fff}

.yourSelect2{width:78px;height:34px; font-family: "Microsoft Yahei"; background: #fff;margin-right: 10px;}
.yourSelect2 input{border:1px solid #e6e6e6;width:66px;overflow:hidden;height:32px;line-height:32px; padding-left:10px;font-family: "Microsoft Yahei";color:#aaa; font-size: 16px;}
.yourSelect2 input.on{color:#666}
.yourSelect2 i{display:block;width:8px;height:5px; top:14px;right:9px; background:url(/images/zhuanti/2017ysjxj/an.png) no-repeat 0 0; _background:url(/images/zhuanti/2017ysjxj/an.gif) no-repeat 0 0;transition:all .3s linear}
.yourSelect2 i.on{transform:rotateZ(180deg)}
.yourSelect2 ul {width:76px; border:1px solid #e6e6e6;overflow: hidden;background:#fff; font-size: 16px;}
.yourSelect2 ul li {overflow:hidden;width:66px;cursor:pointer;line-height:30px;height:30px;padding:0 0 0 10px;}
.yourSelect2 ul li.hover {background:#a7cee2;color:#fff}

/*奖金金额*/
.jjje{ padding: 0 20px; background: #ffecc4; border-radius: 10px; -webkit-box-shadow:2px 4px 4px 0 #d24946,0 0 30px #fdb278 inset; -moz-box-shadow:2px 4px 4px 0 #d24946,0 0 30px #fdb278 inset; box-shadow:2px 4px 4px 0 #d24946,0 0 30px #fdb278 inset;}
.jjje .tit{ height: 64px; line-height: 64px;}
.jjje .tit-l{ font-size: 30px; font-weight: 700; color: #fd5854; font-style: oblique;}
.jjje .tit-c{ font-size: 14px; color: #c25200; margin-left: 10px;}
.jjje .tit-r{ display: block; font-size: 14px; color: #c25200;}
.jjje .top{ *padding-bottom: 10px;}
.jjje .top li{ float: left; width: 160px; height: 30px; margin: 0 20px 10px 0; line-height: 30px; font-size: 16px; color: #c25200; text-align: center; background: #ffe2a8; border-radius: 5px; -webkit-box-shadow:0 0 15px #fdc882 inset; -moz-box-shadow:0 0 15px #fdc882 inset; box-shadow:0 0 15px #fdc882 inset; cursor: pointer;}
.jjje .top li.on{ color: #ffecc4; background: #fd5854; -webkit-box-shadow:0 0 15px #ff322a inset; -moz-box-shadow:0 0 15px #ff322a inset; box-shadow:0 0 15px #ff322a inset;}
.jjje .top .mr0{ margin-right: 0;}
.jjje .cen{ padding-bottom: 20px;}
.jjje .cen table{ border-collapse: collapse;}
.jjje .cen td{ border: 2px solid #efc4a4; line-height: 44px; text-align: center; font-size: 16px; color: #c25200; padding: 0 15px;}
.jjje .cen .tabtit{ background: #ffe5ae; font-weight: 700;}
.jjje .cen .tall{ text-align: left;}
.jjje .cen .han{ display: inline-block; width: 160px; height: 30px; line-height: 30px; font-size: 16px; color: #c25200; text-align: center; background: #ffe2a8; border-radius: 5px; -webkit-box-shadow:0 0 15px #fdc882 inset; -moz-box-shadow:0 0 15px #fdc882 inset; box-shadow:0 0 15px #fdc882 inset; cursor: pointer; margin: 7px 0;}
.jjje .cen .han:hover{ text-decoration: none;}
.jjje .bp0{ padding-bottom: 0;}
.jjje .xbot{ display: none;}
.jjje .ts{ line-height: 52px; font-size: 14px; color: #c25200;}

/*辅导班次*/
.fdbc{ padding: 0 20px; background: #ffecc4; border-radius: 10px; -webkit-box-shadow:2px 4px 4px 0 #d24946,0 0 30px #fdb278 inset; -moz-box-shadow:2px 4px 4px 0 #d24946,0 0 30px #fdb278 inset; box-shadow:2px 4px 4px 0 #d24946,0 0 30px #fdb278 inset;}
.fdbc .tit{ padding-top: 26px; line-height: 32px; font-size: 18px; color: #c25200; text-align: center; margin-bottom: 92px;}
.fdbc .tit b{ font-size: 36px; color: #fd5854; line-height: 44px;}
.fdbc .cen{ padding-bottom: 20px;}
.fdbc .nr{ width: 210px; height: 378px; padding: 77px 14px 0; border: 6px solid #bc5b48; background: #fd7358; border-radius: 5px; margin-right: 20px;}
.fdbc .nr .t{ width: 156px; height: 156px; top: -88px; left: 50%; margin-left: -78px; text-align: center; line-height: 156px; font-size: 30px; color: #fff; font-weight: 700; background-position: 0 -100px;}
.fdbc .nr .c{ line-height: 24px; text-align: center; font-size: 16px; color: #fff; padding-bottom: 16px; border-bottom: 1px solid #bc5b48; margin-bottom: 14px;}
.fdbc .nr .b{ line-height: 24px; font-size: 14px; color: #fff; clear: both;}
.fdbc .nr .b-l{ width: 210px; top: 0; left: 0;}
.fdbc .nr .b-r{ padding-top: 220px; height:46px;}
.fdbc .nr .mb15{ margin-bottom: 15px;}
.fdbc .nr .han{ display: block; height: 46px; text-align: center; line-height: 46px; background: #fed755; border-radius: 5px; font-size: 22px; color: #bc5b48; font-weight: 700;}
.fdbc .nr .han:hover{ text-decoration: none;}
.fdbc .nr2{ border: 6px solid #9452ac; background: #bc69db;}
.fdbc .nr2 .t{ background-position: 0 -280px;}
.fdbc .nr2 .c{ border-bottom: 1px solid #9452ac;}
.fdbc .nr2 .han{ color: #9452ac;}
.fdbc .nr3{ border: 6px solid #af416f; background: #e84c8d;}
.fdbc .nr3 .t{ background-position: 0 -460px;}
.fdbc .nr3 .c{ border-bottom: 1px solid #af416f;}
.fdbc .nr3 .han{ color: #af416f;}
.fdbc .nr4{ border: 6px solid #ca7600; background: #fe9400; margin: 0;}
.fdbc .nr4 .t{ background-position: 0 -640px;}
.fdbc .nr4 .c{ border-bottom: 1px solid #ca7600;}
.fdbc .nr4 .han{ color: #ca7600;}

/*提示弹框*/
.mask{ display: none; width: 100%; height: 100%; position:fixed; top:0; left:0; background:#000; z-index:999; filter:alpha(opacity=60);opacity:0.6;_position:absolute; _height:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight));}
.tstk{ display: none; overflow: hidden; width:470px; background:#ffecc4; border-radius: 8px; position:fixed; _position:absolute;_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight/2)); top:50%; left:50%; margin:-157px 0 0 -235px; z-index:1000;}
.tstk .tit{ height: 42px; background: #fd5854; padding: 0 20px;}
.tstk .tit-l{ line-height: 42px; font-size: 16px; color: #ffecc4;}
.tstk .tit-r{ display: block; top: 11px; right: 20px; width: 21px; height: 21px; background-position: 0 -820px; cursor: pointer;}
.tstk .cen{ padding-top: 40px; text-align: center; margin-bottom: 22px;}
.tstk .cen .pic{ display: inline-block; width: 76px; height: 76px; background-position: 0 -870px;}
.tstk .cen .txt{ line-height: 52px; font-size: 16px; color: #c25200;}
.tstk .cen2{ width: 390px; height: 220px; margin: 20px auto;}
.tstk .cen2 img{ width: 390px; height: 220px;}
.tstk .bot{ text-align: center; margin-bottom: 40px;}
.tstk .bot .han{ display: inline-block; width: 140px; height: 40px; background: #fd5854; text-align: center; line-height: 40px; font-size: 18px; font-weight: 700; color: #ffecc4; border-radius: 5px; margin: 0 15px; -webkit-box-shadow:0 0 15px #ff322a inset; -moz-box-shadow:0 0 15px #ff322a inset; box-shadow:0 0 15px #ff322a inset;}
.tstk .bot .han2{ background: #ffe3a9; color: #c25200; -webkit-box-shadow:0 0 15px #fdc882 inset; -moz-box-shadow:0 0 15px #fdc882 inset; box-shadow:0 0 15px #fdc882 inset;}
.tstk .bot .han:hover{ text-decoration: none;}

/*全部名单*/
.qbmd{ padding: 0 20px; background: #ffecc4; border-radius: 10px; -webkit-box-shadow:2px 4px 4px 0 #d24946; -moz-box-shadow:2px 4px 4px 0 #d24946; box-shadow:2px 4px 4px 0 #d24946;}
.qbmd .tit{ height: 50px; line-height: 50px; padding-top: 10px;}
.qbmd .tit-l{ font-size: 30px; font-weight: 700; color: #fd5854; font-style: oblique;}
.qbmd .top{ line-height: 28px; font-size: 14px; color: #dc9b6b; margin-bottom: 20px;}
.qbmd .top .han{ display: inline-block; line-height: 28px; padding: 0 15px; margin-left: 15px; font-weight: 700; font-size: 16px; color: #c25200; background: #ffe2a8; border-radius: 3px; -webkit-box-shadow:0 0 15px #fdb278 inset; -moz-box-shadow:0 0 15px #fdb278 inset; box-shadow:0 0 15px #fdb278 inset;}
.qbmd .top .sl{ color: #3aaeff;}
.qbmd .subtop{ *padding-bottom: 10px;}
.qbmd .subtop li{ float: left; width: 160px; height: 30px; margin: 0 20px 10px 0; line-height: 30px; font-size: 16px; color: #c25200; text-align: center; background: #ffe2a8; border-radius: 5px; -webkit-box-shadow:0 0 15px #fdc882 inset; -moz-box-shadow:0 0 15px #fdc882 inset; box-shadow:0 0 15px #fdc882 inset; cursor: pointer;}
.qbmd .subtop li.on{ color: #ffecc4; background: #fd5854; -webkit-box-shadow:0 0 15px #ff322a inset; -moz-box-shadow:0 0 15px #ff322a inset; box-shadow:0 0 15px #ff322a inset;}
.qbmd .subtop .mr0{ margin-right: 0;}
.qbmd .cen table{ border-collapse: collapse; margin-bottom: 20px;}
.qbmd .cen td{ border: 2px solid #efc4a4; line-height: 44px; text-align: center; font-size: 16px; color: #c25200; padding: 0 15px;}
.qbmd .cen .tabtit{ background: #ffe5ae; font-weight: 700;}
.qbmd .cen .tall{ text-align: left;}
.qbmd .cen .han{ display: inline-block; width: 160px; height: 30px; line-height: 30px; font-size: 16px; color: #c25200; text-align: center; background: #ffe2a8; border-radius: 5px; -webkit-box-shadow:0 0 15px #fdc882 inset; -moz-box-shadow:0 0 15px #fdc882 inset; box-shadow:0 0 15px #fdc882 inset; cursor: pointer; margin: 7px 0;}
.qbmd .cen .han:hover{ text-decoration: none;}
.qbmd .cen2{ padding-top: 10px;}
.qbmd .bp0{ padding-bottom: 0;}
.qbmd .xbot{ display: none;}
.qbmd .fy{ text-align: center; clear: both; height: 40px; margin-bottom: 20px;}
.qbmd .fy .sxy{ display: inline-block; *display: inline; *zoom: 1; width: 100px; height: 40px; line-height: 40px; text-align: center; font-size: 16px; color: #c25200; margin: 0 14px; background: #ffe3a9; border-radius: 5px; -webkit-box-shadow:0 0 15px #fdc882 inset; -moz-box-shadow:0 0 15px #fdc882 inset; box-shadow:0 0 15px #fdc882 inset;}
.qbmd .fy .sxy:hover{ text-decoration: none;}
.qbmd .fy .sz{ display: inline-block; *display: inline; *zoom: 1; line-height: 40px; font-size: 16px; color: #c25200;}
.qbmd .fy .sz .on{ font-weight: 700;}
.qbmd .fy .sz a{ color: #c25200;}
.qbmd .fy .ts{ top: 0; right: 0; line-height: 40px; font-size: 16px; color: #c25200;}
.qbmd .fy .ts em{ color: #ff5551;}
.sctp h3{font-size:16px; color:#9a6b43; padding:15px 15px 0;}
.sctp p.tupzs{ text-align:center; font-size:20px; color:#f03141; padding:10px 0;}
.sctp p.d_btn{ padding:15px 0; text-align:center; font-size:14px;}
.sctp a.q_btn{ width:150px; height:35px; text-align:center; color:#fff; line-height:35px; font-size:18px; margin:15px auto 25px; background:#f03141; display:block;}






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

    animation-duration: 0.7s;
    -webkit-animation-duration: 0.7s;

    animation-timing-function: ease;
    -webkit-animation-timing-function: ease;

    visibility: visible !important;
}

@keyframes expandUp {
    0% {
        transform: translateY(100%) scale(0.6) scaleY(0.5);
    }
    60%{
        transform: translateY(-6.1%) scaleY(1.12);
    }
    75%{
        transform: translateY(3%);
    }
    100% {
        transform: translateY(0%) scale(1) scaleY(1);
    }
}

@-webkit-keyframes expandUp {
    0% {
        -webkit-transform: translateY(100%) scale(0.6) scaleY(0.5);
    }
    60%{
        -webkit-transform: translateY(-6.1%) scaleY(1.12);
    }
    75%{
        -webkit-transform: translateY(3%);
    }
    100% {
        -webkit-transform: translateY(0%) scale(1) scaleY(1);
    }
}

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

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

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

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

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

@-webkit-keyframes zoomInUp {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
        animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    }
}

@keyframes zoomInUp {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
        animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    }
}

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