.clear { display:block; float:none; clear:both;overflow: hidden; visibility:hidden; width:0; height:0; background:none; border:0; font-size:0; } .clearfix:before, .clearfix:after { content:""; display:table; } .clearfix:after { clear:both; } .clearfix{ zoom:1; } .clearfix:before, .clearfix:after { content:""; display:table; } .clearfix:after { clear:both; } .clearfix{ zoom:1; } html,body{} body{ background: #f5f5f5;} .bodyIndex{background: #fff;} a{color: #5f6061;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 bounce{0%,100%,20%,53%,80%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}40%,43%{-webkit-transition-timing-function:cubic-bezier(0.755,.050,.855,.060);transition-timing-function:cubic-bezier(0.755,.050,.855,.060);-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}70%{-webkit-transition-timing-function:cubic-bezier(0.755,.050,.855,.060);transition-timing-function:cubic-bezier(0.755,.050,.855,.060);-webkit-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0)}90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}}@keyframes bounce{0%,100%,20%,53%,80%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1);-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}40%,43%{-webkit-transition-timing-function:cubic-bezier(0.755,.050,.855,.060);transition-timing-function:cubic-bezier(0.755,.050,.855,.060);-webkit-transform:translate3d(0,-30px,0);-ms-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}70%{-webkit-transition-timing-function:cubic-bezier(0.755,.050,.855,.060);transition-timing-function:cubic-bezier(0.755,.050,.855,.060);-webkit-transform:translate3d(0,-15px,0);-ms-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0)}90%{-webkit-transform:translate3d(0,-4px,0);-ms-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}}.bounce{-webkit-animation-name:bounce;animation-name:bounce;-webkit-transform-origin:center bottom;-ms-transform-origin:center bottom;transform-origin:center bottom}@-webkit-keyframes flash{0%,100%,50%{opacity:1}25%,75%{opacity:0}}@keyframes flash{0%,100%,50%{opacity:1}25%,75%{opacity:0}}.flash{-webkit-animation-name:flash;animation-name:flash}@-webkit-keyframes pulse{0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes pulse{0%{-webkit-transform:scale3d(1,1,1);-ms-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);-ms-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}100%{-webkit-transform:scale3d(1,1,1);-ms-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}.pulse{-webkit-animation-name:pulse;animation-name:pulse}@-webkit-keyframes rubberBand{0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(0.75,1.25,1);transform:scale3d(0.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes rubberBand{0%{-webkit-transform:scale3d(1,1,1);-ms-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}30%{-webkit-transform:scale3d(1.25,.75,1);-ms-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(0.75,1.25,1);-ms-transform:scale3d(0.75,1.25,1);transform:scale3d(0.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);-ms-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);-ms-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);-ms-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}100%{-webkit-transform:scale3d(1,1,1);-ms-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}.rubberBand{-webkit-animation-name:rubberBand;animation-name:rubberBand}@-webkit-keyframes shake{0%,100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}@keyframes shake{0%,100%{-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);-ms-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);-ms-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}.shake{-webkit-animation-name:shake;animation-name:shake}@-webkit-keyframes swing{20%{-webkit-transform:rotate3d(0,0,1,15deg);transform:rotate3d(0,0,1,15deg)}40%{-webkit-transform:rotate3d(0,0,1,-10deg);transform:rotate3d(0,0,1,-10deg)}60%{-webkit-transform:rotate3d(0,0,1,5deg);transform:rotate3d(0,0,1,5deg)}80%{-webkit-transform:rotate3d(0,0,1,-5deg);transform:rotate3d(0,0,1,-5deg)}100%{-webkit-transform:rotate3d(0,0,1,0deg);transform:rotate3d(0,0,1,0deg)}}@keyframes swing{20%{-webkit-transform:rotate3d(0,0,1,15deg);-ms-transform:rotate3d(0,0,1,15deg);transform:rotate3d(0,0,1,15deg)}40%{-webkit-transform:rotate3d(0,0,1,-10deg);-ms-transform:rotate3d(0,0,1,-10deg);transform:rotate3d(0,0,1,-10deg)}60%{-webkit-transform:rotate3d(0,0,1,5deg);-ms-transform:rotate3d(0,0,1,5deg);transform:rotate3d(0,0,1,5deg)}80%{-webkit-transform:rotate3d(0,0,1,-5deg);-ms-transform:rotate3d(0,0,1,-5deg);transform:rotate3d(0,0,1,-5deg)}100%{-webkit-transform:rotate3d(0,0,1,0deg);-ms-transform:rotate3d(0,0,1,0deg);transform:rotate3d(0,0,1,0deg)}}.swing{-webkit-transform-origin:top center;-ms-transform-origin:top center;transform-origin:top center;-webkit-animation-name:swing;animation-name:swing}@-webkit-keyframes tada{0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes tada{0%{-webkit-transform:scale3d(1,1,1);-ms-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);-ms-transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);-ms-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);-ms-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)}100%{-webkit-transform:scale3d(1,1,1);-ms-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}.tada{-webkit-animation-name:tada;animation-name:tada}@-webkit-keyframes wobble{0%{-webkit-transform:none;transform:none}15%{-webkit-transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg);transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg);transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg);transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg);transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg);transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg)}100%{-webkit-transform:none;transform:none}}@keyframes wobble{0%{-webkit-transform:none;-ms-transform:none;transform:none}15%{-webkit-transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg);-ms-transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg);transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg);-ms-transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg);transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg);-ms-transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg);transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg);-ms-transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg);transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg);-ms-transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg);transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg)}100%{-webkit-transform:none;-ms-transform:none;transform:none}}.wobble{-webkit-animation-name:wobble;animation-name:wobble}@-webkit-keyframes bounceIn{0%,100%,20%,40%,60%,80%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}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)}100%{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes bounceIn{0%,100%,20%,40%,60%,80%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);-ms-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);-ms-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);-ms-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);-ms-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);-ms-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}100%{opacity:1;-webkit-transform:scale3d(1,1,1);-ms-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}.bounceIn{-webkit-animation-name:bounceIn;animation-name:bounceIn;-webkit-animation-duration:.75s;animation-duration:.75s}@-webkit-keyframes bounceInDown{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}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)}100%{-webkit-transform:none;transform:none}}@keyframes bounceInDown{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);-ms-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0);-ms-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}75%{-webkit-transform:translate3d(0,-10px,0);-ms-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}90%{-webkit-transform:translate3d(0,5px,0);-ms-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}100%{-webkit-transform:none;-ms-transform:none;transform:none}}.bounceInDown{-webkit-animation-name:bounceInDown;animation-name:bounceInDown}@-webkit-keyframes bounceInLeft{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}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)}100%{-webkit-transform:none;transform:none}}@keyframes bounceInLeft{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);-ms-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0);-ms-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}75%{-webkit-transform:translate3d(-10px,0,0);-ms-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);-ms-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}100%{-webkit-transform:none;-ms-transform:none;transform:none}}.bounceInLeft{-webkit-animation-name:bounceInLeft;animation-name:bounceInLeft}@-webkit-keyframes bounceInRight{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}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)}100%{-webkit-transform:none;transform:none}}@keyframes bounceInRight{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(3000px,0,0);-ms-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);-ms-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);-ms-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);-ms-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}100%{-webkit-transform:none;-ms-transform:none;transform:none}}.bounceInRight{-webkit-animation-name:bounceInRight;animation-name:bounceInRight}@-webkit-keyframes bounceInUp{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,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)}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes bounceInUp{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,3000px,0);-ms-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);-ms-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}75%{-webkit-transform:translate3d(0,10px,0);-ms-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}90%{-webkit-transform:translate3d(0,-5px,0);-ms-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}100%{-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.bounceInUp{-webkit-animation-name:bounceInUp;animation-name:bounceInUp}@-webkit-keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}100%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}@keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);-ms-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);-ms-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}100%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);-ms-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}.bounceOut{-webkit-animation-name:bounceOut;animation-name:bounceOut;-webkit-animation-duration:.75s;animation-duration:.75s}@-webkit-keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}100%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}@keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0);-ms-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0);-ms-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}100%{opacity:0;-webkit-transform:translate3d(0,2000px,0);-ms-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}.bounceOutDown{-webkit-animation-name:bounceOutDown;animation-name:bounceOutDown}@-webkit-keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}100%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}@keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0);-ms-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}100%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);-ms-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}.bounceOutLeft{-webkit-animation-name:bounceOutLeft;animation-name:bounceOutLeft}@-webkit-keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}100%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}@keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0);-ms-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}100%{opacity:0;-webkit-transform:translate3d(2000px,0,0);-ms-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}.bounceOutRight{-webkit-animation-name:bounceOutRight;animation-name:bounceOutRight}@-webkit-keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}100%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}@keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0);-ms-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0);-ms-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}100%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);-ms-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}.bounceOutUp{-webkit-animation-name:bounceOutUp;animation-name:bounceOutUp}@-webkit-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);-ms-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}}.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}@-webkit-keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);-ms-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}}.fadeInDownBig{-webkit-animation-name:fadeInDownBig;animation-name:fadeInDownBig}@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);-ms-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}}.fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}@-webkit-keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);-ms-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}}.fadeInLeftBig{-webkit-animation-name:fadeInLeftBig;animation-name:fadeInLeftBig}@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);-ms-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}}.fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}@-webkit-keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);-ms-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}}.fadeInRightBig{-webkit-animation-name:fadeInRightBig;animation-name:fadeInRightBig}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);-ms-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}}.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}@-webkit-keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);-ms-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}}.fadeInUpBig{-webkit-animation-name:fadeInUpBig;animation-name:fadeInUpBig}@-webkit-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeOutDown{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes fadeOutDown{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,100%,0);-ms-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}.fadeOutDown{-webkit-animation-name:fadeOutDown;animation-name:fadeOutDown}@-webkit-keyframes fadeOutDownBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}@keyframes fadeOutDownBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,2000px,0);-ms-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}.fadeOutDownBig{-webkit-animation-name:fadeOutDownBig;animation-name:fadeOutDownBig}@-webkit-keyframes fadeOutLeft{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes fadeOutLeft{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(-100%,0,0);-ms-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}.fadeOutLeft{-webkit-animation-name:fadeOutLeft;animation-name:fadeOutLeft}@-webkit-keyframes fadeOutLeftBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}@keyframes fadeOutLeftBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);-ms-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}.fadeOutLeftBig{-webkit-animation-name:fadeOutLeftBig;animation-name:fadeOutLeftBig}@-webkit-keyframes fadeOutRight{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes fadeOutRight{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(100%,0,0);-ms-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}.fadeOutRight{-webkit-animation-name:fadeOutRight;animation-name:fadeOutRight}@-webkit-keyframes fadeOutRightBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}@keyframes fadeOutRightBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(2000px,0,0);-ms-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}.fadeOutRightBig{-webkit-animation-name:fadeOutRightBig;animation-name:fadeOutRightBig}@-webkit-keyframes fadeOutUp{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes fadeOutUp{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,-100%,0);-ms-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}.fadeOutUp{-webkit-animation-name:fadeOutUp;animation-name:fadeOutUp}@-webkit-keyframes fadeOutUpBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}@keyframes fadeOutUpBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);-ms-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}.fadeOutUpBig{-webkit-animation-name:fadeOutUpBig;animation-name:fadeOutUpBig}@-webkit-keyframes flip{0%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-360deg);transform:perspective(400px) rotate3d(0,1,0,-360deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95);transform:perspective(400px) scale3d(.95,.95,.95);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}100%{-webkit-transform:perspective(400px);transform:perspective(400px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}@keyframes flip{0%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-360deg);-ms-transform:perspective(400px) rotate3d(0,1,0,-360deg);transform:perspective(400px) rotate3d(0,1,0,-360deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);-ms-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);-ms-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95);-ms-transform:perspective(400px) scale3d(.95,.95,.95);transform:perspective(400px) scale3d(.95,.95,.95);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}100%{-webkit-transform:perspective(400px);-ms-transform:perspective(400px);transform:perspective(400px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}.animated.flip{-webkit-backface-visibility:visible;-ms-backface-visibility:visible;backface-visibility:visible;-webkit-animation-name:flip;animation-name:flip}@-webkit-keyframes flipInX{0%{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);-webkit-transition-timing-function:ease-in;transition-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-transition-timing-function:ease-in;transition-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)}100%{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInX{0%{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);-ms-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);-ms-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(1,0,0,10deg);-ms-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);-ms-transform:perspective(400px) rotate3d(1,0,0,-5deg);transform:perspective(400px) rotate3d(1,0,0,-5deg)}100%{-webkit-transform:perspective(400px);-ms-transform:perspective(400px);transform:perspective(400px)}}.flipInX{-webkit-backface-visibility:visible!important;-ms-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInX;animation-name:flipInX}@-webkit-keyframes flipInY{0%{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-20deg);transform:perspective(400px) rotate3d(0,1,0,-20deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(0,1,0,10deg);transform:perspective(400px) rotate3d(0,1,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-5deg);transform:perspective(400px) rotate3d(0,1,0,-5deg)}100%{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInY{0%{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);-ms-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-20deg);-ms-transform:perspective(400px) rotate3d(0,1,0,-20deg);transform:perspective(400px) rotate3d(0,1,0,-20deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(0,1,0,10deg);-ms-transform:perspective(400px) rotate3d(0,1,0,10deg);transform:perspective(400px) rotate3d(0,1,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-5deg);-ms-transform:perspective(400px) rotate3d(0,1,0,-5deg);transform:perspective(400px) rotate3d(0,1,0,-5deg)}100%{-webkit-transform:perspective(400px);-ms-transform:perspective(400px);transform:perspective(400px)}}.flipInY{-webkit-backface-visibility:visible!important;-ms-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInY;animation-name:flipInY}@-webkit-keyframes flipOutX{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);opacity:1}100%{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);opacity:0}}@keyframes flipOutX{0%{-webkit-transform:perspective(400px);-ms-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);-ms-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);opacity:1}100%{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);-ms-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);opacity:0}}.flipOutX{-webkit-animation-name:flipOutX;animation-name:flipOutX;-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-backface-visibility:visible!important;-ms-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flipOutY{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-15deg);transform:perspective(400px) rotate3d(0,1,0,-15deg);opacity:1}100%{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);opacity:0}}@keyframes flipOutY{0%{-webkit-transform:perspective(400px);-ms-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-15deg);-ms-transform:perspective(400px) rotate3d(0,1,0,-15deg);transform:perspective(400px) rotate3d(0,1,0,-15deg);opacity:1}100%{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);-ms-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);opacity:0}}.flipOutY{-webkit-backface-visibility:visible!important;-ms-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipOutY;animation-name:flipOutY;-webkit-animation-duration:.75s;animation-duration:.75s}@-webkit-keyframes lightSpeedIn{0%{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);transform:skewX(20deg);opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg);opacity:1}100%{-webkit-transform:none;transform:none;opacity:1}}@keyframes lightSpeedIn{0%{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);-ms-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);-ms-transform:skewX(20deg);transform:skewX(20deg);opacity:1}80%{-webkit-transform:skewX(-5deg);-ms-transform:skewX(-5deg);transform:skewX(-5deg);opacity:1}100%{-webkit-transform:none;-ms-transform:none;transform:none;opacity:1}}.lightSpeedIn{-webkit-animation-name:lightSpeedIn;animation-name:lightSpeedIn;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@-webkit-keyframes lightSpeedOut{0%{opacity:1}100%{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}@keyframes lightSpeedOut{0%{opacity:1}100%{-webkit-transform:translate3d(100%,0,0) skewX(30deg);-ms-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}.lightSpeedOut{-webkit-animation-name:lightSpeedOut;animation-name:lightSpeedOut;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}@-webkit-keyframes rotateIn{0%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,-200deg);transform:rotate3d(0,0,1,-200deg);opacity:0}100%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateIn{0%{-webkit-transform-origin:center;-ms-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,-200deg);-ms-transform:rotate3d(0,0,1,-200deg);transform:rotate3d(0,0,1,-200deg);opacity:0}100%{-webkit-transform-origin:center;-ms-transform-origin:center;transform-origin:center;-webkit-transform:none;-ms-transform:none;transform:none;opacity:1}}.rotateIn{-webkit-animation-name:rotateIn;animation-name:rotateIn}@-webkit-keyframes rotateInDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInDownLeft{0%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);-ms-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}100%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;-ms-transform:none;transform:none;opacity:1}}.rotateInDownLeft{-webkit-animation-name:rotateInDownLeft;animation-name:rotateInDownLeft}@-webkit-keyframes rotateInDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInDownRight{0%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,45deg);-ms-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}100%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;-ms-transform:none;transform:none;opacity:1}}.rotateInDownRight{-webkit-animation-name:rotateInDownRight;animation-name:rotateInDownRight}@-webkit-keyframes rotateInUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInUpLeft{0%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);-ms-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}100%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;-ms-transform:none;transform:none;opacity:1}}.rotateInUpLeft{-webkit-animation-name:rotateInUpLeft;animation-name:rotateInUpLeft}@-webkit-keyframes rotateInUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-90deg);transform:rotate3d(0,0,1,-90deg);opacity:0}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInUpRight{0%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-90deg);-ms-transform:rotate3d(0,0,1,-90deg);transform:rotate3d(0,0,1,-90deg);opacity:0}100%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;-ms-transform:none;transform:none;opacity:1}}.rotateInUpRight{-webkit-animation-name:rotateInUpRight;animation-name:rotateInUpRight}@-webkit-keyframes rotateOut{0%{-webkit-transform-origin:center;transform-origin:center;opacity:1}100%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,200deg);transform:rotate3d(0,0,1,200deg);opacity:0}}@keyframes rotateOut{0%{-webkit-transform-origin:center;-ms-transform-origin:center;transform-origin:center;opacity:1}100%{-webkit-transform-origin:center;-ms-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,200deg);-ms-transform:rotate3d(0,0,1,200deg);transform:rotate3d(0,0,1,200deg);opacity:0}}.rotateOut{-webkit-animation-name:rotateOut;animation-name:rotateOut}@-webkit-keyframes rotateOutDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}}@keyframes rotateOutDownLeft{0%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;opacity:1}100%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);-ms-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}}.rotateOutDownLeft{-webkit-animation-name:rotateOutDownLeft;animation-name:rotateOutDownLeft}@-webkit-keyframes rotateOutDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}}@keyframes rotateOutDownRight{0%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;opacity:1}100%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-45deg);-ms-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}}.rotateOutDownRight{-webkit-animation-name:rotateOutDownRight;animation-name:rotateOutDownRight}@-webkit-keyframes rotateOutUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}}@keyframes rotateOutUpLeft{0%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;opacity:1}100%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);-ms-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}}.rotateOutUpLeft{-webkit-animation-name:rotateOutUpLeft;animation-name:rotateOutUpLeft}@-webkit-keyframes rotateOutUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,90deg);transform:rotate3d(0,0,1,90deg);opacity:0}}@keyframes rotateOutUpRight{0%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;opacity:1}100%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,90deg);-ms-transform:rotate3d(0,0,1,90deg);transform:rotate3d(0,0,1,90deg);opacity:0}}.rotateOutUpRight{-webkit-animation-name:rotateOutUpRight;animation-name:rotateOutUpRight}@-webkit-keyframes hinge{0%{-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate3d(0,0,1,80deg);transform:rotate3d(0,0,1,80deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}40%,80%{-webkit-transform:rotate3d(0,0,1,60deg);transform:rotate3d(0,0,1,60deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}100%{-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}}@keyframes hinge{0%{-webkit-transform-origin:top left;-ms-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate3d(0,0,1,80deg);-ms-transform:rotate3d(0,0,1,80deg);transform:rotate3d(0,0,1,80deg);-webkit-transform-origin:top left;-ms-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}40%,80%{-webkit-transform:rotate3d(0,0,1,60deg);-ms-transform:rotate3d(0,0,1,60deg);transform:rotate3d(0,0,1,60deg);-webkit-transform-origin:top left;-ms-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}100%{-webkit-transform:translate3d(0,700px,0);-ms-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}}.hinge{-webkit-animation-name:hinge;animation-name:hinge}@-webkit-keyframes rollIn{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes rollIn{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);-ms-transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg)}100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}}.rollIn{-webkit-animation-name:rollIn;animation-name:rollIn}@-webkit-keyframes rollOut{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg);transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg)}}@keyframes rollOut{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg);-ms-transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg);transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg)}}.rollOut{-webkit-animation-name:rollOut;animation-name:rollOut}@-webkit-keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);-ms-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}.zoomIn{-webkit-animation-name:zoomIn;animation-name:zoomIn}@-webkit-keyframes zoomInDown{0%{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.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}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,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}@keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-ms-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.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-ms-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,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}.zoomInDown{-webkit-animation-name:zoomInDown;animation-name:zoomInDown}@-webkit-keyframes zoomInLeft{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}@keyframes zoomInLeft{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-ms-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-ms-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}.zoomInLeft{-webkit-animation-name:zoomInLeft;animation-name:zoomInLeft}@-webkit-keyframes zoomInRight{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}@keyframes zoomInRight{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-ms-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-ms-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}.zoomInRight{-webkit-animation-name:zoomInRight;animation-name:zoomInRight}@-webkit-keyframes zoomInUp{0%{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.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}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,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}@keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-ms-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.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-ms-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,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}.zoomInUp{-webkit-animation-name:zoomInUp;animation-name:zoomInUp}@-webkit-keyframes zoomOut{0%{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}100%{opacity:0}}@keyframes zoomOut{0%{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);-ms-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}100%{opacity:0}}.zoomOut{-webkit-animation-name:zoomOut;animation-name:zoomOut}@-webkit-keyframes zoomOutDown{40%{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.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}100%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}@keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-ms-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.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}100%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-ms-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-transform-origin:center bottom;-ms-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}.zoomOutDown{-webkit-animation-name:zoomOutDown;animation-name:zoomOutDown}@-webkit-keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}100%{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0);-webkit-transform-origin:left center;transform-origin:left center}}@keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);-ms-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}100%{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);-ms-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0);-webkit-transform-origin:left center;-ms-transform-origin:left center;transform-origin:left center}}.zoomOutLeft{-webkit-animation-name:zoomOutLeft;animation-name:zoomOutLeft}@-webkit-keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}100%{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0);-webkit-transform-origin:right center;transform-origin:right center}}@keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);-ms-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}100%{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);-ms-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0);-webkit-transform-origin:right center;-ms-transform-origin:right center;transform-origin:right center}}.zoomOutRight{-webkit-animation-name:zoomOutRight;animation-name:zoomOutRight}@-webkit-keyframes zoomOutUp{40%{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.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}100%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}@keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-ms-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.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}100%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-ms-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-transform-origin:center bottom;-ms-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}.zoomOutUp{-webkit-animation-name:zoomOutUp;animation-name:zoomOutUp}@-webkit-keyframes slideInDown{0%{-webkit-transform:translateY(-100%);transform:translateY(-100%);visibility:visible}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slideInDown{0%{-webkit-transform:translateY(-100%);-ms-transform:translateY(-100%);transform:translateY(-100%);visibility:visible}100%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.slideInDown{-webkit-animation-name:slideInDown;animation-name:slideInDown}@-webkit-keyframes slideInLeft{0%{-webkit-transform:translateX(-100%);transform:translateX(-100%);visibility:visible}100%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slideInLeft{0%{-webkit-transform:translateX(-100%);-ms-transform:translateX(-100%);transform:translateX(-100%);visibility:visible}100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}.slideInLeft{-webkit-animation-name:slideInLeft;animation-name:slideInLeft}@-webkit-keyframes slideInRight{0%{-webkit-transform:translateX(100%);transform:translateX(100%);visibility:visible}100%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slideInRight{0%{-webkit-transform:translateX(100%);-ms-transform:translateX(100%);transform:translateX(100%);visibility:visible}100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}.slideInRight{-webkit-animation-name:slideInRight;animation-name:slideInRight}@-webkit-keyframes slideInUp{0%{-webkit-transform:translateY(100%);transform:translateY(100%);visibility:visible}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slideInUp{0%{-webkit-transform:translateY(100%);-ms-transform:translateY(100%);transform:translateY(100%);visibility:visible}100%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.slideInUp{-webkit-animation-name:slideInUp;animation-name:slideInUp}@-webkit-keyframes slideOutDown{0%{-webkit-transform:translateY(0);transform:translateY(0)}100%{visibility:hidden;-webkit-transform:translateY(100%);transform:translateY(100%)}}@keyframes slideOutDown{0%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}100%{visibility:hidden;-webkit-transform:translateY(100%);-ms-transform:translateY(100%);transform:translateY(100%)}}.slideOutDown{-webkit-animation-name:slideOutDown;animation-name:slideOutDown}@-webkit-keyframes slideOutLeft{0%{-webkit-transform:translateX(0);transform:translateX(0)}100%{visibility:hidden;-webkit-transform:translateX(-100%);transform:translateX(-100%)}}@keyframes slideOutLeft{0%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}100%{visibility:hidden;-webkit-transform:translateX(-100%);-ms-transform:translateX(-100%);transform:translateX(-100%)}}.slideOutLeft{-webkit-animation-name:slideOutLeft;animation-name:slideOutLeft}@-webkit-keyframes slideOutRight{0%{-webkit-transform:translateX(0);transform:translateX(0)}100%{visibility:hidden;-webkit-transform:translateX(100%);transform:translateX(100%)}}@keyframes slideOutRight{0%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}100%{visibility:hidden;-webkit-transform:translateX(100%);-ms-transform:translateX(100%);transform:translateX(100%)}}.slideOutRight{-webkit-animation-name:slideOutRight;animation-name:slideOutRight}@-webkit-keyframes slideOutUp{0%{-webkit-transform:translateY(0);transform:translateY(0)}100%{visibility:hidden;-webkit-transform:translateY(-100%);transform:translateY(-100%)}}@keyframes slideOutUp{0%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}100%{visibility:hidden;-webkit-transform:translateY(-100%);-ms-transform:translateY(-100%);transform:translateY(-100%)}}.slideOutUp{-webkit-animation-name:slideOutUp;animation-name:slideOutUp} .wrapper{ max-width: 640px; margin: 0 auto; } .weui-toptips_warn { background-color: #E64340; } .weui-toptips { display: none; position: fixed; -webkit-transform: translateZ(0); transform: translateZ(0); top: 0; left: 0; right: 0; padding: 6px; font-size: 15px; text-align: center; color: #FFF; z-index: 5000; word-wrap: break-word; word-break: break-all; /*增加的*/ max-width: 628px; margin: 0 auto; } .weui-mask{ position: fixed; z-index: 1000; top: 0; right: 0; left: 0; bottom: 0; /*background: rgba(0,0,0,.8);*/ max-width: 640px; margin: 0 auto; } .swiper-pagination-bullet{ background: #fff; opacity: 0.8; } .swiper-pagination-bullet-active{ background: #3350a9; opacity: 1; } /*index首页*/ /*大良简介*/ .dlIntroduction{ padding: 60px 16px 14px 16px; } .introductionTitle{ text-align: center; font-size: 18px; font-weight: bold; padding: 10px 0; } .dlIntroduction p{ font-size: 15px; text-indent: 28px; color: #474747; } .dlIntroduction img{ width: 100%!important; display: block; border-radius: 10px; margin: 16px auto; } .am-drawer-content, .am-drawer-overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .am-drawer-overlay { z-index: 1; opacity: 0; visibility: hidden; -webkit-transition: opacity .5s ease-out; transition: opacity .5s ease-out; background-color: rgba(0,0,0,.4); } /*.swiper-container{ margin-top: 50px; }*/ .swiper-slide img{ width: 100%; display: block; } .inforList01 p{ text-align: left; font-size: 12px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .bannerBtn{ position: relative; } .ticketBtnCon{ width: 19%!important; position: absolute; top: 18px; right: 12px; z-index: 10; -webkit-animation: ticketBtnCon 2s linear infinite; } .ticketBtnCon img{ -webkit-animation: ticketBtn 3s linear infinite alternate; } @-webkit-keyframes ticketBtn { 0%{ transform:scale(1); } 50%{ transform:scale(0.95); } 100%{ transform:scale(1); } } @-webkit-keyframes ticketBtnCon { 0%{ -webkit-transform: translate(2px, 2px); /*transform:scale(1);*/ } 30%{ -webkit-transform: translate(0, 0); /*transform:scale(0.95);*/ } 60%{ -webkit-transform: translate(-2px, -2px); /*transform:scale(0.95);*/ } 100%{ -webkit-transform: translate(2px, 2px); /*transform:scale(1);*/ } } .ticketBtn{width: 100%;} /*showList*/ .showList{ margin: 0 auto; /*padding: 12px 20px 26px 20px;*/ padding: 0 16px 10px 16px; box-sizing: border-box; -webkit-box-sizing: border-box; width: 100%; background: #fff; margin-top: -15px; } .showList img{ width: 100%; } .swiper-container2 img{ width: 100%; } .guang{ position: absolute; top: 0; left: 0; z-index: 1; -webkit-animation: digit 2s linear infinite 1s; } @-webkit-keyframes digit { 0%{ opacity: 0; transform:scale(1); } 50%{ opacity: 1; transform:scale(0.85); } 100%{ opacity: 0; transform:scale(1.1); } } .showListBg1Text{ position: absolute; top: 0; left: 0; z-index: 2; } .showListA ,.showListB,.showListC,.showListD,.showListE{ margin-top: 12px; display: -webkit-flex; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-around; align-items: center; align-content: center; } .showListA div,.showListB div,.showListC div,.showListD div,.showListE div{ position: relative; flex:1; } /*.showListC{ padding-bottom: 20px; }*/ .showListD2{ padding-right: 8px; } .showListE1{ padding-right: 8px; } .showListA1,.showListB1,.showListC1{ padding-right: 12px; } .showListAText1{ width: 100%; position: absolute; top: 50%; margin-top: -12px; font-size: 16px; font-weight: bold; color: #fff; text-align: center; } .showListBText1{ width: 88.5%; } .showListCText1{ position: absolute; top: 0; font-size: 16px; font-weight: bold; color: #fff; padding: 12px 0 0 18px; } .showListC1{ position: relative; } .showListC1 span,.showListC2 span{ color: #3350a9; position: absolute; bottom: 9px; left: 16px; font-size: 10px; background: #fff; padding: 2px 6px; display: inline-block; border-radius: 5px; } .showListA1{ animation-delay: 0.2s; -webkit-animation-delay: 0.2s; } .showListA2{ animation-delay: 0.4s; -webkit-animation-delay: 0.4s; } .showListB1{ animation-delay: 0.6s; -webkit-animation-delay: 0.6s; } .showListB2{ animation-delay: 0.8s; -webkit-animation-delay: 0.8s; } .showListC1{ animation-delay: 1s; -webkit-animation-delay: 1s; } .showListC2{ animation-delay: 1.2s; -webkit-animation-delay: 1.2s; } .showListA1 img{ -webkit-animation: showMove 1s linear; animation-delay: 0.2s; -webkit-animation-delay: 0.2s; } .showListA2 img{ -webkit-animation: showMove 1s linear; animation-delay: 0.4s; -webkit-animation-delay: 0.4s; } .showListB1 img{ -webkit-animation: showMove 1s linear; animation-delay: 0.6s; -webkit-animation-delay: 0.6s; } .showListB2 img{ -webkit-animation: showMove 1s linear; animation-delay: 0.8s; -webkit-animation-delay: 0.8s; } .showListC1 img{ -webkit-animation: showMove 1s linear; animation-delay: 1s; -webkit-animation-delay: 1s; } .showListC2 img{ -webkit-animation: showMove 1s linear; animation-delay: 1.2s; -webkit-animation-delay: 1.2s; } @-webkit-keyframes showMove { 0% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } 50% { opacity: 1; } } .showListP1{ -webkit-animation: showListP1 1.5s linear; } @-webkit-keyframes showListP1 { 0%{ transform:scale(1); } 50%{ transform:scale(0.9); } 100%{ transform:scale(1); } } /*最新资讯的页面*/ .weui-panel__ft{ border-bottom: 1px solid #cacaca; } .swiper-container2{ margin-top: 0; padding: 10px 0; } .swiper-container3{ margin-top: 0; padding: 20px 0; } .latestNews{ color: #000; font-weight: bold; font-size: 15px; } .latestNews span{ display: inline-block; width: 2px; height: 18px; padding-left: 4px; vertical-align: text-bottom; } .weui-cell__ft{ color: #569cee; } .weui-cell_access .weui-cell__ft:after{ border-color: #569cee; } .weui-cell2{ padding: 10px 6px; } /*footer底部*/ .footerCon{ border-top: 1px solid #cacaca; padding: 20px 0 10px 0; background: #f3f3f3; } .contactUs{ font-size: 15px; color: #858585; font-weight: bold; /*border-left: 4px solid #3350a9;*/ margin: 0 14px; } .contactUs span{ display: inline-block; width: 2px; height: 18px; padding-left: 4px; vertical-align: text-bottom; } .contactList{ margin-top: 16px; display: -webkit-flex; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-around; align-items: center; align-content: center; margin: 20px 14px 0 14px; } .contactList li div{ line-height: 1.3; } .contactListA,.contactListB,.contactListC{ position: relative; flex:1; font-size: 12px; text-align: center; background: #dadada; height: 40px; color: #767676; display: flex; flex-direction: column; justify-content: center; border-top-left-radius: 10px; border-top-right-radius: 10px; padding: 6px 4px; } .contactListB{ margin: 0 3px; } .onStyle{ background: #2a7cc8!important; color: #fff!important; } .onStyle a{ color: #fff; text-decoration: none; } .contactListTitle{ text-align: center; padding: 8px 0; font-size: 13px; margin: 10px 14px 0 14px; border-radius: 4px; } .contactDetails{ margin: 0 14px; background: #fff; padding: 6px 8px 12px 8px; } .contactDetailsList{ font-size: 12px; } .contactDetailsList li{ margin-top: 10px; } .contactPhone,.contactMail,.contactAddress{ color: #858585; margin-top: 4px; } /*底部*/ .footerLeft{ float: left; display: inline-block; margin: 26px 0 0 8%; } .footerText{ font-size: 14px; display: inline-block; color: #858585; font-weight: bold; text-align: center; } .footerLookBtn{ margin-top: 10px; background: #2a7cc8; padding: 6px 12px; border-radius: 4px; text-align: center; font-size: 15px; color: #fff; } .footerCode{ float: right; display: inline-block; width: 110px; margin: 14px 8% 14px 0; } .code{ width: 100%; } /*公共底部*/ .footer{ max-width: 640px; width: 100%; margin: 0 auto; background: #f3f3f3; /*border-top: 1px solid #cacaca;*/ /*bottom: 0; position: fixed; z-index: 999;*/ } .friendUs{ font-size: 15px; color: #858585; font-weight: bold; /*border-left: 4px solid #3350a9;*/ /*margin: 0 14px;*/ padding-bottom: 10px; } .friendUs span{ display: inline-block; width: 2px; height: 18px; padding-left: 4px; vertical-align: text-bottom; } .friendShipLink{ margin: 0 auto; padding: 0 14px 18px 14px; font-size: 12px; color: #454545; /*font-weight: bold;*/ } .friendLink{ color: #2989eb; font-size: 14px; } /*最新资讯轮播图*/ .swiper-slide2{ text-align: center; font-size: 18px; /*margin-right: 15px!important;*/ background: #fff; /* Center slide text vertically */ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; /*width: 30.3%!important;*/ } .friendShipLink a{ padding: 6px 0; border-radius: 4px; text-align: center; display: block; font-size: 11px; background: #2989eb; color: #fff; } .a_two{ margin-left: 4px; } .contactName{ font-size: 15px; } /*会客厅*/ .parlorBanner{ position: relative; margin-top: 50px; } .parlorBanner > img{ width: 100%; display: block; } .parlorTitle{ position: absolute; top: 50%; margin-top: -12px; width: 100%; font-size: 18px; color: #fff; font-weight: bold; text-align: center; } .parlorNav{ padding: 0 20px; margin-top: 24px; } .parlorNavA,.parlorNavB{ display: inline-block; background: #d2d2d2; color: #919090; font-weight: bold; padding: 6px 20px; font-size: 15px; border-top-left-radius: 10px; border-top-right-radius: 10px; } /*.parlorNavOn{ background: #2a7cc8; color: #fff; }*/ .investMessage,.leavingMessage{ padding: 0 20px; margin: 0 auto; margin-bottom: 16px; } .investMessage .weui-cells,.leavingMessage .weui-cells{ padding: 0 16px 0 4px; margin-top: 0; border-radius: 10px; } /*.userTop{ padding-top: 30px; }*/ .weui-input{ width: 93%; border: 1px solid #dcdcdc; font-size: 15px; padding: 4px 10px; background: none; color: #000; vertical-align: middle; border-radius: 10px; } .votesText{ } .investMessage,.leavingMessage > .weui-cells:before,.weui-cells:after,.weui-cell:before{ border: none; } .userStyle{ color: #474747; font-size: 16px; } .textareaA,.textareaB{ height: auto; font-size: 15px; } ::-webkit-input-placeholder{ font-size: 15px; color: #a9a9a9; } .submitBtn{ margin: 0 auto; margin-top: 10px; background: #2a7cc8; padding: 6px 58px; border-radius: 4px; text-align: center; font-size: 17px; color: #fff; display: inline-block; margin-bottom: 20px; } .ticketImg,.noTickets{ width: 100%; } .weui-dialog{ width: 90%; max-width: 320px; background: none; } .js_dialog{display: none;} .ticketConText{ position: absolute; top: 61%; left: 20px; padding-left: 0; text-align: left; color: #420c74; font-weight: bold; font-size: 14px; width: 88%; } .ticketTime,.ticketAddress{ padding-left: 32px; } .ticketClick{ width: 33%; margin: 10px auto; display: block; } .closeBtnT{ /*margin-top: 10px;*/ } .successConTextA{ font-size: 20px; margin-bottom: 10px; font-weight: bold; } /*抢票填写信息*/ .ticketMessageCon{ position: relative; background: #fff; padding: 20px 20px 10px 20px; border-radius: 30px; margin: 0 auto; } .userStyle{ color: #000; font-weight: bold; } .votesText{ font-size: 13px; text-align: center; color: #787878; } .voteNowBtn{ width: 35%; margin: 10px auto; display: block; } .votesAddress{ font-size: 13px; text-align: center; color: #787878; } /*文章列表展示articleShow*/ .wrapperNew{ background: #f5f5f5; } .newsListCon{ padding: 62px 24px 0 24px; display: -webkit-flex; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-around; align-items: center; align-content: center; } .newsListCon li{ position: relative; flex:1; } /*.newsListA1{padding-left: 14px;}*/ .newsListA2{ padding: 0 30px; } .newsListCon img{ width: 64%; display: block; margin: 0 auto; } .newsList{ /*margin-top: 80px;*/ padding: 20px 10px; padding-top: 24px; } .newsList li{ background: #fff; padding: 10px 12px; font-size: 15px; font-weight: bold; color: #959494; margin-bottom: 14px; border-radius: 10px; } .newsAtlas{ font-size: 15px; padding: 10px 20px 14px 20px; margin-top: 10px; } .newsAtlas li{ background: #fff; margin-bottom: 10px; padding: 10px; border-radius: 14px; } .newsAtlas>p{ font-size: 14px; text-indent:28px; color: #474747; } .newsAtlasPic{ width: 100%; margin: 6px auto; border-radius: 10px; } .newsAtlasTime{ font-size: 14px; color: #6b93ed; } /*赛况直击*/ .newsCombat,.newsMedia{ /*margin-top: 80px;*/ padding: 10px 20px 14px 20px; margin-top: 10px; font-size: 15px; } .newsCombat li,.newsMedia li{ background: #fff; padding: 10px 12px; font-size: 15px; font-weight: bold; color: #959494; margin-bottom: 14px; border-radius: 10px; } .newsCombatTitle{ color: #3f3f3f; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } .newsCombatTitle2{ font-weight: bold; color: #3f3f3f; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } .newsCombatTime{ padding-top: 4px; font-size: 12px; color: #6b93ed; font-weight: normal; } .newsCombatPic{ width: 100%; margin: 0 auto; border-radius: 10px; margin-bottom: 10px; } /*项目介绍*/ .porjectCon{ font-size: 13px; padding: 70px 20px 14px 20px; } .porjectCon li{ position: relative; background: #fff; padding: 14px; border-radius: 10px; margin-bottom: 22px; } .porjectCon li a{ color: #000; } .porjectListLeft1,.porjectListLeft2,.porjectListLeft3,.porjectListLeft4,.porjectListLeft5,.porjectListLeft6,.porjectListLeft7{ width: 16px; background: #5fc6a4; height: 100%; position: absolute; left: 0; top: 0; border-top-left-radius: 10px; border-bottom-left-radius: 10px; } .porjectText1{ padding-left: 14px; font-size: 18px; font-weight: bold; } .porjectText1 span{ font-size: 14px; font-weight: normal; } .projectPlay1{ position: absolute; right: 20px; top: 15px; width: 27px; } .porjectListLeft2{ background: #68b775; } .porjectListLeft3{ background: #a3de91; } .porjectListLeft4{ background: #99c363; } .porjectListLeft5{ background: #5fc6a4; } .porjectListLeft6{ background: #68b775; } .porjectListLeft7{ background: #a3de91; } .container { padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; } .articleFooter{ margin: 20px 0; } .articleFooter ul li { display: inline; } .articleFooter ul li a { font-size: 17px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; display: inline-block; position: relative; padding: 2px 10px; margin-left: -1px; line-height: 1.42857143; color: #000; text-decoration: none; font-weight: bold; /*background-color: #fff; border: 1px solid #ddd;*/ } .articleFooter ul li .articleOn{ /*background-color: #3350a9 !important; color: #fff !important;*/ border-radius: 50%; } .switchBoxLeft{margin-right: 15px;} .switchBoxRight{margin-left: 15px!important;} .backTop{ max-width: 640px; width: 100%; margin: 0 auto; position: fixed; /*right: 0;*/ bottom: 10px; z-index: 1000; cursor: pointer; } .backTop img{ width: 46px; height: 46px; position: absolute; right: 10px; bottom: 10px; } .weui-media-box_news{ padding: 4px 0; } .weui-media-box_appmsg .weui-media-box__hd{ width: 120px; height: 73px; margin-left: 0.6rem; } .weui-media-box_appmsg .weui-media-box__hd{ margin-right: 0.2rem; } .weui-media-box_appmsg .weui-media-box__thumb{ border-radius: 10px; } /*threeDetails第三层级*/ .threeDetails{ /*margin: 50px 0 10px 0;*/ padding: 60px 20px 20px 20px; /*background: #fff;*/ } .layerGrade{ /*width: 100%;*/ text-align: left; font-size: 14px; color: #959494; padding-top: 6px; white-space: nowrap; text-overflow: ellipsis; -o-text-overflow: ellipsis; overflow: hidden; padding-bottom: 6px; } .layerGradestyle{ padding: 14px 0 0 16px; } .layerGradestyle2{ padding: 14px 0 10px 16px; } .threeDetailsTitleCon{ border-bottom: 1px solid #bfbfbf; padding: 4px 0; } /*.detailsFoot{ text-align: left; padding-top: 10px; border-top:1px solid #b8b8b8; color: #000; }*/ .detailsFoot span{ padding: 6px 0; border-radius: 20px; } .detailsFootAdd{ color: #7e7e7f!important; } .upText,.downText{ color: #3eb9dc; } .tdList video{width: 100%!important;} .edui-upload-video{width: 100%!important; } /*.tdList p{ margin-bottom: 15px; }*/ .tdList img{ width: 100%!important; display: block; border-radius: 10px; margin: 16px auto; } .tdList span{ font-size: 15px!important; } .tdTime{ text-align: left; width: 50%; display: inline-block; font-size: 14px; color: #a4a4a4; } .tdSource{ text-align: right; width: 50%; display: inline-block; font-size: 13px; color: #474747; } .threeDetailsPic{ width: 100%; margin: 20px auto; border-radius: 10px; } .threeDetailsName{ color: #474747; font-weight: bold; font-size: 14px; font-size: 12px; margin-top: 10px; } .linkes{ margin-top: 15px; } .linkes a{ margin-left: 60px; margin-top: -24px; display: block; } /*重点项目*/ .keyBanner{ position: relative; margin-top: 50px; } .keyBanner > img{ width: 100%; display: block; } .keyTitle{ position: absolute; top: 50%; margin-top: -12px; width: 100%; font-size: 18px; color: #fff; font-weight: bold; text-align: center; } .row{ margin-top: 15px; margin-right: 0; margin-bottom: 10px; } .col-12{ padding-right: 0; } /*.btn-self{ background: #2a7cc8; color: #fff; }*/ .input-group{ padding: 0 10px; } .searchBtn img{ width: 100%; } .keyList{ margin-bottom: 0; padding: 0 10px 10px 10px; } .keyList li{ background: #fff; padding: 8px 16px; margin-bottom: 10px; border-radius: 5px; } .keyList li a{ text-decoration:none; } .keyList2{ margin-bottom: 0; padding: 0 10px 10px 10px; } .keyList2 li{ background: #fff; padding: 8px 16px; margin-bottom: 10px; border-radius: 5px; } .keyList2 li a{ text-decoration:none; } .keyIcons{ width: 4.5%; } .keyLiTop{ padding: 10px 0; border-bottom: 1px solid #d2d2d2; } .keyDetailsBtn{ display: inline-block; background: #2a7cc8; padding: 4px 20px; color: #fff; float: right; border-radius: 4px; } .keyListTitle{ font-size: 14px; color: #2a7cc8; font-weight: bold; vertical-align: middle; width: 66%; display: inline-block; white-space: nowrap; text-overflow: ellipsis; -o-text-overflow: ellipsis; overflow: hidden; } .keyLiP{ color: #000; font-weight: bold; font-size: 14px; margin: 2px 0 0 0; } .keyLiP1{ margin-top: 6px; } .keyLiP span{ color: #5f5f5f; font-size: 13px; width: 69%; display: inline-block; vertical-align: text-top; } /*启动项目一览*/ .startBanner{ position: relative; margin-top: 50px; } .startBanner > img{ width: 100%; display: block; } .startTitle{ position: absolute; top: 50%; margin-top: -12px; width: 100%; font-size: 18px; color: #fff; font-weight: bold; text-align: center; } .startDetailsCon{ padding: 10px 16px 2px 16px; background: #fff; } .startDetailsCon img{ width: 100%; margin: 14px 0; display: block; } .startDetailsCon p{ font-size: 14px; color: #474747; text-indent: 28px; } .startTitleTable{ padding: 14px 0 0 0; font-size: 16px; font-weight: bold; background: #fff; text-align: center; } .startNavList{ /*display: -webkit-flex; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-around; align-items: center; align-content: center;*/ padding: 20px 20px 30px 20px; background: #fff; } .startNavListOne,.startNavListTwo{ display: -webkit-flex; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-around; align-items: center; align-content: center; margin: 4px 0; } .startNavListA,.startNavListB,.startNavListC,.startNavListD,.startNavListE, .startNavList01,.startNavList02,.startNavList03,.startNavList04,.startNavList05 { position: relative; flex: 1; font-size: 15px; text-align: center; background: #dadada; /* height: 40px; */ color: #767676; display: flex; flex-direction: column; justify-content: center; border-radius: 6px; padding: 4px 10px; } .startNavListB,.startNavListD,.startNavList02,.startNavList04{ margin: 0 3px; } .startList{ margin: 16px 20px 18px 20px; } .startList li{ background: #fff; padding: 12px; font-size: 15px; font-weight: bold; color: #959494; margin-bottom: 10px; } .startListPic{ padding: 10px 0; } .startListPic img{ width: 100%; } .startListPic2{ padding: 10px 0; } .startListPic2 img{ width: 100%; } .bigClose{ position: fixed; right: 0; bottom: 0; left: 0; background-color: #0D0D0D; color: #FFFFFF; line-height: 90px; z-index: 10; text-align: center; } .bigClose img{ width: 30px; display: block; margin: 8px auto; } /*政策红利*/ .policyList{ padding: 10px 12px 0 12px; margin: 10px 0 18px 0; } .policyVideoText{ font-size: 16px; font-weight: bold; color: #000; text-align: center; background: #fff; padding: 16px 0 10px 0; } .policyList li{ padding: 14px 16px; margin-bottom: 10px; background: #fff; border-radius: 4px; } .p1 { width: 100%; } .playBtn{ position: absolute; left: 50%; margin-left: -30px; top: 50%; margin-top: -30px; } .policyVideo{ position: relative; } /*video*/ .vloading{display: none; position: absolute; left: 50%; top: 50%; margin-left: -36px; margin-top: -38px; z-index: 3; -webkit-animation: roll 5s linear infinite; animation: roll 5s linear infinite; } @-webkit-keyframes roll { from { -webkit-transform: none; transform: none; } to { -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg); } } @keyframes roll { from { -webkit-transform: none; transform: none; } to { -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg); } } /*.skip { width: 140px; height: 60px; background: url(../img2/skip.png) no-repeat center / cover; position: fixed; top: 40px; right: 25px; display: none; z-index: 3; }*/ .video-container{ /*position: fixed; display: none; top: 0; left: 0; width: 100%; height: 100%; z-index: 9999; max-width: 640px;*/ position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: none; z-index: 10; background: #000; } /*#video { position: absolute; height: 360px; width: 100%; left: 0px; top: 50%; margin-top: -180px; }*/ .policyTitle{ width: 100%; text-align: center; color: #000; font-weight: bold; font-size: 20px; margin: 20px 0; } .policyTitleLine{ width: 60px; height: 4px; margin: 4px auto; display: block; } .policyText{ width: 90%; margin: 0 auto; color: #000; font-weight: bold; font-size: 15px; text-align: center; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .policyLiPic{ width: 100%; margin: 0 auto; border-radius: 10px; margin-bottom: 10px; } /*projectDetails第三层级(在建项目和招商项目)*/ .projectDetails{ margin: 50px 0 10px 0; padding: 0 20px 20px 20px; background: #fff; } .layerProject{ width: 100%; text-align: left; font-size: 14px; color: #959494; padding-top: 6px; white-space: nowrap; text-overflow: ellipsis; -o-text-overflow: ellipsis; overflow: hidden; } .projectDetailsTitleCon{ border-bottom: 1px solid #cac9c9; padding: 4px 0; } .projectDetailsTitle{ width: 100%; text-align: left; color: #474747; font-weight: bold; font-size: 20px; line-height: 1.4; margin-top: 10px; padding: 0 0 10px 0; } .pdTime{ color: #b2b1b1; font-size: 14px; margin-top: 4px; } .pdList>li>p{ font-size: 14px; text-indent:28px; color: #474747; } .projectDetailsPic{ width: 100%; margin: 20px auto; border-radius: 10px; } .projectDetailsName{ color: #474747; font-weight: bold; font-size: 14px; font-size: 12px; margin-top: 10px; } .projectTitle{ margin: 10px auto; padding-bottom: 10px; border-bottom: 1px solid #c8c8c8; } .projectTitle span{ margin-left: 10px; font-size: 15px; font-weight: bold; vertical-align: middle; } .projectTitle2{ margin: 10px auto; padding-bottom: 10px; border-bottom: 1px solid #c8c8c8; } .projectTitle2 span{ margin-left: 10px; font-size: 15px; font-weight: bold; vertical-align: middle; } .projectIcons1{ width: 30px; } .projectIcons2{ width: 30px; } .projectTextB img{ width: 100%; display: block; } .projectTextA p,.projectTextB p{ font-size: 14px; text-indent: 28px; } .projectTextPic{ width: 100%; margin: 6px auto; border-radius: 4px; } .projectTPicT{ width: 100%; color: #000; text-align: center; } .tableList{ margin: 20px 0; display: table; width: 100%; } .tableList li{ /*position: relative;*/ display: table-row; /*border: 1px solid #707070;*/ } .tableLiLeft{ width: 86px; display: table-cell; vertical-align: middle; /*display: inline-block;*/ font-size: 13px; padding: 10px; border: 1px solid #707070; } .tableLiLeft1{ width: 100px; } .smallIcons{ width: 14px; } .tableLocal,.tableListArea,.tableListReform,.tableListLand,.tableListIndustry,.tableListPhone{ vertical-align: middle; } .tableLocalText,.tableReformText,.tableLandText,.tablePhoneText{ /*white-space: nowrap;*/ text-overflow: ellipsis; -o-text-overflow: ellipsis; overflow: hidden; } .tableText{ /*position: absolute; top: -5px; left: 100px;*/ display: table-cell; font-size: 14px; /*width: 65%;*/ text-align: left; padding: 10px; line-height: 1.4; /*height: 40px; margin-top: 5px;*/ border: 1px #707070 solid; vertical-align: middle; /* display: flex; */ /* align-items: center; */ /*display: flex;*/ /*flex-direction: column; justify-content: center; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical;*/ } .watermark_container{display: block!important;} /*聚焦村改-two*/ .reformBanner{ position: relative; margin-top: 50px; } .reformBanner > img{ width: 100%; display: block; } .reforList{ /*-webkit-display: flex; display: flex; */ padding: 20px 40px 0 40px; } .reforListLi1{ margin-bottom: 15px; } .reforListPic{ margin: 0 18.5%; } .reforList li img{ width: 20%; /*width: 100%;*/ /*display: block;*/ } .weui-grids{ padding: 10px; } .weui-grids:after, .weui-grids:before { border: 0; } .weui-grid:after, .weui-grid:before { border: 0; } .weui-grid__icon { width: 60px; height: 60px; } .weui-grid { padding: 10px; } .weui-grid__icon+.weui-grid__label { margin-bottom: 0px; } .swiper-button-next, .swiper-button-prev{ height: 30px; margin-top: -34px; } /*2019.5.7*/ .keyNavList{ display: -webkit-flex; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-around; align-items: center; align-content: center; margin: 20px; } .keyNavListB{ margin-right: 5px; } .keyNavListB{ margin-left: 5px; } .keyNavListA,.keyNavListB{ position: relative; flex: 1; font-size: 15px; text-align: center; background: #dadada; /* height: 40px; */ color: #767676; display: flex; flex-direction: column; justify-content: center; border-radius: 6px; padding: 4px 10px; } .readerList{ display: -webkit-flex; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-around; align-items: center; align-content: center; margin: 20px; } .zcReader{ margin-right: 5px; } .zcAnswer{ margin-left: 5px; } .zcReader,.zcAnswer{ position: relative; flex: 1; font-size: 15px; text-align: center; background: #dadada; /* height: 40px; */ color: #767676; display: flex; flex-direction: column; justify-content: center; border-radius: 6px; padding: 4px 10px; } .zcReaderText,.zcAnswerText{ margin: 16px 20px 18px 20px; } .zcReaderText li,.zcAnswerText li{ background: #fff; padding: 12px; font-size: 15px; font-weight: bold; color: #959494; margin-bottom: 10px; } .zcListTitle{ color: #000; } .zcListTime{ font-size: 14px; color: #959494; } .zcListPic{ width: 100%; margin: 0 auto; border-radius: 10px; margin-bottom: 10px; } /*赛事服务*/ .eventList{ margin: 0 auto; padding: 60px 16px 0 16px; box-sizing: border-box; -webkit-box-sizing: border-box; width: 100%; background: #fff; } .eventList img{ width: 100%; } .eventListA ,.eventListB,.eventListC,.eventListD,.eventListE{ margin-top: 12px; display: -webkit-flex; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-around; align-items: center; align-content: center; } .eventListA div,.eventListB div,.eventListC div,.eventListD div,.eventListE div{ position: relative; flex:1; } .eventListA1,.eventListB1,.eventListC1,.eventListD1{ padding-right: 14px; } /*赛事三级页面*/ .eventDetailed{ /*padding: 60px 16px 20px 16px;*/ /*padding: 72px 16px 20px 16px;*/ padding: 60px 16px 0 16px; } .threeDetailsTitleCon{ border-bottom: 1px solid #cac9c9; padding: 4px 0; } .teList{ margin-top: 6px; padding-bottom: 14px; } .teList table{ text-align: center; } .teList >p{ font-size: 14px; /*text-indent:28px;*/ color: #474747; padding-top: 4px; padding-bottom: 8px; } .threeDetailsTitle{ width: 100%; text-align: left; color: #000!important; font-weight: bold; font-size: 17px!important; text-indent: 0!important; line-height: 1.4; /*margin-top: 10px;*/ } .detailsFoot{ text-align: left; padding-top: 10px; border-top:1px solid #b8b8b8; color: #000; font-size: 15px; } .upPage{ margin-bottom: 6px; } .detailsFoot span{ padding: 6px 0; border-radius: 20px; } .detailsFootAdd{ color: #7e7e7f!important; } .teList video{width: 100%!important;} .edui-upload-video{width: 100%!important; } .tdList{ margin-top: 10px; } .tdList p{ margin-bottom: 10px; font-size: 14px; } .teList img{ width: 100%!important; display: block; border-radius: 10px; margin: 16px auto; } .teTime{ text-align: left; width: 50%; display: inline-block; font-size: 14px; color: #a4a4a4; } .teSource{ text-align: right; width: 50%; display: inline-block; font-size: 13px; color: #474747; } .threeDetailsName{ color: #474747; font-weight: bold; font-size: 14px; font-size: 12px; margin-top: 10px; } .linkes{ margin-top: 15px; } .linkes a{ margin-left: 60px; margin-top: -24px; display: block; } .profile{ padding-top: 49px; } .profile img{ width: 100%; } /*招商*/ .attract{ padding-top: 48px; } .attract img{ width: 100%; } /*抢票成功*/ .successTitle{ width: 100%; } .successText{ background: #fff; width: 100%; border-radius: 10px; } .successTextTitle{ color: #000; font-size: 15px; text-align: left; padding: 8px 19px 0 19px; } .successTextTime{ padding-top: 4px; } .successTextTime,.successTextAddress{ text-align: left; font-size: 13px; padding-left: 19px; } .ticketPic{ padding: 4px 19px 0 19px; } .ticketPic img{ width: 100%; max-width: 320px; display: block; } .successTextFoot{ font-size: 13px; text-align: left; padding: 8px 19px; } .successTextFootA{ font-weight: bold; } table{ width: 100%!important; font-size:11px; color:#333333; border-width: 1px; border-color: #8064a2; border-collapse: collapse; } table th { border-width: 1px; padding: 8px; border-style: solid; border-color: #8064a2; background-color: #dedede; } table td { border-width: 1px; padding: 8px; border-style: solid; border-color: #ab90cc; background-color: #ffffff; vertical-align: middle; } table td >a{ color: #f46360!important;text-decoration:underline!important;} table tr a{ color: #f46360;text-decoration:underline!important;} .tableA table tr a{ color: #8064a2!important; } .firstRow{ background: #8064a2; } .firstRow td{ background: #8064a2!important; color: #fff!important; } .tableFoot{ /*font-size: 10px;*/ } /*底部*/ .footPic{ width: 100%; padding-top: 6px; } .top1,.top2,.top3,.top4,.top5,.top6,.topK4{ width: 16%; height: 100%; position: absolute; left: 0; top:0; z-index: 1; } .topStyle{ position: fixed; max-width: 640px; width: 100%; margin: 0 auto; box-sizing: content-box; height: 48px; line-height: 48px; top: 0; /*background-color: #fff; border-bottom: 2px #2a7cc8 solid;*/ position: fixed; z-index: 999; } .topStyleCon{ position: relative; width: 100%; height: 100%; } .topStyle img{ width: 100%; height: 100%; display: block; } .top4Title{ position: absolute; top: 0; width: 100%; text-align: center; color: #fff; font-size: 16px; font-weight: bold; } .top1Title{ position: absolute; top: 0; width: 100%; text-align: center; color: #fff; font-size: 16px; font-weight: bold; } .arrowTitle{ width: 11px!important; position: absolute; height: auto!important; top: 16px; left: 21px; } .eventDetailed .codeLive{ width: 40%!important; } .airTitle td{ background: #8064a2; color: #fff; } .firstRowPhone td,.firstRowPhone{ background: none!important; } .phoneTitle{ margin-top: 12px; } /*天气*/ .weather{ padding: 10px 0 6px 20px; max-width: 640px; position: relative; } .weatherPlace{ font-size: 14px; display: inline-block; vertical-align: top; padding-top: 2px; } .weatherMask{ width: 100%; height: 39px; position: absolute; z-index: 20; left: 0; top: 2px; } @media screen and (max-width: 640px) { iframe { width: 96px; } iframe a.disabled { pointer-events: none; filter: alpha(opacity=50); /*IE滤镜，透明度50%*/ -moz-opacity: 0.5; /*Firefox私有，透明度50%*/ opacity: 0.5; /*其他，透明度50%*/ } } /*一键导航*/ .navigationTopCon{ position: relative; text-align: center; } .navigation{ padding-bottom: 20px; padding-top: 10px; } .navigationCon{ text-align: center; padding: 8px 2px 12px 2px; width: 89%; margin: 0 auto; background: #e3d2e8; margin-top: -12px; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; } .navigationTop{ background: #8921a2; padding: 2px 45px; text-align: center; color: #fff; font-size: 14px; display: inline-block; border-radius: 20px; font-weight: bold; } .navigationLive{ width: 90%; height: 3px; background: #8921a2; position: absolute; position: absolute; left: 50%; margin-left: -45%; top: 13px; z-index: -1; } .navigationCenter{margin: 0 30px;} /*.navigationLeft{margin-right: 10px;}*/ .navigationRight{margin-left: 20px;} .navigationAddress1{ margin-top: 10px; } .navigationAddress{ margin-bottom: 4px; } .navigationAddress a{ font-size: 12px; color: #622e6f; /*text-decoration:underline;*/ padding-bottom: 3px; display: inline-block; border-bottom: 1px solid #622e6f; padding-bottom: 0; } .landmark{ width: 13px; margin-right: 2px; } .carTable{text-align: center;} .teListImg{border-radius: 0px!important;border: 1px solid #ab90cc;} /*招商*/ .attractCon{ margin:0 auto; /*padding: 40px;*/ padding: 30px 55px 10px 55px; } .attractConLine{ border: 1px solid #e0a81e; width: 100%; margin: 20px 0; } .attractCon img{width: 100%;} /*开幕式*/ .openRun{ width: 100%; /*height: 100%;*/ position: absolute; max-width: 640px; margin: 0 auto; background: -webkit-gradient(linear, 0 0, 30% 70%, from(#31e0ff), to(#fff)); } .openBanner{ width: 100%; margin-top: -20px; } .openFoot{ width: 100%; position: relative; left: 0; bottom: 0; } .openList{ margin-top: 7px; padding: 0 41px; } .openListA img{ width: 100%; margin-bottom: 6px; } .openListA1{ animation-delay : 0.2s; } .openListA2{ animation-delay : 0.4s; } .openListA3{ animation-delay : 0.6s; } .openListA4{ animation-delay : 0.8s; } .openListA5{ animation-delay : 1s; } /*节目*/ .programGuides{ width: 100%; /*height: 100%;*/ position: absolute; max-width: 640px; margin: 0 auto; background: -webkit-gradient(linear, 0 0, 40% 60%, from(#31e0ff), to(#fff)); } .programGuidesCon{ margin-top: 20px; padding: 0 46px; } .programGuidesPic{ width: 100%; } .programOpenFoot{ width: 100%; margin-top: 10px; } /*歌词*/ .lyricPage{ width: 100%; position: absolute; max-width: 640px; margin: 0 auto; background: -webkit-gradient(linear, 0 0, 40% 60%, from(#31e0ff), to(#fff)); } .lyricCon{ margin-top: 80px; padding: 0 80px; } .lyricPic{ width: 100%; } .lyricFoot{ width: 100%; margin-top: 10px; } /*交通*/ .trafficPage{ width: 100%; height: 100%; position: absolute; max-width: 640px; margin: 0 auto; background:#f5f5f5; } .trafficTextCon{ margin-top: 75px; } .trafficText{ width: 100%; } .trafficFoot{ width: 100%; margin-top: 10px; }