@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;}

body{color:#333; font-family:"微软雅黑"; font-size:14px; min-width: 1200px;}

a{text-decoration:none; color:#555;}

input{ outline:none;}

textarea{ resize:none}

a:hover{text-decoration: none; color: #3eb4fa;}

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} 

/*常用类*/



.clearfix::before,.clearfix::after,.clearfix:before,.clearfix:after,.layout::before,.layout::after,.layout:before,.layout: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(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;}

.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: #e5d85f;}

.h40{ height: 40px;}

.indent{ text-indent: 2em;}

.col-yel{ color: #3eb4fa;}



/*顶部*/

.navtop{ width: 100%; height: 35px; background: #dcdcdc; line-height: 35px; }

.layout{ width: 1170px; margin-left: auto; margin-right: auto;}

.navtop .fl{ color: #666;font-size: 12px;}

.navtop .fr{ height: 35px; color: #bfbfbf;}

.navtop .top-item{ display: inline-block; margin: 0 5px;}

.navtop .top-item span{ height: 35px; width: 25px; float: left;}

.navtop .icon-top1,.navtop .icon-top2{ background: url(icon1.png) no-repeat left center;}

.navtop .icon-top2{background-image: url(icon2.png);}

.top-login{ float: right; height: 35px; position: relative; width: 60px;}

.top-login .author{ width: 100%; height: 35px; display: block; text-align: center; font-size: 0;}

.top-login .author img{ width: 23px; height: 23px; border-radius: 50%; vertical-align: middle;}

.top-login:hover .cont{ display: block;}

.top-login .cont{ z-index: 99; display: none; width: 130px; height: 100px; overflow: hidden; background: url(bg1.png) no-repeat center center; position: absolute; top: 34px; left: -37px; padding-top: 18px; box-sizing: border-box;}

.top-login .cont h3{ padding: 0 15px;}

.top-login .cont a{ font-size: 14px;}

.top-login .cont img{ float: left; margin-right: 8px; margin-top: 8px;}

.mt40{ margin-top: 40px;}

/*头部*/

.none {
    display: none;
}

.head .logo,.logo-sx{ float: left; height: 60px; font-size: 0; line-height: 60px;}

.logo-sx{  padding-left: 7px; margin-left: 7px; position: relative;}

.logo-sx:before,.logo-sx::before{ content: ''; position: absolute; width: 1px; height: 46px; left: 0; top: 10px; background: #DCDCDC;}

.head .sel-box{ width: 540px; height: 48px; border: 1px solid #3eb4fa; border-radius: 25px; overflow: hidden; float: left; margin: 5px 0 0 60px;}

.sel-box .form-txt{ width: 400px; float: left; height: 48px; padding-left: 44px; background: url(icon9.png) no-repeat 15px center;}

.sel-box .btn{ width: 80px; float: right; font-size: 16px; height: 48px; text-align: center; background: #3eb4fa; color: #fff;cursor: pointer;}



.tel{ height: 60px; width: 210px;}

.tel-item{ height: 30px; line-height: 30px;}

.tel-item p{ float: left; font-size: 16px; color: #666;}

.tel-item img{ float: left; margin-top: 2px; margin-right: 10px;}



/*导航*/

.nav{ height: 50px; background: #3eb4fa;}

.nav-menu{ float: left; width: 220px; height: 50px; line-height: 50px; position: relative;}

.nav-menu .btn-nav{ display: block; width: 100%; height: 50px; font-size: 16px; background: #337ab7  url(icon10.png) no-repeat 30px center; color: #fff; text-align: center; background-size: 21px;}

.nav-cont{ width: 100%; height: 450px; background: rgba(0,0,0,.7); position: absolute; top: 50px; left: 0; z-index: 999; display: none;}

.nav-menu:hover .nav-cont{ display: block;}



.nav-menu-list{ width: 100%; height: 450px; position: relative; }

.nav-menu-list > li{ width: 100%; height: 75px; line-height: 75px;}



.nav-menu-list > li > a{box-sizing: border-box; height: 75px; display: block; background: url(arrow_r.png) no-repeat 90% center; color: #fff; padding-left: 20px; font-size: 14px; }

.nav-menu-list > li:hover{background: #fff; margin-right: -1px;}

.nav-menu-list > li:hover > a{ color: #3eb4fa; background-image:  url(arrow_r2.png); background-color: #fff; position: relative; z-index: 99; margin-right: -1px; border-left: 1px solid #3eb4fa; border-top: 1px solid #3eb4fa; border-bottom: 1px solid #3eb4fa;}

.nav-menu-list > li:hover .side-cont{ display: block;}

.nav-menu .side-cont{display: none; line-height: 1.5; position: absolute; left: 220px; width: 345px; height: 450px; background: #fff; border: 1px solid #3eb4fa; top: 0; box-sizing: border-box; padding: 10px;}

.nav-menu .side-cont dt a{ display: inline-block; padding: 0 15px; color: #fff; margin-right: 5px; height: 30px; line-height: 30px; background: #3eb4fa;}

.nav-menu .side-cont dt{ margin-bottom: 20px;}

.nav-menu .side-cont dd{ height: 20px; line-height: 20px; float: left; padding: 0 10px; border-right: 1px solid #ccc; margin-bottom: 10px;}

.nav-menu-list > li .icon{ width: 22px; height: 24px; margin-top: 27px; float: left; margin-right: 20px;}

.nav-list{ float: left; margin-left: 10px;}

.nav-list li{ float: left; height: 50px; line-height: 50px; margin: 0 10px;}

.nav-list li:hover,.nav-list li.active{ background: #337ab7;}

.nav-list li a{ padding: 0 20px; color: #fff; font-size: 16px; display: block;}



.icon-nav1{ background: url(nav.png) no-repeat -10px -379px;}

li:hover .icon-nav1{ background: url(nav.png) no-repeat -10px -336px;}

.icon-nav2{ background: url(nav.png) no-repeat -10px -170px;}

li:hover .icon-nav2{ background: url(nav.png) no-repeat -10px -129px;}

.icon-nav3{ background: url(nav.png) no-repeat -10px -466px;}

li:hover .icon-nav3{ background: url(nav.png) no-repeat -10px -422px;}

.icon-nav4{ background: url(nav.png) no-repeat -10px -294px;}

li:hover .icon-nav4{ background: url(nav.png) no-repeat -10px -252px;}

.icon-nav5{ background: url(nav.png) no-repeat -10px -10px;}

li:hover .icon-nav5{ background: url(nav.png) no-repeat -10px -49px;}

.icon-nav6{ background: url(nav.png) no-repeat -10px -88px;}

li:hover .icon-nav6{ background: url(nav.png) no-repeat -10px -211px;}




/*轮播图*/

.index-banner{ height: 450px; width: 100%;}

.index-banner .swiper-slide{ width: 100%; height: 450px;}

.index-banner .swiper-slide a{ display: block; width: 100%; height: 450px; background-size: 1920px 450px; background-position: center center; background-repeat: no-repeat;}

.swiper-pagination-bullet-active{ background:#3eb4fa ;}

.index-banner { position: relative;}

.index-banner .layout{ position: absolute; top: 0; height: 450px; left: 50%; margin-left: -585px;}

.index-banner .fixed-box{ position: absolute; z-index:20; right: 0; width: 265px; height: 370px; top: 50%; margin-top: -185px; background: #fff;}

.index-banner .fixed-box{ width: 220px; }

.index-banner .top-list{ margin: 20px 20px 15px; padding: 1px; border-bottom: 1px solid #DCDCDC;}

.index-banner .top-list li{ width: 50%; float: left; text-align: center; margin-bottom: 15px;}

.index-banner .top-list li:hover p{ color:#3eb4fa ;}

.index-banner .top-list img{ width: 50px; height: 50px; margin-bottom: 5px;}

.index-banner .top-list p{ height: 25px; line-height: 25px; color: #000;}

.index-banner .new-list{margin: 0 20px;}

.index-banner .new-list dt{ height: 30px; line-height: 30px; background: url(icon15.png) no-repeat left center; padding: 0 25px; font-size: 16px; margin-bottom: 5px;}

.index-banner .new-list dt a{ color: #333;}

.index-banner .new-list dd{ height: 25px; line-height: 25px; padding-left:25px; background: url(icon16.png) 8px center no-repeat;}





/*首页中部*/

.index-main{ margin: 30px 0 0;}

.indtye-list{ margin: 0 -4px;}

.indtye-list li{ width: 384px; height: 180px; margin: 0 4px; float: left; background-repeat: no-repeat; border-radius: 10px; box-sizing: border-box; padding: 30px 20px 0; color: #fff;}

.indtye-list li.bg1{ background-image: url(bg2.jpg);}

.indtye-list li.bg2{ background-image: url(bg3.jpg);}

.indtye-list li.bg3{ background-image: url(bg4.jpg);}

.indtye-list .tit{ height: 42px; font-weight: normal; font-size: 24px;}

.indtye-list .txt img{ margin-right: 8px;}

.indtye-list .txt{ font-size: 15px; margin-bottom: 35px;}

.indtye-list .btn-red{ display: inline-block; height: 30px; line-height: 30px; padding: 0 30px 0 20px; border-radius: 20px; color: #fff; background-image: url(arrow_r3.png); background-position: 85% center; background-repeat: no-repeat;}



.btn-red{ color: #fff; background: #fb1b2c;}



.h-ml15,.h-mr15,.h-pr15{ transition: all .5s;}

.h-ml15:hover{ margin-left: 15px; }

.h-mr15:hover{ margin-right: 15px;}

.h-pr15:hover{ padding-right: 15px;}





.index-tit{ height: 45px; line-height: 45px; border-bottom: 1px solid #ccc; font-weight: normal; position: relative; margin-bottom: 20px;}

.index-tit .fl{ color: #000; font-size: 20px; background: url(bg5.png) left bottom no-repeat; position: absolute; left: 0; top: 0;}

.index-tit .topnav{ margin: 0 auto; text-align: center;}

.index-tit .topnav li{ height: 18px; line-height: 18px; border-right: 1px solid #ccc; padding: 0 10px; display: inline-block; font-size: 14px;}

.index-tit .topnav li:nth-last-child(1){ border: 0;}

.index-tit .fr{ position: absolute; right: 0; top: 0;}

.index-tit .topnav li a:hover{ color: #fd5308;}

.more{ font-size: 14px;}



.goods-list{ margin: 0 -5px;}

.goods-list li{ width: 224px; margin: 0 5px 10px; border: 1px dashed #DCDCDC; float: left;}

.goods-list li:hover{ box-shadow: 0 0 10px #ccc;}

.goods-list .img-box{ width: 100%; height: 224px; overflow: hidden; display: block;}

.goods-list .img-box .ad-img{ width: 100%; height: 224px;display: block;} 

.goods-list .info{ padding: 0 10px 5px;}

.goods-list .info .tit{ height: 35px; border-bottom: 1px dashed #DCDCDC; line-height: 35px; font-size: 14px;}

.goods-list .tit a{ color: #333;}

.goods-list .tit a:hover{ color: #3eb4fa;}



.goods-list .pic{ height: 35px; line-height: 35px; text-align: center;}

.goods-list .pic .col-red{ font-size: 18px; margin-right: 10px;}

.goods-list .pic .sm{ color: #666; vertical-align: 2px; font-size: 12px;}



.attribute .goods-list li{ margin-left: 3px; margin-right: 3px;}

.col-red{ color: #fd3925;}

.goods-list .btn{ width: 86%; margin: 10px auto 5px; color: #fff; height: 35px; line-height: 35px; display: block; border-radius: 20px; font-size: 15px; text-align: center;}

.btn-yel{ background: #3eb4fa; color: #fff;}



/*新闻*/

.index-new .new-tit{ height: 40px; line-height: 40px; margin-bottom: 5px;}

.index-new .item{ width: 570px;}

.index-new .more img{ margin-right: 5px; vertical-align: -1px;}

.index-new .new-tit .fl{ font-size: 18px; color: #454545;}

.index-new .list{ width: 100%; height: 262px; border: 1px solid #ccc; box-sizing: border-box; padding: 10px;}

.index-new .list li{ height: 40px; line-height: 40px; background: url(arrow_r5.png) no-repeat 9px center; padding-left: 30px; background-size: 6px;}

.index-new .list .tit{ float: left; width: 330px; font-size: 15px;}

.index-new .list .date{ font-size: 13px; color: #666;}



.index-main .link-img{ display: block; margin: 10px 0;}



.index-link{ text-align: center; border-top: 1px solid #ccc; padding: 25px 0 30px;}

.index-link li{ display: inline-block; height: 60px; margin: 0 15px;}

.index-link img{ width: 60px; height: 60px; float: left;}

.index-link .info{ width: ; height: 60px; float: left;text-align: left; margin-left: 8px; color: #666;}

.index-link h3{ height: 25px; padding-top: 5px; line-height: 25px; font-size: 16px;}

.index-link p{ height: 20px; line-height: 20px; font-size: 12px; }





/*尾部*/

.foot{ background: #434343; color: #fff;}

.foot .foot-top{font-size: 14px;  line-height: 1.6; padding: 28px 0; border-bottom: 1px solid #707070; text-align: center;}

.foot .foot-top a{ margin-right: 20px; color: #fff;}

.foot .foot-top img{ margin-right: 5px; vertical-align: -3px}

.coyright{ height: 40px; text-align: center; line-height: 40px; background: #1b1b1b;}

.foot-cont{ padding: 30px 40px 40px;}

.foot-cont dl{ float: left; margin-right: 90px;}

.foot-cont dt{ font-size: 15px; margin-bottom: 18px;}

.foot-cont dd{ margin-bottom: 12px;}

.foot-cont dd a{ color: #f5f5f5;}

.foot-cont > .code-box{ padding-left: 80px; border-left: 1px solid #DCDCDC; }

.foot-cont .code-box .code{ width: 120px; height: 120px; margin-right: 20px; float: left;}

.foot-cont .code-box .info{ float: left;}

.foot-cont .code-box p{ padding: 2px 0; font-size: 12px;}

.foot-cont .code-box a{ color: #fff;}

.foot-logo{ margin-bottom: 10px; width: 109px; height: 33px; display: block;}

.foot a:hover{

	color: #3eb4fa

}

/*在线下单*/

.order-stpe{ padding: 15px; background: #f5f5f5;}

.order-stpe .layout{ background: #fff; border: 1px solid #e5e5e5; box-sizing: border-box; padding: 5px 20px;}



.ordstp-tit{ height: 40px; line-height: 40px; border-bottom: 1px solid #e5e5e5; font-size: 16px; color: #000;}

.ordstp-tit img{ margin-right: 5px; vertical-align: -4px; height: 20px;}

.ordstp-table{ width: 100%; margin: 30px 0;}

.ordstp-table td{ padding: 10px 0; font-size: 14px; color: #666;}

.ordstp-table .td-l{ width: 120px; padding-right: 10px; line-height: 35px; vertical-align: top; text-align: right; color: #999;}

.ordstp-table .td-l em{ color: #fa1a1a; margin-right: 5px; font-size: 16px;}

.ordstp-table .form-txt{ width: 450px; padding-left: 10px; box-sizing: border-box; color: #333; height: 35px; border: 1px solid #ccc; box-sizing: border-box;}

.ordstp-table select.form-txt.shor{ width: auto; padding: 0 5px; border-radius: 5px;}

.ordstp-table input.form-txt.shor{ border-radius: 5px; width: 320px;}

.ordstp-table .tips-txt{ padding: 5px 0; line-height: 1.5; color: #666; width: 90%;}

.ordstp-table .add-txt{ padding: 5px 0; font-size: 12px; color: #999;}

.ordstp-table textarea{ box-sizing: border-box; padding: 10px; width: 560px; border: 1px solid #ccc; height: 140px;}



.ordspe-info{ background: #eee; padding: 20px 45px;}

.ordspe-info dt{ color: #000; font-size: 16px; margin-bottom: 5px;}

.ordspe-info dd{ line-height: 1.6; color: #999; padding: 2px 0;}



.label-icon{ cursor: pointer;}

.label-icon .icon{ width: 14px; height: 14px; box-sizing: border-box; border: 1px solid #ccc; display: inline-block; border-radius: 50%; vertical-align: 0;}

.label-icon input:checked + .icon{ border: 0; background: url(icon26.png) no-repeat; background-size: 14px;}

.agree-txt{ padding: 15px 0; color: #000; font-size: 14px;}

.order-stpe .btn-sub{ width: 150px; height: 45px; line-height: 45px; font-size: 16px; border-radius: 25px; display: block; margin: 50px auto 40px; cursor: pointer;}



.ordstp-table label{ margin-right:10px;}

.ordstp-table label input{ vertical-align: -2px;}

.ordstp-table .label-sm{ vertical-align: -2px;}

.ordstp-table .btn{ display: inline-block; padding: 3px 10px; border: 1px solid #ccc; color: #666; margin-left: 15px;}

.ordstp-table .btn:hover{ border-color: #3eb4fa; background: #3eb4fa; color: #fff;}

.ptb7{ padding-top: 7px; padding-bottom: 7px;}

.ordstp-table .code-box{ width: 200px; margin: 15px 0;}

.ordstp-table .code-box img{ width: 200px; height: 200px; display: block; margin-bottom: 5px;}

.ordstp-table .code-box .txt{ height: 25px; line-height: 25px; text-align: center;}





.online-item{ display: none;}

.first-cont{ display: none; margin: 10px auto; background: #f7f6f7; padding: 20px 70px 15px; box-sizing: border-box; width: 80%;}

.first-cont h3{ font-size: 22px; font-weight: normal; text-align: center; margin-bottom: 15px;}

.first-cont p{ font-size: 14px; text-align: center}



/*下单成功*/

.order-stpe .success{ width: 640px; padding: 50px 0 60px; margin: 0 auto;}

.order-stpe .success img{ display: block; margin: 0 auto 15px;}

.order-stpe .success h2{ text-align: center; font-size: 24px; color: #333;}

.order-stpe .success .txt{ padding: 30px 180px 40px; border-bottom: 1px dashed #e0e0e0;; margin-bottom: 35px;}

.order-stpe .success .txt p{ line-height: 1.6; color: #666; padding: 2px 0; font-size: 15px}

.order-stpe .btn-box{ padding: 60px 0; text-align: center;}

.order-stpe .btn-box .btn{ display: inline-block; padding: 4px 18px; margin: 0 45px; line-height: 1.6; border: 1px solid #ccc; border-radius: 10px;}

.order-stpe .btn-box .btn-yel{ border-color: #3eb4fa; color: #fff;}



/*宽带资费*/



.other-main{ padding: 15px 0;}

.broband-item{ padding:20px; background: #fff; box-shadow: 0 0 15px #ccc; margin-bottom: 20px;}

.tab{ height: 35px; border-bottom: 1px solid #3eb4fa; margin-bottom: 20px;}

.tab-list{ height: 35px; font-size: 15px;}

.tab-list li{ float: left; height: 35px; line-height: 35px; position: relative;}

.tab-list li:after,.tab-list li::after{ position: absolute; content: ''; width: 1px; height: 25px; background: #DCDCDC; right: 0; top: 5px;}

.tab-list li.active:after,.tab-list li.active::after{ display: none;}

.tab-list li.active{ background: #3eb4fa;}

.tab-list li.active a{ color: #fff; background: url(icon29.png) no-repeat center bottom;}

.tab-list li a{ display: block; color: #666; padding: 0 25px; height: 44px; line-height: 35px;}

.tab-list a:hover{ color: #3eb4fa;}



.broband-table{ width: 100%; border-left: 1px dashed #ccc; border-top: 1px dashed #ccc; box-sizing: border-box; }

.broband-table th{ padding: 8px 0; color: #333; font-size: 14px; border-right: 1px dashed #ccc; border-bottom: 1px dashed #ccc;}

.broband-table td{border-right: 1px dashed #ccc; color: #666; border-bottom: 1px dashed #ccc; line-height: 1.5;}

.broband-table .td1{ padding: 0 15px; text-align: center;}

.broband-table .td2{ text-align: center; font-size: 16px; }

.broband-table .td2-item,.broband-table .td3-item{height: 80px; line-height: 80px; border-bottom: 1px dashed #ccc;}

.broband-table .td3-item{ line-height: 1.5;}

.broband-table .td3{ text-align: center;}

.broband-table .td3 .table-box{ height: 80px; width: 100%;}

.broband-table .td3 .name,.broband-table .td3 .date{ font-size: 12px;}

.broband-table .td3 .name{ border-bottom: 1px dashed #ccc; padding-bottom: 5px; margin-bottom: 5px; height: 40px;}

.broband-table .td2-item:nth-last-child(1),.broband-table .td3-item:nth-last-child(1){ border-bottom: 0;}

.broband-table .td4{ padding: 0 15px; font-size: 14px; line-height: 1.6;}

.broband-table .btn{ padding: 5px 17px; line-height: 1.5; font-size: 14px; display: inline-block; border-radius: 10px; color: #fff; box-shadow: 0 0 10px #ccc;}



.col-green{ color: #10c063;}

.broband-table .td-end{ padding: 10px 15px; line-height: 1.7; font-size: 13px;}

.broband-table .four-item{ height: 40px; font-size: 14px; border-bottom: 1px dashed #ccc; line-height: 40px; }

.broband-table .four-item:nth-last-child(1){ border: 0;}

.broband-table .td4-item{ padding: 5px 15px; border-bottom: 1px dashed #ccc; margin: 0 -15px;}

.broband-table .td4-item:nth-last-child(1){border: 0;}

.mt-1{ margin-top: -1px;}





/*手机资费*/

.number-tit{ padding: 5px 0; color: #666; font-size: 14px;}

.number-table{ width: 100%; box-sizing: border-box;}

.number-table th{ background:#3eb4fa; color: #fff; padding: 8px 0;}

.number-table td:nth-child(1){ border-left: 1px dashed #ccc;}

.number-table td{color: #666; text-align: center; border-right: 1px dashed #ccc; border-bottom: 1px dashed #ccc;}

.number-table .four-item{ height: 70px; line-height: 70px; border-bottom: 1px dashed #ccc;}

.number-table .four-item:nth-last-child(1){ border: 0;}

.number-table .td-cont{ text-align: left; padding: 0 15px; font-size: 15px; line-height: 1.7;}

.number-table .table-box{ height: 70px; width: 100%;  line-height: 1.5; font-size: 12px; text-align: left; }

.number-table .table-box .table-middle{ padding: 0 10px;}

.number-table .td-txt{ padding: 12px 10px; text-align: left; line-height: 1.6;}



.number-info{ padding: 10px 0; color: #666; line-height: 1.7;}



.rowspan{ padding: 10px; text-align: left;}

.number-table .td-t{ padding: 10px; text-align: left; line-height: 1.5; font-size: 12px;}



/*实名认证*/



.pages-nav{ height: 40px; line-height: 40px; font-size: 14px; color: #666;}

.real{ width: 100%; box-sizing: border-box; box-shadow: 0 0 15px #ccc; padding: 30px 15px;}

.reakl-tit{ width: 90%; margin: 0 auto; padding: 10px 0 20px; border-bottom: 1px solid #e0e0e0; font-size: 20px; text-align: center;}



.real-cont{ padding: 35px 0;}

.real-item{ width: 250px; border: 1px solid #e0e0e0; border-radius: 15px; margin: 0 20px; display: inline-block; position: relative;}

.real-item .js-showBox{ line-height: 120px; padding: 20px 10px 0; height: 140px; box-sizing: border-box;}

.real-item p{ height: 40px; line-height: 40px; color: #333;}

.real-item .js-upFile{ position: absolute; width: 100%; height: 100%; opacity: 0; z-index: 9; top: 0; left: 0;}

.real-item img{vertical-align: middle; max-width: 100% !important; width: auto !important; height: auto !important; max-height: 100% !important;}



.real .btn{ width: 140px; height: 40px; line-height: 40px; display: block; margin: 70px auto 80px; font-size: 16px; border-radius: 20px; cursor: pointer;}





/*右侧悬浮*/

#onlineFixed{ width: 170px; background: #fff; border-radius: 20px; padding: 10px 15px; box-sizing: border-box; position: fixed; right: 20px; z-index: 999; top: 50%; margin-top: -200px; box-shadow: 0 0 20px #ccc;}

#onlineFixed .tit{ height: 25px; line-height: 25px; text-align: center; font-size: 16px;}

#onlineFixed .line{ display: block; width: 30px; height: 2px; background: #3eb4fa; margin: 5px auto 20px;}

#onlineFixed .list{ width: 100%;}

#onlineFixed .list li{text-align: center; height: 32px; line-height: 30px; border: 1px solid #bfbfbf; box-sizing: border-box; margin-bottom: 5px; border-radius: 10px;}

#onlineFixed .list li:hover{ background: #3eb4fa; border-color: #3eb4fa;}

#onlineFixed .list li:hover a{ color: #fff;}

#onlineFixed .list a{ display: block;}

#onlineFixed .list span{ width: 19px; height: 19px; display: inline-block; margin-right: 0;  vertical-align: -6px;}

#onlineFixed .code-img{ width: 120px; height: 120px; display: block; margin: 0 auto 5px;}

#onlineFixed p{ color: #0062b2; font-size: 12px; text-align: center;}

.icon-online1{ background: url(online.png) no-repeat -10px -10px;}

.icon-online2{ background: url(online.png) no-repeat -10px -84px;}

.icon-online3{ background: url(online.png) no-repeat -10px -158px;}

.icon-online4{ background: url(online.png) no-repeat -10px -232px;}



li:hover .icon-online1{ background: url(online.png) no-repeat -10px -47px;}

li:hover .icon-online2{ background: url(online.png) no-repeat -10px -121px;}

li:hover .icon-online3{ background: url(online.png) no-repeat -10px -195px;}

li:hover .icon-online4{ background: url(online.png) no-repeat -10px -270px;}





/*订单查询*/

.query-state{ padding: 20px 0;}

.query-state ul{ margin: 0 auto; width: 570px; text-align: center; border-bottom: 1px solid #e0e0e0; padding-bottom: 20px;}

.query-state li{ width: 33.33%; float: left; position: relative;}



.query-state li:after,.query-state li::after{ position: absolute; content: ''; width: 100%; height: 7px; top: 11px; right: 50%; background: #bfbfbf;}

.query-state li:nth-child(1):after,.query-state li:nth-child(1)::after{ display: none; }

.query-state .icon{position: relative; width: 30px; height: 30px; z-index: 10; display: block; margin: 0 auto 5px; background: url(icon31.png) no-repeat;background-size: 30px 30px; background-color: #bfbfbf; border-radius: 50%;}

.query-state p{ text-align: center; font-size: 14px; height: 25px; line-height: 25px; color: #bfbfbf;}



.query-state li.current .icon{ background-image: url(icon32.png);}

.query-state li.current:after,.query-state li.current::after{ background-color: #014189;}

.query-state li.current p{ color: #014189;}



.bgf5{ background: #F5F5F5;}

.bgf{ background: #fff}

.query-order{ box-shadow: 0 0 20px #ccc;}

.query-det{ padding: 30px 200px;}

.query-table{ width: 100%; margin: 30px 0;}

.query-table td{ padding: 5px 0; color: #666; font-size: 15px;}

.query-table .td-l{ width: 250px; text-align: right; padding-right: 10px;}

.query-det .tit{ text-align: center; height: 35px; line-height: 35px; font-size: 18px;}

.query-det .tit-icon{ margin: 0 auto; width: 45px; height: 4px; background: #3eb4fa; display: block;}





/*商品分类*/

.goods-left{ width: 220px; float: left;background: #f5f5f5;}

.goods-left > .tit{ width: 100%; height: 40px; line-height: 40px; background: #3eb4fa; color: #fff; font-size: 15px; text-align: center;}

.goods-nav{ padding: 5px 10px;}

.goods-nav .nav-item:nth-last-child(1) .btn-item{ border-bottom: 0;}

.goods-nav .nav-item .btn-item{ height: 40px; line-height: 40px; border-bottom: 1px dashed #ccc; display: block; font-size: 15px;}

.goods-nav .nav-item span{ width: 30px; height: 40px; float: left; margin-left: 30px; margin-right: 5px; background-position: center center; background-repeat: no-repeat;}

.goods-nav .arrow{transition: all .5s; float: right; margin-top: 17px; margin-right: 25px; height: 7px;}

.goods-nav .active .arrow{ transform: rotate(180deg);}

.icon-goods1{ background-image: url(goods1.png); }

.icon-goods2{ background-image: url(goods2.png); }

.icon-goods3{ background-image: url(goods3.png); }

.icon-goods4{ background-image: url(goods4.png); }

.icon-goods5{ background-image: url(goods5.png); }

.icon-goods6{ background-image: url(goods6.png); }

.goods-nav .item-list{ padding: 5px 0; display: none;}



.goods-nav .item-list a{ display: block; padding: 5px 0; text-align: center;}





.goods-cont{ width: 940px; padding: 0 10px; float: right; box-sizing: border-box; border: 1px solid #ccc;}



.goods-sel{ width: 100%; height: 40px;}

.goods-sel .cont{ width: 300px; height: 35px; border: 1px solid #e0e0e0; border-radius: 10px; overflow: hidden; float: right;}

.goods-sel .cont .form-txt{ padding-left: 10px; height: 35px; background: url(icon9.png) no-repeat 10px center; color: #666; padding-left: 30px;}

.goods-sel .cont .icon{ cursor: pointer; float: right; width: 60px; height: 35px; background: #eee; color: #333;}



.attribute .attrtop{ padding: 0 10px; height: 35px; line-height: 35px; font-size: 14px; border-top: 1px solid #ccc; background: #f5f5f5; margin: 10px 0;}

.attr-table{ width: 100%; margin: 5px 0 25px;}

.attr-table td{ border-bottom: 1px solid #e0e0e0; padding: 10px 0;}

.attr-table .td-l{ width: 70px; text-align: right; color: #666; font-weight: bold; padding-right: 15px;}

.attr-table .td-r a{ margin-right: 35px;}



.goods-cont{ padding-bottom: 40px;}



/*商品详情*/

#showbox { background:#f5f5f5; border-bottom: 1px solid #e0e0e0;}

#showbox span { background:url(whitebg.png) repeat;}

#showsum { left:25px; margin-top:10px;}

#showsum span { border:1px solid #ddd;}

#showsum span.sel { border:1px solid #3eb4fa;}



.showpage { width:400px; position:relative;}

.showpage a { display:block; width:15px;  height:60px; line-height:60px; font-family: '宋体'; text-align:center; font-size:20px; font-weight: bold; position:absolute; left:0; top:-62px; text-decoration:none; color:#999;}

.showpage a#shownext { left:auto; right:0;}



.goods-big{ float: left; border: 1px solid #ccc; padding-bottom: 12px;}

.showpage a:hover{ color: #3eb4fa;}



.goods-info{ border: 1px solid #ccc; padding: 5px 15px 15px; margin-bottom: 15px;}



.attr-info{ float: right; width: 710px;}

.attr-info .attr-tit{ padding: 15px 0 15px; font-size: 20px; color: #000;}

.attr-info .sm-txt{ padding-bottom: 10px; font-size: 15px; color: #999; border-bottom: 1px solid #eee;}

.attr-info .attr{ padding: 10px 0; border-bottom: 1px solid #e0e0e0;}

.goods-attr-table td{ padding: 5px 0; color: #666;}

.goods-attr-table .td-l{ width: 70px; padding-right: 10px; font-size: 15px; color: #333; text-align: right;}

#showbox p{ z-index: 99;}

.attr-info .txt{ padding: 15px 0; border-bottom: 1px solid #e0e0e0;}

.attr-info .txt p{ color: #666; font-size: 14px; margin-bottom: 3px; line-height: 1.6;}

.attr-info .btn{ display: inline-block; padding: 9px 40px; margin-top: 40px; border-radius: 10px; font-size: 16px; color: #fff;}



.goods-bottom{ border: 1px solid #ccc;}

.goods-bottom .goods-tab{ width: 1100px; margin: 10px auto 15px;}

.goods-tab ul{ height: 40px; line-height: 40px; border: 1px solid #e0e0e0;}

.goods-tab ul li{ float: left;}

.goods-tab a{ display: block; box-sizing: border-box; width: 130px; height: 40px; text-align: center; border-right: 1px solid #e0e0e0;}

.goods-tab li.active a{ border-top: 3px solid #3eb4fa; margin-top: -3px; color: #3eb4fa;}

.goods-bottom .cont-item{ width: 1100px; margin: 0 auto;}



.comment-list li{ padding: 10px 0; border-bottom: 1px dashed #e0e0e0;}

.comment-list li:nth-last-child(1){ border: 0;}

.comment-list { margin-bottom: 30px;}

.comment-list .author{ width: 60px; height: 60px; float: left; border-radius: 50%;}

.comment-list .info{ float: left; width: 700px; margin-left: 15px;}

.comment-list .name{ height: 30px; line-height: 30px; font-size: 15px; color: #333;}

.comment-list .date{ color: #999; font-size: 12px; margin-bottom: 5px;}

.comment-list .txt{ padding: 10px 0; width: 80%; font-size: 14px; color: #666;}



.comment-list .photo-box img{ max-width: 100px; max-height: 100px;}

.comment-list .photo-box a{ float: left; margin-right: 5px; margin-bottom: 5px; height: 100px; font-size: 0; line-height: 100px; width: 100px;}





/*登录*/

.login{ background: url(bg6.jpg) no-repeat center center; background-size: 1920px 624px; height: 624px; box-sizing: border-box;}

.login-box{border-radius: 5px; height: 375px; width: 380px; float: right; background: #fff; margin-top: 110px;} 

.login-tab{ width: 100%; border-bottom: 1px solid #ccc; height: 40px; line-height: 40px; padding-top: 20px;}

.login-tab ul{ height: 40px; padding: 0 15px;}

.login-tab li{ text-align: center; width: 50%; float: left;}

.login-tab a{ display: inline-block; height: 40px; line-height: 40px; font-size: 16px; box-sizing: border-box; color: #999; padding: 0 15px;}

.login-tab li.active a{ border-bottom: 2px solid #000; color: #000;}

.login-box .content{ padding: 20px 25px;}

.login-box .form-txt,.res-box .form-txt{height: 40px; border: 1px solid #ccc; margin-bottom: 15px; position: relative;}

.login-box .form-txt span,.res-box .form-txt span{ height: 30px; position: absolute; top: 5px; left: 0; width: 42px; border-right: 1px solid #ccc;}

.login-box .form-txt input,.res-box .form-txt input{ width: 100%; padding-left: 55px; color: #333; height: 40px; box-sizing: border-box}

.icon-login1,.icon-login2,.icon-login3{ background: url(icon33.png) no-repeat center center; background-size: 14px; }

.icon-login2{ background-image: url(icon34.png);background-size: 14px; }

.icon-login3{ background-image: url(icon36.png);background-size: 16px; }

.login-box .tips{ height: 30px; line-height: 30px; color: #666; margin-bottom: 10px;}

.login-box .btn-block,.res-box .btn-block{ width: 100%; height: 45px; line-height: 45px; margin-bottom: 15px; font-size: 16px; text-align: center; display: block; border: 1px solid #ccc; color: #666; box-sizing: border-box; cursor: pointer;}

.login-box .btn-block.btn-yel,.res-box .btn-block.btn-yel{ border: 0; color: #fff;}

.login-code .code-img{ width: 170px; height: 170px; display: block; margin: 15px auto 12px;}

.login-code p{ text-align: center; font-size: 14px;}

.login-code .bottom{ height: 30px; line-height: 30px; color: #999; margin-top: 40px;}

.login-code .bottom a{ margin: 0 5px;}

.login-code .bottom img{ height: 16px; vertical-align: -3px; margin-right: 1px;}

 



.foot.foot-sm,.foot.foot-sm .coyright{ background: transparent; color: #666;}

.foot.foot-sm a{ color: #666;}



.foot.foot-sm .foot-top{ border-color: #ccc;}





.res-box{ width: 550px;height: 520px; padding: 0 30px; box-sizing: border-box; border-radius: 20px; margin: 70px auto; background: #fff;}

.res-box .form-box{ padding: 20px 80px;}

.res-box .res-tit{ height: 40px; line-height: 40px; text-align: center; font-size: 16px; margin-bottom: 15px;}

.res-box .form-txt.code span{ left: initial; right: 0; width: 90px; text-align: center; border-right: 0; border-left: 1px solid #e0e0e0;}

.res-box .form-txt.code span img{ height: 30px; width: 80px;}

.res-box .form-txt.code input{ padding-left: 10px;}

.res-box .code-img{ width: 220px; height: 220px; display: block; margin: 60px auto 15px;}

.res-box .code-form p{ text-align: center;}

.res-box .btn-back{ width: 100px; height: 40px; line-height: 40px; float: right; background: #eee; font-size: 15px; color: #333; border-radius: 10px; text-align: center; margin-top: 60px;}

.res-box .btn-back:hover{ background: #3eb4fa; color: #fff;}





/*找回密码*/

.forget-tit{ padding:  45px 0 30px; text-align: center;}

.forget-tit h2{ font-size: 20px;}

.forget-tit .icon{ width: 50px; height: 3px; background: #afaeac; display: block; margin: 6px auto 0}





.res-box .form-txt.code .btn-get{ position: absolute; right: 0; height: 30px; background: #fff; width: 100px; color: #3eb4fa; border: 0; top: 5px; border-left: 1px solid #e0e0e0; cursor: pointer;}



/*个人中心*/

.user-main{ background: #f5f5f5;}

.user-left{ width: 210px; border: 1px solid #e0e0e0; background: #fff; float: left;}

.user-left .author-top{ text-align: center; padding: 30px 0 20px;}

.user-left .author-img{ width: 70px; height: 70px; border-radius: 50%; margin-bottom: 10px;}

.user-left .name{ padding: 0 10px; font-size: 15px; color: #000; margin: 0 0 10px;}

.user-left .author-top .btn{width: 62px; display: inline-block; padding: 4px 0; font-size: 12px; border-radius: 30px; color: #fff;}

.btn9{ background: #999;}

.user-list{ padding: 5px 0 35px;}

.user-list li{ width: 100%; height: 40px; line-height: 40px; margin-bottom: 5px;}

.user-list li.active a{ background-color: #3eb4fa; color: #fff; background-image: url(arrow_r6.png);}

.user-list a{ display: block; background: url(arrow_r5.png) no-repeat 93% center; background-size: 6px;}

.user-list span{ width: 20px; height: 20px; float: left; margin-top: 11px; margin-left: 25px; margin-right: 30px; background-image: url(user.png); background-repeat: no-repeat;}





.user-list .icon-user1{ background-position: -10px -496px; }

.user-list .icon-user2{ background-position: -10px -80px;}

.user-list .icon-user3{ background-position: -10px -154px;margin-top: 12px;}

.user-list .icon-user4{ background-position: -10px -45px; margin-top: 13px;}

.user-list .icon-user5{ background-position: -10px -302px;}

.user-list .icon-user6{ background-position: -10px -378px;}

.user-list .icon-user7{ background-position: -10px -265px;}





.user-list .icon-user8{ background-position: -12px -559px;}



.user-list .active .icon-user1{ background-position: -10px -456px; }

.user-list .active .icon-user2{ background-position: -10px -117px;}

.user-list .active .icon-user3{ background-position: -10px -191px;}

.user-list .active .icon-user4{ background-position: -10px -10px;}

.user-list .active .icon-user5{ background-position: -10px -340px;}

.user-list .active .icon-user6{ background-position: -10px -417px;}

.user-list .active .icon-user7{ background-position: -10px -228px;}

.user-list .active .icon-user8{ background-position: -12px -527px;}



.user-cont{ width: 950px; float: right;}

.user-cont .pages-nav{ background:#fff; border: 1px solid #e0e0e0; padding: 0 15px;}

.user-cont .cont{ border: 1px solid #e0e0e0; min-height: 680px; margin-bottom: 30px; background: #fff; padding: 0 10px 30px; margin-top: 5px;}



.order-sel{ padding: 20px 0;}

.order-sel table{ width: 80%;}

.order-sel td{ padding: 0 10px; line-height: 28px;}

.order-sel .form-txt{ border: 1px solid #ccc; height: 28px; padding: 0 10px; box-sizing: border-box;}

.order-sel .btn{ padding: 5px 17px; cursor: pointer; border-radius: 20px; font-size: 15px;}



.order-table{width: 100%; margin-bottom: 40px;}

.order-table th{ background: #f5f5f5; color: #333; font-weight: bold; text-align: center; padding: 8px 0;}

.order-table .img-box img{ width: 60px; height: 60px;}

.order-table td{ padding: 10px 5px; border-bottom: 1px dashed #e0e0e0; text-align: center;}

.order-table .td1{ width: 200px; text-align: left;}

.tr-div{ display: block;}

.order-table .td1 span{  margin-left: 5px;}

.order-table .btn{ display: block; margin: 5px auto; width: 80px; height: 25px; line-height: 25px; font-size: 13px;}

.order-table .btn.btn-yel{ color: #fff;}

.order-table tr:hover{ background: #fafafa;}

.user-cont .cont .query-state{ margin-top: 15px;}





.user-cont .query-table .td-l{ width: 200px;}





/*我的资产*/

.assets{ padding: 0 15px;}

.assets .asstop{ height: 80px; line-height: 80px; color: #999;}

.assets .asstop span{ margin: 0 5px;}

.ass-table{ width: 100%;}

.ass-table th{ padding: 9px 0; background: #f5f5f5; text-align: center;}

.ass-table td{ text-align: center; padding: 12px 0; border-bottom: 1px dashed #e0e0e0; color: #666;}

.ass-table .td-l{ font-size: 13px;}

.ass-table .td-c{ padding: 0 10px;}



.user-tab{ height: 40px; line-height: 40px; border-bottom: 1px solid #e0e0e0;}

.user-tab ul{ height: 40px}

.user-tab li{ float: left; margin: 0 15px;}

.user-tab a{ display: inline-block; padding: 0 10px; height: 40px; line-height: 40px; box-sizing: border-box;}

.user-tab .active a{ border-bottom: 3px solid #3eb4fa; color: #3eb4fa;}

.mtb15{ margin-top: 15px; margin-bottom: 15px;}



/*会员推广*/

.spread{ padding: 10px 0;}

.spread .bg-img{ width: 100%; margin-bottom: 60px;}

.spread table{ width: 80%; margin: 0 auto;}

.spread td{ vertical-align: top;}

.spread .td-l{ width: 160px; text-align: right; padding-right: 20px;}

.spread .td-l .num{ font-size: 16px; width: 24px; line-height: 24px; height: 24px; display: inline-block; background: #f39800; color: #fff; text-align: center; border-radius: 50%;}

.spread .td-r{ line-height: 1.7; color: #666; font-size: 15px;}

.spread .code-img{ width: 190px; height: 190px; padding: 2px; border: 1px solid #e0e0e0; margin-top: 25px;}



/*修改个人资料*/



.user-info{ padding: 45px 100px;}

.user-info-table{ width: 100%; color: #666;}

.user-info-table td{ padding: 10px 0;}

.user-info-table .td-l{ text-align: right; padding-right: 10px; width: 210px;}

.user-info-table .up-photo-box{ width: 120px; margin-left: 40px;}

.user-info-table .js-showBox{overflow: hidden; width: 100px; height: 100px; border-radius: 50%; margin: 0 auto 15px;}

.user-info-table .js-showBox img{ width: 100px; height: 100px; display: block;}

.user-info-table .up-photo-box .btn{ width: 75px; font-size: 13px; height: 27px; line-height: 27px; display: block; margin: 0 auto; background: #bfbfbf; color: #fff; border-radius: 10px; text-align: center}

.user-info-table .up-photo-box input{ position: absolute; opacity: 0; top:0; left: 0;}

.user-info-table .up-photo-box label{ display: block; position: relative;}

.user-info-table .form-txt{ width: 220px; height: 26px; border: 1px solid #ccc; padding-left: 10px;}

.user-info-table .label-box label{ padding-right: 25px;}

.user-info-table .label-box input{ vertical-align: -2px; margin-right: 1px;}

.user-info-table select.form-txt{ width: auto; padding: 0 15px; color: #333;}

.user-info-table .btn{ width: 80px; height: 32px; text-align: center; line-height: 32px; display: inline-block; border-radius: 30px; margin: 0 15px; background:#bfbfbf; cursor: pointer; color: #fff;}

.user-info-table .btn.btn-yel{ background:#3eb4fa;}



/*帮助中心*/

.faq-left{ width: 210px; float: left; text-align: center;}

.faq-left .tit{ height: 40px; line-height: 40px; font-size: 16px; background: #bfbfbf; color: #fff;}

.faq-cont{ min-height: 600px;}

.faq-nav li{ width: 100%; height: 38px; line-height: 38px; margin-top: 1px;}

.faq-nav li a{ display: block; background: #e5e5e5;}

.faq-nav li.active a{ background: #3eb4fa; color: #fff;}

.faq-cont{ width: 945px; float: right; border: 1px solid #e0e0e0; padding: 0 10px 40px; box-sizing: border-box;}

.faq-list{ width: 100%; margin: 15px auto 40px;  padding: 5px 0;}

.faq-list li{ height: 50px; line-height: 50px;font-size: 14px; padding: 0 15px 0 30px; border-bottom: 1px dashed #e0e0e0;    background: url(arrow_r5.png) no-repeat 9px center; background-size: 6px;}

.faq-list .fl{ width: 680px; transition: margin .5s;}

.faq-list .fr{ color: #999; font-size: 12px;}



.faq-list a:hover{ margin-left: 15px;}



/*分页*/

.pages-list{ text-align: center; height: 40px; line-height: 1.4}

.pages-list li{ margin: 0 3px; display: inline-block; border: 1px solid #ccc; border-radius: 7px; box-sizing: border-box;}

.pages-list li.active{ border-color: #f9a929; background: #f9a929;}

.pages-list li.active a{ color: #fff;}

.pages-list a{ display: inline-block; padding: 2px 8px; color: #999;}

.pages-list a:hover{ color: #f9a929;}



.faq-det{ padding: 30px 15px;}

.faq-det .faq-tit{ text-align: center; font-size: 26px;}

.faq-det .info{ text-align: center; padding: 8px 0 20px;}

.faq-det .info span{ display: inline-block; margin: 0 10px; font-size: 13px; color: #999;}

.faq-det .info img{ vertical-align: -1px; }



/*评价*/

.comment{ padding: 15px 25px;}

.comment .com-tit{ padding: 7px 0; border-bottom: 1px solid #e0e0e0; font-size: 16px;}

.com-info{ padding: 30px 40px;}

.com-info .fl{ width: 140px;}

.com-info .fl img{ width: 140px; height: 140px;}

.com-info .fr{ width: 650px;}

.com-info .query-table{ margin: 0;}

.com-info .query-table td{font-size: 14px;}

.user-cont  .com-info  .query-table .td-l{ width: 90px;}

.com-table{ margin: 30px 0; width: 100%;}

.com-table td{ vertical-align: top; padding: 10px 0;}

.com-table .td-l{ color: #666; padding-right: 10px; font-size: 13px; width: 100px; text-align: right;}

.com-table textarea{ width: 400px; height: 140px; border: 1px solid #ccc; padding: 5px; line-height: 1.6;}

.com-table .btn{ padding: 7px 40px; font-size: 16px; display: inline-block; border-radius: 5px; margin-top: 15px; cursor: pointer;}

.upimg{  vertical-align: top;}

#btnImg{ margin: 0 5px 5px; display: inline-block; vertical-align: top;}

.com-table .up-photo-box{ width: 100px; height: 100px; margin: 0 5px 5px; position: relative; vertical-align: top; float: left; display: none;}

.com-table .up-photo-box .btn-del{cursor: pointer; position: absolute; width: 20px; height: 20px; background: rgba(0,0,0,.4) url(icon-del.png) no-repeat center center; background-size: 20px; top: 0; right: 0; z-index: 99}

.com-table .up-photo-box .js-showBox{ width: 100px; height: 100px; line-height: 100px; text-align: center; background: #F5F5F5;}

.com-table .up-photo-box input{ position: absolute; width: 100%; height: 100%; z-index: 1; opacity: 0;}

.com-table .up-photo-box img{ width: auto !important; height: auto !important; max-width: 100%; max-height: 100%;}





.succ-txt1{ padding: 5px 0 15px;}

.succ-txt1 p{ font-size: 15px; color: #666; line-height: 1.6;}

.success .btn-e{ display: inline-block; padding: 3px 15px; border-radius: 20px; background: #eee;}





.linkbox{

	width: 1050px;

	text-align: left;

	padding-left: 10px;

}



.index-banner .top-list{

	margin: 20px 10px 15px;

}

.index-banner .new-list{

	margin: 12px;

}