@media screen{html,body,div,p,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,form,input,select,button,textarea,iframe,frameset,table,th,tr,td,fieldset{margin:0;padding:0}body{color:#333;font:12px/22px "微软雅黑"}i,em,cite{font-style:normal}a,a:link{color:#000;text-decoration:none}a:visited{}a:active,a:hover{text-decoration:none;color:#ff3c22}a:focus{outline:none}textarea,input{word-wrap:break-word;word-break:break-all}input{vertical-align:middle;font-size:12px}.button{vertical-align:middle;font-size:12px}.button{cursor:pointer}ul,li{list-style-type:none}img{vertical-align:middle;border:0 none}h1{font-size:20px}h2{font-size:16px}h3{font-size:14px}h4{font-size:12px}h5{font-size:11px}h6{font-size:10px}.pointer{cursor:pointer}.t_l{text-align:left}.t_c{text-align:center}.t_r{text-align:right}.t_i{text-indent:25px}.break{word-break:break-all;word-wrap:break-word}.no_break{word-break:keep-all;word-wrap:normal}.fl,.fr{display:inline;float:left}.fr{float:right}.text_un{text-decoration:underline}.text_no{text-decoration:none}.o_hidden{overflow:hidden}.none{display:none}.block{display:block}.b_no{border:none}.b_no_l{border-left:none}.b_no_r{border-right:none}.b_no_t{border-top:none}.b_no_b{border-bottom:none}.m10{margin:10px}.m20{margin:20px}.ml10{margin-left:10px}.ml20{margin-left:20px}.mb10{margin-bottom:10px}.mr0{margin-right:0}.mr10{margin-right:10px}.mt10{margin-top:10px}.p_t10{padding-top:10px}.p_t20{padding-top:20px}.p_r10{padding-right:10px}.pad10{padding:10px}.pad15{padding:15px}.pad20{padding:20px}.pad30{padding:30px}.height_5{height:5px;display:block;clear:both;overflow:hidden}.height_10{height:10px;display:block;clear:both;overflow:hidden}.height_15{height:15px;display:block;clear:both;overflow:hidden}.height_20{height:20px;display:block;clear:both;overflow:hidden}.height_30{height:30px;display:block;clear:both;overflow:hidden}.height_40{height:40px;display:block;clear:both;overflow:hidden}.w100{width:100px}.w200{width:200px}.w300{width:300px}.w400{width:400px}.w500{width:500px}.w600{width:600px}.w700{width:700px}.w800{width:800px}.w900{width:900px}.w1000{width:1000px}.w1200{width:1200px}.w920{width:920px}.w950{width:950px}.w980{width:980px}.w820{width:820px}.w850{width:850px}.w880{width:880px}.w720{width:720px}.w750{width:750px}.w780{width:780px}.clearfix:after{content:"24dq";display:block;height:0;clear:both;visibility:hidden}.clearfix{display:inline-block}* html .clearfix{height:1%}.clearfix{display:block}.clearboth{clear:both;display:block;height:0;font-size:0;overflow:hidden}.gray_background{background-color:#f8f8f8}.blue_background{background-color:#ecf1f4}.green_color{color:#67920d}.white_color{color:#fff}.black_color{color:#000}.gray{-webkit-filter:grayscale(100%);-moz-filter:grayscale(100%);-ms-filter:grayscale(100%);-o-filter:grayscale(100%);filter:grayscale(100%);filter:gray}input{height:26px;line-height:26px;padding:0 5px}input.wide{width:250px}input.txt{width:200px}input.small{width:50px}.comm,.view,.time{background:url(https://www.usl.edu.cn/images/sprite.gif) no-repeat}.comm,.view,.time{margin-right:10px;padding-left:20px;padding:3px 20px 0 20px}.comm{background-position:left 4px}.view{background-position:left -32px}.time{background-position:left -155px}.page_link{padding:0;text-align:left;font-family:Verdana;font-size:12px;margin-top:40px;margin-bottom:10px}.page_link a{border:solid 1px #ddd;padding:8px 12px;text-decoration:none;color:#000;margin-left:-1px}.page_link a:hover{background-color:#f5f5f5;color:#000}.page_link a:active{background:#f0f0f0}.page_link span{border:solid 1px #ddd;padding:8px 12px;color:#000;margin-left:-1px}.page_link span.current{background:#f0f0f0;color:#000}.page_link span.disabled{color:#555}.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.flipOutX,.animated.flipOutY,.animated.bounceIn,.animated.bounceOut{-webkit-animation-duration:.75s;animation-duration:.75s}@-webkit-keyframes bounce { from, 20%, 53%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); } 90% { -webkit-transform: translate3d(0,-4px,0); transform: translate3d(0,-4px,0); } }@keyframes bounce { from, 20%, 53%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); } 90% { -webkit-transform: translate3d(0,-4px,0); transform: translate3d(0,-4px,0); } }.bounce{-webkit-animation-name:bounce;animation-name:bounce;-webkit-transform-origin:center bottom;transform-origin:center bottom}@-webkit-keyframes flash { from, 50%, to { opacity: 1; } 25%, 75% { opacity: 0; } }@keyframes flash { from, 50%, to { opacity: 1; } 25%, 75% { opacity: 0; } }.flash{-webkit-animation-name:flash;animation-name:flash}@-webkit-keyframes pulse { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } 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{-webkit-animation-name:pulse;animation-name:pulse}@-webkit-keyframes rubberBand { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(.95, 1.05, 1); transform: scale3d(.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, .95, 1); transform: scale3d(1.05, .95, 1); } 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, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(.95, 1.05, 1); transform: scale3d(.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, .95, 1); transform: scale3d(1.05, .95, 1); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } }.rubberBand{-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{-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{-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{-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{-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{-webkit-animation-name:wobble;animation-name:wobble}@-webkit-keyframes jello { from, 11.1%, 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(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { -webkit-transform: skewX(0.390625deg) skewY(0.390625deg); transform: skewX(0.390625deg) skewY(0.390625deg); } 88.8% { -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg); transform: skewX(-0.1953125deg) skewY(-0.1953125deg); } }@keyframes jello { from, 11.1%, 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(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { -webkit-transform: skewX(0.390625deg) skewY(0.390625deg); transform: skewX(0.390625deg) skewY(0.390625deg); } 88.8% { -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg); transform: skewX(-0.1953125deg) skewY(-0.1953125deg); } }.jello{-webkit-animation-name:jello;animation-name:jello;-webkit-transform-origin:center;transform-origin:center}@-webkit-keyframes bounceIn { from, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(.9, .9, .9); transform: scale3d(.9, .9, .9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(.97, .97, .97); transform: scale3d(.97, .97, .97); } to { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } }@keyframes bounceIn { from, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(.9, .9, .9); transform: scale3d(.9, .9, .9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(.97, .97, .97); transform: scale3d(.97, .97, .97); } to { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } }.bounceIn{-webkit-animation-name:bounceIn;animation-name:bounceIn}@-webkit-keyframes bounceInDown { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); } 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } to { -webkit-transform: none; transform: none; } }@keyframes bounceInDown { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); } 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } to { -webkit-transform: none; transform: none; } }.bounceInDown{-webkit-animation-name:bounceInDown;animation-name:bounceInDown}@-webkit-keyframes bounceInLeft { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); } 75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); } to { -webkit-transform: none; transform: none; } }@keyframes bounceInLeft { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); } 75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); } to { -webkit-transform: none; transform: none; } }.bounceInLeft{-webkit-animation-name:bounceInLeft;animation-name:bounceInLeft}@-webkit-keyframes bounceInRight { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } from { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); } 75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } 90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); } to { -webkit-transform: none; transform: none; } }@keyframes bounceInRight { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } from { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); } 75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } 90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); } to { -webkit-transform: none; transform: none; } }.bounceInRight{-webkit-animation-name:bounceInRight;animation-name:bounceInRight}@-webkit-keyframes bounceInUp { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } from { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }@keyframes bounceInUp { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } from { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }.bounceInUp{-webkit-animation-name:bounceInUp;animation-name:bounceInUp}@-webkit-keyframes bounceOut { 20% { -webkit-transform: scale3d(.9, .9, .9); transform: scale3d(.9, .9, .9); } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 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{-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{-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{-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{-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{-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{-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{-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{-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{-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{-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{-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{-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{-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{-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{-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{-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{-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{-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{-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{-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{-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{-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{-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{-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{-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{-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{-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{-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{-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{-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{-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{-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{-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{-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{-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{-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{-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{-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{-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{-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{-webkit-animation-name:hinge;animation-name:hinge}@-webkit-keyframes rollIn { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } 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{-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{-webkit-animation-name:rollOut;animation-name:rollOut}@-webkit-keyframes zoomIn { from { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } 50% { opacity: 1; } }@keyframes zoomIn { from { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } 50% { opacity: 1; } }.zoomIn{-webkit-animation-name:zoomIn;animation-name:zoomIn}@-webkit-keyframes zoomInDown { from { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } }@keyframes zoomInDown { from { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } }.zoomInDown{-webkit-animation-name:zoomInDown;animation-name:zoomInDown}@-webkit-keyframes zoomInLeft { from { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } }@keyframes zoomInLeft { from { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } }.zoomInLeft{-webkit-animation-name:zoomInLeft;animation-name:zoomInLeft}@-webkit-keyframes zoomInRight { from { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } }@keyframes zoomInRight { from { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } }.zoomInRight{-webkit-animation-name:zoomInRight;animation-name:zoomInRight}@-webkit-keyframes zoomInUp { from { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } }@keyframes zoomInUp { from { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } }.zoomInUp{-webkit-animation-name:zoomInUp;animation-name:zoomInUp}@-webkit-keyframes zoomOut { from { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } 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{-webkit-animation-name:zoomOut;animation-name:zoomOut}@-webkit-keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 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(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } }@keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 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(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } }.zoomOutDown{-webkit-animation-name:zoomOutDown;animation-name:zoomOutDown}@-webkit-keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0); } 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{-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{-webkit-animation-name:zoomOutRight;animation-name:zoomOutRight}@-webkit-keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 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(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } }@keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 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(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } }.zoomOutUp{-webkit-animation-name:zoomOutUp;animation-name:zoomOutUp}@-webkit-keyframes slideInDown { from { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; } 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{-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{-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{-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{-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{-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{-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{-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{-webkit-animation-name:slideOutUp;animation-name:slideOutUp}}.siyi_top{width:100%;height:auto;overflow:hidden}.daoh{width:100%;height:100px;position:fixed;z-index:999;top:0!important}.daoh1{width:96%;height:80px;overflow:hidden;margin:0 auto;margin-top:27px!important}.daoh1_1{width:50%;height:40px;overflow:hidden;float:left}.daoh1_1 img{width:auto;height:38px}.daoh1_2{width:fit-content;height:73px;overflow:hidden;float:right}.daoh1_2 ul li{float:left;margin-right:30px;font-size:18px;height:80px;line-height:40px;color:#fff}.daoh1_2 ul li:nth-child(8){margin-right:15px}.daoh1_2 ul li:nth-child(6){margin-right:10px}.daoh1_2 ul li:nth-child(7){margin-right:10px}.daoh1_2 ul li:nth-child(9){margin-right:15px}.daoh1_2 ul li a{width:fit-content;display:block;font-size:18px;height:40px;line-height:40px;color:#fff;margin:0 auto}.daoh1_2 ul li a:hover{font-size:18px;height:39px;line-height:40px;color:#fff;border-bottom:1px solid #fff}.daoh1_2h{height:39px!important;color:#fff!important;border-bottom:1px solid #fff!important}.wapban{display:none}.pcban{display:block}.slideBox{width:100%;height:100vh;overflow:hidden;position:relative}.slideBox .hd{margin:0 auto;height:20px;overflow:hidden;position:absolute;left:46%;bottom:165px;z-index:1}.slideBox .hd ul{overflow:hidden;zoom:1;float:left}.slideBox .hd ul li{float:left;margin-right:12px;width:20px;height:20px;line-height:14px;text-align:center;background:#fff;cursor:pointer;border-radius:10px}.slideBox .hd ul li.on{background:#f89c32;color:#fff}.slideBox .bd{position:relative;height:100%;z-index:0}.slideBox .bd li{zoom:1;vertical-align:middle}.slideBox .bd img{width:100%;height:auto;display:block}.slideBox .bd li p{width:100%;height:40px;overflow:hidden;text-align:center;font-size:22px;color:#fff;position:absolute;z-index:3;bottom:9%;font-weight:bold}.slideBox .prev,.slideBox .next{position:absolute;left:3%;top:50%;margin-top:-25px;display:block;width:32px;height:40px;background:url(https://www.usl.edu.cn/images/slider-arrow1.png) -110px 5px no-repeat;filter:alpha(opacity=50);opacity:.5}.slideBox .next{left:auto;right:3%;background-position:8px 5px}.slideBox .prev:hover,.slideBox .next:hover{filter:alpha(opacity=100);opacity:1}.slideBox .prevStop{display:none}.slideBox .nextStop{display:none}.clearfix{display:block}.nav .sec{height:0;color:#fff;overflow:hidden;z-index:9999;position:absolute;top:100px;width:136px;font-size:14px!important;text-align:center;margin-left:-32px;box-shadow:0 0 10px rgba(0,0,0,.3);border-radius:0 0 10px 10px}.nav .sec a{background: rgb(255 255 255 / 68%);color:#333!important;height:40px;line-height:40px;width:136px;display:block;border-top:0 solid #ddd;padding:0 0 0 0;text-align:center;font-size:15px!important}.nav .sec a:hover{background:#0a4594;color:#fff!important;height:40px!important;line-height:40px!important;width:136px;display:block;padding:0 0 0 0!important;text-align:center!important;font-size:15px!important;border-bottom:0}.sp_nav1{cursor:pointer}.sp_nav1 img{margin-top:-4px}.sp_nav1 span{display:block;background:#0085e1;width:30px;height:2px;position:absolute;left:10px;transition:all ease .35s}.sp_nav1 span:nth-of-type(1){top:0}.sp_nav1 span:nth-of-type(2){top:10px}.sp_nav1 span:nth-of-type(3){top:20px}.sp_nav_se1 span:nth-of-type(1){top:10px;transform:rotate(45deg)}.sp_nav_se1 span:nth-of-type(2){width:0}.sp_nav_se1 span:nth-of-type(3){top:10px;transform:rotate(-45deg)}.sjj_nav1{position:fixed;z-index:99;background:#fff url(https://www.usl.edu.cn/images/zk_bg.jpg) 50% no-repeat;background-size:cover;transition:.9s cubic-bezier(.165,.84,.44,1) .2s;width:100%;height:100vh;top:-102%;left:0;overflow:auto;overflow-x:hidden;transition:top ease .35s}.nav_show1{top:0}.sp_nav_se1 b{color:#000}.xialy{width:1382px;height:25px;line-height:25px;font-size:16px;color:#333;margin:0 auto;margin-top:40px;text-align:right}.xialy1{width:fit-content;height:auto;overflow:hidden;margin:0 auto;margin-top:154px}.xialy1_2{width:100%;height:auto;overflow:hidden;float:left}.xialy1_2 ul li{width:180px;height:auto;float:left;margin-right:0;margin-bottom:200px}.xialy1_2 ul li:nth-child(4n){margin-right:0}.xialy1_2_1{width:100%;height:32px;line-height:32px;font-size:18px;color:#222;margin-top:27px}.xialy1_2_1 a{color:#fff}.xialy1_2_1 a:hover{color:#fff;text-decoration:underline}.xialy1_2_2{width:20px;height:2px;background:#fff;margin-top:6px}.xialy1_2_3{width:100%;height:auto;margin-top:22px}.xialy1_2_3 dl dt{width:100%;height:auto;line-height:30px;font-size:16px;color:#222}.xialy1_2_3 dl dt a{color:#fff}.xialy1_2_3 dl dt a:hover{color:#fff;text-decoration:underline}.xialbg{width:100%;height:100%;overflow:hidden;background:rgba(0,0,0,.5)}.sous{width:100%;height:80px;overflow:hidden;position:absolute;z-index:4;margin-top:-81px}.sous_1{width:1140px;height:80px;overflow:hidden;margin:0 auto;background:#fff}.sous_2{width:1070px;height:80px;overflow:hidden;float:left}.sous_2 input{width:92%;height:80px;border:0;font-size:26px;color:#0a4594;margin-left:1%}.sous_3{width:70px;height:80px;overflow:hidden}.sous_3 button{width:70px;height:80px;overflow:hidden;border:0;background:#fff}.sous_3 button img{width:34px;height:auto}.sous_2 input:focus{border:none;outline:none}.sous_2 input::placeholder{color:#0a4594}#pageContain{overflow:hidden}.page{display:none;width:100%;height:100%;overflow:hidden;position:absolute;top:0;left:0}.contain{width:100%;height:100%;display:none;position:relative;z-index:0}.current .contain,.slide .contain{display:block}.current{display:block;z-index:1}.slide{display:block;z-index:2}.swipe{display:block;z-index:3;transition-duration:0ms!important;-webkit-transition-duration:0ms!important}.page1{background:#fff}.page2{background-image:url(https://www.usl.edu.cn/images/gh_3.png);background-repeat:no-repeat;background-size:100% 100%;-moz-background-size:100% 100%}.page3{background:#fff}.page4{background-image:url(https://www.usl.edu.cn/images/gh_11.png);background-repeat:no-repeat;background-size:100% 100%;-moz-background-size:100% 100%}.page5{background:#fff}.page6{background:#fff}#navBar{z-index:3;position:absolute;top:30%;right:3%}#navBar .active{background:#ccc}#navBar li{cursor:pointer;margin-bottom:10px;transition:all .7s ease;border-radius:50%;line-height:40px;text-align:center;width:40px;height:40px;display:none}.txt{margin-top:20%;font-size:50px;color:#fff;text-align:center}.guih{width:1780px;height:auto;overflow:hidden;margin:0 auto}.guih_1{width:1780px;height:56px;overflow:hidden;margin-top:76px}.guih_1_1{width:50%;overflow:hidden;float:left}.guih_1_1_1{width:66px;height:40px;overflow:hidden;float:left;margin-top:11px}.guih_1_1_1 img{width:auto;height:40px}.guih_1_1_2{height:56px;overflow:hidden;float:left;line-height:56px;font-size:28px;color:#707070;position:relative;margin-left:-36px}.guih_1_1_2 b{font-size:50px}.guih_1_1_2 span{color:#002e7a}.guih_1_2{width:50%;overflow:hidden;float:left;margin-top:6px}.guih_1_2 a{width:164px;height:50px;line-height:50px;background:#fff;text-align:center;display:block;color:#0a4594;font-size:20px;float:right;border-radius:25px}.guih_1_2 a:hover{width:164px;height:50px;background:#fff;text-align:center;display:block;color:#0a4594;font-size:20px}.guih_1_2 img{width:24px;margin-left:5px}.guih_1_2b{width:50%;overflow:hidden;float:left;margin-top:6px}.guih_1_2b a{width:164px;height:50px;line-height:50px;background:#0a4594;text-align:center;display:block;color:#fff;font-size:20px;float:right;border-radius:25px}.guih_1_2b a:hover{width:164px;height:50px;background:#0a4594;text-align:center;display:block;color:#fff;font-size:20px}.guih_1_2b img{width:24px;margin-left:5px;filter:brightness(0) invert(1)}.guih_2{width:1780px;height:auto;overflow:hidden;margin-top:86px}.guih_3{width:940px;height:auto;overflow:hidden;float:left;margin-right:50px}.guih_3_1{width:940px;height:540px;overflow:hidden;background:#fff;border-radius:20px}.guih_3_1 img{width:auto;min-width:100%;height:540px;border-radius:20px}.guih_3_2{width:940px;height:142px}.guih_3_3a{width:880px;height:142px;overflow:hidden;background:#fff;margin:0 auto;position:relative;margin-top:-34px}.guih_3_3{width:810px;height:80px;overflow:hidden;margin:0 auto;margin-top:31px}.guih_3_4{width:104px;overflow:hidden;height:80px;float:left;border-right:1px solid #eee;margin-right:15px}.guih_3_4_1{width:100%;height:55px;overflow:hidden;line-height:55px;color:#0a4594;font-size:36px;font-weight:bold}.guih_3_4_2{width:100%;height:25px;overflow:hidden;line-height:25px;color:#0a4594;font-size:18px}.guih_3_5{width:690px;overflow:hidden;height:80px;float:left;line-height:40px;font-size:22px;font-weight:bold}.guih_3_5 a{color:#363636}.guih_3_5 a:hover{color:#363636}.guih_4{width:790px;height:auto;overflow:hidden;float:left}.guih_4 ul li{width:790px;height:216px;overflow:hidden}.guih_4 ul li:hover{background: hsl(216.99deg 52.16% 50% / 67%)}.guih_4_1{width:740px;height:186px;overflow:hidden;margin:0 auto;margin-top:15px}.guih_4_2{width:330px;height:186px;overflow:hidden;float:left;margin-right:12px}.guih_4_2 img{width:100%;height:auto;transition:all .6s}.guih_4_2 img:hover{width:100%;height:auto;transform:scale(1.1)}.guih_4_3{width:398px;height:186px;overflow:hidden;float:left}.guih_4_3_1{width:100%;height:27px;overflow:hidden;line-height:27px;font-size:20px;color:#fff}.guih_4_3_2{width:100%;height:111px;overflow:hidden;line-height:28px;font-size:22px;color:#fff;font-weight:bold;border-bottom:1px solid #eee;margin-top:18px}.guih_4_3_2 a{color:#fff}.guih_4_3_2 a:hover{color:#fff}.guih_4_3_3{width:100%;height:39px;overflow:hidden;line-height:49px;text-align:right}.guih_4_3_3 img{width:auto;height:8px}.guih2{width:1780px;height:auto;overflow:hidden;margin:0 auto}.guih2_1{width:1702px;height:auto;overflow:hidden;margin:0 auto;margin-top:36px}.guih2_1 ul li{width:1702px;height:auto;overflow:hidden}.guih2_2{width:1260px;height:auto;overflow:hidden;float:left;margin-right:30px}.guih2_2 dl dt{width:620px;height:360px;overflow:hidden;float:left;margin-right:10px;margin-bottom:10px}.guih2_2 dl dt:nth-child(2n){margin-right:0}.guih2_2_1{width:620px;height:360px;overflow:hidden}.guih2_2_1 img{width:620px;height:360px;transition:all .6s}.guih2_2_1 img:hover{width:620px;height:360px;transform:scale(1.1)}.guih2_2_2{width:620px;height:68px;overflow:hidden;position:relative;margin-top:-340px;text-align:right}.guih2_2_2 img{width:auto;height:48px;margin-right:30px}.guih2_2_2 .dz1{display:block}.guih2_2_2 .dz2{display:none}.guih2_2_2 .dz3{display:block;width:48px;height:22px;line-height:22px;font-size:18px;text-align:center;margin-right:30px;float:right;color:#fff}.guih2_2_3{width:620px;height:70px;overflow:hidden;position:relative;margin-top:33%;text-indent:1em;line-height:70px;font-size:24px}.guih2_2_3 a{color:#fff}.guih2_2_3 a:hover{color:#fff}.guih2_2 dl dt:hover .guih2_2_2 .dz2{display:block}.guih2_2 dl dt:hover .guih2_2_2 .dz1{display:none}.guih2_3{width:412px;height:auto;overflow:hidden;float:left}.guih2_3 dl dt{width:412px;height:108px;overflow:hidden;background:#f7f7f7;margin-bottom:15px}.guih2_4{width:380px;height:90px;overflow:hidden;margin:0 auto;margin-top:9px}.guih2_4_1{width:170px;height:90px;overflow:hidden;float:left;margin-right:25px}.guih2_4_1 img{width:170px;height:90px;transition:all .6s}.guih2_4_1 img:hover{width:170px;height:90px;transform:scale(1.1)}.guih2_4_2{width:140px;height:90px;overflow:hidden;float:left;line-height:90px;font-size:24px}.guih2_4_2 a{color:#363636}.guih2_4_2 a:hover{color:#363636}.guih2_4_3{width:45px;height:90px;overflow:hidden;float:left;text-align:center;display:flex;justify-content:center;align-items:center}.guih2_4_3 img{width:auto;height:32px}.guih2_3 dl dt:hover{background:#002e7a}.guih2_3 dl dt:hover .guih2_4_2 a{color:#fff}.guih2_3 dl dt:hover .guih2_4_3 img{filter:brightness(0) invert(1)}.guih2_5{width:1780px;height:auto;overflow:hidden;margin-top:30px}.guih2_6{width:1370px;height:60px;overflow:hidden;float:left}.guih2_7{width:410px;height:auto;overflow:hidden;text-align:center;margin-top:30px}.guih2_7 img{width:60px;height:60px;margin-right:40px}.guih3{width:100%;height:auto;overflow:hidden;margin:0 auto}.guih3_0{width:1780px;height:auto;overflow:hidden;margin:0 auto}.guih3_1{width:100%;height:auto;overflow:hidden;margin-top:60px}.guih3_2{width:18%;height:700px;overflow:hidden;margin-right:1%;float:left}.guih3_2_1{width:100%;height:700px;overflow:hidden}.guih3_2_1 img{width:auto;min-width:100%;height:100%;transition:all .6s}.guih3_2_1 img:hover{width:auto;min-width:100%;height:100%;transform:scale(1.1)}.guih3_2_2{width:100%;height:96px;overflow:hidden;position:relative;margin-top:-126px}.guih3_2_2 .pcn{width:90%;overflow:hidden;height:50px;font-size:28px;line-height:50px;color:#fff;font-weight:bold;margin:0 auto}.guih3_2_2 .pen{width:90%;overflow:hidden;height:46px;font-size:20px;line-height:50px;color:#fff;margin:0 auto}.guih3_3{width:21%;height:700px;overflow:hidden;margin-right:1%;float:left}.guih3_3 ul li{width:100%;height:340px;overflow:hidden;margin-bottom:20px}.guih3_3_1{width:100%;height:340px;overflow:hidden}.guih3_3_1 img{width:auto;min-width:100%;height:100%;transition:all .6s}.guih3_3_1 img:hover{width:auto;min-width:100%;height:100%;transform:scale(1.1)}.mr{margin-right:0%}.guih4{width:100%;height:100vh;overflow:hidden}.guih4 ul li{width:50%;height:100vh;float:left;overflow:hidden;background-repeat:no-repeat;background-size:100% 100%;-moz-background-size:100% 100%;display:flex;justify-content:center;align-items:center}.guih4_1{width:365px;overflow:hidden;height:auto;margin:0 auto}.guih4_2{width:100%;overflow:hidden;height:57px;line-height:50px;font-size:50px;color:#fff;font-weight:bold;text-align:center}.guih4_3{width:100%;overflow:hidden;height:80px;line-height:40px;font-size:18px;color:#fff;text-align:left;margin-top:30px}.guih4_4{width:100%;height:100px;line-height:100px;text-align:center;margin-top:20px}.guih4_4 img{width:100px;height:100px;transition:all .6s}.guih4_4 img:hover{width:100px;height:100px;transform:scale(1.1)}.guih4_5{width:100%;overflow:hidden;height:80px;line-height:40px;font-size:18px;color:#fff;text-align:left;margin-top:30px}.guih4_5 a{width:164px;height:50px;margin:0 auto;line-height:50px;background:#0a4594;text-align:center;display:block;color:#fff;font-size:20px;border-radius:25px}.guih4_5 a:hover{width:164px;height:50px;background:#0a4594;text-align:center;display:block;color:#fff;font-size:20px}.guih4_5 img{width:24px;margin-left:5px;filter:brightness(0) invert(1)}.guih5{width:100%;height:565px;overflow:hidden;background-image:url(https://www.usl.edu.cn/images/gh_16.png);background-repeat:no-repeat;background-size:100% 100%;-moz-background-size:100% 100%}.guih5_1{width:1780px;overflow:hidden;height:355px;margin:0 auto;margin-top:110px;border-bottom:1px solid #fff}.guih5_1 ul li{width:50%;height:auto;overflow:hidden;float:left}.guih5_2{width:100%;height:63px;overflow:hidden}.guih5_2 img{width:auto;height:63px}.guih5_3{width:740px;height:120px;overflow:hidden;margin-top:34px}.guih5_3 dl dt{width:20%;height:60px;line-height:60px;overflow:hidden;float:left;font-size:18px;font-weight:bold}.guih5_3 a{color:#fff}.guih5_3 a:hover{color:#fff;text-decoration:underline}.guih5_4{width:100%;height:auto;overflow:hidden;margin-top:20px}.guih5_4 dl dt{width:32px;height:32px;overflow:hidden;float:left;margin-right:15px}.guih5_4 dl dt img{width:32px;height:auto}.list_ewm{position:absolute;z-index:1000;display:none;float:left;min-width:8rem;text-align:center;background:#fff;padding:10px;margin-top:-180px;margin-left:-50px}.list_ewm img{width:120px!important}.show{display:block}.guih5_4 dl dt:hover .list_ewm{display:block}.guih5_5{width:100%;height:108px;overflow:hidden;text-align:right;font-size:40px;font-weight:bold;line-height:108px;color:#fff}.guih5_5_1{width:100%;height:auto;overflow:hidden;text-align:right;font-size:30px;font-weight:bold;line-height:60px;color:#fff}.guih5_6{width:100%;height:auto;overflow:hidden;text-align:right;font-size:20px;line-height:60px;color:#fff}.guih5_7{width:1780px;overflow:hidden;height:100px;margin:0 auto}.guih5_7 ul li{width:50%;height:100px;overflow:hidden;float:left}.guih5_7_1{width:100%;height:100px;overflow:hidden;display:flex;justify-content:left;align-items:center}.guih5_7_1 select{border:0;background:hsl(0deg 0% 100% / 0%);width:auto;height:40px;font-size:18px;color:#fff}.xla:focus{background-color:#174289}.guih5_7_2{width:100%;height:100px;overflow:hidden;line-height:100px;text-align:right;font-size:20px;color:#fff}.guih5_7_2 a{color:#fff}.guih5_7_2 a:hover{color:#fff;text-decoration:underline}.kefu{width:100px;height:100px;overflow:hidden;position:fixed;z-index:999;top:20%;right:30px}.kefu img{width:100px;height:auto}.cbss{width:20px;height:auto;overflow:hidden;position:fixed;z-index:999;top:14%;right:30px}.cbss img{width:20px;height:auto}.souss{width:100%;height:44px;overflow:hidden;margin:0 auto;background:#ccc;margin-top:30px;margin-bottom:10px}.souss_1{width:70%;height:44px;overflow:hidden;float:left}.souss_1 input{width:96%;height:44px;border:0;color:#fff;font-size:16px;background:#ccc}.souss_2{width:30%;height:44px;overflow:hidden;float:left}.souss_2 span{width:100%;height:44px;overflow:hidden;display:block;text-align:center;background:#ccc}.souss_2 span img{width:auto;height:24px;filter:brightness(0) invert(1);margin-top:10px}.popup{position:fixed;top:-150%;left:50%;transform:translate(-50%,-50%) scale(1.2);opacity:0;background:rgb(2 2 2 / 50%);border:1px solid rgba(255,255,255,.15);box-shadow:inset 0 0 20px 5px rgba(255,255,255,.05);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);width:450px;padding:20px 30px;border-radius:10px;z-index:1000;transition:top 0ms ease-in-out 300ms , opacity 300ms ease-in-out 0ms , transform 300ms ease-in-out 0ms}.popup.active{top:30%;transform:translate(-50%,-50%) scale(1);opacity:1;transition:top 0ms ease-in-out 0ms , opacity 300ms ease-in-out 0ms , transform 300ms ease-in-out 0ms}.popup .close-btn{position:absolute;top:10px;right:10px;width:25px;height:25px;font-size:18px;text-align:center;line-height:25px;color:#fdfdfd;background:rgba(255,255,255,.15);border-radius:50%;cursor:pointer}.popup h1{font-size:35px;text-align:center;margin:10px 0 20px;color:#fff}.popup p{color:#fdfdfd;font-size:18px}.container{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}button#open-popup{background:transparent;outline:none;border:2px solid #fdfdfd;border-radius:10px;font-size:25px;color:#fdfdfd;padding:10px 20px;cursor:pointer;text-transform:uppercase}.souss_1 input[type="text"]:focus{outline:none}.aidh{width:100%;height:100vh;overflow:hidden;margin:0 auto}.aidh_1{width:82%;height:100%;overflow:hidden;float:left}.aidh_1_0{display:none}.aidh_1_1{width:906px;height:auto;overflow:hidden;margin:0 auto;margin-top:115px}.aidh_1_1 img{width:auto;height:60px}.aidh_1_2{width:906px;height:40px;overflow:hidden;margin:0 auto;margin-top:24px;font-weight:bold;font-size:22px;color:#363636;line-height:40px}.aidh_1_3{width:906px;height:auto;overflow:hidden;margin:0 auto;margin-top:24px;font-size:14px;color:#363636;line-height:27px}.aidh_1_4{width:900px;height:auto;overflow:hidden;margin:0 auto;margin-top:24px;border-radius:8px;border:3px solid #fff;background: hsl(0deg 0% 100% / 34%)}.aidh_1_4_1{width:80%;height:auto;overflow:hidden;margin:0 auto;margin-top:24px;margin-bottom:24px}.aidh_1_4_1 ul li{width:50%;line-height:44px;height:44px;font-size:16px;color:#363636;color:#fff;float:left}.aidh_1_4_1 ul li span{margin-right:10px}.aidh_1_4_1 ul li a{color:#363636}.aidh_1_4_1 ul li a:hover{color:#363636}.aidh_1_5{width:906px;height:auto;overflow:hidden;margin:0 auto}.aidh_1_5_0{width:906px;height:auto;overflow:hidden;margin:0 auto;position:absolute;bottom:50px}.aidh_1_5_1{width:100%;height:28px;margin-top:24px;overflow:hidden;font-size:14px;color:#363636;line-height:28px}.aidh_1_5_2{width:100%;height:80px;margin-top:4px;overflow:hidden;border-radius:8px;background:#fff}.aidh_1_5_2_1{width:85%;height:80px;overflow:hidden;float:left}.aidh_1_5_2_1 input{width:96%;height:80px;border:0;background:#fff;font-size:16px;color:#363636}.aidh_1_5_2_1 input[type="text"]:focus{outline:none}.aidh_1_5_2_2{width:15%;height:80px;overflow:hidden;float:left;text-align:center}.aidh_1_5_2_2 button{width:60px;height:60px;border:0;margin-top:10px;background:#fff}.aidh_1_5_2_2 button img{width:60px;height:60px}.aidh_2{width:18%;height:100%;overflow:hidden;float:right;background:url(https://www.usl.edu.cn/images/ai_7.png)}.aidh_2_1{width:87%;height:auto;overflow:hidden;margin:0 auto;margin-top:42px}.aidh_2_1 img{width:auto;height:27px}.aidh_3{width:87%;height:auto;overflow:hidden;margin:0 auto;margin-top:20px}.aidh_3 ul li{width:100%;height:auto;overflow:hidden;border-radius:8px;background:#fff;margin-bottom:15px}.aidh_3_1{width:92%;height:auto;overflow:hidden;margin:0 auto;margin-top:8px}.aidh_3_1_1{width:8%;height:auto;overflow:hidden;float:left;margin-right:2%}.aidh_3_1_1 img{width:90%;height:auto}.aidh_3_1_2{width:90%;height:auto;overflow:hidden;float:left;font-size:14px;color:#363636;line-height:26px;margin-bottom:5px}.aidh_3_2{width:92%;height:auto;overflow:hidden;margin:0 auto;border-top:1px solid #e6e6e6}.aidh_3_2 dl dt{width:50%;line-height:34px;height:34px;font-size:14px;color:#363636;float:left;text-align:center}.aidh_3_2 dl dt a{color:#363636}.aidh_3_2 dl dt a:hover{color:#363636}.aidh_4{width:87%;height:auto;overflow:hidden;margin:0 auto;margin-top:20px}.aidh_4_1{width:20%;height:42px;overflow:hidden;float:left;margin-right:4%;border-radius:8px}.aidh_4_1 img{width:auto;height:42px}.aidh_4_2{width:76%;height:42px;overflow:hidden;float:left;background:#fff;border-radius:8px}.aidh_4_2_1{width:90%;height:42px;overflow:hidden;float:left;font-size:14px;color:#363636;line-height:42px;text-align:center}.aidh_4_2_2{width:10%;height:42px;overflow:hidden;float:left;font-size:14px;color:#363636;line-height:42px;text-align:center}#add__to__cart{text-transform:uppercase;border:none;cursor:pointer}#add__to__cart:hover{opacity:.8}dialog{width:100%;height:100vh;padding:20px 30px;border:0;background-image:url(https://www.usl.edu.cn/images/ai_4.png);background-repeat:no-repeat;background-size:100% 100%;-moz-background-size:100% 100%;overflow:hidden}.heading{display:flex;justify-content:space-between}#close__dialog{border:none;cursor:pointer}.actions{display:flex;flex-direction:column;gap:10px}.actions li{line-height:1.6}dialog:-internal-dialog-in-top-layer::backdrop{background:#fff}@media screen and (max-width:1780px){.guih{width:1480px;height:auto;overflow:hidden;margin:0 auto}.guih_1{width:100%;height:56px;overflow:hidden;margin-top:76px}.guih_1_1{width:50%;overflow:hidden;float:left}.guih_1_2{width:50%;overflow:hidden;float:left;margin-top:6px}.guih_2{width:1480px;height:auto;overflow:hidden;margin-top:86px}.guih_3{width:790px;height:auto;overflow:hidden;float:left;margin-right:50px}.guih_3_1{width:790px;height:540px;overflow:hidden;background:#fff;border-radius:20px}.guih_3_1 img{width:auto;min-width:100%;height:540px;border-radius:20px}.guih_3_2{width:790px;height:142px}.guih_3_3a{width:720px;height:142px;overflow:hidden;background:#fff;margin:0 auto;position:relative;margin-top:-34px}.guih_3_3{width:640px;height:80px;overflow:hidden;margin:0 auto;margin-top:31px}.guih_3_4{width:104px;overflow:hidden;height:80px;float:left;border-right:1px solid #eee;margin-right:15px}.guih_3_5{width:520px;overflow:hidden;height:80px;float:left;line-height:40px;font-size:22px;font-weight:bold}.guih_3_5 a{color:#363636}.guih_3_5 a:hover{color:#363636}.guih_4{width:640px;height:auto;overflow:hidden;float:left}.guih_4 ul li{width:640px;height:216px;overflow:hidden}.guih_4 ul li:hover{background: hsl(216.99deg 52.16% 50% / 67%)}.guih_4_1{width:640px;height:186px;overflow:hidden;margin:0 auto;margin-top:15px}.guih_4_2{width:310px;height:186px;overflow:hidden;float:left;margin-right:12px}.guih_4_2 img{width:100%;height:auto;transition:all .6s}.guih_4_2 img:hover{width:100%;height:auto;transform:scale(1.1)}.guih_4_3{width:318px;height:186px;overflow:hidden;float:left}.guih2{width:1480px;height:auto;overflow:hidden;margin:0 auto}.guih2_1{width:1480px;height:auto;overflow:hidden;margin:0 auto;margin-top:36px}.guih2_1 ul li{width:1480px;height:auto;overflow:hidden}.guih2_2{width:1030px;height:auto;overflow:hidden;float:left;margin-right:30px}.guih2_2 dl dt{width:510px;height:360px;overflow:hidden;float:left;margin-right:10px;margin-bottom:10px}.guih2_2 dl dt:nth-child(2n){margin-right:0}.guih2_2_1{width:510px;height:360px;overflow:hidden}.guih2_2_1 img{width:510px;height:360px;transition:all .6s}.guih2_2_1 img:hover{width:510px;height:360px;transform:scale(1.1)}.guih2_2_2{width:510px;height:68px;overflow:hidden;position:relative;margin-top:-340px;text-align:right}.guih2_2_2 img{width:auto;height:48px;margin-right:30px}.guih2_2_2 .dz1{display:block}.guih2_2_2 .dz2{display:none}.guih2_2_2 .dz3{display:block;width:48px;height:22px;line-height:22px;font-size:18px;text-align:center;margin-right:30px;float:right;color:#fff}.guih2_2_3{width:420px;height:70px;overflow:hidden;position:relative;margin-top:40.5%;text-indent:1em;line-height:70px;font-size:24px}.guih2_5{width:1480px;height:auto;overflow:hidden;margin-top:30px}.guih3_0{width:1480px;height:auto;overflow:hidden;margin:0 auto}.guih5{width:100%;height:565px;overflow:hidden;background-image:url(https://www.usl.edu.cn/images/gh_16.png);background-repeat:no-repeat;background-size:100% 100%;-moz-background-size:100% 100%}.guih5_1{width:1480px;overflow:hidden;height:355px;margin:0 auto;margin-top:110px;border-bottom:1px solid #fff}.guih5_7{width:1480px;overflow:hidden;height:100px;margin:0 auto}.xla:focus{background-color:#174289}.guih5_7_2{width:100%;height:100px;overflow:hidden;line-height:100px;text-align:right;font-size:20px;color:#fff}.guih5_7_2 a{color:#fff}.guih5_7_2 a:hover{color:#fff;text-decoration:underline}}@media screen and (max-width:1650px){.aidh_3{width:87%;height:auto;overflow:hidden;margin:0 auto;margin-top:20px}.aidh_3 ul li{width:100%;height:auto;overflow:hidden;border-radius:8px;background:#fff;margin-bottom:15px}.aidh_3 ul li:nth-child(5){display:none}}@media screen and (max-width:1440px){.guih{width:1400px;height:auto;overflow:hidden;margin:0 auto}.guih_1{width:100%;height:56px;overflow:hidden;margin-top:76px}.guih_1_1{width:50%;overflow:hidden;float:left}.guih_1_2{width:50%;overflow:hidden;float:left;margin-top:6px}.guih_2{width:1400px;height:auto;overflow:hidden;margin-top:46px}.guih_3{width:750px;height:auto;overflow:hidden;float:left;margin-right:30px}.guih_3_1{width:790px;height:540px;overflow:hidden;background:#fff;border-radius:20px}.guih_3_1 img{width:auto;min-width:100%;height:540px;border-radius:20px}.guih_3_2{width:790px;height:142px}.guih_3_3a{width:720px;height:142px;overflow:hidden;background:#fff;margin:0 auto;position:relative;margin-top:-90px}.guih_3_3{width:640px;height:80px;overflow:hidden;margin:0 auto;margin-top:31px}.guih_3_4{width:104px;overflow:hidden;height:80px;float:left;border-right:1px solid #eee;margin-right:15px}.guih_3_5{width:520px;overflow:hidden;height:80px;float:left;line-height:40px;font-size:22px;font-weight:bold}.guih_3_5 a{color:#363636}.guih_3_5 a:hover{color:#363636}.guih_4{width:620px;height:auto;overflow:hidden;float:left}.guih_4 ul li{width:620px;height:204px;overflow:hidden}.guih_4 ul li:hover{background: hsl(216.99deg 52.16% 50% / 67%)}.guih_4_1{width:620px;height:186px;overflow:hidden;margin:0 auto;margin-top:0}.guih_4_2{width:290px;height:186px;overflow:hidden;float:left;margin-right:12px}.guih_4_2 img{width:100%;height:auto;transition:all .6s}.guih_4_2 img:hover{width:100%;height:auto;transform:scale(1.1)}.guih_4_3{width:318px;height:186px;overflow:hidden;float:left}.guih5{width:100%;height:565px;overflow:hidden;background-image:url(https://www.usl.edu.cn/images/gh_16.png);background-repeat:no-repeat;background-size:100% 100%;-moz-background-size:100% 100%}.guih5_1{width:1400px;overflow:hidden;height:355px;margin:0 auto;margin-top:110px;border-bottom:1px solid #fff}.guih5_7{width:1400px;overflow:hidden;height:100px;margin:0 auto}.xla:focus{background-color:#174289}.guih5_7_2{width:100%;height:100px;overflow:hidden;line-height:100px;text-align:right;font-size:20px;color:#fff}.guih5_7_2 a{color:#fff}.guih5_7_2 a:hover{color:#fff;text-decoration:underline}}.wap_lind{display:none}.wapw{display:none}@media screen and (max-width:750px){.daoh{display:none}.bannerbox{display:none}#header{display:none!important}.wap_lind{max-width:100%;height:auto;overflow:hidden;margin:0 auto;display:block}.wapw{width:100%;height:auto;overflow:hidden;margin:0 auto;display:block}.wapzhan{display:block;width:100%;height:auto;overflow:hidden}.wapdhx{width:100px;height:51px;display:block}.wapdh{display:block}.sp_header{max-width:100%;height:50px;overflow:hidden;background:#0a4594;position:fixed;z-index:999;width:100%;box-shadow:darkgrey 0 0 6px 0}.sp_logo{padding:4px;float:left;height:50px;margin-left:2px}.sp_logo img{margin:auto;max-height:30px;margin-top:7px}.sp_logo1{width:auto;height:40px;float:left}.sp_logo2{width:auto;height:40px;float:left;margin-left:5px}.logo_p1{height:24px;font-size:16px;color:#333;font-weight:bold;line-height:24px;margin-top:2px}.logo_p2{height:16px;font-size:.6rem;text-align:left;margin-left:-28px;line-height:16px;font: 12%;-webkit-transform:scale(0,1.5);-moz-transform:scale(0,.5);-o-transform:scale(0,0);transform:scale(.8,.5);color:#333}.sp_nav{width:50px;float:right;position:relative;cursor:pointer;height:30px;margin-top:15px;margin-right:15px}.sp_nav span{display:block;background:#fff;width:30px;height:2px;position:absolute;left:10px;transition:all ease .35s}.sp_nav span:nth-of-type(1){top:0}.sp_nav span:nth-of-type(2){top:10px}.sp_nav span:nth-of-type(3){top:20px}.sp_nav_se span:nth-of-type(1){top:10px;transform:rotate(45deg)}.sp_nav_se span:nth-of-type(2){width:0}.sp_nav_se span:nth-of-type(3){top:10px;transform:rotate(-45deg)}.sjj_nav{position:fixed;z-index:99999999;background:#eee;width:100%;height:calc(100% - 104px);font-size:14px;line-height:40px;top:-100%;left:0;overflow:auto;overflow-x:hidden;transition:top ease .35s}.nav_show{top:50px}.sjj_nav>ul>li:first-child{overflow:hidden;border-top:0}.sjj_nav>ul>li:first-child>a{float:left;width:calc(100% - 70px)}.sjj_nav>ul>li:first-child .language{float:right;width:70px;overflow:hidden;line-height:30px;margin-top:5px}.sjj_nav>ul>li:first-child .language a{width:35px;float:left;border-left:1px #ddd solid;text-align:center;color:#999}.sjj_nav ul li i{position:absolute;top:5px;right:0;border-left:1px #ddd solid;height:30px;padding:0 7px 0 7px}.sjj_nav ul li i svg{transform:rotate(-90deg);transition:all ease .35s}.sjj_nav ul li .sjj_nav_i_se svg{transform:rotate(0deg)}.sjj_nav ul li{border-top:1px #ddd solid;margin-left:20px;position:relative;line-height:40px;font-size:14px}.sjj_nav>ul>li:last-child{border-bottom:1px #ddd solid}.sjj_nav ul li ul{display:none}.sjj_nav ul li a{color:#666;width:80%}.sjj_nav ul li ul li a{color:#999;display:block;text-align:left}.sjj_nav ul li i svg{width:20px;height:20px;fill:#555}.sjj_nav ul li .sjj_nav_i_se svg{fill:#c9141e}.sjj_nav ul li ul li>ul{margin-left:10px}.wbaner{display:block;width:100%;height:auto;overflow:hidden}.focuss1{width:100%;margin:0 auto;position:relative;overflow:hidden}.focuss1 .hds1{width:40%;height:11px;position:absolute;z-index:9999;bottom:3%;left:30%;text-align:center}.focuss1 .hds1 ul{display:inline-block;height:8px;padding:3px 5px;font-size:0;vertical-align:top}.focuss1 .hds1 ul li{display:inline-block;width:8px;height:8px;-webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px;background:#fff;margin:0 5px;vertical-align:top;overflow:hidden}.focuss1 .hds1 ul .on{background:#f27507}.focuss1 .bds1{position:relative;z-index:0}.focuss1 .bds1 li{position:relative;overflow:hidden}.focuss1 .bds1 li img{width:100%;background:url(https://www.usl.edu.cn/images/wap/loading.gif) center center no-repeat}.focuss1 .bds1 li a{-webkit-tap-highlight-color:rgba(0,0,0,0)}.focuss1 .bds1 li p{text-align:center;font-size:100%}.pcban{display:none!important}.wapban{display:block!important}.slideBox{width:100%;height:100vh;overflow:hidden;position:relative}.slideBox .hd{margin:0 auto;height:20px;overflow:hidden;position:absolute;left:46%;bottom:180px;z-index:1}.slideBox .hd ul{overflow:hidden;zoom:1;float:left}.slideBox .hd ul li{float:left;margin-right:12px;width:20px;height:20px;line-height:14px;text-align:center;background:#fff;cursor:pointer;border-radius:10px}.slideBox .hd ul li.on{background:#f89c32;color:#fff}.slideBox .bd{position:relative;height:100%;z-index:0}.slideBox .bd li{zoom:1;vertical-align:middle}.slideBox .bd img{width:auto;height:100vh;display:block}.slideBox .bd li p{width:100%;height:40px;margin:0 auto;overflow:hidden;text-align:center;font-size:16px;color:#fff;position:absolute;z-index:3;margin-top:0%;font-weight:bold;bottom:12%}.slideBox .prev,.slideBox .next{position:absolute;left:3%;top:50%;margin-top:-25px;display:block;width:32px;height:40px;background:url(https://www.usl.edu.cn/images/slider-arrow1.png) -110px 5px no-repeat;filter:alpha(opacity=50);opacity:.5}.slideBox .next{left:auto;right:3%;background-position:8px 5px}.slideBox .prev:hover,.slideBox .next:hover{filter:alpha(opacity=100);opacity:1}.slideBox .prevStop{display:none}.slideBox .nextStop{display:none}.sous{width:90%;height:40px;margin:0 auto;overflow:hidden;position:absolute;z-index:4;margin-top:-100px;margin-left:5%}.sous_1{width:98%;height:40px;overflow:hidden;margin:0 auto;background:#fff}.sous_2{width:80%;height:40px;overflow:hidden;float:left}.sous_2 input{width:92%;height:40px;border:0;font-size:18px;color:#0a4594;margin-left:1%}.sous_3{width:20%;height:40px;overflow:hidden;float:left}.sous_3 button{width:100%;height:40px;overflow:hidden;border:0;background:#fff}.sous_3 button img{width:24px;height:auto}.sous_2 input:focus{border:none;outline:none}.sous_2 input::placeholder{color:#0a4594}#pageContain{overflow:hidden}.page{display:none;width:100%;height:100%;overflow:hidden;position:absolute;top:0;left:0}.contain{width:100%;height:100%;display:none;position:relative;z-index:0}.current .contain,.slide .contain{display:block}.current{display:block;z-index:1}.slide{display:block;z-index:2}.swipe{display:block;z-index:3;transition-duration:0ms!important;-webkit-transition-duration:0ms!important}.page1{background:#fff}.page2{background-image:url(https://www.usl.edu.cn/images/gh_3.png);background-repeat:no-repeat;background-size:100% 100%;-moz-background-size:100% 100%}.page3{background:#fff}.page4{background-image:url(https://www.usl.edu.cn/images/gh_11.png);background-repeat:no-repeat;background-size:100% 100%;-moz-background-size:100% 100%}.page5{background:#fff}.page6{background:#fff}#navBar{z-index:3;position:absolute;top:30%;right:3%}#navBar .active{background:#ccc}#navBar li{cursor:pointer;margin-bottom:10px;transition:all .7s ease;border-radius:50%;line-height:40px;text-align:center;width:40px;height:40px;display:none}.txt{margin-top:20%;font-size:50px;color:#fff;text-align:center}.guih{width:100%;height:auto;overflow:hidden;margin:0 auto}.guih_1{width:100%;height:40px;overflow:hidden;margin-top:76px}.guih_1_1{width:75%;overflow:hidden;float:left}.guih_1_1_1{width:10%;height:40px;overflow:hidden;float:left;margin-top:11px}.guih_1_1_1 img{width:auto;height:18px;margin-top:-2px}.guih_1_1_2{height:90%;overflow:hidden;float:left;line-height:40px;font-size:16px;color:#707070;position:relative;margin-left:-5%}.guih_1_1_2 b{font-size:20px}.guih_1_1_2 span{color:#002e7a}.guih_1_2{width:25%;overflow:hidden;float:left;margin-top:4px}.guih_1_2 a{width:100%;height:32px;line-height:32px;background:#fff;text-align:center;display:block;color:#0a4594;font-size:14px;float:right;border-radius:16px}.guih_1_2 a:hover{width:100%;height:32px;background:#fff;text-align:center;display:block;color:#0a4594;font-size:14px}.guih_1_2 img{width:14px;margin-left:2px}.guih_1_2b{width:30%;overflow:hidden;float:left;margin-top:6px}.guih_1_2b a{width:100%;height:32px;line-height:32px;background:#0a4594;text-align:center;display:block;color:#fff;font-size:14px;float:right;border-radius:16px}.guih_1_2b a:hover{width:100%;height:32px;background:#0a4594;text-align:center;display:block;color:#fff;font-size:14px}.guih_1_2b img{width:14px;margin-left:5px;filter:brightness(0) invert(1)}.guih_2{width:100%;height:auto;overflow:hidden;margin-top:86px}.guih_3{display:none}.guih_4{width:100%;height:auto;overflow:hidden;float:none}.guih_4 ul li{width:100%;height:auto;overflow:hidden}.guih_4 ul li:hover{background: hsl(216.99deg 52.16% 50% / 67%)}.guih_4_1{width:96%;height:136px;overflow:hidden;margin:0 auto;margin-top:15px}.guih_4_2{width:40%;height:136px;overflow:hidden;float:left;margin-right:2%}.guih_4_2 img{width:auto;height:136px;transition:all .6s}.guih_4_2 img:hover{width:auto;height:136px;transform:scale(1.1)}.guih_4_3{width:58%;height:136px;overflow:hidden;float:left}.guih_4_3_1{width:100%;height:22px;overflow:hidden;line-height:22px;font-size:14px;color:#fff}.guih_4_3_2{width:100%;height:60px;overflow:hidden;line-height:30px;font-size:16px;color:#fff;font-weight:bold;border-bottom:1px solid #eee;margin-top:8px}.guih_4_3_2 a{color:#fff}.guih_4_3_2 a:hover{color:#fff}.guih_4_3_3{width:100%;height:30px;overflow:hidden;line-height:29px;text-align:right}.guih_4_3_3 img{width:auto;height:4px}.guih2{width:100%;height:auto;overflow:hidden;margin:0 auto}.guih2_1{width:96%;height:auto;overflow:hidden;margin:0 auto;margin-top:20px}.guih2_1 ul li{width:100%;height:auto;overflow:hidden}.guih2_2{width:100%;height:auto;overflow:hidden;float:none;margin-right:0}.guih2_2 dl dt{width:48.5%;height:120px;overflow:hidden;float:left;margin-right:10px;margin-bottom:10px}.guih2_2 dl dt:nth-child(2n){margin-right:0}.guih2_2_1{width:100%;height:120px;overflow:hidden}.guih2_2_1 img{width:100%;height:120px;transition:all .6s}.guih2_2_1 img:hover{width:100%;height:120px;transform:scale(1.1)}.guih2_2_2{width:100%;height:48px;overflow:hidden;position:relative;margin-top:-115px;text-align:right}.guih2_2_2 img{width:auto;height:22px;margin-right:8px}.guih2_2_2 .dz1{display:block}.guih2_2_2 .dz2{display:none}.guih2_2_3{width:100%;height:30px;overflow:hidden;position:relative;margin-top:35px;text-indent:.5em;line-height:30px;font-size:16px}.guih2_2_3 a{color:#fff}.guih2_2_3 a:hover{color:#fff}.guih2_2 dl dt:hover .guih2_2_2 .dz2{display:block}.guih2_2 dl dt:hover .guih2_2_2 .dz1{display:none}.guih2_3{width:100%;height:auto;overflow:hidden;float:none}.guih2_3 dl dt{width:100%;height:auto;overflow:hidden;background:#f7f7f7;margin-bottom:5px}.guih2_4{width:96%;height:50px;overflow:hidden;margin:0 auto;margin-top:9px}.guih2_4_1{width:30%;height:50px;overflow:hidden;float:left;margin-right:2%}.guih2_4_1 img{width:100%;height:auto;transition:all .6s}.guih2_4_1 img:hover{width:100%;height:auto;transform:scale(1.1)}.guih2_3 dl dt:nth-child(5){display:none}.guih2_4_2{width:48%;height:50px;overflow:hidden;float:left;line-height:50px;font-size:18px}.guih2_4_2 a{color:#363636}.guih2_4_2 a:hover{color:#363636}.guih2_4_3{width:10%;height:50px;overflow:hidden;float:left;text-align:center;display:flex;justify-content:center;align-items:center}.guih2_4_3 img{width:auto;height:22px}.guih2_3 dl dt:hover{background:#002e7a}.guih2_3 dl dt:hover .guih2_4_2 a{color:#fff}.guih2_3 dl dt:hover .guih2_4_3 img{filter:brightness(0) invert(1)}.guih2_5{width:1780px;height:auto;overflow:hidden;margin-top:30px}.guih2_6{width:1370px;height:60px;overflow:hidden;float:left}.guih2_7{width:100%;height:auto;overflow:hidden;text-align:center;margin-top:20px}.guih2_7 img{width:30px;height:30px;margin-right:20px}.guih3{width:99%;height:auto;overflow:hidden;margin:0 auto}.guih3_0{width:100%;height:auto;overflow:hidden;margin:0 auto}.guih3_1{width:100%;height:auto;overflow:hidden;margin-top:15px}.guih3_2{width:32%;height:270px;overflow:hidden;margin-right:1%;float:left;margin-bottom:7px}.guih3_2_1{width:100%;height:270px;overflow:hidden}.guih3_2_1 img{width:auto;min-width:270px;height:100%;transition:all .6s}.guih3_2_1 img:hover{width:auto;min-width:270px;height:100%;transform:scale(1.1)}.guih3_2_2{width:100%;height:80px;overflow:hidden;position:relative;margin-top:-62px}.guih3_2_2 .pcn{width:90%;overflow:hidden;height:30px;font-size:18px;line-height:30px;color:#fff;font-weight:bold;margin:0 auto}.guih3_2_2 .pen{width:90%;overflow:hidden;height:30px;font-size:16px;line-height:30px;color:#fff;margin:0 auto}.guih3_3{width:33%;height:270px;overflow:hidden;margin-right:1%;float:left;margin-bottom:7px}.guih3_3 ul li{width:100%;height:130px;overflow:hidden;margin-bottom:10px}.guih3_3_1{width:100%;height:130px;overflow:hidden}.guih3_3_1 img{width:auto;min-width:100%;height:100%;transition:all .6s}.guih3_3_1 img:hover{width:auto;min-width:100%;height:100%;transform:scale(1.1)}.mr{margin-right:0%}.guih4{width:100%;height:100vh;overflow:hidden}.guih4 ul li{width:100%;height:50vh;float:left;overflow:hidden;background-size:cover;background-position:center;background-repeat:no-repeat;display:flex;justify-content:center;align-items:center}.guih4_1{width:365px;overflow:hidden;height:auto;margin:0 auto}.guih4_2{width:100%;overflow:hidden;height:37px;line-height:37px;font-size:18px;color:#fff;font-weight:bold;text-align:center}.guih4_3{width:92%;overflow:hidden;height:auto;line-height:26px;margin:0 auto;font-size:14px;color:#fff;text-align:left;margin-top:10px}.guih4_4{width:100%;height:auto;line-height:40px;text-align:center;margin-top:10px}.guih4_4 img{width:40px;height:40px;transition:all .6s}.guih4_4 img:hover{width:40px;height:40px;transform:scale(1.1)}.guih4_5{width:100%;overflow:hidden;height:40px;line-height:40px;font-size:16px;color:#fff;text-align:left;margin-top:10px}.guih4_5 a{width:134px;height:40px;margin:0 auto;line-height:40px;background:#0a4594;text-align:center;display:block;color:#fff;font-size:16px;border-radius:20px}.guih4_5 a:hover{width:134px;height:40px;background:#0a4594;text-align:center;display:block;color:#fff;font-size:16px}.guih4_5 img{width:14px;margin-left:5px;filter:brightness(0) invert(1)}.guih5{width:100%;height:100vh;overflow:hidden;background-image:url(https://www.usl.edu.cn/images/gh_16.png);background-size:cover;background-position:center;background-repeat:no-repeat}.guih5_1{width:96%;overflow:hidden;height:81vh;margin:0 auto;margin-top:110px;border-bottom:0 solid #fff}.guih5_1 ul li{width:100%;height:auto;overflow:hidden;float:none}.guih5_2{width:100%;height:auto;overflow:hidden}.guih5_2 img{width:50%;height:auto}.guih5_3{width:100%;height:auto;overflow:hidden;margin-top:44px}.guih5_3 dl dt{width:20%;height:36px;line-height:36px;overflow:hidden;float:left;font-size:14px;font-weight:bold}.guih5_3 a{color:#fff}.guih5_3 a:hover{color:#fff;text-decoration:underline}.guih5_4{width:100%;height:auto;overflow:hidden;margin-top:20px;display:none}.guih5_4 dl dt{width:32px;height:32px;overflow:hidden;float:left;margin-right:25px}.guih5_4 dl dt img{width:32px;height:auto}.list_ewm{position:absolute;z-index:1000;display:none;float:left;min-width:8rem;text-align:center;background:#fff;padding:10px;margin-top:-180px;margin-left:-50px}.list_ewm img{width:120px!important}.show{display:block}.guih5_4 dl dt:hover .list_ewm{display:block}.guih5_5{width:100%;height:auto;overflow:hidden;text-align:right;font-size:20px;font-weight:bold;line-height:48px;color:#fff;margin-top:34px}.guih5_6{width:100%;height:auto;overflow:hidden;text-align:right;font-size:16px;line-height:30px;color:#fff}.guih5_6 span{display:block;width:100%}.guih5_7{width:100%;overflow:hidden;height:auto;margin:0 auto;border-top:1px solid #fff;position:absolute;bottom:8%}.guih5_7 ul li{width:100%;height:auto;overflow:hidden;float:left}.guih5_7_1{width:100%;height:auto;overflow:hidden;display:flex;justify-content:left;align-items:center;display:none}.guih5_7_1 select{border:0;background:hsl(0deg 0% 100% / 0%);width:auto;height:30px;font-size:14px;color:#fff}.xla:focus{background-color:#174289}.guih5_7_2{width:100%;height:auto;overflow:hidden;line-height:30px;text-align:center;font-size:14px;color:#fff}.guih5_7_2 a{color:#fff}.guih5_7_2 a:hover{color:#fff;text-decoration:underline}.kefu{width:40px;height:40px;overflow:hidden;position:fixed;z-index:999;top:20%;right:5px}.kefu img{width:40px;height:auto}.cbss{width:14px;height:auto;overflow:hidden;position:fixed;z-index:999;top:14%;right:10px}.cbss img{width:14px;height:auto}.souss{width:100%;height:44px;overflow:hidden;margin:0 auto;background:#ccc;margin-top:30px;margin-bottom:10px}.souss_1{width:70%;height:44px;overflow:hidden;float:left}.souss_1 input{width:96%;height:44px;border:0;color:#fff;font-size:16px;background:#ccc}.souss_2{width:30%;height:44px;overflow:hidden;float:left}.souss_2 span{width:100%;height:44px;overflow:hidden;display:block;text-align:center;background:#ccc}.souss_2 span img{width:auto;height:24px;filter:brightness(0) invert(1);margin-top:10px}.popup{position:fixed;top:-150%;left:50%;transform:translate(-50%,-50%) scale(1.2);opacity:0;background:rgb(2 2 2 / 50%);border:1px solid rgba(255,255,255,.15);box-shadow:inset 0 0 20px 5px rgba(255,255,255,.05);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);width:450px;padding:20px 30px;border-radius:10px;z-index:1000;transition:top 0ms ease-in-out 300ms , opacity 300ms ease-in-out 0ms , transform 300ms ease-in-out 0ms}.popup.active{top:30%;transform:translate(-50%,-50%) scale(1);opacity:1;transition:top 0ms ease-in-out 0ms , opacity 300ms ease-in-out 0ms , transform 300ms ease-in-out 0ms}.popup .close-btn{position:absolute;top:10px;right:10px;width:25px;height:25px;font-size:18px;text-align:center;line-height:25px;color:#fdfdfd;background:rgba(255,255,255,.15);border-radius:50%;cursor:pointer}.popup h1{font-size:35px;text-align:center;margin:10px 0 20px;color:#fff}.popup p{color:#fdfdfd;font-size:18px}.container{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}button#open-popup{background:transparent;outline:none;border:2px solid #fdfdfd;border-radius:10px;font-size:25px;color:#fdfdfd;padding:10px 20px;cursor:pointer;text-transform:uppercase}.souss_1 input[type="text"]:focus{outline:none}.aidh{width:100%;height:auto;overflow:hidden;margin:0 auto}.aidh_1{width:100%;height:100%;overflow:hidden;float:left}.aidh_1_0{width:94%;height:auto;overflow:hidden;margin:0 auto;margin-top:0;font-size:16px;font-weight:bold;text-align:right;display:block}.aidh_1_1{width:94%;height:auto;overflow:hidden;margin:0 auto;margin-top:10px}.aidh_1_1 img{width:auto;height:30px}.aidh_1_2{width:94%;height:auto;overflow:hidden;margin:0 auto;margin-top:10px;font-weight:bold;font-size:16px;color:#363636;line-height:30px}.aidh_1_3{width:94%;height:auto;overflow:hidden;margin:0 auto;margin-top:4px;font-size:14px;color:#363636;line-height:26px}.aidh_1_4{width:94%;height:auto;overflow:hidden;margin:0 auto;margin-top:4px;border-radius:8px;border:3px solid #fff;background: hsl(0deg 0% 100% / 34%)}.aidh_1_4_1{width:90%;height:auto;overflow:hidden;margin:0 auto;margin-top:10px;margin-bottom:10px}.aidh_1_4_1 ul li{width:100%;line-height:24px;height:24px;font-size:13px;color:#363636;color:#fff;float:left}.aidh_1_4_1 ul li span{margin-right:10px}.aidh_1_4_1 ul li a{color:#363636}.aidh_1_4_1 ul li a:hover{color:#363636}.aidh_1_5{width:94%;height:auto;overflow:hidden;margin:0 auto}.aidh_1_5_0{width:88%;height:auto;overflow:hidden;margin:0 auto;position:absolute;bottom:20px}.aidh_1_5_1{width:100%;height:28px;margin-top:24px;overflow:hidden;font-size:14px;color:#363636;line-height:28px}.aidh_1_5_2{width:100%;height:40px;margin-top:4px;overflow:hidden;border-radius:8px;background:#fff}.aidh_1_5_2_1{width:85%;height:40px;overflow:hidden;float:left}.aidh_1_5_2_1 input{width:96%;height:40px;border:0;background:#fff;font-size:14px;color:#363636}.aidh_1_5_2_1 input[type="text"]:focus{outline:none}.aidh_1_5_2_2{width:15%;height:40px;overflow:hidden;float:left;text-align:center}.aidh_1_5_2_2 button{width:30px;height:30px;border:0;margin-top:5px;background:#fff}.aidh_1_5_2_2 button img{width:30px;height:30px}.aidh_2{display:none}dialog{width:100%;height:auto;padding:20px 15px;border:0;background-image:url(https://www.usl.edu.cn/images/ai_4.png);background-repeat:no-repeat;background-size:100% 100%;-moz-background-size:100% 100%;overflow:hidden}}