@font-face{font-family:'iconfont';src:url(../font/iconfont.eot);src:url(../font/iconfont.eot) format('embedded-opentype') , url(../font/iconfont.woff) format('woff') , url(../font/iconfont.ttf) format('truetype')}.animated{-webkit-animation-duration:.5s;animation-duration:.5s;-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}.animated.bounceIn,.animated.bounceOut{-webkit-animation-duration:.75s;animation-duration:.75s}.animated.flipOutX,.animated.flipOutY{-webkit-animation-duration:.75s;animation-duration:.75s}@-webkit-keyframes bounce { from, 20%, 53%, 80%, 100% { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.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 { from, 20%, 53%, 80%, 100% { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.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;transform-origin:center bottom}@-webkit-keyframes flash { from, 50%, 100% { opacity: 1; } 25%, 75% { opacity: 0; } }@keyframes flash { from, 50%, 100% { opacity: 1; } 25%, 75% { opacity: 0; } }.flash{-webkit-animation-name:flash;animation-name:flash}@-webkit-keyframes pulse { from { -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 { from { -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 { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.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 { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.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 { from, 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 { from, 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;transform-origin:top center;-webkit-animation-name:swing;animation-name:swing}@-webkit-keyframes tada { from { -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 { from { -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 { from { -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 { from { -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 jello { from, 11.1%, 100% { -webkit-transform: none; transform: none; } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { -webkit-transform: skewX(0.390625deg) skewY(0.390625deg); transform: skewX(0.390625deg) skewY(0.390625deg); } 88.8% { -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg); transform: skewX(-0.1953125deg) skewY(-0.1953125deg); } }@keyframes jello { from, 11.1%, 100% { -webkit-transform: none; transform: none; } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { -webkit-transform: skewX(0.390625deg) skewY(0.390625deg); transform: skewX(0.390625deg) skewY(0.390625deg); } 88.8% { -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg); transform: skewX(-0.1953125deg) skewY(-0.1953125deg); } }.jello{-webkit-animation-name:jello;animation-name:jello;-webkit-transform-origin:center;transform-origin:center}@-webkit-keyframes bounceIn { from, 20%, 40%, 60%, 80%, 100% { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(.9, .9, .9); transform: scale3d(.9, .9, .9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(.97, .97, .97); transform: scale3d(.97, .97, .97); } 100% { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } }@keyframes bounceIn { from, 20%, 40%, 60%, 80%, 100% { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(.9, .9, .9); transform: scale3d(.9, .9, .9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(.97, .97, .97); transform: scale3d(.97, .97, .97); } 100% { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } }.bounceIn{-webkit-animation-name:bounceIn;animation-name:bounceIn}@-webkit-keyframes bounceInDown { from, 60%, 75%, 90%, 100% { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: translate3d(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 { from, 60%, 75%, 90%, 100% { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: translate3d(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 { from, 60%, 75%, 90%, 100% { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); } 75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); } 100% { -webkit-transform: none; transform: none; } }@keyframes bounceInLeft { from, 60%, 75%, 90%, 100% { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); } 75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); } 100% { -webkit-transform: none; transform: none; } }.bounceInLeft{-webkit-animation-name:bounceInLeft;animation-name:bounceInLeft}@-webkit-keyframes bounceInRight { from, 60%, 75%, 90%, 100% { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } from { 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 { from, 60%, 75%, 90%, 100% { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } from { 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 { from, 60%, 75%, 90%, 100% { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } from { 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 { from, 60%, 75%, 90%, 100% { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } from { 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-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 { from { opacity: 0; } 100% { opacity: 1; } }@keyframes fadeIn { from { opacity: 0; } 100% { opacity: 1; } }.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}@-webkit-keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -50px, 0); transform: translate3d(0, -50px, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } }@keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -50px, 0); transform: translate3d(0, -50px, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } }.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}@-webkit-keyframes fadeInDownBig { from { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } }@keyframes fadeInDownBig { from { 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 { from { opacity: 0; -webkit-transform: translate3d(-50px, 0, 0); transform: translate3d(-50px, 0, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } }@keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-50px, 0, 0); transform: translate3d(-50px, 0, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } }.fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}@-webkit-keyframes fadeInLeftBig { from { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } }@keyframes fadeInLeftBig { from { 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 { from { opacity: 0; -webkit-transform: translate3d(50px, 0, 0); transform: translate3d(50px, 0, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } }@keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(50px, 0, 0); transform: translate3d(50px, 0, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } }.fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}@-webkit-keyframes fadeInRightBig { from { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } }@keyframes fadeInRightBig { from { 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 { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } }@keyframes fadeInUp { from { 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 { from { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } }@keyframes fadeInUpBig { from { 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 { from { opacity: 1; } 100% { opacity: 0; } }@keyframes fadeOut { from { opacity: 1; } 100% { opacity: 0; } }.fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeOutDown { from { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } }@keyframes fadeOutDown { from { 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 { from { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } }@keyframes fadeOutDownBig { from { 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 { from { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } }@keyframes fadeOutLeft { from { 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 { from { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } }@keyframes fadeOutLeftBig { from { 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 { from { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } }@keyframes fadeOutRight { from { 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 { from { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } }@keyframes fadeOutRightBig { from { 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 { from { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } }@keyframes fadeOutUp { from { 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 { from { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } }@keyframes fadeOutUpBig { from { 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 { from { -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 { from { -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 { from { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-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-animation-timing-function: ease-in; animation-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 { from { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-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-animation-timing-function: ease-in; animation-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 { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-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-animation-timing-function: ease-in; animation-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 { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-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-animation-timing-function: ease-in; animation-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 { from { -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 { from { -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-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flipOutY { from { -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 { from { -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-keyframes lightSpeedIn { from { -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 { from { -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 { from { opacity: 1; } 100% { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } }@keyframes lightSpeedOut { from { 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 { from { -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 { from { -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 { from { -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 { from { -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 { from { -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 { from { -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 { from { -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 { from { -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 { from { -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 { from { -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 { from { -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 { from { -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 { from { -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 { from { -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 { from { -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 { from { -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 { from { -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 { from { -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 { from { -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 { from { -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 { from { 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 { from { 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 { from { 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 { from { 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 { from { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } 50% { opacity: 1; } }@keyframes zoomIn { from { 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 { from { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } }@keyframes zoomInDown { from { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } }.zoomInDown{-webkit-animation-name:zoomInDown;animation-name:zoomInDown}@-webkit-keyframes zoomInLeft { from { 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.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } }@keyframes zoomInLeft { from { 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.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } }.zoomInLeft{-webkit-animation-name:zoomInLeft;animation-name:zoomInLeft}@-webkit-keyframes zoomInRight { from { 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.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } }@keyframes zoomInRight { from { 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.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } }.zoomInRight{-webkit-animation-name:zoomInRight;animation-name:zoomInRight}@-webkit-keyframes zoomInUp { from { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } }@keyframes zoomInUp { from { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } }.zoomInUp{-webkit-animation-name:zoomInUp;animation-name:zoomInUp}@-webkit-keyframes zoomOut { from { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } 100% { opacity: 0; } }@keyframes zoomOut { from { 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.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 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, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 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.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 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, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 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.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 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, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 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.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 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, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } }.zoomOutUp{-webkit-animation-name:zoomOutUp;animation-name:zoomOutUp}@-webkit-keyframes slideInDown { from { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }@keyframes slideInDown { from { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }.slideInDown{-webkit-animation-name:slideInDown;animation-name:slideInDown}@-webkit-keyframes slideInLeft { from { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }@keyframes slideInLeft { from { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }.slideInLeft{-webkit-animation-name:slideInLeft;animation-name:slideInLeft}@-webkit-keyframes slideInRight { from { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }@keyframes slideInRight { from { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }.slideInRight{-webkit-animation-name:slideInRight;animation-name:slideInRight}@-webkit-keyframes slideInUp { from { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }@keyframes slideInUp { from { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }.slideInUp{-webkit-animation-name:slideInUp;animation-name:slideInUp}@-webkit-keyframes slideOutDown { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 100% { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } }@keyframes slideOutDown { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 100% { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } }.slideOutDown{-webkit-animation-name:slideOutDown;animation-name:slideOutDown}@-webkit-keyframes slideOutLeft { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 100% { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } }@keyframes slideOutLeft { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 100% { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } }.slideOutLeft{-webkit-animation-name:slideOutLeft;animation-name:slideOutLeft}@-webkit-keyframes slideOutRight { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 100% { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } }@keyframes slideOutRight { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 100% { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } }.slideOutRight{-webkit-animation-name:slideOutRight;animation-name:slideOutRight}@-webkit-keyframes slideOutUp { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 100% { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } }@keyframes slideOutUp { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 100% { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } }.slideOutUp{-webkit-animation-name:slideOutUp;animation-name:slideOutUp}@-webkit-keyframes fade-scale{ 0% { opacity:0; -webkit-transform:scale(.2); transform:scale(.2) } 100% { opacity:1; -webkit-transform:scale(1); transform:scale(1) } }@keyframes fade-scale{ 0% { opacity:0; -webkit-transform:scale(.2); transform:scale(.2) } 100% { opacity:1; -webkit-transform:scale(1); transform:scale(1) } }.fade-scale{-webkit-animation-name:fade-scale;animation-name:fade-scale}@-webkit-keyframes progress-bar-stripes { from { background-position: 40px 0; } to { background-position: 0 0; } }@-o-keyframes progress-bar-stripes { from { background-position: 40px 0; } to { background-position: 0 0; } }@keyframes progress-bar-stripes { from { background-position: 40px 0; } to { background-position: 0 0; } }.progress.active .progress-bar,.progress-bar.active{-webkit-animation:progress-bar-stripes 2s linear infinite;animation:progress-bar-stripes 2s linear infinite}.play-active{color:#26645d}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0}fieldset,img{border:0}:focus{outline:0}address,caption,cite,code,dfn,em,th,var,optgroup{font-style:normal;font-weight:normal}h1,h2,h3,h4,h5,h6{font-weight:normal;font-size:100%}strong{font-weight:700}abbr,acronym{border:0;font-variant:normal}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit}code,kbd,samp,tt{font-size:100%}input,button,textarea,select{*font-size: 100%}input[type="reset"]::-moz-focus-inner,input[type="button"]::-moz-focus-inner,input[type="submit"]::-moz-focus-inner,input[type="file"]>input[type="button"]::-moz-focus-inner{border:none;padding:0}ol,ul{list-style:none}table{border-collapse:collapse;border-spacing:0}caption{text-align:left}sup,sub{font-size:100%}:link,:visited,ins{text-decoration:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}.clearfix,.container-fluid,.container,.form-group,.appel{*clear:both;*zoom:1}.clearfix:after,.clearfix:before,.container-fluid:after,.container-fluid:before,.container:after,.container:before,.form-group:after,.form-group:before,.appel:after,.appel:before{display:table;content:" "}.clearfix:after,.container-fluid:after,.container:after,.form-group:after,.appel:after{clear:both}.hidden{display:none!important}.show{display:block!important}.hide{display:none}.pull-left,.pull-right{display:inline}.pull-left{float:left}.pull-right{float:right}button,input,textarea,select,pre{font-family:"Microsoft Yahei","Helvetica Neue",Helvetica,Arial,sans-serif}pre{white-space:normal}*,*:before,*:after{-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent}.iconfont{font-family:"iconfont"!important;font-size:normal;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{-webkit-font-smoothing:antialiased}html{height:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-webkit-tap-highlight-color:rgba(0,0,0,0);_background-image:url(about:blank);_background-attachment:fixed}body{color:#57c7d4;font-size:14px;line-height:1.5;font-family:"Microsoft Yahei","Helvetica Neue",Helvetica,Arial,sans-serif;height:100%;background-color:#f0f0f0}a{color:#57c7d4;text-decoration:none;transition:color .3s , background-color .3s}a:hover{color:#f0f0f0;text-decoration:none}a.hover-underline:hover{text-decoration:underline}.youmu-app{background:#fff}.youmu-app dl{float:left;width:100%;padding:15px 0;border-bottom:1px solid #57c7d4}.youmu-app dt,.youmu-app dd{float:left;line-height:25px;text-align:center}.youmu-app dt{width:11%;color:#000;font-size:16px;font-weight:bold}.youmu-app dd{width:11%;font-size:16px}.youmu-app dt a{color:#57c7d4}.youmu-app dd a{color:#000}.youmu-app dt a:hover,.youmu-app dd a:hover{color:#f0f0f0}.youmu-app dt:after{content:"";position:absolute;margin:5px 25px 0;width:1px;height:20px;background:#57c7d4}.youmu-app dt .cur,.youmu-app dd .cur{color:#f0f0f0}.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{font-weight:400}.h1,h1{font-size:32px;font-weight:300}.h2,h2{font-size:22px;font-weight:300}.h3,h3{font-size:18px}.h4,h4{font-size:16px}.h5,h5{font-size:14px}.h6,h6{font-size:12px}.small,small{font-size:85%}.inline{display:inline!important}.inline-block{display:inline-block!important;vertical-align:middle}.block{display:block!important}.sep{padding:0 10px;font-family:simsun;opacity:.5;filter: alpha(opacity=50)}.mask-white,.mask-black{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;background-color:#fff;transition:.25s}.mask-black{background-color:#000}.text-left{text-align:left}.text-right{text-align:right}.text-center{text-align:center}.text-nowrap{white-space:nowrap}.text-break{word-wrap:break-word;white-space:normal}.text-justify{text-align:justify}.ellipsis{overflow:hidden;text-overflow:ellipsis;word-wrap:normal;white-space:nowrap}.noborder{border:0 none!important}.border-top{border-top:1px solid #eee}.border-right{border-right:1px solid #eee}.border-bottom{border-bottom:1px solid #eee}.border-left{border-left:1px solid #eee}.text-white{color:#fff!important}.text-light{color:#999!important}.text-gray{color:#000!important}.text-dark{color:#57c7d4!important}.text-primary{color:#57c7d4!important}.text-success{color:#46be8a!important}.text-info{color:#57c7d4!important}.text-warning{color:#f2a654!important}.text-danger{color:#f96868!important}.text-pink{color:#e53b75!important}.text-purple{color:#6d45bc!important}.text-indigo{color:#465bd4!important}.text-red{color:#d6494b!important}.text-blue{color:#06c!important}.text-green{color:#27ae60!important}.text-orange{color:#d35400!important}.text-yellow{color:#ffec00!important}.text-brown{color:#8d6658!important}.bg-primary{background-color:#369ce0!important}.bg-success{background-color:#46be8a!important}.bg-info{background-color:#57c7d4!important}.bg-warning{background-color:#f2a654!important}.bg-danger{background-color:#f96868!important}.bg-grey{background-color:#757575!important}.bg-red{background-color:#f96868!important}.bg-pink{background-color:#f96197!important}.bg-purple{background-color:#926dde!important}.bg-indigo{background-color:#677ae4!important}.bg-blue{background-color:#62a8ea!important}.bg-cyan{background-color:#57c7d4!important}.bg-teal{background-color:#3aa99e!important}.bg-green{background-color:#46be8a!important}.bg-yellow{background-color:#ffb300!important}.bg-orange{background-color:#f2a654!important}.bg-brown{background-color:#8d6658!important}.ma0{margin:0!important}.mb0{margin-bottom:0!important}.mr4{margin-right:4px!important}.mt5{margin-top:5px!important}.ml10{margin-left:10px!important}.mb10{margin-bottom:10px!important}.my10{margin-top:10px!important;margin-bottom:10px!important}.mt15{margin-top:15px!important}.my15{margin-top:15px!important;margin-bottom:15px!important}.mr20{margin-right:20px!important}.mx20{margin-right:20px!important;margin-left:20px!important}.my20{margin-top:20px!important;margin-bottom:20px!important}.mt30{margin-top:30px!important}.mr30{margin-right:30px!important}.pa0{padding:0!important}.pt0{padding-top:0!important}.pr0{padding-right:0!important}.pt3{padding-top:3px!important}.pt5{padding-top:5px!important}.pb5{padding-bottom:5px!important}.pl5{padding-left:5px!important}.pt10{padding-top:10px!important}.pr10{padding-right:10px!important}.pl10{padding-left:10px!important}.pb10{padding-bottom:10px!important}.pt10{padding-top:10px!important}.pa15{padding:15px!important}.py10{padding-top:10px!important;padding-bottom:10px!important}.pl15{padding-left:15px!important}.pt15{padding-top:15px!important}.pb15{padding-bottom:15px!important}.px15{padding-right:15px!important;padding-left:15px!important}.pa20{padding:20px!important}.pt20{padding-top:20px!important}.pb20{padding-bottom:20px!important}.pl20{padding-left:20px!important}.px20{padding-right:20px!important;padding-left:20px!important}.py20{padding-top:20px!important;padding-bottom:20px!important}.pb25{padding-bottom:25px!important}.px25{padding-right:25px!important;padding-left:25px!important}.py25{padding-top:25px!important;padding-bottom:25px!important}.pa30{padding:30px!important}.pt30{padding-top:30px!important}.pb30{padding-bottom:30px!important}.px30{padding-right:30px!important;padding-left:30px!important}.py30{padding-top:30px!important;padding-bottom:30px!important}.pl40{padding-left:40px!important}.py40{padding-top:40px!important;padding-bottom:40px!important}.pt50{padding-top:50px!important}.pb50{padding-bottom:50px!important}.py50{padding-top:50px!important;padding-bottom:50px!important}.visible-xs,.visible-sm,.visible-md,.visible-lg{display:none!important}@media (max-width:767px){.visible-xs{display:block!important}}@media (min-width:768px) and (max-width:991px){.visible-sm{display:block!important}}@media (min-width:992px) and (max-width:1199px){.visible-md{display:block!important}}@media (min-width:1200px){.visible-lg{display:block!important}}@media (max-width:767px){.hidden-xs{display:none!important}}@media (min-width:768px) and (max-width:991px){.hidden-sm{display:none!important}}@media (min-width:992px) and (max-width:1199px){.hidden-md{display:none!important}}@media (min-width:1200px){.hidden-lg{display:none!important}}.label{display:inline-block;padding:2px 4px;font-size:12px;line-height:14px;color:#fff;white-space:nowrap;vertical-align:baseline;background-color:#999;border-radius:2px}.label:empty{display:none}.label-round{border-radius:1000px}.label-default{background-color:#777}.label-primary{background-color:#337ab7}.label-success{background-color:#5cb85c}.label-warning{background-color:#f0ad4e}.label-info{background-color:#5bc0de}.label-danger{background-color:#d9534f}.label-white{background-color:#fff;color:red}.label-default-outline{color:#777;border:1px solid #ccc;background-color:transparent}a.label:hover,a.label:focus{color:#fff;text-decoration:none;cursor:pointer}a.label-default:hover,a.label-default:focus{background-color:#5e5e5e}a.label-primary:hover,a.label-primary:focus{background-color:#286090}a.label-success:hover,a.label-success:focus{background-color:#449d44}a.label-info:hover,a.label-info:focus{background-color:#31b0d5}a.label-warning:hover,a.label-warning:focus{background-color:#ec971f}a.label-danger:hover,a.label-danger:focus{background-color:#c9302c}.caret{display:inline-block;width:0;height:0;overflow:hidden;vertical-align:middle;border-top:4px dashed;border-top:4px solid \9 ;border-right:4px solid transparent;border-left:4px solid transparent;transition:.25s;_border-right-style:dashed;_border-left-style:dashed}.iconimg{display:inline-block;font-size:0;line-height:0;overflow:hidden;vertical-align:middle;border:0 none;text-indent:-999px;*text-indent: 0;background-repeat:no-repeat}.container{margin-right:auto;margin-left:auto;width:960px}.dropdown-menu{position:absolute;top:100%;z-index:9;font-size:14px;pointer-events:none;border:1px solid;border-color:#ddd;border-color:rgba(255,255,255,0);*border-color: #ddd;background-color:#fff;box-shadow:0 3px 15px rgba(0,0,0,.2);display:none}.dropdown-menu.in,.open .dropdown-menu{pointer-events:auto;display:block}.dropdown-arrow{position:absolute;display:block;width:0;height:0;line-height:0;font-size:0;overflow:hidden;border-style:dashed dashed solid;border-width:0 7px 5px 7px;left:12px}.dropdown-arrow{top:-5px;border-color:transparent transparent #fff}.dropdown-arrow1{top:-6px;border-color:transparent transparent #ddd}.backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;width:100%;height:100%;pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:rgba(0,0,0,.2);opacity:0;-webkit-transition:all .5s;transition:all .5s}.backdrop.in{opacity:1;pointer-events:auto;z-index:900}.content{}.appel{background-color:#fff;padding:0;border-radius:5px;margin:5px}.appel-heading{position:relative;height:32px;line-height:32px}.appel-more{float:right;color:#999}.appel-more>span>a+a{margin-left:20px}.appel-more>span>a{color:#999}.appel-more>span>a:hover{color:#57c7d4}.appel-title>small{color:#000;margin-left:7px;font-weight:400}.appel-title{position:relative;float:left;padding-left:20px;font-size:20px;font-weight:700}.appel-title:after{content:"";position:absolute;top:50%;left:0;width:3px;height:20px;margin-top:-10px;left:5px;background-color:#57c7d4}.appel-tabs{}.appel-tabs>a+a{margin-left:10px}.appel-tabs>a{float:left;padding:0 25px;color:#000;background-color:#f9f9f9;border-radius:100px;transition:.15s ease-in-out}.appel-tabs>a:hover,.appel-tabs>a.active{color:#fff;background-color:#57c7d4}.appel-main{width:100%;margin:0;padding:0}.box{border:1px solid;border-color:#f0f0f0;border-color:rgba(255,255,255,0);*border-color: #f0f0f0;background-color:#fff;box-shadow:0 0 5px rgba(0,0,0,.1);border-radius:3px}.box-aside{position:relative;z-index:2;float:left;width:190px;margin-right:-1px;border-right:1px solid #eee}.box-primary{float:right;width:947px;margin-left:-1px;padding:25px 30px;border-left:1px solid #eee;background-color:#fff}.form-control{display:block;width:100%;height:36px;line-height:36px;text-indent:13px;font-size:14px;color:#ccc;*color: #484848;border:1px solid #e6e8ea;background-color:#fff;border-radius:3px;transition:border linear .2s , box-shadow linear .2s}.form-control:hover{border-color:#bbb;text-decoration:none}.form-control:focus{color:#484848;border-color:#23b4e0;box-shadow:0 0 7px rgba(35,180,224,.5)}.form-control::-moz-placeholder{color:#ccc;opacity:1}.form-control:-ms-input-placeholder{color:#ccc}.form-control::-webkit-input-placeholder{color:#ccc}.form-control[disabled],.form-control[readonly]{border-color:#e5e5e5;background-color:#f5f5f6;box-shadow:none}.form-control[disabled]{cursor:not-allowed}select.form-control{text-indent:0!important}textarea.form-control{height:auto;line-height:1.5;text-indent:0;padding:0 10px;word-wrap:normal;overflow:auto;overflow-y:scroll}.form-control-hover{border-color:#bbb;text-decoration:none}.form-control-focus{color:#484848;border-color:#23b4e0}.form-control-error,.form-input-error{color:#d95c5c;border-color:#dbb1b1;background-color:#fff0f0}.form-control-succeed,.form-input-succeed{color:#2eab77;border-color:#a6d6c2;background-color:#e7fdf4}.input-sm{height:28px;line-height:28px;text-indent:7px}select.input-sm{height:30px;line-height:30px}.help-block{display:block;margin-top:5px;color:gray;font-size:13px}.radio,.checkbox{position:relative;display:inline-block;font-size:14px;line-height:20px;cursor:pointer\9 }.radio input,.checkbox input{float:left;margin:4px 7px 0 0;*margin: 0 3px 0 -3px;cursor:pointer}.btn{display:inline-block;padding:6px 12px;font-size:14px;font-weight:normal;text-align:center;vertical-align:middle;cursor:pointer;user-select:none;border:1px solid transparent;background-color:transparent;border-radius:3px;transition:.3s}.btn-block{display:block;width:100%}.btn-lg{line-height:30px;font-size:18px;padding:15px 70px}.btn-sm{padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}.btn-xs{padding:0 7px;font-size:12px}.btn-default{color:#333;border-color:#ddd;background-color:#fff}.btn-default:hover{color:#57c7d4;border-color:#ddd;background-color:#f9f9f9}.btn-default:active{color:#57c7d4;border-color:#d7d7d7;background-color:#f5f5f5}.btn-outline{color:gray;border-color:#e5e5e5}.btn-outline:hover{color:#57c7d4;border-color:#ccc;background-color:#f9f9fa}.btn-outline:active{border-color:#d7d7d7;background-color:#eee}.btn-primary{color:#fff;border-color:#57c7d4;background-color:#57c7d4}.btn-primary:hover{color:#fff;border-color:#ff5752;background-color:#ff5752}.btn-primary:active{background-color:#fe2e29}.btn-red{color:#fff;border-color:#ce3638;background-color:#ce3638}.btn-red:hover{color:#fff;border-color:#db393c;background-color:#db393c}.btn-red:active{background-color:#c23235}.btn-green{color:#fff;border-color:#29a562;background-color:#29a562}.btn-green:hover{color:#fff;border-color:#2db36b;background-color:#2db36b}.btn-green:active{background-color:#26995c}.btn-orange{color:#fff;border-color:#e88c3a;background-color:#e88c3a}.btn-orange:hover{color:#fff;border-color:#f5933d;background-color:#f5933d}.btn-orange:active{background-color:#db8437}.btn-disabled,.btn-disabled:hover,.btn-disabled:active{cursor:default;box-shadow:none;text-shadow:0 1px 0 #fff;color:#aaa;border-color:#ddd;background-color:#f2f2f2}.btn-group,.btn-group-vertical{position:relative;display:inline-block;vertical-align:middle}.btn-group>.btn,.btn-group-vertical>.btn{position:relative;float:left}.btn-group>.btn:hover,.btn-group-vertical>.btn:hover,.btn-group>.btn:focus,.btn-group-vertical>.btn:focus,.btn-group>.btn:active,.btn-group-vertical>.btn:active,.btn-group>.btn.active,.btn-group-vertical>.btn.active{z-index:2}.btn-group .btn+.btn,.btn-group .btn+.btn-group,.btn-group .btn-group+.btn,.btn-group .btn-group+.btn-group{margin-left:-1px}.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {border-radius:0}.btn-group>.btn:first-child{margin-left:0}.btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {border-top-right-radius:0;border-bottom-right-radius:0}.btn-group > .btn:last-child:not(:first-child), .btn-group > .dropdown-toggle:not(:first-child) {border-top-left-radius:0;border-bottom-left-radius:0}.btn-group>.btn-group{float:left}.btn-group > .btn-group:not(:first-child):not(:last-child) > .btn {border-radius:0}.btn-group > .btn-group:first-child:not(:last-child) > .btn:last-child, .btn-group > .btn-group:first-child:not(:last-child) > .dropdown-toggle {border-top-right-radius:0;border-bottom-right-radius:0}.btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child {border-top-left-radius:0;border-bottom-left-radius:0}.btn-group .dropdown-toggle:active,.btn-group.open .dropdown-toggle{outline:0}.btn-group>.btn+.dropdown-toggle{padding-right:8px;padding-left:8px}.btn-group>.btn-lg+.dropdown-toggle{padding-right:12px;padding-left:12px}.btn-group.open .dropdown-toggle{-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,.125);box-shadow:inset 0 3px 5px rgba(0,0,0,.125)}.btn-group.open .dropdown-toggle.btn-link{-webkit-box-shadow:none;box-shadow:none}.btn .caret{margin-left:0}.form-group{margin-bottom:15px}.form-group .control-label{display:inline-block;max-width:100%;line-height:20px;padding-top:10px}.form-group .btn-link,.form-group .radio,.form-group .checkbox{margin-top:0}.form-text{padding-top:7px}.col-xs-06,.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9{float:left;*display: inline;*overflow: hidden}.col-xs-12{width:100%}.col-xs-11{width:91.66666667%}.col-xs-10{width:83.33333333%}.col-xs-9{width:75%}.col-xs-8{width:66.66666667%}.col-xs-7{width:58.33333333%}.col-xs-6{width:50%}.col-xs-5{width:41.66666667%;*width:41%}.col-xs-4{width:33.33333333%}.col-xs-3{width:25%;*width: 24.99999%}.col-xs-2{width:16.66666667%}.col-xs-1{width:8.33333333%}.col-xs-06{width:5.33333333%}.col-xs-offset-12{margin-left:100%}.col-xs-offset-11{margin-left:91.66666667%}.col-xs-offset-10{margin-left:83.33333333%}.col-xs-offset-9{margin-left:75%}.col-xs-offset-8{margin-left:66.66666667%}.col-xs-offset-7{margin-left:58.33333333%}.col-xs-offset-6{margin-left:50%}.col-xs-offset-5{margin-left:41.66666667%}.col-xs-offset-4{margin-left:33.33333333%}.col-xs-offset-3{margin-left:25%}.col-xs-offset-2{margin-left:16.66666667%}.col-xs-offset-1{margin-left:8.33333333%}.col-xs-offset-0{margin-left:0}.ff-collapse{display:none}.ff-collapse.in{display:inline}.fade{opacity:0;-webkit-transition:opacity .15s linear;-moz-transition:opacity .15s linear;-ms-transition:opacity .15s linear;-o-transition:opacity .15s linear;transition:opacity .15s linear}.fade.in{opacity:1}.tab-content>.tab-pane{display:none}.tab-content>.tab-appel{display:none}.tab-content>.active{display:block}.tooltip{position:absolute;z-index:1070;display:block;font-size:12px;font-style:normal;font-weight:normal;line-height:1.42857143;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;word-spacing:normal;word-wrap:normal;white-space:normal;filter: alpha(opacity=0);opacity:0;line-break:auto}.tooltip.in{filter: alpha(opacity=90);opacity:.9}.tooltip.top{top:0;padding:5px 0;margin-top:-3px}.tooltip.right{padding:0 5px;margin-left:3px}.tooltip.bottom{padding:5px 0;margin-top:3px}.tooltip.left{padding:0 5px;margin-left:-3px}.tooltip-inner{max-width:200px;padding:7px 12px;color:#fff;text-align:center;background-color:#57c7d4;background-color:rgba(0,0,0,.9);border-radius:4px}.tooltip-arrow{position:absolute;width:0;height:0;border-color:transparent;border-style:solid}.tooltip.top .tooltip-arrow{bottom:0;left:50%;margin-left:-5px;border-width:5px 5px 0;border-top-color:#000;border-top-color:rgba(0,0,0,.9)}.tooltip.right .tooltip-arrow{top:50%;left:0;margin-top:-5px;border-width:5px 5px 5px 0;border-right-color:#000;border-right-color:rgba(0,0,0,.9)}.tooltip.left .tooltip-arrow{top:50%;right:0;margin-top:-5px;border-width:5px 0 5px 5px;border-left-color:#000;border-left-color:rgba(0,0,0,.9)}.tooltip.bottom .tooltip-arrow{top:0;left:50%;margin-left:-5px;border-width:0 5px 5px;border-bottom-color:#000;border-bottom-color:rgba(0,0,0,.9)}.tooltip.error{cursor:pointer;display:none}.tooltip.error{filter: alpha(opacity=100);opacity:1}.tooltip.error .tooltip-inner{min-width:170px;max-width:350px;text-align:left;color:#e00;padding:8px 12px;font-size:14px;border:1px solid #e9c786;background-color:#fef4e2}.tooltip.error.top{top:0;margin-top:-50px;white-space:nowrap}.tooltip.error.top .tooltip-arrow{border-top-color:#e9c786;left:25px}.tooltip.error.right{left:100%;top:0}.tooltip.error.right .tooltip-arrow{border-right-color:#ebccd1;top:19px}.tooltip.error.bottom{top:100%}.tooltip.error.bottom .tooltip-arrow{border-bottom-color:#ebccd1;left:25px}.tooltip.error.left{right:100%;top:0;margin-right:5px}.tooltip.error.left .tooltip-arrow{border-left-color:#ebccd1}hr{height:0;overflow:hidden;font-size:0;line-height:0;margin-top:20px;margin-bottom:20px;border:0;border-top:1px solid #eee;clear:both}.table{width:100%;font-size:14px;margin-bottom:20px;background-color:#fff}.table th{background-color:#fcfcfc;white-space:nowrap}.table th,.table td{padding:10px 20px;vertical-align:middle;border-top:1px solid #eee}.table > tbody > tr:nth-child(2n) td{background-color:#fcfcfc}.table-bordered th,.table-bordered td{border:1px solid #ededed}.table-custom{border:1px solid #eee}.table-custom th,.table-custom td{padding:15px 25px;border-top:0 none;border-bottom:1px solid #eee;text-align:center;color:gray}.table-custom thead th{border-bottom:1px solid #e5e5e5;font-size:14px;color:#000;font-weight:700}.table-custom>tbody>tr:hover{background-color:transparent}.table-condensed th,.table-condensed td{padding:5px 10px}.table-condensed th{font-size:14px}.table-responsive{width:100%;min-height:.01%;overflow-x:auto;margin-bottom:20px}.table-responsive .table{margin-bottom:0}.header{background-color:#57c7d4;box-shadow:0 1px 3px rgba(0,0,0,.08)}.navbar-header{height:66px;display:flex;flex-wrap:nowrap;flex-direction:row;align-items:flex-end;justify-content:space-evenly;align-items:center}.navbar-header .container{position:relative}.navbar-brand{float:left;height:50px}.navbar-brand img{display:block;height:50px}.navbar-goback{display:none}.navbar-history .history-toggle{display:none}.navbar-history{float:right;margin-left:10px}.navbar-history>a{display:block;width:36px;height:36px;line-height:36px;text-indent:1px;overflow:hidden;text-align:center;font-size:24px;border-radius:50%;color:#57c7d4}.navbar-history>.dropdown-menu{right:0;width:250px;padding-bottom:5px;z-index:999}.navbar-history p{border-top:1px solid #f5f5f5;padding:7px 0 2px 0}.history-heading{height:40px;line-height:40px;padding:0 10px 0 15px;border-bottom:1px solid #f5f5f5}.history-heading>h5{float:left;color:#000}.history-heading>a{float:right;color:#000;margin-left:10px}.history-heading>a:hover{color:#57c7d4}.history-list{}.history-list>li{position:relative;padding:0 15px;line-height:38px;color:#999;overflow:hidden;text-overflow:ellipsis;word-wrap:normal;white-space:nowrap}.history-list>li+li{border-top:1px solid #f0f0f0}.navbar-search{float:right;position:relative;width:400px;height:36px;border:1px solid #57c7d4;border-radius:36px}.appel .navbar-search{float:none;width:auto;margin:5px}.navbar-search>.search-control{position:absolute;top:0;left:0;color:#57c7d4;width:100%;height:34px;line-height:20px;padding:7px 20px;border:0 none;background-color:transparent;border-radius:100px}.navbar-search>.search-button{position:absolute;top:-1px;right:-1px;width:80px;height:36px;line-height:36px;text-align:center;color:#fff;font-size:14px;cursor:pointer;border:0 none;background-color:#57c7d4;border-radius:0 36px 36px 0}.navbar-search>.search-button:hover{background-color:#ff5b57}.search-hotkey{padding:5px 5px 0 5px}.search-hotkey h5{font-weight:700;margin-bottom:10px}.search-hotkey a{margin:0 10px 10px 0}.autocomplete-suggestions{font-size:14px;border:1px solid;border-color:#ddd;border-color:rgba(255,255,255,0);overflow:hidden;padding:3px 0;background-color:#fff;box-shadow:0 3px 15px rgba(0,0,0,.2);border-radius:3px}.autocomplete-suggestion{padding:6px 10px;white-space:nowrap;overflow:hidden;cursor:pointer}.autocomplete-suggestion strong{color:#57c7d4}.autocomplete-suggestion:hover,.autocomplete-suggestion:active{background-color:#f5f5f5}.navbar-primary{height:50px;font-size:16px;color:#fff;background-color:#57c7d4}.navbar-nav>li{float:left;position:relative;line-height:45px;padding:0 5px}.navbar-nav>li+li:before{content:"·";position:absolute;top:0;left:0;font-size:16px;opacity:.5;filter: alpha(opacity=50)}.navbar-nav>li>a{position:relative;display:block;height:45px;line-height:44px;text-align:center;padding:0 30px;color:#222;transition:.3s}.navbar-nav>li:first-child>a{padding-left:0}.navbar-nav>li>a:hover{color:#57c7d4;font-weight:700}.navbar-nav>li.active>a,.navbar-nav>li.active>a:hover{font-weight:700;color:#57c7d4}.navbar-nav>li.movie{width:60px;color:#000}.navbar-nav>li.movie+li:before{display:none}.navbar-primary .navbar-nav>li>a,.navbar-primary .navbar-nav>li>a:hover{color:#fff;height:50px;line-height:50px}.navbar-primary .navbar-nav>li.active>a,.navbar-primary .navbar-nav>li.active>a:hover{color:#fff}.navbar-primary .navbar-nav>li.active>a::after{content:"";position:absolute;left:50%;margin-left:-6px;bottom:0;width:0;height:0;border-bottom:6px solid;border-left:6px dashed transparent;border-right:6px dashed transparent}.navbar-primary .navbar-nav>li.active>a::after{margin:0;left:40px}.navbar-primary .navbar-nav>li:first-child.active>a::after{margin:0;left:12px}.friend-link{padding:10px 0 0 0}.friend-link a{margin-right:10px}.footer{margin-top:20px;padding:20px 0;line-height:24px;color:#fff;text-align:center;background-color:#57c7d4}.footer a{color:#999}.footer a:hover{color:#57c7d4}.backtop{position:fixed;right:0;bottom:20px;display:none;z-index:9999}.backtop .iconfont{width:50px;height:50px;line-height:50px;display:block;overflow:hidden;text-align:center;font-size:26px;color:#fff;background-color:rgba(0,0,0,.5)}.backtop:hover .iconfont{background-color:#57c7d4}.appel-max{padding:0 2px;clear:both}.appel>.appel:first{margin-top:-20px}.thumbnail-group{margin:0 0 0 -10px}.thumbnail-group>li{float:left;width:22.7%;margin:20px 0 0 20px}.thumbnail-group>li>.video-info{padding-top:8px}.thumbnail-group>li>.video-info>h4{overflow:hidden;font-size:14px;line-height:18px;height:36px}.thumbnail-group>li>.video-info>h5,.thumbnail-group>li>.video-info>p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.thumbnail-group>li>.video-info>h5{height:18px;line-height:18px;overflow:hidden}.thumbnail-group>li>.video-info>p{font-size:12px;color:#999;line-height:14px;height:14px;width:100%;margin-top:5px}.thumbnail-group>li>.video-info>p>a{color:#999;margin-right:6px}.thumbnail-group>li>.video-info>p>a:hover{color:#57c7d4}.thumbnail-group>li>.thumbnail{position:relative;display:block;width:100%;overflow:hidden;background-color:#454545;border-radius:5px}.thumbnail-group>li>.thumbnail .video-grade{position:absolute;bottom:0;left:0;width:100%;height:45px;line-height:30px;padding:13px 10px 0 0;overflow:hidden;color:#fff;text-align:center;font-size:10px;background:url(https://97semo.eu.org/Template/YUTU008/image/video-mask.png) 0 0 repeat-x}.thumbnail-group>li>.thumbnail .video-number{position:absolute;z-index:1;right:5px;bottom:5px;display:block;overflow:hidden;color:#fff;padding:0 8px;line-height:20px;font-size:12px;background-color:rgba(0,0,0,.6);border-radius:100px}.thumbnail-group>li>.thumbnail img{display:block;width:100%;height:145px;-webkit-transition:all linear .3s;-moz-transition:all linear .3s;-ms-transition:all linear .5s;-o-transition:all linear .3s;transition:all linear .3s}.thumbnail-group>li>.thumbnail:hover img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1)}.thumbnail-group>li>.thumbnail:after{content:'';position:absolute;top:0;left:0;z-index:2;width:100%;height:100%;cursor:pointer;opacity:0;filter: alpha(opacity=0);transition:opacity 300ms linear;background:url(https://97semo.eu.org/Template/YUTU008/image/xvideo-play.png.pagespeed.ic.tEyT1w4yQU.png) no-repeat center rgba(0,0,0,.15);-webkit-transform:scale(1.5);-moz-transform:scale(1.5);-ms-transform:scale(1.5);-o-transform:scale(1.5);transform:scale(1.5);-webkit-transition:all ease-out .35s;transition:all ease-out .35s}.thumbnail-group>li>.thumbnail:hover:after{opacity:1;-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}.thumbnail-group-small>li{}.thumbnail-group-small>li>.thumbnail,.thumbnail-group-small>li>.thumbnail img{height:100px}.thumbnail-group-small>li>.thumbnail:hover:after{background-size:30%}.thumbnail-group-special{clear:both}.thumbnail-group-special>li{width:275px}.thumbnail-group-special>li>.thumbnail,.thumbnail-group-special>li>.thumbnail img{width:275px;height:130px}.thumbnail-group-special>li>.video-info{text-align:center}.thumbnail-group+.list-group{border-top:1px dashed #eee;margin-top:18px;padding-top:15px}.list-group{margin:0 0 -5px 0}.list-group>li>.sep{padding:0 4px;font-size:12px;color:#999}.list-group>li>span{color:#999}.list-group>li>a{color:#000}.list-group>li>a:hover{text-decoration:underline;color:#57c7d4}.list-group>li{float:left;width:25%;color:#000;line-height:30px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;padding-right:20px}.list-group-50>li{width:100%}.list-group-dot>li::before{content:"·";font-size:14px;padding-right:8px}.rank-group{margin:0 0 -5px 0;list-style:decimal;list-style-position:inside}.rank-group>li{position:relative;line-height:30px;color:#57c7d4}.rank-group>li a{color:#333}.rank-group>li a:hover{color:#57c7d4}.rank-group>li>.rank-grade strong{font-weight:400;font-size:13px}.rank-group>li>.rank-grade{display:none;position:absolute;top:50%;right:0;margin-top:-10px;font-size:12px;color:#999;line-height:20px}.rank-group>li>.rank-title{position:absolute;top:0;left:25px;right:0;display:block;color:#999;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.filter{padding:10px 10px 5px 10px}.filter dt{float:left;width:70px;color:#000;text-align:right;margin-right:15px}.filter dd{float:left}.filter a.active{color:#fff;background-color:#57c7d4}.filter-primary{line-height:40px;font-size:16px;position:relative;padding-bottom:5px}.filter-primary dt{margin-right:5px}.filter-primary dd{padding:0 10px}.filter-primary dd a{padding:0 10px}.filter-primary .filter-more{position:absolute;top:0;right:0;font-size:14px;border-radius:3px}.filter-primary .filter-more a{color:#000;display:block;padding:0 20px;border-radius:3px}.filter-primary .filter-more a:hover{color:#57c7d4;background-color:#f9f9f9}.filter-append{overflow:hidden;padding:5px 20px 5px 0;line-height:30px;display:none}.filter-append>dl{padding:0 0 5px 0}.filter-append dd{margin-right:7px}.filter-append dd a{padding:0 10px}.category{border-top:1px solid #f5f5f5;margin-top:20px;padding-top:20px;line-height:30px;margin-bottom:-10px}.category dt{float:left;color:#000;padding-right:5px}.category dd{font-size:0;overflow:hidden;position:relative}.category dd a{display:inline-block;vertical-align:middle;font-size:14px;height:30px;line-height:30px;margin-right:9px;margin-bottom:10px;padding:0 15px;border-radius:30px;background-color:#f8f8f8}.category dd a:hover,.category dd a:active,.category dd a.active{color:#fff;background-color:#57c7d4}.pagination{text-align:center;padding:30px 0;overflow:hidden;clear:both;font-size:0}.pagination>li{display:inline-block;vertical-align:middle}.pagination>li>a{display:block;margin:0 4px;padding:0 15px;height:36px;line-height:36px;font-size:16px;background-color:#f5f5f5;border-radius:3px;cursor:pointer}.pagination>li>a:hover,.pagination>.active>a,.pagination>.active>a:focus,.pagination>.active>a:hover{z-index:2;color:#fff;background-color:#57c7d4}.pagination>.active>a,.pagination>.active>a:focus,.pagination>.active>a:hover{cursor:default}.pagination>.disabled>a,.pagination>.disabled>a:focus,.pagination>.disabled>a:hover{z-index:2;color:#fff;cursor:pointer;background-color:#57c7d4}.pager{padding:20px 0}.pager>li>a{margin:0 7px;padding:0 25px;font-size:14px;background-color:#f5f5f5;border-radius:30px}.breadcrumbs{padding:20px 0}.appel .breadcrumbs{padding-top:0}.detail{position:relative}.detail-mobile{position:absolute;right:0;top:-42px}.detail-mobile .dropdown-menu{right:0;padding:10px;z-index:1080}.detail-mobile .dropdown-menu img{display:block;max-width:200px}.detail-poster{float:left;width:350px}.detail-poster>a{position:relative;display:block;width:100%;overflow:hidden;height:auto}.detail-poster>a img{display:block;width:100%;min-height:auto}.detail-poster>a:hover:after{opacity:1}.detail-poster>a:after{content:'';position:absolute;top:0;left:0;z-index:2;width:100%;height:100%;cursor:pointer;opacity:0;filter: alpha(opacity=0);transition:opacity 300ms linear;background:url(https://97semo.eu.org/Template/YUTU008/image/xvideo-play.png.pagespeed.ic.tEyT1w4yQU.png) no-repeat center rgba(0,0,0,.3);-webkit-transform:scale(1.5);-moz-transform:scale(1.5);-ms-transform:scale(1.5);-o-transform:scale(1.5);transform:scale(1.5);-webkit-transition:all ease-out .35s;transition:all ease-out .35s}.detail-poster>a:hover:after{opacity:1;-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}.detail-info{overflow:hidden;padding-left:20px}.detail-info .detail-header{position:relative;margin-bottom:10px}.detail-info .score-wrap{position:absolute;right:0;top:13px}.detail-info h2{font-size:30px;line-height:35px;font-weight:400}.detail-info h2 small{font-size:16px;margin-left:20px;font-weight:400;color:#57c7d4}.detail-info h3{font-size:16px;color:#000;overflow:hidden;text-overflow:ellipsis;word-wrap:normal;white-space:nowrap}.detail-info .detail-actor>li{padding-top:6px;line-height:24px;overflow:hidden;color:#000}.detail-info .detail-actor>li span,.detail-info .detail-actor>li a{margin-right:10px}.detail-info .detail-actor>li label span{margin-right:0!important}.detail-info .detail-actor>li a.ff-tag-link{margin-right:0;text-decoration:underline}.detail-info .detail-actor>li p{float:left;width:30%}.detail-info .detail-actor>li p a:after{display:none}.detail-info .detail-actor>li.intro{white-space:normal;position:relative}.detail-info .detail-actor>li.intro p{float:none;clear:both;width:auto;line-height:24px;padding:3px 0;overflow:hidden;max-height:78px}.detail-info .detail-actor>li.owl p{max-height:none}.detail-info .detail-actor>li.intro .detail-intro-more{position:absolute;right:0;bottom:3px;margin:0;padding-left:15px;background-color:#fff}.score{line-height:20px;font-size:0;position:relative}.score>em,.score>label{font-size:14px;color:#000;display:inline-block;vertical-align:middle}.score>em{padding-left:5px;color:#57c7d4;font-size:16px}.score>em>sup{font-size:14px;vertical-align:top;margin-left:2px}.score>span{display:inline-block;vertical-align:middle;line-height:20px;width:105px;font-size:14px;white-space:nowrap}.score>span>i{display:inline-block;vertical-align:-2px;width:18px;height:18px;overflow:hidden;text-indent:-999px;background:url(https://97semo.eu.org/Template/YUTU008/image/score.png) 0 0 no-repeat}.score>span>i.star-half-png{background-position:0 -20px}.score>span>i.star-on-png{background-position:0 -40px}.detail-source{float:none;width:100%;padding:10px 0;clear:both}.detail-tab{border-bottom:1px solid #e5e5e5;margin-bottom:10px}.detail-tab>li{float:left;cursor:pointer;display:block;text-align:center;margin:0 -1px -1px 0;border:1px solid #e5e5e5;background-color:#f9f9f9}.detail-tab>li>a{display:block;padding:8px 24px}.detail-tab>li>a:hover{color:#57c7d4;background-color:#fff}.detail-tab>li.active{position:relative;margin-top:-2px;border-radius:3px 3px 0 0;border-bottom-color:#fff;background-color:#fff}.detail-tab>li.active>a,.detail-tab>li.active>a:hover{padding-top:10px;color:#57c7d4;font-weight:700;border-radius:3px 3px 0 0}.detail-tab-zt{padding-right:50pxs;position:relative}.detail-tab-zt>li.zt{float:right;border-color:transparent;background-color:transparent}.detail-tab-zt>li.zt>a{padding-left:0;padding-right:0}.detail-tab-zt>li.zt>a:hover{text-decoration:underline}.detail-download{border-top:1px solid #f5f5f5}.detail-download .detail-content{max-height:400px;overflow-x:hidden;overflow-y:auto;border-top:1px solid #f0f0f0;border-bottom:1px solid #f0f0f0;margin:3px 0}.detail-download .table{margin:0}.detail-download .table td{border:0 none;padding:5px;white-space:nowrap;font-size:0}.detail-download .table > tbody > tr:nth-child(2n) td{background-color:transparent}.detail-download .table .code{width:100%;line-height:30px}.detail-download .table .btns{width:70px}.detail-download .table .btns .btn{display:block;white-space:nowrap}.detail-download .table .title{font-size:14px}.detail-play-list{margin:0 -5px;display:none}.detail-play-list li{float:left;min-width:12.5%}.detail-play-list li>a{display:block;margin:5px;line-height:35px;text-align:center;border-radius:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border:1px solid #e5e5e5;background-color:#fff}.detail-play-list li>a:hover{color:#57c7d4;background-color:#fff}.detail-play-list-dianshiju li{min-width:8.333333333333333%}.detail-play-list-zongyi li{width:auto;min-width:14.28%}.detail-play-list-zongyi li a{padding:0 13px}.bdsharebuttonbox{}.bdsharebuttonbox a{background-image:url(https://97semo.eu.org/Template/YUTU008/image/share-icons.png)!important;margin:6px 0 0 6px!important}.bdshare-button-style0-24 .bds_tsina{background-position:0 0!important}.bdshare-button-style0-24 .bds_qzone{background-position:-34px 0!important}.bdshare-button-style0-24 .bds_tqq{background-position:-68px 0!important}.bdshare-button-style0-24 .bds_renren{background-position:-102px 0!important}.bdshare-button-style0-24 .bds_kaixin001{background-position:-136px 0!important}.bdshare-button-style0-24 .bds_tieba{background-position:-170px 0!important}.bdshare-button-style0-24 .bds_douban{background-position:-204px 0!important}.bdshare-button-style0-24 .bds_weixin{background-position:-238px 0!important}.bdshare-button-style0-24 .bds_sqq{background-position:-272px 0!important}.bdshare-button-style0-24 .bds_copy{background-position:-306px 0!important}.bdshare-button-style0-24 .bds_more{background-position:-340px 0!important}.bdshare-button-style0-32 .bds_tsina{background-position:0 -40px!important}.bdshare-button-style0-32 .bds_tqq{background-position:-42px -40px!important}.bdshare-button-style0-32 .bds_qzone{background-position:-84px -40px!important}.bdshare-button-style0-32 .bds_renren{background-position:-126px -40px!important}.bdshare-button-style0-32 .bds_douban{background-position:-168px -40px!important}.bdshare-button-style0-32 .bds_kaixin001{background-position:-210px -40px!important}.bdshare-button-style0-32 .bds_tieba{background-position:-252px -40px!important}.bdshare-button-style0-32 .bds_sqq{background-position:-294px -40px!important}.bdshare-button-style0-32 .bds_copy{background-position:-336px -40px!important}.bdshare-button-style0-32 .bds_weixin{background-position:-378px -40px!important}.bdshare-button-style0-32 .bds_more{background-position:-420px -40px!important}.play{position:relative;padding:2px 0 0 0;color:#ccc;background:url(https://97semo.eu.org/Template/YUTU008/image/play-bg.jpg) no-repeat;background-color:#232324;background-size:cover;background-position:center}.play h2{margin-bottom:20px}.play h2>a{color:#ccc;margin-right:5px}.play h2>a:hover{color:#fff}.play h2>small{color:#ccc}.play .player{position:relative;width:100%;height:675px;margin:0 auto;background-color:#57c7d4;box-shadow:0 -5px 50px 0 rgba(0,0,0,.3)}.play .player iframe{width:100%;height:100%}.play-interaction{height:58px;padding:0 18px 0 13px;background-color:#2b2b2b;box-shadow:0 -5px 50px 0 rgba(0,0,0,.3)}.play-interaction>.score-wrap{float:right;margin:19px 19px 0 0}.play-interaction>.score>label{color:#ccc}.play-interaction>.play-btn{float:right;margin-top:13px;font-size:0}.play-interaction>.play-btn>a{display:inline-block;height:32px;line-height:30px;padding:0 18px;margin-left:10px;font-size:12px;color:#fff;background-color:#37373d;border-radius:3px}.play-interaction>.play-btn>a:hover{background-color:#444}.play-interaction>.play-btn>a:active{background-color:#1c1c1c}.play-interaction>.play-btn>a.disabled,.play-interaction>.play-btn>a.disabled:hover,.play-interaction>.play-btn>a.disabled:active{cursor:default;color:#ccc;background-color:#1c1c1c}.play-share{float:left;margin-top:11px}.play-interaction>.play-clipboard{float:left;margin-top:8px}.play-interaction>.play-clipboard>a{height:32px;line-height:30px;padding:0 18px;font-size:12px}.play-interaction .detail-mobile{position:relative;top:auto;float:left;margin-top:13px}.play-interaction .detail-mobile .dropdown-menu{right:auto;left:0}.play-weixintip{font-size:12px;padding:7px 10px;line-height:1.2;background-color:#ffedc4;color:#f60}.play-source{margin-top:0;padding-bottom:15px}.play-source .detail-source{float:none;width:auto;padding:0;position:relative}.play-source .detail-play-list li{width:10%}.play-source .detail-play-list li.active>a,.play-source .detail-play-list li.active>a:hover{color:#fff;border-color:#57c7d4;background-color:#57c7d4}.play-intro{padding:10px 0 0 0;color:#999}.play-intro span{margin-right:10px}.play-intro a{margin-right:5px;color:#000}.play-intro a:hover{color:#57c7d4}.play-intro .summary{padding-top:10px}.play-intro pre{padding-top:10px}.news-main{width:820px;float:left}.news-aside{width:360px;float:right}.news-group{list-style:circle;margin:10px 0 0 18px}.news-group>li{height:33px}.news-group>li>.rank-title{top:0;left:0;right:0}.news-listing{margin:5px 0 20px 0}.news-listing>li{overflow:hidden;padding:15px 0;border-bottom:1px solid #f5f5f5}.news-listing .news-thumbnail{float:left;width:150px;height:105px;overflow:hidden}.news-listing .news-thumbnail img{display:block;width:100%}.news-listing .news-info{display:block;overflow:hidden;padding-left:20px;color:#999}.news-listing .news-info h5{font-size:18px;margin-bottom:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.news-listing .news-info p{line-height:22px;overflow:hidden;max-height:66px}.news-listing-nopage{margin-bottom:0}.news-listing-nopage>li:last-child{padding-bottom:0;border-bottom:0 none}.tags-group{font-size:0;margin:3px -7px 0 0}.tags-group>a{display:inline-block;vertical-align:top;line-height:26px;margin:7px 7px 0 0;padding:0 12px;font-size:12px;font-weight:700;color:#000;white-space:nowrap;background-color:#f9f9f9;border-radius:2px;transition:.15s ease-in-out}.tags-group>a:hover,.tags-group>a.active{color:#fff;background-color:#57c7d4}.tags-group-lg{margin:5px -10px 0 0}.tags-group-lg>a{font-size:14px;font-weight:400;padding:2px 15px;margin:10px 10px 0 0;color:#333;background-color:#f5f5f5}.news-appel{padding:40px}.news-caption{border-bottom:1px solid #f5f5f5;padding-bottom:15px;margin-bottom:20px}.news-caption>h2{font-size:24px;font-weight:700;color:#000;margin-bottom:10px}.news-caption>p{font-size:14px;color:#888}.news-caption>p>span{margin-right:20px}.news-preview{color:#000;font-size:14px;padding:10px 15px;margin-bottom:20px;background-color:#f9f9f9;border-radius:2px}.news-content>*,.news-content p{margin-bottom:20px}.news-content img{display:block;max-width:100%;height:auto;margin:0 auto}.news-content{text-align:justify;word-wrap:break-word;word-break:break-word;letter-spacing:normal;font-size:16px;line-height:1.8}.news-page{text-align:center;margin-bottom:20px}.news-page a{padding-left:30px;padding-right:30px}.news-page .btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {border-top-left-radius:40px;border-bottom-left-radius:40px}.news-page .btn-group > .btn:last-child:not(:first-child) {border-top-right-radius:40px;border-bottom-right-radius:40px}.news-share{font-size:0;text-align:center;margin-bottom:20px}.news-share .bdsharebuttonbox>a{float:none;display:inline-block;margin:5px!important}.news-tags{margin-bottom:10px}.news-tags>a{display:inline-block;margin:0 10px 10px 0;font-size:12px;border-radius:2px;box-shadow:none;line-height:18px;padding:5px 12px;font-weight:700;background-color:#f9f9f9;transition:.15s ease-in-out}.news-tags>a:hover{color:#fff;background-color:#57c7d4}.news-more{margin-bottom:-20px;position:relative;color:#000}.news-more li{line-height:30px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.news-more li a{color:#000}.news-more li a:hover{color:#57c7d4}.special-intro{clear:both;position:relative;margin-top:20px}.special-intro-pic{float:left;width:45%}.special-intro-pic img{display:block;width:100%}.special-intro-text{overflow:hidden;padding-left:25px}.special-intro-text h2{line-height:1.2;font-size:36px;color:#000;font-weight:400;margin-bottom:10px}.special-intro-text .special-content{line-height:1.8;color:#000;font-size:16px;overflow-x:hidden;overflow-y:auto;max-height:285px}.special-intro-text .special-share{margin-left:-6px;position:absolute;bottom:0}.actor-appel .actor-avatar{width:240px;float:left;margin-bottom:15px}.actor-appel .actor-avatar>img{display:block;width:100%}.actor-appel .actor-avatar>.actor-share{margin:9px 0 0 -6px}.actor-appel .actor-intro{overflow:hidden;padding-left:25px;margin-bottom:15px}.actor-appel .actor-intro h2{font-size:36px;font-weight:400;line-height:1.2;margin-bottom:15px}.actor-appel .actor-intro .info{clear:both;margin-bottom:10px}.actor-appel .actor-intro .info li{float:left;width:50%;padding:4px 20px 4px 90px;line-height:20px}.actor-appel .actor-intro .info .title{float:left;margin-left:-90px}.actor-appel .actor-intro .info .cont{color:#000}.actor-appel .actor-intro .intro{line-height:24px;color:#000;overflow:hidden;max-height:120px}.actor-appel .actor-more{clear:both;border-top:1px solid #f5f5f5;padding-top:15px;text-align:center}.actor-appel .actor-more .owl .caret{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg)}.four-zero-four{text-align:center;padding:50px}.four-zero-four h2{font-size:96px}.four-zero-four h3{font-size:30px;padding-bottom:10px}.four-zero-four p{font-size:18px;padding:10px;color:#000}.four-zero-four .btn{margin:0 5px;border-radius:100px;padding-left:20px;padding-right:20px}.latest-tabs>li{float:left;width:16.66666%;height:35px;line-height:33px;overflow:hidden;text-align:center;background-color:#f6f6f6;cursor:pointer;transition:.3s}.latest-tabs>li.active{color:#fff;background-color:#57c7d4}.comments-group{margin-top:20px}.comments-group li{position:relative;padding:15px 0;padding-left:60px;overflow:hidden;border-top:1px solid #f3f3f3}.comments-avatar{position:absolute;top:2px;left:0;font-size:48px;color:#999}.comments-info{line-height:24px;color:#333}.comments-info .comments-user{margin-bottom:3px;color:#999}.comments-info .comments-user strong{color:#57c7d4;margin-right:20px}.play-soshm{float:left;padding-top:8px}.soshm-item{float:left;cursor:pointer}.soshm-item+.soshm-item{margin-left:8px}.soshm-item-icon{display:block;width:32px;height:32px;padding:5px;margin:0;vertical-align:middle;border-radius:50%}.soshm-item-icon img{vertical-align:top;padding:0;margin:0;width:100%;height:100%}.soshm-item-text{display:none;font-size:14px;color:#000}.soshm-item.weixin .soshm-item-icon{background:#49b233}.soshm-item.weixin:hover .soshm-item-icon{background:#398a28}.soshm-item.yixin .soshm-item-icon{background:#23cfaf}.soshm-item.yixin:hover .soshm-item-icon{background:#1ca38a}.soshm-item.weibo .soshm-item-icon{background:#f04e59}.soshm-item.weibo:hover .soshm-item-icon{background:#ec1f2d}.soshm-item.qzone .soshm-item-icon{background:#fdbe3d}.soshm-item.qzone:hover .soshm-item-icon{background:#fcad0b}.soshm-item.renren .soshm-item-icon{background:#1f7fc9}.soshm-item.renren:hover .soshm-item-icon{background:#18639d}.soshm-item.tieba .soshm-item-icon{background:#5b95f0}.soshm-item.tieba:hover .soshm-item-icon{background:#2c77ec}.soshm-item.douban .soshm-item-icon{background:#228a31}.soshm-item.douban:hover .soshm-item-icon{background:#186122}.soshm-item.tqq .soshm-item-icon{background:#97cbe1}.soshm-item.tqq:hover .soshm-item-icon{background:#6fb7d6}.soshm-item.qq .soshm-item-icon{background:#4081e1}.soshm-item.qq:hover .soshm-item-icon{background:#2066ce}.soshm-item.weixintimeline .soshm-item-icon{background:#1cb526}.soshm-item.weixintimeline:hover .soshm-item-icon{background:#15891d}.soshm-group{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:15px 20px}.soshm-group .soshm-item{display:block;float:none;margin:0}.soshm-pop{display:none;position:fixed;top:0;left:0;right:0;bottom:0;height:100%;width:100%;opacity:0;z-index:9999;background:rgba(0,0,0,.65);-webkit-transition-property:opacity;transition-property:opacity;-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in}.soshm-pop-show{opacity:1;-webkit-transition-duration:.6s;transition-duration:.6s}.soshm-pop-show .group1{-webkit-animation:soshtrans 1.2s 1 ease;animation:soshtrans 1.2s 1 ease}.soshm-pop-show .group2{-webkit-animation:soshtrans 1.7s 1 ease;animation:soshtrans 1.7s 1 ease}.soshm-pop-show .group3{-webkit-animation:soshtrans 2.2s 1 ease;animation:soshtrans 2.2s 1 ease}.soshm-pop-show .group4{-webkit-animation:soshtrans 2.7s 1 ease;animation:soshtrans 2.7s 1 ease}.soshm-pop-hide{opacity:0;-webkit-transition-duration:1s;transition-duration:1s}.soshm-pop-hide .group1{-webkit-animation:soshtrans2 .5s 1 cubic-bezier(.68,-.55,.265,1.55) 0ms forwards;animation:soshtrans2 .5s 1 cubic-bezier(.68,-.55,.265,1.55) 0ms forwards}.soshm-pop-hide .group2{-webkit-animation:soshtrans2 .5s 1 cubic-bezier(.68,-.55,.265,1.55) .2s forwards;animation:soshtrans2 .5s 1 cubic-bezier(.68,-.55,.265,1.55) .2s forwards}.soshm-pop-hide .group3{-webkit-animation:soshtrans2 .5s 1 cubic-bezier(.68,-.55,.265,1.55) .4s forwards;animation:soshtrans2 .5s 1 cubic-bezier(.68,-.55,.265,1.55) .4s forwards}.soshm-pop-hide .group4{-webkit-animation:soshtrans2 .5s 1 cubic-bezier(.68,-.55,.265,1.55) .6s forwards;animation:soshtrans2 .5s 1 cubic-bezier(.68,-.55,.265,1.55) .6s forwards}.soshm-pop-sites{position:absolute;top:50%;left:0;width:100%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.soshm-pop .soshm-item-icon{width:42px;height:42px;padding:10px}.soshm-weixin-sharetip{position:fixed;overflow:hidden;width:100%;height:100%;top:0;left:0;background-size:50% auto;z-index:-1;opacity:0;visibility:hidden;-webkit-transition:all .6s ease-out;transition:all .6s ease-out}.soshm-weixin-sharetip.weixin-sharetip-show{z-index:9999;opacity:1;visibility:visible}@-webkit-keyframes soshtrans { 0% { -webkit-transform: translate3d(0, 1136px, 0); transform: translate3d(0, 1136px, 0) } 50% { -webkit-transform: translateZ(0); transform: translateZ(0) } 60% { -webkit-transform: translateZ(0); transform: translateZ(0) } to { -webkit-transform: translateZ(0); transform: translateZ(0) } }@keyframes soshtrans { 0% { -webkit-transform: translate3d(0, 1136px, 0); transform: translate3d(0, 1136px, 0) } 50% { -webkit-transform: translateZ(0); transform: translateZ(0) } 60% { -webkit-transform: translateZ(0); transform: translateZ(0) } to { -webkit-transform: translateZ(0); transform: translateZ(0) } }@-webkit-keyframes soshtrans2 { 0% { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0) } to { opacity: 0; -webkit-transform: translate3d(0, 500%, 0); transform: translate3d(0, 500%, 0) } }@keyframes soshtrans2 { 0% { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0) } to { opacity: 0; -webkit-transform: translate3d(0, 500%, 0); transform: translate3d(0, 500%, 0) } }.role-relation{margin-top:10px}.role-relation table{width:100%;font-size:12px;border:1px solid #ededed}.role-relation table th{background-color:#fcfcfc;white-space:nowrap}.role-relation table th,.role-relation table td{padding:10px 13px;vertical-align:middle;border:1px solid #eee}.role-relation table > tbody > tr:nth-child(2n+1) td{background-color:#fcfcfc}.role-relation table:first-child > tbody > tr:nth-child(1) td{white-space:nowrap;background-color:#f5f5f5;font-weight:700}.role-relation table > tbody > tr > td:nth-child(-n+2){text-align:center;min-width:80px}.role-relation table td p{min-width:200px}#wznr{width:100%}#wznr .nrtitle{text-align:center;clear:both;color:#333;margin:10px auto;line-height:25px}#wznr .nrtitle h1{text-align:center;font-size:16px;clear:both;color:#333;margin:10px auto}#wznr .ttnr{width:98%;line-height:30px;padding-left:10px;padding-bottom:20px;clear:both;color:#333}#wznr .ttnr em{width:98%;font-style:normal;line-height:30px;padding-left:10px;clear:both;color:#333}#wznr .ttnr img{display:block;margin:5px auto;float:center;max-width:90%;width:expression(document.body.clientWidth>800? "800px";"auto");overflow:hidden}#ddav{width:900px;margin:5px auto;text-align:center;display:block}#ddav img{width:100%;height:60px}#ddab{width:100%;height:20px;margin:5px auto;line-height:20px;text-align:center;border-radius:3px;display:block}#ddab .seach form{height:20px}#ddab .seach{width:100%;float:center;height:20px}#ddab .seach input{display:block;width:70%;float:left;border:1px solid #57c7d4;padding-top:8px;padding-bottom:8px;text-indent:.2em;border-radius:4px}#ddab .seach button{border:none;background:#57c7d4;color:#fff;display:block;width:28%;float:right;padding-top:1px;border-radius:4px;cursor:pointer;height:38px}@media screen and (max-width:800px){.header{background-color:#57c7d4;width:100%;margin:auto;box-shadow:0 1px 3px rgba(0,0,0,.08)}#ddav{width:90%;margin:5px auto;text-align:center;display:block}#ddav img{width:100%;height:60px}.area{margin:0 auto;width:97%;margin:0 auto;overflow:hidden}.youmu-app dl{padding:6px 0}.youmu-app dt{width:20%;line-height:45px;font-size:16px;font-weight:bold}.youmu-app dd{width:20%;line-height:25px;font-size:14px}.youmu-app dt:after{margin:13px 3.6% 0}.youmu-app .first{border-top:0}.content{padding-top:auto}.container{width:auto}.footer{padding:10px;font-size:12px;line-height:1.5;margin-top:10px}.backtop{bottom:30px}.backtop .iconfont{width:32px;height:32px;line-height:32px;font-size:18px;background-color:#57c7d4}.container>.appel:first-child{margin-top:0}.appel{margin-top:10px;padding:5px}.appel-main{width:auto;float:none}.appel-aside{width:auto;float:none;border-top:1px solid #f0f0f0;margin-top:10px;padding-top:3px}.appel-title{font-size:16px;margin-left:5px;padding-left:10px}.appel-more{font-size:12px}.thumbnail-group{margin:0}.thumbnail-group>li{float:left;width:25%;margin:0;padding:5px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.thumbnail-group>li>.thumbnail .video-grade{padding:20px 5px 0 0}.thumbnail-group>li>.thumbnail,.thumbnail-group>li>.thumbnail img{width:100%;height:115px}.thumbnail-group-small>li>.video-info{padding-top:5px}.thumbnail-group-small>li>.video-info>h4{font-size:12px}.thumbnail-group-small>li>.thumbnail,.thumbnail-group-small>li>.thumbnail img{height:70px}.thumbnail-group-special>li{float:none;width:auto}.thumbnail-group-special>li>.thumbnail,.thumbnail-group-special>li>.thumbnail img{width:100%;height:auto}.appel-main .thumbnail-group > li:nth-child(n+10){display:none}.rank-group{padding:5px;margin-top:0}.rank-group > li:nth-child(n+11){display:none}.rank-group>li{line-height:30px;float:left;width:50%}.rank-group>li .rank-title{right:10px;left:20px}.rank-group>li .rank-grade{display:none}.filter{}.filter-primary{padding:0;line-height:35px;font-size:14px}.filter-primary dd{width:25%;text-align:center;padding:5px}.filter-primary dd>a{display:block;background-color:#f5f5f5;line-height:30px;font-size:14px;border-radius:2px}.category{margin-top:10px;padding:10px 0;line-height:26px}.category dt{padding:0 5px}.category dd{overflow:inherit;white-space:nowrap;margin-bottom:7px}.category dd a{font-size:12px;height:26px;line-height:26px;padding:0 10px;background-color:transparent}.category dd a:hover,.category dd a:active{color:#57c7d4;background-color:transparent}.category dd a.active,.category dd a.active:hover,.category dd a.active:active{color:#fff;background-color:#57c7d4}.detail{padding:0 5px}.appel .breadcrumbs{padding:auto}.detail-info .detail-header{margin-bottom:0}.detail-poster{width:300px}.detail-poster>a img{min-height:180px}.detail-info{float:none;width:auto;padding-left:15px}.detail-info h2{font-size:18px;line-height:1;margin-bottom:5px}.detail-info h2 small{display:block;margin:5px 0 0 0;font-size:12px}.detail-info h3{font-size:14px;margin-bottom:5px}.detail-info .detail-actor>li{padding:0;line-height:30px;white-space:normal;font-size:14px}.detail-info .detail-actor>li a{margin-right:5px;display:inline-block}.detail-info .detail-actor>li a:after{display:none}.detail-info .detail-actor>li p{width:auto}.detail-source{float:none;width:100%;padding:10px 0;clear:both}.detail-tab{margin-bottom:5px;white-space:nowrap;font-size:0;overflow-x:auto;overflow-y:hidden}.detail-tab>li{float:none;margin:0;display:inline-block;vertical-align:bottom;font-size:14px;border:0 none;background-color:#fff}.detail-tab>li>a{padding:10px 15px}.detail-tab>li.active>a,.detail-tab>li.active>a a:hover{border-bottom:2px solid #57c7d4;padding-bottom:8px}.detail-play-list li{width:25%}.detail-play-list li>a{line-height:30px;font-size:13px}.play{padding:2px 0 0 0}.play h2{margin-bottom:10px;padding:0 10px;font-size:16px}.play .player{height:200px;box-shadow:none}.play-source{padding-left:10px;padding-right:10px;margin-top:0}.play-source .detail-play-list li{width:25%}.play-interaction{height:48px;box-shadow:none;padding:0 10px}.play-interaction>.play-btn{margin-top:8px}.play-interaction>.play-btn>a{padding:0 13px}.play-summary{display:none}.play-intro{padding:10px 5px 0 5px}.play-intro span{margin:0;display:block;margin-bottom:5px}.play-intro a{margin-right:5px;color:#000}.news-main,.news-aside{width:auto;float:none}.news-group{margin:0 0 0 18px}.news-group>li>.rank-title{left:0;right:20px}.news-listing{margin:0}.news-listing>li{padding:10px}.news-listing .news-thumbnail{width:125px;height:80px}.news-listing .news-info{padding-left:10px}.news-listing .news-info h5{margin-bottom:0;height:80px;line-height:26px;font-size:16px;white-space:normal}.news-listing .news-info p{display:none}.tags-group{margin:5px}.news-appel{padding:20px 10px}.news-appel .breadcrumbs{display:none}.news-appel .news-preview{display:none}.news-appel .news-caption>h2{font-size:20px;line-height:1.2}.news-appel .news-caption>p{font-size:12px}.news-appel .news-caption>p>span{margin-right:10px}.news-appel .news-content{font-size:15px}.news-appel .news-more{margin-bottom:0}.special-intro-pic{float:none;width:100%}.special-intro-text{padding:0}.special-intro-text h2{font-size:18px;margin:5px 0}.special-intro-text p{font-size:14px;line-height:1.5;max-height:none}.special-intro-text .special-share{position:static}.actor-appel .actor-avatar{width:30%;margin-bottom:0}.actor-appel .actor-intro{overflow:hidden;padding-left:10px;margin-bottom:0}.actor-appel .actor-intro h2{font-size:18px;font-weight:700;margin-bottom:10px}.actor-appel .actor-intro .info{clear:both;margin-bottom:10px}.actor-appel .actor-intro .info li{float:none;width:auto;padding:2px 0 2px 80px;line-height:20px}.actor-appel .actor-intro .info .title{margin-left:-80px}.latest-primary .latest-tabs{margin:0}.latest-primary .latest-tabs>li{height:28px;line-height:28px;font-size:12px}.latest-primary .thumbnail-group > li:nth-child(n+7){display:none}.latest-primary .list-group{margin:5px 5px 0 5px;padding-top:10px}.latest-primary .list-group>li{width:50%;line-height:22px;padding-right:0;font-size:12px}.latest-primary .list-group-50{padding-top:0}.latest-primary .list-group-50>li{width:100%}.latest-listing .thumbnail-group > li:nth-child(n+13){display:none}.tab-content.pt15{padding-top:0!important}.four-zero-four{padding:30px}.four-zero-four h2{font-size:64px}.four-zero-four h3{font-size:24px}.four-zero-four p{font-size:16px}.role-relation{display:none}.detail-download .table .code .h5{display:none}}@media (max-width:600px){#ddav{width:98%;margin:5px auto;text-align:center;display:block}#ddav img{width:100%;height:50px}.area{margin:0 auto;width:97%;margin:0 auto;overflow:hidden}.youmu-app dl{padding:6px 0}.youmu-app dt{width:20%;line-height:40px;font-size:14px;font-weight:bold}.youmu-app dd{width:20%;line-height:23px;font-size:14px}.youmu-app dt:after{margin:13px 2.6% 0}.youmu-app .first{border-top:0}.content{padding-top:auto}.container{width:auto}.footer{padding:10px;font-size:12px;line-height:1.5;margin-top:10px}.backtop{bottom:30px}.backtop .iconfont{width:32px;height:32px;line-height:32px;font-size:18px;background-color:#57c7d4}.container>.appel:first-child{margin-top:0}.appel{padding:0;border-radius:5px;margin:5px}.appel-main{width:auto;float:none}.appel-aside{width:auto;float:none;border-top:1px solid #f0f0f0;margin-top:10px;padding-top:3px}.appel-title{font-size:16px;margin-left:5px;padding-left:10px}.appel-more{font-size:12px}.thumbnail-group{margin:0}.thumbnail-group>li{float:left;width:50%;margin:0;padding:5px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.thumbnail-group>li>.thumbnail .video-grade{padding:20px 5px 0 0}.thumbnail-group>li>.thumbnail,.thumbnail-group>li>.thumbnail img{width:100%;height:125px;border-radius:5px}.thumbnail-group-small>li>.video-info{padding-top:5px}.thumbnail-group-small>li>.video-info>h4{font-size:12px}.thumbnail-group-small>li>.thumbnail,.thumbnail-group-small>li>.thumbnail img{height:70px}.thumbnail-group-special>li{float:none;width:auto}.thumbnail-group-special>li>.thumbnail,.thumbnail-group-special>li>.thumbnail img{width:100%;height:auto}.rank-group{padding:5px;margin-top:0}.rank-group > li:nth-child(n+11){display:none}.rank-group>li{line-height:30px;float:left;width:50%}.rank-group>li .rank-title{right:10px;left:20px}.rank-group>li .rank-grade{display:none}.filter{}.filter-primary{padding:0;line-height:35px;font-size:14px}.filter-primary dd{width:25%;text-align:center;padding:5px}.filter-primary dd>a{display:block;background-color:#f5f5f5;line-height:30px;font-size:14px;border-radius:2px}.category{margin-top:10px;padding:10px 0;line-height:26px}.category dt{padding:0 5px}.category dd{overflow:inherit;white-space:nowrap;margin-bottom:7px}.category dd a{font-size:12px;height:26px;line-height:26px;padding:0 10px;background-color:transparent}.category dd a:hover,.category dd a:active{color:#57c7d4;background-color:transparent}.category dd a.active,.category dd a.active:hover,.category dd a.active:active{color:#fff;background-color:#57c7d4}.detail{padding:0 5px}.appel .breadcrumbs{padding:5px 5px 10px 5px}.detail-info .detail-header{margin-bottom:0}.detail-poster{width:190px}.detail-poster>a img{min-height:110px}.detail-info{float:none;width:auto;padding-left:15px}.detail-info h2{font-size:18px;line-height:1;margin-bottom:5px}.detail-info h2 small{display:block;margin:5px 0 0 0;font-size:12px}.detail-info h3{font-size:14px;margin-bottom:5px}.detail-info .detail-actor>li{padding:0;line-height:25px;white-space:normal;font-size:12px}.detail-info .detail-actor>li a{margin-right:5px;display:inline-block}.detail-info .detail-actor>li a:after{display:none}.detail-info .detail-actor>li p{width:auto}.detail-source{float:none;width:100%;padding:10px 0;clear:both}.detail-tab{margin-bottom:5px;white-space:nowrap;font-size:0;overflow-x:auto;overflow-y:hidden}.detail-tab>li{float:none;margin:0;display:inline-block;vertical-align:bottom;font-size:14px;border:0 none;background-color:#fff}.detail-tab>li>a{padding:10px 15px}.detail-tab>li.active>a,.detail-tab>li.active>a a:hover{border-bottom:2px solid #57c7d4;padding-bottom:8px}.detail-play-list li{width:25%}.detail-play-list li>a{line-height:30px;font-size:13px}.play{padding:2px 0 0 0}.play h2{margin-bottom:10px;padding:0 10px;font-size:16px}.play .player{height:200px;box-shadow:none}.play-source{padding-left:10px;padding-right:10px;margin-top:0}.play-source .detail-play-list li{width:25%}.play-interaction{height:48px;box-shadow:none;padding:0 10px}.play-interaction>.play-btn{margin-top:8px}.play-interaction>.play-btn>a{padding:0 13px}.play-summary{display:none}.play-intro{padding:10px 5px 0 5px}.play-intro span{margin:0;display:block;margin-bottom:5px}.play-intro a{margin-right:5px;color:#000}.news-main,.news-aside{width:auto;float:none}.news-group{margin:0 0 0 18px}.news-group>li>.rank-title{left:0;right:20px}.news-listing{margin:0}.news-listing>li{padding:10px}.news-listing .news-thumbnail{width:125px;height:80px}.news-listing .news-info{padding-left:10px}.news-listing .news-info h5{margin-bottom:0;height:80px;line-height:26px;font-size:16px;white-space:normal}.news-listing .news-info p{display:none}.tags-group{margin:5px}.news-appel{padding:20px 10px}.news-appel .breadcrumbs{display:none}.news-appel .news-preview{display:none}.news-appel .news-caption>h2{font-size:20px;line-height:1.2}.news-appel .news-caption>p{font-size:12px}.news-appel .news-caption>p>span{margin-right:10px}.news-appel .news-content{font-size:15px}.news-appel .news-more{margin-bottom:0}.special-intro-pic{float:none;width:100%}.special-intro-text{padding:0}.special-intro-text h2{font-size:18px;margin:5px 0}.special-intro-text p{font-size:14px;line-height:1.5;max-height:none}.special-intro-text .special-share{position:static}.actor-appel .actor-avatar{width:30%;margin-bottom:0}.actor-appel .actor-intro{overflow:hidden;padding-left:10px;margin-bottom:0}.actor-appel .actor-intro h2{font-size:18px;font-weight:700;margin-bottom:10px}.actor-appel .actor-intro .info{clear:both;margin-bottom:10px}.actor-appel .actor-intro .info li{float:none;width:auto;padding:2px 0 2px 80px;line-height:20px}.actor-appel .actor-intro .info .title{margin-left:-80px}.latest-primary .latest-tabs{margin:0}.latest-primary .latest-tabs>li{height:28px;line-height:28px;font-size:12px}.latest-primary .list-group{margin:5px 5px 0 5px;padding-top:10px}.latest-primary .list-group>li{width:50%;line-height:22px;padding-right:0;font-size:12px}.latest-primary .list-group-50{padding-top:0}.latest-primary .list-group-50>li{width:100%}.latest-listing .thumbnail-group > li:nth-child(n+13){display:none}.tab-content.pt15{padding-top:0!important}.four-zero-four{padding:30px}.four-zero-four h2{font-size:64px}.four-zero-four h3{font-size:24px}.four-zero-four p{font-size:16px}.role-relation{display:none}.detail-download .table .code .h5{display:none}}@media screen and (max-width:375px){.youmu-app dd{width:20%;line-height:23px;font-size:12px}.youmu-app dt{width:20%;line-height:45px;font-size:12px;font-weight:bold}.youmu-app dd{width:20%;line-height:23px;font-size:12px}.youmu-app dt:after{margin:13px 1.6% 0}}@media screen and (max-width:320px){.thumbnail-group>li{padding:5px}.thumbnail-group>li>h5{font-size:12px}.thumbnail-group>li>.thumbnail,.thumbnail-group>li>.thumbnail img{height:90px}.thumbnail-group-small>li>.thumbnail,.thumbnail-group-small>li>.thumbnail img{height:60px}.thumbnail-group-special>li>.thumbnail,.thumbnail-group-special>li>.thumbnail img{height:auto}.rank-group>li{font-size:12px;line-height:28px}.filter-primary dd{padding:2px}.filter-primary dd>a{font-size:12px;margin:2px}.detail-play-list li{width:25%;font-size:12px}.detail-play-list li>a{line-height:30px}.news-listing .news-thumbnail{width:100px;height:70px}.news-listing .news-info h5{height:70px;line-height:23px;font-size:15px}.play-interaction>.play-btn>a{padding:0 10px}.play-soshm{padding-top:10px}.soshm-item+.soshm-item{margin-left:5px}.soshm-item-icon{width:28px;height:28px}}.banyundog.com{height:432px}