@charset "utf-8"; /*Swiper 3.0.4*/ .swiper-slide,.swiper-wrapper{height:100%;position:relative;transform-style:preserve-3d;width:100%}.swiper-pagination,.swiper-wrapper{-webkit-transform:translate3d(0,0,0)}.swiper-container{margin:0 auto;position:relative;overflow:hidden;z-index:1}.swiper-container-vertical>.swiper-wrapper{-webkit-box-orient:vertical;-moz-box-orient:vertical;-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column}.swiper-wrapper{z-index:1;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform;-moz-transform:translate3d(0,0,0);-o-transform:translate(0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}.swiper-slide,.swiper-wrapper{-ms-transform-style:preserve-3d;-moz-transform-style:preserve-3d;-webkit-transform-style:preserve-3d}.swiper-container-multirow>.swiper-wrapper{-webkit-box-lines:multiple;-moz-box-lines:multiple;-ms-fles-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap}.swiper-container-free-mode>.swiper-wrapper{-webkit-transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;-ms-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto}.swiper-slide{-webkit-flex-shrink:0;-ms-flex:0 0 auto;flex-shrink:0}.swiper-wp8-horizontal{-ms-touch-action:pan-y;touch-action:pan-y}.swiper-wp8-vertical{-ms-touch-action:pan-x;touch-action:pan-x}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:27px;height:44px;margin-top:-22px;z-index:10;cursor:pointer;-moz-background-size:27px 44px;-webkit-background-size:27px 44px;background-size:27px 44px;background-position:center;background-repeat:no-repeat}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");left:10px;right:auto}.swiper-button-prev.swiper-button-black,.swiper-container-rtl .swiper-button-next.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-prev.swiper-button-white,.swiper-container-rtl .swiper-button-next.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");right:10px;left:auto}.swiper-button-next.swiper-button-black,.swiper-container-rtl .swiper-button-prev.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next.swiper-button-white,.swiper-container-rtl .swiper-button-prev.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-pagination{position:absolute;text-align:center;-webkit-transition:300ms;-moz-transition:300ms;-o-transition:300ms;transition:300ms;-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:.2}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-white .swiper-pagination-bullet{background:#fff}.swiper-pagination-bullet-active{opacity:1;background:#007aff}.swiper-pagination-white .swiper-pagination-bullet-active{background:#fff}.swiper-pagination-black .swiper-pagination-bullet-active{background:#000}.swiper-container-vertical>.swiper-pagination{right:10px;top:50%;-webkit-transform:translate3d(0,-50%,0);-moz-transform:translate3d(0,-50%,0);-o-transform:translate(0,-50%);-ms-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}.swiper-container-vertical>.swiper-pagination .swiper-pagination-bullet{margin:5px 0;display:block}.swiper-container-horizontal>.swiper-pagination{bottom:10px;left:0;width:100%}.swiper-container-horizontal>.swiper-pagination .swiper-pagination-bullet{margin:0 5px}.swiper-container-3d{-webkit-perspective:1200px;-moz-perspective:1200px;-o-perspective:1200px;perspective:1200px}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;-ms-transform-style:preserve-3d;transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-right{background-image:-webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-top{background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:-webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-coverflow .swiper-wrapper{-ms-perspective:1200px}.swiper-container-fade.swiper-container-free-mode .swiper-slide{-webkit-transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;-ms-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active{pointer-events:auto}.swiper-container-cube{overflow:visible}.swiper-container-cube .swiper-slide{pointer-events:none;visibility:hidden;-webkit-transform-origin:0 0;-moz-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden;width:100%;height:100%}.swiper-container-cube.swiper-container-rtl .swiper-slide{-webkit-transform-origin:100% 0;-moz-transform-origin:100% 0;-ms-transform-origin:100% 0;transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0;width:100%;height:100%;background:#000;opacity:.6;-webkit-filter:blur(50px);filter:blur(50px)}.swiper-container-cube.swiper-container-vertical .swiper-cube-shadow{z-index:0}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;-webkit-transform-origin:50%;-moz-transform-origin:50%;transform-origin:50%;-webkit-animation:swiper-preloader-spin 1s step-end infinite;-moz-animation:swiper-preloader-spin 1s step-end infinite;animation:swiper-preloader-spin 1s step-end infinite}.swiper-lazy-preloader:after{display:block;content:"";width:100%;height:100%;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");background-position:50%;-webkit-background-size:100%;background-size:100%;background-repeat:no-repeat}.swiper-lazy-preloader-white:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}@-webkit-keyframes swiper-preloader-spin{0%{-webkit-transform:rotate(0)}8.33333333%{-webkit-transform:rotate(30deg)}16.66666667%{-webkit-transform:rotate(60deg)}25%{-webkit-transform:rotate(90deg)}33.33333333%{-webkit-transform:rotate(120deg)}41.66666667%{-webkit-transform:rotate(150deg)}50%{-webkit-transform:rotate(180deg)}58.33333333%{-webkit-transform:rotate(210deg)}66.66666667%{-webkit-transform:rotate(240deg)}75%{-webkit-transform:rotate(270deg)}83.33333333%{-webkit-transform:rotate(300deg)}91.66666667%{-webkit-transform:rotate(330deg)}100%{-webkit-transform:rotate(360deg)}}@keyframes swiper-preloader-spin{0%{transform:rotate(0)}8.33333333%{transform:rotate(30deg)}16.66666667%{transform:rotate(60deg)}25%{transform:rotate(90deg)}33.33333333%{transform:rotate(120deg)}41.66666667%{transform:rotate(150deg)}50%{transform:rotate(180deg)}58.33333333%{transform:rotate(210deg)}66.66666667%{transform:rotate(240deg)}75%{transform:rotate(270deg)}83.33333333%{transform:rotate(300deg)}91.66666667%{transform:rotate(330deg)}100%{transform:rotate(360deg)}} /*!Animate.css - http://daneden.me/animate*/ .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);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)}}.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);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)}}.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);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)}}.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);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)}}.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);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)}}.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);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)}}.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;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}}.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);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)}}.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);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}}.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);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}}.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);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}}.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);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)}}.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);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)}}.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);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)}}.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);transform:translate3d(20px,0,0)}100%{opacity:0;-webkit-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);transform:translate3d(-20px,0,0)}100%{opacity:0;-webkit-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);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)}}.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);transform:translate3d(0,-100%,0)}100%{opacity:1;-webkit-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);transform:translate3d(0,-2000px,0)}100%{opacity:1;-webkit-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);transform:translate3d(-100%,0,0)}100%{opacity:1;-webkit-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);transform:translate3d(-2000px,0,0)}100%{opacity:1;-webkit-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);transform:translate3d(100%,0,0)}100%{opacity:1;-webkit-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);transform:translate3d(2000px,0,0)}100%{opacity:1;-webkit-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);transform:translate3d(0,100%,0)}100%{opacity:1;-webkit-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);transform:translate3d(0,2000px,0)}100%{opacity:1;-webkit-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);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);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);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);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);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);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);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);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);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}}.animated.flip{-webkit-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);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)}}.flipInX{-webkit-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);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)}}.flipInY{-webkit-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);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}}.flipOutX{-webkit-animation-name:flipOutX;animation-name:flipOutX;-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-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);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}}.flipOutY{-webkit-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);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}}.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);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;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}}.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;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}}.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;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}}.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;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}}.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;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}}.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;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}}.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;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}}.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;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}}.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;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}}.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;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}}.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;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}}.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);transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg)}100%{opacity:1;-webkit-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);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);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);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)}}.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);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)}}.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);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)}}.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);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)}}.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);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);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)}}.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);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}}.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);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}}.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);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)}}.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%);transform:translateY(-100%);visibility:visible}100%{-webkit-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%);transform:translateX(-100%);visibility:visible}100%{-webkit-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%);transform:translateX(100%);visibility:visible}100%{-webkit-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%);transform:translateY(100%);visibility:visible}100%{-webkit-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);transform:translateY(0)}100%{visibility:hidden;-webkit-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);transform:translateX(0)}100%{visibility:hidden;-webkit-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);transform:translateX(0)}100%{visibility:hidden;-webkit-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);transform:translateY(0)}100%{visibility:hidden;-webkit-transform:translateY(-100%);transform:translateY(-100%)}}.slideOutUp{-webkit-animation-name:slideOutUp;animation-name:slideOutUp} /*初始化*/ body,h1,h2,h3,h4,h5,h6,a,p,dl,div,dt,dd,ul,ol,li,select,table,button,input,textarea,th,td {margin:0; padding:0;box-sizing: border-box;} body{color:#333; font-family:"微软雅黑"; font-size:14px;} a{text-decoration:none; color:#555;} input{ outline:none;} textarea{ resize:none} a:hover{text-decoration: none;} ul,dl{list-style-type:none;} img {border:0;} small,em,i{font-weight:normal; font-style:normal;} li{list-style:none;} table{border-collapse:collapse;border-spacing:0} img, input{border:0;} p{word-wrap:break-word} /*常用类*/ .fl{float: left;} .fr{float: right;} .clearfix::before,.clearfix::after,.clearfix:before,.clearfix:after{content: "";height: 0;line-height: 0;display: block;visibility: hidden;clear: both;} .txt-hide{overflow: hidden; text-overflow: ellipsis; word-break: keep-all; white-space: nowrap; -o-text-overflow:ellipsis; -icab-text-overflow: ellipsis; -khtml-text-overflow: ellipsis; -moz-text-overflow: ellipsis; -webkit-text-overflow: ellipsis; } .txt-hide2{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;} .txt-hide3{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;} .tc{ text-align: center;} .tl{ text-align: left;} .tr{ text-align: right;} .font30{font-size: 30px;} .font28{font-size: 28px;} .font26{font-size: 26px;} .font24{font-size: 24px;} .font22{font-size: 22px;} .font20{font-size: 20px;} .font18{font-size: 18px;} .font16{font-size: 16px;} .font14{font-size: 14px;} .font12{font-size: 12px;} .img-res{display:block; max-width:100%; height:auto;} .table-box{display: table; text-align: center;} .table-middle{display: table-cell; vertical-align: middle;} .list-disc{list-style: disc inside;} .word-spacing{word-spacing:8px;letter-spacing:1px;} .goBackStyle{ background: url(../img/goblck.png) no-repeat;width: 50px;height: 50px;position: fixed; background-size: 50px; bottom: 25px;right: 25px;z-index: 999; display: none;} .mt20{ margin-top: 20px;} .mt30{ margin-top: 30px;} .ml30{ margin: 30px;} .plr15{ padding: 0 15px;} .pl20{ padding-left: 20px;} .container{ width: 1200px; display: block; margin-left: auto; margin-right: auto;} .container-fluid{ width: 100%; min-width: 1200px; display: block;} .mask-bg{position: fixed; width: 100%; height: 100%; background: rgba(0,0,0,.6); z-index: 99; top: 0; left: 0; display: none;} .mask{position: fixed; width: 100%; height: 100%; background: rgba(0,0,0,.6); z-index: 2; top: 0; left: 0;} .btn-submit{ display: block; background: #F3A251; color: #fff; font-size: 14px; width: 180px; height: 45px; line-height: 45px; text-align: center;} .money::before ,.money:before{ content: "￥"; font-size: 16px;} .mt10{ margin-top: 10px;} .plr15{ padding: 0 15px;} .pl20{ padding-left: 20px;} .move{ transition: all .5s;-webkit-transition: all .5s; -moz-transform: all .5s; } .col{color: #1F547E;} .h40{ height: 40px;} .indent{ text-indent: 2em;} .h80{ height: 80px; } .bg-e7e{ background-color: #e7e8e8; } /*头部*/ .h70{ height: 70px; } .head.child-head{ background: #fff; box-shadow: 0 0 10px #e0e0e0; } .child-head .nav-list li > a, .child-head #navCode a, .child-head #navCode, .child-head #navLogin{ color: #333 } .child-head .nav-list li.active > a, .child-head .nav-list li > a:hover{ background: transparent; color: #173782; position: relative; } .child-head .nav-list li.active > a:after, .child-head .nav-list li > a:hover:after{ content: ''; position: absolute; bottom: 0; height: 4px; width: 50px; left: 50%; margin-left: -25px; background: #173782; } .head{ height: 70px; background: #fb2b2b; color: #fff; width: 100%; position: fixed; top: 0; left: 0; width: 100%; z-index: 99; } .nav-list li{ float: left; margin-right: 1px; position: relative; } .nav-list li.active > a, .nav-list li > a:hover{ background: rgba(0,0,0,.2); } .nav-list li > a{ height: 70px; line-height: 70px; color: #fff; font-size: 16px; display: block; padding: 0 20px; } .nav-list li:hover .cont{ display: block; } .nav-list .cont{ position: absolute; top: 70px; left: 0; z-index: 80; background: #eee; width: 100%; padding: 5px 0; display: none; } .nav-list .cont a{ color: #333; font-size: 14px; display: block; height: 35px; line-height: 35px; text-align: center; } .nav-list .cont a:hover{ color: #000; } #navCode{ float: left; position: relative; margin-left: 10px; } #navCode a{ display: inline-block; height: 70px; color: #fff; font-size: 16px; padding: 0 10px; line-height: 70px; } #navCode .code-box{ position: absolute; top: 70px; background: #eee; width: 120px; left: 50%; margin-left: -60px; z-index: 60; padding: 5px 0 0; display: none; } #navCode:hover .code-box{ display: block; } #navCode .code-box .codeimg{ width: 100px; height: 100px; display: block; margin: 0 auto 5px; } #navCode .code-box p{ background: #173782; color: #fff; height: 30px; line-height: 30px; text-align: center; font-size: 12px; } .nav-list{ float: left; } #navLogin{ float: left; padding: 0 10px; color: #fff; height: 70px; line-height: 70px; font-size: 16px; } .btn-blue{ background: #173782; color: #fff; } .index-video{ position: relative; background: #000; } .index-video .info{ position: absolute; text-align: center; width: 600px; left: 50%; margin-left: -300px; color: #eff3f7; padding-top: 180px; z-index: 90; } .index-video video{ height: 539px; } .index-video .info h2{ font-size: 58px; font-weight: normal; } .index-video .info p{ font-size: 28px; margin: 5px 0 30px; } .index-video .info .btn{ width: 140px; height: 50px; line-height: 50px; background: #173782; color: #fff; text-align: center; margin: 0 auto; font-size: 18px; display: block; border-radius: 5px; } .funcont .list{ text-align: center; font-size: 0; } .funcont li{ display: inline-block; padding: 40px 10px; } .funcont li img{ margin-right: 20px; vertical-align: middle; } .funcont .info{ display: inline-block; text-align: left; vertical-align: middle; } .funcont .info h3{ font-size: 24px; color: #333; margin-bottom: 5px; } .funcont .info p{ color: #666; font-size: 14px; } #funEnd img{ transition: all .4s; -webkit-transition: all .4s; -moz-transition: all .4s; } #funEnd img.active{ transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); } .funcont .info a:hover{ color: #173782; } #indexNews{overflow:hidden;width:1170px;height:40px; line-height: 40px;float: right; } #indexNews li{ float: left; width: 1170px; } .index-new img{ float: left; margin-top: 12px; } .index-new{ height: 40px; background: #e5e5e5; } #indexNews li a{ color: #f92727; } .index-tit{ margin: 30px 0; height: 40px; line-height: 40px; background: #173782; } .index-tit .name{ background: #fff; color: #173782; float: left; font-size: 16px; margin-left: 5px; padding: 0 15px; } .index-tit .address{ color: #fff; float: left; margin-left: 15px; font-size: 15px; } .index-tit .address select{ background: transparent; height: 40px; color: #fff; border: 0; vertical-align: top; appearance:none; -moz-appearance:none; -webkit-appearance:none; padding: 0 5px; } .index-tit .address option{ background: #fff; color: #333; } .index-tit .btn-more{ margin-right: 10px; color: #fff; font-size: 14px; } .h-pr10{ transition: padding 0.5s; } .h-pr10:hover{ padding-right: 10px; } .h-img{ transition: all .5s; } .h-img:hover{ transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); } .goods-list{ margin: 0 -13px; } .goods-list li{ margin: 0 13px 15px; width: 280px; border: 1px solid #e0e0e0; float: left; } .goods-list .imgbox, .goods-list .imgbox img{ overflow: hidden; width: 100%; height: 180px; display: block; } .goods-list .info{ padding: 2px 10px 15px; color: #999; } .goods-list .name{ height: 30px; line-height: 30px; font-size: 18px; } .goods-list .name a{ color: #333; } .goods-list .name a:hover{ color: #173782; } .goods-list .txt{ height: 25px; line-height: 25px; font-size: 13px; } .goods-list .txt .fl{ width: 170px; } .goods-list .txt .fr{ color: #f60707; font-size: 14px; } .goods-list .address{ height: 35px; line-height: 35px; padding-left: 16px; background: url(../img/icon6.png) no-repeat left center; font-size: 13px; } .labelbox{ height: 25px; overflow: hidden; } .labelbox .label{ background: #173782; color: #fff; height: 25px; line-height: 25px; float: left; padding: 0 5px; font-size: 12px; margin-right: 2px; border-radius: 5px; } .titimg{ display: block; width: 100%; } .btn-green{ background: #80c269; color: #fff; } .btn-yel{ background: #f39800; color: #fff; } .meeting-list{ margin: 15px -6px; } .meeting-list li{ margin: 0 6px 12px; width: 291px; height: 150px; border: 1px solid #ccc; float: left; padding: 10px 15px; } .meeting-list .name{ height: 30px; line-height: 30px; text-align: center; font-size: 18px; } .meeting-list .txt{ text-align: center; color: #999; height: 25px; line-height: 25px; font-size: 13px; margin-bottom: 3px; } .meeting-list .tr a{ color: #f60707; font-size: 13px; } .meeting-list .btn-box{ text-align: center; font-size: 13px; padding: 10px 0 0; } .meeting-list .btn-box .btn{ display: inline-block; height: 32px; line-height: 32px; padding: 0 10px; } .meeting-list .btn-box a{ margin: 0 5px; } .advan{ background: url(../img/bg1.jpg) no-repeat center center ; background-size: cover; width: 100%; height: 440px; padding: 55px 0 0 60px; } .advan .info{ width: 520px; color: #fff; } .advan .info h2{ font-size: 36px; font-weight: bold; margin-bottom: 20px; } .advan .info h3{ padding-left: 100px; font-size: 24px; margin-bottom: 10px; } .advan .info p{ padding-left: 100px; font-size: 16px; line-height: 1.7; } .advan .info .btn{ height: 45px; line-height: 43px; text-align: center; width: 130px; display: block; border: 1px solid #fff; border-radius: 40px; margin: 35px 0 0 100px; color: #fff; } .advan .info .btn:hover{ background: #fff; color: #333; } .welcome{ width: 100%; background: url(../img/bg2.jpg) no-repeat center center; background-size: cover; text-align: center; padding-bottom: 30px; } .welcome .tit{ height: 110px; line-height: 110px; color: #f8ba14; font-size: 40px; } .welcome .list li{ display: inline-block; width: 320px; height: 230px; background: rgba(71,112,208,.5); color: #fff; padding-top: 35px; margin: 0 20px; } .welcome .name{ color: #f8ba14; font-size: 24px; margin-bottom: 20px; } .welcome .txt{ font-size: 14px; line-height: 1.5; margin-bottom: 20px; } .welcome .btn{ width: 130px; height: 40px; line-height: 38px; text-align: center; font-size: 14px; display: block; margin: 0 auto; color: #fff; border: 1px solid #fff; } .welcome .btn:hover{ background: #fff; color: #333; } .marve{ position: relative; width: 100%; height: 190px; border: 1px solid #ccc; background: #eee; margin: 30px 0 60px; } .marve .bg{ background: #173782; color: #fff; padding-top: 55px; width: 30px; text-align: center; font-size: 16px; position: absolute; height: 190px; top: 0; z-index: 80; box-sizing: border-box; } .marve .bg.left{ left: 0; } .marve .bg.right{ right: 0; } #marveBox{ width: 100%; height: 188px; overflow: hidden; } #marveBox li{ float: left; width: 190px; margin: 0 5px; padding-top: 15px; } #marveBox .imgbox, #marveBox .imgbox img{ width: 100%; height: 140px; display: block; overflow: hidden; } #marveBox p{ text-align: center; color: #333; font-size: 14px; padding: 0 5px; height: 25px; line-height: 25px; } /*尾部*/ .foot{ background: #1b1b1b; color: #fff; padding-top: 10px; } .copyright{ font-size: 12px; height: 30px; line-height: 30px; text-align: center; background: #313131; } .foot-top{ height: 50px; line-height: 50px; } .foot-top .list li{ float: left; font-size: 14px; margin-right: 15px; } .foot a{ color: #fff; } .foot a:hover{ color:#ccc; } .foot-cont{ padding: 20px 0 25px; border-top: 1px solid #666; } .foot-cont .link-list{ width: 920px; } .foot-cont .link-list li{ margin-right: 35px; float: left; height: 30px; line-height: 30px; font-size: 12px; } .foot-cont .code{ float: right; } .foot-cont .code .item{ float: left; margin: 0 10px; text-align: center; } .foot-cont .code img{ width: 100px; height: 100px; display: block; } .foot-cont .code p{ height: 25px; line-height: 25px; font-size: 13px; } .foot .icon-box{ font-size: 0; } .foot .icon-box a{ width: 26px; height: 26px; display: inline-block; margin-left: 10px; vertical-align: middle; } .foot .icon-box img{ width: 26px; height: 26px; } /*登录注册*/ .fixed-box{ position: fixed; top: 0; left: 0; z-index: 999; width: 100%; height: 100%; } .middle-box{ position: absolute; top: 50%; left: 0; width: 100%; transform: translate(0,-50%); -webkit-transform: translate(0,-50%); -moz-transform: translate(0,-50%); z-index: 99; } .login-box, #fillBox .cont{ width: 510px; background: #fff; border: 8px solid rgba(0,0,0,.6); margin: 0 auto; position: relative; padding: 20px; } .login-box .login-tab{ height: 60px; line-height: 60px; border-bottom: 1px solid #e0e0e0; font-size: 22px; } .login-tab .item{ width: 50%; float: left; text-align: center; } .login-tab .item a{ display: inline-block; height: 60px; color: #333; padding: 0 5px; } .login-tab .item a.active{ border-bottom: 3px solid #173782; color: #173782; } .login-cont{ padding: 20px 50px 50px; } .login-cont .form-txt{ width: 100%; height: 50px; border: 1px solid #e0e0e0; padding: 0 15px; } .mb10{ margin-bottom: 10px; } .login-cont .tr{ height: 40px; line-height: 40px; font-size: 16px; margin-bottom: 10px; } .login-cont .tr a{ color: #999; } .login-cont .tr a:hover{ color: #173782; } .btn-block{ display: block; width: 100%; height: 50px; line-height: 50px; text-align: center; font-size: 20px; } .login-box .btn-close, #fillBox .cont .btn-close{ position: absolute; right: -18px; top: -18px; z-index: 80; } .mb25{ margin-bottom: 25px; } .getcodo input{ width: 70%; height: 48px; float: left; padding: 0 15px; } .getcodo .btn-get{ float: right; width: 30%; height: 48px; line-height: 48px; background: #173782; color: #fff; text-align: center; } .login-cont .form-txt.getcodo{ padding: 0; } #login{ display: none; } #leftFixed{ width: 210px; position: fixed; left: 0; top: 50%; background: #fff; border: 1px solid #ccc; z-index:200; transform: translate(-120%,-50%); -webkit-transform: translate(-120%,-50%); -moz-transform: translate(-120%,-50%); transition: all .8s; } #leftFixed.act{ transform: translate(0,-50%); -webkit-transform: translate(0,-50%); -moz-transform: translate(0,-50%); } #leftFixed .tit{ height: 35px; line-height: 35px; background: #173782; color: #fff; font-size: 16px; text-align: center; } .customer .item{ border-bottom: 1px solid #e0e0e0; padding: 10px; position: relative; } .customer .item .name{ height: 14px; line-height: 14px; border-left: 3px solid #173782; padding-left: 10px; color: #173782; font-size: 13px; } .customer .item .txt{ width: 100%; /*height: 38px;*/ height: 30px; padding: 0 40px 0 10px; font-size: 12px; margin: 5px 0; } .customer .item .logo{ height: 20px; padding-left: 13px; margin-bottom: 5px; } .customer .logo img{ max-height: 20px; display: block; } .customer .btn-box{ font-size: 0; } .customer .btn-box .btn{ width: 80px; height: 30px; line-height: 27px; text-align: center; border: 1px solid #173782; display: inline-block; font-size: 12px; margin-right: 5px; } .customer .btn-box .icon{ vertical-align: middle; } .customer .btn-box span{ font-size: 12px; vertical-align: middle; } .customer .photo{ position: absolute; top: 7px; right: 5px; width: 45px; height: 45px; border-radius: 50%; width: 35px; height: 35px; } #leftFixed .adimg{ width: 100%; display: block; margin: 1px 0; } #leftFixed .info{ padding: 10px; } #leftFixed .info li{ height: 20px; line-height: 20px; color: #999; font-size: 12px; } /*填写信息*/ #fillBox .cont{ width: 750px; } #fillBox .fill-tit{ text-align: center; height: 50px; line-height: 50px; position: relative; color: #333; font-weight: bold; font-size: 24px; } #fillBox .fill-tit:before, #fillBox .fill-tit:after{ content: ''; position: absolute; top: 0; height: 25px; border-bottom: 1px solid #e0e0e0; width: 35%; } #fillBox .fill-tit:before{ left: 0; } #fillBox .fill-tit:after{ right: 0; } #fillBox .cont{ padding: 20px 55px 50px; } .fill-table{ width: 100%; } .fill-table{ width: 100%; font-size: 16px; margin-top: 20px; } .fill-table .td-l{ width: 120px; text-align: right; padding-right: 10px; line-height: 40px; } .fill-table td{ padding-top: 10px; padding-bottom: 10px; } .fill-table .form-txt{ width: 350px; height: 40px; border: 1px solid #e0e0e0; padding: 0 10px; } .fill-table .name{ font-size: 15px; color: #999; vertical-align: 1px; } .fill-table label{ margin: 0 15px 10px 0; } .fill-table .tips{ padding: 15px 0 35px; color: #fb2b2b; font-size: 13px; } .fill-table .btn{ border: 0; display: block; width: 140px; height: 50px; line-height: 50px; display: block; background: #173782; color: #fff; font-size: 16px; border-radius: 5px; text-align: center; } #fillBox{ display: none; } /*新闻中心*/ .ban.bg{ height: 430px; width: 100%; display: block; background: no-repeat center center; background-size: cover; } .bgf5{ background: #f5f5f5; } .main{ padding: 40px 0 60px; } .tab-news{ font-size: 0; text-align: center; } .tab-news ul{ border: 1px solid #173782; display: inline-block; border-right: 0; } .tab-news ul li{ height: 50px; line-height: 50px; width: 120px; font-size: 16px; display: inline-block; border-right: 1px solid #173782; } .tab-news li a{ display: block; color: #173782; } .tab-news li.active a{ background: #173782; color: #fff; } .news-list .imgbox{ width: 160px; height: 120px; display: block; float: left; overflow: hidden; } .news-list .imgbox img{ display: block; width: 100%; height: 100%; } .news-list .info{ float: right; width: 900px; } .news-list{ width: 90%; margin: 40px auto 60px; } .news-list li{ padding: 15px 0; border-bottom: 1px solid #ccc; } .news-list .name{ height: 35px; line-height: 35px; } .news-list .name h3{ float: left; width: 80%; color: #333; } .news-list .name h3 a{ transition: padding 0.5s; } .news-list .name .date{ float: right; color: #666; font-size: 16px; } .news-list .txt{ height: 44px; font-size: 14px; color: #999; line-height: 1.7; margin: 15px 0; } .news-list .name h3 a:hover{ color: #173782; padding-left: 15px; } /*分页*/ .pages{ text-align: center; font-size: 0; } .pages li{ display: inline-block; margin: 0 2px; } .pages li a{ display: block; border: 1px solid #999; color: #999; font-size: 14px; height: 30px; padding: 0 10px; line-height: 28px; } .pages li a:hover, .pages li.active a{ background: #173782; color: #fff; border-color: #173782; } /*新闻详情*/ .new-det{ background: #fff; width: 90%; margin: 0 auto; padding: 20px 30px 50px; } .new-det .tit{ text-align: cneter; color: #333; font-size: 30px; font-weight: normal; padding-bottom: 10px; text-align: center; } .new-det .info{ text-align: center; height: 25px; line-height: 25px; margin-bottom: 30px; color: #666; } .new-det .info .item{ display: inline-block; margin: 0 5px; } .new-det .det img{ max-width: 100%; } .det-page{ padding: 35px 15px; margin-top: 30px; border-top: 1px solid #e0e0e0; } .det-page .page-btn{ height: 35px; line-height: 33px; border: 1px solid #ccc; padding: 0 20px; border-radius: 20px; } .det-page .page-btn a{ display: inline-block; max-width: 300px; vertical-align: top; } .det-page .page-btn a:hover{ color: #173782; } .main-cont{ width: 90%; margin: 0 auto; background: #fff; } .school-top{ position: relative; padding: 20px; border-bottom: 4px solid #f5f5f5; } .school-top .tit{ height: 35px; line-height: 35px; color: #333; font-size: 20px; font-weight: normal; } .school-top .address{ height: 25px; line-height: 25px; color: #666; font-size: 14px; margin-bottom: 5px; } .school-top .lab span{ padding-right:10px; border-right: 1px solid #e0e0e0; font-size: 14px; color: #999; margin-right: 10px; } .school-top .lab span:nth-last-child(1){ border: 0; } .school-top .btn{ position: absolute; right: 40px; top: 50%; height: 40px; line-height: 38px; width: 110px; border: 1px solid #1F547E; text-align: center; margin-top: -20px; font-size: 14px; color: #1F547E; } .school-top .btn:hover{ background: #1F547E; color: #fff; } .school-cont{ padding: 20px; } .school-tit{ height: 25px; line-height: 25px; color: #333; font-size: 15px; font-weight: normal; margin-bottom: 10px; } .school-cont .txt{ color: #999; line-height: 1.6; margin-bottom: 15px; } .scrool-table{ width: 500px; border-left: 1px dashed #ccc; border-top: 1px dashed #ccc; } .scrool-table th, .scrool-table td{ padding: 6px 10px; border-right: 1px dashed #ccc; border-bottom: 1px dashed #ccc; } .scrool-table th{ background: #d1dfff; color: #333; font-weight: normal; } .scrool-table td{ color: #666; } .school-cont .tips{ color: #f85d5d; padding: 20px 0 30px; line-height: 17px; } .school-cont .tips img{ float: left; margin-right: 5px; } .school-cont .btn-box .btn{ height: 35px; line-height: 33px; border: 1px solid #1F547E; padding: 0 20px; display: inline-block; color: #1F547E; margin-right: 5px; } .school-cont .btn-box .btn.btn-blue{ color: #fff; } .look-data{ background: url(../img/arrow_t.png) no-repeat left top; padding-top: 13px; margin-top: 20px; } .look-data .cont{ border: 1px solid #ccc; padding: 20px 30px; width: 300px; } .look-data .item{ height: 30px; line-height: 30px; } .look-data .item .icon{ height: 30px; line-height: 30px; float: left; font-size: 0; width: 30px; } .look-data .icon img{ vertical-align: middle; } .school.det-page{ border-top: 4px solid #f5f5f5; } .school-top .tit span{ color: #f97a7a; font-size: 16px; } .mt50{ margin-top: 50px; } .school-cont .form-box{ width: 550px; margin-bottom: 20px; } .school-cont .form-box .item{ width: 50%; float: left; padding: 10px; line-height: 35px; } .school-cont .form-box .name{ width: 65px; text-align: right; float: left; } .school-cont .form-box .box{ width: 70%; float: right; } .school-cont .form-box input{ width: 100%; height: 35px; border: 1px solid #ccc; background: #f5f5f5; padding: 0 10px; color: #666; } .school-cont .form-box .col.item input{ color: #1F547E; } .meeting-main{ padding: 30px 20px 50px; background: #fff; } .meeting-main .meeting-list li{ width: 281px; } .meeting-main .meeting-list{ margin-bottom: 50px; } #reserveBox .cont{ width: 380px; padding: 20px; margin: 0 auto 20px; background: #f5f5f5; } #reserveBox .cont .tit{ text-align: center; height: 35px; line-height: 35px; margin-bottom: 10px; font-size: 18px; color: #333; font-weight: normal; } #reserveBox table{ width: 100%; margin-bottom: 25px; } #reserveBox td{ padding: 5px 0; } #reserveBox .td-l{ width: 80px; text-align: right; padding-right: 10px; line-height: 35px; } #reserveBox .td-r .form-txt{ width: 100%; height: 35px; border: 1px solid #ccc; padding: 0 10px; } #reserveBox .btn{ width: 65px; height: 30px; line-height: 30px; display: inline-block; text-align: center; margin-right: 5px; cursor: pointer; margin-top: 20px; } #reserveBox .btn-canle{ background: #d2d2d2; color: #fff; } #reserveBox .btn-close, .agree-box .btn-close{ display: block; margin: 0 auto; width: 32px; height: 32px; } #reserveBox { display: none; } /*发布*/ .send-main{ width: 90%; margin: 0 auto; } .send-top{ padding: 25px; border: 1px solid #e0e0e0; } .send-top .send-tit, .make-tit{ height: 16px; line-height: 16px; border-left: 4px solid #173782; padding-left: 10px; font-size: 16px; font-weight: normal; } .make-tit{ margin-bottom: 40px; } .send-nav{ padding: 30px 0 10px; } .send-nav .item{ display: inline-block; margin-right: 10px; height: 18px; line-height: 18px; } .send-nav .item .icon{ background: url(../img/icon17.png) no-repeat left center; float: left; width: 18px; height: 18px; margin-right: 5px; } .send-nav .item.active .icon{ background-image: url(../img/icon17_act.png); } .send-box{ padding: 25px; margin-top: 10px; border: 1px solid #e0e0e0; } .send-table{ width: 100%; } .send-table td{ padding: 6px 5px; vertical-align: top; } .send-table .td-l{ line-height: 35px; width: 150px; } .send-table .form-txt{ width: 230px; height: 35px; border: 1px solid #e0e0e0; padding: 0 10px; } .send-table .form-txt.sel{ width: auto; min-width: 120px; } .send-table .up-photo-box{ width: 80px; height: 80px; position: relative; margin-bottom: 5px; } .send-table .up-photo-box .js-upFile{ position: absolute; width: 80px; height: 80px; left: 0; top: 0; z-index: 1; opacity: 0; cursor: pointer; } .send-table .js-showBox, .send-table .js-showBox img{ width: 80px; height: 80px; display: block; } .send-table textarea{ width: 600px; height: 200px; border: 1px solid #e0e0e0; background: #fff; padding: 5px; } .label-mode{ width: 600px; padding: 8px 0; } .mode-lable{ height: 20px; line-height: 20px; margin: 0 5px 10px; position: relative; float: left; } .mode-lable input{ position: absolute; z-index: -1; opacity: 0; } .mode-lable input:checked+.icon{ background-image: url(../img/icon17_act.png); } .mode-lable .icon{ width: 20px; height: 20px; background: url(../img/icon17.png) no-repeat center center; float: left; } .mode-lable .name{ margin-left: 5px; color: #666; } .send-table .add-label .name{ height: 30px; line-height: 30px; padding: 0 10px; border-radius: 3px; text-align: center; display: inline-block; background: #e5e5e5; color: #999; } .send-table .add-label input:checked+.name{ background: #173782; color: #fff; } .add-label .item{ float: left; position: relative; margin: 0 10px 5px 0; } .add-label .item input{ position: absolute; z-index: -1; opacity: 0; } .send-table .add-label{ padding-top: 5px; } .send-table .form-box{ width: 480px; } .send-table .form-box .item{ width: 50%; float: left; padding-right: 20px; } .send-table .form-box .name{ color: #666; font-size: 14px; font-weight: normal; height: 30px; line-height: 30px; } .send-table .form-box .form-txt{ width: 100%; margin-bottom: 5px; } .col-red{ color: #f84d4d; } .send-table .form-box .codebox{ position: relative; } .send-table .codebox .btn-get{ position: absolute; right: 0; top: 9px; height: 18px; border-left: 1px solid #ccc; color: #f84d4d; font-size: 12px; padding: 0 10px; } .send-table .btn-sub{ width: 140px; height: 40px; line-height: 40px; text-align: center; font-size: 16px; margin: 30px 0 15px; } .send-table .tips{ font-size: 12px; } .send-table .tips a{ color: #f84d4d; } .send-table .tips input{ vertical-align: -2px; } .agree-box .cont{ width: 600px; padding: 20px; background: #fff; margin: 0 auto 20px; line-height: 1.6; border-radius: 5px; } .agree-box .cont .t{ margin-top: 20px; } .col6{ color: #666; } .col-blue{ color: #173782; } .agree-box .cont .col-blue{ padding: 15px 0; } .agree-box { display: none; } .send-table #type.add-label .name{ min-width: 90px; } .send-table .add-label#type{ margin-bottom: 10px; } /*下载*/ .down-main{ padding: 25px; width: 90%; margin: 0 auto 30px; background: #fff; } .down-list { padding: 0 15px; } .down-list li{ border-bottom: 1px solid #e0e0e0; width: 50%; float: left; padding: 12px 0; } .down-list .adimg{ width: 55px; height: 55px; float: left; } .down-list .info{ float: left; margin-left: 10px; width: 280px; } .down-list .name{ height: 30px; line-height: 30px; font-size: 15px; line-height: 1.5; /*float: left;*/ } .down-list .attr{ font-size: 13px; color: #666; /*float: left;*/ } .down-list .btn{ float: left; width: 70px; height: 35px; line-height: 35px; text-align: center; margin-top: 10px; } /*我的消息*/ .use-news-top{ height: 45px; border-bottom: 1px solid #e0e0e0; padding: 14px 0 0; } .use-news-top .tit{ height: 16px; line-height: 16px; float: left; border-left: 4px solid #173782; padding-left: 10px; color: #666; font-size: 16px; font-weight: normal; margin-left: 5%; } .use-news{ padding: 45px 100px 50px 250px; } .use-news li{ position: relative; padding-left: 45px; padding-bottom: 30px; } .use-news .icon{ width: 12px; height: 12px; background: #d6d8e2; border-radius: 50%; position: absolute; left: 0; top: 5px; z-index: 50; } .use-news .info .tit{ height: 30px; font-size: 16px; color: #333; font-weight: normal; } .use-news .info .txt{ font-size: 14px; color: #666; margin-bottom: 10px; } .use-news .info .date{ color: #999; } .use-news .info .btn{ padding: 6px 10px; display: inline-block; border-radius: 5px; margin: 10px 0 0; font-size: 12px; border: 1px solid #ccc; color: #666; } .use-news .info .btn:hover{ background: #666; color: #fff; border-color: #666; } .use-news .list{ position: relative; } .use-news .list:before{ content: ''; position: absolute; left: 6px; top: 6px; width: 1px; height: 100%; background: #ccc; } .use-news .btn-more{ margin: 60px 0 50px 40px; width: 100px; height: 40px; line-height: 40px; border-radius: 5px; text-align: center; display: block; } /*个人中心*/ .user-main .user-left{ background: url(../img/bg4.jpg) no-repeat center center; width: 144px; height: 144px; text-align: center; padding: 20px 10px 0; } .user-main .user-left img{ width: 70px; height: 70px; border-radius: 50%; margin: 0 auto 10px; display: block; } .user-main .user-left .name{ color: #333; font-size: 14px; font-weight: normal } .user-cont{ width: 1050px; background: #fff; } .user-cont .user-nav{ padding:30px 30px 24px; border-bottom: 5px solid #f5f5f5; } .user-nav li{ float: left; padding: 0 20px; text-align: center; } .user-nav a{ display: block; } .user-nav .icon{ width: 60px; height: 60px; display: block; margin: 0 auto 10px; background: url(../img/user.png) no-repeat; } .user-nav h3{ font-size: 14px; color: #333; height: 20px; line-height: 20px; font-weight: normal; } .user-nav .icon.icon1{ background-position: -20px -520px; } .user-nav .icon.icon2{ background-position: -20px -620px; } .user-nav .icon.icon3{ background-position: -20px -720px; } .user-nav .icon.icon4{ background-position: -20px -20px; } .user-nav .icon.icon5{ background-position: -20px -120px; } .user-nav .icon.icon6{ background-position: -20px -220px; } .user-nav .icon.icon7{ background-position: -20px -320px; } .user-nav .icon.icon8{ background-position: -20px -420px; } .user-cont .center{ padding: 20px 50px; min-height: 240px; } .user-cont .center .user-tit{ height: 16px; line-height: 16px; margin-bottom: 20px; border-left: 4px solid #173782; padding-left: 10px; color: #333; font-size: 16px; font-weight: normal; } .user-cont .user-info-list li{ height: 20px; line-height: 20px; color: #666; margin-bottom: 12px; } .user-cont .user-info-list .icon{ float: left; height: 20px; width: 25px; margin-right: 15px; text-align: center; font-size: 0; } .user-cont .user-info-list .icon img{ vertical-align: middle } .user-cont .user-info-list .name{ margin-right: 15px; } .user-cont .user-info-list{ padding-top: 10px; } .tab-nav{ text-align: center; font-size: 0; padding-bottom: 30px; } .tab-nav li{ display: inline-block; height: 40px; line-height: 40px; border-right: 1px solid #173782; } .tab-nav a{ display: block; width: 100px; text-align: center; font-size: 14px; color: #173782; } .tab-nav li:nth-last-child(1){ border: 0; } .tab-nav .list{ display: inline-block; border: 1px solid #173782; } .tab-nav li.active a{ background: #1F547E; color: #fff; } .user-cont .center.authen .user-tit{ margin-left: 100px; margin-bottom: 40px; } .authen .statues{ display: block; margin: 0 0 0 180px; width: 300px; height: 50px; position: relative; } .authen .statues:after{ content: ''; position: absolute; width: 200px; height: 1px; background: #ccc; top: 5px; left: 50px; } .authen .statues .item{ float: left; width: 33.33%; text-align: center; } .authen .statues .item.cur .icon{ background: #173782; } .authen .statues .item.cur p{ color: #173782; } .authen .statues .icon{ width: 12px; height: 12px; display: block; border-radius: 50%; background: #ccc; margin: 0 auto; position: relative; z-index: 50; } .authen-table{ width: 100%; margin: 40px 0; } .authen .statues p{ height: 35px; line-height: 35px; text-align: center; color: #666; } .authen-table td{ padding: 8px 0; vertical-align: top; } .authen-table .td-l{ width: 300px; padding-left: 180px; line-height: 35px; } .authen-table .td-r .form-txt{ width: 230px; height: 35px; border: 1px solid #ccc; padding: 0 10px; color: #333; } .authen-table .td-r .form-txt.sel{ width: auto; min-width: 120px; margin: 0 5px 10px 0; } .authen-table .td-r .formbox{ position: relative; display: inline-block; } .authen-table .td-r .formbox .form-txt{ width: 300px; } .authen-table .td-r .btn-get{ position: absolute; right: 0; top: 10px; height: 14px; line-height: 14px; padding: 0 15px; border-left: 1px solid #1F547E; color: #1F547E; font-size: 12px; } .authen-table .up-photo-box{ position: relative; margin-bottom: 10px; display: inline-block; } .authen-table .up-photo-box .js-upFile{ position: absolute; width: 100%; height: 100%; opacity: 0; z-index: 20; } .authen-table .up-photo-box .js-showBox{ max-width: 200px; } .authen-table .btn-sub{ padding: 8px 20px; margin-top: 40px; border-radius: 5px; } .user-info-left .up-photo-box{ width: 80px; float: left; position: relative; } .user-info-left .up-photo-box .js-showBox, .user-info-left .up-photo-box .js-showBox img{ width: 80px; height: 80px; display: block; } .user-info-left .btn{ display: block; width: 100%; height: 25px; line-height: 25px; font-size: 12px; text-align: center; margin-top: 5px; } .user-info-left .js-upFile{ position: absolute; bottom: 0; left: 0; width: 100%; height: 25pxpx; opacity: 0; z-index: 20; cursor: pointer; } .user-info-right{ float: right; } .authen-table.user-info-table .td-l img{ vertical-align: middle; margin-right: 5px; } .user-info-table textarea{ width: 300px; height: 100px; border: 1px solid #ccc; padding: 5px; } .user-info-table .btn-sub2{ display: block; width: 70px; height: 30px; line-height: 30px; border-radius: 5px; margin: 30px 0; cursor: pointer; } /*我的任务列表*/ .user-list li{ padding: 15px 0; border-bottom: 1px solid #e0e0e0; position: relative; } .user-list li:nth-last-child(1){ border: 0; } .user-list .adimg{ width: 120px; height: 120px; float: left; margin-right: 20px; } .user-list .info{ float: left; width: 500px; } .user-list .info .tit{ height: 35px; line-height: 35px; font-size: 16px; color: #333; font-weight: normal; } .user-list .info .tips-txt{ height: 20px; line-height: 20px; padding: 0 5px; font-size: 12px; vertical-align: top; display: inline-block; } .user-list .info .tips-txt.tips-yel{ background:#f9a925; color: #fff; } .user-list .info .tips-txt.tips-gray{ background: #999; color: #fff; } .user-list .info .txt{ font-size: 12px; color: #999; height: 20px; line-height: 20px; } .user-list .label-box{ padding: 5px 0; } .user-list .label{ float: left; padding: 0 10px; height: 23px; line-height: 23px; border: 1px solid #1F547E; text-align: center; color: #173782; font-size: 12px; margin-right: 10px; } .user-list .num { color: #666; } .user-list .num .col-red{ font-size: 24px; } .user-list .addre{ float: left; height: 20px; line-height: 20px; position:absolute; top: 40%; margin-top: -10px; left: 430px; width: 390px; color: #999; } .user-list .btnbox{ position: absolute; top: 50%; right: 0; height: 30px; line-height: 30px; margin-top: -15px; } .user-list .btnbox .btn{ display: block; width: 70px; text-align: center; border-radius: 5px; font-size: 12px; } .btn-gray{ background: #999; color: #fff; } .user-list{ margin-bottom: 40px; } .h50{ height: 50px } /*协助*/ .make-list li{ width: 150px; float: left; margin: 0 10px 10px 0; } .make-list a{ display: block; } .make-list .imgbox{ width: 150px; height: 120px; display: block; overflow: hidden; } .make-list .adimg{ width: 100%; height: 120px; display: block; } .make-list .tit{ height: 25px; line-height: 25px; font-size: 14px; font-weight: normal; color: #333; } .make-list .tit:hover{ color: #1F547E; } .make-list p{ color: #999; font-size: 12px; } .make-list .list{ min-height: 300px; margin-bottom: 30px; padding-top: 20px; } .make-list .btn{ display: block; width: 100px; height: 40px; border: 1px solid #1F547E; line-height: 38px; text-align: center; color: #1F547E; margin: 0 auto; } .make-list .btn:hover{ background: #1F547E; color: #fff; } .make-list{ padding-bottom: 30px; } .make-nav li{ float: left; /*margin-right: 75px;*/ padding-right: 75px; text-align: center; background: url(../img/arrow_right.png) no-repeat 80px 15px; background-size: 30px } .make-nav li.cur{ background-image: url(../img/arrow_right_active.png) } .make-nav li:nth-last-child(1){ background: none } .make-nav .icon{ display: block; margin: 0 auto 5px; width: 57px; height: 57px; } .make-nav .name{ color: #666; font-size: 15px; height: 25px; line-height: 25px; font-weight: normal; } .make-nav .cur .name{ color: #1F547E; } .make-main .send-table textarea{ width: 400px; height: 150px; } .make-info .tit{ height: 35px; color: #333; font-size: 18px; font-weight: normal; } .make-info dl dt{ height: 25px; line-height: 25px; } .make-info dl dd{ padding: 1px 0; line-height: 1.4; color: #666; } .make-info .arg{ padding: 10px 0 20px; color: #666; } .make-info .btn-sub{ width: 100px; height: 35px; line-height: 35px; display: block; text-align: center; font-size: 14px; cursor: pointer; } .make-tip{ padding: 40px 0; color: #1F547E; font-size: 24px; font-weight: normal; } .make-label label{ font-size: 0; margin-right: 15px; } .make-label label img{ height: 40px; vertical-align: middle; } .make-label label input{ vertical-align: middle; margin-right: 5px; } .make-btnbox .make-label{ border-bottom: 1px solid #e0e0e0; padding-bottom: 20px; } .make-btnbox .btn{ width: 90px; height: 35px; line-height: 35px; background: #1F547E; color: #fff; margin: 30px 0; float: right; } .search-box{ width: 700px; height: 50px; margin: 0 auto; } .search-box .search{ float: left; width: 600px; height: 50px; border: 1px solid #1F547E; background: #fff; position: relative; padding-left: 60px; border-radius: 5px 0 0 5px; } .search-box .search input{ width: 100%; height: 48px; padding: 0 10px; font-size: 16px; color: #333; } .search-box .search .icon{ height: 30px; width: 50px; background: url(../img/logo.png) no-repeat center center; background-size: 30px; position: absolute; left: 0; top: 9px; border-right: 1px solid #ccc; } .search-box .btn-search{ float: right; height: 50px; font-size: 16px; width: 100px; border-radius: 0 5px 5px 0; cursor: pointer; } .list-main{ width: 100%; margin: 40px auto; background: #fff; } .list-main .list-top{ padding: 30px 20px; border-bottom: 2px solid #f5f5f5; } .list-main .list-top .tit{ height: 18px; line-height: 18px; padding-left: 15px; border-left: 5px solid #1F547E; font-size: 20px; font-weight: normal; margin-bottom: 30px } .list-main .list-top .form-box{ text-align: left; } body{ min-width: 1200px; } .list-main .form-box select{ height: 30px; border: 1px solid #ccc; padding: 0 10px; min-width: 110px; } .list-main .form-box span{ color: #333; font-size: 15px; } .list-main .form-box .btn{ float: right; width: 70px; height: 30px; display: block; background: #1F547E; color: #fff; cursor: pointer; } .list-main .cont{ padding: 30px 20px 50px; } .list-main .goods-list { margin-left: -6px; margin-right: -6px; padding-bottom: 40px; } .list-main .goods-list li{ margin-left: 6px; margin-right: 6px } #leftFixed{ width: 180px } .customer .item{ padding: 8px 5px; } .customer .btn-box .btn:nth-last-child(1){ margin-right: 0 } #leftFixed .btn-close{ position: absolute; bottom: -35px; left: 50%; width: 30px; height: 30px; margin-left: -15px } #leftFixed .btn-close img{ display: block; width: 100%; height: 100%; } .telbox .cont{ width: 300px; height: 100px; line-height: 100px; margin: 0 auto; text-align: center; background: #fff; border-radius: 5px; color: #999; font-size: 12px; } .telbox .btn-close{ display: block; margin: 15px auto 0; width: 30px; } .telbox .cont span{ font-size: 18px; color: #000 } .telbox .btn-close img{ width: 100%; } .btn-meeting{ height: 45px; line-height: 43px; text-align: center; width: 130px; display: block; border: 1px solid #999; border-radius: 40px; margin: 35px auto 50px; color: #999; /* background: #999; color: #fff;*/ color: #fff; border-color: #fff } .btn-meeting:hover{ /* color: #fff; background: #173782; border-color: #173782*/ background: #fff; color: #333 } .meeting-list .btn-box a{ margin: 0 1px } .goods-list .imgbox{ position: relative; } .goods-list .imgbox .icon-tip{ position: absolute; right: 0; width: 120px; top: 0; height: 40px; line-height: 51px; text-align: center; background: #1F547E; font-size: 12px; color: #fff; transform: rotate(45deg) translate(30px,-40px); -webkit-transform: rotate(45deg) translate(30px,-40px); -moz-transform: rotate(45deg) translate(30px,-40px); -ms-transform: rotate(45deg) translate(30px,-40px); } #leftFixed .tit{ font-size: 14px; } .customer .item{ padding: 5px 2px 1px; } #leftFixed{ width: 140px; } .customer .item .txt{ height: 35px; padding-right: 50px; } .customer .btn-box .btn{ width: 100%; margin-bottom: 2px; } #leftFixed .info{ padding: 5px 4px } #leftFixed .info li{ color: #333; height: auto; line-height: 16px; padding: 1px 0; font-size: 12px; } #leftFixed .tit{ height: 30px; line-height: 30px; } #leftFixed .info p{ font-weight: bold; }