@charset "UTF-8";/*! * animate.css -http://daneden.me/animate * Version - 3.5.2 * Licensed under the MIT license - http://opensource.org/licenses/MIT * * Copyright (c) 2017 Daniel Eden */ @import 'xinnetinfo.css'; .animated { -webkit-animation-duration:1s; animation-duration:1s; -webkit-animation-fill-mode:both; animation-fill-mode:both } .animated.infinite { -webkit-animation-iteration-count:infinite; animation-iteration-count:infinite } .animated.hinge { -webkit-animation-duration:2s; animation-duration:2s } .animated.bounceIn, .animated.bounceOut, .animated.flipOutX, .animated.flipOutY { -webkit-animation-duration:.75s; animation-duration:.75s } @-webkit-keyframes bounce { 20%, 53%, 80%, from, to { -webkit-animation-timing-function:cubic-bezier(.215, .61, .355, 1); animation-timing-function:cubic-bezier(.215, .61, .355, 1); -webkit-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0) } 40%, 43% { -webkit-animation-timing-function:cubic-bezier(.755, .050, .855, .060); animation-timing-function:cubic-bezier(.755, .050, .855, .060); -webkit-transform:translate3d(0, -30px, 0); transform:translate3d(0, -30px, 0) } 70% { -webkit-animation-timing-function:cubic-bezier(.755, .050, .855, .060); animation-timing-function:cubic-bezier(.755, .050, .855, .060); -webkit-transform:translate3d(0, -15px, 0); transform:translate3d(0, -15px, 0) } 90% { -webkit-transform:translate3d(0, -4px, 0); transform:translate3d(0, -4px, 0) } } @keyframes bounce { 20%, 53%, 80%, from, to { -webkit-animation-timing-function:cubic-bezier(.215, .61, .355, 1); animation-timing-function:cubic-bezier(.215, .61, .355, 1); -webkit-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0) } 40%, 43% { -webkit-animation-timing-function:cubic-bezier(.755, .050, .855, .060); animation-timing-function:cubic-bezier(.755, .050, .855, .060); -webkit-transform:translate3d(0, -30px, 0); transform:translate3d(0, -30px, 0) } 70% { -webkit-animation-timing-function:cubic-bezier(.755, .050, .855, .060); animation-timing-function:cubic-bezier(.755, .050, .855, .060); -webkit-transform:translate3d(0, -15px, 0); transform:translate3d(0, -15px, 0) } 90% { -webkit-transform:translate3d(0, -4px, 0); transform:translate3d(0, -4px, 0) } } .bounce, .bouncehover:hover { -webkit-animation-name:bounce; animation-name:bounce; -webkit-transform-origin:center bottom; transform-origin:center bottom } @-webkit-keyframes flash { 50%, from, to { opacity:1 } 25%, 75% { opacity:0 } } @keyframes flash { 50%, from, to { opacity:1 } 25%, 75% { opacity:0 } } .flash, .flashhover:hover { -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) } to { -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) } to { -webkit-transform:scale3d(1, 1, 1); transform:scale3d(1, 1, 1) } } .pulse, .pulsehover:hover { -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, .75, 1); transform:scale3d(1.25, .75, 1) } 40% { -webkit-transform:scale3d(.75, 1.25, 1); transform:scale3d(.75, 1.25, 1) } 50% { -webkit-transform:scale3d(1.15, .85, 1); transform:scale3d(1.15, .85, 1) } 65% { -webkit-transform:scale3d(.95, 1.05, 1); transform:scale3d(.95, 1.05, 1) } 75% { -webkit-transform:scale3d(1.05, .95, 1); transform:scale3d(1.05, .95, 1) } to { -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, .75, 1); transform:scale3d(1.25, .75, 1) } 40% { -webkit-transform:scale3d(.75, 1.25, 1); transform:scale3d(.75, 1.25, 1) } 50% { -webkit-transform:scale3d(1.15, .85, 1); transform:scale3d(1.15, .85, 1) } 65% { -webkit-transform:scale3d(.95, 1.05, 1); transform:scale3d(.95, 1.05, 1) } 75% { -webkit-transform:scale3d(1.05, .95, 1); transform:scale3d(1.05, .95, 1) } to { -webkit-transform:scale3d(1, 1, 1); transform:scale3d(1, 1, 1) } } .rubberBand, .rubberBandhover:hover { -webkit-animation-name:rubberBand; animation-name:rubberBand } @-webkit-keyframes shake { from, to { -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, to { -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, .shakehover:hover { -webkit-animation-name:shake; animation-name:shake } @-webkit-keyframes headShake { 0% { -webkit-transform:translateX(0); transform:translateX(0) } 6.5% { -webkit-transform:translateX(-6px) rotateY(-9deg); transform:translateX(-6px) rotateY(-9deg) } 18.5% { -webkit-transform:translateX(5px) rotateY(7deg); transform:translateX(5px) rotateY(7deg) } 31.5% { -webkit-transform:translateX(-3px) rotateY(-5deg); transform:translateX(-3px) rotateY(-5deg) } 43.5% { -webkit-transform:translateX(2px) rotateY(3deg); transform:translateX(2px) rotateY(3deg) } 50% { -webkit-transform:translateX(0); transform:translateX(0) } } @keyframes headShake { 0% { -webkit-transform:translateX(0); transform:translateX(0) } 6.5% { -webkit-transform:translateX(-6px) rotateY(-9deg); transform:translateX(-6px) rotateY(-9deg) } 18.5% { -webkit-transform:translateX(5px) rotateY(7deg); transform:translateX(5px) rotateY(7deg) } 31.5% { -webkit-transform:translateX(-3px) rotateY(-5deg); transform:translateX(-3px) rotateY(-5deg) } 43.5% { -webkit-transform:translateX(2px) rotateY(3deg); transform:translateX(2px) rotateY(3deg) } 50% { -webkit-transform:translateX(0); transform:translateX(0) } } .headShake, .headShakehover:hover { -webkit-animation-timing-function:ease-in-out; animation-timing-function:ease-in-out; -webkit-animation-name:headShake; animation-name:headShake } @-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) } to { -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) } to { -webkit-transform:rotate3d(0, 0, 1, 0deg); transform:rotate3d(0, 0, 1, 0deg) } } .swing, .swinghover:hover { -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) } to { -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) } to { -webkit-transform:scale3d(1, 1, 1); transform:scale3d(1, 1, 1) } } .tada, .tadahover:hover { -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) } to { -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) } to { -webkit-transform:none; transform:none } } .wobble, .wobblehover:hover { -webkit-animation-name:wobble; animation-name:wobble } @-webkit-keyframes jello { 11.1%, from, to { -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(-.78125deg) skewY(-.78125deg); transform:skewX(-.78125deg) skewY(-.78125deg) } 77.7% { -webkit-transform:skewX(.390625deg) skewY(.390625deg); transform:skewX(.390625deg) skewY(.390625deg) } 88.8% { -webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg); transform:skewX(-.1953125deg) skewY(-.1953125deg) } } @keyframes jello { 11.1%, from, to { -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(-.78125deg) skewY(-.78125deg); transform:skewX(-.78125deg) skewY(-.78125deg) } 77.7% { -webkit-transform:skewX(.390625deg) skewY(.390625deg); transform:skewX(.390625deg) skewY(.390625deg) } 88.8% { -webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg); transform:skewX(-.1953125deg) skewY(-.1953125deg) } } .jello, .jellohover:hover { -webkit-animation-name:jello; animation-name:jello; -webkit-transform-origin:center; transform-origin:center } @-webkit-keyframes bounceIn { 20%, 40%, 60%, 80%, from, to { -webkit-animation-timing-function:cubic-bezier(.215, .61, .355, 1); animation-timing-function:cubic-bezier(.215, .61, .355, 1) } 0% { opacity:0; -webkit-transform:scale3d(.3, .3, .3); transform:scale3d(.3, .3, .3) } 20% { -webkit-transform:scale3d(1.1, 1.1, 1.1); transform:scale3d(1.1, 1.1, 1.1) } 40% { -webkit-transform:scale3d(.9, .9, .9); transform:scale3d(.9, .9, .9) } 60% { opacity:1; -webkit-transform:scale3d(1.03, 1.03, 1.03); transform:scale3d(1.03, 1.03, 1.03) } 80% { -webkit-transform:scale3d(.97, .97, .97); transform:scale3d(.97, .97, .97) } to { opacity:1; -webkit-transform:scale3d(1, 1, 1); transform:scale3d(1, 1, 1) } } @keyframes bounceIn { 20%, 40%, 60%, 80%, from, to { -webkit-animation-timing-function:cubic-bezier(.215, .61, .355, 1); animation-timing-function:cubic-bezier(.215, .61, .355, 1) } 0% { opacity:0; -webkit-transform:scale3d(.3, .3, .3); transform:scale3d(.3, .3, .3) } 20% { -webkit-transform:scale3d(1.1, 1.1, 1.1); transform:scale3d(1.1, 1.1, 1.1) } 40% { -webkit-transform:scale3d(.9, .9, .9); transform:scale3d(.9, .9, .9) } 60% { opacity:1; -webkit-transform:scale3d(1.03, 1.03, 1.03); transform:scale3d(1.03, 1.03, 1.03) } 80% { -webkit-transform:scale3d(.97, .97, .97); transform:scale3d(.97, .97, .97) } to { opacity:1; -webkit-transform:scale3d(1, 1, 1); transform:scale3d(1, 1, 1) } } .bounceIn, .bounceInhover:hover { -webkit-animation-name:bounceIn; animation-name:bounceIn } @-webkit-keyframes bounceInDown { 60%, 75%, 90%, from, to { -webkit-animation-timing-function:cubic-bezier(.215, .61, .355, 1); animation-timing-function:cubic-bezier(.215, .61, .355, 1) } 0% { opacity:0; -webkit-transform:translate3d(0, -3000px, 0); transform:translate3d(0, -3000px, 0) } 60% { opacity:1; -webkit-transform:translate3d(0, 25px, 0); transform:translate3d(0, 25px, 0) } 75% { -webkit-transform:translate3d(0, -10px, 0); transform:translate3d(0, -10px, 0) } 90% { -webkit-transform:translate3d(0, 5px, 0); transform:translate3d(0, 5px, 0) } to { -webkit-transform:none; transform:none } } @keyframes bounceInDown { 60%, 75%, 90%, from, to { -webkit-animation-timing-function:cubic-bezier(.215, .61, .355, 1); animation-timing-function:cubic-bezier(.215, .61, .355, 1) } 0% { opacity:0; -webkit-transform:translate3d(0, -3000px, 0); transform:translate3d(0, -3000px, 0) } 60% { opacity:1; -webkit-transform:translate3d(0, 25px, 0); transform:translate3d(0, 25px, 0) } 75% { -webkit-transform:translate3d(0, -10px, 0); transform:translate3d(0, -10px, 0) } 90% { -webkit-transform:translate3d(0, 5px, 0); transform:translate3d(0, 5px, 0) } to { -webkit-transform:none; transform:none } } .bounceInDown, .bounceInDownhover:hover { -webkit-animation-name:bounceInDown; animation-name:bounceInDown } @-webkit-keyframes bounceInLeft { 60%, 75%, 90%, from, to { -webkit-animation-timing-function:cubic-bezier(.215, .61, .355, 1); animation-timing-function:cubic-bezier(.215, .61, .355, 1) } 0% { opacity:0; -webkit-transform:translate3d(-3000px, 0, 0); transform:translate3d(-3000px, 0, 0) } 60% { opacity:1; -webkit-transform:translate3d(25px, 0, 0); transform:translate3d(25px, 0, 0) } 75% { -webkit-transform:translate3d(-10px, 0, 0); transform:translate3d(-10px, 0, 0) } 90% { -webkit-transform:translate3d(5px, 0, 0); transform:translate3d(5px, 0, 0) } to { -webkit-transform:none; transform:none } } @keyframes bounceInLeft { 60%, 75%, 90%, from, to { -webkit-animation-timing-function:cubic-bezier(.215, .61, .355, 1); animation-timing-function:cubic-bezier(.215, .61, .355, 1) } 0% { opacity:0; -webkit-transform:translate3d(-3000px, 0, 0); transform:translate3d(-3000px, 0, 0) } 60% { opacity:1; -webkit-transform:translate3d(25px, 0, 0); transform:translate3d(25px, 0, 0) } 75% { -webkit-transform:translate3d(-10px, 0, 0); transform:translate3d(-10px, 0, 0) } 90% { -webkit-transform:translate3d(5px, 0, 0); transform:translate3d(5px, 0, 0) } to { -webkit-transform:none; transform:none } } .bounceInLeft, .bounceInLefthover:hover { -webkit-animation-name:bounceInLeft; animation-name:bounceInLeft } @-webkit-keyframes bounceInRight { 60%, 75%, 90%, from, to { -webkit-animation-timing-function:cubic-bezier(.215, .61, .355, 1); animation-timing-function:cubic-bezier(.215, .61, .355, 1) } 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) } to { -webkit-transform:none; transform:none } } @keyframes bounceInRight { 60%, 75%, 90%, from, to { -webkit-animation-timing-function:cubic-bezier(.215, .61, .355, 1); animation-timing-function:cubic-bezier(.215, .61, .355, 1) } 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) } to { -webkit-transform:none; transform:none } } .bounceInRight, .bounceInRighthover:hover { -webkit-animation-name:bounceInRight; animation-name:bounceInRight } @-webkit-keyframes bounceInUp { 60%, 75%, 90%, from, to { -webkit-animation-timing-function:cubic-bezier(.215, .61, .355, 1); animation-timing-function:cubic-bezier(.215, .61, .355, 1) } 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) } to { -webkit-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0) } } @keyframes bounceInUp { 60%, 75%, 90%, from, to { -webkit-animation-timing-function:cubic-bezier(.215, .61, .355, 1); animation-timing-function:cubic-bezier(.215, .61, .355, 1) } 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) } to { -webkit-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0) } } .bounceInUp, .bounceInUphover:hover { -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) } to { 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) } to { opacity:0; -webkit-transform:scale3d(.3, .3, .3); transform:scale3d(.3, .3, .3) } } .bounceOut, .bounceOuthover:hover { -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) } to { 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) } to { opacity:0; -webkit-transform:translate3d(0, 2000px, 0); transform:translate3d(0, 2000px, 0) } } .bounceOutDown, .bounceOutDownhover:hover { -webkit-animation-name:bounceOutDown; animation-name:bounceOutDown } @-webkit-keyframes bounceOutLeft { 20% { opacity:1; -webkit-transform:translate3d(20px, 0, 0); transform:translate3d(20px, 0, 0) } to { 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) } to { opacity:0; -webkit-transform:translate3d(-2000px, 0, 0); transform:translate3d(-2000px, 0, 0) } } .bounceOutLeft, .bounceOutLefthover:hover { -webkit-animation-name:bounceOutLeft; animation-name:bounceOutLeft } @-webkit-keyframes bounceOutRight { 20% { opacity:1; -webkit-transform:translate3d(-20px, 0, 0); transform:translate3d(-20px, 0, 0) } to { 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) } to { opacity:0; -webkit-transform:translate3d(2000px, 0, 0); transform:translate3d(2000px, 0, 0) } } .bounceOutRight, .bounceOutRighthover:hover { -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) } to { 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) } to { opacity:0; -webkit-transform:translate3d(0, -2000px, 0); transform:translate3d(0, -2000px, 0) } } .bounceOutUp, .bounceOutUphover:hover { -webkit-animation-name:bounceOutUp; animation-name:bounceOutUp } @-webkit-keyframes fadeIn { from { opacity:0 } to { opacity:1 } } @keyframes fadeIn { from { opacity:0 } to { opacity:1 } } .fadeIn, .fadeInhover:hover { -webkit-animation-name:fadeIn; animation-name:fadeIn } @-webkit-keyframes fadeInDown { from { opacity:0; -webkit-transform:translate3d(0, -100%, 0); transform:translate3d(0, -100%, 0) } to { opacity:1; -webkit-transform:none; transform:none } } @keyframes fadeInDown { from { opacity:0; -webkit-transform:translate3d(0, -100%, 0); transform:translate3d(0, -100%, 0) } to { opacity:1; -webkit-transform:none; transform:none } } .fadeInDown, .fadeInDownhover:hover { -webkit-animation-name:fadeInDown; animation-name:fadeInDown } @-webkit-keyframes fadeInDownBig { from { opacity:0; -webkit-transform:translate3d(0, -2000px, 0); transform:translate3d(0, -2000px, 0) } to { opacity:1; -webkit-transform:none; transform:none } } @keyframes fadeInDownBig { from { opacity:0; -webkit-transform:translate3d(0, -2000px, 0); transform:translate3d(0, -2000px, 0) } to { opacity:1; -webkit-transform:none; transform:none } } .fadeInDownBig, .fadeInDownBighover:hover { -webkit-animation-name:fadeInDownBig; animation-name:fadeInDownBig } @-webkit-keyframes fadeInLeft { from { opacity:0; -webkit-transform:translate3d(-100%, 0, 0); transform:translate3d(-100%, 0, 0) } to { opacity:1; -webkit-transform:none; transform:none } } @keyframes fadeInLeft { from { opacity:0; -webkit-transform:translate3d(-100%, 0, 0); transform:translate3d(-100%, 0, 0) } to { opacity:1; -webkit-transform:none; transform:none } } .fadeInLeft, .fadeInLefthover:hover { -webkit-animation-name:fadeInLeft; animation-name:fadeInLeft } @-webkit-keyframes fadeInLeftBig { from { opacity:0; -webkit-transform:translate3d(-2000px, 0, 0); transform:translate3d(-2000px, 0, 0) } to { opacity:1; -webkit-transform:none; transform:none } } @keyframes fadeInLeftBig { from { opacity:0; -webkit-transform:translate3d(-2000px, 0, 0); transform:translate3d(-2000px, 0, 0) } to { opacity:1; -webkit-transform:none; transform:none } } .fadeInLeftBig, .fadeInLeftBighover:hover { -webkit-animation-name:fadeInLeftBig; animation-name:fadeInLeftBig } @-webkit-keyframes fadeInRight { from { opacity:0; -webkit-transform:translate3d(100%, 0, 0); transform:translate3d(100%, 0, 0) } to { opacity:1; -webkit-transform:none; transform:none } } @keyframes fadeInRight { from { opacity:0; -webkit-transform:translate3d(100%, 0, 0); transform:translate3d(100%, 0, 0) } to { opacity:1; -webkit-transform:none; transform:none } } .fadeInRight, .fadeInRighthover:hover { -webkit-animation-name:fadeInRight; animation-name:fadeInRight } @-webkit-keyframes fadeInRightBig { from { opacity:0; -webkit-transform:translate3d(2000px, 0, 0); transform:translate3d(2000px, 0, 0) } to { opacity:1; -webkit-transform:none; transform:none } } @keyframes fadeInRightBig { from { opacity:0; -webkit-transform:translate3d(2000px, 0, 0); transform:translate3d(2000px, 0, 0) } to { opacity:1; -webkit-transform:none; transform:none } } .fadeInRightBig, .fadeInRightBighover:hover { -webkit-animation-name:fadeInRightBig; animation-name:fadeInRightBig } @-webkit-keyframes fadeInUp { from { opacity:0; -webkit-transform:translate3d(0, 100%, 0); transform:translate3d(0, 100%, 0) } to { opacity:1; -webkit-transform:none; transform:none } } @keyframes fadeInUp { from { opacity:0; -webkit-transform:translate3d(0, 100%, 0); transform:translate3d(0, 100%, 0) } to { opacity:1; -webkit-transform:none; transform:none } } .fadeInUp, .fadeInUphover:hover { -webkit-animation-name:fadeInUp; animation-name:fadeInUp } @-webkit-keyframes fadeInUpBig { from { opacity:0; -webkit-transform:translate3d(0, 2000px, 0); transform:translate3d(0, 2000px, 0) } to { opacity:1; -webkit-transform:none; transform:none } } @keyframes fadeInUpBig { from { opacity:0; -webkit-transform:translate3d(0, 2000px, 0); transform:translate3d(0, 2000px, 0) } to { opacity:1; -webkit-transform:none; transform:none } } .fadeInUpBig, .fadeInUpBighover:hover { -webkit-animation-name:fadeInUpBig; animation-name:fadeInUpBig } @-webkit-keyframes fadeOut { from { opacity:1 } to { opacity:0 } } @keyframes fadeOut { from { opacity:1 } to { opacity:0 } } .fadeOut, .fadeOuthover:hover { -webkit-animation-name:fadeOut; animation-name:fadeOut } @-webkit-keyframes fadeOutDown { from { opacity:1 } to { opacity:0; -webkit-transform:translate3d(0, 100%, 0); transform:translate3d(0, 100%, 0) } } @keyframes fadeOutDown { from { opacity:1 } to { opacity:0; -webkit-transform:translate3d(0, 100%, 0); transform:translate3d(0, 100%, 0) } } .fadeOutDown, .fadeOutDownhover:hover { -webkit-animation-name:fadeOutDown; animation-name:fadeOutDown } @-webkit-keyframes fadeOutDownBig { from { opacity:1 } to { opacity:0; -webkit-transform:translate3d(0, 2000px, 0); transform:translate3d(0, 2000px, 0) } } @keyframes fadeOutDownBig { from { opacity:1 } to { opacity:0; -webkit-transform:translate3d(0, 2000px, 0); transform:translate3d(0, 2000px, 0) } } .fadeOutDownBig, .fadeOutDownBighover:hover { -webkit-animation-name:fadeOutDownBig; animation-name:fadeOutDownBig } @-webkit-keyframes fadeOutLeft { from { opacity:1 } to { opacity:0; -webkit-transform:translate3d(-100%, 0, 0); transform:translate3d(-100%, 0, 0) } } @keyframes fadeOutLeft { from { opacity:1 } to { opacity:0; -webkit-transform:translate3d(-100%, 0, 0); transform:translate3d(-100%, 0, 0) } } .fadeOutLeft, .fadeOutLefthover:hover { -webkit-animation-name:fadeOutLeft; animation-name:fadeOutLeft } @-webkit-keyframes fadeOutLeftBig { from { opacity:1 } to { opacity:0; -webkit-transform:translate3d(-2000px, 0, 0); transform:translate3d(-2000px, 0, 0) } } @keyframes fadeOutLeftBig { from { opacity:1 } to { opacity:0; -webkit-transform:translate3d(-2000px, 0, 0); transform:translate3d(-2000px, 0, 0) } } .fadeOutLeftBig, .fadeOutLeftBighover:hover { -webkit-animation-name:fadeOutLeftBig; animation-name:fadeOutLeftBig } @-webkit-keyframes fadeOutRight { from { opacity:1 } to { opacity:0; -webkit-transform:translate3d(100%, 0, 0); transform:translate3d(100%, 0, 0) } } @keyframes fadeOutRight { from { opacity:1 } to { opacity:0; -webkit-transform:translate3d(100%, 0, 0); transform:translate3d(100%, 0, 0) } } .fadeOutRight, .fadeOutRighthover:hover { -webkit-animation-name:fadeOutRight; animation-name:fadeOutRight } @-webkit-keyframes fadeOutRightBig { from { opacity:1 } to { opacity:0; -webkit-transform:translate3d(2000px, 0, 0); transform:translate3d(2000px, 0, 0) } } @keyframes fadeOutRightBig { from { opacity:1 } to { opacity:0; -webkit-transform:translate3d(2000px, 0, 0); transform:translate3d(2000px, 0, 0) } } .fadeOutRightBig, .fadeOutRightBighover:hover { -webkit-animation-name:fadeOutRightBig; animation-name:fadeOutRightBig } @-webkit-keyframes fadeOutUp { from { opacity:1 } to { opacity:0; -webkit-transform:translate3d(0, -100%, 0); transform:translate3d(0, -100%, 0) } } @keyframes fadeOutUp { from { opacity:1 } to { opacity:0; -webkit-transform:translate3d(0, -100%, 0); transform:translate3d(0, -100%, 0) } } .fadeOutUp, .fadeOutUphover:hover { -webkit-animation-name:fadeOutUp; animation-name:fadeOutUp } @-webkit-keyframes fadeOutUpBig { from { opacity:1 } to { opacity:0; -webkit-transform:translate3d(0, -2000px, 0); transform:translate3d(0, -2000px, 0) } } @keyframes fadeOutUpBig { from { opacity:1 } to { opacity:0; -webkit-transform:translate3d(0, -2000px, 0); transform:translate3d(0, -2000px, 0) } } .fadeOutUpBig, .fadeOutUpBighover:hover { -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 } to { -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 } to { -webkit-transform:perspective(400px); transform:perspective(400px); -webkit-animation-timing-function:ease-in; animation-timing-function:ease-in } } .animated.flip, .fliphover:hover { -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) } to { -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) } to { -webkit-transform:perspective(400px); transform:perspective(400px) } } .flipInX, .flipInXhover:hover { -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) } to { -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) } to { -webkit-transform:perspective(400px); transform:perspective(400px) } } .flipInY, .flipInYhover:hover { -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 } to { -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 } to { -webkit-transform:perspective(400px) rotate3d(1, 0, 0, 90deg); transform:perspective(400px) rotate3d(1, 0, 0, 90deg); opacity:0 } } .flipOutX, .flipOutXhover:hover { -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 } to { -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 } to { -webkit-transform:perspective(400px) rotate3d(0, 1, 0, 90deg); transform:perspective(400px) rotate3d(0, 1, 0, 90deg); opacity:0 } } .flipOutY, .flipOutYhover:hover { -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 } to { -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 } to { -webkit-transform:none; transform:none; opacity:1 } } .lightSpeedIn, .lightSpeedInhover:hover { -webkit-animation-name:lightSpeedIn; animation-name:lightSpeedIn; -webkit-animation-timing-function:ease-out; animation-timing-function:ease-out } @-webkit-keyframes lightSpeedOut { from { opacity:1 } to { -webkit-transform:translate3d(100%, 0, 0) skewX(30deg); transform:translate3d(100%, 0, 0) skewX(30deg); opacity:0 } } @keyframes lightSpeedOut { from { opacity:1 } to { -webkit-transform:translate3d(100%, 0, 0) skewX(30deg); transform:translate3d(100%, 0, 0) skewX(30deg); opacity:0 } } .lightSpeedOut, .lightSpeedOuthover:hover { -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 } to { -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 } to { -webkit-transform-origin:center; transform-origin:center; -webkit-transform:none; transform:none; opacity:1 } } .rotateIn, .rotateInhover:hover { -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 } to { -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 } to { -webkit-transform-origin:left bottom; transform-origin:left bottom; -webkit-transform:none; transform:none; opacity:1 } } .rotateInDownLeft, .rotateInDownLefthover:hover { -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 } to { -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 } to { -webkit-transform-origin:right bottom; transform-origin:right bottom; -webkit-transform:none; transform:none; opacity:1 } } .rotateInDownRight, .rotateInDownRighthover:hover { -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 } to { -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 } to { -webkit-transform-origin:left bottom; transform-origin:left bottom; -webkit-transform:none; transform:none; opacity:1 } } .rotateInUpLeft, .rotateInUpLefthover:hover { -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 } to { -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 } to { -webkit-transform-origin:right bottom; transform-origin:right bottom; -webkit-transform:none; transform:none; opacity:1 } } .rotateInUpRight, .rotateInUpRighthover:hover { -webkit-animation-name:rotateInUpRight; animation-name:rotateInUpRight } @-webkit-keyframes rotateOut { from { -webkit-transform-origin:center; transform-origin:center; opacity:1 } to { -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 } to { -webkit-transform-origin:center; transform-origin:center; -webkit-transform:rotate3d(0, 0, 1, 200deg); transform:rotate3d(0, 0, 1, 200deg); opacity:0 } } .rotateOut, .rotateOuthover:hover { -webkit-animation-name:rotateOut; animation-name:rotateOut } @-webkit-keyframes rotateOutDownLeft { from { -webkit-transform-origin:left bottom; transform-origin:left bottom; opacity:1 } to { -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 } to { -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, .rotateOutDownLefthover:hover { -webkit-animation-name:rotateOutDownLeft; animation-name:rotateOutDownLeft } @-webkit-keyframes rotateOutDownRight { from { -webkit-transform-origin:right bottom; transform-origin:right bottom; opacity:1 } to { -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 } to { -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, .rotateOutDownRighthover:hover { -webkit-animation-name:rotateOutDownRight; animation-name:rotateOutDownRight } @-webkit-keyframes rotateOutUpLeft { from { -webkit-transform-origin:left bottom; transform-origin:left bottom; opacity:1 } to { -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 } to { -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, .rotateOutUpLefthover:hover { -webkit-animation-name:rotateOutUpLeft; animation-name:rotateOutUpLeft } @-webkit-keyframes rotateOutUpRight { from { -webkit-transform-origin:right bottom; transform-origin:right bottom; opacity:1 } to { -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 } to { -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, .rotateOutUpRighthover:hover { -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 } to { -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 } to { -webkit-transform:translate3d(0, 700px, 0); transform:translate3d(0, 700px, 0); opacity:0 } } .hinge, .hingehover:hover { -webkit-animation-name:hinge; animation-name:hinge } @-webkit-keyframes jackInTheBox { from { opacity:0; -webkit-transform:scale(.1) rotate(30deg); transform:scale(.1) rotate(30deg); -webkit-transform-origin:center bottom; transform-origin:center bottom } 50% { -webkit-transform:rotate(-10deg); transform:rotate(-10deg) } 70% { -webkit-transform:rotate(3deg); transform:rotate(3deg) } to { opacity:1; -webkit-transform:scale(1); transform:scale(1) } } @keyframes jackInTheBox { from { opacity:0; -webkit-transform:scale(.1) rotate(30deg); transform:scale(.1) rotate(30deg); -webkit-transform-origin:center bottom; transform-origin:center bottom } 50% { -webkit-transform:rotate(-10deg); transform:rotate(-10deg) } 70% { -webkit-transform:rotate(3deg); transform:rotate(3deg) } to { opacity:1; -webkit-transform:scale(1); transform:scale(1) } } .jackInTheBox, .jackInTheBoxhover:hover { -webkit-animation-name:jackInTheBox; animation-name:jackInTheBox } @-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) } to { 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) } to { opacity:1; -webkit-transform:none; transform:none } } .rollIn, .rollInhover:hover { -webkit-animation-name:rollIn; animation-name:rollIn } @-webkit-keyframes rollOut { from { opacity:1 } to { 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 } to { opacity:0; -webkit-transform:translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform:translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg) } } .rollOut, .rollOuthover:hover { -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, .zoomInhover:hover { -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(.55, .055, .675, .19); animation-timing-function:cubic-bezier(.55, .055, .675, .19) } 60% { opacity:1; -webkit-transform:scale3d(.475, .475, .475) translate3d(0, 60px, 0); transform:scale3d(.475, .475, .475) translate3d(0, 60px, 0); -webkit-animation-timing-function:cubic-bezier(.175, .885, .32, 1); animation-timing-function:cubic-bezier(.175, .885, .32, 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(.55, .055, .675, .19); animation-timing-function:cubic-bezier(.55, .055, .675, .19) } 60% { opacity:1; -webkit-transform:scale3d(.475, .475, .475) translate3d(0, 60px, 0); transform:scale3d(.475, .475, .475) translate3d(0, 60px, 0); -webkit-animation-timing-function:cubic-bezier(.175, .885, .32, 1); animation-timing-function:cubic-bezier(.175, .885, .32, 1) } } .zoomInDown, .zoomInDownhover:hover { -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(.55, .055, .675, .19); animation-timing-function:cubic-bezier(.55, .055, .675, .19) } 60% { opacity:1; -webkit-transform:scale3d(.475, .475, .475) translate3d(10px, 0, 0); transform:scale3d(.475, .475, .475) translate3d(10px, 0, 0); -webkit-animation-timing-function:cubic-bezier(.175, .885, .32, 1); animation-timing-function:cubic-bezier(.175, .885, .32, 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(.55, .055, .675, .19); animation-timing-function:cubic-bezier(.55, .055, .675, .19) } 60% { opacity:1; -webkit-transform:scale3d(.475, .475, .475) translate3d(10px, 0, 0); transform:scale3d(.475, .475, .475) translate3d(10px, 0, 0); -webkit-animation-timing-function:cubic-bezier(.175, .885, .32, 1); animation-timing-function:cubic-bezier(.175, .885, .32, 1) } } .zoomInLeft, .zoomInLefthover:hover { -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(.55, .055, .675, .19); animation-timing-function:cubic-bezier(.55, .055, .675, .19) } 60% { opacity:1; -webkit-transform:scale3d(.475, .475, .475) translate3d(-10px, 0, 0); transform:scale3d(.475, .475, .475) translate3d(-10px, 0, 0); -webkit-animation-timing-function:cubic-bezier(.175, .885, .32, 1); animation-timing-function:cubic-bezier(.175, .885, .32, 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(.55, .055, .675, .19); animation-timing-function:cubic-bezier(.55, .055, .675, .19) } 60% { opacity:1; -webkit-transform:scale3d(.475, .475, .475) translate3d(-10px, 0, 0); transform:scale3d(.475, .475, .475) translate3d(-10px, 0, 0); -webkit-animation-timing-function:cubic-bezier(.175, .885, .32, 1); animation-timing-function:cubic-bezier(.175, .885, .32, 1) } } .zoomInRight, .zoomInRighthover:hover { -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(.55, .055, .675, .19); animation-timing-function:cubic-bezier(.55, .055, .675, .19) } 60% { opacity:1; -webkit-transform:scale3d(.475, .475, .475) translate3d(0, -60px, 0); transform:scale3d(.475, .475, .475) translate3d(0, -60px, 0); -webkit-animation-timing-function:cubic-bezier(.175, .885, .32, 1); animation-timing-function:cubic-bezier(.175, .885, .32, 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(.55, .055, .675, .19); animation-timing-function:cubic-bezier(.55, .055, .675, .19) } 60% { opacity:1; -webkit-transform:scale3d(.475, .475, .475) translate3d(0, -60px, 0); transform:scale3d(.475, .475, .475) translate3d(0, -60px, 0); -webkit-animation-timing-function:cubic-bezier(.175, .885, .32, 1); animation-timing-function:cubic-bezier(.175, .885, .32, 1) } } .zoomInUp, .zoomInUphover:hover { -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) } to { opacity:0 } } @keyframes zoomOut { from { opacity:1 } 50% { opacity:0; -webkit-transform:scale3d(.3, .3, .3); transform:scale3d(.3, .3, .3) } to { opacity:0 } } .zoomOut, .zoomOuthover:hover { -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(.55, .055, .675, .19); animation-timing-function:cubic-bezier(.55, .055, .675, .19) } to { 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(.175, .885, .32, 1); animation-timing-function:cubic-bezier(.175, .885, .32, 1) } } @keyframes zoomOutDown { 40% { opacity:1; -webkit-transform:scale3d(.475, .475, .475) translate3d(0, -60px, 0); transform:scale3d(.475, .475, .475) translate3d(0, -60px, 0); -webkit-animation-timing-function:cubic-bezier(.55, .055, .675, .19); animation-timing-function:cubic-bezier(.55, .055, .675, .19) } to { 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(.175, .885, .32, 1); animation-timing-function:cubic-bezier(.175, .885, .32, 1) } } .zoomOutDown, .zoomOutDownhover:hover { -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) } to { 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) } to { 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, .zoomOutLefthover:hover { -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) } to { 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) } to { 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, .zoomOutRighthover:hover { -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(.55, .055, .675, .19); animation-timing-function:cubic-bezier(.55, .055, .675, .19) } to { 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(.175, .885, .32, 1); animation-timing-function:cubic-bezier(.175, .885, .32, 1) } } @keyframes zoomOutUp { 40% { opacity:1; -webkit-transform:scale3d(.475, .475, .475) translate3d(0, 60px, 0); transform:scale3d(.475, .475, .475) translate3d(0, 60px, 0); -webkit-animation-timing-function:cubic-bezier(.55, .055, .675, .19); animation-timing-function:cubic-bezier(.55, .055, .675, .19) } to { 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(.175, .885, .32, 1); animation-timing-function:cubic-bezier(.175, .885, .32, 1) } } .zoomOutUp, .zoomOutUphover:hover { -webkit-animation-name:zoomOutUp; animation-name:zoomOutUp } @-webkit-keyframes slideInDown { from { -webkit-transform:translate3d(0, -100%, 0); transform:translate3d(0, -100%, 0); visibility:visible } to { -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 } to { -webkit-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0) } } .slideInDown, .slideInDownhover:hover { -webkit-animation-name:slideInDown; animation-name:slideInDown } @-webkit-keyframes slideInLeft { from { -webkit-transform:translate3d(-100%, 0, 0); transform:translate3d(-100%, 0, 0); visibility:visible } to { -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 } to { -webkit-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0) } } .slideInLeft, .slideInLefthover:hover { -webkit-animation-name:slideInLeft; animation-name:slideInLeft } @-webkit-keyframes slideInRight { from { -webkit-transform:translate3d(100%, 0, 0); transform:translate3d(100%, 0, 0); visibility:visible } to { -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 } to { -webkit-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0) } } .slideInRight, .slideInRighthover:hover { -webkit-animation-name:slideInRight; animation-name:slideInRight } @-webkit-keyframes slideInUp { from { -webkit-transform:translate3d(0, 100%, 0); transform:translate3d(0, 100%, 0); visibility:visible } to { -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 } to { -webkit-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0) } } .slideInUp, .slideInUphover:hover { -webkit-animation-name:slideInUp; animation-name:slideInUp } @-webkit-keyframes slideOutDown { from { -webkit-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0) } to { 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) } to { visibility:hidden; -webkit-transform:translate3d(0, 100%, 0); transform:translate3d(0, 100%, 0) } } .slideOutDown, .slideOutDownhover:hover { -webkit-animation-name:slideOutDown; animation-name:slideOutDown } @-webkit-keyframes slideOutLeft { from { -webkit-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0) } to { 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) } to { visibility:hidden; -webkit-transform:translate3d(-100%, 0, 0); transform:translate3d(-100%, 0, 0) } } .slideOutLeft, .slideOutLefthover:hover { -webkit-animation-name:slideOutLeft; animation-name:slideOutLeft } @-webkit-keyframes slideOutRight { from { -webkit-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0) } to { 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) } to { visibility:hidden; -webkit-transform:translate3d(100%, 0, 0); transform:translate3d(100%, 0, 0) } } .slideOutRight, .slideOutRighthover:hover { -webkit-animation-name:slideOutRight; animation-name:slideOutRight } @-webkit-keyframes slideOutUp { from { -webkit-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0) } to { 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) } to { visibility:hidden; -webkit-transform:translate3d(0, -100%, 0); transform:translate3d(0, -100%, 0) } } .slideOutUp, .slideOutUphover:hover { -webkit-animation-name:slideOutUp; animation-name:slideOutUp } @-webkit-keyframes UpFullScreen { 0% { height:0; bottom:0 } 100% { height:100%; bottom:0 } } @keyframes UpFullScreen { 0% { height:0; bottom:0 } 100% { height:100%; bottom:0 } } .UpFullScreen, .UpFullScreenhover:hover { -webkit-animation-name:UpFullScreen; animation-name:UpFullScreen } @-webkit-keyframes TurnOverY { 0% { -webkit-transform:perspective(400px) rotateY(90deg); transform:perspective(400px) rotateY(90deg) } 100% { -webkit-transform:perspective(400px) rotateY(180deg); transform:perspective(400px) rotateY(180deg) } } @keyframes TurnOverY { 0% { -webkit-transform:perspective(400px) rotateY(90deg); transform:perspective(400px) rotateY(90deg) } 100% { -webkit-transform:perspective(400px) rotateY(180deg); transform:perspective(400px) rotateY(180deg) } } .tUpFullScreen, .tUpFullScreenhover:hover { -webkit-animation-name:TurnOverY; animation-name:TurnOverY } @-webkit-keyframes Magnify { 0% { width:0; height:0; left:50%; top:50%; -webkit-transform:translate(-50%, -50%); transform:translate(-50%, -50%) } 100% { width:100%; height:100%; left:50%; top:50%; -webkit-transform:translate(-50%, -50%); transform:translate(-50%, -50%) } } @keyframes Magnify { 0% { width:0; height:0; left:50%; top:50%; -webkit-transform:translate(-50%, -50%); transform:translate(-50%, -50%) } 100% { width:100%; height:100%; left:50%; top:50%; -webkit-transform:translate(-50%, -50%); transform:translate(-50%, -50%) } } .Magnify, .Magnifyhover:hover { -webkit-animation-name:Magnify; animation-name:Magnify } @-webkit-keyframes bgMagnify { 0% { -webkit-transform:scale(1, 1); transform:scale(1, 1) } 100% { -webkit-transform:scale(1.1, 1.1); transform:scale(1.1, 1.1) } } @keyframes bgMagnify { 0% { -webkit-transform:scale(1, 1); transform:scale(1, 1) } 100% { -webkit-transform:scale(1.1, 1.1); transform:scale(1.1, 1.1) } } .bgMagnify, .bgMagnifyhover:hover { -webkit-animation-name:bgMagnify; animation-name:bgMagnify } @-webkit-keyframes bgShrink { 0% { -webkit-transform:scale(1.1, 1.1); transform:scale(1.1, 1.1) } 100% { -webkit-transform:scale(1, 1); transform:scale(1, 1) } } @keyframes bgShrink { 0% { -webkit-transform:scale(1.1, 1.1); transform:scale(1.1, 1.1) } 100% { -webkit-transform:scale(1, 1); transform:scale(1, 1) } } .bgShrink, .bgShrinkhover:hover { -webkit-animation-name:bgShrink; animation-name:bgShrink } .mark { width:100%; height:100% } .fade_in .mark { -webkit-animation-name:fade_in; animation-name:fade_in; -webkit-animation-iteration-count:1; animation-iteration-count:1; -webkit-animation-duration:.5s; animation-duration:.5s } @-webkit-keyframes fade_in { 0% { -webkit-transform:scale(0); transform:scale(0) } 100% { -webkit-transform:scale(1); transform:scale(1) } } .fade_in.stop .mark { -webkit-animation-name:fade_in_stop; animation-name:fade_in_stop; -webkit-animation-iteration-count:1; animation-iteration-count:1; -webkit-animation-duration:.5s; animation-duration:.5s } @-webkit-keyframes fade_in_stop { 0% { -webkit-transform:scale(1); transform:scale(1) } 100% { -webkit-transform:scale(0); transform:scale(0) } } .slide_in .mark { -webkit-animation-name:slide_in; animation-name:slide_in; -webkit-animation-iteration-count:1; -animation-iteration-count:1; -webkit-animation-duration:.5s; animation-duration:.5s } @-webkit-keyframes slide_in { 0% { -webkit-transform:translateY(100%); transform:translateY(100%) } 100% { -webkit-transform:translateY(0); transform:translateY(0) } } .slide_in.stop .mark { -webkit-animation-name:slide_in_stop; animation-name:slide_in_stop; -webkit-animation-iteration-count:1; -animation-iteration-count:1; -webkit-animation-duration:.5s; animation-duration:.5s } @-webkit-keyframes slide_in_stop { 0% { -webkit-transform:translateY(0); transform:translateY(0) } 100% { -webkit-transform:translateY(100%); transform:translateY(100%) } } .newspaper .mark { -webkit-animation-name:newspaper; animation-name:newspaper; -webkit-animation-iteration-count:1; animation-iteration-count:1; -webkit-animation-duration:.5s; animation-duration:.5s } @-webkit-keyframes newspaper { 0% { -webkit-transform:rotate(360deg); transform:rotate(360deg) } 100% { -webkit-transform:rotate(0); transform:rotate(0) } } .newspaper.stop .mark { -webkit-animation-name:newspaper_stop; animation-name:newspaper_stop; -webkit-animation-iteration-count:1; animation-iteration-count:1; -webkit-animation-duration:.5s; animation-duration:.5s } @-webkit-keyframes newspaper_stop { 0% { -webkit-transform:rotate(0); transform:rotate(0) } 100% { -webkit-transform:rotate(360deg); transform:rotate(360deg) } } .fall .mark { -webkit-animation-name:fall; animation-name:fall; -webkit-animation-iteration-count:1; animation-iteration-count:1; -webkit-animation-duration:.5s; animation-duration:.5s; -webkit-transform-style:preserve-3d } .fall .p_PopupWindow { -webkit-perspective:1300px } @-webkit-keyframes fall { 0% { -webkit-transform:rotateX(20deg) translateZ(600px); transform:rotateX(20deg) translateZ(600px); opacity:0 } 100% { -webkit-transform:rotateX(0) translateZ(0); transform:rotateX(0) translateZ(0); opacity:1 } } .fall.stop .mark { -webkit-animation-name:fall_stop; animation-name:fall_stop; -webkit-animation-iteration-count:1; animation-iteration-count:1; -webkit-animation-duration:.5s; animation-duration:.5s; -webkit-transform-style:preserve-3d } .fall.stop .p_PopupWindow { -webkit-perspective:1300px } @-webkit-keyframes fall_stop { 0% { -webkit-transform:rotateX(0) translateZ(0); transform:rotateX(0) translateZ(0); opacity:1 } 100% { -webkit-transform:rotateX(20deg) translateZ(600px); transform:rotateX(20deg) translateZ(600px); opacity:0 } } .blur .mark { -webkit-animation-name:blur; animation-name:blur; -webkit-animation-iteration-count:1; animation-iteration-count:1; -webkit-animation-duration:.5s; animation-duration:.5s } @-webkit-keyframes blur { 0% { -webkit-transform:translateY(-20%); transform:translateY(-20%); opacity:0 } 100% { -webkit-transform:translateY(0); transform:translateY(0); opacity:1 } } .blur .p_shade { -webkit-animation-name:blur_out; animation-name:blur_out; -webkit-animation-iteration-count:1; animation-iteration-count:1; -webkit-animation-duration:.5s; animation-duration:.5s } @-webkit-keyframes blur_out { 0% { -webkit-filter:blur(0); filter:blur(0) } 100% { -webkit-filter:blur(5px); filter:blur(5px) } } .blur.stop .mark { -webkit-animation-name:blur_stop; animation-name:blur_stop; -webkit-animation-iteration-count:1; animation-iteration-count:1; -webkit-animation-duration:.5s; animation-duration:.5s } @-webkit-keyframes blur_stop { 0% { -webkit-transform:translateY(0); transform:translateY(0); opacity:1 } 100% { -webkit-transform:translateY(-20%); transform:translateY(-20%); opacity:0 } } .blur.stop .p_shade { -webkit-animation-name:blur_out_stop; animation-name:blur_out_stop; -webkit-animation-iteration-count:1; animation-iteration-count:1; -webkit-animation-duration:.5s; animation-duration:.5s } @-webkit-keyframes blur_out_stop { 0% { -webkit-filter:blur(5px); filter:blur(5px) } 100% { -webkit-filter:blur(0); filter:blur(0) } } img[lazy-src] { max-width:100% } @font-face { font-display:swap; font-family:"iconfont"; src:url(../fonts/iconfont.eot�t=1595386544467.eot7');src:url(http://www.kostapower.com/theme/default/fonts/iconfont.eot?t=1595386544467#iefixx') format('embedded-opentype'), url(../fonts/iconfont.ttf�t=1595386544467.ttf7') format('truetype'),url(http://www.kostapower.com/theme/default/fonts/iconfont.svg?t=1595386544467#iconfontt') format('svg'); } .iconfont { font-family:"iconfont" !important; font-size:16px; font-style:normal; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; } .icon-whatsapp1:before { content:"\e6e6"; } .icon-whatsapp:before { content:"\ea07"; } .icon-yuenanyu:before { content:"\e70c"; } .icon-wuzibiekeyu:before { content:"\e70d"; } .icon-wukelanyu:before { content:"\e70e"; } .icon-tuerqiyu:before { content:"\e70f"; } .icon-taiyu:before { content:"\e710"; } .icon-tajikeyu:before { content:"\e711"; } .icon-ruidianyu:before { content:"\e712"; } .icon-xibanyayu:before { content:"\e713"; } .icon-baieluosiyu:before { content:"\e714"; } .icon-siluowenniyayu:before { content:"\e715"; } .icon-siluofakeyu:before { content:"\e716"; } .icon-eyu:before { content:"\e717"; } .icon-luomaniyayu:before { content:"\e718"; } .icon-putaoyayu:before { content:"\e719"; } .icon-bolanyu:before { content:"\e71a"; } .icon-bosiyu:before { content:"\e71b"; } .icon-nuoweiyu:before { content:"\e71c"; } .icon-niboeryu:before { content:"\e71d"; } .icon-miandianyu:before { content:"\e71e"; } .icon-mengyu:before { content:"\e71f"; } .icon-maertayu:before { content:"\e720"; } .icon-malaiyu:before { content:"\e721"; } .icon-maqidunyu:before { content:"\e722"; } .icon-lusenbaoyu:before { content:"\e723"; } .icon-litaowanyu:before { content:"\e724"; } .icon-latuoweiyayu:before { content:"\e725"; } .icon-latuoweiyayu1:before { content:"\e726"; } .icon-laozhuayu:before { content:"\e727"; } .icon-jierjisikeerkeziyu:before { content:"\e728"; } .icon-hanyu:before { content:"\e729"; } .icon-yameiniya:before { content:"\e72a"; } .icon-hasakeyu:before { content:"\e72b"; } .icon-riyu:before { content:"\e72c"; } .icon-yidaliyu:before { content:"\e72d"; } .icon-aierlanyu:before { content:"\e72e"; } .icon-yindunixiyayu:before { content:"\e730"; } .icon-xiongyaliyu:before { content:"\e731"; } .icon-yindiyu:before { content:"\e732"; } .icon-xibolaiyu:before { content:"\e733"; } .icon-xilayu:before { content:"\e734"; } .icon-deyu:before { content:"\e735"; } .icon-gelujiyayu:before { content:"\e737"; } .icon-maoliyu:before { content:"\e738"; } .icon-fayu:before { content:"\e739"; } .icon-fenlanyu:before { content:"\e73a"; } .icon-feilvbinyu:before { content:"\e73b"; } .icon-aishaniyayu:before { content:"\e73c"; } .icon-shijieyu:before { content:"\e73d"; } .icon-helanyu:before { content:"\e73e"; } .icon-danmaiyu:before { content:"\e73f"; } .icon-jiekeyu:before { content:"\e740"; } .icon-baojialiyayu:before { content:"\e741"; } .icon-mengjialayu:before { content:"\e742"; } .icon-alaboyu:before { content:"\e743"; } .icon-zhongwen:before { content:"\e744"; } .icon-keluodiyayu:before { content:"\e745"; } .icon-saierweiya:before { content:"\e746"; } .icon-bingdaoyu:before { content:"\e747"; } .icon-QQ-copy:before { content:"\e6e4"; } .icon-aliwangwang1:before { content:"\e6e5"; } .icon-social-skype:before { content:"\e6e3"; } .icon-aliwangwang:before { content:"\e76c"; } .icon-wancheng:before { content:"\e6df"; } .icon-dingdan:before { content:"\e6e0"; } .icon-fukuan:before { content:"\e6e1"; } .icon-fahuo:before { content:"\e6e2"; } .icon-deng:before { content:"\e6db"; } .icon-youqitong:before { content:"\e6dc"; } .icon-fl-shuazi:before { content:"\e6dd"; } .icon-qiang:before { content:"\e6de"; } .icon-34:before { content:"\e6d8"; } .icon-iconset0293:before { content:"\e6d9"; } .icon-11:before { content:"\e6da"; } .icon-meiyuan4:before { content:"\e736"; } .icon-meiyuan_o:before { content:"\eba1"; } .icon-yunpingtai:before { content:"\e674"; } .icon-zuojiantou:before { content:"\e68e"; } .icon-circle-arrow-right:before { content:"\e698"; } .icon-ding:before { content:"\e665"; } .icon-tuijian:before { content:"\e619"; } .icon-re:before { content:"\e666"; } .icon-xin:before { content:"\e61b"; } .icon-qian:before { content:"\e6d7"; } .icon-jingdong:before { content:"\e6d6"; } .icon-baidu:before { content:"\e6d5"; } .icon-tanhao2:before { content:"\e6d4"; } .icon-cha:before { content:"\e6d3"; } .icon-nv:before { content:"\e6d2"; } .icon-xialajiantou:before { content:"\e6d1"; } .icon-2:before { content:"\e616"; } .icon-3:before { content:"\e6d0"; } .icon-1:before { content:"\e617"; } .icon-qiyeyewu:before { content:"\e6ca"; } .icon-iconyewubao:before { content:"\e6cc"; } .icon-yewu:before { content:"\e6ce"; } .icon-heilongjiangtubiao06:before { content:"\e6cf"; } .icon-kaobianxuanzegou:before { content:"\e6cb"; } .icon-ok1:before { content:"\e6cd"; } .icon-arrow_up:before { content:"\e6c8"; } .icon-arrow_down:before { content:"\e6c9"; } .icon-mailcode:before { content:"\e6c7"; } .icon-wangzhi:before { content:"\e6c6"; } .icon-shouqi:before { content:"\e6c5"; } .icon-shuju:before { content:"\e6c3"; } .icon-dashuju:before { content:"\e6c4"; } .icon-fenxiang:before { content:"\e6c2"; } .icon-kulian:before { content:"\e6c1"; } .icon-arrowdowna:before { content:"\e6bf"; } .icon-arrowupa:before { content:"\e6c0"; } .icon-shipin:before { content:"\e6be"; } .icon-goumai:before { content:"\e6bd"; } .icon-wenhao:before { content:"\e6bc"; } .icon-yaochi:before { content:"\e6bb"; } .icon-duanxinzhuanhuan:before { content:"\e6ba"; } .icon-dushigouwu:before { content:"\e6b9"; } .icon-tianmaobao:before { content:"\e6b8"; } .icon-shipin1:before { content:"\e6b7"; } .icon-kefu:before { content:"\e6b6"; } .icon-neutral:before { content:"\e6b4"; } .icon-biaoqian:before { content:"\e6b3"; } .icon-jishiben:before { content:"\e6b1"; } .icon-lipin:before { content:"\e6ad"; } .icon-arrowlefta:before { content:"\e689"; } .icon-arrowrighta:before { content:"\e6ac"; } .icon-jianhao:before { content:"\e6b5"; } .icon-shixinyuanjiahao:before { content:"\e6b2"; } .icon-arrows-copy:before { content:"\e69a"; } .icon-chevron-copy-copy-copy-copy-copy:before { content:"\e69c"; } .icon-chevron-copy-copy-copy-copy-copy-copy:before { content:"\e6ae"; } .icon-chevron-copy:before { content:"\e687"; } .icon-duduyinleappicon1401:before { content:"\e6af"; } .icon-duduyinleappicon0501:before { content:"\e6b0"; } .icon-duigou:before { content:"\e6ab"; } .icon-iconfontguige:before { content:"\e65b"; } .icon-iconfontanquanbaozhang1:before { content:"\e65c"; } .icon-iconfontbofang:before { content:"\e65d"; } .icon-iconfontbofang1:before { content:"\e65e"; } .icon-iconfontplay:before { content:"\e65f"; } .icon-iconfontttpodicon:before { content:"\e660"; } .icon-iconfontsousuo:before { content:"\e661"; } .icon-iconfontbook:before { content:"\e662"; } .icon-iconfontfuwurenyuan:before { content:"\e663"; } .icon-iconfontshezhichilun:before { content:"\e664"; } .icon-iconfontsanxingdianhover:before { content:"\e667"; } .icon-iconfontdian:before { content:"\e668"; } .icon-iconfontdian1:before { content:"\e669"; } .icon-iconfontxin1:before { content:"\e66a"; } .icon-iconfontpingfenxingxingwaikuang1:before { content:"\e66b"; } .icon-iconfontfenlei:before { content:"\e66c"; } .icon-iconfontzoomin2:before { content:"\e66d"; } .icon-iconfontxiaolian:before { content:"\e66e"; } .icon-iconfontchuanzhendayin:before { content:"\e66f"; } .icon-iconfontpullright:before { content:"\e670"; } .icon-iconfontpullleft:before { content:"\e671"; } .icon-iconfontcaijian:before { content:"\e672"; } .icon-iconfonticonfontpingguo:before { content:"\e673"; } .icon-iconfontxiazai2:before { content:"\e675"; } .icon-iconfontyoujian:before { content:"\e676"; } .icon-iconfontbijibendiannao:before { content:"\e677"; } .icon-iconfonticonfontbrowsernew:before { content:"\e678"; } .icon-iconfontliulan:before { content:"\e679"; } .icon-iconfontshijian:before { content:"\e67a"; } .icon-iconfontshijian1:before { content:"\e67b"; } .icon-iconfonticonfontfenxiang:before { content:"\e67c"; } .icon-iconfonticonziti35:before { content:"\e67d"; } .icon-iconfonttengxunweibo:before { content:"\e67e"; } .icon-iconfontfenxiang:before { content:"\e67f"; } .icon-iconfontqzone:before { content:"\e680"; } .icon-iconfontfenxiangpengyouquan:before { content:"\e681"; } .icon-iconfontbbgfenxiang:before { content:"\e682"; } .icon-iconfontjianhao:before { content:"\e683"; } .icon-iconfonttianjiatupian:before { content:"\e684"; } .icon-iconfontbiaoqianji:before { content:"\e685"; } .icon-iconfontpinglunqian:before { content:"\e686"; } .icon-iconfontwujiaoxing:before { content:"\e688"; } .icon-iconfontshouye:before { content:"\e68a"; } .icon-iconfontyinledianzan:before { content:"\e68b"; } .icon-iconfontbofangjilu:before { content:"\e68c"; } .icon-iconfonticonfontzhuye:before { content:"\e68d"; } .icon-iconfontcircularframeliulan:before { content:"\e68f"; } .icon-iconfontbiaoqianguanbi:before { content:"\e690"; } .icon-iconfonticonfontpraise:before { content:"\e691"; } .icon-iconfontxianshirequ1:before { content:"\e692"; } .icon-iconfonticon1:before { content:"\e693"; } .icon-iconfontpinglunhou:before { content:"\e694"; } .icon-iconfontpinglunzu:before { content:"\e695"; } .icon-iconfontqz:before { content:"\e696"; } .icon-iconfontshouyehomemian:before { content:"\e697"; } .icon-iconfontbofang2:before { content:"\e699"; } .icon-iconfonttaobaoyin:before { content:"\e69b"; } .icon-iconfontrementupian:before { content:"\e69d"; } .icon-iconfontordinaryliulan:before { content:"\e69e"; } .icon-iconfonticozhuce:before { content:"\e69f"; } .icon-iconfontshouye1:before { content:"\e6a0"; } .icon-iconfonttao:before { content:"\e6a1"; } .icon-iconfontrenrenfangxing:before { content:"\e6a2"; } .icon-iconfonttianjiayonghu:before { content:"\e6a3"; } .icon-iconfontpiping:before { content:"\e6a4"; } .icon-iconfontzanyang:before { content:"\e6a5"; } .icon-iconfontyonghu:before { content:"\e6a6"; } .icon-iconfontjiantou:before { content:"\e6a7"; } .icon-iconfontzuojiantou:before { content:"\e6a8"; } .icon-iconfontshoucangjia:before { content:"\e6a9"; } .icon-iconfontbianji:before { content:"\e6aa"; } .icon-iconfontdaohanggonggao:before { content:"\e62e"; } .icon-iconfontshanchu:before { content:"\e62f"; } .icon-iconfontditudaohang:before { content:"\e630"; } .icon-iconfontmofangdaohang:before { content:"\e631"; } .icon-iconfontdaohangico:before { content:"\e632"; } .icon-iconfonttianjia:before { content:"\e633"; } .icon-iconfontgengduo:before { content:"\e634"; } .icon-iconfontzuoshangjiaotubiao:before { content:"\e635"; } .icon-iconfontconnectionbars:before { content:"\e636"; } .icon-iconfontwangluoxinhao:before { content:"\e637"; } .icon-iconfontjinlingyingcaiwangtubiao33:before { content:"\e638"; } .icon-iconfontmimarenzheng:before { content:"\e639"; } .icon-iconfontrongyujiangxiang:before { content:"\e63a"; } .icon-iconfonttrophy:before { content:"\e63b"; } .icon-iconfontrenzheng:before { content:"\e63c"; } .icon-iconfonticonfontkaohechengji:before { content:"\e63d"; } .icon-iconfontrongyuzheng:before { content:"\e63e"; } .icon-iconfontcuowu2:before { content:"\e63f"; } .icon-iconfontcuowu:before { content:"\e640"; } .icon-iconfontguanbicuowu:before { content:"\e641"; } .icon-iconfontzhengquetishitianchong:before { content:"\e642"; } .icon-iconfontdiannao:before { content:"\e643"; } .icon-iconfontpingbandiannao:before { content:"\e644"; } .icon-iconfontxuanzekuangyixuan:before { content:"\e645"; } .icon-iconfontoptionbutton:before { content:"\e646"; } .icon-iconfontxuanzefangfa01:before { content:"\e647"; } .icon-iconfontduigou:before { content:"\e648"; } .icon-iconfontshuaxin:before { content:"\e649"; } .icon-iconfontrenwu:before { content:"\e64a"; } .icon-iconfonticonfontweibo:before { content:"\e64b"; } .icon-iconfontxinlangweibo:before { content:"\e64c"; } .icon-iconfontweibo:before { content:"\e64d"; } .icon-iconfontweibiaoti1:before { content:"\e64e"; } .icon-iconfontweixin:before { content:"\e64f"; } .icon-iconfontweixin1:before { content:"\e650"; } .icon-iconfontweixin2:before { content:"\e651"; } .icon-iconfontweixin3:before { content:"\e652"; } .icon-iconfontqq:before { content:"\e653"; } .icon-iconfontqq1:before { content:"\e654"; } .icon-iconfontqq2:before { content:"\e655"; } .icon-iconfontqq3:before { content:"\e656"; } .icon-iconfontxiangqing:before { content:"\e657"; } .icon-iconfontanquanbaozhang:before { content:"\e658"; } .icon-iconfonticonpay:before { content:"\e659"; } .icon-iconfontbaozhang:before { content:"\e65a"; } .icon-iconfontchanpin:before { content:"\e624"; } .icon-iconfontguanyuwomen:before { content:"\e625"; } .icon-iconfontguanyuwomen1:before { content:"\e626"; } .icon-iconfontweibiaoti2:before { content:"\e627"; } .icon-iconfontdianhua:before { content:"\e628"; } .icon-iconfontdianhua1:before { content:"\e629"; } .icon-iconfontgengxin:before { content:"\e62a"; } .icon-iconfontluxiandaohang:before { content:"\e62b"; } .icon-iconfontwuxianduandaohang:before { content:"\e62c"; } .icon-iconfontdaohang:before { content:"\e62d"; } .icon-iconfontiocnnv2:before { content:"\e600"; } .icon-iconfontiocnnan:before { content:"\e601"; } .icon-iconfonttianjia1:before { content:"\e602"; } .icon-iconfontquanping:before { content:"\e603"; } .icon-iconfontjulichi:before { content:"\e604"; } .icon-iconfontshouyezhuyetubiao07:before { content:"\e605"; } .icon-iconfontwoyaofahuo:before { content:"\e606"; } .icon-iconfontxiangji:before { content:"\e607"; } .icon-iconfonthoudongfangiconfont01:before { content:"\e608"; } .icon-iconfontrenminbi:before { content:"\e609"; } .icon-iconfontjianlilaiyuanwangzhan:before { content:"\e60a"; } .icon-iconfonttupian24px:before { content:"\e60b"; } .icon-iconfontnan:before { content:"\e60c"; } .icon-iconfontshipin:before { content:"\e60d"; } .icon-iconfontchenggong:before { content:"\e60e"; } .icon-iconfonticonfontrili:before { content:"\e60f"; } .icon-iconfontjinyongudisable:before { content:"\e610"; } .icon-iconfontgongjiao:before { content:"\e611"; } .icon-iconfontcar:before { content:"\e612"; } .icon-iconfontjiaotongiconwalk:before { content:"\e613"; } .icon-iconfontdiqiu:before { content:"\e614"; } .icon-iconfonttianjiaxin:before { content:"\e615"; } .icon-iconfontxinsaoyisao:before { content:"\e618"; } .icon-iconfontrepin:before { content:"\e61a"; } .icon-iconfontxianshirequ:before { content:"\e61c"; } .icon-iconfontfasong:before { content:"\e61d"; } .icon-iconfontdaohangsanjiao:before { content:"\e61e"; } .icon-iconfontdaohangtubiao:before { content:"\e61f"; } .icon-iconfontmianxingtubiao1ziyuanguanli:before { content:"\e620"; } .icon-iconfontxingyexinwen:before { content:"\e621"; } .icon-iconfontfabuanli:before { content:"\e622"; } .icon-iconfontdianxinganli:before { content:"\e623"; }/*! * Bootstrap v3.3.7 (http://getbootstrap.com) * Copyright 2011-2018 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) */ /*! * Generated using the Bootstrap Customizer () * Config saved to config.json and *//*! * Bootstrap v3.3.7 (http://getbootstrap.com) * Copyright 2011-2016 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) *//*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */html { font-family:sans-serif; -ms-text-size-adjust:100%; -webkit-text-size-adjust:100% } body { margin:0 } article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display:block } audio, canvas, progress, video { display:inline-block; vertical-align:baseline } audio:not([controls]) { display:none; height:0 } [hidden], template { display:none } a { background-color:transparent } a:active, a:hover { outline:0 } abbr[title] { border-bottom:1px dotted } b, strong { font-weight:bold } dfn { font-style:italic } h1 { font-size:2em; margin:0.67em 0 } mark { background:#ff0; color:#000 } small { font-size:80% } sub, sup { font-size:75%; line-height:0; position:relative; vertical-align:baseline } sup { top:-0.5em } sub { bottom:-0.25em } img { border:0 } svg:not(:root) { overflow:hidden } figure { margin:1em 40px } hr { -webkit-box-sizing:content-box; -moz-box-sizing:content-box; box-sizing:content-box; height:0 } pre { overflow:auto } code, kbd, pre, samp { font-family:monospace, monospace; font-size:1em } button, input, optgroup, select, textarea { color:inherit; font:inherit; margin:0 } button { overflow:visible } button, select { text-transform:none } button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance:button; cursor:pointer } button[disabled], html input[disabled] { cursor:default } button::-moz-focus-inner, input::-moz-focus-inner { border:0; padding:0 } input { line-height:normal } input[type="checkbox"], input[type="radio"] { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; padding:0 } input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height:auto } input[type="search"] { -webkit-appearance:textfield; -webkit-box-sizing:content-box; -moz-box-sizing:content-box; box-sizing:content-box } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance:none } fieldset { border:1px solid #c0c0c0; margin:0 2px; padding:0.35em 0.625em 0.75em } legend { border:0; padding:0 } textarea { overflow:auto } optgroup { font-weight:bold } table { border-collapse:collapse; border-spacing:0 } td, th { padding:0 }/*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */ @media print { *, *:before, *:after { background:transparent !important; color:#000 !important; -webkit-box-shadow:none !important; box-shadow:none !important; text-shadow:none !important } a, a:visited { text-decoration:underline } a[href]:after { content:" (" attr(href) ")" } abbr[title]:after { content:" (" attr(title) ")" } a[href^="#"]:after, a[href^="javascript:"]:after { content:"" } pre, blockquote { border:1px solid #999; page-break-inside:avoid } thead { display:table-header-group } tr, img { page-break-inside:avoid } img { max-width:100% !important } p, h2, h3 { orphans:3; widows:3 } h2, h3 { page-break-after:avoid } .navbar { display:none } .btn>.caret, .dropup>.btn>.caret { border-top-color:#000 !important } .label { border:1px solid #000 } .table { border-collapse:collapse !important } .table td, .table th { background-color:#fff !important } .table-bordered th, .table-bordered td { border:1px solid #ddd !important } } * { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box } *:before, *:after { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box } html { -webkit-tap-highlight-color:rgba(0, 0, 0, 0) } body { font-family:"Helvetica Neue", Helvetica, Arial, sans-serif; font-size:14px; line-height:1.42857143; color:#595959; background-color:#fff } input, button, select, textarea { font-family:inherit; font-size:inherit; line-height:inherit } a { color:#1890ff; text-decoration:none } a:hover, a:focus { color:#65b5ff; text-decoration:underline } a:focus { outline:5px auto -webkit-focus-ring-color; outline-offset:-2px } figure { margin:0 } img { vertical-align:middle } .img-responsive, .thumbnail>img, .thumbnail a>img, .carousel-inner>.item>img, .carousel-inner>.item>a>img { display:block; max-width:100%; height:auto } .img-rounded { border-radius:6px } .img-thumbnail { padding:4px; line-height:1.42857143; background-color:#fff; border:1px solid #ddd; border-radius:4px; -webkit-transition:all .2s ease-in-out; -o-transition:all .2s ease-in-out; transition:all .2s ease-in-out; display:inline-block; max-width:100%; height:auto } .img-circle { border-radius:50% } hr { margin-top:20px; margin-bottom:20px; border:0; border-top:1px solid #fff } .sr-only { position:absolute; width:1px; height:1px; margin:-1px; padding:0; overflow:hidden; clip:rect(0, 0, 0, 0); border:0 } .sr-only-focusable:active, .sr-only-focusable:focus { position:static; width:auto; height:auto; margin:0; overflow:visible; clip:auto } [role="button"] { cursor:pointer } h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-family:inherit; font-weight:500; line-height:1.1; color:inherit } h1 small, h2 small, h3 small, h4 small, h5 small, h6 small, .h1 small, .h2 small, .h3 small, .h4 small, .h5 small, .h6 small, h1 .small, h2 .small, h3 .small, h4 .small, h5 .small, h6 .small, .h1 .small, .h2 .small, .h3 .small, .h4 .small, .h5 .small, .h6 .small { font-weight:normal; line-height:1; color:#9d9d9d } h1, .h1, h2, .h2, h3, .h3 { margin-top:20px; margin-bottom:10px } h1 small, .h1 small, h2 small, .h2 small, h3 small, .h3 small, h1 .small, .h1 .small, h2 .small, .h2 .small, h3 .small, .h3 .small { font-size:65% } h4, .h4, h5, .h5, h6, .h6 { margin-top:10px; margin-bottom:10px } h4 small, .h4 small, h5 small, .h5 small, h6 small, .h6 small, h4 .small, .h4 .small, h5 .small, .h5 .small, h6 .small, .h6 .small { font-size:75% } h1, .h1 { font-size:36px } h2, .h2 { font-size:30px } h3, .h3 { font-size:24px } h4, .h4 { font-size:18px } h5, .h5 { font-size:14px } h6, .h6 { font-size:12px } p { margin:0 0 10px } .lead { margin-bottom:20px; font-size:16px; font-weight:300; line-height:1.4 } @media (min-width:769px) { .lead { font-size:21px } } small, .small { font-size:85% } mark, .mark { background-color:#fcf8e3; padding:.2em } .text-left { text-align:left } .text-right { text-align:right } .text-center { text-align:center } .text-justify { text-align:justify } .text-nowrap { white-space:nowrap } .text-lowercase { text-transform:lowercase } .text-uppercase { text-transform:uppercase } .text-capitalize { text-transform:capitalize } .text-muted { color:#9d9d9d } .text-primary { color:#1890ff } a.text-primary:hover, a.text-primary:focus { color:#0076e4 } .text-success { color:#3c763d } a.text-success:hover, a.text-success:focus { color:#2b542c } .text-info { color:#31708f } a.text-info:hover, a.text-info:focus { color:#245269 } .text-warning { color:#8a6d3b } a.text-warning:hover, a.text-warning:focus { color:#66512c } .text-danger { color:#a94442 } a.text-danger:hover, a.text-danger:focus { color:#843534 } .bg-primary { color:#fff; background-color:#1890ff } a.bg-primary:hover, a.bg-primary:focus { background-color:#0076e4 } .bg-success { background-color:#dff0d8 } a.bg-success:hover, a.bg-success:focus { background-color:#c1e2b3 } .bg-info { background-color:#d9edf7 } a.bg-info:hover, a.bg-info:focus { background-color:#afd9ee } .bg-warning { background-color:#fcf8e3 } a.bg-warning:hover, a.bg-warning:focus { background-color:#f7ecb5 } .bg-danger { background-color:#f2dede } a.bg-danger:hover, a.bg-danger:focus { background-color:#e4b9b9 } .page-header { padding-bottom:9px; margin:40px 0 20px; border-bottom:1px solid #fff } ul, ol { margin-top:0; margin-bottom:10px } ul ul, ol ul, ul ol, ol ol { margin-bottom:0 } .list-unstyled { padding-left:0; list-style:none } .list-inline { padding-left:0; list-style:none; margin-left:-5px } .list-inline>li { display:inline-block; padding-left:5px; padding-right:5px } dl { margin-top:0; margin-bottom:20px } dt, dd { line-height:1.42857143 } dt { font-weight:bold } dd { margin-left:0 } @media (min-width:769px) { .dl-horizontal dt { float:left; width:160px; clear:left; text-align:right; overflow:hidden; text-overflow:ellipsis; white-space:nowrap } .dl-horizontal dd { margin-left:180px } } abbr[title], abbr[data-original-title] { cursor:help; border-bottom:1px dotted #9d9d9d } .initialism { font-size:90%; text-transform:uppercase } blockquote { padding:10px 20px; margin:0 0 20px; font-size:17.5px; border-left:5px solid #fff } blockquote p:last-child, blockquote ul:last-child, blockquote ol:last-child { margin-bottom:0 } blockquote footer, blockquote small, blockquote .small { display:block; font-size:80%; line-height:1.42857143; color:#9d9d9d } blockquote footer:before, blockquote small:before, blockquote .small:before { content:'\2014 \00A0' } .blockquote-reverse, blockquote.pull-right { padding-right:15px; padding-left:0; border-right:5px solid #fff; border-left:0; text-align:right } .blockquote-reverse footer:before, blockquote.pull-right footer:before, .blockquote-reverse small:before, blockquote.pull-right small:before, .blockquote-reverse .small:before, blockquote.pull-right .small:before { content:'' } .blockquote-reverse footer:after, blockquote.pull-right footer:after, .blockquote-reverse small:after, blockquote.pull-right small:after, .blockquote-reverse .small:after, blockquote.pull-right .small:after { content:'\00A0 \2014' } address { margin-bottom:20px; font-style:normal; line-height:1.42857143 } code, kbd, pre, samp { font-family:Menlo, Monaco, Consolas, "Courier New", monospace } code { padding:2px 4px; font-size:90%; color:#c7254e; background-color:#f9f2f4; border-radius:4px } kbd { padding:2px 4px; font-size:90%; color:#fff; background-color:#333; border-radius:3px; -webkit-box-shadow:inset 0 -1px 0 rgba(0, 0, 0, 0.25); box-shadow:inset 0 -1px 0 rgba(0, 0, 0, 0.25) } kbd kbd { padding:0; font-size:100%; font-weight:bold; -webkit-box-shadow:none; box-shadow:none } pre { display:block; padding:9.5px; margin:0 0 10px; font-size:13px; line-height:1.42857143; word-break:break-all; word-wrap:break-word; color:#595959; background-color:#f5f5f5; border:1px solid #ccc; border-radius:4px } pre code { padding:0; font-size:inherit; color:inherit; white-space:pre-wrap; background-color:transparent; border-radius:0 } .pre-scrollable { max-height:340px; overflow-y:scroll } .container { margin-right:auto; margin-left:auto; padding-left:15px; padding-right:15px } @media (min-width:769px) { .container { width:750px } } @media (min-width:992px) { .container { width:970px } } @media (min-width:1200px) { .container { width:1170px } } .container-fluid { margin-right:auto; margin-left:auto; padding-left:15px; padding-right:15px } .row { margin-left:-15px; margin-right:-15px } .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 { position:relative; min-height:1px; padding-left:15px; padding-right:15px } .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 { float:left } .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% } .col-xs-4 { width:33.33333333% } .col-xs-3 { width:25% } .col-xs-2 { width:16.66666667% } .col-xs-1 { width:8.33333333% } .col-xs-pull-12 { right:100% } .col-xs-pull-11 { right:91.66666667% } .col-xs-pull-10 { right:83.33333333% } .col-xs-pull-9 { right:75% } .col-xs-pull-8 { right:66.66666667% } .col-xs-pull-7 { right:58.33333333% } .col-xs-pull-6 { right:50% } .col-xs-pull-5 { right:41.66666667% } .col-xs-pull-4 { right:33.33333333% } .col-xs-pull-3 { right:25% } .col-xs-pull-2 { right:16.66666667% } .col-xs-pull-1 { right:8.33333333% } .col-xs-pull-0 { right:auto } .col-xs-push-12 { left:100% } .col-xs-push-11 { left:91.66666667% } .col-xs-push-10 { left:83.33333333% } .col-xs-push-9 { left:75% } .col-xs-push-8 { left:66.66666667% } .col-xs-push-7 { left:58.33333333% } .col-xs-push-6 { left:50% } .col-xs-push-5 { left:41.66666667% } .col-xs-push-4 { left:33.33333333% } .col-xs-push-3 { left:25% } .col-xs-push-2 { left:16.66666667% } .col-xs-push-1 { left:8.33333333% } .col-xs-push-0 { left:auto } .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 } @media (min-width:769px) { .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 { float:left } .col-sm-12 { width:100% } .col-sm-11 { width:91.66666667% } .col-sm-10 { width:83.33333333% } .col-sm-9 { width:75% } .col-sm-8 { width:66.66666667% } .col-sm-7 { width:58.33333333% } .col-sm-6 { width:50% } .col-sm-5 { width:41.66666667% } .col-sm-4 { width:33.33333333% } .col-sm-3 { width:25% } .col-sm-2 { width:16.66666667% } .col-sm-1 { width:8.33333333% } .col-sm-pull-12 { right:100% } .col-sm-pull-11 { right:91.66666667% } .col-sm-pull-10 { right:83.33333333% } .col-sm-pull-9 { right:75% } .col-sm-pull-8 { right:66.66666667% } .col-sm-pull-7 { right:58.33333333% } .col-sm-pull-6 { right:50% } .col-sm-pull-5 { right:41.66666667% } .col-sm-pull-4 { right:33.33333333% } .col-sm-pull-3 { right:25% } .col-sm-pull-2 { right:16.66666667% } .col-sm-pull-1 { right:8.33333333% } .col-sm-pull-0 { right:auto } .col-sm-push-12 { left:100% } .col-sm-push-11 { left:91.66666667% } .col-sm-push-10 { left:83.33333333% } .col-sm-push-9 { left:75% } .col-sm-push-8 { left:66.66666667% } .col-sm-push-7 { left:58.33333333% } .col-sm-push-6 { left:50% } .col-sm-push-5 { left:41.66666667% } .col-sm-push-4 { left:33.33333333% } .col-sm-push-3 { left:25% } .col-sm-push-2 { left:16.66666667% } .col-sm-push-1 { left:8.33333333% } .col-sm-push-0 { left:auto } .col-sm-offset-12 { margin-left:100% } .col-sm-offset-11 { margin-left:91.66666667% } .col-sm-offset-10 { margin-left:83.33333333% } .col-sm-offset-9 { margin-left:75% } .col-sm-offset-8 { margin-left:66.66666667% } .col-sm-offset-7 { margin-left:58.33333333% } .col-sm-offset-6 { margin-left:50% } .col-sm-offset-5 { margin-left:41.66666667% } .col-sm-offset-4 { margin-left:33.33333333% } .col-sm-offset-3 { margin-left:25% } .col-sm-offset-2 { margin-left:16.66666667% } .col-sm-offset-1 { margin-left:8.33333333% } .col-sm-offset-0 { margin-left:0 } } @media (min-width:992px) { .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 { float:left } .col-md-12 { width:100% } .col-md-11 { width:91.66666667% } .col-md-10 { width:83.33333333% } .col-md-9 { width:75% } .col-md-8 { width:66.66666667% } .col-md-7 { width:58.33333333% } .col-md-6 { width:50% } .col-md-5 { width:41.66666667% } .col-md-4 { width:33.33333333% } .col-md-3 { width:25% } .col-md-2 { width:16.66666667% } .col-md-1 { width:8.33333333% } .col-md-pull-12 { right:100% } .col-md-pull-11 { right:91.66666667% } .col-md-pull-10 { right:83.33333333% } .col-md-pull-9 { right:75% } .col-md-pull-8 { right:66.66666667% } .col-md-pull-7 { right:58.33333333% } .col-md-pull-6 { right:50% } .col-md-pull-5 { right:41.66666667% } .col-md-pull-4 { right:33.33333333% } .col-md-pull-3 { right:25% } .col-md-pull-2 { right:16.66666667% } .col-md-pull-1 { right:8.33333333% } .col-md-pull-0 { right:auto } .col-md-push-12 { left:100% } .col-md-push-11 { left:91.66666667% } .col-md-push-10 { left:83.33333333% } .col-md-push-9 { left:75% } .col-md-push-8 { left:66.66666667% } .col-md-push-7 { left:58.33333333% } .col-md-push-6 { left:50% } .col-md-push-5 { left:41.66666667% } .col-md-push-4 { left:33.33333333% } .col-md-push-3 { left:25% } .col-md-push-2 { left:16.66666667% } .col-md-push-1 { left:8.33333333% } .col-md-push-0 { left:auto } .col-md-offset-12 { margin-left:100% } .col-md-offset-11 { margin-left:91.66666667% } .col-md-offset-10 { margin-left:83.33333333% } .col-md-offset-9 { margin-left:75% } .col-md-offset-8 { margin-left:66.66666667% } .col-md-offset-7 { margin-left:58.33333333% } .col-md-offset-6 { margin-left:50% } .col-md-offset-5 { margin-left:41.66666667% } .col-md-offset-4 { margin-left:33.33333333% } .col-md-offset-3 { margin-left:25% } .col-md-offset-2 { margin-left:16.66666667% } .col-md-offset-1 { margin-left:8.33333333% } .col-md-offset-0 { margin-left:0 } } @media (min-width:1200px) { .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 { float:left } .col-lg-12 { width:100% } .col-lg-11 { width:91.66666667% } .col-lg-10 { width:83.33333333% } .col-lg-9 { width:75% } .col-lg-8 { width:66.66666667% } .col-lg-7 { width:58.33333333% } .col-lg-6 { width:50% } .col-lg-5 { width:41.66666667% } .col-lg-4 { width:33.33333333% } .col-lg-3 { width:25% } .col-lg-2 { width:16.66666667% } .col-lg-1 { width:8.33333333% } .col-lg-pull-12 { right:100% } .col-lg-pull-11 { right:91.66666667% } .col-lg-pull-10 { right:83.33333333% } .col-lg-pull-9 { right:75% } .col-lg-pull-8 { right:66.66666667% } .col-lg-pull-7 { right:58.33333333% } .col-lg-pull-6 { right:50% } .col-lg-pull-5 { right:41.66666667% } .col-lg-pull-4 { right:33.33333333% } .col-lg-pull-3 { right:25% } .col-lg-pull-2 { right:16.66666667% } .col-lg-pull-1 { right:8.33333333% } .col-lg-pull-0 { right:auto } .col-lg-push-12 { left:100% } .col-lg-push-11 { left:91.66666667% } .col-lg-push-10 { left:83.33333333% } .col-lg-push-9 { left:75% } .col-lg-push-8 { left:66.66666667% } .col-lg-push-7 { left:58.33333333% } .col-lg-push-6 { left:50% } .col-lg-push-5 { left:41.66666667% } .col-lg-push-4 { left:33.33333333% } .col-lg-push-3 { left:25% } .col-lg-push-2 { left:16.66666667% } .col-lg-push-1 { left:8.33333333% } .col-lg-push-0 { left:auto } .col-lg-offset-12 { margin-left:100% } .col-lg-offset-11 { margin-left:91.66666667% } .col-lg-offset-10 { margin-left:83.33333333% } .col-lg-offset-9 { margin-left:75% } .col-lg-offset-8 { margin-left:66.66666667% } .col-lg-offset-7 { margin-left:58.33333333% } .col-lg-offset-6 { margin-left:50% } .col-lg-offset-5 { margin-left:41.66666667% } .col-lg-offset-4 { margin-left:33.33333333% } .col-lg-offset-3 { margin-left:25% } .col-lg-offset-2 { margin-left:16.66666667% } .col-lg-offset-1 { margin-left:8.33333333% } .col-lg-offset-0 { margin-left:0 } } table { background-color:transparent } caption { padding-top:8px; padding-bottom:8px; color:#9d9d9d; text-align:left } th { text-align:left } .table { width:100%; max-width:100%; margin-bottom:20px } .table>thead>tr>th, .table>tbody>tr>th, .table>tfoot>tr>th, .table>thead>tr>td, .table>tbody>tr>td, .table>tfoot>tr>td { padding:8px; line-height:1.42857143; vertical-align:top; border-top:1px solid #ddd } .table>thead>tr>th { vertical-align:bottom; border-bottom:2px solid #ddd } .table>caption+thead>tr:first-child>th, .table>colgroup+thead>tr:first-child>th, .table>thead:first-child>tr:first-child>th, .table>caption+thead>tr:first-child>td, .table>colgroup+thead>tr:first-child>td, .table>thead:first-child>tr:first-child>td { border-top:0 } .table>tbody+tbody { border-top:2px solid #ddd } .table .table { background-color:#fff } .table-condensed>thead>tr>th, .table-condensed>tbody>tr>th, .table-condensed>tfoot>tr>th, .table-condensed>thead>tr>td, .table-condensed>tbody>tr>td, .table-condensed>tfoot>tr>td { padding:5px } .table-bordered { border:1px solid #ddd } .table-bordered>thead>tr>th, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>tbody>tr>td, .table-bordered>tfoot>tr>td { border:1px solid #ddd } .table-bordered>thead>tr>th, .table-bordered>thead>tr>td { border-bottom-width:2px } .table-striped>tbody>tr:nth-of-type(odd) { background-color:#f9f9f9 } .table-hover>tbody>tr:hover { background-color:#f5f5f5 } table col[class*="col-"] { position:static; float:none; display:table-column } table td[class*="col-"], table th[class*="col-"] { position:static; float:none; display:table-cell } .table>thead>tr>td.active, .table>tbody>tr>td.active, .table>tfoot>tr>td.active, .table>thead>tr>th.active, .table>tbody>tr>th.active, .table>tfoot>tr>th.active, .table>thead>tr.active>td, .table>tbody>tr.active>td, .table>tfoot>tr.active>td, .table>thead>tr.active>th, .table>tbody>tr.active>th, .table>tfoot>tr.active>th { background-color:#f5f5f5 } .table-hover>tbody>tr>td.active:hover, .table-hover>tbody>tr>th.active:hover, .table-hover>tbody>tr.active:hover>td, .table-hover>tbody>tr:hover>.active, .table-hover>tbody>tr.active:hover>th { background-color:#e8e8e8 } .table>thead>tr>td.success, .table>tbody>tr>td.success, .table>tfoot>tr>td.success, .table>thead>tr>th.success, .table>tbody>tr>th.success, .table>tfoot>tr>th.success, .table>thead>tr.success>td, .table>tbody>tr.success>td, .table>tfoot>tr.success>td, .table>thead>tr.success>th, .table>tbody>tr.success>th, .table>tfoot>tr.success>th { background-color:#dff0d8 } .table-hover>tbody>tr>td.success:hover, .table-hover>tbody>tr>th.success:hover, .table-hover>tbody>tr.success:hover>td, .table-hover>tbody>tr:hover>.success, .table-hover>tbody>tr.success:hover>th { background-color:#d0e9c6 } .table>thead>tr>td.info, .table>tbody>tr>td.info, .table>tfoot>tr>td.info, .table>thead>tr>th.info, .table>tbody>tr>th.info, .table>tfoot>tr>th.info, .table>thead>tr.info>td, .table>tbody>tr.info>td, .table>tfoot>tr.info>td, .table>thead>tr.info>th, .table>tbody>tr.info>th, .table>tfoot>tr.info>th { background-color:#d9edf7 } .table-hover>tbody>tr>td.info:hover, .table-hover>tbody>tr>th.info:hover, .table-hover>tbody>tr.info:hover>td, .table-hover>tbody>tr:hover>.info, .table-hover>tbody>tr.info:hover>th { background-color:#c4e3f3 } .table>thead>tr>td.warning, .table>tbody>tr>td.warning, .table>tfoot>tr>td.warning, .table>thead>tr>th.warning, .table>tbody>tr>th.warning, .table>tfoot>tr>th.warning, .table>thead>tr.warning>td, .table>tbody>tr.warning>td, .table>tfoot>tr.warning>td, .table>thead>tr.warning>th, .table>tbody>tr.warning>th, .table>tfoot>tr.warning>th { background-color:#fcf8e3 } .table-hover>tbody>tr>td.warning:hover, .table-hover>tbody>tr>th.warning:hover, .table-hover>tbody>tr.warning:hover>td, .table-hover>tbody>tr:hover>.warning, .table-hover>tbody>tr.warning:hover>th { background-color:#faf2cc } .table>thead>tr>td.danger, .table>tbody>tr>td.danger, .table>tfoot>tr>td.danger, .table>thead>tr>th.danger, .table>tbody>tr>th.danger, .table>tfoot>tr>th.danger, .table>thead>tr.danger>td, .table>tbody>tr.danger>td, .table>tfoot>tr.danger>td, .table>thead>tr.danger>th, .table>tbody>tr.danger>th, .table>tfoot>tr.danger>th { background-color:#f2dede } .table-hover>tbody>tr>td.danger:hover, .table-hover>tbody>tr>th.danger:hover, .table-hover>tbody>tr.danger:hover>td, .table-hover>tbody>tr:hover>.danger, .table-hover>tbody>tr.danger:hover>th { background-color:#ebcccc } .table-responsive { overflow-x:auto; min-height:0.01% } @media screen and (max-width:768px) { .table-responsive { width:100%; margin-bottom:15px; overflow-y:hidden; -ms-overflow-style:-ms-autohiding-scrollbar; border:1px solid #ddd } .table-responsive>.table { margin-bottom:0 } .table-responsive>.table>thead>tr>th, .table-responsive>.table>tbody>tr>th, .table-responsive>.table>tfoot>tr>th, .table-responsive>.table>thead>tr>td, .table-responsive>.table>tbody>tr>td, .table-responsive>.table>tfoot>tr>td { white-space:nowrap } .table-responsive>.table-bordered { border:0 } .table-responsive>.table-bordered>thead>tr>th:first-child, .table-responsive>.table-bordered>tbody>tr>th:first-child, .table-responsive>.table-bordered>tfoot>tr>th:first-child, .table-responsive>.table-bordered>thead>tr>td:first-child, .table-responsive>.table-bordered>tbody>tr>td:first-child, .table-responsive>.table-bordered>tfoot>tr>td:first-child { border-left:0 } .table-responsive>.table-bordered>thead>tr>th:last-child, .table-responsive>.table-bordered>tbody>tr>th:last-child, .table-responsive>.table-bordered>tfoot>tr>th:last-child, .table-responsive>.table-bordered>thead>tr>td:last-child, .table-responsive>.table-bordered>tbody>tr>td:last-child, .table-responsive>.table-bordered>tfoot>tr>td:last-child { border-right:0 } .table-responsive>.table-bordered>tbody>tr:last-child>th, .table-responsive>.table-bordered>tfoot>tr:last-child>th, .table-responsive>.table-bordered>tbody>tr:last-child>td, .table-responsive>.table-bordered>tfoot>tr:last-child>td { border-bottom:0 } } fieldset { padding:0; margin:0; border:0; min-width:0 } legend { display:block; width:100%; padding:0; margin-bottom:20px; font-size:21px; line-height:inherit; color:#595959; border:0; border-bottom:1px solid #e5e5e5 } label { display:inline-block; max-width:100%; margin-bottom:5px; font-weight:bold } input[type="search"] { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box } input[type="radio"], input[type="checkbox"] { margin:4px 0 0; margin-top:1px \9; line-height:normal } input[type="file"] { display:block } input[type="range"] { display:block; width:100% } select[multiple], select[size] { height:auto } input[type="file"]:focus, input[type="radio"]:focus, input[type="checkbox"]:focus { outline:5px auto -webkit-focus-ring-color; outline-offset:-2px } output { display:block; padding-top:7px; font-size:14px; line-height:1.42857143; color:#7b7b7b } .form-control { display:block; width:100%; height:34px; padding:6px 12px; font-size:14px; line-height:1.42857143; color:#7b7b7b; background-color:#fff; background-image:none; border:1px solid #ccc; border-radius:4px; -webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075); -webkit-transition:border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s; -o-transition:border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition:border-color ease-in-out .15s, box-shadow ease-in-out .15s } .form-control:focus { border-color:#66afe9; outline:0; -webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, 0.6); box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, 0.6) } .form-control::-moz-placeholder { color:#999; opacity:1 } .form-control:-ms-input-placeholder { color:#999 } .form-control::-webkit-input-placeholder { color:#999 } .form-control::-ms-expand { border:0; background-color:transparent } .form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control { background-color:#fff; opacity:1 } .form-control[disabled], fieldset[disabled] .form-control { cursor:not-allowed } textarea.form-control { height:auto } input[type="search"] { -webkit-appearance:none } @media screen and (-webkit-min-device-pixel-ratio:0) { input[type="date"].form-control, input[type="time"].form-control, input[type="datetime-local"].form-control, input[type="month"].form-control { line-height:34px } input[type="date"].input-sm, input[type="time"].input-sm, input[type="datetime-local"].input-sm, input[type="month"].input-sm, .input-group-sm input[type="date"], .input-group-sm input[type="time"], .input-group-sm input[type="datetime-local"], .input-group-sm input[type="month"] { line-height:30px } input[type="date"].input-lg, input[type="time"].input-lg, input[type="datetime-local"].input-lg, input[type="month"].input-lg, .input-group-lg input[type="date"], .input-group-lg input[type="time"], .input-group-lg input[type="datetime-local"], .input-group-lg input[type="month"] { line-height:46px } } .form-group { margin-bottom:15px } .radio, .checkbox { position:relative; display:block; margin-top:10px; margin-bottom:10px } .radio label, .checkbox label { min-height:20px; padding-left:20px; margin-bottom:0; font-weight:normal; cursor:pointer } .radio input[type="radio"], .radio-inline input[type="radio"], .checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"] { position:absolute; margin-left:-20px; margin-top:4px \9 } .radio+.radio, .checkbox+.checkbox { margin-top:-5px } .radio-inline, .checkbox-inline { position:relative; display:inline-block; padding-left:20px; margin-bottom:0; vertical-align:middle; font-weight:normal; cursor:pointer } .radio-inline+.radio-inline, .checkbox-inline+.checkbox-inline { margin-top:0; margin-left:10px } input[type="radio"][disabled], input[type="checkbox"][disabled], input[type="radio"].disabled, input[type="checkbox"].disabled, fieldset[disabled] input[type="radio"], fieldset[disabled] input[type="checkbox"] { cursor:not-allowed } .radio-inline.disabled, .checkbox-inline.disabled, fieldset[disabled] .radio-inline, fieldset[disabled] .checkbox-inline { cursor:not-allowed } .radio.disabled label, .checkbox.disabled label, fieldset[disabled] .radio label, fieldset[disabled] .checkbox label { cursor:not-allowed } .form-control-static { padding-top:7px; padding-bottom:7px; margin-bottom:0; min-height:34px } .form-control-static.input-lg, .form-control-static.input-sm { padding-left:0; padding-right:0 } .input-sm { height:30px; padding:5px 10px; font-size:12px; line-height:1.5; border-radius:3px } select.input-sm { height:30px; line-height:30px } textarea.input-sm, select[multiple].input-sm { height:auto } .form-group-sm .form-control { height:30px; padding:5px 10px; font-size:12px; line-height:1.5; border-radius:3px } .form-group-sm select.form-control { height:30px; line-height:30px } .form-group-sm textarea.form-control, .form-group-sm select[multiple].form-control { height:auto } .form-group-sm .form-control-static { height:30px; min-height:32px; padding:6px 10px; font-size:12px; line-height:1.5 } .input-lg { height:46px; padding:10px 16px; font-size:18px; line-height:1.3333333; border-radius:6px } select.input-lg { height:46px; line-height:46px } textarea.input-lg, select[multiple].input-lg { height:auto } .form-group-lg .form-control { height:46px; padding:10px 16px; font-size:18px; line-height:1.3333333; border-radius:6px } .form-group-lg select.form-control { height:46px; line-height:46px } .form-group-lg textarea.form-control, .form-group-lg select[multiple].form-control { height:auto } .form-group-lg .form-control-static { height:46px; min-height:38px; padding:11px 16px; font-size:18px; line-height:1.3333333 } .has-feedback { position:relative } .has-feedback .form-control { padding-right:42.5px } .form-control-feedback { position:absolute; top:0; right:0; z-index:2; display:block; width:34px; height:34px; line-height:34px; text-align:center; pointer-events:none } .input-lg+.form-control-feedback, .input-group-lg+.form-control-feedback, .form-group-lg .form-control+.form-control-feedback { width:46px; height:46px; line-height:46px } .input-sm+.form-control-feedback, .input-group-sm+.form-control-feedback, .form-group-sm .form-control+.form-control-feedback { width:30px; height:30px; line-height:30px } .has-success .help-block, .has-success .control-label, .has-success .radio, .has-success .checkbox, .has-success .radio-inline, .has-success .checkbox-inline, .has-success.radio label, .has-success.checkbox label, .has-success.radio-inline label, .has-success.checkbox-inline label { color:#3c763d } .has-success .form-control { border-color:#3c763d; -webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075) } .has-success .form-control:focus { border-color:#2b542c; -webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168; box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168 } .has-success .input-group-addon { color:#3c763d; border-color:#3c763d; background-color:#dff0d8 } .has-success .form-control-feedback { color:#3c763d } .has-warning .help-block, .has-warning .control-label, .has-warning .radio, .has-warning .checkbox, .has-warning .radio-inline, .has-warning .checkbox-inline, .has-warning.radio label, .has-warning.checkbox label, .has-warning.radio-inline label, .has-warning.checkbox-inline label { color:#8a6d3b } .has-warning .form-control { border-color:#8a6d3b; -webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075) } .has-warning .form-control:focus { border-color:#66512c; -webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b; box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b } .has-warning .input-group-addon { color:#8a6d3b; border-color:#8a6d3b; background-color:#fcf8e3 } .has-warning .form-control-feedback { color:#8a6d3b } .has-error .help-block, .has-error .control-label, .has-error .radio, .has-error .checkbox, .has-error .radio-inline, .has-error .checkbox-inline, .has-error.radio label, .has-error.checkbox label, .has-error.radio-inline label, .has-error.checkbox-inline label { color:#a94442 } .has-error .form-control { border-color:#a94442; -webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075) } .has-error .form-control:focus { border-color:#843534; -webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483; box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483 } .has-error .input-group-addon { color:#a94442; border-color:#a94442; background-color:#f2dede } .has-error .form-control-feedback { color:#a94442 } .has-feedback label~.form-control-feedback { top:25px } .has-feedback label.sr-only~.form-control-feedback { top:0 } .help-block { display:block; margin-top:5px; margin-bottom:10px; color:#999 } @media (min-width:769px) { .form-inline .form-group { display:inline-block; margin-bottom:0; vertical-align:middle } .form-inline .form-control { display:inline-block; width:auto; vertical-align:middle } .form-inline .form-control-static { display:inline-block } .form-inline .input-group { display:inline-table; vertical-align:middle } .form-inline .input-group .input-group-addon, .form-inline .input-group .input-group-btn, .form-inline .input-group .form-control { width:auto } .form-inline .input-group>.form-control { width:100% } .form-inline .control-label { margin-bottom:0; vertical-align:middle } .form-inline .radio, .form-inline .checkbox { display:inline-block; margin-top:0; margin-bottom:0; vertical-align:middle } .form-inline .radio label, .form-inline .checkbox label { padding-left:0 } .form-inline .radio input[type="radio"], .form-inline .checkbox input[type="checkbox"] { position:relative; margin-left:0 } .form-inline .has-feedback .form-control-feedback { top:0 } } .form-horizontal .radio, .form-horizontal .checkbox, .form-horizontal .radio-inline, .form-horizontal .checkbox-inline { margin-top:0; margin-bottom:0; padding-top:7px } .form-horizontal .radio, .form-horizontal .checkbox { min-height:27px } .form-horizontal .form-group { margin-left:-15px; margin-right:-15px } @media (min-width:769px) { .form-horizontal .control-label { text-align:right; margin-bottom:0; padding-top:7px } } .form-horizontal .has-feedback .form-control-feedback { right:15px } @media (min-width:769px) { .form-horizontal .form-group-lg .control-label { padding-top:11px; font-size:18px } } @media (min-width:769px) { .form-horizontal .form-group-sm .control-label { padding-top:6px; font-size:12px } } .btn { display:inline-block; margin-bottom:0; font-weight:normal; text-align:center; vertical-align:middle; -ms-touch-action:manipulation; touch-action:manipulation; cursor:pointer; background-image:none; border:1px solid transparent; white-space:nowrap; padding:6px 12px; font-size:14px; line-height:1.42857143; border-radius:4px; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none } .btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn.active.focus { outline:5px auto -webkit-focus-ring-color; outline-offset:-2px } .btn:hover, .btn:focus, .btn.focus { color:#333; text-decoration:none } .btn:active, .btn.active { outline:0; background-image:none; -webkit-box-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125); box-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125) } .btn.disabled, .btn[disabled], fieldset[disabled] .btn { cursor:not-allowed; opacity:.65; filter:alpha(opacity=65); -webkit-box-shadow:none; box-shadow:none } a.btn.disabled, fieldset[disabled] a.btn { pointer-events:none } .btn-default { color:#333; background-color:#fff; border-color:#ccc } .btn-default:focus, .btn-default.focus { color:#333; background-color:#e6e6e6; border-color:#8c8c8c } .btn-default:hover { color:#333; background-color:#e6e6e6; border-color:#adadad } .btn-default:active, .btn-default.active, .open>.dropdown-toggle.btn-default { color:#333; background-color:#e6e6e6; border-color:#adadad } .btn-default:active:hover, .btn-default.active:hover, .open>.dropdown-toggle.btn-default:hover, .btn-default:active:focus, .btn-default.active:focus, .open>.dropdown-toggle.btn-default:focus, .btn-default:active.focus, .btn-default.active.focus, .open>.dropdown-toggle.btn-default.focus { color:#333; background-color:#d4d4d4; border-color:#8c8c8c } .btn-default:active, .btn-default.active, .open>.dropdown-toggle.btn-default { background-image:none } .btn-default.disabled:hover, .btn-default[disabled]:hover, fieldset[disabled] .btn-default:hover, .btn-default.disabled:focus, .btn-default[disabled]:focus, fieldset[disabled] .btn-default:focus, .btn-default.disabled.focus, .btn-default[disabled].focus, fieldset[disabled] .btn-default.focus { background-color:#fff; border-color:#ccc } .btn-default .badge { color:#fff; background-color:#333 } .btn-primary { color:#fff; background-color:#1890ff; border-color:#329cff } .btn-primary:focus, .btn-primary.focus { color:#fff; background-color:#0076e4; border-color:#005cb1 } .btn-primary:hover { color:#fff; background-color:#0076e4; border-color:#007ef3 } .btn-primary:active, .btn-primary.active, .open>.dropdown-toggle.btn-primary { color:#fff; background-color:#0076e4; border-color:#007ef3 } .btn-primary:active:hover, .btn-primary.active:hover, .open>.dropdown-toggle.btn-primary:hover, .btn-primary:active:focus, .btn-primary.active:focus, .open>.dropdown-toggle.btn-primary:focus, .btn-primary:active.focus, .btn-primary.active.focus, .open>.dropdown-toggle.btn-primary.focus { color:#fff; background-color:#0064c0; border-color:#005cb1 } .btn-primary:active, .btn-primary.active, .open>.dropdown-toggle.btn-primary { background-image:none } .btn-primary.disabled:hover, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary:hover, .btn-primary.disabled:focus, .btn-primary[disabled]:focus, fieldset[disabled] .btn-primary:focus, .btn-primary.disabled.focus, .btn-primary[disabled].focus, fieldset[disabled] .btn-primary.focus { background-color:#1890ff; border-color:#329cff } .btn-primary .badge { color:#1890ff; background-color:#fff } .btn-success { color:#fff; background-color:#70c23a; border-color:#7ec94c } .btn-success:focus, .btn-success.focus { color:#fff; background-color:#599b2e; border-color:#437323 } .btn-success:hover { color:#fff; background-color:#599b2e; border-color:#60a732 } .btn-success:active, .btn-success.active, .open>.dropdown-toggle.btn-success { color:#fff; background-color:#599b2e; border-color:#60a732 } .btn-success:active:hover, .btn-success.active:hover, .open>.dropdown-toggle.btn-success:hover, .btn-success:active:focus, .btn-success.active:focus, .open>.dropdown-toggle.btn-success:focus, .btn-success:active.focus, .btn-success.active.focus, .open>.dropdown-toggle.btn-success.focus { color:#fff; background-color:#497f26; border-color:#437323 } .btn-success:active, .btn-success.active, .open>.dropdown-toggle.btn-success { background-image:none } .btn-success.disabled:hover, .btn-success[disabled]:hover, fieldset[disabled] .btn-success:hover, .btn-success.disabled:focus, .btn-success[disabled]:focus, fieldset[disabled] .btn-success:focus, .btn-success.disabled.focus, .btn-success[disabled].focus, fieldset[disabled] .btn-success.focus { background-color:#70c23a; border-color:#7ec94c } .btn-success .badge { color:#70c23a; background-color:#fff } .btn-info { color:#fff; background-color:#a0d4fa; border-color:#b8dffb } .btn-info:focus, .btn-info.focus { color:#fff; background-color:#70bef7; border-color:#3fa8f5 } .btn-info:hover { color:#fff; background-color:#70bef7; border-color:#7ec5f8 } .btn-info:active, .btn-info.active, .open>.dropdown-toggle.btn-info { color:#fff; background-color:#70bef7; border-color:#7ec5f8 } .btn-info:active:hover, .btn-info.active:hover, .open>.dropdown-toggle.btn-info:hover, .btn-info:active:focus, .btn-info.active:focus, .open>.dropdown-toggle.btn-info:focus, .btn-info:active.focus, .btn-info.active.focus, .open>.dropdown-toggle.btn-info.focus { color:#fff; background-color:#4eaff6; border-color:#3fa8f5 } .btn-info:active, .btn-info.active, .open>.dropdown-toggle.btn-info { background-image:none } .btn-info.disabled:hover, .btn-info[disabled]:hover, fieldset[disabled] .btn-info:hover, .btn-info.disabled:focus, .btn-info[disabled]:focus, fieldset[disabled] .btn-info:focus, .btn-info.disabled.focus, .btn-info[disabled].focus, fieldset[disabled] .btn-info.focus { background-color:#a0d4fa; border-color:#b8dffb } .btn-info .badge { color:#a0d4fa; background-color:#fff } .btn-warning { color:#fff; background-color:#f0b03d; border-color:#f2ba55 } .btn-warning:focus, .btn-warning.focus { color:#fff; background-color:#e89c12; border-color:#b97c0e } .btn-warning:hover { color:#fff; background-color:#e89c12; border-color:#eda31c } .btn-warning:active, .btn-warning.active, .open>.dropdown-toggle.btn-warning { color:#fff; background-color:#e89c12; border-color:#eda31c } .btn-warning:active:hover, .btn-warning.active:hover, .open>.dropdown-toggle.btn-warning:hover, .btn-warning:active:focus, .btn-warning.active:focus, .open>.dropdown-toggle.btn-warning:focus, .btn-warning:active.focus, .btn-warning.active.focus, .open>.dropdown-toggle.btn-warning.focus { color:#fff; background-color:#c7850f; border-color:#b97c0e } .btn-warning:active, .btn-warning.active, .open>.dropdown-toggle.btn-warning { background-image:none } .btn-warning.disabled:hover, .btn-warning[disabled]:hover, fieldset[disabled] .btn-warning:hover, .btn-warning.disabled:focus, .btn-warning[disabled]:focus, fieldset[disabled] .btn-warning:focus, .btn-warning.disabled.focus, .btn-warning[disabled].focus, fieldset[disabled] .btn-warning.focus { background-color:#f0b03d; border-color:#f2ba55 } .btn-warning .badge { color:#f0b03d; background-color:#fff } .btn-danger { color:#fff; background-color:#e43a32; border-color:#e75049 } .btn-danger:focus, .btn-danger.focus { color:#fff; background-color:#c9221a; border-color:#9c1b14 } .btn-danger:hover { color:#fff; background-color:#c9221a; border-color:#d6251c } .btn-danger:active, .btn-danger.active, .open>.dropdown-toggle.btn-danger { color:#fff; background-color:#c9221a; border-color:#d6251c } .btn-danger:active:hover, .btn-danger.active:hover, .open>.dropdown-toggle.btn-danger:hover, .btn-danger:active:focus, .btn-danger.active:focus, .open>.dropdown-toggle.btn-danger:focus, .btn-danger:active.focus, .btn-danger.active.focus, .open>.dropdown-toggle.btn-danger.focus { color:#fff; background-color:#a91d16; border-color:#9c1b14 } .btn-danger:active, .btn-danger.active, .open>.dropdown-toggle.btn-danger { background-image:none } .btn-danger.disabled:hover, .btn-danger[disabled]:hover, fieldset[disabled] .btn-danger:hover, .btn-danger.disabled:focus, .btn-danger[disabled]:focus, fieldset[disabled] .btn-danger:focus, .btn-danger.disabled.focus, .btn-danger[disabled].focus, fieldset[disabled] .btn-danger.focus { background-color:#e43a32; border-color:#e75049 } .btn-danger .badge { color:#e43a32; background-color:#fff } .btn-link { color:#1890ff; font-weight:normal; border-radius:0 } .btn-link, .btn-link:active, .btn-link.active, .btn-link[disabled], fieldset[disabled] .btn-link { background-color:transparent; -webkit-box-shadow:none; box-shadow:none } .btn-link, .btn-link:hover, .btn-link:focus, .btn-link:active { border-color:transparent } .btn-link:hover, .btn-link:focus { color:#65b5ff; text-decoration:underline; background-color:transparent } .btn-link[disabled]:hover, fieldset[disabled] .btn-link:hover, .btn-link[disabled]:focus, fieldset[disabled] .btn-link:focus { color:#9d9d9d; text-decoration:none } .btn-lg, .btn-group-lg>.btn { padding:10px 16px; font-size:18px; line-height:1.3333333; border-radius:6px } .btn-sm, .btn-group-sm>.btn { padding:5px 10px; font-size:12px; line-height:1.5; border-radius:3px } .btn-xs, .btn-group-xs>.btn { padding:1px 5px; font-size:12px; line-height:1.5; border-radius:3px } .btn-block { display:block; width:100% } .btn-block+.btn-block { margin-top:5px } input[type="submit"].btn-block, input[type="reset"].btn-block, input[type="button"].btn-block { width:100% } .fade { opacity:0; -webkit-transition:opacity .15s linear; -o-transition:opacity .15s linear; transition:opacity .15s linear } .fade.in { opacity:1 } .collapse { display:none } .collapse.in { display:block } tr.collapse.in { display:table-row } tbody.collapse.in { display:table-row-group } .collapsing { position:relative; height:0; overflow:hidden; -webkit-transition-property:height, visibility; -o-transition-property:height, visibility; transition-property:height, visibility; -webkit-transition-duration:.35s; -o-transition-duration:.35s; transition-duration:.35s; -webkit-transition-timing-function:ease; -o-transition-timing-function:ease; transition-timing-function:ease } .caret { display:inline-block; width:0; height:0; margin-left:2px; vertical-align:middle; border-top:4px dashed; border-top:4px solid \9; border-right:4px solid transparent; border-left:4px solid transparent } .dropup, .dropdown { position:relative } .dropdown-toggle:focus { outline:0 } .dropdown-menu { position:absolute; top:100%; left:0; z-index:1000; display:none; float:left; min-width:160px; padding:5px 0; margin:2px 0 0; list-style:none; font-size:14px; text-align:left; background-color:#fff; border:1px solid #ccc; border:1px solid rgba(0, 0, 0, 0.15); border-radius:4px; -webkit-box-shadow:0 6px 12px rgba(0, 0, 0, 0.175); box-shadow:0 6px 12px rgba(0, 0, 0, 0.175); -webkit-background-clip:padding-box; background-clip:padding-box } .dropdown-menu.pull-right { right:0; left:auto } .dropdown-menu .divider { height:1px; margin:9px 0; overflow:hidden; background-color:#e5e5e5 } .dropdown-menu>li>a { display:block; padding:3px 20px; clear:both; font-weight:normal; line-height:1.42857143; color:#595959; white-space:nowrap } .dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus { text-decoration:none; color:#4c4c4c; background-color:#f5f5f5 } .dropdown-menu>.active>a, .dropdown-menu>.active>a:hover, .dropdown-menu>.active>a:focus { color:#fff; text-decoration:none; outline:0; background-color:#1890ff } .dropdown-menu>.disabled>a, .dropdown-menu>.disabled>a:hover, .dropdown-menu>.disabled>a:focus { color:#9d9d9d } .dropdown-menu>.disabled>a:hover, .dropdown-menu>.disabled>a:focus { text-decoration:none; background-color:transparent; background-image:none; filter:progid:DXImageTransform.Microsoft.gradient(enabled = false); cursor:not-allowed } .open>.dropdown-menu { display:block } .open>a { outline:0 } .dropdown-menu-right { left:auto; right:0 } .dropdown-menu-left { left:0; right:auto } .dropdown-header { display:block; padding:3px 20px; font-size:12px; line-height:1.42857143; color:#9d9d9d; white-space:nowrap } .dropdown-backdrop { position:fixed; left:0; right:0; bottom:0; top:0; z-index:990 } .pull-right>.dropdown-menu { right:0; left:auto } .dropup .caret, .navbar-fixed-bottom .dropdown .caret { border-top:0; border-bottom:4px dashed; border-bottom:4px solid \9; content:"" } .dropup .dropdown-menu, .navbar-fixed-bottom .dropdown .dropdown-menu { top:auto; bottom:100%; margin-bottom:2px } @media (min-width:769px) { .navbar-right .dropdown-menu { left:auto; right:0 } .navbar-right .dropdown-menu-left { left:0; right:auto } } .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-toolbar { margin-left:-5px } .btn-toolbar .btn, .btn-toolbar .btn-group, .btn-toolbar .input-group { float:left } .btn-toolbar>.btn, .btn-toolbar>.btn-group, .btn-toolbar>.input-group { margin-left:5px } .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-bottom-right-radius:0; border-top-right-radius:0 } .btn-group>.btn:last-child:not(:first-child), .btn-group>.dropdown-toggle:not(:first-child) { border-bottom-left-radius:0; border-top-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-bottom-right-radius:0; border-top-right-radius:0 } .btn-group>.btn-group:last-child:not(:first-child)>.btn:first-child { border-bottom-left-radius:0; border-top-left-radius:0 } .btn-group .dropdown-toggle:active, .btn-group.open .dropdown-toggle { outline:0 } .btn-group>.btn+.dropdown-toggle { padding-left:8px; padding-right:8px } .btn-group>.btn-lg+.dropdown-toggle { padding-left:12px; padding-right:12px } .btn-group.open .dropdown-toggle { -webkit-box-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125); box-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125) } .btn-group.open .dropdown-toggle.btn-link { -webkit-box-shadow:none; box-shadow:none } .btn .caret { margin-left:0 } .btn-lg .caret { border-width:5px 5px 0; border-bottom-width:0 } .dropup .btn-lg .caret { border-width:0 5px 5px } .btn-group-vertical>.btn, .btn-group-vertical>.btn-group, .btn-group-vertical>.btn-group>.btn { display:block; float:none; width:100%; max-width:100% } .btn-group-vertical>.btn-group>.btn { float:none } .btn-group-vertical>.btn+.btn, .btn-group-vertical>.btn+.btn-group, .btn-group-vertical>.btn-group+.btn, .btn-group-vertical>.btn-group+.btn-group { margin-top:-1px; margin-left:0 } .btn-group-vertical>.btn:not(:first-child):not(:last-child) { border-radius:0 } .btn-group-vertical>.btn:first-child:not(:last-child) { border-top-right-radius:4px; border-top-left-radius:4px; border-bottom-right-radius:0; border-bottom-left-radius:0 } .btn-group-vertical>.btn:last-child:not(:first-child) { border-top-right-radius:0; border-top-left-radius:0; border-bottom-right-radius:4px; border-bottom-left-radius:4px } .btn-group-vertical>.btn-group:not(:first-child):not(:last-child)>.btn { border-radius:0 } .btn-group-vertical>.btn-group:first-child:not(:last-child)>.btn:last-child, .btn-group-vertical>.btn-group:first-child:not(:last-child)>.dropdown-toggle { border-bottom-right-radius:0; border-bottom-left-radius:0 } .btn-group-vertical>.btn-group:last-child:not(:first-child)>.btn:first-child { border-top-right-radius:0; border-top-left-radius:0 } .btn-group-justified { display:table; width:100%; table-layout:fixed; border-collapse:separate } .btn-group-justified>.btn, .btn-group-justified>.btn-group { float:none; display:table-cell; width:1% } .btn-group-justified>.btn-group .btn { width:100% } .btn-group-justified>.btn-group .dropdown-menu { left:auto } [data-toggle="buttons"]>.btn input[type="radio"], [data-toggle="buttons"]>.btn-group>.btn input[type="radio"], [data-toggle="buttons"]>.btn input[type="checkbox"], [data-toggle="buttons"]>.btn-group>.btn input[type="checkbox"] { position:absolute; clip:rect(0, 0, 0, 0); pointer-events:none } .input-group { position:relative; display:table; border-collapse:separate } .input-group[class*="col-"] { float:none; padding-left:0; padding-right:0 } .input-group .form-control { position:relative; z-index:2; float:left; width:100%; margin-bottom:0 } .input-group .form-control:focus { z-index:3 } .input-group-lg>.form-control, .input-group-lg>.input-group-addon, .input-group-lg>.input-group-btn>.btn { height:46px; padding:10px 16px; font-size:18px; line-height:1.3333333; border-radius:6px } select.input-group-lg>.form-control, select.input-group-lg>.input-group-addon, select.input-group-lg>.input-group-btn>.btn { height:46px; line-height:46px } textarea.input-group-lg>.form-control, textarea.input-group-lg>.input-group-addon, textarea.input-group-lg>.input-group-btn>.btn, select[multiple].input-group-lg>.form-control, select[multiple].input-group-lg>.input-group-addon, select[multiple].input-group-lg>.input-group-btn>.btn { height:auto } .input-group-sm>.form-control, .input-group-sm>.input-group-addon, .input-group-sm>.input-group-btn>.btn { height:30px; padding:5px 10px; font-size:12px; line-height:1.5; border-radius:3px } select.input-group-sm>.form-control, select.input-group-sm>.input-group-addon, select.input-group-sm>.input-group-btn>.btn { height:30px; line-height:30px } textarea.input-group-sm>.form-control, textarea.input-group-sm>.input-group-addon, textarea.input-group-sm>.input-group-btn>.btn, select[multiple].input-group-sm>.form-control, select[multiple].input-group-sm>.input-group-addon, select[multiple].input-group-sm>.input-group-btn>.btn { height:auto } .input-group-addon, .input-group-btn, .input-group .form-control { display:table-cell } .input-group-addon:not(:first-child):not(:last-child), .input-group-btn:not(:first-child):not(:last-child), .input-group .form-control:not(:first-child):not(:last-child) { border-radius:0 } .input-group-addon, .input-group-btn { width:1%; white-space:nowrap; vertical-align:middle } .input-group-addon { padding:6px 12px; font-size:14px; font-weight:normal; line-height:1; color:#7b7b7b; text-align:center; background-color:#fff; border:1px solid #ccc; border-radius:4px } .input-group-addon.input-sm { padding:5px 10px; font-size:12px; border-radius:3px } .input-group-addon.input-lg { padding:10px 16px; font-size:18px; border-radius:6px } .input-group-addon input[type="radio"], .input-group-addon input[type="checkbox"] { margin-top:0 } .input-group .form-control:first-child, .input-group-addon:first-child, .input-group-btn:first-child>.btn, .input-group-btn:first-child>.btn-group>.btn, .input-group-btn:first-child>.dropdown-toggle, .input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle), .input-group-btn:last-child>.btn-group:not(:last-child)>.btn { border-bottom-right-radius:0; border-top-right-radius:0 } .input-group-addon:first-child { border-right:0 } .input-group .form-control:last-child, .input-group-addon:last-child, .input-group-btn:last-child>.btn, .input-group-btn:last-child>.btn-group>.btn, .input-group-btn:last-child>.dropdown-toggle, .input-group-btn:first-child>.btn:not(:first-child), .input-group-btn:first-child>.btn-group:not(:first-child)>.btn { border-bottom-left-radius:0; border-top-left-radius:0 } .input-group-addon:last-child { border-left:0 } .input-group-btn { position:relative; font-size:0; white-space:nowrap } .input-group-btn>.btn { position:relative } .input-group-btn>.btn+.btn { margin-left:-1px } .input-group-btn>.btn:hover, .input-group-btn>.btn:focus, .input-group-btn>.btn:active { z-index:2 } .input-group-btn:first-child>.btn, .input-group-btn:first-child>.btn-group { margin-right:-1px } .input-group-btn:last-child>.btn, .input-group-btn:last-child>.btn-group { z-index:2; margin-left:-1px } .nav { margin-bottom:0; padding-left:0; list-style:none } .nav>li { position:relative; display:block } .nav>li>a { position:relative; display:block; padding:10px 15px } .nav>li>a:hover, .nav>li>a:focus { text-decoration:none; background-color:#fff } .nav>li.disabled>a { color:#9d9d9d } .nav>li.disabled>a:hover, .nav>li.disabled>a:focus { color:#9d9d9d; text-decoration:none; background-color:transparent; cursor:not-allowed } .nav .open>a, .nav .open>a:hover, .nav .open>a:focus { background-color:#fff; border-color:#1890ff } .nav .nav-divider { height:1px; margin:9px 0; overflow:hidden; background-color:#e5e5e5 } .nav>li>a>img { max-width:none } .nav-tabs { border-bottom:1px solid #ddd } .nav-tabs>li { float:left; margin-bottom:-1px } .nav-tabs>li>a { margin-right:2px; line-height:1.42857143; border:1px solid transparent; border-radius:4px 4px 0 0 } .nav-tabs>li>a:hover { border-color:#fff #fff #ddd } .nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus { color:#7b7b7b; background-color:#fff; border:1px solid #ddd; border-bottom-color:transparent; cursor:default } .nav-tabs.nav-justified { width:100%; border-bottom:0 } .nav-tabs.nav-justified>li { float:none } .nav-tabs.nav-justified>li>a { text-align:center; margin-bottom:5px } .nav-tabs.nav-justified>.dropdown .dropdown-menu { top:auto; left:auto } @media (min-width:769px) { .nav-tabs.nav-justified>li { display:table-cell; width:1% } .nav-tabs.nav-justified>li>a { margin-bottom:0 } } .nav-tabs.nav-justified>li>a { margin-right:0; border-radius:4px } .nav-tabs.nav-justified>.active>a, .nav-tabs.nav-justified>.active>a:hover, .nav-tabs.nav-justified>.active>a:focus { border:1px solid #ddd } @media (min-width:769px) { .nav-tabs.nav-justified>li>a { border-bottom:1px solid #ddd; border-radius:4px 4px 0 0 } .nav-tabs.nav-justified>.active>a, .nav-tabs.nav-justified>.active>a:hover, .nav-tabs.nav-justified>.active>a:focus { border-bottom-color:#fff } } .nav-pills>li { float:left } .nav-pills>li>a { border-radius:4px } .nav-pills>li+li { margin-left:2px } .nav-pills>li.active>a, .nav-pills>li.active>a:hover, .nav-pills>li.active>a:focus { color:#fff; background-color:#1890ff } .nav-stacked>li { float:none } .nav-stacked>li+li { margin-top:2px; margin-left:0 } .nav-justified { width:100% } .nav-justified>li { float:none } .nav-justified>li>a { text-align:center; margin-bottom:5px } .nav-justified>.dropdown .dropdown-menu { top:auto; left:auto } @media (min-width:769px) { .nav-justified>li { display:table-cell; width:1% } .nav-justified>li>a { margin-bottom:0 } } .nav-tabs-justified { border-bottom:0 } .nav-tabs-justified>li>a { margin-right:0; border-radius:4px } .nav-tabs-justified>.active>a, .nav-tabs-justified>.active>a:hover, .nav-tabs-justified>.active>a:focus { border:1px solid #ddd } @media (min-width:769px) { .nav-tabs-justified>li>a { border-bottom:1px solid #ddd; border-radius:4px 4px 0 0 } .nav-tabs-justified>.active>a, .nav-tabs-justified>.active>a:hover, .nav-tabs-justified>.active>a:focus { border-bottom-color:#fff } } .tab-content>.tab-pane { display:none } .tab-content>.active { display:block } .nav-tabs .dropdown-menu { margin-top:-1px; border-top-right-radius:0; border-top-left-radius:0 } .navbar { position:relative; min-height:50px; margin-bottom:20px; border:1px solid transparent } @media (min-width:769px) { .navbar { border-radius:4px } } @media (min-width:769px) { .navbar-header { float:left } } .navbar-collapse { overflow-x:visible; padding-right:15px; padding-left:15px; border-top:1px solid transparent; -webkit-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.1); box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.1); -webkit-overflow-scrolling:touch } .navbar-collapse.in { overflow-y:auto } @media (min-width:769px) { .navbar-collapse { width:auto; border-top:0; -webkit-box-shadow:none; box-shadow:none } .navbar-collapse.collapse { display:block !important; height:auto !important; padding-bottom:0; overflow:visible !important } .navbar-collapse.in { overflow-y:visible } .navbar-fixed-top .navbar-collapse, .navbar-static-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse { padding-left:0; padding-right:0 } } .navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse { max-height:340px } @media (max-device-width:480px) and (orientation:landscape) { .navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse { max-height:200px } } .container>.navbar-header, .container-fluid>.navbar-header, .container>.navbar-collapse, .container-fluid>.navbar-collapse { margin-right:-15px; margin-left:-15px } @media (min-width:769px) { .container>.navbar-header, .container-fluid>.navbar-header, .container>.navbar-collapse, .container-fluid>.navbar-collapse { margin-right:0; margin-left:0 } } .navbar-static-top { z-index:1000; border-width:0 0 1px } @media (min-width:769px) { .navbar-static-top { border-radius:0 } } .navbar-fixed-top, .navbar-fixed-bottom { position:fixed; right:0; left:0; z-index:1030 } @media (min-width:769px) { .navbar-fixed-top, .navbar-fixed-bottom { border-radius:0 } } .navbar-fixed-top { top:0; border-width:0 0 1px } .navbar-fixed-bottom { bottom:0; margin-bottom:0; border-width:1px 0 0 } .navbar-brand { float:left; padding:15px 15px; font-size:18px; line-height:20px; height:50px } .navbar-brand:hover, .navbar-brand:focus { text-decoration:none } .navbar-brand>img { display:block } @media (min-width:769px) { .navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand { margin-left:-15px } } .navbar-toggle { position:relative; float:right; margin-right:15px; padding:9px 10px; margin-top:8px; margin-bottom:8px; background-color:transparent; background-image:none; border:1px solid transparent; border-radius:4px } .navbar-toggle:focus { outline:0 } .navbar-toggle .icon-bar { display:block; width:22px; height:2px; border-radius:1px } .navbar-toggle .icon-bar+.icon-bar { margin-top:4px } @media (min-width:769px) { .navbar-toggle { display:none } } .navbar-nav { margin:7.5px -15px } .navbar-nav>li>a { padding-top:10px; padding-bottom:10px; line-height:20px } @media (max-width:768px) { .navbar-nav .open .dropdown-menu { position:static; float:none; width:auto; margin-top:0; background-color:transparent; border:0; -webkit-box-shadow:none; box-shadow:none } .navbar-nav .open .dropdown-menu>li>a, .navbar-nav .open .dropdown-menu .dropdown-header { padding:5px 15px 5px 25px } .navbar-nav .open .dropdown-menu>li>a { line-height:20px } .navbar-nav .open .dropdown-menu>li>a:hover, .navbar-nav .open .dropdown-menu>li>a:focus { background-image:none } } @media (min-width:769px) { .navbar-nav { float:left; margin:0 } .navbar-nav>li { float:left } .navbar-nav>li>a { padding-top:15px; padding-bottom:15px } } .navbar-form { margin-left:-15px; margin-right:-15px; padding:10px 15px; border-top:1px solid transparent; border-bottom:1px solid transparent; -webkit-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1); box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1); margin-top:8px; margin-bottom:8px } @media (min-width:769px) { .navbar-form .form-group { display:inline-block; margin-bottom:0; vertical-align:middle } .navbar-form .form-control { display:inline-block; width:auto; vertical-align:middle } .navbar-form .form-control-static { display:inline-block } .navbar-form .input-group { display:inline-table; vertical-align:middle } .navbar-form .input-group .input-group-addon, .navbar-form .input-group .input-group-btn, .navbar-form .input-group .form-control { width:auto } .navbar-form .input-group>.form-control { width:100% } .navbar-form .control-label { margin-bottom:0; vertical-align:middle } .navbar-form .radio, .navbar-form .checkbox { display:inline-block; margin-top:0; margin-bottom:0; vertical-align:middle } .navbar-form .radio label, .navbar-form .checkbox label { padding-left:0 } .navbar-form .radio input[type="radio"], .navbar-form .checkbox input[type="checkbox"] { position:relative; margin-left:0 } .navbar-form .has-feedback .form-control-feedback { top:0 } } @media (max-width:768px) { .navbar-form .form-group { margin-bottom:5px } .navbar-form .form-group:last-child { margin-bottom:0 } } @media (min-width:769px) { .navbar-form { width:auto; border:0; margin-left:0; margin-right:0; padding-top:0; padding-bottom:0; -webkit-box-shadow:none; box-shadow:none } } .navbar-nav>li>.dropdown-menu { margin-top:0; border-top-right-radius:0; border-top-left-radius:0 } .navbar-fixed-bottom .navbar-nav>li>.dropdown-menu { margin-bottom:0; border-top-right-radius:4px; border-top-left-radius:4px; border-bottom-right-radius:0; border-bottom-left-radius:0 } .navbar-btn { margin-top:8px; margin-bottom:8px } .navbar-btn.btn-sm { margin-top:10px; margin-bottom:10px } .navbar-btn.btn-xs { margin-top:14px; margin-bottom:14px } .navbar-text { margin-top:15px; margin-bottom:15px } @media (min-width:769px) { .navbar-text { float:left; margin-left:15px; margin-right:15px } } @media (min-width:769px) { .navbar-left { float:left !important } .navbar-right { float:right !important; margin-right:-15px } .navbar-right~.navbar-right { margin-right:0 } } .navbar-default { background-color:#f8f8f8; border-color:#e7e7e7 } .navbar-default .navbar-brand { color:#777 } .navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus { color:#5e5e5e; background-color:transparent } .navbar-default .navbar-text { color:#777 } .navbar-default .navbar-nav>li>a { color:#777 } .navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus { color:#333; background-color:transparent } .navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus { color:#555; background-color:#e7e7e7 } .navbar-default .navbar-nav>.disabled>a, .navbar-default .navbar-nav>.disabled>a:hover, .navbar-default .navbar-nav>.disabled>a:focus { color:#ccc; background-color:transparent } .navbar-default .navbar-toggle { border-color:#ddd } .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus { background-color:#ddd } .navbar-default .navbar-toggle .icon-bar { background-color:#888 } .navbar-default .navbar-collapse, .navbar-default .navbar-form { border-color:#e7e7e7 } .navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus { background-color:#e7e7e7; color:#555 } @media (max-width:768px) { .navbar-default .navbar-nav .open .dropdown-menu>li>a { color:#777 } .navbar-default .navbar-nav .open .dropdown-menu>li>a:hover, .navbar-default .navbar-nav .open .dropdown-menu>li>a:focus { color:#333; background-color:transparent } .navbar-default .navbar-nav .open .dropdown-menu>.active>a, .navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover, .navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus { color:#555; background-color:#e7e7e7 } .navbar-default .navbar-nav .open .dropdown-menu>.disabled>a, .navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:hover, .navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:focus { color:#ccc; background-color:transparent } } .navbar-default .navbar-link { color:#777 } .navbar-default .navbar-link:hover { color:#333 } .navbar-default .btn-link { color:#777 } .navbar-default .btn-link:hover, .navbar-default .btn-link:focus { color:#333 } .navbar-default .btn-link[disabled]:hover, fieldset[disabled] .navbar-default .btn-link:hover, .navbar-default .btn-link[disabled]:focus, fieldset[disabled] .navbar-default .btn-link:focus { color:#ccc } .navbar-inverse { background-color:#222; border-color:#080808 } .navbar-inverse .navbar-brand { color:#c3c3c3 } .navbar-inverse .navbar-brand:hover, .navbar-inverse .navbar-brand:focus { color:#fff; background-color:transparent } .navbar-inverse .navbar-text { color:#c3c3c3 } .navbar-inverse .navbar-nav>li>a { color:#c3c3c3 } .navbar-inverse .navbar-nav>li>a:hover, .navbar-inverse .navbar-nav>li>a:focus { color:#fff; background-color:transparent } .navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:hover, .navbar-inverse .navbar-nav>.active>a:focus { color:#fff; background-color:#080808 } .navbar-inverse .navbar-nav>.disabled>a, .navbar-inverse .navbar-nav>.disabled>a:hover, .navbar-inverse .navbar-nav>.disabled>a:focus { color:#444; background-color:transparent } .navbar-inverse .navbar-toggle { border-color:#333 } .navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus { background-color:#333 } .navbar-inverse .navbar-toggle .icon-bar { background-color:#fff } .navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form { border-color:#101010 } .navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:hover, .navbar-inverse .navbar-nav>.open>a:focus { background-color:#080808; color:#fff } @media (max-width:768px) { .navbar-inverse .navbar-nav .open .dropdown-menu>.dropdown-header { border-color:#080808 } .navbar-inverse .navbar-nav .open .dropdown-menu .divider { background-color:#080808 } .navbar-inverse .navbar-nav .open .dropdown-menu>li>a { color:#c3c3c3 } .navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu>li>a:focus { color:#fff; background-color:transparent } .navbar-inverse .navbar-nav .open .dropdown-menu>.active>a, .navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:focus { color:#fff; background-color:#080808 } .navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a, .navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:focus { color:#444; background-color:transparent } } .navbar-inverse .navbar-link { color:#c3c3c3 } .navbar-inverse .navbar-link:hover { color:#fff } .navbar-inverse .btn-link { color:#c3c3c3 } .navbar-inverse .btn-link:hover, .navbar-inverse .btn-link:focus { color:#fff } .navbar-inverse .btn-link[disabled]:hover, fieldset[disabled] .navbar-inverse .btn-link:hover, .navbar-inverse .btn-link[disabled]:focus, fieldset[disabled] .navbar-inverse .btn-link:focus { color:#444 } .breadcrumb { padding:8px 15px; margin-bottom:20px; list-style:none; background-color:#f5f5f5; border-radius:4px } .breadcrumb>li { display:inline-block } .breadcrumb>li+li:before { content:"/\00a0"; padding:0 5px; color:#ccc } .breadcrumb>.active { color:#9d9d9d } .pagination { display:inline-block; padding-left:0; margin:20px 0; border-radius:4px } .pagination>li { display:inline } .pagination>li>a, .pagination>li>span { position:relative; float:left; padding:6px 12px; line-height:1.42857143; text-decoration:none; color:#1890ff; background-color:#fff; border:1px solid #ddd; margin-left:-1px } .pagination>li:first-child>a, .pagination>li:first-child>span { margin-left:0; border-bottom-left-radius:4px; border-top-left-radius:4px } .pagination>li:last-child>a, .pagination>li:last-child>span { border-bottom-right-radius:4px; border-top-right-radius:4px } .pagination>li>a:hover, .pagination>li>span:hover, .pagination>li>a:focus, .pagination>li>span:focus { z-index:2; color:#65b5ff; background-color:#fff; border-color:#ddd } .pagination>.active>a, .pagination>.active>span, .pagination>.active>a:hover, .pagination>.active>span:hover, .pagination>.active>a:focus, .pagination>.active>span:focus { z-index:3; color:#fff; background-color:#1890ff; border-color:#1890ff; cursor:default } .pagination>.disabled>span, .pagination>.disabled>span:hover, .pagination>.disabled>span:focus, .pagination>.disabled>a, .pagination>.disabled>a:hover, .pagination>.disabled>a:focus { color:#9d9d9d; background-color:#fff; border-color:#ddd; cursor:not-allowed } .pagination-lg>li>a, .pagination-lg>li>span { padding:10px 16px; font-size:18px; line-height:1.3333333 } .pagination-lg>li:first-child>a, .pagination-lg>li:first-child>span { border-bottom-left-radius:6px; border-top-left-radius:6px } .pagination-lg>li:last-child>a, .pagination-lg>li:last-child>span { border-bottom-right-radius:6px; border-top-right-radius:6px } .pagination-sm>li>a, .pagination-sm>li>span { padding:5px 10px; font-size:12px; line-height:1.5 } .pagination-sm>li:first-child>a, .pagination-sm>li:first-child>span { border-bottom-left-radius:3px; border-top-left-radius:3px } .pagination-sm>li:last-child>a, .pagination-sm>li:last-child>span { border-bottom-right-radius:3px; border-top-right-radius:3px } .pager { padding-left:0; margin:20px 0; list-style:none; text-align:center } .pager li { display:inline } .pager li>a, .pager li>span { display:inline-block; padding:5px 14px; background-color:#fff; border:1px solid #ddd; border-radius:15px } .pager li>a:hover, .pager li>a:focus { text-decoration:none; background-color:#fff } .pager .next>a, .pager .next>span { float:right } .pager .previous>a, .pager .previous>span { float:left } .pager .disabled>a, .pager .disabled>a:hover, .pager .disabled>a:focus, .pager .disabled>span { color:#9d9d9d; background-color:#fff; cursor:not-allowed } .label { display:inline; padding:.2em .6em .3em; font-size:75%; font-weight:bold; line-height:1; color:#fff; text-align:center; white-space:nowrap; vertical-align:baseline; border-radius:.25em } a.label:hover, a.label:focus { color:#fff; text-decoration:none; cursor:pointer } .label:empty { display:none } .btn .label { position:relative; top:-1px } .label-default { background-color:#9d9d9d } .label-default[href]:hover, .label-default[href]:focus { background-color:#848484 } .label-primary { background-color:#1890ff } .label-primary[href]:hover, .label-primary[href]:focus { background-color:#0076e4 } .label-success { background-color:#70c23a } .label-success[href]:hover, .label-success[href]:focus { background-color:#599b2e } .label-info { background-color:#a0d4fa } .label-info[href]:hover, .label-info[href]:focus { background-color:#70bef7 } .label-warning { background-color:#f0b03d } .label-warning[href]:hover, .label-warning[href]:focus { background-color:#e89c12 } .label-danger { background-color:#e43a32 } .label-danger[href]:hover, .label-danger[href]:focus { background-color:#c9221a } .badge { display:inline-block; min-width:10px; padding:3px 7px; font-size:12px; font-weight:bold; color:#fff; line-height:1; vertical-align:middle; white-space:nowrap; text-align:center; background-color:#9d9d9d; border-radius:10px } .badge:empty { display:none } .btn .badge { position:relative; top:-1px } .btn-xs .badge, .btn-group-xs>.btn .badge { top:0; padding:1px 5px } a.badge:hover, a.badge:focus { color:#fff; text-decoration:none; cursor:pointer } .list-group-item.active>.badge, .nav-pills>.active>a>.badge { color:#1890ff; background-color:#fff } .list-group-item>.badge { float:right } .list-group-item>.badge+.badge { margin-right:5px } .nav-pills>li>a>.badge { margin-left:3px } .jumbotron { padding-top:30px; padding-bottom:30px; margin-bottom:30px; color:inherit; background-color:#fff } .jumbotron h1, .jumbotron .h1 { color:inherit } .jumbotron p { margin-bottom:15px; font-size:21px; font-weight:200 } .jumbotron>hr { border-top-color:#e6e6e6 } .container .jumbotron, .container-fluid .jumbotron { border-radius:6px; padding-left:15px; padding-right:15px } .jumbotron .container { max-width:100% } @media screen and (min-width:769px) { .jumbotron { padding-top:48px; padding-bottom:48px } .container .jumbotron, .container-fluid .jumbotron { padding-left:60px; padding-right:60px } .jumbotron h1, .jumbotron .h1 { font-size:63px } } .thumbnail { display:block; padding:4px; margin-bottom:20px; line-height:1.42857143; background-color:#fff; border:1px solid #ddd; border-radius:4px; -webkit-transition:border .2s ease-in-out; -o-transition:border .2s ease-in-out; transition:border .2s ease-in-out } .thumbnail>img, .thumbnail a>img { margin-left:auto; margin-right:auto } a.thumbnail:hover, a.thumbnail:focus, a.thumbnail.active { border-color:#1890ff } .thumbnail .caption { padding:9px; color:#595959 } .alert { padding:15px; margin-bottom:20px; border:1px solid transparent; border-radius:4px } .alert h4 { margin-top:0; color:inherit } .alert .alert-link { font-weight:bold } .alert>p, .alert>ul { margin-bottom:0 } .alert>p+p { margin-top:5px } .alert-dismissable, .alert-dismissible { padding-right:35px } .alert-dismissable .close, .alert-dismissible .close { position:relative; top:-2px; right:-21px; color:inherit } .alert-success { background-color:#dff0d8; border-color:#d6e9c6; color:#3c763d } .alert-success hr { border-top-color:#c9e2b3 } .alert-success .alert-link { color:#2b542c } .alert-info { background-color:#d9edf7; border-color:#bce8f1; color:#31708f } .alert-info hr { border-top-color:#a6e1ec } .alert-info .alert-link { color:#245269 } .alert-warning { background-color:#fcf8e3; border-color:#faebcc; color:#8a6d3b } .alert-warning hr { border-top-color:#f7e1b5 } .alert-warning .alert-link { color:#66512c } .alert-danger { background-color:#f2dede; border-color:#ebccd1; color:#a94442 } .alert-danger hr { border-top-color:#e4b9c0 } .alert-danger .alert-link { color:#843534 } @-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 { overflow:hidden; height:20px; margin-bottom:20px; background-color:#f5f5f5; border-radius:4px; -webkit-box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.1); box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.1) } .progress-bar { float:left; width:0%; height:100%; font-size:12px; line-height:20px; color:#fff; text-align:center; background-color:#1890ff; -webkit-box-shadow:inset 0 -1px 0 rgba(0, 0, 0, 0.15); box-shadow:inset 0 -1px 0 rgba(0, 0, 0, 0.15); -webkit-transition:width .6s ease; -o-transition:width .6s ease; transition:width .6s ease } .progress-striped .progress-bar, .progress-bar-striped { background-image:-webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image:-o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image:linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); -webkit-background-size:40px 40px; background-size:40px 40px } .progress.active .progress-bar, .progress-bar.active { -webkit-animation:progress-bar-stripes 2s linear infinite; -o-animation:progress-bar-stripes 2s linear infinite; animation:progress-bar-stripes 2s linear infinite } .progress-bar-success { background-color:#70c23a } .progress-striped .progress-bar-success { background-image:-webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image:-o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image:linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) } .progress-bar-info { background-color:#a0d4fa } .progress-striped .progress-bar-info { background-image:-webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image:-o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image:linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) } .progress-bar-warning { background-color:#f0b03d } .progress-striped .progress-bar-warning { background-image:-webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image:-o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image:linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) } .progress-bar-danger { background-color:#e43a32 } .progress-striped .progress-bar-danger { background-image:-webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image:-o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image:linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) } .media { margin-top:15px } .media:first-child { margin-top:0 } .media, .media-body { zoom:1; overflow:hidden } .media-body { width:10000px } .media-object { display:block } .media-object.img-thumbnail { max-width:none } .media-right, .media>.pull-right { padding-left:10px } .media-left, .media>.pull-left { padding-right:10px } .media-left, .media-right, .media-body { display:table-cell; vertical-align:top } .media-middle { vertical-align:middle } .media-bottom { vertical-align:bottom } .media-heading { margin-top:0; margin-bottom:5px } .media-list { padding-left:0; list-style:none } .list-group { margin-bottom:20px; padding-left:0 } .list-group-item { position:relative; display:block; padding:10px 15px; margin-bottom:-1px; background-color:#fff; border:1px solid #ddd } .list-group-item:first-child { border-top-right-radius:4px; border-top-left-radius:4px } .list-group-item:last-child { margin-bottom:0; border-bottom-right-radius:4px; border-bottom-left-radius:4px } a.list-group-item, button.list-group-item { color:#555 } a.list-group-item .list-group-item-heading, button.list-group-item .list-group-item-heading { color:#333 } a.list-group-item:hover, button.list-group-item:hover, a.list-group-item:focus, button.list-group-item:focus { text-decoration:none; color:#555; background-color:#f5f5f5 } button.list-group-item { width:100%; text-align:left } .list-group-item.disabled, .list-group-item.disabled:hover, .list-group-item.disabled:focus { background-color:#fff; color:#9d9d9d; cursor:not-allowed } .list-group-item.disabled .list-group-item-heading, .list-group-item.disabled:hover .list-group-item-heading, .list-group-item.disabled:focus .list-group-item-heading { color:inherit } .list-group-item.disabled .list-group-item-text, .list-group-item.disabled:hover .list-group-item-text, .list-group-item.disabled:focus .list-group-item-text { color:#9d9d9d } .list-group-item.active, .list-group-item.active:hover, .list-group-item.active:focus { z-index:2; color:#fff; background-color:#1890ff; border-color:#1890ff } .list-group-item.active .list-group-item-heading, .list-group-item.active:hover .list-group-item-heading, .list-group-item.active:focus .list-group-item-heading, .list-group-item.active .list-group-item-heading>small, .list-group-item.active:hover .list-group-item-heading>small, .list-group-item.active:focus .list-group-item-heading>small, .list-group-item.active .list-group-item-heading>.small, .list-group-item.active:hover .list-group-item-heading>.small, .list-group-item.active:focus .list-group-item-heading>.small { color:inherit } .list-group-item.active .list-group-item-text, .list-group-item.active:hover .list-group-item-text, .list-group-item.active:focus .list-group-item-text { color:#e4f2ff } .list-group-item-success { color:#3c763d; background-color:#dff0d8 } a.list-group-item-success, button.list-group-item-success { color:#3c763d } a.list-group-item-success .list-group-item-heading, button.list-group-item-success .list-group-item-heading { color:inherit } a.list-group-item-success:hover, button.list-group-item-success:hover, a.list-group-item-success:focus, button.list-group-item-success:focus { color:#3c763d; background-color:#d0e9c6 } a.list-group-item-success.active, button.list-group-item-success.active, a.list-group-item-success.active:hover, button.list-group-item-success.active:hover, a.list-group-item-success.active:focus, button.list-group-item-success.active:focus { color:#fff; background-color:#3c763d; border-color:#3c763d } .list-group-item-info { color:#31708f; background-color:#d9edf7 } a.list-group-item-info, button.list-group-item-info { color:#31708f } a.list-group-item-info .list-group-item-heading, button.list-group-item-info .list-group-item-heading { color:inherit } a.list-group-item-info:hover, button.list-group-item-info:hover, a.list-group-item-info:focus, button.list-group-item-info:focus { color:#31708f; background-color:#c4e3f3 } a.list-group-item-info.active, button.list-group-item-info.active, a.list-group-item-info.active:hover, button.list-group-item-info.active:hover, a.list-group-item-info.active:focus, button.list-group-item-info.active:focus { color:#fff; background-color:#31708f; border-color:#31708f } .list-group-item-warning { color:#8a6d3b; background-color:#fcf8e3 } a.list-group-item-warning, button.list-group-item-warning { color:#8a6d3b } a.list-group-item-warning .list-group-item-heading, button.list-group-item-warning .list-group-item-heading { color:inherit } a.list-group-item-warning:hover, button.list-group-item-warning:hover, a.list-group-item-warning:focus, button.list-group-item-warning:focus { color:#8a6d3b; background-color:#faf2cc } a.list-group-item-warning.active, button.list-group-item-warning.active, a.list-group-item-warning.active:hover, button.list-group-item-warning.active:hover, a.list-group-item-warning.active:focus, button.list-group-item-warning.active:focus { color:#fff; background-color:#8a6d3b; border-color:#8a6d3b } .list-group-item-danger { color:#a94442; background-color:#f2dede } a.list-group-item-danger, button.list-group-item-danger { color:#a94442 } a.list-group-item-danger .list-group-item-heading, button.list-group-item-danger .list-group-item-heading { color:inherit } a.list-group-item-danger:hover, button.list-group-item-danger:hover, a.list-group-item-danger:focus, button.list-group-item-danger:focus { color:#a94442; background-color:#ebcccc } a.list-group-item-danger.active, button.list-group-item-danger.active, a.list-group-item-danger.active:hover, button.list-group-item-danger.active:hover, a.list-group-item-danger.active:focus, button.list-group-item-danger.active:focus { color:#fff; background-color:#a94442; border-color:#a94442 } .list-group-item-heading { margin-top:0; margin-bottom:5px } .list-group-item-text { margin-bottom:0; line-height:1.3 } .panel { margin-bottom:20px; background-color:#fff; border:1px solid transparent; border-radius:4px; -webkit-box-shadow:0 1px 1px rgba(0, 0, 0, 0.05); box-shadow:0 1px 1px rgba(0, 0, 0, 0.05) } .panel-body { padding:15px } .panel-heading { padding:10px 15px; border-bottom:1px solid transparent; border-top-right-radius:3px; border-top-left-radius:3px } .panel-heading>.dropdown .dropdown-toggle { color:inherit } .panel-title { margin-top:0; margin-bottom:0; font-size:16px; color:inherit } .panel-title>a, .panel-title>small, .panel-title>.small, .panel-title>small>a, .panel-title>.small>a { color:inherit } .panel-footer { padding:10px 15px; background-color:#f5f5f5; border-top:1px solid #ddd; border-bottom-right-radius:3px; border-bottom-left-radius:3px } .panel>.list-group, .panel>.panel-collapse>.list-group { margin-bottom:0 } .panel>.list-group .list-group-item, .panel>.panel-collapse>.list-group .list-group-item { border-width:1px 0; border-radius:0 } .panel>.list-group:first-child .list-group-item:first-child, .panel>.panel-collapse>.list-group:first-child .list-group-item:first-child { border-top:0; border-top-right-radius:3px; border-top-left-radius:3px } .panel>.list-group:last-child .list-group-item:last-child, .panel>.panel-collapse>.list-group:last-child .list-group-item:last-child { border-bottom:0; border-bottom-right-radius:3px; border-bottom-left-radius:3px } .panel>.panel-heading+.panel-collapse>.list-group .list-group-item:first-child { border-top-right-radius:0; border-top-left-radius:0 } .panel-heading+.list-group .list-group-item:first-child { border-top-width:0 } .list-group+.panel-footer { border-top-width:0 } .panel>.table, .panel>.table-responsive>.table, .panel>.panel-collapse>.table { margin-bottom:0 } .panel>.table caption, .panel>.table-responsive>.table caption, .panel>.panel-collapse>.table caption { padding-left:15px; padding-right:15px } .panel>.table:first-child, .panel>.table-responsive:first-child>.table:first-child { border-top-right-radius:3px; border-top-left-radius:3px } .panel>.table:first-child>thead:first-child>tr:first-child, .panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child, .panel>.table:first-child>tbody:first-child>tr:first-child, .panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child { border-top-left-radius:3px; border-top-right-radius:3px } .panel>.table:first-child>thead:first-child>tr:first-child td:first-child, .panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:first-child, .panel>.table:first-child>tbody:first-child>tr:first-child td:first-child, .panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:first-child, .panel>.table:first-child>thead:first-child>tr:first-child th:first-child, .panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:first-child, .panel>.table:first-child>tbody:first-child>tr:first-child th:first-child, .panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:first-child { border-top-left-radius:3px } .panel>.table:first-child>thead:first-child>tr:first-child td:last-child, .panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:last-child, .panel>.table:first-child>tbody:first-child>tr:first-child td:last-child, .panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:last-child, .panel>.table:first-child>thead:first-child>tr:first-child th:last-child, .panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:last-child, .panel>.table:first-child>tbody:first-child>tr:first-child th:last-child, .panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:last-child { border-top-right-radius:3px } .panel>.table:last-child, .panel>.table-responsive:last-child>.table:last-child { border-bottom-right-radius:3px; border-bottom-left-radius:3px } .panel>.table:last-child>tbody:last-child>tr:last-child, .panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child, .panel>.table:last-child>tfoot:last-child>tr:last-child, .panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child { border-bottom-left-radius:3px; border-bottom-right-radius:3px } .panel>.table:last-child>tbody:last-child>tr:last-child td:first-child, .panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:first-child, .panel>.table:last-child>tfoot:last-child>tr:last-child td:first-child, .panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:first-child, .panel>.table:last-child>tbody:last-child>tr:last-child th:first-child, .panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:first-child, .panel>.table:last-child>tfoot:last-child>tr:last-child th:first-child, .panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:first-child { border-bottom-left-radius:3px } .panel>.table:last-child>tbody:last-child>tr:last-child td:last-child, .panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:last-child, .panel>.table:last-child>tfoot:last-child>tr:last-child td:last-child, .panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:last-child, .panel>.table:last-child>tbody:last-child>tr:last-child th:last-child, .panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:last-child, .panel>.table:last-child>tfoot:last-child>tr:last-child th:last-child, .panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:last-child { border-bottom-right-radius:3px } .panel>.panel-body+.table, .panel>.panel-body+.table-responsive, .panel>.table+.panel-body, .panel>.table-responsive+.panel-body { border-top:1px solid #ddd } .panel>.table>tbody:first-child>tr:first-child th, .panel>.table>tbody:first-child>tr:first-child td { border-top:0 } .panel>.table-bordered, .panel>.table-responsive>.table-bordered { border:0 } .panel>.table-bordered>thead>tr>th:first-child, .panel>.table-responsive>.table-bordered>thead>tr>th:first-child, .panel>.table-bordered>tbody>tr>th:first-child, .panel>.table-responsive>.table-bordered>tbody>tr>th:first-child, .panel>.table-bordered>tfoot>tr>th:first-child, .panel>.table-responsive>.table-bordered>tfoot>tr>th:first-child, .panel>.table-bordered>thead>tr>td:first-child, .panel>.table-responsive>.table-bordered>thead>tr>td:first-child, .panel>.table-bordered>tbody>tr>td:first-child, .panel>.table-responsive>.table-bordered>tbody>tr>td:first-child, .panel>.table-bordered>tfoot>tr>td:first-child, .panel>.table-responsive>.table-bordered>tfoot>tr>td:first-child { border-left:0 } .panel>.table-bordered>thead>tr>th:last-child, .panel>.table-responsive>.table-bordered>thead>tr>th:last-child, .panel>.table-bordered>tbody>tr>th:last-child, .panel>.table-responsive>.table-bordered>tbody>tr>th:last-child, .panel>.table-bordered>tfoot>tr>th:last-child, .panel>.table-responsive>.table-bordered>tfoot>tr>th:last-child, .panel>.table-bordered>thead>tr>td:last-child, .panel>.table-responsive>.table-bordered>thead>tr>td:last-child, .panel>.table-bordered>tbody>tr>td:last-child, .panel>.table-responsive>.table-bordered>tbody>tr>td:last-child, .panel>.table-bordered>tfoot>tr>td:last-child, .panel>.table-responsive>.table-bordered>tfoot>tr>td:last-child { border-right:0 } .panel>.table-bordered>thead>tr:first-child>td, .panel>.table-responsive>.table-bordered>thead>tr:first-child>td, .panel>.table-bordered>tbody>tr:first-child>td, .panel>.table-responsive>.table-bordered>tbody>tr:first-child>td, .panel>.table-bordered>thead>tr:first-child>th, .panel>.table-responsive>.table-bordered>thead>tr:first-child>th, .panel>.table-bordered>tbody>tr:first-child>th, .panel>.table-responsive>.table-bordered>tbody>tr:first-child>th { border-bottom:0 } .panel>.table-bordered>tbody>tr:last-child>td, .panel>.table-responsive>.table-bordered>tbody>tr:last-child>td, .panel>.table-bordered>tfoot>tr:last-child>td, .panel>.table-responsive>.table-bordered>tfoot>tr:last-child>td, .panel>.table-bordered>tbody>tr:last-child>th, .panel>.table-responsive>.table-bordered>tbody>tr:last-child>th, .panel>.table-bordered>tfoot>tr:last-child>th, .panel>.table-responsive>.table-bordered>tfoot>tr:last-child>th { border-bottom:0 } .panel>.table-responsive { border:0; margin-bottom:0 } .panel-group { margin-bottom:20px } .panel-group .panel { margin-bottom:0; border-radius:4px } .panel-group .panel+.panel { margin-top:5px } .panel-group .panel-heading { border-bottom:0 } .panel-group .panel-heading+.panel-collapse>.panel-body, .panel-group .panel-heading+.panel-collapse>.list-group { border-top:1px solid #ddd } .panel-group .panel-footer { border-top:0 } .panel-group .panel-footer+.panel-collapse .panel-body { border-bottom:1px solid #ddd } .panel-default { border-color:#ddd } .panel-default>.panel-heading { color:#595959; background-color:#f5f5f5; border-color:#ddd } .panel-default>.panel-heading+.panel-collapse>.panel-body { border-top-color:#ddd } .panel-default>.panel-heading .badge { color:#f5f5f5; background-color:#595959 } .panel-default>.panel-footer+.panel-collapse>.panel-body { border-bottom-color:#ddd } .panel-primary { border-color:#1890ff } .panel-primary>.panel-heading { color:#fff; background-color:#1890ff; border-color:#1890ff } .panel-primary>.panel-heading+.panel-collapse>.panel-body { border-top-color:#1890ff } .panel-primary>.panel-heading .badge { color:#1890ff; background-color:#fff } .panel-primary>.panel-footer+.panel-collapse>.panel-body { border-bottom-color:#1890ff } .panel-success { border-color:#d6e9c6 } .panel-success>.panel-heading { color:#3c763d; background-color:#dff0d8; border-color:#d6e9c6 } .panel-success>.panel-heading+.panel-collapse>.panel-body { border-top-color:#d6e9c6 } .panel-success>.panel-heading .badge { color:#dff0d8; background-color:#3c763d } .panel-success>.panel-footer+.panel-collapse>.panel-body { border-bottom-color:#d6e9c6 } .panel-info { border-color:#bce8f1 } .panel-info>.panel-heading { color:#31708f; background-color:#d9edf7; border-color:#bce8f1 } .panel-info>.panel-heading+.panel-collapse>.panel-body { border-top-color:#bce8f1 } .panel-info>.panel-heading .badge { color:#d9edf7; background-color:#31708f } .panel-info>.panel-footer+.panel-collapse>.panel-body { border-bottom-color:#bce8f1 } .panel-warning { border-color:#faebcc } .panel-warning>.panel-heading { color:#8a6d3b; background-color:#fcf8e3; border-color:#faebcc } .panel-warning>.panel-heading+.panel-collapse>.panel-body { border-top-color:#faebcc } .panel-warning>.panel-heading .badge { color:#fcf8e3; background-color:#8a6d3b } .panel-warning>.panel-footer+.panel-collapse>.panel-body { border-bottom-color:#faebcc } .panel-danger { border-color:#ebccd1 } .panel-danger>.panel-heading { color:#a94442; background-color:#f2dede; border-color:#ebccd1 } .panel-danger>.panel-heading+.panel-collapse>.panel-body { border-top-color:#ebccd1 } .panel-danger>.panel-heading .badge { color:#f2dede; background-color:#a94442 } .panel-danger>.panel-footer+.panel-collapse>.panel-body { border-bottom-color:#ebccd1 } .embed-responsive { position:relative; display:block; height:0; padding:0; overflow:hidden } .embed-responsive .embed-responsive-item, .embed-responsive iframe, .embed-responsive embed, .embed-responsive object, .embed-responsive video { position:absolute; top:0; left:0; bottom:0; height:100%; width:100%; border:0 } .embed-responsive-16by9 { padding-bottom:56.25% } .embed-responsive-4by3 { padding-bottom:75% } .well { min-height:20px; padding:19px; margin-bottom:20px; background-color:#f5f5f5; border:1px solid #e3e3e3; border-radius:4px; -webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.05); box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.05) } .well blockquote { border-color:#ddd; border-color:rgba(0, 0, 0, 0.15) } .well-lg { padding:24px; border-radius:6px } .well-sm { padding:9px; border-radius:3px } .close { float:right; font-size:21px; font-weight:bold; line-height:1; color:#000; text-shadow:0 1px 0 #fff; opacity:.2; filter:alpha(opacity=20) } .close:hover, .close:focus { color:#000; text-decoration:none; cursor:pointer; opacity:.5; filter:alpha(opacity=50) } button.close { padding:0; cursor:pointer; background:transparent; border:0; -webkit-appearance:none } .modal-open { overflow:hidden } .modal { display:none; overflow:hidden; position:fixed; top:0; right:0; bottom:0; left:0; z-index:1050; -webkit-overflow-scrolling:touch; outline:0 } .modal.fade .modal-dialog { -webkit-transform:translate(0, -25%); -ms-transform:translate(0, -25%); -o-transform:translate(0, -25%); transform:translate(0, -25%); -webkit-transition:-webkit-transform 0.3s ease-out; -o-transition:-o-transform 0.3s ease-out; transition:transform 0.3s ease-out } .modal.in .modal-dialog { -webkit-transform:translate(0, 0); -ms-transform:translate(0, 0); -o-transform:translate(0, 0); transform:translate(0, 0) } .modal-open .modal { overflow-x:hidden; overflow-y:auto } .modal-dialog { position:relative; width:auto; margin:10px } .modal-content { position:relative; background-color:#fff; border:1px solid #999; border:1px solid rgba(0, 0, 0, 0.2); border-radius:6px; -webkit-box-shadow:0 3px 9px rgba(0, 0, 0, 0.5); box-shadow:0 3px 9px rgba(0, 0, 0, 0.5); -webkit-background-clip:padding-box; background-clip:padding-box; outline:0 } .modal-backdrop { position:fixed; top:0; right:0; bottom:0; left:0; z-index:1040; background-color:#000 } .modal-backdrop.fade { opacity:0; filter:alpha(opacity=0) } .modal-backdrop.in { opacity:.5; filter:alpha(opacity=50) } .modal-header { padding:15px; border-bottom:1px solid #e5e5e5 } .modal-header .close { margin-top:-2px } .modal-title { margin:0; line-height:1.42857143 } .modal-body { position:relative; padding:15px } .modal-footer { padding:15px; text-align:right; border-top:1px solid #e5e5e5 } .modal-footer .btn+.btn { margin-left:5px; margin-bottom:0 } .modal-footer .btn-group .btn+.btn { margin-left:-1px } .modal-footer .btn-block+.btn-block { margin-left:0 } .modal-scrollbar-measure { position:absolute; top:-9999px; width:50px; height:50px; overflow:scroll } @media (min-width:769px) { .modal-dialog { width:600px; margin:30px auto } .modal-content { -webkit-box-shadow:0 5px 15px rgba(0, 0, 0, 0.5); box-shadow:0 5px 15px rgba(0, 0, 0, 0.5) } .modal-sm { width:300px } } @media (min-width:992px) { .modal-lg { width:900px } } .tooltip { position:absolute; z-index:1070; display:block; font-family:"Helvetica Neue", Helvetica, Arial, sans-serif; font-style:normal; font-weight:normal; letter-spacing:normal; line-break:auto; line-height:1.42857143; text-align:left; text-align:start; text-decoration:none; text-shadow:none; text-transform:none; white-space:normal; word-break:normal; word-spacing:normal; word-wrap:normal; font-size:12px; opacity:0; filter:alpha(opacity=0) } .tooltip.in { opacity:.9; filter:alpha(opacity=90) } .tooltip.top { margin-top:-3px; padding:5px 0 } .tooltip.right { margin-left:3px; padding:0 5px } .tooltip.bottom { margin-top:3px; padding:5px 0 } .tooltip.left { margin-left:-3px; padding:0 5px } .tooltip-inner { max-width:200px; padding:3px 8px; color:#fff; text-align:center; background-color:#000; 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 } .tooltip.top-left .tooltip-arrow { bottom:0; right:5px; margin-bottom:-5px; border-width:5px 5px 0; border-top-color:#000 } .tooltip.top-right .tooltip-arrow { bottom:0; left:5px; margin-bottom:-5px; border-width:5px 5px 0; border-top-color:#000 } .tooltip.right .tooltip-arrow { top:50%; left:0; margin-top:-5px; border-width:5px 5px 5px 0; border-right-color:#000 } .tooltip.left .tooltip-arrow { top:50%; right:0; margin-top:-5px; border-width:5px 0 5px 5px; border-left-color:#000 } .tooltip.bottom .tooltip-arrow { top:0; left:50%; margin-left:-5px; border-width:0 5px 5px; border-bottom-color:#000 } .tooltip.bottom-left .tooltip-arrow { top:0; right:5px; margin-top:-5px; border-width:0 5px 5px; border-bottom-color:#000 } .tooltip.bottom-right .tooltip-arrow { top:0; left:5px; margin-top:-5px; border-width:0 5px 5px; border-bottom-color:#000 } .popover { position:absolute; top:0; left:0; z-index:1060; display:none; max-width:276px; padding:1px; font-family:"Helvetica Neue", Helvetica, Arial, sans-serif; font-style:normal; font-weight:normal; letter-spacing:normal; line-break:auto; line-height:1.42857143; text-align:left; text-align:start; text-decoration:none; text-shadow:none; text-transform:none; white-space:normal; word-break:normal; word-spacing:normal; word-wrap:normal; font-size:14px; background-color:#fff; -webkit-background-clip:padding-box; background-clip:padding-box; border:1px solid #ccc; border:1px solid rgba(0, 0, 0, 0.2); border-radius:6px; -webkit-box-shadow:0 5px 10px rgba(0, 0, 0, 0.2); box-shadow:0 5px 10px rgba(0, 0, 0, 0.2) } .popover.top { margin-top:-10px } .popover.right { margin-left:10px } .popover.bottom { margin-top:10px } .popover.left { margin-left:-10px } .popover-title { margin:0; padding:8px 14px; font-size:14px; background-color:#f7f7f7; border-bottom:1px solid #ebebeb; border-radius:5px 5px 0 0 } .popover-content { padding:9px 14px } .popover>.arrow, .popover>.arrow:after { position:absolute; display:block; width:0; height:0; border-color:transparent; border-style:solid } .popover>.arrow { border-width:11px } .popover>.arrow:after { border-width:10px; content:"" } .popover.top>.arrow { left:50%; margin-left:-11px; border-bottom-width:0; border-top-color:#999; border-top-color:rgba(0, 0, 0, 0.25); bottom:-11px } .popover.top>.arrow:after { content:" "; bottom:1px; margin-left:-10px; border-bottom-width:0; border-top-color:#fff } .popover.right>.arrow { top:50%; left:-11px; margin-top:-11px; border-left-width:0; border-right-color:#999; border-right-color:rgba(0, 0, 0, 0.25) } .popover.right>.arrow:after { content:" "; left:1px; bottom:-10px; border-left-width:0; border-right-color:#fff } .popover.bottom>.arrow { left:50%; margin-left:-11px; border-top-width:0; border-bottom-color:#999; border-bottom-color:rgba(0, 0, 0, 0.25); top:-11px } .popover.bottom>.arrow:after { content:" "; top:1px; margin-left:-10px; border-top-width:0; border-bottom-color:#fff } .popover.left>.arrow { top:50%; right:-11px; margin-top:-11px; border-right-width:0; border-left-color:#999; border-left-color:rgba(0, 0, 0, 0.25) } .popover.left>.arrow:after { content:" "; right:1px; border-right-width:0; border-left-color:#fff; bottom:-10px } .carousel { position:relative } .carousel-inner { position:relative; overflow:hidden; width:100% } .carousel-inner>.item { display:none; position:relative; -webkit-transition:.6s ease-in-out left; -o-transition:.6s ease-in-out left; transition:.6s ease-in-out left } .carousel-inner>.item>img, .carousel-inner>.item>a>img { line-height:1 } @media all and (transform-3d), (-webkit-transform-3d) { .carousel-inner>.item { -webkit-transition:-webkit-transform 0.6s ease-in-out; -o-transition:-o-transform 0.6s ease-in-out; transition:transform 0.6s ease-in-out; -webkit-backface-visibility:hidden; backface-visibility:hidden; -webkit-perspective:1000px; perspective:1000px } .carousel-inner>.item.next, .carousel-inner>.item.active.right { -webkit-transform:translate3d(100%, 0, 0); transform:translate3d(100%, 0, 0); left:0 } .carousel-inner>.item.prev, .carousel-inner>.item.active.left { -webkit-transform:translate3d(-100%, 0, 0); transform:translate3d(-100%, 0, 0); left:0 } .carousel-inner>.item.next.left, .carousel-inner>.item.prev.right, .carousel-inner>.item.active { -webkit-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0); left:0 } } .carousel-inner>.active, .carousel-inner>.next, .carousel-inner>.prev { display:block } .carousel-inner>.active { left:0 } .carousel-inner>.next, .carousel-inner>.prev { position:absolute; top:0; width:100% } .carousel-inner>.next { left:100% } .carousel-inner>.prev { left:-100% } .carousel-inner>.next.left, .carousel-inner>.prev.right { left:0 } .carousel-inner>.active.left { left:-100% } .carousel-inner>.active.right { left:100% } .carousel-control { position:absolute; top:0; left:0; bottom:0; width:15%; opacity:.5; filter:alpha(opacity=50); font-size:20px; color:#fff; text-align:center; text-shadow:0 1px 2px rgba(0, 0, 0, 0.6); background-color:rgba(0, 0, 0, 0) } .carousel-control.left { background-image:-webkit-linear-gradient(left, rgba(0, 0, 0, 0.5) 0, rgba(0, 0, 0, 0.0001) 100%); background-image:-o-linear-gradient(left, rgba(0, 0, 0, 0.5) 0, rgba(0, 0, 0, 0.0001) 100%); background-image:-webkit-gradient(linear, left top, right top, color-stop(0, rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0.0001))); background-image:linear-gradient(to right, rgba(0, 0, 0, 0.5) 0, rgba(0, 0, 0, 0.0001) 100%); background-repeat:repeat-x; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1) } .carousel-control.right { left:auto; right:0; background-image:-webkit-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0, rgba(0, 0, 0, 0.5) 100%); background-image:-o-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0, rgba(0, 0, 0, 0.5) 100%); background-image:-webkit-gradient(linear, left top, right top, color-stop(0, rgba(0, 0, 0, 0.0001)), to(rgba(0, 0, 0, 0.5))); background-image:linear-gradient(to right, rgba(0, 0, 0, 0.0001) 0, rgba(0, 0, 0, 0.5) 100%); background-repeat:repeat-x; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1) } .carousel-control:hover, .carousel-control:focus { outline:0; color:#fff; text-decoration:none; opacity:.9; filter:alpha(opacity=90) } .carousel-control .icon-prev, .carousel-control .icon-next, .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right { position:absolute; top:50%; margin-top:-10px; z-index:5; display:inline-block } .carousel-control .icon-prev, .carousel-control .glyphicon-chevron-left { left:50%; margin-left:-10px } .carousel-control .icon-next, .carousel-control .glyphicon-chevron-right { right:50%; margin-right:-10px } .carousel-control .icon-prev, .carousel-control .icon-next { width:20px; height:20px; line-height:1; font-family:serif } .carousel-control .icon-prev:before { content:'\2039' } .carousel-control .icon-next:before { content:'\203a' } .carousel-indicators { position:absolute; bottom:10px; left:50%; z-index:15; width:60%; margin-left:-30%; padding-left:0; list-style:none; text-align:center } .carousel-indicators li { display:inline-block; width:10px; height:10px; margin:1px; text-indent:-999px; border:1px solid #fff; border-radius:10px; cursor:pointer; background-color:#000 \9; background-color:rgba(0, 0, 0, 0) } .carousel-indicators .active { margin:0; width:12px; height:12px; background-color:#fff } .carousel-caption { position:absolute; left:15%; right:15%; bottom:20px; z-index:10; padding-top:20px; padding-bottom:20px; color:#fff; text-align:center; text-shadow:0 1px 2px rgba(0, 0, 0, 0.6) } .carousel-caption .btn { text-shadow:none } @media screen and (min-width:769px) { .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-prev, .carousel-control .icon-next { width:30px; height:30px; margin-top:-10px; font-size:30px } .carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev { margin-left:-10px } .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next { margin-right:-10px } .carousel-caption { left:20%; right:20%; padding-bottom:30px } .carousel-indicators { bottom:20px } } .clearfix:before, .clearfix:after, .dl-horizontal dd:before, .dl-horizontal dd:after, .container:before, .container:after, .container-fluid:before, .container-fluid:after, .row:before, .row:after, .form-horizontal .form-group:before, .form-horizontal .form-group:after, .btn-toolbar:before, .btn-toolbar:after, .btn-group-vertical>.btn-group:before, .btn-group-vertical>.btn-group:after, .nav:before, .nav:after, .navbar:before, .navbar:after, .navbar-header:before, .navbar-header:after, .navbar-collapse:before, .navbar-collapse:after, .pager:before, .pager:after, .panel-body:before, .panel-body:after, .modal-header:before, .modal-header:after, .modal-footer:before, .modal-footer:after { content:" "; display:table } .clearfix:after, .dl-horizontal dd:after, .container:after, .container-fluid:after, .row:after, .form-horizontal .form-group:after, .btn-toolbar:after, .btn-group-vertical>.btn-group:after, .nav:after, .navbar:after, .navbar-header:after, .navbar-collapse:after, .pager:after, .panel-body:after, .modal-header:after, .modal-footer:after { clear:both } .center-block { display:block; margin-left:auto; margin-right:auto } .pull-right { float:right !important } .pull-left { float:left !important } .hide { display:none !important } .show { display:block !important } .invisible { visibility:hidden } .text-hide { font:0/0 a; color:transparent; text-shadow:none; background-color:transparent; border:0 } .hidden { display:none !important } .affix { position:fixed } @-ms-viewport { width:device-width } .visible-xs, .visible-sm, .visible-md, .visible-lg { display:none !important } .visible-xs-block, .visible-xs-inline, .visible-xs-inline-block, .visible-sm-block, .visible-sm-inline, .visible-sm-inline-block, .visible-md-block, .visible-md-inline, .visible-md-inline-block, .visible-lg-block, .visible-lg-inline, .visible-lg-inline-block { display:none !important } @media (max-width:768px) { .visible-xs { display:block !important } table.visible-xs { display:table !important } tr.visible-xs { display:table-row !important } th.visible-xs, td.visible-xs { display:table-cell !important } } @media (max-width:768px) { .visible-xs-block { display:block !important } } @media (max-width:768px) { .visible-xs-inline { display:inline !important } } @media (max-width:768px) { .visible-xs-inline-block { display:inline-block !important } } @media (min-width:769px) and (max-width:991px) { .visible-sm { display:block !important } table.visible-sm { display:table !important } tr.visible-sm { display:table-row !important } th.visible-sm, td.visible-sm { display:table-cell !important } } @media (min-width:769px) and (max-width:991px) { .visible-sm-block { display:block !important } } @media (min-width:769px) and (max-width:991px) { .visible-sm-inline { display:inline !important } } @media (min-width:769px) and (max-width:991px) { .visible-sm-inline-block { display:inline-block !important } } @media (min-width:992px) and (max-width:1199px) { .visible-md { display:block !important } table.visible-md { display:table !important } tr.visible-md { display:table-row !important } th.visible-md, td.visible-md { display:table-cell !important } } @media (min-width:992px) and (max-width:1199px) { .visible-md-block { display:block !important } } @media (min-width:992px) and (max-width:1199px) { .visible-md-inline { display:inline !important } } @media (min-width:992px) and (max-width:1199px) { .visible-md-inline-block { display:inline-block !important } } @media (min-width:1200px) { .visible-lg { display:block !important } table.visible-lg { display:table !important } tr.visible-lg { display:table-row !important } th.visible-lg, td.visible-lg { display:table-cell !important } } @media (min-width:1200px) { .visible-lg-block { display:block !important } } @media (min-width:1200px) { .visible-lg-inline { display:inline !important } } @media (min-width:1200px) { .visible-lg-inline-block { display:inline-block !important } } @media (max-width:768px) { .hidden-xs { display:none !important } } @media (min-width:769px) 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 } } .visible-print { display:none !important } @media print { .visible-print { display:block !important } table.visible-print { display:table !important } tr.visible-print { display:table-row !important } th.visible-print, td.visible-print { display:table-cell !important } } .visible-print-block { display:none !important } @media print { .visible-print-block { display:block !important } } .visible-print-inline { display:none !important } @media print { .visible-print-inline { display:inline !important } } .visible-print-inline-block { display:none !important } @media print { .visible-print-inline-block { display:inline-block !important } } @media print { .hidden-print { display:none !important } } body, html { margin:0; padding:0 } blockquote, body, button, dd, dl, dt, fieldset, form, h1, h2, h3, h4, h5, h6, html, input, li, ol, p, pre, textarea, ul { margin:0; padding:0; list-style-type:none } em { font-style:normal } button, input, optgroup, select, textarea { color:inherit; font:inherit; margin:0 } textarea { overflow:auto!important } button { overflow:visible } button, select { text-transform:none } button, html input[type=button], input[type=reset], input[type=submit] { -webkit-appearance:button; cursor:pointer } button[disabled], html input[disabled] { cursor:default } button::-moz-focus-inner, input::-moz-focus-inner { border:0; padding:0 } input { line-height:normal } input[type=checkbox], input[type=radio] { box-sizing:border-box; padding:0 } input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { height:auto } input[type=search] { -webkit-appearance:textfield; -moz-box-sizing:content-box; -webkit-box-sizing:content-box; box-sizing:content-box } input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration { -webkit-appearance:none } * { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box } :after, :before { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box } ::-moz-selection { background:#b3d4fc; text-shadow:none } ::selection { background:#b3d4fc; text-shadow:none } :focus { outline:0 } ::-webkit-input-placeholder { color:#cecece; font-size:14px } :-moz-placeholder { color:#cecece; font-size:14px } ::-moz-placeholder { color:#cecece; font-size:14px } :-ms-input-placeholder { color:#cecece; font-size:14px } img { vertical-align:middle; border:0; max-width:100% } a { color:#707070; text-decoration:none } a:active, a:hover { color:#60a9d7; text-decoration:none } .show { display:inline-block } .hide { display:none!important } .scroll { overflow-y:auto; display:block!important } hr { border:0; border-bottom:1px solid #cfd2d9 } @font-face { font-family:iconfont; src:url(../fonts/iconfont.eot); src:url(http://www.kostapower.com/theme/default/fonts/iconfont.eot?#iefix) format('embedded-opentype'), url(../fonts/iconfont.ttf) format('truetype'), url(http://www.kostapower.com/theme/default/fonts/iconfont.svg#iconfont) format('svg') } .arrow, [class*=e_icon], [class*=icon-from-user]:after, [class*=iconfont], [class*=in_icon], [class*=link_icon], [class~=e_icon], [class~=icon-from-user]:after, [class~=iconfont], [class~=in_icon] { font-family:iconfont!important; speak:none; font-style:normal; font-weight:400; font-variant:normal; text-transform:none; line-height:1; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale } .item_hide { display:none!important } * { -webkit-animation-fill-mode:both; animation-fill-mode:both } .e_link { height:inherit } .e_btn { display:table; cursor:pointer; text-decoration:none; padding-left:10px; padding-right:10px } .iconfont { display:inline; color:inherit; height:100%; color:inherit; font-size:inherit; font-family:inherit; font-weight:inherit; text-decoration:none; font-weight:400; text-decoration:none; font-size:inherit; font-family:"Microsoft Yahei"; font-weight:400; text-decoration:none } .w_hline, .w_vline { margin:0; padding:0; width:inherit; height:inherit } .w_img { margin:0; padding:0; width:inherit; height:inherit } .w_btn, .w_btna, .w_btnb, .w_btnc { margin:0; padding:0; width:inherit; height:inherit } .w_iconbtn, .w_iconbtna, .w_iconbtnb, .w_iconbtnc { margin:0; padding:0; width:inherit; height:inherit } .w_imgbtn { margin:0; padding:0; width:inherit; height:inherit } .w_icon { margin:0; padding:0; width:inherit; height:inherit } .w_iframe { margin:0; padding:0; width:inherit; height:inherit } .w_html { display:table; margin:0; padding:0; width:inherit; height:inherit } .w_hline, .w_hline_bg, .w_vline, .w_vline_bg { margin:0; padding:0; width:inherit; height:inherit } .w_swf { margin:0; padding:0; width:inherit; height:inherit } .w_movie { margin:0; padding:0; width:inherit; height:inherit } .w_rbox { margin:0; padding:0; width:100%; height:100% } .w_wbox { margin:0; padding:0; width:100%; height:100% } .w_bbox { margin:0; padding:0; width:100%; height:100% } .w_relationbtnbar, .w_relationbtntab { margin:0; padding:0; width:inherit; height:inherit } .w_inons { margin:0; padding:0; width:inherit; height:inherit } .w_listall { margin:0; padding:0; width:inherit; height:inherit } .w_tuwen { margin:0; padding:0; width:inherit; height:inherit } .ellipsis { text-overflow:ellipsis; white-space:nowrap; overflow:hidden } .pagebox { position:relative } .SingleIntercept { overflow:hidden!important; text-overflow:ellipsis!important; white-space:nowrap!important } .widther { overflow:hidden!important; position:relative } .widther img, .widther video { width:100%!important; height:auto!important; left:50%!important; top:50%!important; -webkit-transform:translate(-50%, -50%)!important; -ms-transform:translate(-50%, -50%)!important; transform:translate(-50%, -50%)!important; position:absolute!important } .smaller .widther img { width:100%!important; height:auto!important; left:50%!important; top:50%!important; -webkit-transform:translate(-50%, -50%)!important; -ms-transform:translate(-50%, -50%)!important; transform:translate(-50%, -50%)!important; position:absolute!important } .higher .widther img { width:100%!important; height:auto!important; left:50%!important; top:50%!important; -webkit-transform:translate(-50%, -50%)!important; -ms-transform:translate(-50%, -50%)!important; transform:translate(-50%, -50%)!important; position:absolute!important } .higher { overflow:hidden!important; position:relative } .higher img, .higher video { width:auto!important; height:100%!important; left:50%!important; top:50%!important; -webkit-transform:translate(-50%, -50%)!important; -ms-transform:translate(-50%, -50%)!important; transform:translate(-50%, -50%)!important; position:absolute!important } .smaller .higher img { width:auto!important; height:100%!important; left:50%!important; top:50%!important; -webkit-transform:translate(-50%, -50%)!important; -ms-transform:translate(-50%, -50%)!important; transform:translate(-50%, -50%)!important; position:absolute!important } .widther .higher img { width:auto!important; height:100%!important; left:50%!important; top:50%!important; -webkit-transform:translate(-50%, -50%)!important; -ms-transform:translate(-50%, -50%)!important; transform:translate(-50%, -50%)!important; position:absolute!important } .smaller { overflow:hidden!important; position:relative } .smaller img, .smaller video { height:auto!important; width:auto!important; left:50%!important; top:50%!important; -webkit-transform:translate(-50%, -50%)!important; -ms-transform:translate(-50%, -50%)!important; transform:translate(-50%, -50%)!important; position:absolute!important } .higher .smaller img { height:auto!important; width:auto!important; left:50%!important; top:50%!important; -webkit-transform:translate(-50%, -50%)!important; -ms-transform:translate(-50%, -50%)!important; transform:translate(-50%, -50%)!important; position:absolute!important } .widther .smaller img { height:auto!important; width:auto!important; left:50%!important; top:50%!important; -webkit-transform:translate(-50%, -50%)!important; -ms-transform:translate(-50%, -50%)!important; transform:translate(-50%, -50%)!important; position:absolute!important } .swiper-container { margin:0 auto; position:relative; overflow:hidden!important; z-index:1 } .swiper-wrapper { position:relative; width:100%; height:auto; z-index:1; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-transition-property:-webkit-transform; -moz-transition-property:-moz-transform; -o-transition-property:-o-transform; -ms-transition-property:-ms-transform; transition-property:transform; -webkit-box-sizing:content-box; -moz-box-sizing:content-box; box-sizing:content-box } .swiper-container-android .swiper-slide, .swiper-wrapper { -webkit-transform:translate3d(0, 0, 0); -moz-transform:translate3d(0, 0, 0); -o-transform:translate(0, 0); -ms-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0) } .swiper-slide { -webkit-flex-shrink:0; -ms-flex:0 0 auto; flex-shrink:0; width:100%; height:100%; position:relative } .lantern { margin-left:60px!important; margin-right:60px!important } .MatteBox { height:100%; width:100%; position:fixed; left:0; top:0 } .temporary { display:block!important; overflow:visible!important } .ce_banner { position:relative } .ce_detail { position:relative } .ce_detail .ie_btn { position:absolute; width:200px; height:52px; font-size:14px } .ce_detail .ie_btn>div { width:100%; height:100%; display:table } .ce_detail .ie_btn i { font-family:iconfont; font-style:inherit } .ce_detail .ie_btn a { color:inherit; width:100%; height:100%; display:table } .ce_detail .ie_btn .font { display:table-cell; vertical-align:middle; text-align:center } .ce_detail .ie_line { position:absolute } .ce_detail .ie_line>div { width:100%; height:100% } .ce_detail .ie_icon { position:absolute; width:36px; height:36px } .ce_detail .ie_icon>div { width:100%; height:100%; display:table; font-size:20px; color:#a0a0a0 } .ce_detail .ie_icon a { color:inherit; width:100%; height:100%; display:table } .ce_detail .ie_icon i { font-family:iconfont; font-style:inherit } .ce_detail .ie_icon .in_icon { display:table-cell; vertical-align:middle; text-align:center } .ce_detail .ie_img { position:absolute; width:640px; height:206px } .ce_detail .ie_img>div { width:100%; height:100% } .ce_detail .ie_img a { color:inherit; width:100%; height:100%; display:block } .ce_detail .ie_box { position:absolute; width:300px; height:300px } .ce_detail .ie_box>div { width:100%; height:100% } .ce_detail .ie_title { width:320px; height:200px } .ce_detail .ie_title>div { width:100%; height:100% } .ce_detail .ie_text { width:320px; height:200px } .ce_detail .ie_text>div { width:100%; height:100% } input::-ms-clear { display:none } .reset_style { line-height:normal; word-wrap:break-word; word-break:break-all; font-size:14px } .reset_style h1 { font-weight:700; font-size:24px; margin:0 } .reset_style h2 { font-weight:700; font-size:24px; margin:0 } .reset_style h3 { font-weight:700; font-size:19px; margin:0 } .reset_style h4 { font-weight:700; font-size:16px; margin:0 } .reset_style h5 { font-weight:700; font-size:14px; margin:0 } .reset_style h6 { font-weight:700; font-size:12px; margin:0 } .reset_style p { margin:0; font-size:14px } .reset_style>span { font-size:14px } .resetHtmlCssStyle .reset_style a, .reset_style a { text-decoration:none!important } .reset_style em { font-style:italic } .reset_style ol, .reset_style ul { padding-left:20px; padding-right:20px } .resetHtmlCssStyle .reset_style ul, .reset_style ul { list-style:disc outside none } .resetHtmlCssStyle .reset_style ol, .reset_style ol { list-style:decimal outside none } .reset_style li { display:list-item; list-style-type:inherit } .w_img-001 .p_dimage { height:100%\9\0!important } div[data-cg-visible=true] { display:block } video:-webkit-full-screen { background-color:transparent!important; position:relative!important; left:0!important; top:0!important; min-width:0!important; max-width:none!important; min-height:0!important; max-height:none!important; width:100%!important; height:100%!important; display:block!important; transform:none!important; margin:0!important; flex:1 1 0!important } video:-moz-full-screen { background-color:transparent!important; position:relative!important; left:0!important; top:0!important; min-width:0!important; max-width:none!important; min-height:0!important; max-height:none!important; width:100%!important; height:100%!important; display:block!important; transform:none!important; margin:0!important; flex:1 1 0!important } @media only screen and (max-width:768px) { div[data-vhide768] { display:none!important } } @media only screen and (max-width:1024px) and (min-width:769px) { div[data-vhide1024] { display:none!important } } @media only screen and (min-width:1025px) { div[data-vhide100p] { display:none!important } } .r_confirm { position:fixed; z-index:99; left:0; top:0; width:100%; height:100%; overflow:hidden; background:rgba(0, 0, 0, .5); text-align:center } .r_confirm_con { margin-top:100px; display:inline-block; width:420px; max-width:90%; background:#fff; border-radius:5px; padding:20px; text-align:left; position:relative } .r_confirm_con .r_confirm_close { position:absolute; right:20px; top:20px; line-height:1 } .r_confirm_con .r_confirm_title { color:#333; font-weight:700; padding-right:10px } .r_confirm_con .r_confirm_content { line-height:1.5; margin-bottom:20px } .r_confirm_con .r_confirm_oprate { text-align:right; padding-top:10px } .r_confirm_con .r_confirm_oprate .btn+.btn { margin-left:10px } .r_confirm_con.r_hasIcon { padding-left:55px; position:relative } .r_confirm_con .iconfont { position:absolute; left:20px; top:15px; font-size:24px } .r_confirm_con .iconfont.success { color:#4cc82a } .r_confirm_con .iconfont.warning { color:#fbae24 } .r_confirm_con .iconfont.error { color:#f80f22 } @media screen and (max-width:768px) { .r_confirm_con { text-align:center; padding:20px 0 0 } .r_confirm_con.r_hasIcon { padding-left:0 } .r_confirm_con .iconfont { display:none } .r_confirm_con .r_confirm_close { display:none } .r_confirm_con .r_confirm_title { color:#333; font-size:24px; font-weight:400; padding:0 20px } .r_confirm_con .r_confirm_content { padding:0 20px } .r_confirm_con .r_confirm_oprate { border-top:1px solid #ddd; padding:0; display:flex } .r_confirm_con .r_confirm_oprate .btn { flex:1; line-height:2.5; border:0; background:0; font-size:16px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap } .r_confirm_con .r_confirm_oprate .btn-default { color:#999 } .r_confirm_con .r_confirm_oprate .btn-primary { color:#1890ff; border-left:1px solid #ddd } .r_confirm_con .r_confirm_oprate .btn+.btn { margin:0 } } .r_counter { width:120px; display:inline-block } .r_counter_input { text-align:center } .r_message { position:fixed; text-align:center; top:20%; display:block; width:100%; min-width:300px; left:0; z-index:99 } .r_message_con { display:inline-block; border-radius:5px; max-width:80%; background:#fff; box-shadow:0 0 5px #bbb; color:#666; line-height:20px; padding:20px 35px; text-align:left } .r_message_con * { vertical-align:middle } .r_message_con .iconfont { margin-right:15px; font-size:20px } .r_message_con .iconfont.success { color:#4cc82a } .r_message_con .iconfont.warning { color:#fbae24 } .r_message_con .iconfont.error { color:#f80f22 } @media screen and (max-width:768px) { .r_message { max-width:90% } .r_message_con { background:rgba(0, 0, 0, .7); color:#fff; border:0; border-radius:3px; box-shadow:none; padding:5px 10px } .r_message_con .iconfont { display:none } } .r_steps { display:inline-block; margin:0; padding:0; margin-top:10px } .r_steps .r_item { display:block; float:left; width:100px; border-top:3px solid #ccc; text-align:center; padding-top:10px; padding-bottom:10px; position:relative } .r_steps .r_item span { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; width:100%; display:block } .r_steps .r_item:before { content:''; width:10px; height:10px; border:1px solid #fff; border-radius:5px; background:#ccc; position:absolute; left:50%; margin-left:-4px; top:-7px } .r_steps .r_item.r_current, .r_steps .r_item.r_passed { border-color:#1890ff } .r_steps .r_item.r_current:before, .r_steps .r_item.r_passed:before { background-color:#1890ff } .r_steps .r_item.r_current span { color:#000 } .r_steps .r_item.r_current:before { width:12px; height:12px; border-radius:6px; top:-8px } .audio-box * { padding:0; margin:0 } .ieaudio { display:none; padding:0 10px; min-height:40px; position:relative; overflow:hidden } .ieaudio .iePlayer { position:absolute; z-index:-1 } .audio-box { background-color:#121212; color:#fafafa } .audio-cover img { display:block; height:100%; margin:auto } .audio-body { padding:0 10px } .audio-title { font-weight:400; font-size:14px; line-height:40px; height:40px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis } .audio-backs { position:relative; padding-left:50px; padding-right:50px; height:20px } .audio-count-time, .audio-this-time { position:absolute; top:0; width:50px; font-size:14px; height:20px; line-height:20px } .audio-this-time { left:0 } .audio-count-time { right:0; text-align:right } .audio-setbacks { height:6px; border-radius:3px; background-color:#333; cursor:pointer } .audio-setbacks { position:relative; top:7px } .audio-cache-setbacks, .audio-this-setbacks { height:100%; position:absolute; left:0; top:0; border-radius:3px } .audio-cache-setbacks { width:0; background-color:#535353; z-index:1; cursor:pointer; transition:width .6s ease; -webkit-transition:width .6s ease } .audio-this-setbacks { background-color:#c70c0c; z-index:2 } .audio-backs-btn { position:absolute; right:-3px; margin-top:-2px; width:12px; height:12px; background-color:#fafafa; border-radius:50%; cursor:pointer } .audio-set-volume { box-sizing:border-box; position:absolute; right:-80px; bottom:1px; width:80px; height:15px; padding-left:15px; z-index:999; transition:.6s width ease } .volume-box { border-radius:6px; width:100%; height:6px; background-color:#333 } .volume-box i { border-radius:6px; position:relative; display:block; width:0; height:100%; background-color:#c70c0c } @media only screen and (max-width:768px) { .ieaudio .icon-pause, .ieaudio .icon-play { position:absolute; left:0; top:0; line-height:40px; text-align:center; width:40px; height:40px; font-size:16px; cursor:pointer } .audio-maincon { padding-right:0 } .audio-view { position:relative; padding-left:60px; height:70px; overflow:hidden; transition:all .6s ease; -webkit-transition:all .6s ease } .audio-cover { display:none } .audio-btn { position:absolute; left:0; top:0 } .audio-select { height:70px; width:70px; font-size:14px; text-align:center; transition:all .6s ease; -webkit-transition:all .6s ease } .icon-pause, .icon-play { width:100%; height:100%; display:block; line-height:70px; font-size:28px } .icon-volume-up { display:none } } @media only screen and (min-width:769px) { .ieaudio { min-height:40px; position:relative } .ieaudio .icon-pause, .ieaudio .icon-play { position:absolute; left:0; top:0; line-height:40px; text-align:center; width:40px; height:40px } .audio-maincon { position:relative; padding-right:150px } .audio-view { position:relative; padding-left:0; height:70px; overflow:hidden; transition:all .6s ease; -webkit-transition:all .6s ease } .audio-cover { position:absolute; left:0; top:0; width:80px; height:80px; background-size:auto 100%; background-repeat:no-repeat; background-position:center center; background-color:#535353 } .audio-btn { position:absolute; right:0; top:0 } .audio-select { height:20px; margin-top:3px; width:130px; float:right; font-size:14px; text-align:center; transition:all .6s ease; -webkit-transition:all .6s ease } .audio-select>div { position:relative; width:20px; height:20px; background-size:100% 100%; background-position:center center; background-repeat:no-repeat; float:left; cursor:pointer } .audio-select>div+div { margin-left:10px } } .h1, .h2, .h3, .h4, .h5, .h6 { margin:0; padding:0; color:#262626 } .h1 { font-size:36px } .h2 { font-size:30px } .h3 { font-size:24px } .h4 { font-size:18px } .h5 { font-size:16px } .h6 { font-size:12px } .price { font-size:20px; color:red } .price-sm { font-size:14px; color:red } .dot { background:#9e9e9e; width:20px; height:20px; border-radius:50% } .dot.current { background:#1890ff } .tit_emphasize { font-size:16px; color:#1890ff } .color_error { color:red } .color_info { color:#1890ff } .color_shallow { color:#65beba } .color_horizon { color:#fff } .color_disable { color:#bfbfbf } .font_red { color:#f33 } .font_orange { color:#ea9d2f } .font_blue { color:#409eff } .font_green { color:#3c6 } .Madd { color:#80c949; font-size:24px } .minor_info { color:#8c8c8c; font-weight:400; font-size:14px } .minor_info.minor_info_sm { font-size:12px } .description { color:#8c8c8c; font-size:14px } .search_window { background:#fff } .search_window .btn { border-radius:0 } .search_window input { border:none; outline:0; background:0 0; padding:0 10px; margin:0 } @media only screen and (max-width:768px) { .search_window { border:none } } @media only screen and (min-width:769px) { .search_window { border:1px solid #1890ff } } .dialog { background:#fff } .Mtag { border:1px solid #ffb4b0; background:#fff1f0; color:#f63b44; font-size:14px; padding:5px 10px; border-radius:5px } .background-textinfo { background:#efeff4 } .background_shopCart { background:#f5212d } .background_sort { background:#bfbfbf } .background_assist { background:#e5e5e5 } .background_form { background:#fafafa } .background_info { background:#e6f7ff } .background_shade { background:rgba(0, 0, 0, .45) } :root .background_shade { filter:none } .border_default { border:1px solid #d9d9d9 } .borderT_default { border-top:1px solid #d9d9d9 } .borderB_default { border-bottom:1px solid #d9d9d9 } .borderR_default { border-right:1px solid #d9d9d9 } .borderL_default { border-left:1px solid #d9d9d9 } .border_dividers { border:1px solid #e8e8e8 } .borderB_dividers { border-bottom:1px solid #e8e8e8 } .borderT_dividers { border-top:1px solid #e8e8e8 } .borderR_dividers { border-right:1px solid #e8e8e8 } .borderL_dividers { border-left:1px solid #e8e8e8 } .borderT_bar { border-top:20px solid #f5f5f5 } .borderB_bar { border-bottom:20px solid #f5f5f5 } .borderB_bard { border-bottom:10px solid #f5f5f5 } .borderB_bars { border-bottom:5px solid #9e9e9e } .item { border:2px solid #d9d9d9 } .item:hover { border:2px solid #a3d3ff } .p_infosDiff { background:#e5f7ff; border:1px solid #1890ff; color:#1890ff } .p_infoBg { background:#1890ff } .label-default { border:1px solid #d9d9d9; background:#f5f5f5; color:#595959 } .mouse_bac:hover { background-color:#e6f7ff; color:#1890ff } @media only screen and (max-width:768px) { .p_categoryBtn:before { content:"" } .icon-arrow_up:before { content:"\e69a" } .icon-arrow_down:before { content:"\e69c" } .p_btn-show .p_c-fff { margin:0 0 0 10px; vertical-align:middle; width:auto; display:inline-block } .p_btn-hide { width:10%; height:100%; float:left; padding:0; background:#bfbfbf } .p_btn-hide .p_c-fff { width:100%; height:40px; display:block; text-align:center; line-height:40px; margin-top:120px; background:#686868 } .p_parentBox .p_childBox .p_linkBox { border-bottom:1px solid #e1e1e4 } .p_linkBox { padding:5px 10px; display:flex } .p_title { flex:1; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; padding:10px 0 } .p_category { width:100%; height:100%; position:fixed; top:0; left:100%; transition:left .3s; z-index:9999 } .p_category.animate { left:0 } .p_parent { display:flex; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; padding:0 0 0 5px; border-bottom:1px solid rgba(255, 255, 255, .3) } .p_categoryBox { overflow-y:auto; width:90%; height:100%; float:left; box-sizing:border-box } .p_parentBox { width:auto; height:auto } .p_childBox { padding-left:20px; background:#efeff4 } .p_categoryBtn { display:inline-block; width:30px; line-height:40px } .p_link { height:auto; vertical-align:middle; width:initial; margin:10px 0; flex:1 } } @media only screen and (max-width:768px) { .decTab.active, .decTab:hover { color:#f52f33; border-bottom:2px solid #f52f33 } } @media only screen and (min-width:769px) { .decTab { cursor:pointer } .decTab.active, .decTab:hover { color:#1890ff; border-bottom:2px solid #1890ff } } .mod_select { cursor:default; width:160px; height:36px; position:relative; float:left } .box-select { width:143px; height:36px; display:inline-block; padding:6px 10px; border:1px solid #ccc; overflow:hidden; position:relative; border-radius:3px } .select_txt { color:#555; display:inline-block; width:120px; line-height:21px; height:21px; cursor:text; overflow:hidden } .mod_select .option { width:300px; height:300px; overflow:auto; border:solid 1px #ede7d6; position:absolute; z-index:9999; top:36px; left:0; background:#fff; display:none } .mod_select .option li { color:#555; display:block; height:26px; line-height:26px; text-align:left; padding-left:10px; margin-left:0; width:100%; background:#fff; border-style:none; box-sizing:border-box; overflow:hidden } .mod_select .option li:hover { color:#555; background:#e5e5e5 } .select-icon { position:absolute; top:9px; right:3px } .btn { display:inline-block } .btn-tab, .btn-tab:focus, .btn-tab:hover { color:#1890ff; background-color:#fff; border-color:#329cff } .btn-tab.active, .btn-tab.active.focus, .btn-tab.active:focus, .btn-tab.active:hover, .btn-tab:active, .btn-tab:active.focus, .btn-tab:active:focus, .btn-tab:active:hover, .open>.dropdown-toggle.btn-tab, .open>.dropdown-toggle.btn-tab.focus, .open>.dropdown-toggle.btn-tab:focus, .open>.dropdown-toggle.btn-tab:hover { color:#fff; background:#1890ff; border-color:#329cff } @media only screen and (max-width:768px) { .btn-order { border:1px solid #f52f33; border-radius:35px; color:#f52f33; font-size:14px; padding:2px 25px; background:#fff } .btn-assist { border:1px solid #ccc; border-radius:35px; color:#666; font-size:14px; padding:2px 25px; background:#fff } } .order_status { color:#f52f3a } .order_assist { color:#666 } .btn.disabled, .btn.unavailable, .btn[disabled], fieldset[disabled] .btn { background:#f8f8f8!important; border-color:#d9d9d9!important; color:#a4a4a4!important } .btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus { outline:0 } .form-label { line-height:34px; font-size:14px } .text-error { font-style:normal; color:#e43a32; font-size:12px } .p_categoryBox .p_linkBox.click { background-color:#e6f7ff; color:#1890ff } .p_categoryBox .p_linkBox.click .color_assist, .p_categoryBox .p_linkBox.click a { color:#1890ff } .js-regionTreeSelect .treeItemBox { position:absolute; z-index:99; background:#fff; white-space:nowrap } .js-regionTreeSelect .treeItemList { display:inline-block; vertical-align:top; width:auto; height:auto; border:1px solid #e1e1e1; height:200px; overflow:auto; min-width:150px; margin-left:-1px } .js-regionTreeSelect .treeItemList:first-child { margin-left:0 } .js-regionTreeSelect .treeItem { padding:10px 25px 10px 10px; font-size:14px; overflow:hidden; position:relative; line-height:normal } .js-regionTreeSelect .treeItem:hover { background:#f5f7fa } .js-regionTreeSelect .treeItem.active { color:#1890ff } .js-regionTreeSelect .treeItem span { white-space:nowrap; text-overflow:ellipsis; overflow:hidden; display:block } .js-regionTreeSelect .icon_notLeafNode { color:#999; position:absolute; right:8px; top:13px } .js-regionTreeSelect .icon_notLeafNode:before { content:'\e6ae' } .js-regionTreeSelect .afterIcon { position:absolute; top:1px!important; right:8px!important; transform:none!important; width:32px; height:32px; text-align:center; padding-top:6px; pointer-events:none } @media only screen and (max-width:768px) { .js-regionTreeSelect .treeItemBox { position:fixed; bottom:0; left:0; width:100% } .js-regionTreeSelect .treeItemList { border:none; min-width:initial; width:33.333333333333333% } } .p_fileItem:hover { background-color:#e5f7ff } .p_fileItem:hover .btn { background-color:#1890ff; color:#fff } .p_PromptNoneData { width:auto; background-color:inherit; text-align:center } .p_PromptNoneData .prompt_title .iconfont:before { content:"" } .p_PromptNoneData .prompt_title .first { height:auto; display:table-cell; font-size:32px; position:relative; color:#09bb07; vertical-align:middle; padding:0 10px 5px 0 } .p_PromptNoneData .prompt_title { display:inline-table; padding:0 30px; min-height:200px; height:100% } .p_PromptNoneData .prompt_title .first:before { content:"\e6b4" } .p_PromptNoneData .prompt_title .font { font-size:18px; display:table-cell; line-height:normal; vertical-align:middle; color:rgba(51, 51, 51, 1); font-weight:700; text-align:left } .p_PromptNoneData .promptbox { width:auto; height:100% } .p_PromptNoneData .prompt_content { font-size:14px; color:rgba(105, 105, 105, 1); padding-left:65px } @media screen and (max-width:768px) { .p_OccupyBox { margin:0; width:auto; height:auto; padding:0; border:none } .p_OccupyBox { margin:0; width:auto; height:auto; padding:0; border:0; overflow:initial } .p_pagebox { width:100%; height:auto; margin:20px auto 0; clear:both; position:relative; font-size:0; white-space:nowrap } .p_pagebox .pre { display:inline-table; height:45px; width:28%; color:rgba(255, 255, 255, 1); border-width:0; border-style:solid; border-color:rgba(255, 255, 255, 0); background-color:#1890ff; text-align:center; padding-top:0; padding-right:10px; padding-left:10px; position:relative; left:0; top:0; box-sizing:border-box } .p_pagebox .pre:hover { color:rgba(255, 255, 255, 1); border-color:#1890ff; background-color:#1890ff; cursor:pointer } .p_pagebox .pre:active { background-color:#1286f2 } .p_pagebox .pre .font { display:table-cell; vertical-align:middle; bottom:0; font-size:16px } .p_pagebox .pre .iconfont { display:inline-block; color:rgba(255, 255, 255, 1); vertical-align:top; width:auto; height:auto; float:left; font-size:22px } .p_pagebox .pre:hover .iconfont { color:#fff } .p_pagebox .pre:active .iconfont { color:#fff } .p_pagebox .pre .iconfont:before { content:"\e6b0" } .p_pagebox .next { display:inline-table; height:45px; width:28%; color:rgba(255, 255, 255, 1); border-width:0; border-style:solid; border-color:rgba(255, 255, 255, 0); background-color:#1890ff; text-align:center; padding-top:0; padding-right:10px; padding-left:10px; position:relative; left:0; top:0; box-sizing:border-box } .p_pagebox .next:hover { color:rgba(255, 255, 255, 1); border-width:0; border-style:solid; border-color:rgba(255, 255, 255, 0); background-color:#1890ff; cursor:pointer } .p_pagebox .next:active { background-color:#1286f2 } .p_pagebox .next .font { display:table-cell; vertical-align:middle; bottom:0; font-size:16px } .p_pagebox .next .iconfont { display:inline-block; color:rgba(255, 255, 255, 1); vertical-align:top; width:auto; height:auto; float:right; font-size:22px } .p_pagebox .next:hover .iconfont { color:rgba(255, 255, 255, 1) } .p_pagebox .next:active .iconfont { color:rgba(255, 255, 255, 1) } .p_pagebox .next .iconfont:before { content:"\e6af" } .p_pagebox .js_pageBtnDisable, .p_pagebox .js_pageBtnDisable:active, .p_pagebox .js_pageBtnDisable:hover { background:#f5f5f5; border-color:#d9d9d9; color:#bfbfbf; cursor:default } .p_pagebox .js_pageBtnDisable .iconfont { color:#bfbfbf } .p_pagebox .js_pageBtnDisable:hover .iconfont { color:#bfbfbf } .p_pagebox .NumBox { width:44%; height:44px; display:inline-table; position:relative; cursor:pointer; box-sizing:border-box; background:#e6e6e6; vertical-align:top } .p_pagebox .num { display:table-cell; vertical-align:middle; font-size:22px; text-align:center; width:100% } .p_pagebox .ItemBox { position:absolute; width:100%; bottom:44px; left:0; z-index:99; border-bottom:0; padding-bottom:40px } .p_pagebox .ItemBox ul { height:auto; max-height:240px; overflow-y:auto; border:1px solid #d3d4d4 } .p_pagebox .ItemBox .jump { position:absolute; width:100%; box-sizing:border-box; bottom:0; left:0; height:40px; border-left:1px solid #d3d4d4; border-right:1px solid #d3d4d4; overflow:hidden; z-index:9 } .p_pagebox .jump .jumpInput { width:100%; box-sizing:border-box; height:40px; line-height:40px; text-align:center; border:none; color:#595959; background:#fff; padding:0 5px; font:initial; font-size:14px } .p_pagebox .num .iconfont { width:32px; height:32px; position:absolute; right:20px } .p_pagebox .num .iconfont:before { content:"\e69c"; font-size:22px } .p_pagebox .NumBox ul li { width:inherit; height:40px; line-height:40px; text-align:center; background-color:#fffffe; color:#323332; font-size:16px } .p_pagebox .NumBox ul li .iconfont:before { content:"" } .p_pagebox .NumBox ul li:active { background-color:#e4e4e4 } .p_more { width:100%; text-align:center; padding-right:20px; padding-left:20px; height:50px; background-color:rgba(248, 248, 248, .8); position:relative; border-radius:0; border-width:0; color:rgba(115, 115, 131, 1); font-size:20px } .p_more:active { background-color:rgba(248, 248, 248, .8) } .p_more .font { vertical-align:middle; text-align:inherit; line-height:50px } .p_more .iconfont { display:inline; vertical-align:middle } .p_more .iconfont:before { content:"\e6d1" } .p_CommonLanternBox { position:relative; width:auto; height:auto; background-color:transparent; overflow:hidden } .p_CommonInteraction { width:inherit; height:auto; background-color:transparent; overflow:hidden } .d_CommonInteractionA { width:60px; height:auto; vertical-align:middle; position:absolute; overflow:visible; top:50%; left:0; -webkit-transform:translate(0, -50%); transform:translate(0, -50%) } .d_CommonInteractionB { width:60px; height:auto; vertical-align:middle; position:absolute; overflow:visible; top:50%; right:0; -webkit-transform:translate(0, -50%); transform:translate(0, -50%) } .p_CommonSwitchBtnA { display:inline-block; position:absolute; top:50%; left:50%; vertical-align:middle; cursor:pointer; font-size:56px; color:rgba(191, 191, 191, 1); -webkit-transform:translate(-50%, -50%); transform:translate(-50%, -50%) } .p_CommonSwitchBtnA .iconfont:before { content:'\e6b0'; display:inline-block } .p_CommonSwitchBtnA .font { display:table; width:inherit; height:inherit; pointer-events:none } .p_CommonSwitchBtnA:active { color:rgba(105, 192, 188, 1) } .p_CommonSwitchBtnB { position:absolute; top:50%; right:50%; display:inline-block; vertical-align:middle; cursor:pointer; font-size:56px; color:rgba(191, 191, 191, 1); -webkit-transform:translate(50%, -50%); transform:translate(50%, -50%) } .p_CommonSwitchBtnB .iconfont:before { content:'\e6af'; display:inline-block } .p_CommonSwitchBtnB .font { display:table; width:inherit; height:inherit; pointer-events:none } .p_CommonSwitchBtnB:active { color:rgba(105, 192, 188, 1) } .p_CommonSummaryBoxA { width:auto; height:auto; margin-bottom:20px; background-color:transparent; overflow:hidden; text-align:center } .p_CommonThumbnailBox { width:auto; height:auto; background-color:transparent; overflow:hidden } .p_CommonSquareNumBtn { display:inline-table; margin:0 5px; background-color:rgba(191, 191, 191, 1); color:rgba(153, 153, 153, 1); font-size:12px; border-radius:10px; text-align:center } .p_CommonSquareNumBtn:active { background-color:#1890ff } .p_CommonSquareNumBtn.active { background-color:#1890ff } .p_butBackground { background-color:#65beba } .lantern { margin-left:50px!important; margin-right:50px!important } .p_CommonSquareNumBtn .shape { width:inherit; height:inherit; text-indent:-99999px; display:table-cell; vertical-align:middle; border-radius:inherit; -moz-border-radius:inherit } } @media only screen and (min-width:769px) { .e_pagebox { width:auto; height:auto; clear:both; position:relative } .p_page { display:inline-block; padding:30px 0 } .p_page .PageInterval { display:inline-block; position:static; float:left; margin-right:5px; line-height:38px; font-size:12px } .p_page .pre1 { color:rgba(255, 255, 255, 1)!important; background-color:#c8c8c8!important; cursor:not-allowed!important; border:none!important } .p_page .next1 { color:rgba(255, 255, 255, 1)!important; background-color:#c8c8c8!important; cursor:not-allowed!important; border:none!important } .p_page .p_PageInterval { display:inline-block; position:static; float:left; margin-right:5px; line-height:38px; font-size:12px; font-family:cursive } .p_page .pre:after { content:""; display:none; position:absolute; top:5px; left:-14px; width:27px; height:27px; background-color:rgba(242, 242, 242, 1); font-size:0; line-height:0; -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -o-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg); z-index:-1 } .p_page .pre:hover:after { top:4px; left:-12px; background-color:rgba(101, 190, 186, 1); border-radius:4px 0 0 0; -webkit-box-shadow:0 3px 0 rgba(90, 90, 90, .8); -moz-box-shadow:0 3px 0 rgba(90, 90, 90, .8); box-shadow:0 3px 0 rgba(90, 90, 90, .8); -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -o-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg); z-index:-1 } .p_page .pre:active:after { top:8px; left:-12px; width:28px; height:25px; background-color:rgba(90, 170, 167, 1); border-radius:0 3px 0 0; -webkit-box-shadow:0 3px 0 rgba(90, 90, 90, .8); -moz-box-shadow:0 3px 0 rgba(90, 90, 90, .8); box-shadow:0 3px 0 rgba(90, 90, 90, .8); -webkit-transform:rotate(-226deg); -moz-transform:rotate(-226deg); -o-transform:rotate(-226deg); -ms-transform:rotate(-226deg); transform:rotate(-226deg); z-index:-1 } .p_page .pre { display:inline-table; position:relative; left:0; top:0; float:left; height:30px; margin:0 5px 0 18px; text-align:center; padding:0 10px; border-radius:6px; border:1px solid #d9d9d9; background:#fff; color:#595959 } .p_page .pre:hover { color:#fff; background:#1890ff; border-color:#1890ff; cursor:pointer } .p_page .pre:active { background:#1890ff; border-color:#1890ff; color:#fff } .p_page .pre .font { display:table-cell; vertical-align:middle; bottom:0; font-size:12px } .p_page .pre:hover .iconfont { color:rgba(255, 255, 255, 1) } .p_page .pre:active .iconfont { color:rgba(255, 255, 255, 1) } .p_page .pre .iconfont:before { content:"\e6b0"; margin-right:0 } .p_page .pre .i_pre { display:none } .p_page .next:after { content:""; display:none; position:absolute; top:5px; right:-14px; width:27px; height:27px; background-color:rgba(101, 190, 186, 1); font-size:0; line-height:0; -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -o-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg); z-index:-1 } .p_page .next:hover:after { top:5px; right:-12px; background-color:rgba(101, 190, 186, 1); border-radius:4px 0 0 0; -webkit-box-shadow:0 3px 0 #777; -moz-box-shadow:0 3px 0 #777; box-shadow:0 3px 0 #777; -webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -o-transform:rotate(-45deg); -ms-transform:rotate(-45deg); transform:rotate(-45deg); z-index:-1; width:26px; height:26px } .p_page .next:active:after { top:8px; right:-12px; width:27px; height:24px; background-color:rgba(90, 170, 167, 1); border-radius:0 3px 0 0; -webkit-box-shadow:0 3px 0 #777; -moz-box-shadow:0 3px 0 #777; box-shadow:0 3px 0 #777; -webkit-transform:rotate(226deg); -moz-transform:rotate(226deg); -o-transform:rotate(226deg); -ms-transform:rotate(226deg); transform:rotate(226deg); z-index:-1 } .p_page .next { display:inline-table; position:relative; left:0; top:0; float:left; height:30px; border:1px solid #d9d9d9; background:#fff; color:#595959; text-align:center; padding:0 10px; border-radius:6px; margin-right:5px } .p_page .next:hover { background:#1890ff; border-color:#1890ff; color:#fff; cursor:pointer } .p_page .next:active { background:#1890ff; border-color:#1890ff; color:#fff } .p_page .next .font { display:table-cell; vertical-align:middle; bottom:0; font-size:12px } .p_page .next:hover .iconfont { color:rgba(255, 255, 255, 1) } .p_page .next:active .iconfont { color:rgba(255, 255, 255, 1) } .p_page .next .iconfont:before { content:"\e6af"; margin-top:0; float:right; margin-left:0 } .p_page .next .i_next { display:none } .p_page .input { display:inline-table; position:relative; left:0; top:0; float:left; height:30px; text-align:center; font-size:14px; margin:0 10px 0 5px } .p_page .input .jumpInput { width:40px; height:30px; text-align:center; border:1px solid #d9d9d9; color:#595959; background:#fff; border-radius:6px; padding:0 3px; font:initial; font-size:14px } .p_page .input .jumpInput::-webkit-inner-spin-button, .p_page .input .jumpInput::-webkit-outer-spin-button { -webkit-appearance:none } .p_page .input .jumpInput[type=number] { -moz-appearance:textfield } .p_page .jump { display:inline-table; position:relative; left:0; top:0; float:left; height:30px; text-align:center; padding:0 10px; border-radius:6px; color:#fff; border-color:#1890ff; cursor:pointer; text-decoration:none; background-color:#1890ff } .p_page .jump .font { display:table-cell; vertical-align:middle; bottom:0; font-size:12px } .p_page .js_pageBtnDisable, .p_page .js_pageBtnDisable:active, .p_page .js_pageBtnDisable:hover { background:#f5f5f5; border-color:#d9d9d9; color:#bfbfbf; cursor:default } .p_page .js_pageBtnDisable:hover .iconfont { color:#bfbfbf } .p_page .pageNum { position:relative; float:left; height:30px; min-width:30px; margin:0 5px 0 0; padding:0 5px; background-size:100% 100%; color:#595959; border:1px solid #d9d9d9; cursor:pointer; line-height:30px; display:inline-block; font-family:inherit; font-size:14px; font-weight:inherit; text-decoration:none; background-color:#fff; text-align:center; border-radius:6px } .p_page .pageNum:hover { color:#fff; border-color:#1890ff; cursor:pointer; text-decoration:none; background-color:#1890ff } .p_page .pageNum:active { color:#fff; text-decoration:none; background-color:#1890ff; border-color:#1890ff } .p_page .pageNum.active { text-decoration:none; background-color:#1890ff; color:#fff; border-color:#1890ff } .p_page .pageNum .font { display:table-cell; vertical-align:middle; bottom:0 } .p_page .pageNum .iconfont { display:inline; color:rgba(255, 255, 255, 1); vertical-align:middle } .p_page .pageNum:hover .iconfont { color:rgba(255, 255, 255, 1) } .p_page .pageNum:active .iconfont { color:rgba(255, 255, 255, 1) } .p_page .pageNum .iconfont:before { content:"" } .p_page .PageInterval { line-height:30px; cursor:text; color:rgba(102, 102, 102, 1) } .p_page .p_PageInterval { line-height:30px; cursor:text; color:#ccc; font-family:cursive } .p_page .pagesize { font-size:14px; float:left; margin-left:10px } .p_OccupyBox { margin:0; width:auto; height:auto; padding:0; border:none; overflow:hidden; text-align:center } .p_CommonInteraction { margin:0; width:236px; height:317px; padding:0; border-width:1px; border-style:none; border-color:rgba(228, 228, 228, 0); background-color:transparent; overflow:hidden } .p_CommonLanternBox { position:relative; margin:0; width:auto; height:auto; padding:0; border-width:1px; border-style:none; border-color:rgba(228, 228, 228, 0); background-color:transparent; overflow:hidden } .p_CommonSwitchBtnA { position:absolute; top:50%; left:50%; display:inline-block; vertical-align:middle; cursor:pointer; font-size:45px; color:#e5e5e5; transform:translate(-50%, -50%) } .p_CommonSwitchBtnA .iconfont:before { content:"\e687"; display:inline-block } .p_CommonSwitchBtnA:hover { cursor:pointer; color:#1890ff } .p_CommonSwitchBtnB { position:absolute; top:50%; right:50%; display:inline-block; vertical-align:middle; cursor:pointer; transform:translate(50%, -50%); font-size:45px; color:#e5e5e5; vertical-align:middle; cursor:pointer } .p_CommonSwitchBtnB .iconfont:before { content:"\e6ae"; display:inline-block } .p_CommonSwitchBtnB:hover { color:#1890ff; cursor:pointer } .d_CommonInteractionA { left:0; width:60px; height:auto; vertical-align:middle; position:absolute; overflow:visible; top:50%; transform:translate(0, -50%) } .d_CommonInteractionB { right:0; width:60px; height:auto; vertical-align:middle; position:absolute; overflow:visible; top:50%; transform:translate(0, -50%) } .p_CommonSummaryBoxA { margin:0 0 20px; width:auto; height:auto; padding:0; border-width:1px; border-style:none; border-color:rgba(228, 228, 228, 0); background-color:transparent; overflow:hidden; text-align:center } .p_CommonThumbnailBox { margin:0; width:auto; height:auto; padding:0; border-width:1px; border-style:none; border-color:rgba(228, 228, 228, 0); background-color:transparent; overflow:hidden } .p_CommonSquareNumBtn { display:inline-block; height:10px; width:100px; margin:0 8px; padding:0; background-color:rgba(228, 228, 228, 1); border-width:1px; border-color:transparent; color:rgba(153, 153, 153, 1); font-size:12px; font-family:"Microsoft YaHei"; text-align:center; cursor:pointer } .p_CommonSquareNumBtn img { display:none } .p_CommonSquareNumBtn .shape { text-indent:-9999em; width:inherit; height:inherit; vertical-align:middle } .p_CommonSquareNumBtn.active, .p_CommonSquareNumBtn:hover { background-color:#1890ff; color:#fff } .p_CommonSquareNumBtn.j-nav-active { background-color:rgba(103, 184, 180, 1); color:rgba(255, 255, 255, 1) } .p_scroll { width:100%; height:auto; position:relative } .p_scroll .vline { width:100%; border-top-width:1px; border-top-style:solid; border-top-color:#f0f0f0; opacity:1; position:absolute; top:50%; -webkit-transform:translate(0, -50%); transform:translate(0, -50%) } .p_scroll .scrolling { width:77px; height:25px; border:1px solid #bababb; background:-webkit-linear-gradient(#fff, #f2f2f3); background:-o-linear-gradient(#fff, #f2f2f3); background:-moz-linear-gradient(#fff, #f2f2f3); background:linear-gradient(#fff, #f2f2f3); border-radius:6px; position:relative; left:50%; text-align:center; font-size:15px; box-shadow:0 0 10px #fff inset, 0 1px 1px rgba(0, 0, 0, .1); color:#aaa; cursor:pointer } .p_scroll .scrolling:hover { border:1px solid #bababb; background:-webkit-linear-gradient(#fff, #f7f7f8); background:-o-linear-gradient(#fff, #f7f7f8); background:-moz-linear-gradient(#fff, #f7f7f8); background:linear-gradient(#fff, #f7f7f8) } .p_scroll .scrolling:active { border:1px solid #bababb; background:-webkit-linear-gradient(#fff, #e4e4e4); background:-o-linear-gradient(#fff, #e4e4e4); background:-moz-linear-gradient(#fff, #e4e4e4); background:linear-gradient(#fff, #e4e4e4); box-shadow:0 0 10px #fff inset, 0 1px 2px rgba(0, 0, 0, .1) } .p_more { position:static; width:100%; margin:0 auto; text-align:center; padding-right:20px; padding-left:20px; height:70px; background-color:#f6f7f8; position:relative; border-radius:0; border-width:0; color:rgba(115, 115, 131, 1); font-size:18px } .p_more:active { background-color:#f6f7f8 } .p_more .font { vertical-align:middle; text-align:inherit; line-height:70px } .p_more .iconfont { display:inline; vertical-align:middle; font-style:normal } .p_more .iconfont:before { content:"\e6d1" } } .p_stepBox { width:100%; height:30px; font-size:0; line-height:30px; overflow:hidden; text-align:center; margin:20px auto 0 } .p_stepBox .step { display:inline-block; vertical-align:middle; overflow:hidden; padding:0 5px; color:#ccc; min-width:110px; float:none } .p_stepBox .step .stepCon { float:left; margin-right:10px } .p_stepBox .step .stepNum { display:inline-block; vertical-align:middle; width:22px; height:22px; line-height:20px; border:1px solid #ccc; border-radius:50%; font-size:12px } .p_stepBox .step .p_stepCompletedIcon { display:inline-block; vertical-align:middle; width:22px; height:22px; line-height:22px; border:1px solid #1890ff; border-radius:50%; font-size:12px; color:#1890ff; display:none } .p_stepBox .step .stepText { display:inline-block; vertical-align:middle; font-size:14px; margin-left:4px } .p_stepBox .step .stepLine { height:1px; overflow:hidden; background:#ccc; margin-top:16px } .p_stepBox .step.active .stepNum { background:#1890ff; color:#fff; border-color:#1890ff } .p_stepBox .step.active .stepText { color:#000; font-weight:600 } .p_stepBox .step.active .stepLine { background:#1890ff } .p_stepBox .step.completed .stepNum { display:none } .p_stepBox .step.completed .p_stepCompletedIcon { display:inline-block } .p_stepBox .step.completed .stepText { color:#000 } .p_stepBox .step.completed .stepLine { background:#1890ff } .overstriking { color:#000; font-weight:700 } .activity { border-radius:3px } .imaginary { border-bottom:1px dotted gray } .reply { background:#e1e1e1; color:#fff } .reviewBackground { background:#eee } .background_fb { background-color:#bfbfbf } .background_horizon { background:#fff } .res_cont_tags { padding:0 0 5px } .res_contdetail_tags { text-align:center } .res_cont_tags>span { border:1px solid #ccc; font-size:12px; margin:0 4px; line-height:16px; display:inline-block; padding:0 2px } .res_contlist_tags>span { margin:0 6px 0 0 } .res_cont_tags>span.font_red { border-color:#f33 } .res_cont_tags>span.font_orange { border-color:#ea9d2f } .res_cont_tags>span.font_blue { border-color:#409eff } .res_cont_tags>span.font_green { border-color:#3c6 }